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: "闃块噷宸村反鏅儬浣 Regular","闃块噷宸村反鏅儬浣 Medium","闃块噷宸村反鏅儬浣 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: dodgerblue;
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: "闃块噷宸村反鏅儬浣 Regular";
}
.font-medium{
font-family: "闃块噷宸村反鏅儬浣 Medium";
}
.font-bold{
font-family: "闃块噷宸村反鏅儬浣 Bold";
}
/* video瑙嗛鎾斁鎸夐挳鍙樺渾褰 淇敼浜国GXQ 娣诲姞鏃堕棿锛?019-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: 2.0em;
width: 2.0em;
height: 2.0em;
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%;
}
button.btn.btn-primary.off-canvas-toggle{
}
.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(https://file.jingdiao.com/website/jingdiao/cn/images/common/backtotop1.png) no-repeat left top;
background-size: 100%;
display: none;
cursor: pointer;
right: 10px;
}
#toTop1:hover {
background: url(https://file.jingdiao.com/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: "闃块噷宸村反鏅儬浣 Medium";
text-align: center;
padding: 0px;
}
.buttonBox,
p.buttonBox,
p.buttonBox:hover,
a.buttonBox,
a.buttonBox:hover,
a.buttonBox:active,
a.buttonBox:visited,
a.buttonBox:link,
a.buttonBox:focus {
color: #FFFFFF;
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: "闃块噷宸村反鏅儬浣 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: "闃块噷宸村反鏅儬浣 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 0.4s;
-moz-animation: bounceNew 0.4s;
-o-animation: bounceNew 0.4s;
-ms-animation: bounceNew 0.4s;
animation: bounceNew 0.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: "闃块噷宸村反鏅儬浣 Medium";
text-align: center;
padding: 0px;
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: #FFFFFF;
}
.white-button span{
display: inline-block;
}
.white-button span:first-child{
font-family: "闃块噷宸村反鏅儬浣 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 0.4s;
-moz-animation: bounceNew 0.4s;
-o-animation: bounceNew 0.4s;
-ms-animation: bounceNew 0.4s;
animation: bounceNew 0.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;
}
/* 姝f枃 */
.body {
font-size: 14px;
line-height: 28px;
}
/* 姝f枃娆$骇 */
.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;
}
/* 姝f枃 */
.body {
font-size: 16px;
line-height: 30px;
}
/* 姝f枃娆$骇 */
.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;
}
/* 姝f枃 */
.body {
font-size: 16px;
line-height: 32px;
}
/* 姝f枃娆$骇 */
.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;
}
.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: 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;
}
.p-t-60-pc {
padding-top: 46px;
}
.p-b-60-pc {
padding-bottom: 46px;
}
/* 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;
}
/* 姝f枃 */
.body {
font-size: 18px;
line-height: 36px;
}
/* 姝f枃娆$骇 */
.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;
}
.p-t-60-pc {
padding-top: 50px;
}
.p-b-60-pc {
padding-bottom: 50px;
}
/* 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;
}
.p-t-60-pc {
padding-top: 60px;
}
.p-b-60-pc {
padding-bottom: 60px;
}
/* 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: "闃块噷宸村反鏅儬浣 Medium";
}
.top-button:nth-child(3){
margin-left: 36px;
margin-right: 16px;
}
.yuyan{
padding-bottom: 10px;
padding-left: 10px;
color: #221815;
font-family: "闃块噷宸村反鏅儬浣 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: "闃块噷宸村反鏅儬浣 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: "闃块噷宸村反鏅儬浣 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: "闃块噷宸村反鏅儬浣 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: "闃块噷宸村反鏅儬浣 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;
}
.second-menu{
font-size: 18px;
line-height: 30px;
}
.third-menu{
font-size: 16px;
line-height: 30px;
}
.t3-megamenu li.dropdown.mega:nth-child(2) li .second-menu {
font-family: "Univers LT Pro 47 Lt Cn","闃块噷宸村反鏅儬浣 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: "Helvetica LT Pro","闃块噷宸村反鏅儬浣 Regular";
}
.t3-megamenu li.dropdown.mega:nth-child(2) li .second-menu:hover{
font-family: "Univers LT Pro 47 Lt Cn","闃块噷宸村反鏅儬浣 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: "Helvetica LT Pro","闃块噷宸村反鏅儬浣 Regular";
}
@media only screen and (max-width: 1200px) {
.second-menu{
font-size: 16px;
line-height: 30px;
}
.third-menu{
font-size: 14px;
line-height: 24px;
}
}
/*--------------------------------------------------*/
/* 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: "闃块噷宸村反鏅儬浣 Bold";
/*font-weight: bold;*/
font-weight: 400;
font-size: 36px;
color: #FFFFFF;
padding-bottom: 15px;
}
.footer-left p {
font-family: "闃块噷宸村反鏅儬浣 Regular";
color: #FFFFFF;
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: "闃块噷宸村反鏅儬浣 Regular";
width: 330px;
display: flex;
display: -webkit-flex;
color: #FFFFFF;
}
.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: "闃块噷宸村反鏅儬浣 Bold";
color: #004898;
text-align: center;
margin: 6px 0;
font-size: 16px;
}
.footer-bottom .qrcode-mask .qr-desc {
font-family: "闃块噷宸村反鏅儬浣 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: #FFFFFF !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;
}
}
/*绉诲姩绔痜ooter*/
/*------------------------------------*/
.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: "闃块噷宸村反鏅儬浣 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 #666666;
}
.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: #FFFFFF;
}
.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: "闃块噷宸村反鏅儬浣 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: "闃块噷宸村反鏅儬浣 Regular";
font-size: 18px;
text-align: center;
color: #000;
}
.m-qrcode-mask .m-qrcode-mask-main .qr-tip {
margin-top: 24px;
font-family: "闃块噷宸村反鏅儬浣 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('https://file.jingdiao.com/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;
}
}
/*------------------------------------*/
/*绉诲姩绔痜ooter end*/
/*cyt 0702*/
.logo-title{
position: relative;
font-family: "闃块噷宸村反鏅儬浣 Regular";
font-size: 18px;
color: #FFFFFF;
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: #FFFFFF;
line-height: 30px;
margin-top: 40px;
margin-bottom: 24px;
}
.footer-copyright a {
color: #ffffff;
font-size: 14px;
}
.footer-copyright a:visited {
color: #ffffff;
}
.footer-copyright a:hover {
color: #ffffff;
}
.footer-copyright a:active {
color: #ffffff;
}
/*绉诲姩绔痬achining 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: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-webkit-transition: 0.5s;
transform-style: preserve-3d;
-moz-transform-style: preserve-3d;
-ms-transform-style: preserve-3d;
-webkit-transform-style: preserve-3d;
color: #333333;
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: #333333;
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: 0.5s;
-moz-transition: 0.5s;
-ms-transition: 0.5s;
-webkit-transition: 0.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: #FFFFFF;
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: #333333;
}
span.global-m.icon--:active:before{
color: #004898;
}
.language-switch-m{
position: absolute;
top: 46px;
right: 0;
width: 78px;
background: #FFFFFF;
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: #333333;
padding: 12px 18px;
cursor: pointer;
}
.language-switch-m p:nth-child(2) a{
padding: 12px 23px;
}
.language-switch-m p a:hover{
color: #333333;
}
.language-switch-m p a:active{
background: #c9c9c9;
}
.selector{
display: block;
width: 100%;
padding: 22px 15px;
font-family: "闃块噷宸村反鏅儬浣 Regular";
color: #333333 !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: "闃块噷宸村反鏅儬浣 Bold";
font-size: 60px;
color: #000000;
line-height: 60px;
margin: 0;
padding: 0;
margin-bottom: 40px;
margin-top: 60px;
}
.searchintro p span,.searchintro p strong{
font-family: "闃块噷宸村反鏅儬浣 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: "闃块噷宸村反鏅儬浣 Bold";
font-size: 30px;
color: #000000;
line-height: 30px;
}
dd.result-text{
font-family: "闃块噷宸村反鏅儬浣 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: "闃块噷宸村反鏅儬浣 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: #FFFFFF;
width: 60px;
height: 60px;
text-align: center;
vertical-align: middle;
font-family: "闃块噷宸村反鏅儬浣 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(https://file.jingdiao.com/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(https://file.jingdiao.com/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: #FFFFFF !important;
}
.search-item a dt.result-title span.highlight{
font-family: "闃块噷宸村反鏅儬浣 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(https://file.jingdiao.com/website/jingdiao/cn/images/common/left.svg) no-repeat;
background-position: center;
}
.fa-angle-right::before {
height: 30px;
width: 30px;
background: url(https://file.jingdiao.com/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: "闃块噷宸村反鏅儬浣 Bold";
font-size: 28px;
color: #000000;
line-height: 28px;
margin: 0;
padding: 0;
margin-bottom: 24px;
margin-top: 42px;
}
.searchintro p span,.searchintro p strong{
font-family: "闃块噷宸村反鏅儬浣 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: "闃块噷宸村反鏅儬浣 Bold";
font-size: 22px;
color: #000000;
line-height: 22px;
}
.search-results dt.result-title .highlight{
font-size: 22px;
line-height: 1;
}
dd.result-text{
font-family: "闃块噷宸村反鏅儬浣 Regular";
font-size: 16px;
line-height: 24px;
color: #333333;
margin-bottom: 0;
}
dd.result-text span.highlight,dt.result-title span.highlight{
color: #fe8900;
background-color: transparent;
}
dd.result-created{
font-family: "闃块噷宸村反鏅儬浣 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(https://file.jingdiao.com/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(https://file.jingdiao.com/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: #FFFFFF;
width: 36px;
height: 36px;
text-align: center;
vertical-align: middle;
font-family: "闃块噷宸村反鏅儬浣 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(https://file.jingdiao.com/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(https://file.jingdiao.com/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: "闃块噷宸村反鏅儬浣 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: #FFFFFF;
width: 33px;
height: 33px;
text-align: center;
vertical-align: middle;
font-family: "闃块噷宸村反鏅儬浣 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(https://file.jingdiao.com/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(https://file.jingdiao.com/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(https://file.jingdiao.com/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(https://file.jingdiao.com/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(https://file.jingdiao.com/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(https://file.jingdiao.com/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: #333333;
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: 0px;
transition: 0.3s cubic-bezier(0.18, 0.89, 0.41, 1.42) all;
-moz-transition: 0.3s cubic-bezier(0.18, 0.89, 0.41, 1.42) all;
-ms-transition: 0.3s cubic-bezier(0.18, 0.89, 0.41, 1.42) all;
-webkit-transition: 0.3s cubic-bezier(0.18, 0.89, 0.41, 1.42) all;
}
#c-btn,
#r-btn:before,
#r-btn:after {
background-color: #898989;
}
#circle,
form.active {
transition: 0.3s ease all;
-moz-transition: 0.3s ease all;
-ms-transition: 0.3s ease all;
-webkit-transition: 0.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: #FFFFFF;
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: 0px 0px 4px 4px;
-moz-border-radius: 0px 0px 4px 4px;
-webkit-border-radius: 0px 0px 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('https://file.jingdiao.com/website/jingdiao/cn/images/common/right-arrow.svg');
}
.pc-common-prev {
left: 0;
background-image: url('https://file.jingdiao.com/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: 0em 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%;
}