锘緻charset "UTF-8";
/*reset css*/
/* html {
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
cursor: default
}
body {
font-family: MicrosoftYaHei;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
} */
html {
font-size: calc(100vw/19.2);
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body {
font-family: MicrosoftYaHei;
font-size: 14px;
line-height: 1.42857143;
color: #333;
background-color: #fff;
overflow-x: hidden;
}
@font-face {
font-family: "DIN-BOLD";
src: url('../fonts/DIN-BOLD.ttf');
}
@font-face {
font-family: "Montserrat-Bold";
src: url('../fonts/Montserrat-Bold.otf');
}
@font-face {
font-family: Gilroy-Regular;
src: url('../font/GILROY-Regular.otf');
}
@font-face {
font-family: GILROY-Bold;
src: url('../font/GILROY-Bold.otf');
}
@font-face {
font-family: GILROY-Ultralight;
src: url('../font/GILROY-Ultralight.otf');
}
@font-face {
font-family: PangMenZhengDao;
src: url('../font/PangMenZhengDao.woff2');
}
dt {
font-family: "Montserrat-Bold";
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
display: block;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
audio,
canvas,
progress,
video {
display: inline-block;
vertical-align: baseline;
}
/* 琛ㄧずhtml鏂囦欢閲屽甫鏈塼itle灞炴€ontrols鐨勬墍鏈塧udio鏍囩 */
audio:not([controls]) {
display: none;
height: 0;
}
[hidden],
template {
display: none;
}
a {
background-color: transparent;
text-decoration: none;
color: #333;
}
a:active,
a:hover {
/* 褰撳厓绱犺幏寰楃劍鐐圭殑鏃跺€?鐒︾偣妗嗕负0 */
outline: 0;
/* cursor:url(../images/shubiao.png), pointer; */
}
b,
strong {
font-weight: bold;
}
img {
border: 0;
vertical-align: middle;
max-width: 100%;
max-width: 100%;
height: auto;
}
svg:not(:root) {
overflow: hidden;
}
pre {
overflow: auto;
}
code,
kbd,
pre,
samp {
/* 绛夊瀛椾綋 */
font-family: monospace, monospace;
/* 鍨傜洿娴嬮噺:1em=16px銆 */
font-size: 1em;
}
button,
input,
optgroup,
select,
textarea {
color: inherit;
font-family: inherit;
font-size: inherit;
line-height: inherit;
background: none;
border: none;
}
textarea,
input,
button {
overflow: visible;
/* 娑堥櫎缁堢宸紓 */
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
}
button,
select {
/* 瀛楁瘝澶у皬鍐 */
text-transform: none;
}
button[disabled],
html input[disabled] {
/* 榛樿鍏夋爣 */
cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
/* Firefox鐨勭鏈変吉鍏冪礌锛氭秷闄ょ偣鍑诲嚭鐜拌櫄绾 */
padding: 0;
border: 0;
outline: 0锛
}
input {
line-height: normal;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
}
input[type="checkbox"],
input[type="radio"] {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
appearance: auto;
}
/* 涔濆鏍 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
height: auto;
}
/* fieldset鍜宭egend鎼厤瀵硅〃鍗曠殑鍏冪礌杩涜鍒嗙被*/
legend {
padding: 0;
border: 0;
}
textarea {
overflow: auto;
}
/* optgroup瀵逛笅鎷夐€夐」杩涜鍒嗙被 */
optgroup {
font-weight: bold;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
td,
th {
padding: 0;
}
* {
margin: 0;
padding: 0;
outline: none;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
*:before,
*:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
ul, ol {
list-style: none;
}
.active-red {
transition: all 1s;
color: #CC0000;
}
.active-cred-borred {
color: #CC0000;
border-bottom: 1px solid #CC0000 !important;
}
.activered {
background-color: #cc0000 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-weight: 400;
line-height: 1.1;
color: inherit;
}
p {
/* 鑻辨枃涓嶆柇鍙 */
/* word-break: break-all; */
display: block;
}
a {
display: block;
}
i {
font-style: normal;
display: inline-block;
}
.section {
width: 100%;
overflow: hidden;
}
.dis-table {
/* 鐢╠isplay: table浠f浛鐪熸鐨勮〃鏍硷紝鏇村姞杞婚噺 */
/* 鏇村姞閫傚悎绛夐珮甯冨眬锛屽唴瀹硅嚜閫傚簲 */
display: table;
/* width: 100%; */
height: 100%;
}
.dis-cell {
display: table-cell;
vertical-align: middle;
}
/* 娓呴櫎娴姩 */
.clearfix:before,
.clearfix:after {
content: " ";
display: table;
}
.clearfix:after {
clear: both;
}
/* 甯歌鎸夐挳 */
.more {
width: 220px;
font-size: 16px;
height: 50px;
display: block;
text-align: center;
line-height: 48px;
transition: all .5s;
text-align: center;
background: #FFFFFF;
border: 1px solid #c3c3c3;
color: #666666;
}
.more:hover, .alot-more:hover {
background-color: #ff7e41;
color: #FFFFFF;
border-color: #FF7E41;
-webkit-box-shadow: 0 10px 30px -6px #FF7E41;
box-shadow: 0 10px 30px -6px #FF7E41;
}
.more2 {
border-radius: 5px;
width: 220px;
font-size: 16px;
background: transparent;
height: 60px;
display: block;
text-align: center;
line-height: 58px;
transition: all .5s;
text-align: center;
background-color: #ff7e41;
border: 1px solid #FF7E41;
color: #FFFFFF;
}
.more2:hover {
-webkit-box-shadow: 0 10px 30px -6px #FF7E41;
box-shadow: 0 10px 30px -6px #FF7E41;
}
.more em, .more2 em {
margin-left: 10px;
font-weight: bolder;
}
.proinfo-sum .more2 {
margin: auto;
/* display: inline-block; */
}
.proinfo-sum4 .more2 {
width: 320px;
}
@media (max-width:1460px) {
.more, .more2 {
width: fit-content;
height: 45px;
line-height: 42px;
border-radius: 5px;
padding: 0 22px;
}
}
@media (max-width:767px) {
.more, .more2 {
width: 135px;
height: 40px;
line-height: 40px;
}
}
/* 婊氬姩鏉℃牱寮 */
.text1::-webkit-scrollbar {
width: 8px;
height: 8px;
background-color: #F5F5F5;
}
/*瀹氫箟婊氬姩鏉¤建閬 鍐呴槾褰?鍦嗚*/
.text1::-webkit-scrollbar-track {
-webkit-box-shadow: inset 0 0 6px rgba(255,255,255,0.3);
border-radius: 10px;
background-color: #e5e5e5;
}
/*瀹氫箟婊戝潡 鍐呴槾褰?鍦嗚*/
.text1::-webkit-scrollbar-thumb {
border-radius: 10px;
/* -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); */
background-color: #4280ff;
}
/* 鍥剧墖鏀惧ぇ闀 */
.msg-box-bg {
width: 100%;
height: 100%;
position: fixed;
left: 0;
top: 0;
display: none;
z-index: 10001;
background: rgba(0, 0, 0, 0.5);
}
.msg-box {
width: 860px;
height: 524px;
padding: 50px;
background-color: #F3F3F3;
position: absolute;
left: 50%;
top: 0%;
transform: translate(-50%, -50%);
box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}
.msg-box .close-box {
width: 38px;
height: 38px;
font-size: 30px;
color: #666;
cursor: pointer;
position: absolute;
right: 10px;
top: 10px;
-webkit-transition: .5s;
-ms-transition: .5s;
-moz-transition: .5s;
-o-transition: .5s;
transition: .5s;
}
.msg-box .close-box:hover {
-webkit-transform: rotate(90deg);
-ms-transform: rotate(90deg);
-moz-transform: rotate(90deg);
-o-transform: rotate(90deg);
transform: rotate(90deg);
}
@media (max-width: 991px) {
.msg-box {
width: 94%;
left: 50%;
margin-left: 0;
}
}
@media (max-width: 767px) {
.msg-box {
height: 450px;
padding: 15px;
}
.msg-box .close-box {
width: 35px;
height: 35px;
right: 0;
line-height: 20px;
top: 0;
text-align: center;
font-size: 20px;
}
}
.msg-box .close-box {
border: solid 3px #7f7f7f;
background: url(../images/msg-closes.png)
}
.pc-hide {
display: none !important;
}
@media(max-width:676px) {
.vedio-con li {
width: 50%;
}
.vedio-txt {
font-size: 14px;
line-height: 3px;
}
.msg-box {
left: 50%;
width: 300px;
padding: 20px;
height: 360px;
}
#close-box {
width: 23px;
height: 23px;
}
.msg-box .close-box {
background-size: 18px;
}
}
@media (max-width: 320px) {
}
@media (max-width: 360px) {
}
/* ==============anchor============= */
.anchor {
}
.anchor li {
display: inline-block;
vertical-align: middle;
float: left;
}
.anchor li a {
}
.anchor li.on a, .anchor li a:hover {
color: #f3981e;
border-color: #f3981e;
}
/* 鍒嗛〉 */
.lpage {
text-align: center;
font-size: 0;
}
.lpage a {
width: 40px;
height: 40px;
line-height: 38px;
transition: all .5s;
display: inline-block;
color: #f3981e;
font-family: 'DIN';
margin: 0 5px;
font-size: 18px;
border: 1px solid #bfbfbf;
}
.lpage a.on, .lpage a:hover {
background: linear-gradient(60deg,#0086ac,#00bab4);
color: #fff;
border: 1px solid transparent;
}
.lpage a.icon-right, .lpage a.icon-left {
font-weight: 900;
font-size: 18px;
color: #999;
margin: 0;
border: none;
}
.lpage a.zz:hover {
background: none;
color: #f3981e;
}
@media (max-width:1459px) {
}
@media (max-width:991px) {
.lpage a {
width: 32px;
height: 32px;
line-height: 32px;
font-size: 14px;
margin: 0 5px;
}
.lpage a.icon-right, .lpage a.icon-left {
margin: 0px;
}
}
@media (max-width:767px) {
.lpage a {
width: 28px;
height: 28px;
line-height: 28px;
font-size: 14px;
margin: 0 5px;
}
.lpage a.icon-right, .lpage a.icon-left {
margin: 0px;
}
}
/* 甯歌瀛楀彿 */
.tit-size60 {
font-size: 60px;
}
.tit-size52 {
font-size: 52px;
}
.tit-size48 {
font-size: 48px;
}
.tit-size46 {
font-size: 46px;
}
.tit-size42 {
font-size: 42px;
}
.tit-size40 {
font-size: 40px;
}
.h3-size38 {
font-size: 38px;
}
.h3-size36 {
font-size: 36px;
}
.h3-size34 {
font-size: 34px;
}
.h3-size32 {
font-size: 32px;
}
.h3-size30 {
font-size: 30px;
}
.h3-size28 {
font-size: 28px;
}
.h3-size26 {
font-size: 26px;
}
.h3-size24 {
font-size: 24px;
}
.h3-size22 {
font-size: 22px;
}
.h3-size20 {
font-size: 20px;
}
.p-size18 {
font-size: 18px;
}
.p-size16 {
font-size: 16px;
}
.p-size14 {
font-size: 14px;
}
@media (max-width:1679px) {
.timer {
font-size: 48px;
}
.tit-size60 {
font-size: 52px;
}
.tit-size52 {
font-size: 46px;
}
.tit-size48 {
font-size: 44px;
}
.tit-size46 {
font-size: 40px;
}
.tit-size42 {
font-size: 38px;
}
.tit-size40 {
font-size: 36px;
}
.h3-size38 {
font-size: 34px;
}
.h3-size36 {
font-size: 32px;
}
.h3-size34 {
font-size: 30px;
}
.h3-size32 {
font-size: 28px;
}
.h3-size30 {
font-size: 26px;
}
.h3-size28 {
font-size: 24px;
}
.h3-size26 {
font-size: 24px;
}
.h3-size24 {
font-size: 22px;
}
.h3-size22 {
font-size: 20px;
}
.h3-size20 {
font-size: 18px;
}
.p-size18 {
font-size: 17px;
}
}
@media (max-width:1459px) {
.timer {
font-size: 42px;
}
.tit-size60 {
font-size: 48px;
}
.tit-size52 {
font-size: 40px;
}
.tit-size48 {
font-size: 38px;
}
.tit-size46 {
font-size: 36px;
}
.tit-size42 {
font-size: 32px;
}
.tit-size40 {
font-size: 30px;
}
.h3-size38 {
font-size: 28px;
}
.h3-size36 {
font-size: 28px;
}
.h3-size34 {
font-size: 26px;
}
.h3-size32 {
font-size: 26px;
}
.h3-size30 {
font-size: 26px;
}
.h3-size28 {
font-size: 24px;
}
.h3-size26 {
font-size: 20px;
}
.h3-size24 {
font-size: 20px;
}
.h3-size22 {
font-size: 18px;
}
.h3-size20 {
font-size: 17px;
}
.p-size18 {
font-size: 16px;
}
/* .p-size16{font-size: 15px;} */
}
@media (max-width:1259px) {
.timer {
font-size: 36px;
}
.tit-size60 {
font-size: 44px;
}
.tit-size52 {
font-size: 38px;
}
.tit-size48 {
font-size: 36px;
}
.tit-size46 {
font-size: 34px;
}
.tit-size42 {
font-size: 32px;
}
.tit-size40 {
font-size: 30px;
}
.h3-size38 {
font-size: 26px;
}
.h3-size36 {
font-size: 26px;
}
.h3-size34 {
font-size: 24px;
}
.h3-size32 {
font-size: 24px;
}
.h3-size30 {
font-size: 24px;
}
.h3-size28 {
font-size: 22px;
}
.h3-size26 {
font-size: 20px;
}
.h3-size24 {
font-size: 18px;
}
.h3-size22 {
font-size: 18px;
}
.h3-size20 {
font-size: 17px;
}
.p-size18 {
font-size: 16px;
}
.p-size16 {
font-size: 14px;
}
}
@media (max-width:991px) {
.tit-size60 {
font-size: 36px;
}
.tit-size52 {
font-size: 32px;
}
.tit-size48 {
font-size: 30px;
}
.tit-size46 {
font-size: 30px;
}
.tit-size42 {
font-size: 28px;
}
.tit-size40 {
font-size: 28px;
}
.h3-size38 {
font-size: 24px;
}
.h3-size36 {
font-size: 24px;
}
.h3-size34 {
font-size: 22px;
}
.h3-size32 {
font-size: 22px;
}
.h3-size30 {
font-size: 22px;
}
.h3-size28 {
font-size: 22px;
}
.h3-size26 {
font-size: 20px;
}
.h3-size24 {
font-size: 18px;
}
.h3-size22 {
font-size: 18px;
}
.h3-size20 {
font-size: 16px;
}
.p-size18 {
font-size: 15px;
}
}
@media (max-width:768px) {
.app-hide {
display: none !important;
}
}
@media (max-width:767px) {
.timer {
font-size: 30px;
}
.tit-size60 {
font-size: 26px;
}
.tit-size52 {
font-size: 24px;
}
.tit-size48 {
font-size: 24px;
}
.tit-size46 {
font-size: 24px;
}
.tit-size42 {
font-size: 22px;
}
.tit-size40 {
font-size: 22px;
}
.h3-size38 {
font-size: 20px;
}
.h3-size36 {
font-size: 20px;
}
.h3-size34 {
font-size: 20px;
}
.h3-size32 {
font-size: 20px;
}
.h3-size30 {
font-size: 20px;
}
.h3-size28 {
font-size: 18px;
}
.h3-size26 {
font-size: 17px;
}
.h3-size24 {
font-size: 16px;
}
.p-size22 {
font-size: 16px;
}
.p-size18 {
font-size: 14px;
}
}
/* 甯歌瀛椾綋yans */
.color-3 {
color: #333333;
}
.color-6 {
color: #666666;
}
.color-7 {
color: #777777;
}
.color-9 {
color: #999999;
}
.color-f {
color: #FFFFFF;
}
.color-c {
color: #ccc8c8;
}
.color-mian {
color: #FF7E41;
}
/* 甯歌鍔ㄧ敾 */
.landIn {
display: flex;
justify-content: center;
flex-wrap: wrap;
}
.landIn-left {
justify-content: left;
}
.landIn-center {
justify-content: center !important;
}
.kongs {
animation: landIn 0.8s ease-out both;
}
@keyframes landIn {
from {
opacity: 0;
transform: translateY(50%);
}
to {
opacity: 1;
transform: translateY(0);
}
}
/* @keyframes lop {
from {
transform:translate(-50%,-50%) rotate(50deg);
}
to {
transform:translate(-50%,-50%) rotate(410deg);
}
} */
@-webkit-keyframes landIn {
from {
opacity: 0;
transform: translateY(50%);
}
to {
opacity: 1;
transform: translateY(0);
}
}
@keyframes rotaterotateZ {
0% {
transform: translate(-50%,-50%) rotateZ(0deg);
}
100% {
transform: translate(-50%,-50%) rotateZ(360deg);
}
}
@-moz-keyframes rotaterotateZ /* Firefox */
{
0% {
transform: translate(-50%,-50%) rotateZ(0deg);
}
100% {
transform: translate(-50%,-50%) rotateZ(360deg);
}
}
@-webkit-keyframes rotaterotateZ /* Safari 氓鈥櫯 Chrome */
{
0% {
transform: translate(-50%,-50%) rotateZ(0deg);
}
100% {
transform: translate(-50%,-50%) rotateZ(360deg);
}
}
@-o-keyframes rotaterotateZ /* Opera */
{
0% {
transform: translate(-50%,-50%) rotateZ(0deg);
}
100% {
transform: translate(-50%,-50%) rotateZ(360deg);
}
}
@keyframes jump {
0% {
top: 0px;
color: #333;
}
50% {
top: -10px;
color: #e94609;
}
100% {
top: 0;
color: #e94609;
}
}
@-webkit-keyframes jump {
0% {
top: 0px;
color: #333;
}
50% {
top: -10px;
color: #e94609;
}
100% {
top: 0;
color: #e94609;
}
}
@keyframes fangda {
0% {
width: 80%;
height: 80%;
opacity: 1;
}
100% {
width: 100%;
height: 100%;
opacity: .2;
}
}
@keyframes fangda2 {
0% {
width: 10px;
height: 10px;
opacity: .3;
}
100% {
width: 100%;
height: 100%;
opacity: .2;
}
}
@keyframes suoxiao {
0% {
transform: scale(1);
}
100% {
transform: scale(0.2);
}
}
@keyframes rotaterotate {
0% {
transform: rotate();
}
100% {
transform: rotate(360deg);
}
}
@-webkit-keyframes doudong {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
40% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
60% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
80% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
@keyframes doudong {
0% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
20% {
-webkit-transform: translateY(6px);
transform: translateY(6px);
}
40% {
-webkit-transform: translateY(-6px);
transform: translateY(-6px);
}
60% {
-webkit-transform: translateY(3px);
transform: translateY(3px);
}
80% {
-webkit-transform: translateY(-3px);
transform: translateY(-3px);
}
100% {
-webkit-transform: translateY(0);
transform: translateY(0);
}
}
.bsBox {
box-sizing: content-box !important;
}
/* 鎹㈣鏁堟灉 */
.p-style {
display: block;
}
/* 澶氳鐪佺暐 */
.text-over {
display: block;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.text-over2,
.text-over3,
.text-over4,
.text-over5,
.text-over6,
.text-over7,
.text-over8 {
display: -webkit-box;
display: -webkit-box;
overflow: hidden;
text-overflow: ellipsis;
word-break: break-all;
-webkit-box-orient: vertical;
}
/*澶氳鏂囨湰鐪佺暐鍙?/
.text-over2 {
-webkit-line-clamp: 2;
}
.text-over3 {
-webkit-line-clamp: 3;
}
.text-over4 {
-webkit-line-clamp: 4;
}
.text-over5 {
-webkit-line-clamp: 5;
}
.text-over6 {
-webkit-line-clamp: 6;
}
.text-over7 {
-webkit-line-clamp: 7;
}
.text-over8 {
-webkit-line-clamp: 8;
}
/* 婊氬姩鏉 */
.scrollbar {
overflow-y: auto;
padding-right: 5px;
}
.scrollbar::-webkit-scrollbar {
width: 3px;
background-color: #dcdbdb;
}
.scrollbar::-webkit-scrollbar-thumb {
background-color: #f3981e;
border-radius: 10px;
}
.scrollbarx {
overflow-x: auto;
padding-bottom: 5px;
}
.scrollbarx::-webkit-scrollbar {
height: 3px;
background-color: #dcdbdb;
}
.scrollbarx::-webkit-scrollbar-thumb {
background-color: #f3981e;
border-radius: 10px;
}
body .swiper-pagination {
bottom: 0 !important;
}
body .swiper-pagination-bullet {
width: 10px;
height: 10px;
background: #ebebeb;
}
body .swiper-pagination-bullet-active {
background: #FF7E41;
}
/* 甯歌鍐呰竟璺 */
.pad-80 {
padding: 80px 0 80px;
}
.pad-bot80 {
padding-bottom: 80px;
}
.pad-top80 {
padding-top: 80px;
}
.mag-bot80 {
margin-bottom: 80px;
}
.mag-100 {
margin: 100px 0;
}
.pad-100 {
padding: 100px 0;
}
.pad-top100 {
padding: 100px 0 0;
}
@media (max-width:1679px) {
.mag-100 {
margin: 90px 0;
}
.pad-100 {
padding: 90px 0;
}
.pad-top100 {
padding: 90px 0 0;
}
.pad-80 {
padding: 70px 0 70px;
}
.pad-bot80 {
padding-bottom: 70px;
}
.pad-top80 {
padding-top: 70px;
}
.mag-bot80 {
margin-bottom: 70px;
}
.mag-bot90 {
margin-bottom: 80px;
}
}
@media (max-width:1460px) {
.mag-100 {
margin: 70px 0;
}
.pad-100 {
padding: 70px 0;
}
.pad-top100 {
padding: 70px 0 0;
}
.pad-80 {
padding: 60px 0 60px;
}
.pad-bot80 {
padding-bottom: 60px;
}
.pad-top80 {
padding-top: 60px;
}
.mag-bot80 {
margin-bottom: 60px;
}
.mag-bot90 {
margin-bottom: 70px;
}
}
@media (max-width:1260px) {
.mag-100 {
margin: 60px 0;
}
.pad-100 {
padding: 60px 0;
}
.pad-top100 {
padding: 60px 0 0;
}
.pad-80 {
padding: 50px 0 50px;
}
.pad-bot80 {
padding-bottom: 50px;
}
.pad-top80 {
padding-top: 50px;
}
.mag-bot80 {
margin-bottom: 50px;
}
.mag-bot90 {
margin-bottom: 50px;
}
}
@media (max-width:1024px) {
.mag-100 {
margin: 50px 0;
}
.pad-100 {
padding: 50px 0;
}
.pad-top100 {
padding: 50px 0 0;
}
.pad-80 {
padding: 40px 0 40px;
}
.pad-bot80 {
padding-bottom: 40px;
}
.pad-top80 {
padding-top: 40px;
}
.mag-bot80 {
margin-bottom: 40px;
}
.mag-bot90 {
margin-bottom: 50px;
}
}
@media (max-width:768px) {
.mag-100 {
margin: 40px 0;
}
.pad-100 {
padding: 40px 0;
}
.pad-top100 {
padding: 40px 0 0;
}
.pad-80 {
padding: 40px 0;
}
.pad-bot80 {
padding-bottom: 40px;
}
.pad-top80 {
padding-top: 40px;
}
.mag-bot80 {
margin-bottom: 40px;
}
.mag-bot90 {
margin-bottom: 40px;
}
.hide-767 {
display: none;
}
}
/* icon */
.com-icon {
text-align: center;
}
.icon-img {
font-size: 0;
position: relative;
width: 106px;
height: 106px;
margin: auto;
overflow: hidden;
}
.icon-img img {
transition: all 0.7s;
width: 100%;
}
.com-icon:hover .icon-img img {
transform: translateY(-100%);
}
/*鐩掑瓙甯冨眬*/
.cflexsb,
.cflexsa,
.cflexlf,
.cflexed,
.cflexce {
flex-wrap: wrap;
}
.flexsb, .cflexsb {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.flexsa, .cflexsa {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: space-around;
}
.flexlf, .cflexlf {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: left;
}
.flexed, .cflexed {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: flex-end;
}
.flexce, .cflexce {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
}
.cflexce {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
justify-content: center;
flex-direction: column;
flex-wrap: wrap;
}
.cflex {
flex-wrap: wrap;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
}
/* ===kf==== */
.pc-kf {
transition: .8s;
z-index: 999999;
background-color: transparent;
position: fixed;
top: 50%;
right: 10px;
width: 60px;
border-radius: 5px;
}
.pc-kf span {
z-index: 1000001;
transition: .5s;
cursor: pointer;
position: relative;
display: block;
width: 60px;
height: 60px;
border-radius: 5px;
margin-bottom: 10px;
box-shadow: 0px 0px 20px 0px #ffffff63;
}
.pc-kf span:hover {
box-shadow: 0px 0px 20px 0px #FFFFFF;
background-color: #ff7e41bd !important;
}
.pc-kf .zx {
background-position: 0 0;
background: #ff7e41 url(../images/kefu-zx.png)no-repeat center top 12px;
background-size: 32px;
}
.pc-kf .zx:nth-child(2) {
background: #ff7e41 url(../images/kefu-ly.png)no-repeat center top 7px;
background-size: 32px;
}
.pc-kf .back_top {
border: none;
background: #ff7e41 url(../images/kf-top.png)no-repeat center top 20px;
}
.pc-kf span a {
transition: .5s;
display: block;
color: #fff;
line-height: 24px;
font-size: 13px;
text-align: center;
padding-top: 35px;
}
.kfimgr {
position: absolute;
bottom: 23px;
right: -9px;
}
.pc-kf span div i {
display: block;
position: absolute;
width: 15px;
height: 200px;
right: -15px;
top: 0;
}
.pc-kf .freetel {
background: #1fa087 url(../images/kf-linked_03.png)no-repeat center;
}
.pc-kf .zxlya {
background: #ff7e41 url(../images/kefu-ewm.png)no-repeat center;
}
.pc-kf span:nth-child(4) div {
white-space: nowrap;
}
.pc-kf a {
display: block;
height: 68px;
position: absolute;
top: 0;
right: 0;
width: 100%
}
.nav_center div, .index_nav_center div, .shou, .zhan {
-webkit-box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
box-shadow: 0 2px 18px rgba(0, 0, 0, 0.25);
}
.pc-kf .zxlya .erweima {
display: none;
right: 62px;
position: absolute;
top: -72px;
background: #fff;
padding: 5px;
text-align: center;
box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
border-radius: 5px;
}
.pc-kf .zxlya .erweima img {
width: 120px;
height: 120px;
max-width: initial !important;
}
.pc-kf .zxzx {
display: none;
right: 86px;
position: absolute;
top: 6px;
background: #fff;
padding: 10px 20px;
text-align: center;
box-shadow: 0 2px 13px rgba(0, 0, 0, 0.25);
border-radius: 5px;
width: 110px;
font-size: 14px;
color: #333;
}
.kfimgr {
position: absolute;
bottom: 23px;
right: -9px;
}
.kf-ly {
background: #1fa087 url(../images/kf-twit_03.png)no-repeat center;
}
/* .shou{ z-index: 1000000;cursor: pointer; width: 70px; height: 70px; top: 104%; margin-top: -15px; border-radius: 5px 0 0 5px; right: -9px; background:#b5b5b5; border-radius: 5px;cursor: pointer; position: absolute;font-size: 14px;line-height: 24px;color: #fff;transition: ease .5s;text-align: center;padding: 22px 0;} */
.shou {
z-index: 1000000;
cursor: pointer;
width: 30px;
height: 40px;
top: 47%;
margin-top: -15px;
border-radius: 5px 0 0 5px;
right: 62px;
background: transparent url(../images/zk1.png)no-repeat center left;
position: absolute;
box-shadow: none;
}
.shou:hover {
background: transparent url(../images/zk.png)no-repeat center left;
}
.kf-phone {
background: #1fa087 url(../images/kf-phone1_03.png)no-repeat center;
}
.kf-phone1, .zxwb {
display: none;
font-size: 18px;
color: #333;
background-color: #fff;
position: absolute;
right: 60px;
box-shadow: 0 0 20px rgba(0,0,0,0.2);
padding: 10px 12px;
background: #fff;
border-radius: 5px;
white-space: nowrap;
line-height: 40px;
}
.kf-phone1 .kfimgr, .zxwb .kfimgr {
bottom: 10px;
}
.kf-shqi {
width: 100%;
height: 40px;
}
.kf-shqi .m-icon {
display: block;
margin: 0 auto;
width: 30px;
height: 30px;
border-radius: 50%;
background: #ff7e41 url(../images/kf-close.png) no-repeat center;
background-size: 15px;
cursor: pointer;
transform: rotate(45deg);
transition: all 0.3s;
box-shadow: 0px 0px 20px 0px #ffffff63;
}
.kf-shqi .m-icon:hover {
background-color: #ff7e41bd;
}
.pc-kf.show .m-icon {
transform: rotate(0);
}
.app-kf {
display: none;
}
.app-kf {
position: fixed;
bottom: 0;
/* left: 16%; */
z-index: 2000;
width: 100%;
height: 49px;
overflow: hidden;
display: none;
}
.kufuul {
text-align: center;
padding: 2px 0;
width: 100%;
height: 49px;
position: absolute;
bottom: 0;
left: 0;
display: inline-block;
}
.kefu {
padding: 0;
}
.kefu li {
float: left;
height: 45px;
text-align: center;
color: #fff;
line-height: 45px;
color: #fff;
transition: all .4s;
}
.kfzx-tigg {
width: 49.5%;
height: 45px;
display: block;
float: left;
line-height: 45px;
opacity: 1;
transition: 1s opacity;
}
.kfzx-enter {
opacity: 0
}
.kf-zx {
display: block;
width: 100%;
height: 100%;
color: #fff;
line-height: 45px;
text-align: center;
background: #ff7e41;
}
.kf-zx img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.teldb {
width: 49.5%;
background: rgba(0,0,0,0.6);
/*background: url(/mobile/mobilectm/images/teldb.png) no-repeat center rgba(0,0,0,0.6);*/
background-size: contain;
margin: 0 1px;
position: relative;
/*background-size: 28px;*/
}
.teldb img {
display: inline-block;
vertical-align: middle;
margin-right: 10px;
}
.teldb a {
color: white;
}
@media (max-width:991px) {
.pc-kf {
display: none;
}
.app-kf {
display: block;
}
}