html{font-family:"Microsoft YaHei UI","Microsoft YaHei",sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
html,body,div,object,iframe,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,dl,dt,dd,ol,ul,li,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,menu,nav,output,ruby,section,summary,time,mark,audio,video,progress{margin:0;padding:0;border:0;vertical-align:baseline}
li{list-style:none}
article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background-color:transparent;text-decoration:none; color: #333134; transition: all 0.5s; }
a:active,a:hover{outline:0; color: #dcc38d; }
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:bold}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-0.5em}
sub{bottom:-0.25em}
img{border:0;width: 100%;vertical-align: top;}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0;outline:none;line-height:normal}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type="button"],input[type="reset"],input[type="submit"]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type="checkbox"],input[type="radio"]{box-sizing:border-box;padding:0}
input[type="number"]::-webkit-inner-spin-button,input[type="number"]::-webkit-outer-spin-button{height:auto}
input[type="search"]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:bold}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}
/* body,html{
font-family:Arial,'Times New Roman','Microsoft YaHei',SimHei;
font:bold 12px/0.75em Arial,'Times New Roman','Microsoft YaHei',SimHei;
font-family: Ali,雅黑,Avenir,Helvetica,Arial,sans-serif;
} */
/* @import url("//at.alicdn.com/t/font_3410407_fduqnmsjki6.css"); */
/* @font-face{
font-family:alibaba-9;
src:url('../fonts/AlibabaPuHuiTi2.0/AlibabaPuHuiTi-2-115-Black.ttf');
}
@font-face{
font-family:alibaba-8;
src:url('../fonts/AlibabaPuHuiTi2.0/AlibabaPuHuiTi-2-105-Heavy.ttf');
}
@font-face{
font-family:alibaba-7;
src:url('../fonts/AlibabaPuHuiTi2.0/AlibabaPuHuiTi-2-95-ExtraBold.ttf');
} */
/* @font-face{
font-family:alibaba-6;
src:url('../fonts/AlibabaPuHuiTi2.0/AlibabaPuHuiTi-2-85-Bold.ttf');
}
@font-face{
font-family:alibaba-5;
src:url('../fonts/AlibabaPuHuiTi2.0/AlibabaPuHuiTi-2-75-SemiBold.ttf');
}
@font-face{
src:url('../fonts/AlibabaPuHuiTi2.0/AlibabaPuHuiTi-2-55-Regular.ttf');
}
@font-face{
src:url('../fonts/AlibabaPuHuiTi2.0/AlibabaPuHuiTi-2-45-Light.ttf');
} */
/* @font-face{
font-family:alibaba-1;
src:url('../fonts/AlibabaPuHuiTi2.0/AlibabaPuHuiTi-2-35-Thin.ttf');
} */
/* @font-face{
font-family:alibaba-4;
src:url('../fonts/AlibabaPuHuiTi2.0/AlibabaPuHuiTi-2-65-Medium.ttf');
} */
/* 可用 */
/* @font-face {
font-family: 'AlibabaPuHuiTi';
src: url('../fonts/alibabaFont/zh-cn/Alibaba-PuHuiTi-Regular.otf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AlibabaPuHuiTi-Light';
src: url('../fonts/alibabaFont/zh-cn/Alibaba-PuHuiTi-Light.otf');
font-weight: lighter;
font-style: normal;
}
@font-face {
font-family: 'AlibabaPuHuiTi-Bold';
src: url('../fonts/alibabaFont/zh-cn/Alibaba-PuHuiTi-Bold.otf');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'AlibabaPuHuiTi-Medium';
src: url('../fonts/alibabaFont/zh-cn/Alibaba-PuHuiTi-Medium.otf');
font-weight: Medium;
font-style: normal;
}
@font-face {
font-family: 'AlibabaPuHuiTi-Heavy';
src: url('../fonts/alibabaFont/zh-cn/Alibaba-PuHuiTi-Heavy.otf');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'AlibabaSans-Normal-Italics';
src: url('../fonts/alibabaFont/AlibabaSans/ltalics/AlibabaSans-Italic.otf');
font-weight: normal;
font-style: italic;
}
@font-face {
font-family: 'AlibabaSans-Bold-Italics';
src: url('../fonts/alibabaFont/AlibabaSans/ltalics/AlibabaSans-BoldItalic.otf');
font-weight: bold;
font-style: italic;
}
@font-face {
font-family: 'AlibabaSans-light-Italics';
src: url('../fonts/alibabaFont/AlibabaSans/ltalics/AlibabaSans-LightItalic.otf');
font-weight: lighter;
font-style: italic;
}
@font-face {
font-family: 'AlibabaSans-Heavy-Italics';
src: url('../fonts/alibabaFont/AlibabaSans/ltalics/AlibabaSans-HeavyItalic.otf');
font-weight: 800;
font-style: italic;
}
@font-face {
font-family: 'AlibabaSans-Medium-Italics';
src: url('../fonts/alibabaFont/AlibabaSans/ltalics/AlibabaSans-MediumItalic.otf');
font-weight: Medium;
font-style: italic;
}
@font-face {
font-family: 'AlibabaSans-Normal';
src: url('../fonts/alibabaFont/AlibabaSans/Norma/AlibabaSans-Regular.otf');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'AlibabaSans-light';
src: url('../fonts/alibabaFont/AlibabaSans/Norma/AlibabaSans-Light.otf');
font-weight: lighter;
font-style: normal;
}
@font-face {
font-family: 'AlibabaSans-Medium';
src: url('../fonts/alibabaFont/AlibabaSans/Norma/AlibabaSans-Medium.otf');
font-weight: Medium;
font-style: normal;
}
@font-face {
font-family: 'AlibabaSans-Bold';
src: url('../fonts/alibabaFont/AlibabaSans/Norma/AlibabaSans-Bold.otf');
font-weight: bold;
font-style: normal;
}
@font-face {
font-family: 'AlibabaSans-Heavy';
src: url('../fonts/alibabaFont/AlibabaSans/Norma/AlibabaSans-Heavy.otf');
font-weight: 800;
font-style: normal;
}
@font-face {
font-family: 'AlibabaSans-Black';
src: url('../fonts/alibabaFont/AlibabaSans/Norma/AlibabaSans-Black.otf');
font-weight: 900;
font-style: normal;
} */
/* 英文副标题 */
@font-face{
font-family:eng-2;
src:url('../fonts/GotuDevanagari-Regular.ttf');
}
/* slogan */
/* @font-face{
font-family:slogan;
src:url('../fonts/slogan.ttf');
} */
body,html {
margin: 0;
padding: 0;
min-height: 100%;
font-size: 0.91vw;
color: #383c23;
background-color: #dcc38d;
/* font-family: "pingfang SC,helvetica neue,arial,hiragino sans gb,microsoft yahei ui,microsoft yahei,simsun,sans-serif"; */
/* font-family: "Helvetica Neue,NotoSansHans-Regular,AvenirNext-Regular,arial,Hiragino Sans GB,Microsoft Yahei,WenQuanYi Micro Hei,serif"; */
font-family: "-apple-system-font,BlinkMacSystemFont,Helvetica Neue,PingFang SC,Hiragino Sans GB,Microsoft YaHei UI,Microsoft YaHei,Arial,sans-serif";
font-weight: normal;
scroll-behavior: smooth;
}
.iconfont { font-size: 10.4vw; }
.icon {
width: 1em;
height: 1em;
vertical-align: -0.15em;
fill: currentColor;
overflow: hidden;
}
/* */
.ellipse4{
position: absolute;
width: 0.8vw;
height: 0.8vw;
border-radius: 50%;
background-color: #fdc962;
top: 14vw;
left: 27.5vw;
-webkit-animation: moveBounce 3s linear infinite;
animation: moveBounce 3s linear infinite;
}
@keyframes moveBounce {
0% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
50% {
-webkit-transform: translateY(-20px);
transform: translateY(-20px);
}
100% {
-webkit-transform: translateY(0px);
transform: translateY(0px);
}
}
.ellipse5{
position: absolute;
width: 1.5vw;
height: 1.5vw;
background-color: #8fdce7;
border-radius: 50%;
top: 18vw;
left: 8vw;
-webkit-animation: animationFramesOne 3s linear infinite;
animation: animationFramesOne 20s infinite linear;
}
@keyframes animationFramesOne {
0% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
transform: translate(0px, 0px) rotate(0deg);
}
20% {
-webkit-transform: translate(73px, -1px) rotate(36deg);
transform: translate(73px, -1px) rotate(36deg);
}
40% {
-webkit-transform: translate(100px, 72px) rotate(72deg);
transform: translate(100px, 72px) rotate(72deg);
}
60% {
-webkit-transform: translate(83px, 122px) rotate(108deg);
transform: translate(83px, 122px) rotate(108deg);
}
80% {
-webkit-transform: translate(-40px, 72px) rotate(144deg);
transform: translate(-40px, 72px) rotate(144deg);
}
100% {
-webkit-transform: translate(0px, 0px) rotate(0deg);
transform: translate(0px, 0px) rotate(0deg);
}
}
/*文章分页*/
/* padding */
.digg { text-align: center; padding: 5vw 5vw 2vw 5vw; }
.pagination{
width: auto;
height: auto;
margin: 0 auto;
margin-bottom: 20px;
text-align: center; margin: 30px auto;
line-height: 40px; font-size: .95rem;
display: flex;
justify-content: center;
}
.pagination a{
display: inline-block;
height: 40px;
margin-left: 6px;
border: 1px solid #fff;
background: #fff;
padding-left: 10px;
padding-right: 10px;
line-height: 40px;
color:#333;
border-radius: 4px;
min-width: 20px;
box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);
}
.pagination a:hover{
border: 1px solid #dcc38d;
background: #dcc38d;
color: #fff;
}
.pagination span{
display: inline-block;
height: 40px;
margin-left: 6px;
min-width: 20px;
border: 1px solid #dcc38d;
background: #dcc38d;
color: #fff;
padding-left: 10px;
padding-right: 10px;
line-height: 40px; border-radius: 4px;
}
.pagination .disabled span {
border: 1px solid #dcc38d;
background: #dcc38d; display: none;
}
/*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/
.tab::-webkit-scrollbar{
width: 4px;
height: 4px;
background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
.tab::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
/* border-radius: 10px; */
background-color: #fff;
}
/*定义滑块 内阴影+圆角*/
.tab::-webkit-scrollbar-thumb{
/* border-radius: 10px; */
/* box-shadow: inset 0 0 6px rgba(0, 0, 0, .1);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .1); */
background-color: #a3cec1;
}
/* 公共容器 */
.container { width: 72.916vw ; margin: auto; }
img { width: 100%; height: auto; }
.container-full { width: 100% ; margin: auto; }
.container3 { width: calc(100% - 8vw) ; margin: auto; }
/* img {
backface-visibility:hidden !important;
-webkit-backface-visibility:hidden !important;
-moz-backface-visibility:hidden !important;
-ms-backface-visibility:hidden !important;
} */
/* 默认1400 / 1920 比例 */
/* .main { width: 100%; margin: auto; position: relative ; overflow: hidden;
background: url(../images/common/yy.svg) no-repeat;
background-position: -20vw 30vw;
background-size: 100vw 100vw;
}
.main_box { position: absolute; top: 3VW; left: 0; right: 0;} */
.index-main { width: 100%; margin: auto;
/* position: relative ; */
overflow: hidden;
}
.index-main_box {
/* position: absolute;
top: 3VW; left: 0; right: 0; */
}
p { line-height:1.65vw; }
@media (max-width:960px) {
.index-main { height: 160vw; }
}
@media (max-width:640px) {
body,html {
font-size: 4vw;
}
.iconfont { font-size: 10.4vw; }
p { line-height:8vw; font-size: 4vw; }
h1 { font-size: 6vw;}
.container { width: calc(100% - 10vw); padding: 5vw; margin: auto; }
/* .main { height: 720vw; } */
.main {
background-position: -20vw 110%;
/* background-size: 100vw 100vw; */
}
}
#app { margin:0 auto; margin: 1.3vw; overflow: hidden; background: #fff; }
.header { position: relative; background: #fff; }
.header_box { }
.header .logo { width: 100%; padding: 1vw 0 0 0; text-align: center; }
.header .logo img { width:9vw;}
.header.fixed { position: fixed; z-index: 100000; top: 0; left: 0; right: 0; box-shadow: 0 0 5px rgba(0,0,0,0.2); }
.nav { display: flex; align-items: center; justify-content: space-between; }
.nav ul { display: flex; flex-wrap: wrap; justify-content: right; align-items: right; margin: auto; }
.nav ul li { width:auto; height: 5.5vw; line-height: 5.5vw; text-align: center; position: relative; font-size: 1.15vw ; margin: 0 1.85vw; }
.nav ul li a { font-size: 1.2vw ; transition: none; overflow: hidden; }
.nav ul li iconpark-icon { font-size: 1.2vw ; position: absolute; margin-left: -1.5vw; top: 0.6vw; }
/* .nav a.bold { font-weight: bold; } */
.nav ul li strong { font-weight: normal; display: inline-block; }
.nav ul li .nav_sub { width: 12vw; position: absolute; z-index: 2000; margin-top: -0.05vw; margin-left: -2.5vw;
display: none;
}
.nav ul li .nav_sub_box { width: 12vw; margin-top: 0vw; padding: 0.5vw 0 1vw 0; background: #dcc38d; border-bottom-left-radius: 0.8vw; border-bottom-right-radius: 0.8vw;
transition: all 0.3s; overflow: hidden;
line-height: 30px; text-align: center; }
.nav ul li:hover .nav_sub { display: block; }
.nav ul li .nav_sub_box p { display: block; width: 80%; margin: auto; padding: 0.5vw 0vw 0 0.3vw;
/* border-top: rgba(255,255,255,0.3) 1px solid; */
}
.nav ul li .nav_sub_box p span { width: 0.2vw; height: 0.05vw; border-radius: 0; line-height: 1.3vw; background: rgba(255,255,255,0.5); display: inline-block; transition: all 0.3s;
vertical-align: middle; }
.nav ul li .nav_sub_box a { font-size: 0.9vw; color: #fff; padding: 0.5vw 0vw 0 0.3vw; }
.nav ul li .nav_sub_box p:first-child { border: none; padding-top: 0.2vw; }
.nav ul li:hover , .nav ul li:hover a.active { color: #dcc38d !important; cursor: pointer; }
.nav ul li:hover iconpark-icon { color: #dcc38d !important; }
.nav ul li .nav_sub p:hover span { width: 0.4vw; background: #fad37d; }
.nav ul li .nav_sub p:hover a { color: #f9eed7; }
.nav ul li a.pg { background: #dcc38d; color: #fff; display: inline-block; border-radius: 4vw;
/* margin-left: 5vw; */
line-height: 1vw; padding: 0.5vw 1vw; margin-top: 1.7vw; font-size: 1.1vw;
}
/* .nav ul li.nav_f strong { font-size: 0.9vw; } */
.nav ul li a.active { color: #dcc38d !important; }
.nav ul li.active { color: #dcc38d !important; }
.nav ul li.active a.sc { color: #dcc38d !important; }
/* .nav ul li.nav_f.active { color: #dcc38d; } */
.nav ul li.active a { color: #dcc38d !important; }
.nav ul li.active .nav_sub_box a { color: #fff !important; }
/* 语言 */
.nav ul li.lang strong { width: 1vw; height: 1vw; line-height: 1vw; text-align: center; display: inline-block;
border-radius: 1vw; position: relative;
padding: 0.5vw;
font-weight: normal; cursor: pointer; font-size: 1vw; }
.nav ul li.lang strong.active { background: #dcc38d; color: #fff; }
.nav ul li.lang span.line { color: #ccc; font-size: 1vw;}
.nav ul li.lang strong.active2 { display: none; }
.nav ul li.lang:hover { color: #333134 !important; }
.nav ul li.lang .lang_list { display: none; transition: all 0.5s; }
.nav ul li.lang:hover .lang_list { display: block; width: 1vw; padding: 0.5vw;
border-radius: 1vw; top: 1vw;
background: #dcc38d; position: absolute; z-index:111111 ; }
.nav ul li.lang .lang_list p { color: #fff !important;}
.side_nav { width: 5vw; height: 1.7vw; padding:3vw 1vw; color: #fff; text-align: center; background: #dcc38d; border-bottom-left-radius:3vw;
transition: all 0.3s; margin-top: -10px; position: absolute; top: 0; right: 0; cursor: pointer; }
.side_nav a { color: #fff; cursor: pointer; }
.side_nav img { width: 3.75vw; }
.is_mobile{ display: none; }
.is_pc { display: block;}
@media (max-width:640px) {
.is_pc { display: none !important;}
.is_mobile { display: block; }
/* 顶部 */
.mobile_header { display: flex; justify-content: space-between; padding: 3.5vw 5vw; align-items: center; background: #fff; height: 13vw; }
.mobile_header .logo { width: 40%; }
.mobile_header i { font-size: 8vw; vertical-align: middle; }
.is_fixed { position: fixed; z-index: 9999; left: 0; top: 0; right: 0; border-bottom: #ddd 1px solid; }
/* 菜单 */
.mobile_nav { width: 100%; left: 100%; height:100%; position: fixed; top: 0; z-index: 9999; background: rgba(0, 0, 0, 0.85);
transform: translateX(0);
-webkit-transition: .5s;
transition: .5s;
}
.mobile_nav_box { width: calc(90% - 20vw); margin: auto; left: 10vw; top: 0; bottom: 0; padding: 10vw; background: #dcc38d; position: absolute;
}
.mobile_nav_box .logo { width: 50%; }
.mbx { background: #fff; text-align: center; border-radius: 2vw; border: #efefef 1px solid; padding: 1.5vw; }
.mbx i { font-size: 7vw;}
.mobile_nav_box .snav { color: #fff; margin-top: 10vw; font-size: 5vw; }
.mobile_nav_box .snav a { font-size: 5vw; color: #fff; }
.mobile_nav_box .snav .tt { position: relative; font-size: 5vw; color: #fff; padding: 1.5vw 0 ; }
.mobile_nav_box .snav .tt span { position: absolute; right: 5vw; }
.mobile_nav_box .snav ul .line { border-top: #fff 1px solid; margin-top: 5vw; margin-bottom: 5vw; }
.mobile_nav_box .snav .tt span i { color: #fff; }
.mobile_nav_box .snav .tt { position: relative; margin-left: 2vw; }
.mobile_nav_box .snav .tt iconpark-icon { vertical-align: middle; font-size: 5vw ; margin-right: 1vw;
position: absolute; margin-left: -6vw; top: 2vw; }
.mobile_nav_box ul li { padding: 1.5vw 3vw; }
.mobile_nav_box .snav .nav_sub { padding-left: 8vw; display: none; }
.mobile_nav_box .snav .nav_sub p { padding: 1vw 0;}
.mobile_nav_box ul li .nav_sub p span { width: 2vw; height: 0.3vw; background: #fff; display: inline-block; transition: all 0.3s;
vertical-align: middle; }
.mobile_nav_box .snav .nav_sub p a { font-size: 4.5vw; color: #fff; }
.mobile_nav_box .snav strong { width: 7vw; height: 7vw; line-height: 7vw; text-align: center; display: inline-block; border-radius: 6vw; padding: 0.5vw; font-weight: normal; cursor: pointer; font-size: 5vw; margin:0 1.5vw; }
.mobile_nav_box .snav strong.active { background: #fff; color: #dcc38d; }
.mobile_nav_box .snav span.line { color: #ccc; font-size: 1vw;}
.snav_close { position: absolute; right: 5vw; top: 5vw; }
.snav_close i { color: #fff; font-size: 10vw; }
.snav_assessment { width:calc(100% - 2vw); height: 6.5vw; line-height: 7.5vw; padding:1.3vw 1vw 2vw 1vw; color: #dcc38d; text-align: center; background: #fff;
border-radius:10vw; transition: all 0.3s; margin-top: 10vw; }
.snav_assessment a { color: #dcc38d !important; }
.snav_assessment:hover { background: #fff; }
}
.footer { background: #f9f9f9; }
.footer_body { padding: 3vw 0 1vw 0; background: #faf6ee; height: auto; }
.footer_box { display: flex; justify-content: space-between; }
.footer_box i { font-size: 1.2vw; margin: 0 0.5vw; vertical-align: middle; }
/* .footer_box ul { border-right: rgba(255,255,255,0.5) 1px solid; padding-right: 3vw; overflow: hidden;} */
/* .footer_box ul { border-top: rgba(255,255,255,0.5) 1px solid; } */
.footer_box ul li , .footer ul li a , .footer ul h4 { }
.footer_box ul li { line-height: 1.8vw; position: relative; }
.footer_box ul h4 { margin: 1vw 0 0.5vw 0; font-size: 1.1vw; display: table; }
.footer_box ul h4 span { padding-left: 0.3vw;}
.footer_box ul h4 i { font-size: 0.75vw; display: table-cell; vertical-align: middle; font-weight: normal; }
.footer_box ul li a { font-size: 1vw; }
.footer_box ul li a:hover { color: #dcc38d; }
.footer_box ul li input { border: 0; background: rgba(255, 255, 255, 0.18); border-radius: 0.5vw; padding: 0.7vw; width: 94%; margin-top: 0.3vw; }
.footer_box ul li .btn { position: absolute; right: -0.5vw; top: 0.6vw; }
.footer_box ul li .btn iconpark-icon { font-size: 1.2vw; }
.footer_bottom { border-top: #dcc38d 1px solid; margin-top: 1.5vw; display: flex; justify-content: space-between; padding: 2vw 0 ;
font-size: 0.8vw; }
.footer_bottom i { font-size: 1.5vw;}
.footer_bottom a { font-size: 0.8vw;}
.footer_box ul li img.footer_logo { width: 8.854vw;}
.footer .wx ul { display: flex; }
.footer .wx ul li { width: 30%; margin-left: 4%;text-align: right; }
.footer .wx ul li p { text-align: center;}
@media (max-width:640px) {
/* .footer { padding: 0 0 1vw 0; background: #dcc38d; }
.footer_box { flex-wrap: wrap; }
.footer_box ul { width: 50%; }
.footer_box ul h4 {line-height: 4.8vw; margin: 4vw 0 2vw 0; font-size: 5vw; }
.footer_box ul h4 i { font-size: 4vw; margin-right: 2vw; }
.footer_box ul li { line-height: 6vw; padding-left: 7vw; }
.footer_box ul li a { font-size: 4vw; }
.footer_bottom { display: block; }
.footer_bottom i { font-size: 5vw;}
.footer_bottom { font-size: 4vw; } */
}
@media (max-width:640px) {
.footer_m { padding: 0 0 1vw 0; }
.footer_m_body { width: calc(100% - 14vw); padding: 7vw; background: #dcc38d; height: auto; border-top-right-radius:20vw ;}
.ftlogo { margin: 3vw 0 ;}
.ftlogo img { width: 40%; }
.footer_m .fcon { margin: 6vw 0; line-height: 7vw; color: #fff;font-size: 4vw; position: relative; height: 35vw; }
.footer_m .fcon i { font-size: 5.5vw; position: absolute; left: 0; }
.footer_m .fcon span { position: absolute; left: 8vw; }
.footer_m .cat { margin: 6vw 0 ;}
.footer_m .cat a { width: 32%; display: inline-block; color: #fff; font-size: 4vw; line-height: 7vw; }
.footer_m_bottom { display: block; color: #fff; font-size: 4vw; border-top: #f1cfb4 1px solid; padding-top: 5vw; line-height: 8vw; }
.footer_m_bottom i { font-size: 6vw;}
.footer_m_bottom a { color:#fff;}
.footer_m .wx { margin-bottom: 4vw;}
.footer_m .wx ul { display: flex; }
.footer_m .wx ul li { width: 30%; margin:0 2% ;text-align: right; }
.footer_m .wx ul li p { text-align: center; color: #fff; }
}
/* .backtop {
position: fixed;
bottom: 10vw;
right: 2vw;
width: 3vw; height: 3vw; border-radius: 3vw; background: #fff; border: #dcc38d 0 solid; box-shadow: 0 0 10px rgba(0,0,0,0.05);
text-align: center; line-height: 3vw; z-index: 100000; transition: all 0.3s; cursor: pointer; display: none;
}
.backtop i { font-size: 2vw; color: #dcc38d; margin-top: 0; }
.backtop:hover { bottom: 10.5vw;}
@media (max-width:640px) {
.backtop {
bottom: 10vw;
right: 5vw;
width: 9vw; height: 9vw; border-radius: 9vw; line-height: 9vw;
}
.backtop i { font-size: 6vw; }
} */
.side_bar { width: 3.54vw; position: fixed; right: 4.9vw; top: 15vw; z-index: 8000; background: #fff;
border-radius: 5vw; padding:0.5vw 0.5vw 1vw 0.5vw; text-align: center;box-shadow: 0 0 10px rgba(0,0,0,0.05);
}
.side_bar img { width: 3.54vw; border-radius: 3.54vw; margin-top: 0.5vw; }
.side_bar p { font-size: 0.8vw; line-height: 1.3vw; }
.side_bar ul li { position: relative; transition: all 0.5s; }
/* .side_bar .tel { position: relative; } */
.side_bar .telcontent { width: 12vw; height: 4vw; line-height: 4vw; border-top-left-radius: 3vw; border-bottom-left-radius: 3vw; top: 0.6vw; position: absolute;
right: 3.54vw; background: #fff; display: none; box-shadow: 0 0 5px rgba(0,0,0,0.05); }
.side_bar .tel:hover .telcontent { display: block; }
.side_bar .wxcontent { width: 8vw; height: 8vw; line-height: 4vw; border-top-left-radius: 5vw; border-bottom-left-radius: 5vw; top: 0; position: absolute; text-align: center;
right: 3.54vw; background: #fff; padding: 0 1vw; display: none; box-shadow: 0 0 5px rgba(0,0,0,0.05); }
.side_bar .wxcontent div { float: left; width: 90%; text-align: center; }
.side_bar .wxcontent div img { border-radius: 0; margin-left: 1vw; width: 5vw; height: 5vw; }
.side_bar .wx:hover .wxcontent { display: block; }
.team_bg { background: rgba(0, 0, 0, 0.7); position: fixed;height: 100%; top: 0; left: 0; right: 0; bottom: 0; z-index: 199999; display: none; }
.team_bg .tbox { width:72.9vw; height: 23vw; margin: auto;left: 0; right: 0; bottom: 6vw; background: #fff; border-top-right-radius:3vw; position:fixed;
display: flex;
}
.team_bg .tbox .photo { width: 20.83vw; height: 25.1vw; margin-top: -6vw; margin-left: 4vw; overflow: hidden; }
.team_bg .tbox .photo img { width: 100%; border-top-right-radius:1.6vw ; }
.team_bg .tbox .intro { padding: 4vw; width: 36vw; }
.team_bg .tbox .intro h3 { font-size: 2.1vw; margin-bottom: 1vw; }
.team_bg .tbox .intro .text { height: 11vw; overflow-y: auto; line-height: 1.6vw; }
.team_bg .tbox .intro .tclose { margin-top: -24vw; position: absolute; color: #fff; right: 0; }
.team_bg .tbox .intro .tclose i { font-size: 3vw; }
@media (max-width:640px) {
.team_bg .tbox { width:90%; height: auto; }
.team_bg .tbox .intro h3 { font-size: 6vw; margin-bottom: 3vw; }
.team_bg .tbox .intro { width: 55vw; }
.team_bg .tbox .intro .text { height: auto; line-height: 3vw; }
.team_bg .tbox .intro .tclose { top: 10vw; }
.team_bg .tbox .intro .tclose i { font-size: 8vw; }
}
/* nav bg */
.nav_side { position: fixed; width: 100%; height: 100%; left: 0; right: 0; bottom: 0; top: 0; background: rgba(255,255,255,1); z-index: 9999;
display: none;
}
.nav_side .left { width: 50%; height: 100%; background: url(../images/common/nav_bg.jpg); background-size: cover;}
.nav_side .right { width: 50%; text-align: center; }
.nav_side .right .logo { width: 8.2vw; margin: auto; margin-top: 4vw; }
.nav_side .snav { margin-top: 2vw; }
.nav_side .snav a { font-size: 1vw; }
.nav_side .snav .tt { position: relative; padding: 0.5vw 0; cursor: pointer; font-size: 1vw; }
.nav_side .snav .tt span { position: absolute; right: 20vw; display: none; }
.nav_side .snav ul .line { border-top: #fff 1px solid; margin-top: 5vw; margin-bottom: 5vw; }
.nav_side .snav .tt { position: relative; }
.nav_side ul li { padding: 0.5vw 0; text-align: center; }
.nav_side .snav .nav_sub { display: none; width: 10vw; margin: auto; padding: 0.5vw 0; background: #dcc38d; border-radius: 0.5vw; }
.nav_side ul li .nav_sub p span { width: 2vw; height: 0.3vw; background: #fff; display: inline-block; transition: all 0.3s;
vertical-align: middle; }
.nav_side .snav .nav_sub p a { font-size: 0.9vw; color: #fff; }
.nav_side .snav strong { width: 7vw; height: 7vw; line-height: 7vw; text-align: center; display: inline-block; border-radius: 6vw; padding: 0.5vw; font-weight: normal; cursor: pointer; font-size: 5vw; margin:0 1.5vw; }
.nav_side .snav strong.active { background: #fff; color: #dcc38d; }
.nav_side .snav span.line { color: #ccc; }
.snav_close { width: 5vw; height: 1.7vw; padding:3vw 1vw; color: #fff; text-align: center; background: #dcc38d; border-bottom-left-radius:3vw;
margin-top: -10px; position: absolute; right: 0; top: 0vw; z-index:1999999 ; cursor: pointer; }
.snav_close i { font-size: 2vw; color: #fff; display: inline-block; transition: all 0.5s; }
/* .snav_close i:hover { transform: rotate(90deg); } */
/* 快速搜索 */
#rang_time { background-color: transparent; border: 0; }
/* 滚动条 */
.quick_order_box div > .select_op::-webkit-scrollbar{
width: 4px;
height: 4px;
background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
.quick_order_box div > .select_op::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
background-color: #fff;
}
/*定义滑块 内阴影+圆角*/
.quick_order_box div > .select_op::-webkit-scrollbar-thumb{
background-color: #222f73;
}
/* 滚动条 */
.quick_order_box div > .select_area .smail::-webkit-scrollbar{
width: 4px;
height: 4px;
background-color: #F5F5F5;
}
/*定义滚动条轨道 内阴影+圆角*/
.quick_order_box div > .select_area .smail::-webkit-scrollbar-track {
box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
-webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0);
background-color: #fff;
}
/*定义滑块 内阴影+圆角*/
.quick_order_box div > .select_area .smail::-webkit-scrollbar-thumb{
background-color: #222f73;
}
/* 空白 */
.space1 { width: 100%; height: 1vw;}
.space2 { width: 100%; height: 2vw;}
.space3 { width: 100%; height: 3vw;}
.space4 { width: 100%; height: 4vw;}
.space5 { width: 100%; height: 5vw;}
.space6 { width: 100%; height: 6vw;}
.space7 { width: 100%; height: 7vw;}
.space8 { width: 100%; height: 8vw;}
.space9 { width: 100%; height: 9vw;}
.space10 { width: 100%; height: 10vw;}
.space12 { width: 100%; height: 12vw;}
.space15 { width: 100%; height: 15vw;}
.space20 { width: 100%; height: 20vw;}
/* 咨詢評估按鈕 */
.submit { width: 100%; height: auto; padding-top: 40px; text-align: center;}
.submit a { width: 180px; height: 50px; line-height: 50px; display:inline-block ; margin: auto; border-radius: 25px;
color: #fff; text-align: center; font-size: 1.375rem; padding-left: 0; padding-right: 0; }
.submit a.pg { background: #ebbc26; }
.submit a.zx { background: #ebbc26; margin-top:20px; }
.submit a img { width: auto; height: auto; border-radius: 0; margin-top: 9px; margin-right: 10px; }
.submit a.pg:hover { background: #ebbc26;}
.submit a.zx:hover { background: #ebbc26;}
/* 去掉顶部内边距 */
.padtop0 { padding-top: 0 !important;}
.pad-0 { padding: 0 !important; }
@media (max-width:640px) {
.space3 { height: 4vw;}
}
/* 宽度 */
.width10 { width: 10% !important; }
.width15 { width: 15% !important; }
.width20 { width: 20% !important; }
.width25 { width: 25% !important; }
.width30 { width: 30% !important; }
.width31 { width: 31.5% !important; }
.width35 { width: 35% !important; }
.width40 { width: 40% !important; }
.width45 { width: 45% !important; }
.width47 { width: 47% !important; }
.width48 { width: 48% !important; }
.width49 { width: 49% !important; }
.width50 { width: 50% !important; }
.width55 { width: 55% !important; }
.width60 { width: 60% !important; }
.width65 { width: 65% !important; }
.width70 { width: 70% !important; }
.width75 { width: 75% !important; }
.width80 { width: 80% !important; }
.width85 { width: 85% !important; }
.width90 { width: 90% !important; }
.width95 { width: 95% !important; }
.width100 { width: 100% !important; }
@media (max-width:640px) {
.m-wid100 { width: 100% !important; }
}
.red { color: #f00;}
.green { color: #dcc38d;}
.purple { color: #9e9ef4;}
.water_red{ color: #fe9179;}
.rose_red{ color: #cd84bb;}
.yellow{ color: #f1c45a;}
.blue{ color: #76abe2;}
.gray888 { color: #888; }
.gray999 { color: #999; }
.orange { color: #c75912; }
.green2 { color: #548235;}
.blue2{ color: #305496;}
.pink { color: #f476b5;}
.blue3{ color: #8bd0e0;}
.purple2 { color: #c6a8fe;}
.orange2 { color: #ff6600; }
.gray { color: #ccc; }
.purple3 { color: #8192cc; }
.pink2 { color: #e89cb5; }
.red2 { color: #ff8487; }
.blue4 { color: #83d7e2; }
.yellow2 { color: #ebc62b;}
.blue5 { color: #5b849d; }
.red3 { color: #cb6556; }
.yellow3 { color: #f79623; }
.blue6 { color: #63a2c1; }
.green3 { color: #a8d998; }
.yellow4 { color: #ffda65; }
.green4 { color: #7ea701; }
.yellow5 { color: #ffbe40; }
.red4 { color: #fc7575; }
.center { text-align: center !important; }
.left { text-align: left !important; }
.right { text-align: right !important; }
.background_write { background: #fff; }
.padd10 { padding: 1vw; }
.padd20 { padding: 2vw; }
.padd0 { padding: 0 !important; }
.padd_top_0 { padding-top: 0;}
.padd_bottom_0 { padding-bottom: 0;}
.mar05 { margin: 0.5vw;}
.margin_auto { margin: auto;}
.line-height20{ line-height: 1.8vw;}
.patop3 { padding-top: 3vw;}
.marginauto { margin: auto !important; }
/* 重置 swiper 圆点 */
.swiper-pagination .swiper-pagination-bullet { width: 0.7vw; height: 0.7vw; }
.swiper-pagination .swiper-pagination-bullet-active { background: #222f73 !important; }
.none_result { margin: auto; text-align: center; color: #96989a; }
.none_result img { width: 11vw; }
.none_result span { margin-top: -2vw; font-size: 0.85vw; }
.none_result span a { display: inline-block; padding: 0.2vw 0.5vw; background: #688ecc; color: #fff; border-radius: 0.3vw; }
.none_result span a:hover { background: #5681c8; }
.btn-ty { border-radius:3vw; padding: 0.4vw 2vw 0.5vw 2vw; border: #dcc38d 1px solid; color: #dcc38d; }
.btn-ty:hover { color: #fff; background: #dcc38d;}
.btn-ty2 { border-radius:3vw; padding: 0.4vw 2vw 0.5vw 2vw; line-height: 2vw; border: #dcc38d 1px solid; color: #fff; background: #dcc38d; vertical-align: top;
margin-left: 1vw;
}
.btn-ty2:hover { color: #fff; }
.btn-ty3 { border-radius:3vw; padding: 0.4vw 2vw 0.5vw 2vw; line-height: 2vw; border: #dcc38d 1px solid; color: #fff; background: #dcc38d; vertical-align: top;
margin-left: 0;
}
.btn-ty3:hover { color: #fff; }
@media (max-width:640px) {
}
/* 幻灯片swp */
.swiper-button-disabled { color: #ccc !important;}
.swiper-pagination .swiper-pagination-bullet-active {
background: #dcc38d !important;
}
@media (max-width:640px) {
.swiper-pagination .swiper-pagination-bullet {
width: 2vw;
height: 2vw;
}
}
.fyloadup {
position: fixed;
background-color: var(--moniz-black, #fcf8f0);
background-position: center center;
background-repeat: no-repeat;
top: 0;
left: 0;
right: 0;
bottom: 0;
z-index: 9991;
display: -webkit-box;
display: flex;
-webkit-box-pack: center;
justify-content: center;
-webkit-box-align: center;
align-items: center;
text-align: center;
}
.floadup_img {
width: 6vw;
vertical-align: middle;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
-webkit-animation-name: flipInY;
animation-name: flipInY;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@keyframes flipInY {
0% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
opacity: 0;
}
40% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
-webkit-animation-timing-function: ease-in;
animation-timing-function: ease-in;
}
60% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
opacity: 1;
}
80% {
-webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
}
100% {
-webkit-transform: perspective(400px);
transform: perspective(400px);
}
}