@charset "UTF-8";
* { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: 0 0; -webkit-box-sizing: border-box; box-sizing: border-box }
:after, :before { -webkit-box-sizing: border-box; box-sizing: border-box }
html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100% }
body { font-family: Helvetica, 'Hiragino Sans GB', 'Microsoft Yahei', '微软雅黑', Arial, sans-serif; overflow-x: hidden; font-size: 14px; color: #333 }
address, caption, code, figcaption, pre, th { font-size: 1em; font-weight: 400; font-style: normal }
blockquote, q { quotes: none }
blockquote:after, blockquote:before, q:after, q:before { content: ''; content: none }
fieldset, iframe, img { border: 0 }
ins { background-color: #ff9; color: #000; text-decoration: none }
caption, th { text-align: left }
table { border-collapse: collapse; border-spacing: 0 }
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block }
audio, canvas, progress, video { display: inline-block; vertical-align: baseline }
sup { vertical-align: text-top }
sub { vertical-align: text-bottom }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0 }
input, select { vertical-align: middle }
button { background: 0 0; border: 0; -webkit-box-sizing: content-box; box-sizing: content-box; color: inherit; cursor: pointer; font: inherit; line-height: inherit; overflow: visible; vertical-align: inherit }
button:disabled { cursor: default }
audio:not([controls]) { display: none }
:focus[data-focus-method=mouse]:not(input):not(textarea):not(select), :focus[data-focus-method=touch]:not(input):not(textarea):not(select) { outline: 0 }
::-moz-focus-inner {
    border:0;
    padding:0
}
a, a:link, a:visited { text-decoration: none }
a:hover { text-decoration: none }
a:active { text-decoration: none }
ul { list-style: none }
img { display: block; height: auto; max-width: 100% }
:-moz-placeholder {
    color:#ccc;
    opacity:1
}
::-moz-placeholder {
    color:#ccc;
    opacity:1
}
input:-ms-input-placeholder {
    color:#ccc;
    opacity:1
}
input::-webkit-input-placeholder {
    color:#ccc;
    opacity:1
}
.dgib { background-repeat: no-repeat; background-size: cover; background-position: center center }
.dgib:after { display: block; content: ""; padding-top: 100% }
.dgib-h10:after { padding-top: 10% }
.dgib-h20:after { padding-top: 20% }
.dgib-h30:after { padding-top: 30% }
.dgib-h40:after { padding-top: 40% }
.dgib-h50:after { padding-top: 50% }
.dgib-h60:after { padding-top: 60% }
.dgib-h70:after { padding-top: 70% }
.dgib-h80:after { padding-top: 80% }
.dgib-h90:after { padding-top: 90% }
.dgib>img { display: none }
.dpxc { position: absolute; left: 50% }
.dpyc { position: absolute; top: 50% }
.dpxyc { position: absolute; top: 50%; left: 50% }
.bkt { width: 40px; height: 40px; text-align: center; line-height: 39px; position: fixed; right: 15px; bottom: 50px; color: #fff; border-radius: 50%; z-index: 100; cursor: pointer; display: none; background: #008fd3 url(../img/top.svg) center center/40% auto no-repeat }
body { background: #ccc }
.layout { width: 100%; margin: 0 auto; background: #fff; overflow-x: hidden }
.common-header .header { height: 60px; position: relative }
.common-header .logo { position: absolute; z-index: 30; left: 0; top: 0; width: 100%; height: 60px; background: #fff }
.common-header .sp-language, .common-header .sp-search { display: none }
.common-header .logo a { line-height: 0; display: block; position: relative; left: 25px; top: 12px; width: 150px }
.common-header .logo a img { width: 120px; height: auto }
.common-header .splogo { display: none }
.common-header .navigation { position: absolute; z-index: 40; right: 0; top: 0; height: 60px; display: block }
.common-header .navigation:after { content: ""; display: block; clear: both }
.common-header .navigation .nav { float: left }
.common-header .navigation .nav>ul:after { content: ""; display: block; clear: both }
.common-header .navigation .nav>ul>li { float: left; padding: 0 25px }
.common-header .navigation .nav>ul>li:not(:last-child) { border-right: 1px solid #e4e4e4 }
.common-header .navigation .nav>ul>li a { display: block; padding-right: 20px; position: relative; line-height: 60px; color: #505050 }
.common-header .navigation .nav>ul>li a:after { content: "\f0da"; font-family: FontAwesome; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.common-header .navigation .search { float: left; height: 60px }
.common-header .navigation .search>* { float: left }
.common-header .navigation .search .language { width: 60px; height: 60px; background: #005bac; position: relative }
.common-header .navigation .search .language>a { position: absolute; width: 100%; height: 100%; background: url(../img/earth.png) no-repeat center center/20px auto }
.common-header .navigation .search .secrch-form { width: 270px; height: 60px; position: relative }
.common-header .navigation .search .secrch-form div { width: 100%; height: 100% }
.common-header .navigation .search .secrch-form div input[type=text] { position: absolute; width: 100%; height: 100%; padding: 10px 20px; font-family: 'Microsoft Yahei', 微软雅黑, Meiryo, sans-serif; color: #505050; background: #f1f1f1 }
.common-header .navigation .search .secrch-form div input[type=button] { position: absolute; width: 35px; height: 35px; right: 10px; text-indent: -999px; background: url(../img/im1.png) no-repeat center center/20px 20px; cursor: pointer; -webkit-transition: .3s; transition: .3s; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); margin: auto }
.common-header .header .header-group { width: 100%; height: 47px; position: absolute; left: 0; right: 0; background-color: #fff; -webkit-box-shadow: 0 1px 8px 0 rgba(0,0,0,.1); box-shadow: 0 1px 8px 0 rgba(0,0,0,.1) }
.common-header .header .header-group .logo { position: absolute }
.common-header .header .header-group .logo h1 a { left: 20px }
.common-header .header .header-group .navigation { position: absolute }
.common-header .global-nav { position: absolute; z-index: 100; float: left; margin-left: 160px }
.largeClient { display: none }
.smallClient { display: none!important }
@media (max-width:1300px) {
    .smallClient { display: block!important }
    .largeClient { display: none!important }
    .common-header .navigation { display: none!important }
}
.common-header .global-nav.smallClient { position: absolute; top: 0; float: none; width: 100%; max-width: 380px; right: 0; z-index: 50; margin-left: 0; height: 0 }
.common-header .global-nav.smallClient nav { background-color: #333 }
.common-header .acc, .common-header .smallacc { position: relative }
.common-header .smallacc { width: 100%; max-width: 380px; min-height: calc(100vh - 60px) }
.common-header .small-nav { display: block; opacity: 0; width: 100%; max-width: 380px; position: absolute; left: 0; -webkit-transition: .3s; transition: .3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; -webkit-transform: translateX(102%); transform: translateX(102%); top: 60px; display: none }
.common-header .small-nav.shownav { -webkit-transform: translate(0); transform: translate(0); opacity: 1; display: block }
.common-header .acc a, .common-header .acc a:hover, .common-header .smallacc a, .common-header .smallacc a:hover { text-decoration: none }
.common-header .smallacc a, .common-header .smallacc a:hover { color: #fff!important; width: 100%; display: block; line-height: 1.3; padding: 14px 14px 14px 18px; font-size: 14px }
.common-header .smallacc.level-1>li>a { font-weight: 700!important; border-bottom: 1px solid #444; position: relative }
.common-header .acc .sub-menu, .common-header .smallacc .sub-menu { display: none }
.common-header .smallacc .sub-menu { width: 100% }
.common-header .smallacc .sub-menu li, .common-header .smallacc .sub-menu li a { width: 100% }
@-webkit-keyframes popup { 0% {
    opacity:0;
    -webkit-transform:translateX(-25px)
}
    100% {
        opacity:1;
        -webkit-transform:translateX(0)
    }
}
@keyframes popup { 0% {
    opacity:0;
    -webkit-transform:translateX(-25px);
    transform:translateX(-25px)
}
    100% {
        opacity:1;
        -webkit-transform:translateX(0);
        transform:translateX(0)
    }
}
.common-header .acc .sub-menu>li>a { opacity: 0; position: relative; -webkit-animation: popup .3s ease forwards 0s; animation: popup .3s ease forwards 0s }
.common-header .acc .sub-menu>li:nth-child(1)>a { -webkit-animation-delay: 0s; animation-delay: 0s }
.common-header .acc .sub-menu>li:nth-child(2)>a { -webkit-animation-delay: 50ms; animation-delay: 50ms }
.common-header .acc .sub-menu>li:nth-child(3)>a { -webkit-animation-delay: .1s; animation-delay: .1s }
.common-header .acc .sub-menu>li:nth-child(4)>a { -webkit-animation-delay: .15s; animation-delay: .15s }
.common-header .acc .sub-menu>li:nth-child(5)>a { -webkit-animation-delay: .2s; animation-delay: .2s }
.common-header .acc .sub-menu>li:nth-child(6)>a { -webkit-animation-delay: .25s; animation-delay: .25s }
.common-header .acc .sub-menu>li:nth-child(7)>a { -webkit-animation-delay: .3s; animation-delay: .3s }
.common-header .acc .sub-menu>li:nth-child(8)>a { -webkit-animation-delay: .35s; animation-delay: .35s }
.common-header .acc .sub-menu>li:nth-child(9)>a { -webkit-animation-delay: .4s; animation-delay: .4s }
.common-header .acc .sub-menu>li:nth-child(10)>a { -webkit-animation-delay: .45s; animation-delay: .45s }
.common-header .acc .sub-menu>li:nth-child(11)>a { -webkit-animation-delay: .5s; animation-delay: .5s }
.common-header .acc .sub-menu>li:nth-child(12)>a { -webkit-animation-delay: .55s; animation-delay: .55s }
.common-header .acc .sub-menu>li:nth-child(13)>a { -webkit-animation-delay: .6s; animation-delay: .6s }
.common-header .acc .sub-menu>li:nth-child(14)>a { -webkit-animation-delay: .75s; animation-delay: .75s }
.common-header .acc .sub-menu>li:nth-child(15)>a { -webkit-animation-delay: .8s; animation-delay: .8s }
.common-header .acc .sub-menu>li:nth-child(16)>a { -webkit-animation-delay: .85s; animation-delay: .85s }
.common-header .acc .sub-menu>li:nth-child(17)>a { -webkit-animation-delay: .9s; animation-delay: .9s }
.common-header .acc .sub-menu>li:nth-child(18)>a { -webkit-animation-delay: .95s; animation-delay: .95s }
.common-header .acc .sub-menu>li:nth-child(19)>a { -webkit-animation-delay: 1s; animation-delay: 1s }
.common-header .acc .sub-menu>li:nth-child(20)>a { -webkit-animation-delay: 1.05s; animation-delay: 1.05s }
.common-header .acc .sub-menu>li:nth-child(21)>a { -webkit-animation-delay: 1.2s; animation-delay: 1.2s }
.common-header .acc .sub-menu>li:nth-child(22)>a { -webkit-animation-delay: 1.25s; animation-delay: 1.25s }
.common-header .acc .sub-menu>li:nth-child(23)>a { -webkit-animation-delay: 1.3s; animation-delay: 1.3s }
.common-header .acc .sub-menu>li:nth-child(24)>a { -webkit-animation-delay: 1.35s; animation-delay: 1.35s }
.common-header .acc .sub-menu>li:nth-child(25)>a { -webkit-animation-delay: 1.4s; animation-delay: 1.4s }
.common-header .acc .sub-menu>li:nth-child(26)>a { -webkit-animation-delay: 1.45s; animation-delay: 1.45s }
.common-header .acc .sub-menu>li:nth-child(27)>a { -webkit-animation-delay: 1.5s; animation-delay: 1.5s }
.common-header .acc .sub-menu>li:nth-child(28)>a { -webkit-animation-delay: 1.65s; animation-delay: 1.65s }
.common-header .acc .sub-menu>li:nth-child(29)>a { -webkit-animation-delay: 1.7s; animation-delay: 1.7s }
.common-header .acc .sub-menu>li:nth-child(30)>a { -webkit-animation-delay: 1.85s; animation-delay: 1.85s }
.common-header .acc .sub-menu>li:nth-child(31)>a { -webkit-animation-delay: 1.9s; animation-delay: 1.9s }
.common-header .acc .sub-menu>li:nth-child(32)>a { -webkit-animation-delay: 1.95s; animation-delay: 1.95s }
.common-header .acc .sub-menu>li:nth-child(33)>a { -webkit-animation-delay: 2s; animation-delay: 2s }
.common-header .acc .sub-menu>li:nth-child(34)>a { -webkit-animation-delay: 2.05s; animation-delay: 2.05s }
.common-header .acc .sub-menu>li:nth-child(35)>a { -webkit-animation-delay: 2.1s; animation-delay: 2.1s }
.common-header .acc .sub-menu>li:nth-child(36)>a { -webkit-animation-delay: 2.15s; animation-delay: 2.15s }
.common-header .acc .sub-menu>li:nth-child(37)>a { -webkit-animation-delay: 2.2s; animation-delay: 2.2s }
.common-header .acc .sub-menu>li:nth-child(38)>a { -webkit-animation-delay: 2.25s; animation-delay: 2.25s }
.common-header .acc .sub-menu>li:nth-child(39)>a { -webkit-animation-delay: 2.3s; animation-delay: 2.3s }
.common-header .acc .sub-menu>li:nth-child(40)>a { -webkit-animation-delay: 2.35s; animation-delay: 2.35s }
.common-header .acc .sub-menu>li:nth-child(41)>a { -webkit-animation-delay: 2.4s; animation-delay: 2.4s }
.common-header .acc .sub-menu>li:nth-child(42)>a { -webkit-animation-delay: 2.45s; animation-delay: 2.45s }
.common-header .acc .sub-menu>li:nth-child(43)>a { -webkit-animation-delay: 2.5s; animation-delay: 2.5s }
.common-header .acc .sub-menu>li:nth-child(44)>a { -webkit-animation-delay: 2.55s; animation-delay: 2.55s }
.common-header .acc .sub-menu>li:nth-child(45)>a { -webkit-animation-delay: 2.6s; animation-delay: 2.6s }
.common-header .acc .sub-menu>li:nth-child(46)>a { -webkit-animation-delay: 2.65s; animation-delay: 2.65s }
.common-header .acc .sub-menu>li:nth-child(47)>a { -webkit-animation-delay: 2.7s; animation-delay: 2.7s }
.common-header .acc .sub-menu>li:nth-child(48)>a { -webkit-animation-delay: 2.75s; animation-delay: 2.75s }
.common-header .acc .sub-menu>li:nth-child(49)>a { -webkit-animation-delay: 2.8s; animation-delay: 2.8s }
.common-header .acc .sub-menu>li:nth-child(50)>a { -webkit-animation-delay: 2.85s; animation-delay: 2.85s }
.common-header .acc.level-1>li { float: left; position: relative; border-left: 1px solid #eee }
.common-header .acc.level-1>li:last-child>a { border-right: 1px solid #eee }
.common-header .acc.level-1>li.has-submenu:after { content: ""; width: 0; height: 0; border-bottom: 8px solid #454545; border-left: 8px solid transparent; border-right: 8px solid transparent; bottom: 0; position: absolute; left: 50%; margin-left: -8px; display: none }
.common-header .acc.level-1>li:hover:after { display: block }
.common-header .acc.level-1>li>a { font-size: 14px; height: 60px; padding: 0 30px; line-height: 60px; text-align: center; color: #666; display: block }
.common-header .acc.level-1>li.active-color>a { background-color: #005bac; color: #fff }
.common-header .smallacc.level-1>li.active-color>a { background-color: #005bac; color: #fff }
.common-header .acc.level-1>li.active-color { border-left-color: transparent!important; border-right-color: transparent!important }
.common-header .hideborder { border-left-color: transparent!important; border-right-color: transparent!important }
.common-header .acc.level-1 ul { padding: 15px 0 }
.common-header .acc .level-2, .common-header .acc .level-3, .common-header .acc .level-4, .common-header .acc .level-5 { width: 250px }
@media screen and (max-width:1390px) {
    .common-header .acc .level-2, .common-header .acc .level-3, .common-header .acc .level-4, .common-header .acc .level-5 { width: 230px }
}
.common-header .acc .level-2 { position: absolute; left: 0; background-color: #454545 }
.common-header .smallacc a { min-height: 47px; cursor: pointer }
.common-header .smallacc .level-2 { background-color: #454545 }
.common-header .smallacc .level-2>li>a { position: relative; padding-left: 36px; border-bottom: 1px solid #585858 }
.common-header .smallacc .level-2>li:last-child>a { border-bottom: 0 }
.common-header .smallacc .level-2>li>a:before { width: 8px; height: 1px; background-color: #fff; position: absolute; left: 18px; top: 50%; margin-top: -1px; content: ""; display: block }
.common-header .acc .level-2 a { color: #fff; line-height: 1.3; padding: 6px 14px 6px 20px; display: block }
.common-header .acc .level-2>li>a { color: #c3c5c6 }
.common-header .acc .level-2 .sub-menu { position: absolute; top: 0 }
.common-header .acc .level-2>li>a.acc-active, .common-header .acc .level-2>li>a:hover { background-color: #585858; color: #fff }
.common-header .acc .level-3 { background-color: #585858; left: 100% }
.common-header .smallacc .level-3 { background-color: #585858 }
.common-header .smallacc .level-3>li>a { position: relative; padding-left: 36px; border-bottom: 1px solid #666 }
.common-header .smallacc .level-3>li:last-child>a { border-bottom: 0 }
.common-header .smallacc .level-3>li>a:before { width: 8px; height: 1px; background-color: #fff; position: absolute; left: 18px; top: 50%; content: ""; display: block }
.common-header .smallacc .level-3>li>a:after { width: 1px; height: 14px; background-color: #fff; position: absolute; left: 18px; top: 50%; margin-top: -7px; content: ""; display: block }
.common-header .smallacc .level-3>li:last-child>a:after { height: 8px }
.common-header .acc .level-3>li>a { color: #c3c5c6 }
.common-header .acc .level-3>li>a.acc-active, .common-header .acc .level-3>li>a:hover { background-color: #005bac; color: #fff }
.common-header .acc .level-4 { background-color: #005bac; left: 100% }
.common-header .smallacc .level-4 { background-color: #666 }
.common-header .acc .level-4>li>a.acc-active, .common-header .acc .level-4>li>a:hover { background-color: #1c4c87 }
.common-header .smallacc .level-4>li>a { position: relative; padding-left: 52px; border-bottom: 1px solid #7b7b7b }
.common-header .smallacc .level-4>li:last-child>a { border-bottom: 0 }
.common-header .smallacc .level-4>li>a:before { width: 8px; height: 1px; background-color: #fff; position: absolute; left: 36px; top: 50%; content: ""; display: block }
.common-header .smallacc .level-4>li>a:after { width: 1px; height: 14px; background-color: #fff; position: absolute; left: 36px; top: 50%; margin-top: -7px; content: ""; display: block }
.common-header .smallacc .level-4>li:last-child>a:after { height: 8px }
.common-header .acc .level-5 { background-color: #1c4c87; left: 100% }
.common-header .smallacc .level-5 { background-color: #7b7b7b }
.common-header .smallacc .level-5>li>a { position: relative; padding-left: 68px; border-bottom: 1px solid #888 }
.common-header .smallacc .level-5>li:last-child>a { border-bottom: 0 }
.common-header .smallacc .level-5>li>a:before { width: 8px; height: 1px; background-color: #fff; position: absolute; left: 53px; top: 50%; content: ""; display: block }
.common-header .smallacc .level-5>li>a:after { width: 1px; height: 14px; background-color: #fff; position: absolute; left: 53px; top: 50%; margin-top: -7px; content: ""; display: block }
.common-header .smallacc .level-5>li:last-child>a:after { height: 8px }
.common-header .acc .level-5>li>a.acc-active, .common-header .acc .level-5>li>a:hover { background-color: #0b3764 }
.common-header #main-menu .level-2 .has-submenu>a { position: relative }
.common-header #main-menu .level-2 .has-submenu>a:after { content: ""; display: block; position: absolute; width: 10px; height: 10px; background: url(../img/index/right-menu.svg) center center/10px 10px no-repeat; right: 14px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
@media (max-width:1680px) {
    .acc li a { font-size: 12px }
    .acc .level-2, .acc .level-3, .acc .level-4, .acc .level-5 { width: 200px }
}
.common-header .togglebtn { width: 60px; height: 60px; position: relative; cursor: pointer; float: right; right: 10px }
.common-header .togglebtn span { display: block; width: 34px; height: 4px; background-color: #666; position: absolute; left: 13px; top: 28px; -webkit-transition: .2s; transition: .2s; -webkit-transform: rotate(0); transform: rotate(0) }
.common-header .togglebtn span:first-child { top: 18px; left: 13px }
.common-header .togglebtn span:last-child { top: 38px; left: 13px }
.common-header .togglebtn.activebtn span { width: 6px; height: 6px; top: 27px; border-radius: 3px; overflow: hidden; left: 27px; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) }
.common-header .togglebtn.activebtn span:first-child { left: 14px }
.common-header .togglebtn.activebtn span:last-child { left: 40px }
.common-header .plus-icon { width: 14px; height: 14px; position: absolute; right: 14px; top: 50%; margin-top: -7px; -webkit-transition: .3s; transition: .3s; -webkit-transform: rotate(0); transform: rotate(0) }
.common-header .plus-icon svg { display: block; width: 14px; height: 14px }
.common-header .plus-icon.rotateplus { -webkit-transform: rotate(225deg); transform: rotate(225deg) }
.common-header .clickable { position: absolute; top: 0; right: 0; height: 46px; width: 46px; z-index: 10; background-color: rgba(0,0,0,.1) }
.common-header .smallacc .has-submenu { position: relative }
.common-footer .footer { background: #f6f6f6; overflow: hidden }
.common-footer .footer-nav { width: 100%; height: auto; overflow: hidden; max-width: 1600px; margin: 0 auto; padding: 50px 30px }
.common-footer .footer-nav>ul { float: left; width: 70%; overflow: hidden }
.common-footer .footer-nav>ul>li { float: left; border-right: 1px solid #e2e2e2 }
.common-footer .footer-nav>ul>li:not(:first-child) { padding-left: 7% }
.common-footer .footer-nav>ul>li h3 { margin-bottom: 1em; color: #505050; font-weight: 400; font-size: 18px }
.common-footer .footer-nav>ul>li h3 a { color: #505050 }
.common-footer .footer-nav>ul>li ul li { margin: 5px 0 }
.common-footer .footer-nav>ul>li ul li a { font-size: 14px; color: #505050 }
.common-footer .footer-nav>ul>li ul { overflow: hidden }
.common-footer .footer-nav>ul>li ul li { width: 50%; float: left }
.common-footer .footer-nav>ul>li:nth-child(1) { width: 40% }
.common-footer .footer-nav>ul>li:nth-child(1) ul li { width: 33.3333333333% }
.common-footer .footer-nav>ul>li:nth-child(2) { width: 30% }
.common-footer .footer-nav>ul>li:nth-child(3) { width: 30% }
.common-footer .footer-qr-code { float: right; width: 30% }
.common-footer .footer-qr-code div { text-align: center; margin: 0 auto }
.common-footer .footer-qr-code div p { font-size: 14px }
.common-footer .footer-qr-code div p em { display: inline-block; font-style: normal; font-size: 12px }
.common-footer .footer-qr-code div p img { display: inline-block; padding: 3px; background: #fff; width: 85px }
.common-footer .footer-copyright { clear: both; width: auto; max-width: 1600px; margin: 0 auto; padding: 0 30px 50px; font-size: 12px; color: #999; line-height: 1.8 }
.common-footer .footer-copyright a { color: #999 }
@media screen and (max-width:1200px) {
    .common-footer .footer-nav { overflow: visible }
    .common-footer .footer-nav>ul { float: none; width: 100%; margin-bottom: 50px }
    .common-footer .footer-qr-code { float: none; width: 100% }
    .common-footer .footer-copyright { clear: none; width: 380px }
    .common-footer .footer-qr-code { width: 100%; max-width: 300px; float: right }
}
@media screen and (max-width:1218px) {
    .common-header .sp-language, .common-header .sp-search { display: block; position: absolute; width: 50px; height: 60px; z-index: 50 }
    .common-header .sp-language { right: 70px }
    .common-header .sp-search { right: 120px }
    .common-header .sp-language a, .common-header .sp-search a { position: absolute; width: 100%; height: 100% }
    .common-header .sp-search a { background: url(../img/sp-search.svg) center center/65% auto no-repeat }
    .common-header .sp-language a { background: url(../img/sp-language.svg) center center/65% auto no-repeat }
}
@media screen and (max-width:835px) {
    .common-footer .footer-nav>ul>li { width: 33.3333333333333%!important; padding-left: 9%!important }
    .common-footer .footer-nav>ul>li:last-child { border: none }
    .common-footer .footer-nav>ul>li ul li { width: 100%!important; float: none }
}
@media screen and (max-width:700px) {
    .common-footer .footer-nav { overflow: auto; padding: 0 }
    .common-footer .footer-nav>ul { padding: 50px 0; margin-bottom: 0 }
    .common-footer .footer-qr-code { max-width: none; background: #fff; padding: 50px 0 30px 0 }
    .common-footer .footer-copyright { text-align: center }
    .common-footer .footer-copyright { background: #fff }
}
@media screen and (max-width:530px) {
    .common-footer .footer-nav>ul>li h3 { font-size: 14px }
    .common-footer .footer-nav>ul>li ul li a { font-size: 12px }
    .common-footer .footer-nav>ul>li ul { overflow: visible }
    .common-footer .footer-nav>ul>li { border: none!important }
}
.about .layout .featured { width: 100%; height: 26vw; min-height: 220px; max-height: 1100px; background: url(../img/about/banner.jpg) 20% bottom/cover no-repeat; position: relative; -webkit-transition: .3s; -webkit-transition: .3s; transition: .3s }
.about .layout .featured:after { content: ""; width: 100%; padding-top: 36%; display: block; z-index: -1 }
.about .layout .featured-position { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 20% }
.about .layout .featured-position .featured-main { display: none }
.about .layout .featured-position .featured-main:after { content: ""; padding-top: 100%; display: block }
.about .layout .featured-position .featured-main div { position: absolute; padding: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.about .layout .featured-position .featured-main div h2 { font-size: 60px }
.about .layout .featured-position .featured-main div h3 { font-size: 34px; font-weight: 400; margin: .5em 0 }
.about .layout .featured-position .featured-main div p { font-size: 18px; line-height: 1.6 }
.about .layout .part-1 { margin: 80px auto; width: 100%; max-width: 1460px; padding: 0 20px }
.about .layout .part-1 .part-1-main p { font-size: 18px; letter-spacing: .05em; line-height: 1.8; text-align: center; margin-bottom: 30px }
.about .layout .part-1 .part-1-main p a { display: block; color: #005bac }
.about .layout .part-1 .part-1-main ul { width: 100%; max-width: 800px; margin: 0 auto; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative }
.about .layout .part-1 .part-1-main ul li { width: calc(33.3333333333333333% - 20px); background: #99a4aa; position: relative; overflow: hidden; cursor: pointer }
.about .layout .part-1 .part-1-main ul li:after { content: ""; display: block; padding-top: 100% }
.about .layout .part-1 .part-1-main ul li .on { position: absolute; width: 100%; height: 100%; text-align: center; -webkit-transition: cubic-bezier(.42, 0, .58, 1) .2s; transition: cubic-bezier(.42, 0, .58, 1) .2s }
.about .layout .part-1 .part-1-main ul li .on>* { display: block }
.about .layout .part-1 .part-1-main ul li .on span:nth-child(1) { width: 100%; height: 90%; top: 5%; position: absolute; background-size: auto 100%; -webkit-transform: translateX(35%); transform: translateX(35%) }
.about .layout .part-1 .part-1-main ul li .on span:nth-child(1):after { display: none }
.about .layout .part-1 .part-1-main ul li .on span:nth-child(2) { position: absolute; left: 0; bottom: 0; font-size: 20px; font-weight: 100; color: #fff; padding: 15px }
.about .layout .part-1 .part-1-main ul li .off { position: absolute; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transform: translateY(100%); transform: translateY(100%); background: #005bac; -webkit-transition: cubic-bezier(.42, 0, .58, 1) .2s; transition: cubic-bezier(.42, 0, .58, 1) .2s }
.about .layout .part-1 .part-1-main ul li .off span { position: relative }
.about .layout .part-1 .part-1-main ul li .off span:nth-child(1) { -webkit-transform: none; transform: none; background: 0 0!important; top: auto; height: auto }
.about .layout .part-1 .part-1-main ul li .off span:nth-child(1):after { display: none }
.about .layout .part-1 .part-1-main ul li .off span:nth-child(1) img { display: block!important; width: 60px; margin: 0 auto }
.about .layout .part-1 .part-1-main ul li .off span:nth-child(2) { text-align: center; font-size: 18px; font-weight: 400; color: #fff; margin: .7em 0 }
.about .layout .part-1 .part-1-main ul li .off a:nth-child(3) { display: inline-block; margin: 0 auto; border: 1px solid #fff; line-height: 1; color: #fff; text-decoration: none; padding: 7px 10px; -webkit-transition: .3s; -webkit-transition: .3s; transition: .3s }
.about .layout .part-1 .part-1-main ul li .off a:nth-child(3):hover { background: #fff; color: #005bac }
.about .more { display: inline-block; width: 140px; border: 1px solid; text-align: center; line-height: 37px!important; -webkit-transition: .3s; transition: .3s }
.about .section-about-development { margin: 60px auto; padding: 0 20px }
.about .section-about-title h2 { font-size: 35px; font-weight: 400; line-height: 1.1; margin: 30px 0; text-align: center }
.about .section-about-development-main { position: relative; width: 100%; max-width: 1600px; margin: 0 auto; overflow: hidden }
.about .section-about-development-main>div { position: absolute }
.about .section-about-development-main:after { content: ""; display: block; padding-top: 50% }
.about .section-about-development-main-open { background: url(../img/about/pic-4.jpg) no-repeat bottom center/cover; width: calc(50% - 10px); height: 100%; left: 0; top: 0 }
.about .section-about-development-main-cooperation { background: url(../img/about/pic-5.jpg) no-repeat center center/cover; width: calc(50% - 10px); height: calc(50% - 10px); right: 0; top: 0 }
.about .section-about-development-main-quality { background: url(../img/about/pic-6.jpg) no-repeat center center/cover; width: calc(50% - 10px); height: calc(50% - 10px); right: 0; bottom: 0 }
.about .section-about-development-main>div>div { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); text-align: center; color: #505050; width: 100% }
.about .section-about-development-main>div>div h2 { font-weight: 700; margin-bottom: 30px; font-size: 40px }
.about .section-about-development-main>div>div p:nth-child(2) { font-size: 20px; line-height: 1.4; white-space: nowrap; margin-bottom: 50px }
.about .section-about-development-main-open div { padding-bottom: 45% }
.about .section-about-development-main-open div .more { color: #505050; border-color: #505050; -webkit-transition: .3s; transition: .3s }
.about .section-about-development-main-cooperation div { color: #fff!important }
.about .section-about-development-main-cooperation div h2 { font-size: 30px!important; margin-bottom: 15px!important }
.about .section-about-development-main-cooperation div p .more { border-color: #fff; color: #fff }
.about .section-about-development-main-quality:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.7); z-index: 1 }
.about .section-about-development-main-quality div { color: #fff!important; z-index: 2 }
.about .section-about-development-main-quality div h2 { font-size: 30px!important; margin-bottom: 15px!important }
.about .section-about-development-main-quality div p:nth-child(2) { margin-bottom: 40!important }
.about .section-about-development-main-quality div .more { border-color: #fff; color: #fff }
.about .section-about-investment { margin: 60px 0 }
.about .section-about-investment-main { position: relative; min-height: 430px }
.about .section-about-investment-main:after { content: ""; display: block; padding-top: 30% }
.about .section-about-investment-main>div { position: absolute; width: 50%; height: 100% }
.about .section-about-investment-main-left { left: 0; background: url(../img/about/part-3-pic-1.jpg) no-repeat center bottom/cover }
.about .section-about-investment-main-left div { position: absolute; text-align: center; color: #fff; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50% }
.about .section-about-investment-main-left div h2 { font-weight: 700; font-size: 30px; margin-bottom: 20px }
.about .section-about-investment-main-left div p { font-size: 18px }
.about .section-about-investment-main-right { right: 0; background: url(../img/about/part-3-pic-2.jpg) no-repeat center center/cover }
.about .section-about-investment-main-right div { position: absolute; color: #505050; left: 0; padding: 100px 50px }
.about .section-about-investment-main-right div { left: 0; bottom: 0 }
.about .section-about-investment-main-right div h2 { font-weight: 700; font-size: 30px; margin-bottom: 20px }
.about .section-about-investment-main-right div p { font-size: 18px; margin-bottom: 20px }
.about .section-about-investment-main-right div .more { border-color: #008fd3; color: #fff; background: #008fd3; width: 140px }
.about .section-about-work { margin: 60px 0 0 }
.about .section-about-work-main { position: relative; min-height: 430px }
.about .section-about-work-main:after { content: ""; display: block; padding-top: 30% }
.about .section-about-work-main>div { position: absolute }
.about .section-about-work-main-left { width: 60%; height: 100%; left: 0; background: url(../img/about/part-4-pic-1.jpg) no-repeat center center/cover }
.about .section-about-work-main-right { width: 40%; height: 100%; right: 0; background: #005bac }
.about .section-about-work-main-right div { position: absolute; top: 50%; margin-top: -140px; color: #fff; padding-left: 50px; width: 100%; max-width: 480px }
.about .section-about-work-main-right div h2 { font-size: 30px; font-weight: 700 }
.about .section-about-work-main-right div p { font-size: 20px; line-height: 1.6; margin: 40px 0 }
.about .section-about-work-main-right div .more { color: #fff; border-color: #fff }
@media screen and (max-width:1300px) {
    .about .section-about-investment-main-right div .more { width: 120px }
}
@media screen and (max-width:1000px) {
    .about .header .featured .featured-main { padding: 20px 50px }
    .about .header .featured .featured-main h2 { font-size: 32px; font-weight: 400 }
    .about .section-about-main p { font-size: 14px }
    .about .section-about-main { max-width: 500px; padding: 0 20px }
    .about .section-about-links ul li a:after { font-size: 16px; background: rgba(0,0,0,.5) }
    .about .section-about-development-main>div>div h2 { font-size: 30px; margin-bottom: 15px }
    .about .section-about-development-main>div>div p:nth-child(2) { font-size: 16px; margin-bottom: 25px }
    .about .section-about-development-main-cooperation div h2 { font-size: 24px!important; margin-bottom: 10px!important }
    .about .section-about-development-main-quality div h2 { font-size: 24px!important; margin-bottom: 10px!important }
    .about .section-about-work-main-right div { padding: 0 50px }
    .about .section-about-work-main>div { width: 50% }
    .about .section-about-investment-main-right div { padding: 100px 50px }
    .about .section-about-investment-main-left div h2 { font-size: 24px }
    .about .section-about-investment-main-left div p { font-size: 16px }
    .about .section-about-investment-main-right div h2 { font-size: 24px }
    .about .section-about-investment-main-right div p { font-size: 16px }
    .about .section-about-work-main-right div h2 { font-size: 24px }
    .about .section-about-work-main-right div p { font-size: 16px }
    .about .section-about-work-main-right div { margin-top: -116px }
    .about .layout .part-1 .part-1-main p { font-size: 16px }
    .about .layout .part-1 .part-1-main ul li .on span:nth-child(2) { font-size: 16px }
    .about .layout .part-1 .part-1-main ul li .off span:nth-child(2) { font-size: 16px }
    .about .layout .part-1 .part-1-main ul li .off a:nth-child(3) { font-size: 12px }
}
@media screen and (max-width:900px) {
    .about .section-about-work-main-right div .more { width: 100px; line-height: 30px!important; font-size: 12px; margin: 10px }
}
@media screen and (max-width:750px) {
    .about .section-about-investment-main, .section-about-work-main { padding: 0 20px }
    .about .section-about-work-main { margin-bottom: 10px }
    .about .section-about-development-main>div { position: relative; width: 100%; min-height: 320px; margin: 5px 0; max-height: 400px }
    .about .section-about-development-main>div:before { content: ""; display: block; padding-top: 100% }
    .about .section-about-development-main>div>div { z-index: 2; color: #fff }
    .about .section-about-development-main>div>div .more { color: #fff; border-color: #fff }
    .about .section-about-development-main:after { display: none }
    .about .section-about-development-main>div>div p:nth-child(2) { white-space: normal }
    .about .section-about-development-main-open div { padding: 0 }
    .about .section-about-development-main>div:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.4); z-index: 1 }
    .about .section-about-investment-main { min-height: inherit }
    .about .section-about-investment-main>div { position: relative; width: 100%; min-height: 320px; overflow: hidden; margin: 20px 0 }
    .about .section-about-investment-main>div:after { content: ""; display: block; padding-top: 50% }
    .about .section-about-investment-main-left div { z-index: 2 }
    .about .section-about-investment-main:after { display: none }
    .about .section-about-investment-main-right div { padding: 40px 40px }
    .about .section-about-investment-main-left:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: rgba(0,0,0,.4); z-index: 1 }
    .about .section-about-work-main-left { display: none }
    .about .section-about-work-main-right { width: 100%!important; height: auto }
    .about .section-about-work-main-right div { position: relative; margin-top: 0; max-width: inherit; padding: 50px 30px }
    .about .section-about-work-main { min-height: inherit }
    .about .section-about-work-main>div { position: relative }
    .about .section-about-work-main:after { display: none }
    .about .section-about-work { margin: 60px 0 0 }
    .about .section-about-development-main-cooperation { width: calc(50% - 5px)!important; float: left!important; min-height: inherit!important }
    .about .section-about-development-main-quality { width: calc(50% - 5px)!important; float: right!important; min-height: inherit!important }
    .about .layout .part-1 .part-1-main p { font-size: 14px }
    .about .layout .part-1 .part-1-main ul li .on span:nth-child(2) { font-size: 14px }
    .about .layout .part-1 .part-1-main ul li .off span:nth-child(2) { font-size: 14px }
    .about .section-about-development-main-cooperation div p .more, .about .section-about-development-main-quality div .more { width: 100px; line-height: 30px!important; font-size: 12px }
}
@media screen and (max-width:600px) {
    .about .section-about-development-main-cooperation div h2 { font-size: 16px!important; font-weight: 700!important }
    .about .section-about-development-main-cooperation div p { font-size: 12px!important }
    .about .section-about-development-main-quality div h2 { font-size: 16px!important; font-weight: 700!important }
    .about .section-about-development-main-quality div p { font-size: 12px!important }
    .about .layout .part-1 .part-1-main ul { -ms-flex-wrap: wrap; flex-wrap: wrap }
    .about .layout .part-1 .part-1-main ul li { width: 100%; min-height: 180px }
    .about .layout .part-1 .part-1-main ul li:nth-child(2) { margin: 20px auto }
    .about .layout .part-1 .part-1-main ul li:after { padding-top: 35% }
    .about .layout .part-1 .part-1-main ul li .on span:nth-child(2) { font-size: 18px }
}
@media screen and (max-width:500px) {
    .about .section-about-development-main>div>div .more { margin: 5px }
    .about .section-about-development-main-quality div p .more { width: 40px!important }
    .about .section-about-development-main-quality div p .more span { display: none }
    .about .section-about-development-main-quality div p:nth-child(2) { margin-bottom: 10px!important }
    .about .section-about-development-main-cooperation div p:nth-child(2) { margin-bottom: 10px!important }
    .about .section-about-investment-main-right div { padding: 40px 20px }
}
.about .section-about-main .more:hover { border-color: #008fd3; background: #fff; color: #008fd3; text-decoration: none; -webkit-transition: .3s; transition: .3s }
.about .section-about-links ul li a:hover:after { background: rgba(0,0,0,.6); -webkit-transition: .3s; transition: .3s }
.about .section-about-development-main-open div .more:hover, .section-about-development-main-cooperation div p .more:hover, .section-about-development-main-quality div .more:hover { color: #fff; border-color: #008fd3; background: #008fd3; text-decoration: none; -webkit-transition: .3s; transition: .3s }
.about .section-about-investment-main-right div .more:hover { color: #008fd3; border-color: #008fd3; background: 0 0; text-decoration: none; -webkit-transition: .3s; transition: .3s }
.about .section-about-work-main-right div .more:hover { color: #008fd3; border-color: #fff; background: #fff; text-decoration: none; -webkit-transition: .3s; transition: .3s }
.health .layout .featured { width: 100%; height: calc(100vh - 60px); max-height: 1100px; min-height: 600px; background: url(../img/health/banner.jpg) right center/cover no-repeat; position: relative; -webkit-transition: .3s; -webkit-transition: .3s; transition: .3s }
.health .layout .featured-position { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 20% }
.health .layout .featured-position .featured-main { color: #fff; position: relative; width: 550px; border-radius: 0 40px 0 0; border: 5px solid #fff; text-shadow: 1px 1px 0 rgba(0,0,0,.1); box-shadow: inset 1px 1px 0 rgba(0,0,0,.1), 1px 1px 0 rgba(0,0,0,.1) }
.health .layout .featured-position .featured-main:after { content: ""; padding-top: 100%; display: block }
.health .layout .featured-position .featured-main div { position: absolute; padding: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.health .layout .featured-position .featured-main div h2 { font-size: 60px }
.health .layout .featured-position .featured-main div h3 { font-size: 34px; font-weight: 400; margin: .5em 0 }
.health .layout .featured-position .featured-main div p { font-size: 18px; line-height: 1.6 }
.health .more { display: inline-block; width: 140px; border: 1px solid; text-align: center; line-height: 37px!important; -webkit-transition: .3s; transition: .3s }
.health .dgib:after { display: none }
.health .main { width: 100%; max-width: 1600px; margin: 0 auto }
.health .main-part-0 { max-width: 1260px; width: 100%; margin: 90px auto; font-size: 18px; padding: 0 30px; line-height: 1.8 }
.health .main-part-dom { background: #005bac; min-height: 650px; overflow: hidden; position: relative; padding-left: 80px }
.health .main-part-dom .main-part-dom-left { float: left; width: 100%; max-width: 197px; margin: 70px 0; position: relative; z-index: 20 }
.health .main-part-dom .main-part-dom-left li:nth-child(1) { background: #fff; position: relative; border-radius: 20px 0 0 0; margin-bottom: 10px }
.health .main-part-dom .main-part-dom-left li:nth-child(1):after { padding-top: 100%; content: ""; display: block }
.health .main-part-dom .main-part-dom-left li:nth-child(1) div { color: #005bac; text-align: center; width: 100% }
.health .main-part-dom .main-part-dom-left li:nth-child(1) div p:nth-child(1) { font-size: 60px; font-weight: 700; line-height: 1.1 }
.health .main-part-dom .main-part-dom-left li:nth-child(1) div p:nth-child(2) { font-size: 24px; margin-top: .5em }
.health .main-part-dom .main-part-dom-left li:nth-child(1) div p:nth-child(3) { display: none }
.health .main-part-dom .main-part-dom-left li:nth-child(3) { font-size: 18px; color: #fff; line-height: 1.8 }
.health .main-part-dom .main-part-dom-left li:nth-child(2) { display: none }
.health .main-part-dom .main-part-dom-center { float: left; margin: 70px 0; padding: 0 75px; width: calc(100% - 560px - 197px); position: relative; overflow: hidden; z-index: 20 }
.health .main-part-dom .main-part-dom-center h2 { font-size: 43px; line-height: 1.1; color: #fff; font-weight: 400 }
.health .main-part-dom .main-part-dom-center p { font-size: 20px; color: #fff; margin: 40px 0; line-height: 1.8 }
.health .main-part-dom .main-part-dom-center ul { margin-bottom: 40px; overflow: hidden; width: 50%; float: left }
.health .main-part-dom .main-part-dom-center .havetitle li:nth-child(1) { font-size: 20px; margin-bottom: .5em }
.health .main-part-dom .main-part-dom-center ul li a { font-size: 16px; color: #fff; line-height: 1.8; padding-left: 20px; position: relative; display: block }
.health .style-1 .main-part-dom-center ul li a:before { background: #fff!important }
.health .style-2 .main-part-dom-center ul li a:before { background: #505050!important }
.health .style-3 .main-part-dom-center ul li a:before { background: #505050!important }
.health .main-part-dom .main-part-dom-center ul li a:before { content: ""; display: block; position: absolute; width: 8px; height: 8px; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); border-radius: 50% }
.health .main-part-dom .main-part-dom-center .more { background: #fff; border-color: #fff; color: #005bac; text-decoration: none }
.health .main-part-dom .main-part-dom-center h3 { font-size: 30px; font-weight: 400; color: #fff; margin-top: 40px }
.health .main-part-dom .main-part-dom-center h3~p { margin-top: 25px }
.health .main-part-dom .main-part-dom-center a~h3 { margin-top: 30px }
.health .main-part-dom .main-part-dom-pic { position: absolute; width: 100%; max-width: 560px; height: 100%; right: 0; z-index: 10 }
.health .main .style-2 { background: #fff }
.health .main .style-2 .main-part-dom-left li:nth-child(1) { background: #005bac }
.health .main .style-2 .main-part-dom-left li:nth-child(1) div { color: #fff }
.health .main-part-dom .main-part-dom-left li:nth-child(1) div p:nth-child(3) span { display: block; margin-top: 5px }
.health .main .style-2 .main-part-dom-left li:nth-child(3) { color: #9c9c9c }
.health .main .style-2 .main-part-dom-center h2 { color: #505050 }
.health .main .style-2 .main-part-dom-center p { color: #505050 }
.health .main .style-2 .main-part-dom-center .havetitle li:nth-child(1) { color: #505050 }
.health .main .style-2 .main-part-dom-center ul li a { color: #505050 }
.health .main .style-2 .main-part-dom-center .more { color: #fff; background: #005bac; border-color: #005bac }
.health .main .style-3 { background: #f6f6f6 }
.health .main .style-3 .main-part-dom-left li:nth-child(1) { background: #005bac }
.health .main .style-3 .main-part-dom-left li:nth-child(1) div { color: #fff }
.health .main .style-3 .main-part-dom-left li:nth-child(3) { color: #9c9c9c }
.health .main .style-3 .main-part-dom-center h2 { color: #505050 }
.health .main .style-3 .main-part-dom-center p { color: #505050 }
.health .main .style-3 .main-part-dom-center ul li a { color: #505050 }
.health .main .style-3 .main-part-dom-center .more { color: #fff; background: #005bac; border-color: #005bac }
.health .main-part-dom .main-part-dom-left li:nth-child(1) div .smallfont { font-size: 50px!important }
.zh_zw_p{max-width: 1212px;margin: auto;overflow: hidden;background: #F5F7F9}
.zh_zw_o{overflow: hidden;float: left;padding: 20px 0;min-width: 200px}
.zh_zw_o li{padding: 10px 12px;overflow: hidden;}
.zh_zw_o li.active a{color: #0096D9;background: url(../img/im29.png) no-repeat right center}
.zh_zw_o li a{display: block;overflow: hidden;font-size: 16px;line-height: 26px;color: #333333;background: url(../img/im28.png) no-repeat right center;padding: 0 10px 0 0}
.zh_zw_i{overflow: hidden;background: #FFFFFF;}
.zh_zw_u{max-width: 1012px;overflow: hidden;padding: 36px;}
.zh_zw_y{width: 100%;overflow: hidden;padding-bottom: 40px}
.zh_zw_y_sp{width: 424px;height: 244px;background: #000000;float: right;margin: 0 0 0 50px}
.zh_zw_y_so b{display: block;font-size: 30px;font-weight: normal;color: #333333}
.zh_zw_y_so span{display: block;font-size: 14px;color: #666666;line-height: 30px;padding: 25px 0 0 0}
.zh_zw_y_so a{display: block;width: 114px;height: 36px;line-height: 36px;text-align: center;border: 1px solid #D2D2D2;font-size: 16px;color: #333333;border-radius: 6px;margin: 30px 0 0 0;cursor: pointer}
.zh_zw_y_si{width: 100%;overflow: hidden;padding: 20px 0 30px 0}
.zh_zw_y_si em{display: block;float: left;width: 4px;height: 24px;background: #3380FF;margin: 3px 15px 0 0;display: none}
.zh_zw_y_si span{display: block;font-size: 24px;color: #333333;line-height: 30px;text-align: center}
.zh_zw_y_su{width: 100%;overflow: hidden}
.zh_zw_y_sy{width: 511px;height: 308px;overflow: hidden;background: url(../img/im30.png) no-repeat center;float: left}
.zh_zw_y_st{overflow: hidden;position: relative;width: 402px;height: 250px;margin: 20px auto}
.zh_zw_y_st img{display: block;}
.zh_zw_y_sr{width: 85px;height: 100%;position: absolute;right: 0;top: 0;background: url(../img/im33.png);background-size: 100% 100%;z-index: 999}
.zh_zw_y_sr span{display: block;height: 32px;line-height: 32px;text-align: center;font-family: '宋体';font-size: 12px;color: #FFFFFF;cursor: pointer;margin: 8px 0 0 0}
.zh_zw_y_sr span.active{background: #FFFFFF;color: #3380FF}
.zh_zw_y_se{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.zh_zw_y_se li{width: 204px;height: 97px;overflow: hidden;background: url(../img/im32.png) no-repeat center;}
.zh_zw_y_se li span{display: block;overflow: hidden;font-size: 12px;margin: 12px 10px;font-family: '宋体';line-height: 22px;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.y_se_1{margin: 122px 0 0 30px}
.y_se_2{margin: 112px 0 0 40px}
.y_se_3{margin: 102px 0 0 50px}
.y_se_4{margin: 92px 0 0 60px}
.y_se_5{margin: 82px 0 0 70px}
.y_se_6{margin: 72px 0 0 80px}
.zh_zw_y_sw{overflow: hidden;padding: 50px 0 0 20px}
.zh_zw_y_sw span{display: block;font-size: 14px;color: #666666;line-height: 30px}
.zh_zw_y_sq{width: 100%;overflow: hidden}
.zh_zw_y_sl{display: block;border: 1px solid #E9E9E9;width: 434px;height: 267px;float: right}
.zh_zw_y_sk{overflow: hidden;padding: 0 50px 0 0}
.zh_zw_y_sk span{display: block;font-size: 14px;color: #666666;line-height: 30px}
.zh_zw_y_sj{width: 110%;overflow: hidden}
.zh_zw_y_sj li{width: 27.08%;overflow: hidden;float: left;margin: 0 3% 3% 0}
.zh_zw_y_sj li span{display: block;text-align: center;font-size: 16px;line-height: 20px;margin: 20px 0 0 0;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical}
.zh_zw_y_sh{width: 100%;overflow: hidden}

@media screen and (max-width:1500px) {
    .health .main-part-0 { padding: 0 80px; max-width: none; font-size: 16px }
    .health .main-part-dom { padding-left: 80px }
    .health .main-part-dom .main-part-dom-pic { max-width: 460px }
    .health .main-part-dom .main-part-dom-center { width: calc(100% - 460px - 197px) }
    .health .main-part-dom .main-part-dom-center ul { width: 100% }
}
@media screen and (max-width:1400px) {
    .health .main-part-dom .main-part-dom-center h2 { font-size: 32px }
    .health .main-part-dom .main-part-dom-center h3 { font-size: 24px }
    .health .main-part-dom .main-part-dom-center p, .health .main-part-dom .main-part-dom-center ul li a { font-size: 16px }
}
@media screen and (max-width:1280px) {
    .health .main-part-dom .main-part-dom-pic { width: 320px }
    .health .main-part-dom .main-part-dom-center { width: calc(100% - 320px - 150px) }
}
@media screen and (max-width:1100px) {
    .health .main-part-dom .main-part-dom-pic { position: relative; display: none }
    .health .main-part-dom .main-part-dom-center ul { margin-bottom: 0 }
    .health .main-part-dom .main-part-dom-left { float: none; width: 100%; overflow: hidden; max-width: none; margin-top: 0 }
    .health .main-part-dom .main-part-dom-center { float: none; padding: 0; width: 100%; margin-bottom: 0 }
    .health .main-part-dom { padding: 80px; min-height: inherit }
    .health .main-part-dom .main-part-dom-pic:after { content: ""; display: block; padding-top: 100% }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) {
        width:calc(100% / 3 * 2 - 5px); background: #fff; float: left; margin-bottom: auto; border-radius: 0 }
    .health .main-part-dom .main-part-dom-left li:nth-child(2) {
        width:calc(100% / 3 * 1); float: right; display: block; border-radius: 0 20px 0 0 }
    .health .main-part-dom .main-part-dom-left li:nth-child(2):after { content: ""; display: block; padding-top: 100% }
    .health .main-part-dom .main-part-dom-left li:nth-child(3) { display: none }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) div p { display: inline-block!important }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) div p:nth-child(1) { margin-right: 10px; font-size: 90px }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) div p:nth-child(3) { display: block!important; font-size: 18px; margin-top: 1em; color: #505050 }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) div .smallfont { font-size: 70px!important }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) div { padding: 0 30px }
    .health .main .style-1 .main-part-dom-left li:nth-child(1) div p:nth-child(3) { color: #9c9c9c!important }
    .health .main .style-2 .main-part-dom-left li:nth-child(1) div p:nth-child(3) { color: #f1f1f1!important }
    .health .main .style-3 .main-part-dom-left li:nth-child(1) div p:nth-child(3) { color: #f1f1f1!important }
}
@media screen and (max-width:980px) {
    .health .main { padding: 0 }
}
@media screen and (max-width:880px) {
    .health .main-part-dom .main-part-dom-left li:nth-child(1) div p:nth-child(1) { font-size: 60px }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) div p:nth-child(2) { font-size: 20px }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) div p:nth-child(3) { font-size: 14px }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) div .smallfont { font-size: 45px!important }
}
@media screen and (max-width:666px) {
    .health .main-part-dom, .main-part-0 { padding: 40px }
    .health .main-part-dom .main-part-dom-center h2 { font-size: 24px }
    .health .main-part-dom .main-part-dom-center h3 { font-size: 18px }
    .health .main-part-dom .main-part-dom-center p, .main-part-dom .main-part-dom-center ul li a { font-size: 14px }
    .health .main-part-dom .main-part-dom-center p { margin: 20px 0 }
    .health .main-part-dom .main-part-dom-left { margin-bottom: 40px }
    .health .main-part-dom .main-part-dom-center { margin-top: 40px }
    .health .main-part-0 { margin: 40px auto }
    .health .health .header .featured-main { text-shadow: 0 2px 2px rgba(0,0,0,.2) }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) { width:calc(100% / 3 * 2 - 2px)
    }
    .health .health .header .featured-main { border-width: 4px }
    .health .main-part-dom .main-part-dom-center ul { width: 100%; margin-bottom: 0 }
    .health .main-part-dom .main-part-dom-center ul.havetitle { margin-bottom: 1em }
    .health .main-part-dom .main-part-dom-center ul li a { font-size: 14px }
    .health .main-part-0 { padding: 0 40px }
}
@media screen and (max-width:590px) {
    .health .main-part-dom .main-part-dom-left li:nth-child(1) div { padding: 0 10px }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) div p:nth-child(1) { font-size: 30px }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) div p:nth-child(2) { font-size: 14px; margin-top: auto }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) div p:nth-child(3) { font-size: 12px; margin-top: .5em }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) div .smallfont { font-size: 30px!important }
}
@media screen and (max-width:530px) {
    .health .sptextchange-3 .main-part-dom-left li:nth-child(1) div p:nth-child(3) span { display: none }
    .health .sptextchange-6 .main-part-dom-left li:nth-child(1) div p:nth-child(3) nobr:nth-last-child(1), .health .sptextchange-6 .main-part-dom-left li:nth-child(1) div p:nth-child(3) nobr:nth-last-child(2), .health .sptextchange-6 .main-part-dom-left li:nth-child(1) div p:nth-child(3) nobr:nth-last-child(3), .health .sptextchange-6 .main-part-dom-left li:nth-child(1) div p:nth-child(3) nobr:nth-last-child(4), .health .sptextchange-6 .main-part-dom-left li:nth-child(1) div p:nth-child(3) nobr:nth-last-child(5) { display: none }
    .health .sptextchange-7 .main-part-dom-left li:nth-child(1) div p:nth-child(3) nobr:nth-last-child(1), .health .sptextchange-7 .main-part-dom-left li:nth-child(1) div p:nth-child(3) nobr:nth-last-child(2), .health .sptextchange-7 .main-part-dom-left li:nth-child(1) div p:nth-child(3) nobr:nth-last-child(3) { display: none }
}
@media screen and (max-width:460px) {
    .health .main-part-0, .health .main-part-dom { padding: 30px }
}
@media screen and (max-width:400px) {
    .health .main-part-dom .main-part-dom-left li:nth-child(1) div .smallfont { font-size: 26px!important }
}
@media screen and (max-width:370px) {
    .health .main-part-dom .main-part-dom-left li:nth-child(2) { display: none }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) { width: 100%; max-width: 200px; margin: 0 auto; float: none; border-radius: 0 20px 0 0 }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) div .smallfont { margin-right: 2px!important }
    .health .sptextchange-3 .main-part-dom-left li:nth-child(1) div p:nth-child(3) span { display: block }
    .health .sptextchange-6 .main-part-dom-left li:nth-child(1) div p:nth-child(3) nobr:nth-last-child(1), .health .sptextchange-6 .main-part-dom-left li:nth-child(1) div p:nth-child(3) nobr:nth-last-child(2), .health .sptextchange-6 .main-part-dom-left li:nth-child(1) div p:nth-child(3) nobr:nth-last-child(3), .health .sptextchange-6 .main-part-dom-left li:nth-child(1) div p:nth-child(3) nobr:nth-last-child(4), .health .sptextchange-6 .main-part-dom-left li:nth-child(1) div p:nth-child(3) nobr:nth-last-child(5) { display: inline }
    .health .sptextchange-7 .main-part-dom-left li:nth-child(1) div p:nth-child(3) nobr:nth-last-child(1), .health .sptextchange-7 .main-part-dom-left li:nth-child(1) div p:nth-child(3) nobr:nth-last-child(2), .health .sptextchange-7 .main-part-dom-left li:nth-child(1) div p:nth-child(3) nobr:nth-last-child(3) { display: inline }
}
@media screen and (max-width:1700px), (max-height:956px) {
    .health .layout .featured { height:calc(100vh * .9 - 60px)
    }
    .health .layout .featured-position { left:calc(20% * .9)
    }
    .health .layout .featured-position .featured-main { width:calc(550px * .9);
        border-radius:0 calc(30px * .9) 0 0
    }
    .health .layout .featured-position .featured-main div { padding:calc(50px *.9)
    }
    .health .layout .featured-position .featured-main div h2 { font-size:calc(60px * .9)
    }
    .health .layout .featured-position .featured-main div h3 { font-size:calc(30px * .9)
    }
    .health .layout .featured-position .featured-main div p { font-size:calc(18px * .9)
    }
}
@media screen and (max-width:1600px) {
    .health .layout .featured-position .featured-main { width:calc(550px * .8)
    }
}
@media screen and (max-width:1500px), (max-height:843px) {
    .health .layout .featured { height:calc(100vh * .85 - 60px)
    }
    .health .layout .featured-position { left:calc(20% * .85)
    }
    .health .layout .featured-position .featured-main { width:calc(550px * .8);
        border-radius:0 calc(30px * .85) 0 0
    }
    .health .layout .featured-position .featured-main div { padding:calc(50px *.85)
    }
    .health .layout .featured-position .featured-main div h2 { font-size:calc(60px * .85)
    }
    .health .layout .featured-position .featured-main div h3 { font-size:calc(30px * .85)
    }
    .health .layout .featured-position .featured-main div p { font-size:calc(18px * .85)
    }
}
@media screen and (max-width:1300px) {
    .health .layout .featured { height:calc(100vh * .8 - 60px)
    }
    .health .layout .featured-position { left:calc(20% * .8)
    }
    .health .layout .featured-position .featured-main { width:calc(550px * .75);
        border-radius:0 calc(30px * .8) 0 0
    }
    .health .layout .featured-position .featured-main div { padding:calc(50px *.8)
    }
    .health .layout .featured-position .featured-main div h2 { font-size:calc(60px * .8)
    }
    .health .layout .featured-position .featured-main div h3 { font-size:calc(30px * .8)
    }
    .health .layout .featured-position .featured-main div p { font-size:calc(18px * .8)
    }
}
@media screen and (max-width:1100px) {
    .health .layout .featured { height:calc(100vh * .75 - 60px)
    }
    .health .layout .featured-position { left:calc(20% * .75)
    }
    .health .layout .featured-position .featured-main { width:calc(550px * .7);
        border-radius:0 calc(30px * .75) 0 0
    }
    .health .layout .featured-position .featured-main div { padding:calc(50px *.75)
    }
    .health .layout .featured-position .featured-main div h2 { font-size:calc(60px * .75)
    }
    .health .layout .featured-position .featured-main div h3 { font-size:calc(30px * .75)
    }
    .health .layout .featured-position .featured-main div p { font-size:calc(18px * .75)
    }
}
@media screen and (max-width:900px) {
    .health .layout .featured { height:calc(100vh * .7 - 60px)
    }
    .health .layout .featured-position { left:calc(20% * .7)
    }
    .health .layout .featured-position .featured-main { width:calc(550px * .65);
        border-radius:0 calc(30px * .7) 0 0
    }
    .health .layout .featured-position .featured-main div { padding:calc(50px *.7)
    }
    .health .layout .featured-position .featured-main div h2 { font-size:calc(60px * .7)
    }
    .health .layout .featured-position .featured-main div h3 { font-size:calc(30px * .7)
    }
    .health .layout .featured-position .featured-main div p { font-size:calc(18px * .7)
    }
}
@media screen and (max-width:700px) {
    .health .layout .featured-position { left:calc(20% * .5)
    }
    .health .layout .featured-position .featured-main { width:calc(550px * .4);
        border-radius:0 calc(30px * .65) 0 0
    }
    .health .layout .featured-position .featured-main div { padding:calc(50px *.7)
    }
    .health .layout .featured-position .featured-main div h2 {
        font-size:calc(60px * .45); margin-bottom: .5em }
    .health .layout .featured-position .featured-main div h3 span { display: none }
    .health .layout .featured-position .featured-main div h3 {
        font-size:calc(30px * .45); margin-bottom: 0; margin-top: 0 }
    .health .layout .featured-position .featured-main div p { display: none }
    .health .layout .featured-position .featured-main { border-width: 3px }
}
@media screen and (max-width:600px) {
    .health .layout .featured-position { left:calc(20% * .4)
    }
    .health .layout .featured-position .featured-main { width:calc(550px * .3);
        border-radius:0 calc(30px * .6) 0 0
    }
    .health .layout .featured-position .featured-main div { padding:calc(50px *.4)
    }
    .health .layout .featured-position .featured-main div h2 { font-size:calc(60px * .45)
    }
    .health .layout .featured-position .featured-main div h3 { font-size:calc(30px * .45)
    }
}
.company .layout .featured { width: 100%; height: calc(100vh - 60px); max-height: 1100px; background: url(../img/company/banner.jpg) center center/cover no-repeat; position: relative; -webkit-transition: .3s; -webkit-transition: .3s; transition: .3s }
.company .layout .featured-position { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 20% }
.company .layout .featured-position .featured-main { color: #fff; position: relative; width: 550px; border-radius: 0 40px 0 0; border: 5px solid #fff }
.company .layout .featured-position .featured-main:after { content: ""; padding-top: 100%; display: block }
.company .layout .featured-position .featured-main div { position: absolute; padding: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.company .layout .featured-position .featured-main div h2 { font-size: 60px }
.company .layout .featured-position .featured-main div h3 { font-size: 34px; font-weight: 400; margin: .5em 0 }
.company .layout .featured-position .featured-main div p { font-size: 18px; line-height: 1.6 }
.company .main { max-width: 1600px; width: 100%; margin: 100px auto; padding: 0 20px }
.company .main-part-1-1 { margin-bottom: 20px }
.company .main-part-1-1>ul { max-width: 1600px; width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex }
.company .main-part-1-1>ul>li:nth-child(1) { width: 35%; border-radius: 50px 0 0 0; -ms-flex-negative: 0; flex-shrink: 0; border-right: 20px solid #fff; -webkit-box-sizing: content-box; box-sizing: content-box }
.company .main-part-1-1>ul>li:nth-child(2) { color: #565656; background: #e6e6e6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 70px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.company .main-part-1-1>ul>li:nth-child(2) h2 { font-size: 40px; line-height: 1.1; font-weight: 400 }
.company .main-part-1-1>ul>li:nth-child(2) p { font-size: 18px; line-height: 1.7; margin: 40px 0 }
.company .main-part-1-1>ul>li:nth-child(2) ul { width: 100% }
.company .main-part-1-1>ul>li:nth-child(2) ul.tw { overflow: hidden }
.company .main-part-1-1>ul>li:nth-child(2) ul.tw li { width: 50%; float: left }
.company .main-part-1-1>ul>li:nth-child(2) ul li a { font-size: 16px; color: #7e7e7e; line-height: 1.8; position: relative; display: inline-block; padding-left: 25px }
.company .main-part-1-1>ul>li:nth-child(2) ul li a:before { content: ""; display: block; position: absolute; width: 10px; height: 10px; background: #7e7e7e; left: 0; top: 50%; margin-top: -5px; border-radius: 50% }
.company .main-part-1-2 { position: relative; margin-bottom: 20px }
.company .main-part-1-2>ul { max-width: 1600px; width: 100%; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse }
.company .main-part-1-2>ul>li:nth-child(1) { width: 35%; border-radius: 0 50px 0 0; -ms-flex-negative: 0; flex-shrink: 0; border-left: 20px solid #fff; -webkit-box-sizing: content-box; box-sizing: content-box }
.company .main-part-1-2>ul>li:nth-child(2) { color: #fff; background: #005bac; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 70px; -webkit-box-flex: 1; -ms-flex: 1; flex: 1 }
.company .main-part-1-2>ul>li:nth-child(2) h2 { font-size: 40px; line-height: 1.1; font-weight: 400 }
.company .main-part-1-2>ul>li:nth-child(2) p { font-size: 18px; line-height: 1.7; margin: 40px 0 }
.company .main-part-1-2>ul>li:nth-child(2) ul { width: 50%; float: left }
.company .main-part-1-2>ul>li:nth-child(2) ul li a { font-size: 16px; color: #fff; line-height: 1.8; position: relative; display: block; padding-left: 25px }
.company .main-part-1-2>ul>li:nth-child(2) ul li a:before { content: ""; display: block; position: absolute; width: 10px; height: 10px; background: #fff; left: 0; top: 50%; margin-top: -5px; border-radius: 50% }
@media screen and (max-width:1400px) {
    .company .main-part-1-1>ul>li:nth-child(2) h2 { font-size: 34px }
    .company .main-part-1-1>ul>li:nth-child(2) p { font-size: 16px; margin: 1em 0 }
    .company .main-part-1-1>ul>li:nth-child(2) ul li a { font-size: 14px }
    .company .main-part-1-2>ul>li:nth-child(2) h2 { font-size: 34px }
    .company .main-part-1-2>ul>li:nth-child(2) p { font-size: 16px; margin: 1em 0 }
    .company .main-part-1-2>ul>li:nth-child(2) ul li a { font-size: 14px }
}
@media screen and (max-width:1200px) {
    .company .main-part-1-1>ul>li:nth-child(2) h2 { font-size: 28px }
    .company .main-part-1-1>ul>li:nth-child(2) p { font-size: 14px; margin: 1em 0 }
    .company .main-part-1-1>ul>li:nth-child(2) ul li a { font-size: 12px }
    .company .main-part-1-2>ul>li:nth-child(2) h2 { font-size: 28px }
    .company .main-part-1-2>ul>li:nth-child(2) p { font-size: 14px; margin: 1em 0 }
    .company .main-part-1-2>ul>li:nth-child(2) ul li a { font-size: 12px }
    .company .main-part-1-1>ul>li:nth-child(2) ul li a:before { margin-top: -6px }
}
@media screen and (max-width:1100px) {
    .company .main { padding: 0; margin: 0 }
    .company .main-part-1-1 { margin-bottom: 0; padding: 40px }
    .company .main-part-1-1>ul { display: block }
    .company .main-part-1-1>ul>li:nth-child(1) { border: 0; width: 80%; max-width: 350px; border-radius: 0 50px 0 0 }
    .company .main-part-1-1>ul>li:nth-child(2) { background: 0 0; padding: 0; margin-top: 2em }
    .company .main-part-1-2 { background: #005bac; margin-bottom: 0; padding: 40px }
    .company .main-part-1-2>ul { display: block }
    .company .main-part-1-2>ul>li:nth-child(1) { border: 0; width: 80%; max-width: 350px }
    .company .main-part-1-2>ul>li:nth-child(2) { background: 0 0; padding: 0; margin-top: 2em }
}
@media screen and (max-width:550px) {
    .company .main-part-1-1 { padding: 40px 20px }
    .company .main-part-1-2 { padding: 40px 20px }
    .company .main-part-1-1>ul>li:nth-child(2) ul.tw li { width: 100% }
    .company .main-part-1-2>ul>li:nth-child(2) ul { width: 100% }
}
@media screen and (max-width:1700px), (max-height:956px) {
    .company .layout .featured { height:calc(100vh * .9 - 60px)
    }
    .company .layout .featured-position { left:calc(20% * .9)
    }
    .company .layout .featured-position .featured-main { width:calc(550px * .9);
        border-radius:0 calc(30px * .9) 0 0
    }
    .company .layout .featured-position .featured-main div { padding:calc(50px *.9)
    }
    .company .layout .featured-position .featured-main div h2 { font-size:calc(60px * .9)
    }
    .company .layout .featured-position .featured-main div h3 { font-size:calc(30px * .9)
    }
    .company .layout .featured-position .featured-main div p { font-size:calc(18px * .9)
    }
}
@media screen and (max-width:1600px) {
    .company .layout .featured-position .featured-main { width:calc(550px * .8)
    }
}
@media screen and (max-width:1500px), (max-height:843px) {
    .company .layout .featured { height:calc(100vh * .85 - 60px)
    }
    .company .layout .featured-position { left:calc(20% * .85)
    }
    .company .layout .featured-position .featured-main { width:calc(550px * .8);
        border-radius:0 calc(30px * .85) 0 0
    }
    .company .layout .featured-position .featured-main div { padding:calc(50px *.85)
    }
    .company .layout .featured-position .featured-main div h2 { font-size:calc(60px * .85)
    }
    .company .layout .featured-position .featured-main div h3 { font-size:calc(30px * .85)
    }
    .company .layout .featured-position .featured-main div p { font-size:calc(18px * .85)
    }
}
@media screen and (max-width:1300px), (max-height:731px) {
    .company .layout .featured { height:calc(100vh * .8 - 60px)
    }
    .company .layout .featured-position { left:calc(20% * .8)
    }
    .company .layout .featured-position .featured-main { width:calc(550px * .75);
        border-radius:0 calc(30px * .8) 0 0
    }
    .company .layout .featured-position .featured-main div { padding:calc(50px *.8)
    }
    .company .layout .featured-position .featured-main div h2 { font-size:calc(60px * .8)
    }
    .company .layout .featured-position .featured-main div h3 { font-size:calc(30px * .8)
    }
    .company .layout .featured-position .featured-main div p { font-size:calc(18px * .8)
    }
}
@media screen and (max-width:1100px), (max-height:618px) {
    .company .layout .featured { height:calc(100vh * .75 - 60px)
    }
    .company .layout .featured-position { left:calc(20% * .75)
    }
    .company .layout .featured-position .featured-main { width:calc(550px * .7);
        border-radius:0 calc(30px * .75) 0 0
    }
    .company .layout .featured-position .featured-main div { padding:calc(50px *.75)
    }
    .company .layout .featured-position .featured-main div h2 { font-size:calc(60px * .75)
    }
    .company .layout .featured-position .featured-main div h3 { font-size:calc(30px * .75)
    }
    .company .layout .featured-position .featured-main div p { font-size:calc(18px * .75)
    }
}
@media screen and (max-width:900px), (max-height:546px) {
    .company .layout .featured { height:calc(100vh * .7 - 60px)
    }
    .company .layout .featured-position { left:calc(20% * .7)
    }
    .company .layout .featured-position .featured-main { width:calc(550px * .65);
        border-radius:0 calc(30px * .7) 0 0
    }
    .company .layout .featured-position .featured-main div { padding:calc(50px *.7)
    }
    .company .layout .featured-position .featured-main div h2 { font-size:calc(60px * .7)
    }
    .company .layout .featured-position .featured-main div h3 { font-size:calc(30px * .7)
    }
    .company .layout .featured-position .featured-main div p { font-size:calc(18px * .7)
    }
}
@media screen and (max-width:700px), (max-height:420px) {
    .company .layout .featured-position { left:calc(20% * .5)
    }
    .company .layout .featured-position .featured-main { width:calc(550px * .4);
        border-radius:0 calc(30px * .65) 0 0
    }
    .company .layout .featured-position .featured-main div { padding:calc(50px *.7)
    }
    .company .layout .featured-position .featured-main div h2 {
        font-size:calc(60px * .45); margin-bottom: .5em }
    .company .layout .featured-position .featured-main div h3 span { display: none }
    .company .layout .featured-position .featured-main div h3 {
        font-size:calc(30px * .45); margin-bottom: 0; margin-top: 0 }
    .company .layout .featured-position .featured-main div p { display: none }
    .company .layout .featured-position .featured-main { border-width: 3px }
}
@media screen and (max-width:600px), (max-height:337px) {
    .company .layout .featured-position { left:calc(20% * .4)
    }
    .company .layout .featured-position .featured-main { width:calc(550px * .3);
        border-radius:0 calc(30px * .6) 0 0
    }
    .company .layout .featured-position .featured-main div { padding:calc(50px *.4)
    }
    .company .layout .featured-position .featured-main div h2 { font-size:calc(60px * .45)
    }
    .company .layout .featured-position .featured-main div h3 { font-size:calc(30px * .45)
    }
}
.car .layout .featured { width: 100%; height: calc(100vh - 60px); max-height: 1100px; min-height: 600px; background: url(../img/car/banner.jpg) center center/cover no-repeat; position: relative; -webkit-transition: .3s; -webkit-transition: .3s; transition: .3s }
.car .layout .featured-position { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 20% }
.car .layout .featured-position .featured-main { color: #fff; position: relative; width: 550px; border-radius: 0 40px 0 0; border: 5px solid #fff }
.car .layout .featured-position .featured-main:after { content: ""; padding-top: 100%; display: block }
.car .layout .featured-position .featured-main div { position: absolute; padding: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.car .layout .featured-position .featured-main div h2 { font-size: 60px }
.car .layout .featured-position .featured-main div h3 { font-size: 34px; font-weight: 400; margin: .5em 0 }
.car .layout .featured-position .featured-main div p { font-size: 18px; line-height: 1.6 }
.car .main { background: #232323; position: relative; overflow: hidden; width: 100% }
@media screen and (max-width:1000px) {
    .car .header .featured .featured-main h2 { font-size: 30px }
    .car .header .featured .featured-main h3 { font-size: 14px }
}
@media screen and (max-width:500px) {
    .car .header .featured { position: absolute; width: 100%; height: 100% }
}
@media screen and (max-width:666px) {
    .car .header .featured-main { text-shadow: 0 2px 2px rgba(0,0,0,.2) }
    .car .header .featured-main { border-width: 4px }
}
@media screen and (max-width:1700px), (max-height:956px) {
    .car .layout .featured { height:calc(100vh * .9 - 60px)
    }
    .car .layout .featured-position { left:calc(20% * .9)
    }
    .car .layout .featured-position .featured-main { width:calc(550px * .9);
        border-radius:0 calc(30px * .9) 0 0
    }
    .car .layout .featured-position .featured-main div { padding:calc(50px *.9)
    }
    .car .layout .featured-position .featured-main div h2 { font-size:calc(60px * .9)
    }
    .car .layout .featured-position .featured-main div h3 { font-size:calc(30px * .9)
    }
    .car .layout .featured-position .featured-main div p { font-size:calc(18px * .9)
    }
}
@media screen and (max-width:1600px) {
    .car .layout .featured-position .featured-main { width:calc(550px * .8)
    }
}
@media screen and (max-width:1500px), (max-height:843px) {
    .car .layout .featured { height:calc(100vh * .85 - 60px)
    }
    .car .layout .featured-position { left:calc(20% * .85)
    }
    .car .layout .featured-position .featured-main { width:calc(550px * .8);
        border-radius:0 calc(30px * .85) 0 0
    }
    .car .layout .featured-position .featured-main div { padding:calc(50px *.85)
    }
    .car .layout .featured-position .featured-main div h2 { font-size:calc(60px * .85)
    }
    .car .layout .featured-position .featured-main div h3 { font-size:calc(30px * .85)
    }
    .car .layout .featured-position .featured-main div p { font-size:calc(18px * .85)
    }
}
@media screen and (max-width:1300px) {
    .car .layout .featured { height:calc(100vh * .8 - 60px)
    }
    .car .layout .featured-position { left:calc(20% * .8)
    }
    .car .layout .featured-position .featured-main { width:calc(550px * .75);
        border-radius:0 calc(30px * .8) 0 0
    }
    .car .layout .featured-position .featured-main div { padding:calc(50px *.8)
    }
    .car .layout .featured-position .featured-main div h2 { font-size:calc(60px * .8)
    }
    .car .layout .featured-position .featured-main div h3 { font-size:calc(30px * .8)
    }
    .car .layout .featured-position .featured-main div p { font-size:calc(18px * .8)
    }
}
@media screen and (max-width:1100px) {
    .car .layout .featured { height:calc(100vh * .75 - 60px)
    }
    .car .layout .featured-position { left:calc(20% * .75)
    }
    .car .layout .featured-position .featured-main { width:calc(550px * .7);
        border-radius:0 calc(30px * .75) 0 0
    }
    .car .layout .featured-position .featured-main div { padding:calc(50px *.75)
    }
    .car .layout .featured-position .featured-main div h2 { font-size:calc(60px * .75)
    }
    .car .layout .featured-position .featured-main div h3 { font-size:calc(30px * .75)
    }
    .car .layout .featured-position .featured-main div p { font-size:calc(18px * .75)
    }
}
@media screen and (max-width:900px) {
    .car .layout .featured { height:calc(100vh * .7 - 60px)
    }
    .car .layout .featured-position { left:calc(20% * .7)
    }
    .car .layout .featured-position .featured-main { width:calc(550px * .65);
        border-radius:0 calc(30px * .7) 0 0
    }
    .car .layout .featured-position .featured-main div { padding:calc(50px *.7)
    }
    .car .layout .featured-position .featured-main div h2 { font-size:calc(60px * .7)
    }
    .car .layout .featured-position .featured-main div h3 { font-size:calc(30px * .7)
    }
    .car .layout .featured-position .featured-main div p { font-size:calc(18px * .7)
    }
}
@media screen and (max-width:700px) {
    .car .layout .featured-position { left:calc(20% * .5)
    }
    .car .layout .featured-position .featured-main { width:calc(550px * .4);
        border-radius:0 calc(30px * .65) 0 0
    }
    .car .layout .featured-position .featured-main div { padding:calc(50px *.5)
    }
    .car .layout .featured-position .featured-main div h2 {
        font-size:calc(60px * .45); margin-bottom: .5em }
    .car .layout .featured-position .featured-main div h3 span { display: none }
    .car .layout .featured-position .featured-main div h3 {
        font-size:calc(30px * .45); margin-bottom: 0 }
    .car .layout .featured-position .featured-main div p { display: none }
    .car .layout .featured-position .featured-main { border-width: 3px }
}
@media screen and (max-width:600px) {
    .car .layout .featured-position { left:calc(20% * .4)
    }
    .car .layout .featured-position .featured-main { width:calc(550px * .3);
        border-radius:0 calc(30px * .6) 0 0
    }
    .car .layout .featured-position .featured-main div { padding:calc(50px *.3)
    }
    .car .layout .featured-position .featured-main div h2 { font-size:calc(60px * .45)
    }
    .car .layout .featured-position .featured-main div h3 { font-size:calc(30px * .45)
    }
}
.city .layout .featured { width: 100%; height: calc(100vh - 60px); max-height: 1100px; min-height: 600px; background: url(../img/city/banner.jpg) right center/cover no-repeat; position: relative; -webkit-transition: .3s; -webkit-transition: .3s; transition: .3s }
.city .layout .featured-position { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 20% }
.city .layout .featured-position .featured-main { color: #fff; position: relative; width: 550px; border-radius: 0 40px 0 0; border: 5px solid #fff }
.city .layout .featured-position .featured-main:after { content: ""; padding-top: 100%; display: block }
.city .layout .featured-position .featured-main div { position: absolute; padding: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.city .layout .featured-position .featured-main div h2 { font-size: 60px }
.city .layout .featured-position .featured-main div h3 { font-size: 34px; font-weight: 400; margin: .5em 0 }
.city .layout .featured-position .featured-main div p { font-size: 18px; line-height: 1.6 }
.city .main-part-1 { width: 100%; height: auto; padding: 80px 30px }
.city .main-part-1>p { color: #939393; font-size: 18px; line-height: 1.8; margin: 0 auto 50px; max-width: 1030px; width: 100% }
.city .main-part-1>ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0; max-width: 1250px; width: 100%; margin: 0 auto }
.city .main-part-1>ul li { text-align: center; width: 33.33333333333%; max-width: 330px; padding: 20px 10px; border: 4px solid #ccc }
.city .main-part-1>ul li:nth-child(2) { margin: 0 20px }
.city .main-part-1>ul li p:nth-child(1) { line-height: 0 }
.city .main-part-1>ul li p:nth-child(1) img { display: inline-block; max-width: 200px; height: auto }
.city .main-part-1>ul li p:nth-child(1) img:nth-child(2) { display: none }
.city .main-part-1>ul li div h2 { font-size: 36px; color: #008fd3; font-weight: 400; margin: 40px 0 20px 0 }
.city .main-part-1>ul li div p { color: #939393; font-size: 18px; line-height: 1.8 }
.city .main-part-2 { width: 100%; height: auto; padding: 80px 30px; background: #005bac }
.city .main-part-2 h2 { font-size: 36px; line-height: 1.1; color: #525252; font-weight: 400; text-align: center; margin-bottom: 1em; color: #fff }
.city .main-part-2 ul { overflow: hidden; max-width: 1250px; width: 100%; margin: 0 auto }
.city .main-part-2 ul li { float: left; width: 20%; padding: 30px 0; -webkit-transition: .3s; transition: .3s }
.city .main-part-2 ul li p:nth-child(1) { line-height: 0 }
.city .main-part-2 ul li p:nth-child(1) img { margin: 0 auto; height: 70px }
.city .main-part-2 ul li p:nth-child(2) { text-align: center; font-size: 24px; color: #fff; line-height: 1.1; margin: 15px 0 }
.city .main-part-2 ul li a { text-decoration: none }
.city .main-part-3 { background: #fff }
.city .main-part-3 h2 { font-size: 36px; line-height: 1.1; color: #505050; font-weight: 400; text-align: center; padding-top: 70px; margin-bottom: 1em }
.city .main-part-3 ul { max-width: 1250px; width: 100%; height: auto; padding: 0; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
.city .main-part-3 ul li { width: 25%; padding: 0; margin-bottom: 70px }
.city .main-part-3 ul li p:nth-child(1) { color: #005bac; border: 2px solid #005bac; border-radius: 50%; position: relative; max-width: 215px; margin: 0 auto 35px }
.city .main-part-3 ul li p:nth-child(1):after { content: ""; display: block; padding-top: 100% }
.city .main-part-3 ul li p:nth-child(1) span { font-size: 45px; line-height: 1.1; display: block; width: 100%; text-align: center }
.city .main-part-3 ul li p:nth-child(2) { color: #505050; text-align: center; font-size: 16px; line-height: 1.8; padding: 0 15px; max-width: 215px; margin: 0 auto }
.city .main-part-4 { margin: 80px auto; width: 100%; overflow: hidden }
.city .main-part-4 h2 { font-size: 36px; line-height: 1.1; color: #525252; font-weight: 400; text-align: center; margin-bottom: 1em }
.city .main-part-4>div { width: 50%; float: left; position: relative }
.city .main-part-4>div:after { content: ""; display: block; padding-top: 70% }
.city .main-part-4-left { background: url(../img/city/main-part-pic-4.jpg) no-repeat center center/cover }
.city .main-part-4-right { background: url(../img/city/main-part-pic-5.jpg) no-repeat center center/cover }
.city .main-part-4>div ul { position: absolute; bottom: 0; background: rgba(0,0,0,.3); color: #fff; padding: 40px }
.city .main-part-4>div ul li h3 { font-size: 30px; font-weight: 400; line-height: 1.1 }
.city .main-part-4>div ul li p { font-size: 18px; margin: 20px 0; line-height: 1.8 }
.city .main-part-4>div ul li a { background: #008fd3; display: inline-block; line-height: 1.1; color: #fff; text-decoration: none; padding: 10px 20px; border: 1px solid #fff }
@media screen and (max-width:1500px) {
    .city .main-part-2 ul li p:nth-child(1) img { height: 60px }
    .city .main-part-2 ul li p:nth-child(2) { font-size: 20px }
}
@media screen and (max-width:1380px) {
    .city .main-part-3 ul li p:nth-child(1) span { font-size: 40px }
}
@media screen and (max-width:1100px) {
    .city .main-part-3 ul { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
    .city .main-part-3 ul li { width: 33.33333333% }
}
@media screen and (max-width:1280px) {
    .city .main-part-1>ul { padding: 0 }
    .city .main-part-1>p { font-size: 16px }
    .city .main-part-1>ul li h2 { font-size: 28px; margin: 15px 0 }
    .city .main-part-1>ul li p:nth-child(3) { font-size: 16px }
    .city .main-part-2 ul li p:nth-child(1) img { height: 50px }
    .city .main-part-2 ul li p:nth-child(2) { font-size: 16px }
    .city .main-part-3 ul li p:nth-child(2) { font-size: 16px; padding: 0 }
    .city .main-part-3 ul li { padding: 0 15px }
    .city .main-part-3 ul li p:nth-child(2) { font-size: 14px }
    .city .main-part-4>div ul li p { font-size: 14px }
    .city .main-part-4>div ul li h3 { font-size: 28px }
}
@media screen and (max-width:1000px) {
    .city .main-part-4>div { width: 100% }
    .city .main-part-4>div ul li p { height: auto!important }
}
@media screen and (max-width:900px) {
    .city .main-part-1>ul li p:nth-child(1) img:nth-child(2) { display: block }
    .city .main-part-1>ul { display: block }
    .city .main-part-1>ul li { width: 100%; text-align: left; max-width: none; overflow: hidden; background: #fff; padding: 0; border-radius: 0; border: none; background: #f1f1f1 }
    .city .main-part-1>ul li p:nth-child(1) { float: right; width:calc(100% / 3 * 1);
        position: relative; margin-left: 10px }
    .city .main-part-1>ul li p:nth-child(1):after { content: ""; display: block; padding-top: 100% }
    .city .main-part-1>ul li p:nth-child(1) img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 100% }
    .city .main-part-1>ul li:nth-child(2) { margin: 50px 0 }
    .city .main-part-2 ul li { width: 25% }
    .city .main-part-1>ul li div { padding: 40px }
    .city .main-part-1>ul li div h2 { font-size: 28px; margin: 0 }
    .city .main-part-1>ul li div p { font-size: 16px; margin-top: 1em }
}
@media screen and (max-width:775px) {
    .city .main-part-3 ul { padding-bottom: 35px }
    .city .main-part-3 ul li { width: 50%; margin-bottom: 35px }
}
@media screen and (max-width:720px) {
    .city .main-part-1>ul li div { padding: 30px }
    .city .main-part-1>ul li div h2 { font-size: 24px; margin: 0 }
    .city .main-part-1>ul li div p { font-size: 14px; margin-top: 1em }
}
@media screen and (max-width:666px) {
    .city .featured-main { border-width: 4px }
    .city .main-part-2 ul li { width: 33.333333%; padding: 15px 0 }
    .city .main-part-3 ul { padding-bottom: 70px }
    .city .main-part-4>div:after { display: none }
    .city .main-part-4>div ul { position: relative }
    .city .main-part-2 { padding: 60px 10px }
    .city .main-part-3 ul li p:nth-child(2) { font-size: 12px }
    .city .main-part-3 ul li { margin-bottom: 45px }
    .city .main-part-3 ul li p:nth-child(1) { margin: 0 auto 15px; width: 100% }
    .city .main-part-3 ul li:nth-last-child(1), .main-part-3 ul li:nth-last-child(2) { margin-bottom: auto }
    .city .main-part-2 h2 { font-size: 28px }
    .city .main-part-3 h2 { font-size: 28px }
    .city .main-part-4 h2 { font-size: 28px }
    .city .featured-main { text-shadow: 0 2px 2px rgba(0,0,0,.2) }
    .city .main-part-1>p { margin: 0 auto 30px; font-size: 14px }
    .city .main-part-1>ul li:nth-child(2) { margin: 30px auto }
    .city .main-part-1 { padding: 50px 20px }
}
@media screen and (max-width:550px) {
    .city .main-part-1>ul li div { padding: 20px }
    .city .main-part-1>ul li div h2 { font-size: 18px; margin: 0 }
    .city .main-part-1>ul li div p { font-size: 12px; margin-top: 1em; line-height: 1.6 }
}
@media screen and (max-width:530px) {
    .city .main-part-3 ul li p:nth-child(1) span { font-size: 30px }
}
@media screen and (max-width:430px) {
    .city .main-part-1>ul li div { padding: 15px }
    .city .main-part-1>ul li div h2 { font-size: 16px; margin: 0 }
    .city .main-part-1>ul li div p { font-size: 11px; margin-top: .5em }
}
@media screen and (max-width:360px) {
    .city .main-part-1>ul li p:nth-child(1) { display: none }
}
@media all and (-ms-high-contrast:none) {
    body { word-wrap: break-word }
}
@media screen and (max-width:1700px), (max-height:956px) {
    .city .layout .featured { height:calc(100vh * .9 - 60px)
    }
    .city .layout .featured-position { left:calc(20% * .9)
    }
    .city .layout .featured-position .featured-main { width:calc(550px * .9);
        border-radius:0 calc(30px * .9) 0 0
    }
    .city .layout .featured-position .featured-main div { padding:calc(50px *.9)
    }
    .city .layout .featured-position .featured-main div h2 { font-size:calc(60px * .9)
    }
    .city .layout .featured-position .featured-main div h3 { font-size:calc(30px * .9)
    }
    .city .layout .featured-position .featured-main div p { font-size:calc(18px * .9)
    }
}
@media screen and (max-width:1500px) {
    .city .layout .featured-position .featured-main { width:calc(550px * .8)
    }
}
@media screen and (max-width:1500px), (max-height:843px) {
    .city .layout .featured { height:calc(100vh * .85 - 60px)
    }
    .city .layout .featured-position { left:calc(20% * .85)
    }
    .city .layout .featured-position .featured-main { width:calc(550px * .8);
        border-radius:0 calc(30px * .85) 0 0
    }
    .city .layout .featured-position .featured-main div { padding:calc(50px *.85)
    }
    .city .layout .featured-position .featured-main div h2 { font-size:calc(60px * .85)
    }
    .city .layout .featured-position .featured-main div h3 { font-size:calc(30px * .85)
    }
    .city .layout .featured-position .featured-main div p { font-size:calc(18px * .85)
    }
}
@media screen and (max-width:1300px) {
    .city .layout .featured { height:calc(100vh * .8 - 60px)
    }
    .city .layout .featured-position { left:calc(20% * .8)
    }
    .city .layout .featured-position .featured-main { width:calc(550px * .75);
        border-radius:0 calc(30px * .8) 0 0
    }
    .city .layout .featured-position .featured-main div { padding:calc(50px *.8)
    }
    .city .layout .featured-position .featured-main div h2 { font-size:calc(60px * .8)
    }
    .city .layout .featured-position .featured-main div h3 { font-size:calc(30px * .8)
    }
    .city .layout .featured-position .featured-main div p { font-size:calc(18px * .8)
    }
}
@media screen and (max-width:1100px) {
    .city .layout .featured { height:calc(100vh * .75 - 60px)
    }
    .city .layout .featured-position { left:calc(20% * .75)
    }
    .city .layout .featured-position .featured-main { width:calc(550px * .7);
        border-radius:0 calc(30px * .75) 0 0
    }
    .city .layout .featured-position .featured-main div { padding:calc(50px *.75)
    }
    .city .layout .featured-position .featured-main div h2 { font-size:calc(60px * .75)
    }
    .city .layout .featured-position .featured-main div h3 { font-size:calc(30px * .75)
    }
    .city .layout .featured-position .featured-main div p { font-size:calc(18px * .75)
    }
}
@media screen and (max-width:900px) {
    .city .layout .featured { height:calc(100vh * .7 - 60px)
    }
    .city .layout .featured-position { left:calc(20% * .7)
    }
    .city .layout .featured-position .featured-main { width:calc(550px * .65);
        border-radius:0 calc(30px * .7) 0 0
    }
    .city .layout .featured-position .featured-main div { padding:calc(50px *.7)
    }
    .city .layout .featured-position .featured-main div h2 { font-size:calc(60px * .7)
    }
    .city .layout .featured-position .featured-main div h3 { font-size:calc(30px * .7)
    }
    .city .layout .featured-position .featured-main div p { font-size:calc(18px * .7)
    }
}
@media screen and (max-width:700px) {
    .city .layout .featured-position { left:calc(20% * .5)
    }
    .city .layout .featured-position .featured-main { width:calc(550px * .4);
        border-radius:0 calc(30px * .65) 0 0
    }
    .city .layout .featured-position .featured-main div { padding:calc(50px *.7)
    }
    .city .layout .featured-position .featured-main div h2 {
        font-size:calc(60px * .45); margin-bottom: .5em }
    .city .layout .featured-position .featured-main div h3 span { display: none }
    .city .layout .featured-position .featured-main div h3 {
        font-size:calc(30px * .45); margin-bottom: 0 }
    .city .layout .featured-position .featured-main div p { display: none }
    .city .layout .featured-position .featured-main { border-width: 3px }
}
@media screen and (max-width:600px) {
    .city .layout .featured-position { left:calc(20% * .4)
    }
    .city .layout .featured-position .featured-main { width:calc(550px * .3);
        border-radius:0 calc(30px * .6) 0 0
    }
    .city .layout .featured-position .featured-main div { padding:calc(50px *.4)
    }
    .city .layout .featured-position .featured-main div h2 { font-size:calc(60px * .45)
    }
    .city .layout .featured-position .featured-main div h3 { font-size:calc(30px * .45)
    }
}
.homepage .more { display: inline-block; width: 140px; border: 1px solid; text-align: center; line-height: 37px!important; -webkit-transition: .3s; transition: .3s }
.homepage .layout .featured { width: 100%; height: calc(100vh - 60px); max-height: 1100px; background: url(../img/index/banner.jpg) center center/cover no-repeat; position: relative; -webkit-transition: .3s; -webkit-transition: .3s; transition: .3s }
.homepage .layout .featured-position { position: relative; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 20% }
.homepage .layout .featured-position .featured-main { color: #fff; background: rgba(0,91,172,.8); position: relative; width: 550px; border-radius: 0 40px 0 0 }
.homepage .layout .featured-position .featured-main:after { content: ""; padding-top: 100%; display: block }
.homepage .layout .featured-position .featured-main div { position: absolute; padding: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.homepage .layout .featured-position .featured-main div h2 { font-size: 45px; font-weight: 400 }
.homepage .layout .featured-position .featured-main div p { font-size: 18px; line-height: 1.6; margin: 2em 0 4em }
.homepage .layout .featured-position .featured-main div a { display: inline-block; border: 1px solid #fff; color: #fff; text-decoration: none; padding: 0 40px; line-height: 40px; -webkit-transition: .3s; -webkit-transition: .3s; transition: .3s }
.homepage .layout .section-banner { width: 100%; max-width: 1200px; margin: 80px auto 0 auto; position: relative; padding: 0 100px }
.homepage .layout .section-banner .bx-wrapper { margin: 0 auto }
.homepage .layout .section-banner .bxslider>div { display: -webkit-box; display: -ms-flexbox; display: flex }
.homepage .layout .section-banner .bxslider>div .bxslider-img { width: 100%; max-width: 800px }
.homepage .layout .section-banner .bxslider>div .bxslider-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 50px }
.homepage .layout .section-banner .bxslider>div .bxslider-text h2 { font-size: 28px; font-weight: 400 }
.homepage .layout .section-banner .bxslider>div .bxslider-text p { font-size: 16px; margin: 1em auto; line-height: 1.8 }
.homepage .layout .section-banner .bxslider>div .bxslider-text a { border-color: #005bac; background: #005bac; color: #fff; text-decoration: none }
.homepage .layout .section-banner .bxslider>div .bx-caption { display: none }
.homepage .layout .bx-controls-direction>a { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 70px; background: url(../img/left.svg) center center/cover no-repeat; text-indent: -9999px }
.homepage .layout .bx-controls-direction>.bx-prev { left: 50px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); margin-left: -15px }
.homepage .layout .bx-controls-direction>.bx-next { right: 50px; margin-right: -15px }
.homepage .layout .bx-pager { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; bottom: -40px }
.homepage .layout .bx-pager a { width: 10px; height: 10px; display: block; background: #b4bbbe; text-indent: -99999px; border-radius: 50%; margin: 0 5px }
.homepage .layout .bx-pager a.active { background: #005bac }
.homepage .layout .sectionmenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 40px }
.homepage .layout .sectionmenu>* { width: calc(50% - 10px); margin: 80px 0; min-height: 480px }
.homepage .layout .sectionmenu .sectionmenu-text { background: #005bac; padding: 0 5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.homepage .layout .sectionmenu .sectionmenu-text h2 { font-weight: 400; font-size: 34px; color: #fff }
.homepage .layout .sectionmenu .sectionmenu-text p { font-size: 20px; margin-top: 1em; margin-bottom: 2em; line-height: 2; color: #fff }
.homepage .layout .sectionmenu .sectionmenu-text a { color: #fff; border-color: #fff; text-decoration: none }
.homepage .layout .section-business { width: 100%; max-width: 1600px; height: auto; margin: 0 auto }
.homepage .layout .section-business-title { margin-bottom: 40px }
.homepage .layout .section-business-title h2 { font-size: 40px; text-align: center }
.homepage .layout .section-business-main ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px }
.homepage .layout .section-business-main ul li { width: calc(25% - 15px); background: #f5f5f5 }
.homepage .layout .section-business-main ul li a { display: block; text-align: center; text-decoration: none; -webkit-transition: .3s; -webkit-transition: .3s; transition: .3s }
.homepage .layout .section-business-main ul li a div { margin-bottom: 30px }
.homepage .layout .section-business-main ul li a h3 { font-size: 20px; color: #333; font-weight: 400 }
.homepage .layout .section-business-main ul li a p { font-size: 16px; color: #aeb5ba; margin: .7em 0 1.3em 0 }
.homepage .layout .section-business-main ul li a span { border: 1px solid #005bac; background: #005bac; color: #fff; margin-bottom: 20px }
.homepage .layout .style-2 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse }
.homepage .section-target-title { text-align: center }
.homepage .section-target-title h2 { font-size: 40px }
.homepage .section-target-title p { color: #aeb5ba; font-size: 20px }
.homepage .section-target-main { padding-bottom: 80px }
.homepage .section-target-main ul { margin: 0 auto; width: 100%; max-width: 1600px; padding: 0 3%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
.homepage .section-target-main ul li { width: 33.33333%; max-width: 450px; text-align: center; padding: 0 25px; margin-top: 40px }
.homepage .section-target-main ul li a { display: block; color: #333; cursor: pointer; text-decoration: none }
.homepage .section-target-main ul li a div { width: 166px; height: 166px; background-size: 50% auto; border: 3px solid #00bef0; border-radius: 50%; display: inline-block; -webkit-transition: .3s; transition: .3s; position: relative }
.homepage .section-target-main ul li a div img { display: none }
.homepage .section-target-main ul li a h3 { margin: 22px 0; font-size: 20px; font-weight: 400 }
.homepage .section-target-main ul li a p { color: #aeb5ba; line-height: 2; max-width: 260px; margin: 0 auto }
@media screen and (max-width:1300px) {
    .homepage .section-target-title h2 { font-size: 32px; margin-bottom: 15px }
    .homepage .section-target-title p { font-size: 16px; padding: 0 10px }
    .homepage .section-target-main { margin: 20px 0 0 0 }
    .homepage .section-target-main ul li a div { width: 120px; height: 120px; border: 2px solid #00bef0 }
    .homepage .section-target-main ul li a h3 { font-size: 18px; margin: 15px 0 }
}
@media screen and (max-width:1100px) {
    .homepage .layout .section-banner .bxslider>div .bxslider-text h2 { font-size: 24px }
    .homepage .layout .section-banner .bxslider>div .bxslider-text p { font-size: 14px }
    .homepage .layout .section-banner .bxslider>div .bxslider-text a { font-size: 12px }
    .homepage .layout .section-banner .bxslider>div .bxslider-text { padding-left: 30px }
    .homepage .layout .sectionmenu .sectionmenu-text h2 { font-size: 28px }
    .homepage .layout .sectionmenu .sectionmenu-text p { font-size: 16px }
    .homepage .layout .section-business-title h2 { font-size: 38px }
    .homepage .layout .section-business-main ul li a h3 { font-size: 18px; margin-bottom: 1em }
    .homepage .layout .section-business-main ul li a p { display: none }
    .homepage .layout .section-business-main ul { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 10px }
    .homepage .layout .section-business-main ul li { width: 50%; background: 0 0; padding: 10px }
    .homepage .layout .section-business-main ul li a { background: #f5f5f5 }
    .homepage .layout .section-business-main ul li a div { margin-bottom: 0 }
    .homepage .layout .section-business-main ul li a h3 { margin: 20px 0; padding: 0 10px }
    .homepage .layout .section-business-main ul li a span { margin-bottom: 30px }
}
@media screen and (max-width:900px) {
    .homepage .layout .section-banner .bxslider>div .bxslider-text { display: none }
    .homepage .layout .bx-pager { display: none }
    .homepage .layout .section-banner .bxslider>div .bxslider-img { max-width: none }
    .homepage .layout .section-banner .bxslider>div .bx-caption { display: block; position: absolute; z-index: 20; bottom: 0; color: #fff; width: 100%; padding: 10px 20px; font-size: 16px; background: #005bac }
    .homepage .layout .section-banner .bxslider>div { display: block }
    .homepage .layout .section-banner { margin: 0; padding: 20px }
    .homepage .layout .sectionmenu { margin: 0 }
    .homepage .layout .sectionmenu>* { margin: 0 }
    .homepage .layout .sectionmenu .sectionmenu-pic { display: none }
    .homepage .layout .sectionmenu .sectionmenu-text { width: 100%; padding: 40px 80px; position: relative }
    .homepage .layout .style-1 .sectionmenu-text { background: url(../img/index/pic-1.jpg) center center/cover no-repeat; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
    .homepage .layout .style-2 .sectionmenu-text { background: url(../img/index/section-story-main-pic1.jpg) center center/cover no-repeat; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
    .homepage .layout .sectionmenu .sectionmenu-text:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,91,172,0)), color-stop(84%, #005bac), color-stop(99%, #005bac)); background: linear-gradient(rgba(0,91,172,0) 0, #005bac 84%, #005bac 99%) }
    .homepage .layout .sectionmenu .sectionmenu-text>* { position: relative; z-index: 20 }
    .homepage .layout .section-business-title { display: none }
    .homepage .layout .section-business-main ul { padding: 10px }
    .homepage .section-target { margin-top: 60px }
    .homepage .section-target-main { padding-bottom: 60px }
    .homepage .layout .section-business-main ul li a { background: #005bac }
    .homepage .layout .section-business-main ul li a h3 { color: #fff }
    .homepage .layout .section-business-main ul li a span { border-color: #fff }
    .homepage .layout .bx-controls-direction>a { width: 20px; height: 50px; background: url(../img/left-white.svg) center center/cover no-repeat }
}
@media screen and (max-width:750px) {
    .homepage .section-target-main ul li { width: 49% }
    .homepage .section-news-main ul li a { margin-bottom: 20px }
    .homepage .layout .sectionmenu .sectionmenu-text h2 { font-size: 24px }
    .homepage .layout .sectionmenu .sectionmenu-text p { font-size: 14px }
    .homepage .layout .sectionmenu .sectionmenu-text a { font-size: 12px }
    .homepage .more { width: 100px; line-height: 24px!important }
    .homepage .layout .section-business-main ul li a h3 { font-size: 14px }
    .homepage .layout .section-business-main ul li a span { font-size: 12px }
    .homepage .layout .section-business-main ul { padding: 5px }
    .homepage .layout .section-business-main ul li { padding: 5px; display: -webkit-box; display: -ms-flexbox; display: flex }
    .homepage .layout .section-business-main ul li a { width: 100% }
}
@media screen and (max-width:555px) {
    .homepage .section-target-main ul { padding: 0 20px }
    .homepage .section-target-main ul li a p { display: none }
    .homepage .section-target-main ul li { margin: 20px 0 }
}
@media screen and (max-width:530px) {
    .homepage .section-target-main ul li { padding: 0 }
    .homepage .section-target-main ul li a div { width: 80px; height: 80px; border: 1px solid #00bef0 }
    .homepage .section-target-main ul li a h3 { font-size: 14px; font-weight: 400 }
    .homepage .section-target-main ul li a p { font-size: 12px; line-height: 1.4; padding: 0 50px }
    .homepage .layout .section-banner .bxslider>div .bx-caption { font-size: 14px }
    .homepage .layout .sectionmenu .sectionmenu-text { padding: 40px }
}
@media screen and (max-width:1700px), (max-height:956px) {
    .homepage .layout .featured { height:calc(100vh * .9 - 60px)
    }
    .homepage .layout .featured-position { left:calc(20% * .9)
    }
    .homepage .layout .featured-position .featured-main { width:calc(550px * .9);
        border-radius:0 calc(40px * .9) 0 0
    }
    .homepage .layout .featured-position .featured-main div { padding:calc(50px *.9)
    }
    .homepage .layout .featured-position .featured-main div h2 { font-size:calc(45px * .9)
    }
    .homepage .layout .featured-position .featured-main div p { font-size:calc(18px * .9)
    }
    .homepage .layout .featured-position .featured-main div a { line-height: 1.1; padding:calc(15px * .9) calc(35px * .9)
    }
}
@media screen and (max-width:1600px) {
    .homepage .layout .featured-position .featured-main { width:calc(550px * .85)
    }
}
@media screen and (max-width:1500px), (max-height:843px) {
    .homepage .layout .featured { height:calc(100vh * .85 - 60px)
    }
    .homepage .layout .featured-position { left:calc(20% * .85)
    }
    .homepage .layout .featured-position .featured-main { width:calc(550px * .85);
        border-radius:0 calc(40px * .85) 0 0
    }
    .homepage .layout .featured-position .featured-main div { padding:calc(50px *.85)
    }
    .homepage .layout .featured-position .featured-main div h2 { font-size:calc(45px * .85)
    }
    .homepage .layout .featured-position .featured-main div p { font-size:calc(18px * .85)
    }
    .homepage .layout .featured-position .featured-main div a { line-height: 1.1; padding:calc(15px * .85) calc(35px * .85)
    }
}
@media screen and (max-width:1300px), (max-height:731px) {
    .homepage .layout .featured { height:calc(100vh * .8 - 60px)
    }
    .homepage .layout .featured-position { left:calc(20% * .8)
    }
    .homepage .layout .featured-position .featured-main { width:calc(550px * .8);
        border-radius:0 calc(40px * .8) 0 0
    }
    .homepage .layout .featured-position .featured-main div { padding:calc(50px *.8)
    }
    .homepage .layout .featured-position .featured-main div h2 { font-size:calc(45px * .8)
    }
    .homepage .layout .featured-position .featured-main div p { font-size:calc(18px * .8)
    }
    .homepage .layout .featured-position .featured-main div a { line-height: 1.1; padding:calc(15px * .8) calc(35px * .8)
    }
}
@media screen and (max-width:1100px), (max-height:618px) {
    .homepage .layout .featured { height:calc(100vh * .75 - 60px)
    }
    .homepage .layout .featured-position { left:calc(20% * .75)
    }
    .homepage .layout .featured-position .featured-main { width:calc(550px * .75);
        border-radius:0 calc(40px * .75) 0 0
    }
    .homepage .layout .featured-position .featured-main div { padding:calc(50px *.75)
    }
    .homepage .layout .featured-position .featured-main div h2 { font-size:calc(45px * .75)
    }
    .homepage .layout .featured-position .featured-main div p { font-size:calc(18px * .75)
    }
    .homepage .layout .featured-position .featured-main div a { line-height: 1.1; padding:calc(15px * .75) calc(35px * .75)
    }
}
@media screen and (max-width:900px), (max-height:546px) {
    .homepage .layout .featured { height:calc(100vh * .7 - 60px)
    }
    .homepage .layout .featured-position { left:calc(20% * .7)
    }
    .homepage .layout .featured-position .featured-main { width:calc(550px * .7);
        border-radius:0 calc(40px * .7) 0 0
    }
    .homepage .layout .featured-position .featured-main div { padding:calc(50px *.7)
    }
    .homepage .layout .featured-position .featured-main div h2 { font-size:calc(45px * .7)
    }
    .homepage .layout .featured-position .featured-main div p { font-size:calc(18px * .7)
    }
    .homepage .layout .featured-position .featured-main div a { line-height: 1.1; padding:calc(15px * .7) calc(35px * .7)
    }
}
@media screen and (max-width:700px), (max-height:420px) {
    .homepage .layout .featured-position { left:calc(20% * .5)
    }
    .homepage .layout .featured-position .featured-main { width:calc(550px * .4);
        border-radius:0 calc(40px * .65) 0 0
    }
    .homepage .layout .featured-position .featured-main div { padding:calc(50px *.7)
    }
    .homepage .layout .featured-position .featured-main div h2 {
        font-size:calc(45px * .45); margin-bottom: 1em }
    .homepage .layout .featured-position .featured-main div p { display: none }
    .homepage .layout .featured-position .featured-main div a { line-height: 1.1; padding:calc(15px * .5) calc(35px * .5)
    }
}
@media screen and (max-width:600px), (max-height:337px) {
    .homepage .layout .featured-position { left:calc(20% * .4)
    }
    .homepage .layout .featured-position .featured-main { width:calc(550px * .3);
        border-radius:0 calc(40px * .3) 0 0
    }
    .homepage .layout .featured-position .featured-main div { padding:calc(50px *.4)
    }
    .homepage .layout .featured-position .featured-main div h2 { font-size:calc(45px * .4)
    }
    .homepage .layout .featured-position .featured-main div a { line-height: 1; padding:calc(15px * .4) calc(35px * .4);
        font-size: 10px }
}
.homepage .layout .featured-position .featured-main div a:hover { background: #fff; color: #005bac }
.homepage .layout .section-banner .bxslider>div .bxslider-text a:hover { background: #fff; color: #005bac }
.homepage .layout .sectionmenu .sectionmenu-text a:hover { background: #fff; color: #005bac }
.homepage .layout .section-business-main ul li a:hover { background: #005bac }
.homepage .layout .section-business-main ul li a:hover span { border-color: #fff }
.homepage .layout .section-business-main ul li a:hover h3, .homepage .layout .section-business-main ul li a:hover p { color: #fff }
.homepage .section-target-main ul li a:hover div { -webkit-transform: translateY(-10px); transform: translateY(-10px) }
.notice-list .breadcrumb { background: rgba(0,143,211,.7) }
.notice-list .breadcrumb p { width: 100%; max-width: 1240px; padding: 20px; margin: 0 auto; font-size: 12px; color: #fff }
.notice-list .breadcrumb p a { font-size: 12px; color: #fff }
.notice-list .main { width: 100%; max-width: 1240px; margin: 80px auto; padding: 0 20px }
.notice-list .main .main-title h2 { color: #606060; font-size: 48px; font-weight: 400; line-height: 1.1 }
.notice-list .main-form { margin: 60px 0 }
.notice-list .main-form ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.notice-list .main-form ul li { border: 1px solid #505050; position: relative; line-height: 0 }
.notice-list .main-form ul li>* { font-size: 18px; color: #505050 }
.notice-list .main-form ul li:nth-child(1) { width: calc(40% - 15px) }
.notice-list .main-form ul li:nth-child(2) { width: calc(25% - 15px) }
.notice-list .main-form ul li:nth-child(2):after { content: ""; display: block; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #505050; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.notice-list .main-form ul li:nth-child(3) { width: calc(25% - 15px) }
.notice-list .main-form ul li:nth-child(3):after { content: ""; display: block; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #505050; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.notice-list .main-form ul li:nth-child(4) { width: calc(10% - 15px); border: none }
.notice-list .main-form ul li:nth-child(1) input { width: 100%; padding: 10px; position: absolute; height: 100% }
.notice-list .main-form ul li select { width: 100%; padding: 10px; appearance: none; -moz-appearance: none; -webkit-appearance: none }
.notice-list .main-form ul li:nth-child(4) input { display: block; position: absolute; width: 100%; height: 100%; background: #005bac; color: #fff; cursor: pointer; -webkit-appearance: none; outline: 0 }
.notice-list .main-content-title h3 { font-size: 30px; line-height: 1.1; border-bottom: 1px solid grey; font-weight: 400; padding-bottom: 10px; color: #005bac; margin-bottom: 10px }
.notice-list .main-content-title h3 span { float: right; font-size: 24px }
.notice-list .main-content>a { display: block; text-decoration: none; font-size: 18px; padding: 30px 20px; border-bottom: 1px dashed #f3f3f3 }
.notice-list .main-content>a>ul { display: -webkit-box; display: -ms-flexbox; display: flex }
.notice-list .main-content>a>ul li:nth-child(1) { margin-right: 20px; color: #005bac; font-weight: 700; font-size: 24px }
.notice-list .main-content>a>ul li:nth-child(2) { color: #606060 }
.notice-list .main-content>a>ul li:nth-child(2) h3 { font-size: 24px; font-weight: 400 }
.notice-list .main-content>a>ul li:nth-child(2) p { margin-top: 1em; line-height: 1.6 }
.notice-list .main-content>a:hover { background: #f3f3f3 }
.notice-list .main-content .main-content-bottom { margin-top: 40px }
.notice-list .main-content .main-content-bottom ul { display: -webkit-box; display: -ms-flexbox; display: flex }
.notice-list .main-content .main-content-bottom ul li { width: 25px; height: 25px; line-height: 25px; position: relative; text-align: center; margin: 0 5px }
.notice-list .main-content .main-content-bottom ul li a { display: block; color: #4178be; text-decoration: none; border-radius: 40% }
.notice-list .main-content .main-content-bottom ul li a.active { background: #4178be; color: #fff }
.notice-list .main-content .main-content-bottom ul li:first-child, .notice-list .main-content .main-content-bottom ul li:last-child { background: #3b6caa; border-radius: 50%; text-indent: -9999px }
.notice-list .main-content .main-content-bottom ul li:first-child:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: url(../img/left-white.svg) center center/60% auto no-repeat; top: 0; left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.notice-list .main-content .main-content-bottom ul li:last-child:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: url(../img/left-white.svg) center center/60% auto no-repeat; top: 0; left: 0 }
.notice-list .main-content .main-content-bottom ul li a:hover { background: #4178be; color: #fff }
.notice-list .main-content .main-content-bottom span { float: right; color: #005bac; font-size: 24px }
@media screen and (max-width:980px) {
    .notice-list .main { margin: 60px auto }
    .notice-list .main .main-title h2 { font-size: 38px }
    .notice-list .main-form ul li>* { font-size: 16px }
    .notice-list .main-content-title h3 { font-size: 24px }
    .notice-list .main-content-title h3 span { font-size: 18px }
    .notice-list .main-form { margin: 40px 0 }
    .notice-list .main-content>a>ul li:nth-child(1) { font-size: 18px }
    .notice-list .main-content>a>ul li:nth-child(2) h3 { font-size: 18px }
    .notice-list .main-content>a>ul li:nth-child(2) p { font-size: 14px }
    .notice-list .main-content>a { padding: 20px 10px }
    .notice-list .main-content .main-content-bottom span { font-size: 18px }
}
@media screen and (max-width:720px) {
    .notice-list .main-form ul { -ms-flex-wrap: wrap; flex-wrap: wrap }
    .notice-list .main-form ul li:nth-child(1) { width: calc(40% - 13.33333333px) }
    .notice-list .main-form ul li:nth-child(2) { width: calc(30% - 13.33333333px) }
    .notice-list .main-form ul li:nth-child(3) { width: calc(30% - 13.33333333px) }
    .notice-list .main-form ul li:nth-child(4) { width: 100px; height: 34px; margin: 20px auto 0 auto }
    .notice-list .main-form ul li>* { font-size: 14px }
}
@media screen and (max-width:530px) {
    .notice-list .main-content .main-content-bottom { overflow: hidden; text-align: center }
    .notice-list .main-content .main-content-bottom ul { display: inline-block; overflow: hidden; margin: 0 auto }
    .notice-list .main-content .main-content-bottom ul li { float: left }
    .notice-list .main-content .main-content-bottom span { font-size: 14px }
    .notice-list .main-content-title h3 span { font-size: 14px }
    .notice-list .main-content .main-content-bottom ul li { margin: 0 auto }
    .notice-list .main-content .main-content-bottom span { display: block; width: 100%; text-align: right; margin-top: 20px }
    .notice-list .main-content-title h3 span { float: none; margin-left: 10px }
}
@media screen and (max-width:450px) {
    .notice-list .main-form ul li:nth-child(1) { width: 100%; height: 35px; margin-bottom: 20px }
    .notice-list .main-form ul li:nth-child(2), .notice-list .main-form ul li:nth-child(3) { width: calc(50% - 10px) }
    .notice-list .main-form ul li select { padding: 8px 10px }
    .notice-list .main-content>a>ul { display: block }
    .notice-list .main-content>a>ul li:nth-child(1) { margin-right: auto; margin-bottom: 3px }
}
.search-list .breadcrumb { background: rgba(0,143,211,.7) }
.search-list .breadcrumb p { width: 100%; max-width: 1240px; margin: 0 auto; font-size: 12px; color: #fff }
.search-list .breadcrumb p a { font-size: 12px; color: #fff }
.search-list .main { width: 100%; max-width: 1240px; margin: 80px auto; padding: 0 20px }
.search-list .main .main-title h2 { color: #606060; font-size: 30px; font-weight: 400; line-height: 1.1 }
.search-list .main-form { margin: 30px 0 }
.search-list .main-form ul li>* { font-size: 18px }
.search-list .main-form .search-form li { width: 100%; height: 45px; border: 1px solid #505050; position: relative }
.search-list .main-form .search-form li input[type=text] { width: 100%; height: 100%; position: absolute; padding: 10px }
.search-list .main-form .search-form li input[type=submit] { position: absolute; width: 50px; height: 100%; right: 0; background: url(../img/seach.png) center center/20px 20px no-repeat; cursor: pointer; top: -18px }
.search-list .main-content>h3 { font-size: 24px; font-weight: 400; color: #606060; padding-left: 30px; position: relative; margin: 1em auto 1em auto }
.search-list .main-content>h3:after { content: ""; display: block; position: absolute; width: 3px; height: 17px; background: #606060; top: 8px; left: 12px }
.search-list .main-content>h3:before { content: ""; display: block; position: absolute; width: 17px; height: 3px; background: #606060; top: 15px; left: 5px }
.search-list .select-form { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 500px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 20px 0 }
.search-list .select-form li { width: calc(50% - 10px); border: 1px solid #505050; position: relative }
.search-list .select-form li select { width: 100%; padding: 10px; appearance: none; -moz-appearance: none; -webkit-appearance: none; font-size: 18px }
.search-list .select-form li:after { content: ""; display: block; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #505050; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.search-list .main-content-title h3 { font-size: 24px; line-height: 1.1; border-bottom: 1px solid grey; font-weight: 400; padding-bottom: 10px; color: #005bac; margin-bottom: 10px }
.search-list .main-content-title h3 span { float: right; font-size: 24px }
.search-list .main-content>a { display: block; text-decoration: none; font-size: 18px; border-bottom: 1px dotted #ddd; padding: 20px 0 10px 0 }
.search-list .main-content>a:hover { background-color: #f6f6f6 }
.search-list .main-content>a>ul li h3 { font-weight: none; font-size: 24px; color: #333 }
.search-list .main-content>a>ul li p { font-size: 18px; line-height: 1.6; margin-top: 1em; word-wrap: break-word; color: #999 }
.search-list .main-content>a>ul li p span { background: #0cf; color: #fff }
.search-list .main-content .main-content-bottom { margin-top: 40px }
.search-list .main-content .main-content-bottom ul { display: -webkit-box; display: -ms-flexbox; display: flex }
.search-list .main-content .main-content-bottom ul li { width: 25px; height: 25px; line-height: 25px; position: relative; text-align: center; margin: 0 5px }
.search-list .main-content .main-content-bottom ul li a { display: block; color: #4178be; text-decoration: none; border-radius: 40% }
.search-list .main-content .main-content-bottom ul li a.active { background: #4178be; color: #fff }
.search-list .main-content .main-content-bottom ul li:first-child, .search-list .main-content .main-content-bottom ul li:last-child { background: #3b6caa; border-radius: 50%; text-indent: -9999px }
.search-list .main-content .main-content-bottom ul li:first-child a:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: url(../img/left-white.svg) center center/60% auto no-repeat; top: 0; left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.search-list .main-content .main-content-bottom ul li:last-child a:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: url(../img/left-white.svg) center center/60% auto no-repeat; top: 0; left: 0 }
.search-list .main-content .main-content-bottom ul li a:hover { background: #4178be; color: #fff }
.search-list .main-content .main-content-bottom span { float: right; color: #005bac; font-size: 24px }
@media screen and (max-width:980px) {
    .search-list .main { margin: 60px auto }
    .search-list .main .main-title h2 { font-size: 38px }
    .search-list .main-form ul li>* { font-size: 16px }
    .search-list .main-content>a>ul li h3 { font-size: 18px; font-weight: 400 }
    .search-list .main-content>a>ul li p { font-size: 14px }
    .search-list .main-content-title h3 { font-size: 24px }
    .search-list .main-content>h3 { font-size: 18px }
    .search-list .main-content>h3:before { top: 11px }
    .search-list .main-content>h3:after { top: 4px }
    .search-list .select-form li select { font-size: 14px }
}
@media screen and (max-width:530px) {
    .search-list .main-content .main-content-bottom { overflow: hidden; text-align: center }
    .search-list .main-content .main-content-bottom ul { display: inline-block; overflow: hidden; margin: 0 auto }
    .search-list .main-content .main-content-bottom ul li { float: left }
    .search-list .main-content .main-content-bottom span { font-size: 14px }
    .search-list .main-content-title h3 span { font-size: 14px }
    .search-list .main-content .main-content-bottom ul li { margin: 0 auto }
    .search-list .main-content .main-content-bottom span { display: block; width: 100%; text-align: right; margin-top: 20px }
    .search-list .main-content-title h3 span { float: none; margin-left: 10px }
}
@media screen and (max-width:450px) {
    .search-list .main-content>a>ul { display: block }
    .search-list .main-content>a>ul li:nth-child(1) { margin-right: auto; margin-bottom: 3px }
}
.news-list .banner { width: 100%; min-height: 300px; position: relative }
.news-list .breadcrumb { background: rgba(0,143,211,.7) }
.news-list .breadcrumb p { width: 100%; max-width: 1240px; padding: 20px; margin: 0 auto; font-size: 12px; color: #fff }
.news-list .breadcrumb p a { font-size: 12px; color: #fff }
.news-list .banner-main { width: 100%; max-width: 1240px; padding: 56px 20px 0 20px; margin: 0 auto; color: #fff }
.news-list .banner-main h2 { font-size: 50px; font-weight: 400 }
.news-list .banner-main p { font-size: 18px }
.news-list .main { width: 100%; max-width: 1240px; margin: 80px auto; padding: 0 20px }
.news-list .main .main-title h2 { color: #606060; font-size: 48px; font-weight: 400; line-height: 1.1 }
.news-list .main-form { margin: 60px 0 }
.news-list .main-form ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.news-list .main-form ul li { border: 1px solid #505050; position: relative; line-height: 0 }
.news-list .main-form ul li>* { font-size: 18px; color: #505050 }
.news-list .main-form ul li:nth-child(1) { width: calc(40% - 15px) }
.news-list .main-form ul li:nth-child(2) { width: calc(25% - 15px) }
.news-list .main-form ul li:nth-child(2):after { content: ""; display: block; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #505050; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.news-list .main-form ul li:nth-child(3) { width: calc(25% - 15px) }
.news-list .main-form ul li:nth-child(3):after { content: ""; display: block; position: absolute; width: 0; height: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; border-top: 10px solid #505050; right: 10px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.news-list .main-form ul li:nth-child(4) { width: calc(10% - 15px); border: none }
.news-list .main-form ul li:nth-child(1) input { width: 100%; padding: 10px; position: absolute; height: 100% }
.news-list .main-form ul li select { width: 100%; padding: 10px; appearance: none; -moz-appearance: none; -webkit-appearance: none }
.news-list .main-form ul li:nth-child(4) input { display: block; position: absolute; width: 100%; height: 100%; background: #005bac; color: #fff; cursor: pointer }
.news-list .main-content-title h3 { font-size: 30px; line-height: 1.1; border-bottom: 1px solid grey; font-weight: 400; padding-bottom: 10px; color: #005bac; margin-bottom: 10px }
.news-list .main-content-title h3 span { float: right; font-size: 24px }
.news-list .main-content>a { display: block; text-decoration: none; font-size: 18px; padding: 30px 20px; border-bottom: 1px dashed #f3f3f3 }
.news-list .main-content>a>ul { display: -webkit-box; display: -ms-flexbox; display: flex }
.news-list .main-content>a>ul li:nth-child(1) { margin-right: 20px; color: #005bac; font-weight: 700; font-size: 24px }
.news-list .main-content>a>ul li:nth-child(2) { color: #606060 }
.news-list .main-content>a>ul li:nth-child(2) h3 { font-size: 24px; font-weight: 400 }
.news-list .main-content>a>ul li:nth-child(2) p { line-height: 1.6 }
.news-list .main-content>a:hover { background: #f3f3f3 }
.news-list .main-content .main-content-bottom { margin-top: 40px }
.news-list .main-content .main-content-bottom ul { display: -webkit-box; display: -ms-flexbox; display: flex }
.news-list .main-content .main-content-bottom ul li { width: 25px; height: 25px; line-height: 25px; position: relative; text-align: center; margin: 0 5px }
.news-list .main-content .main-content-bottom ul li a { display: block; color: #4178be; text-decoration: none; border-radius: 40% }
.news-list .main-content .main-content-bottom ul li a.active { background: #4178be; color: #fff }
.news-list .main-content .main-content-bottom ul li:first-child, .news-list .main-content .main-content-bottom ul li:last-child { background: #3b6caa; border-radius: 50%; text-indent: -9999px }
.news-list .main-content .main-content-bottom ul li:first-child:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: url(../img/left-white.svg) center center/60% auto no-repeat; top: 0; left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.news-list .main-content .main-content-bottom ul li:last-child:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; background: url(../img/left-white.svg) center center/60% auto no-repeat; top: 0; left: 0 }
.news-list .main-content .main-content-bottom ul li a:hover { background: #4178be; color: #fff }
.news-list .main-content .main-content-bottom span { float: right; color: #005bac; font-size: 24px }
@media screen and (max-width:1200px) {
    .news-list .banner-main h2 { font-size: 40px }
    .news-list .banner-main p { font-size: 16px }
}
@media screen and (max-width:980px) {
    .news-list .main { margin: 60px auto }
    .news-list .main .main-title h2 { font-size: 38px }
    .news-list .main-form ul li>* { font-size: 16px }
    .news-list .main-content-title h3 { font-size: 24px }
    .news-list .main-content-title h3 span { font-size: 18px }
    .news-list .main-form { margin: 40px 0 }
    .news-list .main-content>a>ul li:nth-child(1) { font-size: 18px }
    .news-list .main-content>a>ul li:nth-child(2) h3 { font-size: 18px }
    .news-list .main-content>a>ul li:nth-child(2) p { font-size: 14px }
    .news-list .main-content>a { padding: 20px 10px }
    .news-list .main-content .main-content-bottom span { font-size: 18px }
}
@media screen and (max-width:720px) {
    .news-list .main-form ul { -ms-flex-wrap: wrap; flex-wrap: wrap }
    .news-list .main-form ul li:nth-child(1) { width: calc(40% - 13.33333333px) }
    .news-list .main-form ul li:nth-child(2) { width: calc(30% - 13.33333333px) }
    .news-list .main-form ul li:nth-child(3) { width: calc(30% - 13.33333333px) }
    .news-list .main-form ul li:nth-child(4) { width: 100px; height: 34px; margin: 20px auto 0 auto }
    .news-list .main-form ul li>* { font-size: 14px }
}
@media screen and (max-width:530px) {
    .news-list .main-content .main-content-bottom { overflow: hidden; text-align: center }
    .news-list .main-content .main-content-bottom ul { display: inline-block; overflow: hidden; margin: 0 auto }
    .news-list .main-content .main-content-bottom ul li { float: left }
    .news-list .main-content .main-content-bottom span { font-size: 14px }
    .news-list .main-content-title h3 span { font-size: 14px }
    .news-list .main-content .main-content-bottom ul li { margin: 0 auto }
    .news-list .main-content .main-content-bottom span { display: block; width: 100%; text-align: right; margin-top: 20px }
    .news-list .main-content-title h3 span { float: none; margin-left: 10px }
}
@media screen and (max-width:450px) {
    .news-list .main-form ul li:nth-child(1) { width: 100%; height: 35px; margin-bottom: 20px }
    .news-list .main-form ul li:nth-child(2), .news-list .main-form ul li:nth-child(3) { width: calc(50% - 10px) }
    .news-list .main-form ul li select { padding: 8px 10px }
    .news-list .main-content>a>ul { display: block }
    .news-list .main-content>a>ul li:nth-child(1) { margin-right: auto; margin-bottom: 3px }
}
.homepage-black .more { display: inline-block; width: 140px; border: 1px solid; text-align: center; line-height: 37px!important; -webkit-transition: .3s; transition: .3s }
.homepage-black .layout { background: #e3e7ea }
.homepage-black .layout .featured { width: 100%; height: calc(100vh - 60px); max-height: 1100px; min-height: 900px; position: relative; -webkit-transition: .3s; transition: .3s; overflow: hidden }
.homepage-black .layout .featured-position { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 20%; z-index: 20 }
.homepage-black .layout .slider { position: absolute; width: 100%; height: 100%; top: 0; left: 0 }
.homepage-black .layout .slider .slide { width: 100%; height: 100%; position: absolute }
.homepage-black .layout #indexbannermenu { position: absolute; z-index: 9999; bottom: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 20px }
.homepage-black .layout #indexbannermenu ul { overflow: hidden }
.homepage-black .layout #indexbannermenu ul li { width: 20px; height: 20px; border: 1px solid #fff; cursor: pointer; border-radius: 50%; float: left; margin: 0 5px }
.homepage-black .layout #indexbannermenu ul .active { background: #fff; border: 1px solid #fff }
.homepage-black .layout .featured-position .featured-main { color: #fff; background: rgba(0,91,172,.8); position: relative; width: 690px; border-radius: 0 40px 0 0 }
.homepage-black .layout .featured-position .featured-main:not(:first-child) { display: none }
.homepage-black .layout .featured-position .featured-main:after { content: ""; padding-top: 100%; display: block }
.homepage-black .layout .featured-position .featured-main div { position: absolute; padding: 50px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.homepage-black .layout .featured-position .featured-main div h2 { font-size: 45px; font-weight: 400 }
.homepage-black .layout .featured-position .featured-main div p { font-size: 18px; line-height: 1.6; margin: 2em 0 4em }
.homepage-black .layout .featured-position .featured-main div a { display: inline-block; border: 1px solid #fff; color: #fff; text-decoration: none;cursor: pointer;padding: 0 40px; line-height: 40px; -webkit-transition: .3s; -webkit-transition: .3s; transition: .3s }
.homepage-black .layout .section-banner { width: 100%; max-width: 1200px; margin: 80px auto 0 auto; position: relative; padding: 0 100px }
.homepage-black .layout .section-banner .bx-wrapper { margin: 0 auto }
.homepage-black .layout .section-banner .bxslider>div { display: -webkit-box; display: -ms-flexbox; display: flex }
.homepage-black .layout .section-banner .bxslider>div .bxslider-img { width: 100%; max-width: 480px }
.homepage-black .layout .section-banner .bxslider>div .bxslider-text { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding-left: 50px; color: #fff }
.homepage-black .layout .section-banner .bxslider>div .bxslider-text h2 { font-size: 28px; font-weight: 400; color: #333 }
.homepage-black .layout .section-banner .bxslider>div .bxslider-text .wechatnews:after { content: ""; display: inline-block; width: 20px; height: 20px; background: url(../img/wechat.svg) center bottom/100% auto no-repeat; -webkit-transform: translateY(3px); transform: translateY(3px); margin-left: 10px }
.homepage-black .layout .section-banner .bxslider>div .bxslider-text h2>a { display: none }
.homepage-black .layout .section-banner .bxslider>div .bxslider-text h2>span { display: inline-block; background: #00bef0; color: #fff; font-size: 12px; padding: 5px 10px; margin-bottom: 5px }
.homepage-black .layout .section-banner .bxslider>div .bxslider-text h2>span+br { display: block; color: #333 }
.homepage-black .layout .section-banner .bxslider>div .bxslider-text p { font-size: 16px; margin: 1em 0; line-height: 1.8; color: #333 }
.homepage-black .layout .section-banner .bxslider>div .bxslider-text>a { border-color: #00bef0; background: #00bef0; color: #fff; text-decoration: none; font-size: 12px }
.homepage-black .layout .section-banner .bxslider>div .bx-caption { display: none }
.homepage-black .layout .bx-controls-direction>a { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 30px; height: 70px; background: url(../img/left.svg) center center/cover no-repeat; text-indent: -9999px }
.homepage-black .layout .bx-controls-direction>.bx-prev { left: 50px; -webkit-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotate(180deg); margin-left: -15px }
.homepage-black .layout .bx-controls-direction>.bx-next { right: 50px; margin-right: -15px }
.homepage-black .layout .bx-pager { position: absolute; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); display: -webkit-box; display: -ms-flexbox; display: flex; bottom: -40px }
.homepage-black .layout .bx-pager a { width: 35px; height: 7px; display: block; background: #00bef0; text-indent: -99999px; margin: 0 5px }
.homepage-black .layout .bx-pager a.active { background: #fff }
.homepage-black .layout .sectionmenu { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-top: 40px }
.homepage-black .layout .sectionmenu>* { width: 50%; margin: 80px 0 0; min-height: 480px }
.homepage-black .layout .sectionmenu .sectionmenu-pic { background-position: left center }
.homepage-black .layout .sectionmenu .sectionmenu-text { background-image: linear-gradient(#008bf2, #16c5fe); padding: 0 5%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.homepage-black .layout .sectionmenu .sectionmenu-text h2 { font-weight: 400; font-size: 34px; color: #fff }
.homepage-black .layout .sectionmenu .sectionmenu-text p { font-size: 20px; margin-top: 1em; margin-bottom: 2em; line-height: 2; color: #fff }
.homepage-black .layout .sectionmenu .sectionmenu-text a { color: #fff; border-color: #fff; text-decoration: none }
.homepage-black .layout .section-business { width: 100%; max-width: 1600px; height: auto; margin: 80px auto 0 }
.homepage-black .layout .section-business-title { margin-bottom: 40px }
.homepage-black .layout .section-business-title h2 { font-size: 40px; text-align: center; color: #333 }
.homepage-black .layout .section-business-main ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 0 20px }
.homepage-black .layout .section-business-main ul li { width: calc(25% - 15px); background: #f5f5f5 }
.homepage-black .layout .section-business-main ul li a { display: block; text-align: center; text-decoration: none; -webkit-transition: .3s; -webkit-transition: .3s; transition: .3s }
.homepage-black .layout .section-business-main ul li a div:nth-child(1) { margin-bottom: 30px }
.homepage-black .layout .section-business-main ul li a h3 { font-size: 20px; color: #333; font-weight: 400; padding: 0 20px }
.homepage-black .layout .section-business-main ul li a p { font-size: 14px; color: #aeb5ba; margin: .7em 0 1.5em 0; padding: 0 10px }
.homepage-black .layout .section-business-main ul li a span { border: 1px solid #00bef0; background: #00bef0; color: #fff; margin-bottom: 40px }
.homepage-black .layout .style-2 { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse }
.homepage-black .section-target { background: #4b5564; padding-top: 80px }
.homepage-black .section-target-title { text-align: center }
.homepage-black .section-target-title h2 { font-size: 40px; color: #fff }
.homepage-black .section-target-title p { color: #aeb5ba; font-size: 20px }
.homepage-black .section-target-main { padding-bottom: 80px }
.homepage-black .section-target-main ul { margin: 0 auto; width: 100%; max-width: 1600px; padding: 0 3%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
.homepage-black .section-target-main ul li { width: 33.33333%; max-width: 450px; text-align: center; padding: 0 25px; margin-top: 40px }
.homepage-black .section-target-main ul li a { display: block; color: #333; cursor: pointer; text-decoration: none }
.homepage-black .section-target-main ul li a div { width: 166px; height: 166px; background-size: 50% auto; border: 3px solid #00bef0; border-radius: 50%; display: inline-block; -webkit-transition: .3s; transition: .3s; position: relative }
.homepage-black .section-target-main ul li a div img { display: none }
.homepage-black .section-target-main ul li a h3 { margin: 22px 0; font-size: 20px; font-weight: 400; color: #fff }
.homepage-black .section-target-main ul li a p { color: #aeb5ba; line-height: 2; max-width: 260px; margin: 0 auto }
@media screen and (max-width:1300px) {
    .homepage-black .section-target-title h2 { font-size: 32px; margin-bottom: 15px }
    .homepage-black .section-target-title p { font-size: 16px; padding: 0 10px }
    .homepage-black .section-target-main { margin: 20px 0 0 0 }
    .homepage-black .section-target-main ul li a div { width: 120px; height: 120px; border: 2px solid #00bef0 }
    .homepage-black .section-target-main ul li a h3 { font-size: 18px; margin: 15px 0 }
}
@media screen and (max-width:1200px) {
    .homepage-black .layout .sectionmenu .sectionmenu-text p { font-size: 16px }
}
@media screen and (max-width:1100px) {
    .homepage-black .layout .section-banner .bxslider>div .bxslider-text h2 { font-size: 24px }
    .homepage-black .layout .section-banner .bxslider>div .bxslider-text p { font-size: 14px }
    .homepage-black .layout .section-banner .bxslider>div .bxslider-text { padding-left: 30px }
    .homepage-black .layout .sectionmenu .sectionmenu-text h2 { font-size: 28px }
    .homepage-black .layout .sectionmenu .sectionmenu-text p { font-size: 16px }
    .homepage-black .layout .section-business-title h2 { font-size: 38px }
    .homepage-black .layout .section-business-main ul li a h3 { font-size: 18px; margin-bottom: 1em }
    .homepage-black .layout .section-business-main ul li a p { display: none }
    .homepage-black .layout .section-business-main ul { -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 0 10px }
    .homepage-black .layout .section-business-main ul li { width: calc(100% / 4 - 30px / 4) }
    .homepage-black .layout .section-business-main ul li a div:nth-child(1) { margin-bottom: 0 }
    .homepage-black .layout .section-business-main ul li a h3 { margin: 20px 0; padding: 0 10px; font-size: 14px }
    .homepage-black .layout .section-business-main ul li a span { margin-bottom: 30px; font-size: 12px; width: auto; height: auto; line-height: normal!important; padding: 5px 10px }
}
@media screen and (max-width:900px) {
    .homepage-black .layout #indexbannermenu ul li { width: 10px; height: 10px }
    .homepage-black .layout .section-business { margin: 0 }
    .homepage-black .layout .section-banner { margin: 0 auto; padding: 0 }
    .homepage-black .layout .section-banner .bxslider>div .bxslider-img { position: absolute; width: 100%; height: 100%; max-width: none; z-index: 10 }
    .homepage-black .layout .section-banner .bxslider>div .bxslider-img:before { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: .3; background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, rgba(0,0,0,.65)), to(rgba(0,0,0,.65))); background: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.65) 75%, rgba(0,0,0,.65) 100%) }
    .homepage-black .layout .bx-pager { bottom: 40px }
    .homepage-black .layout .bx-controls-direction { display: none }
    .homepage-black .layout .section-banner .bxslider>div .bxslider-text { padding-left: 40px; z-index: 20; width: 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding-bottom: 70px; padding-right: 40px }
    .homepage-black .layout .section-banner .bxslider>div { height: 480px }
    .homepage-black .layout .section-banner .bxslider>div .bxslider-text h2 { margin-bottom: 1em; color: #fff; font-size: 20px }
    .homepage-black .layout .section-banner .bxslider>div .bxslider-text p { display: none }
    .homepage-black .layout .bx-pager a { width: 10px; height: 10px; border-radius: 50%; border: 1px solid #fff; background: 0 0 }
    .homepage-black .layout .bx-pager a.active { background: #fff }
    .homepage-black .layout .section-banner .bxslider>div .bxslider-text h2>a { display: inline-block; font-size: 16px; padding: 0 10px; text-decoration: none; color: #747474 }
    .homepage-black .layout .sectionmenu { margin: 0 }
    .homepage-black .layout .sectionmenu>* { margin: 0 }
    .homepage-black .layout .sectionmenu .sectionmenu-pic { display: none }
    .homepage-black .layout .sectionmenu .sectionmenu-text { width: 100%; padding: 40px 80px; position: relative }
    .homepage-black .layout .style-1 .sectionmenu-text { background: url(../img/index/pic-1.jpg) center center/cover no-repeat; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center }
    .homepage-black .layout .sectionmenu .sectionmenu-text a { margin: 0 auto; background: #00bef0; border-color: #00bef0 }
    .homepage-black .layout .style-2 .sectionmenu-text { background: url(../img/index/section-story-main-pic1.jpg) left center/cover no-repeat; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; text-align: center }
    .homepage-black .layout .style-2 .sectionmenu-text a { margin: 0 auto }
    .homepage-black .layout .sectionmenu .sectionmenu-text:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; opacity: .3; background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(75%, rgba(0,0,0,.65)), to(rgba(0,0,0,.65))); background: linear-gradient(to bottom, transparent 0, rgba(0,0,0,.65) 75%, rgba(0,0,0,.65) 100%) }
    .homepage-black .layout .sectionmenu .sectionmenu-text>* { position: relative; z-index: 20 }
    .homepage-black .layout .section-business-title { display: none }
    .homepage-black .layout .section-business-main ul { padding: 0 }
    .homepage-black .layout .section-business-main ul li { width: 100%; padding: 0 }
    .homepage-black .layout .section-business-main ul li a { display: -webkit-box; display: -ms-flexbox; display: flex }
    .homepage-black .layout .section-business-main ul li:nth-child(2n) a { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse }
    .homepage-black .layout .section-business-main ul li a>div { width: 50% }
    .homepage-black .layout .section-business-main ul li a>div:nth-child(2) { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: left; padding: 30px; background: #005bac; position: relative; margin: 0 }
    .homepage-black .layout .section-business-main ul li a>div:nth-child(2):after { content: ""; display: block; position: absolute; border-top: 15px solid transparent; border-right: 15px solid #005bac; border-bottom: 15px solid transparent; left: -15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
    .homepage-black .layout .section-business-main ul li:nth-child(2n) a>div:nth-child(2):after { right: -15px; left: auto; -webkit-transform: rotate(180deg) translateY(50%); transform: rotate(180deg) translateY(50%) }
    .homepage-black .layout .section-business-main ul li a span { border: 1px solid #fff; width: 80px; margin-bottom: 0; background: 0 0 }
    .homepage-black .layout .section-business-main ul li a>.dgib:after { padding-top: 100% }
    .homepage-black .layout .section-business-main ul li a p { display: block; font-size: 12px }
    .homepage-black .layout .section-business-main ul li a h3 { padding: 0; color: #fff; font-size: 20px; margin-top: 0; margin-bottom: 1.5em }
    .homepage-black .layout .section-business-main ul li a p { color: #fff; font-size: 14px; margin-top: 0; padding: 0; text-align: center }
    .homepage-black .layout .bx-controls-direction>a { width: 20px; height: 50px; background: url(../img/left-white.svg) center center/cover no-repeat }
    .homepage-black .section-target-main { margin: 0; padding: 0 }
    .homepage-black .section-target { padding: 80px 0 }
    .homepage-black .layout .section-business-main ul li a:hover .more { color: #fff!important }
}
@media screen and (max-width:750px) {
    .homepage-black .section-target-main ul li { width: 33.3333333% }
    .homepage-black .section-news-main ul li a { margin-bottom: 20px }
    .homepage-black .layout .sectionmenu .sectionmenu-text h2 { font-size: 24px }
    .homepage-black .layout .sectionmenu .sectionmenu-text p { font-size: 14px; line-height: 1.6 }
    .homepage-black .layout .sectionmenu .sectionmenu-text a { font-size: 12px }
    .homepage-black .more { width: 100px; line-height: 24px!important }
}
@media screen and (max-width:570px) {
    .homepage-black .layout .sectionmenu .sectionmenu-text { padding: 40px }
    .homepage-black .layout .section-business-main ul li a h3 { font-size: 16px; margin-bottom: 0; text-align: center }
    .homepage-black .layout .section-business-main ul li a p { font-size: 10px; margin: .5em 0 1em 0 }
    .homepage-black .layout .section-business-main ul li a>div:nth-child(2) { padding: 0 20px }
    .homepage-black .layout .section-business-main ul li a span { font-size: 10px }
    .homepage-black .layout .section-banner .bxslider>div .bxslider-text h2 { font-size: 18px }
    .homepage-black .layout .section-banner .bxslider>div .bxslider-text h2>a { font-size: 14px }
    .homepage-black .layout .section-banner { background: #e3e7ea url(../img/cloud.svg) 110% center/auto 40% no-repeat }
}
@media screen and (max-width:555px) {
    .homepage-black .section-target-main ul { padding: 0 20px }
    .homepage-black .section-target-main ul li a p { display: none }
    .homepage-black .section-target-main ul li { margin: 20px 0 }
}
@media screen and (max-width:530px) {
    .homepage-black .section-target-main ul li { padding: 0 }
    .homepage-black .section-target-main ul li a div { width: 80px; height: 80px; border: 1px solid #00bef0 }
    .homepage-black .section-target-main ul li a h3 { font-size: 12px; font-weight: 400 }
    .homepage-black .section-target-main ul li a p { font-size: 12px; line-height: 1.4; padding: 0 50px }
    .homepage-black .layout .section-banner .bxslider>div .bx-caption { font-size: 14px }
    .homepage-black .layout .sectionmenu .sectionmenu-text { padding: 40px }
}
@media screen and (max-width:500px) {
    .homepage-black .layout .sectionmenu .sectionmenu-text h2 { font-weight: 700 }
    .homepage-black .layout .sectionmenu .sectionmenu-text h2 { font-weight: 700 }
    .homepage-black .section-target { padding: 60px 0 }
}
@media screen and (max-width:1500px) {
    .homepage-black .layout .featured { min-height: 600px }
    .homepage-black .layout .featured-position { left:calc(20% * .9)
    }
    .homepage-black .layout .featured-position .featured-main { width:calc(690px * .9);
        border-radius:0 calc(40px * .9) 0 0
    }
    .homepage-black .layout .featured-position .featured-main div { padding:calc(45px *.9)
    }
    .homepage-black .layout .featured-position .featured-main div h2 { font-size:calc(45px * .9)
    }
    .homepage-black .layout .featured-position .featured-main div p { font-size:calc(18px * .9)
    }
    .homepage-black .layout .featured-position .featured-main div a { line-height: 1.1; padding:calc(15px * .9) calc(35px * .9)
    }
}
@media screen and (max-width:1300px) {
    .homepage-black .layout .featured { min-height: 600px; height:calc(100vh * .85)
    }
    .homepage-black .layout .featured-position { left:calc(20% * .8)
    }
    .homepage-black .layout .featured-position .featured-main { width:calc(550px * .8);
        border-radius:0 calc(40px * .8) 0 0
    }
    .homepage-black .layout .featured-position .featured-main div { padding:calc(50px *.8)
    }
    .homepage-black .layout .featured-position .featured-main div h2 { font-size:calc(40px * .8)
    }
    .homepage-black .layout .featured-position .featured-main div p { font-size:calc(18px * .8)
    }
    .homepage-black .layout .featured-position .featured-main div a { line-height: 1.1; padding:calc(15px * .8) calc(35px * .8)
    }
}
@media screen and (max-width:1100px) {
    .homepage-black .layout .featured { min-height: 500px; height:calc(100vh * .8)
    }
    .homepage-black .layout .featured-position { left:calc(20% * .7)
    }
    .homepage-black .layout .featured-position .featured-main { width:calc(550px * .7);
        border-radius:0 calc(40px * .7) 0 0
    }
    .homepage-black .layout .featured-position .featured-main div { padding:calc(50px *.7)
    }
    .homepage-black .layout .featured-position .featured-main div h2 { font-size:calc(45px * .7)
    }
    .homepage-black .layout .featured-position .featured-main div p { font-size:calc(18px * .7)
    }
    .homepage-black .layout .featured-position .featured-main div a { line-height: 1.1; padding:calc(15px * .7) calc(35px * .7)
    }
}
@media screen and (max-width:900px) {
    .homepage-black .layout .featured { min-height: 450px; height:calc(100vh * .7)
    }
    .homepage-black .layout .featured-position { left:calc(20% * .6)
    }
    .homepage-black .layout .featured-position .featured-main { width:calc(550px * .6);
        border-radius:0 calc(40px * .6) 0 0
    }
    .homepage-black .layout .featured-position .featured-main div { padding:calc(50px *.6)
    }
    .homepage-black .layout .featured-position .featured-main div h2 { font-size:calc(45px * .6)
    }
    .homepage-black .layout .featured-position .featured-main div p { font-size:calc(18px * .6)
    }
    .homepage-black .layout .featured-position .featured-main div a { line-height: 1.1; padding:calc(15px * .6) calc(35px * .6)
    }
}
@media screen and (max-width:500px) {
    .homepage-black .layout .featured { min-height: 450px; height:calc(100vh * .7);
        background: url(../img/index/banner-block.jpg) bottom center/cover no-repeat }
    .homepage-black .layout .featured-position { left: 0; position: absolute; bottom: 0; top: auto; -webkit-transform: none; transform: none; width: 100% }
    .homepage-black .layout .featured-position .featured-main { background: 0 0; width: 100%; border-radius: 0 }
    .homepage-black .layout .featured-position .featured-main:after { display: none }
    .homepage-black .layout .featured-position .featured-main div { position: relative; top: auto; padding: 80px 40px; -webkit-transform: none; transform: none; background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(46%, rgba(0,0,0,.65)), to(rgba(0,0,0,.65))); background: linear-gradient(transparent 0, rgba(0,0,0,.65) 46%, rgba(0,0,0,.65) 100%) }
    .homepage-black .layout .featured-position .featured-main div h2 { margin-bottom: 1em; font-weight: 700 }
    .homepage-black .layout .featured-position .featured-main div p { display: none }
    .homepage-black .layout .featured-position .featured-main div a {
        padding:calc(15px * .5) calc(35px * .5); font-size: 10px; background: #00bef0; border-color: #00bef0 }
}
.homepage-black .layout .featured-position .featured-main div a:hover { background: #fff; color: #005bac }
.homepage-black .layout .section-banner .bxslider>div .bxslider-text>a:hover { background: #e3e7ea; color: #00bef0 }
.homepage-black .layout .sectionmenu .sectionmenu-text a:hover { background: #fff; color: #00bef0 }
.homepage-black .section-target-main ul li a:hover div { -webkit-transform: translateY(-10px); transform: translateY(-10px) }
.homepage-black .layout .section-business-main ul li a:hover .more { background: 0 0; color: #00bef0 }
.breadcrumb .wrap ul { overflow: hidden }
.breadcrumb .wrap ul li { position: relative; float: left }
.breadcrumb .wrap ul li:not(:last-child) { padding-right: 15px }
.breadcrumb .wrap ul li:not(:last-child):after { font-size: 12px; line-height: 1; position: absolute; top: 50%; right: 0; display: block; width: 15px; content: '>'; -webkit-transform: translateY(-38%); transform: translateY(-38%); text-align: center; color: #fff }
.breadcrumb .wrap ul li a:hover { text-decoration: none; color: #fff }
.entry-content h2 { font-size: 22px }
.entry-content .hasicon { padding-left: 0 }
.entry-content .hasicon li { position: relative; padding-left: 25px; list-style: none }
.entry-content .hasicon li:after { position: absolute; top: 0; left: 0; display: block; width: 20px; height: 100%; content: ''; background: url(../img/right.svg) center center/cover no-repeat }
.entry-content .textpic:after { display: block; clear: both; content: "" }
.entry-content .textpic-left { float: left }
.entry-content .textpic-right { float: right }
@media screen and (max-width:980px) {
    .entry-content .textpic-left { float: none; width: 100%!important }
    .entry-content .textpic-right { float: none; width: 100%!important }
}
.hasadpic { height: 300px }
.pagename { font-size: 44px; color: #fff; font-weight: 700; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; padding: 0 20px; width: 100%; max-width: 1240px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap }
.pagename p { font-size: 24px; font-weight: 400; margin-top: .3em; width: 100% }
.breadcrumb, .cat-items a, .wrap, .wrapper { position: relative; overflow: hidden }
.breadcrumb a:hover, .cat-items a:hover, .navigator a:hover, .post-title a:hover { text-decoration: none }
.center, .pagination { text-align: center }
table, table.neublue { border-collapse: collapse }
.entry-content ul, .news-catlist { list-style: disc }
.tabs-navigation:after, .tabs:after { clear: both; content: "" }
.wrapper { float: none; clear: both; width: 100%; height: auto }
.breadcrumb { font-size: 12px; width: 100%; padding: 20px 0; position: relative; background-position: center center; background-size: cover }
.bglightgray { color: #666; background-color: #008fd3 }
.bggray { color: #333; background-color: #ccc }
.bgdarkgray { color: #fff; background-color: #666 }
.bggray a, .bglightgray a { color: #fff }
.bgdarkgray a { color: #fff }
.bglightgray a:hover { border-bottom: 1px solid #666 }
.bggray a:hover { border-bottom: 1px solid #333 }
.bgdarkgray a:hover { border-bottom: 1px solid #fff }
.wrap { margin: auto }
.w1200 { max-width: 1200px }
.w1400 { max-width: 1400px }
.w1600 { max-width: 1600px }
.w1800 { max-width: 1800px }
.w1920 { max-width: 1920px }
.w2560 { max-width: 2560px }
.news-content { overflow: hidden; margin: 40px auto 30px }
.news-main { float: left; width: calc(100% - 260px) }
.news-sidebar { float: right; width: 230px }
.archive-title { font-size: 24px; line-height: 28px; overflow: hidden; width: 100%; height: auto; margin: 0 auto 40px; padding-left: .5em; color: #666; border-left: 5px solid #666 }
.category-list { overflow: hidden; padding: 10px 13px; background-color: #eee }
.cat-items a { font-size: 14px; line-height: 30px; display: block; float: left; height: 30px; margin-right: 10px; padding: 0 10px 0 32px; color: #333; border-radius: 4px }
.cat-items a:last-child { margin-right: 0 }
.cat-items a:hover { background-color: #ddd }
.cat-items a svg { position: absolute; top: 5px; left: 8px; display: block; width: 18px; height: 18px }
.pagination, .post-entry { overflow: hidden; width: 100%; height: auto }
.post-entry>.entry-content:nth-child(1) { margin-top: 0!important }
.cat-items a svg path { fill: #333 }
.archive-list { margin-top: 40px }
.archive-list article { margin-bottom: 30px; padding-bottom: 30px; border-bottom: 1px dotted #ddd }
.post-title { font-size: 22px; font-weight: 400; margin-bottom: .5em }
.post-excerpt, .post-meta { font-size: 16px }
.post-title a { line-height: 1.5; color: #333 }
.post-title a:hover { border-bottom: 1px solid #333 }
.post-excerpt { line-height: 1.6; margin: .5em 0; color: #333 }
.post-date { margin-right: 10px }
.post-entry .post-meta { overflow: hidden; width: 100%; margin: 20px 0 15px; padding-bottom: 6px; border-bottom: 1px solid #eee }
.post-entry h1 { font-size: 36px; font-weight: 400; line-height: 1.5 }
.entry-content { overflow: hidden; margin: 40px auto 30px }
.entry-content p { font-size: 16px; line-height: 1.8; margin-bottom: 1em; text-indent: 2em}
.entry-content p:last-child { margin-bottom: 0 }
.entry-content p.contactus>img { display: inline-block; width: 14px; height: 14px; margin: 0 2px }
.entry-content a { color: inherit; border-bottom: 2px solid rgba(0,143,211,.57) }
.entry-content a:hover { text-decoration: none; color: #008fd3; border-bottom: 2px solid #008fd3 }
.entry-content mark { color: #fff; background-color: #008fd3 }
.pagination { float: none; clear: both; margin-top: 40px; margin-bottom: 20px; padding: 18px 0 }
.navigator { overflow: hidden; width: 100% }
.navigator a, .navigator span { font-size: 12px!important; line-height: 26px; display: inline-block; min-width: 26px; height: 26px; margin: 0 1px; padding: 0 3px; color: #666; background-color: #eee }
.navigator a:hover, .navigator span:hover, span.current { color: #fff; background-color: #008fd3 }
.post-status { font-size: 12px; width: 100%; margin-top: 15px; color: #666 }
.widget { overflow: hidden; margin-bottom: 30px; background-color: #f3f3f3 }
.widget-title { font-size: 14px; line-height: 50px; overflow: hidden; min-height: 50px; padding: 0 20px; background-color: #eee }
.widget input[type=text], .widget select { height: 34px; border: 1px solid #ddd; background-color: #fff }
.entry-content h3, blockquote { padding-left: 10px; color: #008fd3 }
.widget-content { padding: 20px }
.widget input[type=text] { font-size: 14px; width: 100%; padding: 0 8px }
.search-by-date:not(:last-child), .search-by-keyword:not(:last-child) { overflow: hidden; margin: 16px auto }
.search-by-keyword { margin-top: 0!important; padding-bottom: 16px; border-bottom: 1px solid #ddd }
.widget select { font-size: 12px; width: auto; margin: 0 4px; padding: 0 8px }
.news-catlist li, figure img { width: 100% }
.date-from { margin-bottom: 10px }
.search-by-keyword span { display: block; margin-bottom: 8px }
.search-by-date span { padding-right: 6px }
input[type=submit] { font-size: 14px; position: relative; display: block; margin: 20px auto auto; padding: 12px 30px; cursor: pointer; color: #fff; border: none; border-radius: 4px; background-color: #008fd3 }
input[type=submit]:hover { -webkit-transform: translateY(-2px); transform: translateY(-2px) }
input[type=submit]:active { -webkit-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: inset 0 2px 2px rgba(0,0,0,.3); box-shadow: inset 0 2px 2px rgba(0,0,0,.3) }
.news-catlist { overflow: hidden; padding-left: 1em }
.news-catlist li a { font-size: 14px; line-height: 1.5; display: inline-block; padding: 4px 0; color: #333 }
.news h2, .news h3, .news h4, .news h5, .news h6 { line-height: 1.5; display: block; margin: 1em 0 .8em }
.entry-content>h2, .entry-content>h3, .entry-content>h4, .entry-content>h5, .entry-content>h6 { display: block; padding-left: 1em; margin: 2em 0 1em }
.entry-content>h4 { font-weight: 700; padding: 0 }
.entry-content>h2 { font-weight: 400; line-height: 1.1; padding-left: 10px; border-left: 4px solid #008fd3 }
.entry-content>h3 { padding: 0 }
.news h2:first-child, .news h3:first-child, .news h4:first-child, .news h5:first-child, .news h6:first-child { margin: .5em 0 1em }
.entry-content>h2:first-child, .entry-content>h3:first-child, .entry-content>h4:first-child, .entry-content>h5:first-child, .entry-content>h6:first-child { margin: .5em 0 1em }
h2 { font-size: 18px; font-weight: 400 }
h3 { font-size: 20px; font-weight: 400 }
h4 { font-size: 18px; font-weight: 400 }
h5 { font-size: 16px; font-weight: 400 }
h6 { font-size: 14px; font-weight: 400 }
figure.alignleft, img.alignleft { float: left; max-width: 50%; margin: 20px 20px 15px 0 }
figure.alignright, img.alignright { float: right; max-width: 50%; margin: 20px 0 15px 20px }
figure.aligncenter, img.aligncenter { margin: 20px auto }
figure.alignnone, img.alignnone { float: none; clear: both; margin: 20px 0 }
figure { padding: 14px; background-color: #f3f3f3 }
figure figcaption { font-size: 12px; line-height: 1.7; display: block; overflow: hidden; margin-top: 12px; color: #666 }
figure figcaption p { font-size: 12px!important }
figure figcaption h2, figure figcaption h3, figure figcaption h4, figure figcaption h5, figure figcaption h6 { margin: .6em 0 .5em!important }
.p10 { width: 10% }
.p20 { width: 20% }
.p30 { width: 30% }
.p40 { width: 40% }
.p50 { width: 50% }
.p60 { width: 60% }
.p70 { width: 70% }
.p80 { width: 80% }
.p90 { width: 90% }
.p100, blockquote { width: 100% }
.right { text-align: right }
.vc, .vc * { vertical-align: middle }
blockquote { display: block; margin: 20px auto; padding: 20px 20px 20px 24px; background-color: rgba(0,143,211,.1) }
table { margin: 20px 0; border: 1px solid #ddd }
table td, table th, table tr { font-size: 14px; min-width: 100px; padding: 10px 12px; border: 1px solid #ddd; background-color: #f9f9f9 }
table tr:nth-child(2n-1) td, table tr:nth-child(2n-1) th { background-color: #efefef }
table th { text-align: center; background-color: #e0e0e0!important }
table th:not(:last-child) { border-right-color: #f6f6f6 }
table.neublue { border: 1px solid #c4e1ee }
table.neublue td, table.neublue th, table.neublue tr { font-size: 14px; padding: 10px 12px; border: 1px solid #c4e1ee; background-color: #e6f3fb }
.entry-content ol, .entry-content ul { margin: 20px auto 20px 1em; padding-left: 1.2em }
.breaktab .tabs-content, .breaktab .tabs-navigation, .tabs-navigation a { border-top: 1px solid #e3e3e3 }
table.neublue tr:nth-child(2n-1) td, table.neublue tr:nth-child(2n-1) th { background-color: #d9eff9 }
table.neublue th { text-align: center; color: #fff; background-color: #008fd3!important }
table.neublue th:not(:last-child) { border-right-color: #afe5ff }
.entry-content ol li, .entry-content ul li { font-size: 16px; line-height: 1.7 }
.entry-content ol li~p, .entry-content ul li~p { padding-left: 0 }
.tabs { position: relative; overflow: hidden; margin: 20px 0 }
.tabs:after { position: absolute; z-index: 1; top: 0; right: 0; display: table; visibility: visible; width: 50px; height: 60px; -webkit-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; pointer-events: none; opacity: 1 }
.tabs nav { position: relative; z-index: 2; float: none; overflow: auto; -webkit-overflow-scrolling: touch }
.tabs-content { position: relative; z-index: 1; min-height: 0; margin-top: -1px!important; border: 1px solid #e3e3e3 }
.tabs-navigation { float: left; overflow: hidden; width: auto; border-left: 1px solid #e3e3e3 }
.tabs-navigation a { font-size: 16px; line-height: 30px; position: relative; display: block; height: 30px; padding: 0 20px; cursor: pointer; text-align: center; color: #666; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; background-color: #f3f3f3; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale }
.tabs-navigation a::before { top: 50%; left: 38px; margin-top: -12px; margin-left: 0 }
.tabs ul { margin: 0; padding: 0; list-style: none }
.tabs-navigation:after { display: table }
.tabs-navigation li { float: left }
.tabs-navigation a:hover { color: #333; border-bottom: 1px solid #e3e3e3; background-color: #fff!important }
.tabs-navigation a.selected { color: #333; border-bottom: 1px solid transparent; background-color: #fff!important }
.tabs-content { overflow: hidden; max-width: 1200px; margin: auto; background: #fff }
.tabs-content p { font-size: 16px }
.tabs-content>li { display: none; overflow: hidden; padding: 10px }
.tabs-content>li.selected { display: block; -webkit-animation: tabs-fade-in .8s; animation: tabs-fade-in .8s }
.breaktab nav { float: left; overflow: hidden; width: 90px; border-bottom: 1px solid #005bac }
.breaktab .tabs-content { float: left; width: calc(100% - 91px); margin-top: 0!important; margin-left: -1px }
.breaktab .tabs-navigation a { width: 90px; padding: 0 4px; border-top: 0; border-right: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3 }
@-webkit-keyframes tabs-fade-in { 0% {
    opacity:0
}
    100% {
        opacity:1
    }
}
@keyframes tabs-fade-in { 0% {
    opacity:0
}
    100% {
        opacity:1
    }
}
.post-entry .news-ul-style-1 { display: -webkit-box; display: -ms-flexbox; display: flex; padding-left: 0; max-width: 900px; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 3em auto }
.post-entry .news-ul-style-1 li { list-style-type: none; width: 160px; text-align: center }
.post-entry .news-ul-style-1 li:not(:last-child) { margin-right: 30px }
.post-entry .news-ul-style-1 li div { display: block; background: #005bac; color: #fff; width: 100%; position: relative; border-radius: 50%; margin-bottom: 1em }
.post-entry .news-ul-style-1 li div:after { content: ""; display: block; padding-top: 100% }
.post-entry .news-ul-style-1 li div em { display: block; position: absolute; width: 100%; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: center; font-style: normal; font-size: 28px; font-weight: 700 }
@media screen and (max-width:750px) {
    .post-entry .news-ul-style-1 { -ms-flex-wrap: wrap; flex-wrap: wrap }
    .post-entry .news-ul-style-1 li { width: 25%; padding: 10px; margin-right: 0!important }
    .post-entry .news-ul-style-1 li div em { font-size: 24px }
}
@media screen and (max-width:650px) {
    .post-entry .news-ul-style-1 { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
    .post-entry .news-ul-style-1 li { width: 50%; max-width: 150px; padding: 10px }
}
.tabs-style-1 .tabs-navigation { border: none }
.tabs-style-1 .tabs-navigation a { font-size: 24px; background: #005bac; line-height: 1.1; color: #fff; padding: 15px 30px; height: auto; border: none }
.tabs-style-1 .tabs-navigation a.selected { border: solid #005bac; border-width: 1px 1px 0 1px; color: #005bac }
.tabs-style-1 .tabs-content { border: 1px solid #005bac }
.tabs-style-1 .tabs-navigation a:hover { color: #fff; background-color: #2b87d8!important }
.tabs-style-1 .tabs-content>li { padding: 35px 15px }
.tabs-style-1 .tabs-content>li.selected { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.tabs-style-1 .tabs-content>li>div { width: 33.3333333333%; padding: 0 15px }
.tabs-style-1 .tabs-content>li>div h3 { color: #606060; font-size: 24px; margin: 0 0 .5em 0; padding: 0; line-height: 1.1 }
.tabs-style-1 .tabs-content>li>div ul li { padding-left: 15px; position: relative }
.tabs-style-1 .tabs-content>li>div ul li:after { content: ""; background: #606060; width: 10px; height: 10px; display: block; position: absolute; left: 0; top: 50%; margin-top: -6px; border-radius: 50% }
@media screen and (max-width:1240px) {
    .tabs-style-1 .tabs-content>li>div h3 { font-size: 18px }
    .tabs-style-1 .tabs-navigation a { font-size: 18px }
    .tabs-style-1 .tabs-content>li>div ul li:after { width: 6px; height: 6px; margin-top: -3px }
    .pagename { font-size: 38px!important; line-height: 1.1!important }
    .pagename p { font-size: 18px!important; margin-top: .5em!important }
}
@media screen and (max-width:950px) {
    .tabs-style-1 .tabs-content>li { padding: 20px 15px }
    .tabs-style-1 .tabs-content>li>div { width: 50%; padding: 15px }
}
@media screen and (max-width:650px) {
    .tabs-style-1 .tabs-content>li>div { width: 100% }
    .tabs-style-1 .tabs-content>li>div h3 { font-size: 16px }
    .tabs-style-1 .tabs-navigation a { font-size: 16px; padding: 10px 20px }
}
@media screen and (max-width:480px) {
    .tabs-style-1 .tabs-navigation a { font-size: 12px }
    .tabs-style-1 .tabs-content>li>div { padding: 10px }
    .tabs-style-1 .tabs-content>li>div ul li { font-size: 12px }
    .tabs-style-1 .tabs-content>li { padding: 10px }
}
@media (max-width:2600px) {
    .w2560 { padding: 20px }
}
@media (max-width:1960px) {
    .w1920 { padding: 0 20px }
}
@media (max-width:1840px) {
    .w1800 { padding: 0 20px }
}
@media (max-width:1640px) {
    .w1600 { padding: 0 20px }
}
@media (max-width:1440px) {
    .w1400 { padding: 0 20px }
}
@media (max-width:1240px) {
    .w1200 { padding: 0 20px }
    .entry-content p { font-size: 14px }
    .entry-content ol li, .entry-content ul li { font-size: 14px }
}
@media (max-width:768px) {
    .post-entry h1 { font-size: 32px }
    .news-main, .news-sidebar { float: none; width: 100% }
    .tabs.p10, .tabs.p20, .tabs.p30, .tabs.p40, .tabs.p50, .tabs.p60, .tabs.p70, .tabs.p80, .tabs.p90 { width: 100% }
    h2 { font-size: 20px }
    h3 { font-size: 18px }
    h4 { font-size: 17px }
    h5 { font-size: 15px }
    h6 { font-size: 14px }
}
@media (max-width:480px) {
    .post-title { font-size: 16px }
    .cat-items a { height: 24px; line-height: 24px; font-size: 12px; padding: 0 8px 0 28px; margin-right: 8px }
    .cat-items a svg { height: 16px; width: 16px; left: 6px; top: 3px }
    .news-content { margin: 40px auto 20px }
    .archive-list, .pagination { margin-top: 30px }
    .archive-title { margin-bottom: 30px }
    figure, figure.aligncenter, figure.alignleft, figure.alignnone, figure.alignright, img.aligncenter, img.alignleft, img.alignnone, img.alignright { float: none; clear: both; margin: 20px auto; max-width: none; width: 100%!important }
}
@media screen and (min-width:590px) {
    .entry-content .table { border: solid #ccc; border-width: 0 0 1px 1px }
    .entry-content .table dl { width: 100%; height: auto; overflow: hidden; border: solid #ccc; border-width: 1px 1px 0 0; background: #f1f1f1 }
    .entry-content .table dl, .entry-content .table dl dd, .entry-content .table dl dt { display: block; -webkit-box-sizing: border-box; box-sizing: border-box }
    .entry-content .table dl dd, .entry-content .table dl dt { float: left; padding: 10px }
    .entry-content .table dl dt { width: 30%; font-weight: 700 }
    .entry-content .table dl dd { width: 70%; border-left: 1px solid #ccc; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
    .entry-content .table dl dd input[type=text] { padding: 5px; max-width: 300px; width: 100% }
    .entry-content .table dl dd span { font-size: 12px; color: #ccc }
    .entry-content .table dl dd textarea { width: 100%; min-height: 300px; padding: 5px }
    .entry-content .table dl dd select { padding: 5px; border: 1px solid #ccc; border-radius: 5px; line-height: 1.1; padding-bottom: 8px; display: block; font-size: 12px }
    .entry-content .table dl dd select:not(:first-child) { margin-left: 10px }
    .entry-content .table dl dd input[type=button] { width: 100px; height: 30px; line-height: 30px; border: 1px solid #008fd3; border-radius: 5px; background: #008fd3; color: #fff; cursor: pointer }
    .entry-content .table dl dd input[type=button]~a { margin-left: 20px }
    .entry-content .table dl dd input.code { border: 1px solid #ccc; width: 70px; margin-right: 10px }
}
@media screen and (max-width:590px) {
    .entry-content .table dl { padding: 15px 0; border-bottom: 1px dotted #ccc }
    .entry-content .table dl dt { font-weight: 700 }
    .entry-content .table dl:last-child { border: 0 }
    .entry-content .table dl:last-child dd { width: 100% }
    .entry-content .table dl dd input[type=text] { width: 100%; border: 1px solid #ccc; padding: 5px; margin: 5px 0; border-radius: 4px }
    .entry-content .table dl dd select { padding: 5px; border: 1px solid #ccc; border-radius: 5px; line-height: 1.1; padding-bottom: 8px; font-size: 12px; margin: 5px 0; display: inline-block }
    .entry-content .table dl dd select:not(:first-child) { margin-left: 10px }
    .entry-content .table dl dd textarea { width: 100%; min-height: 300px; padding: 5px; border: 1px solid #ccc; margin: 5px 0; border-radius: 4px }
    .entry-content .table dl dd input.code { border: 1px solid #ccc; width: 70px; margin-right: 10px }
    .entry-content .table dl dd input[type=button] { width: 100px; height: 30px; line-height: 30px; border: 1px solid #008fd3; border-radius: 5px; background: #008fd3; color: #fff; cursor: pointer }
    .entry-content .table dl dd input[type=button]~a { margin-left: 20px }
}
.entry-content .table dl dt span { color: red }
.entry-content ul>li>ul { margin: .3em auto }
.tab-content-list-style { padding-left: 20px!important }
.tab-content-list-style li { list-style: disc }
.news-list .entry-content { margin-top: 0 }
.news-list .entry-content a { border-bottom: none }
.news-list .post-entry .post-meta { border-bottom: none; margin-bottom: auto }
.news-detailed .entry-content p { padding-left: 0 }
.box { display: -webkit-box; display: -ms-flexbox; display: flex }
.box-left { width: 70%; padding-right: 70px }
.box-right { width: 30% }
.box-1-4 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0!important; padding: 0!important }
.box-1-4>li { width: calc(100% / 4 - 60px / 3); list-style-type: none; border: 1px solid #f1f1f1; padding: 20px; background: #f1f1f1 }
.box-1-4>li h2 { font-size: 28px; margin: 0 auto 0 auto!important }
.box-1-4>li h3 { font-size: 18px; margin: .3em auto .5em auto!important; padding-left: 0 }
.box-1-4>li>ul li { font-size: 16px!important; color: #aeb5ba }
@media screen and (max-width:860px) {
    .box-1-4 { margin-top: -20px }
    .box-1-4>li { width: calc(100% / 2 - 10px); margin-top: 20px }
    .box { display: block }
    .box-left { width: 100%; padding-right: 0 }
    .box-right { width: 100% }
}
@media screen and (max-width:480px) {
    .box-1-4>li { width: 100% }
}
.platform-product:after { content: ""; background: url(../img/platform-products/tab-menu-pic/tab-menu-pic-1.jpg), url(../img/platform-products/tab-menu-pic/tab-menu-pic-2.jpg), url(../img/platform-products/tab-menu-pic/tab-menu-pic-3.jpg), url(../img/platform-products/tab-menu-pic/tab-menu-pic-4.jpg), url(../img/platform-products/tab-menu-pic/tab-menu-pic-5.jpg), url(../img/platform-products/tab-menu-pic/tab-menu-pic-6.jpg), url(../img/platform-products/tab-menu-pic/tab-menu-pic-7.jpg), url(../img/platform-products/tab-menu-pic/tab-menu-pic-8.jpg), url(../img/platform-products/tab-menu-pic/tab-menu-pic-9.jpg) }
.platform-product .header { height: 45vh!important; min-height: 380px!important }
.platform-product .header .featured .featured-main { border: none; display: block; width: 100%; max-width: 1600px; text-align: left; padding: 60px 30px 0 30px; z-index: 10; background: 0 0 }
.platform-product .header .featured .featured-main h2 { font-size: 48px; font-weight: 400; margin-bottom: 20px }
.platform-product .header .featured .featured-main h3 { font-size: 24px; margin-bottom: 0; line-height: 1.2; max-width: 800px }
.section-breadcrumb { width: 100%; background: rgba(0,143,211,.4); padding: 20px 0; position: absolute; top: 60px; left: 0; z-index: 99 }
.section-breadcrumb p { width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 30px; line-height: 1.4; color: #fff }
.section-breadcrumb p a { color: #fff }
.product-menu { width: 100%; height: auto; margin: 0 auto }
.product-menu>div { width: 100%; max-width: 1260px; margin: 0 auto; padding: 80px 30px }
.product-menu>div>p { margin-bottom: 1em; max-width: 1200px; font-size: 16px; line-height: 1.8 }
.product-menu>div>ul { margin-right: -30px; margin-top: 70px }
.product-menu>div>ul:after { content: ""; display: block; clear: both }
.product-menu>div>ul>li { float: left; width: 33.3333333333% }
.product-menu>div>ul>li div { width: calc(100% - 30px); background: #ebf7fe; -webkit-transition: .3s; -webkit-transition: .3s; transition: .3s }
.product-menu>div>ul>li div { padding: 40px; position: relative }
.product-menu>div>ul>li .selected { border-radius: 5px; -webkit-box-shadow: 0 0 6px 0 #949494; box-shadow: 0 0 6px 0 #949494; -webkit-transform: translateY(-10px); transform: translateY(-10px) }
.product-menu>div>ul>li div h2 { line-height: 0 }
.product-menu>div>ul>li div h2 img { margin: 0 auto; max-width: 195px }
.product-menu>div>ul>li div h3 { line-height: 1.1; font-size: 20px; font-weight: 400; text-align: center; margin-top: 20px; margin-bottom: 10px }
.product-menu>div>ul>li div p { font-size: 14px; line-height: 1.6; text-align: center }
.product-menu>div>ul>li div ul { margin-top: 30px; display: none }
.product-menu>div>ul>li div ul li { margin: 5px 0 }
.product-menu>div>ul>li div ul li a { color: #595656; font-size: 14px; line-height: 1.6 }
.product-menu>div>ul>li>div>a { width: 100%; height: 100%; text-align: center; font-size: 30px; display: block; position: absolute; bottom: 5px; left: 0; cursor: pointer }
.product-menu>div>ul>li>div>a i { bottom: 0; position: absolute }
.product-menu>div>ul>li>div .on { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); height: auto; opacity: 1 }
.product-menu>div>ul>li>div .on i { bottom: 0; position: relative }
.product-menu-tab { position: relative; padding: 80px 0; background-repeat: no-repeat; background-position: center center; background-size: cover; background-color: #13649c }
.product-menu-tab>* { position: relative; z-index: 20 }
.product-menu-tab-title h2 { text-align: center; font-size: 34px; color: #fff; font-weight: 400; margin-bottom: 60px }
.product-menu-tab-main { width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 30px }
.slideTxtBox { width: 100%; text-align: center }
.slideTxtBox .hd { margin-bottom: 40px }
.slideTxtBox .hd ul { overflow: hidden; border: solid #fff; border-width: 1px 1px 0 0 }
.slideTxtBox .hd ul li { float: left; cursor: pointer; width: calc(100% / 9); color: #fff; border: solid #fff; border-width: 0 0 1px 1px; font-size: 18px; line-height: 70px; -webkit-transition: .3s; -webkit-transition: .3s; transition: .3s }
.slideTxtBox .hd ul li.on { background: #fff; color: #222; -webkit-transition: .3s; -webkit-transition: .3s; transition: .3s }
.slideTxtBox .bd div { width: 100%; overflow: hidden }
.slideTxtBox .bd ul { margin-left: -30px }
.slideTxtBox .bd li { width: 25%; float: left; padding-left: 30px; padding-bottom: 30px; display: table }
.slideTxtBox .bd li div { width: 100%; background: rgba(255,255,255,.3); display: table-cell; vertical-align: middle; height: 15vw; padding: 10px 0; color: #fff }
.slideTxtBox .bd li div h3 { font-size: 18px; margin-bottom: 15px }
.slideTxtBox .bd li div p { font-size: 16px; line-height: 1.4 }
.slideTxtBox .bd li div p a { color: #fff }
.product-menu-fixd { width: 100%; max-width: 1260px; margin: 0 auto; padding: 80px 30px }
.product-menu-fixd-title h2 { text-align: center; font-size: 34px; font-weight: 400 }
.product-menu-fixd-main { overflow: hidden }
.product-menu-fixd-main ul { font-size: 0 }
.product-menu-fixd-main ul li { width: calc(100% / 3); height: auto; text-align: center; display: inline-block; vertical-align: top; margin-top: 60px }
.product-menu-fixd-main ul li h3 { color: #008fd3; font-size: 24px; font-weight: 400; margin-bottom: 15px }
.product-menu-fixd-main ul li p { font-size: 16px; line-height: 1.8 }
.product-menu-fixd-main ul li p a { color: #333 }
@media screen and (max-width:1400px) {
    .product-menu>div>ul>li div ul li a { padding-left: 0; font-size: 14px }
    .slideTxtBox .bd li div p { font-size: 14px }
    .slideTxtBox .bd li div h3 { font-weight: 400 }
    .product-menu>div>ul>li div p { font-size: 14px }
    .product-menu-fixd-main ul li h3 { font-size: 18px }
    .product-menu-fixd-main ul li p { font-size: 14px }
    .product-menu>div>ul>li div { padding: 50px 20px }
}
@media screen and (max-width:1200px) {
    .slideTxtBox .bd li { width: calc(100% / 3) }
    .slideTxtBox .bd li div { height: 20vw }
}
@media screen and (max-width:1130px) {
    .product-menu>div>ul>li div { min-height: inherit }
}
@media screen and (max-width:1000px) {
    .platform-product .header .featured .featured-main h2 { font-size: 35px }
    .platform-product .header .featured .featured-main h3 { font-size: 18px }
    .slideTxtBox .bd li { width: calc(100% / 3) }
    .product-menu>div>ul>li { width: 50% }
    .product-menu>div>ul>li:not(:last-child) { margin-bottom: 30px }
    .slideTxtBox .bd li { width: calc(100% / 2) }
    .slideTxtBox .hd ul li { line-height: 50px; font-size: 16px }
    .slideTxtBox .bd li div { height: 30vw }
}
@media screen and (max-width:750px) {
    .slideTxtBox .hd ul li { font-size: 14px }
    .slideTxtBox .bd li div { height: 220px }
    .slideTxtBox .hd ul { position: relative }
    .slideTxtBox .hd ul li { width: calc(100% / 3) }
    .product-menu>div>ul>li div h3 { font-size: 18px; font-weight: 700 }
    .product-menu>div { padding: 40px 10px }
    .product-menu>div>ul>li div { width: calc(100% - 10px) }
    .product-menu>div>ul>li:not(:last-child) { margin-bottom: 10px }
    .product-menu>div>p { margin-bottom: 40px; font-size: 14px; padding: 0 20px }
    .product-menu>div>ul { margin-right: -10px }
    .product-menu-tab-main { padding: 0 10px }
    .slideTxtBox .bd ul { margin-left: -10px }
    .slideTxtBox .bd li { padding-left: 10px; padding-bottom: 10px }
    .slideTxtBox .hd { margin-bottom: 10px }
    .product-menu-tab-title h2 { margin-bottom: 40px }
    .product-menu-fixd-main ul li { width: calc(100% / 2); margin-top: 40px }
    .product-menu-fixd { padding: 80px 10px }
}
@media screen and (max-width:570px) {
    .product-menu>div>ul>li { width: 100% }
    .slideTxtBox .bd li { width: 100% }
    .product-menu-fixd-main ul li { width: 100% }
}
.city-nav { margin-bottom: 3em }
.city-nav ul { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: -2em }
.city-nav ul li { list-style-type: none; width: 33.333333333333333%; margin-top: 2em; padding: 0 15px }
.city-nav ul li h3 { padding: 0; margin: 0 0 .5em 0!important }
.city-nav ul li div a:not(:first-child) { margin-left: 10px }
.city-main ul { margin: 0; padding: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.city-main ul li { margin: 0 0 3em 0; padding: 0; width: calc(50% - 10px); list-style-type: none }
.city-main ul li h3 { margin: 0 0 1em 0!important; padding: 0 0 0 15px; background: #f3f3f3 }
.city-main ul li p { padding: 0 0 0 15px }
@media screen and (max-width:850px) {
    .city-nav ul li { width: 50% }
}
@media screen and (max-width:490px) {
    .city-nav ul li { width: 100% }
    .city-main ul li { width: 100% }
}
.icon-logo ul:first-child { margin-top: -30px!important }
.icon-logo ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 0 0 -50px!important; padding: 0!important }
.icon-logo ul li { width: 20%; height: auto; line-height: 0; list-style-type: none; padding-left: 50px; padding-top: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
.icon-logo ul li a { border-bottom: none }
.icon-logo ul li a:hover { border-bottom: none }
.icon-logo ul li a img { height: 30px; width: auto; margin: 0 auto }
.icon-logo ul:first-child li:nth-child(1) a img { height: 25px }
.icon-logo ul:first-child li:nth-child(2) a img { height: 25px }
.icon-logo ul:first-child li:nth-child(3) a img { height: 30px }
.icon-logo ul:first-child li:nth-child(4) a img { height: 35px }
.icon-logo ul:first-child li:nth-child(5) a img { height: 25px }
.icon-logo ul:first-child li:nth-child(6) a img { height: 35px }
.icon-logo ul:first-child li:nth-child(7) a img { height: 25px }
.icon-logo ul:first-child li:nth-child(8) a img { height: 35px }
.icon-logo ul:first-child li:nth-child(9) a img { height: 25px }
.icon-logo ul:first-child li:nth-child(10) a img { height: 25px }
.icon-logo ul:first-child li:nth-child(11) a img { height: 40px }
.icon-logo ul:first-child li:nth-child(12) a img { height: 25px }
.icon-logo ul:first-child li:nth-child(13) a img { height: 40px }
.icon-logo ul:first-child li:nth-child(14) a img { height: 35px }
.icon-logo ul:first-child li:nth-child(15) a img { height: 35px }
.icon-logo ul:first-child li:nth-child(16) a img { height: 35px }
.icon-logo ul:first-child li:nth-child(17) a img { height: 20px }
.icon-logo ul:first-child li:nth-child(18) a img { height: 35px }
.icon-logo ul:first-child li:nth-child(19) a img { height: 30px }
.icon-logo ul:first-child li:nth-child(20) a img { height: 35px }
.icon-logo ul:first-child li:nth-child(21) a img { height: 40px }
.icon-logo ul:first-child li:nth-child(22) a img { height: 20px }
.icon-logo ul:first-child li:nth-child(23) a img { height: 25px }
.icon-logo ul:first-child li:nth-child(24) a img { height: 35px }
.icon-logo ul:first-child li:nth-child(25) a img { height: 30px }
.icon-logo ul:first-child li:nth-child(26) a img { height: 25px }
.icon-logo ul:first-child li:nth-child(27) a img { height: 20px }
.icon-logo ul:first-child li:nth-child(28) a img { height: 20px }
.icon-logo ul:first-child li:nth-child(29) a img { height: 30px }
.icon-logo ul:first-child li:nth-child(30) a img { height: 30px }
.icon-logo ul:first-child li:nth-child(31) a img { height: 20px }
.icon-logo ul:first-child li:nth-child(32) a img { height: 30px }
.icon-logo ul:first-child li:nth-child(33) a img { height: 30px }
.icon-logo ul:first-child li:nth-child(34) a img { height: 20px }
.icon-logo ul:first-child li:nth-child(35) a img { height: 25px }
.icon-logo ul:first-child li:nth-child(36) a img { height: 25px }
.icon-logo ul:first-child li:nth-child(37) a img { height: 20px }
.icon-logo ul:first-child li:nth-child(38) a img { height: 20px }
.icon-logo ul:first-child li:nth-child(39) a img { height: 25px }
.icon-logo ul:nth-child(2) li:nth-child(1) a img { height: 45px }
.icon-logo ul:nth-child(2) li:nth-child(2) a img { height: 45px }
.icon-logo ul:nth-child(2) li:nth-child(3) a img { height: 45px }
.icon-logo ul:nth-child(2) li:nth-child(4) a img { height: 30px }
.icon-logo ul:nth-child(2) li:nth-child(5) a img { height: 35px }
.icon-logo ul:nth-child(2) li:nth-child(6) a img { height: 40px }
.icon-logo ul:nth-child(2) li:nth-child(7) a img { height: 45px }
.icon-logo ul:nth-child(2) li:nth-child(8) a img { height: 35px }
.icon-logo ul:nth-child(2) li:nth-child(9) a img { height: 55px }
.icon-logo ul:nth-child(2) li:nth-child(10) a img { height: 30px }
.icon-logo ul:nth-child(2) li:nth-child(11) a img { height: 40px }
.icon-logo ul:nth-child(2) li:nth-child(12) a img { height: 30px }
.icon-logo ul:nth-child(2) li:nth-child(13) a img { height: 30px }
.icon-logo ul:nth-child(2) li:nth-child(14) a img { height: 35px }
.icon-logo ul:nth-child(2) li:nth-child(15) a img { height: 35px }
.icon-logo ul:nth-child(2) li:nth-child(16) a img { height: 30px }
.icon-logo ul:nth-child(2) li:nth-child(17) a img { height: 40px }
.icon-logo ul:nth-child(2) li:nth-child(18) a img { height: 30px }
.icon-logo ul:nth-child(2) li:nth-child(19) a img { height: 40px }
.icon-logo ul:nth-child(2) li:nth-child(20) a img { height: 35px }
.icon-logo ul:nth-child(2) li:nth-child(21) a img { height: 25px }
.icon-logo ul:nth-child(2) li:nth-child(22) a img { height: 25px }
.icon-logo ul:nth-child(2) li:nth-child(23) a img { height: 25px }
.icon-logo ul:nth-child(2) li:nth-child(24) a img { height: 50px }
.icon-logo ul:nth-child(2) li:nth-child(25) a img { height: 50px }
@media screen and (max-width:650px) {
    .icon-logo ul li { width: 25% }
}
@media screen and (max-width:500px) {
    .icon-logo ul li { width: 33.3333333333% }
    .icon-logo ul:first-child { margin-bottom: 30px!important; padding-bottom: 30px!important }
}
@media screen and (max-width:360px) {
    .icon-logo ul li { width: 50% }
}
.section-introduction { width: 100%; max-width: 1200px; height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 80px auto; overflow: hidden; padding: 0 20px }
.section-introduction>div { width: 50%; height: auto; position: relative }
.section-introduction-left>div h2 { font-size: 30px; font-weight: 400 }
.section-introduction-left>div p { font-size: 18px; line-height: 1.8; margin: 45px 0 }
.section-introduction-left>div ul li { font-size: 16px; line-height: 1.1; padding-left: 20px; position: relative }
.section-introduction-left>div ul li:not(:last-child) { margin-bottom: 15px }
.section-introduction-left>div ul li:after { content: ""; display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: 10px; background: #333; border-radius: 50% }
.section-introduction-right>div { background: #008fd3 url(../img/goods/pic-1.png) no-repeat 85% center/250px auto; color: #fff; padding: 70px 50px 80px; position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0 }
.section-introduction-right>div h2 { font-size: 36px; font-weight: 400; margin-bottom: 45px }
.section-introduction-right>div ul li { font-size: 18px; line-height: 1.1; padding-left: 20px; position: relative }
.section-introduction-right>div ul li .item { width: 100% }
.section-introduction-right>div ul li:not(:last-child) { margin-bottom: 15px }
.section-introduction-right>div ul li:after { content: ""; display: block; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 10px; height: 10px; background: #fff; border-radius: 50% }
.section-introduction-right>div ul li a { color: #fff; text-decoration: none }
.section-introduction-right>div ul li a:hover { text-decoration: none }
.section-function { width: 100%; padding: 80px 0; background: #f3f3f3 }
.section-function-title h2 { font-size: 30px; line-height: 1.1; text-align: center; margin-bottom: 70px; font-weight: 400; padding: 0 20px }
.section-function-main { width: 100%; max-width: 1600px; margin: 0 auto; padding: 0 20px }
.section-function-main ul { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; max-width: 1200px; margin: 0 auto }
.section-function-main ul li { width: 25%; text-align: center }
.section-function-main ul li figure { text-align: center; width: calc(100% - 20px); max-width: 310px; margin: 0 auto; padding: 0 }
.section-function-main ul li figure img { display: inline-block; margin-bottom: 20px }
.section-function-main ul li figure h3 { font-weight: 400; font-size: 24px; margin-bottom: 20px }
.section-function-main ul li figure p { font-size: 16px; line-height: 1.6 }
.section-choice { width: 100%; height: auto; overflow: hidden; margin: 80px 0 }
.section-choice-title { text-align: center }
.section-choice-title~div { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.section-choice-title h2 { font-size: 30px; line-height: 1.1; text-align: center; font-weight: 400; padding: 0 15px }
.section-choice-main { width: 100%; max-width: 1200px; margin: 0 auto; overflow: hidden }
.section-choice-main ul { float: left; position: relative; width: 50%; margin-top: 50px; min-height: 145px }
.section-choice-main ul li:nth-child(1) { position: absolute; left: 30px; top: 20px; width: 125px; height: 125px; border-radius: 50%; border: 2px solid #008fd3 }
.section-choice-main ul li:nth-child(1) img { position: absolute; left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 70px; height: auto }
.section-choice-main ul li:nth-child(2) { margin-left: 200px; padding-right: 20px }
.section-choice-main ul li:nth-child(2) h3 { font-size: 20px; font-weight: 400; margin-bottom: 20px }
.section-choice-main ul li:nth-child(2) p { font-size: 16px; line-height: 1.8 }
.section-choice-main ul li:nth-child(2) p b { -webkit-text-stroke: .5px #333; font-weight: 400 }
.section-case { width: 100%; height: auto; overflow: hidden }
.section-case>div { height: 500px; float: left; position: relative }
.section-case-left { width: 60%; background-position: center center; background-repeat: no-repeat; background-size: cover }
.section-case-left img { display: none }
.section-case-right { width: 40%; background: #008fd3 }
.section-case-right>div { position: absolute; width: 100%; padding-left: 50px; top: 50%; padding-right: 50px; color: #fff }
.section-case-right>div h2 { font-size: 35px; margin-bottom: 45px }
.section-case-right>div p { font-size: 20px; margin-bottom: 115px }
.section-case-right>div .more { color: #fff; border-color: #fff; -webkit-transition: .3s; transition: .3s; margin-left: 0; display: inline-block; width: 140px; border: 1px solid; text-align: center; line-height: 38px!important }
.section-case-right>div .more:hover { text-decoration: none; background: #fff; color: #008fd3 }
.section-case-right>div a { margin-left: 20px; color: #fff }
.other .section-case-left { float: right }
.other .section-case-right { float: left }
@media screen and (max-width:1300px) {
    .section-introduction-left>div p { font-size: 16px }
    .section-introduction-left>div ul li { font-size: 16px }
    .section-introduction-right>div ul li { font-size: 16px }
    .section-function-main ul li figure h3 { font-size: 20px }
    .section-function-main ul li figure p { font-size: 16px }
    .section-choice-main ul li:nth-child(2) p { font-size: 14px }
    .section-case-right>div p { font-size: 16px }
    .section-choice-main ul li:nth-child(1) { top: 0 }
    .section-introduction-right>div h2 { font-size: 30px }
    .section-case>div { width: 50% }
}
@media screen and (max-width:950px) {
    .page .header .featured .featured-main { padding-top: 40px }
    .page .header .featured .featured-main h2 { font-size: 35px }
    .page .header .featured .featured-main h3 { font-size: 18px }
    .section-introduction { margin: 40px 0 0 0 }
    .section-introduction-right>div { padding: 60px 40px }
    .section-introduction-right>div h2 { margin-bottom: 20px }
    .section-introduction>div { width: 100%; float: none; height: auto!important }
    .section-introduction-left { margin-bottom: 40px }
    .section-introduction-right { padding: 0!important }
    .section-introduction-right>div { position: relative; top: auto; -webkit-transform: none; transform: none; right: auto }
    .section-function-main ul li { width: 50%; margin: 20px 0 }
    .section-function-main ul li figure img { margin-bottom: 15px }
    .section-function-title h2 { margin-bottom: 20px }
    .section-choice-main ul { width: 100%; max-width: 600px; margin-left: auto; margin-right: auto; float: none; border-bottom: 1px solid #ccc; padding: 0 30px }
    .section-choice-main ul li:nth-child(1) { position: relative; left: 0; margin: 0 auto 20px }
    .section-choice-main ul li:nth-child(2) { padding: 0; margin: 0; text-align: center }
    .section-choice-main ul li:nth-child(2) p { text-align: left }
    .section-choice-main ul li:nth-child(2)>:last-child { margin-bottom: 20px }
    .section-case-right>div { padding: 40px }
}
@media screen and (max-width:850px) {
    .section-case>div { width: 100%; height: auto }
    .section-case-left { display: none }
    .section-case-right>div { text-align: center; position: relative; -webkit-transform: none; transform: none; top: auto }
    .section-case-right>div p { margin: 40px 0 }
    .section-case-right>div h2 { margin-bottom: 0 }
    .other { margin-top: 5px }
}
@media screen and (max-width:555px) {
    .page .header .featured .featured-main h2 { font-size: 30px }
    .section-function-main ul li { width: 100%; margin: 40px 0 0 0 }
    .section-function-title h2 { margin-bottom: 0 }
    .section-function-main ul li figure img { max-width: 200px }
    .section-introduction-left>div p { font-size: 14px; margin-bottom: 10px }
    .section-introduction-left>div ul li { font-size: 14px }
    .section-introduction-right>div ul li { font-size: 14px }
    .section-function-main ul li figure h3 { font-size: 18px; margin-bottom: 10px }
    .section-function-main ul li figure p { font-size: 14px }
    .section-choice-main ul li:nth-child(2) p { font-size: 12px }
    .section-case-right>div p { font-size: 14px }
    .section-introduction-right>div { padding: 35px 30px 40px }
    .section-case-right>div a { display: block; margin: 15px auto 0 auto!important; font-size: 12px }
}
.efficiency .layout { background: #e4e6ea; min-height: 100vh }
.efficiency .efficiency-title { text-align: center; padding: 80px 0 40px 0 }
.efficiency .efficiency-title h2 { font-size: 48px; font-weight: 700; line-height: 1; color: #4b5564 }
.efficiency .efficiency-title p { line-height: 0; padding: 40px 0 80px 0; position: relative }
.efficiency .efficiency-title p:after { content: ""; display: block; position: absolute; width: 2px; height: 55px; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%); bottom: 0; border-left: 2px dashed #4b5564 }
.efficiency .efficiency-title p img { display: inline-block }
.efficiency .efficiency-main { width: calc(100% - 80px); max-width: 1600px; margin: 0 auto; background: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 40px }
.efficiency .efficiency-main .icon-1:before { content: ""; display: block; position: absolute; width: 340px; height: 340px; background: url(../img/icon/target-icon-1.svg) center center/cover no-repeat; left: -10%; bottom: -10% }
.efficiency .efficiency-main .icon-2:before { content: ""; display: block; position: absolute; width: 340px; height: 340px; background: url(../img/icon/target-icon-5.svg) center center/cover no-repeat; left: -10%; bottom: -10% }
.efficiency .efficiency-main .icon-3:before { content: ""; display: block; position: absolute; width: 340px; height: 340px; background: url(../img/icon/target-icon-6.svg) center center/cover no-repeat; left: -10%; bottom: -10% }
.efficiency .efficiency-main .icon-4:before { content: ""; display: block; position: absolute; width: 340px; height: 340px; background: url(../img/icon/target-icon-4.svg) center center/cover no-repeat; left: -10%; bottom: -10% }
.efficiency .efficiency-main .icon-5:before { content: ""; display: block; position: absolute; width: 340px; height: 340px; background: url(../img/icon/target-icon-3.svg) center center/cover no-repeat; left: -10%; bottom: -10% }
.efficiency .efficiency-main .icon-6:before { content: ""; display: block; position: absolute; width: 340px; height: 340px; background: url(../img/icon/target-icon-2.svg) center center/cover no-repeat; left: -10%; bottom: -10% }
.efficiency .efficiency-main-pic { width: 40%; -ms-flex-negative: 0; flex-shrink: 0; position: relative; overflow: hidden }
.efficiency .efficiency-main-pic:after { display: none }
.efficiency .efficiency-main-pic h3 { display: none }
.efficiency .efficiency-main-text { width: 60%; -ms-flex-negative: 0; flex-shrink: 0; padding: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; overflow: hidden }
.efficiency .efficiency-main-text h3 { font-size: 30px; font-weight: 400; color: #4b5564 }
.efficiency .efficiency-main-text p { color: #4b5564; margin: 1.5em 0; line-height: 1.8; font-size: 18px }
.efficiency .efficiency-main-text ul { list-style-type: none; width: 50%; float: left }
.efficiency .efficiency-main-text ul li { padding: 5px 0 }
.efficiency .efficiency-main-text ul li a { font-size: 18px; color: #7e7e7e; text-decoration: none; display: inline-block; position: relative; padding-left: 1em }
.efficiency .efficiency-main-text ul li a:hover { text-decoration: none }
.efficiency .efficiency-main-text ul li a:after { content: ""; display: block; position: absolute; width: 10px; height: 10px; background: #7e7e7e; border-radius: 50%; left: 0; top: 50%; -webkit-transform: translateY(-45%); transform: translateY(-45%) }
@media screen and (max-width:1280px) {
    .efficiency .efficiency-title h2 { font-size: 38px }
    .efficiency .efficiency-title p { padding: 40px 0 0 0 }
    .efficiency .efficiency-title p img { width: 60px }
    .efficiency .efficiency-title p:after { display: none }
    .efficiency .efficiency-main-text h3 { font-size: 24px }
    .efficiency .efficiency-main-text p { font-size: 14px }
    .efficiency .efficiency-main-text ul li a { font-size: 14px }
    .efficiency .efficiency-main-text ul li a:after { width: 6px; height: 6px }
    .efficiency .efficiency-main .icon-1:before { width: 280px; height: 280px }
    .efficiency .efficiency-main .icon-2:before { width: 280px; height: 280px }
    .efficiency .efficiency-main .icon-3:before { width: 280px; height: 280px }
    .efficiency .efficiency-main .icon-4:before { width: 280px; height: 280px }
    .efficiency .efficiency-main .icon-5:before { width: 280px; height: 280px }
    .efficiency .efficiency-main .icon-6:before { width: 280px; height: 280px }
}
@media screen and (max-width:850px) {
    .efficiency .efficiency-main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
    .efficiency .efficiency-main-pic { width: 100%; padding: 40px; -webkit-box-sizing: border-box; box-sizing: border-box }
    .efficiency .efficiency-main-pic h3 { display: block; font-weight: 400; font-size: 24px; color: #fff }
    .efficiency .efficiency-main-text { width: 100% }
    .efficiency .efficiency-main-text h3 { display: none }
    .efficiency .efficiency-main-text p { margin-top: 0 }
    .efficiency .efficiency-main-text ul { width: 100% }
    .efficiency .efficiency-main-text ul li { padding: 3px 0 }
    .efficiency .efficiency-main .icon-1:before { width: 100px; height: 100px; left: auto; right: -10px; bottom: -10px }
    .efficiency .efficiency-main .icon-2:before { width: 100px; height: 100px; left: auto; right: -10px; bottom: -10px }
    .efficiency .efficiency-main .icon-3:before { width: 100px; height: 100px; left: auto; right: -10px; bottom: -10px }
    .efficiency .efficiency-main .icon-4:before { width: 100px; height: 100px; left: auto; right: -10px; bottom: -10px }
    .efficiency .efficiency-main .icon-5:before { width: 100px; height: 100px; left: auto; right: -10px; bottom: -10px }
    .efficiency .efficiency-main .icon-6:before { width: 100px; height: 100px; left: auto; right: -10px; bottom: -10px }
}
@media screen and (max-width:470px) {
    .efficiency .efficiency-main-text { padding: 20px }
    .efficiency .efficiency-main-pic { padding: 30px 20px }
    .efficiency .efficiency-main { width: calc(100% - 40px) }
}
.contact { position: fixed; width: 40px; height: 80px; background: #008fd3; right: 0; top: 50%; border-radius: 5px 0 0 5px; z-index: 999 }
.contact a { display: block; position: absolute; width: 100%; height: 100%; cursor: pointer; background: url(../img/contact/contact.png) no-repeat center center/32px auto }
.contact a img { display: none }
.contact-main { position: fixed; top: 50%; -webkit-box-shadow: 0 0 8px 0 #fff; box-shadow: 0 0 8px 0 #fff; width: 100%; max-width: 490px; border-left: 15px solid #008fd3; border-radius: 8px 0 0 8px; right: -100%; z-index: 999; background: #fafafa; background: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#e9e9e9)); background: linear-gradient(to bottom, #fafafa 0, #e9e9e9 100%) }
.contact-main>p { font-size: 14px; text-align: center; padding-top: 20px; padding-bottom: 10px }
.contact-main>p a { color: #333 }
.contact-main>ul { overflow: hidden; width: calc(100% - 45px); margin: 0 auto; padding-bottom: 20px }
.contact-main>ul li { float: left; width: 50%; padding: 0 20px }
.contact-main>ul li:nth-child(1) { border-right: 1px solid #ccc }
.contact-main>ul li a { color: #333; text-decoration: none }
.contact-main>ul li a figure { text-align: center }
.contact-main>ul li a figure figcaption { font-size: 14px; font-weight: 700 }
.contact-main>ul li a figure img { max-width: 40px; height: auto; display: inline-block }
.contact-main>ul li a p { font-size: 12px; text-align: center }
.close { position: absolute; right: 5px; top: 5px }
.close a { font-size: 12px; color: #333; font-weight: 700; cursor: pointer }
.close a p { text-align: center; line-height: 0 }
.close a p img { width: 20px; display: inline-block }
.case { background: #e4e6ea }
.case .banner { width: 100%; height: 30vw; min-height: 430px; background: url(../img/case/banner.jpg) center center/cover no-repeat; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative }
.case .banner:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; background: #005bac; opacity: .6; z-index: 10 }
.case .banner h1 { color: #fff; width: 100%; max-width: 1600px; padding: 0 60px; margin: 0 auto 120px; font-weight: 700; font-size: 48px; position: relative; z-index: 20 }
.case .banner .wrap { position: absolute; width: 100%; top: 0; z-index: 20; padding: 10px 60px }
.case .banner .wrap ul { overflow: hidden; max-width: 1480px; margin: 0 auto; width: 100% }
.case .banner .wrap ul li { position: relative; float: left }
.case .banner .wrap ul li:not(:last-child) { padding-right: 15px }
.case .banner .wrap ul li:not(:last-child):after { font-size: 12px; line-height: 1; position: absolute; top: 50%; right: 0; display: block; width: 15px; content: '>'; -webkit-transform: translateY(-38%); transform: translateY(-38%); text-align: center; color: #fff }
.case .banner .wrap ul li a { color: #fff; font-size: 12px }
.case .banner .wrap ul li a:hover { text-decoration: none; color: #fff }
.case .case-main { width: calc(100% - 60px); max-width: calc(1600px - 60px); margin: -120px auto 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; background: #fff; position: relative; z-index: 30 }
.case .case-main-left { width: 400px; -ms-flex-negative: 0; flex-shrink: 0; background: #4b5564; color: #fff; padding: 130px 70px 130px 70px }
.case .case-main-left ul { text-align: center }
.case .case-main-left ul:not(:first-child) { margin-top: 80px }
.case .case-main-left ul li:nth-child(1) div { width: 100px; height: 100px; border: 1px solid #fff; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; line-height: 0; margin: 0 auto }
.case .case-main-left ul li:nth-child(1) div svg { width: 50px; height: 50px; fill: #fff }
.case .case-main-left ul li:nth-child(1) div svg path { fill: #fff }
.case .case-main-left ul li:nth-child(1) p { font-size: 24px; line-height: 1.8; margin: .3em auto .2em auto }
.case .case-main-left ul li:nth-child(2) { font-size: 18px; line-height: 1.8 }
.case .case-main-right { padding: 70px }
.case .case-main-right .case-main-right-title h2 { font-size: 48px; color: #4b5564; line-height: 1.4 }
.case .case-main-right .case-main-right-title h3 { font-size: 26px; color: #4b5564; font-weight: 400; line-height: 1.4; margin-top: 1em; margin-bottom: 2em }
.case .case-main-right p { font-size: 18px; line-height: 1.8; margin-bottom: 1em; color: #595959 }
.case .case-main-right h4 { font-size: 18px; color: #005bac; line-height: 1.8; font-weight: 700 }
.case .case-main-right ul { font-size: 18px; line-height: 1.8 }
.case .case-main-right ul li { padding-left: 1.5em; position: relative; color: #595959 }
.case .case-main-right ul li:after { content: ""; display: block; position: absolute; width: 10px; height: 10px; background: #595959; left: 0; top: 12px; border-radius: 50% }
.case .case-main-right ol { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; max-width: 500px; float: right; margin-top: 100px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; list-style-type: none }
.case .case-main-right ol li:nth-child(1) { color: #4b5564; font-size: 14px; line-height: 1.8; padding-right: 2em }
.case .case-main-right ol li:nth-child(1) p { text-align: right; font-size: 14px; margin-top: 1em }
.case .case-main-right ol li:nth-child(2) { border-radius: 50%; overflow: hidden; width: 200px; -ms-flex-negative: 0; flex-shrink: 0; line-height: 0 }
@media screen and (max-width:1440px) {
    .case .banner h1 { font-size: 38px }
    .case .case-main-right .case-main-right-title h2 { font-size: 34px }
    .case .case-main-right .case-main-right-title h3 { font-size: 22px }
    .case .case-main-right h4 { font-size: 16px }
    .case .case-main-right p { font-size: 14px }
    .case .case-main-right ul { font-size: 14px }
    .case .case-main-right ul li:after { width: 7px; height: 7px; top: 9px }
    .case .case-main-left { padding: 100px 70px }
    .case .case-main-left ul li:nth-child(1) p { font-size: 18px }
    .case .case-main-left ul li:nth-child(2) { font-size: 14px }
}
@media screen and (max-width:1280px) {
    .case .case-main-left { padding: 90px 60px; width: 350px }
    .case .case-main-right { padding: 60px }
    .case .case-main-right ol li:nth-child(2) { width: 180px; height: 180px }
}
@media screen and (max-width:980px) {
    .case .case-main { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
    .case .case-main-left { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; padding: 30px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
    .case .case-main-left ul { margin-top: 0!important; width: calc(100% / 3 - 60px / 3) }
    .case .case-main-left ul li:nth-child(1) div svg { width: 30px; height: 30px }
    .case .case-main-right { width: 100%; padding: 70px 40px }
    .case .case-main-left ul li:nth-child(1) div { width: 80px; height: 80px }
    .case .case-main-left ul li:nth-child(1) div img { width: 30px; height: 30px }
}
@media screen and (max-width:730px) {
    .case .case-main-left { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
    .case .case-main-left ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #fff; color: #4b5564; border-radius: 5px }
    .case .case-main-left ul:not(:first-child) { margin-top: 30px!important }
    .case .case-main-left ul li { text-align: left }
    .case .case-main-left ul li:nth-child(2) { padding: 20px 20px 20px 0 }
    .case .case-main-left ul li:nth-child(1) { padding: 20px; text-align: center }
    .case .case-main-left ul li:nth-child(1) div { border-color: #4b5564 }
    .case .case-main-left ul li:nth-child(1) div svg { fill: #4b5564; width: 40px; height: 40px }
    .case .case-main-left ul li:nth-child(1) div svg path { fill: #4b5564 }
    .case .case-main-right { padding: 30px }
}
@media screen and (max-width:500px) {
    .case .case-main { width: 100% }
    .case .case-main-right ol li:nth-child(2) { width: 130px; height: 130px; margin-bottom: 1em }
    .case .case-main-left ul li:nth-child(1) div svg { width: 20px; height: 20px }
    .case .case-main-left ul { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
    .case .case-main-left ul li:nth-child(1) div { width: 50px; height: 50px }
    .case .case-main-left ul li:nth-child(1) p { font-size: 12px }
    .case .case-main-left ul li:nth-child(2) { font-size: 10px }
    .case .case-main-right ol { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse }
    .case .case-main-right ol li:nth-child(1) { width: 100%; padding: 0 }
    .case .case-main-right ol li:nth-child(1) p { font-size: 12px }
    .case .banner { min-height: 350px }
    .case .banner .wrap { padding: 10px 30px }
    .case .banner h1 { padding: 0 30px; font-size: 24px }
}
.select-form select { cursor: pointer }
.searchresult_link { color: #333!important; font-size: 14px!important }
.tabel-wrapper { position: relative; margin: 0; padding: 0; font-size: inherit; overflow: hidden; overflow-x: auto }
.innovate-color ul { width: 700px!important; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-line-pack: center; align-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px!important; background-color: #005bac!important }
.innovate-color ul li { width: 33.3% }
.innovate-color ul li a { color: #fff!important; -webkit-transition: .5s; transition: .5s; padding-right: 20px!important }
.innovate-color ul li a h4 { margin-top: 13px; text-align: center; margin-bottom: 0!important }
.innovate-color ul li a div { margin: 15px auto 13px; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 2; -webkit-box-orient: vertical; display: -webkit-box; line-height: 1.6 }
.innovate-color ul li a div img { width: 100% }
.innovate-color ul li a div:nth-child(2) { position: relative; height: 100px; background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: scroll }
.innovate-color ul li a div:nth-child(2) img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover }
.innovate-color ul li a:hover { background: #1c4c87!important }
.common-header .acc .innovate-color .level-2 a { width: 100% }
.flex { display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -ms-flex-pack: distribute; justify-content: space-around; -ms-flex-line-pack: center; align-content: center }
.innovate-color-small { background-color: #005bac }
.innovate-color-small>a { border-bottom-color: #004886!important }
.innovate-color-small>ul>li { background-color: #00529a }
.innovate-color-small>ul>li a { border-bottom-color: #004886!important; padding-left: 50px!important }
.innovate-color-small>ul>li a:before { width: 35px!important; height: 60%!important; position: absolute; left: 12px!important; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); content: ""; display: block; background-color: transparent!important }
.innovate-color-small>ul>li:first-child a:before { background: url(../img/city-smallList.png) no-repeat center; background-size: 70% }
.innovate-color-small>ul>li:nth-child(2) a:before { background: url(../img/health-smallList.png) no-repeat center; background-size: 60% }
.innovate-color-small>ul>li:nth-child(3) a:before { background: url(../img/car-smallList.png) no-repeat center; background-size: 80% }
@media (max-width:500px) {
    .pagename { font-size: 32px!important; text-align: center }
    .pagename h1 { padding-top: 25px; line-height: 1.3!important }
    .entry-content h2 { font-size: 20px }
}
.featured-header { width: 100%; position: relative; overflow: hidden; height: 360px; background-color: #005bac; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.featured-header.industry { background-color: #004199 }
.featured-header.show:after { opacity: 1 }
.featured-header:after { opacity: 0; -webkit-transition: 1.2s; transition: 1.2s; content: ""; width: 100%; height: 100%; top: 0; left: 0; position: absolute; display: block; background: -webkit-gradient(linear, left top, left bottom, from(#05a4df), color-stop(40%, rgba(5,164,223,0)), to(rgba(5,164,223,0))); background: linear-gradient(to bottom, #05a4df 0, rgba(5,164,223,0) 40%, rgba(5,164,223,0) 100%); z-index: 2 }
.featured-header .inner { width: 100%; max-width: 1200px; position: relative; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.featured-header .title-group { color: #fff; position: relative; z-index: 100 }
.featured-header h1 { font-size: 44px; font-weight: 700; line-height: 1.4; display: block; letter-spacing: .05em;color: #FFFFFF;display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;width: 90%;padding: 0 5%}
.featured-header p { font-size: 24px; line-height: 1.6; letter-spacing: .05em }
.featured-header .header-box { font-size: 17px; height: 50%; width: 40%; position: absolute; bottom: 0; left: 80%; -webkit-transform: translate(-50%, 101%); transform: translate(-50%, 101%); -webkit-transition: .9s; transition: .9s; -webkit-transition-timing-function: cubic-bezier(.07, .87, .22, .98); transition-timing-function: cubic-bezier(.07, .87, .22, .98) }
.featured-header .header-box img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; -o-object-position: center top; object-position: center top; display: block; margin: auto }
.featured-header .header-box.show { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0) }
.featured-header .graphic-area { font-size: 0; position: absolute; width: 0; height: 0; top: -20%; left: 80%; z-index: 2; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); color: #fff; -webkit-transform-origin: center; transform-origin: center }
.featured-header .graphic-area path { fill: currentColor }
.featured-header .graphic-area.show { font-size: 17px }
.featured-header.industry .graphic-area { opacity: 0; top: 50%; font-size: 0 }
.featured-header.industry .graphic-area.show { font-size: 15px }
.featured-header [class^=track] { position: absolute; top: 50%; left: 50%; border-radius: 100%; width: 30em; border: 1px solid #06b4ea; border-radius: 100%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); -webkit-transition: 1.2s; transition: 1.2s; -webkit-transition-timing-function: cubic-bezier(.07, .87, .22, .98); transition-timing-function: cubic-bezier(.07, .87, .22, .98) }
.featured-header [class^=track] .t-wrapper { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -webkit-transform-origin: center; transform-origin: center }
.featured-header [class^=track]:before { display: block; width: 100%; content: ""; padding-top: 100% }
.featured-header [class^=track].track-4 { width: 7em; z-index: 2 }
.featured-header [class^=track].track-4 .t-wrapper { -webkit-animation: track-rotate 10s linear infinite 0s; animation: track-rotate 10s linear infinite 0s }
.featured-header [class^=track].track-3 { width: 15em; z-index: 4 }
.featured-header [class^=track].track-3 .t-wrapper { -webkit-animation: track-rotate 16s linear infinite 0s; animation: track-rotate 16s linear infinite 0s }
.featured-header [class^=track].track-2 { width: 30em; z-index: 6 }
.featured-header [class^=track].track-2 .t-wrapper { -webkit-animation: track-rotate 20s linear infinite 0s; animation: track-rotate 20s linear infinite 0s }
.featured-header [class^=track].track-1 { width: 40em; z-index: 8 }
.featured-header [class^=track].track-1 .t-wrapper { -webkit-animation: track-rotate 25s linear infinite 0s; animation: track-rotate 25s linear infinite 0s }
.featured-header [class^=track].track-0 { width: 55em; z-index: 10 }
.featured-header [class^=track].track-0 .t-wrapper { -webkit-animation: track-rotate 30s linear infinite 0s; animation: track-rotate 30s linear infinite 0s }
@-webkit-keyframes track-rotate { 100% {
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn)
}
}
@keyframes track-rotate { 100% {
    -webkit-transform:rotate(1turn);
    transform:rotate(1turn)
}
}
.featured-header [class^=icon] { position: absolute; padding: 1em; background-color: #06b4ea; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.featured-header [class^=icon] .i-wrapper { width: 100% }
.featured-header [class^=icon] svg { width: 4em; height: 4em; display: block }
.featured-header [class^=icon].icon-1 { font-size: 1.5em; left: 14.64%; bottom: 14.64%; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%) }
.featured-header [class^=icon].icon-1 .i-wrapper { -webkit-animation: icon-rotate 30s linear infinite 0s; animation: icon-rotate 30s linear infinite 0s }
.featured-header [class^=icon].icon-2 { right: 14.64%; bottom: 14.64%; -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%) }
.featured-header [class^=icon].icon-2 .i-wrapper { -webkit-animation: icon-rotate 25s linear infinite 0s; animation: icon-rotate 25s linear infinite 0s }
.featured-header [class^=icon].icon-3 { left: 50%; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.featured-header [class^=icon].icon-3 .i-wrapper { -webkit-animation: icon-rotate 25s linear infinite 0s; animation: icon-rotate 25s linear infinite 0s }
.featured-header [class^=icon].icon-4 { left: 50%; bottom: 0; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%) }
.featured-header [class^=icon].icon-4 .i-wrapper { -webkit-animation: icon-rotate 25s linear infinite 0s; animation: icon-rotate 25s linear infinite 0s }
.featured-header [class^=icon].icon-5 { font-size: .8em; left: 0; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.featured-header [class^=icon].icon-5 .i-wrapper { -webkit-animation: icon-rotate 20s linear infinite 0s; animation: icon-rotate 20s linear infinite 0s }
.featured-header [class^=icon].icon-6 { font-size: .8em; right: 0; top: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%) }
.featured-header [class^=icon].icon-6 .i-wrapper { -webkit-animation: icon-rotate 20s linear infinite 0s; animation: icon-rotate 20s linear infinite 0s }
.featured-header [class^=icon].icon-7 { font-size: .8em; left: 50%; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.featured-header [class^=icon].icon-7 .i-wrapper { -webkit-animation: icon-rotate 20s linear infinite 0s; animation: icon-rotate 20s linear infinite 0s }
.featured-header [class^=icon].icon-8 { font-size: .8em; left: 50%; bottom: 0; -webkit-transform: translate(-50%, 50%); transform: translate(-50%, 50%) }
.featured-header [class^=icon].icon-8 .i-wrapper { -webkit-animation: icon-rotate 20s linear infinite 0s; animation: icon-rotate 20s linear infinite 0s }
.featured-header [class^=icon].icon-9 { font-size: .6em; left: 0; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.featured-header [class^=icon].icon-9 .i-wrapper { -webkit-animation: icon-rotate 16s linear infinite 0s; animation: icon-rotate 16s linear infinite 0s }
.featured-header [class^=icon].icon-10 { font-size: .6em; right: 0; top: 50%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%) }
.featured-header [class^=icon].icon-10 .i-wrapper { -webkit-animation: icon-rotate 16s linear infinite 0s; animation: icon-rotate 16s linear infinite 0s }
.featured-header [class^=ball] { position: absolute; width: 2em; height: 2em; background-color: #06b4ea; border-radius: 100% }
.featured-header [class^=ball].ball-0 { font-size: 2em; right: 14.64%; top: 14.64%; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%) }
.featured-header [class^=ball].ball-0-1 { font-size: 1em; left: 14.64%; top: 14.64%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.featured-header [class^=ball].ball-0-2 { font-size: 1.5em; right: 14.64%; bottom: 14.64%; -webkit-transform: translate(50%, 50%); transform: translate(50%, 50%) }
.featured-header [class^=ball].ball-1 { left: 50%; top: 0; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.featured-header [class^=ball].ball-2 { right: 25%; top: 30% }
.featured-header [class^=ball].ball-2-1 { font-size: .5em; right: 14.64%; top: 0; -webkit-transform: translate(50%, -50%); transform: translate(50%, -50%) }
.featured-header [class^=ball].ball-2-2 { font-size: 1.2em; left: 0; top: 14.64%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.featured-header [class^=ball].ball-3 { right: 20%; bottom: 20% }
.featured-header [class^=ball].ball-4 { font-size: .4em; right: -15%; top: -15% }
.featured-header [class^=ball].ball-5 { font-size: 1.5em; right: 10%; bottom: 30% }
@-webkit-keyframes icon-rotate { 100% {
    -webkit-transform:rotate(-1turn);
    transform:rotate(-1turn)
}
}
@keyframes icon-rotate { 100% {
    -webkit-transform:rotate(-1turn);
    transform:rotate(-1turn)
}
}
span.nowrap { display: inline-block; white-space: nowrap }
.intro-text { width: 100%; max-width: 1200px; font-size: 18px; line-height: 1.7; margin: 40px auto; color: #565656; text-align: center }
.intro-text:first-child { margin-top: 0 }
.intro-text:last-child { margin-bottom: 0 }
.intro-text p { margin: 1.5em 0 }
.intro-text p:first-child { margin-top: 0 }
.intro-text p:last-child { margin-bottom: 0 }
.intro-text h2.section-title { display: block; text-align: center; line-height: 1.6; text-align: center; font-size: 36px; margin-bottom: 1.2em; color: #005bac }
.primary-content { max-width: 1600px; width: 100%; margin: 100px auto; padding: 0 20px; overflow: hidden }
.primary-content .project-group { width: 100%; overflow: hidden }
.primary-content .project-section { margin-bottom: 20px; overflow: hidden; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.primary-content .project-section figure { background-color: transparent; padding: 0; width: 25%; min-width: 25%; overflow: hidden; position: relative; border-radius: 30px 0 0 0 }
.primary-content .project-section figure:before { content: ""; display: block; width: 100%; padding-top: 100%; position: relative }
.primary-content .project-section figure img { position: absolute; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; top: 0; left: 0; width: 100%; height: 100% }
.primary-content .project-section:nth-child(2n) { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse }
.primary-content .project-section:nth-child(2n) .project-descriptions { margin-left: 0; margin-right: 20px; background-image: linear-gradient(#008bf2, #16c5fe);}
.primary-content .project-section:nth-child(2n) .project-descriptions h2 { color: #fff }
.primary-content .project-section:nth-child(2n) .project-descriptions p { color: #fff }
.primary-content .project-section:nth-child(2n) .project-descriptions a { color: #fff }
.primary-content .project-section:nth-child(2n) .project-descriptions a:before { background-color: #fff }
.primary-content .project-section:nth-child(2n) figure { border-radius: 0 30px 0 0 }
.primary-content .project-section .project-descriptions { width: calc(100% - 25% - 20px); margin-left: 20px; background-color: #e6e6e6; padding: 46px 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.primary-content .project-section h2 { font-size: 34px; line-height: 1.1; font-weight: 400; margin-bottom: 25px; color: #565656 }
.primary-content .project-section p { font-size: 16px; line-height: 1.7; width: 100%; color: #565656 }
.primary-content .project-section ul { margin-top: 25px; height: auto; max-height: 145px; display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap }
.primary-content .project-section ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.primary-content .project-section ul a { font-size: 13px; color: #7e7e7e; line-height: 1.6; position: relative; display: block; padding-left: 25px;margin: 5px 0}
.primary-content .project-section ul a:before { content: ""; display: block; position: absolute; width: 10px; height: 10px; background: #7e7e7e; left: 0; top: 50%; margin-top: -5px; border-radius: 50% }
.hasbg { background-position: center center; background-size: cover; background-repeat: no-repeat }
html.ie .primary-content .project-section ul { height: 145px }
.header-industry { width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background: url(../images/20190403/header-industry.jpg) center bottom/contain repeat-x; opacity: 0; -webkit-transition: 1.6s; transition: 1.6s }
.header-industry.show { opacity: 1 }
.industry-group { width: 100%; max-width: 1200px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap }
.industry-group svg path { fill: currentColor }
.industry-group a { font-size: 18px; color: #005bac; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-transition: .3s; transition: .3s }
.industry-group a:hover { color: #06b4ea }
.industry-group a svg { width: 3.6em; min-width: 3.6em; height: 3.6em }
.industry-group a:hover { text-decoration: none }
.industry-group>div { width: 20%; min-width: 20%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.industry-group span { display: block; line-height: 1.6; white-space: nowrap; margin-top: 10px }
.industry-group .item { margin: 40px 0 }
.industry_sp{width: 100%;overflow: hidden;padding: 30px 0 0 0}
.industry_sp h2{display: block;text-align: center;font-size: 32px;font-weight: bold}
.industry_so{width: 100%;overflow: hidden;margin: auto;max-width: 1200px;padding: 30px 0 50px 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;}
.industry_so li{
    width: 12.5%;
    padding: 0 5px 24px
}
.industry_so li a{
    display: block;
}
.industry_so li a img{
    display: block;
    width: 50px;
    height: 50px;
    background-size: 100% auto;
    overflow: hidden;
    margin: 0 auto 4px
}
.industry_so li a span{
    font-size: 12px;
    line-height: 16px;
    color: #252b3a;
    text-align: center;
    overflow: hidden;
    text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical
}
.industry_si{
    width: 100%;
    height: 440px;
    overflow: hidden;
    background: #F9F9F9 url(../img/im38.png) no-repeat right center;
}
.industry_su{
    max-width: 1200px;
    margin: auto;
}
.industry_su_hr{
    display: inline-block;
    vertical-align: middle;
    max-width: 880px;
    line-height: 1rem;
}
.industry_su_hr h2{
    font-size: 40px;
    font-weight: 700;
    color: #252b3a;
    line-height: 50px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    max-height: 50px;
    margin: 60px 0 0 0!important;
}
.industry_su_hr span{
    margin-top: 14px;
    font-size: 18px;
    color: #575d6c;
    line-height: 40px;
    display: block;
    padding: 10px 0 0 0;
}
.industry_su_hr a{
    display: inline-block;
    height: 50px;
    font-size: 18px;
    line-height: 50px;
    border-radius: 2px;
    padding-left: 40px;
    padding-right: 40px;
    margin: 30px 0 0 0;
    border-color: #0281E2;
    color: #0281E2;
    border: 1px solid #0281E2;
    border-radius: 3px;
}
.industry_su_hr a:hover{
    background: #0281E2;
    color: #FFFFFF;
}
.industry_sy{
    width: 100%;
    overflow: hidden;
}
.industry_st{
    max-width: 1200px;
    margin: auto;
    padding: 30px 0 0 0;
}
.industry_st h2{
    display: block;text-align: center;font-size: 32px;font-weight: bold
}
.industry_sr{
    width: 100%;
    overflow: hidden;
}
.industry_se{
    width: 575px;
    overflow: hidden;
    float: left;
}
.industry_se li{
    width: 100%;
    overflow: hidden;
    padding: 0 0 20px 0;
}
.industry_se li b{
    display: block;
    font-size: 14px;
    line-height: 18px;
    font-weight: 600;
    color: #252b3a;
    padding-bottom: 4px;
}
.industry_se li span{
    display: block;
    font-size: 14px;
    color: #6F7479;
    line-height: 24px;
}
.industry_sw{
    overflow: hidden;
    float: right;
}
.industry_sq{
    width: 266px;
    height: 360px;
    float: left;
    position: relative;
    display: block;
}
.industry_sq img{
    display: block;
}
.industry_sq div{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.industry_sq div span{
    margin: 24px 24px 0 24px;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    max-height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #FFFFFF;
}
.industry_sq div i{
    display: block;
    width: 32px;
    border-top: 3px solid #fff;
    margin: 16px 24px
}
.industry_sl{
    overflow: hidden;
    float: left;
    padding: 0 0 0 14px;
}
.industry_sl a{
    display: block;
    width: 306px;
    height: 171px;
    margin: 0 0 18px 0;
    position: relative;
}
.industry_sl a img{
    display: block;
}
.industry_sl a div{
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.industry_sl a div span{
    margin: 24px 24px 0 24px;
    font-size: 20px;
    font-weight: 500;
    line-height: 26px;
    max-height: 52px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    color: #FFFFFF;
}
.industry_sl a div i{
    display: block;
    width: 32px;
    border-top: 3px solid #fff;
    margin: 16px 24px
}
.industry_sk{
    width: 100%;
}
.industry_sk ul{
    width: 110%;
}
.industry_sk li{
    width: 29.3%;
    overflow: hidden;
    float: left;
    margin: 0 1.5% 40px 0;
}
.industry_sk li a{
    display: block;
    overflow: hidden;
}
.industry_sk li a img{
    display: block;
    width: 100%;
    padding: 0 0 16px 0;
}
.industry_sk li a b{
    margin: 0 0 10px 0;
    display: block;
    font-size: 18px;
    font-weight: 600;
    color: #252b3a;
    line-height: 22px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}
.industry_sk li a span{
    display: block;
    overflow: hidden;
    height: 42px;
    line-height: 22px;
    font-size: 14px;
    color: #575d6c;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.industry_sk li:hover a b{
    text-decoration:none;
    color: #005BAC;
}
.industry_sk li:hover a span{
    text-decoration:none;
}
.industry_sj{
    width: 100%;
    overflow: hidden;
    background: #FAFAFA;
}
.industry_sh{
    width: 110%;
}
.industry_sh li{
    width: 29.3%;
    height: 380px;
    float: left;
    margin: 0 1.5% 20px 0;
    background: #ffffff;
    box-shadow: 0 1px 4px 0 rgba(128, 132, 145, 0.2);
    border-radius: 2px;
    transition: all 0.5s ease 0s;
}
.industry_sh li:hover{
    box-shadow: 0 0 10px #dedede
}
.industry_sh li:hover i{
    width: 50px;
    background: #005BAC;
}
.industry_sh li div{
    overflow: hidden;
    padding: 56px 32px;
}
.industry_sh li img{
    display: block;
    margin: auto;
    width: 140ppx;
    height: 60px;
}
.industry_sh li b{
    display: block;
    text-align: center;
    font-size: 18px;
    color: #252B3A;
    line-height: 22px;
    font-weight: 700;
    position: relative;
    padding: 20px 0 10px 0;
}
.industry_sh li i{
    display: block;
    margin: 10px auto;
    width: 32px;
    height: 3px;
    background: #ADB0B8;
    transition: all 0.5s ease-in-out 0s;
}
.industry_sh li span{
    display: block;
    font-size: 14px;
    color: #575D6C;
    line-height: 22px;
    margin-top: 16px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 6;
    overflow: hidden;
}
.industry_sg{
    width: 110%;
}
.industry_sg li{
    width: 44.7%;
    height: 188px;
    overflow: hidden;
    float: left;
    margin: 0 20px 20px 0;
    background: #FFFFFF;
    box-shadow: 0 1px 4px 0 rgba(128, 132, 145, 0.2);
}
.industry_sg li:hover{
    box-shadow: 0 0 10px #dedede
}
.industry_sg li:hover i{
    width: 50px;
    background: #005BAC;
}
.industry_sg li div{
    overflow: hidden;
    padding: 32px;
}
.industry_sg li div b{
    display: block;
    text-align: center;
    font-size: 18px;
    color: #252B3A;
    line-height: 22px;
    font-weight: 700;
    position: relative;
    padding: 0 0 10px 0;
}
.industry_sg li div i{
    display: block;
    margin: 10px auto;
    width: 32px;
    height: 3px;
    background: #ADB0B8;
    transition: all 0.5s ease-in-out 0s;
}
.industry_sg li div span{
    display: block;
    font-size: 14px;
    color: #575D6C;
    line-height: 22px;
    margin-top: 16px;
    text-align: left;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.industry_sf{
    width: 110%;
    overflow: hidden;
    padding: 0 0 40px 0;
}
.industry_sd{
    width: 44.7%;
    overflow: hidden;
    float: left;
    margin: 0 1.5% 0 0;
    position: relative;
}
.industry_ss{
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    color: #FFFFFF;
}
.industry_ss div{
    overflow: hidden;
    padding: 6%;
}
.industry_ss div b{
    display: block;
    font-weight: normal;
    font-size: 30px;
    margin: 0 0 1vw 0;
}
.industry_ss div span{
    display: block;
    font-size: 16px;
    line-height: 30px;
}
.industry_sa{
    width: 100%;
    overflow: hidden;
    position: relative;
    margin: 0 0 3.7% 0;
}
.industry_sm{
    width: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    bottom: 0;
    color: #FFFFFF;
}
.industry_sm div{
    overflow: hidden;
    padding: 6%;
}
.industry_sm div b{
    display: block;
    font-weight: normal;
    font-size: 30px;
    margin: 0 0 1vw 0;
}
.industry_sm div span{
    display: block;
    font-size: 16px;
    line-height: 30px;
}
.industry_sn{
    width: 100%;
    overflow: hidden;
    text-align: center;
    background: #FFFFFF;
    padding: 30px 0;
}
.industry_sn a{
    display: inline-block;
    margin: 0 5%;
    color: #333333;
}
.industry_sn a img{
    width: 50px;
    height: 50px;
}
.industry_sn a span{
    display: block;
    font-size: 16px;
    line-height: 28px;
}
.industry_sn a .industry_sn_i{
    display: block;
}
.industry_sn a .industry_sn_g{
    display: none;
}
.industry_sn a.active{
    color: #0385E5;
}
.industry_sn a.active .industry_sn_i{
    display: none;
}
.industry_sn a.active .industry_sn_g{
    display: block;
}

.industry_sb{
    width: 100%;
    overflow: hidden;
}
.industry_sb li{
    width: 100%;
    overflow: hidden;
    padding: 32px 0;
}
.industry_sb li a{
    display: block;
    overflow: hidden;
}
.service_sp{display: block;position: fixed;right: 10px;bottom: 30px;z-index: 9999999999;cursor: pointer}
.service_so{width: 440px;height: 220px;overflow: hidden;position: fixed;left: 50%;top: 50%;margin: -110px 0 0 -220px;z-index: 9999999999;display: none}
.service_so img{display: block}
.service_so i{display: block;width: 16px;height: 16px;position: absolute;right: 14px;top: 14px;cursor: pointer}

@media (max-width:1800px) {
    .primary-content { margin: 4vw auto }
}
@media (max-width:1800px) {
    .primary-content { margin: 4vw auto }
}
@media (max-width:1700px) {
    .primary-content { margin: 40px auto }
    .primary-content .project-section h2 { font-size: 32px }
    .intro-text { font-size: 16px }
    .primary-content .project-section p { font-size: 16px }
    .primary-content .project-section h2 { margin-bottom: 25px }
    .primary-content .project-section ul { max-height: 145px }
    html.ie .primary-content .project-section ul { height: 145px }
    .primary-content .project-section .project-descriptions { padding: 30px 40px }
}
@media (max-width:1420px) {
    .primary-content .project-section figure { width: 33.3333%; min-width: 33.3333% }
    .primary-content .project-section .project-descriptions { width: calc(100% - 33.3333% - 20px) }
    .primary-content .project-section ul a { padding-left: 18px }
    .featured-header .inner { width: 100%; max-width: none; padding: 0 7vw }
    .featured-header h1 { font-size: 42px }
    .featured-header p { font-size: 22px }
    .featured-header { height: 26vw; min-height: 220px }
    .featured-header .graphic-area.show { font-size: 1.2vw }
    .featured-header.industry .graphic-area.show { font-size: 1.1vw }
    .primary-content .project-section ul { height: 170px; max-height: 170px }
}
@media (max-width:1300px) {
    .intro-text h2.section-title { font-size: 32px; margin-bottom: 0 }
    .primary-content .project-section h2 { font-size: 30px }
    .primary-content .project-section p { font-size: 14px }
    .primary-content .project-section ul a { font-size: 12px }
    .primary-content .project-section h2 { margin-bottom: 20px }
    .primary-content .project-section ul { margin-top: 20px }
    .industry-group .item { margin: 30px 0 }
    .industry-group a { font-size: 16px }
}
@media (max-width:1150px) {
    .primary-content .project-section h2 { font-size: 28px }
    .primary-content .project-section .project-descriptions { padding: 30px 40px }
    .primary-content .project-section { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
    .primary-content .project-section:nth-child(2n) { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
    .primary-content .project-section figure, .primary-content .project-section:nth-child(2n) figure { border-radius: 0; width: 100%; height: 46vw; min-height: 200px }
    .primary-content .project-section figure:before, .primary-content .project-section:nth-child(2n) figure:before { display: none }
    .primary-content .project-section .project-descriptions { width: 100%; margin: 0 }
    .primary-content .project-section h2+ul { margin-top: 0 }
    .featured-header h1 { font-size: 38px }
    .featured-header p { font-size: 20px }
    .industry_si{width: auto;height: auto;padding: 0 30px 80px 30px;}
    .industry_st{padding: 30px 30px 0 30px}
    .industry_se{width: auto}
    .industry_sw{float: left}
}
@media (max-width:750px) {
    .primary-content .project-section .project-descriptions { padding: 30px }
    .primary-content .project-section ul { max-height: none }
    .featured-header .graphic-area.show { font-size: 2vw }
    .featured-header.industry .graphic-area.show { font-size: 1.6vw }
    .featured-header .header-box { width: 60% }
    .featured-header .graphic-area { left: 70% }
    .industry_so li{width: 20%}
    .industry_sp h2{font-size: 30px}

}
@media (max-width:600px) {
    .industry-group>div { width: 25%; min-width: 25% }
}
@media (max-width:500px) {
    .featured-header h1 { font-size: 32px }
    .featured-header p { font-size: 18px }
    .featured-header .inner { width: 100%; max-width: none; padding: 0 20px }
    .featured-header .header-box { width: 70% }
    .intro-text { margin: 30px 0 }
    .primary-content .project-section figure, .primary-content .project-section:nth-child(2n) figure { margin: 0!important }
    .featured-header h1 { margin-bottom: .2em }
    .featured-header.industry [class^=track].track-0, .featured-header.industry [class^=track].track-4 { border: 0 }
    .industry-group>div { width: 33.3333%; min-width: 33.3333% }
    .industry-group a { font-size: 3.6vw }
    .primary-content .project-section ul a { font-size: 13px; line-height: 1.8 }
    .industry_so li{width: 25%}
    .industry_sp h2{font-size: 5vw}
    .industry_si{padding: 0 3% 40px 3%}
    .industry_su_hr h2{font-size: 5vw;margin: 30px 0 0 0!important;}
    .industry_su_hr span{font-size: 3.6vw;margin: 0;}
    .industry_su_hr a{margin: 20px 0 0 0}
    .industry_st{padding: 30px 3% 0 3%}
    .industry_st h2{font-size: 5vw;margin: 10px 0 40px 0!important; }
    .industry_sw{width: 100%}
    .industry_sq{width: 45%;height: auto}
    .industry_sl{width: 55%;padding: 0 0 0 2%}
    .industry_sl a{width: 100%;height: auto;margin: 0 0 4% 0}
    .industry_sh{width: 100%}
    .industry_sh li{width: 100%;height: auto;margin: 0 0 20px 0}
    .industry_sh li div{padding: 32px}
    .industry_sg{width: 100%}
    .industry_sg li{width: 100%;height: auto;margin: 0 0 20px 0}
    .industry_ss div b{font-size: 4vw}
    .industry_ss div span{font-size: 3vw;line-height: 5vw;display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;}
    .industry_sm div b{font-size: 4vw}
    .industry_sm div span{font-size: 3vw;line-height: 5vw;display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;}
    .industry_sn{padding: 10px 0}
    .industry_sn a{margin: 0 6%}
    .industry_sb li{padding: 10px 0}

    .zh_zw_o{width: 100%;overflow: hidden;text-align: center;float: inherit;padding: 10px 0}
    .zh_zw_o li{display: inline-block;padding: 0 2%}
    .zh_zw_o li.active a{background: none}
    .zh_zw_o li a{padding: 0;background: none}
    .zh_zw_u{padding: 3%}
    .zh_zw_y_sp{width: 100%;height: 240px}
    .zh_zw_y_so{width: 100%;overflow: hidden;padding: 20px 0 0 0}
    .zh_zw_y_so b{font-size: 5vw}
    .zh_zw_y_so span{padding: 10px 0 0 0}
    .zh_zw_y_so a{margin: 10px 0 0 0}
    .zh_zw_y_si{padding: 0 0 30px 0}
    .zh_zw_y_sy{width: 100%;height: 58vw;background-size: 100% 100%}
    .zh_zw_y_st{width: 78%;height: 47vw;margin: 4vw auto}
    .zh_zw_y_sr span{height: 6vw;line-height: 6vw;font-size: 2vw}
    .zh_zw_y_se li{width: 40vw;height: 20vw;background-size: 100% 100%}
    .y_se_1{margin: 20vw 0 0 5vw;}
    .y_se_2{margin: 19vw 0 0 4vw;}
    .y_se_3{margin: 18vw 0 0 3vw;}
    .y_se_4{margin: 17vw 0 0 2vw;}
    .y_se_5{margin: 16vw 0 0 1vw;}
    .y_se_6{margin: 15vw 0 0 5vw;}
    .service_sp{display: block;width: 50px;height: 50px;position: fixed;right: 10px;bottom: 30px;z-index: 9999999999;cursor: pointer}
    .service_so{width: 80%;overflow: hidden;position: fixed;left: 10%;top: 36%;margin: 0;z-index: 9999999999;display: none}
    .service_so img{display: block}
    .service_so i{display: block;width: 20px;height: 20px;position: absolute;right: 6px;top: 6px;cursor: pointer;}

}
@media (max-width:450px) {
    .industry-group a { font-size: 4vw }
    .intro-text h2.section-title { font-size: 28px; margin-bottom: 0 }
    .industry_so li{width: 25%}
    .industry_sp h2{font-size: 5vw}
}
.about-wrap { width: 100%; max-width: 1200px; margin: 0 auto }
.about-wrap p { font-size: 18px; letter-spacing: .05em; line-height: 1.8; margin-bottom: 20px }
@media (max-width:1000px) {
    .about-wrap p { font-size: 16px }
}
.about-wrap .btn-more { text-align: center; margin-top: 25px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.about-wrap .btn-more a { display: block; color: #005bac; font-size: 18px; letter-spacing: .05em }
.about-box { max-width: 1600px; margin: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 0 10px }
.about-box>div { width: 33.3333%; min-width: 33.3333%; padding: 10px; position: relative }
.about-box>div .wrap:before { content: ""; display: block; width: 100%; padding-top: 100% }
@media (max-width:750px) {
    .about-box { -ms-flex-wrap: wrap; flex-wrap: wrap }
    .about-box>div { width: 100%; min-width: 0 }
    .about-box>div .wrap:before { padding-top: 60% }
    .about-box>div a { margin-top: 25px }
}
.about-box .text { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.about-box figure { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; background-color: transparent; margin: 0!important }
.about-box figure img { position: absolute; z-index: 1; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center }
.about-box h3 { color: #fff; line-height: 1.5; font-size: 30px; font-weight: 700; display: block; text-align: center; text-shadow: 0 0 10px rgba(0,0,0,.1) }
@media (max-width:1000px) {
    .about-box h3 { font-size: 24px }
}
.about-box a { margin-top: 30px; font-size: 16px; line-height: 37px!important; padding: 0 30px; border: 1px solid #fff; color: #fff }
.about-box a:hover { text-decoration: none; -webkit-transition: .3s; transition: .3s; background: #fff; color: #005bac }
@media (max-width:1300px) {
    .about .section-about-investment-main-right div .more { width: 140px }
    .about-box a { font-size: 14px }
}
@media (max-width:450px) {
    .about .layout .part-1 { margin: 60px auto 40px }
    .about .section-about-work-main-right div .more { margin: 0 20px 0 0 }
}
.tabs-style-1 .tabs-content>li>div { padding: 0 }
.tabs-content p { width: 100% }
.tabs-content p:not(:last-child) { margin-bottom: .5em }
.tabs-style-1 .tabs-navigation a { border-top-left-radius: 4px; border-top-right-radius: 4px; font-size: 18px; padding: 12px 30px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.tabs-style-1 .tabs-navigation a:hover { background-color: #005bac!important }
.tabs-style-1 .tabs-navigation a.selected { color: #005bac!important; background-color: #fff!important }
.tabs-style-1 .tabs-navigation li:not(:last-child) { margin-right: 2px }
.tabs-style-1 .tabs-navigation li a:not(.selected) { -webkit-transform: translateY(2px); transform: translateY(2px); -webkit-box-shadow: inset 0 -4px 4px rgba(0,0,0,.1); box-shadow: inset 0 -4px 4px rgba(0,0,0,.1) }
.tabs-style-1 .tabs-navigation li a:not(.selected):hover { -webkit-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: inset 0 -2px 1px rgba(0,0,0,.1); box-shadow: inset 0 -2px 1px rgba(0,0,0,.1) }
.tabs-style-1.breaktab .tabs-navigation li:not(:last-child) { margin-right: 0; margin-bottom: 2px }
.tabs-style-1.breaktab .tabs-navigation li a { border-radius: 0; border-top-left-radius: 4px; border-bottom-left-radius: 4px }
.tabs-style-1.breaktab .tabs-navigation li a.selected { border-right: 0; border-bottom: 1px solid #005bac!important }
.tabs-style-1.breaktab .tabs-navigation li a:not(.selected) { -webkit-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: inset -3px 0 3px rgba(0,0,0,.1); box-shadow: inset -3px 0 3px rgba(0,0,0,.1) }
.tabs-style-1.breaktab .tabs-navigation li a:not(.selected):hover { -webkit-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: inset -3px 0 3px rgba(0,0,0,.1); box-shadow: inset -3px 0 3px rgba(0,0,0,.1) }
.tabs-style-1.breaktab .tabs-content { margin-left: -1.5px }
.tabs-style-1.noflex .tabs-content>li.selected { display: block }
.tabs-style-1 .tabs-content>li>div h3 { color: #333; font-size: 18px; font-weight: 700; margin-bottom: .5em }
.tabs-style-1 .tabs-content>li>div ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap }
.tabs-style-1 .tabs-content>li>div ul li:after { width: 5px; height: 5px; background-color: #333; margin: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
.tabs-style-1 .tabs-content>li>ul { list-style: disc; padding-left: 1.2em }
.tabs-style-1 .tabs-content>li { padding: 24px 20px }
.breaktab nav { border-bottom: 0 }
@media (max-width:1240px) {
    .tabs-style-1 .tabs-content>li>div ul li:after { width: 4px; height: 4px }
}
@media (max-width:950px) {
    .tabs-style-1 .tabs-content>li>div { width: 50%; padding: 0 30px 30px 0 }
    .tabs-style-1 .tabs-content>li>div:last-child { padding-bottom: 0 }
    .tabs-style-1 .tabs-content>li { padding: 20px 16px }
}
@media screen and (max-width:650px) {
    .tabs-style-1 .tabs-content>li>div { width: 100% }
}
@media (max-width:500px) {
    .tabs-style-1 .tabs-navigation a { font-size: 16px; padding: 10px 12px }
}
.tabs-style-1 .tabs-content>li>div ul li { margin-bottom: .2em }
.box-1-4>li { width: calc(100% / 4 - 60px / 3); list-style-type: none; border: 1px solid #f1f1f1; padding: 20px 0; background: #f1f1f1 }
.box-1-4>li h2 { text-align: center }
.box-1-4>li h3 { font-size: 14px; text-align: center; display: block; font-weight: 700; white-space: nowrap; text-overflow: ellipsis; background-color: #005bac; color: #fff; padding: 5px; overflow: hidden; margin: 15px 0!important }
.box-1-4>li>ul { margin: 20px 20px 0!important; width: calc(100% - 40px) }
.box-1-4>li>ul li { color: #333 }
@media (max-width:1100px) {
    .box-1-4>li { width: calc(100% / 2 - 10px); margin-bottom: 20px }
}
@media screen and (max-width:860px) {
    .box-1-4>li { width: calc(100% / 2 - 10px); margin-top: 0 }
}
@media (max-width:600px) {
    .box-1-4>li { width: 100% }
    .box-1-4>li h2 { font-size: 26px }
    .box-1-4>li>ul li { font-size: 14px!important }
    .box-1-4>li h3 { margin: 10px 0!important }
}
.health-featured-content { padding: 80px 0 }
@media (max-width:140px) {
    .health-featured-content { padding: 60px 0 }
}
@media (max-width:670px) {
    .health-featured-content { padding: 40px 0 }
}
.health-featured-content .wrap { margin: auto; padding: 0 80px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
@media (max-width:670px) {
    .health-featured-content .wrap { padding: 0 30px; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
    .health-featured-content .wrap .left { padding: 0; margin-top: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
    .health-featured-content .wrap .left h2 { font-size: 28px; text-align: center }
    .health-featured-content .wrap .left h2+p { text-align: center }
}
.health-featured-content .wrap .icon { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto }
.health-featured-content .wrap .icon figure { width: 200px; height: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px; background-color: #00b6b5; border-radius: 100%; overflow: hidden }
@media (max-width:670px) {
    .health-featured-content .wrap .icon figure { width: 160px!important; height: 160px; padding: 30px }
}
@media (max-width:450px) {
    .health-featured-content .wrap .icon figure { width: 140px!important; height: 140px; margin-top: 0 }
}
.health-featured-content .wrap .icon img { display: block }
@media (max-width:450px) {
    .health-featured-content .wrap .left { margin-top: 0 }
    .health-featured-content .wrap h2 { font-size: 24px!important }
    .health-featured-content .wrap h2+p { font-size: 14px!important; margin: 15px auto 20px }
}
.health-featured-content .left { padding-right: 10% }
.health-featured-content h2 { font-size: 43px; color: #626262; display: block; line-height: 1.6 }
.health-featured-content h2+p { font-size: 18px; line-height: 1.8; margin: 30px 0 35px; color: #626262 }
@media (max-width:1400px) {
    .health-featured-content h2 { font-size: 32px }
    .health-featured-content h2+p { font-size: 16px; margin: 25px 0 30px }
}
.health-featured-content h2~a { font-size: 16px; white-space: nowrap; line-height: 1.2; color: #fff; width: 150px; height: 46px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-color: #00b6b5 }
.health-featured-content h2~a:hover { text-decoration: none; background-color: #005bac }
.health .layout .featured { max-height: 800px }
@media (max-width:700px) {
    .health .layout .featured { height: 400px!important; min-height: 400px!important }
}
@media (max-width:600px) {
    .health .layout .featured { height: 300px!important; min-height: 300px!important }
}
.city .layout .featured { max-height: 800px }
@media (max-width:700px) {
    .city .layout .featured { height: 400px!important; min-height: 400px!important }
}
@media (max-width:600px) {
    .city .layout .featured { height: 300px!important; min-height: 300px!important }
}
.car .layout .featured { max-height: 800px }
@media (max-width:700px) {
    .car .layout .featured { height: 400px!important; min-height: 400px!important }
}
@media (max-width:600px) {
    .car .layout .featured { height: 300px!important; min-height: 300px!important }
}
@media (max-width:600px) {
    body:not(.news) .bglightgray { height: 200px!important }
}
.lay_container { margin: 15px auto; width: 100%; clear: both }
.lay_container:after, .lay_container:before { display: table; line-height: 0; content: "" }
.lay_container:after { clear: both }
.lay_container h2 { font-weight: 400; line-height: 1.1; padding-left: 10px; border-left: 4px solid #008fd3 }
.col_2, .col_3, .col_3_1, .col_3_2, .col_4 { float: left; padding: 0 15px }
@media (min-width:980px) {
    .col_2 { width: 50% }
    .col_3 { width: 33.3333% }
    .col_4 { width: 25% }
    .col_3_1 { width: 33.3333% }
    .col_3_2 { width: 66.6666% }
}
@media (max-width:979px) and (min-width:751px) {
    .col_2 { width: 50% }
    .col_3 { width: 50% }
    .col_4 { width: 33.3333% }
    .col_3_1 { width: 33.3333% }
    .col_3_2 { width: 66.6666% }
}
@media (max-width:750px) {
    .col_2 { width: 100% }
    .col_3 { width: 100% }
    .col_4 { width: 100% }
    .col_3_1 { width: 100% }
    .col_3_2 { width: 100% }
}
.text-center { text-align: center }
.margin-center { margin: 0 auto }
.investor_list, .investor_list a { color: #fff }
.investor_list { list-style-type: disc; float: left; margin: 0 15px }
.investor_list li { text-align: left; line-height: 26px; font-size: 18px; margin: 10px auto }
.innovate-color ul { padding: 0!important; background-color: #454545!important }
.innovate-color ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
.innovate-color ul li:not(:first-child) { position: relative }
.innovate-color ul li:not(:first-child):after { content: ""; height: 100%; width: 1px; display: block; background-color: #4e4e4e; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: .3s; transition: .3s }
.innovate-color ul li:not(:first-child) a { position: relative; z-index: 2; -webkit-transition: .3s; transition: .3s }
.innovate-color ul li:not(:first-child) a:hover { background-color: #005bac }
.innovate-color ul li:hover+li:after { opacity: 0 }
.innovate-color ul li a { padding: 6px 20px 16px 20px!important }
.news .section-introduction.api h2:first-child, .news .section-introduction.iam h2:first-child { margin: 0 auto 45px }
@media (max-width:950px) {
    .news .section-introduction.api h2:first-child, .news .section-introduction.iam h2:first-child { margin-bottom: 30px }
}
.news .section-function-main.section-api h3, .news .section-function-main.section-iam h3 { margin: 0 auto 20px }
.news .section-choice-main.choice-api h3:first-child, .news .section-choice-main.choice-iam h3:first-child { margin: 0!important }
.news .section-function-title.api h2:first-child, .news .section-function-title.iam h2:first-child { margin: 0 0 70px }
@media (max-width:950px) {
    .news .section-function-title.api h2:first-child, .news .section-function-title.iam h2:first-child { margin-bottom: 20px }
}
.section-function-main.section-api ul li figure img { max-width: 100px }
@media (max-width:555px) {
    .section-function-main.section-api figure { max-width: 90% }
}
.section-function-main.section-iam ul li figure img { max-width: 100px }
.section-function-main.section-iam ul li { width: 33.3333% }
.section-function-main.section-iam ul li:nth-child(1), .section-function-main.section-iam ul li:nth-child(2), .section-function-main.section-iam ul li:nth-child(3) { margin-bottom: 40px }
@media (max-width:950px) {
    .section-function-main.section-iam ul li { width: 50% }
    .section-function-main.section-iam ul li:nth-child(1), .section-function-main.section-iam ul li:nth-child(2), .section-function-main.section-iam ul li:nth-child(3), .section-function-main.section-iam ul li:nth-child(4) { margin-bottom: 40px }
}
@media (max-width:555px) {
    .section-function-main.section-iam ul li { width: 100% }
    .section-function-main.section-iam ul li:nth-child(1), .section-function-main.section-iam ul li:nth-child(2), .section-function-main.section-iam ul li:nth-child(3), .section-function-main.section-iam ul li:nth-child(4), .section-function-main.section-iam ul li:nth-child(5) { margin-bottom: 0 }
    .section-function-main.section-iam ul li figure { max-width: 90% }
}
@media (max-width:555px) {
    .section-choice-title h2, .section-function-title h2, .section-introduction-left>div h2, .section-introduction-right>div h2 { line-height: 1.4; font-size: 26px }
    .section-introduction-left>div p { margin-top: 30px }
    .section-choice { margin: 60px 0 }
}
.section-choice-main.choice-api, .section-choice-main.choice-iam { padding: 40px 20px 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.section-choice-main.choice-api .col, .section-choice-main.choice-iam .col { width: calc(33.333% - 20px); max-width: calc(33.3333% - 20px); background-color: #f3f3f3 }
.section-choice-main.choice-api .col h3, .section-choice-main.choice-iam .col h3 { display: block; text-align: center; line-height: 1.2; padding: 16px; background-color: #005bac; color: #fff }
.section-choice-main.choice-api .col p, .section-choice-main.choice-iam .col p { font-size: 16px; line-height: 1.6; padding: 20px 25px }
@media (max-width:1250px) {
    .section-choice-main.choice-api .col, .section-choice-main.choice-iam .col { width: calc(33.333% - 15px); max-width: calc(33.3333% - 15px) }
}
@media (max-width:950px) {
    .section-choice-main.choice-api .col, .section-choice-main.choice-iam .col { width: 100%; max-width: none }
    .section-choice-main.choice-api .col:not(:last-child), .section-choice-main.choice-iam .col:not(:last-child) { margin-bottom: 20px }
    .section-choice-main.choice-api .col h3, .section-choice-main.choice-iam .col h3 { font-size: 20px; padding: 12px }
}
@media (max-width:555px) {
    .section-choice-main.choice-api .col h3, .section-choice-main.choice-iam .col h3 { padding: 12px; font-size: 16px }
    .section-choice-main.choice-api .col p, .section-choice-main.choice-iam .col p { font-size: 14px }
}
@media (max-width:950px) {
    .section-choice-main.choice-api, .section-choice-main.choice-iam { width: 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 20px 0 }
}
.section-function-title.iam h2+p { width: 100%; padding: 0 30px; max-width: 1160px; font-size: 16px; line-height: 1.6; margin: 0 auto 40px }
@media (max-width:1400px) {
    .section-function-title.iam h2+p { font-size: 14px }
}
.choice-iam>p { text-align: center; font-size: 16px; max-width: 800px; margin: auto; line-height: 1.8 }
@media (max-width:1400px) {
    .choice-iam>p { font-size: 14px }
}
.entry-content .tabs-content h2 { font-size: 22px }
.entry-content .tabs-content h2 { font-weight: 400; line-height: 1.1; padding-left: 10px; border-left: 4px solid #008fd3 }
.entry-content .tabs-content h3 { padding-left: 0 }
.entry-content .tabs-content h4 { font-weight: 700; font-size: 16px }
.car-scenes-wrapper { width: 100%; height: auto; overflow: hidden; padding: 80px 40px; opacity: 0; -webkit-transition: .3s; transition: .3s }
.car-scenes-wrapper .car-scenes { width: 100%; max-width: 1400px; margin: auto; overflow: hidden; position: relative; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.car-scenes-wrapper .scene-graph { width: 600px; max-width: 600px; min-width: 600px; position: relative }
@media (max-width:1400px) {
    .car-scenes-wrapper .scene-graph { width: 40%; max-width: 40%; min-width: 40% }
}
.car-scenes-wrapper .scene-graph .scene-mask { width: 100%; height: 100%; position: absolute; z-index: 100; top: 0; left: 0 }
.car-scenes-wrapper .scene-graph .scene-mask:before { content: ""; width: 100%; height: 15%; position: absolute; z-index: 1; background: -webkit-gradient(linear, left top, left bottom, from(#232323), to(rgba(0,0,0,0))); background: linear-gradient(to bottom, #232323 0, rgba(0,0,0,0) 100%); top: 0; left: 0 }
.car-scenes-wrapper .scene-graph .scene-mask:after { content: ""; width: 100%; height: 15%; position: absolute; z-index: 1; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,0)), to(#232323)); background: linear-gradient(to bottom, rgba(0,0,0,0) 0, #232323 100%); bottom: 0; left: 0 }
.car-scenes-wrapper .scene-graph:before { content: ""; display: block; width: 100%; padding-top: 120% }
.car-scenes-wrapper .scene-control { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-left: 40px; display: -webkit-box; display: -ms-flexbox; display: flex }
.car-scenes-wrapper .scene-control-content { width: 100% }
.car-scenes-wrapper .scene { position: absolute; top: 0; left: 0; width: 100% }
.car-scenes-wrapper .scene .car { position: relative; z-index: 5; -webkit-transition: .3s; transition: .3s }
.car-scenes-wrapper .scene.hidecar .car { opacity: 0; -webkit-transition: .6s; transition: .6s }
#progress-bar { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); z-index: 200 }
#progress-bar progress[value] { width: 250px; height: 10px; background-color: rgba(255,255,255,.1) }
#progress-bar progress[value]::-webkit-progress-bar {
    background-color:rgba(255,255,255,.1);
    -webkit-box-shadow:0 2px 5px rgba(0,0,0,.25) inset;
    box-shadow:0 2px 5px rgba(0,0,0,.25) inset
}
#progress-bar progress[value]::-webkit-progress-value {
    background-color:#005bac
}
.scene-1 .road-lines { position: absolute; z-index: 1; height: 100%; width: 100%; top: 0; left: 0; opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s }
@-webkit-keyframes animatedBackground { 0% {
    background-position:50% 0
}
    100% {
        background-position:50% 100%
    }
}
@keyframes animatedBackground { 0% {
    background-position:50% 0
}
    100% {
        background-position:50% 100%
    }
}
.scene-1 .road-lines #animate-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/car-2019/rode-line.png); background-position: 50% 0; background-size: auto 12.5%; background-repeat: repeat-y; -webkit-animation: animatedBackground 4s linear infinite; animation: animatedBackground 4s linear infinite }
.scene-1 .radar-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2; opacity: 0; -webkit-transition: .3s; transition: .3s }
.scene-1 .radar-content svg { display: block; width: 100%; height: 100% }
.scene-1 .radar-content svg g path { will-change: opacity; opacity: 0; -webkit-animation: scanning 1.8s linear infinite 0s; animation: scanning 1.8s linear infinite 0s }
@-webkit-keyframes scanning { 0% {
    opacity:0
}
    30% {
        opacity:1
    }
    70% {
        opacity:1
    }
    100% {
        opacity:0
    }
}
@keyframes scanning { 0% {
    opacity:0
}
    30% {
        opacity:1
    }
    70% {
        opacity:1
    }
    100% {
        opacity:0
    }
}
.scene-1 .radar-content svg g:nth-child(3) { opacity: 1 }
.scene-1 .radar-content svg g:nth-child(3) path { -webkit-animation-delay: .2s; animation-delay: .2s }
.scene-1 .radar-content svg g:nth-child(4) { opacity: .7 }
.scene-1 .radar-content svg g:nth-child(4) path { -webkit-animation-delay: .3s; animation-delay: .3s }
.scene-1 .radar-content svg g:nth-child(5) { opacity: .6 }
.scene-1 .radar-content svg g:nth-child(5) path { -webkit-animation-delay: .4s; animation-delay: .4s }
.scene-1 .radar-content svg g:nth-child(6) { opacity: .5 }
.scene-1 .radar-content svg g:nth-child(6) path { -webkit-animation-delay: .5s; animation-delay: .5s }
.scene-1 .radar-content svg g:nth-child(7) { opacity: .4 }
.scene-1 .radar-content svg g:nth-child(7) path { -webkit-animation-delay: .6s; animation-delay: .6s }
.scene-1 .radar-content svg g:nth-child(8) { opacity: .3 }
.scene-1 .radar-content svg g:nth-child(8) path { -webkit-animation-delay: .7s; animation-delay: .7s }
.scene-1 .radar-content svg g:nth-child(9) { opacity: .2 }
.scene-1 .radar-content svg g:nth-child(9) path { -webkit-animation-delay: .8s; animation-delay: .8s }
.scene-1 .radar-content svg g:nth-child(10) { opacity: .1 }
.scene-1 .radar-content svg g:nth-child(10) path { -webkit-animation-delay: .9s; animation-delay: .9s }
.scene-1 .radar-content svg path { fill: #33a1f3 }
.scene-1 .scene-icons { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; z-index: 10; opacity: 0 }
.scene-1 .scene-icons .icon { max-width: 80px; min-width: 40px; width: 12%; height: auto; background-color: #33a1f3; border-radius: 100%; position: absolute; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-animation: showicon 10s ease infinite 0s; animation: showicon 10s ease infinite 0s }
.scene-1 .scene-icons .icon:before { content: ""; display: block; width: 100%; padding-top: 100% }
.scene-1 .scene-icons .icon img { width: 70%; height: 70%; display: block; position: absolute; top: 15%; left: 15% }
@-webkit-keyframes showicon { 0% {
    opacity:0
}
    2% {
        opacity:1
    }
    20% {
        opacity:1
    }
    22% {
        opacity:0
    }
    100% {
        opacity:0
    }
}
@keyframes showicon { 0% {
    opacity:0
}
    2% {
        opacity:1
    }
    20% {
        opacity:1
    }
    22% {
        opacity:0
    }
    100% {
        opacity:0
    }
}
.scene-1 .scene-icons .icon.person { top: 30%; -webkit-transform: translate(-250%, -50%); transform: translate(-250%, -50%); -webkit-animation-delay: 1.2s; animation-delay: 1.2s; -webkit-animation-duration: 10s; animation-duration: 10s }
.scene-1 .scene-icons .icon.direction { top: 15%; -webkit-animation-delay: 1.3s; animation-delay: 1.3s; -webkit-animation-duration: 14s; animation-duration: 14s }
.scene-1 .scene-icons .icon.return { top: 30%; -webkit-transform: translate(150%, -170%); transform: translate(150%, -170%); -webkit-animation-delay: 1.4s; animation-delay: 1.4s; -webkit-animation-duration: 20s; animation-duration: 20s }
.scene-1 .scene-icons .icon.light { top: 30%; -webkit-transform: translate(150%, -50%); transform: translate(150%, -50%); -webkit-animation-delay: 1.5s; animation-delay: 1.5s; -webkit-animation-duration: 20s; animation-duration: 20s }
.scene-1 .scene-icons .icon.speed { top: 30%; -webkit-transform: translate(150%, 70%); transform: translate(150%, 70%); -webkit-animation-delay: 1.6s; animation-delay: 1.6s; -webkit-animation-duration: 16s; animation-duration: 16s }
.scene-1 .scene-icons .icon.automobile { top: 75%; -webkit-transform: translate(150%, -50%); transform: translate(150%, -50%); -webkit-animation-delay: 1.7s; animation-delay: 1.7s; -webkit-animation-duration: 7s; animation-duration: 7s }
.scene-1 .scene-icons .icon.bike { top: 75%; -webkit-transform: translate(-250%, -50%); transform: translate(-250%, -50%); -webkit-animation-delay: 1.8s; animation-delay: 1.8s; -webkit-animation-duration: 20s; animation-duration: 20s }
.scene-1 .scene-icons img { width: 100%; height: 100%; display: block }
.scene-1.animate .scene-icons { opacity: 1; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-delay: 1s; transition-delay: 1s }
.scene-1.animate .radar-content { opacity: 1; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-delay: .2s; transition-delay: .2s }
.scene-1.animate .road-lines { opacity: 1; -webkit-transition-duration: 2.6s; transition-duration: 2.6s; -webkit-transition-delay: 2.2s; transition-delay: 2.2s }
.scene-2 .road-lines { position: absolute; z-index: 1; height: 100%; width: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: .3s; transition: .3s }
@-webkit-keyframes animatedBackground_scene2 { 0% {
    background-position:50% 0
}
    20% {
        background-position:50% 0
    }
    100% {
        background-position:50% 500%
    }
}
@keyframes animatedBackground_scene2 { 0% {
    background-position:50% 0
}
    20% {
        background-position:50% 0
    }
    100% {
        background-position:50% 500%
    }
}
.scene-2 .road-lines #animate-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/car-2019/rode-line.png); background-position: 50% 0; background-size: auto 12.5%; background-repeat: repeat-y }
.scene-2 .radar-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2 }
.scene-2 .radar-circle { width: 80%; position: relative; border-radius: 100%; overflow: hidden }
.scene-2 .radar-circle:before { content: ""; display: block; top: 0; width: 100%; padding-top: 100% }
.scene-2 .radar-circle>div { border-radius: 100%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); position: absolute; background-color: rgba(243,160,50,0); -webkit-transition: .3s; transition: .3s }
.scene-2 .radar-circle>div:nth-child(1) { width: 12.5%; height: 12.5%; z-index: 1 }
.scene-2 .radar-circle>div:nth-child(2) { width: 25%; height: 25%; z-index: 2 }
.scene-2 .radar-circle>div:nth-child(3) { width: 37.5%; height: 37.5%; z-index: 3 }
.scene-2 .radar-circle>div:nth-child(4) { width: 50%; height: 50%; z-index: 4 }
.scene-2 .radar-circle>div:nth-child(5) { width: 62.5%; height: 62.5%; z-index: 5 }
.scene-2 .radar-circle>div:nth-child(6) { width: 75%; height: 75%; z-index: 6 }
.scene-2 .radar-circle>div:nth-child(7) { width: 87.5%; height: 87.5%; z-index: 7 }
.scene-2 .radar-circle>div:nth-child(8) { width: 100%; height: 100%; z-index: 8 }
.scene-2 .radar-circle>div:nth-child(8) { background-color: rgba(0,0,0,0) }
.scene-2 .radar-circle>div:nth-child(7) { background-color: rgba(0,0,0,0) }
.scene-2 .radar-circle .light { position: absolute; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: none; transform: none; opacity: 0; overflow: hidden; z-index: 10; border-radius: 100%; background-color: transparent; will-change: transform }
.scene-2 .radar-circle .light svg { width: 100%; height: 100%; position: absolute; display: block; mix-blend-mode: color-burn }
.scene-2 .radar-circle .light svg #upper { fill: rgba(0,0,0,.3) }
.scene-2 .radar-circle .light svg #down { fill: rgba(255,186,85,.09) }
.scene-2 .scene-dashboards { width: 100%; position: absolute; z-index: 6; left: 0; top: 50%; -webkit-transform: translateY(-210%) translateY(10%); transform: translateY(-210%) translateY(10%); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; opacity: 0; -webkit-transition-duration: .4s; transition-duration: .4s }
.scene-2 .scene-dashboards>div { position: relative; margin: 0 1% }
.scene-2 .scene-dashboards>div img { width: 100%; display: block; height: auto; position: relative; z-index: 1 }
.scene-2 .scene-dashboards>div img:nth-child(1) { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform-origin: center; transform-origin: center; z-index: 2 }
.scene-2 .scene-dashboards .dashboard-speed { width: 15% }
.scene-2 .scene-dashboards .dashboard-engine { width: 15% }
.scene-2 .scene-dashboards .dashboard-fuel { width: 6% }
.scene-2 .scene-dashboards .dashboard-temperature { width: 6% }
.scene-2 .scene-icons { position: absolute; width: 80%; height: auto; left: 50%; top: 50%; -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translate(-50%, -50%) scale(.7); transform: translate(-50%, -50%) scale(.7); opacity: 0; -webkit-transition: .3s; transition: .3s; z-index: 5 }
.scene-2 .scene-icons:after { content: ""; display: block; width: 100%; padding-top: 100%; z-index: 0 }
.scene-2 .scene-icons .icon { position: absolute; overflow: hidden; width: 14%; -webkit-transform-origin: center center; transform-origin: center center; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 0; -webkit-transition-duration: .6s; transition-duration: .6s; background-color: rgba(0,0,0,.8); border-radius: 100%; overflow: hidden }
.scene-2 .scene-icons .icon:after { content: ""; display: block; width: 100%; padding-top: 100% }
.scene-2 .scene-icons .icon img { width: 100%; height: auto; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.scene-2 .scene-icons .icon:nth-child(1) { left: 0; top: 50% }
.scene-2 .scene-icons .icon:nth-child(2) { top:calc(50% + (50% * .34202));
    left:calc(50% - (50% * .939693))
}
.scene-2 .scene-icons .icon:nth-child(3) { top:calc(50% + (50% * .64279));
    left:calc(50% - (50% * .76604))
}
.scene-2 .scene-icons .icon:nth-child(4) { top:calc(50% + (50% * .866025));
    left:calc(50% - (50% * .5))
}
.scene-2 .scene-icons .icon:nth-child(5) { top:calc(50% + (50% * .98481));
    left:calc(50% - (50% * .173648))
}
.scene-2 .scene-icons .icon:nth-child(6) { top:calc(50% + (50% * .98481));
    left:calc(50% + (50% * .173648))
}
.scene-2 .scene-icons .icon:nth-child(7) { top:calc(50% + (50% * .866025));
    left:calc(50% + (50% * .5))
}
.scene-2 .scene-icons .icon:nth-child(8) { top:calc(50% + (50% * .64279));
    left:calc(50% + (50% * .76604))
}
.scene-2 .scene-icons .icon:nth-child(9) { top:calc(50% + (50% * .34202));
    left:calc(50% + (50% * .939693))
}
.scene-2 .scene-icons .icon:nth-child(10) { left: 100%; top: 50% }
.scene-2.animate .radar-circle>div:not(.light) { background-color: rgba(243,160,50,.4) }
@-webkit-keyframes goin { 0% {
    background-color:rgba(243,160,50,0)
}
    50% {
        background-color:rgba(243,160,50,.5)
    }
    100% {
        background-color:rgba(243,160,50,0)
    }
}
@keyframes goin { 0% {
    background-color:rgba(243,160,50,0)
}
    50% {
        background-color:rgba(243,160,50,.5)
    }
    100% {
        background-color:rgba(243,160,50,0)
    }
}
.scene-2.animate .radar-circle>div:not(.light):nth-child(1) { -webkit-transition-delay: 80ms; transition-delay: 80ms; -webkit-animation-delay: 80ms; animation-delay: 80ms }
.scene-2.animate .radar-circle>div:not(.light):nth-child(2) { -webkit-transition-delay: .16s; transition-delay: .16s; -webkit-animation-delay: .16s; animation-delay: .16s }
.scene-2.animate .radar-circle>div:not(.light):nth-child(3) { -webkit-transition-delay: .24s; transition-delay: .24s; -webkit-animation-delay: .24s; animation-delay: .24s }
.scene-2.animate .radar-circle>div:not(.light):nth-child(4) { -webkit-transition-delay: .32s; transition-delay: .32s; -webkit-animation-delay: .32s; animation-delay: .32s }
.scene-2.animate .radar-circle>div:not(.light):nth-child(5) { -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-animation-delay: .4s; animation-delay: .4s }
.scene-2.animate .radar-circle>div:not(.light):nth-child(6) { -webkit-transition-delay: .48s; transition-delay: .48s; -webkit-animation-delay: .48s; animation-delay: .48s }
.scene-2.animate .radar-circle>div:not(.light):nth-child(7) { -webkit-transition-delay: .56s; transition-delay: .56s; -webkit-animation-delay: .56s; animation-delay: .56s }
.scene-2.animate .radar-circle>div:not(.light):nth-child(8) { -webkit-transition-delay: .64s; transition-delay: .64s; -webkit-animation-delay: .64s; animation-delay: .64s }
.scene-2.animate .radar-circle>div:not(.light):nth-child(8) { background-color: rgba(0,0,0,.1); -webkit-animation: none; animation: none }
.scene-2.animate .radar-circle>div:not(.light):nth-child(7) { background-color: rgba(0,0,0,.3); -webkit-animation: none; animation: none }
.scene-2.animate .light { -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-delay: .7s; transition-delay: .7s; opacity: 1 }
.scene-2.animate .scene-icons { -webkit-transform: translate(-50%, -50%) scale(.875); transform: translate(-50%, -50%) scale(.875); opacity: 1; -webkit-transition-delay: 1.1s; transition-delay: 1.1s; -webkit-transition-duration: .6s; transition-duration: .6s; -webkit-transition-timing-function: cubic-bezier(.33, .92, .6, 1); transition-timing-function: cubic-bezier(.33, .92, .6, 1) }
.scene-2.animate .scene-icons .icon { opacity: 1 }
.scene-2.animate .scene-icons .icon:nth-child(1) { -webkit-transition-delay: .86s; transition-delay: .86s }
.scene-2.animate .scene-icons .icon:nth-child(2) { -webkit-transition-delay: .92s; transition-delay: .92s }
.scene-2.animate .scene-icons .icon:nth-child(3) { -webkit-transition-delay: .98s; transition-delay: .98s }
.scene-2.animate .scene-icons .icon:nth-child(4) { -webkit-transition-delay: 1.04s; transition-delay: 1.04s }
.scene-2.animate .scene-icons .icon:nth-child(5) { -webkit-transition-delay: 1.1s; transition-delay: 1.1s }
.scene-2.animate .scene-icons .icon:nth-child(6) { -webkit-transition-delay: 1.16s; transition-delay: 1.16s }
.scene-2.animate .scene-icons .icon:nth-child(7) { -webkit-transition-delay: 1.22s; transition-delay: 1.22s }
.scene-2.animate .scene-icons .icon:nth-child(8) { -webkit-transition-delay: 1.28s; transition-delay: 1.28s }
.scene-2.animate .scene-icons .icon:nth-child(9) { -webkit-transition-delay: 1.34s; transition-delay: 1.34s }
.scene-2.animate .scene-icons .icon:nth-child(10) { -webkit-transition-delay: 1.4s; transition-delay: 1.4s }
.scene-2.animate .scene-dashboards { -webkit-transform: translateY(-210%) translateY(0); transform: translateY(-210%) translateY(0); opacity: 1; -webkit-transition-timing-function: cubic-bezier(.33, .92, .6, 1); transition-timing-function: cubic-bezier(.33, .92, .6, 1); -webkit-transition-delay: 1.6s; transition-delay: 1.6s; -webkit-transition-duration: 1.2s; transition-duration: 1.2s }
.scene-2.animate .scene-dashboards .dashboard-speed img:nth-child(1) { -webkit-animation: speedup 20s ease infinite 2.5s; animation: speedup 20s ease infinite 2.5s }
@-webkit-keyframes speedup { 0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
}
    14% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    40% {
        -webkit-transform:rotate(30deg);
        transform:rotate(30deg);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    60% {
        -webkit-transform:rotate(160deg);
        transform:rotate(160deg)
    }
    90% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}
@keyframes speedup { 0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
}
    14% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    40% {
        -webkit-transform:rotate(30deg);
        transform:rotate(30deg);
        -webkit-animation-timing-function:ease-in-out;
        animation-timing-function:ease-in-out
    }
    60% {
        -webkit-transform:rotate(160deg);
        transform:rotate(160deg)
    }
    90% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}
.scene-2.animate .scene-dashboards .dashboard-fuel img:nth-child(1) { -webkit-animation: fuel 5s ease forwards 2.2s; animation: fuel 5s ease forwards 2.2s }
@-webkit-keyframes fuel { 0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
}
    20% {
        -webkit-transform:rotate(265deg);
        transform:rotate(265deg)
    }
    40% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    60% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    90% {
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    100% {
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
}
@keyframes fuel { 0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
}
    20% {
        -webkit-transform:rotate(265deg);
        transform:rotate(265deg)
    }
    40% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    60% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    90% {
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    100% {
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
}
.scene-2.animate .scene-dashboards .dashboard-temperature img:nth-child(1) { -webkit-animation: temperature 5s ease forwards 2.2s; animation: temperature 5s ease forwards 2.2s }
@-webkit-keyframes temperature { 0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
}
    20% {
        -webkit-transform:rotate(265deg);
        transform:rotate(265deg)
    }
    40% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    60% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100% {
        -webkit-transform:rotate(120deg);
        transform:rotate(120deg)
    }
}
@keyframes temperature { 0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
}
    20% {
        -webkit-transform:rotate(265deg);
        transform:rotate(265deg)
    }
    40% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    60% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
    100% {
        -webkit-transform:rotate(120deg);
        transform:rotate(120deg)
    }
}
.scene-2.animate .scene-dashboards .dashboard-engine img:nth-child(2) { -webkit-animation: engine 20s ease infinite 2.5s; animation: engine 20s ease infinite 2.5s }
@-webkit-keyframes engine { 0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
}
    13% {
        -webkit-transform:rotate(10deg);
        transform:rotate(10deg)
    }
    30% {
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
    40% {
        -webkit-transform:rotate(30deg);
        transform:rotate(30deg)
    }
    46% {
        -webkit-transform:rotate(160deg);
        transform:rotate(160deg)
    }
    50% {
        -webkit-transform:rotate(120deg);
        transform:rotate(120deg)
    }
    54% {
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    57% {
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    100% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}
@keyframes engine { 0% {
    -webkit-transform:rotate(0);
    transform:rotate(0)
}
    13% {
        -webkit-transform:rotate(10deg);
        transform:rotate(10deg)
    }
    30% {
        -webkit-transform:rotate(90deg);
        transform:rotate(90deg)
    }
    40% {
        -webkit-transform:rotate(30deg);
        transform:rotate(30deg)
    }
    46% {
        -webkit-transform:rotate(160deg);
        transform:rotate(160deg)
    }
    50% {
        -webkit-transform:rotate(120deg);
        transform:rotate(120deg)
    }
    54% {
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    57% {
        -webkit-transform:rotate(180deg);
        transform:rotate(180deg)
    }
    100% {
        -webkit-transform:rotate(0);
        transform:rotate(0)
    }
}
.scene-2.animate .road-lines { opacity: 1; -webkit-transition-duration: 2.6s; transition-duration: 2.6s; -webkit-transition-delay: 2.2s; transition-delay: 2.2s }
.scene-2.animate .road-lines #animate-area { -webkit-animation: animatedBackground_scene2 20s cubic-bezier(.64, .01, .37, 1) infinite 1.6s; animation: animatedBackground_scene2 20s cubic-bezier(.64, .01, .37, 1) infinite 1.6s }
.scene-3 .road-lines { position: absolute; z-index: 1; height: 100%; width: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: .3s; transition: .3s }
@keyframes animatedBackground { 0% {
    background-position:50% 0
}
    100% {
        background-position:50% 100%
    }
}
.scene-3 .road-lines #animate-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/car-2019/rode-line.png); background-position: 50% 0; background-size: auto 12.5%; background-repeat: repeat-y; -webkit-animation: animatedBackground 4s linear infinite 0s; animation: animatedBackground 4s linear infinite 0s }
.scene-3 .radar-content { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); left: 0; width: 100%; opacity: 0; -webkit-transition-duration: 1.2s; transition-duration: 1.2s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2 }
.scene-3 .radar-content:after { content: ""; display: block; width: 100%; padding-top: 100% }
.scene-3 .radar-content .leaf { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform-origin: center; transform-origin: center }
.scene-3 .radar-content .leaf:nth-child(1) { -webkit-transform: rotate(0); transform: rotate(0) }
.scene-3 .radar-content .leaf:nth-child(2) { -webkit-transform: rotate(45deg); transform: rotate(45deg) }
.scene-3 .radar-content .leaf:nth-child(3) { -webkit-transform: rotate(90deg); transform: rotate(90deg) }
.scene-3 .radar-content .leaf:nth-child(4) { -webkit-transform: rotate(135deg); transform: rotate(135deg) }
.scene-3 .radar-content .leaf:nth-child(5) { -webkit-transform: rotate(180deg); transform: rotate(180deg) }
.scene-3 .radar-content .leaf:nth-child(6) { -webkit-transform: rotate(225deg); transform: rotate(225deg) }
.scene-3 .radar-content .leaf:nth-child(7) { -webkit-transform: rotate(270deg); transform: rotate(270deg) }
.scene-3 .radar-content .leaf:nth-child(8) { -webkit-transform: rotate(315deg); transform: rotate(315deg) }
.scene-3 .radar-content .leaf:nth-child(9) { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
.scene-3 .radar-content .leaf:nth-child(2n) img { -webkit-animation: rotatingleaf 16s linear infinite 0s; animation: rotatingleaf 16s linear infinite 0s }
.scene-3 .radar-content .leaf:nth-child(2n-1) img { -webkit-animation: rotatingleaf_reverse 28s linear infinite 0s; animation: rotatingleaf_reverse 28s linear infinite 0s }
@-webkit-keyframes rotatingleaf { 0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1)
}
    25% {
        -webkit-transform:rotate(90deg) scale(.6);
        transform:rotate(90deg) scale(.6)
    }
    50% {
        -webkit-transform:rotate(180deg) scale(1);
        transform:rotate(180deg) scale(1)
    }
    75% {
        -webkit-transform:rotate(270deg) scale(.6);
        transform:rotate(270deg) scale(.6)
    }
    100% {
        -webkit-transform:rotate(360deg) scale(1);
        transform:rotate(360deg) scale(1)
    }
}
@keyframes rotatingleaf { 0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1)
}
    25% {
        -webkit-transform:rotate(90deg) scale(.6);
        transform:rotate(90deg) scale(.6)
    }
    50% {
        -webkit-transform:rotate(180deg) scale(1);
        transform:rotate(180deg) scale(1)
    }
    75% {
        -webkit-transform:rotate(270deg) scale(.6);
        transform:rotate(270deg) scale(.6)
    }
    100% {
        -webkit-transform:rotate(360deg) scale(1);
        transform:rotate(360deg) scale(1)
    }
}
@-webkit-keyframes rotatingleaf_reverse { 0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1)
}
    50% {
        -webkit-transform:rotate(-180deg) scale(.7);
        transform:rotate(-180deg) scale(.7)
    }
    100% {
        -webkit-transform:rotate(-360deg) scale(1);
        transform:rotate(-360deg) scale(1)
    }
}
@keyframes rotatingleaf_reverse { 0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1)
}
    50% {
        -webkit-transform:rotate(-180deg) scale(.7);
        transform:rotate(-180deg) scale(.7)
    }
    100% {
        -webkit-transform:rotate(-360deg) scale(1);
        transform:rotate(-360deg) scale(1)
    }
}
.scene-3 .scene-icons { position: absolute; top: 50%; -webkit-transform: translateY(-50%) scale(0); transform: translateY(-50%) scale(0); -webkit-transition-duration: .3s; transition-duration: .3s; -webkit-transition-timing-function: cubic-bezier(.33, .92, .6, 1); transition-timing-function: cubic-bezier(.33, .92, .6, 1); left: 0; width: 100%; z-index: 10 }
.scene-3 .scene-icons:after { content: ""; display: block; width: 100%; padding-top: 100% }
.scene-3 .scene-icons img { position: absolute; top: 50%; left: 50%; -webkit-transform-origin: center; transform-origin: center; width: 100%; height: 100%; display: block; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.scene-3.animate .road-lines { opacity: 1; -webkit-transition-duration: 2.6s; transition-duration: 2.6s; -webkit-transition-delay: 2.3s; transition-delay: 2.3s }
.scene-3.animate .radar-content { opacity: 1; -webkit-transition-delay: 1.5s; transition-delay: 1.5s }
.scene-3.animate .scene-icons { -webkit-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); -webkit-transition-duration: .9s; transition-duration: .9s; -webkit-transition-delay: .6s; transition-delay: .6s }
.scene-4 .road-lines { position: absolute; z-index: 1; height: 100%; width: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: .3s; transition: .3s }
@keyframes animatedBackground { 0% {
    background-position:50% 0
}
    100% {
        background-position:50% 100%
    }
}
.scene-4 .road-lines #animate-area { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url(../img/car-2019/rode-line.png); background-position: 50% 0; background-size: auto 12.5%; background-repeat: repeat-y; -webkit-animation: animatedBackground 4s linear infinite 0s; animation: animatedBackground 4s linear infinite 0s }
.scene-4 .radar-content { position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; z-index: 2 }
.scene-4 .radar-content:after { content: ""; display: block; width: 100%; padding-top: 100% }
.scene-4 .radar-content img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; -webkit-transform-origin: center; transform-origin: center; -webkit-animation: hexagon 5s ease infinite 0s; animation: hexagon 5s ease infinite 0s; opacity: 0 }
@-webkit-keyframes hexagon { 0% {
    opacity:0
}
    10% {
        opacity:1
    }
    20% {
        opacity:.5
    }
    30% {
        opacity:1
    }
    40% {
        opacity:.7
    }
    50% {
        opacity:1
    }
    60% {
        opacity:.7
    }
    70% {
        opacity:.6
    }
    80% {
        opacity:1
    }
    90% {
        opacity:1
    }
    100% {
        opacity:0
    }
}
@keyframes hexagon { 0% {
    opacity:0
}
    10% {
        opacity:1
    }
    20% {
        opacity:.5
    }
    30% {
        opacity:1
    }
    40% {
        opacity:.7
    }
    50% {
        opacity:1
    }
    60% {
        opacity:.7
    }
    70% {
        opacity:.6
    }
    80% {
        opacity:1
    }
    90% {
        opacity:1
    }
    100% {
        opacity:0
    }
}
.scene-4 .radar-content img:nth-child(1) { -webkit-animation-delay: 0s; animation-delay: 0s; -webkit-animation-duration: 5s; animation-duration: 5s }
.scene-4 .radar-content img:nth-child(2) { -webkit-animation-delay: .2s; animation-delay: .2s; -webkit-animation-duration: 5.2s; animation-duration: 5.2s }
.scene-4 .radar-content img:nth-child(3) { -webkit-animation-delay: .4s; animation-delay: .4s; -webkit-animation-duration: 5.4s; animation-duration: 5.4s }
.scene-4 .radar-content img:nth-child(4) { -webkit-animation-delay: .6s; animation-delay: .6s; -webkit-animation-duration: 5.6s; animation-duration: 5.6s }
.scene-4 .radar-content img:nth-child(5) { -webkit-animation-delay: .8s; animation-delay: .8s; -webkit-animation-duration: 5.8s; animation-duration: 5.8s }
.scene-4 .radar-content img:nth-child(6) { -webkit-animation-delay: 1s; animation-delay: 1s; -webkit-animation-duration: 6s; animation-duration: 6s }
.scene-4 .scene-icons { display: none }
.scene-4.animate .road-lines { opacity: 1; -webkit-transition-duration: 2.6s; transition-duration: 2.6s; -webkit-transition-delay: 2.3s; transition-delay: 2.3s }
.scene-4.animate .radar-content { opacity: 1; -webkit-transition-duration: 1s; transition-duration: 1s; -webkit-transition-delay: 1s; transition-delay: 1s }
.scene-control-panel { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.scene-control-panel>div { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 16px; height: 80px; position: relative; cursor: pointer }
.scene-control-panel>div:nth-child(1) { color: #f1a43c; background-color: #f1a43c; border-bottom: 8px solid #f1a43c }
.scene-control-panel>div:nth-child(2) { color: #35a7fc; background-color: #35a7fc; border-bottom: 8px solid #35a7fc }
.scene-control-panel>div:nth-child(3) { color: #e273fb; background-color: #e273fb; border-bottom: 8px solid #e273fb }
.scene-control-panel>div:nth-child(4) { color: #72f065; background-color: #72f065; border-bottom: 8px solid #72f065 }
.scene-control-panel>div:after { content: ""; display: block; position: absolute; width: 100%; height: 100%; left: 0; top: 0; text-align: center; background: rgba(0,0,0,.7); -webkit-transition: .3s; transition: .3s; z-index: 1 }
.scene-control-panel>div span { position: relative; z-index: 5 }
.scene-control-panel>div:hover:after { background: rgba(0,0,0,.5) }
@media (max-width:1400px) {
    .scene-control-panel>div { height: 70px }
}
.scene-control-container { margin-top: 40px; font-size: 16px; line-height: 1.6; position: relative; width: 100% }
.scene-control-container .sc-content { opacity: 0; -webkit-transform: translateX(5%); transform: translateX(5%); -webkit-transition-duration: .4s; transition-duration: .4s }
.scene-control-container .sc-content:nth-child(1) { color: #f1a43c }
.scene-control-container .sc-content:nth-child(1) a { color: #f1a43c }
.scene-control-container .sc-content:nth-child(2) { color: #35a7fc }
.scene-control-container .sc-content:nth-child(2) a { color: #35a7fc }
.scene-control-container .sc-content:nth-child(3) { color: #e273fb }
.scene-control-container .sc-content:nth-child(3) a { color: #e273fb }
.scene-control-container .sc-content:nth-child(4) { color: #72f065 }
.scene-control-container .sc-content:nth-child(4) a { color: #72f065 }
.scene-control-container .sc-content.showsc { opacity: 1; -webkit-transform: translateX(0); transform: translateX(0); -webkit-transition-duration: .4s; transition-duration: .4s; z-index: 100 }
.scene-control-container .sc-links a:hover { text-decoration: underline }
.scene-control-container h3 { display: block; font-size: 36px; line-height: 1.2; margin-bottom: 1em }
.scene-control-container h3+p { margin: 2em 0; line-height: 1.8 }
.scene-control-container h3+p:not(:last-child) { margin-bottom: 1.5em; font-size: 18px }
@media (max-width:1400px) {
    .scene-control-container h3+p:not(:last-child) { font-size: 16px }
}
.scene-control-container ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: .4em }
.scene-control-container ul li:before { margin-right: 10px; content: ""; width: .5em; height: .5em; min-width: .5em; min-height: .5em; background: #943d3d; display: block; border-radius: 100% }
@media (max-width:1400px) {
    .scene-control-container ul li { font-size: 14px }
}
.scene-control-container .sc-content { position: absolute; width: 100%; left: 0; top: 0 }
.scene-control-container .sc-content:nth-child(1) ul li:before { background-color: #f1a43c }
.scene-control-container .sc-content:nth-child(2) ul li:before { background-color: #35a7fc }
.scene-control-container .sc-content:nth-child(3) ul li:before { background-color: #e273fb }
.scene-control-container .sc-content:nth-child(4) ul li:before { background-color: #72f065 }
@media (max-width:1050px) {
    .scene-control-container h3 { font-size: 32px; margin-bottom: .8em }
    .car-scenes { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse }
    .car-scenes-wrapper .scene-graph { width: 100%; max-width: 800px; min-width: 0; margin: 40px auto 0 }
    .car-scenes-wrapper { padding: 40px }
    .car-scenes-wrapper .scene-control { padding-left: 0 }
    .scene-control-container .sc-content a { text-decoration: none; border-bottom: 2px dotted rgba(255,255,255,.1) }
}
@media (max-width:450px) {
    .car-scenes-wrapper { padding: 20px }
    .scene-control-panel>div { height: 58px; font-size: 14px; border-bottom-width: 5px!important; white-space: nowrap }
    .scene-control-container h3+p:not(:last-child) { font-size: 14px }
    .scene-control-container h3 { font-size: 24px }
}
@media (max-width:360px) {
    .scene-control-panel>div { height: 50px; font-size: 13px }
}
.car-rows { margin-top: 30px; margin-bottom: 20px }
.car-rows .row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 30px 15px; background-color: #f6f6f6 }
.car-rows .row .car-figure { max-width: 260px; min-width: 260px; margin: 10px 40px 10px 0 }
.car-rows .row .car-figure+.car-text { margin: 10px 0 }
.car-rows .row .car-text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding-bottom: 15px }
.car-rows .row .car-text h3 { padding-left: 0; display: block; font-weight: 700; font-size: 28px; line-height: 1.4; color: #333; margin-bottom: .7em }
.car-rows .row .car-text p~ul { margin: 20px 0; padding-left: 1.2em }
.car-rows .row .car-text p~ul li { font-size: 12px }
.car-rows .row:not(:last-child) { margin-bottom: 40px }
.car-rows .row.dark { background-color: #232323; padding: 6% 20px }
.car-rows .row.dark img { margin: auto }
.car-rows .adas-icons { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px }
.car-rows .adas-icons .icon { width: 8.33%; padding: 0 0 20px 20px }
.car-rows .adas-icons .icon img { display: block; position: relative; z-index: 1 }
.car-rows .adas-icons .icon span { font-size: 12px; display: block; text-align: center; margin-top: 6px }
.car-rows .sub-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -20px }
.car-rows .sub-col .col { min-width: calc(20% - 20px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0 0 20px 20px; padding: 20px; background-color: #fff; text-align: center }
.car-rows .sub-col .col h4 { font-size: 24px; display: block; text-align: center; line-height: 1.2; color: #008fd3; font-weight: 700; font-style: normal }
.car-rows .sub-col .col h4 strong { display: block; font-weight: 200; line-height: 1.2; font-size: .7em; color: #222 }
.car-rows .sub-col .col h4 small { display: block; line-height: 1.2; font-size: .5em; color: #222; margin-top: .3em; font-weight: 700 }
.car-rows .sub-col .col p { font-size: 14px; width: 100%; overflow: hidden }
.car-rows .evsystem { background-color: #222; padding: 40px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.car-rows .evsystem .col:nth-child(2) { width: 45%; margin-left: 30px }
html.ie .car-rows { font-family: 'Microsoft Yahei', '微软雅黑', Arial, sans-serif }
html.ie .car-rows .evsystem .col:nth-child(1) { max-width: calc(45% - 30px) }
html.ie .car-rows .evsystem .col:nth-child(2) { max-width: 45% }
html.ie .car-rows .adas-icons .icon { max-width: 33.3333% }
html.ie .car-rows .sub-col .col { width: calc(20% - 20px); max-width: calc(20% - 20px); font-style: normal }
html.ie .car-rows .sub-col .col h4 { font-style: normal }
@media (max-width:1240px) {
    .car-rows .row .car-text h3 { font-size: 24px }
}
@media (max-width:1100px) {
    .car-rows .evsystem { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
    .car-rows .evsystem>div { width: 100%!important; margin: 0 }
    .car-rows .evsystem>div:not(:last-child) { margin-bottom: 30px }
    .car-rows .sub-col { -ms-flex-wrap: wrap; flex-wrap: wrap }
    .car-rows .sub-col .col { max-width: calc(33.33% - 20px); min-width: calc(33.33% - 20px) }
    html.ie .car-rows .sub-col .col { max-width: calc(33.33% - 20px); min-width: calc(33.33% - 20px) }
    .car-rows .adas-icons .icon { width: 10% }
    html.ie .car-rows .adas-icons .icon { max-width: 10% }
}
@media (max-width:900px) {
    .car-rows .adas-icons .icon { width: 12.5% }
    html.ie .car-rows .adas-icons .icon { max-width: 12.5% }
}
@media (max-width:700px) {
    .car-rows .adas-icons .icon { width: 16.6666% }
    html.ie .car-rows .adas-icons .icon { max-width: 16.66666% }
    .car-rows .row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
    .car-rows .row .car-figure { max-width: 360px; min-width: 0; margin: 10px auto }
    .car-rows .row .car-text { width: 100% }
    .car-rows .row .car-text h3 { font-size: 20px }
    .car-rows .row { padding: 20px 20px 15px }
    .car-rows .row:not(:last-child) { margin-bottom: 20px }
    .car-rows .sub-col .col { max-width: calc(50% - 20px); min-width: calc(50% - 20px) }
    .car-rows .sub-col .col h4 small { font-size: .6em }
    html.ie .car-rows .sub-col .col { max-width: calc(50% - 20px); min-width: calc(50% - 20px) }
    .car-rows .sub-col .col h4 { margin-bottom: .7em }
}
@media (max-width:600px) {
    .car-rows .adas-icons .icon { width: 20% }
    html.ie .car-rows .adas-icons .icon { max-width: 20% }
}
@media (max-width:550px) {
    .car-rows .adas-icons .icon { width: 25% }
    html.ie .car-rows .adas-icons .icon { max-width: 25% }
}
@media (max-width:500px) {
    .car-rows .adas-icons .icon { width: 33.3333% }
    html.ie .car-rows .adas-icons .icon { max-width: 33.3333% }
    .car-rows .sub-col .col { width: 100%; max-width: none; min-width: 0 }
    html.ie { max-width: none; min-width: 0 }
}
.main-part-dom.style-1 .svg-icon-wrapper path { fill: #005bac }
.main-part-dom.style-2 .svg-icon-wrapper path { fill: #fff }
.main-part-dom .svg-icon-title { display: none }
@media (max-width:1100px) {
    .main-part-dom .svg-icon-title { display: block; font-size: 4vw; position: relative; z-index: 5; text-align: left!important; padding-left: 16%!important }
    .main-part-dom .svg-icon-wrapper { position: absolute; z-index: 1; top: 0; left: 0; -webkit-transform: translate(-20%, -60%); transform: translate(-20%, -60%); width: auto!important; padding: 0 }
    .main-part-dom .svg-icon-wrapper svg { width: 24vw; height: 24vw; display: block }
    .main-part-dom.style-1 svg path { fill: #eee!important }
    .main-part-dom.style-2 svg path { fill: #fff!important; opacity: .2 }
}
@media (max-width:520px) {
    .main-part-dom .svg-icon-title { font-size: 6vw; padding-left: 14%!important }
}
@media (max-width:370px) {
    .health .main-part-dom .main-part-dom-left li:nth-child(1) { overflow: hidden }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) .svg-icon-wrapper { left: 50%; top: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) .svg-icon-wrapper svg { width: 26vw; height: 26vw }
    .health .main-part-dom .main-part-dom-left li:nth-child(1) .svg-icon-title { padding: 3%!important; text-align: center!important }
}
.car-scenes-wrapper .scene-graph .scene-mask:before { background: -webkit-gradient(linear, left top, left bottom, from(#232323), to(rgba(35,35,35,0))); background: linear-gradient(to bottom, #232323 0, rgba(35,35,35,0) 100%) }
.car-scenes-wrapper .scene-graph .scene-mask:after { background: -webkit-gradient(linear, left top, left bottom, from(rgba(35,35,35,0)), to(#232323)); background: linear-gradient(to bottom, rgba(35,35,35,0) 0, #232323 100%) }
.car-scenes-wrapper .car-scenes { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start }
.featured-main h3 { font-size: 28px; margin: .6em 0 }
.featured-main h3~p { margin: 1.5em 0!important }
@media (max-width:1500px) {
    .featured-main h3 { font-size: 26px }
}
@media (max-width:1300px) {
    .featured-main h3 { font-size: 24px }
}
@media (max-width:1100px) {
    .featured-main h3 { font-size: 20px }
}
@media (max-width:900px) {
    .featured-main h2 { font-size: 28px!important }
}
@media (max-width:500px) {
    .featured-main h2 { margin-bottom: 0!important; font-size: 32px!important }
    .featured-main h2+h3 { font-size: 18px; margin: .8em 0 1.2em!important }
    .featured-main div a { font-size: 12px!important }
}
.homepage-black .layout .sectionmenu.style-2 { margin-top: 0 }
@media (max-width:1720px) {
    .homepage-black .layout .sectionmenu.style-2>* { margin-top: 0 }
}
@media (max-width:1720px) {
    .homepage-black .layout .section-business { margin: 0 auto; padding: 4% 0 }
}
@media screen and (max-width:1100px) {
    .homepage-black .layout .section-business-main ul { padding: 0 20px }
    .homepage-black .layout .section-business-main ul li { width: calc(25% - 15px) }
}
@media screen and (max-width:900px) {
    .homepage-black .layout .section-business { margin: 0 auto; padding: 20px 0 }
    .homepage-black .layout .section-business-main ul li { width: 100% }
}
.section-introduction-wrap { width: 100%!important }
.section-introduction-wrap>div h2 { font-size: 30px; font-weight: 400 }
.section-introduction-wrap>div p { font-size: 18px; line-height: 1.8 }
@media (max-width:1050px) {
    .scene-control-wrapper { width: 100% }
    .car-scenes-wrapper .scene-control { width: 100% }
}
@media (max-width:750px) {
    .primary-content .project-section ul { height: auto }
}
@media screen and (max-width:700px) {
    .car .layout .featured-position .featured-main div h3 { margin-bottom: 0!important }
    .city .layout .featured-position .featured-main div h3 { margin-bottom: 0!important }
    .health .layout .featured-position .featured-main div h3 { margin-bottom: 0!important }
}
@media (max-width:500px) {
    .featured-main h2 { font-size: 26px!important }
}
body { font-family: "Microsoft Yahei", "微软雅黑", Arial, sans-serif }
.health .main .style-2 .main-part-dom-center h3.health-subtitle { color: #505050; font-size: 28px }
.health .main .style-2 .main-part-dom-center h4 { font-size: 18px; font-weight: 700; line-height: 1.3; display: block; margin-bottom: .4em; color: #505050 }
.health .main .style-2 .main-part-dom-center .multi-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
.health .main .style-2 .main-part-dom-center .multi-col .col ul { width: 100% }
.health .main .style-2 .main-part-dom-center .multi-col.col-2 .col { width: 49% }
.health .main .style-2 .main-part-dom-center .multi-col.col-3 .col { width: 49% }
.health .main .style-1 .main-part-dom-center h4 { font-size: 18px; font-weight: 700; line-height: 1.3; display: block; margin-bottom: .4em; color: #fff }
.health .main .style-1 .main-part-dom-center .multi-col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
.health .main .style-1 .main-part-dom-center .multi-col .col ul { width: 100% }
.health .main .style-1 .main-part-dom-center .multi-col.col-2 .col { width: 49% }
.health .main .style-1 .main-part-dom-center .multi-col.col-3 .col { width: 49% }
.health .main-part-dom .main-part-dom-center ul li a { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; overflow: visible; padding-left: 1em }
.health .main-part-dom .main-part-dom-center ul li a:before { position: relative; top: auto; -webkit-transform: translateX(-1em); transform: translateX(-1em); min-width: 8px; min-height: 8px }
@media (max-width:1550px) {
    .health .main-part-dom .main-part-dom-center ul li a { font-size: 14px }
    .health .main-part-dom .main-part-dom-center h3 { font-size: 26px }
    .health .main .style-2 .main-part-dom-center h3.health-subtitle { font-size: 26px }
    .health .main-part-dom .main-part-dom-center p { font-size: 18px }
}
@media (max-width:1440px) {
    .health .main .style-2 .main-part-dom-center h3.health-subtitle { font-size: 22px }
    .health .main-part-dom .main-part-dom-center p { font-size: 16px }
    .health .main .style-2 .main-part-dom-center h4 { font-size: 16px }
}
@media (max-width:1250px) {
    .health .main .style-1 .main-part-dom-center .multi-col.col-2 .col, .health .main .style-1 .main-part-dom-center .multi-col.col-3 .col, .health .main .style-2 .main-part-dom-center .multi-col.col-2 .col, .health .main .style-2 .main-part-dom-center .multi-col.col-3 .col { width: 100% }
}
@media screen and (max-width:1100px) {
    .health .main .style-1 .main-part-dom-center h4~ul, .health .main .style-2 .main-part-dom-center h4~ul { margin-bottom: 25px }
    .health .main-part-dom .main-part-dom-center h2 { display: none }
    .health .main-part-dom .main-part-dom-center { margin-top: 30px!important }
    .health .main-part-dom .main-part-dom-left { margin-bottom: 0 }
}
@media screen and (max-width:650px) {
    .health .main-part-dom .main-part-dom-center h3 { margin-top: 5px }
    .main-part-dom .svg-icon-title { font-size: 6vw }
    .health .main-part-dom .main-part-dom-center h3 { font-size: 22px }
}
@media (max-width:420px) {
    .health .main .style-2 .main-part-dom-center h3.health-subtitle { font-size: 20px }
    .main-part-dom .svg-icon-title { font-size: 6.5vw }
}
.neusoft-history { margin: 0; overflow: hidden }
@media (max-width:600px) {
    .neusoft-history { margin-top: 0 }
}
.neusoft-history .time-line-wrap { margin-top: 20px }
.neusoft-history .time-line-content { width: 100%; overflow: hidden; padding: 0; position: relative }
@media (max-width:500px) {
    .neusoft-history .time-line-content { padding: 0 0 60px }
}
.neusoft-history .time-line-full-track { width: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; padding: 0 100px; overflow-x: auto }
.neusoft-history .time-line-full-track:after, .neusoft-history .time-line-full-track:before { display: block; content: ""; width: 100%; height: 1px; background-color: #333; bottom: 1px; position: absolute; left: 0; right: 0 }
.neusoft-history .time-line-full-track:after { bottom: 40px }
.neusoft-history .tl-object:not(:last-child) { margin-right: 40px }
.neusoft-history .tl-item { width: 180px; height: auto; overflow: hidden; position: relative; padding: 30px 20px 30px 30px; color: #333 }
.neusoft-history .tl-object:last-child .tl-item { padding-right: 0; padding-bottom: 20px; width: 140px }
.neusoft-history .tl-item:before { content: ""; width: 20px; height: 20px; border: 3px solid #333; border-radius: 50%; background-color: transparent; display: block; left: 30px; top: 0; position: absolute }
.neusoft-history .tl-item:after { content: ""; width: 30px; height: 100%; position: absolute; border-top-left-radius: 8px; border-top: 1px dashed #333; border-left: 1px dashed #333; position: absolute; left: 0; top: 10px }
.neusoft-history .tl-year { display: -webkit-box; display: -ms-flexbox; display: flex; display: -webkit-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; vertical-align: middle; width: auto; height: 40px; font-size: 16px; text-transform: uppercase; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); font-weight: 700; color: #333; overflow: visible; line-height: 40px; text-align: center; white-space: nowrap }
.neusoft-history .time-line-content:after, .neusoft-history .time-line-content:before { content: ""; width: 15%; max-width: 180px; height: 100%; position: absolute; top: 0; bottom: 0; z-index: 2; display: block; left: 0; background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255,255,255,0))); background: -webkit-linear-gradient(left, #FAFAFA 0, rgba(255,255,255,0) 100%); background: -o-linear-gradient(left, #FAFAFA 0, rgba(255,255,255,0) 100%); background: linear-gradient(to right, #FAFAFA 0, rgba(255,255,255,0) 100%) }
.neusoft-history .time-line-content:after { right: 0; left: auto; background: -webkit-gradient(linear, left top, right top, from(rgba(255,255,255,0)), to(white)); background: -webkit-linear-gradient(left, rgba(255,255,255,0) 0, #FAFAFA 100%); background: -o-linear-gradient(left, rgba(255,255,255,0) 0, #FAFAFA 100%); background: linear-gradient(to right, rgba(255,255,255,0) 0, #FAFAFA 100%) }
.neusoft-history .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { border: 1px solid #ccc; background-color: #fff; -webkit-transition: .3s; -o-transition: .3s; transition: .3s }
.neusoft-history .mCSB_scrollTools:hover .mCSB_dragger .mCSB_dragger_bar { border: 1px solid #333 }
.neusoft-history .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { height: 11px; border-radius: 6px; margin: 3px auto }
.neusoft-history .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { height: 1px; margin: 8px 0 }
.neusoft-history span.nobr { display: block }
@media (max-width:600px) {
    .neusoft-history .time-line-full-track { padding: 0 40px }
    .neusoft-history .time-line-content:after, .neusoft-history .time-line-content:before { display: none }
    .neusoft-history .tl-item { width: 130px; font-size: 12px; padding: 30px 20px 30px 20px; color: #333 }
    .neusoft-history .tl-item:before { left: 22px; width: 16px; height: 16px }
    .neusoft-history .tl-item:after { top: 8px; width: 24px }
    .neusoft-history .tl-object:not(:last-child) { margin-right: 10px }
}
.neusoft-history .section-about-title h2 { font-size: 35px; font-weight: 400; line-height: 1.1; margin: 30px 0; text-align: center }
.primary-content .project-section .project-descriptions>p:last-child>a { display: inline-block; margin-top: 20px }
.primary-content .project-section .project-descriptions>p:last-child>a:first-child { font-size: 16px; color: #565656 }
@media (max-width:1300px) {
    .primary-content .project-section .project-descriptions>p:last-child>a:first-child { font-size: 14px }
}
.primary-content .project-section:nth-child(2n) .project-descriptions>p:last-child>a { display: inline-block; margin-top: 20px }
.primary-content .project-section:nth-child(2n) .project-descriptions>p:last-child>a:first-child { font-size: 16px; color: #fff }
@media (max-width:1300px) {
    .primary-content .project-section:nth-child(2n) .project-descriptions>p:last-child>a:first-child { font-size: 14px }
}
.flex-panel { width: 100%!important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 20px!important }
@media (max-width:600px) {
    .flex-panel { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px!important }
}
.flex-panel .col { width: 70%; min-width: 70%; min-width: 70%; position: relative; padding: 10px }
@media (max-width:900px) {
    .flex-panel .col { width: 50%; min-width: 50%; min-width: 50% }
}
@media (max-width:600px) {
    .flex-panel .col { width: 100%; min-width: 0; min-width: none }
}
.flex-panel .col.hasbg { width: 30%; min-width: 30%; min-width: 30%; background-size: contain }
@media (max-width:900px) {
    .flex-panel .col.hasbg { width: 50%; min-width: 50%; min-width: 50% }
}
@media (max-width:600px) {
    .flex-panel .col.hasbg { width: 100%; min-width: 0; min-width: none; margin-bottom: 30px }
}
.flex-panel .col.hasbg p { position: absolute; top: 0; left: 0; right: 0; bottom: 0 }
.flex-panel .col.hasbg:after { content: ""; width: 100%; display: block; padding-top: 100% }
.flex-panel .col.hasbg img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; -o-object-position: center; object-position: center; -o-object-fit: contain; object-fit: contain }
.flex-panel .col h3 { margin-bottom: 15px!important }
.flex-panel .col ul li { font-size: 14px }
.financial-area { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 40px 0; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
@media (max-width:960px) {
    .financial-area { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center }
}
.financial-area .col { width: 50%; min-width: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap }
@media (max-width:960px) {
    .financial-area .col { width: 100%; min-width: 0; max-width: 600px }
    .financial-area .col p { width: 100% }
    .financial-area .col:first-child { margin-bottom: 40px; padding-right: 0!important }
}
.financial-area .col:first-child { padding-right: 2% }
.financial-area .col:first-child img { width: 100%; display: block; height: auto; margin: 0 auto }
.financial-area .col .item { width: 33.3333%; min-width: 33.3333%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 3% 5% }
@media (max-width:450px) {
    .financial-area .col .item { width: 50%; min-width: 50%; padding: 3% 5% 5% }
}
.financial-area .col .item .tag { width: 100%; position: relative; border-radius: 100%; color: #005bac; border: 1px solid #005bac; margin-bottom: 20px }
.financial-area .col .item .tag:before { content: ""; display: block; width: 100%; padding-top: 100% }
.financial-area .col .item .tag i { position: absolute; width: 90%; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); font-size: 28px; text-align: center; font-style: normal }
@media (max-width:1240px) {
    .financial-area .col .item .tag i { font-size: 2.2vw }
}
@media (max-width:960px) {
    .financial-area .col .item .tag i { font-size: 28px }
}
@media (max-width:960px) {
    .financial-area .col .item .tag i { font-size: 3.8vw }
}
@media (max-width:450px) {
    .financial-area .col .item .tag i { font-size: 6vw }
}
.financial-area .col .item span { text-align: center; font-size: 16px; line-height: 1.5; width: 100%; overflow: hidden; display: block; }
@media (max-width:1240px) {
    .financial-area .col .item span { font-size: 14px }
}
.net-security { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -20px }
.net-security .item { width: calc(25% - 20px); min-width: calc(25% - 20px); margin-left: 20px; margin-bottom: 20px; background-color: #f6f6f6; padding: 25px 20px }
@media (max-width:960px) {
    .net-security .item { width: calc(33.333% - 20px); min-width: calc(33.333% - 20px) }
}
@media (max-width:720px) {
    .net-security .item { width: calc(50% - 20px); min-width: calc(50% - 20px) }
}
@media (max-width:450px) {
    .net-security .item { width: calc(100% - 20px); min-width: calc(100% - 20px) }
}
.net-security .item .icon { margin: 0 auto 15px; width: 56px; height: 56px }
@media (max-width:450px) {
    .net-security .item .icon { width: 65px; height: 65px }
}
.net-security .item .icon img { width: 100%; display: block; -webkit-filter: hue-rotate(-4deg) saturate(1) brightness(1.2); filter: hue-rotate(-4deg) saturate(1) brightness(1.2) }
.net-security .item h3 { font-size: 16px; text-align: center; color: #333; font-weight: 700 }
@media (max-width:500px) {
    .net-security .item h3 { font-size: 14px }
}
@media (max-width:450px) {
    .net-security .item h3 { font-size: 16px }
}
.net-security .item p { font-size: 12px }
.allow-full-screen-bg .entry-content, .allow-full-screen-bg .news-content, .allow-full-screen-bg .pagination, .allow-full-screen-bg .post-entry { overflow: visible }
.allow-full-screen-bg .news-content { margin-top: 0 }
.product-slogan { margin-bottom: 60px }
.product-slogan.full-width { position: relative; padding: 60px 0; text-align: center; font-size: 32px; line-height: 1.5; color: #008fd3 }
.product-slogan.full-width .text { position: relative; z-index: 5 }
.product-slogan.full-width:after { width: 100vw; max-width: 2000px; height: 100%; background-color: #f6f6f6; content: ""; display: block; position: absolute; z-index: 1; top: 0; left: 50%; -webkit-transform: translateX(-50%); transform: translateX(-50%) }
@media (max-width:1300px) {
    .product-slogan.full-width { font-size: 30px }
}
@media (max-width:1000px) {
    .product-slogan.full-width { font-size: 28px }
}
@media (max-width:700px) {
    .product-slogan.full-width { font-size: 26px }
}
@media (max-width:500px) {
    .product-slogan.full-width { padding: 40px 0; font-size: 24px }
}
.product_features { margin-left: -20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap }
.product_features.col-3 .item { width: calc(33.33% - 20px) }
@media (max-width:700px) {
    .product_features.col-3 .item { width: calc(50% - 20px) }
}
@media (max-width:500px) {
    .product_features.col-3 .item { width: calc(100% - 20px) }
}
.product_features.col-4 .item { width: calc(25% - 20px) }
@media (max-width:700px) {
    .product_features.col-4 .item { width: calc(50% - 20px) }
}
@media (max-width:500px) {
    .product_features.col-4 .item { width: calc(100% - 20px) }
}
.product_features.col-5 .item { width: calc(20% - 20px) }
@media (max-width:1000px) {
    .product_features.col-5 .item { width: calc(33.33% - 20px) }
}
@media (max-width:700px) {
    .product_features.col-5 .item { width: calc(50% - 20px) }
}
@media (max-width:500px) {
    .product_features.col-5 .item { width: calc(100% - 20px) }
}
.product_features .item { width: calc(25% - 20px); margin: 0 0 20px 20px; padding: 20px; background-color: #f6f6f6; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.product_features .item h3 { font-size: 20px; display: block; margin-bottom: 0; line-height: 1.4; text-align: center; font-weight: 700; color: #666; padding: 0!important }
@media (max-width:500px) {
    .product_features .item h3 { font-size: 18px }
}
.product_features .item h3+p { margin-top: 15px; max-width: 260px }
.product_features .item p { font-size: 14px; text-align: center; margin: auto }
.product_architecture { margin-bottom: 60px }
.product_architecture img { margin: 0 auto; display: block; width: 100% }
.product_architecture img.mx1100 { max-width: 1100px }
.product_architecture img.mx1000 { max-width: 1000px }
.product_architecture img.mx900 { max-width: 900px }
.product_architecture img.mx800 { max-width: 800px }
.product_architecture img.mx700 { max-width: 700px }
.product_architecture img.mx600 { max-width: 600px }
.product_architecture img.mx500 { max-width: 500px }
.product_architecture img.mx400 { max-width: 400px }
.product_architecture img.mx300 { max-width: 300px }
.list-group { margin-bottom: 60px }
.list-group ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0 }
.list-group ul li { width: 30%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; padding-left: 0 }
@media (max-width:800px) {
    .list-group ul li { width: 48% }
}
@media (max-width:500px) {
    .list-group ul li { width: 100% }
}
.list-group h3 { margin-top: 25px!important; margin-bottom: 10px!important }
.sub-items { padding-left: 1.5em }
.sub-items a { display: inline-block!important; padding: 0 2px!important }
.sub-items a:before { display: none!important }
.smart_medical h2 { font-weight: 400; line-height: 1.1; padding-left: 10px; border-left: 4px solid #008fd3 }
.smart_medical h2+h3 { padding-left: 0 }
.smart_medical .item { margin-top: 40px!important }
.smart_medical .item:not(:last-child) { margin-bottom: 60px!important }
.smart_medical .item .multi-col, .smart_medical .item>ul { background-color: #f6f6f6; padding: 20px 20px 20px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 20px 0!important }
@media (max-width:900px) {
    .smart_medical .item .multi-col, .smart_medical .item>ul { padding: 20px 20px 20px 30px }
}
.smart_medical .item .multi-col>.col, .smart_medical .item .multi-col>li, .smart_medical .item>ul>.col, .smart_medical .item>ul>li { width: 33.333%; padding-right: 20px }
@media (max-width:900px) {
    .smart_medical .item .multi-col>.col, .smart_medical .item .multi-col>li, .smart_medical .item>ul>.col, .smart_medical .item>ul>li { width: 100% }
}
.smart_medical .item .multi-col>.col h4, .smart_medical .item .multi-col>li h4, .smart_medical .item>ul>.col h4, .smart_medical .item>ul>li h4 { font-size: 16px; font-weight: 700 }
.smart_medical .item .multi-col>.col h4~ul, .smart_medical .item .multi-col>li h4~ul, .smart_medical .item>ul>.col h4~ul, .smart_medical .item>ul>li h4~ul { margin: 10px 0 20px!important }
.smart_medical .item .sub-items { padding-left: 0!important }
.smart_medical .item .sub-items a { display: inline-block!important; padding: 0 2px }
.net-security .item { width: calc(100% - 20px)!important; min-width: 0!important; position: relative; padding-left: 110px }
.net-security .item .icon { margin: 0; position: absolute; left: 30px; top: auto }
.net-security .item h3 { margin: 0 0 10px 0; text-align: left; padding: 0 }
@media (max-width:450px) {
    .net-security .item { padding: 30px 20px }
    .net-security .item .icon { margin: 0 auto 10px; left: auto; position: relative }
    .net-security .item h3 { text-align: center }
}
.section-introduction { -ms-flex-wrap: nowrap; flex-wrap: nowrap }
@media (max-width:980px) {
    .section-introduction { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
    .section-introduction .section-introduction-right { margin: 30px 0!important; width: 100%; max-width: none }
    .section-introduction .section-introduction-left { width: 100% }
    .section-introduction .section-introduction-left>div p { margin: 30px 0 }
    .section-introduction .section-introduction-right>div { padding: 30px 30px 40px }
    .section-introduction .section-introduction-right>div h2 { margin-bottom: 20px }
}
@media (max-width:950px) {
    .section-introduction .section-introduction-left { margin-bottom: 10px }
    .section-introduction .section-introduction-right>div { background-size: contain }
}
.section-introduction-right { min-width: calc(45% - 40px); max-width: calc(45% - 40px); margin-left: 40px }
.section-introduction-right h2 { margin-top: 0!important }
.section-introduction-right ul { padding-left: 0 }
.section-introduction-right ul li { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; padding-left: 0!important; line-height: 1.4!important }
.section-introduction-right ul li:after { display: none!important }
.section-introduction-right ul li:before { content: ""; width: .5em; min-width: .5em; height: .5em; border-radius: 100%; background-color: #fff; display: block; margin-right: .5em }
.section-introduction-right>div { position: relative; top: auto; -webkit-transform: none; -ms-transform: none; transform: none }
.common-footer .footer-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
@media (max-width:1200px) {
    .common-footer .footer-nav { -webkit-box-align: center; -ms-flex-align: center; align-items: center }
}
@media screen and (max-width:835px) {
    .common-footer .footer-nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
    .common-footer .footer-nav>ul { width: 100% }
}
.common-footer .footer-nav>ul { width: 80%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
@media (max-width:1200px) {
    .common-footer .footer-nav>ul { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 0 }
}
@media (max-width:450px) {
    .common-footer .footer-nav>ul { width: 100%; padding: 20px!important; overflow: hidden }
}
.common-footer .footer-nav>ul>li { float: none; width: auto!important; padding: 0!important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-preferred-size: 25%; flex-basis: 25%; margin-bottom: 5% }
.common-footer .footer-nav>ul>li:not(:first-child) { padding-left: 4%!important }
@media (max-width:1200px) {
    .common-footer .footer-nav>ul>li { -ms-flex-preferred-size: 50%; flex-basis: 50% }
    .common-footer .footer-nav>ul>li:nth-child(2n-1) { padding-left: 0!important }
}
@media (max-width:530px) {
    .common-footer .footer-nav>ul>li { -ms-flex-preferred-size: 100%; flex-basis: 100% }
    .common-footer .footer-nav>ul>li:nth-child(2n) { padding-left: 0!important }
    .common-footer .footer-nav>ul>li:not(:last-child) { border-bottom: 1px solid #e0e0e0!important; padding-bottom: 20px!important }
}
.common-footer .footer-nav>ul>li h3 { width: 100% }
.common-footer .footer-nav>ul>li ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap }
.common-footer .footer-nav>ul>li ul li { width: 50%!important }
.common-footer .footer-qr-code { width: 20%; min-width: 260px }
@media screen and (max-width:835px) {
    .common-footer .footer-qr-code { width: 100%; min-width: 0; margin: 30px 0 0 }
}
@media (max-width:450px) {
    .common-footer .footer-qr-code { overflow: hidden; margin-top: 0 }
}
@media screen and (max-width:835px) {
    .common-footer .footer-nav>ul>li:nth-child(2n) { border-right: 0 }
    .footer-copyright { text-align: center }
}
@media screen and (max-width:700px) {
    .common-footer .footer-nav>ul { padding: 50px 0 0; margin-bottom: 0 }
}
.common-footer .footer-nav>ul>li h3 { font-size: 15px; font-weight: 700 }
.post-category, .post-date { font-size: 16px; color: #666 }
.post-meta { text-align: right }
.section-introduction { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.section-special-items { width: 100%; max-width: 1200px; height: auto; overflow: hidden; padding: 0 20px; margin: 80px auto 60px }
.section-special-items ul { display: -webkit-box; display: -ms-flexbox; display: flex; margin-left: -20px; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.section-special-items ul li { margin: 0 0 20px 20px; -ms-flex-preferred-size: 25%; flex-basis: 25%; width: calc(20% - 20px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; background-color: #f6f6f6; padding: 15px; border-top: 2px solid #ddd }
.section-special-items ul li h3 { font-size: 18px; font-weight: 400; line-height: 1.4; display: block; margin: 0 0 10px!important; text-align: center }
.section-special-items ul li p { font-size: 12px; line-height: 1.7; color: #666 }
.section-function-main ul li figure img { width: 90%; max-width: 200px; max-height: 138px }
.section-function-title h2 { margin-bottom: 70px!important }
.section-function-main ul li figure h3 { white-space: nowrap; overflow: hidden; text-overflow: ellipsis }
.section-other-customer { width: 100%; max-width: 1200px; height: auto; overflow: hidden; margin: 80px auto; padding: 30px; border-left: 2px solid #ddd; background-color: #f6f6f6 }
.section-other-customer a, .section-other-customer a:link { color: #333 }
.section-other-customer .section-other-title h2 { font-size: 18px; line-height: 1.1; font-weight: 400; margin: 0 0 15px 0!important; font-weight: 700 }
.section-other-customer .section-other-main { font-size: 16px }
@media (max-width:1270px) {
    .section-other-customer { width: calc(100% - 60px) }
}
.single-figure { width: 90%; max-width: 1200px; margin: 60px auto }
.single-figure:first-child { margin-top: 0 }
.single-figure:last-child { margin-bottom: 0 }
.single-figure img { width: 100%; display: block; max-width: 400px; margin: 0 auto }
.align-center-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; max-width: 1200px; padding: 0 20px }
.align-center-items>p { margin: 1em 0 }
.align-center-items>p:first-child { margin-top: 0 }
.align-center-items>p:last-child { margin-bottom: 0 }
.align-center-items .mx600 { width: 100%; max-width: 800px }
.section-simple h2 { margin: 0 auto 20px!important }
.section-simple .item { margin: 10px; -ms-flex-preferred-size: 25%; flex-basis: 25% }
.section-simple .item h3 { background-color: #008fd3; color: #fff; margin: 0; padding: 10px; text-align: center }
.section-simple .item p { margin: 0; padding: 15px 20px; background-color: #fff; text-align: center }
.section-simple .align-center-items { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
.cell-items { max-width: 1200px; padding: 0 10px; margin: 0 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
.cell-items .item { -ms-flex-preferred-size: calc(25% - 20px); flex-basis: calc(25% - 20px); width: calc(25% - 20px); -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 10px; background-color: #fff }
.cell-items .item h4 { background-color: #008fd3; color: #fff; margin: 0; padding: 6px 10px; text-align: center; display: block; font-size: 16px }
.cell-items .item p { padding: 15px 20px }
@media (max-width:1300px) {
    .section-other-customer .section-other-main { font-size: 14px; line-height: 1.6 }
}
@media (max-width:950px) {
    .section-special-items { margin: 40px auto 20px }
    .section-special-items ul { -ms-flex-wrap: wrap; flex-wrap: wrap }
    .section-special-items ul li { -ms-flex-preferred-size: calc(50% - 20px); flex-basis: calc(50% - 20px); width: calc(50% - 20px); max-width: calc(50% - 20px) }
    .section-simple .item { -ms-flex-preferred-size: 50%; flex-basis: 50% }
    .section-introduction .section-introduction-right { margin: 20px 0!important }
    .section-other-customer { margin: 40px auto }
    .cell-items .item { -ms-flex-preferred-size: calc(50% - 20px); flex-basis: calc(50% - 20px); width: calc(50% - 20px) }
    .section-choice-main ul { border-bottom-color: #eee!important }
}
@media screen and (max-width:555px) {
    .section-function-main ul li { margin: 60px 0 0 0 }
    .section-function-title { overflow: hidden }
    .section-function-title h2 { display: block; overflow: hidden; margin-bottom: 30px!important }
}
@media (max-width:500px) {
    .section-special-items ul li { -ms-flex-preferred-size: calc(100% - 20px); flex-basis: calc(100% - 20px); width: calc(100% - 20px); max-width: none }
    .section-simple .item { -ms-flex-preferred-size: 100%; flex-basis: 100% }
    .cell-items { padding: 0 }
    .cell-items .item { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; margin: 0 0 20px }
    .section-other-customer { margin: 20px auto; width: calc(100% - 40px) }
    .section-function { padding: 50px 0 }
    .section-function-main ul li:first-child { margin-top: 40px }
    .section-special-items { margin: 30px auto 0 }
    .single-figure { width: 100%; margin: 40px auto 20px }
}
.idc-section { margin-bottom: 70px }
.idc-section .wrap { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.idc-section .wrap figure { width: 50%; position: relative }
.idc-section .wrap figure img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center }
.idc-section .wrap .text { width: 50%; min-width: 50%; max-width: 50%; padding: 100px 50px 100px 70px; background-color: #06b4ea; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.idc-section .wrap .text h2 { font-size: 43px; line-height: 1.2; color: #fff; font-weight: 400 }
@media (max-width:1400px) {
    .idc-section .wrap .text h2 { font-size: 32px }
}
@media (max-width:450px) {
    .idc-section .wrap .text h2 { font-size: 26px!important }
}
.idc-section .wrap .text .icon { width: 100%; margin: 35px 0 0 }
@media (max-width:670px) {
    .idc-section .wrap .text .icon { margin-top: 30px }
}
.idc-section .wrap .text .icon img { max-width: 60%; max-height: 70px }
@media (max-width:670px) {
    .idc-section .wrap .text .icon img { max-height: 40px }
}
.idc-section .wrap .text>p { font-size: 18px; line-height: 1.5; margin: 30px 0 0 }
@media (max-width:1400px) {
    .idc-section .wrap .text>p { font-size: 16px }
}
@media (max-width:670px) {
    .idc-section .wrap .text>p { margin-top: 25px }
}
.idc-section .wrap .text .btn { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-top: 30px }
@media (max-width:670px) {
    .idc-section .wrap .text .btn { margin-top: 25px }
}
.idc-section .wrap .text .btn a { font-size: 16px; line-height: 1.2; display: block; border: 1px solid #fff; padding: 14px 30px; color: #fff }
.idc-section .wrap .text .btn a:hover { color: #06b4ea; background-color: #fff; text-decoration: none }
@media (max-width:460px) {
    .idc-section .wrap .text .btn a { padding: 12px 24px }
}
@media (max-width:800px) {
    .idc-section .wrap { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
    .idc-section .wrap figure { width: 100%; height: 50vw; min-height: 260px; margin-bottom: 0!important; margin-top: 0!important }
    .idc-section .wrap .text { width: 100%; min-width: 0; max-width: none; padding: 80px }
}
@media (max-width:670px) {
    .idc-section .wrap .text { padding: 40px }
}
@media (max-width:460px) {
    .idc-section .wrap .text { padding: 30px }
}
@media (max-width:670px) {
    .idc-section { margin-bottom: 40px }
}
@media (max-width:460px) {
    .idc-section { margin-bottom: 30px }
}
.white-paper-header { width: 100%; position: relative; padding: 100px 0 }
.white-paper-header .wrap { width: 100%; max-width: 1500px; margin: 0 auto; position: relative; z-index: 5; padding: 0 50px }
.white-paper-header .bg { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1 }
.white-paper-header .bg img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center }
.white-paper-header h2 { font-size: 43px; line-height: 1.2; color: #fff; font-weight: 400 }
@media (max-width:1400px) {
    .white-paper-header h2 { font-size: 32px }
}
@media (max-width:450px) {
    .white-paper-header h2 { font-size: 26px!important }
}
.white-paper-header .icon { width: 100%; margin: 35px 0 0 }
@media (max-width:670px) {
    .white-paper-header .icon { margin-top: 30px }
}
.white-paper-header .icon img { max-width: 60%; max-height: 60px }
@media (max-width:670px) {
    .white-paper-header .icon img { max-height: 40px }
}
blockquote.cyan { background-color: #06b4ea; color: #fff }
blockquote.cyan p { color: #fff }
.white-paper-content { width: 100%; color: #757575; padding: 100px 0 }
.white-paper-content .wrap { max-width: 1300px; margin: 0 auto; padding: 0 50px }
.white-paper-content .wrap>:not(p) { margin: 40px 0 }
.white-paper-content .wrap>:not(p):last-child { margin-bottom: 0 }
.white-paper-content .wrap>:not(p):first-child { margin-top: 0 }
.white-paper-content blockquote { font-size: 24px; padding: 60px }
.white-paper-content blockquote p { font-size: 24px }
.white-paper-content h2 { font-size: 56px; font-weight: 400; line-height: 1.2; display: block; text-align: center }
.white-paper-content p { font-size: 16px; line-height: 1.6; margin: 1.5em 0 }
.white-paper-content p:first-child { margin-top: 0 }
.white-paper-content p:last-child { margin-bottom: 0 }
.white-paper-content p p.cyan { color: #06b4ea }
.white-paper-content .special-section { padding: 80px 40px; margin-bottom: 0!important; background-color: #f2f8fb }
.white-paper-content .special-section h3 { font-size: 28px; text-align: center; color: #06b4ea; line-height: 1.4; display: block }
.white-paper-content .special-section .rows { max-width: 800px; margin: 60px auto 0 }
.white-paper-content .special-section .rows .item { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.white-paper-content .special-section .rows .item:not(:last-child) { margin-bottom: 30px }
.white-paper-content .special-section .rows .item .icon { width: 110px; height: 110px; min-width: 110px; border-radius: 100%; padding: 20px; text-align: center; font-size: 20px; color: #fff; background-color: #06b4ea; margin-right: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap }
.white-paper-content .special-section .rows .item .text { font-size: 16px; line-height: 1.6; width: 100% }
.white-paper-content .index { margin-top: 0!important; background-color: #0070ba; padding: 80px 40px; color: #fff }
.white-paper-content .index h3 { font-size: 42px; text-align: center; display: block; margin-bottom: 40px }
.white-paper-content .index h3+p { max-width: 600px; margin: 1.5em auto; font-size: 16px }
.white-paper-content .index section { max-width: 600px; margin: 40px auto }
.white-paper-content .index section h4 { margin-bottom: 10px; font-size: 20px; line-height: 1.4 }
.white-paper-content .index section ul li { font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; line-height: 1.6 }
.white-paper-content .index section ul li:before { content: ""; display: inline-block }
.white-paper-content .index section ul li:nth-child(1):before { content: "一、" }
.white-paper-content .index section ul li:nth-child(2):before { content: "二、" }
.white-paper-content .index section ul li:nth-child(3):before { content: "三、" }
.white-paper-content .index section ul li:nth-child(4):before { content: "四、" }
.white-paper-content .index section ul li:nth-child(5):before { content: "五、" }
.white-paper-content .index section ul li:nth-child(6):before { content: "六、" }
.white-paper-content .index section ul li:nth-child(7):before { content: "七、" }
.white-paper-content .index section ul li:nth-child(8):before { content: "八、" }
.white-paper-content .index section ul li:nth-child(9):before { content: "九、" }
.white-paper-content .index section ul li:nth-child(10):before { content: "十、" }
.white-paper-content .index section ul li p { font-size: 16px; line-height: 1.6 }
.get-white-paper-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.get-white-paper-btn div { font-size: 20px; line-height: 1.2; padding: 1em 2.6em; background-color: #06b4ea; border: 1px solid #06b4ea; color: #fff }
.get-white-paper-btn div:hover { color: #06b4ea; background-color: #fff; cursor: pointer }
.white-paper-container-form { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100000000000000000000000000000000000; display: block; opacity: 0; -webkit-transform: translateX(-101vw); transform: translateX(-101vw) }
.white-paper-container-form:before { content: ""; top: 0; left: 0; width: 100%; height: 100%; z-index: 1; background-color: rgba(0,0,0,.7); display: block; opacity: 0; position: absolute }
.white-paper-container-form .white-paper-form-close { position: absolute; z-index: 10; top: 16px; right: 16px; background-color: transparent; border: 1px solid #333; width: 40px; height: 40px; border-radius: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; opacity: .3 }
.white-paper-container-form .white-paper-form-close img { width: 32px; height: 32px; display: block }
.white-paper-container-form .white-paper-form-close img:first-child { display: none }
.white-paper-container-form .white-paper-form-close:hover { opacity: 1; background-color: #333 }
.white-paper-container-form .white-paper-form-close:hover img:first-child { display: block }
.white-paper-container-form .white-paper-form-close:hover img:last-child { display: none }
.white-paper-container-form .form-box { position: absolute; top: 50%; left: 50%; width: 100%; height: auto; max-width: calc(100%-40px); background-color: #fff; padding: 60px 70px; z-index: 5; max-width: 600px; opacity: 0; -webkit-transform: translate(-50%, -45%); transform: translate(-50%, -45%) }
.white-paper-container-form .form-box h3 { font-size: 32px; text-align: center; display: block }
.white-paper-container-form .form-box p { font-size: 14px; line-height: 1.6; margin: 1.5em 0; text-align: center }
.white-paper-container-form .form-box form { width: 100% }
.white-paper-container-form .form-box form label { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 10px 0 }
.white-paper-container-form .form-box form label div { font-size: 16px }
.white-paper-container-form .form-box form label div:first-child { width: 100px; min-width: 100px; max-width: 100px; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
.white-paper-container-form .form-box form label div:last-child { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto }
.white-paper-container-form .form-box form label div input { width: 100%; display: block; height: 42px; padding: 0 12px; background-color: #f3f3f3; border: 1px solid #fff; -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,.07); box-shadow: inset 0 1px 2px rgba(0,0,0,.07) }
.white-paper-container-form .form-box form label div input:focus { background-color: #fff; border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px transparent; box-shadow: inset 0 1px 2px transparent }
.white-paper-container-form .form-box form input[type=submit] { border-radius: 0; font-size: 18px; background-color: #06b4ea; padding: 10px 50px; border: 1px solid #06b4ea }
.white-paper-container-form .form-box form input[type=submit]:hover { -webkit-transform: none; transform: none; -webkit-box-shadow: 0 0 0 transparent; box-shadow: 0 0 0 transparent; background-color: transparent; color: #06b4ea }
body.show-white-paper-form .white-paper-container-form { -webkit-transform: translateX(0); transform: translateX(0); opacity: 1 }
body.show-white-paper-form .white-paper-container-form:before { opacity: 1; -webkit-transition: .2s; transition: .2s; -webkit-transition-delay: .1s; transition-delay: .1s }
body.show-white-paper-form .white-paper-container-form .form-box { -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); opacity: 1; -webkit-transition: .4s; transition: .4s; -webkit-transition-delay: .4s; transition-delay: .4s; -webkit-transition-timing-function: cubic-bezier(.36, .97, .67, .98); transition-timing-function: cubic-bezier(.36, .97, .67, .98) }
@media (max-width:1400px) {
    .white-paper-content h2 { font-size: 46px }
    .white-paper-content p { font-size: 14px }
    .white-paper-content .index section ul li { font-size: 14px }
    .white-paper-content blockquote p { font-size: 20px }
    .white-paper-content blockquote { font-size: 24px; padding: 40px }
    .white-paper-content .special-section .rows .item .text { font-size: 14px }
    .white-paper-content .index section h4 { font-size: 18px }
    .white-paper-content .index section ul li p { font-size: 14px }
}
@media (max-width:670px) {
    .white-paper-content { padding: 60px 0 }
    .white-paper-content h2 { font-size: 42px }
    .get-white-paper-btn div { font-size: 18px }
    .white-paper-content .special-section { padding: 60px 40px }
    .white-paper-content .index { padding: 60px 40px }
    .white-paper-header .wrap { padding: 0 40px }
    .white-paper-content .wrap { padding: 0 40px }
    .white-paper-content .index h3 { font-size: 36px }
}
@media (max-width:600px) {
    .white-paper-content .special-section .rows .item { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; text-align: center }
    .white-paper-content .special-section .rows .item:not(:last-child) { margin-bottom: 50px }
    .white-paper-content .special-section .rows .item .icon { margin: 0 0 20px }
    .white-paper-content .special-section .rows { margin: 40px auto 0 }
}
@media (max-width:450px) {
    .white-paper-content h2 { font-size: 36px }
    .white-paper-header { padding: 60px 0 50px }
    .white-paper-header .wrap { padding: 0 30px }
    .white-paper-content .wrap { padding: 0 30px }
    .white-paper-content blockquote p { font-size: 18px }
    .white-paper-content blockquote { font-size: 20px; padding: 30px }
    .white-paper-content .wrap>:not(p) { margin: 30px 0 }
    .white-paper-content .special-section h3 { font-size: 18px }
    .white-paper-content .special-section { padding: 40px 25px }
    .white-paper-content .index h3 { font-size: 32px; margin-bottom: 35px }
    .white-paper-content .index { padding: 40px 25px }
    .white-paper-content .index section { margin: 30px auto }
}
@media (max-width:420px) {
    .white-paper-content .wrap { padding: 0 20px }
    .white-paper-content .index h3+p { margin: 1.2em auto; font-size: 14px }
    .white-paper-content .index section h4 { font-size: 16px }
}
@media (max-height:750px) {
    .white-paper-container-form .form-box { padding: 30px 40px }
    .white-paper-container-form .form-box p { margin: 1em 0 }
    .white-paper-container-form .form-box form label { padding: 6px 0 }
    .white-paper-container-form .form-box form label div input { height: 36px }
    .white-paper-container-form .form-box form label div { font-size: 14px }
    .white-paper-container-form .form-box h3 { font-size: 28px }
}
@media (max-width:1200px) {
    .white-paper-container-form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; overflow: hidden; overflow-y: auto }
    .white-paper-container-form:before { background-color: #fff }
    .white-paper-container-form .form-box { position: relative; top: 0; left: 0; -webkit-transform: none!important; transform: none!important; margin: auto; max-height: 100vh; overflow-y: auto }
}
@media (max-width:450px) {
    .white-paper-container-form .form-box { padding: 50px 30px }
    .white-paper-container-form .form-box p { margin: 1em 0 }
    .white-paper-container-form .form-box form label { padding: 6px 0 }
    .white-paper-container-form .form-box form label div input { height: 36px }
    .white-paper-container-form .form-box form label div { font-size: 14px }
    .white-paper-container-form .form-box h3 { font-size: 28px }
    .white-paper-container-form .form-box form label div:first-child { width: 80px; min-width: 80px; max-width: 80px }
    .white-paper-container-form .white-paper-form-close { position: fixed }
}
.language-list { display: none }
body.show-lang-box .navigation .search .language { background: #454545 }
body.show-lang-box .language-list { position: absolute; top: 60px; right: 0; background-color: #454545; color: #fff; width: 180px; height: auto; display: block }
body.show-lang-box .language-list ul { width: 100%; padding: 10px 0 }
body.show-lang-box .language-list a, body.show-lang-box .language-list a:link, body.show-lang-box .language-list a:visited { color: #fff; padding: 10px 24px; line-height: 1.2; white-space: nowrap; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; text-decoration: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none }
body.show-lang-box .language-list a span, body.show-lang-box .language-list a:link span, body.show-lang-box .language-list a:visited span { margin-left: 4px; color: #00bef0 }
body.show-lang-box .language-list a:hover, body.show-lang-box .language-list a:link:hover, body.show-lang-box .language-list a:visited:hover { text-decoration: none }
body.show-lang-box .language-list a:link[href]:hover, body.show-lang-box .language-list a:visited[href]:hover, body.show-lang-box .language-list a[href]:hover { color: #00bef0; background-color: #333 }
body.show-lang-box .language-list a:link:not([href]):hover, body.show-lang-box .language-list a:not([href]):hover, body.show-lang-box .language-list a:visited:not([href]):hover { color: #666; background-color: #333 }
body.show-lang-box .language-list a:link:not([href]):hover span, body.show-lang-box .language-list a:not([href]):hover span, body.show-lang-box .language-list a:visited:not([href]):hover span { color: #666 }
.common-header .navigation .search .language>a img, .search-toggle { display: none!important }
.common-header .navigation .search .secrch-form div input[type=submit] { width: 60px; height: 60px; right: 0; padding: 0 }
.common-header .navigation .search .secrch-form div input[type=submit]:hover { background-color: #e6e6e6; border-radius: 0 }
.common-header .navigation .search .secrch-form div input[type=text] { padding: 10px 60px 10px 20px }
@media (max-width:1300px) {
    .common-header .navigation { display: block!important }
    .common-header .header { height: 56px }
    .common-header .logo { height: 56px }
    .common-header .logo a { top: 9px }
    .common-header .navigation .search { height: 56px }
    .common-header .navigation .search .secrch-form { height: 56px }
    .common-header .navigation .search .language { width: 56px; height: 56px }
    .common-header .navigation { height: 56px; right: 56px }
    .common-header .navigation .search .secrch-form div input[type=submit] { width: 56px; height: 56px }
    .common-header .togglebtn span { height: 2px; width: 25px; left: 16px; top: 27px }
    .common-header .togglebtn span:first-child { left: 16px; top: 19px }
    .common-header .togglebtn span:last-child { left: 16px; top: 35px }
    .common-header .togglebtn { width: 56px; height: 56px; right: 0 }
    .common-header .small-nav { top: 56px }
    body.show-lang-box .language-list { top: 56px }
    .common-header .togglebtn.activebtn span { height: 2px; width: 25px; left: 16px; top: 27px; border-radius: 0; -webkit-transform: rotate(0); transform: rotate(0); border-top-right-radius: 2px; border-bottom-right-radius: 2px }
    .common-header .togglebtn.activebtn span:first-child { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: rotate(45deg); transform: rotate(45deg); top: 27px; left: auto; right: 16px; width: 10px }
    .common-header .togglebtn.activebtn span:last-child { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); top: 27px; left: auto; right: 16px; width: 10px }
}
@media (max-width:650px) {
    .common-header .navigation .search .language { background-color: transparent }
    .common-header .navigation .search .language>a { background-image: none }
    .common-header .navigation .search .language>a img { display: block!important; width: 25px; height: 25px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
    .common-header .navigation { width: 100%; right: 0; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end }
    .common-header .navigation:after { display: none }
    .common-header .navigation .search { width: 100%; float: none }
    .common-header .navigation .search .language { position: absolute; right: 56px; top: 0 }
    .common-header .logo a { left: 20px }
    .common-header .togglebtn { right: 5px }
    .common-header .navigation .search .language { right: 61px }
    .search-toggle { width: 56px; height: 56px; position: absolute; right: 50px; top: 0; display: -webkit-box!important; display: -ms-flexbox!important; display: flex!important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
    .search-toggle img { display: block!important; width: 24px; height: 24px; -webkit-transform: translateY(1px); transform: translateY(1px) }
    .common-header .navigation .search .secrch-form { display: none }
    body.show-mobile-search.common-header .navigation .search .secrch-form { display: block }
    body.show-mobile-search.common-header .navigation .search .secrch-form div input[type=submit] { display: none!important }
    body.show-mobile-search.common-header .navigation .search .secrch-form div input[type=text] { padding: 0 18px; background-color: #e9e9e9; height: 36px; width: 100%; position: relative; border-radius: 100px; -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,.05); box-shadow: inset 1px 1px 1px rgba(0,0,0,.05) }
    body.show-mobile-search.common-header .navigation .search .secrch-form div input[type=button]{top: 40%;right: 8%}
    body.show-mobile-search.common-header .navigation .search .secrch-form div { padding: 4px 20px 16px }
    body.show-mobile-search.common-header .navigation .search>* { float: none }
    body.show-mobile-search.common-header .navigation .search .secrch-form { width: 100%; height: 56px; position: absolute; top: 56px; left: 0; right: 0; background-color: #fff }
    body.show-lang-box .language-list a, body.show-lang-box .language-list a:link, body.show-lang-box .language-list a:visited { font-size: 12px }
    body.show-lang-box .language-list { width: 160px }
    .search-list .main .main-title h2 { font-size: 28px }
    .search-list .main-content-title h3 { font-size: 20px }
}
body.search-list .breadcrumb { padding: 20px }
body.search-list .main-form .search-form li, body.search-list .select-form li { border-color: #b3b3b3 }
body.search-list input, body.search-list select, body.search-list textarea { font-family: "Microsoft Yahei", "微软雅黑", Arial, sans-serif }
@media (max-width:650px) {
    .common-header .logo { width: auto; z-index: 80; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
    .common-header .header { background-color: #fff }
    .common-header .logo a { left: 0; top: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
    .common-header .logo a img { margin-left: 20px; padding-bottom: 5px }
}
@media (max-width:600px) {
    .pagename p { line-height: 1.4; text-align: left; width: 100%; margin-top: .7em!important }
}
.lay_container h2:first-child { margin: 1.5em 0 1em }
.primary-content .project-section .project-descriptions a:before, .primary-content .project-section:nth-child(2n) .project-descriptions a:before { display: none }
.primary-content .project-section .project-descriptions a, .primary-content .project-section:nth-child(2n) .project-descriptions a { padding-left: 0 }
.primary-content .project-section .project-descriptions li { position: relative }
.primary-content .project-section .project-descriptions li:before { content: ""; display: block; position: absolute; width: 10px; min-width: 10px; max-width: 10px; height: 10px; background: #7e7e7e; left: 0; top: 50%; margin-top: -5px; border-radius: 50% }
.primary-content .project-section .project-descriptions li, .primary-content .project-section:nth-child(2n) .project-descriptions li { padding-left: 25px }
.primary-content .project-section:nth-child(2n) .project-descriptions li { color: #fff }
.primary-content .project-section:nth-child(2n) .project-descriptions li:before { background-color: #fff }
@media (max-width:1420px) {
    .primary-content .project-section ul li { padding-left: 18px }
    .primary-content .project-section ul a { padding-left: 0 }
}
.common-header .logo { z-index: 30; background: 0 0; width: 160px; height: 60px; position: relative }
@media (max-width:1300px) {
    .common-header .logo { height: 56px }
}
@media (max-width:650px) {
    .common-header .logo { z-index: 80 }
    .common-header .logo a img { margin-left: 0; padding-bottom: 0 }
}
@media (max-width:450px) {
    .common-header .logo { width: 150px }
}
.common-header .header { background-color: #fff }
.homepage-black .layout .featured { z-index: 10 }
.common-header .logo a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
.common-header .logo a img { width: 110px }
.global-navigation { position: absolute; z-index: 25; top: 0 }
.global-navigation .top-menu { margin-left: 160px }
.global-navigation .top-menu ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex }
.global-navigation .top-menu a, .global-navigation .top-menu a:link {display: -webkit-box; display: -ms-flexbox; display: flex; height: 60px; padding: 0 30px; font-size: 16px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; background-color: #fff; color: #333; cursor: pointer }
.global-navigation .top-menu a:before { content: ""; position: absolute; width: 1px; top: 0; left: 0; height: 100%; display: block; background-color: #FFFFFF }
.global-navigation .top-menu li.active+li a:after, .global-navigation .top-menu li.active+li a:before, .global-navigation .top-menu li:hover+li a:after, .global-navigation .top-menu li:hover+li a:before { display: none }
.global-navigation .top-menu li.active a, .global-navigation .top-menu li:hover a { background-color: #005bac; color: #fff; text-decoration: none }
.global-navigation .top-menu li.active a:before, .global-navigation .top-menu li:hover a:before { display: none }
.global-navigation .top-menu li:last-child a:after { content: ""; position: absolute; width: 1px; top: 0; right: 0; height: 100%; display: block; background-color: #FFFFFF }
.global-navigation .top-menu-panel { position: absolute; top: 60px; left: 0; right: 0; background-color: rgba(255,255,255,.975); width: 100vw; max-width: 2000px; -webkit-box-shadow: 0 4px 4px rgba(0,0,0,.05); box-shadow: 0 4px 4px rgba(0,0,0,.05); opacity: 0; -webkit-transition: opacity .2s; transition: opacity .2s }
.global-navigation .top-menu-panel.animate { opacity: 1 }
.global-navigation .top-menu-panel:before { content: ""; position: absolute; z-index: 3; display: block; top: 0; left: 0; width: 100%; height: 8px; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0,0,0,.08)), to(rgba(0,0,0,0))); background: linear-gradient(to bottom, rgba(0,0,0,.08) 0, rgba(0,0,0,0) 100%) }
.global-navigation .top-menu-panel:after { content: ""; position: absolute; z-index: 2; display: block; top: 0; left: 180px; width: 12px; height: 100%; background: -webkit-gradient(linear, left top, right top, from(white), to(rgba(255,255,255,0))); background: linear-gradient(to right, #fff 0, rgba(255,255,255,0) 100%); z-index: 2 }
.menu-container { width: 100%; top: 0; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; display: none }
.menu-container.show-menu-content { display: block }
.menu-container .menu-section { width: 180px; background-color: #005bac; height: 100% }
.menu-container .menu-section>ul { padding-top: 30px; padding-bottom: 30px }
.menu-container .menu-section>ul>li>a, .menu-container .menu-section>ul>li>a:link { font-size: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; line-height: 1.2; white-space: nowrap; padding: 18px 10px; color: #fff; -webkit-transition: .1s; transition: .1s; cursor: pointer; background-color: transparent }
.menu-container .menu-section>ul>li>a:link:not(:root:root), .menu-container .menu-section>ul>li>a:not(:root:root) { -webkit-transition: none; transition: none }
.menu-container .menu-section>ul>li>a:before, .menu-container .menu-section>ul>li>a:link:before { content: ""; width: 100%; height: 1px; background-color: rgba(255,255,255,.2); position: absolute; left: 0; right: 0; top: 0; display: block }
.menu-container .menu-section>ul>li.active>a { color: #333; background-color: #fff; text-decoration: none!important }
.menu-container .menu-section>ul>li.active>a:after, .menu-container .menu-section>ul>li.active>a:before { display: none!important }
.menu-container .menu-section>ul>li.active+li a:before { display: none!important }
.menu-container .menu-section>ul>li.active .menu-list { display: block; opacity: 0; -webkit-transition: .4s; transition: .4s; -webkit-transform: translateY(3px); transform: translateY(3px) }
.menu-container .menu-section>ul>li.active .menu-list.animate { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0) }
.menu-container .menu-section>ul>li:last-child>a:after { content: ""; width: 100%; height: 1px; background-color: rgba(255,255,255,.2); position: absolute; left: 0; right: 0; bottom: 0; display: block }
.menu-list { position: absolute; left: 180px; top: 0; width: calc(100% - 180px); height: 100%; display: none; opacity: 0; color: #333 }
.menu-list a, .menu-list a:link { color: #333; -webkit-transition: .2s; transition: .2s; white-space: nowrap }
.menu-list a { font-size: 12px; line-height: 1.4; padding: 4px 10px; display: block }
.menu-list a:hover { color: #005bac; text-decoration: none; background-color: rgba(0,0,0,.05) }
.menu-list .menu-list-wrapper { width: 100%; padding: 30px 20px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
.menu-list .menu-list-wrapper.has-recommend { padding-right: 330px }
.menu-list .menu-list-wrapper.has-recommend .menu-sub-list { width: 33.3333% }
.menu-list .menu-list-wrapper>ul { width: 25%; max-width: 360px; padding-right: 30px; padding-bottom: 30px }
.menu-list .menu-list-wrapper>ul>li>a { font-size: 14px; padding: 6px 10px; color: #333333 }
@media (max-width:1900px) {
    .menu-list .menu-list-wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap }
}
.menu-list .menu-list-wrapper .menu-sub-list { width: 25%; padding-right: 30px; padding-bottom: 30px }
.menu-list .menu-list-wrapper .menu-sub-list a { color: #666 }
.menu-list .menu-list-wrapper .menu-sub-list.has-cols { width: auto; -ms-flex-preferred-size: 50%; flex-basis: 50% }
.menu-list .menu-list-wrapper .menu-sub-list .menu-sub-list-col2 { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.menu-list .menu-list-wrapper .menu-sub-list .menu-sub-list-col2 ul { width: calc(50% - 30px); min-width: calc(50% - 30px) }
.menu-list .menu-list-wrapper .group-title { font-size: 14px; color: #005bac; line-height: 1.2; white-space: nowrap; padding: 6px 10px 10px; border-bottom: 1px solid #eee; padding-bottom: 12px; margin-bottom: 12px }
.menu-list .menu-list-wrapper .group-title:not(:first-child) { margin-top: 20px }



@media (max-width:1300px) {
    .global-navigation { display: none!important }
}
.cookies-notification { width: 100%; height: auto; font-size: 14px; text-align: center; max-width: 2000px; margin: auto; line-height: 1.4; display: none }
.cookies-notification .cookies-notification-wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; position: relative; padding: 12px 20px 13px; background-color: #e3e3e3; -ms-flex-wrap: wrap; flex-wrap: wrap }
.cookies-notification a, .cookies-notification a:link { color: #333; text-decoration: underline; white-space: nowrap }
.cookies-notification a:hover, .cookies-notification a:link:hover { color: #005bac }
.cookies-notification .close-cookies-notification { display: block; width: 1.2em; height: 1.2em; margin-left: 10px; cursor: pointer }
.cookies-notification .close-cookies-notification svg { width: 1.2em; height: 1.2em; display: inline-block }
.cookies-notification .close-cookies-notification svg path { fill: #333 }
.cookies-notification .close-cookies-notification:hover path { fill: #005bac }
@media (max-width:450px) {
    .cookies-notification .cookies-notification-wrapper { padding-right: 60px; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start }
    .cookies-notification .close-cookies-notification { position: absolute; right: 15px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); width: 40px; height: 40px; padding: 5px }
    .cookies-notification .close-cookies-notification svg { width: 30px; height: 30px }
    .cookies-notification .close-cookies-notification svg path { opacity: .5 }
    .cookies-notification .close-cookies-notification:hover svg path { fill: #333 }
}
@media (max-width:400px) {
    .cookies-notification { font-size: 12px; line-height: 1.5 }
}
.menu-recommend { width: 330px; max-width: 330px; min-width: 330px; position: absolute; right: 0; top: 0; bottom: 0; height: 100%; z-index: 30 }
.menu-recommend.medical { background-color: #50b3b4 }
.menu-recommend.medical a:hover { color: #50b3b4 }
.menu-recommend.automobile { background-color: #969da7 }
.menu-recommend.automobile a:hover { color: #969da7 }
.menu-recommend.smartcity { background-color: #62abda }
.menu-recommend.smartcity a:hover { color: #62abda }
.menu-recommend .menu-rec-wrapper { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 40px; color: #fff; width: 100%; height: 100% }
.menu-recommend .menu-rec-wrapper h3 { font-size: 30px; font-weight: 400; line-height: 1.3; display: block; white-space: nowrap }
@media (max-width:1500px) {
    .menu-recommend .menu-rec-wrapper h3 { font-size: 26px }
}
.menu-recommend .menu-rec-wrapper p { font-size: 18px; line-height: 1.8; margin: 1em 0 1.3em; width: 100%; overflow: hidden }
@media (max-width:1500px) {
    .menu-recommend .menu-rec-wrapper p { font-size: 16px }
}
.menu-recommend .menu-rec-wrapper a { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; line-height: 1.2; padding: .6em 1.6em .65em; border: 1px solid #fff; color: #fff; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: auto; white-space: nowrap; cursor: pointer; overflow: hidden }
.menu-recommend .menu-rec-wrapper a:hover { background-color: #fff }
.menu-recommend .menu-rec-content { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative; z-index: 5 }
.menu-recommend .menu-rec-bg { width: 100%; height: 100%; top: 0; left: 0; right: 0; bottom: 0; position: absolute; z-index: 1 }
.menu-recommend .menu-rec-bg img { width: auto; height: 100%; top: 0; left: 0; position: absolute; z-index: 1; display: block }
.featured-header:after { opacity: 0!important }
.project-list-wrapper { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; overflow: hidden }
/*.project-list-wrapper>* { width: 33.33%!important }*/
.project-list-wrapper>:not(:last-child) { padding-right: 30px }
.project-list-wrapper ul { height: auto!important; max-height: none!important }
.project-list-wrapper>ul { margin-top: 0!important; max-height: none!important; height: auto!important }
.project-list-wrapper .group-title { padding-top: 5px!important; font-size: 14px!important; color: #333!important; border-bottom: 1px dotted #ccc; padding-bottom: 8px }
.project-list-wrapper .group-title+ul { margin-top: 15px!important }
.medical-projects .project-sub-list ul+.group-title { margin-top: 25px }
.medical-projects .hidden-project { display: none }
.medical-projects .project-controller { width: auto!important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; position: relative }
.medical-projects .project-controller span { display: block; cursor: pointer; padding: 3px 0; color: #333; font-size: 16px }
.medical-projects .project-controller span:nth-child(2) { display: none }
.medical-projects .project-controller span:hover { color: #005bac; text-decoration: underline }
.medical-projects .project-outer-wrap { width: 100% }
.show-medical-products .medical-projects .project-list-wrapper { opacity: 0; -webkit-transition: .2s; transition: .2s }
.show-medical-products .medical-projects .project-outer-wrap.show .project-list-wrapper { opacity: 1 }
.switch-project-controller .project-controller span:nth-child(1) { display: none }
.switch-project-controller .project-controller span:nth-child(2) { display: block; margin-top: 30px }
.primary-content .project-section:nth-child(2n) .project-descriptions p+.project-list-wrapper { margin-top: 20px }
.primary-content .project-section:nth-child(2n) .group-title { color: #fff!important; border-bottom: 1px dotted rgba(255,255,255,.2)!important }
.cloud-header-back, .cloud-header-front { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transform: translateY(100%); transform: translateY(100%); -webkit-transition: 1.5s; transition: 1.5s; -webkit-transition-timing-function: cubic-bezier(.42, 1.29, .68, 1.09); transition-timing-function: cubic-bezier(.42, 1.29, .68, 1.09) }
.cloud-header-back img, .cloud-header-front img { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center bottom; object-position: center bottom; display: block; -webkit-transform: translateX(20%); transform: translateX(20%) }
.cloud-header-back.hasbg, .cloud-header-front.hasbg { background-position: 20% bottom }
.cloud-header-back img { -webkit-transform: translateX(0); transform: translateX(0) }
.cloud-header-back.hasbg { background-position: 0 bottom }
.cloud-header-front { position: absolute; z-index: 10 }
.cloud-header.show .cloud-header-back, .cloud-header.show .cloud-header-front { -webkit-transform: translateY(7%); transform: translateY(7%) }
.cloud-header.show .cloud-header-back { -webkit-transition-delay: .2s; transition-delay: .2s; -webkit-transform: translateY(7%); transform: translateY(7%) }
.cloud-header .graphic-area { top: auto!important; bottom: -10%!important }
.cloud-header .graphic-area.show { font-size: 18px }
.cloud-header .graphic-area [class^=track] { -webkit-transition: .9s; transition: .9s; -webkit-transition-timing-function: cubic-bezier(.42, 1.29, .68, 1.09); transition-timing-function: cubic-bezier(.42, 1.29, .68, 1.09) }
.about-header-back, .about-header-front { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 1; -webkit-transition: 1.5s; transition: 1.5s }
.about-header-back img, .about-header-front img { width: 100%; height: 100%; position: absolute; bottom: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center bottom; object-position: center bottom; display: block; -webkit-transform: translateX(20%); transform: translateX(20%) }
.about-header-back.hasbg, .about-header-front.hasbg { background-position: 20% bottom }
.about-header-back { -webkit-transform: translateY(20%) translateX(10%); transform: translateY(20%) translateX(10%); opacity: 0 }
.about-header-front { -webkit-transform: translateY(100%); transform: translateY(100%); z-index: 10 }
.about-header-front img { -o-object-fit: contain; object-fit: contain; -webkit-transform: translateX(0); transform: translateX(0); -o-object-position: center bottom; object-position: center bottom }
.about-header-front.hasbg { background-size: contain; background-position: 0 bottom }
.about-header { position: relative }
.about-header.show .about-header-back { -webkit-transform: translateY(0) translateX(0); transform: translateY(0) translateX(0); -webkit-transition-duration: 3s; transition-duration: 3s; opacity: 1; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out }
.about-header.show .about-header-front { -webkit-transition-delay: .3s; transition-delay: .3s; -webkit-transform: translateY(0); transform: translateY(0) }
@media (max-width:1420px) {
    .featured-header.cloud-header .graphic-area.show { font-size: 1.1vw }
}
@media (max-width:750px) {
    .featured-header.cloud-header .graphic-area.show { font-size: 1.6vw }
    .about-header-back img, .about-header-front img { -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-transform: scale(1.3); transform: scale(1.3) }
    .project-list-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column }
    .project-list-wrapper>* { width: 100%!important }
    .project-list-wrapper .project-sub-list { margin-top: 15px }
    .can-expand .project-controller span:first-child { margin-top: 30px }
}
@media (max-width:450px) {
    .featured-header.cloud-header .graphic-area.show { font-size: 1.8vw }
    .cloud-header-back img, .cloud-header-front img { -webkit-transform-origin: center bottom; transform-origin: center bottom; -webkit-transform: scale(1.3); transform: scale(1.3); -webkit-transform: translateX(0); transform: translateX(0) }
    .primary-content .project-section .project-descriptions { padding: 25px }
    .primary-content .project-section h2 { font-size: 24px }

}
.primary-content .project-section h2+ul { margin-top: 0 }
.car-rows .features-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 25px }
.car-rows .features-icon .icon { width: 77px; font-size: 12px; line-height: 1.4; margin: 6px 12px 0 0 }
.car-rows .features-icon .icon span { display: block; margin-top: 6px; text-align: center; font-size: 10px }
@media (max-width:550px) {
    .car-rows .features-icon { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
    .car-rows .features-icon .icon { margin: 3vw 6px 4vw }
}
@media (max-width:360px) {
    .car-rows .features-icon { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
    .car-rows .features-icon .icon { width: 70px; margin: 3vw 4px 4vw }
}
.menu-list-wrapper ul.hasicon { padding-right: 50px; width: 66.66%!important; max-width: 500px!important; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap }
.menu-list-wrapper ul.hasicon li { width: 33.3333%; margin-bottom: 15px }
.menu-list-wrapper ul.hasicon li a { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 10px 10px 6px!important }
.menu-list-wrapper ul.hasicon .icon { width: 26px; height: 26px; position: relative; margin: 0 auto 4px }
.menu-list-wrapper ul.hasicon .icon img { width: 100%; height: 100%; position: absolute; top: 0; left: 0 }
.menu-list-wrapper .group-title.hasicon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding-top: 10px!important }
.menu-list-wrapper .group-title.hasicon img { width: 26px; height: 26px; min-width: 26px; margin-right: 10px; display: block }
.primary-content .project-section .project-descriptions .project-list-wrapper .project-sub-list li:before { background: 0 0!important; border: 1px solid #7e7e7e!important }
.primary-content .project-section:nth-child(2n) .project-list-wrapper .project-sub-list li:before { border: 1px solid #fff!important }
.project-list-wrapper .group-title { font-size: 13px!important; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; padding-left: 25px }
.project-list-wrapper .group-title:before { content: ""; display: block; position: absolute; width: 10px; min-width: 10px; max-width: 10px; height: 10px; background: #7e7e7e; left: 0; top: 50%; margin-top: -5px; border-radius: 50% }
.primary-content .project-section:nth-child(2n) .project-list-wrapper .group-title:before { background-color: #fff }
.project-list-wrapper .group-title+ul { margin-top: 10px!important }
.about .section-about-investment-main-right div { bottom: auto; top: 50%; padding: 0 0 0 100px; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
@media (max-width:1400px) {
    .about .section-about-investment-main-right div { padding-left: 10% }
}
@media (max-width:460px) {
    .about .section-about-investment-main-right div { top: auto; bottom: 10vw; -webkit-transform: translateY(0); transform: translateY(0) }
}
.about .section-about-investment-main-right div .more { background-color: transparent; color: #008fd3 }
.about .section-about-investment-main-right div .more:hover { background-color: #008fd3; color: #fff }
span.ceo-des { font-size: 12px; white-space: nowrap; right: 50px; bottom: 50px; line-height: 1.4; padding: 5px 8px; background-color: #008fd3; color: #fff; position: absolute }
@media (max-width:1400px) {
    span.ceo-des { right: 4vw; bottom: 4vw }
}
@media (max-width:460px) {
    span.ceo-des { display: none }
}
.investor_list { margin: 0 25px }
@media (max-width:460px) {
    .investor_list { margin: 0 1.2em }
    .investor_list li { font-size: 16px; margin: 2px auto; white-space: nowrap }
}
@media (max-width:460px) {
    .about .section-about-investment-main-left div h2 { text-align: left }
    .about .section-about-investment-main-left div { left: 10%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%) }
}
.entry-content .multi-cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; margin: 40px auto 30px -20px; -ms-flex-wrap: wrap; flex-wrap: wrap }
.entry-content .multi-cols .col { width: 25%; padding: 0 0 20px 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch }
@media (max-width:1000px) {
    .entry-content .multi-cols .col { width: 50% }
}
@media (max-width:450px) {
    .entry-content .multi-cols .col { width: 100% }
}
.entry-content .multi-cols .col .col-wrap { width: 100%; background-color: #f6f6f6; color: #333 }
.entry-content .multi-cols .col .col-wrap ul { padding-left: 0; list-style: none }
.entry-content .multi-cols .col .col-wrap ul li { font-size: 14px; line-height: 1.8; white-space: nowrap }
@media (max-width:550px) {
    .entry-content .multi-cols .col .col-wrap ul li { font-size: 12px }
}
@media (max-width:550px) {
    .entry-content .multi-cols .col .col-wrap ul li { font-size: 14px }
}
.entry-content .multi-cols .col .col-wrap>ul { padding: 0 10px; margin-bottom: 20px }
.entry-content .multi-cols .col .col-wrap>ul>li { font-weight: 700 }
.entry-content .multi-cols .col .col-wrap>ul ul { padding-left: 1em }
.entry-content .multi-cols .col .col-wrap>ul ul li { font-weight: 400 }
.entry-content .multi-cols .col .col-wrap li:before { content: "- "; display: inline-block; margin-right: 5px }
.entry-content .multi-cols .col h3 { margin: 0; padding: 8px 10px 10px; display: block; text-align: center; border-top: 3px solid #008fd3; border-bottom: 1px solid #fff; background-color: #ecf6fc }
.hr { margin-bottom: 15px; padding-bottom: 15px; border-top: 1px dotted #ddd; border-left: none; boder-right: none; border-bottom: none }
.menu-list-wrapper ul.hasicon { width: 100%!important; max-width: 800px!important }
.menu-list-wrapper ul.hasicon li { width: 20%!important }
.menu-container .menu-section { width: 200px!important }
.menu-list { left: 200px!important; width: calc(100% - 200px)!important }
.global-navigation .top-menu-panel:after { left: 200px!important }
.single-menu-item { width: 100%; padding-right: 40px; max-width: 600px; line-height: 1.6; padding: 0 20px 20px }
.single-menu-item .single-menu-item-title { line-height: 1.2; font-size: 16px; color: #005bac; border-left: 3px solid #005bac; padding-left: 10px }
.single-menu-item .single-menu-item-description { font-size: 14px; margin: 25px 0 }
.single-menu-item .single-menu-item-description p { padding: 0; margin: 0 }
.single-menu-item .single-menu-item-description p:not(:last-child) { margin-bottom: 1.5em }
.single-menu-item .single-menu-item-more { display: -webkit-box; display: -ms-flexbox; display: flex }
.single-menu-item .single-menu-item-more a { display: block; padding: 0; margin: 0; color: #005bac; font-size: 14px }
.single-menu-item .single-menu-item-more a:after { content: ">"; margin-left: 4px }
.single-menu-item .single-menu-item-more a:hover { background-color: transparent; text-decoration: underline }
.tabs-content { margin-top: -1px!important }
.menu-list .menu-list-wrapper .menu-sub-list .upper-level:not(:first-child) { margin-top: 30px }
.menu-list .menu-list-wrapper .menu-sub-list .upper-level a { font-size: 14px; padding: 6px 10px; color: #005bac }
.menu-list .menu-list-wrapper .menu-sub-list a:not([href]):hover { background-color: transparent!important }
.menu-list .menu-list-wrapper .menu-sub-list .menu-more { display: -webkit-box; display: -ms-flexbox; display: flex }
.menu-list .menu-list-wrapper .menu-sub-list .menu-more a { display: block; padding: 6px 10px; margin: 14px 0 0; color: #005bac; font-size: 14px }
.menu-list .menu-list-wrapper .menu-sub-list .menu-more a:hover { background-color: transparent; text-decoration: underline }
.menu-list-wrapper ul.hasicon { width: 100%!important; max-width: 900px!important; padding-bottom: 10px }
.menu-list-wrapper ul.hasicon li { width: 12.5%!important }
.menu-list-wrapper ul.hasicon.cols-2 { max-width: 360px!important }
.menu-list-wrapper ul.hasicon.cols-2 li { width: 50%!important }
.product-info-card { width: calc(100% - 24px); margin-left: 24px; font-size: 12px; background-color: #f3f3f3; margin-top: 4px; color: #505050 }
@media (max-width:1100px) {
    .product-info-card { margin-left: 22px }
}
.product-info-card .title { font-weight: 700; font-size: 13px; line-height: 1.2; padding: 6px 0; background-color: #e9e9e9; color: #999 }
.product-info-card ul { float: none!important; margin: 0!important; padding: 7px 0!important; width: 100% }
.product-info-card ul li { line-height: 1.6 }
.service-header .service-net { opacity: 0; -webkit-transition: .9s; transition: .9s }
.service-header .service-net.show { opacity: 1 }
.service-header .service-net.show .net-large img { -webkit-animation: rotating 100s linear infinite 0s; animation: rotating 100s linear infinite 0s }
.service-header .service-net.show .net-small img { -webkit-animation: rotatingReverse 60s ease infinite 0s; animation: rotatingReverse 60s ease infinite 0s }
@-webkit-keyframes rotating { 0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1)
}
    50% {
        -webkit-transform:rotate(180deg) scale(1.4);
        transform:rotate(180deg) scale(1.4)
    }
    100% {
        -webkit-transform:rotate(360deg) scale(1);
        transform:rotate(360deg) scale(1)
    }
}
@keyframes rotating { 0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1)
}
    50% {
        -webkit-transform:rotate(180deg) scale(1.4);
        transform:rotate(180deg) scale(1.4)
    }
    100% {
        -webkit-transform:rotate(360deg) scale(1);
        transform:rotate(360deg) scale(1)
    }
}
@-webkit-keyframes rotatingReverse { 0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1)
}
    50% {
        -webkit-transform:rotate(-180deg) scale(.6);
        transform:rotate(-180deg) scale(.6)
    }
    100% {
        -webkit-transform:rotate(-360deg) scale(1);
        transform:rotate(-360deg) scale(1)
    }
}
@keyframes rotatingReverse { 0% {
    -webkit-transform:rotate(0) scale(1);
    transform:rotate(0) scale(1)
}
    50% {
        -webkit-transform:rotate(-180deg) scale(.6);
        transform:rotate(-180deg) scale(.6)
    }
    100% {
        -webkit-transform:rotate(-360deg) scale(1);
        transform:rotate(-360deg) scale(1)
    }
}
.service-net { width: 40%; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%) }
@media (max-width:1420px) {
    .service-net { right: 5% }
}
@media (max-width:650px) {
    .service-net { width: 50% }
}
.service-net:after { content: ""; width: 100%; padding-top: 100%; position: relative; z-index: 1; top: 0; left: 0; display: block; overflow: visible }
.service-net>div { width: 120%; height: 120%; position: absolute; top: 50%; left: 50%; z-index: 2; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%) }
.service-net>div img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -webkit-transform-origin: center; transform-origin: center }
.service-net>div.net-small { width: 80%; height: 80% }
.menu-list-wrapper ul.hasicon.horizontal { max-width: none!important; -ms-flex-wrap: nowrap; flex-wrap: nowrap }
.menu-list-wrapper ul.hasicon.horizontal>li { width: auto!important; min-width: 14%!important }
@media (max-width:1600px) {
    .menu-list-wrapper ul.hasicon.horizontal>li { min-width: 16%!important }
}
@media (max-width:1400px) {
    .menu-list-wrapper ul.hasicon.horizontal>li { min-width: 18%!important }
}
.menu-list-wrapper ul.hasicon.horizontal>li>a { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 10px 14px!important }
.menu-list-wrapper ul.hasicon.horizontal>li>a .icon { margin: 0 10px 0 0!important }
.menu-list-wrapper ul.hasicon.horizontal .li-wrap { width: auto!important; min-width: 14%!important }
.menu-list-wrapper ul.hasicon.horizontal .li-wrap>li { width: 100%!important; min-width: 0!important; margin: 0!important }
@media (max-width:1600px) {
    .menu-list-wrapper ul.hasicon.horizontal .li-wrap>li { width: 100%!important }
}
@media (max-width:1400px) {
    .menu-list-wrapper ul.hasicon.horizontal .li-wrap>li { width: 100%!important }
}
.menu-list-wrapper ul.hasicon.horizontal .li-wrap>li>a { font-size: 14px; color: #005bac; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 10px 14px!important }
.menu-list-wrapper ul.hasicon.horizontal .li-wrap>li>a .icon { margin: 0 10px 0 0!important }
.menu-list-wrapper ul.hasicon.horizontal .li-wrap>li .sub-items { margin-bottom: 20px }
.menu-list-wrapper ul.hasicon .sub-items { margin-left: 44px; position: relative; padding: 0 20px 0 0!important }
.menu-list-wrapper ul.hasicon .sub-items ul { padding: 0; margin: 0; width: auto!important }
.menu-list-wrapper ul.hasicon .sub-items ul li { padding: 0; margin: 0; width: auto!important }
.menu-list-wrapper ul.hasicon .sub-items ul li a { padding: 2px 6px!important; margin: 0 }
.health .main .style-2 .main-part-dom-center .multi-col.col-2 .full-width { width: 100% }
.health .main .style-2 .main-part-dom-center .multi-col.col-2 .full-width .multi-ul { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-bottom: 25px }
.health .main .style-2 .main-part-dom-center .multi-col.col-2 .full-width .multi-ul .sub-items { white-space: nowrap }
.health .main .style-2 .main-part-dom-center .multi-col.col-2 .full-width ul { width: 50% }
@media (max-width:600px) {
    .health .main .style-2 .main-part-dom-center .multi-col.col-2 .full-width ul { width: 100% }
}
.health .main .style-2 .main-part-dom-center .multi-col .product-info-card { background-color: transparent }
.health .main .style-2 .main-part-dom-center .multi-col .product-info-card .title { background-color: transparent }
.primary-content .project-section ul a:hover span.nowrap { text-decoration: underline }
.search-list .main-content>a>ul li p { font-size: 14px }
.search-list .main-content>a { padding: 20px 0 }
.search-list .main-content>a:hover { background-color: transparent!important }
.search-list .main-content>a:hover h3 { color: #008fd3 }
.post-excerpt { font-size: 14px!important; color: #666 }
.post-category, .post-date { font-size: 12px!important }
.search-list .select-form li select { padding: 8px; font-size: 14px }
.search-list .main-form ul li>* { font-size: 16px }
.search-list .main-form .search-form li input[type=text] { background-color: #f9f9f9 }
.searchresult_link { color: #666!important; font-size: 12px!important }
.search-list .main-content-title h3 span { float: none; font-size: 12px }
.search-list .main-content-title+h2 { font-size: 14px }
.search-list .main-content>a>ul li h3 { font-size: 20px }
.search-list .main-content .main-content-bottom ul li a { border-radius: 4px!important }
.search-list .main-content .main-content-bottom span { font-size: 14px }
.search-list .main-content-title h3 { font-size: 20px; line-height: 1.2; border-bottom: 1px solid #b3b3b3; padding-bottom: 14px; margin-bottom: 14px }
.post-entry h1 { font-size: 30px; font-weight: 400; line-height: 1.5 }
.entry-content p { margin-bottom: 1.5em }
.pagename { text-shadow: 1px 1px 0 rgba(0,0,0,.2) }
.entry-content h2 { font-size: 20px }
.entry-content { line-height: 1.6 }
.product-menu>div>ul>li .selected { -webkit-box-shadow: 0 11px 10px rgba(54,124,140,.25); box-shadow: 0 11px 10px rgba(54,124,140,.25) }
.platform-section { width: 100%; padding: 80px 0 50px; background-color: #0070ba }


@media (max-width:1150px) {
    .platform-section { padding: 60px 0 30px }
}
@media (max-width:450px) {
    .platform-section { padding: 40px 0 0 }
}
.platform-section-wrapper { opacity: .8; width: 100%; max-width: 1260px; margin: auto; color: #fff }
.platform-section-wrapper h2 { font-size: 34px; display: block; line-height: 1.4; text-align: center; font-weight: 400; padding: 0 20px }
@media (max-width:1150px) {
    .platform-section-wrapper h2 { font-size: 28px }
}
@media (max-width:450px) {
    .platform-section-wrapper h2 { font-size: 24px }
}
.platform-section-wrapper .section-description { font-size: 18px; line-height: 1.6; text-align: center; margin: 40px auto; width: 100%; max-width: 1000px; padding: 0 20px }
@media (max-width:1150px) {
    .platform-section-wrapper .section-description { font-size: 16px }
}
@media (max-width:450px) {
    .platform-section-wrapper .section-description { font-size: 14px; margin-top: 30px }
}
.platform-items { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-wrap: wrap; flex-wrap: wrap }
@media (max-width:1360px) {
    .platform-items { padding: 0 20px }
}
@media (max-width:450px) {
    .platform-items { padding: 0; border-top: 1px solid rgba(255,255,255,.2) }
}
.platform-items .col { text-align: center; width: 33.33%; padding: 20px 30px 30px; margin-bottom: 30px }
@media (max-width:1150px) {
    .platform-items .col { padding: 20px 20px 30px }
}
@media (max-width:760px) {
    .platform-items .col { width: 50% }
}
@media (max-width:450px) {
    .platform-items .col { width: 100%; border-bottom: 1px solid rgba(255,255,255,.2); padding: 40px; margin: 0 }
}
.platform-items .col .icon { width: 100px; height: 100px; margin: auto; position: relative }
@media (max-width:1150px) {
    .platform-items .col .icon { width: 80px; height: 80px }
}
.platform-items .col .icon img { width: 100%; height: 100%; position: absolute; -o-object-fit: contain; object-fit: contain; -o-object-position: center; object-position: center; top: 0; left: 0 }
.platform-items .col h3 { font-size: 24px; text-align: center; display: block; margin: 20px 0 }
@media (max-width:1150px) {
    .platform-items .col h3 { font-size: 20px }
}
.platform-items .col h3~p { font-size: 14px; line-height: 1.6; text-align: center }
.platform-items .col a, .platform-items .col a:link { font-size: 14px; white-space: nowrap; display: inline-block; color: #fff; margin-top: 20px }
.platform-items .col a:hover, .platform-items .col a:link:hover { text-decoration: underline }
.cross-solution-section { width: 100%; padding: 80px 0 }
@media (max-width:1150px) {
    .cross-solution-section { padding: 60px 0 }
}
@media (max-width:450px) {
    .cross-solution-section { padding: 40px 0 }
}
.cross-solution-section .cross-solution-wrapper { width: 100%; max-width: 1260px; margin: auto; color: #333 }
.cross-solution-section .cross-solution-wrapper h2 { font-size: 34px; display: block; line-height: 1.4; text-align: center; font-weight: 400; padding: 0 20px }
@media (max-width:1150px) {
    .cross-solution-section .cross-solution-wrapper h2 { font-size: 28px }
}
@media (max-width:450px) {
    .cross-solution-section .cross-solution-wrapper h2 { font-size: 24px }
}
.cross-solution-section .cross-solution-wrapper h3 { font-size: 24px; background-color: #86a4d0; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-line-pack: center; align-content: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 24px; text-align: center; padding: 10px; height: 60px; margin: 0!important }
@media (max-width:1150px) {
    .cross-solution-section .cross-solution-wrapper h3 { font-size: 20px }
}
@media (max-width:450px) {
    .cross-solution-section .cross-solution-wrapper h3 { font-size: 18px; height: 50px }
}
.cross-solution-section .cross-solution-wrapper h3~p { padding: 30px; font-size: 16px; line-height: 1.8 }
@media (max-width:1150px) {
    .cross-solution-section .cross-solution-wrapper h3~p { font-size: 14px }
}
@media (max-width:450px) {
    .cross-solution-section .cross-solution-wrapper h3~p { font-size: 14px; padding: 20px }
}
.cross-solution-section .solution-items { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap }
@media (max-width:1360px) {
    .cross-solution-section .solution-items { padding: 0 20px }
}
.cross-solution-section .solution-items .col { width: calc(33.33% - 40px); margin: 20px 20px 50px; background-color: #eef8fe; position: relative; padding-bottom: 60px }
.cross-solution-section .solution-items .col>* { position: relative; z-index: 5 }
@media (max-width:900px) {
    .cross-solution-section .solution-items .col { width: calc(33.33% - 20px); margin: 20px 10px 30px }
}
@media (max-width:760px) {
    .cross-solution-section .solution-items .col { width: calc(50% - 20px) }
}
@media (max-width:450px) {
    .cross-solution-section .solution-items .col { width: 100%; margin: 10px 0; padding-bottom: 40px }
}
.cross-solution-section .solution-items .anchor-btn { width: 100%; position: absolute; left: 0; bottom: 0; height: 50px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center }
@media (max-width:450px) {
    .cross-solution-section .solution-items .anchor-btn { height: 40px }
}
.cross-solution-section .solution-items .anchor-btn a { white-space: nowrap; font-size: 16px; color: #333 }
@media (max-width:450px) {
    .cross-solution-section .solution-items .anchor-btn a { font-size: 14px }
}
.cross-solution-section .solution-items .anchor-btn a:hover { text-decoration: underline }
.cross-solution-section .solution-items .icon-bg { position: absolute; z-index: 1; width: 100%; height: 50%; top: 40%; left: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; overflow: hidden; opacity: .12 }
.cross-solution-section .solution-items .icon-bg img { height: 100%; width: auto; -webkit-transform: translateX(20%); transform: translateX(20%) }
@media (max-width:450px) {
    .cross-solution-section .solution-items .icon-bg { height: 60%; top: 30% }
}
@media (max-width:900px) {
    .homepage-black .layout .section-business, .homepage-black .layout .section-business-main ul { padding: 0 }
}
.platform-items .col { padding: 30px; -webkit-transition: .3s; transition: .3s; cursor: pointer }
@media (min-width:1150px) {
    .platform-items .col:hover { background-color: rgba(0,0,0,.1) }
}
.multi-cols.cols-4 .col { width: 25% }
@media (max-width:1250px) {
    .multi-cols.cols-4 .col { width: 33.3333% }
}
@media (max-width:900px) {
    .multi-cols.cols-4 .col { width: 50% }
}
@media (max-width:600px) {
    .multi-cols.cols-4 .col { width: 100% }
}
.multi-cols.cols-4 h2.blue { background-color: #005bac; color: #fff; margin: 0 0 10px!important; padding: 10px 20px; line-height: 1.4 }
@media (max-width:600px) {
    .multi-cols.cols-4 h2.blue { font-size: 18px; padding: 8px 20px }
}
.multi-cols.cols-4 ul { padding: 0 20px!important; margin: 20px auto 10px!important }
.multi-cols.cols-4 ul li { font-weight: 400!important; font-size: 14px!important; white-space: normal!important; padding-left: 1em; line-height: 1.8em!important; position: relative }
.multi-cols.cols-4 ul li:before { content: ""!important; position: absolute; left: 0; top: calc(.9em + 1px)!important; width: 5px; height: 1px; background-color: #333 }
.multi-cols.cols-4 p { padding: 0 20px; font-size: 14px }
.multi-cols.cols-4 .col-wrap { padding-bottom: 25px }
.multi-cols.has-more-btn .col .col-wrap { position: relative; padding-bottom: 40px }
.multi-cols .product-excerpt { padding: 18px 20px }
.multi-cols .product-more { width: 100%; height: 40px; text-align: center; position: absolute; left: 0; bottom: 0; background-color: #f6f6f6 }
.section-title { margin-top: 40px }
@media (max-width:500px) {
    .section-title { margin-top: 30px }
}
.section-title h2 { font-size: 32px; display: block; line-height: 1.4; text-align: center; font-weight: 400; padding: 0 20px }
@media (max-width:760px) {
    .section-title h2 { font-size: 28px }
}
@media (max-width:500px) {
    .section-title h2 { font-size: 24px }
}
.why-neusoft-cloud { margin-top: 40px; margin-bottom: 30px }
@media (max-width:500px) {
    .why-neusoft-cloud { margin-top: 30px; margin-bottom: 20px }
}
.why-neusoft-cloud .cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -20px }
@media (max-width:800px) {
    .why-neusoft-cloud .cols { -ms-flex-wrap: wrap; flex-wrap: wrap }
}
@media (max-width:500px) {
    .why-neusoft-cloud .cols { margin-left: -15px }
}
.why-neusoft-cloud .col { padding: 0 0 20px 20px; width: 25%; display: -webkit-box; display: -ms-flexbox; display: flex }
@media (max-width:800px) {
    .why-neusoft-cloud .col { width: 50% }
}
@media (max-width:500px) {
    .why-neusoft-cloud .col { padding: 0 0 15px 15px }
}
.why-neusoft-cloud .col .col-wrapper { width: 100%; background-color: #008fd3; padding: 20px 20px 18px; color: #fff }
@media (max-width:500px) {
    .why-neusoft-cloud .col .col-wrapper { padding: 12px 15px }
}
.why-neusoft-cloud .col h3 { font-size: 22px; font-weight: 400; white-space: nowrap; line-height: 1.2; color: #fff; text-align: center; padding: 0!important; margin: 0 0 12px }
@media (max-width:760px) {
    .why-neusoft-cloud .col h3 { font-size: 20px; margin-bottom: 10px }
}
@media (max-width:500px) {
    .why-neusoft-cloud .col h3 { font-size: 18px; margin-bottom: 8px }
}
.why-neusoft-cloud .col p { font-size: 14px; line-height: 1.6; opacity: .8 }
@media (max-width:500px) {
    .why-neusoft-cloud .col p { font-size: 12px; line-height: 1.5 }
}
.multi-cols .col-wrap h3 { font-size: 20px }
@media (max-width:1600px) {
    .multi-cols .col-wrap h3 { font-size: 18px }
}
.health .main-part-dom.style-2 .main-part-dom-center h3 { color: #505050 }
@media (max-width:800px) {
    .health .main-part-dom.sptextchange-3.long-text .svg-icon-title { font-size: 4.2vw }
}
@media (max-width:420px) {
    .health .main-part-dom.sptextchange-3.long-text .svg-icon-title { font-size: 3.8vw }
}
.featured-header.industry { background-color: #005bac }
@media (max-width:1300px) {
    .common-header .togglebtn.activebtn span:first-child { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateY(9px) rotate(135deg); transform: translateY(9px) rotate(135deg); top: 18px; left: 16px; right: auto; width: 25px }
    .common-header .togglebtn.activebtn span:nth-child(2) { opacity: 0 }
    .common-header .togglebtn.activebtn span:last-child { -webkit-transform-origin: center; transform-origin: center; -webkit-transform: translateY(-8px) rotate(-135deg); transform: translateY(-8px) rotate(-135deg); left: 16px; top: 35px; right: auto; width: 25px }
}
.common-header .header { z-index: 50 }
.contact, .contact-main { z-index: 48 }
@media (max-width:600px) {
    body:not(.news).news-list .bglightgray { height: auto!important }
}
.health-ecosystem { padding: 20px 0 0 }
.health-ecosystem, .health-timeline { overflow: hidden; background-color: #00a9a6 }
.no-wrap { white-space: nowrap; word-break: keep-all; display: inline-block }
.he-des { color: #fff; font-size: 16px; line-height: 2; margin: 1em auto 1.5em; max-width: 800px; text-align: center; padding: 0 25px }
.health-timeline h2, .industry-standard h2, .lg-content h2 { color: #fff; font-size: 36px; line-height: 2; margin: 2em auto .5em; max-width: 800px; text-align: center; font-weight: 400; display: block; padding: 0 20px }
.industry-standard h2 { color: #00a9a6 }
.cloudtags { height: 100px; width: 90%; max-width: 1200px; margin: 70px auto 10px; color: #fff; font-size: 22px; text-align: center; position: relative; animation: floatingcloud 60s ease infinite 3s; z-index: 49 }
.white-cloud { color: #00a9a6 }
@keyframes floatingcloud { 0% {
    transform:translateX(0)
}
    20% {
        transform:translateX(-8%)
    }
    80% {
        transform:translateX(8%)
    }
    100% {
        transform:translateX(0)
    }
}
.cloudtag { min-width: 200px; position: relative }
.cloudtag img { width: 100%; height: 100%; position: absolute; display: block; z-index: 1; top: 0; left: 0; display: -webkit-flex; display: flex; align-items: content; justify-content: center }
.cloudtag span { display: block; padding: 32px 0 16px; position: relative; z-index: 2 }
.cloudtag { position: absolute; left: 20%; transform: scale(1.1, 1.1) }
.cloudtag:nth-child(3) { left: auto; right: 20%; transform: translate(2%, 10%) scale(1.2, 1.2) }
.cloudtag:nth-child(2) { top: 0; left: 50%; margin-left: -100px; transform: translate(-8%, -40%) }
.city-article { position: relative; overflow: hidden; overflow-x: auto; z-index: 2 }
.city-article-wrap { position: relative; overflow: hidden; min-width: 1280px }
.he-items { position: absolute; top: 0; left: 0; width: 100%; height: 100%; bottom: 0; right: 0; z-index: 2 }
.city-bg { position: relative; z-index: 1; top: 0; left: 0; width: 100% }
.city-bg:before { position: absolute; z-index: 2; content: ""; display: block; width: 100%; height: 150%; background: -moz-linear-gradient(top, rgba(0,169,166,0) 0, rgba(0,169,166,1) 30%, rgba(0,169,166,1) 100%); background: -webkit-linear-gradient(top, rgba(0,169,166,0) 0, rgba(0,169,166,1) 30%, rgba(0,169,166,1) 100%); background: linear-gradient(to bottom, rgba(0,169,166,0) 0, rgba(0,169,166,1) 30%, rgba(0,169,166,1) 100%); top: -50%; transition: 3s }
.city-bg.showcity:before { top: 100% }
.city-bg img { display: block; width: 100%; position: relative; z-index: 1 }
.he-icon { width: 11%; min-width: 100px; position: absolute; opacity: 0; transform: translateY(15px); transition: .5s; transition-timing-function: cubic-bezier(.39, -.23, .6, 1.27) }
.he-icon img { width: 50px; height: 50px; display: block; float: left; background-color: #00a9a6 }
.he-intro { width: calc(100% - 60px); color: #fff; float: right }
.he-intro h3 { font-size: 18px; display: block; font-weight: 400; line-height: 1.2; margin-bottom: .4em }
.he-intro p { font-size: 12px; line-height: 1.4 }
.he-intro p span:not(.no-wrap) { color: #fcefbe; display: block }
.he-intro p span:not(.no-wrap):after { content: "···"; display: inline-block; white-space: nowrap; word-break: keep-all }
.hei-1 { left: 7.25%; margin-left: -23px; top: 30%; margin-top: -50px }
.hei-2 { width: 20%; left: 17%; margin-left: -23px; top: 11%; margin-top: -44px }
.hei-3 { width: 20%; left: 22.8%; margin-left: -21px; top: 27%; margin-top: -44px }
.hei-4 { width: 20%; left: 40.2%; margin-left: -22.5px; top: 16%; margin-top: -45px }
.hei-5 { width: 18%; left: 54.8%; margin-left: -23px; top: 28.2%; margin-top: -42px }
.hei-6 { width: 20%; left: 66.1%; margin-left: -23px; top: 13.4%; margin-top: -44px }
.hei-7 { width: 20%; left: 73.3%; margin-left: -22.5px; top: 29.7%; margin-top: -44px }
.hei-8 { width: 20%; left: 80.9%; margin-left: -23px; top: 13%; margin-top: -43px }
.he-items.jumpin .he-icon { opacity: 1; transform: translateY(0) }
.he-items.jumpin .hei-1 { transition-delay: .5s }
.he-items.jumpin .hei-2 { transition-delay: .3s }
.he-items.jumpin .hei-3 { transition-delay: .2s }
.he-items.jumpin .hei-4 { transition-delay: .1s }
.he-items.jumpin .hei-5 { transition-delay: 0s }
.he-items.jumpin .hei-6 { transition-delay: .4s }
.he-items.jumpin .hei-7 { transition-delay: .6s }
.he-items.jumpin .hei-8 { transition-delay: .7s }
.time-line-content { width: 100%; overflow: hidden; padding: 0 0 50px; position: relative }
.time-line-full-track { width: auto; display: flex; align-items: flex-end; justify-content: flex-start; position: relative; padding: 0 100px; overflow-x: auto }
.time-line-full-track:after, .time-line-full-track:before { display: block; content: ""; width: 100%; height: 1px; background-color: #fff; bottom: 1px; position: absolute; left: 0; right: 0 }
.time-line-full-track:after { bottom: 40px }
.tl-object:not(:last-child) { margin-right: 70px }
.tl-item { width: 120px; height: auto; overflow: hidden; position: relative; padding: 30px 20px 30px 30px; color: #fff }
.tl-object:last-child .tl-item { padding-right: 0; padding-bottom: 20px; width: 140px }
.tl-item:before { content: ""; width: 20px; height: 20px; border: 3px solid #fff; border-radius: 50%; background-color: transparent; display: block; left: 30px; top: 0; position: absolute }
.tl-item:after { content: ""; width: 30px; height: 100%; position: absolute; border-top-left-radius: 8px; border-top: 1px dashed #fff; border-left: 1px dashed #fff; position: absolute; left: 0; top: 10px }
.tl-year { display: flex; display: -webkit-flex; align-items: center; justify-content: center; vertical-align: middle; width: 46px; height: 40px; font-size: 20px; text-transform: uppercase; font-weight: 700; color: #fff; margin-left: -23px; overflow: visible; line-height: 40px; text-align: center }
.time-line-wrap { padding: 0}
.time-line-content:after, .time-line-content:before { content: ""; width: 15%; max-width: 180px; height: 100%; position: absolute; top: 0; bottom: 0; z-index: 2; display: block; left: 0; background: -moz-linear-gradient(left, rgba(0,169,166,1) 0, rgba(0,169,166,.99) 1%, rgba(0,169,166,0) 68%, rgba(0,169,166,0) 100%); background: -webkit-linear-gradient(left, rgba(0,169,166,1) 0, rgba(0,169,166,.99) 1%, rgba(0,169,166,0) 68%, rgba(0,169,166,0) 100%); background: linear-gradient(to right, rgba(0,169,166,1) 0, rgba(0,169,166,.99) 1%, rgba(0,169,166,0) 68%, rgba(0,169,166,0) 100%) }
.time-line-content:after { right: 0; left: auto; background: -moz-linear-gradient(left, rgba(0,169,166,0) 0, rgba(0,169,166,0) 32%, rgba(0,169,166,.99) 99%, rgba(0,169,166,1) 100%); background: -webkit-linear-gradient(left, rgba(0,169,166,0) 0, rgba(0,169,166,0) 32%, rgba(0,169,166,.99) 99%, rgba(0,169,166,1) 100%); background: linear-gradient(to right, rgba(0,169,166,0) 0, rgba(0,169,166,0) 32%, rgba(0,169,166,.99) 99%, rgba(0,169,166,1) 100%) }
.is-list { max-width: 1800px; padding: 0 20px 30px; margin: 40px auto; overflow: hidden }
.is-list ul { display: flex; flex-direction: column; flex-wrap: wrap; align-items: flex-start; height: 280px; align-content: center }
.is-list ul li { font-size: 12px; padding-right: 20px; color: #999; line-height: 1.6; white-space: nowrap; word-break: keep-all }
.he-more { margin: 30px auto 60px; text-align: center }
.he-more a { border: 1px solid #00a9a6; background: #00a9a6; color: #fff; text-decoration: none; display: inline-block; width: 260px; text-align: center; line-height: 42px; transition: .3s; font-size: 16px }
.he-more a:hover { background-color: transparent; color: #00a9a6 }
.moreis { width: 100%; height: auto; overflow: hidden; display: block; text-align: center; display: none }
.moreis>div { font-size: 14px; padding: 10px 16px; cursor: pointer; color: #666; display: inline-block }
.moreis>div:after { content: ""; display: inline-block; width: 0; height: 0; border-top: 6px solid #666; border-left: 6px solid transparent; border-right: 6px solid transparent; margin-left: 6px; position: relative; transform: translateY(-2px) }
.moreis>div:last-child:after { border-top: 6px solid transparent; border-bottom: 6px solid #666 }
#big-health-h5 { width: 100%; height: auto; overflow: hidden; max-width: 500px; margin: auto }
#big-health-h5 .section { z-index: 2; position: relative }
#big-health-h5 h1 { display: block; width: 70%; max-width: 500px; margin: 60px auto 30px }
#big-health-h5 h1 img { width: 100% }
#big-health-h5 h2 { display: block; width: 20%; max-width: 200px; min-width: 100px; margin: 90px auto 25px }
#big-health-h5 h2 img { width: 100% }
.bh-neu-intro { text-align: center; margin: 2em auto 1em; max-width: 800px; width: 85% }
.city { width: 100%; height: 0; position: relative }
.city-bgs { width: 100%; position: absolute; bottom: 0; left: 0; background: url(../img/health-ecosystem/city.png) 0 bottom/cover no-repeat; height: 100%; z-index: 1 }
.bh2 .city-bgs { background: url(../img/health-ecosystem/city.png) center bottom/cover no-repeat }
.bh3 .city-bgs { background: url(../img/health-ecosystem/city.png) right bottom/cover no-repeat }
.bh3 { padding-bottom: 0!important }
.welcome-section { padding-bottom: 50px!important; z-index: 3!important }
.city-autos { width: 300%; position: absolute; bottom: 0; left: 0; background: url(../img/health-ecosystem/autos.png) 0 bottom/contain no-repeat; z-index: 3; height: 100% }
.bh2 .city-autos { left: -75% }
.bh3 .city-autos { left: -150% }
.cloud-item.fixcloud { top: 30px; left: 0; position: fixed; z-index: 50 }
.city-ambulance { position: absolute; height: 100%; width: 100%; background: url(../img/health-ecosystem/ambulance.png) 0 bottom/35% auto no-repeat; bottom: 20px; left: 0; z-index: 2; animation: ambulance 15s ease infinite 0s; -webkit-animation: ambulance 15s ease infinite 0s }
@keyframes ambulance { 0% {
    left:-50%;
    opacity:1
}
    50% {
        left:140%;
        opacity:1
    }
    51% {
        left:140%;
        opacity:0
    }
    99% {
        left:-50%;
        opacity:0
    }
    100% {
        left:-50%;
        opacity:1
    }
}
@-webkit-keyframes ambulance { 0% {
    left:-50%;
    opacity:1
}
    50% {
        left:140%;
        opacity:1
    }
    51% {
        left:140%;
        opacity:0
    }
    99% {
        left:-50%;
        opacity:0
    }
    100% {
        left:-50%;
        opacity:1
    }
}
.moving-items { overflow: visible; padding: 50px 0 0 }
.moving-items .he-icon { top: auto; margin: auto; opacity: 1; position: relative; width: 100%; max-width: 300px; overflow: hidden; transform: translateY(0); transition-duration: 0; transition-delay: 0; transition-timing-function: 0; transition: none }
.moving-items .he-icon:not(:last-child) { margin-bottom: 20px }
.moving-items .hei-1, .moving-items .hei-4, .moving-items .hei-7 { left: 300px }
.moving-items .hei-2, .moving-items .hei-5, .moving-items .hei-8 { left: 350px }
.moving-items .hei-3, .moving-items .hei-6 { left: 400px }
.cloudtags.fixed { position: fixed; top: 0; left: 0; width: 100%; right: 0; z-index: 100 }
.cloudholder { overflow: hidden }
.cloud-bg { position: fixed; z-index: 99; width: 100%; top: 0; left: 0; right: 0; height: 140px; background: -moz-linear-gradient(top, rgba(0,169,166,1) 0, rgba(0,169,166,1) 63%, rgba(0,169,166,.84) 69%, rgba(0,169,166,0) 100%); background: -webkit-linear-gradient(top, rgba(0,169,166,1) 0, rgba(0,169,166,1) 63%, rgba(0,169,166,.84) 69%, rgba(0,169,166,0) 100%); background: linear-gradient(to bottom, rgba(0,169,166,1) 0, rgba(0,169,166,1) 63%, rgba(0,169,166,.84) 69%, rgba(0,169,166,0) 100%); display: none }
@media (max-width:1800px) {
    .he-intro p span:not(.no-wrap) { display: none }
    .he-intro { padding-top: 4px }
}
@media (max-width:1700px) {
    .hei-5 { margin-top: 0 }
    .hei-7 { margin-top: -14px }
}
@media (max-width:1500px) {
    .cloudtags { margin: 60px auto 10px; font-size: 18px }
    .health-timeline h2, .industry-standard h2, .lg-content h2 { font-size: 32px; margin: 1.6em auto .5em }
    .he-des { font-size: 14px; line-height: 1.8 }
    .he-intro h3 { font-size: 16px }
    .he-intro p { font-size: 11px }
    .is-list ul { height: 370px }
}
@media (max-width:1280px) {
    .hei-3 { margin-top: -50px }
    .hei-5 { margin-top: -15px }
}
@media (max-width:1280px) {
    .is-list ul { height: 550px }
    .time-line-wrap { padding: 0  }
}
@media (max-width:1160px) {
    .cloudtag { left: 10% }
    .cloudtag:nth-child(3) { right: 10% }
}
@media (max-width:900px) {
    .is-list ul { display: block; height: 150px; position: relative; overflow: hidden }
    .is-list ul li { text-align: center; position: relative; z-index: 1 }
    .is-list ul:after { content: ""; display: block; width: 100%; height: 100px; bottom: 0; left: 0; right: 0; position: absolute; z-index: 2; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0, rgba(255,255,255,1) 75%, rgba(255,255,255,1) 100%) }
    .moreis { display: block }
    .moreis>div.isclose { display: none }
    .is-list.opened ul { height: auto }
    .is-list.opened .moreis { margin-top: 20px }
    .is-list.opened .isopen { display: none }
    .is-list.opened .isclose { display: block }
    .is-list.opened ul:after { display: none }
}
@media (max-width:800px) {
    .cloudtag { left: 6% }
    .cloudtag:nth-child(3) { right: 6% }
    .cloudtag span { padding: 26px 0 12px; font-size: 16px }
}
@media (max-width:700px) {
    .he-des { font-size: 12px; line-height: 1.7 }
    .health-ecosystem { padding: 0 }
    .cloudtags { margin: 50px auto 10px }
}
@media (max-width:640px) {
    .cloudtags { width: 100%; height: 70px }
    .section.bh1 .moving-items { margin-top: 0; padding-top: 30px }
    .cloudtag { left: 5% }
    .cloudtag:nth-child(3) { right: 5% }
    .cloudtag span { padding: 20px 0 8px; font-size: 14px }
    .health-timeline h2, .industry-standard h2, .lg-content h2 { font-size: 28px }
    .section.bh1 .city { margin-top: -120px }
}
@media (max-width:500px) {
    .health-timeline h2, .industry-standard h2, .lg-content h2 { font-size: 24px }
    .time-line-wrap { padding: 0 }
    .time-line-content:after, .time-line-content:before { display: none!important }
    .tl-item { font-size: 12px }
    .tl-object:not(:last-child) { margin-right: 30px }
    .time-line-full-track { padding: 0 50px }
    .cloudtag { left: 50%; min-width: 100px; width: 100px; margin-left: -150px }
    .cloudtags { margin: 30px auto 10px }
    .cloudtag span { padding: 16px 0 5px; font-size: 12px }
    .cloudtag:nth-child(2) { margin-left: -50px }
    .cloudtag:nth-child(3) { margin-left: 50px; right: auto; left: 50% }
    .is-list { padding: 0 20px 30px; margin: 20px auto }
    .is-list ul li { font-size: 10px }
    .bh-neu-intro { font-size: 12px; line-height: 1.7 }
    #big-health-h5 h2 { margin: 50px auto 25px }
}
@media (max-width:450px) {
    .moving-items { margin: 40px auto 20px }
}
.mCustomScrollbar { -ms-touch-action: pinch-zoom; touch-action: pinch-zoom }
.mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action { -ms-touch-action: auto; touch-action: auto }
.mCustomScrollBox { position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: 0; direction: ltr }
.mCSB_container { overflow: hidden; width: auto; height: auto }
.mCSB_scrollTools { position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" }
.mCSB_scrollTools .mCSB_draggerContainer { position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto }
.mCSB_horizontal.mCSB_inside>.mCSB_container { margin-right: 0; margin-bottom: 50px }
.mCSB_horizontal.mCSB_outside>.mCSB_container { min-height: 100% }
.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden { margin-bottom: 0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal { width: 80%; min-width: 300px; margin: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0 }
.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal { bottom: -26px }
.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer { margin: 0 20px }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail { width: 100%; height: 2px; margin: 7px 0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger { width: 30px; height: 100%; max-width: 400px!important; left: 0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar { width: 100%; height: 6px; border-radius: 3px; cursor: pointer; margin: 5px auto }
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar { height: 12px; margin: 2px auto }
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail { height: 8px; margin: 4px 0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft { left: 0 }
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight { right: 0 }
.mCSB_scrollTools, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out }
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar { -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out }
.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools { opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)" }
.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools, .mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools, .mCustomScrollBox:hover>.mCSB_scrollTools, .mCustomScrollBox:hover~.mCSB_scrollTools, .mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag { opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)" }
.mCSB_scrollTools .mCSB_draggerRail { background-color: #000; background-color: rgba(0,0,0,.2); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" }
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" }
.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)" }
.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar { background-color: #fff; background-color: rgba(255,255,255,.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" }
.mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight, .mCSB_scrollTools .mCSB_buttonUp { background-repeat: no-repeat; opacity: .4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)" }
.mCSB_scrollTools .mCSB_buttonUp { background-position: 0 0 }
.mCSB_scrollTools .mCSB_buttonDown { background-position: 0 -20px }
.mCSB_scrollTools .mCSB_buttonLeft { background-position: 0 -40px }
.mCSB_scrollTools .mCSB_buttonRight { background-position: 0 -56px }
.mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover, .mCSB_scrollTools .mCSB_buttonUp:hover { opacity: .75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)" }
.mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active, .mCSB_scrollTools .mCSB_buttonUp:active { opacity: .9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)" }
.cloud_more { text-align: center }
.cloud_more a:hover { color: #fff; border-bottom: 2px #fff solid }
.cloud_more a { border-bottom: 2px #fff solid }
.homepage-black .layout .featured-position .featured-main:not(:first-child) { display: block; opacity: 0; -webkit-transform: translateY(-50%) translateX(-20px); transform: translateY(-50%) translateX(-20px) }
@media (max-width:500px) {
    .homepage-black .layout .featured-position .featured-main:not(:first-child) { -webkit-transform: translateY(20px); transform: translateY(20px) }
}
.homepage-black .layout .featured-position .featured-main { position: absolute; left: 0; top: 50%; -webkit-transform: translateY(-50%) translateX(-20px); transform: translateY(-50%) translateX(-20px); opacity: 0; -webkit-transition-duration: .3s; transition-duration: .3s; z-index: 1 }
.homepage-black .layout .featured-position .featured-main.do { opacity: 1; -webkit-transform: translateY(-50%) translateX(0); transform: translateY(-50%) translateX(0); z-index: 2 }
@media (max-width:500px) {
    .homepage-black .layout .featured-position .featured-main { top: auto; bottom: 0; -webkit-transform: translateY(20px); transform: translateY(20px) }
    .homepage-black .layout .featured-position .featured-main.do { -webkit-transform: translateY(0); transform: translateY(0) }
}
@media (max-width:500px) {
    .homepage-black .layout .featured { background: 0 0; background-color: #000 }
}
.menu-recommend .menu-rec-wrapper h3 { margin-bottom: .3em }
.homepage-black .layout .featured:before { content: ""; background-color: transparent; display: block; width: 100%; height: 100%; z-index: 10; position: absolute; top: 0; left: 0 }
.homepage-black .layout .featured.show:before { opacity: 0; -webkit-transition: .3s; transition: .3s }
.pdf-download-section { width: 100%; height: auto; overflow: hidden; margin-top: 60px }
.pdf-download-section h2 { font-weight: 400; line-height: 1.1; padding-left: 10px; border-left: 4px solid #008fd3 }
.pdf-download-section .pdf-items { margin-top: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-left: -20px; -ms-flex-wrap: wrap; flex-wrap: wrap }
@media (max-width:500px) {
    .pdf-download-section .pdf-items { margin-top: 30px }
}
.pdf-download-section .pdf-items .pdf-item { width: 25%; padding: 0 0 40px 20px }
@media (max-width:1100px) {
    .pdf-download-section .pdf-items .pdf-item { width: 33.3333% }
}
@media (max-width:800px) {
    .pdf-download-section .pdf-items .pdf-item { width: 50% }
}
@media (max-width:500px) {
    .pdf-download-section .pdf-items .pdf-item { width: 100% }
}
.pdf-download-section .pdf-items .pdf-item a { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 20px; background-color: #f6f6f6; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; border-bottom: 0!important }
@media (max-width:600px) {
    .pdf-download-section .pdf-items .pdf-item a { padding: 15px 15px 20px }
}
.pdf-download-section .pdf-items .pdf-item a:hover .pdf-download-btn { color: #fff; background-color: #008fd3 }
.pdf-download-section .pdf-items .pdf-item h3 { text-align: center; font-size: 18px; line-height: 1.6; padding: 10px 0; margin: 0 }
@media (max-width:600px) {
    .pdf-download-section .pdf-items .pdf-item h3 { font-size: 16px }
}
.pdf-download-section .pdf-items .pdf-item .pdf-download-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; font-weight: 400; padding: 3px 10px 5px; background-color: #00a96c; border-radius: 4px; color: #fff; -webkit-transition: .3s!important; transition: .3s!important }
@media (max-width:600px) {
    .pdf-download-section .pdf-items .pdf-item .pdf-download-btn { font-size: 12px }
}
.pdf-download-section .pdf-items .pdf-item .pdf-download-btn img { width: 1.2em; min-width: 1.2em; margin-right: .5em }
.has-pdf-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between }
.has-pdf-section .text-section { width: calc(100% - 340px) }
.has-pdf-section .text-section h3 { margin: .5em 0 1em; padding-left: 0 }
.has-pdf-section .pdf-download-section { margin-top: 0; width: 300px; min-width: 300px }
.has-pdf-section .pdf-download-section h2 { margin-top: 15px }
.has-pdf-section .pdf-download-section .pdf-items { margin-top: 30px }
.has-pdf-section .pdf-download-section .pdf-item { width: 100%!important }
@media (max-width:800px) {
    .has-pdf-section { display: block }
    .has-pdf-section .text-section { width: 100% }
    .has-pdf-section .pdf-download-section { width: 100%; min-width: 0; margin-top: 30px; max-width: 400px }
}
@media screen and (max-width:700px) {
    .homepage-black .layout .slider .slide:not(:last-child) { background-position: 72% center }
}
@media screen and (max-width:500px) {
    .health .main-part-dom .main-part-dom-center { margin-top: 0!important }
}
.contact-main { right: -8px !important; -webkit-transform: translateX(100%); transform: translateX(100%); -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: cubic-bezier(0.17, 0.67, 0.33, 0.95); transition-timing-function: cubic-bezier(0.17, 0.67, 0.33, 0.95); -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
.contact-main.show { right: 0px !important; -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transition-duration: 0.6s; transition-duration: 0.6s; }
.contact-main figure { background: none; padding: 10px; }
.contact-main figure figcaption { margin-top: 4px; }
.contact-main > ul { margin-top: 5px; width: 100%; }
.contact-main > ul li { padding: 0px 30px; }
.contact-main > ul li a p { line-height: 1.5; }
.contact-main > ul li:nth-child(1) { border-right-color: #dedede; }
.contact { width: 42px; height: 60px; }
.contact a { background: url(../img/contact/contact.png) center center/30px auto no-repeat; }
.close a { display: block; padding: 4px; font-weight: normal; -webkit-transition: 0.3s; transition: 0.3s; color: #555555; font-size: 10px; }
.close a:hover { text-decoration: none; color: #0992d4; }
.contact-page-wrapper { width: 100%; }
.contact-page-wrapper h2 { font-weight: 400; line-height: 1.1; padding-left: 10px; border-left: 4px solid #008fd3; margin: 2em 0 1em; }
.contact-page-wrapper h2:first-child { margin: .5em 0 1em; }
.contact-page-wrapper p { margin-bottom: 0.5em; }
.contact-page-wrapper .contact-page-cols { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; margin-left: -30px; }
.contact-page-wrapper .contact-page-cols .col { width: 33.3333%; padding: 0 0 30px 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; }
.contact-page-wrapper .contact-page-cols .col .col-wrapper { width: 100%; padding: 30px; background-color: #f6f6f6; }
.contact-page-wrapper .contact-page-cols .col h3 { padding-left: 0; margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid #dddddd; }
.contact-page-wrapper .contact-page-cols .col h3 + h4 { font-size: 24px; margin-bottom: 15px; }
.contact-page-wrapper .contact-page-cols .col h4 { font-weight: bold; color: #555555; margin-bottom: 10px; margin-top: 20px; font-size: 18px; }
.contact-page-wrapper .contact-page-cols .col p { font-size: 14px; margin-bottom: 0; }
.contact-page-wrapper .contact-page-cols .col p a { display: inline-block; margin: 8px 0 0; }
@media (max-width: 1000px) {
    .contact-page-wrapper .contact-page-cols { display: block; }
    .contact-page-wrapper .contact-page-cols .col { width: 100%; }
}
@media (max-width: 1000px) {
    .contact-page-wrapper .contact-page-cols { margin-left: -20px; }
    .contact-page-wrapper .contact-page-cols .col { padding: 0 0 20px 20px; }
    .contact-page-wrapper .contact-page-cols .col .col-wrapper { padding: 20px; }
}
.entry-content select, .entry-content input, .entry-content textarea, .entry-content button { font-family: Helvetica, 'Microsoft Yahei', '微软雅黑', 'Hiragino Sans GB', Arial, sans-serif; }
@media (max-width: 520px) {
    .contact-main > ul li { padding: 0px 20px; }
    .contact-main > p { padding-left: 40px; padding-right: 40px; max-width: 320px; margin: auto; }
    .contact-main > ul li a figure { margin: 0 !important; }
    .contact-main > ul li a p { font-size: 10px; }
}
@media (max-width: 520px) and (max-width: 360px) {
    .contact-main > ul li a p { display: none; }
}
.homepage-black .layout .sectionmenu .sectionmenu-text a.more-cases { font-size: 14px; }
.homepage-black .layout .sectionmenu .sectionmenu-text a.more-cases, .homepage-black .layout .sectionmenu .sectionmenu-text a.more-cases:hover { background-color: transparent; }
.archive-list article { margin-bottom: 25px; padding-bottom: 25px; }
.post-entry .post-meta { margin: 15px 0; }
.post-meta { text-align: left; }
.primary-content .project-section .project-descriptions .project-list-wrapper .project-sub-list ul.upper-level li:before { background-color: #7d7d7d !important; }
.medical-projects .project-descriptions li { white-space: nowrap; width: 100%; }
.medical-projects .project-descriptions li a { overflow: hidden; text-overflow: ellipsis; width: 100%; display: inline-block; }
.medical-projects .project-outer-wrap:not(.show) .project-sub-list { width: 66.666% !important; }
@media (max-width: 750px) {
    .medical-projects .project-outer-wrap:not(.show) .project-sub-list { width: 100% !important; margin-bottom: 20px; }
}
.medical-projects .project-outer-wrap:not(.show) .project-sub-list ul { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; }
.medical-projects .project-outer-wrap:not(.show) .project-sub-list li { width: 50%; padding-right: 15px; }
@media (max-width: 570px) {
    .medical-projects .project-outer-wrap:not(.show) .project-sub-list li { width: 100%; }
}
@media (max-width: 500px) {
    .primary-content .project-section .project-descriptions li { line-height: 1.8; }
}
.medical-projects .project-list-wrapper.force-hide { opacity: 0 !important; -webkit-transition: 0s; transition: 0s; }
html.ie .homepage-black .layout .section-banner .bxslider > div .bxslider-text { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; }
html.ie .homepage-black .layout .section-banner .bxslider > div .bxslider-text h2 { display: block; width: 100%; }
html.ie .homepage-black .layout .section-banner .bxslider > div .bxslider-text p { display: block; width: 100%; overflow: hidden; }
html.ie .product_features .item p { width: 100%; }
.white-paper-container-form .form-box form label div input { height: 36px; }
.white-paper-container-form .form-box form label div input#verifycode { width: 80px; max-width: 80px; min-width: 80px; }
.index-news-section { width: 100%; max-width: 1200px; margin: 80px auto 0 auto; position: relative; padding: 0 100px; }
.index-news-section .news-slider { width: 100%; }
.index-news-section .news-slider figure { margin: 0; padding: 0; position: relative; background-size: cover; background-position: center center; background-repeat: no-repeat; background-attachment: scroll; overflow: hidden; width: calc(50% - 20px); min-width: calc(50% - 20px); }
.index-news-section .news-slider figure img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; -o-object-position: center; object-position: center; z-index: 2; }
.index-news-section .news-slider figure:before { content: ""; position: relative; width: 100%; padding-top: 67%; display: block; position: relative; z-index: 1; }
.index-news-section .news-box { float: left; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media screen and (max-width: 900px) {
    .index-news-section .news-box { padding-bottom: 60px; }
}
.index-news-section .news-box h2 { font-size: 28px; font-weight: 400; color: #333; }
@media (max-width: 1100px) {
    .index-news-section .news-box h2 { font-size: 24px; }
}
@media (max-width: 750px) {
    .index-news-section .news-box h2 { font-size: 20px; }
}
.index-news-section .news-box p { font-size: 16px; margin: 1em 0 1.3em; line-height: 1.8; color: #333; }
@media (max-width: 1100px) {
    .index-news-section .news-box p { font-size: 14px; }
}
.index-news-section .news-box a.news-more { border: 1px solid #00bef0; background: #00bef0; color: #fff; text-decoration: none; font-size: 12px; display: inline-block; width: 140px; text-align: center; line-height: 37px !important; -webkit-transition: .3s; transition: .3s; }
@media (max-width: 750px) {
    .index-news-section .news-box a.news-more { width: 100px; line-height: 24px !important; font-size: 12px; }
}
.index-news-section .text-section { width: calc(50% - 20px); max-width: calc(50% - 20px); min-width: calc(50% - 20px); }
@media screen and (max-width: 850px) {
    .index-news-section .news-slider figure, .index-news-section .text-section { width: 100%; min-width: 0; max-width: none; }
    .index-news-section .text-section { margin-top: 25px; }
    .index-news-section .news-box { display: block; }
}
.homepage-black .layout .bx-controls-direction > a { width: 30px; height: 60px; }
@media screen and (max-width: 900px) {
    .index-news-section { margin: 60px auto 0; }
    .homepage-black .layout .bx-controls-direction { display: block; }
    .homepage-black .layout .bx-pager { display: none; }
    .homepage-black .layout .bx-controls-direction > a { width: 20px; height: 40px; background: url(../img/left.svg) center center/cover no-repeat; }
    .homepage-black .layout #indexbannermenu ul li { width: 24px; height: 24px; border: 0px solid transparent; position: relative; margin: 0; border-radius: 0; }
    .homepage-black .layout #indexbannermenu ul li:after { width: 46%; height: 46%; content: ""; border: 1px solid #ffffff; display: block; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); border-radius: 100%; }
    .homepage-black .layout #indexbannermenu ul li.active { background: transparent; border: 0px solid transparent; }
    .homepage-black .layout #indexbannermenu ul li.active:after { background: #ffffff; }
    .homepage-black .layout #indexbannermenu { bottom: 24px; }
}
@media screen and (max-width: 850px) {
    .index-news-section { padding: 0 60px; }
    .homepage-black .layout .bx-controls-direction > .bx-prev { margin-left: -30px; }
    .homepage-black .layout .bx-controls-direction > .bx-next { margin-right: -30px; }
    .homepage-black .layout .bx-controls-direction > a { top: calc((100vw - 120px) * 0.335);
    }
}
@media screen and (max-width: 480px) {
    .index-news-section { margin: 40px auto 0; }
    .index-news-section .news-box { padding-bottom: 40px; }
    .index-news-section { padding: 0 40px; }
    .homepage-black .layout .bx-controls-direction > .bx-prev { margin-left: -40px; }
    .homepage-black .layout .bx-controls-direction > .bx-next { margin-right: -40px; }
    .homepage-black .layout .bx-controls-direction > a { top: calc((100vw - 80px) * 0.335);
    }
}
.homepage-black .layout .sectionmenu { width: 100%; overflow: hidden; }
.homepage-black .layout .featured-position .featured-main.hero { background: none; }
.homepage-black .layout .featured-position .featured-main.hero > div { -webkit-transform-origin: right center; transform-origin: right center; -webkit-transform: translate(-40%, -50%); transform: translate(-40%, -50%); }
.homepage-black .layout .featured-position .featured-main.hero > div img { width: 100%; }
.homepage-black .layout .featured-position .featured-main.hero > div p { font-size: 24px; margin: 30px 0; }
.homepage-black .layout .featured-position .featured-main.hero > div a { font-size: 16px; }
@media (max-width: 1600px) {
    .homepage-black .layout .featured-position .featured-main.hero > div p { font-size: 18px; }
    .homepage-black .layout .featured-position .featured-main.hero > div a { font-size: 14px; }
}
@media (max-width: 1300px) {
    .homepage-black .layout .featured-position .featured-main.hero > div { -webkit-transform: translate(-30%, -50%); transform: translate(-30%, -50%); }
    .homepage-black .layout .featured-position .featured-main.hero > div p { font-size: 16px; }
}
@media (max-width: 900px) {
    .homepage-black .layout .featured-position .featured-main.hero > div { -webkit-transform: translate(-10%, -50%); transform: translate(-10%, -50%); }
    .homepage-black .layout .featured-position .featured-main.hero > div p { font-size: 16px; }
    .homepage-black .layout .featured-position .featured-main.hero > div a { font-size: 12px; }
}
@media (max-width: 1920px) {
    .homepage-black .layout .featured { min-height: 800px; }
}
@media (max-width: 1600px) {
    .homepage-black .layout .featured { min-height: 700px; }
}
@media (max-width: 1400px) {
    .homepage-black .layout .featured { min-height: 650px; }
}
@media (max-width: 1000px) {
    .homepage-black .layout .featured { min-height: 600px; }
}
@media (max-width: 600px) {
    .homepage-black .layout .featured { min-height: 500px; height: calc(100vh - 56px); max-height: 600px; }
}
@media (max-width: 500px) {
    .homepage-black .layout .featured-position .featured-main.hero > div { -webkit-transform: none; transform: none; background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(21, 92, 154, 0)), color-stop(46%, rgba(16, 53, 121, 0.45)), to(rgba(15, 61, 117, 0.75))); background: linear-gradient(rgba(21, 92, 154, 0) 0, rgba(16, 53, 121, 0.45) 46%, rgba(15, 61, 117, 0.75) 100%); }
    .homepage-black .layout .featured-position .featured-main.hero > div img { max-width: 80%; margin-bottom: 20px; }
    .homepage-black .layout .featured-position .featured-main.hero > div p { display: block; margin: 20px 0; }
}
.entry-content form table { border: 0; border-collapse: collapse; }
.entry-content form .table { margin: 60px auto; width: 100%; border: 0; }
@media (max-width: 650px) {
    .entry-content form .table { margin: 40px auto; }
}
.entry-content form .table dl, .entry-content form .table dt, .entry-content form .table dd { background-color: transparent; border: 0; display: block; }
.entry-content form .table dl { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; padding: 0 20px; }
@media (max-width: 650px) {
    .entry-content form .table dl { display: block; padding: 4px 0 16px 0 !important; }
    .entry-content form .table dl dt { width: 100%; float: none; margin-bottom: 8px; padding: 0 !important; }
}
@media (max-width: 650px) and (max-width: 600px) {
    .entry-content form .table dl dt { margin-bottom: 4px; }
}
@media (max-width: 650px) {
    .entry-content form .table dl dd { float: none; width: 100%; padding: 0; }
}
.entry-content form .table dt { min-width: 200px; width: 200px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; font-weight: normal; font-size: 16px; padding: 0; }
@media (max-width: 1250px) {
    .entry-content form .table dt { font-size: 14px; }
}
.entry-content form .table dd { width: calc(100% - 201px); display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-wrap: wrap; flex-wrap: wrap; }
.entry-content form .table dd input[type=text], .entry-content form .table dd input[type=email], .entry-content form .table dd input[type=tel], .entry-content form .table dd textarea { background-color: #f3f3f3; border: 1px solid #fff; -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07); width: 100%; max-width: 400px; height: 40px; padding: 0 12px; font-size: 16px; margin-right: 8px; }
@media (max-width: 1250px) {
    .entry-content form .table dd input[type=text], .entry-content form .table dd input[type=email], .entry-content form .table dd input[type=tel], .entry-content form .table dd textarea { font-size: 14px; height: 36px; }
}
.entry-content form .table dd input[type=text]:focus, .entry-content form .table dd input[type=email]:focus, .entry-content form .table dd input[type=tel]:focus, .entry-content form .table dd textarea:focus { background-color: #fff; border: 1px solid #ddd; -webkit-box-shadow: inset 0 1px 2px transparent; box-shadow: inset 0 1px 2px transparent; }
.entry-content form .table dd input[type=text] + span, .entry-content form .table dd input[type=email] + span, .entry-content form .table dd input[type=tel] + span, .entry-content form .table dd textarea + span { white-space: normal; }
@media (max-width: 590px) {
    .entry-content form .table dd input[type=text] + span, .entry-content form .table dd input[type=email] + span, .entry-content form .table dd input[type=tel] + span, .entry-content form .table dd textarea + span { opacity: 0.5; font-size: 10px; margin-top: 4px; }
}
.entry-content form .table dd textarea { height: 200px; padding: 12px; resize: vertical; min-height: 3.2em; line-height: 1.6em; max-width: none; }
.entry-content form .table dd input.code { max-width: 100px; font-weight: bold; font-size: 16px; color: #333333; letter-spacing: 0.05em; }
.entry-content form .table dd input.code + img { width: auto; height: 38px; margin-right: 10px; }
@media (max-width: 1250px) {
    .entry-content form .table dd input.code + img { height: 34px; }
}
.entry-content form .table dd select { height: 38px; padding: 0 0 0 15px; border: 1px solid #ddd; font-size: 14px; border-radius: 0; background-color: #f3f3f3; }
.entry-content form .table dd select option { padding-right: 15px; }
@media (max-width: 1250px) {
    .entry-content form .table dd select { height: 34px; }
}
.entry-content form .table dl { border-bottom: 1px dotted #dddddd; padding-bottom: 12px; margin-bottom: 12px; }
@media (max-width: 1250px) {
    .entry-content form .table dl { padding-bottom: 10px; margin-bottom: 10px; }
}
.entry-content form .table dl:last-child { border-bottom: 0 solid transparent; }
.entry-content .table dl dd input[type=button] ~ a { text-decoration: none; }
.entry-content .table dl dd input[type=button] ~ a:hover { text-decoration: none; }
.entry-content .table dl dd input[type=button] ~ a u { text-decoration: none; }
.entry-content .table dl dd input[type=button] { font-size: 18px; height: 40px; line-height: 38px; }
.entry-content .table dl dd input[type=button]:hover { background-color: transparent; color: #008fd3; }
@media (max-width: 650px) {
    .entry-content .table dl dd input[type=button] { font-size: 16px; height: 34px; line-height: 32px; }
}
.entry-content a.btn-has-icon { color: #ffffff; background-color: #008fd3; line-height: 1.2; white-space: nowrap; display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; font-weight: bold; border: 0 !important; padding: 1.5em 1em; margin: 0 8px 8px 0; font-size: 18px; }
.entry-content a.btn-has-icon:hover { text-decoration: none; }
@media (min-width: 1200px) {
    .entry-content a.btn-has-icon:hover { background-color: #005bac; }
}
.entry-content a.btn-has-icon.form-icon:before { width: 1.2em; min-width: 1.2em; height: 1.2em; content: ""; margin-right: 0.5em; display: inline-block; background: url(../img/form-icon.svg) center center/1.2em 1.2em no-repeat; }
.more_t18 { font-size: 18px; }
.more_link { color: #333; }
.section-choice-main.choice-api.cols-4 .col { width: calc(50% - 20px); max-width: calc(50% - 20px); margin-bottom: 40px; }
@media (max-width: 700px) {
    .section-choice-main.choice-api.cols-4 .col { width: calc(100% - 20px); max-width: none; margin-bottom: 20px; }
}
.centered-content { margin: 40px auto 80px; padding: 0 20px; }
@media (max-width: 700px) {
    .centered-content { margin: 30px auto 60px; }
}
.centered-content p { font-size: 16px; line-height: 1.8; }
@media (max-width: 700px) {
    .centered-content p { font-size: 14px; }
}
.centered-content > h2 { font-size: 20px; font-weight: 400; line-height: 1.1; padding-left: 10px; border-left: 4px solid #008fd3; }
.centered-content > h2:not(:first-child) { margin-top: 60px; }
@media (max-width: 700px) {
    .centered-content > h2:not(:first-child) { margin-top: 50px; }
}
.centered-content .section-introduction { margin: 30px 0; padding: 10px 15px; background-color: #f6f6f6; }
.centered-content .section-introduction p { font-size: 14px; }
.section-function-main { max-width: 1200px; margin: 40px auto 20px; }
.section-function-main.cols-2 { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; }
@media (max-width: 930px) {
    .section-function-main.cols-2 { -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 20px auto 0; }
}
.section-function-main.cols-2 .section { width: calc(50% - 20px); max-width: calc(50% - 20px); margin-bottom: 40px; background-color: #ffffff; }
@media (max-width: 930px) {
    .section-function-main.cols-2 .section { width: 100%; max-width: none; margin-bottom: 20px; }
}
.section-function-main.cols-2 .section h3 { display: block; text-align: center; line-height: 1.2; padding: 16px; background-color: #005bac; color: #fff; margin: 0; }
.section-function-main.cols-2 .section .section-content { overflow: hidden; padding: 30px; }
.section-function-main.cols-2 .section .section-content > h4 { font-size: 18px; font-weight: 400; line-height: 1.1; padding-left: 10px; border-left: 4px solid #008fd3; }
.section-function-main.cols-2 .section .section-content > h4:not(:first-child) { margin-top: 30px; }
@media (max-width: 700px) {
    .section-function-main.cols-2 .section .section-content > h4:not(:first-child) { margin-top: 25px; }
}
.section-function-main.cols-2 .section .section-content p { line-height: 1.6; }
.section-function-main.cols-2 .section-more { margin: 20px 0 0; padding: 8px 12px; background-color: #f6f6f6; }
.section-function-main.cols-2 .section-more p { font-size: 14px; width: 100%; white-space: normal; word-break: break-all; overflow: hidden; }
.section-function-main.cols-2 .section-more p a, .section-function-main.cols-2 .section-more p a:link { color: inherit; white-space: normal; word-break: break-all; }
.homepage-black .layout .featured-position { left: 0; width: 100%; }
.homepage-black .layout .featured-position .featured-main { left: 15%; }
.homepage-black .layout .featured-position .featured-main.centered { background-color: transparent !important; width: 70%; max-width: 700px; left: 50%; -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; }
@media (max-width: 600px) {
    .homepage-black .layout .featured-position .featured-main.centered { width: 80%; }
}
.homepage-black .layout .featured-position .featured-main.centered div { display: block; }
.homepage-black .layout .featured-position .featured-main.centered div img { width: 100%; max-width: none; }
.homepage-black .layout .featured-position .featured-main.centered div a { display: block; font-size: 18px; line-height: 2.6em; margin: 3em auto 0; width: 9em; text-align: center; padding: 0 !important; }
@media (max-width: 600px) {
    .homepage-black .layout .featured-position .featured-main.centered div a { font-size: 16px; }
}
.homepage-black .layout .featured-position .featured-main.centered.do { -webkit-transform: translate(-50%, -50%) !important; transform: translate(-50%, -50%) !important; }
.homepage-black .layout .featured-position .featured-main a.blue { background-color: #00aeed; color: #ffffff; border-color: #00aeed; }
.homepage-black .layout .featured-position .featured-main a.blue:hover { background-color: #ffffff; border-color: #ffffff; color: #00aeed; }
.nsf2019-magic { width: 95%; position: absolute; bottom: 7%; left: 50%; max-width: 1100px; -webkit-transform: translateX(-50%); transform: translateX(-50%); z-index: 2; mix-blend-mode: overlay; }
.nsf2019-magic img { width: 100%; }
.nsf2019-magic:nth-child(2) { opacity: 0.3; }
@supports (-ms-accelerator: true) {
    .nsf2019-magic {
        display: none !important;
    }
}
html.ie .nsf2019-magic { display: none !important; }
.homepage-black .layout .featured-position .featured-main.hero > div { -webkit-transform: translate(-15%, -50%); transform: translate(-15%, -50%); }
@media (max-width: 500px) {
    .homepage-black .layout .featured-position { top: auto; }
    .homepage-black .layout .featured-position .featured-main { top: auto; bottom: 0; }
    .homepage-black .layout .featured-position .featured-main { left: 0; }
    .homepage-black .layout .featured-position .featured-main.hero > div { -webkit-transform: none; transform: none; }
    .homepage-black .layout .featured-position .featured-main.centered div { background: none; padding: 0 0 40px; top: 0; }
    .homepage-black .layout .featured-position .featured-main.centered, .homepage-black .layout .featured-position .featured-main.centered.do { -webkit-transform: translate(-50%, -80px) !important; transform: translate(-50%, -80px) !important; }
    .nsf2019-magic { bottom: 9%; }
}
@media (max-width: 450px) {
    .homepage-black .layout .featured-position .featured-main.centered, .homepage-black .layout .featured-position .featured-main.centered.do { -webkit-transform: translate(-50%, -120px) !important; transform: translate(-50%, -120px) !important; }
}
@media (max-width: 400px) {
    .homepage-black .layout .featured-position .featured-main.centered, .homepage-black .layout .featured-position .featured-main.centered.do { -webkit-transform: translate(-50%, -160px) !important; transform: translate(-50%, -160px) !important; }
}
.homepage-black  .layout  .sectionmenu.style-1.after-news  + .sectionmenu.style-2.after-news { margin-top: 0 !important; }
.homepage-black .layout .sectionmenu.style-1.after-news + .sectionmenu.style-2.after-news .sectionmenu-text { margin-top: 0px; }
.homepage-black .layout .sectionmenu.style-1.after-news + .sectionmenu.style-2.after-news .sectionmenu-pic { margin-top: 0px; }
.homepage-black .layout .sectionmenu.style-2.after-news { margin-top: 120px; }
.homepage-black .layout .sectionmenu.style-2.after-news+.sectionmenu .sectionmenu-text { margin-top: 0px; }
.homepage-black .layout .sectionmenu.style-2.after-news+.sectionmenu .sectionmenu-pic { margin-top: 0px; }
.homepage-black .layout .sectionmenu.style-2.after-news+.sectionmenu { margin-top: 0px; }
@media (max-width: 900px) {
    .homepage-black .layout .style-1.after-news .sectionmenu-text { background: url(../img/index/pic-2020-ncp.jpg) center center/cover  no-repeat; }
    .homepage-black .layout .sectionmenu.style-2.after-news { margin-top: 5px; }
    .homepage-black .layout .style-2.after-news .sectionmenu-text { background: url(../img/index/section-saca-echo-trust-bg.jpg) left center/cover no-repeat; }
}
@media (max-width: 500px) {
    .homepage-black .layout .sectionmenu.style-2.after-news { margin-top: 0px; }
    body.single .pagename p { text-align: center; }
}
.section-other-customer .section-other-main p { font-size: 14px; line-height: 1.5; color: #999999; }
@media (max-width: 500px) {
    .section-other-customer .section-other-main p { font-size: 12px; }
}
.section-other-customer .section-other-main h3 { margin: 1em 0 0.5em; }
.cell-items.cols-3 .item { -ms-flex-preferred-size: calc(33.333% - 20px); flex-basis: calc(33.333% - 20px); width: calc(33.333% - 20px); }
@media (max-width: 770px) {
    .cell-items.cols-3 .item { -ms-flex-preferred-size: calc(50% - 20px); flex-basis: calc(50% - 20px); width: calc(50% - 20px); }
}
@media (max-width: 500px) {
    .cell-items.cols-3 .item { -ms-flex-preferred-size: 100%; flex-basis: 100%; width: 100%; }
}
.cell-items.cols-3.has-gray-bg .item { background-color: #f6f6f6; border-top: 2px solid #008fd3; }
.cell-items.cols-3.has-gray-bg .item h4 { background-color: transparent; color: #008fd3; padding: 0.8em 1em 0; line-height: 1.2; font-size: 18px; }
.cell-items.cols-3.has-gray-bg .item p { font-size: 14px; line-height: 1.6; }
@media (max-width: 555px) {
    .section-function-title + .section-function-main { margin-top: 0; }
}
.menu-item-intro-box { width: 100%; max-width: 360px; padding: 0px 10px 5px; margin-bottom: 20px; }
.menu-item-intro-box a:not(.btn) { display: block; padding: 0 !important; margin: 0 !important; background-color: transparent; }
.menu-item-intro-box a:not(.btn):hover { opacity: 0.9; }
.menu-item-intro-box a.btn, .menu-item-intro-box a.btn:link, .menu-item-intro-box a.btn:visited { display: inline-block; font-size: 14px; line-height: 1.2; padding: 0.6em 1.6em 0.65em; border: 1px solid #7e7e7e; color: #666; text-align: center; width: auto; white-space: nowrap; cursor: pointer; overflow: hidden; }
.menu-item-intro-box a.btn:hover { border: 1px solid #005bac; background-color: #005bac; color: #ffffff; }
.menu-item-intro-box p { font-size: 12px; line-height: 1.8; margin: 16px 0; color: #666666; }
.menu-item-intro-box img { width: 100%; display: block; height: auto; }
.w980 { max-width: 980px }
.padding_15 { padding: 15px; }
.img-column { width: 100%; clear: both; padding: 15px!important }
.img-column .image { float: left; padding-right: 25px; }
.img-column h3 { margin: 0px!important }
.index-banner-group { width: 100%; overflow: hidden; margin-top: 10px; }
@media (max-width:900px) {
    .index-banner-group { margin-top: 10px; }
    .index-banner-group .sectionmenu { position: relative; overflow: hidden; }
    .index-banner-group .sectionmenu .sectionmenu-pic { display: block !important; position: absolute; width: 100%; height: 100%; z-index: 1; }
    .index-banner-group .sectionmenu .sectionmenu-text { background: none !important; position: relative; }
    .index-banner-group .sectionmenu .sectionmenu-pic:before { content: ""; position: absolute; z-index: 1; content: ""; width: 100%; height: 50%; display: block; left: 0; bottom: 0; background: linear-gradient(transparent 0, rgba(0,0,20,.65) 100%, rgba(0,0,20,.65) 100%); }
}
.index-banner-group .sectionmenu { margin-top: 0 !important; }
.index-banner-group .sectionmenu>* { margin-top: 0 !important; }
.index-banner-group .sectionmenu .sectionmenu-pic { background-position: center center !important; }
.neusoft-aid { width: 100%; max-width: 400px; margin: 60px auto; }
@media (max-width:450px) {
    .neusoft-aid { margin: 40px auto; padding: 0 40px; }
}
.neusoft-aid a { display: block; border-bottom: 0 !important; }
.neusoft-aid img { width: 100%; max-width: none; }

.video_sp{width: 100%;height: 100%;overflow: hidden;position: fixed;left: 0;top: 0;z-index: 999999;display: none}
.video_so{width: 100%;height: 100%;overflow: hidden;position: fixed;left: 0;top: 0;background: url(../img/bjtm.png);background-size: 100% 100%}
.video_si{width: 60%;height: 50%;position: fixed;left: 50%;top: 50%;margin: -15% 0 0 -30%}
.video_si video{width: 100%;height: 100%;position: absolute;left: 0;top: 0;background: #000000}
.shopnew{width: 1390px;overflow: hidden;margin: auto;}
.shopnew li{width: 100%;margin: 28px 0;overflow: hidden;background: #FFFFFF;}
.shopnew li img{display: block;border: 1px solid #F0F0F0;float: left;width: 364px;height: 364px;margin: 0 26px 0 0}
.shopnew li div{overflow: hidden;line-height: 24px;padding: 0 28px 0 0;}
.shopnew li div b{display: block;font-size: 24px;color: #333333;padding: 32px 0 20px 0}
.shopnew li div span{display: block;font-size: 14px;color: #666666;max-height: 239px;padding: 0 30px 0 0;overflow-x: hidden;overflow-y: auto;}
.shopnew li div span::-webkit-scrollbar {width: 7px;height: 7px;}
.shopnew li div span::-webkit-scrollbar-thumb {border-radius: 4px;background: #D3D3D3;box-shadow: none;}
.shopnew li div span::-webkit-scrollbar-track {border-radius: 4px;background: #F5F5F5;box-shadow: none}
@media (max-width: 1360px) {
    .shopnew{width: 1200px;}
}
@media (max-width: 930px) {
    .shopnew{width: auto}
}
@media (max-width: 750px) {
    .shopnew{width: 100%}
	.shopnew li{margin: 20px 0}
	.shopnew li img{width: 100%;height: auto;margin: 0}
	.shopnew li div{padding: 0 28px 28px 28px;}
}