@charset "utf-8";
.banner-box{margin-top: 160px;}
@media screen and (max-width: 1040px){
.banner-box{margin-top: 0px;}
}
        /* 氓藛鈥犆┞÷� */
        
        .pagination {
            text-align: center;
            font-size: 0;
            padding-top: 80px;
        }
        
        .pagination a {
            display: inline-block;
            border: 1px solid #dcdcdc;
            padding: 0 12px;
            height: 35px;
            font-size: 14px;
            line-height: 35px;
            text-align: center;
            color: #666;
            margin: 0 7px;
        }
        
        .pagination a.active {
            background: #a30a09;
            color: #fff;
            border: 1px solid #a30a09;
        }
        
        .pagination a:hover {
            background: #a30a09;
            color: #fff;
            border: 1px solid #a30a09;
        }
        
        .pagination span {
            display: inline-block;
            font-size: 14px;
        }
        
        .banner img {
            display: block;
            width: 100%;
        }
        
        .ny-main {
            margin-bottom: 30px;
        }
        
        .ny-main>div {
            position: relative;
            border-top: 3px solid #bd3831;
            margin-top: -20px;
            background-color: #fff;
            padding: 30px 0 50px 30px;
            box-shadow: 0 0 5px #dbd8d8;
            overflow: hidden;
        }
        
        .ny-left {
            width: 265px;
            float: left;
        }
        
        .ny-left ul li.active>ul {
            display: block;
        }
        
        .ny-left>h4 {
            font-weight: normal;
            padding-left: 90px;
            position: relative;
            padding-bottom: 10px;
            border-bottom: 1px solid #eaeaea;
        }
        
        .ny-left>h4 em {
            font-size: 60px;
            color: #c9010d;
            position: absolute;
            left: 50px;
            top: -29px;
        }
        
        .ny-left>h4 p {
            font-size: 18px;
            color: #333;
            line-height: 18px;
        }
        
        .ny-left>h4 span {
            font-size: 12px;
            color: #999999;
            text-transform: uppercase;
        }
        
        .ny-left>h4 i {
            position: absolute;
            top: 5px;
            right: 0;
            width: 48px;
            height: 48px;
            background: url(../image/ny-icon3.png);
            background-repeat: no-repeat;
            background-position: center center;
            display: none;
        }
        
        .ny-left>ul {
            padding-bottom: 300px;
            background: url("../image/sub-nav.png") no-repeat bottom center;
        }
        
        .ny-left>ul>li {
            line-height: 46px;
            position: relative;
            padding-left: 40px;
            border-bottom: 1px dashed #cccccc;
            transition: all .3s;
        }
        
        .ny-left>ul>li>a {
            display: block;
            font-size: 15px;
            color: #333;
            position: relative;
            padding-left: 30px;
            padding-right: 40px;
            background: url(../image/ny-left-icon.png) no-repeat left center;
            white-space: nowrap;
            text-overflow: ellipsis;
        }
        
        .ny-left>ul>li>a:after {
            content: '';
            position: absolute;
            left: 0;
            top: 50%;
            width: 5px;
            height: 20px;
            background: #941100;
            border-radius: 50px;
            transform: translateY(-50%);
        }
        
        .ny-left>ul>li>span {
            position: absolute;
            right: 0;
            top: 0;
            width: 40px;
            height: 46px;
            background: url("../image/ny-iconi.png") no-repeat left center;
            cursor: pointer;
        }
        
        .ny-left>ul>li>a:before {
            content: '';
            position: absolute;
            left: -7px;
            bottom: 0;
            border: 7px solid transparent;
            border-bottom-color: #fff;
            display: none;
        }
        .ny-left>ul>li:hover{background: #bb010e;}
.ny-left>ul>li:hover>a{color: #fff;
    background: url(../image/ny-left-icon-other.png) no-repeat left center;}
        .ny-left>ul>li>ul {
            background: #fff;
            padding: 10px;
            padding-left: 60px;
            margin-left: -40px;
            display: none;
        }
        
        .ny-left>ul>li>ul>li {
            line-height: 36px;
            position: relative;
        }
        
        .ny-left>ul>li>ul>li>a {
            display: block;
            font-size: 12px;
            line-height: 32px;
            padding-left: 20px;
            color: #666;
        }
        
        .ny-left>ul>li>ul>li:hover>a {
            color: #b20603;
        }
        
        .ny-left>ul>li>ul>li span {
            position: absolute;
            left: -10px;
            top: 0;
            display: block;
            color: #666666;
            cursor: pointer;
        }
        
        .ny-left>ul>li>ul>li:hover {
            color: #b20603;
        }
        
        .ny-left>ul>li>ul>li:hover span {
            color: #b20603;
        }
        
        .ny-left>ul>li.on {
            background: #bb010e;
        }
        
        .ny-left>ul>li.on>a {
            color: #fff;
            background: url(../image/ny-left-icon-other.png) no-repeat left center;
        }
        
        .ny-left>ul>li.on>span {
            background: url("../image/ny-iconi-on.png") no-repeat left center;
        }
        
        .ny-left>ul>li>a:after {
            display: none;
        }
        
        .ny-right {
            overflow: hidden;
            padding-left: 40px;
        }
        
        .ny-tit>h4 {
            display: inline-block;
            font-size: 18px;
            line-height: 1;
            color: #333;
            font-weight: normal;
        }
        
        .ny-tit>h4 span {
            font-size: 12px;
            color: #999999;
            text-transform: uppercase;
        }
        
        .ny-tit>div {
            float: right;
            font-size: 14px;
            line-height: 28px;
            color: #888888;
        }
        
        .ny-tit>div img,
        .ny-tit>div span,
        .ny-tit>div a {
            display: inline-block;
            vertical-align: middle;
        }
        
        .ny-tit {
            padding-top: 8px;
            padding-bottom: 20px;
            border-bottom: 1px solid #eaeaea;
            margin-right: 20px;
        }
        
        .list>ul>li>a {
            display: block;
            overflow: hidden;
            transition: all .3s;
        }
        
        .list>ul>li .tm {
            float: left;
            width: 78px;
            padding: 20px 0 20px 12px;
            box-sizing: border-box;
            background-color: #f6f6f6;
        }
        
        .list>ul>li:hover .tm{
            background-color: #bb010e;
        }
        
        .list>ul>li .tm span {
            display: block;
            font-size: 14px;
            line-height: 1;
            color: #333;
        }
        
        .list>ul>li .tm span:first-child {
            font-size: 18px;
            color: #333;
            font-weight: bold;
            margin-bottom: 9px;
        }
        
        .list>ul>li .list-text {
            overflow: hidden;
            padding-left: 30px;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .list-text h2 {
            font-size: 18px;
            color: #333;
            margin-top: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .list-text p {
            font-size: 14px;
            color: #999999;
            margin-top: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .list>ul>li {
            border-bottom: 1px dashed #bababa;
            transition: all .3s;
            padding: 25px 0;
        }
        
        .list>ul>li:hover h2 {
            font-weight: bold;
            color: #b20603;
        }
        
        .list>ul>li:hover .tm span {
            color: #fff;
        }
        
        .list {
            margin-top: 10px;
            padding-right: 20px;
        }
        /*氓鈥郝久р�扳�∶ニ嗏�斆÷�*/
        
        .list-img>ul>li {
            float: left;
            width: 48%;
            margin-right: 2%;
            margin-top: 40px;
            transition: all .3s;
        }
        
        .list-img>ul>li>a {
            position: relative;
            display: block;
            overflow: hidden;
        }
        
        .list-img>ul>li .pic {
            position: relative;
            padding-top: 60%;
            overflow: hidden;
        }
        
        .list-img>ul>li .pic img {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            transition: all .3s;
        }
        
        .list-img>ul>li .pic:hover img {
            transform: translate(-50%, -50%) scale(1.2);
        }
        
        .list-img>ul>li p {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            font-size: 18px;
            line-height: 54px;
            color: #fff;
            text-align: center;
            border: 1px solid #dcdcdc;
            background-color: rgba(0, 0, 0, .4);
            border-top: none;
            transition: all .3s ease;
        }
        
        .list-img>ul>li:hover p {
            background: #b20603;
            color: #fff;
        }
        /*忙鈥撯�∶�*/
        
        .detail-tit {
            margin-top: 40px;
            padding-bottom: 30px;
        }
        
        .detail-tit>h4 {
            font-size: 24px;
            line-height: 1;
            color: #333;
            text-align: center;
            margin-bottom: 19px;
        }
        
        .detail-tit>h4:nth-child(2) {
            font-size: 22px;
            line-height: 1;
            color: #333333;
            font-weight: normal;
            margin-bottom: 30px;
        }
        
        .detail-tit>p {
            font-size: 16px;
            line-height: 1;
            color: #888888;
            text-align: center;
            margin-top: 20px;
        }
        
        .detail-tit>p>span {
            display: inline-block;
            margin-left: 13px;
        }
        
        .detail-text>p {
            font-size: 16px;
            line-height: 32px;
            color: #333;
            text-indent: 2em;
        }
        
        .detail-img>img {
            display: block;
            width: 100%;
            max-width: 597px;
            margin: auto;
        }
        
        .detail-img {
            margin-top: 16px;
            margin-bottom: 16px;
        }
        
        .detail-text {
            padding: 0 0 30px 40px;
            margin-right: 30px;
            border-bottom: 1px dashed #dbdbdb;
        }
        .v_news_content p img{

width: 70%;

display: block;

align-content: center;
margin: 0 auto;
}
        .paging {
            padding-left: 5px;
            padding-top: 20px;
        }
        
        .paging>a {
            display: block;
            font-size: 16px;
            line-height: 36px;
            color: #333;
        }
        
        .paging>a>span {
            display: inline-block;
            font-size: 16px;
            color: #333;
            margin-right: 10px;
        }
        
        .paging>a:hover {
            color: #9b1011;
        }
        
        .paging>a:hover>span {
            color: #b20603;
        }
        /* 莽禄鈥灻烩�∶ε撀好ε锯�� */
        
        .framework>ul {
            padding-left: 15px;
padding-right: 30px;
            overflow: hidden;
        }
        
        .framework>ul>li {
            float: left;
            min-width: 50%;
            padding-left: 45px;
            background: url(../image/zjg.png) no-repeat left 8px;
            margin-top: 50px;
            transition: all .3s;
        }
        
        .framework>ul>li>a {
            font-size: 18px;
            color: #333;
        }
        
        .framework>ul>li:hover {
            transform: translateX(20px);
        }
        
        .framework>ul>li:hover a {
            color: #9b1011;
        }
        /* 盲赂鈥溍┞⑺� */
        
        .special>ul {
            padding-right: 150px;
            padding-left: 30px;
        }
        
        .special>ul>li {
            float: left;
            width: 50%;
            padding-left: 30px;
            box-sizing: border-box;
            margin-top: 50px;
            background: url(../image/zt.png) no-repeat left top;
        }
        
        .special>ul>li>a {
            font-size: 18px;
            color: #333;
        }
        
        .special>ul>li:hover>a {
            color: #bb010e;
        }
        
        .special>ul>li:hover {
            background: url(../image/zt-other.png) no-repeat left top;
        }
        
        .big-pic a {
            position: relative;
            display: block;
        }
        
        .big-pic a img {
            display: block;
            max-width: 100%;
        }
        
        .big-pic .slick-prev {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 19px;
            height: 36px;
            left: 35px;
            background: url(../image/big-pic-left.png) no-repeat center center;
            z-index: 888
        }
        
        .big-pic .slick-next {
            position: absolute;
            width: 19px;
            height: 36px;
            background: url(../image/little-pic-right.png) no-repeat center center;
            top: 50%;
            transform: translateY(-50%);
            right: 35px;
            z-index: 888;
        }
        
        .little {
            margin-top: 15px;
        }
        
        .little>ul {
            overflow: hidden;
        }
        
        .little ul li {
            margin: 0 8px;
        }

.little ul ul button{
display:none;
}


        .little ul li a {
            position: relative;
            padding-top: 66%;
            display: block;
            overflow: hidden;
        }
        
        .little ul li a img {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
          width: 100%;
         height: 100%;
        }
        
        .little ul li:first-child {
            margin-left: 0;
        }
        
        .little .slick-prev {
            position: absolute;
            top: 50%;
            transform: translateY(-50%);
            width: 19px;
            height: 36px;
            left: 16px;
            background: url(../image/big-pic-left.png) no-repeat center center;
            z-index: 888
        }
        
        .little .slick-next {
            position: absolute;
            width: 19px;
            height: 36px;
            background: url(../image/little-pic-right.png) no-repeat center center;
            top: 50%;
            transform: translateY(-50%);
            right: 16px;
            z-index: 888;
        }
        
        .big-pic a p {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            line-height: 70px;
            background-color: rgba(0, 0, 0, .7);
            padding-left: 50px;
            font-size: 24px;
            color: #fff;
        }
        
        .art-pic {
            padding: 40px 90px 40px 70px;
        }
        /* 氓鈥郝久р�扳�∶モ�犫�γヂ� */
        
        .main-down>ul {
            padding-right: 40px;
        }
        
        .main-down>ul>li {
            padding: 30px 0;
            border-bottom: 1px dashed #e3e3e3;
            transition: all .3s;
        }
        
        .main-down>ul>li:hover {
            transform: translatex(20px);
        }
        
        .main-down ul li a {
            overflow: hidden;
            display: block;
        }
        
        .tw-pic {
            position: relative;
            float: left;
            overflow: hidden;
        }
        
        .tw-pic img {
            display: block;
            width: 100%;
            transition: all .3s;
        }
        
        .tw-pic:hover img {
            transform: scale(1.2);
        }
        
        .zs-text {
            overflow: hidden;
            padding-left: 25px;
            margin-left: 32px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: normal;
        }
        
        .zs-text h3 {
            font-size: 18px;
            font-weight: normal;
            color: #333;
            margin-top: 10px;
            margin-bottom: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .zs-text:hover h3 {
            color: #bb010e;
        }
        
        .zs-text p {
            font-size: 14px;
            line-height: 24px;
            height: 72px;
            margin-bottom: 20px;
            color: #999999;
            overflow: hidden;
        }
        
        .zs-text span {
            font-size: 14px;
            color: #999999;
            line-height: 10px;
            padding-left: 20px;
            background: url(../image/time-other.png) no-repeat left center;
        }
        
        .slick-page {
            padding-top: 43px;
            padding-bottom: 66px;
            text-align: center;
        }
        /* 氓鈥犫�γヂ姑┞÷� */
        
        .nr-pic-th {
            display: none;
        }
        
        .nr-pic>ul>li {
            margin-top: 30px;
        }
        
        .nr-pic>ul>li>a {
            display: block;
            position: relative;
            padding-top: 71%;
            overflow: hidden;
        }
        
        .nr-pic>ul>li>a:after {
            content: '';
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            height: 76px;
            background: rgba(0, 0, 0, .4);
        }
        
        .nr-pic>ul>li>a img {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            width: 100%;/*图片缩放1223*/
        }
        
        .nr-pic>ul>li>a p {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 10px;
            line-height: 24px;
            height: 48px;
            font-size: 14px;
            color: #fff;
            padding-left: 15px;
            padding-right: 20px;
            overflow: hidden;
            z-index: 999;
        }
        
        .recommend {
            margin-top: 35px;
        }
        
        .recommend h2 {
            font-size: 24px;
            color: #c9010d;
            font-weight: normal;
        }
        
        .recommend>ul>li {
            padding: 20px 0;
            border-bottom: 1px solid #ededed;
        }
        
        .recommend>ul>li a {
            display: block;
        }
        
        .recommend>ul>li a p {
            line-height: 30px;
            font-size: 16px;
            color: #333;
        }
        
        .recommend>ul>li a span {
            padding-left: 20px;
            background: url(../image/time-other.png) no-repeat left center;
            font-size: 14px;
            color: #666;
            margin-top: 10px;
        }
        
        .detail-tit>h4 {
            font-size: 24px;
            line-height: 1;
            color: #333;
            text-align: center;
            margin-top: 35px;
            margin-bottom: 35px;
        }
        
        .detail-tit>p {
            /*margin-left: 95px;*/ /*1216*/
            margin-right: 80px;
            font-size: 16px;
            line-height: 1;
            color: #888888;
            text-align: center;
            margin-top: 20px;
            text-align: center;
            line-height: 52px;
            border-top: 1px dashed #b3b3b3;
            border-bottom: 1px dashed #b3b3b3;
        }
        
        .detail-tit>p>span {
            display: inline-block;
            margin-left: 13px;
        }
        
        .detail-text>p {
            font-size: 16px;
            color: #333;
        }
        
        .detail-img>img {
            display: block;
            width: 100%;
            max-width: 597px;
            margin: auto;
        }
        
        .detail-img {
            margin-top: 16px;
            margin-bottom: 16px;
        }
        
        .paging {
            padding-left: 5px;
            padding-top: 20px;
        }
        
        .paging>a {
            display: block;
            font-size: 16px;
            line-height: 36px;
            color: #333;
        }
        
        .paging>a>span {
            display: inline-block;
            color: #000;
            margin-right: 10px;
        }
        
        .paging>a:hover {
            color: #9b1011;
        }
        
        .paging>a:hover>span {
            color: #b20603;
        }
        /* 猫搂鈥櫭ㄢ�奥裁λ溌久ぢ� */
        
        #caller {
            background: url(../image/called.jpg) no-repeat center 20px;
            background-size: cover;
        }
        
        .caller {
            position: relative;
            border-top: 3px solid #bd3831;
            margin-top: -20px;
            padding-bottom: 50px;
            padding-left: 30px;
            padding-right: 30px;
            overflow: hidden;
            background-image: linear-gradient(to bottom, #fff, transparent);
            background: -webkit-linear-gradient(to bottom, #fff, transparent);
        }
        
        .caller .ny-tit {
            position: relative;
            padding-top: 30px;
            background-color: #fff;
            margin-left: 10px;
            margin-right: 10px;
        }
        
        .caller>ul {
            overflow: hidden;
            padding-left: 30px;
            padding-right: 30px;
        }
        
        .caller-l {
            float: left;
            width: 49%;
        }
        
        .caller-r {
            float: right;
            width: 49%;
        }
        
        .caller-l>ul>li,
        .caller-r>ul>li {
            margin-top: 30px;
            background-color: #fff;
            border: 1px solid #efefef;
            padding: 40px 40px 40px 30px;
            box-sizing: border-box;
        }
        
        .caller ul li h2 {
            padding-bottom: 25px;
            border-bottom: 1px solid #bd3831;
            line-height: 30px;
        }
        
        .caller ul li h2 img {
            vertical-align: middle;
        }
        
        .caller ul li h2 span {
            font-size: 30px;
            color: #333;
            vertical-align: middle;
            font-weight: normal;
        }
        
        .caller>ul>li:nth-child(2n-1) {
            margin-left: 0;
            padding-left: 60px;
        }
        
        .caller>div>ul>li:hover {
            box-shadow: 0 0 5px #d0cbcb;
            background: url(../image/first-child.png) no-repeat center center;
            background-size: 100% 100%;
        }
        
        .caller ul li ul {
            overflow: hidden;
        }
        
        .caller ul li ul li {
            float: left;
            width: 50%;
            margin-top: 25px;
        }
        
        .caller ul li ul li a {
            padding-left: 30px;
            background: url(../image/ny-icono-onn.png) no-repeat left center;
            font-size: 18px;
            color: #333;
        }
        
        .caller ul li ul li a:hover {
            color: #bd3831;
            background: url(../image/ny-iconi.png) no-repeat left center;
        }
        /* 莽禄录氓聬藛茅隆碌 */
.head-top{overflow: hidden;}
          .multiple{
overflow: hidden;
line-height: 60px;}
 .multiple p{line-height: 26px;
    display: inline-block;}
        .multiple p a {
            font-size: 20px;
            color: #fff;
        }
        
        .header.on .multiple a {
            color: #333;
        }
        
        .work-d {
            padding-right: 40px;
            overflow: hidden;
        }
        
        .work-d-l {
            float: left;
            width: 41%;
        }
        
        .work-d-r {
            float: right;
            width: 59%;
        }
        
        .navv>.nav {
            float: none;
            width: auto;
        }
        
        .ny-title {
            overflow: hidden;
        }
        
        .ny-title h2 {
            float: left;
            font-size: 24px;
            color: #333;
        }
        
        .ny-title a {
            float: right;
            padding-right: 30px;
            background: url(../image/ny-more.png) no-repeat right center;
            transition: all .3s;
        }
        
        .ny-title a:hover {
            transform: translateX(-10px);
        }
        
        .work-d-l a {
            position: relative;
            display: block;
        }
        
        .work-d-l a img {
            display: block;
            width: 100%;
        }
        
        .work-d-l a p {
            position: absolute;
            left: 0;
            right: 0;
            bottom: 0;
            padding-left: 10px;
            padding-right: 60px;
            font-size: 16px;
            color: #fff;
            line-height: 46px;
            background-color: rgba(0, 0, 0, .5);
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
        }
        
        .work-d-l .slick-dots {
            bottom: 13px;
            right: 5px;
            width: auto;
        }
        
        .work-d-l .slick-dots li {
            width: 5px;
            height: 5px;
            background-color: #fff;
            border-radius: 50%;
            margin: 0 5px;
        }
        
        .work-d-l .slick-dots li.slick-active {
            background-color: #a30a09;
        }
        
        .work-d-l .slick-dots li button {
            display: none;
        }
        
        .work-d-r>ul {
            overflow: hidden;
        }
        
        .work-d-r>ul>li {
            float: left;
            width: 46%;
            margin-left: 4%;
        }
        
        .work-pic {
            position: relative;
            padding-top: 62.5%;
            overflow: hidden;
        }
        
        .work-date {
            position: absolute;
            top: 0;
            right: 0;
            width: 100px;
            height: 30px;
            background-color: #bd3831;
            line-height: 30px;
            text-align: center;
            font-size: 14px;
            color: #fff;
        }
        
        .work-text h2 {
            line-height: 29px;
            font-weight: bold;
            margin-top: 15px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
        }
        
        .work-text h2 a {
            font-size: 16px;
            color: #333;
        }
        
        .work-text p {
            margin-top: 10px;
            overflow: hidden;
            line-height: 24px;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 3;
            line-clamp: 3;
            -webkit-box-orient: vertical;
        }
        
        .work-text p a {
            font-size: 14px;
            color: #999999;
        }
        
        .work-pic img {
            position: absolute;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);
            display: block;
            width: 100%;
            transition: all .3s;
        }
        
        .work-pic:hover img {
            transform: translate(-50%, -50%) scale(1.3);
        }
        
        .ny-tz {
            padding-right: 40px;
            padding-top: 40px;
        }
        
        .tz-nr {
            padding-top: 40px;
            overflow: hidden;
        }
        
        .tz-nr ul {
            overflow: hidden;
            padding-bottom: 50px;
            margin-left: -10px;
            margin-left: -10px;
        }
        
        .tz-nr .slick-list {
            overflow: visible;
        }
        
        .tz-nr ul li {
            position: relative;
            margin: 0 10px;
            background-color: #fff9f9;
            padding-bottom: 70px;
        }
        
        .tz-date {
            padding-top: 40px;
            margin-left: 20px;
            margin-right: 10px;
            border-bottom: 1px solid #ece8e8;
            padding-left: 35px;
            background: url(../image/ddate-other.png) no-repeat 10px 43px;
            padding-bottom: 20px;
        }
        
        .tz-nr h2 {
            padding: 20px 35px 0 25px;
            font-size: 16px;
            color: 333;
            line-height: 30px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
            margin-bottom: 15px;
            min-height: 5em;
        }
        
        .tz-nr p {
            padding-left: 25px;
            padding-right: 30px;
            font-size: 14px;
            color: #999;
            line-height: 24px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 5;
            line-clamp: 5;
            -webkit-box-orient: vertical;
        }
        
        .tz-nr ul li .more {
            position: absolute;
            bottom: -25px;
            left: 50%;
            width: 52px;
            height: 52px;
            transform: translatex(-50%);
            border-radius: 50%;
            overflow: hidden;
            box-shadow: 0 0 3px #999;
        }
        
        .tz-nr ul li .more a {
            width: 100%;
            height: 100%;
            display: block;
            background: #c60000 url(../image/ny-mmore.png) no-repeat center center;
        }
        
        .tz-nr ul li:hover {
            background-color: #c7392d;
        }
        
        .tz-nr ul li:hover .tz-date {
            color: #fff;
            background: url(../image/ddate.png) no-repeat 10px 43px;
        }
        
        .tz-nr ul li:hover h2 {
            color: #fff;
        }
        
        .tz-nr ul li:hover p {
            color: #fff;
        }
        
        .tz-nr ul li:hover .more a {
            background: #fff url(../image/ny-other-more.png) no-repeat center center;
        }
        
        .ny-download {
            padding-right: 40px;
            padding-top: 40px;
            overflow: hidden;
        }
        
        .xzz>ul {
            padding-top: 35px;
            margin-left: -19px;
            margin-right: -19px;
        }
        
        .xzz>ul li {
            margin: 0 19px;
            padding: 65px 20px 45px 20px;
            background: url(../image/ny-down-bg.png) no-repeat center center;
        }
        
        .xzz>ul li a {
            position: relative;
            display: block;
        }
        
        .xzz>ul li a::after {
            content: '';
            position: absolute;
            right: 0;
            bottom: 0;
            width: 21px;
            height: 15px;
            background: url(../image/ny-down-load.png) no-repeat center center;
        }
        
        .xzz>ul li a h2 {
            font-size: 16px;
            color: #333;
            line-height: 26px;
            margin-bottom: 20px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical;
            min-height: 5em;
        }
        
        .xzz>ul li a span {
            font-size: 14px;
            color: #999;
        }
        
        .xzz>ul li:hover {
            background: url(../image/ny-other-bg.png) no-repeat center center;
        }
        
        .xzz>ul li:hover h2 {
            color: #fff;
        }
        
        .xzz>ul li:hover span {
            color: #fff;
        }
        
        .xzz>ul li:hover a::after {
            background: url(../image/ny-other-down-load.png) no-repeat center center;
        }
        
        .work-d .ny-title {
            padding-bottom: 30px;
        }
        
        .head-top .logo {
            width: auto;
            padding-right: 20px;
        }
        
        @media screen and (max-width: 1300px) {
            .ny-all .ny-main>div {
                padding-left: 10px;
                padding-right: 10px;
                padding-top: 20px;
            }
            .work-d,
            .ny-tz,
            .ny-download {
                padding-right: 0;
            }
            .ny-atricle .detail-tit>p {
                line-height: 30px;
            }
            .ny-atricle .detail-tit>p {
                margin-left: 0;
                margin-right: 20px;
            }

        
        @media screen and (max-width: 1060px) {
 .ny-right {
                margin-top: 20px;
                padding-left: 0;
            }
            .ny-main .ny-atricle {
                padding-left: 30px;
              padding-right: 30px;

            }
.ny-atricle .ny-tit{
 margin-right:0;
        }
 .detail-text{
padding:0 20px;
 margin-right:0;

}
            .ny-left ul>li {
                padding-left: 20px;
                padding-right: 20px;
            }
            .ny-atricle .ny-left {
                float: left;
                width: 265px;display: none;

            }
            .ny-atricle .ny-right {
                padding-left:0;
            }
            .work-text h2 {
                line-height: 22px;
                margin-top: 10px;
            }
            .work-text p {
                margin-top: 7px;
            }
            body {
                margin-top: 92px;
            }
            .ny-main>div {
                padding-left: 0;
                padding-top: 0;
            }
            .ny-left>h4 em {
                top: -18px;
                left: 0;
                color: #fff;
            }
            .ny-left>h4 {
                padding-left: 40px;
            }
            .ny-left {
                float: none;
                width: auto;
            }
            .ny-left>h4 {
                font-size: 16px;
                text-align: left;
                padding-top: 10px;
                background-color: #bb010e;
            }
            .ny-left>h4>i {
                display: block;
            }
            .ny-left>h4 p {
                color: #fff;
            }
            .ny-left>h4 span {
                color: rgba(255, 255, 255, .8);
            }
            .ny-left ul {
                display: none;
                padding-bottom: 0;
                background: #fff;
            }
            .ny-left>ul>li {
                line-height: 42px;
               
            }
.list-img ul{
padding:0 20px;}
            .ny-left>ul>li>span {
                height: 42px;
            }
            .ny-left>ul>li>a {
                font-size: 14px;
            }
            .ny-left>ul>li>a:before {
                left: 30px;
            }
            .ny-left>ul ul>li>a {
                font-size: 12px;
            }
            .ny-left>ul ul {
                margin-left: 0;
            }
           
            .ny-tit>h4 {
                font-size: 18px;
               
                background-size: contain;
            }
            .ny-tit {
                padding-bottom: 10px;
                padding-left: 10px;
            }
            .ny-tit>div {
                font-size: 12px;
            }
            .list {
                margin-left: 10px;
            }
            .ny-main {
                min-height: auto;
                padding: 20px 0;
            }
        }
        
        @media screen and (max-width: 800px) {
            .ny-atricle .ny-tit>div {
                float: none;
            }
            .ny-atricle .detail-text {
                padding-left: 0;
            }
            .work-d-l {
                float: none;
                width: auto;
            }
            .work-d-r {
                float: none;
                width: auto;
                margin-top: 20px;
            }
            .work-d-r>ul>li:first-child {
                margin-left: 0;
            }
            .caller {
                padding-left: 10px;
                padding-right: 10px;
            }
            .caller-l>ul>li,
            .caller-r>ul>li {
                padding: 10px;
            }
            .caller ul li h2 {
                padding-bottom: 10px;
            }
            .caller ul li h2 span {
                font-size: 22px;
            }
            .caller ul li ul li a {
                padding-left: 20px;
                background-size: 20px auto;
                font-size: 16px;
            }
            .caller ul li ul li {
                margin-top: 15PX;
            }
            .art-pic {
                padding: 10px;
            }
            .framework>ul>li {
                margin-top: 20px;

            }
  .framework>ul>li>a {
                font-size: 16px;
            }
            .detail-tit>h4 {
                font-size: 16px;
                line-height: 1.2;
                margin-bottom: 10px;
            }
            .detail-tit>h4:nth-child(2) {
                font-size: 14px;
                margin-bottom: 10px;
            }
            .detail-tit>p {
                font-size: 12px;
                margin-top: 10px;
            }
            .detail-tit {
                margin-top: 20px;
                padding-bottom: 20px;
            }
            .detail-text>p {
                font-size: 13px;
            }
            .detail-img>img {
                width: 80%;
            }
            .detail-text {
                padding-bottom: 15px;
                border-bottom: 1px dashed #dbdbdb;
            }
            .paging>a {
                font-size: 12px;
                line-height: 24px;
            }
            .paging {
                padding-top: 10px;
            }
            .system-list>ul>li {
                width: 48%;
            }
            .system-list>ul>li:nth-child(3n+2) {
                margin-left: 0;
                margin-right: 0;
            }
            .system-list>ul>li:nth-child(even) {
                margin-left: 4%;
            }
            .system-list>ul>li span {
                font-size: 14px;
            }
            .list-img>ul>li p {
                line-height: 36px;
                font-size: 14px;
            }
            .ny-tit>h4 {
                padding-left: 0;
            }
            .list-img>ul>li {
                margin-top: 15px;
            }
            .special>ul {
                padding-right: 0;
            }
            .special>ul>li {
                margin-top: 20px;
            }
        }
        
        @media screen and (max-width: 575px) {
            .caller ul li ul li {
                float: none;
                width: auto;
            }
        }
        
        @media screen and (max-width: 600px) {
            .ny-left {
                display: none;
            }
            .ny-atricle .ny-right {
                padding-left: 0;
            }
            .detail-tit>h4 {
                margin-top: 10px;
            }
            /* .ny-main .ny-atricle {
                padding-left: 10px;
            }
            .ny-atricle .ny-left {
                float: none;
                width: auto;
            }
            .ny-atricle .ny-right {
                float: none;
                width: auto;
                padding-left: 0;
            }
            .ny-atricle .ny-left h4 {
                margin-left: -10px;
            }
            .nr-pic {
                display: none;
            }
            .nr-pic-th {
                display: block;
                overflow: hidden;
            }
            .nr-pic-th ul {
                margin-left: -5px;
                margin-right: -5px;
                margin-top: 10px;
            }
            .nr-pic-th ul li {
                margin: 0 10px;
            }
            .nr-pic-th ul li a {
                position: relative;
                display: block;
            }
            .nr-pic-th ul li a img {
                display: block;
                width: 100%;
            }
            .nr-pic-th ul li p {
                position: absolute;
                padding: 10px;
                left: 0;
                right: 0;
                bottom: 0;
                background: rgba(0, 0, 0, .4);
                font-size: 12px;
                color: #fff;
            } */
        }
        
        @media screen and (max-width: 500px) {
            .caller-l {
                float: none;
                width: auto;
            }
            .caller-r {
                float: none;
                width: auto;
            }
            .tw-pic {
                float: none;
                width: auto;
            }
            .zs-text {
                padding-left: 0;
                float: none;
                width: auto;
                margin-left: 10px;
            }
            .main-down>ul {
                padding-right: 10px;
            }
            .zs-text h3 {
                margin-bottom: 10px;
            }
            .zs-text p {
                margin-bottom: 10px;
            }
            .little>ul>li {
                width: 48%;
                margin: 0;
            }
            .little>ul>li:nth-child(2n) {
                margin-left: 2%;
            }
          
            .ny-left>h4>i {
                height: 42px;
            }
            .list>ul>li {
                padding: 10px 0;
            }
            .list-text p {
                margin-top: 8px;
            }
            .ny-tit>div {
                float: none;
            }
            .ny-main {
                padding-top: 10px;
            }
            .detail-tit {
                padding-bottom: 10px;
            }
            .detail-tit>p {
                line-height: 1.6;
            }
            .system-list>ul>li {
                float: none;
                width: auto;
            }
            .system-list>ul>li:nth-child(even) {
                margin-left: 0;
            }
            .special>ul>li>a {
                font-size: 14px;
            }
        }
        
        .lv4 {
            padding-left: 30px;
            display: none;
        }
        
        .lv4>li {
            line-height: 32px;
            font-size: 14px;
            color: #333;
            position: relative;
        }
        
        .lv4>li.on {
            color: #b20603;
        }
        
        .lv4>li>a {
            display: block;
            padding-left: 20px;
        }
        
        .lv5 {
            padding-left: 20px;
            display: none;
        }
        
        .lv5>li {
            line-height: 28px;
            font-size: 12px;
            color: #333;
            text-align: center;
        }
        
        .lv5>li:hover {
            color: #b20603;
        }
        
        .ny-banner-for a {
            display: block;
            overflow: hidden;
        }
        
        .ny-banner-for .pic {
            padding-top: 75%;
            background: #333333;
        }
        
        .ny-banner-for .pic img {
            margin: auto;
        }
        
        .ny-banner-nav {
            margin-top: 30px;
        }
        
        .ny-banner-nav ul>button {
            position: absolute;
            top: 50%;
            width: 32px;
            height: 32px;
            background-position: center center;
            background-repeat: no-repeat;
            background-color: transparent;
            transform: translateY(-50%) rotate(-90deg);
            z-index: 99;
        }
        
        .ny-banner-nav>ul li {
            padding: 0 5px;
        }
        
        .ny-banner-nav>ul li .pic {
            padding-top: 40%;
        }
        
        .ny-banner-nav ul .slick-next {
            right: 0;
            background-image: url();
        }
        
        .ny-banner-nav ul .slick-prev {
            left: 0;
            background-image: url("");
        }
        
        .ny-banner-nav ul li.slick-center img {
            transform: scale(1.1);
        }
        
        .ny-banner-nav ul li.slick-center .pic {
            border: 3px solid #9b1011;
        }
        
        .ny-banner-nav ul li.slick-center {
            padding-top: 0;
        }
        
        @media screen and (max-width: 755px) {
            .ny-banner-nav {
                margin-top: 15px;
            }
            .ny-banner-nav ul>button {
                width: 18px;
                height: 18px;
                background-size: 18px auto;
            }
        }
        
        @media screen and (max-width: 375px) {
            .work-d .ny-title {
                padding-bottom: 15px;
            }
            .work-d-l a p {
                font-size: 12px;
            }
            .ny-download {
                padding-top: 15px;
            }
            .work-d-r>ul>li {
                float: none;
                width: auto;
            }
            .ny-tz {
                padding-top: 15px;
            }
            .tz-nr {
                padding-top: 15px;
            }
            .list-img>ul>li {
                float: none;
                width: auto;
                margin-right: 0;
            }
            .list>ul>li .tm {
                padding: 10px 0 10px 0px;
                text-align: center;
            }
            .list>ul>li .list-text {
                padding-left: 10px;
            }
            .list-text h2 {
                font-size: 16px;
                margin-top: 5px;
            }
            .list-text p {
                font-size: 12px;
            }
            .special>ul {
                padding-left: 10px;
            }
            .special>ul>li {
                float: none;
                width: auto;
                margin-top: 10px;
            }
            .framework>ul>li {
                background-size: 20px auto;
                padding-left: 24px;
            }
  .framework>ul>li>a{
font-size:14px;}
            .big-pic a p {
                line-height: 46px;
                font-size: 16px;
            }
            .big-pic .slick-prev {
                background-size: 15px auto;
                left: 15px;
            }
            .big-pic .slick-next {
                background-size: 15px auto;
                right: 15px;
            }
/**************内容页****************/
.nr p,.nr font,.nr span { font-family:"宋体"!important;}
.nr table p{text-indent:0em !important;margin-bottom:0em !important;  }
.nr img{max-width:100% !important;height:auto !important;width:}
.nr video{max-width:100% !important;height:auto !important}
.nr table{max-width:95% !important}