@charset "utf-8";


/* 1440以下适配 */
@media (max-width:1440px) {
    .width-1440 {
        width: auto;
        margin-left: 15px;
        margin-right: 15px;
    }
}


/* 1200以下适配 */
@media (max-width:1200px) {

    /*底部*/
    .in-footer {
        text-align: center;
    }

    .in-footer-top {
        padding: 20px;
        display: block;
    }

    .in-footer-box .list {
        margin-top: 20px;
        margin-bottom: 30px;
    }

    .in-footer-top .in-footer-nav {
        padding-right: 0;
        display: block;
        width: auto;
        border: 0;
    }

    .in-footer-form {
        margin: 0 auto;
        width: 80%;
    }

    .in-footer-bottom {
        font-size: 14px;
    }


    /* 二级菜单 */
    .in-second-nav {
        height: 50px;
        line-height: 50px;
    }

    .in-second-nav .list {
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
    }

    .in-second-nav .list a {
        font-size: 14px;
        margin-right: 15px;
    }


    /* 关于我们 */
    .content-first {
        display: block;
    }

    .content-first .left,
    .content-first .right {
        width: auto;
        margin: 0;
    }

    .content-first .right {
        margin-top: 30px;
    }

    .content-first .left .icon,
    .content-first .left .icon1,
    .content-first .left .icon2 {
        padding-left: 40px;
    }

    /* 联系我们 */
    .contact-content .flex-con {
        display: block;
        margin-top: 30px;
    }

    .icon-size {
        width: 18px;height: 18px;
       /* height: auto;*/
    }

    .contact-content .flex-con {
        height: auto;
    }

    .contact-content .flex-con>div {
        width: auto;
        padding: 20px;
    }

    .contact-content .contact-card>div:nth-of-type(2) {
        padding-top: 20px;
    }

    .contact-content .flex-con>img {
        width: 100%;
        margin-top: 20px;
    }

    .contact-content .from-content {
        display: block;
        margin-top: 0;
    }

    .contact-content .from-content .input-style>input {
        width: auto;
    }

    .contact-content .from-content>textarea {
        margin-top: 15px
    }

    /* R&D */
    .in-rds .in-rds-text {
        padding: 20px;
        width: 60%;
    }

    .in-rds-img {
        width: 40%;
        height: 100%;
    }

    /* core */
    .in-core-middle .icons {
        width: 20%;
    }

    /* over */
    .content-corp .lists>div {
        height: auto;
    }

    .card>div {
        height: auto;
        background: #f1f2f6;
    }

    .card>div>div {
        padding-top: 0;
    }

    /* m2 */
    .m2-tab {
        overflow-y: hidden;
        overflow-x: auto;
        white-space: nowrap;
        justify-content: initial;
    }

    .m2-tab .item {
        font-size: 14px;
    }

}


/* 1000以下适配 */
@media (max-width: 1000px) {

    /*头部导航*/
    .navbar-brand {
        padding: 15px;
        font-size: 26px;
    }

    .in-nav .nav>li {
        padding: 38.5px 6px;
        text-align: center;
    }

    .header-scroll .in-nav .nav>li {
        padding: 18.5px 6px;
    }



}


/* 移动端适配 */
@media (max-width: 768px) {

    .in-header {
        height: 60px;
    }

    .navbar-header {
        padding-top: 5px;
    }

    .nav>li {
        padding: 18.5px 20px;
    }

    .navbar-brand {
        padding: 15px;
    }

    .in-nav {
        position: fixed;
        left: 0;
        right: 0;
        top: 60px;
        background: #ffffff;
        z-index: 999;
        box-shadow: 0 0 8px #ccc;
    }

    .in-nav .nav>li {
        padding: 20px 0;
        float: none;
        overflow: hidden;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
    }

    .navbar-nav>li>a {
        color: #333 !important;
    }

    .dropdown-menu {
        text-align: center;
        padding: 15px 0 0 0;
        position: inherit;
        margin: 0 auto;
    }

    .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        background: #f7f7f7;
        line-height: 30px;
    }


    /* R&D */
    .in-rds .in-rds-b > div {
        display: block;
    }
    .in-rds .in-rds-b .img {
        padding: 0 15px;
    }
    .in-rds .backs{
        height: 20px;
    }
            
    .in-rds-img,
    .in-rds-img img {
        width: 100%;
    }

    .in-rds .in-rds-text {
        padding: 20px;
        width: 100%;
    }

    /* 产品列表 */
    .pro-box {
        padding-bottom: 40px;
    }

    .pro-list {
        justify-content: space-between;
    }

    .pro-imgbox {
        width: 48%;
        margin-left: 0;
        margin-bottom: 20px;
    }

    .pro-more {
        width: 100%;
        height: 40px;
    }

    /* core */
    .in-core-lists {
        justify-content: space-between;
    }

    .in-core-lists .item {
        width: 48%;width:100%;
        margin: 30px 0 0 0;
    }

    .in-core-middle {
        display: block;
    }

    .in-core-middle .core-list {
        width: 100%;
        margin: 0 0 20px 0;
    }

    .core-btm {
        padding: 20px;
        line-height: 1.5;
    }


    /* over */
    .in-over-3 {
        justify-content: space-between;
    }

    .in-over-3 .item {
        width: 48%;
        margin: 0 0 10px 0;
    }

    .in-over-3 .item img {
        width: 100%;
    }

    .content-corp .lists {
        display: block;
    }

    .content-corp .lists>div {
        width: 100%;
        padding: 20px;
    }

    .content-card .card>div {
        display: block;
    }

    .content-card .card>div img {
        width: 100%;
    }

    .content-card .card>div>div {
        width: 100%;
        padding: 15px;
    }

    .over-echarts .ech {
        margin-top: 30px;
    }

    /* m5 */
    .m5-list {
        display: block;
    }

    .m5-list>div {
        width: auto;
        margin: 15px 0 0 0;
    }

    /* m3 */
    .m3-list {
        display: block;
        margin-top: 20px;
    }

    .m3-list>div {
        width: auto;
        margin: 20px 0 0 0;
    }

    .m3-list>div .img {
        margin-right: 10px;
        width: 20%;
    }

    .m3-list>div .texts {
        width: 80%;
    }

    .in-over-2 {
        padding-top: 40px;
    }

    /* m2 */
    .m2 .big-img img {
        height: auto; 
    }
}


@media (min-width:768px) {
    .in-nav .nav>li:hover .dropdown-menu {
        display: block;
    }
}


/* 重置公用css样式 */
@media (max-width: 1200px) {

    .padding-120,
    .padding-100,
    .padding-90,
    .padding-70 {
        padding: 40px 0;
    }

    .padding-30 {
        padding: 15px;
    }

    .wid-50 {
        width: 100%;
    }

    .m-t-30 {
        margin-top: 15px;
    }

    .m-t-90,
    .m-t-80{
        margin-top: 40px;
    }

    .m-t-45,
    .m-t-40 {
        margin-top: 30px;
    }

    .m-t-50 {
        margin-top: 20px;
    }

    .m-t-15 {
        margin-top: 10px;
    }

    .m-t-25 {
        margin-top: 10px;
    }

    .m-t-20 {
        margin-top: 10px;
    }
    
    .f-s-26{
        font-size: 16px;
    }

    .f-s-36 {
        font-size: 20px;
        line-height: 1.5;
    }

    .f-s-32 {
        font-size: 20px;
    }

    .f-s-28 {
        font-size: 16px;
    }

    .f-s-24 {
        font-size: 16px;
    }

    .f-s-20 {
        font-size: 15px;
    }
    
    .f-s-22 {
        font-size: 15px;
    }

    .f-s-18 {
        font-size: 14px;
    }

    .line-36 {
        line-height: 24px;
    }

    .m-b-60 {
        margin-bottom: 30px;
    }

    .m-t-35 {
        margin-top: 20px;
    }
    .sjmod{ display:block;}
    .pcmod{ display:none;}
    .sjmod .in-core-middle .item-li {
        width: 80.5%;
        border: 4px solid #294a63;
        padding: 30px;
        border-radius: 18px;
        box-shadow: 0 5px 10px #646d76;
    }
}
