8453 lines
151 KiB
CSS
Executable File
8453 lines
151 KiB
CSS
Executable File
@charset "utf-8";
|
|
html,
|
|
body {
|
|
width: 100%;
|
|
}
|
|
body {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
margin: 0px auto;
|
|
font-size: 14px;
|
|
line-height: 24px;
|
|
color: #666666;
|
|
width: 100%;
|
|
min-width: 320px;
|
|
zoom: 1;
|
|
font-family: frutigernext, 'Microsoft YaHei', Arial, Helvetica, sans-serif, Arial, '宋体';
|
|
background-size: cover;
|
|
overflow-x: hidden;
|
|
}
|
|
ul,
|
|
li,
|
|
form,
|
|
dl,
|
|
dt,
|
|
dd,
|
|
div,
|
|
ul,
|
|
li,
|
|
p,
|
|
em,
|
|
i,
|
|
address {
|
|
font-style: normal;
|
|
list-style: none;
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
h1,
|
|
h2,
|
|
h3,
|
|
h4,
|
|
h5,
|
|
h6 {
|
|
padding: 0px;
|
|
margin: 0px;
|
|
}
|
|
select,
|
|
input,
|
|
textarea,
|
|
button {
|
|
font-size: 14px;
|
|
border-radius: 0;
|
|
-webkit-border-radius: 0;
|
|
color: #414446;
|
|
font-family: '微软雅黑';
|
|
}
|
|
input:focus {
|
|
outline: none;
|
|
}
|
|
input,
|
|
button,
|
|
select,
|
|
textarea {
|
|
border: 0px;
|
|
outline: none; /*-webkit-appearance:none;*/ /*强制去除表单自带的样式*/
|
|
}
|
|
button {
|
|
cursor: pointer;
|
|
}
|
|
textarea {
|
|
resize: none; /*-webkit-appearance:none;*/ /*强制去除textarea自带的样式*/
|
|
}
|
|
textarea,
|
|
input,
|
|
select {
|
|
background: none;
|
|
border: none;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
article,
|
|
aside,
|
|
footer,
|
|
header,
|
|
hgroup,
|
|
nav,
|
|
section,
|
|
figure,
|
|
figcaption,
|
|
address {
|
|
display: block;
|
|
} /*html5设置*/
|
|
figure,
|
|
figcaption {
|
|
margin: 0px;
|
|
padding: 0px;
|
|
}
|
|
audio,
|
|
canvas,
|
|
progress,
|
|
video {
|
|
display: inline-block;
|
|
vertical-align: baseline;
|
|
}
|
|
img {
|
|
border: none;
|
|
border: 0;
|
|
vertical-align: top;
|
|
}
|
|
a {
|
|
color: #666666;
|
|
text-decoration: none;
|
|
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
|
|
transition: all 0.2s linear;
|
|
-webkit-transition: all 0.2s linear;
|
|
cursor: pointer;
|
|
}
|
|
a:focus {
|
|
outline: none;
|
|
-moz-outline: none;
|
|
}
|
|
a:hover {
|
|
text-decoration: none;
|
|
}
|
|
*:hover {
|
|
transition: all 0.2s linear;
|
|
-webkit-transition: all 0.2s linear;
|
|
}
|
|
.fl {
|
|
float: left;
|
|
}
|
|
.fr {
|
|
float: right;
|
|
}
|
|
.tr {
|
|
text-align: right;
|
|
}
|
|
.tc {
|
|
text-align: center;
|
|
}
|
|
.hidetxt {
|
|
display: none;
|
|
}
|
|
.clear {
|
|
clear: both;
|
|
}
|
|
.clearfix {
|
|
overflow: hidden;
|
|
_zoom: 1;
|
|
}
|
|
.clearfix:after {
|
|
content: '';
|
|
display: block;
|
|
clear: both;
|
|
height: 0;
|
|
visibility: hidden;
|
|
}
|
|
.clearfix {
|
|
*zoom: 1;
|
|
}
|
|
:-moz-placeholder {
|
|
color: #bdbdbd;
|
|
}
|
|
::-moz-placeholder {
|
|
color: #333;
|
|
}
|
|
input:-ms-input-placeholder,
|
|
textarea:-ms-input-placeholder {
|
|
color: #bdbdbd;
|
|
}
|
|
input::-webkit-input-placeholder,
|
|
textarea::-webkit-input-placeholder {
|
|
color: #bdbdbd;
|
|
}
|
|
select {
|
|
-webkit-border-radius: 0;
|
|
-moz-border-radius: 0;
|
|
border-radius: 0;
|
|
-moz-background-clip: padding;
|
|
-webkit-background-clip: padding-box;
|
|
background-clip: padding-box;
|
|
-webkit-appearance: none;
|
|
-moz-appearance: none;
|
|
appearance: none;
|
|
cursor: pointer;
|
|
appearance: none;
|
|
-moz-appearance: none;
|
|
-webkit-appearance: none;
|
|
}
|
|
select::-ms-expand {
|
|
display: none;
|
|
} /*Ie clear arr*/
|
|
select,
|
|
.input {
|
|
border: 1px solid #ababab;
|
|
color: #ababab;
|
|
text-indent: 0.5em;
|
|
}
|
|
select {
|
|
height: 30px;
|
|
background: url(../images/selectarr.gif) right center no-repeat;
|
|
}
|
|
.input {
|
|
height: 28px;
|
|
line-height: 28px;
|
|
}
|
|
.container {
|
|
width: 1200px;
|
|
margin: 0px auto;
|
|
}
|
|
.relative {
|
|
position: relative;
|
|
}
|
|
.both {
|
|
clear: both;
|
|
}
|
|
.text_l {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
/*头部文件*/
|
|
@media screen and (min-width: 960px) {
|
|
.header-PC {
|
|
display: block;
|
|
}
|
|
.header-M {
|
|
display: none;
|
|
}
|
|
}
|
|
@media screen and (max-width: 959px) {
|
|
.header-PC {
|
|
display: none;
|
|
}
|
|
.header-M {
|
|
display: block;
|
|
height: 50px;
|
|
}
|
|
}
|
|
.icon-country:before,
|
|
.icon-close:before {
|
|
font-size: 1.8em;
|
|
}
|
|
.icon-menu:before {
|
|
font-size: 2em;
|
|
}
|
|
.icon-close:before {
|
|
font-size: 1.8em;
|
|
}
|
|
|
|
/*搜索框字体颜色*/
|
|
-webkit-input-placeholder {
|
|
/* WebKit browsers */
|
|
color: #999;
|
|
}
|
|
-moz-placeholder {
|
|
/* Mozilla Firefox 4 to 18 */
|
|
color: #999;
|
|
}
|
|
-moz-placeholder {
|
|
/* Mozilla Firefox 19+ */
|
|
display: table;
|
|
color: #999;
|
|
}
|
|
-ms-input-placeholder {
|
|
/* Internet Explorer 10+ */
|
|
color: #999;
|
|
}
|
|
/*公共样式*/
|
|
body {
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
@media screen and (min-width: 1400px) {
|
|
body,
|
|
html {
|
|
font-size: 100%;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1200px) and (max-width: 1399px) {
|
|
body,
|
|
html {
|
|
font-size: 98%;
|
|
}
|
|
}
|
|
@media screen and (min-width: 768px) and (max-width: 1199px) {
|
|
body,
|
|
html {
|
|
font-size: 96%;
|
|
}
|
|
}
|
|
@media screen and (min-width: 640px) and (max-width: 767px) {
|
|
body,
|
|
html {
|
|
font-size: 94%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 480px) and (max-width: 639px) {
|
|
body,
|
|
html {
|
|
font-size: 92%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 384px) and (max-width: 479px) {
|
|
body,
|
|
html {
|
|
font-size: 90%;
|
|
}
|
|
}
|
|
@media only screen and (min-width: 320px) and (max-width: 383px) {
|
|
body,
|
|
html {
|
|
font-size: 88%;
|
|
}
|
|
}
|
|
@media only screen and (max-width: 319px) {
|
|
body,
|
|
html {
|
|
font-size: 86%;
|
|
}
|
|
}
|
|
|
|
ul,
|
|
li {
|
|
list-style: none;
|
|
padding: 0;
|
|
margin: 0;
|
|
}
|
|
.Ts-Orage {
|
|
color: #ff9800;
|
|
}
|
|
.Ts-White {
|
|
color: #ffffff;
|
|
}
|
|
.Ts-black {
|
|
color: #333333;
|
|
}
|
|
.f_blue {
|
|
color: #009fe0;
|
|
}
|
|
.f-White {
|
|
color: #ffffff;
|
|
}
|
|
.f-black {
|
|
color: #333333;
|
|
}
|
|
.f-gray {
|
|
color: #666;
|
|
}
|
|
.f-l-gray {
|
|
color: #999;
|
|
}
|
|
|
|
.swt-punctuation {
|
|
margin-left: 8px;
|
|
font-size: 1.25em;
|
|
}
|
|
.float-f {
|
|
float: left;
|
|
}
|
|
.float-r {
|
|
float: right;
|
|
}
|
|
.text-r {
|
|
text-align: right;
|
|
}
|
|
.text-l {
|
|
text-align: left;
|
|
}
|
|
.text-c {
|
|
text-align: center;
|
|
}
|
|
.font-75 {
|
|
font-size: 0.75em;
|
|
}
|
|
.font-11 {
|
|
font-size: 1.125em;
|
|
}
|
|
.font-18 {
|
|
font-size: 1.875em;
|
|
}
|
|
.font-22 {
|
|
font-size: 1.375em;
|
|
}
|
|
.font-9 {
|
|
font-size: 0.9em;
|
|
}
|
|
.font-60 {
|
|
font-size: 3.75em;
|
|
line-height: 1.25em;
|
|
}
|
|
.font-26 {
|
|
font-size: 1.625em;
|
|
}
|
|
.font-24 {
|
|
font-size: 1.5em;
|
|
}
|
|
.font-16 {
|
|
font-size: 1em;
|
|
}
|
|
.font-48 {
|
|
font-size: 3em;
|
|
}
|
|
.font-36 {
|
|
font-size: 2.25em;
|
|
}
|
|
.font-30 {
|
|
font-size: 1.875em;
|
|
line-height: 1.5em;
|
|
}
|
|
.font-20 {
|
|
font-size: 1.25em;
|
|
line-height: 1.75em;
|
|
}
|
|
.font-18 {
|
|
font-size: 1.125em;
|
|
line-height: 1.125em;
|
|
}
|
|
.font-38 {
|
|
font-size: 2.375em;
|
|
line-height: 1.5em;
|
|
}
|
|
.font-28 {
|
|
font-size: 1.75em;
|
|
line-height: 1.5em;
|
|
}
|
|
.font-90 {
|
|
font-size: 5.625em;
|
|
line-height: 1.25em;
|
|
}
|
|
.font-72 {
|
|
font-size: 4.5em;
|
|
line-height: 1.25em;
|
|
}
|
|
.font-32 {
|
|
font-size: 2em;
|
|
}
|
|
@media screen and (max-width: 1440px) {
|
|
.font-48 {
|
|
font-size: 2.25em;
|
|
}
|
|
.font-30 {
|
|
font-size: 1.25em;
|
|
}
|
|
.font-24 {
|
|
font-size: 1.125em;
|
|
}
|
|
.font-18 {
|
|
font-size: 1em;
|
|
}
|
|
.font-26 {
|
|
font-size: 1.25em;
|
|
}
|
|
.font-28 {
|
|
font-size: 1.25em;
|
|
}
|
|
.font-22 {
|
|
font-size: 1em;
|
|
}
|
|
.font-36 {
|
|
font-size: 1.5em;
|
|
}
|
|
}
|
|
.font-color-gray {
|
|
color: #444;
|
|
}
|
|
.letter-S-2 {
|
|
letter-spacing: 2px;
|
|
}
|
|
.img-responsive img {
|
|
height: auto;
|
|
max-width: 100%;
|
|
}
|
|
.img-responsives img {
|
|
display: block;
|
|
height: auto;
|
|
width: 100%;
|
|
}
|
|
.overflow-f {
|
|
overflow: hidden;
|
|
}
|
|
.c-fix {
|
|
clear: both;
|
|
}
|
|
.clearfix:after {
|
|
content: '.';
|
|
display: block;
|
|
height: 0;
|
|
clear: both;
|
|
visibility: hidden;
|
|
}
|
|
.clearfix {
|
|
*zoom: 1;
|
|
}
|
|
.margin-t-5 {
|
|
margin-top: 5%;
|
|
}
|
|
.margin-t-1 {
|
|
margin-top: 1%;
|
|
}
|
|
.margin-t-3 {
|
|
margin-top: 3%;
|
|
}
|
|
.margin-b-3 {
|
|
margin-bottom: 3%;
|
|
}
|
|
.margin-b-5 {
|
|
margin-bottom: 5%;
|
|
}
|
|
.margin-b-7 {
|
|
margin-bottom: 7%;
|
|
}
|
|
.padding-t-48vw {
|
|
padding-top: 4.8vw;
|
|
}
|
|
.padding-t-80 {
|
|
padding-top: 7vw;
|
|
}
|
|
.margin-b-30vw {
|
|
margin-bottom: 3vw;
|
|
}
|
|
.margin-t-15vw {
|
|
margin-top: 1.5vw;
|
|
}
|
|
.margin-t-10vw {
|
|
margin-top: 1vw;
|
|
}
|
|
.margin-t-20vw {
|
|
margin-top: 2vw;
|
|
}
|
|
.margin-t-50 {
|
|
margin-top: 3vw;
|
|
}
|
|
.padding-t-5vw {
|
|
padding-top: 0.5vw;
|
|
}
|
|
.padding-t-8vw {
|
|
padding-top: 0.8vw;
|
|
}
|
|
.padding-t-3 {
|
|
padding-top: 3%;
|
|
}
|
|
.padding-b-3 {
|
|
padding-bottom: 3%;
|
|
}
|
|
.margin-b-40 {
|
|
margin-bottom: 4vw;
|
|
}
|
|
.padding-t-4 {
|
|
padding-top: 4%;
|
|
}
|
|
.padding-b-4 {
|
|
padding-bottom: 4%;
|
|
}
|
|
.padding-b-80 {
|
|
padding-bottom: 4vw;
|
|
}
|
|
.margin-b-80 {
|
|
margin-bottom: 4vw;
|
|
}
|
|
.padding-t-60 {
|
|
padding-top: 5vw;
|
|
}
|
|
.margin-t-80 {
|
|
margin-top: 4vw;
|
|
}
|
|
.margin-t-90 {
|
|
margin-top: 5vw;
|
|
}
|
|
.margin-t-30 {
|
|
margin-top: 1vw;
|
|
}
|
|
.margin-t-66 {
|
|
margin-top: 2.5vw;
|
|
}
|
|
.padding-b-150 {
|
|
padding-bottom: 8vw;
|
|
}
|
|
.margin-b-40 {
|
|
margin-bottom: 2.5vw;
|
|
}
|
|
.margin-b-20 {
|
|
margin-bottom: 1vw;
|
|
}
|
|
@media screen and (max-width: 767px) {
|
|
.margin-b-3 {
|
|
margin-bottom: 5%;
|
|
}
|
|
}
|
|
.padding-b-30 {
|
|
padding-bottom: 1vw;
|
|
}
|
|
.f_weight_600 {
|
|
font-weight: 600;
|
|
}
|
|
.f_weight_500 {
|
|
font-weight: 500;
|
|
}
|
|
.f_weight_400 {
|
|
font-weight: 400;
|
|
}
|
|
.f_weight_300 {
|
|
font-weight: 300;
|
|
}
|
|
.f_weight_200 {
|
|
font-weight: 200;
|
|
}
|
|
.f_weight_100 {
|
|
font-weight: 100;
|
|
}
|
|
.bg-gray {
|
|
background-color: #f1f1f1;
|
|
}
|
|
.bg-white {
|
|
background-color: #fff;
|
|
}
|
|
.light_height_48 {
|
|
line-height: 48px;
|
|
}
|
|
|
|
.font-red {
|
|
color: red;
|
|
}
|
|
.width-100 {
|
|
width: 100%;
|
|
}
|
|
.width-92 {
|
|
width: 92%;
|
|
margin: auto;
|
|
}
|
|
.f-weight-b {
|
|
font-weight: bold;
|
|
}
|
|
.position-r {
|
|
position: relative;
|
|
}
|
|
.position-a {
|
|
position: absolute;
|
|
}
|
|
.position-a-w {
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.swt-Title {
|
|
font-size: 1.875em;
|
|
color: #002855;
|
|
text-align: center;
|
|
font-weight: 600;
|
|
}
|
|
@media screen and (min-width: 769px) {
|
|
.swt-Table {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
.swt-Table .Table-Row {
|
|
display: table-row;
|
|
}
|
|
.swt-Table .Table-Row .Table-Cell {
|
|
display: table-cell;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
}
|
|
.Swt-Blue-line {
|
|
width: 4.25%;
|
|
height: 5px;
|
|
background-color: #002855;
|
|
overflow: hidden;
|
|
margin: 0 auto 2%;
|
|
}
|
|
.Swt-Banner {
|
|
width: 100%;
|
|
}
|
|
.Swt-Banner img {
|
|
width: 100vw;
|
|
}
|
|
.swt-punctuation {
|
|
margin-left: 8px;
|
|
font-size: 1.25em;
|
|
position: absolute;
|
|
display: inline-block;
|
|
font-weight: 600;
|
|
}
|
|
.Swt-title {
|
|
color: #002855;
|
|
font-weight: 600;
|
|
padding: 5% 0 3%;
|
|
font-size: 1.875em;
|
|
text-align: center;
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.Swt-title {
|
|
font-size: 1.5em;
|
|
}
|
|
}
|
|
.cursor_p {
|
|
cursor: pointer;
|
|
}
|
|
.height_100 {
|
|
height: 100%;
|
|
}
|
|
|
|
/*pages*/
|
|
.Pages {
|
|
zoom: 1;
|
|
text-align: center;
|
|
color: #555;
|
|
clear: both;
|
|
margin-bottom: 2vw;
|
|
}
|
|
.Pages span {
|
|
padding: 0px 0px;
|
|
display: inline-block;
|
|
}
|
|
.Pages a {
|
|
display: inline-block;
|
|
margin: 0px 4px;
|
|
line-height: 26px;
|
|
text-align: center;
|
|
}
|
|
.Pages .p_page a {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
}
|
|
.Pages .p_page .a_prev,
|
|
.Pages .p_page .a_next {
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 21px;
|
|
}
|
|
.Pages .p_page .a_prev {
|
|
background: url(../images/pfl.png) no-repeat;
|
|
padding: 0 10px;
|
|
margin-right: 10px;
|
|
}
|
|
.Pages .p_page .a_next {
|
|
background: url(../images/prh.png) no-repeat;
|
|
margin-left: 10px;
|
|
padding: 0 10px;
|
|
}
|
|
.Pages .p_page .num a {
|
|
display: inline-block;
|
|
width: 34px;
|
|
height: 22px;
|
|
line-height: 22px;
|
|
text-align: center;
|
|
vertical-align: middle;
|
|
font-size: 16px;
|
|
color: #333;
|
|
}
|
|
.Pages .p_page .num a.a_cur,
|
|
.Pages .p_page .num a:hover {
|
|
background: #333;
|
|
color: #fff;
|
|
}
|
|
@media (max-width: 768px) {
|
|
.Pages a.a_prev,
|
|
.Pages a.a_next {
|
|
width: 40px;
|
|
}
|
|
.Pages a {
|
|
line-height: 25px;
|
|
width: 25px;
|
|
}
|
|
}
|
|
/*pages end*/
|
|
/************************首页***************************/
|
|
/*banner s*/
|
|
.homebans,
|
|
.homeban {
|
|
width: 100%;
|
|
height: auto;
|
|
overflow: hidden;
|
|
position: relative;
|
|
}
|
|
.homeban img {
|
|
width: 100%;
|
|
}
|
|
.banners {
|
|
display: none;
|
|
margin-bottom: 40px !important;
|
|
}
|
|
.homebans .hd {
|
|
overflow: hidden;
|
|
position: absolute;
|
|
right: 12%;
|
|
bottom: 25px;
|
|
z-index: 1;
|
|
}
|
|
.homebans .hd ul {
|
|
overflow: hidden;
|
|
zoom: 1;
|
|
float: left;
|
|
}
|
|
.homebans .hd ul li {
|
|
float: left;
|
|
margin-right: 9px;
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 6px;
|
|
background: #fff;
|
|
cursor: pointer;
|
|
color: transparent;
|
|
}
|
|
.homebans .hd ul li.on {
|
|
background: #fff;
|
|
width: 40px;
|
|
height: 12px;
|
|
border-radius: 5px;
|
|
} /*修改*/
|
|
.homebans .bd {
|
|
position: relative;
|
|
height: 100%;
|
|
z-index: 0;
|
|
}
|
|
.homebans .bd li {
|
|
zoom: 1;
|
|
vertical-align: middle;
|
|
}
|
|
.homebans .bd img,
|
|
.homeban .bd img {
|
|
width: 100vw;
|
|
height: auto;
|
|
display: block;
|
|
}
|
|
@media (max-width: 768px) {
|
|
.homebans .hd {
|
|
position: absolute;
|
|
left: 50%;
|
|
right: auto;
|
|
transform: translate(-50%, 0%);
|
|
}
|
|
.homebans .hd ul li {
|
|
width: 30px;
|
|
}
|
|
}
|
|
/*新增手机banner s*/
|
|
@media (max-width: 768px) {
|
|
.banners {
|
|
display: block;
|
|
}
|
|
.homebans {
|
|
display: none;
|
|
}
|
|
}
|
|
/*banner e*/
|
|
/*品类探索 s*/
|
|
.indexbox1 {
|
|
width: 100%;
|
|
height: auto;
|
|
padding: 50px 0 50px 0;
|
|
background: #f1f1f1;
|
|
}
|
|
.com {
|
|
text-align: center;
|
|
position: relative;
|
|
margin-bottom: 1.5vw;
|
|
color: #333333;
|
|
font-weight: 600;
|
|
font-size: 1.875em;
|
|
line-height: 1.125em;
|
|
color: #333;
|
|
}
|
|
.com-white p,
|
|
.com-gray p {
|
|
position: relative;
|
|
display: inline-block;
|
|
font-size: 1.33rem;
|
|
z-index: 1;
|
|
padding: 0 2rem;
|
|
}
|
|
.com-white p {
|
|
background-color: #ffffff;
|
|
}
|
|
.com .comline {
|
|
margin-top: 30px;
|
|
}
|
|
.bds {
|
|
width: 82%;
|
|
height: 532px;
|
|
border: 1px solid #c1c1c1;
|
|
background: #fff;
|
|
float: right;
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 0;
|
|
z-index: 999;
|
|
box-shadow: 4px 4px 5px rgba(201, 201, 210, 0.75);
|
|
display: none;
|
|
}
|
|
/*列表页*/
|
|
.swiper-slide img {
|
|
height: 562px;
|
|
}
|
|
/*一级列表轮播自适应*/
|
|
@media screen and (max-width: 990px) {
|
|
.swiper-slide img {
|
|
height: 390px;
|
|
}
|
|
}
|
|
@media (max-width: 768px) {
|
|
.swiper-paginations .swiper-pagination-bullet {
|
|
width: 30px;
|
|
}
|
|
.swiper-slide img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
}
|
|
/*元创动力产业园 s*/
|
|
.indexbox2 {
|
|
width: 100%;
|
|
height: auto;
|
|
padding: 4vw 0;
|
|
background: #fff;
|
|
}
|
|
/*聆听 s*/
|
|
.ltfl {
|
|
width: 50%;
|
|
float: left;
|
|
}
|
|
.ltfl .ltcon {
|
|
width: 84%;
|
|
margin-top: 8%;
|
|
margin-left: 5%;
|
|
}
|
|
.ltfl .ltcon .lt1 h1 {
|
|
color: #333;
|
|
}
|
|
.ltfl .ltcon .lt1 p span {
|
|
display: inline-block;
|
|
font-size: 1.875em;
|
|
color: #333333;
|
|
padding-bottom: 0px;
|
|
margin-right: 10px;
|
|
font-weight: 600;
|
|
} /*修改*/
|
|
.ltfl .ltcon .lt1 p span:nth-child(2n) {
|
|
font-size: 1.5em;
|
|
border-bottom: none;
|
|
}
|
|
.ltfl .ltcon .lttext {
|
|
font-size: 1em;
|
|
color: #333;
|
|
line-height: 30px;
|
|
margin: 2.5vw 0 25px 0;
|
|
}
|
|
.ltfl .ltcon .ljt {
|
|
text-align: right;
|
|
}
|
|
.ltrh {
|
|
width: 49.3%;
|
|
height: 100%;
|
|
float: right;
|
|
overflow: hidden;
|
|
position: relative;
|
|
} /*修改*/
|
|
.ltrh img {
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 1;
|
|
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
|
transition: opacity 0.35s, transform 0.35s;
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.ltfl .ltcon .lttext {
|
|
line-height: 25px;
|
|
margin: 25px 0 25px 0;
|
|
}
|
|
.ltrh {
|
|
padding-top: 0;
|
|
}
|
|
.ltfl .ltcon {
|
|
width: 90%;
|
|
margin: auto;
|
|
text-align: center;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1280px) {
|
|
.ltfl .ltcon .ljt {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/*聆听 e*/
|
|
/*新闻资讯 s*/
|
|
.newBox {
|
|
width: 82%;
|
|
margin: 1vw auto 3vw;
|
|
} /*修改*/
|
|
.newBox li {
|
|
margin: 1vw 0px;
|
|
overflow: hidden;
|
|
}
|
|
.newBox .left {
|
|
width: 60%;
|
|
float: left;
|
|
margin-right: 2%;
|
|
}
|
|
.newBox .right {
|
|
width: 38%;
|
|
float: left;
|
|
}
|
|
|
|
/*合作伙伴 s*/
|
|
.hz ul {
|
|
width: 100%;
|
|
}
|
|
.hz li {
|
|
float: left;
|
|
width: 12.5%;
|
|
position: relative;
|
|
}
|
|
.hz li img {
|
|
width: 100%;
|
|
}
|
|
/*合作伙伴 e*/
|
|
@media (max-width: 1024px) {
|
|
.pinpai {
|
|
display: none;
|
|
}
|
|
.com {
|
|
margin-bottom: 20px;
|
|
}
|
|
}
|
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
.hz li {
|
|
width: 33%;
|
|
border: none;
|
|
}
|
|
}
|
|
@media (max-width: 768px) {
|
|
.ltfl {
|
|
margin-bottom: 25px;
|
|
}
|
|
.ltfl,
|
|
.ltrh {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
.ljt a img {
|
|
width: 40px;
|
|
height: 40px;
|
|
}
|
|
.newBox .owl-carousel .owl-nav .owl-next,
|
|
.newBox .owl-carousel .owl-nav .owl-prev {
|
|
width: 30px;
|
|
height: 80px;
|
|
}
|
|
.newBox .owl-carousel .item a {
|
|
padding-bottom: 20px;
|
|
}
|
|
.newBox .owl-carousel .item a .newtit {
|
|
margin-top: 0px;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.ltfl,
|
|
.ltrh {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
.ljt a img {
|
|
width: 35px;
|
|
height: 35px;
|
|
}
|
|
.hz {
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
}
|
|
.hz ul {
|
|
padding: 0px;
|
|
}
|
|
.hz li {
|
|
width: 48%;
|
|
text-align: center;
|
|
border-bottom: none;
|
|
border-right: none;
|
|
}
|
|
.hz li:nth-child(2n) {
|
|
border-bottom: none;
|
|
}
|
|
.dpbox {
|
|
padding-top: 20px;
|
|
}
|
|
}
|
|
|
|
/****一级列表*****/
|
|
|
|
.rmBox {
|
|
position: relative;
|
|
margin: 60px 0 3% 0;
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.rmBox {
|
|
position: relative;
|
|
margin: 15px 0 20px 0;
|
|
}
|
|
}
|
|
|
|
.rmBox .rmtit {
|
|
font-size: 24px;
|
|
color: #333;
|
|
}
|
|
|
|
.rmBox .rmtit1 {
|
|
margin-left: 10px;
|
|
}
|
|
|
|
.rmBox .item {
|
|
border: 1px solid #e3e3e3;
|
|
}
|
|
|
|
.rmBox .rmcon {
|
|
position: relative;
|
|
padding: 5%;
|
|
border: 1px solid #e3e3e3;
|
|
} /*修改*/
|
|
.rmBox .rmcon:hover {
|
|
border: 0px solid transparent;
|
|
}
|
|
@media screen and (max-width: 384px) {
|
|
.rmBox .rmcon {
|
|
position: relative;
|
|
padding: 2%;
|
|
} /*修改*/
|
|
}
|
|
|
|
/*.rmBox .item .rmcon .rmcp{width:86%;padding:45px 0;background:#f1f1f1;margin:0 auto;}修改*/
|
|
.rmBox .rmcon .rmcp {
|
|
margin: 0 auto;
|
|
position: relative;
|
|
} /*修我*/
|
|
.rmBox .rmcon .rmcp .rmimg {
|
|
text-align: center;
|
|
} /*修改*/
|
|
|
|
.rmBox .rmcon .rmcp .rmtext {
|
|
width: 60%;
|
|
margin: 0 auto;
|
|
position: absolute;
|
|
z-index: 6;
|
|
left: 20%;
|
|
top: 65%;
|
|
} /*修改*/
|
|
|
|
.rmBox .rmcon .rmcp .rmtext p {
|
|
width: 100%;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
} /*修改*/
|
|
|
|
.rmBox .rmcon .rmcp .rmtext .rm1 {
|
|
font-size: 0.875em;
|
|
color: #fff;
|
|
margin-top: 25px;
|
|
line-height: 22px;
|
|
} /*修改*/
|
|
.rmBox rmcon .rmcp .rmtext .rm1 a {
|
|
color: #fff;
|
|
}
|
|
.rmBox .rmcon .rmcp .rmtext .rm2 {
|
|
font-size: 0.875em;
|
|
color: #fff;
|
|
margin: 0px 0 15px 0;
|
|
} /*修改*/
|
|
|
|
.rmBox .rmcon .rmcp .rmtext .rm3 {
|
|
margin-top: 4%;
|
|
}
|
|
|
|
.rmBox .rmcon .rmcp .rmtext .rm3 a {
|
|
font-size: 0.75em;
|
|
color: #fff;
|
|
} /*修改*/
|
|
|
|
.rmBox .rmcon .rmcp .rmtext .rm3 a i {
|
|
display: inline-block;
|
|
width: 6px;
|
|
height: 12px;
|
|
margin: -3px 0 0 5px;
|
|
} /*修改*/
|
|
|
|
@media screen and (min-width: 768px) and (max-width: 1280px) {
|
|
.rmBox .rmcon .rmcp .rmtext {
|
|
width: 80%;
|
|
top: 61%;
|
|
left: 10%;
|
|
}
|
|
.dcp li .ptit2 {
|
|
margin: 0px 0 5px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 860px) and (max-width: 960px) {
|
|
.rmBox .rmcon .rmcp .rmtext {
|
|
width: 90%;
|
|
top: 61%;
|
|
left: 5%;
|
|
}
|
|
.rmBox .rmcon .rmcp .rmtext .rm1 {
|
|
line-height: 18px;
|
|
}
|
|
.rmBox .rmcon .rmcp .rmtext .rm3 {
|
|
margin-top: 1%;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 480px) and (max-width: 640px) {
|
|
.rmBox .rmcon .rmcp .rmtext {
|
|
width: 90%;
|
|
top: 61%;
|
|
left: 5%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 480px) {
|
|
.rmBox .rmcon .rmcp .rmtext .rm1 {
|
|
line-height: 17px;
|
|
}
|
|
.rmBox .rmcon .rmcp .rmtext .rm3 {
|
|
margin-top: 1%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
.rmBox .rmcon .rmcp .rmtext {
|
|
width: 90%;
|
|
top: 58%;
|
|
left: 5%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 319px) {
|
|
.rmBox .rmcon .rmcp .rmtext {
|
|
width: 80%;
|
|
top: 61%;
|
|
left: 10%;
|
|
}
|
|
}
|
|
.rmBox .owl-dots.disabled,
|
|
.rmBox .owl-nav.disabled {
|
|
display: block;
|
|
}
|
|
|
|
.rmBox .owl-nav .owl-next,
|
|
.rmBox .owl-nav .owl-prev {
|
|
position: absolute;
|
|
top: 0%;
|
|
line-height: 9999;
|
|
overflow: hidden;
|
|
z-index: 2;
|
|
}
|
|
|
|
.rmBox .owl-nav .owl-next {
|
|
width: 51px;
|
|
height: 31px;
|
|
background: url(../images/rlh.png) no-repeat right top;
|
|
right: 10px;
|
|
}
|
|
.rmBox .owl-nav .owl-prev {
|
|
width: 51px;
|
|
height: 31px;
|
|
background: url(../images/rrh.png) no-repeat left top;
|
|
right: 60px;
|
|
}
|
|
|
|
.rmBox .owl-nav .owl-next:hover {
|
|
width: 51px;
|
|
height: 31px;
|
|
background: url(../images/rfl.png) no-repeat right top;
|
|
right: 10px;
|
|
}
|
|
.rmBox .owl-nav .owl-prev:hover {
|
|
width: 51px;
|
|
height: 31px;
|
|
background: url(../images/rfr.png) no-repeat left top;
|
|
right: 60px;
|
|
}
|
|
|
|
/************************详情***************************/
|
|
.warp {
|
|
width: 100%;
|
|
background: #ffffff;
|
|
}
|
|
.warp2 {
|
|
width: 100%;
|
|
height: auto;
|
|
padding: 2.8vw 0 2vw 0;
|
|
background: #ffffff;
|
|
border-top: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
.indexbox-product {
|
|
width: 100%;
|
|
height: auto;
|
|
padding: 40px 0 0;
|
|
background: #f1f1f1;
|
|
margin-top: 5vw;
|
|
}
|
|
@media screen and (max-width: 1480px) {
|
|
.indexbox-product {
|
|
padding-top: 60px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 960px) {
|
|
.indexbox-product {
|
|
padding-top: 0px;
|
|
margin-top: 3vw;
|
|
}
|
|
}
|
|
/*产品 */
|
|
.cp .cpfl .inBox .inHd {
|
|
float: left;
|
|
width: 80px;
|
|
height: 552px;
|
|
overflow: hidden;
|
|
}
|
|
.deimg {
|
|
display: none;
|
|
}
|
|
|
|
/*新增详情 css s*/
|
|
@media (max-width: 767px) {
|
|
.preview {
|
|
display: none;
|
|
}
|
|
.deimg {
|
|
display: block;
|
|
}
|
|
}
|
|
/*新增详情 css e*/
|
|
.cp .cpfl .inBox .inHd li {
|
|
width: 100%;
|
|
height: auto;
|
|
margin-bottom: 9px;
|
|
cursor: pointer;
|
|
}
|
|
.cp .cpfl .inBox .inHd li:last-child {
|
|
margin-bottom: 0px;
|
|
}
|
|
.cp .cpfl .inBox .inBd {
|
|
width: 442px;
|
|
float: left;
|
|
margin-left: 12px;
|
|
}
|
|
.cp .cpfl .inBox .inBd ul li img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
@media screen and (max-width: 1024px) {
|
|
.cp .cprh {
|
|
width: 35%;
|
|
}
|
|
}
|
|
.cp .cprh .cpcon {
|
|
/* border-bottom: 1px solid #ccc; */
|
|
}
|
|
.cp .cprh .cpcon .ctit1 {
|
|
font-size: 1.25em;
|
|
color: #333;
|
|
max-width: 560px;
|
|
line-height: 1.875em;
|
|
}
|
|
.cp .cprh .cpcon .ctit1 span {
|
|
color: #009fdf;
|
|
}
|
|
.cp .cprh .cpcon .ctit2 {
|
|
font-size: 1em;
|
|
color: #999;
|
|
}
|
|
.cp .cprh .cpul {
|
|
margin-top: 40px;
|
|
}
|
|
.cp .cprh .cpul li {
|
|
font-size: 14px;
|
|
color: #333;
|
|
margin-bottom: 1px;
|
|
}
|
|
.cp .cprh .cpul li i {
|
|
display: inline-block;
|
|
width: 5px;
|
|
height: 5px;
|
|
background: #333;
|
|
border-radius: 50%;
|
|
vertical-align: middle;
|
|
margin-right: 10px;
|
|
}
|
|
.cp .cprh .hd {
|
|
position: relative;
|
|
overflow: hidden;
|
|
display: -webkit-box;
|
|
}
|
|
.cp .cprh .hd ul {
|
|
width: auto;
|
|
float: left;
|
|
overflow: hidden;
|
|
}
|
|
/*详情颜色公共样式*/
|
|
.hd .BK {
|
|
background: #000;
|
|
}
|
|
.hd .WH {
|
|
background: #fff;
|
|
}
|
|
.hd .GY {
|
|
background: #8d99ad;
|
|
}
|
|
.hd .BL {
|
|
background: #0060ff;
|
|
}
|
|
.hd .RD {
|
|
background: #ff0000;
|
|
}
|
|
.hd .YL {
|
|
background: #ffff00;
|
|
}
|
|
.hd .OR {
|
|
background: #ff7200;
|
|
}
|
|
.hd .PK {
|
|
background: #f7bfc7;
|
|
}
|
|
.GR {
|
|
background: #00ff5a;
|
|
}
|
|
.hd .PU {
|
|
background: #7800ff;
|
|
}
|
|
.hd .CF {
|
|
background: #44332e;
|
|
}
|
|
.hd .co-bg {
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 8px;
|
|
-webkit-border-radius: 8px;
|
|
-moz-border-radius: 8px;
|
|
-ms-border-radius: 8px;
|
|
-o-border-radius: 8px;
|
|
}
|
|
|
|
/*add 产品详情*/
|
|
.hd .dt {
|
|
font-size: 14px;
|
|
float: left;
|
|
margin-right: 0px;
|
|
line-height: 40px;
|
|
width: 70px !important;
|
|
}
|
|
.hd .typeColor {
|
|
color: #666;
|
|
font-size: 12px;
|
|
padding: 2px;
|
|
overflow: hidden;
|
|
float: left;
|
|
}
|
|
.hd .typeColor li .text {
|
|
margin: 2px 0;
|
|
padding: 0 20px;
|
|
line-height: 40px;
|
|
}
|
|
.hd .typeColor li img {
|
|
width: 38px;
|
|
height: 38px;
|
|
margin-right: 8px;
|
|
margin-left: 6px;
|
|
vertical-align: middle;
|
|
border-radius: 36px;
|
|
}
|
|
.hd .typeColor li.item {
|
|
float: left;
|
|
width: auto !important;
|
|
height: auto !important;
|
|
background: #fff;
|
|
margin-top: 5px !important;
|
|
}
|
|
.hd .typeColor li .item .on {
|
|
border: 1px solid #737373 !important;
|
|
color: #666 !important;
|
|
width: auto !important;
|
|
height: auto !important;
|
|
margin-top: 5px !important;
|
|
background: #fff;
|
|
border-radius: 20px;
|
|
}
|
|
.hd .typeColor li .item a {
|
|
background: #f7f7f7;
|
|
line-height: 42px;
|
|
margin-right: 7px;
|
|
margin-bottom: 4px;
|
|
white-space: nowrap;
|
|
float: left;
|
|
}
|
|
|
|
.hd .typeColor li a:hover {
|
|
color: #666;
|
|
}
|
|
|
|
/*小气泡*/
|
|
.dowebok {
|
|
}
|
|
.dowebok .inner {
|
|
text-align: center;
|
|
}
|
|
.dowebok p {
|
|
margin-top: 10px;
|
|
font-size: 14px;
|
|
}
|
|
.dowebok input {
|
|
margin-right: 10px;
|
|
padding: 5px;
|
|
font-family: 'Microsoft Yahei';
|
|
}
|
|
/*产品 修改 css s*/
|
|
.cp .cprh .hd ul li {
|
|
float: left;
|
|
width: 20px;
|
|
height: 20px;
|
|
margin-right: 8px;
|
|
cursor: pointer;
|
|
margin-top: 10px;
|
|
margin-bottom: 0px;
|
|
border: 1px solid #d4d4d4;
|
|
border-radius: 10px;
|
|
}
|
|
.cp .cprh .hd ul li a {
|
|
display: block;
|
|
}
|
|
.cp .cprh .hd .on {
|
|
width: 24px;
|
|
height: 24px;
|
|
border-radius: 12px;
|
|
border: 2px solid #737373;
|
|
}
|
|
/*产品 修改 css e*/
|
|
.cp .cprh .hd span {
|
|
display: inline-block;
|
|
font-size: 0.875em;
|
|
color: #737373;
|
|
line-height: 30px;
|
|
text-align: center;
|
|
border-radius: 100px;
|
|
vertical-align: top;
|
|
}
|
|
.cp .cprh .buy {
|
|
margin-top: 22px;
|
|
}
|
|
.cp .cprh .buy a {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
color: #009fdf;
|
|
line-height: 36px;
|
|
text-align: center;
|
|
width: 220px;
|
|
height: 36px;
|
|
border: 1px solid #009fdf;
|
|
margin-right: 18px;
|
|
}
|
|
.cp .cprh .buy a:hover {
|
|
background: #009fdf;
|
|
color: #fff;
|
|
}
|
|
@media screen and (max-width: 1090px) {
|
|
.cp .cprh .buy a {
|
|
width: 46%;
|
|
margin-right: 2%;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 900px) {
|
|
.warpa {
|
|
width: 800px;
|
|
margin: auto;
|
|
text-align: center;
|
|
}
|
|
}
|
|
@media screen and (max-width: 899px) {
|
|
.warpa {
|
|
width: 96%;
|
|
margin: auto;
|
|
text-align: center;
|
|
}
|
|
}
|
|
.cpa {
|
|
padding: 20px 0 21px 0;
|
|
overflow: hidden;
|
|
}
|
|
.cpa li {
|
|
margin-right: 1rem;
|
|
text-align: center;
|
|
display: inline;
|
|
/* background: url(../images/aline.png) right center no-repeat; */
|
|
}
|
|
.cpa li:nth-child(4n) {
|
|
background: none;
|
|
}
|
|
.cpa li a {
|
|
font-size: 16px;
|
|
color: #333;
|
|
}
|
|
.cpa li a:hover,
|
|
.cpa li.current a {
|
|
color: #009fdf;
|
|
}
|
|
|
|
/*相关产品*/
|
|
.gltit {
|
|
font-size: 1.5em;
|
|
color: #333;
|
|
text-align: center;
|
|
margin-bottom: 1.6vw;
|
|
}
|
|
.cpBox {
|
|
padding: 0% 30px;
|
|
position: relative;
|
|
}
|
|
.cpBox .owl-carousel {
|
|
position: static;
|
|
}
|
|
.cpBox .owl-carousel .item {
|
|
margin: 0;
|
|
}
|
|
.cpBox .owl-carousel .item a {
|
|
display: block;
|
|
position: relative;
|
|
}
|
|
.cpBox .owl-carousel .item a .glimg {
|
|
float: left;
|
|
width: 26%;
|
|
margin-left: 4%;
|
|
margin-right: 4%;
|
|
}
|
|
.cpBox .owl-carousel .item a .gltext {
|
|
text-align: center;
|
|
width: 62%;
|
|
float: left;
|
|
}
|
|
.cpBox .owl-carousel .item a .gltext .gl1 {
|
|
font-size: 0.875em;
|
|
color: #333;
|
|
text-align: left;
|
|
margin-top: 0.5vw;
|
|
}
|
|
.cpBox .owl-carousel .item a .gltext .gl2 {
|
|
font-size: 0.75em;
|
|
color: #666;
|
|
text-align: left;
|
|
margin-top: 0.2vw;
|
|
}
|
|
.cpBox .owl-carousel .owl-dots.disabled,
|
|
.cpBox .owl-carousel .owl-nav.disabled {
|
|
display: block;
|
|
}
|
|
.cpBox .owl-carousel .owl-nav .owl-next,
|
|
.cpBox .owl-carousel .owl-nav .owl-prev {
|
|
width: 19px;
|
|
height: 30px;
|
|
position: absolute;
|
|
top: 60%;
|
|
margin-top: -25px;
|
|
line-height: 9999;
|
|
overflow: hidden;
|
|
z-index: 99;
|
|
}
|
|
.cpBox .owl-carousel .owl-nav .owl-next {
|
|
background: url(../images/sprh.png) no-repeat right top;
|
|
right: -0px;
|
|
}
|
|
.cpBox .owl-carousel .owl-nav .owl-prev {
|
|
background: url(../images/spfl.png) no-repeat left top;
|
|
left: 0px;
|
|
}
|
|
|
|
/*评论*/
|
|
.nybox {
|
|
padding: 25px 0 50px 0;
|
|
border-bottom: 1px solid #d0d6d8;
|
|
overflow: hidden;
|
|
background-color: #f1f1f1;
|
|
}
|
|
.nybox .pltitle {
|
|
text-align: center;
|
|
}
|
|
.nybox .pltitle .pltit {
|
|
font-size: 24px;
|
|
color: #333;
|
|
}
|
|
.nybox .pltitle .plimg {
|
|
text-align: center;
|
|
margin: 20px 0 25px 0;
|
|
}
|
|
.nybox .pltitle .pltit1 {
|
|
font-size: 14px;
|
|
color: #002855;
|
|
}
|
|
.nybox .plcon {
|
|
margin-bottom: 50px;
|
|
}
|
|
.nybox .plcon .py1 {
|
|
font-size: 14px;
|
|
color: #333;
|
|
}
|
|
.nybox .plcon .plimg {
|
|
margin: 15px 0 10px 0;
|
|
}
|
|
.nybox .plcon .plimg img {
|
|
display: inline-block;
|
|
}
|
|
.nybox .plcon .plimg span {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
margin: -8px 0 0 8px;
|
|
}
|
|
.nybox .plcon .py2 {
|
|
font-size: 14px;
|
|
color: #868888;
|
|
margin-bottom: 12px;
|
|
}
|
|
.nybox .plcon .py3 {
|
|
font-size: 14px;
|
|
color: #666;
|
|
}
|
|
/*规格参数*/
|
|
.sptit {
|
|
text-align: center;
|
|
font-size: 24px;
|
|
color: #333;
|
|
margin-bottom: 40px;
|
|
}
|
|
.splist {
|
|
padding: 17px 0;
|
|
border-bottom: 1px solid #dfe5e7;
|
|
}
|
|
.splist .sp1 {
|
|
font-size: 14px;
|
|
color: #333;
|
|
margin-left: 30px;
|
|
}
|
|
.splist .sp2 {
|
|
font-size: 14px;
|
|
color: #868888;
|
|
margin-left: 30px;
|
|
}
|
|
|
|
/*相关下载*/
|
|
.xz {
|
|
margin-top: 42px;
|
|
}
|
|
.xz .xztit {
|
|
font-size: 1em;
|
|
color: #333;
|
|
font-weight: 600;
|
|
}
|
|
.xz .xz1 {
|
|
font-size: 14px;
|
|
color: #666;
|
|
margin-top: 15px;
|
|
}
|
|
.xz .xz1 i {
|
|
display: inline-block;
|
|
width: 15px;
|
|
height: 15px;
|
|
background: url(../images/xz.png);
|
|
margin: -3px 12px 0 0;
|
|
vertical-align: middle;
|
|
}
|
|
.xz .xz1 a {
|
|
color: #666;
|
|
}
|
|
@media (max-width: 1024px) {
|
|
.cp .cprh .cpcon .ctit1,
|
|
.cp .cprh .cpcon .ctit2 {
|
|
line-height: 35px;
|
|
}
|
|
.cp .cprh .cpcon {
|
|
padding-bottom: 30px;
|
|
}
|
|
}
|
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
.cp {
|
|
margin-bottom: 58px;
|
|
}
|
|
.cpa li a {
|
|
font-size: 14px;
|
|
}
|
|
.cpBox .owl-carousel .owl-nav .owl-next,
|
|
.cpBox .owl-carousel .owl-nav .owl-prev {
|
|
top: 20%;
|
|
margin-top: 0px;
|
|
}
|
|
.cpBox .owl-carousel .item a .gltext {
|
|
margin-left: 30px;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.cp {
|
|
margin-bottom: 28px;
|
|
}
|
|
.cpmbox {
|
|
padding-top: 40px;
|
|
}
|
|
.cp .cpfl,
|
|
.cp .cprh {
|
|
float: none;
|
|
height: auto;
|
|
}
|
|
.cp .cpfl {
|
|
width: 100%;
|
|
}
|
|
.cp .cprh {
|
|
width: 90%;
|
|
}
|
|
.nybox .pltitle .pltit1 {
|
|
margin-bottom: 20px;
|
|
}
|
|
.cp .cprh .buy {
|
|
text-align: left;
|
|
}
|
|
.cp .cprh .buy a {
|
|
width: 120px;
|
|
}
|
|
.cpa li a {
|
|
font-size: 14px;
|
|
}
|
|
.cp .cprh .cpcon {
|
|
padding-bottom: 20px;
|
|
}
|
|
.cp .cprh .cpcon .ctit1 {
|
|
line-height: 30px;
|
|
text-align: left;
|
|
}
|
|
.cp .cprh .cpul {
|
|
margin-top: 20px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 320px) {
|
|
.cpa li a {
|
|
font-size: 12px;
|
|
}
|
|
.cpa li {
|
|
width: auto;
|
|
padding: 0 10px;
|
|
}
|
|
.cpBox .owl-carousel .item a {
|
|
text-align: center;
|
|
}
|
|
.cpBox .owl-carousel .item a .glimg,
|
|
.cpBox .owl-carousel .item a .gltext {
|
|
float: none;
|
|
margin: 0px;
|
|
}
|
|
}
|
|
|
|
/*************************一级列表***************************/
|
|
.dcp {
|
|
margin-top: 20px;
|
|
display: none;
|
|
}
|
|
.dcp li {
|
|
width: 23.95%;
|
|
float: left;
|
|
margin-right: 1.4%;
|
|
position: relative;
|
|
} /*修改*/
|
|
@media screen and (max-width: 1439px) {
|
|
.dcp li {
|
|
margin-right: 1.4%;
|
|
}
|
|
.dcp li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
.dcp li:nth-child(5n) {
|
|
margin-right: 0px;
|
|
}
|
|
.dcp li p {
|
|
text-align: center;
|
|
}
|
|
.rmBox {
|
|
position: relative;
|
|
margin: 60px 0 3% 0;
|
|
display: none;
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.rmBox {
|
|
position: relative;
|
|
margin: 15px 0 20px 0;
|
|
}
|
|
}
|
|
.rmBox .rmtit {
|
|
font-size: 24px;
|
|
color: #333;
|
|
}
|
|
.rmBox .rmtit1 {
|
|
margin-left: 10px;
|
|
}
|
|
.rmBox .item {
|
|
border: 1px solid #e3e3e3;
|
|
}
|
|
/*日常、差旅系列 s*/
|
|
.cdbox {
|
|
padding: 0px 0 80px 0;
|
|
overflow: hidden;
|
|
}
|
|
.datit {
|
|
margin-bottom: 30px;
|
|
}
|
|
.datit .da1 {
|
|
font-size: 24px;
|
|
color: #333;
|
|
float: left;
|
|
}
|
|
.datit .da2 {
|
|
font-size: 16px;
|
|
color: #333;
|
|
float: right;
|
|
}
|
|
.datit .da2 i {
|
|
display: inline-block;
|
|
width: 28px;
|
|
height: 28px;
|
|
background: url(../images/more.png);
|
|
vertical-align: middle;
|
|
margin: -3px 0px 0 10px;
|
|
}
|
|
.daily {
|
|
margin-top: 60px;
|
|
}
|
|
.daily .dafl {
|
|
width: 18.89%;
|
|
height: 342px;
|
|
float: left;
|
|
} /*修改*/
|
|
.daily .dafl img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.daily .darh {
|
|
width: 100% !important;
|
|
height: 343px;
|
|
}
|
|
/*修改*/
|
|
.daily .darh li {
|
|
width: 18.2%;
|
|
background: #fff;
|
|
float: left;
|
|
margin-right: 2.1%;
|
|
padding: 45px 0 60px 0;
|
|
position: relative;
|
|
}
|
|
.daily .darh li:nth-child(5n) {
|
|
margin-right: 0px;
|
|
}
|
|
.daily .darh li .daimg {
|
|
text-align: center;
|
|
}
|
|
.daily .darh li .daimg img {
|
|
max-width: 158px;
|
|
}
|
|
.daily .darh li .datext {
|
|
width: 80%;
|
|
margin: 0 auto;
|
|
}
|
|
.daily .darh li .datext p {
|
|
width: 100%;
|
|
text-align: center;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.daily .darh li .datext .dat1 {
|
|
font-size: 14px;
|
|
color: #333;
|
|
margin: 26px 0 5px 0;
|
|
}
|
|
.daily .darh li .datext .dat2 {
|
|
font-size: 14px;
|
|
color: #666;
|
|
}
|
|
.daily .darh li .newcp {
|
|
width: 72px;
|
|
height: 30px;
|
|
background: #df2c39;
|
|
font-size: 12px;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 30px;
|
|
position: absolute;
|
|
top: 0px;
|
|
left: 50%;
|
|
transform: translate(-50%, 0%);
|
|
display: none; /*隐藏新品*/
|
|
}
|
|
/*日常、差旅系列e*/
|
|
|
|
/*户外运动系列 s*/
|
|
.daily .dafl1 {
|
|
width: 18.89%;
|
|
height: 342px;
|
|
float: left;
|
|
} /*修改*/
|
|
.daily .dafl1 img {
|
|
display: block;
|
|
width: 100%;
|
|
height: 342px;
|
|
margin-bottom: 20px;
|
|
}
|
|
/*户外运动系列 e*/
|
|
@media (max-width: 1024px) {
|
|
.daily {
|
|
margin-top: 50px;
|
|
}
|
|
.dcp li.li1 .lifl {
|
|
width: 48.8%;
|
|
}
|
|
.dcp li.li1 .lifl a i.s1-2 {
|
|
margin: 0 10px 0 -18px;
|
|
}
|
|
.daily .dafl,
|
|
.daily .darh,
|
|
.daily .dafl1 {
|
|
height: auto;
|
|
}
|
|
.daily .darh li {
|
|
padding: 31px 0 30px 0;
|
|
} /*修改*/
|
|
.daily .darh li img {
|
|
height: 100px;
|
|
}
|
|
.daily .darh li .newcp {
|
|
height: 25px;
|
|
line-height: 25px;
|
|
}
|
|
.daily .dafl1 img {
|
|
height: auto;
|
|
}
|
|
}
|
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
.dcp li.li1 {
|
|
width: 48%;
|
|
}
|
|
.dafl,
|
|
.dafl1 {
|
|
display: none;
|
|
}
|
|
.daily .darh {
|
|
width: 100%;
|
|
}
|
|
.daily .darh li {
|
|
padding: 3.5% 0 4% 0;
|
|
} /*修改*/
|
|
.daily .darh li .datext .dat1 {
|
|
margin: 3% 0 2% 0;
|
|
}
|
|
.daily .darh li .newcp {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.daily .dafl1 img {
|
|
margin-bottom: 5%;
|
|
}
|
|
.daily {
|
|
margin-top: 40px;
|
|
margin-bottom: 30px;
|
|
}
|
|
}
|
|
@media (min-width: 768px) and (max-width: 800px) {
|
|
.cdbox {
|
|
padding-bottom: 40px;
|
|
}
|
|
.dcp li.li1 {
|
|
width: 48%;
|
|
}
|
|
.dcp li {
|
|
width: 49%;
|
|
margin: 20px 0 0 0;
|
|
}
|
|
.dcp li:nth-child(2n + 1) {
|
|
float: right;
|
|
}
|
|
.daily .darh li {
|
|
width: 22.1%;
|
|
padding: 26px 0 20px 0;
|
|
}
|
|
.daily .darh li .newcp {
|
|
height: 20px;
|
|
line-height: 20px;
|
|
}
|
|
.daily .darh li .datext .dat1 {
|
|
margin-top: 14px;
|
|
}
|
|
.daily .dafl1 img {
|
|
margin-bottom: 10px;
|
|
}
|
|
.daily .darh li img {
|
|
height: 60px;
|
|
}
|
|
}
|
|
@media (max-width: 768px) {
|
|
.daily .dafl,
|
|
.daily .dafl1 {
|
|
display: none;
|
|
}
|
|
.daily .darh li {
|
|
width: 22.8%;
|
|
}
|
|
.daily .darh {
|
|
width: 100%;
|
|
}
|
|
.daily {
|
|
margin-top: 15px;
|
|
width: 96%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
}
|
|
@media (max-width: 768px) {
|
|
.cdbox {
|
|
padding: 0px;
|
|
}
|
|
.dcp li {
|
|
float: none;
|
|
width: 100%;
|
|
margin-bottom: 20px;
|
|
}
|
|
.dcp li.li1 {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
.datit {
|
|
margin-bottom: 0px;
|
|
}
|
|
.datit .da1 {
|
|
font-size: 18px;
|
|
}
|
|
.daily .dafl,
|
|
.daily .darh {
|
|
float: none;
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.daily .dafl {
|
|
margin-top: 30px;
|
|
text-align: center;
|
|
}
|
|
.daily .darh {
|
|
margin-top: 15px;
|
|
}
|
|
.daily .dafl img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.daily .darh li {
|
|
width: 48%;
|
|
margin-right: 4%;
|
|
margin-bottom: 4%;
|
|
}
|
|
.daily .darh li:nth-child(2n) {
|
|
margin-right: 0px;
|
|
}
|
|
.daily .dafl1 {
|
|
float: none;
|
|
width: 100%;
|
|
height: auto;
|
|
text-align: center;
|
|
}
|
|
.daily .dafl1 img {
|
|
display: inline-block;
|
|
}
|
|
.daily .dafl1 img {
|
|
margin-top: 28px;
|
|
width: 49%;
|
|
height: auto;
|
|
}
|
|
.daily .dafl img {
|
|
width: auto;
|
|
}
|
|
.daily .dafl {
|
|
display: none;
|
|
}
|
|
}
|
|
@media (min-width: 360px) and (max-width: 768px) {
|
|
.dcp li.li1 {
|
|
width: 100%;
|
|
}
|
|
.dcp li {
|
|
width: 49%;
|
|
float: left;
|
|
margin-right: 2%;
|
|
}
|
|
.dcp li:nth-child(2n + 1) {
|
|
float: left;
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
@media (max-width: 320px) {
|
|
.datit .da1,
|
|
.datit .da2 {
|
|
font-size: 16px;
|
|
}
|
|
.datit .da2 i {
|
|
width: 20px;
|
|
height: 20px;
|
|
background-size: 100%;
|
|
}
|
|
}
|
|
/*************************二级列表***************************/
|
|
.ejbox {
|
|
width: 100%;
|
|
padding: 50px 0 0px;
|
|
background: #f9f9f9;
|
|
}
|
|
.day {
|
|
padding-bottom: 35px;
|
|
}
|
|
.day .daytit {
|
|
font-size: 1.5em;
|
|
color: #333;
|
|
margin-bottom: 20px;
|
|
}
|
|
.ejul dd {
|
|
width: 24.25%;
|
|
float: left;
|
|
background: #fff;
|
|
padding-bottom: 1em;
|
|
margin-top: 15px;
|
|
position: relative;
|
|
margin-right: 1%;
|
|
padding-top: 30px;
|
|
padding-bottom: 60px;
|
|
}
|
|
.ejul dd:nth-child(4n) {
|
|
margin-right: 0;
|
|
}
|
|
.ejul dd:hover {
|
|
box-shadow: 5px 5px 1px rgba(0, 0, 0, 1);
|
|
}
|
|
.ejul dd .ejimg {
|
|
padding: 25px 18.5%;
|
|
text-align: center;
|
|
}
|
|
.ejul dd .ejimg img {
|
|
display: inline-block;
|
|
width: 100%;
|
|
}
|
|
.ejul dd .ejtext {
|
|
padding: 4% 4% 2%;
|
|
position: relative;
|
|
}
|
|
.ejul dd .ejtext .text1 {
|
|
width: 86%;
|
|
margin: auto;
|
|
text-align: center;
|
|
}
|
|
.ejul dd .ejtext p {
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.ejul dd .ejtext .text1 p {
|
|
line-height: 20px;
|
|
}
|
|
.ejul dd .ejtext .text1 p:nth-child(1) {
|
|
font-size: 1em;
|
|
}
|
|
.ejul dd .ejtext .text1 p:nth-child(1) a {
|
|
color: #333;
|
|
line-height: 1em;
|
|
}
|
|
.ejul dd .ejtext .text1 p:nth-child(2) {
|
|
font-size: 0.875em;
|
|
color: #666;
|
|
margin-top: 0.25vw;
|
|
}
|
|
.ejul dd .ejtext .text1 p:nth-child(2) a {
|
|
color: #737373;
|
|
}
|
|
.ejul dd .mask {
|
|
width: 122px;
|
|
height: 58px;
|
|
background: #df2c39;
|
|
font-size: 18px;
|
|
color: #fff;
|
|
text-align: center;
|
|
line-height: 58px;
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0px;
|
|
z-index: 999;
|
|
}
|
|
.ejul dd .ejtext .hd {
|
|
line-height: 30px;
|
|
text-align: center;
|
|
width: 95%;
|
|
position: absolute;
|
|
top: 90%;
|
|
}
|
|
@media screen and (min-width: 960px) and (max-width: 1440px) {
|
|
.ejul dd .ejtext .text1 {
|
|
width: 60%;
|
|
}
|
|
.ejul dd .ejtext .hd {
|
|
width: 40%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 959px) {
|
|
.ejul dd .ejtext .text1 {
|
|
width: 75%;
|
|
}
|
|
.ejul dd .ejtext .hd {
|
|
width: 20%;
|
|
}
|
|
}
|
|
.ejul dd .ejtext .hd ul {
|
|
display: inline-block;
|
|
}
|
|
.ejul dd .ejtext .hd ul li {
|
|
float: left;
|
|
width: 16px;
|
|
height: 16px; /*background:url(../images/qh1.png);*/
|
|
cursor: pointer;
|
|
margin-right: 10px;
|
|
}
|
|
@media screen and (min-width: 768px) {
|
|
.ejul dd .ejtext .hd ul li:last-child {
|
|
margin-right: 0px;
|
|
}
|
|
}
|
|
.ejul dd .ejtext .hd ul li.on {
|
|
width: 16px;
|
|
height: 16px; /*background:url(../images/qh2.png)*/
|
|
}
|
|
.ejul dd:hover {
|
|
box-shadow: 0px 5px 35px rgba(227, 227, 227, 0.75);
|
|
transform: translate3d(0, -2px, 0);
|
|
}
|
|
.ejbox .ejmore {
|
|
display: block;
|
|
width: 120px;
|
|
height: 36px;
|
|
text-align: center;
|
|
line-height: 36px;
|
|
font-size: 1.125em;
|
|
color: #737373;
|
|
margin: 27px auto 0;
|
|
border-radius: 100px;
|
|
cursor: pointer;
|
|
}
|
|
@media (max-width: 1200px) {
|
|
.ejul dd .mask {
|
|
width: 110px;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
}
|
|
}
|
|
@media (max-width: 1028px) {
|
|
.day .daytit {
|
|
width: 96%;
|
|
margin: 30px auto 20px;
|
|
}
|
|
}
|
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
.ejul dd .mask {
|
|
width: 85px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
}
|
|
}
|
|
.ejul dd .ejtext {
|
|
position: relative;
|
|
}
|
|
@media (max-width: 767px) {
|
|
.day {
|
|
margin-top: 30px;
|
|
}
|
|
.ejbox {
|
|
padding: 1px 0 20px 0;
|
|
}
|
|
.ejul dd,
|
|
.ejul dd:nth-child(2n) {
|
|
float: none;
|
|
width: 100%;
|
|
}
|
|
.ejul dd .ejimg img {
|
|
max-width: 100%;
|
|
}
|
|
.ejul dd {
|
|
margin-top: 3%;
|
|
}
|
|
.ejul dd .mask {
|
|
width: 70px;
|
|
height: 35px;
|
|
line-height: 35px;
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
@media (max-width: 320px) {
|
|
.ejbox .ejtit {
|
|
font-size: 1.5em;
|
|
}
|
|
.ejul dd .ejtext {
|
|
padding-top: 1em;
|
|
}
|
|
.ejul dd .ejtext .text1 p:nth-child(1) {
|
|
font-size: 14px;
|
|
}
|
|
.ejul dd .ejtext .text1 p:nth-child(2) {
|
|
font-size: 12px;
|
|
}
|
|
.ejul dd .ejtext .text1 p:nth-child(2) {
|
|
margin-top: 0px;
|
|
}
|
|
}
|
|
/*************************视频列表总***************************/
|
|
.vicon {
|
|
width: 100%;
|
|
padding: 2% 0 3vw;
|
|
background: #f1f1f1;
|
|
}
|
|
.vicon .viul li {
|
|
width: 30.5%;
|
|
float: left;
|
|
margin: 0 2% 2% 0;
|
|
overflow: hidden;
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
.vicon .viul li:nth-child(4n) {
|
|
margin-right: 0px;
|
|
}
|
|
.vicon .viul li:hover {
|
|
box-shadow: 5px 5px 10px rgba(181, 181, 181, 0.75);
|
|
transform: translate3d(0, -2px, 0);
|
|
}
|
|
.vicon .vtext {
|
|
margin: 3% 0 4.3%;
|
|
}
|
|
.vicon .vtext .tl1 {
|
|
font-size: 2em;
|
|
color: #333;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
.vicon .vtext .tl1 i {
|
|
display: inline-block;
|
|
width: 37px;
|
|
height: 33px;
|
|
position: absolute;
|
|
top: -20px;
|
|
margin-left: 17px;
|
|
}
|
|
.vicon .vtext .tl2 {
|
|
width: 50px;
|
|
height: 6px;
|
|
background: #333;
|
|
margin: 20px auto 0;
|
|
}
|
|
.vicon .hotul li {
|
|
float: left;
|
|
width: 48%;
|
|
}
|
|
.vicon .hotul li:nth-child(2n) {
|
|
float: right;
|
|
}
|
|
.vicon .hotul li .himg {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.vicon .hotul li .himg img {
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 1;
|
|
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
|
transition: opacity 0.35s, transform 0.35s;
|
|
}
|
|
.vicon .hotul li .htit1 {
|
|
font-size: 1.5em;
|
|
color: #101010;
|
|
text-align: center;
|
|
margin: 3vw 0 1vw 0;
|
|
}
|
|
.vicon .hotul li .htit2 {
|
|
font-size: 1em;
|
|
color: #333;
|
|
text-align: center;
|
|
line-height: 1.875em;
|
|
}
|
|
.vicon .hotul li:hover .himg img {
|
|
-webkit-transform: scale3d(1.2, 1.2, 1);
|
|
transform: scale3d(1.2, 1.2, 1);
|
|
}
|
|
.vicon .hotul li:hover .hot1 {
|
|
box-shadow: 0px 15px 30px rgba(181, 181, 181, 0.75);
|
|
}
|
|
@media (max-width: 767px) {
|
|
.vicon {
|
|
padding: 33px 0 25px 0;
|
|
}
|
|
.vicon .vtext {
|
|
margin-bottom: 20px;
|
|
}
|
|
.vicon .vtext .tl1 {
|
|
font-size: 20px;
|
|
}
|
|
.vicon .vtext .tl1 i {
|
|
top: -10px;
|
|
margin-left: 5px;
|
|
}
|
|
.vicon .vtext .tl1 i img {
|
|
max-width: 70%;
|
|
}
|
|
.vicon .vtext .tl2 {
|
|
height: 4px;
|
|
margin-top: 19px;
|
|
}
|
|
.vicon .viul li {
|
|
width: 48%;
|
|
margin-right: 0px;
|
|
}
|
|
.vicon .viul li:nth-child(2n) {
|
|
float: right;
|
|
}
|
|
.vicon .hotv {
|
|
padding-top: 25px;
|
|
}
|
|
.vicon .hotul li .htit1 {
|
|
font-size: 20px;
|
|
}
|
|
.vicon .hotul li .htit2 {
|
|
font-size: 14px;
|
|
}
|
|
.vicon .hotul li {
|
|
width: 100%;
|
|
margin-bottom: 25px;
|
|
}
|
|
.vicon .hotul li .htit1 {
|
|
margin: 25px 0 20px 0;
|
|
}
|
|
}
|
|
|
|
/*************************视频播放页***************************/
|
|
.play {
|
|
width: 100%;
|
|
padding-bottom: 78px;
|
|
background: #f1f1f1;
|
|
}
|
|
.play .playv {
|
|
width: 100%;
|
|
padding: 68px 0;
|
|
background: #1a1a1a;
|
|
margin-top: 48px;
|
|
}
|
|
.play .playv .plvimg {
|
|
width: 70%;
|
|
margin: 0 auto;
|
|
}
|
|
.play .playv .plvimg img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.play .playt {
|
|
width: 70%;
|
|
padding: 50px 0 0px 0;
|
|
margin: 25px auto 0;
|
|
}
|
|
.play .playt .plcon {
|
|
padding: 0 46px;
|
|
}
|
|
.play .playt .plcon .vtext {
|
|
margin-bottom: 42px;
|
|
}
|
|
.play .playt .plcon .vtext .tl1 {
|
|
font-size: 24px;
|
|
color: #002855;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
.play .playt .plcon .vtext .tl1 i {
|
|
display: inline-block;
|
|
width: 37px;
|
|
height: 33px;
|
|
position: absolute;
|
|
top: -20px;
|
|
margin-left: 17px;
|
|
}
|
|
.play .playt .plcon .vtext .tl2 {
|
|
width: 50px;
|
|
height: 6px;
|
|
background: #002855;
|
|
margin: 0 auto;
|
|
}
|
|
.play .playt .plcon .vtext .date {
|
|
text-align: center;
|
|
font-size: 18px;
|
|
color: #333;
|
|
margin: 23px auto 28px;
|
|
}
|
|
.play .playt .plcon .pltext {
|
|
font-size: 18px;
|
|
color: #333;
|
|
text-align: center;
|
|
line-height: 35px;
|
|
}
|
|
@media (max-width: 1200px) {
|
|
.play .playv .plvimg,
|
|
.play .playt {
|
|
width: 80%;
|
|
}
|
|
}
|
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
.play .playv .plvimg,
|
|
.play .playt {
|
|
width: 80%;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.play .playv {
|
|
padding: 38px 0;
|
|
}
|
|
.play .playv .plvimg {
|
|
width: 100%;
|
|
}
|
|
.play .playt {
|
|
width: 90%;
|
|
padding: 34px 0 34px 0;
|
|
}
|
|
.play .playt .plcon {
|
|
padding: 0 10px;
|
|
}
|
|
.play .playt .plcon .vtext {
|
|
margin-bottom: 20px;
|
|
}
|
|
.play .playt .plcon .vtext .tl1 {
|
|
font-size: 18px;
|
|
}
|
|
.play .playt .plcon .vtext .tl1 i {
|
|
top: -10px;
|
|
margin-left: 5px;
|
|
}
|
|
.play .playt .plcon .vtext .tl1 i img {
|
|
max-width: 70%;
|
|
}
|
|
.play .playt .plcon .vtext .tl2 {
|
|
height: 4px;
|
|
margin-top: 19px;
|
|
}
|
|
.play .playt .plcon .vtext .date {
|
|
margin: 13px auto 10px;
|
|
}
|
|
.play .playt .plcon .pltext {
|
|
font-size: 14px;
|
|
}
|
|
}
|
|
|
|
/*************************视频列表***************************/
|
|
.History2 .hd li {
|
|
position: relative;
|
|
}
|
|
.History2 .hd li:after {
|
|
content: '';
|
|
position: absolute;
|
|
border-right: 1px solid #b8b8b8;
|
|
height: 80%;
|
|
right: 0;
|
|
top: -20%;
|
|
}
|
|
.History2 .hd li:last-child:after {
|
|
border-right: none;
|
|
}
|
|
.vmain {
|
|
width: 100%;
|
|
background: #f1f1f1;
|
|
padding: 80px 0 26px 0;
|
|
}
|
|
.History2 {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
.History2 .hd {
|
|
position: relative;
|
|
overflow: hidden;
|
|
width: 65%;
|
|
margin: auto;
|
|
}
|
|
.History2 .hd li,
|
|
.wrapper04 .scroller li a {
|
|
background: url(../images/jy3-1s.png) no-repeat center 64px;
|
|
font-size: 18px;
|
|
width: 180px;
|
|
text-align: center;
|
|
color: #333;
|
|
text-align: center;
|
|
padding-bottom: 20px;
|
|
float: left;
|
|
cursor: pointer;
|
|
}
|
|
.History2 .hd li.on {
|
|
color: #009fdf;
|
|
}
|
|
.History2 .hd li:hover {
|
|
color: #009fdf;
|
|
}
|
|
.History2 .hd .prev,
|
|
.History2 .hd .next {
|
|
display: none;
|
|
margin-top: -20px;
|
|
position: absolute;
|
|
top: 50%;
|
|
}
|
|
.History2 .hd .prev {
|
|
left: 0px;
|
|
}
|
|
.History2 .hd .next {
|
|
right: 0px;
|
|
}
|
|
@media (min-width: 800px) {
|
|
.History2 .bd {
|
|
height: auto;
|
|
margin-top: 5%;
|
|
}
|
|
}
|
|
@media (max-width: 799px) {
|
|
.History2 .bd {
|
|
height: auto;
|
|
margin-top: 3%;
|
|
}
|
|
}
|
|
.History2 .bd ul .vtext {
|
|
margin-bottom: 5%;
|
|
}
|
|
.History2 .bd ul .vtext .tl1 {
|
|
font-size: 2em;
|
|
color: #333;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
.History2 .bd ul .vtext .tl1 i {
|
|
display: inline-block;
|
|
width: 37px;
|
|
height: 33px;
|
|
position: absolute;
|
|
top: -20px;
|
|
margin-left: 17px;
|
|
}
|
|
.History2 .bd ul .vtext .tl2 {
|
|
width: 50px;
|
|
height: 6px;
|
|
background: #002855;
|
|
margin: 39px auto 0;
|
|
}
|
|
.hotul dd {
|
|
display: inline-block;
|
|
width: 48%;
|
|
margin-bottom: 40px;
|
|
margin-right: 2%;
|
|
}
|
|
.hotul dd:nth-child(2n) {
|
|
margin-right: 0;
|
|
}
|
|
.hotul dd .himg {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
.hotul dd .himg img {
|
|
width: 100%;
|
|
height: 100%;
|
|
opacity: 1;
|
|
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
|
transition: opacity 0.35s, transform 0.35s;
|
|
}
|
|
.hotul dd .htit1 {
|
|
font-size: 1.5em;
|
|
color: #333;
|
|
text-align: left;
|
|
margin: 2vw 0 1vw 0;
|
|
line-height: 1.2em;
|
|
overflow: hidden;
|
|
word-break: break-all;
|
|
height: 2.4em;
|
|
}
|
|
.hotul dd .htit2 {
|
|
font-size: 1em;
|
|
color: #737373;
|
|
text-align: left;
|
|
line-height: 1.875em;
|
|
line-height: 1.5em;
|
|
height: 3em;
|
|
overflow: hidden;
|
|
word-break: break-all;
|
|
}
|
|
.hotul dd:hover .himg img {
|
|
-webkit-transform: scale3d(1.2, 1.2, 1);
|
|
transform: scale3d(1.2, 1.2, 1);
|
|
}
|
|
.hotul dd:hover .hot1 {
|
|
box-shadow: 0px 15px 30px rgba(181, 181, 181, 0.75);
|
|
}
|
|
@media (max-width: 1280px) {
|
|
.History2 .hd .prev,
|
|
.History2 .hd .next {
|
|
display: block;
|
|
}
|
|
}
|
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
.hotul dd .htit1 {
|
|
margin: 40px 0 15px 0;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.vmain {
|
|
padding: 40px 0 20px 0;
|
|
}
|
|
.History2 .hd .prev img,
|
|
.History2 .hd .next img {
|
|
max-width: 80%;
|
|
}
|
|
.History2 .hd li {
|
|
font-size: 16px;
|
|
}
|
|
.History2 .bd ul .vtext {
|
|
margin-bottom: 30px;
|
|
}
|
|
.History2 .bd ul .vtext .tl1 {
|
|
font-size: 20px;
|
|
}
|
|
.History2 .bd ul .vtext .tl1 i {
|
|
top: -10px;
|
|
margin-left: 5px;
|
|
}
|
|
.History2 .bd ul .vtext .tl1 i img {
|
|
max-width: 70%;
|
|
}
|
|
.History2 .bd ul .vtext .tl2 {
|
|
height: 4px;
|
|
margin-top: 20px;
|
|
}
|
|
.hotul dd {
|
|
width: 100%;
|
|
float: none;
|
|
margin-bottom: 25px;
|
|
}
|
|
.hotul dd .htit1 {
|
|
margin: 20px 0 10px 0;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 414px) {
|
|
.hotul dd .htit2 {
|
|
line-height: 25px;
|
|
font-size: 1.125em;
|
|
}
|
|
}
|
|
|
|
/*************************新闻列表***************************/
|
|
@media screen and (min-width: 800px) {
|
|
.new {
|
|
width: 96%;
|
|
padding: 0 2%;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 480px) and (max-width: 799px) {
|
|
.new {
|
|
width: 96%;
|
|
padding: 1% 2%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 479px) {
|
|
.new {
|
|
width: 100%;
|
|
padding: 1% 0;
|
|
}
|
|
}
|
|
.new {
|
|
background: #fff;
|
|
}
|
|
.new .vtext {
|
|
margin-bottom: 35px;
|
|
}
|
|
.new .vtext .tl1 {
|
|
font-size: 30px;
|
|
color: #002855;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
position: relative;
|
|
}
|
|
.new .vtext .tl1 i {
|
|
display: inline-block;
|
|
width: 37px;
|
|
height: 33px;
|
|
position: absolute;
|
|
top: -20px;
|
|
margin-left: 17px;
|
|
}
|
|
.new .vtext .tl2 {
|
|
width: 50px;
|
|
height: 6px;
|
|
background: #002855;
|
|
margin: 20px auto 0;
|
|
}
|
|
.new .newfl {
|
|
width: 70%;
|
|
float: left;
|
|
}
|
|
@media screen and (min-width: 900px) {
|
|
.new_lft_img {
|
|
width: 25%;
|
|
float: left;
|
|
}
|
|
.new_rig_text {
|
|
width: 72%;
|
|
float: right;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 899px) {
|
|
.new_lft_img {
|
|
width: 90%;
|
|
}
|
|
.new_rig_text {
|
|
width: 90%;
|
|
float: left;
|
|
}
|
|
}
|
|
.new .newfl li {
|
|
padding: 3% 0;
|
|
border-top: 1px solid #e7e7e7;
|
|
}
|
|
.new .newfl li:last-child {
|
|
border-bottom: 1px solid #e7e7e7;
|
|
}
|
|
.new .newfl li .xwtit a {
|
|
font-size: 1em;
|
|
color: #333;
|
|
font-weight: 600;
|
|
}
|
|
.new .newfl li .xname {
|
|
font-size: 0.875em;
|
|
color: #737373;
|
|
margin: 5px 0 10px 0;
|
|
}
|
|
.new .newfl li .xwcon {
|
|
font-size: 1em;
|
|
color: #333;
|
|
line-height: 35px;
|
|
}
|
|
.new .newfl li .xwimg {
|
|
width: 100%;
|
|
height: auto;
|
|
text-align: center;
|
|
margin: 3% auto;
|
|
}
|
|
.new .newfl li .xwimg img {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.new .newfl li .detail {
|
|
float: left;
|
|
font-size: 0.875em;
|
|
}
|
|
.new .newfl li .fx {
|
|
float: left;
|
|
padding-top: 2%;
|
|
}
|
|
.new .newfl li .detail a {
|
|
font-size: 16px;
|
|
color: #333;
|
|
margin-left: 13px;
|
|
}
|
|
.new .newfl li .detail a i {
|
|
display: inline-block;
|
|
width: 10px;
|
|
height: 16px;
|
|
background: url(../images/fx1.png) no-repeat;
|
|
vertical-align: middle;
|
|
margin: -2px 6px 0 0;
|
|
}
|
|
.new .newfl li .fx a {
|
|
display: inline-block;
|
|
font-size: 0.875em;
|
|
color: #333;
|
|
margin-right: 22px;
|
|
}
|
|
.new .newfl li .fx a i.f1 {
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 16px;
|
|
background: url(../images/fx2.png) no-repeat;
|
|
vertical-align: middle;
|
|
margin: -3px 3px 0 0;
|
|
}
|
|
.new .newfl li .fx a i.f2 {
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 14px;
|
|
background: url(../images/fx3.png) no-repeat;
|
|
vertical-align: middle;
|
|
margin-right: 3px;
|
|
}
|
|
.new .newfl li .fx a i.f3 {
|
|
display: inline-block;
|
|
width: 16px;
|
|
height: 15px;
|
|
background: url(../images/fx4.png) no-repeat;
|
|
vertical-align: middle;
|
|
margin-right: 3px;
|
|
}
|
|
.new .newrh {
|
|
width: 21%;
|
|
float: right;
|
|
background: #f5f5f5;
|
|
padding: 2%;
|
|
}
|
|
.new .newrh .plun {
|
|
font-size: 1.125em;
|
|
color: #333;
|
|
padding-bottom: 3%;
|
|
border-bottom: 1px solid #cecece;
|
|
font-weight: 600;
|
|
}
|
|
.new .newrh .pllist li {
|
|
padding: 7% 0 5%;
|
|
border-bottom: 1px dashed #d8d8d8;
|
|
}
|
|
.new .newrh .pllist li .plfl {
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
.new .newrh .pllist li .plfl .plimg {
|
|
width: 60px;
|
|
height: 60px;
|
|
float: left;
|
|
padding-right: 10%;
|
|
}
|
|
.new .newrh .pllist li .plfl .plimg img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.new .newrh .pllist li .plfl .peo1 {
|
|
font-size: 12px;
|
|
color: #333;
|
|
font-weight: bold;
|
|
text-align: left;
|
|
margin-top: 8px;
|
|
}
|
|
.new .newrh .pllist li .plfl .peo2 {
|
|
font-size: 12px;
|
|
color: #737373;
|
|
text-align: left;
|
|
}
|
|
.new .newrh .pllist li .plrh {
|
|
width: 90%;
|
|
float: left;
|
|
}
|
|
.new .newrh .pllist li .plrh .plrh1 {
|
|
font-size: 13px;
|
|
color: #737373;
|
|
padding-top: 5%;
|
|
line-height: 23px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 4;
|
|
}
|
|
.new .newrh .pllist li .plrh .plrh2 {
|
|
font-size: 13px;
|
|
color: #737373;
|
|
line-height: 24px;
|
|
height: 44px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 2;
|
|
}
|
|
@media (max-width: 1200px) {
|
|
.new .newrh .pllist {
|
|
padding: 0 10px;
|
|
}
|
|
}
|
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
.new .newfl,
|
|
.new .newrh {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
.new .newrh {
|
|
margin-top: 50px;
|
|
}
|
|
}
|
|
@media (max-width: 767px) {
|
|
.new .newfl,
|
|
.new .newrh {
|
|
width: 100%;
|
|
float: none;
|
|
}
|
|
.new .newrh {
|
|
margin-top: 30px;
|
|
}
|
|
.new .vtext {
|
|
margin-bottom: 30px;
|
|
}
|
|
.new .vtext .tl1 {
|
|
font-size: 20px;
|
|
}
|
|
.new .vtext .tl1 i {
|
|
top: -10px;
|
|
margin-left: 5px;
|
|
}
|
|
.new .vtext .tl1 i img {
|
|
max-width: 70%;
|
|
}
|
|
.new .vtext .tl2 {
|
|
height: 4px;
|
|
margin-top: 19px;
|
|
}
|
|
.new .newfl li .xwtit {
|
|
text-align: center;
|
|
width: 96%;
|
|
}
|
|
.new .newfl li .xwtit a {
|
|
font-size: 18px;
|
|
line-height: 30px;
|
|
}
|
|
.new .newfl li .xname {
|
|
text-align: center;
|
|
font-size: 14px;
|
|
}
|
|
.new .newfl li .detail a,
|
|
.new .newfl li .fx a {
|
|
font-size: 12px;
|
|
}
|
|
.new .newfl li .fx a {
|
|
margin-right: 5px;
|
|
}
|
|
.new .newfl li .detail a i {
|
|
background-size: 85%;
|
|
}
|
|
.new .newfl li .fx a i.f1 {
|
|
background-size: 85%;
|
|
margin: 0px 3px 0 0;
|
|
}
|
|
.new .newfl li .fx a i.f2 {
|
|
background-size: 85%;
|
|
}
|
|
.new .newfl li .fx a i.f3 {
|
|
background-size: 85%;
|
|
}
|
|
.new .newfl li {
|
|
padding-bottom: 20px;
|
|
margin-bottom: 20px;
|
|
}
|
|
.new .newfl li .xwcon {
|
|
font-size: 14px;
|
|
}
|
|
.new .newrh .pllist li {
|
|
padding: 25px 0;
|
|
}
|
|
}
|
|
@media (max-width: 320px) {
|
|
.new .newfl li .xwcon {
|
|
line-height: 25px;
|
|
}
|
|
}
|
|
|
|
/*************************新闻详情页***************************/
|
|
|
|
.xq {
|
|
width: 100%;
|
|
background: #f1f1f1;
|
|
}
|
|
.xq .xqtitle {
|
|
text-align: center;
|
|
padding-bottom: 22px;
|
|
border-bottom: 1px solid #cecece;
|
|
}
|
|
.xq .xqtitle .xqtext {
|
|
font-size: 2em;
|
|
color: #333;
|
|
font-weight: bold;
|
|
line-height: 1.875em;
|
|
padding: 1vw 0 0;
|
|
}
|
|
.xq .xqtitle .xqname {
|
|
font-size: 1em;
|
|
color: #737373;
|
|
}
|
|
.xq .xqcon img {
|
|
margin-bottom: 1vw;
|
|
}
|
|
.xq .xqcon .img_des {
|
|
font-size: 1.25em;
|
|
text-align: center;
|
|
margin-bottom: 1vw;
|
|
line-height: 0.5vw;
|
|
color: #333;
|
|
padding: 2% 0;
|
|
font-weight: 600;
|
|
}
|
|
.xq .xqcon .text {
|
|
margin-bottom: 1vw;
|
|
}
|
|
.xq .fxs {
|
|
text-align: center;
|
|
margin: 2% 0 1%;
|
|
}
|
|
.xq .fxs span {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
font-size: 16px;
|
|
color: #737373;
|
|
}
|
|
@media (min-width: 769px) {
|
|
.xq .fxs a {
|
|
width: 43px;
|
|
height: 43px;
|
|
line-height: 39px;
|
|
}
|
|
}
|
|
@media (max-width: 768px) {
|
|
.xq .fxs a {
|
|
width: 23px;
|
|
height: 23px;
|
|
padding: 1%;
|
|
line-height: 30px;
|
|
}
|
|
}
|
|
.xq .fxs a {
|
|
display: inline-block;
|
|
margin-left: 18px;
|
|
vertical-align: middle;
|
|
text-align: center;
|
|
background: #009fdf;
|
|
border-radius: 50%;
|
|
}
|
|
.xq .fxs a img {
|
|
margin-top: expression((43- this.height)/2);
|
|
vertical-align: middle;
|
|
}
|
|
.xq .fxs a:hover {
|
|
background: #289ccb;
|
|
}
|
|
.xq .xqcon {
|
|
font-size: 1em;
|
|
color: #737373;
|
|
line-height: 1.875em;
|
|
width: 94%;
|
|
margin: auto;
|
|
text-align: center;
|
|
}
|
|
.xq .xqcon p {
|
|
line-height: 1.875em;
|
|
text-indent: 2em;
|
|
text-align: left;
|
|
margin-bottom: 1vw;
|
|
}
|
|
.xq .xqimg {
|
|
width: 100%;
|
|
margin: 24px auto 0;
|
|
}
|
|
.xq .xqimg img {
|
|
height: auto;
|
|
}
|
|
.xq .love .love1 p {
|
|
font-size: 1.875em;
|
|
color: #333;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
.xq .love .love1 p img {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.xq .love .love1 p:nth-child(2) {
|
|
margin-top: 2.4%;
|
|
}
|
|
.xq .love .love2 {
|
|
margin-top: 32px;
|
|
}
|
|
.xq .love .love2 li {
|
|
width: 31%;
|
|
margin-right: 3.5%;
|
|
float: left;
|
|
}
|
|
.xq .love .love2 li:nth-child(3n) {
|
|
margin-right: 0px;
|
|
}
|
|
.xq .love .love2 li .lvimg {
|
|
width: 100%;
|
|
height: 100%;
|
|
overflow: hidden;
|
|
}
|
|
@media screen and (min-width: 1600px) {
|
|
.xq .love .love2 li .lvimg img {
|
|
max-height: 280px;
|
|
min-height: 280px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1599px) {
|
|
.xq .love .love2 li .lvimg img {
|
|
max-height: 200px;
|
|
min-height: 200px;
|
|
}
|
|
}
|
|
|
|
.xq .love .love2 li .lvimg img {
|
|
width: 100%;
|
|
opacity: 1;
|
|
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
|
transition: opacity 0.35s, transform 0.35s;
|
|
}
|
|
.xq .love .love2 li .lvtit {
|
|
font-size: 0.875em;
|
|
color: #333;
|
|
margin-top: 1vw;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.xq .love .love2 li:hover .lvimg img {
|
|
-webkit-transform: scale3d(1.2, 1.2, 1);
|
|
transform: scale3d(1.2, 1.2, 1);
|
|
}
|
|
.xq .fb,
|
|
.xq .huifu,
|
|
.xq .love .love1 {
|
|
margin-top: 5%;
|
|
}
|
|
.xq .fb .love1 p {
|
|
font-size: 1.5em;
|
|
color: #333;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
.xq .fb .love1 p:nth-child(2) {
|
|
margin-top: 26px;
|
|
}
|
|
.xq .fb .fbul li {
|
|
padding: 35px 50px;
|
|
border-bottom: 1px dashed #d7d7d7;
|
|
}
|
|
.xq .fb .fbul li .fbimg {
|
|
width: 80px;
|
|
height: auto;
|
|
float: left;
|
|
}
|
|
.xq .fb .fbul li .fbimg .peo3 {
|
|
font-size: 12px;
|
|
color: #002855;
|
|
text-align: center;
|
|
margin-top: 8px;
|
|
}
|
|
.xq .fb .fbul li .fbimg .peo4 {
|
|
font-size: 12px;
|
|
color: #737373;
|
|
text-align: center;
|
|
}
|
|
.xq .fb .fbul li .fbcon {
|
|
width: 70%;
|
|
float: left;
|
|
margin-left: 3%;
|
|
font-size: 13px;
|
|
color: #333;
|
|
}
|
|
.xq .fb .fbul li .fbnum {
|
|
float: right;
|
|
}
|
|
.xq .fb .fbul li .fbnum .no1 {
|
|
font-size: 13px;
|
|
color: #737373;
|
|
}
|
|
.xq .fb .fbul li .fbnum .no2 {
|
|
margin-top: 90px;
|
|
color: #009fdf;
|
|
}
|
|
.xq .fb .fbul li .fbnum .no2 a {
|
|
color: #009fdf;
|
|
}
|
|
.xq .huifu .replay {
|
|
font-size: 14px;
|
|
color: #009fdf;
|
|
}
|
|
.xq .fb .quanbu {
|
|
display: block;
|
|
font-size: 14px;
|
|
color: #009fdf;
|
|
text-align: center;
|
|
margin-top: 32px;
|
|
}
|
|
.xq .huifu .love1 p {
|
|
font-size: 1.5em;
|
|
color: #333;
|
|
font-weight: bold;
|
|
text-align: center;
|
|
}
|
|
.xq .huifu .love1 p:nth-child(2) {
|
|
margin-top: 26px;
|
|
}
|
|
.xq .huifu .love1 p span,
|
|
.xq .huifu .login a,
|
|
.xq .fb .love1 p span {
|
|
color: #e71e1e;
|
|
}
|
|
.xq .huifu .login {
|
|
font-size: 14px;
|
|
color: #333;
|
|
text-align: center;
|
|
margin-top: 36px;
|
|
}
|
|
.xq .huifu textarea {
|
|
width: 99%;
|
|
height: 222px;
|
|
background: #fff;
|
|
border: 1px solid #cecece;
|
|
margin: 36px auto 36px;
|
|
}
|
|
.xq .huifu .replay {
|
|
display: block;
|
|
width: 120px;
|
|
height: 2em;
|
|
border: 1px solid #333;
|
|
text-align: center;
|
|
line-height: 2em;
|
|
font-size: 1em;
|
|
color: #333;
|
|
margin: 0 auto;
|
|
}
|
|
.xq .huifu .replay:hover {
|
|
background: #009fdf;
|
|
color: #fff;
|
|
border: 1px solid #009fdf;
|
|
}
|
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
.xq .xqtitle .xqtext {
|
|
font-size: 24px;
|
|
}
|
|
}
|
|
|
|
/*************************相关下载***************************/
|
|
.down {
|
|
padding: 0 0 1.6%;
|
|
background: #f1f1f1;
|
|
}
|
|
.load {
|
|
position: relative;
|
|
display: block;
|
|
}
|
|
.load ul.hdone {
|
|
text-align: center;
|
|
}
|
|
.load .hd {
|
|
position: relative;
|
|
overflow: hidden;
|
|
}
|
|
.load .hd li {
|
|
display: inline-block;
|
|
padding: 0 3%;
|
|
margin: 0 0 4.2%;
|
|
font-size: 1.125em;
|
|
color: #333;
|
|
text-align: center;
|
|
cursor: pointer;
|
|
position: relative;
|
|
}
|
|
.load .hd li:after {
|
|
content: '';
|
|
position: absolute;
|
|
border-right: 1px solid #b8b8b8;
|
|
right: 0;
|
|
top: 20%;
|
|
height: 80%;
|
|
}
|
|
.load .hd li:last-child:after {
|
|
border-right: 0;
|
|
}
|
|
.load .hd li.on {
|
|
color: #009fe0;
|
|
}
|
|
.load .hd li a {
|
|
color: #333;
|
|
}
|
|
.load .hd .prev,
|
|
.load .hd .next {
|
|
display: none;
|
|
margin-top: -25px;
|
|
position: absolute;
|
|
top: 50%;
|
|
}
|
|
.load .hd .prev {
|
|
left: 0px;
|
|
}
|
|
.load .hd .next {
|
|
right: 0px;
|
|
}
|
|
.lsea {
|
|
margin: 0 auto;
|
|
position: absolute;
|
|
}
|
|
.lsea input {
|
|
display: block;
|
|
width: 90%;
|
|
padding: 2.5% 5%;
|
|
background: #fff;
|
|
border: 1px solid #cecece;
|
|
font-size: 1.125em;
|
|
}
|
|
@media screen and (min-width: 1280px) {
|
|
.lsea {
|
|
width: 54%;
|
|
left: 23%;
|
|
top: 40%;
|
|
}
|
|
.lsea a {
|
|
top: 42%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1279px) {
|
|
.lsea {
|
|
width: 80%;
|
|
left: 10%;
|
|
top: 40%;
|
|
}
|
|
.lsea a {
|
|
top: 35%;
|
|
}
|
|
}
|
|
.lsea a {
|
|
display: block;
|
|
width: 32px;
|
|
height: 32px;
|
|
background: url(../images/sea1.png);
|
|
position: absolute;
|
|
right: 5%;
|
|
margin-top: -8px;
|
|
}
|
|
.lsea input::-webkit-input-placeholder {
|
|
font-size: 18px;
|
|
color: #484848;
|
|
}
|
|
.bd {
|
|
height: auto;
|
|
}
|
|
.load .bd .bdone li {
|
|
padding: 1% 0 3%;
|
|
}
|
|
@media screen and (min-width: 1280px) {
|
|
.load .bd .bdone li .loadfl {
|
|
width: 26%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1279px) {
|
|
.load .bd .bdone li .loadfl {
|
|
width: 28%;
|
|
}
|
|
}
|
|
.load .bd .bdone li .loadfl {
|
|
float: left;
|
|
padding: 1%;
|
|
border: 1px solid #dcdcdc;
|
|
}
|
|
.load .bd .bdone li .loadfl img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.load .bd .bdone li .loadrh {
|
|
float: right;
|
|
width: 66%;
|
|
padding-top: 0.5%;
|
|
}
|
|
.load .bd .bdone li .loadrh .loada {
|
|
font-weight: bold;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
margin-bottom: 0.6vw;
|
|
}
|
|
.load_destri {
|
|
color: #333;
|
|
margin-bottom: 0.4vw;
|
|
line-height: 1.8em;
|
|
font-size: 0.875em;
|
|
}
|
|
.load .bd .bdone li .loadrh .loada {
|
|
font-size: 1em;
|
|
color: #333;
|
|
font-weight: 600;
|
|
}
|
|
.load .bd .bdone li .loadrh .loada a {
|
|
color: #333;
|
|
}
|
|
.load .bd .bdone li .loadrh .loadms {
|
|
font-size: 15px;
|
|
color: #333;
|
|
line-height: 24px;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 3;
|
|
margin: 18px 0 18px 0;
|
|
}
|
|
.load .bd .bdone li .loadrh .loadms1 {
|
|
font-size: 0.875em;
|
|
color: #333;
|
|
word-break: break-all;
|
|
}
|
|
.load .bd .bdone li .loadrh .loadms2 {
|
|
font-size: 0.875em;
|
|
color: #737373;
|
|
padding: 1% 0 2%;
|
|
}
|
|
.load .bd .bdone li .loadrh .loadms3 a {
|
|
display: inline-block;
|
|
height: 2em;
|
|
border: 1px solid #333;
|
|
font-size: 0.875em;
|
|
color: #333;
|
|
text-align: center;
|
|
line-height: 2em;
|
|
margin-right: 34px;
|
|
padding-left: 1vw;
|
|
padding-right: 1vw;
|
|
}
|
|
.load .bd .bdone li .loadrh .loadms3 a:hover {
|
|
background: #009fe0;
|
|
color: #fff;
|
|
border: 1px solid #009fe0;
|
|
}
|
|
.load .bd .bdtwo li {
|
|
padding: 30px 32px 33px;
|
|
border-bottom: 1px solid #dcdcdc;
|
|
}
|
|
.load .bd .bdtwo li .datatitle {
|
|
font-size: 24px;
|
|
color: #002855;
|
|
font-weight: bold;
|
|
}
|
|
.load .bd .bdtwo li dl dd {
|
|
float: left;
|
|
width: 48%;
|
|
margin: 30px 2% 0 0;
|
|
}
|
|
.load .bd .bdtwo li dl dd:nth-child(2n) {
|
|
float: right;
|
|
margin-right: 0px;
|
|
}
|
|
.load .bd .bdtwo li dl dd .datafl {
|
|
width: 40%;
|
|
float: left;
|
|
padding: 28px;
|
|
border: 1px solid #dcdcdc;
|
|
}
|
|
.load .bd .bdtwo li dl dd .datafl img {
|
|
width: 100%;
|
|
height: auto;
|
|
}
|
|
.load .bd .bdtwo li dl dd .datarh {
|
|
width: 45%;
|
|
float: right;
|
|
}
|
|
.load .bd .bdtwo li dl dd .datarh .datams1 {
|
|
font-size: 18px;
|
|
color: #002855;
|
|
font-weight: normal;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
}
|
|
.load .bd .bdtwo li dl dd .datarh .datams2 {
|
|
font-size: 16px;
|
|
color: #333;
|
|
height: 45px;
|
|
margin: 2% 0;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
display: -webkit-box;
|
|
-webkit-box-orient: vertical;
|
|
-webkit-line-clamp: 3;
|
|
}
|
|
.load .bd .bdtwo li dl dd .datarh .datams3 {
|
|
font-size: 14px;
|
|
color: #333;
|
|
}
|
|
.load .bd .bdtwo li dl dd .datarh .datams4 a {
|
|
display: block;
|
|
width: 120px;
|
|
height: 36px;
|
|
text-align: center;
|
|
line-height: 36px;
|
|
border: 1px solid #002855;
|
|
border-radius: 100px;
|
|
margin-top: 15px;
|
|
font-size: 14px;
|
|
color: #002855;
|
|
}
|
|
.load .bd .bdtwo li dl dd .datarh .datams4 a:hover {
|
|
background: #002855;
|
|
color: #fff;
|
|
}
|
|
@media (min-width: 1920px) {
|
|
.load .bd .bdone li .loadrh .loadms {
|
|
margin: 18px 0 18px 0;
|
|
}
|
|
.cp .cpfl {
|
|
width: 50%;
|
|
}
|
|
}
|
|
@media (max-width: 1280px) {
|
|
.load .bd .bdone li .loadrh .loadms {
|
|
margin: 15px 0 15px 0;
|
|
}
|
|
.load .bd .bdone li .loadrh .loadms2 {
|
|
margin: 3% 0;
|
|
}
|
|
}
|
|
@media (max-width: 1028px) {
|
|
.load .bd .bdone li {
|
|
padding: 3% 2%;
|
|
}
|
|
.load .bd .bdone li .loadrh {
|
|
width: 61%;
|
|
}
|
|
.load .bd .bdone li .loadrh .loadms {
|
|
line-height: 26px;
|
|
margin: 10px 0 10px 0;
|
|
}
|
|
.load .bd .bdone li .loadrh .loadms2 {
|
|
margin: 2% 0;
|
|
}
|
|
.load .bd .bdtwo li dl dd .datafl {
|
|
width: 40%;
|
|
}
|
|
.load .bd .bdtwo li dl dd .datarh .datams2 {
|
|
margin: 5px 0 5px 0;
|
|
height: 60px;
|
|
}
|
|
.load .bd .bdtwo li dl dd .datarh .datams4 a {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
.down {
|
|
padding: 40px 0;
|
|
}
|
|
.load .lsea {
|
|
width: 80%;
|
|
margin-bottom: 30px;
|
|
}
|
|
.load .lsea input {
|
|
width: 90%;
|
|
height: 50px;
|
|
}
|
|
.load .lsea a {
|
|
width: 24px;
|
|
height: 24px;
|
|
background-size: 100%;
|
|
top: 15px;
|
|
}
|
|
.load .bd .bdone li .loadrh .loada a {
|
|
font-size: 1.2em;
|
|
}
|
|
.load .bd .bdone li .loadrh {
|
|
width: 60%;
|
|
}
|
|
.load .bd .bdone li .loadrh .loadms {
|
|
font-size: 14px;
|
|
}
|
|
.load .bd .bdone li .loadrh .loadms1 {
|
|
font-size: 14px;
|
|
}
|
|
.load .bd .bdone li .loadrh .loadms2 {
|
|
font-size: 14px;
|
|
}
|
|
.load .bd .bdone li .loadrh .loadms3 a {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
}
|
|
.load .bd .bdtwo li {
|
|
padding: 0 0 36px 0;
|
|
margin-bottom: 30px;
|
|
}
|
|
.load .bd .bdtwo li .datatitle {
|
|
font-size: 20px;
|
|
}
|
|
.load .bd .bdtwo li dl dd .datafl {
|
|
width: 85%;
|
|
}
|
|
.load .bd .bdtwo li dl dd .datarh {
|
|
width: 100%;
|
|
margin-top: 30px;
|
|
}
|
|
.load .hd li {
|
|
font-size: 20px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.indexbox2,
|
|
.indexbox1 {
|
|
padding: 30px 0 10px 0;
|
|
}
|
|
.indexbox3 {
|
|
padding: 15px 0 20px 0;
|
|
}
|
|
}
|
|
|
|
/*新增 2018-09-25 s*/
|
|
.dcp li img {
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.com .comline img {
|
|
max-width: 100%;
|
|
}
|
|
.suspension .a p {
|
|
text-align: center;
|
|
color: #666;
|
|
}
|
|
.suspension .d .arrow {
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 12px;
|
|
background: url(../images/side_bg_arrow.png) no-repeat;
|
|
right: -8px;
|
|
top: 31px;
|
|
}
|
|
.suspension .d-service-phone {
|
|
top: 288px;
|
|
}
|
|
.suspension .d-qrcode {
|
|
top: 96px;
|
|
}
|
|
.suspension .d .inner-box {
|
|
padding: 8px 22px 12px;
|
|
}
|
|
.suspension .d-service .d-service-item {
|
|
border-bottom: none;
|
|
}
|
|
.suspension .d-service-item .circle {
|
|
width: 44px;
|
|
height: 44px;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
background: #f1f1f3;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
.suspension .d-service-item .i-tel {
|
|
width: 44px;
|
|
height: 44px;
|
|
background: url(../images/side_con_icon02.png) no-repeat center center;
|
|
display: block;
|
|
}
|
|
.suspension .d-service-item .text {
|
|
float: left;
|
|
width: 112px;
|
|
line-height: 22px;
|
|
font-size: 15px;
|
|
margin-left: 12px;
|
|
}
|
|
.suspension .d-service-item .text .number {
|
|
color: #e0143f;
|
|
}
|
|
.suspension .d-service-intro {
|
|
padding-top: 10px;
|
|
}
|
|
.suspension .d-service-intro p {
|
|
float: left;
|
|
line-height: 27px;
|
|
font-size: 14px;
|
|
width: 100%;
|
|
color: #888;
|
|
}
|
|
.suspension .d-service-intro i {
|
|
background: url(../images/side_con_icon01.png) no-repeat center center;
|
|
height: 27px;
|
|
width: 14px;
|
|
margin-right: 5px;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
}
|
|
.suspension .d-qrcode {
|
|
text-align: center;
|
|
}
|
|
.suspension .d-qrcode .inner-box {
|
|
padding: 20px 0;
|
|
}
|
|
.suspension .d-qrcode p {
|
|
font-size: 16px;
|
|
color: #93959c;
|
|
}
|
|
|
|
/*图片放大镜样式*/
|
|
.preview {
|
|
position: relative;
|
|
width: 100%;
|
|
overflow: hidden;
|
|
height: 510px;
|
|
}
|
|
.scrollbutton,
|
|
.scrollbutton_01 {
|
|
width: 53px;
|
|
height: 72px;
|
|
overflow: hidden;
|
|
}
|
|
/*scrollbutton样式*/
|
|
#imageMenu {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
}
|
|
#onlickImg {
|
|
opacity: 1 !important;
|
|
}
|
|
#imageMenu li {
|
|
width: 80px;
|
|
overflow: hidden;
|
|
height: 87px;
|
|
opacity: 0.4;
|
|
}
|
|
|
|
#imageMenu li img {
|
|
width: 98%;
|
|
cursor: pointer;
|
|
}
|
|
|
|
/*详情页 放大镜 e*/
|
|
|
|
/*搜索页 s*/
|
|
.nsea {
|
|
width: 100%;
|
|
background: #f1f1f1;
|
|
overflow: hidden;
|
|
}
|
|
.nsea .secon {
|
|
background: #fff;
|
|
height: 432px;
|
|
margin-top: 60px;
|
|
margin-bottom: 30px;
|
|
overflow: hidden;
|
|
}
|
|
.nsea .secon .sput {
|
|
width: 1278px;
|
|
margin: 40px auto 0;
|
|
position: relative;
|
|
}
|
|
.nsea .secon .sput input {
|
|
width: 95%;
|
|
height: 52px;
|
|
color: #b2b6b8;
|
|
font-size: 24px;
|
|
border-radius: 100px;
|
|
padding-left: 5%;
|
|
background: #eff5f8;
|
|
}
|
|
.nsea .secon .sput input::-webkit-input-placeholder {
|
|
color: #b2b6b8;
|
|
font-size: 24px;
|
|
}
|
|
.nsea .secon .sput a {
|
|
position: absolute;
|
|
top: 10px;
|
|
right: 40px;
|
|
}
|
|
|
|
.nsea .secon1 {
|
|
background: #fff;
|
|
height: auto;
|
|
padding-bottom: 40px;
|
|
margin-top: 2vw;
|
|
margin-bottom: 20px;
|
|
overflow: hidden;
|
|
}
|
|
.nsea .secon .seul {
|
|
width: 88%;
|
|
margin: 22px auto 0;
|
|
}
|
|
.nsea .secon .seul li {
|
|
padding: 16px 0 10px 0;
|
|
border-bottom: 1px solid #f3f3f3;
|
|
}
|
|
.nsea .secon .seul li .sepic {
|
|
float: left;
|
|
padding: 9px 10px;
|
|
border: 1px solid #e7e7e7;
|
|
overflow: hidden;
|
|
width: 160px;
|
|
}
|
|
.nsea .secon .seul li .sepic img {
|
|
width: 100%;
|
|
}
|
|
.nsea .secon .seul li .sepic img {
|
|
opacity: 1;
|
|
-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
|
|
transition: opacity 0.35s, transform 0.35s;
|
|
}
|
|
.nsea .secon .seul li .seinfo {
|
|
float: left;
|
|
width: 70%;
|
|
margin: 11px 10px 0;
|
|
}
|
|
.nsea .secon .seul li .seinfo .info1 {
|
|
font-size: 1.125em;
|
|
color: #333;
|
|
}
|
|
.nsea .secon .seul li .seinfo .info2 {
|
|
font-size: 0.875em;
|
|
color: #737373;
|
|
overflow: hidden;
|
|
text-overflow: ellipsis;
|
|
white-space: nowrap;
|
|
line-height: 2.5em;
|
|
}
|
|
.nsea .secon .seul li .seinfo .info3 {
|
|
font-size: 0.875em;
|
|
}
|
|
.nsea .secon .seul li:hover .sepic img {
|
|
-webkit-transform: scale3d(1.2, 1.2, 1);
|
|
transform: scale3d(1.2, 1.2, 1);
|
|
}
|
|
/*搜索页 e*/
|
|
|
|
@media (max-width: 1028px) {
|
|
.show .smask {
|
|
max-width: 90%;
|
|
min-width: 90%;
|
|
margin: 0 auto;
|
|
}
|
|
.show .smask .sarea .feed .finput input.them,
|
|
.show .smask .sarea .feed .finput textarea {
|
|
width: 85%;
|
|
}
|
|
.show .smask .sarea .feed .finput input.them1 {
|
|
width: 55%;
|
|
}
|
|
.nsea .secon .sput,
|
|
.nsea .secon .seul {
|
|
width: 95%;
|
|
}
|
|
.nsea .secon .seul li .seinfo {
|
|
width: 70%;
|
|
}
|
|
}
|
|
|
|
@media (min-width: 768px) and (max-width: 979px) {
|
|
.nsea .secon .seul li .seinfo {
|
|
width: 62%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 768px) {
|
|
.show .smask .sarea .feed {
|
|
padding: 28px 10px 0 10px;
|
|
}
|
|
.show .smask .sarea .feed .finput select,
|
|
.show .smask .sarea .feed .finput input {
|
|
width: 45%;
|
|
}
|
|
.show .smask .sarea .feed .finput input.them,
|
|
.show .smask .sarea .feed .finput textarea {
|
|
width: 78%;
|
|
}
|
|
.show .smask .sarea .feed .finput input.them1 {
|
|
width: 35%;
|
|
}
|
|
.show .smask .sarea .stop1 span {
|
|
margin-left: 0px;
|
|
}
|
|
.nsea .secon .seul li .seinfo {
|
|
width: 62%;
|
|
}
|
|
.plbtn,
|
|
.preview {
|
|
display: none;
|
|
}
|
|
.cp .cprh .hd,
|
|
.cp .cprh .buy,
|
|
.xq .fb .quanbu {
|
|
margin-top: 20px;
|
|
}
|
|
.ltrh {
|
|
padding-top: 0%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 640px) {
|
|
.nsea .secon .seul li .seinfo {
|
|
width: 50%;
|
|
}
|
|
.tjcon a.zhbtn {
|
|
margin-left: 0px;
|
|
}
|
|
.zhcon {
|
|
text-align: center;
|
|
}
|
|
.zclist li a.zhyzm {
|
|
display: block;
|
|
margin: 10px auto 0;
|
|
}
|
|
.zhlist li input {
|
|
width: 90%;
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 560px) {
|
|
.show .smask .sarea .feed .finput select.emal {
|
|
width: 43%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 480px) {
|
|
.show .smask .sarea .feed .finput select,
|
|
.show .smask .sarea .feed .finput input,
|
|
.people .pelist .pecon .peput select {
|
|
width: 60%;
|
|
}
|
|
.show .smask .sarea .feed .finput input.them,
|
|
.show .smask .sarea .feed .finput textarea {
|
|
width: 75%;
|
|
}
|
|
.show .smask .sarea .feed .finput select.emal {
|
|
width: 38%;
|
|
}
|
|
.nsea .secon .seul li .sepic {
|
|
float: none;
|
|
text-align: center;
|
|
}
|
|
.nsea .secon .seul li .seinfo {
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
@media (max-width: 479px) {
|
|
.show .smask .sarea .feed .finput select,
|
|
.show .smask .sarea .feed .finput input,
|
|
.show .smask .sarea .feed .finput input.them,
|
|
.show .smask .sarea .feed .finput textarea {
|
|
width: 100%;
|
|
margin-top: 10px;
|
|
}
|
|
.show .smask .sarea .feed .finput {
|
|
margin-bottom: 20px;
|
|
}
|
|
.show .smask .sarea .feed .finput select.emal {
|
|
width: 100%;
|
|
}
|
|
.show .smask .sarea .feed .finput input.them1 {
|
|
width: 100%;
|
|
margin-left: 4%;
|
|
}
|
|
}
|
|
|
|
/*新增css 2018-10-09 e*/
|
|
.indexbox-list {
|
|
width: 100%;
|
|
height: auto;
|
|
padding-bottom: 5%;
|
|
background: #f1f1f1;
|
|
}
|
|
.indexbox-list-white {
|
|
width: 100%;
|
|
height: auto;
|
|
padding: 0;
|
|
background: #fff;
|
|
}
|
|
|
|
@media screen and (min-width: 800px) and (max-width: 990px) {
|
|
.dcp li .ptit1 {
|
|
margin-top: 5%;
|
|
}
|
|
.dcp li .ptit2 {
|
|
margin: -5px 0 5px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 767px) {
|
|
.indexbox-list {
|
|
padding: 15px 0 20px 0;
|
|
}
|
|
.daily .darh li {
|
|
margin-bottom: 20px;
|
|
}
|
|
.day {
|
|
margin-top: 4%;
|
|
}
|
|
.ejul a.ejmore {
|
|
margin-top: 25px;
|
|
}
|
|
.nybox {
|
|
padding: 30px 0 29px 0;
|
|
}
|
|
.gltit {
|
|
margin-bottom: 15px;
|
|
}
|
|
.warp2 {
|
|
padding: 30px 0 30px 0;
|
|
}
|
|
.warp1 {
|
|
padding: 0px 0 30px 0;
|
|
}
|
|
}
|
|
@media screen and (min-width: 360px) and (max-width: 540px) {
|
|
.dcp li .ptit1 {
|
|
margin-top: 5%;
|
|
} /*修改*/
|
|
.dcp li .ptit2 {
|
|
margin: -5px 0 5px;
|
|
} /*修改*/
|
|
}
|
|
@media screen and (max-width: 359px) {
|
|
.dcp li .ptit1 {
|
|
font-size: 1.125em;
|
|
margin-top: 8%;
|
|
} /*修改*/
|
|
.dcp li .ptit2 {
|
|
font-size: 1em;
|
|
margin: 5px 0 5px;
|
|
} /*修改*/
|
|
}
|
|
@media screen and (max-width: 767px) {
|
|
.ejul dd .ejtext .hd {
|
|
line-height: 10px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 959px) {
|
|
.xq {
|
|
padding: 30px 0 30px 0;
|
|
}
|
|
.xq .huifu {
|
|
margin-top: 35px;
|
|
}
|
|
.xq .fb,
|
|
.xq .huifu .login {
|
|
margin-top: 20px;
|
|
}
|
|
.xq .love .love1 {
|
|
margin-top: 30px;
|
|
}
|
|
.xq .fb .love1 p:nth-child(2),
|
|
.xq .huifu .love1 p:nth-child(2) {
|
|
margin-top: 15px;
|
|
}
|
|
.xq .fb .fbul li {
|
|
padding: 15px 10px;
|
|
}
|
|
.xq .love .love2 li .lvtit {
|
|
margin-top: 10px;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 640px) {
|
|
.com-white:before,
|
|
.com-gray:before {
|
|
border-bottom: none;
|
|
} /*新增 */
|
|
.cy .cytit,
|
|
.com {
|
|
margin-bottom: 10px;
|
|
}
|
|
.com .comtit {
|
|
font-size: 1.5em;
|
|
}
|
|
.ltfl .ltcon .lttext {
|
|
margin: 0;
|
|
}
|
|
.ltrh {
|
|
padding-top: 0;
|
|
}
|
|
.ltfl .ltcon .lt1 p span {
|
|
padding-bottom: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.day {
|
|
margin-bottom: 5px;
|
|
}
|
|
.xq .huifu .login {
|
|
margin-top: 10px;
|
|
}
|
|
.xq .huifu {
|
|
margin-top: 20px;
|
|
}
|
|
.xq .huifu .love1 p:nth-child(2) {
|
|
margin-top: 15px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 321px) and (max-width: 768px) {
|
|
.datit .da2 i {
|
|
width: 22px;
|
|
height: 22px;
|
|
background-size: 100%;
|
|
}
|
|
}
|
|
/*驱动下载*/
|
|
.Download-title {
|
|
font-size: 2em;
|
|
font-weight: 600;
|
|
color: #333;
|
|
text-align: center;
|
|
margin-bottom: 1.1em;
|
|
}
|
|
.arraw-overturn {
|
|
transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
-moz-transform: rotate(180deg);
|
|
-webkit-transform: rotate(180deg);
|
|
-o-transform: rotate(180deg);
|
|
}
|
|
|
|
/*新增首页样式*/
|
|
.index-gray {
|
|
width: 100%;
|
|
height: auto;
|
|
padding: 4vw 0;
|
|
background: #f5f5f5;
|
|
}
|
|
.video-index-title {
|
|
margin-top: 5vw;
|
|
line-height: 1em;
|
|
}
|
|
.index-video {
|
|
width: 78.334%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.video-index-image {
|
|
width: 100%;
|
|
position: relative;
|
|
}
|
|
.index-video-content {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
}
|
|
.video-index-image img {
|
|
width: 100%;
|
|
}
|
|
|
|
/*详情页新样式*/
|
|
.smallImgUp,
|
|
.smallImgUp .disabled,
|
|
.smallImgUp:hover,
|
|
.smallImgUp .disabled:hover,
|
|
.smallImgDown,
|
|
.smallImgDown .disabled,
|
|
.smallImgDown:hover,
|
|
.smallImgDown.disabled:hover {
|
|
position: absolute;
|
|
z-index: 8;
|
|
top: 50%;
|
|
cursor: pointer;
|
|
transform: translate(0%, -50%);
|
|
background-repeat: no-repeat;
|
|
}
|
|
.scrollbutton.smallImgUp,
|
|
.scrollbutton.smallImgUp.disabled {
|
|
background: url(../images/images/fl.png);
|
|
left: 95px;
|
|
margin-top: -24.5px;
|
|
}
|
|
.scrollbutton.smallImgDown,
|
|
.scrollbutton.smallImgDown.disabled {
|
|
background: url(../images/images/rh.png);
|
|
right: 0px;
|
|
margin-top: -24.5px;
|
|
}
|
|
.scrollbutton.smallImgUp:hover,
|
|
.scrollbutton.smallImgUp.disabled:hover {
|
|
background: url(../images/images/fl1.png);
|
|
left: 95px;
|
|
margin-top: -24.5px;
|
|
}
|
|
.scrollbutton.smallImgDown:hover,
|
|
.scrollbutton.smallImgDown.disabled:hover {
|
|
background: url(../images/images/rh1.png);
|
|
right: 0px;
|
|
margin-top: -24.5px;
|
|
}
|
|
/*scrollbutton_01样式*/
|
|
.scrollbutton_01.smallImgUp,
|
|
.scrollbutton_01.smallImgUp.disabled {
|
|
background: url(../images/images/fl.png);
|
|
left: 0px;
|
|
}
|
|
.scrollbutton_01.smallImgDown,
|
|
.scrollbutton_01.smallImgDown.disabled {
|
|
background: url(../images/images/rh.png);
|
|
right: 0px;
|
|
}
|
|
.scrollbutton_01.smallImgUp:hover,
|
|
.scrollbutton_01.smallImgUp.disabled:hover {
|
|
background: url(../images/images/fl1.png);
|
|
left: 0px;
|
|
}
|
|
.scrollbutton_01.smallImgDown:hover,
|
|
.scrollbutton_01.smallImgDown.disabled:hover {
|
|
background: url(../images/images/rh1.png);
|
|
right: 0px;
|
|
}
|
|
.cp {
|
|
padding-bottom: 30px;
|
|
overflow: hidden;
|
|
}
|
|
.bigImg {
|
|
margin-left: 10px;
|
|
}
|
|
.ms3 {
|
|
color: #333333;
|
|
}
|
|
.ms4 {
|
|
color: #737373;
|
|
}
|
|
@media screen and (min-width: 1240px) {
|
|
.cp .cpfl {
|
|
width: 600px;
|
|
margin-right: 84px;
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
.cp .cprh {
|
|
width: 514px;
|
|
float: left;
|
|
}
|
|
.smallImg {
|
|
width: 80px;
|
|
overflow: hidden;
|
|
float: left;
|
|
}
|
|
.bigImg {
|
|
width: 510px;
|
|
float: right;
|
|
}
|
|
.scrollbutton.smallImgUp,
|
|
.scrollbutton.smallImgUp.disabled {
|
|
left: 92px;
|
|
}
|
|
.ms3,
|
|
.ms2,
|
|
.ms4 {
|
|
line-height: 1.5em;
|
|
}
|
|
.ms3 {
|
|
width: 25%;
|
|
}
|
|
.ms2 {
|
|
width: 5%;
|
|
}
|
|
.ms4 {
|
|
width: 70%;
|
|
}
|
|
.proTfg {
|
|
margin-top: 23px;
|
|
}
|
|
.scrollbutton.smallImgUp,
|
|
.scrollbutton.smallImgUp.disabled,
|
|
.scrollbutton.smallImgUp:hover,
|
|
.scrollbutton.smallImgUp.disabled:hover {
|
|
left: 90px;
|
|
}
|
|
}
|
|
|
|
@media screen and (min-width: 769px) and (max-width: 1239px) {
|
|
.preview,
|
|
.cp .cpfl {
|
|
width: 53.76vw;
|
|
height: 53.76vw;
|
|
}
|
|
.preview {
|
|
overflow: hidden;
|
|
}
|
|
.cp .cpfl {
|
|
margin-right: 3.84vw;
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
.cp .cprh {
|
|
float: right;
|
|
width: 38.4vw;
|
|
}
|
|
.smallImg {
|
|
position: absolute;
|
|
bottom: 0;
|
|
width: 100%;
|
|
height: 53.76vw;
|
|
}
|
|
.bigImg {
|
|
width: 88%;
|
|
float: right;
|
|
}
|
|
.scrollbutton .smallImgUp,
|
|
.scrollbutton .smallImgUp .disabled {
|
|
left: 16%;
|
|
}
|
|
.ms3,
|
|
.ms2,
|
|
.ms4 {
|
|
float: left;
|
|
}
|
|
.ms3 {
|
|
width: 25%;
|
|
}
|
|
.ms2 {
|
|
width: 2%;
|
|
}
|
|
.ms4 {
|
|
width: 73%;
|
|
}
|
|
.proTfg {
|
|
margin-top: 23px;
|
|
}
|
|
#imageMenu {
|
|
display: none;
|
|
}
|
|
#imageMenu li {
|
|
margin-bottom: 0;
|
|
}
|
|
.cp .cprh .buy a {
|
|
width: 40%;
|
|
}
|
|
.scrollbutton .smallImgUp,
|
|
.scrollbutton .smallImgUp .disabled,
|
|
.scrollbutton .smallImgUp:hover,
|
|
.scrollbutton .smallImgUp .disabled:hover {
|
|
left: 0;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 768px) {
|
|
.cp .cpfl {
|
|
width: 100%;
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
.cp .cprh {
|
|
float: right;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/* bigImg */
|
|
.bigImg {
|
|
position: relative;
|
|
float: left;
|
|
overflow: hidden;
|
|
}
|
|
.bigImg #midimg {
|
|
width: 100%;
|
|
}
|
|
.bigImg #winSelector {
|
|
width: 235px;
|
|
height: 210px;
|
|
}
|
|
#winSelector {
|
|
position: absolute;
|
|
cursor: crosshair;
|
|
filter: alpha(opacity=15);
|
|
-moz-opacity: 0.15;
|
|
opacity: 0.15;
|
|
background-color: #000;
|
|
border: 1px solid #fff;
|
|
}
|
|
/* bigView */
|
|
#bigView {
|
|
position: absolute;
|
|
overflow: hidden;
|
|
width: 260px;
|
|
height: 295.652px;
|
|
top: 300px;
|
|
left: 540px;
|
|
z-index: 999;
|
|
}
|
|
#bigView img {
|
|
position: absolute;
|
|
}
|
|
.play {
|
|
width: 100%;
|
|
height: 86%;
|
|
top: 0px;
|
|
left: 0px;
|
|
z-index: 9999;
|
|
}
|
|
.play1 {
|
|
display: none;
|
|
}
|
|
.play .pcha {
|
|
position: absolute;
|
|
right: 12px;
|
|
top: 12px;
|
|
}
|
|
.play .moimg {
|
|
width: 100%;
|
|
position: absolute;
|
|
top: 50%;
|
|
transform: translate(0%, -50%);
|
|
}
|
|
.play .moimg img {
|
|
width: 100%;
|
|
}
|
|
.plbtn {
|
|
position: absolute;
|
|
bottom: 0px;
|
|
right: -58px;
|
|
}
|
|
|
|
/*详情规格参数样式*/
|
|
.proTfg .swt-Table {
|
|
display: table;
|
|
width: 100%;
|
|
}
|
|
.proTfg .swt-Table .Table-Row {
|
|
display: table-row;
|
|
}
|
|
.proTfg .swt-Table .Table-Row .Table-Cell {
|
|
display: table-cell;
|
|
margin: 0;
|
|
padding-bottom: 0.5vw;
|
|
}
|
|
|
|
/*详情页规格样式*/
|
|
.msul li {
|
|
width: 100%;
|
|
clear: both;
|
|
overflow: hidden;
|
|
font-size: 0.875em;
|
|
color: #737373;
|
|
}
|
|
.msul li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.msul .ms3 {
|
|
width: 100px;
|
|
float: left;
|
|
}
|
|
}
|
|
/*产品详情样式*/
|
|
.products_des {
|
|
width: 100%;
|
|
margin-bottom: 50px;
|
|
}
|
|
.products_des img {
|
|
width: 100%;
|
|
}
|
|
.de_t_n {
|
|
font-size: 1.5em;
|
|
color: #333;
|
|
}
|
|
.detail_title {
|
|
text-align: center;
|
|
padding: 2% 0;
|
|
}
|
|
.detail_title p {
|
|
line-height: 2em;
|
|
}
|
|
.detail_con_a {
|
|
margin: auto;
|
|
overflow: hidden;
|
|
}
|
|
.lj_detail_text,
|
|
.lj_detail_texts {
|
|
font-size: 0.875em;
|
|
}
|
|
.lj_detail_text p {
|
|
line-height: 1.6em;
|
|
padding: 0.5% 0;
|
|
}
|
|
|
|
/*图片放大*/
|
|
.transition1 {
|
|
transition: all 0.2s ease-in;
|
|
}
|
|
.tm-m-photos,
|
|
.tm-m-photos-thumb {
|
|
zoom: 1;
|
|
}
|
|
.tm-m-photos-thumb {
|
|
margin: 10px 0;
|
|
list-style-type: none;
|
|
height: 45px;
|
|
}
|
|
.tm-m-photos-thumb li {
|
|
float: left;
|
|
border: 2px solid #f2f2f2;
|
|
padding: 2px;
|
|
margin-right: 8px;
|
|
position: relative;
|
|
transition: border-color 0.2s ease-out;
|
|
}
|
|
.tm-m-photos-thumb .tm-current {
|
|
border: 1px solid #009fdf;
|
|
border-radius: 2px;
|
|
-webkit-border-radius: 2px;
|
|
-moz-border-radius: 2px;
|
|
-o-border-radius: 2px;
|
|
cursor: auto;
|
|
}
|
|
.tm-m-photo-viewer {
|
|
position: relative;
|
|
margin: 10px 0;
|
|
width: 0;
|
|
height: 0;
|
|
background: #fff;
|
|
float: left;
|
|
overflow: hidden;
|
|
}
|
|
.tm-m-photo-viewer-navleft,
|
|
.tm-m-photo-viewer-navright {
|
|
cursor: pointer;
|
|
top: 0;
|
|
bottom: 0;
|
|
background: url(http://assets.alicdn.com/s.gif);
|
|
position: absolute;
|
|
}
|
|
.tm-m-photo-viewer-navleft {
|
|
left: 0;
|
|
width: 10px;
|
|
}
|
|
.tm-m-photo-viewer-navright {
|
|
right: 0;
|
|
width: 40px;
|
|
}
|
|
.tm-photos-arrow {
|
|
width: 0;
|
|
height: 0;
|
|
line-height: 0;
|
|
font-size: 0;
|
|
border: 6px dashed transparent;
|
|
border-top: 6px solid #009fdf;
|
|
position: absolute;
|
|
left: 15px;
|
|
filter: alpha(opacity=0);
|
|
opacity: 0;
|
|
bottom: -8px;
|
|
background: 0 0;
|
|
}
|
|
.tm-current .tm-photos-arrow {
|
|
filter: alpha(opacity=100);
|
|
opacity: 1;
|
|
bottom: -12px;
|
|
}
|
|
.tm-m-photo-viewer-navicon {
|
|
display: none;
|
|
font-size: 40px;
|
|
font-style: normal;
|
|
color: #b8b8b8;
|
|
cursor: pointer;
|
|
}
|
|
.tm-m-photos-thumb img {
|
|
display: block;
|
|
width: 40px;
|
|
height: 40px;
|
|
cursor: url(img/T1nTBDFCRbXXbzTk_b-25-20.png), url(http://assets.alicdn.com/img/common/zoom_in.cur), auto;
|
|
}
|
|
|
|
/*新增视频样式*/
|
|
.public_box_pictrue {
|
|
width: 23.2%;
|
|
}
|
|
.public_box_pictrue:nth-child(4n) {
|
|
margin-right: 0;
|
|
}
|
|
.public_title,
|
|
.public_titlemoveshow {
|
|
font-size: 1.5em;
|
|
}
|
|
.public_box_pictrue {
|
|
clear: both;
|
|
}
|
|
.public_box_pictrue img {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.public_title {
|
|
color: #fff;
|
|
left: 5%;
|
|
bottom: 6%;
|
|
transition: all 0.5s;
|
|
}
|
|
.public_rect {
|
|
right: 5%;
|
|
bottom: 6%;
|
|
}
|
|
.public_cover {
|
|
left: 49.9%;
|
|
top: 49.9%;
|
|
width: 2px;
|
|
height: 2px;
|
|
background-color: rgba(0, 160, 233, 0);
|
|
transition: all 1s;
|
|
}
|
|
.public_titlemoveshow {
|
|
left: 50%;
|
|
top: 45%;
|
|
color: #fff;
|
|
transform: translateX(-50%);
|
|
opacity: 0;
|
|
transition: all 0.5s;
|
|
}
|
|
.public_border {
|
|
top: 0;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.line-top,
|
|
.line-bottom {
|
|
position: absolute;
|
|
width: 0;
|
|
height: 1px;
|
|
background-color: #fff;
|
|
transform: translateX(-50%);
|
|
opacity: 0;
|
|
left: 50%;
|
|
}
|
|
.line-left,
|
|
.line-right {
|
|
position: absolute;
|
|
width: 1px;
|
|
height: 0;
|
|
background-color: #fff;
|
|
top: 50%;
|
|
transform: translateY(-50%);
|
|
opacity: 0;
|
|
}
|
|
.line-top {
|
|
top: 20%;
|
|
}
|
|
.line-bottom {
|
|
bottom: 20%;
|
|
}
|
|
.line-left {
|
|
left: 20%;
|
|
}
|
|
.line-right {
|
|
right: 20%;
|
|
}
|
|
.public_box_pictrue:hover .public_cover {
|
|
background-color: rgba(0, 0, 0, 0.7);
|
|
-webkit-transition: all 1s;
|
|
transition: all 1s;
|
|
-webkit-transform: scale(340, 430);
|
|
transform: scale(340, 430);
|
|
}
|
|
.public_box_pictrue:hover .public_title {
|
|
transition: all 0.5s;
|
|
opacity: 0;
|
|
}
|
|
.public_box_pictrue:hover .public_titlemoveshow {
|
|
transition: all 1.5s;
|
|
opacity: 1;
|
|
}
|
|
.public_box_pictrue:hover .line-top,
|
|
.public_box_pictrue:hover .line-bottom {
|
|
transition: all 1.5s;
|
|
opacity: 1;
|
|
animation-name: progresstopbttom;
|
|
animation-delay: 0.5s;
|
|
animation-fill-mode: forwards;
|
|
animation-duration: 0.5s;
|
|
}
|
|
.public_box_pictrue:hover .line-left,
|
|
.public_box_pictrue:hover .line-right {
|
|
transition: all 1.5s;
|
|
opacity: 1;
|
|
animation-name: progressleftright;
|
|
animation-delay: 0.5s;
|
|
animation-fill-mode: forwards;
|
|
animation-duration: 0.5s;
|
|
}
|
|
@keyframes progresstopbttom {
|
|
100% {
|
|
width: 59.7%;
|
|
}
|
|
}
|
|
@keyframes progressleftright {
|
|
100% {
|
|
height: 59.7%;
|
|
}
|
|
}
|
|
.ejul-show {
|
|
display: none;
|
|
}
|
|
/*地址栏*/
|
|
.product_address {
|
|
margin-bottom: 2%;
|
|
}
|
|
.product_address a,
|
|
.product_address .href_01 {
|
|
color: #333;
|
|
}
|
|
.product_address .href_02 {
|
|
color: #737373;
|
|
}
|
|
.product_address a:hover {
|
|
color: #009fdf;
|
|
}
|
|
.product_address .arrow_address {
|
|
font-size: 1em;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
display: inline-block;
|
|
transform: rotate(90deg);
|
|
-ms-transform: rotate(90deg);
|
|
-moz-transform: rotate(90deg);
|
|
-webkit-transform: rotate(90deg);
|
|
-o-transform: rotate(90deg);
|
|
}
|
|
video {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
/*seo-pro*/
|
|
.seo-pro h3 {
|
|
font-size: 1.5em;
|
|
text-align: center;
|
|
color: #333;
|
|
margin: 2% 0 1%;
|
|
line-height: 1.2;
|
|
font-weight: 400;
|
|
}
|
|
.seo-pro p {
|
|
text-align: center;
|
|
margin: 0 0 11px;
|
|
}
|
|
.seo-pro a {
|
|
color: #333;
|
|
text-decoration: none;
|
|
}
|
|
.sa_blue,
|
|
.sa_blue a,
|
|
.seo-pro a:hover {
|
|
color: #009fdf;
|
|
}
|
|
|
|
/*public*/
|
|
|
|
/*PC端*/
|
|
.header-PC .top {
|
|
height: 40px;
|
|
background-color: #252525;
|
|
color: #fff;
|
|
}
|
|
.header-Product .top {
|
|
position: fixed;
|
|
top: 0px;
|
|
width: 100%;
|
|
z-index: 9999;
|
|
}
|
|
.header-PC .state {
|
|
display: inline-block;
|
|
}
|
|
.header-PC .state img {
|
|
margin-top: 12px;
|
|
margin-left: 0.5vw;
|
|
}
|
|
.header-PC .state ul {
|
|
width: 250px;
|
|
float: right;
|
|
border-top: 1px solid rgba(255, 255, 255, 0.6);
|
|
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2);
|
|
background-color: #f1f1f1;
|
|
position: relative;
|
|
margin-top: -2px;
|
|
text-align: left;
|
|
}
|
|
.header-PC .top-R {
|
|
width: 100%;
|
|
text-align: right;
|
|
float: left;
|
|
font-size: 1em;
|
|
line-height: 38px;
|
|
}
|
|
.header-PC .top-R a {
|
|
color: #fff;
|
|
display: inline-block;
|
|
}
|
|
.header-PC .top-R a:first-child {
|
|
margin-right: 0.5vw;
|
|
}
|
|
.header-PC .top-R a:last-child {
|
|
margin-left: 0.5vw;
|
|
}
|
|
.header-PC .top-R a:hover {
|
|
color: #009fdf;
|
|
}
|
|
.header-PC .top-R .icon-search {
|
|
display: inline-block;
|
|
line-height: 33px;
|
|
}
|
|
.header-PC .logo {
|
|
width: 16%;
|
|
float: left;
|
|
height: 60px;
|
|
left: 0px;
|
|
vertical-align: middle;
|
|
line-height: 60px;
|
|
}
|
|
.header-PC .logo img {
|
|
vertical-align: middle;
|
|
max-width: 100%;
|
|
}
|
|
.header-PC .top-country {
|
|
display: block;
|
|
color: #333333;
|
|
padding: 15px 0 0;
|
|
font-size: 0.875em;
|
|
width: 100%;
|
|
position: absolute;
|
|
font-weight: 600;
|
|
background-color: transparent;
|
|
}
|
|
.header-PC .top-country li a {
|
|
color: #333;
|
|
}
|
|
.header-PC .top-country li a:hover {
|
|
color: #009fdf;
|
|
}
|
|
.header-PC .top-country li {
|
|
width: 220px;
|
|
margin-left: 1%;
|
|
margin-right: 2.25%;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
padding-top: 0.8vw;
|
|
padding-bottom: 0.8vw;
|
|
line-height: 19px;
|
|
height: 19px;
|
|
}
|
|
.header-PC .top-country li:nth-child(5n) {
|
|
margin-right: 0px;
|
|
}
|
|
.header-PC .top-country li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.header-PC .top-country li p {
|
|
display: inline-block;
|
|
}
|
|
.header-PC .top-country li p:last-child {
|
|
margin-left: 5px;
|
|
vertical-align: top;
|
|
}
|
|
.header-PC .top-country ul:after {
|
|
width: 10px;
|
|
height: 5px;
|
|
content: '';
|
|
background: url(../images/countries/arrow.png);
|
|
position: absolute;
|
|
top: -6px;
|
|
right: 6px;
|
|
z-index: 99999;
|
|
}
|
|
/*国家*/
|
|
.top-country .countries,
|
|
.m-Country .countries {
|
|
display: inline-block;
|
|
width: 28px;
|
|
height: 19px;
|
|
background: url('../images/countries/countries.png') no-repeat;
|
|
}
|
|
.top-country .AE,
|
|
.m-Country .AE {
|
|
background-position: 0px 0px;
|
|
}
|
|
.top-country .AR,
|
|
.m-Country .AR {
|
|
background-position: -29px 0px;
|
|
}
|
|
.top-country .AT,
|
|
.m-Country .AT {
|
|
background-position: -58px 0px;
|
|
}
|
|
.top-country .AU,
|
|
.m-Country .AU {
|
|
background-position: -87px 0px;
|
|
}
|
|
.top-country .AZ,
|
|
.m-Country .AZ {
|
|
background-position: -116px 0px;
|
|
}
|
|
.top-country .BD,
|
|
.m-Country .BD {
|
|
background-position: -145px 0px;
|
|
}
|
|
.top-country .BE,
|
|
.m-Country .BE {
|
|
background-position: -174px 0px;
|
|
}
|
|
.top-country .BG,
|
|
.m-Country .BG {
|
|
background-position: -203px 0px;
|
|
}
|
|
.top-country .BL,
|
|
.m-Country .BL {
|
|
background-position: -232px 0px;
|
|
}
|
|
.top-country .BO,
|
|
.m-Country .BO {
|
|
background-position: -261px 0px;
|
|
}
|
|
.top-country .BR,
|
|
.m-Country .BR {
|
|
background-position: -290px 0px;
|
|
}
|
|
.top-country .CA,
|
|
.m-Country .CA {
|
|
background-position: -319px 0px;
|
|
}
|
|
.top-country .CH,
|
|
.m-Country .CH {
|
|
background-position: -348px 0px;
|
|
}
|
|
.top-country .CL,
|
|
.m-Country .CL {
|
|
background-position: -377px 0px;
|
|
}
|
|
.top-country .ZH,
|
|
.m-Country .ZH {
|
|
background-position: -406px 0px;
|
|
}
|
|
.top-country .CO,
|
|
.m-Country .CO {
|
|
background-position: -435px 0px;
|
|
}
|
|
.top-country .CS,
|
|
.m-Country .CS {
|
|
background-position: -464px 0px;
|
|
}
|
|
.top-country .CY,
|
|
.m-Country .CY {
|
|
background-position: -493px 0px;
|
|
}
|
|
.top-country .DB,
|
|
.m-Country .DB {
|
|
background-position: -522px 0px;
|
|
}
|
|
.top-country .DE,
|
|
.m-Country .DE {
|
|
background-position: -551px 0px;
|
|
}
|
|
|
|
.top-country .KR,
|
|
.m-Country .KR {
|
|
background-position: 0px -20px;
|
|
}
|
|
.top-country .KH,
|
|
.m-Country .KH {
|
|
background-position: -29px -20px;
|
|
}
|
|
.top-country .JP,
|
|
.m-Country .JP {
|
|
background-position: -58px -20px;
|
|
}
|
|
.top-country .JQ,
|
|
.m-Country .JQ {
|
|
background-position: -87px -20px;
|
|
}
|
|
.top-country .IT,
|
|
.m-Country .IT {
|
|
background-position: -116px -20px;
|
|
}
|
|
.top-country .IR,
|
|
.m-Country .IR {
|
|
background-position: -145px -20px;
|
|
}
|
|
.top-country .IQ,
|
|
.m-Country .IQ {
|
|
background-position: -174px -20px;
|
|
}
|
|
.top-country .IN,
|
|
.m-Country .IN {
|
|
background-position: -203px -20px;
|
|
}
|
|
.top-country .IL,
|
|
.m-Country .IL {
|
|
background-position: -232px -20px;
|
|
}
|
|
.top-country .IE,
|
|
.m-Country .IE {
|
|
background-position: -261px -20px;
|
|
}
|
|
.top-country .ID,
|
|
.m-Country .ID {
|
|
background-position: -290px -20px;
|
|
}
|
|
.top-country .HU,
|
|
.m-Country .HU {
|
|
background-position: -319px -20px;
|
|
}
|
|
.top-country .HK,
|
|
.m-Country .HK {
|
|
background-position: -348px -20px;
|
|
}
|
|
.top-country .GR,
|
|
.m-Country .GR {
|
|
background-position: -377px -20px;
|
|
}
|
|
.top-country .GH,
|
|
.m-Country .GH {
|
|
background-position: -406px -20px;
|
|
}
|
|
.top-country .FR,
|
|
.m-Country .FR {
|
|
background-position: -435px -20px;
|
|
}
|
|
.top-country .ES,
|
|
.m-Country .ES {
|
|
background-position: -464px -20px;
|
|
}
|
|
.top-country .EG,
|
|
.m-Country .EG {
|
|
background-position: -493px -20px;
|
|
}
|
|
.top-country .EE,
|
|
.m-Country .EE {
|
|
background-position: -522px -20px;
|
|
}
|
|
.top-country .DK,
|
|
.m-Country .DK {
|
|
background-position: -551px -20px;
|
|
}
|
|
|
|
.top-country .KSA,
|
|
.m-Country .KSA {
|
|
background-position: 0px -40px;
|
|
}
|
|
.top-country .KW,
|
|
.m-Country .KW {
|
|
background-position: -29px -40px;
|
|
}
|
|
.top-country .KZ,
|
|
.m-Country .KZ {
|
|
background-position: -58px -40px;
|
|
}
|
|
.top-country .LA,
|
|
.m-Country .LA {
|
|
background-position: -87px -40px;
|
|
}
|
|
.top-country .LB,
|
|
.m-Country .LB {
|
|
background-position: -116px -40px;
|
|
}
|
|
.top-country .LK,
|
|
.m-Country .LK {
|
|
background-position: -145px -40px;
|
|
}
|
|
.top-country .LT,
|
|
.m-Country .LT {
|
|
background-position: -174px -40px;
|
|
}
|
|
.top-country .MA,
|
|
.m-Country .MA {
|
|
background-position: -203px -40px;
|
|
}
|
|
.top-country .MDV,
|
|
.m-Country .MDV {
|
|
background-position: -232px -40px;
|
|
}
|
|
.top-country .MM,
|
|
.m-Country .MM {
|
|
background-position: -261px -40px;
|
|
}
|
|
.top-country .MX,
|
|
.m-Country .MX {
|
|
background-position: -290px -40px;
|
|
}
|
|
.top-country .MY,
|
|
.m-Country .MY {
|
|
background-position: -319px -40px;
|
|
}
|
|
.top-country .NG,
|
|
.m-Country .NG {
|
|
background-position: -348px -40px;
|
|
}
|
|
.top-country .NL,
|
|
.m-Country .NL {
|
|
background-position: -377px -40px;
|
|
}
|
|
.top-country .NO,
|
|
.m-Country .NO {
|
|
background-position: -406px -40px;
|
|
}
|
|
.top-country .NP,
|
|
.m-Country .NP {
|
|
background-position: -435px -40px;
|
|
}
|
|
.top-country .NZ,
|
|
.m-Country .NZ {
|
|
background-position: -464px -40px;
|
|
}
|
|
.top-country .PE,
|
|
.m-Country .PE {
|
|
background-position: -493px -40px;
|
|
}
|
|
.top-country .PG,
|
|
.m-Country .PG {
|
|
background-position: -522px -40px;
|
|
}
|
|
.top-country .PH,
|
|
.m-Country .PH {
|
|
background-position: -551px -40px;
|
|
}
|
|
|
|
.top-country .ZA,
|
|
.m-Country .ZA {
|
|
background-position: 0px -60px;
|
|
}
|
|
.top-country .VN,
|
|
.m-Country .VN {
|
|
background-position: -29px -60px;
|
|
}
|
|
.top-country .UY,
|
|
.m-Country .UY {
|
|
background-position: -58px -60px;
|
|
}
|
|
.top-country .US,
|
|
.m-Country .US {
|
|
background-position: -87px -60px;
|
|
}
|
|
.top-country .UK,
|
|
.m-Country .UK {
|
|
background-position: -116px -60px;
|
|
}
|
|
.top-country .UA,
|
|
.m-Country .UA {
|
|
background-position: -145px -60px;
|
|
}
|
|
.top-country .TW,
|
|
.m-Country .TW {
|
|
background-position: -174px -60px;
|
|
}
|
|
.top-country .TR,
|
|
.m-Country .TR {
|
|
background-position: -203px -60px;
|
|
}
|
|
.top-country .TN,
|
|
.m-Country .TN {
|
|
background-position: -232px -60px;
|
|
}
|
|
.top-country .TH,
|
|
.m-Country .TH {
|
|
background-position: -261px -60px;
|
|
}
|
|
.top-country .SYR,
|
|
.m-Country .SYR {
|
|
background-position: -290px -60px;
|
|
}
|
|
.top-country .SK,
|
|
.m-Country .SK {
|
|
background-position: -319px -60px;
|
|
}
|
|
.top-country .SGL,
|
|
.m-Country .SGL {
|
|
background-position: -348px -60px;
|
|
}
|
|
.top-country .SG,
|
|
.m-Country .SG {
|
|
background-position: -377px -60px;
|
|
}
|
|
.top-country .SE,
|
|
.m-Country .SE {
|
|
background-position: -406px -60px;
|
|
}
|
|
.top-country .RU,
|
|
.m-Country .RU {
|
|
background-position: -435px -60px;
|
|
}
|
|
.top-country .RO,
|
|
.m-Country .RO {
|
|
background-position: -464px -60px;
|
|
}
|
|
.top-country .PT,
|
|
.m-Country .PT {
|
|
background-position: -493px -60px;
|
|
}
|
|
.top-country .PL,
|
|
.m-Country .PL {
|
|
background-position: -522px -60px;
|
|
}
|
|
.top-country .PK,
|
|
.m-Country .PK {
|
|
background-position: -551px -60px;
|
|
}
|
|
.top-country .ZM,
|
|
.m-Country .ZM {
|
|
background-position: 0px -80px;
|
|
}
|
|
|
|
.header-PC .nav .navfl {
|
|
float: right;
|
|
width: 84%;
|
|
text-align: right;
|
|
}
|
|
.header-PC .nav-bg {
|
|
background-color: #efefef;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
|
|
}
|
|
.header-PC .top-country .close {
|
|
width: 100%;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
}
|
|
.header-PC .top-country .icon-close {
|
|
width: 3em;
|
|
height: 3em;
|
|
border-radius: 1.5em;
|
|
display: inline-block;
|
|
background-color: #333;
|
|
color: #fff;
|
|
line-height: 3em;
|
|
font-size: 10px;
|
|
margin-top: 20px;
|
|
}
|
|
.header-PC .top-country .icon-close:hover {
|
|
cursor: pointer;
|
|
color: #333;
|
|
}
|
|
/*原样式*/
|
|
.topnav {
|
|
width: 100%;
|
|
padding: 90px 0 104px 0;
|
|
background: #002855;
|
|
position: absolute;
|
|
top: 28px;
|
|
left: 0px;
|
|
z-index: 9999;
|
|
display: none;
|
|
}
|
|
.header-Index .nav {
|
|
width: 100%;
|
|
height: 60px;
|
|
background-color: transparent;
|
|
position: absolute;
|
|
z-index: 99;
|
|
}
|
|
.header-Product .nav {
|
|
width: 100%;
|
|
height: 60px;
|
|
background-color: #fff;
|
|
position: fixed;
|
|
z-index: 99;
|
|
top: 40px;
|
|
box-shadow: 0px 0px 15px #999;
|
|
}
|
|
.nav .top {
|
|
position: absolute;
|
|
left: 24px;
|
|
}
|
|
.nav .top .zg {
|
|
font-size: 16px;
|
|
color: #002855;
|
|
line-height: 60px;
|
|
}
|
|
.nav .top .zg i {
|
|
display: inline-block;
|
|
width: 23px;
|
|
height: 22px;
|
|
background: url(../images/china.png);
|
|
vertical-align: middle;
|
|
margin-right: 6px;
|
|
}
|
|
.navcon {
|
|
width: 990px;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
/*.nav .logo{position:absolute;left:50%;top:19px;transform:translate(-34%,0%);z-index:999;}删除*/
|
|
.nav .navfl {
|
|
float: left;
|
|
}
|
|
.nav .navfl .navul {
|
|
float: left;
|
|
width: 100%;
|
|
}
|
|
.nav .navfl .navul .main_nav {
|
|
display: inline-block;
|
|
line-height: 60px;
|
|
}
|
|
@media screen and (min-width: 1280px) {
|
|
.nav .navfl .navul .main_nav {
|
|
padding-left: 50px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1279px) {
|
|
.nav .navfl .navul .main_nav:first-child {
|
|
padding-left: 0px;
|
|
}
|
|
.nav .navfl .navul .main_nav {
|
|
padding-left: 30px;
|
|
}
|
|
}
|
|
.nav .navfl .navul .main_nav:first-child {
|
|
margin-left: 0px;
|
|
}
|
|
.nav .navfl .navul .main_nav a,
|
|
.nav .navfl .navul .products a {
|
|
font-size: 1em;
|
|
}
|
|
.nav .navfl .navul .main_nav span {
|
|
display: inline-block;
|
|
}
|
|
.nav .navfl .navul .main_nav .arrow {
|
|
vertical-align: bottom;
|
|
line-height: 55px;
|
|
font-size: 16px;
|
|
margin-left: 5px;
|
|
transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg); /* IE 9 */
|
|
-moz-transform: rotate(180deg); /* Firefox */
|
|
-webkit-transform: rotate(180deg); /* Safari 和 Chrome */
|
|
-o-transform: rotate(180deg);
|
|
}
|
|
.nav .navfl .navul .main_nav .arrow-down {
|
|
transform: rotate(360deg);
|
|
-ms-transform: rotate(360deg); /* IE 9 */
|
|
-moz-transform: rotate(360deg); /* Firefox */
|
|
-webkit-transform: rotate(360deg); /* Safari 和 Chrome */
|
|
-o-transform: rotate(360deg);
|
|
vertical-align: bottom;
|
|
line-height: 55px;
|
|
font-size: 16px;
|
|
margin-left: 5px;
|
|
}
|
|
.nav .navfl .navul .main_nav a:hover {
|
|
color: #009fdf;
|
|
}
|
|
.nav .navfl .navul .main_nav .menu_a {
|
|
color: #444;
|
|
}
|
|
.nav .navfl .navul .main_nav .menu_a:hover {
|
|
color: #009fdf;
|
|
}
|
|
.nav .navrh .rhlist li.lispan {
|
|
margin-right: 50px;
|
|
}
|
|
.nav .navfl .navul .main_nav.ahover a,
|
|
.nav .navrh .rhlist li.ahover a {
|
|
color: #009fdf;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist {
|
|
width: 100%;
|
|
position: absolute;
|
|
left: 0;
|
|
right: 0;
|
|
display: none;
|
|
z-index: 999999;
|
|
background-color: #f5f5f5;
|
|
box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.1);
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist .ca_list {
|
|
overflow: hidden;
|
|
height: 690px;
|
|
position: relative;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist .listfl {
|
|
width: 55%;
|
|
height: 331px;
|
|
background: #efefef;
|
|
float: left;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist .listfl .navicon {
|
|
float: right;
|
|
width: 540px;
|
|
margin-top: 69px;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist .listfl a {
|
|
display: inline-block;
|
|
margin-right: 75px;
|
|
text-align: center;
|
|
line-height: 40px;
|
|
float: left;
|
|
margin-bottom: 20px;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist .listfl a img {
|
|
display: inline-block;
|
|
width: 42px;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist .listfl a p {
|
|
font-size: 14px;
|
|
color: #444;
|
|
text-align: center;
|
|
margin-bottom: 12px;
|
|
}
|
|
|
|
.nav .navfl .navul .main_nav .navlist .listrh {
|
|
width: 45%;
|
|
height: 331px;
|
|
background: #e3e3e3;
|
|
float: right;
|
|
}
|
|
|
|
.nav .navfl .navul .main_nav .navlist .listrh .navimg {
|
|
margin: 30px 24px 0;
|
|
}
|
|
|
|
.nav .navfl .navul .main_nav .navlist .listrh .navimg .liimg {
|
|
float: left;
|
|
}
|
|
|
|
.nav .navfl .navul .main_nav .navlist .listrh .navimg .liimg img {
|
|
width: 281px;
|
|
}
|
|
|
|
.nav .navfl .navul .main_nav .navlist .listrh .navtit {
|
|
height: 118px;
|
|
float: left;
|
|
margin-left: 20px;
|
|
text-align: left;
|
|
}
|
|
|
|
.nav .navfl .navul .main_nav .navlist .listrh .navtit p {
|
|
line-height: normal;
|
|
}
|
|
|
|
.nav .navfl .navul .main_nav .navlist .listrh .navtit .ntit {
|
|
font-size: 14px;
|
|
color: #444;
|
|
margin-top: 20px;
|
|
margin-bottom: 16px;
|
|
}
|
|
|
|
.nav .navfl .navul .main_nav .navlist .listrh .navtit .nline {
|
|
width: 23px;
|
|
height: 2px;
|
|
background: #26a6e1;
|
|
margin: 10px 0 50px 0;
|
|
}
|
|
|
|
.two_nav_other {
|
|
padding-top: 5px;
|
|
}
|
|
.two_nav_other div {
|
|
display: inline-block;
|
|
margin-right: 5%;
|
|
line-height: 16px;
|
|
}
|
|
.two_nav_other img {
|
|
height: 16px;
|
|
margin-right: 10px;
|
|
}
|
|
.one_category {
|
|
line-height: 16px;
|
|
}
|
|
.one_category img {
|
|
height: 16px;
|
|
margin-right: 8%;
|
|
}
|
|
/*头部新增 s*/
|
|
.nav .navfl .navul .main_nav .navlist1 {
|
|
background: #efefef;
|
|
padding: 59px 0 56px 0;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist1 dd {
|
|
width: 520px;
|
|
margin: 0 auto;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist1 dd .ddfl {
|
|
float: left;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist1 dd .ddfl a {
|
|
display: block;
|
|
font-size: 14px;
|
|
color: #444;
|
|
line-height: normal;
|
|
margin-bottom: 18px;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist1 dd .ddfl a:hover {
|
|
color: #009fdf;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist1 dd .ddfl a:first-child {
|
|
margin-top: 15px;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist1 dd .ddfl a:last-child {
|
|
margin-bottom: 0px;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist1 dd .ddrh {
|
|
float: right;
|
|
}
|
|
|
|
.nav .navfl .navul .main_nav .navlist2 {
|
|
background: #efefef;
|
|
padding: 59px 0 56px 0;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist2 dd {
|
|
width: 550px;
|
|
margin: 0 auto;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist2 dd .ddfl {
|
|
float: left;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist2 dd .ddfl a {
|
|
display: block;
|
|
font-size: 14px;
|
|
color: #444;
|
|
line-height: normal;
|
|
margin-bottom: 18px;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist2 dd .ddfl a:hover {
|
|
color: #009fdf;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist2 dd .ddfl a:first-child {
|
|
margin-top: 0;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist2 dd .ddfl a:last-child {
|
|
margin-bottom: 0px;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist2 dd .ddrh {
|
|
float: right;
|
|
}
|
|
|
|
.nav .navfl .navul .main_nav .navlist3 {
|
|
background: #efefef;
|
|
padding: 20px 0 10px 0;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist3 dd .ddfl p {
|
|
line-height: 40px;
|
|
}
|
|
.nav .navfl .navul .main_nav .navlist3 dd .ddfl a {
|
|
text-align: right;
|
|
line-height: normal;
|
|
margin-bottom: 18px;
|
|
}
|
|
|
|
/*最新导航*/
|
|
.ca_list .ca_lists {
|
|
width: 12%;
|
|
color: #333;
|
|
list-style: none;
|
|
margin-left: 0;
|
|
text-align: left;
|
|
}
|
|
.ca_list .on .one_category {
|
|
color: #009fdf !important;
|
|
}
|
|
.ca_list .nav_title {
|
|
font-size: 0.875em !important;
|
|
font-weight: 400;
|
|
border-bottom: 1px solid rgba(225, 225, 225, 0.5);
|
|
position: relative;
|
|
margin-left: 12%;
|
|
margin-right: 12%;
|
|
padding-top: 25px;
|
|
padding-left: 10px;
|
|
padding-bottom: 20px;
|
|
display: block;
|
|
line-height: 16px;
|
|
font-weight: 600;
|
|
}
|
|
.ca_list .nav_title .arrow_title {
|
|
font-size: 0.875em;
|
|
margin-right: 0;
|
|
float: right;
|
|
opacity: 0.5;
|
|
}
|
|
.ca_list .nav_title i {
|
|
transform: rotate(90deg);
|
|
-ms-transform: rotate(90deg);
|
|
-moz-transform: rotate(90deg);
|
|
-webkit-transform: rotate(90deg);
|
|
-o-transform: rotate(90deg);
|
|
}
|
|
.ca_list .nav_list_title {
|
|
font-size: 14px;
|
|
font-weight: 600;
|
|
line-height: 16px;
|
|
margin-top: 0.5vw;
|
|
margin-bottom: 0.2vw;
|
|
font-weight: 600;
|
|
border-bottom: 1px solid rgba(225, 225, 225, 0.5);
|
|
padding-bottom: 13px;
|
|
}
|
|
.ca_list .nav_list_title a {
|
|
padding-bottom: 1vw;
|
|
}
|
|
.ca_list .nav_list_title img {
|
|
height: 16px;
|
|
margin-right: 10px;
|
|
}
|
|
.ca_list dd {
|
|
font-size: 14px;
|
|
line-height: 40px;
|
|
padding-top: 0vw;
|
|
font-weight: 100;
|
|
display: inline-block;
|
|
margin-right: 3%;
|
|
}
|
|
.ca_list dd a,
|
|
.two_nav_other a {
|
|
font-size: 14px !important;
|
|
}
|
|
.ca_list dd img {
|
|
margin-right: 10px;
|
|
}
|
|
.ca_list .on span {
|
|
line-height: 40px;
|
|
}
|
|
.two_nav {
|
|
text-align: left;
|
|
position: absolute;
|
|
left: 12%;
|
|
padding-left: 2%;
|
|
width: 87.4%;
|
|
top: 0;
|
|
height: 685px;
|
|
overflow-y: scroll;
|
|
border-left: 1px solid rgba(225, 225, 225, 0.5);
|
|
}
|
|
.two_nav::-webkit-scrollbar {
|
|
display: none;
|
|
}
|
|
|
|
.two_nav li {
|
|
width: 100%;
|
|
}
|
|
.two_nav dl:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.two_nav dl {
|
|
padding: 16px 0 0vw;
|
|
}
|
|
.ca_lists:hover ul li {
|
|
display: block;
|
|
}
|
|
|
|
.ca_list_line {
|
|
width: 100%;
|
|
position: absolute;
|
|
top: 60px;
|
|
background-color: #dcdcdc;
|
|
height: 1px;
|
|
left: 0;
|
|
}
|
|
@media screen and (max-width: 1479px) {
|
|
.ca_list .ca_lists {
|
|
width: 14.6%;
|
|
}
|
|
.two_nav {
|
|
left: 14.6%;
|
|
padding-left: 2%;
|
|
width: 83%;
|
|
}
|
|
.two_nav dl {
|
|
width: 98%;
|
|
}
|
|
}
|
|
/*头部新增 e*/
|
|
.nav .navrh {
|
|
float: right;
|
|
}
|
|
.nav .navrh .rhlist {
|
|
float: left;
|
|
}
|
|
.nav .navrh .rhlist li {
|
|
display: inline-block;
|
|
line-height: 60px;
|
|
margin-right: 50px;
|
|
}
|
|
.nav .navrh .rhlist li:last-child {
|
|
margin-right: 0px;
|
|
}
|
|
.nav .navrh .rhlist li a {
|
|
font-size: 16px;
|
|
color: #002855;
|
|
}
|
|
.nav .navrh .rhlist li span {
|
|
display: inline-block;
|
|
width: 1px;
|
|
height: 24px;
|
|
background: #002855;
|
|
line-height: 40px;
|
|
vertical-align: middle;
|
|
}
|
|
.nav .navrh .rhlist li:hover a {
|
|
color: #009fdf;
|
|
}
|
|
.header-PC .Searchbox {
|
|
position: absolute;
|
|
right: 56px;
|
|
top: 20px;
|
|
height: 60px;
|
|
background-color: #fff;
|
|
}
|
|
.header-PC .Searchbox .icon {
|
|
cursor: pointer;
|
|
}
|
|
.header-PC .Searchbox .icon img {
|
|
vertical-align: middle;
|
|
margin: -3px 10px 0 0;
|
|
}
|
|
.header-PC .search {
|
|
display: none;
|
|
background: #fff;
|
|
width: 100%;
|
|
height: 60px;
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 28px;
|
|
z-index: 888;
|
|
}
|
|
.header-PC .search .ipt {
|
|
width: 80%;
|
|
height: 30px;
|
|
line-height: 30px;
|
|
text-indent: 1em;
|
|
}
|
|
.header-PC .search .searchbtn {
|
|
color: #fff;
|
|
cursor: pointer;
|
|
width: 70px;
|
|
height: 30px;
|
|
border-radius: 13px;
|
|
background: #002855;
|
|
position: absolute;
|
|
right: 0px;
|
|
top: 0px;
|
|
}
|
|
|
|
#wap-search-in {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
margin-top: 15px;
|
|
border: none;
|
|
width: 40%;
|
|
margin-left: 30%;
|
|
}
|
|
#wap-search-btn {
|
|
}
|
|
.header-PC .search button {
|
|
color: #444;
|
|
background-color: transparent;
|
|
font-size: 24px;
|
|
line-height: 60px;
|
|
}
|
|
/*.topnav{width:100%;padding:90px 0 104px 0;background:#002855;position:absolute;top:90px;left:0px;z-index:999;display:none;}删除*/
|
|
|
|
.topul li {
|
|
width: 20%;
|
|
float: left;
|
|
margin-right: 6.6%;
|
|
}
|
|
|
|
.topul li:nth-child(4n) {
|
|
margin-right: 0px;
|
|
}
|
|
|
|
.topul li p {
|
|
font-size: 24px;
|
|
color: #fff;
|
|
}
|
|
|
|
.topul li dl {
|
|
margin-top: 48px;
|
|
}
|
|
|
|
.topul li dl dd {
|
|
margin-bottom: 22px;
|
|
}
|
|
|
|
.topul li dl a {
|
|
float: left;
|
|
font-size: 18px;
|
|
color: #fff;
|
|
}
|
|
|
|
.topul li dl a:nth-child(2n) {
|
|
float: right;
|
|
font-size: 18px;
|
|
color: #009fdf;
|
|
padding-bottom: 8px;
|
|
border-bottom: 1px solid #008eca;
|
|
}
|
|
|
|
/*手机端*/
|
|
.header-M .header-fixed {
|
|
height: 50px;
|
|
line-height: 50px;
|
|
position: fixed;
|
|
top: 0px;
|
|
width: 100%;
|
|
background-color: #fff;
|
|
z-index: 9;
|
|
margin-bottom: 50px;
|
|
}
|
|
.header-M .logo {
|
|
width: 100%;
|
|
text-align: center;
|
|
height: 50px;
|
|
line-height: 50px;
|
|
}
|
|
.header-M .logo img {
|
|
vertical-align: middle;
|
|
display: inline-block;
|
|
width: 130px;
|
|
}
|
|
.header-M .Country {
|
|
border-radius: 1.5em;
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 8%;
|
|
z-index: 1;
|
|
line-height: 20px;
|
|
text-align: center;
|
|
color: #333;
|
|
margin-left: -3px;
|
|
margin-top: -10px;
|
|
cursor: pointer;
|
|
}
|
|
.m-Country {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 50px;
|
|
left: 0;
|
|
background-color: #ffffff;
|
|
z-index: 2;
|
|
line-height: 30px;
|
|
}
|
|
.m-Menu {
|
|
width: 100%;
|
|
height: 100%;
|
|
position: fixed;
|
|
top: 50px;
|
|
left: 0;
|
|
background-color: #2c5c8f;
|
|
z-index: 999999;
|
|
}
|
|
.header-M .Menu {
|
|
position: absolute;
|
|
top: 0px;
|
|
right: 8%;
|
|
color: #333;
|
|
margin-right: -3px;
|
|
}
|
|
.Country img {
|
|
margin-right: 5px;
|
|
}
|
|
.m-Menu li {
|
|
border-bottom: 1px solid #204f7e;
|
|
position: relative;
|
|
opacity: 0;
|
|
}
|
|
.m-Menu li li {
|
|
line-height: 38px;
|
|
opacity: 1;
|
|
}
|
|
.m-Menu li li a {
|
|
margin-top: -1px;
|
|
padding-left: 0px;
|
|
line-height: 36px;
|
|
display: inline-block;
|
|
}
|
|
.m-Menu li a {
|
|
padding-left: 8%;
|
|
color: #fff;
|
|
text-decoration: none;
|
|
line-height: 45px;
|
|
font-size: 1em;
|
|
display: block;
|
|
}
|
|
.m-Menu li .arrow,
|
|
.m-Menu li .arrow-r {
|
|
color: #fff;
|
|
position: absolute;
|
|
right: 8%;
|
|
font-size: 1.4em;
|
|
line-height: 30px;
|
|
}
|
|
.m-Menu li .arrow {
|
|
top: 7px;
|
|
}
|
|
.m-Menu li .arrow-r {
|
|
top: 9px;
|
|
}
|
|
.nav .arrow,
|
|
.m-Menu li .arrow {
|
|
transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg); /* IE 9 */
|
|
-moz-transform: rotate(180deg); /* Firefox */
|
|
-webkit-transform: rotate(180deg); /* Safari 和 Chrome */
|
|
-o-transform: rotate(180deg);
|
|
}
|
|
.nav .arrow,
|
|
.m-Menu li .arrow-r {
|
|
transform: rotate(360deg);
|
|
-ms-transform: rotate(360deg); /* IE 9 */
|
|
-moz-transform: rotate(360deg); /* Firefox */
|
|
-webkit-transform: rotate(360deg); /* Safari 和 Chrome */
|
|
-o-transform: rotate(360deg);
|
|
}
|
|
/* .m-Menu li,
|
|
.SingIn-button,
|
|
.search {
|
|
-webkit-animation-name: fadeInUp;
|
|
animation-name: fadeInUp;
|
|
-webkit-animation-duration: 1s;
|
|
animation-duration: 1s;
|
|
animation-fill-mode: forwards;
|
|
-webkit-animation-fill-mode: forwards;
|
|
} */
|
|
.m-Menu li:nth-child(1) {
|
|
animation-delay: 0s;
|
|
-webkit-animation-delay: 0s;
|
|
}
|
|
.m-Menu li:nth-child(2) {
|
|
animation-delay: 0.1s;
|
|
-webkit-animation-delay: 0.1s;
|
|
}
|
|
.m-Menu li:nth-child(3) {
|
|
animation-delay: 0.2s;
|
|
-webkit-animation-delay: 0.2s;
|
|
}
|
|
.m-Menu li:nth-child(4) {
|
|
animation-delay: 0.3s;
|
|
-webkit-animation-delay: 0.4s;
|
|
}
|
|
.m-Menu li:nth-child(5) {
|
|
animation-delay: 0.4s;
|
|
-webkit-animation-delay: 0.4s;
|
|
}
|
|
.m-Menu li:nth-child(6) {
|
|
animation-delay: 0.5s;
|
|
-webkit-animation-delay: 0.5s;
|
|
}
|
|
|
|
.S-Menu {
|
|
width: 100%;
|
|
background-color: #2e6297;
|
|
overflow: hidden;
|
|
}
|
|
.S-Menu li {
|
|
border-bottom: 1px solid #285887;
|
|
padding-left: 10%;
|
|
padding-top: 0;
|
|
color: #fff;
|
|
font-size: 0.9em;
|
|
}
|
|
.S-Menu li:last-child {
|
|
border-bottom: none;
|
|
}
|
|
.S-Menu li {
|
|
-webkit-animation-name: fadeInUp;
|
|
animation-name: fadeInUp;
|
|
-webkit-animation-duration: 0s;
|
|
animation-duration: 0s;
|
|
animation-delay: 0s;
|
|
-webkit-animation-delay: 0s;
|
|
}
|
|
.m-Menu .Close {
|
|
position: absolute;
|
|
top: 5%;
|
|
right: 8%;
|
|
color: #333;
|
|
font-size: 20px;
|
|
border: 2px solid #999;
|
|
width: 42px;
|
|
height: 42px;
|
|
border-radius: 21px;
|
|
text-align: center;
|
|
box-shadow: 0px 0px 2px #999;
|
|
}
|
|
.m-Menu .SingIn-button a {
|
|
display: inline-block;
|
|
width: 70px;
|
|
height: 30px;
|
|
border: 1px solid #fff;
|
|
color: #fff;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
text-align: center;
|
|
text-decoration: none;
|
|
margin-top: 30px;
|
|
line-height: 28px;
|
|
font-size: 1em;
|
|
}
|
|
.m-Menu .SingIn-button a:hover {
|
|
border: 1px solid #fff;
|
|
background-color: #fff;
|
|
color: #333;
|
|
}
|
|
.m-Menu .search {
|
|
width: 84%;
|
|
margin: 30px auto 0;
|
|
position: relative;
|
|
opacity: 0;
|
|
}
|
|
.m-Menu .search .form-control {
|
|
width: 90%;
|
|
height: 32px;
|
|
line-height: 32px;
|
|
border: 1px solid rgba(220, 221, 221, 0.7);
|
|
vertical-align: middle;
|
|
padding-left: 5%;
|
|
padding-right: 5%;
|
|
font-size: 0.9em;
|
|
background-color: #fff;
|
|
}
|
|
.m-Menu .search .updown_search_btn {
|
|
line-height: 35px;
|
|
background: none;
|
|
border: none;
|
|
position: absolute;
|
|
right: 2%;
|
|
top: 0px;
|
|
font-size: 1.5em;
|
|
vertical-align: middle;
|
|
color: #333;
|
|
}
|
|
.m-Menu .SingIn-button {
|
|
opacity: 0;
|
|
animation-delay: 0.53s;
|
|
-webkit-animation-delay: 0.53s;
|
|
}
|
|
.m-Menu .search {
|
|
animation-delay: 0.55s;
|
|
-webkit-animation-delay: 0.55s;
|
|
}
|
|
.m-Country {
|
|
padding-top: 2%;
|
|
}
|
|
.m-Country ul {
|
|
width: 90%;
|
|
margin: auto;
|
|
}
|
|
.m-Country li {
|
|
width: 100%;
|
|
float: left;
|
|
margin-right: 2.25%;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.1);
|
|
padding-top: 1.5vw;
|
|
padding-bottom: 1.5vw;
|
|
line-height: 19px;
|
|
}
|
|
.m-Country li p:last-child {
|
|
vertical-align: top;
|
|
}
|
|
.m-Country li p {
|
|
display: inline-block;
|
|
margin-right: 10px;
|
|
}
|
|
@media screen and (min-width: 641px) {
|
|
.m-Country li:nth-child(5n) {
|
|
margin-right: 0px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 640px) {
|
|
.m-Country li {
|
|
width: 100%;
|
|
margin-right: 2%;
|
|
}
|
|
.m-Country li:nth-child(4n) {
|
|
margin-right: 0px;
|
|
}
|
|
}
|
|
|
|
@-webkit-keyframes fadeInUp {
|
|
0% {
|
|
top: 1000px;
|
|
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
@keyframes fadeInUp {
|
|
0% {
|
|
opacity: 0;
|
|
-webkit-transform: translate3d(0, 100%, 0);
|
|
transform: translate3d(0, 100%, 0);
|
|
}
|
|
100% {
|
|
opacity: 1;
|
|
-webkit-transform: none;
|
|
transform: none;
|
|
}
|
|
}
|
|
|
|
/*头部导航栏变色*/
|
|
.theme-white .navfl .navul li a {
|
|
color: #fff;
|
|
}
|
|
.theme-black .navfl .navul li a {
|
|
color: #000;
|
|
}
|
|
.theme-white .logo-white {
|
|
display: block;
|
|
}
|
|
.theme-white .logo-black {
|
|
display: none;
|
|
}
|
|
.theme-black .navfl .navul li a {
|
|
color: #000;
|
|
}
|
|
.theme-black .logo-white {
|
|
display: none;
|
|
}
|
|
.theme-black .logo-black {
|
|
display: block;
|
|
}
|
|
.all-logo,
|
|
.all-logo-black {
|
|
position: relative;
|
|
}
|
|
@media screen and (min-width: 960px) {
|
|
.logo {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
}
|
|
}
|
|
/*公共样式*/
|
|
.search input {
|
|
height: 30px;
|
|
line-height: 30px;
|
|
border: none;
|
|
width: 40%;
|
|
}
|
|
.banner-other {
|
|
margin-top: 60px;
|
|
width: 100%;
|
|
}
|
|
@media screen and (max-width: 959px) {
|
|
.banner-other {
|
|
margin-top: 0px;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/*底部*/
|
|
.footer_all {
|
|
width: 100%;
|
|
background-color: #e3e3e3;
|
|
}
|
|
.footer_all a {
|
|
text-decoration: none;
|
|
color: #999999;
|
|
}
|
|
.footer_all a:hover {
|
|
text-decoration: none;
|
|
color: #00c9ee;
|
|
}
|
|
.footer {
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
}
|
|
.footer .footl {
|
|
float: left;
|
|
}
|
|
.footer .footr {
|
|
text-align: left;
|
|
width: 450px;
|
|
float: right;
|
|
}
|
|
.footer dl {
|
|
width: 18%;
|
|
margin-left: 2%;
|
|
float: left;
|
|
margin-bottom: 40px;
|
|
}
|
|
.footer dl:first-child {
|
|
margin-left: 0px;
|
|
}
|
|
.footer dl dt {
|
|
color: #333;
|
|
font-size: 0.9em;
|
|
width: 100%;
|
|
}
|
|
.footer dl dd {
|
|
color: #666;
|
|
padding-top: 10px;
|
|
padding-left: 17px;
|
|
font-size: 0.85em;
|
|
width: 100%;
|
|
}
|
|
.footer_bottom {
|
|
background-color: #252525;
|
|
text-align: center;
|
|
color: #fefefe;
|
|
font-size: 0.75em;
|
|
line-height: 30px;
|
|
padding-top: 20px;
|
|
padding-bottom: 20px;
|
|
}
|
|
.bottom_cn_box {
|
|
background-color: #ffffff;
|
|
border: 1px solid #bdbaba;
|
|
display: none;
|
|
height: 140px;
|
|
margin-left: -250px;
|
|
margin-top: -70px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: 240px;
|
|
}
|
|
.bottom_cn_box ul li {
|
|
float: left;
|
|
padding-left: 10px;
|
|
padding-top: 0px;
|
|
}
|
|
.bottom_cn_icon_box {
|
|
float: left;
|
|
margin-top: 10px;
|
|
}
|
|
.bottom_cn_icon_box div {
|
|
position: relative;
|
|
}
|
|
.bottom_cn_icon_text {
|
|
display: block;
|
|
font-size: 12px;
|
|
text-align: center;
|
|
color: #333;
|
|
}
|
|
@media screen and (max-width: 767px) {
|
|
.bottom_cn_box {
|
|
background-color: #ffffff;
|
|
border: 1px solid #bdbaba;
|
|
display: none;
|
|
height: 140px;
|
|
margin-left: -250px;
|
|
margin-top: -70px;
|
|
overflow: hidden;
|
|
position: absolute;
|
|
width: 240px;
|
|
left: 320px;
|
|
}
|
|
}
|
|
.footr-icon {
|
|
width: 1.8em;
|
|
height: 1.8em;
|
|
background-color: #575757;
|
|
border-radius: 1em;
|
|
text-align: center;
|
|
line-height: 1.8em;
|
|
color: #fff;
|
|
font-size: 1.5em;
|
|
display: inline-block;
|
|
margin-left: 0.6vw;
|
|
margin-bottom: 10px;
|
|
}
|
|
.footer .footr .rha {
|
|
width: 100%;
|
|
margin-bottom: 10px;
|
|
}
|
|
.footer .footr p {
|
|
font-size: 0.85em;
|
|
line-height: 2.5em;
|
|
}
|
|
@media screen and (min-width: 769px) and (max-width: 1199px) {
|
|
.footer dl dt .arrow {
|
|
display: none;
|
|
}
|
|
.footer {
|
|
width: 96%;
|
|
padding-top: 40px;
|
|
}
|
|
.footer dl {
|
|
width: 18.4%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 768px) {
|
|
.footer {
|
|
width: 100%;
|
|
padding-top: 20px;
|
|
}
|
|
.footer dl {
|
|
width: 100%;
|
|
border-bottom: 1px solid rgba(0, 0, 0, 0.5);
|
|
margin-bottom: 0px;
|
|
padding-left: 20px;
|
|
line-height: 3em;
|
|
margin-left: 0;
|
|
}
|
|
.footer dl dt {
|
|
width: 100%;
|
|
}
|
|
.footer dl dd {
|
|
display: none;
|
|
padding-top: 0;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 768px) {
|
|
.footer .footl {
|
|
width: 100%;
|
|
}
|
|
.footer .footr {
|
|
display: none;
|
|
}
|
|
.footer_bg {
|
|
display: none;
|
|
}
|
|
}
|
|
.wx_fl li {
|
|
float: left;
|
|
margin-right: 5%;
|
|
width: 22%;
|
|
}
|
|
.footer dl dt p {
|
|
display: inline-block;
|
|
position: relative;
|
|
margin-right: 3px;
|
|
}
|
|
.footer dl dt span {
|
|
display: inline-block;
|
|
position: absolute;
|
|
right: 10px;
|
|
}
|
|
.footer dl dt .arrow {
|
|
transform: rotate(180deg);
|
|
-ms-transform: rotate(180deg);
|
|
-moz-transform: rotate(180deg);
|
|
-webkit-transform: rotate(180deg);
|
|
-o-transform: rotate(180deg);
|
|
}
|
|
.footer dl dt .arrow-r {
|
|
transform: rotate(360deg);
|
|
-ms-transform: rotate(360deg);
|
|
-moz-transform: rotate(360deg);
|
|
-webkit-transform: rotate(360deg);
|
|
-o-transform: rotate(360deg);
|
|
}
|
|
|
|
/*底部图标弹出*/
|
|
.footr .rha a {
|
|
display: inline-block;
|
|
}
|
|
.weixin_href {
|
|
position: relative;
|
|
}
|
|
.weixin-show {
|
|
position: absolute;
|
|
display: none;
|
|
bottom: 4em;
|
|
left: -40px;
|
|
width: 126px;
|
|
height: 126px;
|
|
}
|
|
.weixin_href:hover .weixin-show {
|
|
display: block;
|
|
}
|
|
.weixin_clearfix {
|
|
_zoom: 1;
|
|
}
|
|
.weixin_clearfix:after {
|
|
content: '';
|
|
display: block;
|
|
clear: both;
|
|
height: 0;
|
|
visibility: visible;
|
|
}
|
|
.weixin_clearfix {
|
|
*zoom: 1;
|
|
}
|
|
/*详情放大样式*/
|
|
.enlarge-img {
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
z-index: 99999;
|
|
top: 0;
|
|
left: 0;
|
|
text-align: center;
|
|
}
|
|
.enlarge-img img {
|
|
height: 100vh;
|
|
max-width: 100%;
|
|
}
|
|
.enlarge-img .close {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 28px;
|
|
background-color: rgba(0, 0, 0, 0.8);
|
|
z-index: 9;
|
|
top: 0px;
|
|
color: #fff;
|
|
font-size: 0.875em;
|
|
cursor: pointer;
|
|
text-align: right;
|
|
}
|
|
.enlarge-img .close span {
|
|
display: inline-block;
|
|
margin-right: 5%;
|
|
}
|
|
|
|
/*一级列表页*/
|
|
.S-list-top {
|
|
position: relative;
|
|
}
|
|
.S-list-top-text {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
opacity: 0;
|
|
text-align: center;
|
|
}
|
|
@media screen and (min-width: 768px) {
|
|
.S-list-top:hover .S-list-top-text {
|
|
top: 0px;
|
|
opacity: 1;
|
|
transition: 0.5s;
|
|
box-shadow: 3px 5px 15px rgba(0, 0, 0, 0.2);
|
|
}
|
|
}
|
|
.S-list-top {
|
|
position: relative;
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.S-list-top-text {
|
|
opacity: 1;
|
|
position: relative;
|
|
}
|
|
.dcp li .ptit1 {
|
|
margin-top: 0;
|
|
color: #333;
|
|
padding-top: 8%;
|
|
}
|
|
.dcp li .ptit2 {
|
|
color: #333;
|
|
}
|
|
.S-list-p-text {
|
|
background-color: #fff;
|
|
}
|
|
}
|
|
.cricle {
|
|
display: block;
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 16px;
|
|
border: 1px solid #d6d6d6;
|
|
}
|
|
.on .cricle {
|
|
border: 1px solid #737373;
|
|
}
|
|
.S-Cricle-Bg {
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 8px;
|
|
}
|
|
@media screen and (max-width: 767px) {
|
|
.cricle {
|
|
width: 16px;
|
|
height: 16px;
|
|
border-radius: 8px;
|
|
}
|
|
.ejul dd .ejtext .hd ul li.on {
|
|
width: 16px;
|
|
height: 16px;
|
|
}
|
|
.ejul dd .ejtext .hd ul li {
|
|
float: right;
|
|
width: 16px;
|
|
height: 16px;
|
|
cursor: pointer;
|
|
margin-right: 5px;
|
|
margin-bottom: 5px;
|
|
}
|
|
.S-Cricle-Bg {
|
|
width: 12px;
|
|
height: 12px;
|
|
border-radius: 6px;
|
|
margin: 2px;
|
|
}
|
|
}
|
|
/*手机端文件隐藏*/
|
|
@media screen and (min-width: 1025px) {
|
|
.Swt-Phone {
|
|
display: block;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1024px) {
|
|
.Swt-Phone {
|
|
display: none;
|
|
}
|
|
}
|
|
|
|
/*在线客服*/
|
|
.suspension {
|
|
position: fixed;
|
|
bottom: 5%;
|
|
right: 0px;
|
|
z-index: 100;
|
|
}
|
|
.suspension-box {
|
|
position: relative;
|
|
float: right;
|
|
}
|
|
.suspension .a {
|
|
display: block;
|
|
text-align: center;
|
|
border-top: 1px solid #f1f1f1;
|
|
border-left: 1px solid #f1f1f1;
|
|
background: #fff;
|
|
padding: 8px 8px;
|
|
position: relative;
|
|
cursor: pointer;
|
|
}
|
|
|
|
.suspension .a-top {
|
|
border-bottom: 1px solid #f1f1f1;
|
|
margin-top: 10px;
|
|
}
|
|
.suspension .a i {
|
|
display: inline-block;
|
|
transition: all 2s;
|
|
font-size: 20px;
|
|
color: rgba(0, 0, 0, 0.4);
|
|
}
|
|
.suspension .a i:hover {
|
|
color: rgba(0, 0, 0, 0.8);
|
|
}
|
|
@media screen and (min-width: 769px) and (max-width: 1440px) {
|
|
.suspension .a {
|
|
padding: 5px 2px;
|
|
}
|
|
.suspension .a i {
|
|
font-size: 1.25em;
|
|
}
|
|
}
|
|
|
|
.suspension .a p {
|
|
text-align: center;
|
|
color: #666;
|
|
font-size: 12px;
|
|
}
|
|
.suspension .d {
|
|
display: none;
|
|
width: 175px;
|
|
background: #fff;
|
|
position: absolute;
|
|
right: 100%;
|
|
border: 1px solid #e0e1e5;
|
|
border-radius: 3px;
|
|
box-shadow: 0px 2px 5px 0px rgba(161, 163, 175, 0.11);
|
|
}
|
|
.suspension .d .arrow {
|
|
position: absolute;
|
|
width: 8px;
|
|
height: 12px;
|
|
background: url(../images/side_bg_arrow.png) no-repeat;
|
|
right: -8px;
|
|
top: 31px;
|
|
}
|
|
.d-servcie {
|
|
top: 0;
|
|
}
|
|
.d-servcie ul {
|
|
margin-top: 10px;
|
|
margin-bottom: 10px;
|
|
}
|
|
.d-servcie li {
|
|
white-space: nowrap;
|
|
margin-left: 10px;
|
|
margin-right: 10px;
|
|
padding-left: 5px;
|
|
padding-top: 5px;
|
|
padding-bottom: 5px;
|
|
text-align: left;
|
|
border-bottom: 1px solid rgba(197, 197, 197, 0.2);
|
|
font-size: 12px;
|
|
}
|
|
.d-servcie li a {
|
|
padding: 0;
|
|
}
|
|
|
|
.suspension .d-service-phone {
|
|
top: 0px;
|
|
}
|
|
.suspension .d-qrcode {
|
|
top: 96px;
|
|
}
|
|
.suspension .d .inner-box {
|
|
padding: 8px 10px 10px;
|
|
}
|
|
.suspension .d-service-item {
|
|
padding: 5px 0;
|
|
}
|
|
.suspension .d-service .d-service-item {
|
|
border-bottom: none;
|
|
}
|
|
.suspension .d-service-item .circle {
|
|
width: 36px;
|
|
height: 36px;
|
|
border-radius: 50%;
|
|
overflow: hidden;
|
|
background: #f1f1f3;
|
|
display: block;
|
|
float: left;
|
|
}
|
|
.suspension .d-service-item .i-tel {
|
|
width: 44px;
|
|
height: 44px;
|
|
background: url(../images/side_con_icon02.png) no-repeat center center;
|
|
display: block;
|
|
}
|
|
.suspension .d-service-item .text {
|
|
float: left;
|
|
width: 150px;
|
|
line-height: 22px;
|
|
font-size: 15px;
|
|
margin-left: 5px;
|
|
}
|
|
.suspension .d-service-item .text .number {
|
|
font-family: Arial, 'Microsoft Yahei', 'HanHei SC', PingHei, 'PingFang SC', 'Helvetica Neue', Helvetica, Arial, 'Hiragino Sans GB',
|
|
'Heiti SC', 'WenQuanYi Micro Hei', sans-serif;
|
|
color: #e0143f;
|
|
}
|
|
.suspension .d-service-intro {
|
|
padding-top: 10px;
|
|
}
|
|
.suspension .d-service-intro p {
|
|
float: left;
|
|
line-height: 27px;
|
|
font-size: 12px;
|
|
width: 100%;
|
|
color: #888;
|
|
}
|
|
.suspension .d-service-intro i {
|
|
background: url(../images/side_con_icon01.png) no-repeat center center;
|
|
height: 27px;
|
|
width: 14px;
|
|
margin-right: 5px;
|
|
vertical-align: top;
|
|
display: inline-block;
|
|
}
|
|
.suspension .d-qrcode {
|
|
text-align: center;
|
|
}
|
|
.suspension .d-qrcode .inner-box {
|
|
padding: 20px 0;
|
|
}
|
|
.suspension .d-qrcode p {
|
|
font-size: 16px;
|
|
color: #93959c;
|
|
}
|
|
|
|
.show {
|
|
width: 100%;
|
|
height: 100%;
|
|
background: rgba(0, 0, 0, 0.75);
|
|
position: fixed;
|
|
top: 0;
|
|
left: 0;
|
|
z-index: 10000;
|
|
display: none;
|
|
}
|
|
.show .smask {
|
|
background: #f1f1f1;
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 50%;
|
|
transform: translate(-50%, -50%);
|
|
height: 600px;
|
|
overflow: auto;
|
|
padding: 0 30px;
|
|
}
|
|
.show .smask .sarea {
|
|
padding: 46px 0px 49px 0;
|
|
}
|
|
.show .smask .sarea .stop1 {
|
|
border-bottom: 1px solid #d8d8d8;
|
|
padding-bottom: 28px;
|
|
}
|
|
.show .smask .sarea .stop1 span {
|
|
font-size: 24px;
|
|
color: #444;
|
|
margin-left: 48px;
|
|
}
|
|
.show .smask .sarea .stop1 a {
|
|
float: right;
|
|
}
|
|
.show .smask .sarea .feed {
|
|
padding: 28px 76px 0 76px;
|
|
}
|
|
.show .smask .sarea .feed .finput {
|
|
margin-bottom: 30px;
|
|
}
|
|
.show .smask .sarea .feed .finput label {
|
|
display: inline-block;
|
|
width: 70px;
|
|
font-size: 14px;
|
|
color: #333;
|
|
}
|
|
.show .smask .sarea .feed .finput label.fla {
|
|
vertical-align: top;
|
|
}
|
|
.show .smask .sarea .feed .finput select {
|
|
font-size: 14px;
|
|
color: #444;
|
|
width: 29%;
|
|
padding-left: 1%;
|
|
height: 36px;
|
|
border: none;
|
|
background: #fff url(../images/images/bott.png) 96% center no-repeat;
|
|
margin-left: 10px;
|
|
}
|
|
.show .smask .sarea .feed .finput input {
|
|
font-size: 14px;
|
|
color: #444;
|
|
width: 29%;
|
|
padding-left: 1%;
|
|
height: 36px;
|
|
border: none;
|
|
background: #fff;
|
|
margin-left: 10px;
|
|
}
|
|
.show .smask .sarea .feed .finput input.them {
|
|
width: 89%;
|
|
padding-left: 1%;
|
|
}
|
|
.show .smask .sarea .feed .finput textarea {
|
|
font-size: 14px;
|
|
color: #444;
|
|
width: 89%;
|
|
padding: 18px 0 0 1%;
|
|
height: 198px;
|
|
background: #fff;
|
|
margin-left: 10px;
|
|
}
|
|
.show .smask .sarea .feed .finput input.them1 {
|
|
width: 59%;
|
|
margin-left: 1%;
|
|
}
|
|
.show .smask .sarea .feed .finput a.yzm {
|
|
display: inline-block;
|
|
vertical-align: middle;
|
|
margin-left: 1%;
|
|
}
|
|
.show .smask .sarea .feed .finput a.yzm img {
|
|
display: block;
|
|
}
|
|
.show .smask .sarea .feed a.feda {
|
|
display: inline-block;
|
|
width: 100px;
|
|
height: 36px;
|
|
border: 1px solid #009fdf;
|
|
line-height: 36px;
|
|
font-size: 16px;
|
|
color: #009fdf;
|
|
text-align: center;
|
|
margin-right: 15px;
|
|
}
|
|
.show .smask .sarea .feed a.feda:hover {
|
|
background: #009fdf;
|
|
color: #fff;
|
|
}
|
|
/*在线客服*/
|
|
|
|
/*品类探索*/
|
|
.home-pinlei {
|
|
width: 100%;
|
|
background-color: rgba(0, 0, 0, 0.6);
|
|
position: absolute;
|
|
bottom: 0px;
|
|
}
|
|
.home-pinlei a {
|
|
color: #fff;
|
|
font-size: 1.125em;
|
|
line-height: 2em;
|
|
display: inline-block;
|
|
margin: 1% 5%;
|
|
}
|
|
|
|
/*专题标题*/
|
|
.subject-title {
|
|
font-size: 2em;
|
|
font-weight: 600;
|
|
color: #101010;
|
|
text-align: center;
|
|
margin-bottom: 5%;
|
|
}
|
|
|
|
/*品类探索李静*/
|
|
.groups_a {
|
|
padding: 0;
|
|
margin: 0;
|
|
line-height: 22px;
|
|
position: absolute;
|
|
top: 65%;
|
|
text-align: center;
|
|
width: 100%;
|
|
color: #333;
|
|
font-size: 1em;
|
|
}
|
|
.text-desc {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
height: 100%;
|
|
opacity: 0;
|
|
width: 100%;
|
|
}
|
|
.lj_index_img,
|
|
.lj_index_img_01,
|
|
.lj_index_img,
|
|
.lj_index_img_02 {
|
|
width: 100%;
|
|
background: #ffffff;
|
|
height: 100%;
|
|
box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.1);
|
|
overflow: hidden;
|
|
display: none;
|
|
}
|
|
@media screen and (min-width: 1619px) {
|
|
.lj_index_img_01 .lj_its_img {
|
|
width: 1620px;
|
|
}
|
|
}
|
|
@media screen and (min-width: 1480px) {
|
|
.lj_index_img .lj_its_img,
|
|
.lj_index_img_02 .lj_its_img {
|
|
width: 1440px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1479px) {
|
|
.lj_index_img .lj_its_img,
|
|
.lj_index_img_02 .lj_its_img {
|
|
width: 90%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1619px) {
|
|
.lj_index_img_01 .lj_its_img {
|
|
width: 90%;
|
|
}
|
|
}
|
|
.lj_its_img {
|
|
margin: auto;
|
|
}
|
|
.lj_its_img img,
|
|
.lj_index_img_01 img {
|
|
width: 100%;
|
|
display: block;
|
|
}
|
|
.lj_index_img_01 .lj_its_img li,
|
|
.lj_index_img_02 .lj_its_img li {
|
|
display: inline-block;
|
|
float: left;
|
|
}
|
|
.lj_index_img .lj_its_img li {
|
|
display: inline-block;
|
|
vertical-align: bottom;
|
|
}
|
|
@media screen and (min-width: 880px) {
|
|
.lj_index_img_01 .lj_its_img li {
|
|
width: 11.111111111111111111111111111111111111%;
|
|
}
|
|
.lj_index_img_02 .lj_its_img li {
|
|
width: 12.5%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 879px) {
|
|
.lj_index_img_01 .lj_its_img li {
|
|
width: 20%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 640px) {
|
|
.lj_index_img_01 .lj_its_img li {
|
|
width: 25%;
|
|
}
|
|
}
|
|
@media screen and (min-width: 769px) {
|
|
.lj_its_img li {
|
|
width: 12.5%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.lj_its_img li,
|
|
.lj_index_img_01 li {
|
|
width: 25%;
|
|
overflow: hidden;
|
|
}
|
|
}
|
|
|
|
.lj_its_img ul {
|
|
text-align: center;
|
|
}
|
|
/* effect-1 css */
|
|
.lj-port-1 {
|
|
float: left;
|
|
width: 100%;
|
|
position: relative;
|
|
overflow: hidden;
|
|
text-align: center;
|
|
}
|
|
.lj-port-1 .text-desc {
|
|
opacity: 1;
|
|
top: -150%;
|
|
transition: 0.5s;
|
|
color: #fff;
|
|
}
|
|
.lj-port-1.effect-1:hover .text-desc {
|
|
top: 0;
|
|
}
|
|
|
|
.lj-port-1.effect-2 .text-desc {
|
|
top: auto;
|
|
bottom: -100%;
|
|
}
|
|
.lj-port-1.effect-2:hover .text-desc {
|
|
bottom: 0;
|
|
}
|
|
|
|
.lj-port-1.effect-3 .text-desc {
|
|
top: 0;
|
|
left: 50%;
|
|
width: 0;
|
|
height: 0;
|
|
overflow: hidden;
|
|
padding: 0;
|
|
}
|
|
.lj-port-1.effect-3:hover .text-desc {
|
|
width: 100%;
|
|
top: 0;
|
|
left: 0;
|
|
height: 100%;
|
|
}
|
|
/* effect-1 css end */
|
|
/*热门产品*/
|
|
.rmBox ul {
|
|
width: 100%;
|
|
margin-top: 2%;
|
|
}
|
|
.rmBox li {
|
|
width: 23.73%;
|
|
margin-right: 1.5%;
|
|
float: left;
|
|
margin-bottom: 3%;
|
|
text-align: center;
|
|
}
|
|
.rmBox li:hover {
|
|
box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.2);
|
|
transition: 0.5s;
|
|
}
|
|
.rmBox li:nth-child(5n) {
|
|
margin-right: 0;
|
|
}
|
|
@media screen and (max-width: 864px) {
|
|
.rmBox li {
|
|
width: 22.6%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.rmBox li {
|
|
width: 48.9%;
|
|
}
|
|
.rmBox li:nth-child(2n) {
|
|
margin-right: 0;
|
|
}
|
|
}
|
|
@media screen and (max-width: 580px) {
|
|
.rmBox li {
|
|
width: 48.8%;
|
|
}
|
|
}
|
|
|
|
@media screen and (max-width: 460px) {
|
|
.rmBox li {
|
|
width: 47.8%;
|
|
}
|
|
}
|
|
|
|
/*详情样式*/
|
|
.o_detail_all {
|
|
text-align: center;
|
|
}
|
|
.o_detail_title {
|
|
font-size: 2.25em;
|
|
color: #101010;
|
|
padding: 4% 0 2.8%;
|
|
}
|
|
.o_detail_small {
|
|
font-size: 1.5em;
|
|
color: #333;
|
|
padding-bottom: 1.8%;
|
|
}
|
|
.o_detail_text {
|
|
font-size: 1.125em;
|
|
color: #737373;
|
|
padding: 0 0 1.8%;
|
|
line-height: 1.875em;
|
|
width: 80%;
|
|
margin: auto;
|
|
}
|
|
.star {
|
|
width: 40%;
|
|
height: 15px;
|
|
background-image: url(../images/star_orange.png);
|
|
background-position: 0 0;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
/*底部图标弹出*/
|
|
.footr .rha a {
|
|
display: inline-block;
|
|
}
|
|
.weixin_href {
|
|
position: relative;
|
|
}
|
|
.weixin-show {
|
|
position: absolute;
|
|
display: none;
|
|
bottom: 3.5em;
|
|
left: -40px;
|
|
width: 126px;
|
|
height: 126px;
|
|
}
|
|
.weixin_href:hover .weixin-show {
|
|
display: block;
|
|
}
|
|
.weixin_clearfix {
|
|
_zoom: 1;
|
|
}
|
|
.weixin_clearfix:after {
|
|
content: '';
|
|
display: block;
|
|
clear: both;
|
|
height: 0;
|
|
visibility: visible;
|
|
}
|
|
.weixin_clearfix {
|
|
*zoom: 1;
|
|
}
|
|
/*新版首页样式*/
|
|
.comit p {
|
|
display: inline-block;
|
|
position: relative;
|
|
}
|
|
.comit:before {
|
|
position: absolute;
|
|
height: 1px;
|
|
background-color: #101010;
|
|
width: 2.6vw;
|
|
content: '';
|
|
right: 55vw;
|
|
top: 50%;
|
|
}
|
|
.comit:after {
|
|
position: absolute;
|
|
height: 1px;
|
|
background-color: #101010;
|
|
width: 2.6vw;
|
|
content: '';
|
|
left: 55vw;
|
|
top: 50%;
|
|
}
|
|
@media screen and (max-width: 1640px) {
|
|
.comit:before {
|
|
right: 58vw;
|
|
}
|
|
.comit:after {
|
|
left: 58vw;
|
|
}
|
|
}
|
|
@media screen and (max-width: 990px) {
|
|
.comit:before {
|
|
right: 60vw;
|
|
}
|
|
.comit:after {
|
|
left: 60vw;
|
|
}
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.comit:before,
|
|
.comit:after {
|
|
height: 0;
|
|
}
|
|
}
|
|
.home_new {
|
|
width: 100%;
|
|
background-color: #fff;
|
|
margin-top: 2vw;
|
|
overflow: hidden;
|
|
}
|
|
.home_new li {
|
|
width: 67.362%;
|
|
margin-right: 1.338%;
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
.home_new li:last-child {
|
|
margin-right: 0;
|
|
width: 31.3%;
|
|
}
|
|
.home_new .text {
|
|
position: absolute;
|
|
width: 100%;
|
|
text-align: center;
|
|
top: 50%;
|
|
line-height: 30px;
|
|
height: 30px;
|
|
margin-top: -15px;
|
|
color: #101010;
|
|
font-size: 2.25em;
|
|
font-weight: 600;
|
|
}
|
|
.workshop_all a {
|
|
display: block;
|
|
width: 100%;
|
|
margin-bottom: 4.7%;
|
|
overflow: hidden;
|
|
position: relative;
|
|
color: #101010;
|
|
}
|
|
.workshop_all a:last-child {
|
|
margin-bottom: 0;
|
|
}
|
|
.workshop_all a .content {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
z-index: 2;
|
|
}
|
|
.workshop_all a .content_text {
|
|
margin-top: 2.3vw;
|
|
width: 80%;
|
|
margin-left: auto;
|
|
margin-right: auto;
|
|
overflow: hidden;
|
|
}
|
|
.workshop_all a .title {
|
|
font-size: 1.625em;
|
|
text-align: center;
|
|
line-height: 2em;
|
|
}
|
|
.workshop_all a .subtitle {
|
|
font-size: 1.25em;
|
|
text-align: center;
|
|
margin-top: 0.5vw;
|
|
}
|
|
.workshop_all a:hover .content {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
background-color: rgba(0, 0, 0, 0.1);
|
|
z-index: 2;
|
|
color: #101010;
|
|
}
|
|
|
|
/*首页文化与价值观*/
|
|
.value_new li {
|
|
width: 32.3%;
|
|
margin-right: 1.55%;
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
.value_new li:last-child {
|
|
margin-right: 0;
|
|
}
|
|
.value_new li .text {
|
|
position: absolute;
|
|
width: 100%;
|
|
text-align: center;
|
|
top: 0;
|
|
height: 100%;
|
|
color: #101010;
|
|
}
|
|
.value_new li .text .title {
|
|
font-size: 1.625em;
|
|
font-weight: 600;
|
|
margin-top: 28%;
|
|
}
|
|
.value_new li .text .subtitle {
|
|
font-size: 1.5em;
|
|
margin-top: 1.3vw;
|
|
}
|
|
.news {
|
|
margin-top: 2.8vw;
|
|
}
|
|
.hz {
|
|
margin-top: 2vw;
|
|
}
|
|
.lttext p {
|
|
margin-bottom: 1vw;
|
|
}
|
|
.home_new .value_new li:hover {
|
|
box-shadow: 5px 5px 5px rgba(217, 217, 217);
|
|
}
|
|
@media screen and (max-width: 1440px) {
|
|
.home_new .hot .text {
|
|
font-size: 2em;
|
|
}
|
|
.workshop_all a .title {
|
|
font-size: 1.5em;
|
|
}
|
|
.workshop_all a .subtitle {
|
|
font-size: 1em;
|
|
}
|
|
.workshop_all a .right {
|
|
font-size: 3em;
|
|
}
|
|
.workshop_all a .content_text {
|
|
width: 84%;
|
|
}
|
|
.home_new .value_new li .text .title {
|
|
font-size: 1.875em;
|
|
}
|
|
.ltfl .ltcon .lt1 p span {
|
|
font-size: 1.25em;
|
|
margin-top: 1.3vw;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1080px) {
|
|
.home_new .hot .text {
|
|
font-size: 1.5em;
|
|
}
|
|
.workshop_all a .title {
|
|
font-size: 1.125em;
|
|
line-height: 1.5em;
|
|
}
|
|
.workshop_all a .subtitle {
|
|
font-size: 0.875em;
|
|
margin-top: 0vw;
|
|
}
|
|
.workshop_all a .right {
|
|
font-size: 2em;
|
|
width: 12%;
|
|
}
|
|
.workshop_all a .content_text {
|
|
width: 90%;
|
|
}
|
|
.workshop_all a .left {
|
|
width: 88%;
|
|
}
|
|
.value_new li .text .title {
|
|
font-size: 1.5em;
|
|
}
|
|
.value_new li .text .subtitle {
|
|
font-size: 1em;
|
|
margin-top: 1vw;
|
|
}
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.home_new .hot li {
|
|
width: 100%;
|
|
margin-bottom: 2vw;
|
|
}
|
|
.workshop_all a .content_text {
|
|
margin-top: 5vw;
|
|
}
|
|
.value_new li {
|
|
width: 100%;
|
|
margin-bottom: 1vw;
|
|
text-align: center;
|
|
}
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
.workshop_all a .content_text {
|
|
margin-top: 4vw;
|
|
}
|
|
}
|
|
/*新闻评测*/
|
|
.news-vertu {
|
|
width: 70%;
|
|
margin: 4% auto;
|
|
}
|
|
.news-vertu .tab {
|
|
overflow: hidden;
|
|
text-align: center;
|
|
}
|
|
.news-vertu .tab a {
|
|
padding: 0px 12px;
|
|
font-size: 1.5em;
|
|
color: #333;
|
|
}
|
|
.news-vertu .tab a span {
|
|
width: 1px;
|
|
height: 16px;
|
|
background-color: #b9b9b9;
|
|
display: inline-block;
|
|
margin-left: 30px;
|
|
}
|
|
.news-vertu .tab a:last-child span {
|
|
display: none;
|
|
}
|
|
.news-vertu .tab a:hover {
|
|
color: #333;
|
|
}
|
|
.news-vertu .tab a.on {
|
|
color: #009fdf;
|
|
}
|
|
.news-vertu .content {
|
|
position: relative;
|
|
}
|
|
/* .news-vertu .content ul {
|
|
position: absolute;
|
|
left: 0;
|
|
top: 0;
|
|
overflow: hidden;
|
|
} */
|
|
.news-vertu .content li {
|
|
float: left;
|
|
}
|
|
|
|
/*个人中心*/
|
|
.login_height {
|
|
width: 100%;
|
|
height: 553px;
|
|
margin-top: 5vw;
|
|
clear: both;
|
|
}
|
|
.login_bg {
|
|
background: url('../images/customer/login_bg.jpg');
|
|
}
|
|
.login_content {
|
|
background-color: #fff;
|
|
padding: 2vw;
|
|
float: right;
|
|
width: 29.4%;
|
|
margin-top: 2.5vw;
|
|
position: relative;
|
|
}
|
|
.login_content_register {
|
|
background-color: #fff;
|
|
padding: 2vw 9vw;
|
|
width: 35%;
|
|
margin: 2.5vw auto;
|
|
position: relative;
|
|
}
|
|
.login .title {
|
|
color: #333;
|
|
font-size: 1.5em;
|
|
overflow: hidden;
|
|
}
|
|
.login .title li {
|
|
width: 49%;
|
|
float: left;
|
|
border-right: 1px solid #c2c2c2;
|
|
text-align: center;
|
|
}
|
|
.login .title li:last-child {
|
|
border-right: none;
|
|
}
|
|
.login .content {
|
|
width: 100%;
|
|
margin-top: 2vw;
|
|
}
|
|
.login input {
|
|
border: 1px solid #dedfe0;
|
|
line-height: 3vw;
|
|
width: 95%;
|
|
font-size: 1em;
|
|
padding-left: 5%;
|
|
}
|
|
.login .content li {
|
|
position: relative;
|
|
}
|
|
.login button {
|
|
font-size: 1em;
|
|
background-color: transparent;
|
|
color: #fff;
|
|
}
|
|
.Register {
|
|
width: 100%;
|
|
color: #009fdf;
|
|
font-size: 0.875em;
|
|
margin-top: 0.1vw;
|
|
}
|
|
.Register .left {
|
|
text-align: left;
|
|
display: inline-block;
|
|
width: 49%;
|
|
color: #009fe0;
|
|
}
|
|
.Register .right {
|
|
text-align: right;
|
|
display: inline-block;
|
|
width: 50%;
|
|
color: #009fe0;
|
|
}
|
|
.login .blue {
|
|
color: #009fe0;
|
|
}
|
|
.login .Obtain {
|
|
border-left: 1px solid #d2d2d2;
|
|
padding-left: 1vw;
|
|
padding-right: 1vw;
|
|
position: absolute;
|
|
right: 0;
|
|
top: 1vw;
|
|
color: #009fdf;
|
|
}
|
|
.login_bottom {
|
|
width: 100%;
|
|
color: #999999;
|
|
font-size: 12px;
|
|
margin-top: 60px;
|
|
}
|
|
/*css_whir搬过来的登录样式*/
|
|
.tjdl {
|
|
display: block;
|
|
width: 100%;
|
|
height: 3vw;
|
|
font-size: 1.125em;
|
|
color: #333;
|
|
text-align: center;
|
|
line-height: 3vw;
|
|
background: #009fe0;
|
|
}
|
|
.tjdl input[type='checkbox'] {
|
|
width: 25px;
|
|
height: 25px;
|
|
border: 1px solid #cecece;
|
|
-webkit-appearance: none;
|
|
background: url(../images/check.png);
|
|
vertical-align: middle;
|
|
margin: 0 12px 0 224px;
|
|
}
|
|
.tjdl a.tjbtn {
|
|
border: 1px solid #009fe0;
|
|
background: #009fe0;
|
|
color: #fff;
|
|
width: 100%;
|
|
}
|
|
.short {
|
|
margin-top: 25px;
|
|
text-align: center;
|
|
}
|
|
.short .Quick {
|
|
width: 40%;
|
|
border-top: 1px solid #afafaf;
|
|
margin: auto;
|
|
text-align: center;
|
|
}
|
|
.short span {
|
|
display: inline-block;
|
|
font-size: 14px;
|
|
background: #fff;
|
|
position: relative;
|
|
top: -14px;
|
|
padding: 0 0.5vw;
|
|
color: #afafaf;
|
|
}
|
|
.short span a {
|
|
display: inline-block;
|
|
}
|
|
.short a {
|
|
margin-right: 1vw;
|
|
}
|
|
.short a:last-child {
|
|
margin: 0;
|
|
}
|
|
|
|
/*个人中心 s*/
|
|
.people {
|
|
margin-top: 120px;
|
|
overflow: hidden;
|
|
}
|
|
.people_title {
|
|
width: 100%;
|
|
border-bottom: 1px solid #e4e7e9;
|
|
overflow: hidden;
|
|
line-height: 2.5em;
|
|
}
|
|
.people_title li {
|
|
width: 120px;
|
|
text-align: center;
|
|
float: left;
|
|
margin-bottom: -1px;
|
|
position: relative;
|
|
margin-right: 40px;
|
|
}
|
|
.people_blue {
|
|
color: #5094f0;
|
|
border-bottom: 2px solid #5094f0;
|
|
}
|
|
.people_logo {
|
|
width: 100%;
|
|
margin-top: 2vw;
|
|
margin-bottom: 2vw;
|
|
margin-left: 1.5vw;
|
|
overflow: hidden;
|
|
}
|
|
.people_logo .left {
|
|
width: 10%;
|
|
float: left;
|
|
}
|
|
.people_logo .left img {
|
|
width: 100%;
|
|
max-width: 85px;
|
|
}
|
|
.people_logo .right {
|
|
float: left;
|
|
padding-top: 1vw;
|
|
}
|
|
.people_AC {
|
|
width: 90%;
|
|
float: left;
|
|
padding-left: 1.5vw;
|
|
}
|
|
.people_AC .title {
|
|
line-height: 2.5em;
|
|
border-bottom: 1px solid #e4e7e9;
|
|
overflow: hidden;
|
|
}
|
|
.people_AC .title span {
|
|
float: left;
|
|
display: block;
|
|
}
|
|
.people_AC .title span:first-child {
|
|
width: 20%;
|
|
}
|
|
.people_AC .title span:last-child {
|
|
width: 80%;
|
|
}
|
|
.people_AC .left {
|
|
width: 20%;
|
|
float: left;
|
|
}
|
|
.people_AC .center {
|
|
width: 70%;
|
|
float: left;
|
|
}
|
|
.people_AC .right {
|
|
width: 10%;
|
|
float: right;
|
|
}
|
|
.people_AC ul {
|
|
margin-top: 1vw;
|
|
margin-bottom: 8vw;
|
|
font-size: 14px;
|
|
}
|
|
.people_AC li {
|
|
margin-bottom: 1vw;
|
|
overflow: hidden;
|
|
}
|
|
.people_AC li:last-child {
|
|
margin-bottom: 1vw;
|
|
}
|
|
.people_AC .u_before {
|
|
height: 3vw;
|
|
}
|
|
.people_AC .u_after {
|
|
font-size: 18px;
|
|
}
|
|
.people_AC .m-bottom {
|
|
margin-bottom: 1vw;
|
|
}
|
|
.people_AC .p-top {
|
|
padding-top: 1vw;
|
|
}
|
|
.people_AC .u_after label {
|
|
width: 100px;
|
|
display: inline-block;
|
|
}
|
|
.people_AC .u_after .input_class {
|
|
border: 1px solid #d9d9d9;
|
|
height: 2vw;
|
|
width: 294px;
|
|
padding-left: 10px;
|
|
}
|
|
.people_AC .u_button {
|
|
margin-left: 82px;
|
|
margin-bottom: 1vw;
|
|
}
|
|
.people_AC .u_button a {
|
|
width: 134px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
margin-left: 18px;
|
|
margin-right: 18px;
|
|
color: #fff;
|
|
line-height: 45px;
|
|
font-size: 16px;
|
|
}
|
|
.people_AC .forget_button {
|
|
width: 134px;
|
|
display: inline-block;
|
|
text-align: center;
|
|
margin-left: 18px;
|
|
margin-right: 18px;
|
|
line-height: 45px;
|
|
font-size: 16px;
|
|
}
|
|
.people_AC .u_button_blue {
|
|
background-color: #32a5e7;
|
|
}
|
|
.people_AC .u_button_gray {
|
|
background-color: #d9d9d9;
|
|
}
|
|
.people_AC .b_bottom {
|
|
border-bottom: 1px solid #e4e7e9;
|
|
}
|
|
.people_AC .b_top {
|
|
border-top: 1px solid #e4e7e9;
|
|
}
|
|
.people_AC .Obtain {
|
|
padding-left: 1vw;
|
|
padding-right: 1vw;
|
|
display: inline-block;
|
|
}
|
|
.u_product ul {
|
|
width: 98%;
|
|
margin: 1vw auto;
|
|
}
|
|
.u_product li {
|
|
width: 19%;
|
|
margin-right: 1%;
|
|
float: left;
|
|
position: relative;
|
|
}
|
|
.u_product li:nth-child(5n) {
|
|
margin-right: 0;
|
|
}
|
|
.u_product img {
|
|
width: 78%;
|
|
padding: 10%;
|
|
max-width: 220px;
|
|
border: 1px solid rgba(0, 0, 0, 0.1);
|
|
}
|
|
.u_product p {
|
|
line-height: 18px;
|
|
text-align: center;
|
|
margin-bottom: 0.5vw;
|
|
white-space: nowrap;
|
|
text-overflow: ellipsis;
|
|
overflow: hidden;
|
|
}
|
|
.u_product li p:first-child {
|
|
margin-top: 0.6vw;
|
|
}
|
|
.link_a a {
|
|
margin-right: 0.9vw;
|
|
}
|
|
.u_product input {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 9;
|
|
}
|
|
.u_product input + label {
|
|
position: absolute;
|
|
right: 1px;
|
|
background-image: url('../images/customer/use-gray.png');
|
|
background-repeat: no-repeat;
|
|
height: 47px;
|
|
width: 47px;
|
|
top: 0;
|
|
z-index: 1;
|
|
}
|
|
.u_product input:checked + label {
|
|
position: absolute;
|
|
background-image: url('../images/customer/use-red.png');
|
|
width: 47px;
|
|
height: 47px;
|
|
background-repeat: no-repeat;
|
|
z-index: 1;
|
|
}
|
|
.u_product label,
|
|
.u_product .u_admin {
|
|
display: inline-block;
|
|
}
|
|
.check_box {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 100%;
|
|
}
|
|
.u_product input[type='checkbox'] {
|
|
-webkit-appearance: none;
|
|
/*去除系统默认appearance的样式,常用于IOS下移除原生样式*/
|
|
}
|
|
.people_AC .text-r {
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
.people_AC .u_before .text-r {
|
|
width: 80px;
|
|
float: right;
|
|
}
|
|
.u_admin01,
|
|
.u_admin02 {
|
|
width: 21%;
|
|
float: left;
|
|
text-align: right;
|
|
margin-right: 2%;
|
|
}
|
|
.u_cate {
|
|
width: 77%;
|
|
float: left;
|
|
}
|
|
.people_AC i {
|
|
margin-right: 1vw;
|
|
}
|
|
.u_admin02 input {
|
|
margin-right: 2px;
|
|
}
|
|
.u_product .position-a {
|
|
width: 100%;
|
|
height: 100%;
|
|
z-index: 0;
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
}
|
|
.people_AC a {
|
|
cursor: pointer;
|
|
}
|
|
.u_product .u_del {
|
|
position: absolute;
|
|
top: 0;
|
|
right: 0;
|
|
}
|
|
.u_product a:hover .u_del {
|
|
width: 30px;
|
|
height: 30px;
|
|
position: absolute;
|
|
z-index: 1;
|
|
top: 0;
|
|
right: 0;
|
|
display: block;
|
|
}
|
|
.del_alert {
|
|
position: absolute;
|
|
width: 100%;
|
|
height: 80px;
|
|
left: 0;
|
|
bottom: 0;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
color: #fff;
|
|
text-align: center;
|
|
}
|
|
.del_alert span {
|
|
display: inline-block;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
padding: 0px 10px 3px;
|
|
margin-top: 2px;
|
|
}
|
|
.del_alert .bg_red,
|
|
.all_del .bg_red {
|
|
background-color: #ff4200;
|
|
color: #fff;
|
|
}
|
|
.del_alert .bg_gray {
|
|
background-color: #fff;
|
|
color: #333;
|
|
}
|
|
.all_del {
|
|
font-size: 14px;
|
|
color: #333;
|
|
position: fixed;
|
|
width: 100%;
|
|
height: 100%;
|
|
top: 0;
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
padding-top: 50px;
|
|
text-align: center;
|
|
}
|
|
.all_del .all_delect {
|
|
width: 328px;
|
|
height: 120px;
|
|
position: relative;
|
|
top: 30%;
|
|
margin-top: -60px;
|
|
margin: auto;
|
|
background-color: #fff;
|
|
border: 1px solid #ccc;
|
|
z-index: 20010;
|
|
padding-top: 30px;
|
|
}
|
|
.all_delect span {
|
|
display: inline-block;
|
|
margin-left: 5px;
|
|
margin-right: 5px;
|
|
padding: 3px 20px 5px;
|
|
margin-top: 20px;
|
|
}
|
|
.all_delect span:last-child {
|
|
border: 1px solid #ccc;
|
|
}
|
|
/*个人中心 e*/
|
|
@media screen and (min-width: 1240px) {
|
|
.smask {
|
|
width: 1200px;
|
|
margin: auto;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1239px) {
|
|
.smask {
|
|
width: 96%;
|
|
margin: auto;
|
|
}
|
|
}
|
|
/*收藏*/
|
|
.house_img01 {
|
|
background: url('../images/x2.png') no-repeat left center;
|
|
height: 30px;
|
|
padding-top: 1vw;
|
|
padding-bottom: 1vw;
|
|
width: 60px;
|
|
}
|
|
.house_img02 {
|
|
background: url('../images/x1.png') no-repeat left center;
|
|
height: 30px;
|
|
padding-top: 1vw;
|
|
padding-bottom: 1vw;
|
|
width: 60px;
|
|
}
|
|
.house_img01:after {
|
|
content: '收藏';
|
|
padding-left: 20px;
|
|
line-height: 30px;
|
|
}
|
|
.house_img02:after {
|
|
content: '已收藏';
|
|
padding-left: 20px;
|
|
line-height: 30px;
|
|
}
|
|
.err {
|
|
margin-top: 0.5vw;
|
|
}
|
|
|
|
.video_img_add {
|
|
z-index: 0 !important;
|
|
}
|
|
|
|
/*弹出框消失*/
|
|
.alert {
|
|
width: 100%;
|
|
height: 100%;
|
|
left: 0;
|
|
top: 0;
|
|
background-color: rgba(0, 0, 0, 0.3);
|
|
position: fixed;
|
|
z-index: 999;
|
|
}
|
|
.alert_white {
|
|
width: 200px;
|
|
height: 100px;
|
|
background-color: #fff;
|
|
top: 40%;
|
|
left: 50%;
|
|
position: absolute;
|
|
margin-left: -100px;
|
|
margin-top: -50px;
|
|
line-height: 100px;
|
|
font-size: 16px;
|
|
color: #333;
|
|
text-align: center;
|
|
z-index: 1000;
|
|
}
|
|
|
|
/*新专题视频*/
|
|
.ssd_video {
|
|
position: absolute;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.ssd_video .left {
|
|
width: 29%;
|
|
float: left;
|
|
margin-right: 3%;
|
|
}
|
|
.ssd_video .right {
|
|
width: 68%;
|
|
float: right;
|
|
}
|
|
@media screen and (min-width: 1460px) {
|
|
.ssd_video {
|
|
position: absolute;
|
|
top: 50%;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.ssd_video .swt-Container {
|
|
margin-top: -275px;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1459px) {
|
|
.ssd_video {
|
|
position: absolute;
|
|
top: 4vw;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 990px) {
|
|
.ssd_video {
|
|
position: absolute;
|
|
top: 2.5vw;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
}
|
|
|
|
/*专题页字体样式*/
|
|
.solid_blue {
|
|
border-top: 5px solid #009fe0;
|
|
background-color: #fff;
|
|
position: relative;
|
|
}
|
|
.solid_strip {
|
|
border-top: 5px solid #344558;
|
|
background-color: #fff;
|
|
position: relative;
|
|
}
|
|
.subject_title {
|
|
font-size: 3em;
|
|
}
|
|
.subject_subtitle {
|
|
font-size: 1.75em;
|
|
}
|
|
.subject_des {
|
|
font-size: 1em;
|
|
}
|
|
|
|
.subject_buy .subject_buy_button {
|
|
position: relative;
|
|
top: 50%;
|
|
margin-top: -1.5em;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.subject_buy a {
|
|
padding-left: 5%;
|
|
padding-right: 5%;
|
|
height: 2em;
|
|
margin-left: 2%;
|
|
margin-right: 2%;
|
|
display: inline-block;
|
|
line-height: 2em;
|
|
color: #333;
|
|
font-size: 1.25em;
|
|
}
|
|
.subject_buy a:hover {
|
|
background-color: #2dccd2;
|
|
color: #fff;
|
|
border: 1px solid #2dccd2;
|
|
}
|
|
.subject_span {
|
|
display: inline-block;
|
|
padding-left: 5%;
|
|
padding-right: 5%;
|
|
height: 2em;
|
|
margin-left: 0%;
|
|
margin-right: 4%;
|
|
line-height: 2em;
|
|
color: #939393;
|
|
font-size: 1em;
|
|
border: 1px solid #939393;
|
|
}
|
|
@media screen and (max-width: 1280px) {
|
|
.subject_title {
|
|
font-size: 2.5em;
|
|
}
|
|
}
|
|
@media screen and (max-width: 768px) {
|
|
.subject_title {
|
|
font-size: 2em;
|
|
}
|
|
.subject_subtitle {
|
|
font-size: 1.5em;
|
|
}
|
|
.subject_des {
|
|
display: none;
|
|
}
|
|
.subject_buy a {
|
|
font-size: 1em;
|
|
}
|
|
.subject .subject_buy {
|
|
position: absolute;
|
|
bottom: -30%;
|
|
width: 100%;
|
|
}
|
|
.subject li:hover .subject_buy {
|
|
background-color: rgba(255, 255, 255, 0.5);
|
|
overflow: hidden;
|
|
position: absolute;
|
|
bottom: 0px;
|
|
width: 100%;
|
|
height: 30%;
|
|
transition: 0.5s;
|
|
}
|
|
}
|
|
@media screen and (max-width: 480px) {
|
|
.subject_title {
|
|
font-size: 1.5em;
|
|
}
|
|
.subject_subtitle {
|
|
font-size: 1.125em;
|
|
}
|
|
.subject_buy .subject_buy {
|
|
position: relative;
|
|
margin-bottom: 3vw;
|
|
}
|
|
.subject li:hover .subject_buy {
|
|
position: relative;
|
|
}
|
|
}
|
|
|
|
.subject_02_bg {
|
|
width: 100%;
|
|
padding-top: 5%;
|
|
padding-bottom: 5%;
|
|
overflow: hidden;
|
|
background-color: #f2f2f2;
|
|
}
|
|
.subject_02 {
|
|
width: 100%;
|
|
color: #333;
|
|
}
|
|
.subject_02 .left {
|
|
width: 29%;
|
|
float: left;
|
|
}
|
|
.subject_02 .right {
|
|
width: 69%;
|
|
float: right;
|
|
position: relative;
|
|
}
|
|
.subject_02 .right img {
|
|
opacity: 0;
|
|
}
|
|
@media screen and (max-width: 769px) {
|
|
.subject_02 .left {
|
|
width: 100%;
|
|
text-align: center;
|
|
margin-bottom: 3%;
|
|
}
|
|
.subject_02 .right {
|
|
width: 100%;
|
|
float: left;
|
|
}
|
|
}
|
|
.subject_02 video {
|
|
position: absolute;
|
|
top: 0;
|
|
left: 0;
|
|
width: 100%;
|
|
}
|
|
.subject_02 .subject_title {
|
|
line-height: 1.1em;
|
|
}
|
|
.subject_02 .subject_subtitle {
|
|
line-height: 1.5em;
|
|
margin-top: 1.4vw;
|
|
}
|
|
.subject_02 .subject_text {
|
|
margin-top: 2.5vw;
|
|
}
|
|
.subject_span_margin {
|
|
margin-bottom: 1vw;
|
|
display: inline-block;
|
|
}
|
|
.subject_travel_text {
|
|
background: #f2f2f2;
|
|
text-align: center;
|
|
color: #333;
|
|
padding: 5% 0;
|
|
}
|
|
|
|
@media screen and (max-width: 960px) {
|
|
.subject_02 .subject_text {
|
|
display: none;
|
|
}
|
|
}
|
|
/*购买链接直接显示*/
|
|
.subject_new_buy a {
|
|
padding-left: 5%;
|
|
padding-right: 5%;
|
|
height: 2em;
|
|
margin-left: 2%;
|
|
margin-right: 2%;
|
|
display: inline-block;
|
|
line-height: 2em;
|
|
color: #333;
|
|
font-size: 1em;
|
|
border: 1px solid #5c5c5c;
|
|
}
|
|
.subject_computer a:hover {
|
|
color: #fff;
|
|
background-color: #009fe0;
|
|
border: 1px solid #009fe0;
|
|
}
|
|
|
|
/*可弹出购买按钮*/
|
|
.subject_Popup_buy {
|
|
position: absolute;
|
|
top: 120%;
|
|
width: 100%;
|
|
background-color: rgba(255, 255, 255, 0.5);
|
|
}
|
|
.subject_Popup_buy .subject_Popup_button {
|
|
position: relative;
|
|
top: 50%;
|
|
margin-top: -1.5em;
|
|
width: 100%;
|
|
text-align: center;
|
|
}
|
|
.subject_Popup_buy a {
|
|
padding-left: 5%;
|
|
padding-right: 5%;
|
|
height: 2em;
|
|
margin-left: 2%;
|
|
margin-right: 2%;
|
|
border: 1px solid #5c5c5c;
|
|
display: inline-block;
|
|
line-height: 2em;
|
|
color: #333;
|
|
font-size: 1em;
|
|
}
|
|
.subject_Popup_buy a:hover {
|
|
color: #fff;
|
|
border: 1px solid transparent;
|
|
}
|
|
.stripe a:hover {
|
|
background-color: #344558;
|
|
}
|
|
.computer a:hover {
|
|
background-color: #009fe0;
|
|
}
|
|
/*专题两列产品展示列*/
|
|
.subject_two_list {
|
|
width: 98%;
|
|
padding-left: 1%;
|
|
padding-right: 1%;
|
|
}
|
|
.subject_two_list li {
|
|
width: 49.2%;
|
|
float: left;
|
|
margin-right: 1.6%;
|
|
overflow: hidden;
|
|
}
|
|
.subject_two_list li:nth-child(2n) {
|
|
margin-right: 0;
|
|
}
|
|
.subject_two_list .title {
|
|
position: absolute;
|
|
top: 3.125vw;
|
|
font-size: 1.5em;
|
|
font-weight: 100;
|
|
width: 100%;
|
|
}
|
|
.subject_two_list li:hover {
|
|
box-shadow: 5px 5px 15px #c7c7c7;
|
|
}
|
|
.subject_two_list li:hover .subject_Popup_buy {
|
|
top: 72.8%;
|
|
transition: 0.8s;
|
|
}
|
|
.subject_two_list .subject_Popup_buy {
|
|
height: 27.2%;
|
|
}
|
|
/*专题三列产品展示列*/
|
|
.subject_three_list {
|
|
width: 100%;
|
|
}
|
|
.subject_three_list li {
|
|
width: 31.875%;
|
|
float: left;
|
|
margin-right: 2.1875%;
|
|
overflow: hidden;
|
|
margin-bottom: 4%;
|
|
}
|
|
.subject_three_list li:nth-child(3n) {
|
|
margin-right: 0;
|
|
}
|
|
.subject_three_list .title {
|
|
position: absolute;
|
|
top: 3.125vw;
|
|
font-size: 1.5em;
|
|
font-weight: 100;
|
|
width: 100%;
|
|
}
|
|
.subject_three_list li:hover {
|
|
box-shadow: 10px 10px 20px #c7c7c7;
|
|
}
|
|
.subject_three_list li:hover .subject_Popup_buy {
|
|
top: 76%;
|
|
transition: 0.8s;
|
|
}
|
|
.subject_three_list .subject_Popup_buy {
|
|
height: 24%;
|
|
}
|
|
/*专题四列产品展示列*/
|
|
.subject_four_list {
|
|
width: 98%;
|
|
padding-left: 1%;
|
|
padding-right: 1%;
|
|
}
|
|
.subject_four_list li {
|
|
width: 23.9583%;
|
|
float: left;
|
|
margin-right: 1.3194%;
|
|
overflow: hidden;
|
|
}
|
|
.subject_four_list li:nth-child(4n) {
|
|
margin-right: 0;
|
|
}
|
|
.subject_four_list .title {
|
|
position: absolute;
|
|
top: 3.125vw;
|
|
font-size: 1.5em;
|
|
font-weight: 100;
|
|
width: 100%;
|
|
}
|
|
.subject_four_list li:hover {
|
|
box-shadow: 5px 5px 15px #c7c7c7;
|
|
}
|
|
.subject_four_list li:hover .subject_Popup_buy {
|
|
top: 72%;
|
|
transition: 0.8s;
|
|
}
|
|
.subject_four_list .subject_Popup_buy {
|
|
height: 28%;
|
|
}
|
|
|
|
/*新增免责声明*/
|
|
.footr span {
|
|
display: inline-block;
|
|
}
|
|
.footr span:nth-child(1) {
|
|
border-right: 1px solid #666;
|
|
padding-right: 6%;
|
|
}
|
|
.footr span:nth-child(2) {
|
|
padding-left: 6%;
|
|
width: 50%;
|
|
}
|
|
.footr span img {
|
|
margin-right: 3%;
|
|
width: 9.78%;
|
|
}
|
|
@media screen and (min-width: 1480px) {
|
|
.footr span img {
|
|
width: 9.78%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1479px) {
|
|
.footr span img {
|
|
width: 15%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1199px) {
|
|
.footr span img {
|
|
width: 9.78%;
|
|
}
|
|
}
|
|
@media screen and (max-width: 1024px) {
|
|
.footr span img {
|
|
width: 12%;
|
|
}
|
|
}
|