@charset "utf-8";
/*css reset*/
body,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,label,input,select,dl,dt,dd,article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,textarea {margin:0;padding:0;}
body {line-height:1; color:#666;font-family:"微软雅黑","Microsoft YaHei",SimSun,"Oxygen",Arial,"Hiragino Sans GB","STHeiti","WenQuanYi Micro Hei",sans-serif;-webkit-text-size-adjust:none;}
header,footer,section,hgroup,nav,article,aside,details,figcaption,figure,menu {display:block;}
input {line-height:1;}
input::-ms-clear{display:none;}
input::-ms-reveal{display:none;}
img{border:0; width:100%;display:block;}
ul {list-style:none;}
ul, li, dl, dt, dd, ol { display: block; list-style: none; }
textarea{resize:none; overflow:auto;}
/* 颜色链接 */
a:link,a:visited {text-decoration:none;}
a:hover {transition:all 0.3s ease-in-out 0s;}
textarea{outline:none;}
/* HTY Common Reset*/
html{overflow-x:hidden;font-size: 13.33vw;}
html button::-moz-focus-inner{border-color:transparent!important;}
input,button,textarea,select,option{font-family:inherit;font-style:inherit;font-weight:inherit;}
fieldset{border:0;}
iframe{background-image:none;}
p{margin:0;padding:0;}
a{text-decoration:none;outline:none;}
/* HTY Common Atom*/
.clear{background:none;border:0;clear:both;display:block;float:none;font-size:0;overflow:hidden;visibility:hidden;width:0;height:0;}
.clear-fix:after{content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.fl{float:left;}
.fr{float:right;}
.c_b{clear:both;}
a,img,button,input,textarea,div{-webkit-tap-highlight-color:rgba(255,255,255,0);}
@font-face {
 font-family: 'DINCOND-BOLD';
 src: url('../images/DINCOND-BOLD.OTF');
}
@font-face {
 font-family: 'DINEngschrift';
 src: url('../images/DINEngschrift.eot');
}
@font-face {
 font-family: 'Humanst521 BT Bold Italic';
 src: url('../images/Humanst521 BT Bold Italic.ttf');
}
@font-face {
 font-family: 'Humanst521 BT Bold';
 src: url('../images/Humanst521 BT Bold.ttf');
}
@font-face {
 font-family: 'Humanst521 BT Italic';
 src: url('../images/Humanst521 BT Italic.ttf');
}
@font-face {
 font-family: 'Humanst521 BT Roman';
 src: url('../images/Humanst521 BT Roman.ttf');
}
@font-face {
 font-family: 'Humanst521 Lt BT Light Italic';
 src: url('../images/Humanst521 Lt BT Light Italic.ttf');
}
@font-face {
 font-family: 'Humanst521 Lt BT Light';
 src: url('../images/Humanst521 Lt BT Light.ttf');
}

.home_banner {
    width: 100%;
    position: relative;
}
.home_banner > .img {
    width:100%;
}
.home_banner > .img > video {
    width:100%;
    display: block;
}
.home_banner > .logo {
    position: absolute;
    left: 0.29rem;
    top: 0rem;
    width: 1.72rem;
    z-index: 999;
}
.home_banner > .logo > a {

}
.home_banner > .logo > a > img {
    width: 100%;
    display: block;
}
.home_banner > .menu_icon {
    position: absolute;
    right: 0.33rem;
    top: 0.53rem;
    width: 0.54rem;
    z-index: 999;
}
.home_banner > .menu_icon > img {
    width: 100%;
    display: block;
}
.home_banner > .menu {
    z-index: 999;
    position: absolute;
    left: 0rem;
    top: 40%;
    width: 100%;
}
.home_banner > .menu > .item {
    width: 5.8rem;
    margin: 0 auto;
    margin-bottom: 0.96rem;
    display: flex;
    justify-content: center;
    align-items: center;
}
.home_banner > .menu > .item > a {
    width: 100%;
    color: #005699;
    font-size: 0.36rem;
    text-align: center;
    font-family: Humanst521 BT Roman;
}
.home_line {
    width: 100%;
    height: 0.8rem;
    background: #005699;
    opacity: 0.9;
}
.home_about {
    width: 100%;
    padding-top: 0.95rem;
    box-sizing: border-box;
    padding-left: 0.31rem;
    padding-right: 0.29rem;
}
.home_about > .title {
    width: 100%;
    text-align: center;
    font-size: 0.52rem;
    color: #000000;
    font-family: Humanst521 BT Roman;
    margin-bottom: 0.71rem;
}
.home_about > .a_con {
    width: 100%;
    font-size: 0.32rem;
    font-weight: 300;
    margin-bottom: 0.91rem;
    line-height: 0.52rem;
    color: #000000;
    font-family: Humanst521 Lt BT Light;
}
.home_about > .year {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 1.07rem;
}
.home_about > .year > .item {
    width: 50%;
    margin-bottom: 0.5rem;
    box-sizing: border-box;
}
.home_about > .year > .item:nth-child(2n) {
    padding-right: 0.5rem;
}
.home_about > .year > .item > .num {
    font-size: 0.8rem;
    font-weight: 400;
    color: #005698;
    width: 100%;
    text-align: center;
    font-family: DINCOND-BOLD;
    margin-bottom: 0.3rem;
}
.home_about > .year > .item > .label {
    width: 100%;
    text-align: center;
    font-size: 0.36rem;
    color: #575757;
    font-family: Humanst521 BT Roman;
}
.home_video {
    width: 100%;
}
.home_video > video {
    width: 100%;
}
.home_product {
    width: 100%;
    padding-top: 1.27rem;
    box-sizing: border-box;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}
.home_product > .title {
    width: 100%;
    text-align: center;
    font-size: 0.52rem;
    font-weight: normal;
    color: #000000;
    font-family: Humanst521 BT Roman;
    padding-bottom: 1.52rem;
}
.home_product > .list {
    width: 100%;
}
.home_product > .list > .item {
    width: 100%;
    margin-bottom: 1.82rem;
}
.home_product > .list > .item > a {
    width: 100%;
    display: block;
}
.home_product > .list > .item > a > .img {
    width: 100%;
    margin-bottom: 0.24rem;
}
.home_product > .list > .item > a > .img > img {
    width: 100%;
    display: block;
}
.home_product > .list > .item > a > .name {
    width: 4.6rem;
    height: 0.8rem;
    border: 1px solid #575757;
    border-radius: 0.02rem;
    margin: 0 auto;
    font-size: 0.36rem;
    font-weight: 300;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #000000;
    font-family: Humanst521 Lt BT Light;
}
.header {
    width: 100%;
    background: #F0F0F0;
    display: flex;
    padding-top: 0.29rem;
    padding-left: 0.42rem;
    padding-right: 0.34rem;
    padding-bottom: 0.29rem;
    box-sizing: border-box;
}
.header > .logo {
    width: 2.49rem;

}
.header > .logo > a {
    
}
.header > .logo > a > img {
    width: 100%;
    display:block;
}
.header > .menu_icon {
    margin-left: auto;
    width: 0.54rem;
    margin-top: 0.24rem;

}
.header > .menu_icon > img {
    width: 100%;
    display:block;
}
.swiper {
    width: 100%;
}
.swiper > .item {
    width: 100%;
}
.swiper > .item > .img {
    width: 100%;
}
.swiper > .item > .img > img {
    width: 100%;
    display: block;
}
.common_title {
    width: 100%;
    font-size: 0.52rem;
    color: #000000;
    font-family: Humanst521 BT Roman;
    box-sizing: border-box;
    padding-top: 0.68rem;
    padding-left: 0.3rem;
    padding-bottom: 0.53rem;
}
.comment_menu {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    margin-bottom: 1rem;
}
.comment_menu > .list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}
.comment_menu > .list > .item {
    width: 2.6rem;
    height: 0.6rem;
    display: flex;
    justify-content: center;
    align-items: center;
    font-family: Humanst521 Lt BT Light;
    margin-bottom: 0.31rem;
    margin-right: 0.45rem;
    border: 1px solid #BABABA;
    text-align: center;
}
.comment_menu > .list > .w {
    width: fit-content;
    box-sizing: border-box;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}
.comment_menu > .list > .item:nth-child(2n) {
    margin-right: 0rem;
}
.swiper-container-horizontal {
    position: relative;
}
.product_level3_next {
    width: 0.5rem;
    margin: 0 auto;
    padding-top: 0.2rem;
    padding-bottom: 0.2rem;
}
.product_level3_next > img{
    width: 100%;
    display: block;
}
.comment_menu > .list > .now {
    border-radius: 0.03rem;
    background: #005699;
    color: #FFFFFF;
    border: 0px;
}
.comment_menu > .list > .item > a {
    width: 100%;
    display: block;
    font-size: 0.3rem;
    font-weight: 300;
    color: #000000;
    font-family: Humanst521 Lt BT Light;
}
.comment_menu > .list > .now  > a {
    color: #FFFFFF;
}
.about1 {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}
.about1 > .title {
    width: 100%;
    text-align: center;
    font-family: Humanst521 BT Roman;
    color: #005699;
    font-size: 0.52rem;
    text-align: left;
    margin-bottom: 0.3rem;
}
.about1 > .desc {
    width: 100%;
    font-size: 0.32rem;
    font-family: Humanst521 Lt BT Light;
    font-weight: 300;
    line-height: 0.52rem;
    color: #000000;
    margin-bottom: 0.53rem;
}
.about1 > .img {
    width: 100%;
    margin-bottom: 1rem;
}
.about1 > .img > img {
    width: 100%;
    display: block;
}
.about1 > .list {
    width: 100%;
}
.about1 > .list > .item {
    width: 100%;
    display: flex;
    margin-bottom: 0.56rem;
}
.about1 > .list > .item > .icon {
    width: 0.44rem;
    margin-right: 0.3rem;
}
.about1 > .list > .item > .icon > img {
    width: 100%;
    display: block;
}
.about1 > .list > .item > .info {
    font-size: 0.32rem;
    width: 5.96rem;
    font-weight: 300;
    line-height: 0.45rem;
    color: #333333;
    font-family: Humanst521 Lt BT Light;
}
.course {
    width: 100%;
}
.course > .list {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.3rem;
}
.course > .list > .item {
    width: 100%;
    border-left: 0.02rem #CCCCCC solid;
    box-sizing: border-box;
    display: flex;
    padding-top: 0.15rem;
}
.course > .list > .item > .line {
    width: 0.4rem;
    height: 0.02rem;
    background: #CCCCCC;
    margin-top: 0.15rem;
}
.course > .list > .item > .info {
    width: 5.5rem;
}
.course > .list > .item > .info > .title {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.05rem;
    display: flex;
}
.course > .list > .item > .info > .title > .line2 {
    width: 0.06rem;
    height:0.3rem;
    background: #005699;
    margin-right: 0.22rem;
    margin-top: 0.05rem;
}
.course > .list > .item > .info > .title > .name {
    font-size: 0.36rem;
    color: #005699;
    font-family: Humanst521 BT Roman;
}
.course > .list > .item > .info > .img {
    margin-top: 0.83rem;
    width: 4.7rem;
    margin-bottom: 0.36rem;
}
.course > .list > .item > .info > .img > img {
    width: 100%;
    display: block;
}
.course > .list > .item > .info > .title2 {
    font-size: 0.32rem;
    font-family: Humanst521 BT Roman;
    color: #333333;
    margin-bottom: 0.12rem;
}
.course > .list > .item > .info > .desc {
    font-size: 0.32rem;
    font-weight: 300;
    color: #333333;
    margin-bottom: 0.94rem;
    line-height: 0.45rem;
    font-family: Humanst521 Lt BT Light;
}
.philosophy {
    width: 100%;
}
.philosophy > .list {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
    padding-bottom: 0.5rem;
}
.philosophy > .list > .item {
    width: 100%;
    display: flex;
    border-bottom: 1px #CCCCCC solid;
    justify-content: space-between;
    padding-bottom: 0.7rem;
    margin-bottom: 0.67rem;
}
.philosophy > .list > .item:last-child {
    border:0rem;
}
.philosophy > .list > .item > .icon {
    width: 1.5rem;
}
.philosophy > .list > .item > .icon > img {
    width: 100%;
    display: block;
}
.philosophy > .list > .item > .info {
    width: 4rem;
}
.philosophy > .list > .item > .info > .title {
    font-size: 0.52rem;
    font-family: Humanst521 BT Roman;
    margin-bottom: 0.33rem;
    color: #005699;
}
.philosophy > .list > .item > .info > .desc {
    font-size: 0.32rem;
    color: #333333;
    line-height: 120%;
    font-family: Humanst521 Lt BT Light;
}
.develop {
    width: 100%;
}
.develop > .list {
    width: 100%;
}
.develop > .list > .item {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.35rem;
    padding-right: 0.2rem;
    background: #FCFCFC;
    padding-top: 0.54rem;
    padding-bottom: 0.63rem;
}
.develop > .list > .item:nth-child(2) {
    background: #F8F8F8;
}
.develop > .list > .item:nth-child(3) {
    background: #F5F5F5;
}
.develop > .list > .item:nth-child(4) {
    background: #F0F0F0;
}
.develop > .list > .item:nth-child(5) {
    background: #EBEBEB;
}
.develop > .list > .item > .title {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.develop > .list > .item > .title > .name {
    font-size: 0.52rem;
    font-family: Humanst521 BT Roman;
    color: #005699;
    margin-top: 0.3rem;
}
.develop > .list > .item > .title > .year {
    color: #CCCCCC;
    font-size: 1.1rem;
    font-family: Humanst521 BT Roman;
}
.develop > .list > .item > .line {
    width: 0.6rem;
    height: 0.07rem;
    background: #005699;
    margin-bottom: 0.38rem;
}
.develop > .list > .item > .info1 {
    width: 100%;
    font-size: 0.32rem;
    font-weight: 300;
    color: #333333;
    font-family: Humanst521 Lt BT Light;
    margin-bottom: 0.4rem;
}
.develop > .list > .item > .info1 > p {
    margin-bottom: 0.1rem;
}
.develop > .list > .item > .info1 > .bold {
    color: #005699;
    font-family: Humanst521 BT Roman;
    font-weight: normal;
}
.develop > .list > .item > .info2 {
    width: 100%;
    font-size: 0.32rem;
    font-weight: 300;
    line-height: 0.45rem;
    font-family: Humanst521 Lt BT Light;
    color: #333333;
}
.certification {
    width: 100%;
    box-sizing: border-box;
    padding: 0.3rem;
    padding-bottom: 1.24rem;
}
.certification > .info {
    width: 100%;
    background: #F0F0F0;
    border-radius: 0.03rem;
    box-sizing: border-box;
    padding-top: 0.78rem;
    padding-bottom: 0.78rem;
    padding-left: 0.41rem;
    padding-right: 0.28rem;
}
.certification > .info > .title {
    width: 100%;
    font-size: 0.52rem;
    margin-bottom: 0.33rem;
    font-family: Humanst521 BT Roman;
    color: #005699;
}
.certification > .info > .desc {
    font-size: 0.28rem;
    font-weight: 300;
    color: #000000;
    line-height: 120%;
    font-family: Humanst521 Lt BT Light;
}
.certification > .img {
    width: 100%;
}
.certification > .img > img {
    width: 100%;
    display: block;
}
.process {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}
.process > .info {
    width: 100%;
    background: #F0F0F0;
    box-sizing: border-box;
    padding: 0.64rem 0.31rem 0.69rem 0.31rem;
}
.process > .info > .title {
    width: 100%;
    font-size: 0.52rem;
    color: #005699;
    font-family: Humanst521 BT Roman;
    margin-bottom: 0.42rem;
}
.process > .info > .desc {
    width: 100%;
    font-size: 0.28rem;
    font-family: Humanst521 Lt BT Light;
    font-weight: 300;
    color: #000000;
    line-height: 110%;
}
.process > .img {
    width: 100%;
    margin-bottom: 0.75rem;
}
.process > .img > img {
    width: 100%;
    display: block;
}
.process > .list {
    width: 100%;
}
.process > .list > .item {
    width: 100%;
    background: #F0F0F0;
    padding-bottom: 0.5rem;
    margin-bottom: 0.58rem;
}
.process > .list > .item > .img {
    width: 100%;
    margin-bottom: 0.34rem;
}
.process > .list > .item > .img > img{
    width: 100%;
    display: block;
}
.process > .list > .item > .title {
    font-size: 0.36rem;
    width: 100%;
    color: #005699;
    text-align: center;
    margin-bottom: 0.08rem;
}
.process > .list > .item > .desc {
    width: 100%;
    font-size: 0.28rem;
    font-weight: 300;
    color: #575757;
    box-sizing: border-box;
    padding-left: 0.1rem;
    padding-right: 0.1rem;
    text-align: center;
}
.team {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.3rem;
    padding-right: 0.3rem;
}
.team > .info {
    width: 100%;
    background: #F0F0F0;
    box-sizing: border-box;
    padding: 0.64rem 0.31rem 0.69rem 0.31rem;
}
.team > .info > .title {
    width: 100%;
    font-size: 0.52rem;
    color: #005699;
    font-family: Humanst521 BT Roman;
    margin-bottom: 0.42rem;
}
.team > .info > .desc {
    width: 100%;
    font-size: 0.28rem;
    font-family: Humanst521 Lt BT Light;
    font-weight: 300;
    color: #000000;
    line-height: 110%;
}
.team > .img {
    width: 100%;
}
.team > .img > img {
    width: 100%;
    display: block;
}

.menu_list {
    position: fixed;
    right: 0rem;
    top: 0rem;
    width: 80%;
    display: none;
    height: 100vh;
    overflow-y: scroll;
    z-index: 1000;
    background: #F0F0F0;
}
.menu_list > .icon {
    width: 100%;
    height: 1.4rem;
    display: flex;
    padding-top: 0.53rem;
    justify-content: flex-end;
    box-sizing: border-box;
    padding-right: 0.5rem;
}
.menu_list > .icon > .img {
    width: 0.54rem;
}
.menu_list > .icon > .img > img {
    width: 100%;
    display: block;
}
.menu_list > .list {
    width: 100%;
    box-sizing: border-box;
    padding-top: 1.01rem;
    padding-left: 0.33rem;
    padding-right: 0.3rem;
}
.menu_list > .list > .item {
    width: 100%;
    border-bottom: 1px #CCCCCC solid;
    padding-bottom: 0.49rem;
    margin-bottom: 0.43rem;
    padding-left: 0.22rem;
}
.menu_list > .list > .item > a {
    width: 100%;
    display: flex;
}
.menu_list > .list > .item > a > .name {
    font-size: 0.36rem;
    color: #000000;
    font-family: Humanst521 BT Roman;
}
.menu_list > .list > .item > a > .icon {
    color: #000000;
    font-size: 0.33rem;
    margin-left: auto;
    padding-right: 0.31rem;
}
.menu_list > .list > .item > .sub {
    width: 100%;
    margin-top: 0.47rem;
}
.menu_list > .list > .item > .sub > .item2 {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.64rem;
    font-size: 0.36rem;
    font-weight: 300;
    margin-bottom: 0.49rem;
    color: #000000;
    font-family: Humanst521 Lt BT Light;
}
.menu_list > .list > .item > .sub > .item2:last-child {
    margin-bottom: 0rem;
}
.menu_list > .list > .item > .sub > .item2 > a {
    width: 100%;
    display: block;
    color: #000000;
}
.rd {
    width: 100%;
}
.rd > .info {
    width: 100%;
    background: #005699;
    box-sizing: border-box;
    padding: 0.63rem 0.47rem;
}
.rd > .info > .title {
    width: 100%;
    font-size: 0.52rem;
    font-family: Humanst521 BT Roman;
    color: #FFFFFF;
    margin-bottom: 0.4rem;
}
.rd > .info > .list {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
.rd > .info > .list > .item {
    width: 1.64rem;
    position: relative;
}
.rd > .info > .list > .item > img {
    width: 100%;
    display: block;
}
.rd > .info > .list > .item > .con {
    width: 100%;
    position: absolute;
    left: 0rem;
    top: 0rem;
}
.rd > .info > .list > .item > .con > .num {
    font-size: 0.64rem;
    font-family: DINCOND-BOLD;
    color: #FFFFFF;
    margin-bottom: 0.2rem;
    padding-top: 0.4rem;
    text-align: center;
}
.rd > .info > .list > .item > .con > .line {
    width: 0.23rem;
    height: 0.02rem;
    background: #F0F0F0;
    margin: 0 auto;
    margin-bottom: 0.2rem;
}
.rd > .info > .list > .item > .con > .name {
    font-size: 0.28rem;
    font-family: Humanst521 BT Roman;
    color: #FFFFFF;
    text-align: center;
}
.rd > .img_bg {
    width: 100%;
    position: relative;
}
.rd > .img_bg > .img {
    width: 100%;
}
.rd > .img_bg > .img > img {
    width: 100%;
    display: block;
}
.rd > .img_bg > .con {
    position: absolute;
    left: 0rem;
    top: 0rem;
    width: 100%;
    box-sizing: border-box;
    padding: 1rem 0.48rem;
}
.rd > .img_bg > .con > .title {
    width: 100%;
    font-size: 0.52rem;
    font-family: Humanst521 BT Roman;
    color: #005699;
    margin-bottom: 0.05rem;
}
.rd > .img_bg > .con > .desc {
    font-size: 0.28rem;
    font-weight: 300;
    color: #333333;
    font-family: Humanst521 Lt BT Light;
    margin-bottom: 0.54rem;
}
.rd > .img_bg > .con > .nums {
    width: 100%;
    display: flex;
}
.rd > .img_bg > .con > .nums > .item {
    display: flex;
    margin-right: 0.66rem;
    align-items: baseline;
}
.rd > .img_bg > .con > .nums > .item > .num {
    font-size: 0.64rem;
    font-family: DINCOND-BOLD;
    color: #005699;
    margin-right: 0.18rem;
}
.rd > .img_bg > .con > .nums > .item > .label {
    font-size: 0.28rem;
    font-family: Humanst521 Lt BT Light;
    font-weight: 300;
    color: #333333;
/*    padding-top: 0.4rem;*/
}
.rd > .img2 {
    width: 100%;
    background: #F0F0F0;
    box-sizing: border-box;
    padding-top: 1.2rem;
    padding-bottom: 1.2rem;
}
.rd > .img2 > img {
    width: 91.86vw;
    margin: 0 auto;
}
.rd > .bg2 {
    width: 100%;
    position: relative;
}
.rd > .bg2 > img {
    position: absolute;
    left: 0.7rem;
    top: 1.5rem;
    width: 81.6vw;
    z-index: 2;
}
.rd > .bg2 > .img > img {
    width: 100%;
    display: block;
}
.rd > .bg2 > .kuai {
    width: 100%;
    background: #005699;
    padding-top: 0.68rem;
    padding-left: 0.49rem;
    box-sizing: border-box;
    padding-bottom: 0.84rem;
}
.rd > .bg2 > .kuai > .title {
    width: 100%;
    font-size: 0.52rem;
    font-family: Humanst521 BT Roman;
    color: #FFFFFF;
    margin-bottom: 0.27rem;
}
.rd > .bg2 > .kuai > .desc {
    font-size: 0.28rem;
    color: #FFFFFF;
    font-family: Humanst521 BT Roman;
}
.rd > .bg2 > .kuai2 {
    width: 100%;
    box-sizing: border-box;
    padding-top: 1.51rem;
    font-size: 0.28rem;
    font-weight: 300;
    color: #333333;
    padding-left: 0.44rem;
    padding-right: 0.44rem;
    padding-bottom: 0.81rem;
    line-height: 120%;
    font-family: Humanst521 Lt BT Light;
}
.rd > .bg2 > .img {
    width: 92%;
    margin: 0 auto;
}
.rd > .bg2 > .img > img {
    width: 100%;
    display: block;
}
.rd > .bg2 > .title2 {
    width: 92%;
    margin: 0 auto;
    height: 0.9rem;
    line-height: 0.9rem;
    text-align: center;
    font-size: 0.52rem;
    font-family: Humanst521 BT Roman;
    color: #005699;
    background: #F5F6F6;
    margin-bottom: 0.33rem;
}
.product_line {
    width: 92vw;
    border-bottom: 1px #F0F0F0 solid;
    margin: 0 auto;
    margin-bottom: 0.5rem;
}
.product_level2 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-left:0.3rem;
    padding-right:0.3rem;
}
.product_level2 > .item {
    width: fit-content;
    border: 1px solid #BABABA;
    border-radius: 0.03rem;
    font-size: 0.26rem;
    margin-bottom: 0.2rem;
    font-weight: 300;
    color: #000000;
    padding: 0.15rem 0.35rem;
    font-family: Humanst521 Lt BT Light;
    margin-right: 0.12rem;
}
.product_level2 > .now {
    background: #F0F0F0;
    border: 0rem;
    border-radius: 0.03rem;
}
.product_level2 > .item > a {
    font-weight: 300;
    color: #000000;
}

.product_level3 {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-left:0.3rem;
    padding-right:0.3rem;
    height: 1.2rem;
    overflow: hidden;
}
.product_level3 > .item {
    width: fit-content;
/*    border: 1px solid #BABABA;*/
    border-right: 1px #000000 solid;
    border-radius: 0.03rem;
    font-size: 0.26rem;
    margin-bottom: 0.2rem;
    font-weight: 300;
    height: fit-content;
    color: #000000;
    padding: 0rem 0.35rem;
    font-family: Humanst521 Lt BT Light;
    margin-right: 0.12rem;
}
.product_level3 > .now {
    /*background: #F0F0F0;
    border: 0rem;
    border-radius: 0.03rem;*/
}
.product_level3 > .item > a {
    font-weight: 300;
    color: #000000;
}
.product_list {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    box-sizing: border-box;
    padding-left: 0.33rem;
    padding-right: 0.33rem;
    margin-top: 0.46rem;
}
.product_list > .item {
    width: 41.7vw;
    margin-right: 0.33rem;
    border: 1px solid #CCCCCC;
    margin-bottom: 0.33rem;
}
.product_list > .item:nth-child(2n) {
    margin-right: 0rem;
}
.product_list > .item > a {
    position: relative;
    width: 100%;
    display: block;
    padding-bottom: 0.4rem;
    padding-top: 0.3rem;
    box-sizing: border-box;
}
.product_list > .item > a > .img {
    width: 100%;
    margin: 0 auto;
}
.product_list > .item > a > .img > img {
    width: 100%;
    display: block;
}
.product_list > .item > a > .title {
    font-size: 0.24rem;
    width: 100%;
    text-align: center;
    padding-top: 0.6rem;
    font-family: Humanst521 BT Roman;
    color: #333333;
    margin-bottom: 0.1rem;
}
.product_list > .item > a > .info {
    font-size: 0.22rem;
    width: 100%;
    text-align: center;
    color: #999999;
    font-weight: 300;
    font-family: Humanst521 Lt BT Light;
}

.product_list > .item > a > .f {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    background: rgba(204,204,204,0.95);
}
.product_list > .item > a > .f  > .img {
    width: 0.79rem;
    margin: 0 auto;
    margin-top: 1.2rem;
}
.product_list > .item > a > .f  > .img > img {
    width: 100%;
    display: block;
}
.product_list > .item > a > .f  > .name {
    font-family: Humanst521 BT Roman;
    font-size: 0.2rem;
    color: #404040;
    margin-top: 0.34rem;
    width: 100%;
    line-height: 120%;
    text-align: center;
} 
.product_list > .item > a > .f  > .next {
    width: 1.36rem;
    margin: 0 auto;
    margin-top: 0.4rem;
} 
.product_list > .item > a > .f  > .next > img {
    width: 100%;
    display: block;
} 

.news {
    width: 92%;
    margin: 0 auto;
}
.news > .item {
    width: 100%;
    box-sizing: border-box;
    border: 1px solid #BABABA;
    padding: 0.4rem;
    margin-bottom: 0.48rem;
}
.news > .item > a {
    width: 100%;
    display: block;
}
.news > .item > a > .year {
    width: 100%;
    display: flex;
    align-items: baseline;
    margin-bottom: 0.48rem;
}
.news > .item > a > .year > .day {
    font-size: 0.76rem;
    font-weight: normal;
    color: #005699;
    font-family: Humanst521 BT Roman;
}
.news > .item > a > .year > .date {
    font-size: 0.36rem;
    font-family: Humanst521 Lt BT Light;
    font-weight: 300;
    color: #005699;
}
.news > .item > a > .title {
    width: 100%;
    font-size: 0.42rem;
    font-family: Humanst521 BT Roman;
    color: #000000;
    margin-bottom: 0.56rem;
}
.news > .item > a > .desc {
    font-size: 0.3rem;
    font-weight: 300;
    font-family: Humanst521 Lt BT Light;
    width: 100%;
    margin-bottom: 0.49rem;
    color: #333333;
}
.news > .item > a > .img {
    width: 100%;
}
.news > .item > a > .img > img {
    width: 100%;
    display: block;
}
.contact3 {
    width: 92%;
    margin: 0 auto;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    padding: 0.79rem 0.3rem;
    margin-bottom: 0.2rem;
}
.contact3 > .title {
    width: 100%;
    font-size: 0.48rem;
    font-family: Humanst521 BT Roman;
    color: #333333;
    margin-bottom: 1rem;
}
.contact3 > .desc {
    font-size: 0.36rem;
    width: 100%;
    font-family: Humanst521 Lt BT Light;
    font-weight: 300;
    color: #333333;
    margin-bottom: 1rem;
}
.contact3 > .form {
    width: 100%;
}
.contact3 > .form > .input {
    width: 100%;
    height: 1rem;
    background: #F5F5F5;
    border: 1px solid #CCCCCC;
    border-radius: 0.03rem;
    display: flex;
    align-items: center;
    margin-bottom: 0.32rem;
}
.contact3 > .form > .input > input {
    font-size: 0.36rem;
    font-weight: 300;
    font-family: Humanst521 Lt BT Light;
    color: #999999;
    border:0rem;
    background: transparent;
    box-sizing: border-box;
    outline: none;
    padding-left: 0.27rem;
    padding-right: 0.27rem;
    width: 100%;
}
.contact3 > .form > .btn {
    width: 100%;
}
.contact3 > .form > .btn > button {
    width: 3.5rem;
    height: 0.86rem;
    line-height: 0.86rem;
    background: #005699;
    border-radius: 0.03rem;
    box-sizing: border-box;
    font-size: 0.4rem;
    font-family: Humanst521 BT Roman;
    font-weight: normal;
    color: #FFFFFF;
    text-align: center;
    border: 0rem;
}
.contact2 {
    width: 92%;
    margin: 0 auto;
    border: 1px solid #CCCCCC;
    box-sizing: border-box;
    padding: 0.79rem 0.3rem;
    margin-bottom: 1.2rem;
    padding-top: 0rem;
}
.contact2 > .item {
    width: 100%;
    padding-top: 1.42rem;
}
.contact2 > .item > .icon {
    width: 0.52rem;
    margin: 0 auto;
    margin-bottom: 1.11rem;
}
.contact2 > .item > .icon > img {
    width:100%;
    display: block;
}
.contact2 > .item > .title {
    width: 100%;
    text-align: center;
    font-size: 0.48rem;
    font-family: Humanst521 BT Roman;
    color: #333333;
    margin-bottom: 0.28rem;
}
.contact2 > .item:nth-child(2) > .title,.contact2 > .item:nth-child(3) > .title {
    margin-bottom: 1rem;
}
.contact2 > .item > .desc {
    width: 100%;
    text-align: center;
    font-size: 0.36rem;
    font-weight: 300;
    font-family: Humanst521 Lt BT Light;
    color: #333333;
    margin-bottom: 0.8rem;
}
.contact2 > .item > .cell {
    width: 100%;
    height: 0.8rem;
    line-height: 0.8rem;
    background: #F5F5F5;
    text-align: center;
    font-family: Humanst521 BT Roman;
    color: #333333;
    font-size: 0.36rem;
    margin-bottom: 0.29rem;
}
.contact2 > .item > .cell > a {
    color: #333333;
}
.contact2 > .item > .now {
    background: #005699;
    color: #FFFFFF;
}
.contact2 > .item > .now > a {
    color: #FFFFFF;
}
.video {
    width: 92%;
    margin: 0 auto;
}
.video > .item {
    width: 100%;
    margin-bottom: 0.84rem;
}
.video > .item > .title1 {
    width: 100%;
    font-size: 0.48rem;
    font-family: Humanst521 BT Roman;
    color: #000000;
/*    margin-bottom: 0.05rem;*/
}
.video > .item > .title2 {
    font-size: 0.48rem;
    font-weight: 300;
    font-family: Humanst521 Lt BT Light;
    color: #000000;
    margin-bottom: 0.33rem;
}
.video > .item > .img {
    width: 100%;
}
.video > .item > .img > a {
    width: 100%;
}
.video > .item > .img > a > img {
    
}
.video > .item > .img > video {
    width: 100%;
}
.news_detail {
    width: 100%;
    box-sizing: border-box;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
    padding-bottom: 0.8rem;
}
.news_detail > .title {
    width: 100%;
    font-size: 0.42rem;
    font-family: Humanst521 BT Roman;
    color: #000000;
    text-align: center;
    margin-bottom: 0.36rem;
}
.news_detail > .time {
    width: 100%;
    text-align: center;
    font-size: 0.2rem;
    font-family: Humanst521 Lt BT Light;
    font-weight: 300;
    color: #333333;
    padding-bottom: 0.3rem;
    border-bottom: 1px #F0F0F0 solid;
    margin-bottom: 0.8rem;
}
.news_detail > .content {
    width: 100%;
    font-size: 0.32rem;
    font-family: Humanst521 Lt BT Light;
    font-weight: 300;
    color: #333333;
    line-height: 0.52rem;
}
.news_detail > .content img {
    max-width: 100%;
}
.product_detail {
    width: 100%;
    padding-top: 1.23rem;
}
.product_detail > .img {
    width: 71.33%;
    margin: 0 auto;
    margin-bottom: 0.71rem;
}
.product_detail > .img > img {
    width: 100%;
    display: block;
}
.product_detail > .title {
    width: 92%;
    margin: 0 auto;
    padding-bottom: 0.2rem;
    border-bottom: 1px #BABABA solid;
    margin-bottom: 0.71rem;
    display: flex;
}
.product_detail > .title > .kuai {
    width: 0.3rem;
    height: 0.3rem;
    background: #005699;
    margin-right: 0.19rem;
    margin-left: 0.2rem;
}
.product_detail > .title > .name {
    font-family: Humanst521 BT Roman;
    font-size: 0.36rem;
    color: #333333;
}
.product_detail > .data {
    width: 90%;
    margin: 0 auto;
}
.product_detail > .data > .cell {
    width: 100%;
    display: flex;
    margin-bottom: 0.32rem;
}
.product_detail > .data > .cell > .label {
    font-size: 0.3rem;
    font-family: Humanst521 BT Roman;
    color: #333333;
    width: 1.5rem;
}
.product_detail > .data > .cell > .val {
    font-size: 0.3rem;
    font-weight: 300;
    color: #333333;
    font-family: Humanst521 Lt BT Light;
}
.product_detail > .btns {
    width: 90%;
    margin: 0 auto;
    margin-top: 0.6rem;
    margin-bottom: 1.53rem;
    display: flex;
}
.product_detail > .btns > .btn {
    background: #005699;
    border-radius: 0.03rem;
    font-size: 0.3rem;
    font-family: Humanst521 BT Roman;
    color: #FFFFFF;
    height: 0.64rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-right: 0.33rem;
    padding-left: 0.2rem;
    padding-right: 0.2rem;
}
.product_detail > .btns > .btn > a {
    width: 100%;
    display: block;
    color: #FFFFFF;
}
.product_detail > .btns > .btn:last-child {
    margin-right: 0rem;
}
.product_detail > .gx {
    width: 92%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
}
.product_detail > .gx > .item {
    width: 44.5vw;
    border: 1px solid #BABABA;
    box-sizing: border-box;
    margin-bottom: 0.21rem;
    margin-right: 0.19rem;
}
.product_detail > .gx > .item:nth-child(2n) {
    margin-right: 0rem;
}
.product_detail > .gx > .item > a {
    width: 100%;
    display: block;
}
.product_detail > .gx > .item > a > img {
    width: 100%;
    display: block;
}


.pagination {
    display: inline-block;
    padding-left: 0;
    margin: 20px 0;
    border-radius: 4px;
    font-size: 0.28rem;
}
.pagination>li {
    display: inline;
}
.pagination>li:first-child>a, .pagination>li:first-child>span {
    margin-left: 0;
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}
.pagination>.disabled>a, .pagination>.disabled>a:focus, .pagination>.disabled>a:hover, .pagination>.disabled>span, .pagination>.disabled>span:focus, .pagination>.disabled>span:hover {
    color: #777;
    cursor: not-allowed;
    background-color: #fff;
    border-color: #ddd;
}
.pagination > li > a, .pagination > li > span {
    background-color: #FFFFFF;
    border: 1px solid #DDDDDD;
    color: inherit;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 4px 10px;
    position: relative;
    text-decoration: none;
}
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}
.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    background-color: #005699;
    border-color: #005699;
    color: #FFFFFF;
    cursor: default;
    z-index: 2;
}

.structure {
    width: 86%;
    margin: 0 auto;
    padding-bottom: 1rem;
    padding-top: 0.5rem;
}
.structure > .item {
    width: 100%;
    background: #F0F0F0;
    height: 1.2rem;
    text-align: center;
    font-size: 0.4rem;
    font-family: Humanst521 BT Roman;
    color: #333333;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 0.3rem;
    position: relative;
}
.structure > .line {
    width: 0.31rem;
    margin: 0 auto;
    margin-bottom: 0.12rem;
}
.structure > .line > img {
    width: 100%;
    display: block;
}
.structure > .now {
    background: #005699;
    color: #FFFFFF;
    font-size: 0.52rem;
    margin-bottom: 0.11rem;
}
.structure > .item > a {
    width: 100%;
    display: block;
    color: #333333;
}
.structure > .now > a {
    color: #FFFFFF;
}
.structure > .item > .next {
    position: absolute;
    right: 0.32rem;
    top: 0.53rem;
    width: 0.09rem;
}
.structure > .item > .next > img {
    width: 100%;
    display: block;
}
.structure > .sub {
    width: 100%;
    padding-top: 0.47rem;
} 
.structure > .sub > .item2 {
    width: 100%;
    font-size: 0.36rem;
    font-weight: 300;
    font-family: Humanst521 Lt BT Light;
    color: #333333;
    display: flex;
    justify-content: center;
    padding-bottom: 0.1rem;
    border-bottom: 1px #F0F0F0 solid;
    margin-bottom: 0.59rem;
    padding-left: 0.27rem;
    box-sizing: border-box;
}
.structure > .sub > .item2 > a {
    width: 100%;
    display: block;
    color: #333333;
}
.structure > .sub2 {
    width: 100%;
    padding-top: 0.47rem;
} 
.structure > .sub2 > .item2 {
    width: 100%;
    color: #333333;
    display: flex;
    justify-content: center;
    margin-bottom: 0.59rem;
    box-sizing: border-box;
    position: relative;
}
.structure > .sub2 > .item2 > a {
    width: 85%;
    margin: 0 auto;
    display: block;
    color: #333333;
    box-sizing: border-box;
    padding-bottom: 0.1rem;
    padding-left: 0.29rem;
    border-bottom: 1px #F0F0F0 solid;
    font-family: Humanst521 Lt BT Light;
    font-size: 0.36rem;
    font-weight: 300;
}
.structure > .sub2 > .item2 > .num {
    width: 0.28rem;
    height: 0.28rem;
    background: #005699;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.24rem;
    color: #FFFFFF;
    position: absolute;
    left: 0rem;
    top: 0rem;
}
.footer {
    width: 100%;
    background: #6A6A6A;
    box-sizing: border-box;
    padding: 0.98rem 0.38rem;
}
.footer > .title {
    width: 100%;
    font-size: 0.36rem;
    font-family: Humanst521 BT Roman;
    color: #FFFFFF;
    padding-bottom: 0.28rem;
    border-bottom: 1px #fff solid;
    margin-bottom: 0.95rem;
}
.footer > .cell {
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.64rem;
}
.footer > .cell > .label {
    width: 0.88rem;
    font-size: 0.24rem;
    font-family: Humanst521 BT Roman;
    color: #FFFFFF;
    line-height: 0.45rem;
}
.footer > .cell > .val {
    font-size: 0.24rem;
    font-family: Humanst521 BT Roman;
    color: #FFFFFF;
    width: 4.7rem;
    line-height: 0.45rem;
}
.footer > .qrcode {
    width: 100%;
    padding-bottom: 0.73rem;
    border-bottom: 1px #fff solid;
    margin-bottom: 0.62rem;
}
.footer > .qrcode > .img {
    width: 2.35rem;
    margin: 0 auto;
    margin-bottom: 0.28rem;
}
.footer > .qrcode > .img > img {
    width: 100%;
    display:block;
}
.footer > .qrcode > .name {
    width: 100%;
    text-align: center;
    font-size: 0.28rem;
    font-family: Humanst521 BT Roman;
    color: #FFFFFF;
}
.footer > .copy {
    width: 100%;
    font-size: 0.28rem;
    line-height: 0.45rem;
    font-family: Humanst521 BT Roman;
    color: #FFFFFF;
}