@media (min-width: 1920px) {
    html {
        font-size: 100px;
    }
    .pc{ display:block;}
    .sj{ display:none;}
}
@media (min-width: 1680px) {
    html {
        font-size: 100px;
    }
    .pc{ display:block;}
    .sj{ display:none;}
}

@media (min-width: 1600px) {
    html {
        font-size: 100px;
    }
    .pc{ display:block;}
    .sj{ display:none;}
}
@media (max-width: 1599px) {
    html {
        font-size: 100px;
    }
    .pc{ display:block;}
    .sj{ display:none;}
}
@media (max-width: 1500px) {
    html {
        font-size: 97px;
    }
    .pc{ display:block;}
    .sj{ display:none;}
}
@media (max-width: 1440px) {
    html {
        font-size: 90px;
    }
    .pc{ display:block;}
    .sj{ display:none;}
}
@media (max-width: 1366px) {
    html {
        font-size: 72px;
    }
    .pc{ display:block;}
    .sj{ display:none;}
}
@media (max-width: 1280px) {
    html {
        font-size: 68px;
    }
    .pc{ display:block;}
    .sj{ display:none;}
}
@media (max-width: 1024px) {
    html {
        font-size: 54px;
    }
    .pc{ display:block;}
    .sj{ display:none;}
}

@media (max-width: 963px) {
    html {
        font-size: 52px;
    }
    .pc{ display:block;}
    .sj{ display:none;}
}
@media (max-width: 822px) {
    html {
        font-size: 50px;
    }
    .pc{ display:block;}
    .sj{ display:none;}
}
@media (max-width: 805px) {
    html {
        font-size: 48px;
    }
    .pc{ display:block;}
    .sj{ display:none;}
}

@media (max-width: 768px) {
    html {
        font-size: 50px;
    }
    .pc{ display:block;}
    .sj{ display:none;}
}

/*@media (max-width: 767px) {
    html {
        font-size: 45px;
    }
    .pc{ display:block;}
    .sj{ display:none;}
}*/



@media (max-width: 767px) {
    html {
        font-size: 130px;
    }
    .pc{ display:none;}
    .sj{ display:block;}
}

@media (max-width: 734px) {
    html {
        font-size: 100px;
    }
    .pc{ display:none;}
    .sj{ display:block;}
}

@media (max-width: 565px) {
    html {
        font-size: 80px;
    }
    .pc{ display:none;}
    .sj{ display:block;}
}

@media (max-width: 480px) {
    html {
        font-size: 60px;
    }
    .pc{ display:none;}
    .sj{ display:block;}
}

@media (max-width: 380px) {
    html {
        font-size: 55px;
    }
    .pc{ display:none;}
    .sj{ display:block;}
}

@media (max-width: 320px) {
    html {
        font-size: 50px;
    }
    .pc{ display:none;}
    .sj{ display:block;}
}







body, html, h1, h2, h3, h4, h5, dl, dd, dt, ul, li, ol, span, p {
    margin: 0;
    padding: 0;
}
body {
    /*min-width: 768px !important;*/
    max-width: 1900px !important;
    background-color: #fff;
    font-family: 'Microsoft YaHei';
}
img {
    border: 0 none;
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    color: #000;
}
select {
    border: 0 none;
}
input,
textarea,
select {
    outline: none;
    border: 0 none;
    padding: 0;
    margin: 0;
}
ol,
ul,
li {
    list-style: none;
}
.pc {
    background: #fff;
    position: relative;
}
.pc_box {max-width:84.2105%;margin:0 auto}
.top {
    position:relative;
}
.daohang {
    position:absolute;
    top:0;
    left:0;
    z-index:999;
    width: 100%;
    height: 0.86rem;
    overflow: hidden;
    /*background: url(../web_images/home_01.png);
    background-size: 100% cover;*/
}
.daohang .logo {
    float: left;
    width: 18.15789%;
}
.daohang .logo img {
    width: 100%;
    vertical-align: top;
}
.daohang .daoh {
    float: right;
    width: 45%;
    padding-right: 3%;
}
.daohang .daoh ul {
    display: flex;
    justify-content: space-between;
}
.daohang .daoh ul li {
    font-size: 0.2rem;
    line-height: 0.86rem;
}
.daohang .daoh ul li a {
    color: #fff;
}
.daohang .daoh ul li img {
    width: 100%;
}
.base_liuyan {
    background:url(../web_images/liuyanban_20.jpg)no-repeat;
    background-size:100% 100%;
    width:100%;
    /*height:3.1rem;*/
    padding:0.65rem 0;
}
.base_liuyan .tit{
    width:53%;
    height:1.3rem;
    margin-bottom:0.2rem;
}
.base_liuyan .tit img{
    width:100%;
    height:1.3rem;
}
.base_liuyan .input_box{
    height:0.54rem;
    padding-left:1.5%;
    overflow:hidden;
    margin-bottom:0.3rem;
}
.base_liuyan .input_box input{
    float:left;
    height:0.54rem;
    line-height:0.54rem;
    background:#fff;
    width:15%;
    padding-left:1.5%;
    border-radius:0.05rem;
    margin-right:1%;
    font-size:0.16rem;
    color:#2b2b2b;
}
.base_liuyan .input_box input.bt{
    width:45%;
}
.base_liuyan .input_box a{
    float:left;
    display:block;
    width:17%;
    height:0.54rem;
    line-height:0.54rem;
    text-align:center;
    font-size:0.22rem;
    background:url(../web_images/btn_28.png)no-repeat;
    background-size:100% 100%;
    color:#fff;
}
.base_liuyan .text{
    font-size:0.16rem;
    color:#2b2b2b;
     padding-left:1.5%;
     margin-bottom:0.1rem;
}
.base_liuyan .tel{
    font-size:0.35rem;
    color:#2b2b2b;
     padding-left:1.5%;
}
.base_liuyan .tel font{
    font-size:.2rem;
    color:#2b2b2b;
}
.boot .lianxi {
    background:#131313;
    padding-top:0.5rem;
    /*height:1.4rem;*/
    overflow:hidden;
}
.boot .lianxi .left{
    float:left;
    width:56.25%;
}
.boot .lianxi .left .top{
    overflow:hidden;
    padding-bottom:0.2rem;
}
.boot .lianxi .left .top .title{
    float:left;
    padding-right:5%;
}
.boot .lianxi .left .top .title .cn_tit{
    font-size:0.24rem;
    color:#dbdbdb;
}
.boot .lianxi .left .top .title .en_tit{
    font-size:0.12rem;
    color:#9699a3;
}
.boot .lianxi .left .top .address{
    float:left;
    font-size:0.14rem;
    line-height:0.28rem;
    color:#fff;
    padding-right:5%;
}
.boot .lianxi .left .top .fax{
    float:left;
    font-size:0.14rem;
    line-height:0.28rem;
    color:#fff;
    padding-right:5%;
}
.boot .lianxi .left .top .mail{
    float:left;
    font-size:0.14rem;
    line-height:0.28rem;
    color:#fff;
}
.boot .lianxi .left .link{
    overflow:hidden;
    height:0.58rem;line-height:0.58rem;
    border-top:solid #1f1f1f 1px;
}
.boot .lianxi .left .link .tit{
    float:left;
    font-size:0.2rem;
   color:#666666;
}
.boot .lianxi .left .link .txt{
    float:left;
    font-size:0.14rem;
   color:#333333;
   padding-left:6%;
}
.boot .lianxi .left .link .txt a{
   color:#333333;
}
.boot .lianxi .right{
    float:right;
    overflow:hidden;
}
.boot .lianxi .right ul{
   overflow:hidden;
}
.boot .lianxi .right ul li{
    float:left;
    width:1rem;
    margin:0 0.2rem
}
.boot .lianxi .right ul li .img{
     width:1rem;
    height:1rem;
    margin-bottom:0.1rem;
}
.boot .lianxi .right ul li img{
    width:1rem;
    height:1rem;
    vertical-align:top;
}
.boot .lianxi .right ul li .tit{
    font-size:0.14rem;
    text-align:center;
    color:#fff;
}
.boot .foot {
    height: 0.51rem;
    line-height: 0.51rem;
    background: #0a0a0a;
    overflow: hidden;
}
.boot .foot .daoh{
    float:left;
    font-size:0.14rem;
    color:#282828;
}
.boot .foot .daoh a{
    color:#fff;
}
.boot .foot .text{
    float:right;
    font-size:0.14rem;
    color:#959595;
}
.boot .foot .text a{
     color:#959595;
}


.enlarge-box {
    overflow: hidden;
}
.enlarge-img { display:block; width:100%; height:100%; transition:all 1s;}
.enlarge-img:hover { transform:scale(1.1);}


.infocontent{}
.infocontent img{ max-width:100% !important;}
.infocontent table{ width:auto !important; max-width:100% !important;}





.pc .pc_dh{
        height: 0.9rem;
        width: 100%;
        position: fixed;
        top: 0;
        z-index: 9999;
        display: flex;
        justify-content:space-between;
        align-items:center;
}
.pc .pc_dh .pc_dh1{
        width: 16.85%;
        height:100%;
        display: block;
}
.pc .pc_dh .pc_dh1 img{
        width: 100%;
        height: 100%;
        display: block;
}
.pc .pc_dh .navbig{
        width:51.36%;
        z-index: 9998;
}
.pc .pc_dh .navbig .nLi{
        position: relative;
        color: #ffffff;
        float: left;
        font-size: 0.2rem;
        padding:0 0.28rem;
}
.pc .pc_dh .navbig li a {
    color: #FFFFFF;
    display: flex;
    align-items: center;
    height: 0.6rem;
    line-height: .6rem;
}
.pc .bg .navbig .nLi a.act{
    color:#2618e2;
}
.pc .bg .navbig .nLi a:hover {
    color: #2618e2;
}
.pc .pc_dh .navbig li .sub {
    position: absolute;
    /*left:-0.13rem;*/
    top: 0.6rem;
    width: 140%;
    background: #5d62fc;
    border-radius: 0.05rem;
    font-size: 0.16rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    z-index: 999999;
    padding: 0.1rem 0;
    display: none;
    width: 2rem;
    left: -0.3rem;
}
.pc .pc_dh .navbig li .sub li{
    padding:0.07rem;
        height: 0.42rem;
}
.pc .pc_dh .navbig li .sub li a{ text-align: center; height: 0.42rem; color:#fff;justify-content:center;}
.pc .pc_dh .navbig li .sub li.on{background:#fff}
.pc .pc_dh .navbig li .sub li.on a{color:#5d62fc}
.pc .pc_dh .navbig li .sub li:hover{background:#fff}
.pc .pc_dh .navbig li .sub li:hover a{color:#5d62fc}




.pc .pc_dh .pc_dh1 .img-1{ display:none;}
.pc .pc_dh.bg{ background:#fff;}
.pc .pc_dh.bg .pc_dh1 .img{ display:none;}
.pc .pc_dh.bg .pc_dh1 .img-1{ display:block;}
.pc .pc_dh.bg .navbig li a{        color: #212121;}
.pc .pc_dh.bg .navbig li a .img{ display:none;}
.pc .pc_dh.bg .navbig li a .img-1{ display:block;}





.sj{ min-height:100vh; position:relative;}
.sj_top{ position:relative; line-height:0;}
.sj_logo{ width:100%; vertical-align:top;}
.sj_home{ position:absolute; top:0; left:0; width:55%; height:100%; z-index:9;}
.sj_menu{ position:absolute; top:0; right:0; width:16%; height:100%; z-index:9;}
.sj_class_title{ font-size:.32rem; color:#030303; font-weight:bold; position:absolute; top:0; left:0; width:100%; height:100%; display:flex; justify-content:center; align-items:center;}
.daoh{ display:none; position:absolute; top:.9rem; right:0; width:100%; height:100%;}
.daoh .parents{ line-height:normal; text-align:center; font-size:.24rem; line-height:.65rem; width:1.8rem; background-color:#f2f2f2; float:right; position:relative; z-index:9; height:100%; padding-top:.3rem; box-sizing:border-box;}
.daoh .parents .nLi{}
.daoh .parents .nLi>a{ color:#141414;}
.daoh .parents .nLi.on>a{ color:#2618e2;}
.daoh .parents .nLi .sub{ display:none; width:3.15rem; height:100%; position:absolute; top:0; right:100%; background-color:#3439f3; padding-top:.3rem; box-sizing:border-box;}
.daoh .parents .nLi .sub li>a{ color:#fff;}
.daoh .bg{ width:100%; height:100%; background-color:#000; position:absolute; top:0; left:0; z-index:8; opacity:.5;}



.sj_contact{ background:url(/web_images/h5/index_bg_5.jpg) no-repeat; background-size:cover; height:6.48rem; padding:.18rem;}
.sj_contact .tit{ font-size:.32rem; font-weight:bold; text-align:center; margin-top:.3rem;}
.sj_contact .jj{ font-size:.22rem; color:#9f9f9f; text-align:center; margin-top:.1rem; margin-bottom:.4rem;}
.sj_contact .txt{ font-size:.22rem; color:#2b2b2b; text-align:center;}
.sj_contact .tel{ font-size:.42rem; color:#5347f3; text-align:center; font-weight:bold; margin: .1rem 0 .1rem;}
.sj_contact .form{ display:flex; justify-content:space-between; margin-bottom:.25rem;}
.sj_contact .form .input{ border:1px solid #dedede; border-radius:5px; padding:.15rem .23rem; font-size:.22rem;}
.sj_contact .form input.input{ width:40%;}
.sj_contact .form textarea.input{ width:100%; font-family:'Microsoft YaHei'; height:1.15rem;}
.sj_contact .form button{ background:url(/web_images/h5/btn_bg_3.jpg)repeat-y; background-size:contain; border:0; font-size:.24rem; color:#fff; border-radius:5px; width:100%; padding:.15rem 0;}
.sj_bottom{ background-color:#000; font-size:.2rem; color:#959595; text-align:center; padding:.18rem; line-height:.28rem;}
.sj_bottom hr{ background-color:#3c3c3c; width:100%; border:0; height:1px; margin:.2rem 0;}