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_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;
}/*button, button:focus, button:hover, button:active, button:visited{
-webkit-tap-highlight-color: transparent;
-webkit-appearance: none;
-moz-appearance: none;
-o-appearance: none;
appearance: none;
-ms-appearence:none;
outline:none;
background: none;
text-decoration: none;
border: none;
box-shadow: none;
}*//* video视频播放按钮变圆形 添加人:niuhy 添加时间：2019-03-26 *//* 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);
}/*.video-js .vjs-big-play-button{
font-size: 2.48em;
line-height: 2.5em;
height: 2.5em;
width: 2.5em;
border-width: 0em;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
}
.video-js:hover .vjs-big-play-button {
transition: all 0s;
}
.video-js .vjs-tech {
height: calc(100% - 1px);
}*//* 中间的播放箭头 *//*.video-js .vjs-big-play-button {
background-color: transparent;
}
.vjs-big-play-button .vjs-icon-placeholder {
font-size: 2em;
color: #fff;
}
.vjs-big-play-button,.vjs-big-play-button:active,.vjs-big-play-button:visited,.vjs-big-play-button:link{
outline: none;
border: none;
}*//* 加载圆圈 *//*修改人: 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%);/*margin: -1.0em 0 0 -1.0em;
margin: 0;*/
}
.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: 11px auto;*/
margin: 0 auto;
padding: 11px 8px;
box-sizing: content-box;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}/*@media only screen and (min-width: 750px) {
body{
width: 750px;
margin: 0 auto;
}
}*/
.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(/uswebsite/images/common/backtotop1.png) no-repeat left top;
background-size: 100%;
display: none;
cursor: pointer;
right: 10px;
}
#toTop1:hover
{
background: url(/uswebsite/images/common/backtotop2.png) no-repeat left top;
background-size: 100%;
display: none;
}
.pc-show
{
display: block;
}
.m-show
{
display: none;
}
@media only screen and (max-width: 1024px)
{
#toTop1
{
width: 50px;
height: 50px;
}
.pc-show
{
display: none;
}
.m-show
{
display: block;
}
}
@media only screen and (max-width: 539px)
{
#toTop1
{
width: 40px;
height: 40px;
}
}
@media only screen and (max-width: 1024px)
{
#toTop1
{
right: auto;
}
}/*按钮菱形样式*//*.buttonBox {
display: block;
position: relative;
width: 260px;
height: 40px;
box-sizing: content-box;
}
button {
width: 100%;
height: 40px;
position: relative;
background: rgba(255, 255, 255, 0);
color: #004898;
font-weight: 400;
font-size: 22px;
line-height: 40px;
outline: none;
border: 2px solid #004898;
}
.border {
position: absolute;
background: none;
transition: all .5s ease-in-out;
-moz-transition: all .5s ease-in-out;
-ms-transition: all .5s ease-in-out;
-webkit-transition: all .5s ease-in-out;
}
.buttonBox {
display: block;
overflow: hidden;
}
.buttonBox>button {
z-index: 1;
text-transform: uppercase;
transition: color .5s ease;
-moz-transition: color .5s ease;
-ms-transition: color .5s ease;
-webkit-transition: color .5s ease;
cursor: pointer;
padding: 0;
}
.buttonBox .border {
z-index: 0;
background: #004898;
width: 30px;
height: 30px;
transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.buttonBox>.border:nth-of-type(1) {
top: -100px;
left: -50px;
}
.buttonBox>.border:nth-of-type(2) {
top: -100px;
right: -50px;
}
.buttonBox>.border:nth-of-type(3) {
bottom: -100px;
left: -50px;
}
.buttonBox>.border:nth-of-type(4) {
bottom: -100px;
right: -50px;
}
.buttonBox:link button {
border: 2px solid #004898;
}
.buttonBox:visited button {
border: 2px solid #004898;
}
.buttonBox:hover .border {
width: 320px;
height: 320px;
}
.buttonBox:active button {
border: 2px solid #004898;
}
.buttonBox:hover button {
border: 2px solid #004898;
color: #FFF;
transition: color .5s ease;
-moz-transition: color .5s ease;
-ms-transition: color .5s ease;
-webkit-transition: color .5s ease;
}
@media only screen and (max-width: 1599px) {
button {
font-size: 18px;
}
}
@media only screen and (max-width: 1024px) {
.buttonBox {
width: 200px;
height: 36px;
box-sizing: content-box;
}
button {
height: 36px;
font-size: 16px;
line-height: 36px;
border: 1px solid #004898;
}
.buttonBox:link button {
border: 1px solid #004898;
}
.buttonBox:visited button {
border: 1px solid #004898;
}
.buttonBox:active button {
border: 1px solid #004898;
}
}
@media only screen and (max-width: 450px) {
.buttonBox {
width: 160px;
height: 32px;
box-sizing: content-box;
}
button {
height: 32px;
font-size: 14px;
line-height: 32px;
}
}*//*蓝色按钮公共样式*/
.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_Bold";
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_Bold";
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_Bold";
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_Bold";
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_Bold";
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;
}
}/*一级页面顶部标题*/
.first-top-title
{
position: relative;
width: 67%;
margin-left: auto;
margin-right: auto;
}
.first-top-title img
{
width: 100%;
}
.first-top-title img:nth-child(2)
{
position: absolute;
top: 0;
left: 0;
}
@media only screen and (max-width: 1599px)
{
.first-top-title
{
width: 70%;
}
}
@media only screen and (max-width: 1299px)
{
.first-top-title
{
width: 72%;
}
}
@media only screen and (max-width: 1024px)
{
.first-top-title
{
width: 100%;
}
}/* 上下间距 *//* 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;
}/* 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;
}/* 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;
}/* 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;
}/* 42 mobile */
.m-t-42-mobile
{
margin-top: 42px;
}
.m-b-42-mobile
{
margin-bottom: 42px;
}
.p-t-42-mobile
{
padding-top: 42px;
}
.p-b-42-mobile
{
padding-bottom: 42px;
}/* 内容左右间距 */
.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;
}/* font-family 配置 */
.font-bold
{
font-family: "HarmonyOS_Sans_SC_Bold";
}/* 手机端字体统一处理 */
.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;
}/* 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;
}/* 42 mobile */
.m-t-42-mobile
{
margin-top: 50px;
}
.m-b-42-mobile
{
margin-bottom: 50px;
}
.p-t-42-mobile
{
padding-top: 50px;
}
.p-b-42-mobile
{
padding-bottom: 50px;
}/* 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: 15px;
}
.m-b-12-mobile
{
margin-bottom: 15px;
}
.p-t-12-mobile
{
padding-top: 15px;
}
.p-b-12-mobile
{
padding-bottom: 15px;
}/* 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;
}/* 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;
}
.p-x-40
{
padding-left: 25px;
padding-right: 25px;
}
}
@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;
}/* 14 pc *//*.m-t-14-pc {
margin-top: 6px;
}
.m-b-14-pc {
margin-bottom: 6px;
}
.p-t-14-pc {
padding-top: 6px;
}
.p-b-14-pc {
padding-bottom: 6px;
}*//* 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;
}*//* 18 pc *//*.m-t-18-pc {
margin-top: 10px;
}
.m-b-18-pc {
margin-bottom: 10px;
}
.p-t-18-pc {
padding-top: 10px;
}
.p-b-18-pc {
padding-bottom: 10px;
}*//* 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;
}*//* 30 pc *//*.m-t-30-pc {
margin-top: 16px;
}
.m-b-30-pc {
margin-bottom: 16px;
}
.p-t-30-pc {
padding-top: 16px;
}
.p-b-30-pc {
padding-bottom: 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;
}*//* 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;
}*//* 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;
}/* 42 mobile */
.m-t-42-mobile
{
margin-top: 50px;
}
.m-b-42-mobile
{
margin-bottom: 50px;
}
.p-t-42-mobile
{
padding-top: 50px;
}
.p-b-42-mobile
{
padding-bottom: 50px;
}/* 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: 15px;
}
.m-b-12-mobile
{
margin-bottom: 15px;
}
.p-t-12-mobile
{
padding-top: 15px;
}
.p-b-12-mobile
{
padding-bottom: 15px;
}/* 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;
}/* 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;
}
.p-x-40
{
padding-left: 28px;
padding-right: 28px;
}
}
@media(min-width: 1025px)
{/* 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;
}/* 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: 8px;
}
.p-b-16-pc
{
padding-bottom: 8px;
}/* 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;
}/* 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;
}/* 42 mobile */
.m-t-42-mobile
{
margin-top: 0;
}
.m-b-42-mobile
{
margin-bottom: 0;
}
.p-t-42-mobile
{
padding-top: 0;
}
.p-b-42-mobile
{
padding-bottom: 0;
}/* 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;
}/* 14 pc */
.m-t-14-pc
{
margin-top: 6px;
}
.m-b-14-pc
{
margin-bottom: 6px;
}
.p-t-14-pc
{
padding-top: 6px;
}
.p-b-14-pc
{
padding-bottom: 6px;
}/* 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;
}/* 18 pc */
.m-t-18-pc
{
margin-top: 10px;
}
.m-b-18-pc
{
margin-bottom: 10px;
}
.p-t-18-pc
{
padding-top: 10px;
}
.p-b-18-pc
{
padding-bottom: 10px;
}/* 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;
}/* 30 pc */
.m-t-30-pc
{
margin-top: 16px;
}
.m-b-30-pc
{
margin-bottom: 16px;
}
.p-t-30-pc
{
padding-top: 16px;
}
.p-b-30-pc
{
padding-bottom: 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;
}/* 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;
}
.banner
{
font-size: 60px;
}
.banner-en
{
font-size: 30px;
}/* 一级标题 */
h1
{
font-size: 30px;
}/* 二级标题-无转行 */
h2
{
font-size: 26px;
}/* 二级标题-转行 */
.h2-wrap
{
font-size: 20px;
}/* 14 pc */
.m-t-14-pc
{
margin-top: 10px;
}
.m-b-14-pc
{
margin-bottom: 10px;
}
.p-t-14-pc
{
padding-top: 10px;
}
.p-b-14-pc
{
padding-bottom: 10px;
}/* 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;
}/* 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: 23px;
}
.m-b-30-pc
{
margin-bottom: 23px;
}
.p-t-30-pc
{
padding-top: 23px;
}
.p-b-30-pc
{
padding-bottom: 23px;
}/* 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 */
.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;
}
.p-x-40
{
padding-left: 32px;
padding-right: 32px;
}
}
@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;
}/* 14 pc */
.m-t-14-pc
{
margin-top: 12px;
}
.m-b-14-pc
{
margin-bottom: 12px;
}
.p-t-14-pc
{
padding-top: 12px;
}
.p-b-14-pc
{
padding-bottom: 12px;
}/* 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;
}/* 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;
}/* 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;
}/* 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;
}/* 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 */
.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;
}
.p-x-40
{
padding-left: 40px;
padding-right: 40px;
}
}
@media(min-width: 1920px)
{/* 14 pc */
.m-t-14-pc
{
margin-top: 14px;
}
.m-b-14-pc
{
margin-bottom: 14px;
}
.p-t-14-pc
{
padding-top: 14px;
}
.p-b-14-pc
{
padding-bottom: 14px;
}/* 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;
}/* 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;
}/* 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;
}/* 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 */
.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;
padding-bottom: 3px;
line-height: 16px;
float: right;
}
.top-content img
{
display: inline-block;
width: 17px;
height: 17px;
margin-right: 12px;
vertical-align: middle;
margin-top: -3px;
}
.top-button
{
font-size: 14px;
display: inline-block;
vertical-align: middle;
}
.top-button a
{
color: #898989;
font-size: 14px;
display: inline-block;
}
.top-button a:hover
{
color: #000;
font-weight: 700;
}
.fengefu
{
margin-left: 24px;
font-size: 18px;
line-height: 18px;
color: #bfbfbf;
display: inline-block;
vertical-align: middle;
}
.global-button
{
display: inline-block;
cursor: pointer;
}
.global-button:hover .global:before, .global-button:hover .yuyan
{
color: #004898;
}
.yuyan
{
color: #898989;
font-size: 14px;
display: inline-block;
margin-left: 10px;
}
.global
{
margin-left: 24px;
font-size: 17px;
line-height: 18px;
cursor: pointer;
vertical-align: middle;
}
.search-rukou
{
display: inline-block;
cursor: pointer;
}
.search-rukou:hover .search-button:before, .search-rukou:hover .search-wenzi
{
color: #004898;
}
.search-button
{
margin-left: 24px;
font-size: 17px;
line-height: 18px;
cursor: pointer;
vertical-align: middle;
}
.search-wenzi
{
color: #898989;
font-size: 14px;
display: inline-block;
margin-left: 10px;
}
.smaller .search-wenzi
{
display: none!important;
}
.language-switch
{
text-align: right;
display: none;
width: 100%;
position: absolute;
margin-top: -2px;
margin-right: 0;
background: #fff;
line-height: 30px;
right: 0;
z-index: 1010;
font-size: 14px;
}
.language-button a
{
font-size: 14px;
line-height: 14px;
color: #898989;
margin-right: 32px;
}
.language-button a:hover
{
color: #000;
font-weight: 700;
}
.smaller .top-content
{
border-bottom: none;
}
.language-close:hover:before, .close-button:hover:before
{
color: #004898;
}
@media only screen and (max-width: 1400px)
{
.smaller .global
{
margin-left: 15px;
}
.smaller .search-button
{
margin-left: 15px;
}
}
@media only screen and (max-width: 1130px)
{
.smaller .yuyan
{
display: none;
}
}
#t3-header .col-xs-12.col-sm-4
{
width: 100%;
}/*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;
}/*@media only screen and (max-width: 1300px) {
.second-menu {
font-size: 16px;
}
.third-menu{
font-size: 14px;
}
}*/
@media only screen and (max-width: 1200px)
{
.second-menu
{
font-size: 16px;
line-height: 30px;
}
.third-menu
{
font-size: 14px;
line-height: 24px;
}
}/*--------------------------------------------------*//* footer *//* ================================================== */
footer
{
position: relative;
overflow: hidden;
background: #003480;
color: #ccc;
}
footer h3
{
display: none;
}/*GXQ;20190319*/
.footer-container
{/*margin-left: 400px;
margin-right: 152px;*/
margin-left: 200px;
margin-right: 100px;
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;*/
margin-right: 80px;
}
}
.footer-top
{
display: flex;
display: -webkit-flex;
padding-top: 80px;
padding-bottom: 80px;
}
.footer-left
{
flex: 1;
-ms-flex: 1;
-webkit-flex: 1;
border-right: 1px solid #fff;
padding-right: 60px;
}
.footer-left .fl-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-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;
}
.connect, .connect:hover, .connect:active, .connect:visited, .connect:link, .connect:focus
{
display: block;
margin-top: 22px;
width: 240px;
height: 30px;
background: #fff!important;
color: #595757;
text-align: center;
font-size: 18px;
line-height: 33px;
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:hover
{
transform: translateY(-3px);
}
@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: 33px;
}
}/*领英*/
.footer-link
{
margin-left: 50px;
width: 420px;
flex-shrink: 0;
-webkit-flex-shrink: 0;
}
.footer-link iframe
{
width: 100%;
height: 100%;
}
@media only screen and (max-width: 1499px)
{
.footer-container
{
margin-left: 80px;
margin-right: 80px;
}
.footer-left
{
padding-right: 40px;
}
.footer-right
{
padding-left: 40px;
}
.footer-link
{
margin-left: 30px;
width: 320px;
}
}
@media only screen and (max-width: 1299px)
{
.footer-container
{
margin-left: 60px;
margin-right: 60px;
}
.footer-left
{
padding-right: 30px;
}
.footer-right
{
padding-left: 30px;
}
.footer-link
{
margin-left: 20px;
width: 270px;
}
}
@media only screen and (max-width: 1120px)
{
.footer-container
{
margin-left: 40px;
margin-right: 40px;
}
.footer-left
{
padding-right: 30px;
}
.footer-right
{
padding-left: 30px;
}
.footer-link
{
margin-left: 20px;
width: 250px;
}
}
@media only screen and (max-width: 1024px)
{
.footer-link
{
margin-left: 0;
width: 100%;
height: 260px;
margin-top: 15px;
}
.footer-link iframe
{
width: 100%;
height: 100%;
}
}
@media only screen and (max-width: 343px)
{
.footer-link
{
height: 240px;
}
}/*轮播按钮样式*//*--------------------------------------*/
.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;
}
}/*--------------------------------------*//*移动端footer*//*------------------------------------*/
.m-footer
{
display: none;
padding: 16px 4%;
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 .fr-link-desc
{
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;
font-size: 18px;
line-height: 36px;
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;
}
.facebook
{
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCA1MTIuNCAxMjc1LjYgMTI3NS42IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgNTEyLjQgMTI3NS42IDEyNzUuNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTI3NS42LDU4NC40djExMzEuNWMwLDM4LjEtMjkuOCw3Mi03Mi4zLDcySDg4MC4ydi00OTUuOEgxMDQ2bDI1LjUtMTkwLjdIODgwLjJWOTc4LjUNCgkJYzAtNTUuMSwxNy05My4yLDkzLjUtOTMuMmgxMDJWNzExLjVjLTE3LTQuMi03Ni41LTguNS0xNDguOC04LjVjLTE0OC44LDAtMjQ2LjYsODktMjQ2LjYsMjU0LjN2MTM5LjhINTE0LjV2MTkwLjdoMTY1Ljh2NDk1LjgNCgkJaC02MDhjLTQyLjUsMC03Mi4zLTI5LjctNzIuMy03MlY1ODQuNGMwLTQyLjQsMjkuOC03Miw3Mi4zLTcyaDExMzUuM0MxMjQ1LjgsNTEyLjQsMTI3NS42LDU0MiwxMjc1LjYsNTg0LjRMMTI3NS42LDU4NC40eiIvPg0KPC9nPg0KPC9zdmc+DQo=');
}
.linkedin
{
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iLTIgNTEwLjIgMTI3NS42IDEyNzUuNiIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAtMiA1MTAuMiAxMjc1LjYgMTI3NS42IiB4bWw6c3BhY2U9InByZXNlcnZlIj4NCjxnPg0KCTxwYXRoIGZpbGw9IiNGRkZGRkYiIGQ9Ik0xMTg4LDUxMC4ySDg3LjZDNDAuNyw1MTAuMi0yLDU1Mi44LTIsNjAzLjh2MTA5Mi44YzAsNDYuOCw0Mi43LDg5LjMsODkuNiw4OS4zaDEwOTYuMg0KCQljNTEuMiwwLDg5LjYtNDIuNSw4OS42LTkzLjVWNjAzLjhDMTI3Ny42LDU1Mi44LDEyMzQuOSw1MTAuMiwxMTg4LDUxMC4yTDExODgsNTEwLjJ6IE0zODYuMiwxNjAzSDE5NC4yVjk5NWgxOTEuOVYxNjAzTDM4Ni4yLDE2MDMNCgkJeiBNMjg4LjEsOTA5LjljLTU5LjcsMC0xMTAuOS01MS0xMTAuOS0xMTAuNnM1MS4yLTExMC42LDExMC45LTExMC42czExMC45LDUxLDExMC45LDExMC42QzM5OC45LDg2My4xLDM1Miw5MDkuOSwyODguMSw5MDkuOQ0KCQlMMjg4LjEsOTA5Ljl6IE0xMDk0LjIsMTYwM0g5MDYuNXYtMjk3LjZjMC03Mi4zLDAtMTYxLjYtOTguMS0xNjEuNnMtMTE1LjIsNzYuNS0xMTUuMiwxNTcuM1YxNjAzSDUwNS42Vjk5NUg2ODl2ODVoNC4zDQoJCWMyNS42LTQ2LjgsODUuMy05Ny44LDE3OS4xLTk3LjhjMTkxLjksMCwyMjYuMSwxMjcuNiwyMjYuMSwyODkuMVYxNjAzSDEwOTQuMnoiLz4NCjwvZz4NCjwvc3ZnPg0K');
}
.twitter
{
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCA1MTAuMiAxMjc1LjYgMTI3NS42IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgNTEwLjIgMTI3NS42IDEyNzUuNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTEyNzUuNiw2NzEuOGMwLTg5LjMtNzIuMy0xNjEuNi0xNjEuNi0xNjEuNkgxNjEuNkM3Mi4zLDUxMC4yLDAsNTgyLjUsMCw2NzEuOHY5NTYuNw0KCQkJYzAsODUsNzIuMywxNTcuMywxNjEuNiwxNTcuM2g5NTYuN2M4OS4zLDAsMTYxLjYtNzIuMywxNjEuNi0xNjEuNlY2NzEuOEgxMjc1LjZ6IE0xMDYzLDk3OGMwLDguNSwwLDE3LDAsMjUuNQ0KCQkJYzAsMjY3LjktMTk5LjgsNTY5LjgtNTY1LjUsNTY5LjhjLTExNC44LDAtMjE2LjktMzQtMzA2LjEtODkuM2MxNywwLDM0LDQuMyw0Ni44LDQuM2M5My41LDAsMTgyLjgtMzQsMjUwLjktODUNCgkJCWMtODkuMywwLTE1Ny4zLTU5LjUtMTgyLjgtMTQwLjNjMTIuOCw0LjMsMjkuOCw0LjMsNDIuNSw0LjNjMTcsMCwyOS44LTQuMyw0Ni44LTguNWMtODkuMy0xNy0xNTMuMS05Ny44LTE1My4xLTE5NS42di00LjMNCgkJCWMwLDE3LDUxLDI1LjUsODUsMjUuNWMtNTUuMy0zNC0xMDItOTcuOC0xMDItMTY1LjhjMC0zOC4zLDEyLjgtNzIuMywyOS44LTEwMmM5Ny44LDExOS4xLDI0Ni42LDE5OS44LDQxMi40LDIwOC4zDQoJCQljLTQuMy0xMi44LTQuMy0yOS44LTQuMy00Ni44YzAtMTEwLjYsODkuMy0xOTkuOCwxOTkuOC0xOTkuOGM1OS41LDAsMTEwLjYsMjUuNSwxNDQuNiw2My44YzQ2LjgtOC41LDg5LjMtMjUuNSwxMjcuNi00Ni44DQoJCQljLTEyLjgsNDYuOC00Ni44LDg1LTg5LjMsMTEwLjZjNDIuNS00LjMsNTkuNS0xMi44LDkzLjUtMjkuOEgxMTE0bDAsMGgyNS41QzExMTQsOTE0LjIsMTEwMS4zLDk1Mi40LDEwNjMsOTc4TDEwNjMsOTc4eiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K');
}
.instagram
{
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCA1MTAuMiAxMjc1LjYgMTI3NS42IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgNTEwLjIgMTI3NS42IDEyNzUuNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggZmlsbD0iI0ZGRkZGRiIgZD0iTTYzNy44LDUxMC4yYzE3NC4zLDAsMTk1LjYsMCwyNjMuNiw0LjNzMTE0LjgsMTIuOCwxNTMuMSwyOS44YzQyLjUsMTcsODAuOCw0Mi41LDExNC44LDcyLjMNCgkJCWMzNCwyOS44LDU5LjUsNzIuMyw3Mi4zLDExNC44YzE3LDQyLjUsMjUuNSw4NSwyOS44LDE1My4xYzQuMyw2OCw0LjMsODkuMyw0LjMsMjYzLjZzMCwxOTUuNi00LjMsMjYzLjYNCgkJCWMtNC4zLDY4LTEyLjgsMTE0LjgtMjkuOCwxNTMuMWMtMTcsNDIuNS00Mi41LDgwLjgtNzIuMywxMTQuOHMtNzIuMyw1OS41LTExNC44LDcyLjNjLTQyLjUsMTctODUsMjUuNS0xNTMuMSwyOS44DQoJCQljLTY4LDAtODkuMyw0LjMtMjYzLjYsNC4zcy0xOTUuNiwwLTI2My42LTQuM3MtMTE0LjgtMTIuOC0xNTMuMS0yOS44Yy00Mi41LTE3LTgwLjgtNDIuNS0xMTQuOC03Mi4zcy01OS41LTcyLjMtNzIuMy0xMTQuOA0KCQkJYy0xNy00Mi41LTI1LjUtODUtMjkuOC0xNTMuMUMwLDEzNDMuNiwwLDEzMTguMSwwLDExNDhjMC0xNzQuMywwLTE5NS42LDQuMy0yNjMuNlMxNyw3NjkuNiwzNCw3MzEuMw0KCQkJYzE3LTQyLjUsNDIuNS04MC44LDcyLjMtMTE0LjhjMjkuOC0zNCw3Mi4zLTU5LjUsMTE0LjgtNzIuM2M0Mi41LTE3LDg1LTI1LjUsMTUzLjEtMjkuOEM0NDIuMiw1MTAuMiw0NjMuNSw1MTAuMiw2MzcuOCw1MTAuMg0KCQkJTDYzNy44LDUxMC4yeiBNNjM3LjgsNjI1Yy0xNzAuMSwwLTE5MS4zLDAtMjU5LjQsNC4zYy01OS41LDQuMy05My41LDEyLjgtMTE0LjgsMjEuM2MtMjkuOCw4LjUtNTUuMywyNS41LTc2LjUsNDYuOA0KCQkJcy0zOC4zLDQ2LjgtNDYuOCw3Mi4zYy04LjUsMjUuNS0xNyw1OS41LTIxLjMsMTE5LjFjLTQuMyw2OC00LjMsODkuMy00LjMsMjU5LjRzMCwxOTEuMyw0LjMsMjU5LjRjNC4zLDYzLjgsMTIuOCw5Ny44LDIxLjMsMTE5LjENCgkJCWMxMi44LDI5LjgsMjUuNSw1MSw0Ni44LDcyLjNjMjEuMywyMS4zLDQyLjUsMzQsNzIuMyw0Ni44YzIxLjMsOC41LDU1LjMsMTcsMTE5LjEsMjEuM2M2OCw0LjMsODkuMyw0LjMsMjU5LjQsNC4zDQoJCQlzMTkxLjMsMCwyNTkuNC00LjNjNjMuOC00LjMsOTcuOC0xMi44LDExOS4xLTIxLjNjMjkuOC04LjUsNTEtMjUuNSw3Mi4zLTQ2LjhjMjEuMy0yMS4zLDM4LjMtNDYuOCw0Ni44LTcyLjMNCgkJCWM4LjUtMjEuMywyMS4zLTU1LjMsMjEuMy0xMTkuMWM0LjMtNjgsNC4zLTg5LjMsNC4zLTI1OS40czAtMTkxLjMtNC4zLTI1OS40Yy00LjMtNjMuOC0xMi44LTk3LjgtMjEuMy0xMTkuMQ0KCQkJYy04LjUtMjkuOC0yNS41LTUxLTQ2LjgtNzIuM2MtMjEuMy0yMS4zLTQ2LjgtMzguMy03Mi4zLTQ2LjhjLTIxLjMtOC41LTU1LjMtMTctMTE5LjEtMjEuM0M4MjkuMSw2MjUsODA3LjksNjI1LDYzNy44LDYyNQ0KCQkJTDYzNy44LDYyNXogTTYzNy44LDgyMC42YzE4Mi44LDAsMzI3LjQsMTQ0LjYsMzI3LjQsMzI3LjRjMCwxNzguNi0xNDQuNiwzMjcuNC0zMjcuNCwzMjcuNFMzMTAuNCwxMzMwLjksMzEwLjQsMTE0OA0KCQkJQzMxMC40LDk2NS4yLDQ1NSw4MjAuNiw2MzcuOCw4MjAuNkw2MzcuOCw4MjAuNnogTTYzNy44LDEzNjAuNmM1NS4zLDAsMTEwLjYtMjEuMywxNDguOC02My44YzM4LjMtMzguMyw2My44LTkzLjUsNjMuOC0xNDguOA0KCQkJYzAtMTE5LjEtOTMuNS0yMTIuNi0yMTIuNi0yMTIuNmMtNTUuMywwLTExMC42LDIxLjMtMTQ4LjgsNjMuOGMtNDIuNSwzOC4zLTYzLjgsOTMuNS02My44LDE0OC44DQoJCQlDNDI1LjIsMTI2Mi44LDUxOC43LDEzNjAuNiw2MzcuOCwxMzYwLjZMNjM3LjgsMTM2MC42eiBNMTA1NC41LDgwNy45YzAsNDIuNS0zNCw3Ni41LTc2LjUsNzYuNXMtNzYuNS0zNC03Ni41LTc2LjUNCgkJCXMzNC03Ni41LDc2LjUtNzYuNVMxMDU0LjUsNzY1LjQsMTA1NC41LDgwNy45TDEwNTQuNSw4MDcuOXoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg==');
}
.youtube
{
background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOC4wLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IuWbvuWxgl8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCINCgkgdmlld0JveD0iMCA1MTAuMiAxMjc1LjYgMTI3NS42IiBlbmFibGUtYmFja2dyb3VuZD0ibmV3IDAgNTEwLjIgMTI3NS42IDEyNzUuNiIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+DQo8Zz4NCgk8cGF0aCBmaWxsPSIjRkZGRkZGIiBkPSJNMTI1MC4xLDg0MS45Yy0xNy01NS4zLTU5LjUtMTAyLTExNC44LTExNC44Yy05Ny44LTI1LjUtNDk3LjUtMjUuNS00OTcuNS0yNS41cy0zOTkuNywwLTQ5Ny41LDI1LjUNCgkJQzg1LDczOS44LDQyLjUsNzg2LjYsMjUuNSw4NDEuOUMwLDkzOS43LDAsMTE0OCwwLDExNDhzMCwyMDguMywyNS41LDMxMC40YzE3LDU1LjMsNTkuNSw5Ny44LDExNC44LDExMC42DQoJCWM5Ny44LDI1LjUsNDk3LjUsMjUuNSw0OTcuNSwyNS41czM5OS43LDAsNDk3LjUtMjUuNWM1NS4zLTEyLjgsOTcuOC01NS4zLDExNC44LTExMC42YzI1LjUtMTAyLDI1LjUtMzEwLjQsMjUuNS0zMTAuNA0KCQlTMTI3NS42LDkzOS43LDEyNTAuMSw4NDEuOUwxMjUwLjEsODQxLjl6IE01MDYsMTMzOS40Vjk2MC45bDMzMS43LDE5MS4zTDUwNiwxMzM5LjR6Ii8+DQo8L2c+DQo8L3N2Zz4NCg==');
}
.tiktok
{
background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzAiIGhlaWdodD0iMzAiIHZpZXdCb3g9IjAgMCAzMCAzMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTI4LjUgMEgxLjVDMC42NyAwIDAgMC42NyAwIDEuNVYyOC41QzAgMjkuMzMgMC42NyAzMCAxLjUgMzBIMjguNUMyOS4zMyAzMCAzMCAyOS4zMyAzMCAyOC41VjEuNUMzMCAwLjY3IDI5LjMzIDAgMjguNSAwWk0yNC4wNCAxMy4yN0MyMi4yNiAxMy4yNyAyMC42IDEyLjcgMTkuMjUgMTEuNzNWMTguNzNDMTkuMjUgMjIuMjIgMTYuNDEgMjUuMDYgMTIuOTIgMjUuMDZDMTEuNTcgMjUuMDYgMTAuMzIgMjQuNjQgOS4yOSAyMy45MUM3LjY1IDIyLjc3IDYuNTggMjAuODcgNi41OCAxOC43M0M2LjU4IDE1LjIzIDkuNDIgMTIuMzkgMTIuOTIgMTIuMzlDMTMuMjEgMTIuMzkgMTMuNDkgMTIuNDIgMTMuNzcgMTIuNDVWMTUuOTdDMTMuNSAxNS44OCAxMy4yMiAxNS44MyAxMi45MiAxNS44M0MxMS4zMiAxNS44MyAxMC4wMiAxNy4xMyAxMC4wMiAxOC43M0MxMC4wMiAxOS44NCAxMC42NSAyMC44IDExLjU4IDIxLjI5QzExLjk4IDIxLjUgMTIuNDMgMjEuNjIgMTIuOTIgMjEuNjJDMTQuNDggMjEuNjIgMTUuNzUgMjAuMzggMTUuODEgMTguODRWNS4wNEgxOS4yNUMxOS4yNSA1LjM0IDE5LjI4IDUuNjMgMTkuMzMgNS45MkMxOS41OCA3LjIzIDIwLjM2IDguMzUgMjEuNDMgOS4wNUMyMi4xOCA5LjU0IDIzLjA4IDkuODMgMjQuMDQgOS44M1YxMy4yN1oiIGZpbGw9IndoaXRlIi8+Cjwvc3ZnPgo=');
}
.m-footer .copyright-footer
{
color: #c0c0c0;
font-size: 14px;
margin-top: 15px;
}
.m-footer a.beian-footer
{
color: #c0c0c0;
font-size: 14px;
}
@media only screen and (max-width: 1024px)
{
#footer
{
display: none;
}
.m-footer
{
display: block;
}/*.footer-link{
margin-left: 0;
width: 100%;
height: 300px;
margin-top: 15px;
}
.footer-link iframe{
width: 100%;
height: 100%;
}*/
}
@media only screen and (max-width: 450px)
{
.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;
}
}
.logo-area
{
position: absolute;
bottom: 0;
font-size: 0;
}
.logo-title
{
font-family: "HarmonyOS_Sans_SC_Regular";
font-size: 18px;
color: #fff;
margin-right: 20px;
line-height: 0;
height: 10px;
display: inline-block;
vertical-align: middle;
}
.logo-img
{
display: inline-block;
height: 40px;
}
.logo-link
{
width: 40px;
height: 40px;
display: inline-block;
margin-right: 2px;
}
.footer-logo
{
width: 30px;
height: 30px;
padding: 5px;
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-bottom
{
position: absolute;
bottom: 0;
left: 50%;
transform: translateX(-50%);
-moz-transform: translateX(-50%);
-ms-transform: translateX(-50%);
-webkit-transform: translateX(-50%);
text-align: center;
font-size: 14px;
color: #fff;
line-height: 30px;
}
.footer-bottom a
{
color: #fff;
font-size: 12px;
}
.footer-bottom a:visited
{
color: #fff;
font-size: 12px;
}
.footer-bottom a:hover
{
color: #fff;
font-size: 12px;
}
.footer-bottom a:active
{
color: #fff;
font-size: 12px;
}/*移动端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;
text-align: left;
}
.machine-samples .swiper-button-next{
right: 4%;
background: none;
outline: none;
width: 26px;
height: 26px;
font-size: 26px;
text-align: right;
}
.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;
font-family: 'HarmonyOS_Sans_SC_Bold';
}
.back-content{
display: flex;
display: -webkit-flex;
}
.back-title{
text-align: left;
width: 77px;
flex-shrink: 0;
-webkit-flex-shrink: 0;
font-family: 'HarmonyOS_Sans_SC_Bold';
display: inline-block;
margin-right: 4px;
}
.back-title .back-item {
font-family: 'HarmonyOS_Sans_SC_Bold';
}
.back-info{
text-align: left;
}
.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: 10px;
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: 65px;
}
}
.plus{
margin-right: 4px;
}
}*//*移动端语言切换及机床选型菜单项*/
.m_header_Quote
{
color: #333;
font-size: 12px;
line-height: 16px;
display: inline-block;
position: absolute;
top: 9px;
right: 50px;
}
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;
}
.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;
}
}/*banner样式; GXQ; 20200103*/
.top-img
{
position: relative;
width: 100%;
padding-bottom: 13.541667%;
background-color: #c7c7c7;/*background-image:*/
background-size: cover;
background-repeat: no-repeat;
background-position: center;
}
.topImg-title
{
position: absolute;
top: 54%;
left: 80px;
padding-right: 80px;
transform: translateY(-54%);
-webkit-transform: translateY(-54%);
-moz-transform: translateY(-54%);
-ms-transform: translateY(-54%);
-o-transform: translateY(-54%);
font-family: 'HarmonyOS_Sans_SC_Bold';
font-size: 90px;
font-weight: bold;
text-transform: uppercase;
color: #004898;
}
.topImg-small
{
font-size: 80px;
}/*移动端 banner样式*//*----------------------------------*/
@media only screen and (max-width: 1599px)
{
.topImg-title
{
font-size: 60px;
}
}
@media only screen and (max-width: 1399px)
{
.topImg-title
{
left: 60px;
}
}
@media only screen and (max-width: 1299px)
{
.topImg-title
{
left: 40px;
}
}
@media only screen and (max-width: 1100px)
{
.topImg-title
{
font-size: 50px;
}
}
@media only screen and (max-width: 1024px)
{
.top-img
{
padding-bottom: 26.666667%;
}
.topImg-title
{
font-size: 40px;
padding-right: 15px;
}
}
@media only screen and (max-width: 450px)
{
.topImg-title
{
font-size: 28px;
}
.topImg-title
{
left: 15px;
}
}/*----------------------------------*//*移动端 banner end*//*logo文字*/
.logo-desc
{
position: fixed;
top: 46px;
left: 335px;
color: #231815;
z-index: 30;
font-size: 13px;
border-left: 1px solid #231815;
line-height: 16px;
padding: 4px 0 4px 14px;
}
.logo-desc span
{
color: #005bac;
}
.smaller .logo-desc
{
top: 7px;
left: 263px;
padding: 1px 0 1px 14px;
}
@media only screen and (max-width: 1680px)
{
.web-logo
{
left: 80px;
height: 45px;
}
.logo-desc
{
top: 44px;
left: 292px;
font-size: 12px;
line-height: 15px;
padding: 2px 0 2px 10px;
}
.smaller .web-logo
{
height: 35px;
top: 15px;
}
.smaller .logo-desc
{
top: 11px;
left: 248px;
padding: 0 0 0 10px;
}
}
@media only screen and (max-width: 1500px)
{
.web-logo
{
left: 60px;
}
.logo-desc
{
left: 272px;
}
.smaller .web-logo
{
left: 40px;
}
.smaller .logo-desc
{
left: 208px;
}
}
@media only screen and (max-width: 1240px)
{
.web-logo
{
left: 40px;
}
.smaller .web-logo
{
left: 30px;
}
.logo-desc
{
left: 248px;
padding: 2px 0 2px 8px;
}
.smaller .logo-desc
{
left: 192px;
padding: 0 0 0 8px;
}
}
@media only screen and (max-width: 1270px)
{
.logo-desc
{
display: none;
}
.web-logo
{
left: 80px;
}
.smaller .web-logo
{
left: 60px;
}
}
@media only screen and (max-width: 1080px)
{
.web-logo
{
left: 60px;
}
.smaller .web-logo
{
left: 40px;
}
}