html {
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%;
    font-size: 20px;
    background: #fff6f6;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, header, hgroup, nav, section, article, aside, footer, figure, figcaption, menu, button {
    margin: 0;
    padding: 0;
}

p {
    margin-bottom: .5rem;
}

img {
    max-width: 100%;
    vertical-align: middle;
}

header, section, footer {
    display: block;
}

body {
    -webkit-text-size-adjust: 100%;
    outline: 0;
    font-size: .7rem;
    line-height: 1.2;
    color: #333;
}

h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal;
}

h1, .h1 {
    font-size: 1.4rem;
}

h2, .h2 {
    font-size: 1.1rem;
}

h3, .h3 {
    font-size: .9rem;
}

h4, .h4 {
    font-size: .8rem;
}

iframe {
    border: none;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

caption, th {
    text-align: left;
    border-bottom: dashed 1px #b5b4b4;
}

fieldset, img {
    border: 0;
}

li {
    list-style: none;
}

ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

input, button, textarea, select, optgroup, option {
    font-family: inherit;
    font-size: inherit;
    font-style: inherit;
    font-weight: inherit;
    outline: 0;
}

button {
    -webkit-appearance: none;
    border: 0;
    background: none;
}

a {
    -webkit-touch-callout: none;
    text-decoration: none;
}

:focus {
    outline: 0;
    -webkit-tap-highlight-color: transparent;
}

em, i {
    font-style: normal;
}

a, input, textarea, select, button {
    outline: 0;
}

article, aside, dialog, footer, header, section, footer, nav, figure, menu {
    display: block;
}

.box-w5, .box-w10, .box-w15, .box-w20, .box-w25, .box-w30, .box-w35, .box-w40, .box-w45, .box-w50, .box-w55, .box-w60, .box-w65, .box-w70, .box-w75, .box-w80, .box-w85, .box-w90, .box-w95, .box-w100, .box-w33, .box-w66 {
    float: left;
    padding: 0 0.5rem;
    box-sizing: border-box;
}

.box-w5 {
    width: 5%;
}

.box-w10 {
    width: 10%;
}

.box-w15 {
    width: 15%;
}

.box-w20 {
    width: 20%;
}

.box-w25 {
    width: 25%;
}

.box-w30 {
    width: 30%;
}

.box-w35 {
    width: 35%;
}

.box-w40 {
    width: 40%;
}

.box-w45 {
    width: 45%;
}

.box-w50 {
    width: 50%;
}

.box-w55 {
    width: 55%;
}

.box-w60 {
    width: 60%;
}

.box-w65 {
    width: 65%;
}

.box-w70 {
    width: 70%;
}

.box-w75 {
    width: 75%;
}

.box-w80 {
    width: 80%;
}

.box-w85 {
    width: 85%;
}

.box-w90 {
    width: 90%;
}

.box-w95 {
    width: 95%;
}

.box-w100 {
    width: 100%;
}

.box-w33 {
    width: 33.33%;
}

    .box-w33:nth-child(3n) {
        width: 33.34%;
        float: right;
    }

.box-w66 {
    width: 66.66%;
}

.box-w100, .box {
    float: none;
    padding: 0 0.5rem;
}

    .box-w100:after, .box-w100:before, .box:after, .box:before {
        clear: both;
        content: ".";
        display: block;
        overflow: hidden;
        visibility: hidden;
        font-size: 0;
        line-height: 0;
        width: 0;
        height: 0;
    }

* {
    box-sizing: border-box;
}

html {
    min-width: 960px;
    background: #fafafa;
}

html, body {
    min-height: 100%;
    height: 100%;
}

.hidden {
    display: none !important;
}

.hidden-desktop {
    display: none;
}

.text-center {
    text-align: center;
}

.text-left {
    text-align: left;
}

.text-right {
    text-align: right;
}

.pull-left {
    float: left;
}

.pull-right {
    float: right;
}

.gap {
    padding: 1rem;
}

.nogap {
    padding: 0;
}

.nogap-left {
    padding-left: 0;
}

.nogap-right {
    padding-right: 0;
}

.main-container {
    width: 960px;
    margin: 0 auto;
    background: #fff;
    min-height: 100%;
    font-size: .6rem;
    line-height: 1rem;
    color: #474747;
}

.sm-container {
    width: 920px;
    margin: 0 auto;
}

.logo {
    display: flex;
    justify-content: space-between;
    padding: .5rem 1rem;
    position:relative;
}
.head-login{
    
    position:absolute;
    right:10px;
    top:0;
}
.head-login a{
    color:#015eac;    
    padding:10px 5px;
    display:inline-block;
    margin-left:15px;

}
.head-login svg{
    vertical-align: sub;
}
.language {
    align-self: flex-end;
}

    .language span {
        margin-left: .4rem;
    }

    .language a {
        color: #06185f;
    }

        .language a:hover {
            color: #4186c1;
        }

.nav {
    background: #eee;
    font-size: .9rem;
    display: flex;
    margin-bottom: .2rem;
    justify-content: space-between;
    border-bottom: .4rem solid #e5a323;
}

    .nav a {
        color: #474747;
        display: block;
        padding: .5rem .2rem;
    }

        .nav a:hover {
            color: #fff;
            background: #e5a323;
        }

    .nav .item {
        min-width: 12.5%;
        text-align: center;
    }
.eng .nav{
    font-size:.8rem
}
footer {
    font-size: .5rem;
}

.company-info {
    background: #333333;
    color: #fff;
    padding: .5rem 1rem;
}

.box-title {
    background: url(../img/quotes_bar_tc.png) no-repeat top left;
    padding: .25rem .5rem .35rem 2rem;
    color: #fff;
    border-radius: .2rem;
    font-size: .7rem;
    margin-bottom: .5rem;
}

    .box-title.mark {
        background-image: url(../img/Indexs_bar_tc.png);
    }

        .box-title.mark .num, .box-title.mark .index {
            min-width: 78px;
            float: right;
            text-align: center;
            padding-left: 1rem;
            font-size: .65rem;
            cursor: pointer;
        }

            .box-title.mark .num:hover, .box-title.mark .index:hover {
                color: #E5A323;
                text-decoration: underline;
            }

.box-content {
    font-size: .6rem;
}

.product-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: stretch;
    float: left;
    width: 53%;
    margin-right: .3rem;
}

    .product-list .product-box {
        width: 31.5%;
        display: flex;
        flex-wrap: nowrap;
        align-items: stretch;
        text-align: center;
        background: #ffeedd;
        box-shadow: inset 0 0 0.8rem rgba(255,196,154,0.8);
        border-radius: .5rem;
        margin-bottom: .4rem;
        padding: .5rem 0;
        color: #333;
    }

        .product-list .product-box:nth-child(even) {
            background: #f1f1f1;
            box-shadow: inset 0 0 0.8rem rgba(170,170,170,0.8);
        }

    .product-list .item {
        width: 50%;
    }

        .product-list .item:first-child .name {
            border-right: 1px solid #444;
        }

        .product-list  .big-name {
            font-size:14px;
            font-weight:bold;
        }
        .product-list .item:first-child .big {
            border-right: 2px solid silver;
        }

    .product-list .big {
        font-size: 200%;
        font-weight: bold;
        line-height: 110%;
    }

.table-price {
    overflow: hidden;
}

    .table-price table {
        border-spacing: .1rem;
        border-collapse: separate;
        width: 100%;
        text-align: center;
    }

    .table-price td {
        background-color: #faf7d6;
        padding: .3rem 0;
    }

        .table-price td:first-child {
            width: 90px;
        }

    .table-price tr:nth-child(even) td {
        background-color: #f9f9f9;
    }

.box-shadow {
    box-shadow: .15rem .15rem .15rem #aaa;
}

.mark-list {
    padding-bottom: .5rem;
    min-height: 340px;
}

.mark-item {
    overflow: hidden;
    margin: 0 .5rem .2rem;
    padding-bottom: .2rem;
    border-bottom: 1px solid #474747;
    white-space:nowrap;
}

    .mark-item .num, .mark-item .index {
        min-width: 78px;
        float: right;
        text-align: right;
        padding: 0 .5rem;
    }

    .mark-item .num {
        padding-left: 1rem;
        padding-right: 0;
    }

.arrow-down {
    background: url(../img/arrow_down.png) no-repeat center left;
    background-position-x: .3rem;
}

.arrow-up {
    background: url(../img/arrow_up_gr.png) no-repeat center left;
    background-position-x: .3rem;
}

.green {
    color: green;
}

.red {
    color: red;
}

.btn {
    border: 1px solid #007bff;
    display: inline-block;
    padding: .3rem;
    min-width: 15rem;
    text-align: center;
    border-radius: .2rem;
    color: #007bff;
    transition: all .2s ease-in;
}

    .btn:hover {
        background: #007bff;
        color: #fff;
    }

.page-text {
    font-size: .75rem;
    line-height: 1.2rem;
}

@keyframes fadein {
    0% {
        opacity: 0;
        margin-left: -2rem;
    }

    100% {
        opacity: 1;
        margin-left: 0;
    }
}

.news-list {
  max-width: 100%;
  table-layout: fixed;
  width:100%;

}
.news-list thead tr{
    font-size:14px;
      font-weight:bold;
}
.news-list tbody tr{
    font-size:12px;
    font-weight:bold;
}
.news-list td:first-child,
.news-list th:first-child {
  white-space: nowrap;
  width: 150px;
  padding: .4rem;
  border-bottom: dashed 1px #b5b4b4;
}

.news-list td:last-child {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  cursor: pointer;
  border-bottom: dashed 1px #b5b4b4;
}

.news-list td.show {
  white-space: normal;
}

.iwise_box{
    display:none;
    position: absolute;
    height: auto;
    width: 150px;
    background: #ffffff;
    padding: .5rem;
    box-shadow: 0 5px 5px 3px rgb(0 0 0 / 17%);
    border-top: solid #015eac;
}
.NetCast_box {
    display:none;
    position: absolute;
    height: auto;
    width: 150px;
    background: #ffffff;
    padding: .5rem;
    box-shadow: 0 5px 5px 3px rgb(0 0 0 / 17%);
    margin-left: 60px;
    border-top: solid #015eac;
}
.iwise_box_a{
    color: #000 !important;
    display: inline-block;
    margin-left: 0px !important;
    padding: 5px 5px !important;
}