﻿@charset "UTF-8";*:focus {    outline: none;}* {    margin: 0;    padding: 0;    -webkit-overflow-scrolling: touch;    -webkit-tap-highlight-color: transparent;    -webkit-tap-highlight-color: transparent;}html {    width: 100%;    height: 100%;    position: relative;}body {    width: 100%;    min-width: 1280px;    height: 100%;    font-size: 12px;    -webkit-text-size-adjust: none;    background-color: #f2f2f2;    position: relative;    overflow-x: hidden;}body, h1, h2, h3, h4, h5, h6, ul, li, ol, div, dl, dt, dd, p, img, a, form, table, tr, td, input, select, textarea {    margin: 0;    padding: 0;    font-size: 24px;    font-family: "微软雅黑";    outline: none;    border: none;}
h1, h2, h3, h4, h5, h6{
    width: 100%;
}img {    vertical-align: top;    border: 0 none;    width: 100%;    display:inline-block;}a {    color: #000;    text-decoration: none;    overflow: hidden;    outline: none;    display: block;}ul {    list-style: none;width:100%}li {    list-style: none;    list-style-position: outside;}.clearfix:after,.clearfix:before {content: "";display:table}.clearfix:after {clear: both;}.clearfix {*zoom:1;}.container{    width: 100%;    height: auto;    background-color: #ffffff;    position: relative;}.banner{    width: 100%;    height: 518px;    }.main_content{    width: 1200px;    height: auto;    margin: 45px auto;    display: flex;    flex-direction: column;    align-items: flex-start;    justify-content: flex-start;}.main_content .back_list{    width: 160px;    height: 42px;    display: flex;    flex-direction: row;    align-items: center;    justify-content: flex-start;    margin-bottom: 25px;    cursor: pointer;}.main_content .back_list .back_icon{    width: 42px;    height: 42px;}.main_content .back_list .back_text{    font-size: 24px;    color: #e70012;    padding-left: 10px;}.main_content .title_china{    width: 100%;    height: 49px;    font-size: 22px;    color: #e70012;    line-height: 49px;}.main_content .title_en{    width: 100%;    height: 48px;    display: flex;    flex-direction: row;    align-items: center;    justify-content: space-between;}.main_content .title_en .name_en{    font-size: 22px;    color: #e70012;}.main_content .title_en .title_line{    width: 1000px;    height: 1px;    background-color: #e70012;}/*左侧导航*/.site-navbar {    position:fixed;    z-index:100;    top:0;    bottom:0;    left:0;    width:10%;    background-color:rgba(255, 255, 255, 0.8);    box-shadow:0 0 10px 0 rgba(0, 0, 0, 0.2);    display: flex;    flex-direction: column;    align-items: center;    justify-content: flex-start;}.site-navbar .pc-logo {    width: 100%;    height: auto;    display:block;    padding:5px 0;    text-align:center;    border-bottom:1px solid #d7d7d7}.site-navbar .J_list{    width: 100%;    height: auto;    display: flex;    flex-direction: column;    align-items: center;    justify-content: flex-start;}.site-navbar .list_nav {    width: 100%;    -webkit-transition:all .4s;    -moz-transition:all .4s;    transition:all .4s;    padding:5px 0;    border-bottom:1px solid #d7d7d7}.site-navbar .nav-wrap {    position:relative;    z-index:10}.site-navbar .item {    display:block}.site-navbar .icon {    -webkit-transition:all .4s;    -moz-transition:all .4s;    transition:all .4s;    display:block;    margin:0 auto;    width:50px;    height:50px;    background:no-repeat center;    background-size:100%}.site-navbar .p {    padding-top:5px;    text-align:center;    font-size:14px;    color:#333}.site-navbar .sub-nav-wrap {    display:none;    position:absolute;    width:100px;    left:100%;    top:0;    bottom:0;    overflow:hidden}.site-navbar .list_nav:hover .sub-nav-wrap {    display:block;}.site-navbar .sub-bg {    -webkit-transition:all .3s;    -moz-transition:all .3s;    transition:all .3s;    -webkit-transform:translate3d(-100%, 0, 0);    -moz-transform:translate3d(-100%, 0, 0);    transform:translate3d(-100%, 0, 0);    position:absolute;    top:0;    bottom:0;    left:0;    right:0}.site-navbar .list_nav .sub-list {    display: none;    z-index:10;    position:absolute;    top:0;    left:100%;    width:100px}.site-navbar .list_nav:hover .sub-list {    display: block;}.site-navbar .sub-list a {    display:block;    height:32px;    line-height:32px;    color:#fff;    font-size:13px;    text-align:center}.site-navbar .sub-list a:hover {    background-color:#000}.site-navbar .list_nav:hover .sub-bg {    -webkit-transform:translate3d(0, 0, 0);    -moz-transform:translate3d(0, 0, 0);    transform:translate3d(0, 0, 0)}.site-navbar .list_nav:nth-child(1) .sub-bg {    background-color:rgba(229, 0, 18, 0.2)}.site-navbar .list_nav:nth-child(1) .icon {    background-image:url("../images/icon01.png")}.site-navbar .list_nav:nth-child(1):hover {    background:#e0bccd}.site-navbar .list_nav:nth-child(1):hover .icon {    background-image:url("../images/icon01-on.png")}.site-navbar .list_nav:nth-child(1) .sub-list a:hover {    background-color:#c12146}.site-navbar .list_nav:nth-child(2) .sub-bg {    background-color:rgba(0, 164, 0, 0.2)}.site-navbar .list_nav:nth-child(2) .icon {    background-image:url("../images/icon02.png")}.site-navbar .list_nav:nth-child(2):hover {    background-color:#d7f3c2}.site-navbar .list_nav:nth-child(2):hover .icon {    background-image:url("../images/icon02-on.png")}.site-navbar .list_nav:nth-child(2) .sub-list a:hover {    background-color:#b757a9}.site-navbar .list_nav:nth-child(3) .sub-bg {    background-color:rgba(0, 164, 0, 0.2)}.site-navbar .list_nav:nth-child(3) .icon {    background-image:url("../images/icon03.png")}.site-navbar .list_nav:nth-child(3):hover {    background-color:#c2e9c2}.site-navbar .list_nav:nth-child(3):hover .icon {    background-image:url("../images/icon03-on.png")}.site-navbar .list_nav:nth-child(3) .sub-list a:hover {    background-color:#059636}.site-navbar .list_nav:nth-child(4) .sub-bg {    background-color:rgba(255, 143, 0, 0.2)}.site-navbar .list_nav:nth-child(4) .icon {    background-image:url("../images/icon04.png")}.site-navbar .list_nav:nth-child(4):hover {    background-color:#ffe4c2}.site-navbar .list_nav:nth-child(4):hover .icon {    background-image:url("../images/icon04-on.png")}.site-navbar .list_nav:nth-child(4) .sub-list a:hover {    background-color:#df9639}.site-navbar .list_nav:nth-child(5) .sub-bg {    background-color:rgba(255, 211, 194, 0.2)}.site-navbar .list_nav:nth-child(5) .icon {    background-image:url("../images/icon05.png")}.site-navbar .list_nav:nth-child(5):hover {    background-color:#ffd3c2}.site-navbar .list_nav:nth-child(5):hover .icon {    background-image:url("../images/icon05-on.png")}.site-navbar .list_nav:nth-child(5) .sub-list a:hover {    background-color:#ffd3c2}.site-navbar .list_nav:nth-child(6) .sub-bg {    background-color:rgba(224, 66, 145, 0.2)}.site-navbar .list_nav:nth-child(6) .icon {    background-image:url("../images/icon06.png")}.site-navbar .list_nav:nth-child(6):hover {    background-color:#f8d2e5}.site-navbar .list_nav:nth-child(6):hover .icon {    background-image:url("../images/icon06-on.png")}.site-navbar .list_nav:nth-child(6) .sub-list a:hover {    background-color:#b757a9}.site-navbar .list_nav:nth-child(7) .sub-bg {    background-color:rgba(17, 170, 246, 0.2)}.site-navbar .list_nav:nth-child(7) .icon {    background-image:url("../images/icon07.png")}.site-navbar .list_nav:nth-child(7):hover {    background-color:#c7e3f1}.site-navbar .list_nav:nth-child(7):hover .icon {    background-image:url("../images/icon07-on.png")}.site-navbar .list_nav:nth-child(7):hover {    background-color:#c7e3f1}.site-navbar .list_nav:nth-child(6) .sub-list a:hover {    background-color:#c7e3f1}/*版权信息*/.copyright_wrap{    width: 100%;    height: 110px;    margin-top: 150px;    box-shadow: 0 0px 10px #f5f5f5;    display: flex;    align-items: center;    justify-content: center;}.copyright_wrap .copyright{    width: 420px;    height: 60px;    display: flex;    flex-direction: row;    align-items: center;    justify-content: center;}.copyright_wrap .copyright .copyright_words{    width: 270px;    height: 40px;    display: flex;    flex-direction: column;    align-items: flex-start;    justify-content: space-between;    font-size: 14px;    color: #333333;}.copyright_wrap .copyright .copyright_pic{    width: 60px;    height: 60px;}