@charset "utf-8";

/*网站主体*/
.main {
    width: 936px;
    height: auto;
    margin: 12px auto 20px auto;
}

/*网站主体-左*/
.mainLeft {
    width: 221px;
    height: auto;
}

/*网站主体-左-公司新闻*/
.companyNews h2 {
    height: 34px;
    background: url(../images/bg/leftSliderBar.jpg) no-repeat;
}

/*网站主体-左-展会信息*/
.exhibition h2 {
    height: 34px;
    background: url(../images/bg/leftSliderBar.jpg) 0 -34px no-repeat;
}

/*网站主体-左-最新产品*/
.newProducts h2 {
    height: 34px;
    background: url(../images/bg/leftSliderBar.jpg) 0 -68px no-repeat;
}

.mainLeft ul {
    width: 170px;
    height: auto;
    margin: 14px 0 0 28px;
}

.mainLeft li {
    height: 24px;
    line-height: 24px;
}

.mainLeft li a:link, .mainLeft li a:visited {
    color: #3d3d3d;
}

.mainLeft li a:hover {
    color: red;
}

.mainLeft .more1, .mainLeft .more2, .mainLeft .more3 {
    width: 170px;
    height: 24px;
    margin: 0 0 15px 28px;
    line-height: 24px;
}

.mainLeft .more1 a:link, .mainLeft .more1 a:visited {
    color: #015e9b;
}

.mainLeft .more2 a:link, .mainLeft .more2 a:visited {
    color: #fd7d00;
}

.mainLeft .more3 a:link, .mainLeft .more3 a:visited {
    color: #5b9004;
}

/*网站主体-左-产品分类*/
.mainLeft dl {
    margin: 9px 0 0 0;
}

.mainLeft .parent {
    width: 221px;
    height: 30px;
    margin-bottom: 3px;
    line-height: 30px;
}

.mainLeft .parent a {
    display: block;
    width: 221px;
    height: 30px;
    text-decoration: none;
    text-indent: 27px;
}

.mainLeft .parent a:link, .mainLeft .parent a:visited {
    background: url(../images/icon/products.jpg) 8px 9px no-repeat #f6f6f6;
    font-size: 15px;
    font-weight: bold;
    color: #000;
}

.mainLeft .parent a:hover {
    background: none;
    background-color: #008cd9;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}

.mainLeft .parent .on:link, .mainLeft .parent .on:visited {
    background: none;
    background-color: #008cd9;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}

.mainLeft .son {
    display: none;
    width: 221px;
    height: 23px;
    margin-bottom: 1px;
    line-height: 23px;
    text-indent: 26px;
    background-color: #ecfad7;
}

.mainLeft .son a {
    display: block;
    width: 221px;
    height: 23px;
    text-decoration: none;
}

.mainLeft .son a:link, .mainLeft .son a:visited {
    color: #5c5a5b;
}

.mainLeft .son a:hover {
    background-color: #ecfad7;
    color: #5c5a5b;
}

.mainLeft .son .on:link, .mainLeft .son .on:visited {
    background-color: #ecfad7;
    color: #5c5a5b;
}

.mainLeft .grandson {
    display: none;
    width: 221px;
    height: 25px;
    line-height: 25px;
    text-indent: 46px;
}

.mainLeft .grandson a:link, .mainLeft .grandson a:visited {
    color: #1278ac;
}

.mainLeft .grandson a:hover {
    text-decoration: none;
    color: red;
}

.mainLeft .grandson .on:link, .mainLeft .grandson .on:visited {
    text-decoration: none;
    color: red;
}

.mainLeft .tparent {
    width: 221px;
    height: 30px;
    margin-bottom: 3px;
    line-height: 30px;
}

.mainLeft .tparent a {
    display: block;
    width: 221px;
    height: 30px;
    text-decoration: none;
    text-indent: 27px;
}

.mainLeft .tparent a:link, .mainLeft .tparent a:visited {
    background: url(../images/icon/products.jpg) 8px 9px no-repeat #f6f6f6;
    font-size: 15px;
    font-weight: bold;
    color: #252525;
}

.mainLeft .tparent a:hover {
    background: none;
    background-color: #008cd9;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}

.mainLeft .tparent .on:link, .mainLeft .tparent .on:visited {
    background: none;
    background-color: #008cd9;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}

.mainLeft .tson {
    width: 221px;
    height: 23px;
    margin-bottom: 1px;
    line-height: 23px;
    text-indent: 26px;
}

.mainLeft .tson a {
    display: block;
    width: 221px;
    height: 23px;
    text-decoration: none;
}

.mainLeft .tson a:link, .mainLeft .tson a:visited {
    color: #5c5a5b;
}

.mainLeft .tson a:hover {
    background-color: #ecfad7;
    color: #5c5a5b;
}

.mainLeft .tson .on:link, .mainLeft .tson .on:visited {
    background-color: #ecfad7;
    color: #5c5a5b;
}

/*网站主体-右*/
.mainRight {
    width: 661px;
    height: auto;
    margin: 0 0 0 54px;
}

.mainRight .sliderBar {
    height: 45px;
    line-height: 40px;
    border-bottom: 1px solid #dbdbdb;
    padding: 0 6px;
    box-sizing: border-box;
}

.mainRight .sliderBar .cn {
    font-size: 20px;
    color: #8dc442;
}

.mainRight .sliderBar .en {
    margin-left: 10px;
    font-size: 16px;
    color: #666;
    font-style: italic;
}

.rightContent {
    width: 644px;
    height: auto;
    margin: 18px 0 0 16px;
}

/*网站主体-右-发表留言*/
.feedback {
    width: 619px;
    height: 651px;
    margin: 18px 0 0 20px;
    background: url(../images/bg/feedbackBg.png) no-repeat #fff;
}

.feedback ul {
    width: 369px;
    height: 610px;
    margin: 43px 0 0 126px;
    background: url(../images/bg/feedbackBg2.png) no-repeat #fff;
}

.feedback .li1 {
    width: 369px;
    height: 39px;
    margin-top: 30px;
}

.feedback .li1 input {
    width: 362px;
    height: 37px;
    margin: 1px 0 0 3px;
    background: none;
    border: 0;
    line-height: 37px;
    color: #676767;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 12px;
}


.feedback .li2 {
    width: 369px;
    height: 39px;
    margin-top: 54px;
}

.feedback .li2 input {
    width: 362px;
    height: 37px;
    margin: 1px 0 0 3px;
    background: none;
    border: 0;
    line-height: 37px;
    color: #676767;
}

.feedback .li3 {
    width: 369px;
    height: 39px;
    margin-top: 57px;
}

.feedback .li3 input {
    width: 362px;
    height: 37px;
    margin: 1px 0 0 3px;
    background: none;
    border: 0;
    line-height: 37px;
    color: #676767;
}

.feedback .li4 {
    width: 369px;
    height: 168px;
    margin-top: 56px;
}

.feedback .li4 textarea {
    width: 360px;
    height: 166px;
    margin: 1px 0 0 5px;
    background: none;
    border: 0;
    color: #676767;
    overflow-y: auto;
}

.feedback .li1 input, .feedback .li2 input, .feedback .li3 input, .feedback .li4 textarea {
    font-size: 12px !important;
    padding: 0 10px !important;
}

.feedback .li4 textarea {
    padding: 5px !important;
}

.feedback .li1 input::placeholder, .feedback .li2 input::placeholder, .feedback .li3 input::placeholder, .feedback .li4 textarea::placeholder {
    color: #3d3d3d;
    opacity: 1;
}

.feedback .li5 {
    width: 369px;
    height: 32px;
    margin-top: 27px;
}

.feedback .btnSubmit, .feedback .btnClear {
    width: 93px;
    height: 32px;
    background: url(../images/btn/feedback.jpg) no-repeat;
    border: 0;
    cursor: pointer;
}

.feedback .btnSubmit {
    margin-left: 30px;
    background-position: 0 0;
}

.feedback .btnClear {
    margin-left: 123px;
    background-position: -93px 0;
}

/*网站主体-右-网上留言*/
.gbooklist {
    width: 631px;
    height: auto;
    margin: 17px 0 0 19px;
}

.gbooklist .gtop {
    width: 628px;
    height: 26px;
    background: url(../images/icon/gbook.jpg) 12px 5px no-repeat #f7f7f7;
    border: 1px solid #ddd;
    line-height: 28px;
    text-indent: 37px;
    color: #606060;
}

.gbooklist .gtop h1 {
    width: 446px;
}

.gbooklist .gtop h2 {
    width: 180px;
}

.gbooklist h2 {
    margin: 10px 0 10px 15px;
    height: 24px;
    line-height: 24px;
    color: #303030;
}

.gbooklist h2 b {
    font-size: 15px;
    font-weight: bold;
    color: #ff8005;
}

.gbooklist h3 {
    width: 516px;
    height: 31px;
    margin: 10px 0 10px 58px;
    background-color: #e9fec6;
    border: 1px solid #e9fec6;
    height: 31px;
    line-height: 31px;
    text-indent: 11px;
    color: #302f2d;
}

.gbooklist h3 b {
    font-size: 15px;
    font-weight: bold;
    color: #545454;
}

.gbooklist h4 {
    height: 24px;
    margin: 5px 0 10px 354px;
    height: 31px;
    line-height: 24px;
    color: #606060;
}

.addbook {
    display: block;
    width: 71px;
    height: 29px;
    margin-left: 525px;
    background-color: #ff850a;
    text-align: center;
    line-height: 29px;
}

.addbook:link, .addbook:visited, .addbook:hover {
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

/*网站主体-右-新闻列表*/
.newslist {
    width: 641px;
    height: auto;
}

.newslist li {
    width: 641px;
    height: 146px;
    margin: 3px 0 0 19px;
    background: url(../images/line/news.jpg) left bottom repeat-x;
}

.newslist li img {
    width: 181px;
    height: 71px;
    margin: 43px 16px 0 0;
}

.newslist li .wz {
    width: 438px;
    height: auto;
    margin: 40px 0 0 0;
}

.newslist li .wz h2 {
    height: 25px;
    background: url(../images/icon/news.jpg) 2px 9px no-repeat;
    line-height: 25px;
    text-indent: 17px;
}

.newslist li .wz h2 a:link, .newslist li .wz h2 a:visited, .newslist li .wz h2 a:hover {
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: #ff7f00;
}

.newslist li p:not(.img) {
    position: relative;
    z-index: 0;
    width: 430px;
    height: 48px;
    margin-top: 5px;
    line-height: 24px;
    color: #505050;
}

.newslist li .more {
    position: absolute;
    bottom: 0;
    right: 10px;
}

.newslist li .more:link, .newslist li .more:visited {
    color: #01568c;
}

.exPic {
    width: 558px;
    height: 196px;
    margin: 14px 0 0 51px;
}

.exTitle1 {
    width: 558px;
    height: 30px;
    margin: 15px 0 0 51px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #7bba0b;
}

.exTitle2 {
    width: 558px;
    height: 30px;
    margin: 15px 0 0 51px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #fe830a;
}

.exContent {
    width: 558px;
    height: auto;
    margin: 5px 0 0 51px;
    line-height: 30px;
    color: #525252;
}

.newsPic {
    margin: 14px 0 0 23px;
}

.newsTitle {
    width: 613px;
    height: 30px;
    margin: 15px 0 0 23px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #fd8000;
}

.newsTitle2 {
    width: 613px;
    height: 30px;
    margin: 15px 0 0 23px;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #5f9604;
}

.newsContent {
    width: 613px;
    height: auto;
    margin: 5px 0 0 23px;
    line-height: 30px;
    color: #525252;
}

.stitle {
    width: 641px;
    height: 40px;
    margin: 15px 0 0 11px;
    text-align: center;
    line-height: 40px;
    font-size: 20px;
    font-weight: bold;
    color: #feba00;
}

.stp {
    width: 641px;
    height: 185px;
    margin: 5px 0 0 11px;
    background: url(../images/bg/studyBg.png) no-repeat #fff;
}

.stp img {
    width: 620px;
    height: 161px;
    margin: 12px 0 0 10px;
}

.studyTitle {
    width: 558px;
    height: 30px;
    margin: 15px 0 0 12px;
    text-align: center;
    line-height: 30px;
    font-size: 16px;
    font-weight: bold;
    color: #7bba0b;
}

/*网站主体-右-展会信息分类*/
.exhibitionSort {
    height: auto;
    margin: 29px 0 0 19px;
    background: url(../images/line/news.jpg) left bottom repeat-x;
}

.exhibitionSort ul {
    width: 618px;
    margin-left: 26px;
}

.exhibitionSort li {
    float: left;
    display: inline;
    width: 63px;
    height: 50px;
    margin: 0 40px 0 0;
    background: url(../images/bg/exhibition.jpg) -63px 0 no-repeat;
    text-align: center;
    line-height: 28px;
}

.exhibitionSort li.on {
    background: url(../images/bg/exhibition.jpg) no-repeat;
}

.exhibitionSort li a:link, .exhibitionSort li a:visited, .exhibitionSort li a:hover {
    display: block;
    width: 63px;
    height: 50px;
    text-decoration: none;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

/*网站主体-右-展会信息列表*/
.exhibitionlist {
    width: 641px;
    height: auto;
}

.exhibitionlist li {
    float: left;
    display: inline;
    width: 265px;
    height: 246px;
    margin: 24px 0 0 46px;
}

.exhibitionlist li .tp {
    width: 256px;
    height: 121px;
    background: url(../images/bg/exhibitionImg.jpg) no-repeat;
}

.exhibitionlist li img {
    width: 254px;
    height: 119px;
    margin: 1px;
}

.exhibitionlist li .wz {
    width: 254px;
    height: auto;
    margin: 16px 0 0 0;
}

.exhibitionlist li .wz h1 {
    height: 25px;
    line-height: 25px;
    text-indent: 5px;
}

.exhibitionlist li a {
    text-decoration: none;
}

.exhibitionlist li .wz h2, .exhibitionlist li .wz h2 a:visited, .exhibitionlist li .wz h2 a:hover {
    text-decoration: none;
    font-size: 13px;
    font-weight: bold;
    color: #ff7f00;
}

.exhibitionlist li p {
    position: relative;
    z-index: 0;
    width: 245px;
    height: 56px;
    margin: 5px 0 0 8px;
    line-height: 28px;
    color: #000;
}

.exhibitionlist li .more {
    position: absolute;
    bottom: 0;
    right: 10px;
}

.exhibitionlist li .more:link, .exhibitionlist li .more:visited {
    color: #0091e0;
}

/*网站主体-右-产品列表*/
.productslist {
    width: 672px;
    height: auto;
    margin: 12px 0 0 0;
}

.productslist li {
    float: left;
    display: inline;
    width: 335px;
    height: 165px;
    margin: 0 1px 0 0;
}

.productslist li img {
    width: 85px;
    height: 121px;
    margin: 21px 0 0 6px;
}

.productslist li .wz {
    width: 194px;
    height: 121px;
    margin: 21px 0 0 19px;
}

.productslist li .wz h2.title {
    height: 25px;
    margin-top: 15px;
    line-height: 25px;
    text-indent: 5px;
}

.productslist li .wz h2.title {
    text-decoration: none;
    font-size: 15px;
    font-weight: bold;
    color: #ff7f00;
}

.productslist li .p {
    position: relative;
    z-index: 0;
    display: block;
    height: 48px;
    margin: 5px 0 0 0;
    line-height: 24px;
    color: #000;
}

.productslist li h2.more {
    width: 194px;
    height: 24px;
    line-height: 24px;
    text-indent: 1px;
}

.productslist li a:link, .productslist li a:visited {
    font-weight: bold;
    color: #000;
}

/*网站主体-右-产品详细*/
.cpPic {
    width: 140px;
    height: 197px;
    margin: 28px 0 0 27px;
}

.cpsj {
    width: 309px;
    height: 240px;
    margin: 19px 0 0 62px;
}

.cpsj li {
    height: 24px;
    line-height: 24px;
    color: #464646;
}

.cpsj .first {
    height: 36px;
    line-height: 36px;
    font-size: 22px;
    font-weight: bold;
    color: #005095;
}

.pNav {
    width: 658px;
    height: 29px;
    margin: 12px 0 0 3px;
    border-bottom: 1px solid #e3e3e3;
    line-height: 29px;
}

.pNav .off {
    float: left;
    display: inline;
    width: 93px;
    height: 29px;
    margin-right: 6px;
    text-align: center;
    line-height: 29px;
    cursor: pointer;
}

.pNav .on {
    float: left;
    display: inline;
    width: 93px;
    height: 29px;
    margin-right: 6px;
    text-align: center;
    line-height: 29px;
    cursor: pointer;
    background: url(../images/bg/productsDetailNav.jpg) no-repeat;
    font-size: 14px;
    font-weight: bold;
    color: #fff;
}

.pNr {
    display: none;
    width: 656px;
    height: auto;
    margin: 16px 0 0 0;
    line-height: 23px;
}

.pNr ul {
    padding-left: 15px;
    list-style: inside;
}

.cs1 {
    width: 656px;
    height: 28px;
}

.cs1 li {
    height: 28px;
    background-color: #259fe0;
    text-align: center;
    line-height: 28px;
    font-size: 13px;
    font-weight: bold;
    color: #fff;
}

.cs11 {
    width: 156px;
    margin-right: 2px;
}

.cs12 {
    width: 233px;
    margin-right: 2px;
}

.cs13 {
    width: 118px;
    margin-right: 2px;
}

.cs14 {
    width: 143px;
    margin-right: 0;
}

.cs2 {
    width: 656px;
    height: 28px;
}

.cs2 li {
    height: 28px;
    margin-top: 2px;
    text-align: center;
    line-height: 28px;
    font-size: 12px;
    color: #028bd9;
}

.td1 li {
    background-color: #dff4bb;
}

.td2 li {
    background-color: #eee;
}

.cs21 {
    width: 156px;
    margin-right: 2px;
}

.cs22 {
    width: 233px;
    margin-right: 2px;
}

.cs23 {
    width: 118px;
    margin-right: 2px;
}

.cs24 {
    width: 143px;
    margin-right: 0;
}

.xz1 {
    width: 656px;
    height: 28px;
}

.xz1 li {
    height: 28px;
    background-color: #eee;
    text-align: center;
    line-height: 28px;
    font-size: 13px;
    font-weight: bold;
    color: #323232;
}

.xz11 {
    width: 132px;
    margin-right: 2px;
}

.xz12 {
    width: 198px;
    margin-right: 2px;
}

.xz13 {
    width: 130px;
    margin-right: 2px;
}

.xz14 {
    width: 190px;
    margin-right: 0;
}

.xz2 {
    width: 656px;
    height: 47px;
}

.xz2 li {
    height: 44px;
    margin-top: 2px;
    background-color: #fff;
    border-bottom: 1px solid #a7dc4c;
    text-align: center;
    line-height: 44px;
    font-size: 12px;
    color: #333;
}

.xz21 {
    width: 132px;
    margin-right: 2px;
}

.xz22 {
    width: 198px;
    margin-right: 2px;
}

.xz23 {
    width: 130px;
    margin-right: 2px;
}

.xz24 {
    width: 190px;
    margin-right: 0;
}

/*网站主体-右-技术培训列表*/
.teclist {
    width: 637px;
    height: auto;
    margin: 23px 0 0 15px;
}

.teclist li {
    width: 637px;
    height: 126px;
}

.teclist li h2 {
    height: 23px;
}

.teclist li h2 {
    display: block;
    width: 637px;
    height: 23px;
    background: url(../images/bg/tec.jpg) no-repeat;
    line-height: 22px;
    text-decoration: none;
    text-indent: 38px;
}

.teclist li h2 a:link, .teclist li h2 a:visited {
    font-size: 15px;
    font-weight: bold;
    color: #ff7f00;
}

.teclist li h2 a:hover {
    background-position: 0 -23px;
    font-size: 15px;
    font-weight: bold;
    color: #fff;
}

.teclist li img {
    width: 83px;
    height: 59px;
    margin: 16px 16px 0 32px;
}

.teclist li p {
    width: 490px;
    height: 48px;
    margin: 22px 0 0 14px;
    line-height: 24px;
    color: #505050;
}

.teclist li .more:link, .teclist li .more:visited {
    color: #738732;
}

@media (max-width: 768px) {
    .main {
        width: 100%;
        margin: 0;
        padding: .3rem 2%;
    }

    .mainLeft, .mainRight {
        width: 100%;
        margin-left: 0;
        margin-right: 0;
    }

    .rightContent {
        width: 100%;
        margin: .2rem 0;
    }

    .mainLeft ul {
        width: 100%;
        margin: .2rem 0;
    }

    .mainLeft .parent, .mainLeft .parent a, .mainLeft .son, .mainLeft .grandson, .mainLeft .tparent, .mainLeft .tson, .mainLeft .tparent a, .mainLeft .tson a {
        width: 100%;
    }

    .productslist {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .productslist li {
        width: 100%;
        height: auto;
        display: flex;
    }

    .productslist li .wz {
        width: calc(100% - 100px);
    }

    .feedback {
        width: 96%;
        height: auto;
        background: none !important;
        border: 1px solid #ccc;
        border-radius: .2rem;
        margin: .3rem 2%;
    }

    .feedback ul {
        width: 100%;
        height: auto;
        margin: 0;
        padding: .3rem;
        overflow: hidden;
    }

    .feedback li {
        margin-bottom: .2rem !important;
    }

    .feedback .li1, .feedback .li1 input, .feedback .li2, .feedback .li3, .feedback .li4 {
        width: 100%;
        margin: 0;
    }

    .feedback ul {
        background: none;
    }

    .feedback .li1 input, .feedback .li2 input, .feedback .li2 input, .feedback .li3 input, .feedback .li4 textarea {
        width: 100%;
        padding: 0 2%;
        border: 1px solid #ccc;
        border-radius: 5px;
        margin: 0;
    }

    .feedback .li4 textarea {
        padding: .2rem;
    }

    .feedback .btnSubmit {
        margin-left: 0;
    }

    .exhibitionSort {
        margin: .3rem 0;
    }

    .exhibitionSort ul {
        width: 100%;
        margin-right: 0;
        margin-left: 0;
    }

    .exhibitionSort li:nth-child(4n) {
        margin-right: 0;
    }

    .exhibitionlist {
        width: 100%;
        display: flex;
        flex-direction: column;
    }

    .exhibitionlist li {
        width: 100%;
        height: auto;
        margin: 0 0 .2rem 0;
    }

    .exhibitionlist li .tp {
        width: 100%;
        height: auto;
        background: none;
    }

    .exhibitionlist li img {
        width: 100%;
        height: auto;
    }

    .exPic {
        width: 100%;
        height: auto;
    }

    .exTitle1, .exContent, .exTitle2 {
        width: 100%;
        margin: 0 0 .3rem 0;
    }

    .cpWrap {
        text-align: center;
        width: 100%;
    }

    .cpPic {
        float: none;
        width: auto;
        max-width: 100%;
        margin: .3rem auto;
        height: auto;
    }

    .cpsj {
        width: 100%;
        height: auto;
        margin: .3rem 0;
    }

    .pNav, .pNr {
        width: 100%;
    }

    .pNr table {
        width: 100% !important;
    }

    .pNr table img {
        max-width: 30vw !important;
        height: auto !important;
    }

    .pNr .cs1, .pNr .xz1 {
        display: none;
    }

    .pNr .td1, .pNr .td2 {
        display: flex;
        flex-direction: column;
        margin-bottom: .2rem;
    }

    .cs2 {
        width: 100%;
        height: auto;
    }

    .pNr .td1 li, .pNr .td2 li, .pNr .xz2 li {
        width: 100%;
        padding: 0 2%;
        text-align: left;
        display: flex;
    }

    .exhibitionlist li p, .exhibitionlist li .wz {
        width: 100%;
        margin-left: 0;
    }

    .teclist {
        width: 100%;
    }

    .teclist li p {
        width: 100%;
        margin-left: 0;
    }

    .newsContent {
        width: 100%;
        margin-left: 0;
    }

    .newsContent table {
        max-width: 100% !important;
        height: auto !important;
    }

    .teclist li {
        width: 100%;
        height: auto;
    }

    .teclist li img {
        margin-left: 0;
    }

    .teclist li p {
        margin-left: 0;
        flex: 1;
        height: auto;
    }

    .teclist li .l {
        display: flex;
        justify-content: space-between;
        align-items: center;
    }

    .newslist {
        width: 100%;
    }

    .newslist li {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: auto;
        border-bottom: 1px solid #ccc;
        margin: 0;
        padding: .2rem;
        align-items: center;
    }

    .newslist li .img {
        width: 40%;
    }

    .newslist li .img img {
        width: 100%;
        margin: 0;
        height: auto;
    }

    .newslist li .wz {
        width: 56%;
        margin: 0;
    }

    .newslist li p {
        height: auto;
        width: 100%;
    }

    .exhibitionSort ul {
        display: flex;
        flex-wrap: wrap;
    }

    .exhibitionSort li {
        width: calc((100% - .6rem) / 3);
        margin-right: .3rem;
        margin-bottom: .3rem;
        background: none !important;
        height: auto !important;
    }

    .exhibitionSort li:nth-child(3n) {
        margin-right: 0;
    }

    .exhibitionSort li a {
        width: 100% !important;
        background: #afadae !important;
        line-height: .8rem !important;
        height: .8rem !important;
        display: block;
        border-radius: .1rem;
    }

    .exhibitionSort li.on a {
        background: #0c659f !important;
    }

    .exhibitionSort li:nth-child(4n) {
        margin-right: .3rem;
    }

    .productslist li {
        border-bottom: 1px solid #ccc;
        padding: .2rem;
        justify-content: space-between;
    }

    .productslist li .p {
        height: auto;
    }

    .productslist li img {
        height: auto;
        margin: 0;
    }

    .productslist li .wz {
        margin: 0;
    }

    .product .mainLeft {
        display: none;
    }

    .stitle {
        width: 100%;
        height: auto;
        line-height: 180%;
        font-size: .3rem;
        margin: .2rem 0;
    }

    .newsContent img {
        max-width: 100% !important;
        height: auto !important;
    }

    .productslist li .wz {
        height: auto;
        margin-left: 10px;
    }

    .newslist li p:not(.img) {
        width: 100%;
        height: 1rem;
        line-height: .5rem;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
    }

    .newslist li .more {
        position: static;
    }

    .fenye ul {
        flex-wrap: wrap;
    }

}