@charset "utf-8";

/* pc */
@media screen and (max-width:1400px) {
    .center{
        width: 1100px;
    }
    .top_pc .center{
        width: 1100px;
    }
    .index_product .swiper-container-product {
        width: 1100px;
    }
    .youshi .ys .block {
        width: 257px;
    }
    .youshi .ys .block .img{
        width: 257px;
        height: 257px;
    }
    .youshi .ys .block .img img {
        width: 257px;
        height: 257px;
    }
    .youshi .ys .block:hover .img img {
        width: 247px;
        height: 247px;
        top: 5px;
        left: 5px;
    }
    .index_news .youbian a .img img{
        width: 100%;
    }
    .index_news .youbian a {
        height: 380px;
    }
    .index_news .youbian a .p {
        line-height: 50px;
    }
    .index_news .youbian a .text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        transition: all 0.3s ease-in-out;
    }
    .index_news .youbian a .icon .float_l:nth-child(1) {
        width: 106px;
    }
    .foot .foot_top .foot_left {
        margin-right: 30px;
        width: 400px;
    }
    .foot .foot_top .foot_input {
        width: 340px;
        padding: 0 50px 0 50px;
    }
    .foot .foot_bottom .yqlj {
        width: 50%;
    }
    .contact_html .address_bj .float_l {
        padding-bottom: 0px;
        height: 220px;
    }
    .message_html .message .input {
        width: calc(50% - 10px);
    }
    .message_html .message .textarea {
        width: 100%;
    }
    .news_html .first_news .you .text{
        overflow:hidden; 
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:2;
    }
    .news_html .first_news .you .text p{
        overflow:hidden; 
        text-overflow:ellipsis;
        display:-webkit-box; 
        -webkit-box-orient:vertical;
        -webkit-line-clamp:3;
    }
    .news_html .first_news .you {
        width: calc(50% - 80px);
        padding: 0 40px;
    }
    .show_html #bigView{
        left: calc(100% + 60px) !important;
    }
    .show_html .product_text .text .text_bt {
        line-height: 42px;
    }
    .show_html .product_text .button .consultation {
        width: 110px;
        margin-right: 12px;
    }
    .show_html .preview {
        height: 690px;
    }

}
@media screen and (max-width:1200px) {
    .center{
        width: 1024px;
    }
    .top_pc .center{
        width: 1024px;
    }
    .index_product .swiper-container-product {
        width: 1024px;
    }
    .youshi .ys .block {
        width: 238px;
        margin: 0 10px;
    }
    .youshi .ys .block .img {
        width: 238px;
        height: 238px;
    }
    .youshi .ys .block:hover .img img {
        width: 228px;
        height: 228px;
        top: 5px;
        left: 5px;
    }
    .index_about .zuo .text {
        height: 275px;
        overflow: hidden;
    }
    .index_news .youbian a .icon .float_l:nth-child(1) {
        width: 92px;
    }
    .foot .foot_top .foot_input {
        padding: 0 30px 0 30px;
    }
    .foot .foot_top .foot_left {
        margin-right: 20px;
    }
    .about_html .index_about .zuo .text {
        height: auto;
    }
    .contact_html .address_bj .float_l{
        padding: 0 20px;
        margin-left: 70px;
    }
    .address_list {
        margin-left: -70px;
    }
    .news_html .first_news .you .bt {
        padding-top: 15px;
    }
    .news_html .first_news .you {
        width: calc(50% - 70px);
        padding: 0 35px;
    }
    .news_html .first_news .you .button .float_l:nth-child(2) {
        width: 80px;
    }
    .news_html .news_list a .xiangqing .text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
    }
    .show_html #bigView {
        left: calc(100% + 10px) !important;
    }
    .show_html .product_text .product_tj {
        margin-bottom: 4px;
    }
    .show_html .product_text .button .consultation {
        width: 100%;
        margin-bottom: 10px;
    }
















}

/* 手机 */
@media screen and (max-width:1100px) {
    .center {
        width: 100vw;
    }
    .pc_none{
        display: none;
    }
    .page_nr{
        margin-top:0;
    }
    .phone_none{
        display: block;
    }
    .page{
        overflow: hidden;
    }
    .shouji_top{
        background: url("../img/application.png") center top no-repeat;
        /* background-size: 100% 100%; */
        position: relative;
        height: 68px;
        width: 100vw;
    }
    .shouji_top .logo{
        display: block;
        margin: auto;
        padding: 15px 0;
        height: calc(100% - 30px);
        padding-left: 30px;
    }
    .shouji_top img{
        height: 100%;
    }
    .shouji_top a{
        position: absolute;
        top:0;
        left: 0;
        height: 100%;
    }
    .shouji_top a img:nth-child(2){
        display: none;
    }
    .panel{
        background: #FAFAFA;
        overflow-y: auto;
    }
    .list_dl{
        margin-top: 50px;
    }
    .list_dt{
        background: #FAFAFA;
        width: 200px;
        padding: 0 40px 0 20px;
        height: 49px;
        line-height: 49px;
        cursor: pointer;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        position: relative;
        font-size: 16px;
        border-bottom: 1px solid #EBEBEB;
    }
    .list_dl .list_dt:nth-child(1){
        border-top: 1px solid #EBEBEB;
    }
    .list_dt p{
        color: #b7b7b7;
    }
    .list_dt:hover{
        background: #F1F1F1;
    }
    .list_dt:hover ._after{
        display: block;
        width: 3px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #43b649;
    }
    #open{
        background: #F1F1F1;
        color: #4E4E4E;
    }
    #open p{
        color: #4E4E4E;
    }
    #open ._after{
        display: block;
        width: 3px;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        background: #43b649;
    }
    .list_dt_icon{
        position: absolute;
        right: 10px;
        top: 9px;
        display: block;
        width: 16px;
        height: 16px;
        background: url("../images/off.png") no-repeat;
    }
    #open .list_dt_icon{
        background: url("../images/open.png") no-repeat;
    }
    .list_dd{
        display: none;
    }
    .list_li{
        display: block;
        background: #F1F1F1;
        list-style-type: none;
        width: 200px;
        padding: 0 30px;
        height: 40px;
        line-height:40px;
        cursor: pointer;
        border-bottom: 1px solid #EBEBEB;
        font-size: 16px;
        color: #b7b7b7;
    }
    .list_li:hover{
        background: #43b649;
        color: #fff;
    }
    .list_dd{
        display: none;
        margin-left: 0;
    }
    .list_dd ul{
        margin: 0;
        padding-left: 0;
    }
   .banner_phone img{
        width: 100%;
   }
   .banner_phone .swiper-pagination-bullet {
        width: 14px;
        height: 14px;
        margin: 4px;
        background: url("../img/banner_dian2.png") center center no-repeat;
        background-size: 100% 100%;
        opacity: 1;
    }
    .banner_phone .swiper-pagination-bullet-active {
        background: url("../img/banner_dian1.png") center center no-repeat;
        background-size: 100% 100%;
    }
    .position_fixed{
        right: 0px;
        display: none;
    }
    .foot .foot_top{
        display: none;
    }
    .foot .foot_bottom .yqlj{
        display: none;
    }
    .foot .foot_bottom .float_r{
        width: 80%;
        float: unset;
        margin: auto;
        line-height: 26px;
        text-align: center;
    }
    .foot .foot_bottom{
        height: auto;
        border-top: none;
    }
    .foot{
        height: auto;
        padding: 12px 0;
    }
    .banner_phone .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        display: inline-block;
        border-radius: 100%;
        background: #cccccc;
        opacity: 1;
    }
    .banner_phone .swiper-pagination-bullet-active {
        opacity: 1;
        background: #43b649;
    }
    .search_page {
        height: auto;
        padding: 5px 0 10px 0;
    }
    .search_page .p{
        width: calc(100% - 30px);
        float: unset;
        margin: auto;
        margin-bottom: 5px;
        padding-left: 0;
        text-align: center;
    }
    .search_page .input{
        width: calc(100% - 30px);
        float: unset;
        margin: auto;
    }
    .search_page .input input{
        width: calc(100% - 120px);
    }
    .search_page .p {
        height: 30px;
        line-height: 30px;
        font-size: 16px;
        background: none;
    }
    .search_page .p span {
        font-size: 16px;
    }
    .title {
        height: auto;
    }
    .title .float_l .p1 {
        font-size: 22px;
        margin-top: 12px;
        margin-left: 20px;
    }
    .title .float_l .p1 span {
        font-size: 16px;
    }
    .title .float_l .p2 {
        font-size: 14px;
        line-height: 18px;
        margin-left: 20px;
    }
    .title .float_r{
        width: calc(100% - 30px);
        /* float: unset; */
        margin-right: 15px;
        padding: 10px 0;
    }
    .title .float_r a {
        display: block;
        width: calc(33.333% - 4px);
        height: 34px;
        line-height: 32px;
        font-size: 15px;
        margin: 5px 2px 0 2px;
    }
    .index_product .swiper-container-product {
        width: 100%;
    }
    .index_product {
        padding-top: 24px;
        padding-bottom: 0px;
    }
    .index_product .center{
        width: calc(100vw - 30px);
        padding: 0 15px;
    }
    .index_product .swiper-slide a {
        width: calc(50% - 6px);
        margin-bottom: 10px !important;
    }
    .index_product .swiper-slide a:nth-child(even) {
       margin-left: 10px;
       margin-right: 0;
    }
    .index_product .swiper-slide a:nth-child(4){
        display: block;
    }
    .index_product .swiper-button-prev{
        display: none;
    }
    .index_product .swiper-button-next{
        display: none;
    }
    .index_product .swiper-slide a p {
        width: calc(100% - 18px);
        height: 40px;
        line-height: 40px;
        font-size: 15px;
        padding: 0 10px;
    }
    .index_product .swiper-wrapper {
        padding-bottom: 50px;
    }
    .index_product .swiper-pagination-bullet {
        width: 8px;
        height: 8px;
    }
    .index_product .swiper-pagination{
        bottom: 20px;
    }
    .youshi .bt p:nth-child(1) {
        font-size: 22px;
        line-height: 36px;
        padding-top: 18px;
    }
    .youshi .bt p:nth-child(2) {
        font-size: 15px;
        line-height: 28px;
    }
    .youshi .ys{
        width: calc(100vw - 30px);
        padding: 0 15px;
        padding-bottom: 10px;
    }
    .youshi .ys .block {
        width: calc(50% - 8px);
        margin: 0;
        margin-bottom: 20px;
    }
    .youshi .ys .block:nth-child(odd){
        margin-right: 16px;
    }
    .youshi .ys .block .img {
        width: 100%;
        height: auto;
    }
    .youshi .ys .block .img img {
        width: 100%;
        height: auto;
        position: relative;
    }
    .youshi .bt {
        margin-bottom: 30px;
    }
    .youshi .ys .block p {
        font-size: 18px;
        line-height: 40px;
        margin-top: 5px;
    }
    .youshi .ys .block .text {
        font-size: 15px;
        line-height: 26px;
    }
    .youshi {
        height: auto;
        background: url("../img/youshi_bj.png") center center no-repeat;
        background-size: auto 100%;
    }
    .youshi .ys .block:hover .img img{
        width: 100%;
        height: auto;
        top: 0px;
        left: 0px;
    }
    .index_about{
        height: auto;
        width: calc(100vw - 30px);
        padding: 0 15px;
        background: url("../img/about_bj.png") center center no-repeat;
        background-size: auto 100%;
        padding-bottom: 20px;
    }
    .index_about .center {
        width: 100%;
    }
    .index_about .zuo{
        width: 100%;
    }
    .index_about .zuo .bt .p1 {
        font-size: 22px;
        margin-top: 16px;
        margin-left: 0px;
    }
    .index_about .zuo .bt span{
        font-size: 16px;
    }
    .index_about .zuo .bt .p2 {
        font-size: 14px;
        color: #666666;
        line-height: 18px;
    }
    .index_about .zuo .text {
        margin-top: 20px;
        font-size: 15px;
        height: auto;
        line-height: 30px;
    }
    .index_about .zuo .text p {
        font-size: 15px;
        margin-bottom: 5px;
        line-height: 30px;
    }
    .index_about .zuo .more{
        margin: auto;
        height: 38px;
        line-height: 38px;
        font-size: 15px;
    }
    .index_about .you {
        width: 100%;
        max-width: 100%;
        height: 270px;
        margin-top: 28px;
        background: url("../img/index_about_img1.png") center center no-repeat;
        background-size: 100% 100%;
    }
    .index_about .you .tubiao{
        display: none;
    }
    .index_news .first_news {
        position: relative;
        width: 100%;
    }
    .index_news{
        padding: 30px 0 40px 0;
    }
    .index_news .center{
        width: calc(100% - 30px);
        padding: 0 15px;
    }
    .index_news .first_news .text{
        bottom: 0px;
        height: 55px;
        line-height: 55px;
        width: calc(100% - 30px);
        padding: 0 15px;
    }
    .index_news .first_news .text .float_l {
        font-size: 15px;
        width: 55%;
    }
    .index_news .first_news .text .float_r {
        font-size: 15px;
    }
    .index_news .first_news .bt {
        top: 20px;
        left: 20px;
        width: 90px;
        font-size: 15px;
    }
    .index_news .youbian {
        width: 100%;
        margin-top: 20px;
    }
    .index_news .youbian a{
        width: calc(50% - 8px);
        margin-left: 16px;
        height: auto;
        min-height: 230px;
        padding-bottom: 65px;
    }
    .index_news .youbian a:nth-child(odd){
        margin-left: 0;
    }
    .index_news .youbian a .p {
        line-height: 40px;
        font-size: 16px;
        margin-top: 5px;
        width: calc(100% - 10px);
    }
    .index_news .youbian a .text {
        font-size: 15px;
        line-height: 26px;
        width: calc(100% - 10px);
    }   
    .index_news .youbian a .icon {
        bottom: 15px;
    }     
    .index_news .youbian a .icon .float_l:nth-child(1){
        margin-bottom: 10px;
    }
    .index_news .youbian a .img .bt{
        top: 10px;
        left: 10px;
        width: 90px;
        font-size: 15px;
    }
    .banner_pc {
        margin-top: 0px;
    }
    .banner_pc_ny .banner_img {
        height: 180px;
        background-size: 100% 100% !important;
    }
    .banner_pc_ny .banner_img .center .banner_title {
        padding: 0 15px;
        height: 86px;
        top: 40px;
    }
    .banner_pc_ny .banner_img .center .banner_title p:nth-child(1) {
        font-size: 24px;
        line-height: 36px;
        padding-top: 10px;
    }
    .banner_pc_ny .banner_img .center .banner_title p:nth-child(2) {
        font-size: 16px;
        line-height: 32px;
    }
    .banner_pc_ny .banner_img .center .position {
        position: absolute;
        top: 138px;
        right: 12px;
    } 
    .about_html .index_about .zuo .bt .p1 {
        margin-top: 25px;
    }
    .about_html .index_about .zuo2 .bt .p1 {
        margin-top: 15px;
    }
    .about_html .index_about .you {
        margin-top: 0px;
    }
    .about_html .index_about .you2 {
        margin-top: 0px;
        background-size: 100% 100% !important;
    }
    .about_html .team .title .text {
        width: 90%;
        font-size: 15px;
        margin: auto;
        line-height: 30px;
        margin-top: 10px;
        margin-bottom: 10px;
    }
    .about_html .team .title .bt {
        font-size: 24px;
        line-height: 60px;
        padding-top: 10px;
    }
    .about_html .team .title .xian {
        height: 3px;
        width: 50px;
    }
    .about_html .team .tuandui .swiper-slide .float_l img {
        width: 85%;
        height: auto;
    }
    .about_html .team .tuandui .swiper-slide .float_l .p {
        font-size: 18px;
        color: #333333;
        text-align: center;
        line-height: 32px;
    }
    .about_html .team .tuandui .swiper-slide .float_l .text{
        width: 85%;
        font-size: 15px;
        line-height: 27px;
    }
    .about_html .team .tuandui .swiper-slide .float_l{
        min-height: 210px;
        height: auto;
        margin-top: 60px;
        width: calc(50% - 1px);
    }
    .about_html .team .tuandui .swiper-slide .float_l:nth-child(4){
        display: block;
    }
    .about_html .team .tuandui .swiper-slide .float_l:nth-child(even){
        border-left: solid 1px #cccccc;
        border-right: none;
    }
    .about_html .team .tuandui {
        height: auto;
    }
    .about_html .team .tuandui .swiper-slide {
        height: auto;
        padding-bottom: 80px;
    }
    .about_html .team .swiper-pagination-bullet{
        width: 8px;
        height: 8px;
    }
    .about_html .team .swiper-pagination{
        bottom: 20px;
    }
    .about_html .team {
        height: auto;
        /* padding-bottom: 40px; */
    }
    .about_html .corporate_culture .title .bt {
        font-size: 22px;
        color: #333333;
        text-align: center;
        line-height: 40px;
        padding-top: 18px;
    }
    .about_html .corporate_culture .title .text {
        width: 100%;
        font-size: 15px;
        line-height: 30px;
    }
    .about_html .corporate_culture .title {
        padding-bottom: 20px;
    }
    .about_html .corporate_culture .corporate{
        margin-left: 0;
        width: calc(100% - 30px);
        margin: auto;
    }
    .about_html .corporate_culture .corporate .img {
        width: 100%;
        margin-left: 0;
        margin-bottom: 10px;
    }
    .about_html .corporate_culture {
        padding-bottom: 20px;
    }
    .about_html .corporate_culture .corporate .img .bt p:nth-child(1) {
        font-size: 26px;
    }
    .contact_html .message_title {
        padding-top: 20px;
        width: calc(100% - 30px);
        margin: auto;
    }
    .contact_html .message_title p:nth-child(1) {
        font-size: 24px;
        color: #333333;
        line-height: 32px;
    }
    .contact_html .message_title p:nth-child(2) {
        font-size: 15px;
        color: #999999;
        line-height: 30px;
    }
    .contact_html .message_title p:nth-child(3) {
        font-size: 15px;
        color: #4c4c4c;
        line-height: 30px;
    }
    .contact_html .contact p {
        font-size: 24px;
        padding: 0 0 0 30px;
        line-height: 42px;
    }
    .contact_html .contact{
        padding-bottom: 28px;
        padding-top: 20px;
    }
    .contact_html .contact a {
        font-size: 16px;
        width: 120px;
        height: 40px;
        line-height: 40px;
    }
    .contact_html .address_bj {
        height: auto;
        background-size: auto 100%;
    }
    .contact_html .address_bj .address_list{
        margin-left: 0;
        padding-top: 30px;
        padding-bottom: 10px;
    }
    .contact_html .address_bj .float_l {
        width: calc(100% - 70px);
        padding: 0 20px;
        margin-left: 0px;
        float: unset;
        margin: auto;
        margin-bottom: 20px;
        height: auto;
        padding-bottom: 30px;
    }
    .contact_html .address_bj .float_l:hover{
        margin-top: 0;
    }
    .contact_html .address_bj .float_l .h3 {
        line-height: 60px;
        padding-top: 10px;
        font-size: 22px;
    }    
    .ditu {
        height: 300px;
    }
    .message_html .message_title {
        padding-top: 20px;
        width: calc(100% - 30px);
        margin: auto;
        margin-bottom: 25px;
    }
    .message_html .message_title p:nth-child(1) {
        font-size: 24px;
        line-height: 32px;
    }
    .message_html .message_title p:nth-child(2) {
        font-size: 15px;
        line-height: 36px;
    }
    .message_html .message_title p:nth-child(3) {
        font-size: 15px;
        color: #4c4c4c;
        line-height: 26px;
    }
    .message_html .message .input {
        width: calc(100% - 30px);
        float: unset;
        margin: auto;
        margin-bottom: 15px;
    }
    .message_html .message .input input {
        width: calc(100% - 96px);
        height: 60px;
        line-height: 60px;
        font-size: 15px;
    }
    .message_html .message .input p {
        font-size: 15px;
        height: 60px;
        line-height: 60px;
    }
    .message_html .message .input textarea {
        height: 100px;
        padding: 10px 20px;
        font-size: 15px;
    }
    .message_html .message .button{
        width: calc(100% - 30px);
        padding-bottom: 30px;
        margin: auto;
        margin-right: 15px;
    }
    .message_html .message .button a{
        width: calc(50% - 10px) !important;
        height: 55px !important;
        line-height: 55px !important;
    }
    .message_html .message .button button{
        width: calc(50% - 10px) !important;
        height: 55px !important;
        line-height: 55px !important;
    }
    .news_html .fenlei {
        width: calc(100% - 30px);
        margin: auto;
        padding-top: 20px;
        padding-bottom: 20px;
    }
    .fenlei a {
        width: calc(33.333% - 2px);
    }
    .news_html .first_news{
        width: calc(100% - 30px);
        margin: auto;
    }
    .news_html .first_news .zuo {
        width: 100%;
    }
    .news_html .first_news .you {
        width: calc(100% - 30px);
        padding: 0 15px;
    }
    .news_html .first_news .you .bt {
        padding-top: 10px;
        padding-bottom: 8px;
    }
    .news_html .first_news .you .bt p:nth-child(1) {
        font-size: 20px;
        color: #333333;
        line-height: 32px;
    }
    .news_html .first_news .you .bt p:nth-child(2) {
        font-size: 15px;
        line-height: 32px;
    }
    .news_html .first_news .you .text{
        padding-top: 12px;
        font-size: 15px;
        line-height: 26px;
        width: calc(100% - 20px);
        margin: auto;
    }
    .news_html .first_news .you .text p {
        font-size: 15px;
        line-height: 26px;
    }
    .news_html .first_news .you .button {
        padding-top: 0px;
        padding-bottom: 20px;
    }
    .news_html .first_news .you .button a{
        margin: auto;
        margin-top: 20px;
        width: 100%;
    }
    .news_html .first_news .you .button .float_l:nth-child(1) {
        margin-top: 10px;
    }
    .news_html .first_news .you .button .float_l:nth-child(2) {
        margin-top: 10px;
    }
    .news_html .news_list a .time {
        width: 80px;
        display: none;
    }
    .news_html .news_list a .time p:nth-child(1) {
        font-size: 28px;
        line-height: 36px;
    }
    .news_html .news_list a {
        width: calc(100% - 30px);
        padding: 15px;
    }
    .news_html .news_list a .img{
        width: 120px;
        margin-right: 0;
        margin-top: 5px;
    }
    .news_html .news_list a .xiangqing {
        width: calc(100% - 135px);
        /* margin-left: 5px; */
    }
    .news_html .news_list a .xiangqing .bt {
        font-size: 18px;
        color: #333333;
        line-height: 36px;
        height: 36px;
        padding-top: 0px;
    }
    .news_html .news_list a .xiangqing .text {
        padding-top: 4px;
        font-size: 15px;
        color: #666666;
        line-height: 24px;
    }
    .news_html .news_list{
        padding-top: 0;
    }
    .page_turning .jvzhong{
        width: calc(100% - 30px);
    }
    .page_turning .jvzhong a{
        display: none;
    }
    .page_turning .jvzhong p{
        display: none;
    }
    .page_turning .jvzhong .first{
        width: calc(50% - 10px);
        text-align: center;
        text-indent: 0;
        margin-right: 8px;
        margin-left: 0;
        background-image: none !important;
    }
    .page_turning .jvzhong .first img{
        display: none;
    }
    .page_turning .jvzhong .last{
        width: calc(50% - 10px);
        text-align: center;
        text-indent: 0;
        margin-left: 8px;
        margin-right: 0;
        background-image: none !important;
    }
    .page_turning .jvzhong .last img{
        display: none;
    }
    .page_turning {
        padding-top: 0px;
        padding-bottom: 40px;
    }
    .news_html .news_list a .xiangqing .more{
        display: none;
    }
    .news_show_html .news_right{
        display: none;
    }
    .news_show_html .news_left{
        width: calc(100% - 60px);
        padding: 0 15px 35px 15px;
        margin: auto;
        float: unset;
        min-height: auto;
    }
    .news_show_html .center {
        padding-top: 25px;
        padding-bottom: 35px;
    }
    .news_show_html .news_left .bt {
        padding-top: 20px;
        text-align: justify;
    }
    .news_show_html .news_left .bt .p {
        font-size: 22px;
    }
    .news_show_html .news_left .time {
        padding-bottom: 16px;
    }
    .news_show_html .news_left .text{
        font-size: 15px;
        line-height: 30px;
        padding-top: 20px;
        padding-bottom: 25px;
    }
    .news_show_html .news_left .text p {
        font-size: 15px;
        line-height: 30px;
    }
    .news_show_html .news_fy .first{
        width: calc(50% - 10px);
        margin-right: 0;
        background-image: none !important;
        text-align: center;
        text-indent: 0;
    }
    .news_show_html .news_fy .first img{
        display: none;
    }
    .news_show_html .news_fy .last{
        width: calc(50% - 10px);
        margin-left: 0;
        text-align: center;
        text-indent: 0;
        background-image: none !important;
    }
    .news_show_html .news_fy .last img{
        display: none;
    }
    .search_html{
        margin-top: 0;
    }
    .search_html .message_title {
        padding-top: 20px;
        margin-bottom: 15px;
    }
    .search_html .message_title p:nth-child(1) {
        font-size: 22px;
        color: #333333;
        line-height: 32px;
    }
    .search_html .message_title p:nth-child(2) {
        font-size: 15px;
        color: #999999;
        line-height: 30px;
    }
    .search_html .message_title p:nth-child(3) {
        font-size: 15px;
        line-height: 30px;
    }
    .search_html .message_list{
        margin-left: 0;
    }
    .search_html .message_list .block{
        width: calc(100% - 30px);
        float: unset;
        margin: auto;
        margin-top: 10px;
        height: 55px;
    }
    .search_html .message_list .block .p {
        font-size: 15px;
        line-height: 55px;
        height: 55px;
    }
    .search_html .message_list .block .text{
        font-size: 15px;
        line-height: 55px;
        height: 55px;
    }
    .search_html .bt{
        font-size: 17px;
        line-height: 40px;
        margin-bottom: 20px;
        padding-top: 20px;
    }
    .search_html {
        padding-bottom: 36px;
    }
    .fenlei {
        width: calc(100% - 30px);
        margin: auto;
        padding-top: 15px;
        padding-bottom: 5px;
    }
    .product_html .product_list{
        margin-left: 0;
        width: calc(100% - 30px);
        margin: auto;
    }
    .product_html .product_list a{
        width: calc(50% - 8px);
        margin-left: 0px;
        margin-bottom: 15px;
    }
    .product_html .product_list a:nth-child(odd){
        margin-right: 16px;
    }
    .product_html .product_list a p {
        width: calc(100% - 20px);
        padding: 0 10px;
        height: 50px;
        line-height: 50px;
        font-size: 15px;
    }
    .show_html .preview{
        width: calc(100% - 30px);
        margin: auto;
        float: unset;
        height: auto;
        padding-top: 30px;
    }
    .show_html .bigImg {
        width: 100%;
        height: auto;
    }
    .show_html .bigImg #midimg{
        width: 100%;
        height: auto;
    }
    .show_html .product_text {
        width: calc(100% - 30px);
        float: unset;
        margin: auto;
        padding-bottom: 30px;
    }
    .show_html .details .you{
        display: none;
    }
    .show_html .details .zuo {
        width: calc(100% - 30px);
        float: unset;
        margin: auto;
    }
    .show_html #imageMenu {
        height: 80px;
        width: calc(100% - 40px);
    }
    .show_html .scrollbutton.smallImgUp, .scrollbutton.smallImgUp.disabled {
        width: 20px;
        height: 100%;
    }
    .show_html .scrollbutton.smallImgDown, .scrollbutton.smallImgDown.disabled {
        width: 20px;
        height: 100%;
    }
    .show_html #imageMenu li{
        width: 20vw;
        height: 80px;
    }
    .show_html #imageMenu li img{
        width: calc(100% - 12px);
        height: auto;
        margin: auto;
    }
    .show_html #imageMenu #onlickImg img {
        width: calc(100% - 16px);
        height: auto;
        cursor: pointer;
        border: solid 3px #43b649;
    }
    .show_html .smallImg {
        height: 50px;
        padding: 10px 0;
        padding-bottom: 20px;
    }
    .show_html .product_text .name {
        font-size: 20px;
        line-height: 40px;
    }
    .show_html .product_text .leibie {
        font-size: 15px;
        line-height: 24px;
        margin-bottom: 10px;
    }
    .show_html .product_text .text {
        width: calc(100% - 30px);
        padding: 0 15px;
        min-height: auto;
        padding-bottom: 20px;
    }
    .show_html .product_text .text .p p {
        font-size: 15px;
    }
    .show_html .details .zuo .text {
        width: calc(100% - 32px);
        padding: 15px 15px 30px 15px;
        font-size: 15px;
        line-height: 30px;
        min-height: auto;
    }
    .show_html .details .zuo .text p {
        font-size: 15px;
        line-height: 30px;
    }
	.show_html .details .zuo .text img{
		display:block;
		max-width:100%;
	}
    .show_html .details .zuo .bt {
        height: 50px;
        line-height: 50px;
        padding: 0 20px;
        font-size: 16px;
    }
    .show_html .details {
        padding-bottom: 40px;
    }
}