.nav ul li h3 a {
    padding: 0 25px;}

.list-box .first{
width:273px;}

body{
overflow-x:hidden;}

.list2-box .pic{
width:370px;}.pb_sys_common .p_fun_d, .pb_sys_common .p_no_d, .pb_sys_common .p_no_o, .pb_sys_common .p_fun a, .pb_sys_common .p_no a {

    padding: 5px 8px;}
.nav ul li h3 a {
    padding: 0 34.5px;}
.titlestyle275047{ font-size: 9pt; font-family: ����; text-decoration: none ;}
A.c275047 {
font-size: 9pt; font-family: ����; text-decoration: none 
;}
A.c275047:link {
color:;}
A.c275047:visited {
color:;}
A.c275047:active {
color: ;}
A.c275047:hover {
color: ;}

    .photo-box {
        background:
            #202030;
        padding: 80px 0;}

    .photo-box .container {
        overflow: hidden;}

    .photo-box ul {
        max-width: none;
        margin-left: -10px;
        margin-right: -10px;
        position: relative;
        height: 335px;}

    .photo-box ul li {
        width: 25%;
        height: 335px;
        margin-bottom: 20px;
        float: left;
        padding: 0 10px;
        transition: all 0.5s ease-in-out;
        position:
            relative;}

    .photo-box ul li a {
        display: block;
        height: 100%;
        width: calc(200% + 20px);
        background-size: auto 100% !important;
        background-position: left center !important;
        position: relative;
        transition: all 0.3s linear;
        overflow: hidden;}

    .photo-box ul li h5 {
        margin: 0;}

    .photo-box ul li .text {
        
background:url(/news/images/21/mask.png) repeat;
        position: absolute;
        width: 100%;
        height: 100%;
        padding: 0 10px;
        text-align:
            center;
        opacity: 0;
        transition: all 0.5s ease-in-out;}

    .photo-box ul li .text h5 {
        line-height: 335px;
        font-size: 35px;
        color: #ffffff;
        display: inline-block;
        max-width: 80%;
        padding-left: 45px;
        background:
            url(/images/photo.png) no-repeat left center;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;}

    .photo-box ul li:nth-child(4n) a {
        float: right;}


    .mask {
        position: fixed;
        width:
            100%;
        height: 100%;
        top: 0;
        left: 0;
        z-index: 99;
        background: rgba(0, 0, 0, 0.6);
        display: none;}

    .photo-box .slick-dots {
        height: auto;
        text-align: center;
        width: 100%;
        margin: 15px auto auto;}

    .photo-box .slick-dots li {
        float: none;
        width: 10px;
        height: 10px;
        background: #fff;
        border-radius: 100%;
        padding: 0;
        margin: 0 5px;
        display: inline-block;cursor: pointer;}

    .photo-box .slick-dots .slick-active {
        background: #224e7f;}



    /*全局样式 end*/
    @media (min-width: 1430px) {
        .container {
            height: auto;
            /* min-height: 1200px; */
            width: 1200px;}
    }

    @media (min-width: 1025px) {

        /*所有hover写在这里�?兼容sofari的移动端不支持hover*/
        .slick-prev:hover,
        .slick-next:hover {
            opacity: 0.7;}

     

        .photo-box ul li a:hover {
            max-width: 250%;}

        .photo-box ul li a:hover .text {
            opacity: 1;}

   
    }

    @media (max-width: 1430px) {
 
    }

    @media (max-width: 1200px) {

      

        .photo-box ul li {
            height: 250px;}

        .photo-box ul li .text {
            opacity: 1;}

        .photo-box ul li .text h5 {
            font-size: 20px;
            line-height: 250px;}

      
    }

    @media (max-width: 1024px) {
        .footer .code-box dd .code {
            position: fixed;
            top: 50%;
            left: 50%;
            transform: translate(-50%, -50%);
            display: none;
            opacity: 1;
            margin: 0;
            z-index: 100;}
    }

    @media (max-width: 990px) {
      

        .photo-box ul li {
            width: 50%;}

      
    }

    @media (max-width: 640px) {
      
    }

    @media (max-width: 480px) {

        /*修改425以下、普通的安卓手机�*/
        .photo-box ul li {
            width: 100%;}
    }