/*content*/

.content{min-height:365px;background: #F8F8F8;text-align: center;/*overflow: hidden;*/ padding:68px 0;}
.content .channel{margin: 0px 0px 30px;}
.content .title{font-size: 48px;font-family: Source Han Sans CN;font-weight: 500;color: #333333;line-height: 63px;margin: 10px 0px;}
.content .desc{font-size: 22px;font-family: Source Han Sans CN;font-weight: 500;color: #313131;line-height: 53px;margin: 15px;}
.content p{font-size: 16px;font-family: Source Han Sans CN;font-weight: 400;color: #AFAFAF;margin: 25px 0px;}

.content_con{padding: 100px 0px;}
.content_con p{font-size: 18px;font-family: Source Han Sans CN;font-weight: 400;color: #333333;line-height: 40px;margin-bottom:20px;}
.content_con img{margin: 15px auto 10px;width:100%}
.content_con .pictext{text-align: center;font-size: 16px;font-family: Source Han Sans CN;font-weight: bold;color: #333333;line-height: 32px;margin-bottom: 15px;}

.recommend{background: linear-gradient(180deg, #eeeeee 0%, #bebebe 100%);padding-bottom: 90px;}
.recommend .recommend_column{text-align: center;margin: 30px 0px;padding-top:30px;}
.recommend_con{overflow: hidden;}
.recommend_con li{width: 293px;height: 338px;background: #F8F8F8;margin-right: 22px;float: left;}
.recommend_con li:nth-child(4){margin-right: 0px}
.recommend_con li img{width: 293px;height: 197px;}
.recommend_con li .txt{font-size: 20px;font-family: Source Han Sans CN;font-weight: 500;color: #232428;line-height: 29px;margin: 15px;text-overflow: -o-ellipsis-lastline;overflow: hidden;text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2;  line-clamp: 2; -webkit-box-orient: vertical;}
.recommend_con li .line{width: 271px;height: 1px;background: #E8E8E8;}
.recommend_con li .remarks{font-size: 16px;font-family: PingFang SC;font-weight: 400;color: #888888;line-height: 45px;padding: 0px 10px;}

/*zazhi*/
.zzlist{width: 100%; background: #fff; padding: 30px 0 60px; overflow: hidden;}
.zzleft{float: left; width: 438px; height: 582px; position: relative;}
.zzleft .poster{width: 438px; height: 538px;}
.zzleft .poster img{width: 400px; height: 538px; border-radius: 10px; box-shadow: 0px 18px 14px 2px rgb(35 36 40 / 10%);}
.zzleft .qi{width: 84px; height: 84px; border: 1px solid #fff; background: #f42836; border-radius: 42px; position: absolute; left: 50%;margin-left: -42px; bottom: 0; z-index: 2;}
.zzleft .qi p{padding:18px 0; text-align: center; font-size: 18px; line-height: 24px; color: #fff;}
.zzright{float: right; width: 790px;}
.zzright li{height: 99px; line-height: 99px; border-bottom: 1px solid #d5d5d5; font-size: 28px; color: #426a9c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.zzright li a{color: #426a9c;}

/*aboutus*/
 .w1000{width: 1000px; margin: 0 auto;}
      .aboutus{width:100%;background:#fff;padding:40px 0 60px;overflow:hidden}
      .daohang{height: 40px;  margin-bottom: 30px;}
      .daohang .div1{margin: 0 auto;width: 110px;height: 40px;line-height: 40px;text-align: center;background: url(/pic_upload/2022/0725/U773P992T2D8F23DT20220726191540.png) no-repeat;background-size: 100% 100%;font-size: 22px;color: #fff; float: left; margin-right: 60px;}
      .daohang .classify{float: left;}
      .daohang .classify a{height: 40px;line-height: 40px; font-size: 22px; margin-right: 60px; display: inline-block;}
      .daohang .classify a.sel,.daohang .classify a:hover{background:url(/pic_upload/2022/0715/U305P992T2D7F24DT20220720111907.png) no-repeat center bottom;}
      .aboutus .content1 p{font-size: 20px;font-family: Source Han Sans CN;font-weight: 400;color: #333333;line-height: 36px; margin-bottom: 30px;}
      .aboutus .content1 img {margin: 15px auto 30px; text-align: center;}
      .aboutus .ewm{width: 560px; margin: 0 auto;}
      .aboutus .ewm div{width:205px; line-height: 40px;}
      .aboutus .ewm img{margin: 0;}
      .aboutus .ewm p{ font-size: 18px; text-align: center;}
        .yxal-tl{text-align: center; line-height: 40px; margin-top: 50px; padding-bottom: 14px; background: url(/pic_upload/2022/0823/U305P992T2D10F25DT20220825134904.png) no-repeat center bottom;}
        .yxal-tl .en{font-size: 16px;color:#999999;}
        .yxal-tl .cn{font-size: 24px; color: #FF0000;}
        .yxaldiv{clear: both; width: 100%;  margin-top: 40px; font-size: 20px; line-height: 36px; overflow: hidden;}
        .yxaldiv .leftpic{float: left; width:200px;}
        .yxaldiv .leftpic img{ width:200px;height: 270px;border-radius:20px 0px 20px 0px; }
        .yxaldiv .righttxt{float: right; width:720px; }
        .yxaldiv .righttxt h3{font-size: 24px; height: 28px; line-height: 28px; margin: 30px 0;}
        .yxaldiv .lefttxt{float: left; width:720px;}
        .yxaldiv .lefttxt h3{font-size: 24px; height: 28px; line-height: 28px; margin: 30px 0;}
        .yxaldiv .rightpic{float: right; width:200px;}
        .yxaldiv .rightpic img{ width:200px;height: 270px;border-radius:20px 0px 20px 0px;}

        .yxaldiv .leftpic2{float: left; width:384px; height: 270px;}
        .yxaldiv .leftpic2 img{ width:384px;border-radius:20px 0px 20px 0px; }
        .yxaldiv .righttxt2{float: right; width:540px; }
        .yxaldiv .righttxt2 h3{font-size: 24px; height: 28px; line-height: 28px; margin: 30px 0;}
        .yxaldiv .lefttxt2{float: left; width:540px; }
        .yxaldiv .lefttxt2 h3{font-size: 24px; height: 28px; line-height: 28px; margin: 30px 0;}
        .yxaldiv .rightpic2{float: right; width:384px; height: 270px;}
        .yxaldiv .rightpic2 img{ width:384px;border-radius:20px 0px 20px 0px;}

.left.about-us {margin: 128px 0px 0px 115px;}
@media screen and (max-width:960px) {
  .wap-header {margin: 50px 33px;}
  .wap-menu {float: left;margin-top:25px;}
  .logo_div {margin: 0 auto;width: 291px;}
  .wap-search {float: right;margin-top: -50px;}
  .wap-search img {width: 32px;}
  .search-input-wrapper {top: 130px;right: 33px;}
  .wap-nav_div {
    position: absolute;
    background: #F8F8F8;
    left: 0;
    width: 224px;
    z-index:99;
    }
  .wap-nav_div .close {float: right;margin: 10px;}
  .wap-nav_div .close img {width: 22px;}
  .all-col {
    color: #232428;
    font-size: 26px;
    margin: 20px;
    clear: both;
    border-bottom: 1px solid #E1E1E1;
    text-align: center;
    padding-bottom: 20px;}
  .wap-nav_div li {
    font-size: 28px;
    line-height: 80px;
    padding-left: 60px;
  }
  .content {padding: 62px 42px;border-radius: 60px 0px 0px;}
  .w1240 {
    width: auto;
  }
  .content_con {padding: 40px 25px;}
  .w960.content_con {width: auto;}
  .content_con p {font-size: 28px; line-height: 58px;}
  .recommend_con li {width: 250px;margin: 10px;}
  .recommend_con li img {width:100%;height: 187px;}
  .recommend_con li .line {width: auto;}
  .pagebottom .pagebottom_nav .pagebottom_logo {margin: 60px auto 25px;width: 240px;}
  .pagebottom .pagebottom_nav label {padding-left: 30px;font-size: 27px;line-height: 57px;}
  .pagebottom .pagebottom_nav .gzwm {width: 100%;margin-right: 0;}
  .qrcode {margin-left: 30px;}
  .qrcode img {width: 94%;}
  .pagebottom .pagebottom_nav {height: 1340px;}
  .pagebottom .pagebottom_nav label a {font-size: 27px;line-height: 57px;}
  .pagebottom .pagebottom_nav .zzdy {width: 100%;}
  .pagebottom .pagebottom_nav .zzdyimg {margin-left: 30px;width: 89%;height: 300px;}
  .pagebottom .pagebottom_nav .zzdyimg img {width: 97%;height: 287px;margin: 5px;}
  .left.about-us {margin: 0 30px;position: relative;}
  .pagebottom .pagebottom_nav .bottom_nav_title a, 
  .pagebottom .pagebottom_nav .bottom_nav_title span {
    font-size: 27px;line-height: 120px;margin: 0;font-weight: 400;width: 110px;
  }
  .bottom_nav_title {width: 120px;float: left;}
  .bottom_nav_des {width: 120px;float: left;}
  .bottom_nav_des.col1 {
    position: absolute;
    top: 75px;
    left: 0px;
    line-height: 120px;}
  .bottom_nav_des.col2 {
    position: absolute;
    top: 75px;
    left: 190px;
    line-height: 120px;}
  .bottom_nav_des.col3 {
    position: absolute;
    top: 75px;
    left: 360px;
    line-height: 120px;}
  .pagebottom .pagebottom_nav .bottom_nav_des a {font-size: 28px;margin: 0;width: 170px;}
  .pagebottom .pagebottom_nr {height: 80px;font-size: 16px;}
  .pagebottom .pagebottom_nr .left,.pagebottom .pagebottom_nr .right {
    float: none;
    color: #fff;
    margin-left: 30px;
    line-height: 30px;
    padding-top: 5px;
    display: block;
  }
  .pagebottom .pagebottom_nav .bottom_nav_des.col3 a {width:140px;}
}
<!--[992,6,16] published at 2022-11-23 17:43:10 by зову -->