*{margin: 0;padding: 0;}

.page{margin: 40px 0 20px 0; height: 100px; text-align: center;}

.page .page-view{display:inline-block;font-size:14px}

.page .page-view a,.page .page-view span{float:left;display:block;padding: 15px 18px;text-align:center;border:1px solid #eee;border-left:none;color: #666666;}

.page .page-view a{box-shadow: none;text-decoration: none;}

.page .page-view a:first-child{border-left:1px solid #eee;padding: 16px 18px;}

.page .page-view a:last-child{}

.page .page-view a:hover{background:#eee}

.page .page-view span{color:#fff;border-color:#eee;background:#D51C1C}

.page .page-view span.disabled{color:#666;border-color:#eee;background:#fff;cursor:not-allowed}



.content{
    margin: auto;
    padding: 30px 0;
    width: 1045px;
}
.content .company{
    font-size: 30px;
    font-weight: bold;
    color: #000;
}
.content .btns{
    margin-top: 25px;
    padding-bottom: 15px;
    display: flex;
    justify-content: space-between;
    border-bottom: 1px solid #eee;
}
.content .btns .left, .content .btns .right{
    display: flex;
    justify-content: flex-start;
    align-items: center;
}
.content .btns a{
    margin-right: 20px;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    text-decoration: none;
    color: #666;
}
.content .btns .right a{margin-right: 0;}
.content .btns a .icon_fav, .content .btns a .icon_share, .content .btns a .icon_back{
    width: 16px;
    height: 16px;
    background-size: 100%;
}
.content .btns a .icon_fav{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAAQCAYAAADwMZRfAAAAAXNSR0IArs4c6QAAAc5JREFUOE+VkrFrU1EUxr9zH0GKQjII6tLFgk61oIMggqDg6D+gm+ggefc8QtBFhYKCQnK/UCxkKVkqKA4OQkcXOwgKioKDSunkoiSLYElejtySCG3zop7lwjvf+93vfPcIppSqnhGRlRDCsWk6mdbMsuy5mUXNOsmHRdpCSJqms865zVKpNNfv91+SnP1viKouA0hIXs+ybNXMfpBMJ4EKnaiqOecWms3m+3q9fnQwGHwMIcxMhHjvLzvn5s3sOIDDAA6Nzk50Mf5JVQMABbAF4LWZvRWRr2b2Qbz3z0TkF4AvAD4Ph8MN59wGyW9FGXjv42vNi8gFAEe2x4kg59x6CCHe9k+lqm0AJ0ie/pOJ935NRF6QfPQ3yggwR/J81O4IVlVfAVgjeW/KKKsicoDkpbFmz+t473+2Wq39UyB7+jsgaZqedM61SZ4qgqjqGwBXSb6b6ERVr4nI2RDClShQ1QUA0fZTkp9G356MRu4UQdoislkul9nr9WIuNwDE8w6AxUql8qDb7d4VkRmScWe2a3ew0epjALcBdPI8v7W0tLRVrVb3JUlyH0DVzBbjfpA8VwQxACtJktxsNBrfd+dSq9UO5nkeV+Aiycq4/xtrHraeciFXPwAAAABJRU5ErkJggg==');}
.content .btns a .icon_share{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAGRSURBVDiNjdM7aJRREIbh5/wbjBesgnYWKW29IYpYWdhoaURBJShBhezZLUwjgkTtcn5W0aQUQSwslTRGGy8RFWwsREQMVoKWgsXuWGSDCGr2g6nmzDvMN2dSRBhEOedTuIS3EXGhruv3UA1YfBk3sYCtKaW5dru9cWAAzuFeKWUcZ7C/2+0eGAiQc96DNdibc96OMUgpfYehfxVOTk5urqrqKsbxDSN43U938BxSRMg5b8NYRLxKKS3gMG5hGLdTSlMR0eu/+VDX9fxKo9RsNicwjR/Ygk8YxXxK6crMzMyz/4041O/0EEdxAtcxUUqZW80ffpvYQOrHCnggVZZXtAvv0ImIj7jRarUe5Jx3rgZYMXGH5fW87PV6j6qqOoRZrEXp9XrTVVVtwBEsllKe/gH4m1qt1khEXMNpfMYmrO+nz2K2lBL/BKyo2WzuTik9xhKO4TyOY7SU8mXVn1jX9SK+4kUp5Q3uWDZ5HYO7fRdTOefAPtzvdrtLDHhMw8PDFyOijYMR8aTRaJzsdDo/4Rf7UJNzbUOeXgAAAABJRU5ErkJggg==');}
.content .btns a .icon_back{background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAABHNCSVQICAgIfAhkiAAAAAlwSFlzAAALEgAACxIB0t1+/AAAABx0RVh0U29mdHdhcmUAQWRvYmUgRmlyZXdvcmtzIENTNXG14zYAAAE0SURBVDiNlZK/SsJRFIC/c/IKFdEQtLT4Eo5JOge1tLS22OS9kn+eQfkpNNRS0AsIvYAgQdHQUlMG+QxBQ6DoaVERMvz9Dpzp8H3nnHsPZsayLJVKN9773n/1WSpLIoRQFJEz4GNZfTH+CLz3h8A10HXOhVUCMbNFOCsiD8C7cy7faDS+YgtCCHvAI5BW1XwURf1VMEAKoF6vrwMdYEdECnFhgLXBYIBz7k5EciKSb7VaL3FhAPHeXwHnwA/QBzZism/tdvtEgdkrSpLO8wnMjBDCLXAqIvtJV1CAdDpdFJFnM+uVy+Vs4gkAKpXK1ng8fjKzXVXNxf2J+SU2m81vETkGUpPJpFOtVrcTCQCiKPpU1QKQGY1G97VabTORYCp5VdUj4GA4HF4mFkwlXRG5ADKrBL+HXo6XxFqaxAAAAABJRU5ErkJggg==');}
.content .btns a em{
    padding-left: 5px;
    font-style: normal;
}

.content .desc{
    margin-top: 40px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}
.content .desc .logo{
    padding: 20px;
    width: 240px;
    height: 113px;
    border: 1px solid #eee;
}
.content .desc .logo img{
    display: block;
    width: 100%;
    height: 100%;
}
.content .desc .txt{
    margin-left: 20px;
    width: 430px;
}
.content .desc .txt .txt1{
    padding-bottom: 10px;
    line-height: 30px;
    font-size: 24px;
    font-weight: bold;
}
.content .desc .txt .txt2{
    line-height: 35px;
}
.content .desc .txt .btn_zx{
    margin-top: 15px;
    display: inline-block;
    width: 150px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 20px;
    color: #fff;
    border-radius: 6px;
    background: #f00;
    text-decoration: none;
}
.content .desc .category{
    margin-left: 20px;
    width: 280px;
}

.content .desc .category .c_title{
    font-size: 16px;
    font-weight: bold;
    color: #000;
}

.content .desc .category .tags{
    margin-top: 10px;
}

.content .desc .category .tags span{
    margin-right: 5px;
    margin-bottom: 5px;
    padding: 0 10px;
    display: inline-block;
    background: #a1a1a1;
    color: #fff;
    font-size: 14px;
}


.content .tabs{
    margin-top: 50px;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}

.content .tabs .tab{
    position: relative;
    width: 50%;
    background: #f9f9f9;
    border: 5px solid #f0f0f0;
    border-radius: 5px;
    text-align: center;
    font-size: 18px;
    color: #666;
    line-height: 50px;
    cursor: pointer;
}

.content .tabs .tab::after{

    margin-left: -8px;

    position: absolute;

    left: 50%;

    bottom: -16px;

    content: '';

    display: none;

    width: 16px;

    height: 16px;

    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAAXNSR0IArs4c6QAAAMpJREFUOE9jZKAQMFKon2EQGfD582etP3/+iBHjJRYWlle8vLzXQGrhXnj37l0kExPTMmIMYGRkjOTn51+BYgCI8/79+zxGRsaJ+Az5//9/vqCg4CSYGoxAfP/+fTMjI2MNNkMYGRn7+fn5i5DlsMbChw8fZjEwMKSiGTJbQEAgDd1gnNH48ePHTf////cF+5ORcTM/P78fVlfh8u/Hjx+F/v//vwNqgAc/P/87kgwAKf706ZMGiObj47uBy6JBlBKJSUAkhwExhgIALSozEec4ml4AAAAASUVORK5CYII=');

    background-size: 100%;

}

.content .tabs .tab.on, .content .tabs .tab:hover{

    background: #fff;

}

.content .tabs .tab.on::after, .content .tabs .tab:hover::after{display: block;}

.content .tabs .tab:first-child{

    border-right: 0;

    border-top-right-radius: 0;

    border-bottom-right-radius: 0;

}

.content .tabs .tab:last-child{

    border-top-left-radius: 0;

    border-bottom-left-radius: 0;

}



.content .wrap{

    margin-top: 30px;

}

.content .wrap .wrap_item{}

.content .wrap .wrap_item .wrap_head{

    padding-bottom: 10px;

    color: #000;

    font-size: 24px;

    border-bottom: 3px solid #f00;

}

.content .wrap .wrap_item .wrap_content{

    padding: 20px 0;

    font-size: 16px;

    line-height: 30px;

    color: #666;

}

/*.content .wrap .wrap_item .wrap_list{*/
/*    list-style: none;*/
/*}*/
/*.content .wrap .wrap_item .wrap_list li{*/
/*    display: flex;*/
/*    justify-content: flex-start;*/
/*    align-items: center;*/
/*    margin-top: 20px;*/
/*    padding: 20px;*/
/*    border: 1px solid #eee;*/
/*}*/
/*.content .wrap .wrap_item .wrap_list li .img{*/
/*    display: flex;*/
/*    justify-content: center;*/
/*    align-items: center;*/
/*    width: 400px;*/
/*    height: 280px;*/
/*}*/
/*.content .wrap .wrap_item .wrap_list li .img img{*/
/*    display: block;*/
/*    max-width: 400px;*/
/*    max-height: 280px;*/
/*}*/
/*.content .wrap .wrap_item .wrap_list li .oth{*/
/*    margin-left: 20px;*/
/*    width: 580px;*/
/*}*/
/*.content .wrap .wrap_item .wrap_list li .oth .title{*/
/*    line-height: 50px;*/
/*    font-size: 22px;*/
/*    font-weight: bold;*/
/*    color: #000;*/
/*}*/
/*.content .wrap .wrap_item .wrap_list li .oth a{*/
/*    color: #000;*/
/*    text-decoration: none;*/
/*}*/
/*.content .wrap .wrap_item .wrap_list li .oth .oth_desc{*/
/*    max-height: 120px;*/
/*    min-height: 90px;*/
/*    line-height: 30px;*/
/*    font-size: 16px;*/
/*    color: #666;*/
/*    overflow: hidden;*/
/*}*/
/*.content .wrap .wrap_item .wrap_list li .oth .all_btns{*/
/*    margin-top: 10px;*/
/*    display: flex;*/
/*    justify-content: flex-start;*/
/*}*/
/*.content .wrap .wrap_item .wrap_list li .oth .btn_zx{*/
/*    margin-right: 20px;*/
/*    display: block;*/
/*    width: 120px;*/
/*    height: 40px;*/
/*    line-height: 40px;*/
/*    text-align: center;*/
/*    font-size: 16px;*/
/*    color: #666;*/
/*    border: 1px solid #ccc;*/
/*    border-radius: 8px;*/
/*    text-decoration: none;*/
/*}*/

.content .wrap .wrap_item .wrap_list{
    padding-top: 20px;
    padding-bottom: 20px;
    display: flex;
    flex-wrap: wrap;
    list-style: none;
    background: #eee;
}
.content .wrap .wrap_item .wrap_list li{
    margin-bottom: 30px;
    width: 33.33%;
}
.content .wrap .wrap_item .wrap_list li .img{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: auto;
    position: relative;
    width: 280px;
    height: 280px;
    background-size: cover;
    background-position: center center;
    border-radius: 5px;
}
.content .wrap .wrap_item .wrap_list li .img a{
    display: block;
    width: 100%;
    height: 100%;
}

.content .wrap .wrap_item .wrap_list li .img .icons{
    position: absolute;
    top: -4px;
    left: -7px;
}
.content .wrap .wrap_item .wrap_list li .img .icons .new, .content .wrap .wrap_item .wrap_list li .img .icons .new_en,
.content .wrap .wrap_item .wrap_list li .img .icons .technical, .content .wrap .wrap_item .wrap_list li .img .icons .technical_en,
.content .wrap .wrap_item .wrap_list li .img .icons .hot, .content .wrap .wrap_item .wrap_list li .img .icons .hot_en{
    display: inline-block;
    width: 80px;
    height: 80px;
    background-size: cover;
    background-repeat: no-repeat;
}
.content .wrap .wrap_item .wrap_list li .img .icons .new{background-image: url('./new.png')}
.content .wrap .wrap_item .wrap_list li .img .icons .new_en{background-image: url('./new_en.png')}
.content .wrap .wrap_item .wrap_list li .img .icons .technical{background-image: url('./technical.png')}
.content .wrap .wrap_item .wrap_list li .img .icons .technical_en{background-image: url('./technical_en.png')}
.content .wrap .wrap_item .wrap_list li .img .icons .hot{background-image: url('./hot.png')}
.content .wrap .wrap_item .wrap_list li .img .icons .hot_en{background-image: url('./hot_en.png')}


.content .wrap .wrap_item .wrap_list li .img img{
    display: block;
    max-width: 280px;
    max-height: 280px;
    border-radius: 5px;
}
.content .wrap .wrap_item .wrap_list li .title{
    margin: 15px auto auto;
    width: 280px;
    height: 40px;
    line-height: 20px;
    font-size: 16px;
    color: #000;
}
.content .wrap .wrap_item .wrap_list li .title a{
    color: #000;
    text-decoration: none;
}

@media screen and (max-width: 750px) {
    .content{
        margin: 10px auto auto;
        padding: 0;
        width: 92%;
    }
    .content .company{
        font-size: 24px;
    }
    .content .btns{

    }
    .content .desc{
        display: block;
    }
    .content .desc .logo{
        padding: 0;
        width: 100%;
    }
    .content .desc .txt{
        margin-left: 0;
        margin-top: 10px;
        margin-bottom: 10px;
        width: 100%;
    }
    .content .desc .category{
        margin-left: 0;
        width: 100%;
    }
    .content .wrap .wrap_item .wrap_list li{
        display: block;
        padding: 0;
        padding-bottom: 10px;
        border: 0;
        border-bottom: 1px solid #eee;
    }
    .content .wrap .wrap_item .wrap_list li .img{
        width: 100%;
    }
    .content .wrap .wrap_item .wrap_list li .oth{
        margin-left: 0;
        width: 100%;
    }
    .popup .popup_content{
        transform: scale(0.7) translate(-70%, -70%) !important;
    }
}