html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video
{
margin: 0;
padding: 0;
border: 0;
font-size: 100%;
vertical-align: baseline;
font-family: "HarmonyOS_Sans_SC_Regular","HarmonyOS_Sans_SC_Medium","HarmonyOS_Sans_SC_Bold";
outline: none;
}/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{
display: block;
}
body
{
line-height: 1;
}
@media only screen and (max-width: 1024px)
{
body
{
max-width: 750px;
margin: 0 auto;
}
}
ol, ul
{
list-style: none;
}
blockquote, q
{
quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after
{
content: '';
content: none;
}
table
{
border-collapse: collapse;
border-spacing: 0;
}
a
{
color: #1e90ff;
text-decoration: none;
}
a, a:hover, a:active, a:visited, a:link, a:focus
{
-webkit-tap-highlight-color: transparent;
outline: none!important;
background: none;
text-decoration: none;
}
.flex
{
display: flex;
display: -webkit-flex;
}
.align-center
{
align-items: center;
-webkit-align-items: center;
}/* font-family 配置 */
.font-regular
{
font-family: "HarmonyOS_Sans_SC_Regular";
}
.font-medium
{
font-family: "HarmonyOS_Sans_SC_Medium";
}
.font-bold
{
font-family: "HarmonyOS_Sans_SC_Bold";
}/* video视频播放按钮变圆形 修改人:GXQ 添加时间：2019-06-10 */
.video-js .vjs-big-play-button
{
top: 50%;
left: 50%;
width: 62px;
height: 62px;
border-radius: 50%;
background-color: transparent;
transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}
.video-js .vjs-big-play-button .vjs-icon-placeholder:before
{
font-size: 50px;
top: 8px;
}
.video-js:hover .vjs-big-play-button
{
background-color: rgba(255,255,255,.5);
}/* 加载圆圈 *//*修改人: GXQ; 2019-06-10*/
.vjs-loading-spinner
{
font-size: 2em;
width: 2em;
height: 2em;
border-radius: 4em;/*margin: 0;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);*/
}
.vjs-poster
{
background-color: #fff;
background-size: cover;
}/*cyt logo*/
.logo-wrapper, .logo-wrapper img.jingdiao-logo
{
width: 240px;
height: 54px;
}
.logo-wrapper
{
position: absolute;
left: 0;
top: 40px;
margin-left: 80px;
cursor: pointer;
z-index: 1000;
}
.logo-smaller .logo-wrapper, .logo-smaller .logo-wrapper img.jingdiao-logo
{
width: 214px;
height: 48px;
}
.logo-smaller .logo-wrapper
{
top: 10px;
}
body
{
position: relative;
}/*cyt 顶部 0525*/
.top-logo
{
height: 26px;
width: auto;
}
div.navbar-header
{
width: 100%;
}
.navbar-header .top-logo:active
{
background: #c9c9c9;
}
img.top-logo
{
margin: 0 auto;
padding: 11px 8px;
box-sizing: content-box;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.t3-sl.t3-sl-2
{
height: 0;
padding: 0;
}
.t3-sl.t3-sl-2 .t3-spotlight.t3-spotlight-2.row, .t3-sl.t3-sl-2 .t3-spotlight.t3-spotlight-2.row .col-lg-3.col-md-3.col-sm-3.col-xs-6
{
height: 0;
}
.t3-sl.t3-sl-2 .t3-spotlight.t3-spotlight-2.row .col-lg-3.col-md-3.col-sm-3.col-xs-6:last-child
{
float: right;
width: 55px;
position: static;
}
#toTop1
{
z-index: 10;
text-decoration: none;
position: fixed;
bottom: 12px;
overflow: hidden;
width: 60px;
height: 60px;
border: none;
background: url(/website/jingdiao/cn/images/common/backtotop1.png) no-repeat left top;
background-size: 100%;
display: none;
cursor: pointer;
right: 10px;
}
#toTop1:hover
{
background: url(/website/jingdiao/cn/images/common/backtotop2.png) no-repeat left top;
background-size: 100%;
display: none;
}
.navbar-header
{
display: none;
}
@media only screen and (max-width: 1024px)
{
#toTop1
{
width: 50px;
height: 50px;
right: auto;
}
.navbar-header
{
display: block;
}
}
@media only screen and (max-width: 539px)
{
#toTop1
{
width: 40px;
height: 40px;
}
}/*蓝色按钮公共样式*/
.effect-group-container
{
width: 280px;
}
.buttonBox, p.buttonBox, a.buttonBox
{
display: block;
position: relative;
width: 280px;
height: 42px;
font-size: 18px;
line-height: 42px;
outline: none;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
font-family: "HarmonyOS_Sans_SC_Medium";
text-align: center;
padding: 0;
}
.buttonBox, p.buttonBox, p.buttonBox:hover, a.buttonBox, a.buttonBox:hover, a.buttonBox:active, a.buttonBox:visited, a.buttonBox:link, a.buttonBox:focus
{
color: #fff;
background: #004898;
}/*button响应式*/
@media only screen and (max-width: 1024px)
{
.effect-group-container
{
width: 169px;
margin-left: auto;
margin-right: auto;
}
.buttonBox, p.buttonBox, a.buttonBox
{
width: 169px;
height: 36px;
font-size: 16px;
line-height: 36px;
margin-top: 20px;
}
}
@media only screen and (max-width: 450px)
{
.buttonBox, p.buttonBox, a.buttonBox
{
font-size: 14px;
margin-top: 16px;
}
}/*了解更多*/
.more-button
{
text-align: center;
font-size: 0;
font-family: "HarmonyOS_Sans_SC_Medium";
display: block;
line-height: 1.7;
}
.more-button, a.more-button, a.more-button:hover, a.more-button:active, a.more-button:link, a.more-button:visited, a.more-button:focus
{
color: #005bac;
}
.more-button span
{
display: inline-block;
}
.more-button span:first-child
{
font-family: "HarmonyOS_Sans_SC_Medium";
font-size: 24px;
}
.more-button .icon--6
{
margin-left: 20px;
}
.more-button .icon--6:before
{
color: #005bac;
font-size: 17px;
font-weight: bold;
}
.more-button:hover .icon--6
{
-webkit-animation: bounceNew .4s;
-moz-animation: bounceNew .4s;
-o-animation: bounceNew .4s;
-ms-animation: bounceNew .4s;
animation: bounceNew .4s;
}
@media only screen and (max-width: 1599px)
{
.more-button span:first-child
{
font-size: 22px;
}
.more-button .icon--6:before
{
font-size: 16px;
}
}
@media only screen and (max-width: 1299px)
{
.more-button span:first-child
{
font-size: 20px;
}
.more-button .icon--6:before
{
font-size: 14px;
}
}
@media only screen and (max-width: 1024px)
{
.more-button span:first-child
{
font-size: 18px;
}
.more-button .icon--6
{
margin-left: 10px;
}
.more-button .icon--6:before
{
font-size: 14px;
}
.more-button:hover .icon--6
{
-webkit-animation: none;
-moz-animation: none;
-o-animation: none;
-ms-animation: none;
animation: none;
}
}
@media only screen and (max-width: 450px)
{
.more-button span:first-child
{
font-size: 16px;
}
.more-button .icon--6:before
{
font-size: 12px;
}
}/*白色按钮公共样式*/
.white-button, a.white-button
{
display: block;
position: relative;
width: 280px;
height: 42px;
font-size: 0;
outline: none;
border-radius: 30px;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
font-family: "HarmonyOS_Sans_SC_Medium";
text-align: center;
padding: 0;
margin-left: auto;
margin-right: auto;
}
.white-button, a.white-button, a.white-button:hover, a.white-button:active, a.white-button:visited, a.white-button:link, a.white-button:focus
{
color: #004898;
background: #fff;
}
.white-button span
{
display: inline-block;
}
.white-button span:first-child
{
font-family: "HarmonyOS_Sans_SC_Medium";
font-size: 18px;
line-height: 42px;
}
.white-button .icon--6
{
margin-left: 20px;
}
.white-button .icon--6:before
{
color: #004898;
font-size: 14px;
font-weight: bold;
}
.white-button:hover .icon--6
{
-webkit-animation: bounceNew .4s;
-moz-animation: bounceNew .4s;
-o-animation: bounceNew .4s;
-ms-animation: bounceNew .4s;
animation: bounceNew .4s;
}
@media only screen and (max-width: 1024px)
{
.white-button, a.white-button
{
width: 169px;
height: 36px;
line-height: 36px;
margin-top: 20px;
}
.white-button span:first-child
{
line-height: 36px;
font-size: 16px;
}
.white-button .icon--6
{
display: none;
}
}
@media only screen and (max-width: 450px)
{
.white-button, a.white-button
{
margin-top: 16px;
}
.white-button span:first-child
{
font-size: 14px;
}
}/* 上下间距 *//* 4 mobile */
.m-t-4-mobile
{
margin-top: 4px;
}
.m-b-4-mobile
{
margin-bottom: 4px;
}
.p-t-4-mobile
{
padding-top: 4px;
}
.p-b-4-mobile
{
padding-bottom: 4px;
}/* 8 mobile */
.m-t-8-mobile
{
margin-top: 8px;
}
.m-b-8-mobile
{
margin-bottom: 8px;
}
.p-t-8-mobile
{
padding-top: 8px;
}
.p-b-8-mobile
{
padding-bottom: 8px;
}/* 12 mobile */
.m-t-12-mobile
{
margin-top: 12px;
}
.m-b-12-mobile
{
margin-bottom: 12px;
}
.p-t-12-mobile
{
padding-top: 12px;
}
.p-b-12-mobile
{
padding-bottom: 12px;
}/* 14 mobile */
.m-t-14-mobile
{
margin-top: 14px;
}
.m-b-14-mobile
{
margin-bottom: 14px;
}
.p-t-14-mobile
{
padding-top: 14px;
}
.p-b-14-mobile
{
padding-bottom: 14px;
}/* 16 mobile */
.m-t-16-mobile
{
margin-top: 16px;
}
.m-b-16-mobile
{
margin-bottom: 16px;
}
.p-t-16-mobile
{
padding-top: 16px;
}
.p-b-16-mobile
{
padding-bottom: 16px;
}/* 18 mobile */
.m-t-18-mobile
{
margin-top: 18px;
}
.m-b-18-mobile
{
margin-bottom: 18px;
}
.p-t-18-mobile
{
padding-top: 18px;
}
.p-b-18-mobile
{
padding-bottom: 18px;
}/* 20 mobile */
.m-t-20-mobile
{
margin-top: 20px;
}
.m-b-20-mobile
{
margin-bottom: 20px;
}
.p-t-20-mobile
{
padding-top: 20px;
}
.p-b-20-mobile
{
padding-bottom: 20px;
}/* 24 mobile */
.m-t-24-mobile
{
margin-top: 24px;
}
.m-b-24-mobile
{
margin-bottom: 24px;
}
.p-t-24-mobile
{
padding-top: 24px;
}
.p-b-24-mobile
{
padding-bottom: 24px;
}/* 28 mobile */
.m-t-28-mobile
{
margin-top: 28px;
}
.m-b-28-mobile
{
margin-bottom: 28px;
}
.p-t-28-mobile
{
padding-top: 28px;
}
.p-b-28-mobile
{
padding-bottom: 28px;
}/* 32 mobile */
.m-t-32-mobile
{
margin-top: 32px;
}
.m-b-32-mobile
{
margin-bottom: 32px;
}
.p-t-32-mobile
{
padding-top: 32px;
}
.p-b-32-mobile
{
padding-bottom: 32px;
}/* 40 mobile */
.m-t-40-mobile
{
margin-top: 40px;
}
.m-b-40-mobile
{
margin-bottom: 40px;
}
.p-t-40-mobile
{
padding-top: 40px;
}
.p-b-40-mobile
{
padding-bottom: 40px;
}/* 内容左右间距 */
.margin-X
{
margin-left: 15px;
margin-right: 15px;
}
.padding-X
{
padding-left: 15px;
padding-right: 15px;
}
.p-x-40
{
padding-left: 20px;
padding-right: 20px;
}/* 手机端字体统一处理 */
.banner
{
font-size: 24px;
line-height: 1;
}
.banner-en
{
font-size: 14px;
line-height: 1;
}/* 正文 */
.body
{
font-size: 14px;
line-height: 28px;
}/* 正文次级 */
.body-second
{
font-size: 12px;
line-height: 24px;
}/* 一级标题 */
h1
{
font-size: 20px;
line-height: 1;
}/* 二级标题 */
h2
{
font-size: 18px;
line-height: 1;
}/* 三级标题 */
h3
{
font-size: 16px;
line-height: 1;
}
@media(min-width: 451px)
{
.banner
{
font-size: 26px;
}
.banner-en
{
font-size: 16px;
}/* 正文 */
.body
{
font-size: 16px;
line-height: 30px;
}/* 正文次级 */
.body-second
{
font-size: 14px;
line-height: 28px;
}/* 一级标题 */
h1
{
font-size: 22px;
}/* 二级标题 */
h2
{
font-size: 20px;
}/* 三级标题 */
h3
{
font-size: 18px;
}
.p-x-40
{
padding-left: 25px;
padding-right: 25px;
}/* 40 mobile */
.m-t-40-mobile
{
margin-top: 48px;
}
.m-b-40-mobile
{
margin-bottom: 48px;
}
.p-t-40-mobile
{
padding-top: 48px;
}
.p-b-40-mobile
{
padding-bottom: 48px;
}/* 4 mobile */
.m-t-4-mobile
{
margin-top: 7px;
}
.m-b-4-mobile
{
margin-bottom: 7px;
}
.p-t-4-mobile
{
padding-top: 7px;
}
.p-b-4-mobile
{
padding-bottom: 7px;
}/* 8 mobile */
.m-t-8-mobile
{
margin-top: 10px;
}
.m-b-8-mobile
{
margin-bottom: 10px;
}
.p-t-8-mobile
{
padding-top: 10px;
}
.p-b-8-mobile
{
padding-bottom: 10px;
}/* 12 mobile */
.m-t-12-mobile
{
margin-top: 16px;
}
.m-b-12-mobile
{
margin-bottom: 16px;
}
.p-t-12-mobile
{
padding-top: 16px;
}
.p-b-12-mobile
{
padding-bottom: 16px;
}/* 14 mobile */
.m-t-14-mobile
{
margin-top: 18px;
}
.m-b-14-mobile
{
margin-bottom: 18px;
}
.p-t-14-mobile
{
padding-top: 18px;
}
.p-b-14-mobile
{
padding-bottom: 18px;
}/* 16 mobile */
.m-t-16-mobile
{
margin-top: 20px;
}
.m-b-16-mobile
{
margin-bottom: 20px;
}
.p-t-16-mobile
{
padding-top: 20px;
}
.p-b-16-mobile
{
padding-bottom: 20px;
}/* 18 mobile */
.m-t-18-mobile
{
margin-top: 22px;
}
.m-b-18-mobile
{
margin-bottom: 22px;
}
.p-t-18-mobile
{
padding-top: 22px;
}
.p-b-18-mobile
{
padding-bottom: 22px;
}/* 20 mobile */
.m-t-20-mobile
{
margin-top: 24px;
}
.m-b-20-mobile
{
margin-bottom: 24px;
}
.p-t-20-mobile
{
padding-top: 24px;
}
.p-b-20-mobile
{
padding-bottom: 24px;
}/* 24 mobile */
.m-t-24-mobile
{
margin-top: 30px;
}
.m-b-24-mobile
{
margin-bottom: 30px;
}
.p-t-24-mobile
{
padding-top: 30px;
}
.p-b-24-mobile
{
padding-bottom: 30px;
}/* 28 mobile */
.m-t-28-mobile
{
margin-top: 32px;
}
.m-b-28-mobile
{
margin-bottom: 32px;
}
.p-t-28-mobile
{
padding-top: 32px;
}
.p-b-28-mobile
{
padding-bottom: 32px;
}/* 32 mobile */
.m-t-32-mobile
{
margin-top: 36px;
}
.m-b-32-mobile
{
margin-bottom: 36px;
}
.p-t-32-mobile
{
padding-top: 36px;
}
.p-b-32-mobile
{
padding-bottom: 36px;
}
}
@media(min-width: 769px)
{
.banner
{
font-size: 40px;
}
.banner-en
{
font-size: 20px;
}/* 正文 */
.body
{
font-size: 16px;
line-height: 32px;
}/* 正文次级 */
.body-second
{
font-size: 12px;
line-height: 24px;
}/* 一级标题 */
h1
{
font-size: 22px;
}/* 二级标题-无转行 */
h2
{
font-size: 20px;
}/* 二级标题-转行 */
.h2-wrap
{
font-size: 18px;
}/* 16 pc *//*.m-t-16-pc {
margin-top: 8px;
}
.m-b-16-pc {
margin-bottom: 8px;
}
.p-t-16-pc {
padding-top: 8px;
}
.p-b-16-pc {
padding-bottom: 8px;
}*//* 24 pc *//*.m-t-24-pc {
margin-top: 14px;
}
.m-b-24-pc {
margin-bottom: 14px;
}
.p-t-24-pc {
padding-top: 14px;
}
.p-b-24-pc {
padding-bottom: 14px;
}*//* 30pc *//*.m-t-30-pc {
margin-top: 16px;
}*//* 40 pc *//*.m-t-40-pc {
margin-top: 22px;
}
.m-b-40-pc {
margin-bottom: 22px;
}
.p-t-40-pc {
padding-top: 22px;
}
.p-b-40-pc {
padding-bottom: 22px;
}*//* 60 *//*.m-t-60-pc {
margin-top: 32px;
}
.m-b-60-pc {
margin-bottom: 32px;
}
.p-t-60-pc {
padding-top: 32px;
}
.p-b-60-pc {
padding-bottom: 32px;
}*//* 80 *//*.m-t-80-pc {
margin-top: 44px;
}
.m-b-80-pc {
margin-bottom: 44px;
}
.p-t-80-pc {
padding-top: 44px;
}
.p-b-80-pc {
padding-bottom: 44px;
}*//* 100 *//*.m-t-100-pc {
margin-top: 54px;
}
.m-b-100-pc {
margin-bottom: 54px;
}
.p-t-100-pc {
padding-top: 54px;
}
.p-b-100-pc {
padding-bottom: 54px;
}*//* 140 *//*.m-t-140-pc {
margin-top: 75.6px;
}
.m-b-140-pc {
margin-bottom: 75.6px;
}
.p-t-140-pc {
padding-top: 75.6px;
}
.p-b-140-pc {
padding-bottom: 75.6px;
}*/
}
@media(min-width: 1025px)
{
.p-x-40
{
padding-left: 28px;
padding-right: 28px;
}/* 4 mobile */
.m-t-4-mobile
{
margin-top: 0;
}
.m-b-4-mobile
{
margin-bottom: 0;
}
.p-t-4-mobile
{
padding-top: 0;
}
.p-b-4-mobile
{
padding-bottom: 0;
}/* 8 mobile */
.m-t-8-mobile
{
margin-top: 0;
}
.m-b-8-mobile
{
margin-bottom: 0;
}
.p-t-8-mobile
{
padding-top: 0;
}
.p-b-8-mobile
{
padding-bottom: 0;
}/* 12 mobile */
.m-t-12-mobile
{
margin-top: 0;
}
.m-b-12-mobile
{
margin-bottom: 0;
}
.p-t-12-mobile
{
padding-top: 0;
}
.p-b-12-mobile
{
padding-bottom: 0;
}
.p-t-12-pc
{
padding-top: 8px;
}
.p-b-12-pc
{
padding-bottom: 8px;
}
.m-t-12-pc
{
margin-top: 8px;
}
.m-b-12-pc
{
margin-bottom: 8px;
}/* 14 mobile */
.m-t-14-mobile
{
margin-top: 0;
}
.m-b-14-mobile
{
margin-bottom: 0;
}
.p-t-14-mobile
{
padding-top: 0;
}
.p-b-14-mobile
{
padding-bottom: 0;
}
.p-t-14-pc
{
padding-top: 10px;
}
.p-b-14-pc
{
padding-bottom: 10px;
}
.m-t-14-pc
{
margin-top: 10px;
}
.m-b-14-pc
{
margin-bottom: 10px;
}/* 16 mobile */
.m-t-16-mobile
{
margin-top: 0;
}
.m-b-16-mobile
{
margin-bottom: 0;
}
.p-t-16-mobile
{
padding-top: 0;
}
.p-b-16-mobile
{
padding-bottom: 0;
}
.p-t-16-pc
{
padding-top: 12px;
}
.p-b-16-pc
{
padding-bottom: 12px;
}
.m-t-16-pc
{
margin-top: 12px;
}
.m-b-16-pc
{
margin-bottom: 12px;
}/* 18 mobile */
.m-t-18-mobile
{
margin-top: 0;
}
.m-b-18-mobile
{
margin-bottom: 0;
}
.p-t-18-mobile
{
padding-top: 0;
}
.p-b-18-mobile
{
padding-bottom: 0;
}
.p-t-18-pc
{
padding-top: 14px;
}
.p-b-18-pc
{
padding-bottom: 14px;
}
.m-t-18-pc
{
margin-top: 14px;
}
.m-b-18-pc
{
margin-bottom: 14px;
}/* 20 pc */
.p-t-20-pc
{
padding-top: 15x;
}
.p-b-20-pc
{
padding-bottom: 15px;
}
.m-t-20-pc
{
margin-top: 15px;
}
.m-b-20-pc
{
margin-bottom: 15px;
}/* 20 mobile */
.m-t-20-mobile
{
margin-top: 0;
}
.m-b-20-mobile
{
margin-bottom: 0;
}
.p-t-20-mobile
{
padding-top: 0;
}
.p-b-20-mobile
{
padding-bottom: 0;
}/* 24 mobile */
.m-t-24-mobile
{
margin-top: 0;
}
.m-b-24-mobile
{
margin-bottom: 0;
}
.p-t-24-mobile
{
padding-top: 0;
}
.p-b-24-mobile
{
padding-bottom: 0;
}
.p-t-24-pc
{
padding-top: 14px;
}
.p-b-24-pc
{
padding-bottom: 14px;
}
.m-t-24-pc
{
margin-top: 16px;
}
.m-b-24-pc
{
margin-bottom: 16px;
}/* 28 mobile */
.m-t-28-mobile
{
margin-top: 0;
}
.m-b-28-mobile
{
margin-bottom: 0;
}
.p-t-28-mobile
{
padding-top: 0;
}
.p-b-28-mobile
{
padding-bottom: 0;
}/* 30 mobile */
.m-t-30-mobile
{
margin-top: 0;
}
.m-b-30-mobile
{
margin-bottom: 0;
}
.p-t-30-mobile
{
padding-top: 0;
}
.p-b-30-mobile
{
padding-bottom: 0;
}
.p-t-30-pc
{
padding-top: 18px;
}
.p-b-30-pc
{
padding-bottom: 18px;
}
.m-t-30-pc
{
margin-top: 18px;
}
.m-b-30-pc
{
margin-bottom: 18px;
}/* 32 mobile */
.m-t-32-mobile
{
margin-top: 0;
}
.m-b-32-mobile
{
margin-bottom: 0;
}
.p-t-32-mobile
{
padding-top: 0;
}
.p-b-32-mobile
{
padding-bottom: 0;
}/* 36 pc */
.p-t-36-pc
{
padding-top: 24px;
}
.p-b-36-pc
{
padding-bottom: 24px;
}
.m-t-36-pc
{
margin-top: 24px;
}
.m-b-36-pc
{
margin-bottom: 24px;
}/* 40 mobile */
.m-t-40-mobile
{
margin-top: 0;
}
.m-b-40-mobile
{
margin-bottom: 0;
}
.p-t-40-mobile
{
padding-top: 0;
}
.p-b-40-mobile
{
padding-bottom: 0;
}
.p-t-40-pc
{
padding-top: 22px;
}
.p-b-40-pc
{
padding-bottom: 22px;
}
.m-t-40-pc
{
margin-top: 22px;
}
.m-b-40-pc
{
margin-bottom: 22px;
}/* 50 */
.m-t-50-pc
{
margin-top: 27px;
}
.m-b-50-pc
{
margin-bottom: 27px;
}
.p-t-50-pc
{
padding-top: 27px;
}
.p-b-50-pc
{
padding-bottom: 27px;
}/* 60 */
.m-t-60-pc
{
margin-top: 32px;
}
.m-b-60-pc
{
margin-bottom: 32px;
}
.m-l-60-pc
{
margin-left: 32px;
}
.m-r-60-pc
{
margin-right: 32px;
}
.p-t-60-pc
{
padding-top: 32px;
}
.p-b-60-pc
{
padding-bottom: 32px;
}
.p-l-60-pc
{
padding-left: 32px;
}
.p-r-60-pc
{
padding-right: 32px;
}/* 70 */
.m-t-70-pc
{
margin-top: 38px;
}
.m-b-70-pc
{
margin-bottom: 38px;
}
.p-t-70-pc
{
padding-top: 38px;
}
.p-b-70-pc
{
padding-bottom: 38px;
}/* 80 */
.m-t-80-pc
{
margin-top: 44px;
}
.m-b-80-pc
{
margin-bottom: 44px;
}
.p-t-80-pc
{
padding-top: 44px;
}
.p-b-80-pc
{
padding-bottom: 44px;
}/* 100 */
.m-t-100-pc
{
margin-top: 54px;
}
.m-b-100-pc
{
margin-bottom: 54px;
}
.p-t-100-pc
{
padding-top: 54px;
}
.p-b-100-pc
{
padding-bottom: 54px;
}/* 140 */
.m-t-140-pc
{
margin-top: 75.6px;
}
.m-b-140-pc
{
margin-bottom: 75.6px;
}
.p-t-140-pc
{
padding-top: 75.6px;
}
.p-b-140-pc
{
padding-bottom: 75.6px;
}
}
@media(min-width: 1200px)
{
.margin-X
{
margin-left: 40px;
margin-right: 40px;
}
.padding-X
{
padding-left: 40px;
padding-right: 40px;
}
.p-x-40
{
padding-left: 32px;
padding-right: 32px;
}
.banner
{
font-size: 60px;
}
.banner-en
{
font-size: 30px;
}/* 一级标题 */
h1
{
font-size: 30px;
}/* 二级标题-无转行 */
h2
{
font-size: 26px;
}/* 二级标题-转行 */
.h2-wrap
{
font-size: 20px;
}/* 16 pc */
.m-t-16-pc
{
margin-top: 12px;
}
.m-b-16-pc
{
margin-bottom: 12px;
}
.p-t-16-pc
{
padding-top: 12px;
}
.p-b-16-pc
{
padding-bottom: 12px;
}/* 18 pc */
.m-t-18-pc
{
margin-top: 14px;
}
.m-b-18-pc
{
margin-bottom: 14px;
}
.p-t-18-pc
{
padding-top: 14px;
}
.p-b-18-pc
{
padding-bottom: 14px;
}/* 20 pc */
.m-t-20-pc
{
margin-top: 16px;
}
.m-b-20-pc
{
margin-bottom: 16px;
}
.p-t-20-pc
{
padding-top: 16px;
}
.p-b-20-pc
{
padding-bottom: 16px;
}/* 24 pc */
.m-t-24-pc
{
margin-top: 18px;
}
.m-b-24-pc
{
margin-bottom: 18px;
}
.p-t-24-pc
{
padding-top: 18px;
}
.p-b-24-pc
{
padding-bottom: 18px;
}/* 30 pc */
.m-t-30-pc
{
margin-top: 22px;
}
.m-b-30-pc
{
margin-bottom: 22px;
}
.p-t-30-pc
{
padding-top: 22px;
}
.p-b-30-pc
{
padding-bottom: 22px;
}/* 36 pc */
.p-t-36-pc
{
padding-top: 30px;
}
.p-b-36-pc
{
padding-bottom: 30px;
}
.m-t-36-pc
{
margin-top: 30px;
}
.m-b-36-pc
{
margin-bottom: 30px;
}/* 40 pc */
.m-t-40-pc
{
margin-top: 30px;
}
.m-b-40-pc
{
margin-bottom: 30px;
}
.p-t-40-pc
{
padding-top: 30px;
}
.p-b-40-pc
{
padding-bottom: 30px;
}/* 50 pc */
.m-t-50-pc
{
margin-top: 38px;
}
.m-b-50-pc
{
margin-bottom: 38px;
}
.p-t-50-pc
{
padding-top: 38px;
}
.p-b-50-pc
{
padding-bottom: 38px;
}/* 60 */
.m-t-60-pc
{
margin-top: 46px;
}
.m-b-60-pc
{
margin-bottom: 46px;
}
.m-l-60-pc
{
margin-left: 40px;
}
.m-r-60-pc
{
margin-right: 40px;
}
.p-t-60-pc
{
padding-top: 46px;
}
.p-b-60-pc
{
padding-bottom: 46px;
}
.p-l-60-pc
{
padding-left: 46px;
}
.p-r-60-pc
{
padding-bottom: 46px;
}/* 70 */
.m-t-70-pc
{
margin-top: 50px;
}
.m-b-70-pc
{
margin-bottom: 50px;
}
.p-t-70-pc
{
padding-top: 50px;
}
.p-b-70-pc
{
padding-bottom: 50px;
}/* 80 */
.m-t-80-pc
{
margin-top: 60px;
}
.m-b-80-pc
{
margin-bottom: 60px;
}
.p-t-80-pc
{
padding-top: 60px;
}
.p-b-80-pc
{
padding-bottom: 60px;
}/* 100 */
.m-t-100-pc
{
margin-top: 76px;
}
.m-b-100-pc
{
margin-bottom: 76px;
}
.p-t-100-pc
{
padding-top: 76px;
}
.p-b-100-pc
{
padding-bottom: 76px;
}/* 140 */
.m-t-140-pc
{
margin-top: 106.4px;
}
.m-b-140-pc
{
margin-bottom: 106.4px;
}
.p-t-140-pc
{
padding-top: 106.4px;
}
.p-b-140-pc
{
padding-bottom: 106.4px;
}
}
@media(min-width: 1300px)
{
.margin-X
{
margin-left: 60px;
margin-right: 60px;
}
.padding-X
{
padding-left: 60px;
padding-right: 60px;
}
}
@media(min-width: 1400px)
{
.margin-X
{
margin-left: 80px;
margin-right: 80px;
}
.padding-X
{
padding-left: 80px;
padding-right: 80px;
}
.p-x-40
{
padding-left: 36px;
padding-right: 36px;
}
}
@media(min-width: 1600px)
{
.banner
{
font-size: 80px;
}
.banner-en
{
font-size: 40px;
}/* 正文 */
.body
{
font-size: 18px;
line-height: 36px;
}/* 正文次级 */
.body-second
{
font-size: 14px;
line-height: 28px;
}/* 一级标题 */
h1
{
font-size: 40px;
}/* 二级标题-无转行 */
h2
{
font-size: 30px;
}/* 二级标题-转行 */
.h2-wrap
{
font-size: 24px;
}
.p-x-40
{
padding-left: 40px;
padding-right: 40px;
}/* 16 pc */
.m-t-16-pc
{
margin-top: 14px;
}
.m-b-16-pc
{
margin-bottom: 14px;
}
.p-t-16-pc
{
padding-top: 14px;
}
.p-b-16-pc
{
padding-bottom: 14px;
}/* 18 pc */
.m-t-18-pc
{
margin-top: 16px;
}
.m-b-18-pc
{
margin-bottom: 16px;
}
.p-t-18-pc
{
padding-top: 16px;
}
.p-b-18-pc
{
padding-bottom: 16px;
}/* 20 pc */
.m-t-20-pc
{
margin-top: 18px;
}
.m-b-20-pc
{
margin-bottom: 18px;
}
.p-t-20-pc
{
padding-top: 18px;
}
.p-b-20-pc
{
padding-bottom: 18px;
}/* 24 pc */
.m-t-24-pc
{
margin-top: 20px;
}
.m-b-24-pc
{
margin-bottom: 20px;
}
.p-t-24-pc
{
padding-top: 20px;
}
.p-b-24-pc
{
padding-bottom: 20px;
}/* 30 pc */
.m-t-30-pc
{
margin-top: 25px;
}
.m-b-30-pc
{
margin-bottom: 25px;
}
.p-t-30-pc
{
padding-top: 25px;
}
.p-b-30-pc
{
padding-bottom: 25px;
}/* 36 pc */
.p-t-36-pc
{
padding-top: 36px;
}
.p-b-36-pc
{
padding-bottom: 36px;
}
.m-t-36-pc
{
margin-top: 36px;
}
.m-b-36-pc
{
margin-bottom: 36px;
}/* 40 pc */
.m-t-40-pc
{
margin-top: 34px;
}
.m-b-40-pc
{
margin-bottom: 34px;
}
.p-t-40-pc
{
padding-top: 34px;
}
.p-b-40-pc
{
padding-bottom: 34px;
}/* 50 pc */
.m-t-50-pc
{
margin-top: 42px;
}
.m-b-50-pc
{
margin-bottom: 42px;
}
.p-t-50-pc
{
padding-top: 42px;
}
.p-b-50-pc
{
padding-bottom: 42px;
}/* 60 */
.m-t-60-pc
{
margin-top: 50px;
}
.m-b-60-pc
{
margin-bottom: 50px;
}
.m-l-60-pc
{
margin-left: 50px;
}
.m-r-60-pc
{
margin-right: 50px;
}
.p-t-60-pc
{
padding-top: 50px;
}
.p-b-60-pc
{
padding-bottom: 50px;
}
.p-l-60-pc
{
padding-left: 50px;
}
.p-r-60-pc
{
padding-right: 50px;
}/* 70 */
.m-t-70-pc
{
margin-top: 58px;
}
.m-b-70-pc
{
margin-bottom: 58px;
}
.p-t-70-pc
{
padding-top: 58px;
}
.p-b-70-pc
{
padding-bottom: 58px;
}/* 80 */
.m-t-80-pc
{
margin-top: 66px;
}
.m-b-80-pc
{
margin-bottom: 66px;
}
.p-t-80-pc
{
padding-top: 66px;
}
.p-b-80-pc
{
padding-bottom: 66px;
}/* 100 */
.m-t-100-pc
{
margin-top: 80px;
}
.m-b-100-pc
{
margin-bottom: 80px;
}
.p-t-100-pc
{
padding-top: 80px;
}
.p-b-100-pc
{
padding-bottom: 80px;
}/* 140 */
.m-t-140-pc
{
margin-top: 112px;
}
.m-b-140-pc
{
margin-bottom: 112px;
}
.p-t-140-pc
{
padding-top: 112px;
}
.p-b-140-pc
{
padding-bottom: 112px;
}
}
@media(min-width: 1920px)
{/* 16 pc */
.m-t-16-pc
{
margin-top: 16px;
}
.m-b-16-pc
{
margin-bottom: 16px;
}
.p-t-16-pc
{
padding-top: 16px;
}
.p-b-16-pc
{
padding-bottom: 16px;
}/* 18 pc */
.m-t-18-pc
{
margin-top: 18px;
}
.m-b-18-pc
{
margin-bottom: 18px;
}
.p-t-18-pc
{
padding-top: 18px;
}
.p-b-18-pc
{
padding-bottom: 18px;
}/* 20 pc */
.m-t-20-pc
{
margin-top: 20px;
}
.m-b-20-pc
{
margin-bottom: 20px;
}
.p-t-20-pc
{
padding-top: 20px;
}
.p-b-20-pc
{
padding-bottom: 20px;
}/* 24 pc */
.m-t-24-pc
{
margin-top: 24px;
}
.m-b-24-pc
{
margin-bottom: 24px;
}
.p-t-24-pc
{
padding-top: 24px;
}
.p-b-24-pc
{
padding-bottom: 24px;
}/* 30 pc */
.m-t-30-pc
{
margin-top: 30px;
}
.m-b-30-pc
{
margin-bottom: 30px;
}
.p-t-30-pc
{
padding-top: 30px;
}
.p-b-30-pc
{
padding-bottom: 30px;
}/* 40 pc */
.m-t-40-pc
{
margin-top: 40px;
}
.m-b-40-pc
{
margin-bottom: 40px;
}
.p-t-40-pc
{
padding-top: 40px;
}
.p-b-40-pc
{
padding-bottom: 40px;
}/* 50 pc */
.m-t-50-pc
{
margin-top: 50px;
}
.m-b-50-pc
{
margin-bottom: 50px;
}
.p-t-50-pc
{
padding-top: 50px;
}
.p-b-50-pc
{
padding-bottom: 50px;
}/* 60 */
.m-t-60-pc
{
margin-top: 60px;
}
.m-b-60-pc
{
margin-bottom: 60px;
}
.m-l-60-pc
{
margin-left: 60px;
}
.m-r-60-pc
{
margin-right: 60px;
}
.p-t-60-pc
{
padding-top: 60px;
}
.p-b-60-pc
{
padding-bottom: 60px;
}
.p-l-60-pc
{
padding-left: 60px;
}
.p-r-60-pc
{
padding-right: 60px;
}/* 70 */
.m-t-70-pc
{
margin-top: 70px;
}
.m-b-70-pc
{
margin-bottom: 70px;
}
.p-t-70-pc
{
padding-top: 70px;
}
.p-b-70-pc
{
padding-bottom: 70px;
}/* 80 */
.m-t-80-pc
{
margin-top: 80px;
}
.m-b-80-pc
{
margin-bottom: 80px;
}
.p-t-80-pc
{
padding-top: 80px;
}
.p-b-80-pc
{
padding-bottom: 80px;
}/* 100 */
.m-t-100-pc
{
margin-top: 100px;
}
.m-b-100-pc
{
margin-bottom: 100px;
}
.p-t-100-pc
{
padding-top: 100px;
}
.p-b-100-pc
{
padding-bottom: 100px;
}/* 140 */
.m-t-140-pc
{
margin-top: 140px;
}
.m-b-140-pc
{
margin-bottom: 140px;
}
.p-t-140-pc
{
padding-top: 140px;
}
.p-b-140-pc
{
padding-bottom: 140px;
}
}/*cyt 顶部*/
.top-content
{
border-bottom: 1px solid #bfbfbf;
text-align: center;
line-height: 16px;
float: right;
}
.top-content img
{
display: inline-block;
width: 17px;
height: 17px;
margin-right: 12px;
vertical-align: middle;
margin-top: -6px;
}
.top-button
{
font-size: 14px;
display: inline-block;
vertical-align: middle;
text-align: right;
font-family: "HarmonyOS_Sans_SC_Medium";
}
.top-button:nth-child(3)
{
margin-left: 36px;
margin-right: 16px;
}
.yuyan
{
padding-bottom: 10px;
padding-left: 10px;
color: #221815;
font-family: "HarmonyOS_Sans_SC_Regular";
}
.global-button
{
display: inline-block;
cursor: pointer;
}
.global-button:hover .global:before, .global-button:hover .yuyan
{
color: #004898;
}
.search-rukou
{
display: inline-block;
cursor: pointer;
border-bottom: 1px solid #bfbfbf;
}
.search-rukou:hover .search-wenzi
{
color: #004898;
}
.search-rukou:hover #circle
{
border: 2px solid #004898;
}
.search-rukou:hover #c-btn, .search-rukou:hover #r-btn::before, .search-rukou:hover #r-btn::after
{
background-color: #004898;
}
.search-wenzi
{
padding-left: 10px;
line-height: 17px;
color: #221815;
font-family: "HarmonyOS_Sans_SC_Regular";
padding-bottom: 10px;
display: inline-block;
}
.smaller .search-wenzi
{
display: none!important;
}
.phone-button
{
padding-bottom: 9px;
}
.top-button a
{
color: #221815;
font-size: 14px;
display: inline-block;
padding: 0 25px;
padding-bottom: 10px;
}
.top-button a:hover
{
color: #004898;
font-family: "HarmonyOS_Sans_SC_Bold";
}
.top-button:nth-child(3), .top-button:nth-child(4), .top-button:nth-child(5)
{
width: 106px;
position: relative;
}
.top-button a::after
{
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 0;
height: 3px;
background-color: #004898;
transition: all .4s;
-o-transition: all .4s;
-ms-transition: all .4s;
-moz-transition: all .4s;
-webkit-transition: all .4s;
}
.top-button a:hover::after
{
width: 100%;
}
.fengefu
{
margin-left: 16px;
font-size: 20px;
line-height: 16px;
color: #bfbfbf;
display: inline-block;
vertical-align: middle;
margin-bottom: 2px;
font-family: "HarmonyOS_Sans_SC_Medium";
padding-bottom: 9px;
}
.global
{
margin-left: 24px;
font-size: 17px;
line-height: 18px;
cursor: pointer;
vertical-align: middle;
padding-bottom: 7px;
display: inline-block;
}
.smaller .global
{
padding-bottom: 9px;
}/*.global:hover:before{
color: #004898;
}*/
.search-button
{
margin-left: 24px;
font-size: 17px;
line-height: 18px;
cursor: pointer;
vertical-align: middle;
}
.language-switch
{
text-align: right;
display: none;
width: 100%;
position: absolute;
margin-right: 0;
background: #fff;
line-height: 30px;
right: 0;
z-index: 30;
font-size: 14px;
top: 20px;
}
.smaller .language-switch
{
right: -20px;
z-index: 20;
}
.language-button a
{
font-size: 14px;
line-height: 14px;
color: #221815;
margin-right: 32px;
}
.language-button a:hover
{
color: #004898;
font-family: "HarmonyOS_Sans_SC_Bold";
}
.language-close:hover:before
{
color: #004898;
}
.smaller .top-content
{
border-bottom: none;
line-height: 22px;
right: 10px;
}
#t3-header .col-xs-12.col-sm-4
{
width: 100%;
}
@media only screen and (max-width: 1080px)
{
.smaller .global
{
margin-left: 18px;
}
.smaller .yuyan
{
padding-left: 5px;
}
.smaller .top-content
{
padding-right: 10px;
}
}/*cyt 导航栏*/
.t3-megamenu .dropdown-menu .mega-nav>li a:hover .image-title
{
color: #004898;
}
.t3-megamenu li.dropdown.mega:nth-child(2) li .second-menu
{
font-family: "HarmonyOS_Sans_SC_Bold";
}
.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav>li .third-menu, .t3-megamenu li.dropdown.mega:nth-child(2) li .third-menu
{
font-family: "HarmonyOS_Sans_SC_Regular";
}
.t3-megamenu li.dropdown.mega:nth-child(2) li .second-menu:hover
{
font-family: "HarmonyOS_Sans_SC_Bold";
}
.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav>li a.third-menu:hover, .t3-megamenu li.dropdown.mega:nth-child(2) li .third-menu:hover
{
font-weight: bold;
font-family: "HarmonyOS_Sans_SC_Regular";
}/*--------------------------------------------------*//* footer *//* ================================================== */
.t3-footer
{
border-top: none;
}
footer
{
position: relative;
overflow: hidden;
background: #003480;
color: #ccc;
}
footer h3
{
display: none;
}/*GXQ;20190319*/
.footer-container
{
margin-left: 400px;
margin-right: 152px;
text-align: left;
}
@media only screen and (max-width: 1630px)
{
.footer-container
{
margin-left: 300px;
margin-right: 120px;
}
}
@media only screen and (max-width: 1475px)
{
.footer-container
{
margin-left: 280px;
margin-right: 100px;
}
}
@media only screen and (max-width: 1399px)
{
.footer-container
{
margin-left: 180px;
margin-right: 100px;
}
}
@media only screen and (max-width: 1160px)
{
.footer-container
{
margin-left: 120px;
margin-right: 80px;
}
}
.footer-top
{
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
align-items: center;
-webkit-align-items: center;
padding-bottom: 54px;
padding-top: 80px;
}
@media only screen and (max-width: 1599px)
{
.footer-top
{
padding-bottom: 40px;
padding-top: 70px;
}
}
@media only screen and (max-width: 1299px)
{
.footer-top
{
padding-bottom: 30px;
padding-top: 60px;
}
}
.footer-left
{
flex: 1;
-ms-flex: 1;
-webkit-flex: 1;/*border-right: 1px solid #FFFFFF;*/
padding-right: 60px;
}
footer .footer-title
{
font-family: "HarmonyOS_Sans_SC_Bold";/*font-weight: bold;*/
font-weight: 400;
font-size: 36px;
color: #fff;
padding-bottom: 15px;
}
.footer-left p
{
font-family: "HarmonyOS_Sans_SC_Regular";
color: #fff;
font-size: 18px;
line-height: 36px;
}/*.footer-left p:last-child {
font-size: 30px;
line-height: 50px;
}*/
.footer-right
{/*display:flex;
display:-webkit-flex;
justify-content:center;
align-items:center;
-webkit-align-items: center;
padding-left: 60px;*/
position: relative;
}
.footer-right .fr-container
{
padding-left: 60px;
border-left: 1px solid #fff;
}
.footer-right .fr-link
{
position: relative;
font-family: "HarmonyOS_Sans_SC_Regular";
width: 330px;
display: flex;
display: -webkit-flex;
color: #fff;
}
.footer-right .fr-link-desc
{
flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
font-size: 24px;
line-height: 36px;
margin-bottom: 4px;
}
.link1:hover .fr-link-desc, .link2:hover .fr-link-desc, .link3:hover .fr-link-desc
{
font-weight: bold;
}/*.link1:hover .fr-link-icon,
.link2:hover .fr-link-icon,
.link3:hover .fr-link-icon {
font-size: 30px;
}*/
.footer-right .fr-link-icon
{
position: absolute;
right: -20px;
padding-left: 30px;
font-size: 24px;
font-weight: bold;
line-height: 40px;
margin-top: 7px;
}
.footer-bottom
{/*position: relative;*/
display: flex;
display: -ms-flexbox;
display: -webkit-flex;
}
.footer-bottom .connect
{
flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
}
.footer-bottom .logo-link
{
position: relative;
}
.footer-bottom .logo-link .qrcode-mask
{
display: none;
position: absolute;
left: 0;
width: 120px;
height: 160px;
padding: 10px;
box-sizing: border-box;
background-color: #fff;
border-radius: 5px;
}
.footer-bottom .logo-link .qrcode-mask.show
{
display: block;
}
.footer-bottom .qrcode-mask img
{
display: block;
width: 100%;
}
.footer-bottom .qrcode-mask .qr-title
{
font-family: "HarmonyOS_Sans_SC_Bold";
color: #004898;
text-align: center;
margin: 6px 0;
font-size: 16px;
}
.footer-bottom .qrcode-mask .qr-desc
{
font-family: "HarmonyOS_Sans_SC_Regular";
font-size: 14px;
color: #333;
text-align: center;
}
.footer-bottom .qrcode-mask.douyin-mask
{
top: -172px;
right: 15%;
}
.footer-bottom .qrcode-mask.wechat-mask
{
top: -172px;
right: 11%;
}
.footer-bottom .qrcode-mask.video-mask
{
top: -172px;
right: 9%;
}
.footer-bottom .qrcode-mask.yun-mask
{
top: -172px;
right: 7%;
}
.connect a, .connect a:hover, .connect a:active, .connect a:visited, .connect a:link, .connect a:focus
{
display: block;
width: 240px;
height: 30px;
background: #fff!important;
color: #595757;
text-align: center;
font-size: 18px;
line-height: 30px;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.connect a:hover
{
transform: translateY(-3px);
}
.footer-bottom .logo-area
{
display: block;
width: 391px;
padding-left: 60px;
}
@media only screen and (max-width: 1599px)
{
.connect, .connect:hover, .connect:active, .connect:visited, .connect:link, .connect:focus
{
width: 210px;
height: 30px;
font-size: 16px;
line-height: 30px;
}
}/*移动端footer*//*------------------------------------*/
.m-footer
{
display: none;
padding: 24px 4% 16px;
background-color: #003480;
color: #fff;
}
.m-footer .title-footer
{
margin-bottom: 16px;
font-size: 26px;
line-height: 1;
font-family: "HarmonyOS_Sans_SC_Bold";
}
.m-footer .content-footer .item-detail
{
color: #c0c0c0;
padding-bottom: 16px;
font-size: 14px;
line-height: 18px;
}
.m-footer .border-bottom
{
display: block;
width: 100%;
border-bottom: 1px solid #666;
}
.m-footer a, .m-footer a:link, .m-footer a:visited, .m-footer a:hover, .m-footer a:active
{
color: #fff;
font-size: 18px;
line-height: 36px;/*vertical-align: middle;*/
}
.m-footer a.stay-connected
{
display: block;
width: 145.55px;
height: 34px;
line-height: 34px;
margin-top: 16px;
text-align: center;
background-color: #fff;
color: #1f1f1f!important;
font-weight: bold;
}
.m-footer .fr-link-desc
{
display: inline-block;
width: 145px;
margin-right: 10px;
}
.m-footer .fr-link-icon
{
color: #fff;
font-size: 14px;
font-weight: bold;
}
.m-footer .fr-link-icon::before
{
color: #fff;
}
.m-footer .m-logo-area .logo-title
{
display: block;
height: auto;
padding: 10px 0;
font-size: 18px;
line-height: 1;
color: #fff;
}
.m-footer .m-logo-area .logo-link
{
display: inline-block;
width: 32px;
height: 32px;
margin-right: 10px;
}
.m-footer .m-logo-area .logo-link figure
{
width: 32px;
height: 32px;
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.douyin
{
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU2LjcgNTYuNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTYuNyA1Ni43IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01NCwyLjZDNTIuMywwLjksNTAsMCw0Ny42LDBIOUM2LjYsMCw0LjMsMC45LDIuNiwyLjZDMC45LDQuMywwLDYuNiwwLDl2MzguNkMwLDUwLDAuOSw1Mi4zLDIuNiw1NA0KCWMxLjcsMS43LDQsMi42LDYuNCwyLjZoMzguNmM1LDAsOS4yLTQsOS05VjlDNTYuNyw2LjYsNTUuNyw0LjMsNTQsMi42eiBNNDQuOSwyNS4xQzQ0LjksMjUuMSw0NC45LDI1LjEsNDQuOSwyNS4xDQoJYy0zLjQsMC02LjUtMS4xLTkuMS0yLjl2MTNjMCw2LjYtNS40LDEyLTEyLDEyYy02LjYsMC0xMi01LjQtMTItMTJjMC02LjYsNS40LTEyLDEyLTEyYzAuNywwLDEuMywwLjEsMS45LDAuMnY2LjkNCgljLTAuNi0wLjItMS4yLTAuMy0xLjktMC4zYy0zLDAtNS40LDIuNC01LjQsNS40YzAsMywyLjQsNS40LDUuNCw1LjRjMywwLDUuNC0yLjQsNS40LTUuNGMwLDAsMCwwLDAsMGgwVjkuNWg2LjdjMCw1LDQsOSw5LDlWMjUuMXoiDQoJLz4NCjwvc3ZnPg0K');
}
.wechat
{
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU2LjcgNTYuNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTYuNyA1Ni43IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMi45LDI4LjJjLTAuOSwwLTEuNywwLjktMS43LDEuN2MwLDAuOSwwLjksMS43LDEuNywxLjdjMS4zLDAsMi0wLjcsMi0xLjdDMzQuOSwyOSwzNC4yLDI4LjIsMzIuOSwyOC4yeiINCgkJLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNNDIsMjguMmMtMC45LDAtMS43LDAuOS0xLjcsMS43YzAsMC45LDAuOSwxLjcsMS43LDEuN2MxLjMsMCwyLTAuNywyLTEuN0M0NCwyOSw0My4zLDI4LjIsNDIsMjguMnoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMjcuNywyMC40YzEuMywwLDItMC43LDItMnMtMC43LTItMi0yYy0xLjMsMC0yLjYsMC43LTIuNCwyQzI1LjMsMTkuNywyNi40LDIwLjQsMjcuNywyMC40eiIvPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01NCwyLjZDNTIuMywwLjksNTAsMCw0Ny42LDBIOUM2LjYsMCw0LjMsMC45LDIuNiwyLjZDMC45LDQuMywwLDYuNiwwLDl2MzguNkMwLDUwLDAuOSw1Mi4zLDIuNiw1NA0KCQljMS43LDEuNyw0LDIuNiw2LjQsMi42aDM4LjZjNSwwLDkuMi00LDktOVY5QzU2LjcsNi42LDU1LjcsNC4zLDU0LDIuNnogTTIxLjUsMzcuM2MtMiwwLTMuNy0wLjQtNS44LTAuN2wtNS44LDNsMS43LTUNCgkJYy00LjEtMy02LjUtNi43LTYuNS0xMS4xYzAtNy44LDcuMi0xMy45LDE2LjMtMTMuOWM4LDAsMTUsNC44LDE2LjUsMTEuNWMtMC42LTAuMi0xLjEtMC4yLTEuNy0wLjJjLTcuOCwwLTEzLjksNS44LTEzLjksMTMNCgkJYzAsMS4yLDAuMiwyLjQsMC42LDMuNUgyMS41eiBNNDUuNyw0My4xbDEuMyw0LjFsLTQuNS0yLjRjLTEuNywwLjQtMy4zLDAuNy01LDAuN2MtNy44LDAtMTMuOS01LjQtMTMuOS0xMS45czYuMS0xMS45LDEzLjktMTEuOQ0KCQljNy40LDAsMTMuOSw1LjQsMTMuOSwxMS45QzUxLjQsMzcuMyw0OSw0MC43LDQ1LjcsNDMuMXoiLz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTYuMiwxNi40Yy0xLjEsMC0yLjQsMC43LTIuNCwyczEuMSwyLDIuNCwyYzEuMSwwLDItMC43LDItMlMxNy4zLDE2LjQsMTYuMiwxNi40eiIvPg0KPC9nPg0KPC9zdmc+DQo=');
}
.footer-logo-video
{
background-image: url('https://file.jingdiao.com/website/jingdiao/cn/images/common/video-logo.svg');
}/*.yunpingtai {
background-image:url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCAwIDU2LjcgNTYuNyIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgNTYuNyA1Ni43IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik01NCwyLjZDNTIuMywwLjksNTAsMCw0Ny42LDBIOUM2LjYsMCw0LjMsMC45LDIuNiwyLjZDMC45LDQuMywwLDYuNiwwLDl2MzguNkMwLDUwLDAuOSw1Mi4zLDIuNiw1NA0KCWMxLjcsMS43LDQsMi42LDYuNCwyLjZoMzguNmM1LDAsOS4yLTQsOS05VjlDNTYuNyw2LjYsNTUuNyw0LjMsNTQsMi42eiBNNDAuOSw0Mi4zSDEzLjZjLTQuMSwwLTcuNC0zLjMtNy40LTcuNHMzLjMtNy40LDcuNC03LjRoMw0KCXYtM2MwLTUuNyw0LjYtMTAuMywxMC4zLTEwLjNjNC40LDAsOC4yLDIuOCw5LjcsNi44Yy00LjcsMS44LTguMSw2LjMtOC4xLDExLjdoMC41YzAtNS4zLDYuNy05LjYsMTItOS42YzUuMywwLDkuNiw0LjMsOS42LDkuNg0KCUM1MC41LDM4LjEsNDYuMiw0Mi4zLDQwLjksNDIuM3oiLz4NCjxwYXRoIGQ9Ik00MC43LDM5LjciLz4NCjwvc3ZnPg0K');
}*/
.toutiao
{
background-image: url('data:image/svg+xml;base64,PHN2ZyBpZD0i5Zu+5bGCXzEiIGRhdGEtbmFtZT0i5Zu+5bGCIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDgyMi4wOCA4MjIuMiI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOm5vbmU7fS5jbHMtMiwuY2xzLTN7ZmlsbDojZmZmO30uY2xzLTJ7c3Ryb2tlOiNmZmY7c3Ryb2tlLW1pdGVybGltaXQ6MTA7c3Ryb2tlLXdpZHRoOjNweDt9PC9zdHlsZT48L2RlZnM+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNNjc1LjQsNy40MiwxNDcsNy44N0ExMzkuMjcsMTM5LjI3LDAsMCwwLDcuNzUsMTQ3LjE0djMwLjE1bDgwNi44MS00Mi42MUM4MDguMjYsNjMuNiw3NDguNTQsNy44NSw2NzUuNCw3LjQyWiIvPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE0Ny40Nyw4MTQuNzhINjc1LjRjNzYuOTEsMCwxMzkuMjYtNjIuMzUsMTM5LjcyLTEzOS43MlY2NDEuN0w4LjMsNjg3LjQ0QTEzOS43NiwxMzkuNzYsMCwwLDAsMTQ3LjQ3LDgxNC43OFoiLz48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xLjUsMVYxNDEuNDZBMTQ1LjQ3LDE0NS40NywwLDAsMSwxNDcsMS41SDY3NC45NEExNDUuNDcsMTQ1LjQ3LDAsMCwxLDgyMCwxMzQuNGguMTFhMTIwLjczLDEyMC43MywwLDAsMSwuNDUsMTIuNzVWNjc1LjA2YzAsODAuMS02NS4wOCwxNDUuNjQtMTQ1LjY0LDE0NS42NEgxNDdDNzAuNzgsODIwLjcsOC40MSw3NjIsMS45NCw2ODcuOGgtLjFjLS4xOC0xLjU4LS4yNy0zLjIyLS4zNC00Ljg4VjgyMS43SDgyMS4zNFYxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTgxNS4xMiw2NzUuMDZjLS40Niw3Ny4zNy02Mi44MSwxMzkuNzItMTM5LjcyLDEzOS43MkgxNDcuNDdBMTM5Ljc2LDEzOS43NiwwLDAsMSw4LjMsNjg3LjQ0bC02LjM2LjM2QzguNDEsNzYyLDcwLjc4LDgyMC43LDE0Nyw4MjAuN0g2NzQuOTRjODAuNTYsMCwxNDUuNjQtNjUuNTQsMTQ1LjY0LTE0NS42NFY2NDEuMzlsLTUuNDYuMzFaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNNy43NSwxNDcuMTRBMTM5LjI3LDEzOS4yNywwLDAsMSwxNDcsNy44N0w2NzUuNCw3LjQyYzczLjE0LjQzLDEzMi44Niw1Ni4xOCwxMzkuMTYsMTI3LjI2bDUuNDYtLjI4QTE0NS40NywxNDUuNDcsMCwwLDAsNjc0Ljk0LDEuNUgxNDdBMTQ1LjQ3LDE0NS40NywwLDAsMCwxLjUsMTQxLjQ2djM2LjE2bDYuMjUtLjMzWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTgxNS4xMiwxNDcuMTRjMC00LjItLjItOC4zNS0uNTYtMTIuNDZMNy43NSwxNzcuMjlWNjc1LjA2YzAsNC4xNy4yLDguMy41NSwxMi4zOEw4MTUuMTIsNjQxLjdaTTE3OS4zMywyNzcuM2w0Ny43OCw2MC4wN0wxNjIsMzQxLjQ3bC00Ny43OC02MC41M1ptMCw3NS4wOSw0Ny43OCw2MC41M0wxNjIsNDE2LjEsMTE0LjI1LDM1NlptMjAsMjI3LjU1TDg5LjY3LDU4Ni4zMlY1NDcuNjNsNjUuMDgtNC4wOUwyMDgsNDczLjQ1LDg3Ljg1LDQ4MC4yOFY0NDEuNTlsMTcyLjk0LTEwVjI2MC45MUwzMjAsMjU3LjczVjQyOC4zOWw3Mi44Mi00LjA5VjQ2M2wtMTA5LjIzLDYuMzdabTEzNi4wOC04LjE5LTQ2Ljg3LTkxLjkzLDY1LjUzLTMuMThMNDAxLDU2OC41N1ptMTUxLjEtMzQ4LjYxLDQ3LjMzLDIyLjMsMTM2LjUzLTcuNzQsNTkuMTctMy4xOHY2Ny44MWwtOTcuNCw0Ny43OEw3MDUuNDQsMzc3bDI4LjIxLTEuODJ2MzguNjlsLTQyLjc4LDIuMjctMTExLTQxTDQ3MS4wNiw0MjguODVsLTQyLjMzLDIuMjdWMzkyLjQ0bDI3Ljc2LTEuMzcsNzEtMzUtNDEuNDItMTUuNDcsMjMuNjctMzYsNzAuMDksMjUuOTUsOTAuMTEtNDQuMTV2LTkuNTZsLTE2MS41Nyw5LjEtMzIuMzEsNTFMNDI2LDMxOC43MVpNNDg4LjM1LDU2NGwtNTkuMTcsMy4xOCwzOS42LTc2LjQ1LDU5LjE2LTMuMTlabTEyMi40My03Ljc0LTU5LjE3LDMuMThWNDczLjkxbC0xMjIuODgsNi44MlY0NDIuMDVsMTIyLjg4LTYuODNWNDE1LjY1bDU5LjE3LTMuMTlWNDMybDEyMi44Ny02LjgydjM4LjY4bC0xMjIuODcsNi44M1ptMzEuODUtNzYsNTkuMTYtMy4xOUw3NDUsNTQ5bC01OS4xNiwzLjE4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTgyMC4xMywxMzQuMzlIODIwYy4zNiw0LjIuNTYsOC40NC41NiwxMi43NEExMjAuNzMsMTIwLjczLDAsMCwwLDgyMC4xMywxMzQuMzlaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMS45NCw2ODcuOHEtLjMtMy41Mi0uNDQtNy4wOXYyLjIyYy4wNywxLjY2LjE2LDMuMy4zNCw0Ljg4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTgxNS4xMiwxNDcuMTRWNjQxLjdsNS40Ni0uMzFWMTQ3LjE0YzAtNC4zLS4yLTguNTQtLjU2LTEyLjc0bC01LjQ2LjI4QzgxNC45MiwxMzguNzksODE1LjEyLDE0Mi45NCw4MTUuMTIsMTQ3LjE0WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTguMyw2ODcuNDRjLS4zNS00LjA4LS41NS04LjIxLS41NS0xMi4zOFYxNzcuMjlsLTYuMjUuMzNWNjgwLjcxcS4xNCwzLjU3LjQ0LDcuMDlaIi8+PC9zdmc+');
}
.youtube
{
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0yOS40LDcuOEMyOSw2LjUsMjgsNS40LDI2LjcsNS4xQzI0LjQsNC41LDE1LDQuNSwxNSw0LjVzLTkuNCwwLTExLjcsMC42QzIsNS40LDEsNi41LDAuNiw3LjgNCgkJQzAsMTAuMSwwLDE1LDAsMTVzMCw0LjksMC42LDcuM0MxLDIzLjYsMiwyNC42LDMuMywyNC45QzUuNiwyNS41LDE1LDI1LjUsMTUsMjUuNXM5LjQsMCwxMS43LTAuNmMxLjMtMC4zLDIuMy0xLjMsMi43LTIuNg0KCQlDMzAsMTkuOSwzMCwxNSwzMCwxNVMzMCwxMC4xLDI5LjQsNy44TDI5LjQsNy44eiBNMTEuOSwxOS41di04LjlsNy44LDQuNUwxMS45LDE5LjV6IE0xMS45LDE5LjUiLz4NCjwvZz4NCjwvc3ZnPg0K');
}
.facebook
{
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4wLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL1RSLzIwMDEvUkVDLVNWRy0yMDAxMDkwNC9EVEQvc3ZnMTAuZHRkIj4NCjxzdmcgdmVyc2lvbj0iMS4wIiBpZD0i5Zu+5bGCXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB2aWV3Qm94PSIwIDAgMzAgMzAiIGVuYWJsZS1iYWNrZ3JvdW5kPSJuZXcgMCAwIDMwIDMwIiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0zMCwxLjd2MjYuN2MwLDAuOS0wLjcsMS43LTEuNywxLjdoLTcuNlYxOC40aDMuOWwwLjYtNC41aC00LjVWMTFjMC0xLjMsMC40LTIuMiwyLjItMi4yaDIuNFY0LjcNCgkJYy0wLjQtMC4xLTEuOC0wLjItMy41LTAuMmMtMy41LDAtNS44LDIuMS01LjgsNnYzLjNoLTMuOXY0LjVIMTZWMzBIMS43QzAuNywzMCwwLDI5LjMsMCwyOC4zVjEuN0MwLDAuNywwLjcsMCwxLjcsMGgyNi43DQoJCUMyOS4zLDAsMzAsMC43LDMwLDEuN0wzMCwxLjd6IE0zMCwxLjciLz4NCjwvZz4NCjwvc3ZnPg0K');
}
.m-footer .copyright-footer
{
color: #c0c0c0;
font-size: 14px;
margin-top: 15px;
}
.m-footer a.beian-footer
{
color: #c0c0c0;
font-size: 14px;
line-height: 2;
}
.m-qrcode-mask
{
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgb(0,0,0,.5);
z-index: 9;
}
.m-qrcode-mask::before
{
content: '';
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: -30px;
z-index: -1;
background-color: rgba(0,0,0,.5);
-webkit-filter: blur(100px);
-moz-filter: blur(100px);
-ms-filter: blur(100px);
-o-filter: blur(100px);
filter: blur(100px);
}
.m-qrcode-mask .m-qrcode-mask-wrapper
{
width: 68%;
max-width: 300px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%,-50%);
-o-transform: translate(-50%,-50%);
-ms-transform: translate(-50%,-50%);
-moz-transform: translate(-50%,-50%);
-webkit-transform: translate(-50%,-50%);
}
.m-qrcode-mask .m-qrcode-mask-main
{
position: relative;
padding: 38px 20px;
background-color: #fff;
border-radius: 10px;
}
.m-qrcode-mask .m-qrcode-mask-main img
{
display: block;
width: 100%;
padding: 0 30px;
box-sizing: border-box;
}
.m-qrcode-mask .m-qrcode-mask-main .qr-title
{
font-family: "HarmonyOS_Sans_SC_Bold";
font-size: 28px;
color: #004898;
text-align: center;
line-height: 1;
margin-top: 24px;
}
.m-qrcode-mask .m-qrcode-mask-main .qr-desc
{
margin-top: 12px;
font-family: "HarmonyOS_Sans_SC_Regular";
font-size: 18px;
text-align: center;
color: #000;
}
.m-qrcode-mask .m-qrcode-mask-main .qr-tip
{
margin-top: 24px;
font-family: "HarmonyOS_Sans_SC_Regular";
font-size: 14px;
text-align: center;
color: #000;
}
.m-qrcode-mask .m-qrcode-mask-main .save-tip
{
margin-top: 12px;
font-size: 12px;
color: #666;
text-align: center;
}
.m-qrcode-mask .m-qrcode-mask-main .save-img
{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
padding: 0;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
filter: alpha(opacity=100);
}
.m-qrcode-mask .m-qrcode-mask-close
{
width: 32px;
height: 32px;/*border-radius: 50%;*/
text-align: center;
line-height: 32px;
margin: 24px auto 0;
box-sizing: content-box;
background-image: url('/website/jingdiao/cn/images/common/qrcode-close.svg');
background-repeat: no-repeat;
background-size: cover;
}
@media only screen and (max-width: 1024px)
{
#footer
{
display: none;
}
.m-footer
{
display: block;
}
}
@media only screen and (max-width: 450px)
{
.m-footer .fr-link-desc
{
width: 130px;
}
.m-footer .title-footer
{
font-size: 24px;
line-height: 1.2;
}
.m-footer .content-footer .item-detail
{
font-size: 12px;
}
.m-footer a, .m-footer a:link, .m-footer a:visited, .m-footer a:hover, .m-footer a:active
{
font-size: 16px;
}
.m-footer .fr-link-icon
{
font-size: 12px;
}
.m-footer .m-logo-area .logo-title
{
font-size: 16px;
}
.m-footer .copyright-footer
{
font-size: 12px;
}
.m-footer a.beian-footer
{
font-size: 12px;
}
.m-qrcode-mask .m-qrcode-mask-main .qr-title
{
font-size: 24px;
}
.m-qrcode-mask .m-qrcode-mask-main .qr-desc
{
font-size: 16px;
}
.m-qrcode-mask .m-qrcode-mask-main .qr-tip
{
font-size: 12px;
}
.m-qrcode-mask .m-qrcode-mask-main .save-tip
{
font-size: 10px;
}
}/*------------------------------------*//*移动端footer end*//*cyt 0702*/
.logo-title
{
position: relative;
font-family: "HarmonyOS_Sans_SC_Regular";
font-size: 18px;
color: #fff;
margin-right: 18px;
line-height: 1;
display: inline-block;
bottom: 2px;
}
.logo-img
{
display: inline-block;
height: 30px;
}
.logo-link
{
width: 30px;
height: 30px;
display: inline-block;
margin-right: 10px;
cursor: pointer;
}
.footer-logo
{
width: 30px;
height: 30px;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
transition: all .2s ease-in-out;
-moz-transition: all .2s ease-in-out;
-ms-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
}
.footer-logo:hover
{
transform: translateY(-5px);
-moz-transform: translateY(-5px);
-ms-transform: translateY(-5px);
-webkit-transform: translateY(-5px);
}
.footer-copyright
{
text-align: center;
font-size: 14px;
color: #fff;
line-height: 30px;
margin-top: 40px;
margin-bottom: 24px;
}
.footer-copyright a
{
color: #fff;
font-size: 14px;
}
.footer-copyright a:visited
{
color: #fff;
}
.footer-copyright a:hover
{
color: #fff;
}
.footer-copyright a:active
{
color: #fff;
}/*移动端machining samples*/
@media only screen and (max-width: 1024px)
{
.machine-samples
{
background: #f6f6f6;
overflow: hidden;
padding-bottom: 42px;
margin-bottom: 12px;
}
.machine-samples .swiper-button-prev, .machine-samples .swiper-button-next
{
top: 38%;
margin-top: 0;
box-shadow: none;
-webkit-box-shadow: none;
}
.machine-samples .swiper-button-prev
{
left: 4%;
background: none;
outline: none;
width: 26px;
height: 26px;
font-size: 26px;
}
.machine-samples .swiper-button-next
{
right: 4%;
background: none;
outline: none;
width: 26px;
height: 26px;
font-size: 26px;
}
.machine-samples.swiper-button-prev .icon--:active:before, .machine-samples .swiper-button-next .icon--1:active:before
{
color: #004898;
}
.machine-samples .swiper-pagination-bullet
{
width: 7px;
height: 7px;
background: #fff;
border: 1px solid #373737;
opacity: 1;
outline: none;
margin: 0 4px!important;
}
.machine-samples .swiper-pagination
{
position: relative;
margin-top: 12px;
bottom: 0!important;
}
.machine-samples .swiper-pagination-bullet-active
{
background: #373737;
}
.machine-samples .swiper-container
{
padding: 0;
position: relative;
}
.machine-samples .swiper-slide
{
padding: 0;
position: relative;
overflow: hidden;
}
.platform-info
{
position: relative;
width: 360px;
margin: auto;
z-index: 1;
transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-webkit-transition: .5s;
transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
color: #333;
cursor: pointer;
}
.platform-info img
{
width: 100%;
height: auto;
}
.img-desc
{
margin: 0;
padding: 0 15px;
position: absolute;
top: 15px;
font-size: 16px;
line-height: 24px;
color: #333;
text-align: center;
left: 0;
right: 0;
}
.platform-front, .platform-back
{
width: 100%;
backface-visibility: hidden;
-webkit-backface-visibility: hidden;
-moz-backface-visibility: hidden;
-ms-backface-visibility: hidden;
height: 100%;
transition: .5s;
-moz-transition: .5s;
-ms-transition: .5s;
-webkit-transition: .5s;
transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
}
.platform-front
{
overflow: hidden;
z-index: 2;
}
.platform-back
{
padding: 14px 22px 22px 22px;
background: #fff;
z-index: 10;
font-size: 16px;
}
.platform-absolute
{
position: absolute;
top: 0;
left: 0;
}
.rotate-click
{
transform: rotateY(180deg);
-moz-transform: rotateY(180deg);
-ms-transform: rotateY(180deg);
-webkit-transform: rotateY(180deg);
}
.platform-title
{
text-align: center;
margin-bottom: 30px;
line-height: 24px;
}
.back-content
{
display: flex;
display: -webkit-flex;
}
.back-title
{
text-align: left;
width: 66.7px;
flex-shrink: 0;
-webkit-flex-shrink: 0;
}
.back-info
{
text-align: left;
margin-left: 4px;
}
.back-item
{
line-height: 24px;
}
.back-more
{
position: absolute;
bottom: 22px;
right: 22px;
display: block;
font-size: 0;
}
.back-more img
{
display: inline-block;
height: 12px;
width: 12px!important;
margin-right: 10px;
vertical-align: top;
margin-top: 1px;
}
.more-text
{
display: inline-block;
font-size: 14px;
color: #004898;
}
@media only screen and (max-width: 450px)
{
.platform-info
{
width: 300px;
}
.platform-title
{
margin-bottom: 20px;
line-height: 20px;
}
.platform-back
{
padding: 10px 15px 10px 15px;
font-size: 14px;
}
.back-more
{
bottom: 10px;
right: 15px;
}
.back-item
{
line-height: 22px;
}
.back-title
{
width: 59px;
}
}
.plus
{
margin-right: 4px;
}
}/*移动端语言切换及机床选型菜单项*/
span.global-m.icon--
{
float: right;
margin-right: 15px;
font-size: 21px;
line-height: 46px;
cursor: pointer;
}
span.global-m.icon--:before
{
color: #333;
}
span.global-m.icon--:active:before
{
color: #004898;
}
.language-switch-m
{
position: absolute;
top: 46px;
right: 0;
width: 78px;
background: #fff;
padding: 11px 0;
display: none;
}
@media only screen and (min-width: 1025px)
{
.language-switch-m
{
display: none!important;
}
}
.language-switch-m p
{
margin: 0;
text-align: center;
font-size: 16px;
line-height: 38px;
}
.language-switch-m p a
{
color: #333;
padding: 12px 18px;
cursor: pointer;
}
.language-switch-m p:nth-child(2) a
{
padding: 12px 23px;
}
.language-switch-m p a:hover
{
color: #333;
}
.language-switch-m p a:active
{
background: #c9c9c9;
}
.selector
{
display: block;
width: 100%;
padding: 22px 15px;
font-family: "HarmonyOS_Sans_SC_Regular";
color: #333!important;
font-size: 16px;
line-height: 16px;
border-bottom: 1px solid #d2d2d2;
}
.selector:active
{
background: #c9c9c9;
}
@media only screen and (min-width: 451px) and (max-width: 1024px)
{
.selector
{
font-size: 18px;
line-height: 18px;
}
}/*----------------------------------*//*cyt 搜索结果页面*/
.search .alert-danger
{
margin-top: 24px;
}
@media only screen and (max-width: 1024px)
{
.search .alert-danger
{
width: 92%;
margin-left: auto;
margin-right: auto;
line-height: 1.6;
}
}
#content.no-bottom.no-top .search
{
margin: 0 80px 140px 80px;
}
.search #searchForm
{
padding-bottom: 40px;
border-bottom: 1px solid #7d7d7d;
}
dl.search-results
{
margin-top: 80px;
}
.btn-toolbar
{
margin-left: 0;
}
.btn-toolbar p
{
font-family: "HarmonyOS_Sans_SC_Bold";
font-size: 60px;
color: #000;
line-height: 60px;
margin: 0;
padding: 0;
margin-bottom: 40px;
margin-top: 60px;
}
.searchintro p span, .searchintro p strong
{
font-family: "HarmonyOS_Sans_SC_Regular";
font-size: 36px;
line-height: 36px;
margin: 0;
padding: 0;
color: #595757;
}
.search-item
{
clear: both;
display: flex;
display: -webkit-flex;
}
.search-img
{
width: 25%;
margin-right: 4%;
}
.search-img img
{
width: 100%;
height: auto;
}
.search-content
{
width: 75%;
}
dt.result-title
{
margin-bottom: 31px;
font-family: "HarmonyOS_Sans_SC_Bold";
font-size: 30px;
color: #000;
line-height: 30px;
}
dd.result-text
{
font-family: "HarmonyOS_Sans_SC_Regular";
font-size: 18px;
line-height: 36px;
color: #595757;
margin-bottom: 31px;
}
dd.result-text span.highlight, dt.result-title span.highlight
{
color: #fe8900;
background-color: transparent;
}
dd.result-created
{
font-family: "HarmonyOS_Sans_SC_Regular";
font-size: 18px;
line-height: 18px;
color: #595757;
}
.search .pagination
{
display: inline-block;
padding-left: 0;
width: 100%;
margin: 0 auto;
text-align: center;
}
.search ul.pagination
{
width: auto;
margin: 0 auto;
display: inline-block;
}
ul.pagination li
{
background: #e5e5e5;
}
.fa-angle-double-right, .fa-angle-double-left
{
display: none!important;
}
ul.pagination li a
{
padding: 0;
background: #fff;
width: 60px;
height: 60px;
text-align: center;
vertical-align: middle;
font-family: "HarmonyOS_Sans_SC_Regular";
font-size: 24px;
line-height: 40px;
color: #595757;
border: 1px solid #b5b5b5;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
padding: 10px;
margin-left: 16px;
}
.search ul.pagination>li:first-child>a, .search ul.pagination>li:last-child>a
{
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
}
.search ul.pagination>.active>a
{
border-color: #b5b5b5;
color: #595757;
}
.pagination li a:hover
{
border: 1px solid #b5b5b5!important;
background: #f6f6f6!important;
color: #595757!important;
}
.fa-angle-left::before
{
content: " "!important;
display: block;
height: 40px;
width: 40px;
background: url(/website/jingdiao/cn/images/common/left.svg) no-repeat;
background-position: center;
}
.fa-angle-right::before
{
content: " "!important;
display: block;
height: 40px;
width: 40px;
background: url(/website/jingdiao/cn/images/common/right.svg) no-repeat;
background-position: center;
}
li.active.hidden-phone a
{
background: #e5e5e5;
cursor: default;
}
li.active.hidden-phone a:hover
{
background: #e5e5e5!important;
}
li.disabled a
{
border-color: #b5b5b5!important;
}
li.disabled a:hover
{
background: #fff!important;
}
.search-item a dt.result-title span.highlight
{
font-family: "HarmonyOS_Sans_SC_Bold";
}
.search-results a:hover .result-title
{
color: #004898;
}
@media only screen and (min-width: 1401px) and (max-width: 1500px)
{
#content.no-bottom.no-top .search
{
margin: 0 60px 140px 60px;
}
.search-img
{
margin-right: 4%;
}
.search-content
{
width: 71%;
}
}
@media only screen and (min-width: 1301px) and (max-width: 1400px)
{
#content.no-bottom.no-top .search
{
margin: 0 60px 140px 60px;
}
.search-img
{
width: 24%;
margin-right: 4%;
}
.search-content
{
width: 72%;
max-height: 200px;
}
}
@media only screen and (max-width: 1300px)
{
#content.no-bottom.no-top .search
{
margin: 0 40px 140px 40px;
}
.search-img
{
width: 27%;
margin-right: 3%;
}
.search-content
{
width: 70%;
}
}
@media only screen and (max-width: 1919px)
{
.search #searchForm
{
padding-bottom: 33.2px;
}
.btn-toolbar p
{
margin-bottom: 33.2px;
margin-top: 49.8px;
}
dl.search-results
{
margin-top: 66.4px;
}
dt.result-title
{
margin-bottom: 26.56px;
}
dd.result-text
{
margin-bottom: 26.56px;
}
}
@media only screen and (max-width: 1599px)
{
.search #searchForm
{
padding-bottom: 30px;
}
.btn-toolbar p
{
font-size: 40px;
line-height: 40px;
margin-bottom: 30px;
margin-top: 45px;
}
.searchintro p span, .searchintro p strong
{
font-size: 26px;
line-height: 26px;
}
dl.search-results
{
margin-top: 60px;
}
dt.result-title
{
margin-bottom: 24px;
font-size: 24px;
line-height: 24px;
}
dd.result-text
{
font-size: 18px;
line-height: 30px;
margin-bottom: 24px;
}
dd.result-created
{
font-size: 18px;
line-height: 18px;
}
ul.pagination li a
{
width: 50px;
height: 50px;
font-size: 20px;
line-height: 31px;
}
.fa-angle-left::before
{
height: 30px;
width: 30px;
background: url(/website/jingdiao/cn/images/common/left.svg) no-repeat;
background-position: center;
}
.fa-angle-right::before
{
height: 30px;
width: 30px;
background: url(/website/jingdiao/cn/images/common/right.svg) no-repeat;
background-position: center;
}
}
@media only screen and (max-width: 1299px)
{
.search #searchForm
{
padding-bottom: 27.2px;
}
.btn-toolbar p
{
font-size: 40px;
line-height: 40px;
margin-bottom: 27.2px;
margin-top: 40.8px;
}
.searchintro p span, .searchintro p strong
{
font-size: 26px;
line-height: 26px;
}
dl.search-results
{
margin-top: 54.4px;
}
dt.result-title
{
margin-bottom: 21.76px;
font-size: 24px;
line-height: 24px;
}
dd.result-text
{
font-size: 18px;
line-height: 30px;
margin-bottom: 21.76px;
}
dd.result-created
{
font-size: 18px;
line-height: 18px;
}
}/*移动端 搜索结果页面*/
@media only screen and (max-width: 1024px)
{
.search #searchForm
{
border-bottom: none;
}
#content.no-bottom.no-top .search
{
margin: 0 80px 140px 80px;
}
.search #searchForm
{
width: 92%;
margin: 0 auto;
padding-bottom: 0;
}
dl.search-results
{
padding-top: 24px;
border-top: 1px solid #d2d2d2;
width: 92%;
margin: 24px auto 0 auto;
}
.btn-toolbar p
{
font-family: "HarmonyOS_Sans_SC_Bold";
font-size: 28px;
color: #000;
line-height: 28px;
margin: 0;
padding: 0;
margin-bottom: 24px;
margin-top: 42px;
}
.searchintro p span, .searchintro p strong
{
font-family: "HarmonyOS_Sans_SC_Regular";
font-size: 20px;
line-height: 20px;
margin: 0;
padding: 0;
color: #595757;
}
.search-item
{
clear: both;
margin-bottom: 28px;
display: block;
}
.search-img
{
width: 100%;
margin-right: 0;
margin-bottom: 20px;
}
.search-img img
{
width: 100%;
height: auto;
}
.search-content
{
width: 100%;
}
.search-results dt.result-title
{
margin: 0;
margin-bottom: 12px;
font-family: "HarmonyOS_Sans_SC_Bold";
font-size: 22px;
color: #000;
line-height: 22px;
}
.search-results dt.result-title .highlight
{
font-size: 22px;
line-height: 1;
}
dd.result-text
{
font-family: "HarmonyOS_Sans_SC_Regular";
font-size: 16px;
line-height: 24px;
color: #333;
margin-bottom: 0;
}
dd.result-text span.highlight, dt.result-title span.highlight
{
color: #fe8900;
background-color: transparent;
}
dd.result-created
{
font-family: "HarmonyOS_Sans_SC_Regular";
font-size: 16px;
line-height: 16px;
color: #595757;
}/*cyt 0603*/
.searchintro div.pagination
{
margin: 0 auto 22px auto;
text-align: center;
}
.searchintro ul.pagination li:nth-child(2) a
{
width: 36px;
height: 36px;
background: url(/website/jingdiao/cn/images/common/left.svg);
background-position: center;
background-size: 15px 15px;
background-repeat: no-repeat;
border: 1px solid #b5b5b5;
}
.searchintro ul.pagination li:nth-last-child(2) a
{
width: 36px;
height: 36px;
background: url(/website/jingdiao/cn/images/common/right.svg);
background-position: center;
background-size: 15px 15px;
background-repeat: no-repeat;
border: 1px solid #b5b5b5;
}
.searchintro ul.pagination li a
{
padding: 0;
background: #fff;
width: 36px;
height: 36px;
text-align: center;
vertical-align: middle;
font-family: "HarmonyOS_Sans_SC_Regular";
font-size: 18px;
line-height: 18px;
color: #595757;
border: 1px solid #b5b5b5;
padding: 10px;
margin-left: 16px;
}
.searchintro ul.pagination li.active a
{
background: #e5e5e5;
}
.searchintro ul.pagination li:nth-child(2) a
{
margin-left: 0;
}
.searchintro ul.pagination li a:hover
{
border: 1px solid #b5b5b5!important;
color: #595757!important;
}
.searchintro ul.pagination li a:active
{
background: #f6f6f6;
}
.searchintro ul.pagination li:nth-child(2) a:hover, .searchintro ul.pagination li:nth-child(2) a:active
{
background: url(/website/jingdiao/cn/images/common/left.svg);
background-position: center;
background-size: 15px 15px;
background-repeat: no-repeat;
border: 1px solid #b5b5b5;
}
.searchintro ul.pagination li:nth-last-child(2) a:hover, .searchintro ul.pagination li:nth-last-child(2) a:active
{
background: url(/website/jingdiao/cn/images/common/right.svg);
background-position: center;
background-size: 15px 15px;
background-repeat: no-repeat;
}
li.active.hidden-phone a
{
background: #e5e5e5;
}
li.active.hidden-phone a:active
{
background: #e5e5e5!important;
}
li.disabled a
{
border-color: #b5b5b5!important;
}
.search-item a dt.result-title span.highlight
{
font-family: "HarmonyOS_Sans_SC_Bold";
}
.search-results a
{
display: block!important;
}
}
@media only screen and (min-width: 451px) and (max-width: 1024px)
{
.btn-toolbar p
{
font-size: 34px;
line-height: 34px;
}
.searchintro p span, .searchintro p strong
{
font-size: 22px;
line-height: 22px;
}
.search-results dt.result-title
{
font-size: 24px;
line-height: 24px;
}
dd.result-text
{
font-size: 18px;
line-height: 28px;
}
.search-results .result-created
{
font-size: 14px;
}
}
@media only screen and (max-width: 380px)
{
.searchintro ul.pagination li a
{
margin-left: 10px;
}
}
@media only screen and (max-width: 340px)
{
.searchintro ul.pagination li a
{
padding: 0;
background: #fff;
width: 33px;
height: 33px;
text-align: center;
vertical-align: middle;
font-family: "HarmonyOS_Sans_SC_Regular";
font-size: 16px;
line-height: 16px;
color: #595757;
border: 1px solid #b5b5b5;
padding: 9px;
margin-left: 10px;
}
.searchintro ul.pagination li:nth-child(2) a, .searchintro ul.pagination li:nth-last-child(2) a
{
width: 33px;
height: 33px;
border: 1px solid #b5b5b5;
}
.searchintro ul.pagination li:nth-child(2) a
{
background: url(/website/jingdiao/cn/images/common/left.svg);
background-position: center;
background-size: 15px 15px;
background-repeat: no-repeat;
}
.searchintro ul.pagination li:nth-last-child(2) a
{
background: url(/website/jingdiao/cn/images/common/right.svg);
background-position: center;
background-size: 15px 15px;
background-repeat: no-repeat;
}
.searchintro ul.pagination li:nth-last-child(2) a:hover, .searchintro ul.pagination li:nth-last-child(2) a:active, .searchintro ul.pagination li:nth-child(2) a:hover, .searchintro ul.pagination li:nth-child(2) a:active
{
background-position: center;
background-size: 13px 13px;
background-repeat: no-repeat;
}
}
@media only screen and (max-width: 1024px)
{
ul.pagination li a
{
width: 36px;
height: 36px;
font-size: 18px;
line-height: 34px;
padding: 4px;
}
.fa-angle-left::before
{
height: 18px;
width: 18px;
background: url(/website/jingdiao/cn/images/common/left.svg) no-repeat;
background-position: center;
background-size: 18px 18px;
}
.fa-angle-right::before
{
height: 18px;
width: 18px;
background: url(/website/jingdiao/cn/images/common/right.svg) no-repeat;
background-position: center;
background-size: 18px 18px;
}
ul.pagination li.hidden-phone a
{
padding: 1px;
}
}
@media only screen and (max-width: 400px)
{
ul.pagination li a
{
width: 32px;
height: 32px;
font-size: 18px;
line-height: 30px;
}
ul.pagination li a
{
margin-left: 10px;
}
.fa-angle-left::before
{
height: 16px;
width: 16px;
background: url(/website/jingdiao/cn/images/common/left.svg) no-repeat;
background-position: center;
background-size: 16px 16px;
}
.fa-angle-left::before
{
height: 16px;
width: 16px;
background: url(/website/jingdiao/cn/images/common/left.svg) no-repeat;
background-position: center;
background-size: 16px 16px;
}
}
@media only screen and (max-width: 450px)
{
.search-item
{
margin-bottom: 24px;
}
.search-img
{
margin-bottom: 16px;
}
.search-results dt.result-title
{
margin-bottom: 10px;
}
}/*----------------------------------*//*搜索结果页面 end*//*搜索框动画 cyt*/
.top-content
{
float: none;
right: 60px;
position: absolute;
z-index: 10;
padding-right: 15px;
}
.head-search #app form
{
margin: 0;
right: -12px;
left: auto;
opacity: 1;
width: 30px;
height: 30px;
top: -10px;
}
.head-search #app.active form
{
right: 0;
width: 100%;
height: 30px;
top: -2px;
}
#app-cover
{
position: absolute;
top: 22px;
right: 40px;
width: 500px;
}
#app
{
position: relative;
height: 30px;
padding: 0;
box-sizing: content-box;
-moz-box-sizing: content-box;
-webkit-box-sizing: content-box;
}
#app:after
{
content: '.';
display: table;
clear: both;
height: 0;
visibility: hidden;
}
#app form
{
position: absolute;
top: 0;
right: 0;
left: -260px;
height: 100%;
margin: 0 44px 0 18px;
opacity: 0;
}
input#search-searchword
{
display: block;
width: 100%;
height: 100%;
color: #333;
font-size: 16px;
line-height: 1;
padding-left: 10px;
border: 0;
background-color: transparent;
padding: 0;
padding-left: 10px;
opacity: 0;
}
input#search-searchword:focus
{
outline: none;
}
input#search-searchword::-ms-clear, input#search-searchword::-ms-reveal
{
display: none;
}
#app.active input#search-searchword
{
opacity: 1;
}
#circle
{
position: relative;
width: 13px;
height: 13px;
float: right;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
border: 2px solid #898989;
border-radius: 100px;
-moz-border-radius: 100px;
-webkit-border-radius: 100px;
overflow: hidden;
z-index: 10;
display: block;
padding: 0;
}
#r-btn
{
right: -3px;
top: -12px;
margin: -2px -2px 0 0;
-webkit-transform: rotateZ(45deg);
transform: rotateZ(45deg);
-moz-transform: rotateZ(45deg);
-ms-transform: rotateZ(45deg);
}
#r-btn:before, #r-btn:after
{
content: '';
position: absolute;
left: 0;
right: 0;
width: 100%;
height: 50%;
}
#r-btn:before
{
top: 0;
}
#r-btn:after
{
bottom: 0;
}
#c-btn
{
right: 0;
bottom: 14px;
-webkit-transform: rotateZ(-45deg);
transform: rotateZ(-45deg);
-moz-transform: rotateZ(-45deg);
-ms-transform: rotateZ(-45deg);
}
#c-btn, #r-btn
{
position: absolute;
width: 2px;
height: 5px;
border-radius: 0;
transition: .3s cubic-bezier(.18,.89,.41,1.42) all;
-moz-transition: .3s cubic-bezier(.18,.89,.41,1.42) all;
-ms-transition: .3s cubic-bezier(.18,.89,.41,1.42) all;
-webkit-transition: .3s cubic-bezier(.18,.89,.41,1.42) all;
}
#c-btn, #r-btn:before, #r-btn:after
{
background-color: #898989;
}
#circle, form.active
{
transition: .3s ease all;
-moz-transition: .3s ease all;
-ms-transition: .3s ease all;
-webkit-transition: .3s ease all;
}
#submit-button, #init-button
{
position: absolute;
top: -4px;
right: -10px;
width: 30px;
height: 30px;
border-bottom: 1px solid #bfbfbf;
cursor: pointer;
}
#submit-button
{
opacity: 0;
z-index: -1;
}
#submit-button.active
{
z-index: 2;
}
#init-button
{
z-index: 15;
}
#app.active
{
z-index: 15;
background: #fff;
top: -4px;
}
#app.active #circle
{
width: 100%;
height: 30px;
z-index: 10;
}
form.active
{
left: 0;
opacity: 1;
}
#app.active #c-btn
{
-webkit-transform: rotateZ(-45deg) translateY(-33px);
transform: rotateZ(-45deg) translateY(-33px);
-moz-transform: rotateZ(-45deg) translateY(-33px);
-ms-transform: rotateZ(-45deg) translateY(-33px);
-webkit-transform: rotateZ(-45deg) translateY(-33px);
right: -4px;
bottom: -17px;
height: 17px;
z-index: 15;
}
#app.active #c-btn.change
{
border-radius: 0 0 4px 4px;
-moz-border-radius: 0 0 4px 4px;
-webkit-border-radius: 0 0 4px 4px;
-webkit-transform: rotateZ(-90deg) translateY(-33px) translateX(22px);
transform: rotateZ(-90deg) translateY(-33px) translateX(22px);
-moz-transform: rotateZ(-90deg) translateY(-33px) translateX(22px);
-ms-transform: rotateZ(-90deg) translateY(-33px) translateX(22px);
}
#app.active #r-btn
{
-webkit-transform: rotateZ(45deg) translateY(33px);
transform: rotateZ(45deg) translateY(33px);
-moz-transform: rotateZ(45deg) translateY(33px);
-ms-transform: rotateZ(45deg) translateY(33px);
right: -3px;
top: -17px;
height: 18px;
}
#app.active #r-btn.change:before
{
top: -4px;
left: -5px;
-webkit-transform: rotateZ(90deg) translateX(10px);
transform: rotateZ(90deg) translateX(10px);
-moz-transform: rotateZ(90deg) translateX(10px);
-webkit-transform: rotateZ(90deg) translateX(10px);
}
#app.active #submit-button, #app.active #init-button
{
border-bottom: none;
right: 0;
height: 30px;
width: 45px;
z-index: 10;
top: 0;
}
#app.active #init-button
{
z-index: 15;
}
#app.active #submit-button
{
margin: 0;
padding: 0;
border: none;;
}
#app.active #submit-button.active
{
z-index: 20;
}
#dribbble
{
display: block;
position: absolute;
right: 0;
bottom: 0;
text-decoration: none;
padding: 20px;
}
#dribbble i
{
display: block;
width: 20px;
height: 20px;
color: #898989;
font-size: 20px;
line-height: 1;
}
.smaller #app-cover
{
top: 24px;
right: -10px;
}
.smaller #submit-button, .smaller #init-button
{
border-bottom: none;
}
.cengji
{
z-index: 30;
}/*轮播按钮样式*//*--------------------------------------*/
.pc-common-prev.swiper-button-disabled, .pc-common-next.swiper-button-disabled
{
opacity: 0!important;
}
.pc-common-prev, .pc-common-next
{
width: 46px;
height: 46px;
opacity: 0;
-moz-opacity: 0;
-webkit-opacity: 0;
transition: all .4s;
-o-transition: all .4s;
-ms-transition: all .4s;
-moz-transition: all .4s;
-webkit-transition: all .4s;
background-size: cover;
}
.pc-common-next
{
right: 0;
background-image: url('/website/jingdiao/cn/images/common/right-arrow.svg');
}
.pc-common-prev
{
left: 0;
background-image: url('/website/jingdiao/cn/images/common/left-arrow.svg');
}
@media only screen and (max-width: 1399px)
{
.pc-common-prev, .pc-common-next
{
width: 36px;
height: 36px;
}
}/*--------------------------------------*//*按钮动效*//*--------------------------------------------------*/
.common-btn
{
overflow: hidden;
backface-visibility: hidden;
}
.common-btn:active
{
transform: translateY(3px);
}
.btn-text-parent
{
position: relative;
display: inline-block;
overflow: hidden;
top: 50%;
transform: translateY(-50%);
-o-transform: translateY(-50%);
-ms-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-webkit-transform: translateY(-50%);
}
.wrap_text
{
display: inline-block;
}
.buildin-btn-text
{
position: absolute;
left: 0;
top: 0;
z-index: 9;
width: 100%;
transform: translateY(100%);
}
.buildin-btn-text .btn-letter
{
opacity: 0;
}
.btn-letter
{
display: inline-block;
margin: 0 .05em;
position: relative;
transition: transform 300ms,opacity 300ms ease;
}
.current-btn-text .btn-letter:nth-child(1)
{
transition-delay: 49ms;
}
.current-btn-text .btn-letter:nth-child(2)
{
transition-delay: 99ms;
}
.current-btn-text .btn-letter:nth-child(3)
{
transition-delay: 149ms;
}
.current-btn-text .btn-letter:nth-child(4)
{
transition-delay: 199ms;
}
.current-btn-text .btn-letter:nth-child(5)
{
transition-delay: 249ms;
}
.current-btn-text .btn-letter:nth-child(6)
{
transition-delay: 299ms;
}
.current-btn-text .btn-letter:nth-child(7)
{
transition-delay: 349ms;
}
.current-btn-text .btn-letter:nth-child(8)
{
transition-delay: 399ms;
}
.current-btn-text .btn-letter:nth-child(9)
{
transition-delay: 449ms;
}
.current-btn-text .btn-letter:nth-child(10)
{
transition-delay: 499ms;
}
.current-btn-text .btn-letter:nth-child(11)
{
transition-delay: 549ms;
}
.current-btn-text .btn-letter:nth-child(12)
{
transition-delay: 599ms;
}
.current-btn-text .btn-letter:nth-child(13)
{
transition-delay: 649ms;
}
.current-btn-text .btn-letter:nth-child(14)
{
transition-delay: 699ms;
}
.current-btn-text .btn-letter:nth-child(15)
{
transition-delay: 749ms;
}
.current-btn-text .btn-letter:nth-child(16)
{
transition-delay: 799ms;
}
.current-btn-text .btn-letter:nth-child(17)
{
transition-delay: 849ms;
}
.current-btn-text .btn-letter:nth-child(18)
{
transition-delay: 899ms;
}
.current-btn-text .btn-letter:nth-child(19)
{
transition-delay: 949ms;
}
.current-btn-text .btn-letter:nth-child(20)
{
transition-delay: 999ms;
}
.current-btn-text .btn-letter:nth-child(21)
{
transition-delay: 1049ms;
}
.current-btn-text .btn-letter:nth-child(22)
{
transition-delay: 1099ms;
}
.current-btn-text .btn-letter:nth-child(23)
{
transition-delay: 1149ms;
}
.current-btn-text .btn-letter:nth-child(24)
{
transition-delay: 1199ms;
}
.current-btn-text .btn-letter:nth-child(25)
{
transition-delay: 1249ms;
}
.current-btn-text .btn-letter:nth-child(26)
{
transition-delay: 1299ms;
}
.current-btn-text .btn-letter:nth-child(27)
{
transition-delay: 1349ms;
}
.current-btn-text .btn-letter:nth-child(28)
{
transition-delay: 1399ms;
}
.current-btn-text .btn-letter:nth-child(29)
{
transition-delay: 1449ms;
}
.current-btn-text .btn-letter:nth-child(30)
{
transition-delay: 1499ms;
}
.buildin-btn-text .btn-letter:nth-child(1)
{
opacity: 0;
transition-delay: 49ms;
}
.buildin-btn-text .btn-letter:nth-child(2)
{
opacity: 0;
transition-delay: 99ms;
}
.buildin-btn-text .btn-letter:nth-child(3)
{
opacity: 0;
transition-delay: 149ms;
}
.buildin-btn-text .btn-letter:nth-child(4)
{
opacity: 0;
transition-delay: 199ms;
}
.buildin-btn-text .btn-letter:nth-child(5)
{
opacity: 0;
transition-delay: 249ms;
}
.buildin-btn-text .btn-letter:nth-child(6)
{
opacity: 0;
transition-delay: 299ms;
}
.buildin-btn-text .btn-letter:nth-child(7)
{
opacity: 0;
transition-delay: 349ms;
}
.buildin-btn-text .btn-letter:nth-child(8)
{
opacity: 0;
transition-delay: 399ms;
}
.buildin-btn-text .btn-letter:nth-child(9)
{
opacity: 0;
transition-delay: 449ms;
}
.buildin-btn-text .btn-letter:nth-child(10)
{
opacity: 0;
transition-delay: 499ms;
}
.buildin-btn-text .btn-letter:nth-child(11)
{
opacity: 0;
transition-delay: 549ms;
}
.buildin-btn-text .btn-letter:nth-child(12)
{
opacity: 0;
transition-delay: 599ms;
}
.buildin-btn-text .btn-letter:nth-child(13)
{
opacity: 0;
transition-delay: 649ms;
}
.buildin-btn-text .btn-letter:nth-child(14)
{
opacity: 0;
transition-delay: 699ms;
}
.buildin-btn-text .btn-letter:nth-child(15)
{
opacity: 0;
transition-delay: 749ms;
}
.buildin-btn-text .btn-letter:nth-child(16)
{
opacity: 0;
transition-delay: 799ms;
}
.buildin-btn-text .btn-letter:nth-child(17)
{
opacity: 0;
transition-delay: 849ms;
}
.buildin-btn-text .btn-letter:nth-child(18)
{
opacity: 0;
transition-delay: 899ms;
}
.buildin-btn-text .btn-letter:nth-child(19)
{
opacity: 0;
transition-delay: 949ms;
}
.buildin-btn-text .btn-letter:nth-child(20)
{
opacity: 0;
transition-delay: 999ms;
}
.buildin-btn-text .btn-letter:nth-child(21)
{
opacity: 0;
transition-delay: 1049ms;
}
.buildin-btn-text .btn-letter:nth-child(22)
{
opacity: 0;
transition-delay: 1099ms;
}
.buildin-btn-text .btn-letter:nth-child(23)
{
opacity: 0;
transition-delay: 1149ms;
}
.buildin-btn-text .btn-letter:nth-child(24)
{
opacity: 0;
transition-delay: 1199ms;
}
.buildin-btn-text .btn-letter:nth-child(25)
{
opacity: 0;
transition-delay: 1249ms;
}
.buildin-btn-text .btn-letter:nth-child(26)
{
opacity: 0;
transition-delay: 1299ms;
}
.buildin-btn-text .btn-letter:nth-child(27)
{
opacity: 0;
transition-delay: 1349ms;
}
.buildin-btn-text .btn-letter:nth-child(28)
{
opacity: 0;
transition-delay: 1399ms;
}
.buildin-btn-text .btn-letter:nth-child(29)
{
opacity: 0;
transition-delay: 1449ms;
}
.buildin-btn-text .btn-letter:nth-child(30)
{
opacity: 0;
transition-delay: 1499ms;
}
.common-btn:hover .current-btn-text .btn-letter
{
opacity: 0;
transform: translateY(-100%);
}
.common-btn:hover .buildin-btn-text .btn-letter
{
opacity: 1;
transform: translateY(-100%);
}/*--------------------------------------------------*//*导航栏*/
.navbar-nav>li
{
margin-right: 16px;
}
.navbar-nav>li:last-child
{
margin-right: 0;
}
.nav>li>.separator::after
{
content: '';
position: absolute;
left: 50%;
transform: translateX(-50%);
bottom: 0;
width: 0;
height: 4px;
background-color: #004898;
transition: all .4s;
-o-transition: all .4s;
-ms-transition: all .4s;
-moz-transition: all .4s;
-webkit-transition: all .4s;
}/*.nav > li > .separator:hover::after,
.nav > li.active.dropdown.mega .separator::after {
width: 100%;
}*/
.nav>li.dropdown:hover .separator::after, .nav>li.active.dropdown.mega .separator::after
{
width: 100%;
}
.ellipsis-3-lines
{
display: -webkit-box;
-webkit-box-orient: vertical;
line-clamp: 3;
-webkit-line-clamp: 3;
overflow: hidden;
text-overflow: ellipsis;
}
.main-content
{
max-width: 1920px;
margin: 0 auto;
}/* 精雕产品导航部分调整 *//* PC */
.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav li.dropdown-submenu-classify
{
font-family: "HarmonyOS_Sans_SC_Bold";
font-weight: 700;
font-size: 18px;
line-height: 36px;
letter-spacing: 0;
}
.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav li.dropdown-submenu span
{
font-family: "HarmonyOS_Sans_SC_Regular";
font-weight: 400;
font-size: 18px;
line-height: 36px;
letter-spacing: 0;
padding: 0;
margin-top: 0;
display: flex;
align-items: center;
justify-content: space-between;
}
.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav li.dropdown-submenu span::after
{
content: "";
background-image: url('/website/jingdiao/cn/images/common/common-chevron-right.svg');
display: block;
width: 20px;
height: 20px;
}
.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav li.dropdown-submenu.open span::after
{
background-image: url('/website/jingdiao/cn/images/common/common-chevron-right-blue.svg');
}
#pc-product-main-navs li
{
margin-top: 16px;
}
#pc-product-main-navs li:first-child
{
margin-top: 0;
}
.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav
{
width: 15%;
padding-right: 40px;
}
.t3-megamenu .nav .menu-custom
{
width: 55%;
padding: 0 60px;
}
.t3-megamenu .nav .menu-custom-right
{
width: 30%;
}
.t3-megamenu .nav .menu-group-desc a
{
font-weight: 500;
font-size: 16px;
line-height: 28px;
letter-spacing: 0;
padding: 0 0 16px 0;
}
.second-menu
{
font-size: 18px;
line-height: 30px;
width: 180px;
}
.third-menu
{
font-size: 16px;
line-height: 30px;
width: 180px;
}
@media only screen and (max-width: 1600px)
{
.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav li.dropdown-submenu-classify, .t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav li.dropdown-submenu span, .t3-megamenu .nav .menu-custom-right-text .machine-selection, .t3-megamenu .nav .menu-custom-right-text .machine-selection-desc
{
font-size: 16px;
line-height: 24px;
}
.t3-megamenu .nav .menu-group-container .menu-group a, .t3-megamenu .nav .menu-group-desc a
{
font-size: 14px;
line-height: 24px;
}
.second-menu, .third-menu
{
width: 165px;
}
#pc-product-main-navs li
{
margin-top: 14px;
}
#pc-product-main-navs li:first-child
{
margin-top: 0;
}
.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav
{
width: 16%;
padding-right: 20px;
}
.t3-megamenu .nav .menu-custom
{
width: 58%;
padding: 0 40px;
}
.t3-megamenu .nav .menu-custom-right
{
width: 26%;
}
}
@media only screen and (max-width: 1440px)
{
.t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav li.dropdown-submenu-classify, .t3-megamenu .nav li.dropdown.mega:first-child .dropdown-menu .mega-nav li.dropdown-submenu span, .t3-megamenu .nav .menu-custom-right-text .machine-selection, .t3-megamenu .nav .menu-custom-right-text .machine-selection-desc
{
font-size: 14px;
line-height: 30px;
}
.t3-megamenu .nav .menu-group-container .menu-group a, .t3-megamenu .nav .menu-group-desc a
{
font-size: 12px;
line-height: 24px;
}
.second-menu, .third-menu
{
width: 130px;
}
#pc-product-main-navs li
{
margin-top: 10px;
}
#pc-product-main-navs li:first-child
{
margin-top: 0;
}
}/* 非机床产品部分 */
.no-machine-menus
{
display: grid;
grid-template-columns: 50% 50%;
align-items: center;
margin-left: -24px;
margin-top: -24px;
}
.no-machine-menu
{
padding-left: 24px;
padding-top: 24px;
}
.no-machine-menu-block
{
display: grid;
grid-template-columns: auto 1fr;/* 第一列自适应，第二列占据剩余空间 */
align-items: center;
background-color: #f6f6f6;
padding: 12px 16px;
}
.no-machine-menu-title
{
padding: 5px 10px 5px 16px;
font-weight: 500;
font-size: 16px;
line-height: 28px;
letter-spacing: 0%;
color: #004898;
display: flex;
align-items: center;
justify-content: space-between;
white-space: nowrap;
}
.no-machine-menu-title::after
{
content: "";
background-image: url('/website/jingdiao/cn/images/common/common-chevron-right-blue.svg');
display: block;
width: 16px;
height: 16px;
}
.no-machine-menu-img img
{
max-width: 100%;/* 图片最大宽度 */
height: auto;/* 保持图片比例 */
}
@media only screen and (max-width: 1440px)
{
.no-machine-menus
{
margin-left: -16px;
margin-top: -16px;
}
.no-machine-menu
{
padding-left: 16px;
padding-top: 16px;
}
.no-machine-menu-title
{
padding: 5px 8px 5px 14px;
font-size: 14px;
}
.no-machine-menu-title::after
{
width: 14px;
height: 14px;
}
}/* Mobile */
ul.dropdown-menu li
{
border-bottom: 0!important;
}