﻿/* 通用样式 */
body { background: #f8f8f8; color:#000; font:14px/1.8em Arial; margin: 0;}
ol,ul { list-style:none;}
h1,h2,h3,h4,h5,h6,p { margin:0;}
input,textarea,select,button,td { font-size:100%;}
a { color:#000; text-decoration:none;}
a:hover { color:#00479d; text-decoration:none;}
img { display:block; }
a,div,p,ul,li,dl,dt,dd,input,span,em,strong,img { -webkit-tap-highlight-color:rgba(0,0,0,0);} 
input,textarea { outline:none;}


a {
    color: #000;
    text-decoration: none;
}
a {
    background-color: transparent;
}
form {
    display: block;
    margin-top: 0em;
}
input {
    line-height: normal;
}
button, input, optgroup, select, textarea {
    color: inherit;
    font: inherit;
    margin: 0;
}

li {
    display: list-item;
    text-align: -webkit-match-parent;
}
ul {
    display: block;
    list-style-type: disc;
    margin-block-start: 1em;
    margin-block-end: 1em;
    margin-inline-start: 0px;
    margin-inline-end: 0px;
    padding-inline-start: 40px;
}

ul, ol {
    padding: 0;
    list-style: none;
}
dl, dd, ul, ol {
    margin: 0;
}

.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.column_wrapper{
    width: 1200px;
    margin: 0 auto;
}
.col_w720{
    width: 720px;
    float: left;
}
.col_w448{
    /* margin-top: 15px; */
    width: 448px;
    float: right;
}
.clear{
    clear: both;
}
/* 通用样式  end*/
/* 标题 */
.md_twentyTH_tem2 .mh_title{
    color: #dc255c;
    font: normal 40px/38px Arial;
    border-left: 13px solid #dc255c;
    padding-left: 20px;
    display: inline-block;
    clear: both;
}
.md_twentyTH_tem2 .mh_title a{
    color: #dc255c;
    display: block;
    padding-left: 20px;
    border-left: 13px solid #dc255c;
    margin-left: -33px;
}
.w720andw448{
    margin-top: 20px;
}
.twentyTH_tem2ind01{
    margin-top: 15px;
}
.twentyTH_tem2ind01 img{
    width: 100%;
    height: auto;
}
.twentyTH_tem2ind02{
    /* margin-top: 15px; */
}
.twentyTH_tem2ind02 .w720Slide{
    width: 720px;
    height: 405px;
}
.twentyTH_tem2ind02 .w720Slide li{
    position: relative;
}
.twentyTH_tem2ind02 .w720Slide li .image img{
    width: 100%;
}
.twentyTH_tem2ind02 .w720Slide li .title{
    font-weight: bold;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0;
    background: url(//p1crires.zhizunsf176.com/photoAlbum/cri/templet/common/DEPA1663897303723890/opacity-60.png);
}
.twentyTH_tem2ind02 .w720Slide li .title a{
    display: block;
    font-size: 18px;
    line-height: 22px;
    height: 44px;
    color: #fff;
    margin: 10px 15px;
    overflow: hidden;
}
.twentyTH_tem2ind02 .w720Slide .swiper-pagination{
    width: auto;
    left: unset;
    right: 8px;
    bottom: 5px;
}
.twentyTH_tem2ind02 .w720Slide .swiper-pagination .swiper-pagination-bullet{
    width: 10px;
    height: 10px;
    background: #fff;
    opacity: 1;
}
.twentyTH_tem2ind02 .w720Slide .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{
    background: #ff4f4f;
}
.twentyTH_tem2con01.noImg .newsListCon li{
    background: unset;
    margin-top: 30px;
}
.twentyTH_tem2con01.noImg .newsListCon li:first-child{
    margin-top: 20px;
}
.twentyTH_tem2con01.noImg .newsListCon li .text{
    height: 42px;
}
.twentyTH_tem2con01 .newsListCon li{
    margin: 20px 0 0;
    background: #f3f3f3;
}
.twentyTH_tem2con01 .newsListCon li .img{
    width: 210px;
    height: 118px;
    float: left;
}
.twentyTH_tem2con01 .newsListCon li .img img{
    width: 100%;
    display: block;
}
.twentyTH_tem2con01 .newsListCon li .text{
    /* margin: 0 0 0 200px; */
    height: 118px;
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    overflow: hidden;
    padding: 0 10px 0 12px;
}
.twentyTH_tem2con01 .newsListCon li .text a{
    max-height: 110px;
    margin-top: 5px;
    overflow: hidden;
    font-weight: normal;
}
.twentyTH_tem2con02{
    margin-top: 25px;
}
.twentyTH_tem2con02 ul li{
    margin-right: 0;
    width: 100%;
    height: auto;
    overflow: hidden;
    background: #f3f3f3;
    margin-top: 0;
    margin-bottom: 20px;
}
.twentyTH_tem2con02 ul li .image{
    float: left;
}
.twentyTH_tem2con02 ul li .image img{
    width: 214px;
    height: 118px;
}
.twentyTH_tem2con02 ul li .text{
    height: 118px;
    /* font-size: 18px;
    line-height: 22px; */

    overflow: hidden;
    padding: 0 10px 0 12px;
}
.twentyTH_tem2con02 ul li .text h3{
    height: 44px;
    font-size: 18px;
    line-height: 22px;
    max-height: 96px;
    overflow: hidden;
}
.twentyTH_tem2con02 ul li .text p{
    font: 12px/17px Arial;
    color: #999;
    padding: 3px 0 0;
    height: 51px;
    overflow: hidden;
}
/* 三列图片标题列表 */
.twentyTH_tem2con03 .photoThreeCon{
    display: flex;
    flex-wrap: wrap;
}
.twentyTH_tem2con03 .photoThreeCon li{
    width: 390px;
    margin: 15px 15px 0 0;
    background-color: #f3f3f3;
    display: inline-block;
}
.twentyTH_tem2con03 .photoThreeCon li:nth-child(3n){
    margin-right: 0;
}
.twentyTH_tem2con03 .photoThreeCon li .image{
    width: 100%;
    height: 219px;
    overflow: hidden;
}
.twentyTH_tem2con03 .photoThreeCon li .image img{
    width: 100%;
    /* transition: transform 1s; */
}
/* .twentyTH_tem2con03 .photoThreeCon li .image img:hover{
    transform: scale(1.1,1.1);
    transition: transform 1s;
} */
.twentyTH_tem2con03 .photoThreeCon li .title{
    padding: 8px;
}
.twentyTH_tem2con03 .photoThreeCon li .title h3{
    font-size: 18px;
    line-height: 22px;
    font-weight: bold;
    max-height: 45px;
    overflow: hidden;
}
@media only screen and (min-width: 240px) and (max-width: 1024px){
    .twentyTH_tem2con01.noImg .newsListCon li .text {
        height: 1.8667rem;
    }
     /* 通用样式 */
     .column_wrapper{
        width: 100%;
    }
    .col_w720{
        width: 100%;
        float: none;
    }
    .col_w448{
        /* margin-top: 15px; */
        width: 100%;
        float: none;
    }
    .md_twentyTH_tem2 .mh_title{
        font: normal 1.0667rem/1.3333rem Arial;
        padding: 0 .4444rem;
        border-left: .5778rem solid #dc255c;
    }
    .md_twentyTH_tem2 .mh_title a{
        padding-left: .8889rem;
        border-left: .5778rem solid #dc255c;
        margin-left: -1.4667rem;
    }
    .twentyTH_tem2ind02{
        margin-bottom: .6667rem;
    }
    .twentyTH_tem2ind02 .w720Slide{
        width: 100%;
        height: 8.9333rem;
    }
    .twentyTH_tem2ind02 .w720Slide li .title a{
        line-height: .8rem;
        height: 1.7778rem;
        font-size: .8rem;
        margin: .4444rem .6667rem;
    }
    .twentyTH_tem2con01 .newsListCon li{
        margin: .8889rem 0 0;
    }
    .twentyTH_tem2con01 .newsListCon li:last-child{
        margin-bottom: .6667rem;
    }
    .twentyTH_tem2con01 .newsListCon li .img{
        width: 5.5111rem;
        height: 3.1111rem;
    }
    .twentyTH_tem2con01 .newsListCon li .text{
        height: 3.1111rem;
        font-size: .7111rem;
        line-height: .9778rem;
        font-weight: bold;
        overflow: hidden;
        padding: 0 .4444rem 0 .5333rem;
    }
    .twentyTH_tem2con02{
        margin-top: .6667rem;
    }
    .twentyTH_tem2con02 ul li{
        margin-bottom: .8889rem;
    }
    .twentyTH_tem2con02 ul li .image img{
        width: 5.5111rem;
        height: 3.1111rem;
    }

    .twentyTH_tem2con02 ul li .text{
        height: 3.1111rem;
        padding: 0 .4444rem 0 .5333rem;
    }
    .twentyTH_tem2con02 ul li .text h3{
        height: 3.1111rem;
        font-size: .7111rem;
        line-height: .9778rem;
        font-weight: bold;
        overflow: hidden;
    }
    .twentyTH_tem2con02 ul li .text p{
        display: none;
    }


     /* 三列图片标题列表 */
     .twentyTH_tem2con03 .photoThreeCon{
        display: unset;
    }
    .twentyTH_tem2con03 .photoThreeCon li{
        width: 100%;
        background: #f3f3f3;
        margin-right: 0;
    }
    .twentyTH_tem2con03 .photoThreeCon li .image{
      float: left;
      width: 5.5111rem;
      height: 3.1111rem;
    }

    .twentyTH_tem2con03 .photoThreeCon li .title{
        height: 3.1111rem;
        font-size: .7111rem;
        line-height: .9778rem;
        font-weight: bold;
        overflow: hidden;
        padding: 0 0.4444rem 0 0.5333rem;
    }
    .twentyTH_tem2con03 .photoThreeCon li .title h3{
        font-size: .7111rem;
        line-height: .9778rem;
        max-height: unset
    }
}