html,
body,
ul,
li,
p,
h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    padding: 0;
}

body {
    color: #FFF;
    font-size: 14px;
    background-color: #002f37;
}

body,
em,
i,
span {
    font-family: "proxima-nova", sans-serif;
}

.wrapper {
    max-width: 1280px;
    margin: 0 auto;
    padding: 0 15px;
}

i,
em {
    font-style: normal;
}

ul,
li {
    list-style: none;
}

a {
    text-decoration: none;
}

* {
    outline: none;
}

.text-uppercase {
    text-transform: uppercase;
}

body {
    overflow: hidden;
}

#loader {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: #FFF;
    z-index: 1000;
}

#loader img {
    position: absolute;
    left: 50%;
    top: 50%;
    margin: -12px 0 0 -12px;
}

.sdh {
    letter-spacing: -0.7em;
    display: inline;
}


/* bg */
.bg {
    background-position: top center;
    background-repeat: no-repeat;
}

.bg1 {
    background-image: url(../image/bg/1.jpg);
    height: 520px;
}

.bg2 {
    background-image: url(../image/bg/2.jpg?v=2);
    height: 4800px;
}

.bg3 {
    background-image: url(../image/bg/3.jpg);
    height: 2835px;
    margin-top: -10rem;
}

.bg4 {
    background-image: url(../image/bg/4.jpg);
    height: 1650px;
}

.img-block {
    display: block;
    width: 100%;
    margin: auto;
}

header {

    height: 100px;
    border-bottom: 2px solid #bb4a0e;
}

header .wrapper {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

header .logo {
    padding-top: 40px;
}

header .topbar {
    padding-top: 40px;
}

header .topbar i,
header .topbar a {
    margin-left: 10px;
}

header .topbar a {
    color: #FFF;
    text-decoration: none;
    font-size: 1.1rem;
    transition: opacity .2s ease-out;
}

header .topbar a:hover {
    opacity: 0.8;
}

.icon-searh {
    display: inline-block;
    width: 19px;
    height: 20px;
    background-image: url(../image/icon-search.png);
    background-size: 100% 100%;
    position: relative;
    top: 4px;
}

.search-popup {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    z-index: 99;
}

.search-popup .wrapper {
    position: relative;
}

.search-popup-body {
    background-color: #002F37;
    padding-bottom: 120px;
}

.search-popup-form {
    max-width: 50%;
    margin: auto;
    padding-top: 120px;
    position: relative;
}

.search-popup-form form div:nth-child(1) {
    font-size: 1.6rem;
    margin-bottom: 2rem;
}

.search-popup-form form div:nth-child(1):before {
    content: '';
    display: block;
    width: 30px;
    height: 7px;
    background-color: #FF5400;
    margin-bottom: 10px;
}

.search-popup-form form .field {
    color: #606060;
    height: 50px;
    width: 100%;
    border: none;
    background-color: #fff;
    font-size: 14px;
    font-family: "Brown-Regular", sans-serif;
    font-weight: 300;
    padding: 0 0 0 8px;
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-appearance: none;
    transition: width .2s ease-out;

    box-sizing: border-box;
    /* input 设置 width:100% 和padding后宽度超出父节点 */
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
}

.search-popup-form form .submit {
    background-color: #FF5400;
    font-size: 14px;
    font-size: .875rem;
    line-height: 2.14286em;
    font-weight: 400;
    letter-spacing: 0;
    color: #fff;
    border: none;
    height: 50px;
    padding: 0 15px;
    position: absolute;
    top: bottom;
    right: 0;
    cursor: pointer;
}

.search-popup-close {
    position: absolute;
    top: 1rem;
    right: 0;
}

.search-popup-close a {
    display: block;
    width: 40px;
    height: 40px;
    background-image: url(../image/btn-close2.png);
    background-position: center center;
    background-size: 60% 60%;
    background-repeat: no-repeat;
    overflow: hidden;
    text-indent: -999px;
}


.risk {
    margin: 50px auto 0 auto;
    width: 90%;
    line-height: 1.5;
}

.risk-title {
    font-size: 1.2em;
    padding-bottom: 0.5rem;
}

.risk-footer {
    text-align: right;
    padding-top: 15px;
    font-size: 12px;
}


.disclaimer_outer {
    border: 1px solid #b3490f;
    position: relative;
    background-color: #b3c1c4;
    box-sizing: border-box;
    padding: 15px 10px 15px 20px;
    height: 110px;
    overflow: hidden;
}

.disclaimer {
    position: relative;
    height: 78px;
    padding-right: 20px;
    box-sizing: border-box;
    overflow-y: scroll;
}

.disclaimer_inner {
    position: relative;
    line-height: 1.1;
    font-size: 12px;
    overflow: hidden;
    color: #3c3b39;
}

.disclaimer_inner ul {
    margin: 0.5rem 1rem;
}

.disclaimer_inner li {
    margin: 0.3rem 0;
    position: relative;
}

.disclaimer_inner li::before {
    content: '';
    position: absolute;
    width: 12px;
    height: 5px;
    background-color: #ff5500;
    line-height: 0;
    left: -1.2rem;
    top: 5px;
}

.tab-nav {
    margin-top: 50px;
}

.tab-nav ul {
    display: -webkit-flex;
    display: flex;
    justify-content: center;
    border-bottom: 2px solid #FFF;
    height: 71px;
    overflow: hidden;
}

.tab-nav ul li {
    width: 17%;
    margin: 0 15px;
    position: relative;
}

.tab-nav ul li a {
    display: block;
    color: #FFF;
    border: 1px solid #abadaa;
    height: 70px;
    text-align: center;
    font-size: 0.9rem;
    font-family: "Brown-Regular", sans-serif;
    opacity: 0.8;
}

.tab-nav ul li:hover a {
    opacity: 1;
    background-color: #FFF;
    color: #ff5500;
    font-weight: bold;
}

.tab-nav ul li:hover::before {
    content: '';
    position: absolute;
    width: 100%;
    border-top: 8px solid #ff5500;

}


.tab-nav .br {
    display: block;
}

.tab-nav .text-uppercase li:nth-child(1) p,
.tab-nav .text-uppercase li:nth-child(2) p,
.tab-nav .text-uppercase li:nth-child(3) p {
    padding-top: 1rem;
}

.tab-nav .text-uppercase li:nth-child(1) a:hover p,
.tab-nav .text-uppercase li:nth-child(2) a:hover p,
.tab-nav .text-uppercase li:nth-child(3) a:hover p {
    padding-top: 1.2rem;
}

.tab-nav .text-uppercase li:nth-child(4) p,
.tab-nav .text-uppercase li:nth-child(5) p {
    padding-top: 0.4rem;
}

.tab-nav .text-uppercase li:nth-child(4) a:hover p,
.tab-nav .text-uppercase li:nth-child(5) a:hover p {
    padding-top: 0.6rem;
}

/* item1 */
.item1-header,
.item1-table-header,
.item1-table,
.item1-footer {
    margin-left: 2.2rem;
}

.item1-header {
    margin-left: 2.2rem;
    font-size: 2.6rem;
    line-height: 4rem;
    font-family: "Brown-Regular", sans-serif;
    font-weight: 600;
    padding-top: 2rem;
}

.item1-header::before {
    content: '';
    display: block;
    border-top: 13px solid #ff5402;
    width: 50px;
    height: 3rem;
}

.item1-table-header {
    font-size: 1.8rem;
    font-weight: 600;
    padding-left: 1.2rem;
    border-left: 1px solid #ff5402;
    margin-top: 5rem;
}

.item1-table-header .br {
    display: block;
}

.item1-header p:nth-child(1) {
    color: #ff5402;
}

.item1-header p:nth-child(2) {
    font-size: 0.8em;
    line-height: 3rem;
    margin-top: 2rem;
}

.item1-header span {
    display: block;
}

.item1-table {
    width: 60%;
    display: -webkit-flex;
    display: flex;
    z-index: 3;
    position: relative;
}

.item1-col-left {
    width: 230px;
}

.item1-col-left .btn-group span {
    display: block;
    width: 186px;
    padding: 5px 0;
    background-color: #ff5400;
    margin-top: 3rem;
    text-align: center;
    border-radius: 3px;
    font-size: 1.4rem;
}

.item1-col-left .btn-group a {
    color: #FFF;
}

.item1-col-right {
    margin-top: -9rem;
}

.item1-col-right>div {
    margin-top: 2.5rem;
}

.item1-col-right div {
    font-family: "Brown-Regular", sans-serif;
}

.item1-col-right div p:nth-child(1) {
    color: #ff5400;
    font-size: 1.4rem;
}

.item1-col-right div p {
    font-weight: 600;
}

.item1-col-right div p .sm {
    font-size: 0.7em;
}

.item1-col-right div p a {
    text-decoration: underline;
    color: #979795;
}

.item1-col-right div p:nth-child(2) {
    color: #979795;
    font-size: 1em;
}

.item1-table .t-col {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
}

.item1-table .t-col .t-left {
    width: 190px;
}

.item1-footer {
    font-size: 0.9rem;
    color: #EEE;
    width: 40%;
    padding: 2rem 0 2rem;
    position: relative;
    z-index: 2;
}

.item1-bg {
    background-image: url(../image/part1/bg.png);
    width: 1350px;
    height: 1040px;
    background-repeat: no-repeat;
    background-position: center bottom;
    margin: auto;
    position: relative;
}

.item1-ani-box {
    width: 100%;
    height: 680px;
    position: absolute;
    left: 0;
    bottom: 0;
    overflow: hidden;
}



/* item2 */
.item2 {
    width: 1350px;
    height: 3433px;
    margin: auto;
    position: relative;
    margin-top: -50px;
}

/* light line */
.line-start,
.line-top,
.line-right {
    position: absolute;
    line-height: 0;
}

.line-top,
.line-right,
.line-bottom {
    background-color: #ff3f00;
}

.line-start {
    left: -27px;
    top: -38px;
}

.line-top {
    width: 91.6%;
    height: 5px;
    right: 0;
    top: -2px;
    border-top-right-radius: 3px;
    border-bottom-left-radius: 3px;
}

.line-right {
    width: 5px;
    height: 3436px;
    top: -2px;
    right: 0;
    z-index: 2;
}

/* // light line */
.item2 .ball-group {
    display: -webkit-flex;
    display: flex;
    justify-content: space-between;
    width: 1000px;
    margin: auto;
}

.item2 .ball-group .btn-ball p:nth-child(1) {
    padding-top: 3rem;
}

.item2 .ball-group .btn-ball .big {
    font-size: 1.5rem;
    font-family: "Brown-Regular", sans-serif;
    font-weight: 600;
    padding: 0.4rem 0;
}

.item2 .ball-group .btn-ball .sm {
    font-size: 1.1rem;
    font-weight: 600;
    color: #757575;
}

.item2 .ball-group .btn-ball .pt {
    padding-top: 2rem;
}

.item2 .btn-ball {
    width: 460px;
    height: 460px;
    border: 8px solid #fe5301;
    border-radius: 50%;
    background-color: #FFF;
    color: #ff5402;
    text-align: center;
    margin-top: 4rem;
}

.item2-title {
    font-size: 3rem;
    font-family: "Brown-Regular", sans-serif;
    font-weight: 600;
    color: #ff5402;
    padding-top: 4rem;
}

.item2-title,
.item2-desc {
    text-align: center;
}

.item2-desc {
    font-size: 1.5rem;
    font-weight: 600;
}

.ranked {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    align-items: flex-end;
    width: 900px;
    margin: auto;
    text-align: center;
    padding-top: 3rem;
}

.ranked .left,
.ranked .right {
    display: flex;
    display: -webkit-flex;

}

.ranked .left .image {
    width: 240px;
    margin-top: 5rem;
}

.ranked .info {
    text-align: left;
    padding: 0 10px;
    width: 270px;
}


.ranked .icon-crow {
    width: 100%;
    text-align: center;
    padding: 2rem 0 0.5rem;
}

.ranked .icon-crow img {
    width: 60px;
}

.ranked .left {
    color: #ff5402;
    height: 300px;
    background-color: #c8d3d4;
    border-top-left-radius: 60px;
    border: 1px solid #FFF;
}

.ranked .left p:nth-child(1) {
    position: relative;
}

.ranked .left p:nth-child(2) {
    font-size: 1.2rem;
    font-weight: 600;
    padding: 1rem 0;
}

.ranked .left,
.ranked .right {
    width: 50%;
}

.ranked .left p:nth-child(3) {
    font-size: 3rem;
}

.ranked .icon-mask-ani {
    width: 156px;
    height: 151px;
    background-image: url(../image/part2/mask.png);
    display: block;
    margin: auto;
    position: relative;
}

.ranked .icon-mask-popup {
    content: '';
    position: absolute;
    width: 100%;
    height: 0%;
    background-image: url(../image/part2/mask2.png);
    left: 0;
    bottom: 0;
    background-size: 156px 151px;
    background-position: center bottom;
    animation: ani-icon-mask-popup 2s linear;
    animation-fill-mode: forwards;
}

.ranked .right {
    position: relative;
    background-color: #c8d3d4;
    height: 180px;
    border-top-right-radius: 60px;
    border: 1px solid #FFF;
    border-left: 0;
}

.ranked .right .sm-size {
    font-size: 0.5em;
}

.ranked .right p:nth-child(1) {
    font-size: 1.1rem;
    font-weight: 600;
    padding: 2rem 0 1rem;
}

.ranked .right p:nth-child(2) {
    font-size: 1.5rem;
    font-weight: 600;
    text-align: left;
}

.ranked .right .image {
    margin-top: 1rem;
}

.link {
    color: #dbdbde;
    text-decoration: underline;
}

.item2-table-box {
    max-width: 900px;
    margin: auto;
    padding-bottom: 1rem;
}

.item2-table {

    display: flex;
    display: -webkit-flex;
    justify-content: center;
    border: 1px solid #c6d1d3;
    text-align: center;


}

.item2-table div {
    width: 46%;
    padding: 0 3%;
}

.item2-table div p:nth-child(1) {
    padding: 1.5rem 0 0.5rem 0;
    font-weight: 600;
    font-size: 1.1rem;
}

.item2-table div table {
    width: 100%;
    border-collapse: collapse;
}

.item2-table div table tr:nth-child(1) {
    border-bottom: 1px solid #c6d1d3;
}

.item2-table div table td {
    height: 50px;
    font-size: 1rem;
}

.item2-table .sm-block {
    display: block;
    font-size: 0.8em;
}

.item2-footer {
    max-width: 900px;
    margin: auto;
    font-size: 0.9rem;
    color: #dbdbde;
}

.itme2b .wrapper {
    position: relative;
}

.itme2b-title {
    color: #ff5402;
    text-align: center;
    font-size: 2.3rem;
    font-family: "Brown-Regular", sans-serif;
    font-weight: 600;
    padding: 3rem 0 2rem;
    line-height: 1.5;
}

.itme2b-title span,
.item2b-title-desc span {
    display: block;
}

.itme2b-title em {
    color: #FFF;
    font-family: "Brown-Regular", sans-serif;
}

.item2b-title-desc {
    text-align: center;
    font-size: 2.1rem;
    font-family: "Brown-Regular", sans-serif;
    font-weight: 600;
    padding-bottom: 3rem;
}

.echart {
    background-color: #42656b;
    height: 952px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 1350px;
}

.echart::before {
    content: '';
    position: absolute;
    width: 90%;
    top: -2px;
    border-top: 12px solid #ff5402;
    left: 5%;
}

.echart::after {
    content: '';
    position: absolute;
    width: 50%;
    bottom: -5px;
    border-top: 5px solid #ff5402;
    right: 0;
}

.echart-header {
    text-align: center;
    padding: 40px 0 20px;
}

.echart-header p:nth-child(1) {
    font-size: 1.6rem;
    font-family: "Brown-Regular", sans-serif;
    font-weight: 600;
}

.echart-header p:nth-child(2) {
    font-size: 1.4rem;
    padding-top: 0.5rem;
}

.echart-body {


    margin: auto;
    position: relative;
    text-align: center;
}

.echart-item-title {
    position: absolute;
    top: 19%;
    right: -2%;
    font-weight: 600;
    font-size: 1.05rem;
}

.echart-item-title p:nth-child(1) {
    color: #eb602a;
}

.echart-item-title p:nth-child(2) {
    color: #7d8591;
    margin-top: 60px;
}

.echart-item-title p:nth-child(2) span {
    color: #0f2c36;
    display: block;
    margin-top: 10px;
}

.echart-item-title p:nth-child(2) span:nth-child(2) {
    color: #7d8591;
}

.echart-item-title p:nth-child(3) {
    color: #d0d1d0;
    margin-top: 60px;
}

.echart-line {
    width: 842px;
    height: 237px;
    position: absolute;
    left: 10%;
    top: 21%;
}

.ani-echart-line {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-image: url(../image/item2-b/echart-line.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: 842px 237px;
}

.mySvg {
    width: 100%;
    height: 100%;
    position: relative;
}

.mySvg .echart-popup {
    position: absolute;
    left: 18%;
    top: 15%;
    width: 155px;
    height: 176px;
    background-image: url(../image/item2-b/echart-popup.png);
    color: #FFF;
    text-align: center;
}

.mySvg .echart-popup p:nth-child(1) {
    font-size: 1.3rem;
    margin-top: 2rem;
}

.mySvg .echart-popup p:nth-child(2) {
    font-size: 2.8rem;
    font-weight: 600;
}

.echart-footer {
    text-align: right;
    font-size: 0.9rem;
    max-width: 1151px;
    padding-top: 3rem;
    margin: auto;
}

.echart-footer-line {
    height: 205px;
    border-left: 5px solid #ff5402;
    position: absolute;
    left: 50%;
    bottom: -205px;
}

.item2b {
    margin-top: 8rem;
}

.item2b-kv {
    margin: auto;
    width: 973px;
    height: 520px;
    border-bottom: 6px solid #FFF;
    background-image: url(../image/part3/ani-bg.png);
    background-repeat: no-repeat;
    background-position: center bottom;
    position: relative;
}

.item2b-kv>div {
    position: absolute;
}

.item2b-kv-ani1 {
    left: 21%;
    top: 0%;
    animation: ani-fadeInOut 1s linear 0s infinite normal;
}

.item2b-kv-ani2 {
    left: 43.5%;
    top: 24%;
    animation: ani-fadeInOut 1s linear 0s infinite normal;
}

.item2b-kv-ani3 {
    left: 72%;
    top: 50%;
    animation: ani-item1-ani-2 2s linear 0s infinite normal;
}

.item2b-kv-ani4 {
    left: 30%;
    top: 55%;
    animation: ani-360-back 2s linear 0s infinite normal;
}

.item2b-kv-ani5 {
    left: 5%;
    top: 30%;
    animation: ani-item1-ani-6 4s linear 0s infinite normal;
}

.item2b-kv-ani6 {
    left: 83%;
    top: 82%;
    animation: ani-item1-ani-7 4s linear 0s infinite normal;
}


/* item3 */
.item3 {
    background-color: #FFF;
    max-width: 1920px;
    margin: auto;
}

.item3-header {
    text-align: center;
    color: #ff5402;
    font-size: 3rem;
    font-family: "Brown-Regular", sans-serif;
    font-weight: 600;
    position: relative;
    line-height: 3.6rem;
}

.item3-header span {
    display: block;
}

.item3-header::before {
    content: '';
    position: absolute;
    border-top: 12px solid #ff5402;
    width: 48px;
    left: 50%;
    top: -4rem;
    margin-left: -24px;
}

.item3-col {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
}

.item3-desc {
    width: 800px;
    margin: auto;
    margin-top: 4rem;
}

.item3-desc-body {
    color: #8eb1b2;
    font-size: 2.4rem;
    font-weight: bold;
    text-align: center;
    border-bottom: 5px solid #ff5402;
    padding-bottom: 2rem;
    position: relative;
}

.item3-desc-yhao {
    position: absolute;
}

.item3-desc-yhao.start {
    left: -4rem;
    top: -2rem;
}

.item3-desc-yhao.end {
    right: -8rem;
    bottom: 0;
    transform: rotate(180deg);
}


.item3-desc-footer {
    color: #6f6f6f;
    text-align: right;
    padding-top: 1rem;
    font-size: 1.2rem;
}

.item3-desc-body span {
    display: block;
}

.item3-kv {
    background-image: url(../image/part3/bg.jpg);
    position: relative;
}

.item3-kv .ball {
    position: absolute;
    width: 420px;
    height: 420px;
    background-color: #8eb1b2;
    border: 5px dashed #ff5402;
    border-radius: 50%;
    text-align: center;
    top: 10%;
    left: 15%;
}

.item3-kv .ball span {
    display: block;
}

.item3-kv .ball p:nth-child(1) {
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.6;
}

.item3-kv .ball p:nth-child(1)::before {
    content: '';
    display: block;
    height: 3rem;
}

.item3-kv .ball p:nth-child(2) {
    font-size: 1.4rem;
    line-height: 1.6;
}

.item3-kv-box {
    position: relative;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    width: 100%;
    max-width: 1300px;
    margin: auto;
}

.item3-kv-left,
.item3-kv-right {
    width: 50%;
}

.item3-kv-left .item3-kv-footer {
    border-right: 0;
}

.item3-kv-right .item3-kv-footer {
    border-left: 0;
}

.item3-kv-content {
    height: 285px;
    width: 460px;
    margin-top: 700px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.item3-kv-footer {
    height: 60px;
    background-color: #c6e1e2;
    border: 4px solid #ff5402;
}

.item3-kv-bottom {
    text-align: center;
    margin-top: -20px;
    position: relative;
    z-index: 2;
}

.item3-kv-bottom img {
    display: block;
    margin: auto;
}

.icon-jia::before {
    background-image: url(../image/part3-kv/icon-plus.png);
}

.icon-jian::before {
    background-image: url(../image/part3-kv/icon-des.png);
}

.icon-jia::before,
.icon-jian::before {
    content: '';
    display: block;
    border: 2px solid #ff5402;
    background-color: #FFF;
    border-radius: 50%;
    background-repeat: no-repeat;
    background-position: center center;
    width: 30px;
    height: 30px;
    background-size: 60% 60%;
}

.jia-group {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.jia-group i {
    position: absolute;
}

.jia-group .jia1 {
    left: 22%;
    top: 40%;
    animation: ani-yuan-up 42s linear 0s infinite normal;
}

.jia-group .jia2 {
    left: 45%;
    top: 25%;
    animation: ani-yuan-up 3s linear 0.2s infinite normal;
}

.jia-group .jia3 {
    left: 50%;
    top: 8%;
    animation: ani-yuan-up 3s linear 0.3s infinite normal;
}

.jia-group .jia4 {
    left: 66%;
    top: 30%;
    animation: ani-yuan-up 4s linear 0.5s infinite normal;
}

.jia-group .jia1::before {
    transform: scale(0.8);
}

.jia-group .jia2::before {
    transform: scale(0.5);
}

.jia-group .jia3::before {
    transform: scale(0.8);
}

.jia-group .jia4::before {
    transform: scale(1.1);
}

.jian-group {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
}

.jian-group i {
    position: absolute;
}

.jian-group .jian1::before {
    transform: scale(0.8);
}

.jian-group .jian2::before {
    transform: scale(0.5);
}

.jian-group .jian3::before {
    transform: scale(0.8);
}

.jian-group .jian4::before {
    transform: scale(1.1);
}

.jian-group .jian1 {
    transform: scale(0.8);
    left: 22%;
    top: 40%;
    animation: ani-yuan-up 3s linear 0.5s infinite normal;
}

.jian-group .jian2 {
    transform: scale(0.5);
    left: 45%;
    top: 25%;
    animation: ani-yuan-up 4s ease 0.6s infinite normal;
}

.jian-group .jian3 {
    transform: scale(0.8);
    left: 50%;
    top: 8%;
    animation: ani-yuan-up 3s linear 0.3s infinite normal;
}

.jian-group .jian4 {
    transform: scale(1.1);
    left: 66%;
    top: 30%;
    animation: ani-yuan-up 4s ease 0.5s infinite normal;
}

.yuan-group img {
    position: absolute;
}

.yuan-group .yuan1 {
    left: 15%;
    top: 28%;
    animation: ani-yuan 3s linear 0s infinite normal;
}

.yuan-group .yuan2 {
    left: 78%;
    top: 6%;
    animation: ani-yuan 3s linear 0.3s infinite normal;
}

.yuan-group .yuan3 {
    left: 85%;
    top: 35%;
    animation: ani-yuan 3s linear 0.5s infinite normal;
}

.windfan {
    position: absolute;
    animation: ani-360-back 4s linear 0s infinite normal;
}

.item3-kv-right .windfan {
    left: 33%;
    top: -18%;
    width: 246px;
    height: 246px;
}

.item3-kv-right .yun3 {
    position: absolute;
    left: 100%;
    top: 20%;
    animation: ani-item1-ani-1 4s linear 0s infinite normal;
}

.item3-kv-right .sun {
    position: absolute;
    left: 13%;
    top: -40%;
    width: 169px;
    height: 169px;
    animation: ani-item1-ani-2 4s linear 0s infinite normal;
}

.item3-kv-box .top-center {
    position: absolute;
    left: 50%;
    top: 40%;
    margin-left: -100px;
}

.item3-kv-box .top-center-ani {
    position: absolute;
    animation: ani-item1-ani-2 4s linear 0s infinite normal;
}

.item3-kv-footer p {
    padding-top: 13px;
    margin-left: 10%;
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}

.item3-kv-footer p span {
    display: inline-block;
    margin-left: 20px;
    height: 30px;
    color: #ff5402;
    font-size: 1.5rem;
    font-weight: bold;
}


.item3-col .image {
    text-align: center;
    width: 40%;
}

.item3-body .item3-col .info {
    width: 50%;
}

.item3-col .image img {
    display: inline-block;
}

.rank {
    max-width: 1440px;
    margin: auto;
}

.rank .rank-body img {
    margin: auto;
}

.rank-header {
    text-align: center;
    color: #4b4b4b;
    font-size: 1.5rem;
    padding: 3rem 0;
}

.rank-body ul {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}

.rank-body ul li {
    margin: 0 4%;
    color: #474746;
}

.rank-item {
    width: 138px;
    height: 380px;
    position: relative;
}

.rank-item div img {
    width: 140px;
}

.rank-box {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 0%;
    background-color: #ff5402;
}

.rank-box p:nth-child(1) {
    position: absolute;
    left: -1px;
    top: -60px;
}

.rank-box p:nth-child(2) {
    position: absolute;
    width: 100%;
    text-align: center;
    left: 0;
    bottom: 0;
    color: #FFF;
    font-size: 4rem;
    font-weight: 600;
}

.rank-title {
    text-align: center;
    font-size: 1.5rem;
    line-height: 2rem;
    padding-top: 2rem;
}

.rank-title span {
    display: block;
}

.rank-footer {
    text-align: right;
    font-size: 0.9em;
    color: #333;
    padding: 3rem 0;
}


.item3-body {
    max-width: 1440px;
    background-image: url(../image/item3/content-footer-bg.jpg);
    background-size: 100% auto;
    background-position: bottom center;
    background-repeat: no-repeat;
    margin: auto;
    padding-bottom: 4rem;
}

.item3-body {
    color: #474746;
}

.item3-body .item3-col {
    margin-top: 8rem;
    width: 80%;
    margin-left: auto;
    margin-right: auto;
}

.item3-body .item3-col .info {
    font-size: 1.6rem;
    line-height: 2.5rem;
    position: relative;
}

.item3-body .item3-col .info::before {
    content: '';
    display: block;
    border-top: 11px solid #ff5402;
    width: 25px;
    margin-bottom: 3rem;
}

.pub-ball {
    width: 320px;
    height: 320px;
    background-color: #FFF;
    text-align: center;
    border: 6px solid #ff5402;
    border-radius: 50%;
    color: #ff5402;
}

.pub-ball-icon {
    padding-top: 2.5rem;
}

.pub-ball-info {
    font-size: 2rem;
    font-weight: 600;
}

/* item4 */
.item4 {
    background-color: #002f37;
}

.item4-box {
    position: relative;
    padding: 0;
    max-width: 1350px;
}

.item4-header {
    line-height: 4rem;
    position: absolute;
    width: 380px;
    left: 0;
    bottom: 4rem;
}

.item4-header span {
    display: block;
}

.item4-header p:nth-child(1) {
    font-size: 3rem;
    font-family: "Brown-Regular", sans-serif;
    font-weight: 600;
    color: #ff5402;
}

.item4-header p:nth-child(1)::before {
    content: '';
    position: relative;
    border-top: 15px solid #ff5402;
    width: 48px;
    height: 2rem;
    display: block;
}

.item4-header p:nth-child(2) {
    font-size: 1.4rem;
    color: #FFF;
    line-height: 1.8;
    margin-top: 1rem;
}

.item4-body {
    background-image: url(../image/part4/item4-2-bg.png);
    background-position: bottom right;
    height: 900px;
    padding: 0;
}

.item4-body>div {
    position: absolute;
}

.item4-ani1 {
    left: 50%;
    top: 35%;
    animation: ani-fadeInOut 1s linear 0s infinite normal;
}

.item4-ani2 {
    left: 66%;
    top: 58%;
    animation: ani-fadeInOut 1s linear 0.4s infinite normal;
}

.item4-ani3 {
    left: 27%;
    top: 62%;
    width: 246px;
    height: 246px;
    animation: ani-360-back 2s linear 0s infinite normal;
}

.item4-ani3 img,
.item4-ani4 img {
    display: block;
    width: 100%;
}

.item4-ani4 {
    left: 56%;
    top: 23%;
    width: 148px;
    height: 148px;
    animation: ani-item1-ani-2 4s linear 0s infinite normal;
}

.item4-ani5 {
    left: 83%;
    top: 70%;
    animation: ani-fade-dowm-out 2s linear 0s infinite normal;
}

/* item5 */
.item5 {
    background-image: url(../image/part5/bg.jpg);
    background-color: #003841;
}

.item5 .wrapper {
    color: #35342f;
    max-width: 1350px;
}

.item5-box {
    background-color: #FFF;
}

.item5-header {
    text-align: center;
    padding: 2.5rem 0;
    font-size: 2rem;
}

.item5-header span {
    display: block;
}

.item5-body {
    width: 90%;
    margin: auto;
}

.item5-tab {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
    border: 1px solid #595854;
    padding: 1rem;
    font-size: 1.1rem;
    max-width: 80%;
    margin: auto;
}

.item5-tab p {
    width: 33.333%;
    text-align: center;
}

.item5-tab p span {
    display: inline-block;
    position: relative;
}

.item5-tab p span::before {
    content: '';
    position: absolute;
    width: 15px;
    height: 15px;
    left: -30px;
    top: 7px;
}

.item5-tab p:nth-child(1) span {
    color: #eb602a;
}

.item5-tab p:nth-child(1) span::before {
    background-color: #eb602a;
}

.item5-tab p:nth-child(2) span {
    color: #0f2c36;
}

.item5-tab p:nth-child(2) span::before {
    background-color: #0f2c36;
}

.item5-tab p:nth-child(3) span {
    color: #95aeb0;
}

.item5-tab p:nth-child(3) span::before {
    background-color: #95aeb0;
}

.item5-tab p:nth-child(4) span {
    color: #444444;
}

.item5-tab p:nth-child(4) span::before {
    background-color: #444444;
}

.item5-tab p:nth-child(5) span {
    color: #7b7b7b;
}

.item5-tab p:nth-child(5) span::before {
    background-color: #7b7b7b;
}

.item5-tab p:nth-child(6) span {
    color: #cccccc;
}

.item5-tab p:nth-child(6) span::before {
    background-color: #cccccc;
}

.item5-li {
    margin-top: 3rem;
    display: flex;
    display: -webkit-flex;
    color: #333;
    height: 45px;
    line-height: 45px;
}

.item5-li .year {
    flex: 0 0 15%;
    font-size: 1.6rem;
}

.item5-li .data {
    flex: 1;
    color: #FFF;
}

.item5-li .data::after {
    content: '';
    display: block;
    line-height: 0;
    clear: both;
}

.item5-li .data p {
    float: left;
    position: relative;
    height: 46px;
}

.item5-li .data p:nth-child(1) {
    background-color: #eb602a;
}

.item5-li .data p:nth-child(2) {
    background-color: #0f2c36;
}

.item5-li .data p:nth-child(3) {
    background-color: #95aeb0;
}

.item5-li .data p:nth-child(4) {
    background-color: #444444;
}

.item5-li .data p:nth-child(5) {
    background-color: #7b7b7b;
}

.item5-li .data p:nth-child(6) {
    background-color: #cccccc;
}

.item5-li .data1 p:nth-child(1) {
    width: 58%;
}

.item5-li .data1 p:nth-child(2) {
    width: 20%;
}

.item5-li .data1 p:nth-child(3) {
    width: 8%;
}

.item5-li .data1 p:nth-child(4) {
    width: 2%;
}

.item5-li .data1 p:nth-child(5) {
    width: 8%;
}

.item5-li .data1 p:nth-child(6) {
    width: 4%;
}

.item5-li .data2 p:nth-child(1) {
    width: 50%;
}

.item5-li .data2 p:nth-child(2) {
    width: 17%;
}

.item5-li .data2 p:nth-child(3) {
    width: 13%;
}

.item5-li .data2 p:nth-child(4) {
    width: 3%;
}

.item5-li .data2 p:nth-child(5) {
    width: 9%;
}

.item5-li .data2 p:nth-child(6) {
    width: 8%;
}

.item5-li .data3 p:nth-child(1) {
    width: 45%;
}

.item5-li .data3 p:nth-child(2) {
    width: 14%;
}

.item5-li .data3 p:nth-child(3) {
    width: 17%;
}

.item5-li .data3 p:nth-child(4) {
    width: 4%;
}

.item5-li .data3 p:nth-child(5) {
    width: 8%;
}

.item5-li .data3 p:nth-child(6) {
    width: 12%;
}

.item5-li .data4 p:nth-child(1) {
    width: 14%;
}

.item5-li .data4 p:nth-child(2) {
    width: 13%;
}

.item5-li .data4 p:nth-child(3) {
    width: 30%;
}

.item5-li .data4 p:nth-child(4) {
    width: 10%;
}

.item5-li .data4 p:nth-child(5) {
    width: 8%;
}

.item5-li .data4 p:nth-child(6) {
    width: 25%;
}

.item5-tab-header {
    font-size: 2rem;
    padding-top: 3rem;
    font-weight: bold;
}

.item5-ul-footer {
    margin-left: 15%;
    padding: 30px 0;
    margin-top: 5rem;
    border-top: 1px solid #4f4e4a;
    position: relative;
}

.item5-ul-footer::before,
.item5-ul-footer::after {
    content: '';
    position: absolute;
    border-left: 1px solid #4f4e4a;
    height: 25px;
    top: -25px;
}

.item5-ul-footer::after {
    right: 0;
}

.item5-ul-footer ul {
    margin-left: -16.67%;
    display: flex;
    display: -webkit-flex;

}

.item5-ul-footer li {
    display: inline-block;
    width: 16.67%;
    text-align: right;
    font-size: 1.5rem;
    color: #4f4e4a;
}

.item5-source {
    text-align: right;
    font-size: 0.9rem;
    padding: 3rem 0;
}


.item5-table2 {
    background-color: #FFF;
}

.item5-table2-header {
    border-top: 1px solid #afb0b2;
    padding: 3rem 0;
    width: 90%;
    margin: auto;
    text-align: center;
    font-size: 2rem;
}

.item5-table2-body {
    margin: 0 0;
}

.item5-table2-body img {
    width: auto;
    margin: auto;
}

.item5-table2-footer {
    padding: 3rem 1rem 2rem 0;
    text-align: right;
}


/* .item6 */
.item6 {
    color: #FFF;
    background-color: #003038;
    padding-top: 8rem;
    padding-bottom: 6rem;
    background-image: url(../image/part6/bg.jpg);
}

.item6-title {
    text-align: center;
    color: #ff5402;
    font-size: 2.5rem;
    font-family: "Brown-Regular", sans-serif;
    font-weight: 600;
    position: relative;
    line-height: 4rem;
}

.item6-title::before {
    content: '';
    position: absolute;
    border-top: 15px solid #ff5402;
    width: 48px;
    left: 50%;
    top: -3rem;
    margin-left: -24px;
}

.item6-title span,
.item6-title-desc span {
    display: block;
}

.item6-title-desc {
    text-align: center;
    font-size: 2rem;
    padding: 3rem 0;
}

.item6-body .btn-group {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}

.item6-body .btn-group .btn {
    width: 33.3333%;
}

.item6-body .btn-icon {
    width: 330px;
    height: 330px;
    margin: auto;
    background-position: center center;
    background-repeat: no-repeat;
    border-radius: 50%;
    border: 4px solid #ff5400;
    background-color: #ff5500;
    overflow: hidden;
    position: relative;
}

.item6-body .btn-icon p {
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #FFF;
    text-align: center;
    border-radius: 50%;
    border: 3px solid #ff5500;
    z-index: 2;
    left: -3px;
    top: -3px;
    transform: scale(0);
    transition: all 0.6s;
}

.item6-body .btn-group .btn:nth-child(3) tr td:nth-child(1) {
    width: 70%;
}

.item6-body .btn-group .btn:nth-child(3) tr td:nth-child(2) {
    width: 30%;
}

.item6-body .btn-icon span {
    display: block;
}

.item6-body .btn-icon .icon-header {
    color: #ff5500;
    font-size: 2.4rem;
    padding: 3rem 0 1rem;
}

.item6-body .btn-icon .icon-body {
    color: #3d3d3d;
    font-size: 1.1rem;
}

.item6-body .btn:nth-child(1) .btn-icon {
    background-image: url(../image/part6/icon1.png);
}

.item6-body .btn:nth-child(2) .btn-icon {
    background-image: url(../image/part6/icon2.png);
}

.item6-body .btn:nth-child(3) .btn-icon {
    background-image: url(../image/part6/icon3.png);
}

.item6-body .btn-icon:hover p {
    transform: scale(1);
}

.item6-txt-group {
    display: flex;
    display: -webkit-flex;
    justify-content: center;
}

.item6-txt-col {
    width: 33.3333%;
    text-align: center;
}

.item6-txt-col p:nth-child(1) {
    margin: 2rem 0;
}

.item6-body .dot {
    text-align: center;
    padding: 2rem 0;
}

.item6-content-header {
    text-align: center;
    font-size: 1.5rem;
}

.item6-content-body {
    margin-top: 2rem;
}

.item6-content-body table {
    width: 100%;
    border-collapse: collapse;
}

.item6-content-body tr:nth-child(1) td {
    font-weight: 600;
}

.item6-content-body tr td {
    width: 50%;
    font-size: 1.5rem;
    height: 70px;
    padding-top: 0;
    padding-bottom: 0;
}

.item6-content-body tr td:nth-child(1) {
    text-align: right;
    border-right: 2px solid #c0ccce;
    padding-right: 1rem;
}

.item6-content-body tr td:nth-child(2) {
    padding-left: 1rem;
}

.item6-footer {
    border-bottom: 5px solid #FFF;
    width: 80%;
    margin: auto;
    height: 4rem;
}

.item6-rank {
    background-color: #FFF;
    margin-top: 4rem;
    padding: 2rem;
}

.item6-rank-body {
    position: relative;
    color: #333;
}

.item6-rank-body .left-title,
.item6-rank-body .left-data {
    position: absolute;
}

.item6-rank-body .left-title {
    width: 500px;
    transform: rotate(-90deg);
    left: -200px;
    top: 50%;
    font-size: 1.4rem;
    text-align: right;
}

.item6-rank-box {
    margin-left: 15%;
    height: 600px;
}

.item6-rank-body .left-data {
    height: 100%;
    left: 10%;
}

.item6-rank-body .left-data ul {
    height: 100%;
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    flex-direction: column;
    font-size: 1.4rem;
}

.item6-rank-box ul {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    height: 100%;
    border-bottom: 2px solid #0f2b36;
}

.item6-rank-box ul li {
    height: 100%;
    width: 16.67%;
    position: relative;
}

.item6-rank-box .h-bg {
    width: 64px;
    left: 50%;
    margin-left: -32px;
    background-color: #0f2b36;
    position: absolute;
    bottom: 0;
}

.item6-rank-box li span {
    position: absolute;
    text-align: center;
    color: #0f2b36;
}

.item6-rank-box .h-top {
    top: -40px;
    width: 100%;
    font-size: 1.5rem;
}

.item6-rank-box .h-bottom {
    bottom: -40px;
    width: 400%;
    margin-left: -150%;
    font-size: 1.3rem;
}

.item6-rank-box ul li:nth-child(1) .h-bg {
    height: 100%;
    background-color: #eb5f2a;
}

.item6-rank-box ul li:nth-child(2) .h-bg {
    height: 62%;
}

.item6-rank-box ul li:nth-child(3) .h-bg {
    height: 48%;
}

.item6-rank-box ul li:nth-child(4) .h-bg {
    height: 48%;
}

.item6-rank-box ul li:nth-child(5) .h-bg {
    height: 31%;
}

.item6-rank-box ul li:nth-child(6) .h-bg {
    height: 52%;
}

.item6-rank-box ul li:nth-child(1) .h-bg .h-top {
    color: #eb5f2a;
    font-weight: 600;
}


.item6-rank-header {
    padding: 3rem 0 5rem;
    color: #4a4a4a;
    font-size: 1.5rem;
    text-align: center;
}

.item6-rank-header p:nth-child(2) {
    color: #9d9d9d;
}

.item6-rank-footer {
    text-align: right;
    color: #4a4a4a;
    padding: 5rem 0 2rem;
    font-size: 0.9rem;
}

/* item 7*/
.item7 {
    background-color: #f7f7f7;
    padding: 5rem 0;
}

.item7-header {
    text-align: center;
    color: #ff5402;
    font-size: 3rem;
    font-family: "Brown-Regular", sans-serif;
    font-weight: 600;
    position: relative;
    line-height: 3.6rem;
}

.item7-header::before {
    content: '';
    display: block;
    margin: auto;
    border-top: 12px solid #ff5402;
    width: 48px;
    height: 3rem;
}

.item7-header span {
    display: block;
}

.item7-body {
    color: #474746;
}

.item7-body .item7-col {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-top: 8rem;
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
}

.item7-body .item7-col .info {
    font-size: 1.6rem;
    line-height: 2.5rem;
    margin-left: 10%;
    margin-top: 5rem;
}

.item7-body .item7-col .info::before {
    content: '';
    display: block;
    border-top: 11px solid #ff5402;
    width: 25px;
    margin-bottom: 3rem;
}

.item7-rank-header {
    padding: 6rem 0 4rem;
    color: #4a4a4a;
    font-size: 1.5rem;
    text-align: center;
    font-weight: 600;
}

.item7-rank-header p:nth-child(2) {
    color: #9d9d9d;
    font-weight: normal;
    margin-top: 0.5px;
}

.item7-rank-body img {
    margin: auto;
}

.item7-rank-footer {
    text-align: right;
    color: #4a4a4a;
    padding: 2rem 0;
    font-size: 0.9rem;
}

/* item 8 */
.item8 {
    background-color: #FFF;
    padding: 5rem 0;
}

.item8-body {
    color: #474746;
}

.item8-body .item8-col {
    display: flex;
    display: -webkit-flex;
    justify-content: space-between;
    margin-left: auto;
    margin-right: auto;
    max-width: 80%;
}

.item8-body .item8-col .info {
    font-size: 1.6rem;
    line-height: 2.5rem;
    margin-left: 10%;
    margin-top: 2rem;
}

.item8-body .item8-col .info::before {
    content: '';
    display: block;
    border-top: 11px solid #ff5402;
    width: 25px;
    margin-bottom: 3rem;
}

.item8-rank-header {
    padding: 6rem 0 4rem;
    color: #4a4a4a;
    text-align: center;
    font-size: 1.5rem;
}

.item8-rank-header p:nth-child(1) {
    font-weight: bold;
}

.item8-rank-header p:nth-child(2) {
    color: #959595;
}

.item8-rank-body {
    text-align: center;
}

.item8-rank-footer {
    text-align: right;
    color: #4a4a4a;
    padding: 2rem 0;
    font-size: 0.9rem;
}

.item8-b {
    background-color: #f7f7f7;
    padding: 4rem 0;
}


/* item 9*/
.item9 {
    background-color: #FFF;
    padding-top: 1rem;
}

.item9-header {
    text-align: center;
    color: #ff5402;
    font-size: 2.5rem;
    font-family: "Brown-Bold";
    font-family: "proxima-nova", sans-serif;
    margin-top: 9rem;
    position: relative;
    padding-bottom: 2rem;
    font-weight: bold;
}

.item9-header::before {
    content: '';
    position: absolute;
    border-top: 15px solid #ff5402;
    width: 48px;
    left: 50%;
    top: -3rem;
    margin-left: -24px;
}

.video-header::before {
    display: none;
}

.item9-body {
    margin: auto;
    display: flex;
    display: -webkit-flex;
}

.item9-body .article-item {
    width: 33.3333%;
    max-width: 356px;
    margin: auto;
    margin-top: 1px;
}

.article-title a {
    color: #123038;
    transition: color .2s ease-out;
}

.article-title a:hover {
    color: #606060;
}

.item9-body .article-thum img {
    display: block;
    max-width: 100%;
    background-color: #102e36;
}

.item9-body .article-title p:nth-child(1) {
    font-size: 1rem;
    padding: 1.5rem 0 0.5rem;
}

.item9-body .article-title p:nth-child(1) .category {
    color: #ff5400;
}

.item9-body .article-title p:nth-child(1) .time {
    color: #606060;
}

.item9-body .article-title p:nth-child(2) {
    color: #102e36;
    font-size: 1.5rem;
}

.item9-footer {
    text-align: center;
    padding: 3rem 0;
}

.item9-footer a {
    display: inline-block;
    color: #ff5400;
    padding-bottom: 5px;
    border-bottom: 1px solid #ff5400;
    font-size: 1.3rem;
}

.article-link {
    display: none;
}

/* item10 */
.item10 {
    background-color: #002f37;
}

.item10-body {
    color: #c6c5c0;
    margin: auto;
}

.item10-body .btn-group div {
    padding-top: 50px;
}

.item10-body .btn-group a {
    display: block;
    color: #FFF;
    font-size: 1.2em;
    background-color: #ff5400;
    border-radius: 10px;
    text-align: center;
    height: 118px;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;

    font-size: 1.8rem;
    transition: background-color .2s ease-out;
    border: 1px solid #ff5400;
}

.item10-body .btn-group a:hover {
    background-color: #fc541c;
    border: 1px solid #b44006;
}

.item10-body .btn-group .first {
    display: flex;
    display: -webkit-flex;
    margin-left: -47px;
}

.item10-body .btn-group .first p {
    width: 33.3333%;
}

.item10-body .btn-group .first p a {
    margin-left: 47px;
}

.item10-ul-header {
    margin-left: -1.1em;
    font-size: 1rem;
}

.item10-ul {
    margin-left: 1.4em;
    padding: 3em 0;
    font-family: "proxima-nova", sans-serif;
}

.item10-ul li {
    list-style-type: decimal;
    margin: 1em 0;
    font-size: 1rem;
    font-weight: 400;
}

/* item11 */
.item11 {
    background-color: #0d232a;
    color: #c6c5c0;
    padding: 80px 0;
}

.item11-body {
    color: #D2D3D1;
    font-size: 1rem;
    line-height: 1.47059em;
    font-weight: 400;
    letter-spacing: 0;
    column-count: 3;
    column-gap: 30px;
    font-family: "proxima-nova", sans-serif;
}

.item11-body p {
    margin-bottom: 1.625rem;
}

.footer {
    background-color: #002f37;
    height: 150px;
}

.footer-col a {
    color: #FFF;
    opacity: 0.75;
    text-transform: uppercase;
}

.footer-col a:hover {
    opacity: 1;
}

.footer-col:nth-child(1) {
    margin-right: 4rem;
}

.footer-col:nth-child(2),
.footer-col:nth-child(3) {
    margin-left: 4rem;
}

.footer-col p {
    padding-bottom: 1rem;
}

.backtotop {
    padding: 1rem 0;
}

.backtotop .to-top {
    font-family: "Brown-Regular", sans-serif;
    font-size: 17px;
    font-size: 1.0625rem;
    line-height: 1.47059em;
    font-weight: 400;
    transition: color .2s ease-out;
    color: #ff5400;
}

.backtotop .to-top:before {
    display: inline-block;
    content: '→';
    transform: rotate(-90deg);
    transition: left .3s;
    position: relative;
    top: 0;
    margin-right: 6px;
    transition: top .3s;
}

.to-top:hover:before {
    top: -6px
}

.footer-row {
    display: flex;
    display: -webkit-flex;
    align-items: flex-start;
}

#roll_top {
    height: 40px;
    width: 40px;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 10;
    background-image: url(../image/gototop.png);
    background-size: 50% 50%;
    background-repeat: no-repeat;
    background-position: center center;
    border-radius: 50%;
    border: 2px solid #8a8a8a;
    cursor: pointer;
}


/* hidden mobile */
.mobile {
    display: none;
}

.desktop {
    display: block;
}

.tab-nav .mobile-tab-nav {
    display: none;
}

/* for english */
.item2b-en {
    margin-top: 4rem;
}


@media screen and (max-width: 1400px) {}