/* 公用css */
html, body, div, span, object, iframe,h1, h2, h3, h4, h5, h6, p, img,  ul, li, form, label, legend,table,tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;outline:0;font-size:100%;background:transparent;}
body {font-family: "Helvetica Neue For Number", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Helvetica Neue", Helvetica, Arial, sans-serif;color:#333;font-size:16px;}
:focus {outline: 0;}
a:focus{outline: 0px auto -webkit-focus-ring-color;outline-offset: -0px;}
a:focus, a:hover{color: #000;text-decoration: none;}
.bg-white a {outline:none;margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;background:transparent;color: #000;}
.bg-white a:hover {color: #000;text-decoration: none;}
a:focus{outline:none;}
table {border-collapse:collapse;border-spacing:0;}
input, select {vertical-align:middle;}
img{max-width:100%;}
li{list-style: none;}
.ellipsis{white-space: nowrap;text-overflow: ellipsis; overflow: hidden;}
.fr{float: right;}
.fl{float: left;}
.clearfix:after{content: '';display: block; clear:both; }
.overflow{overflow:hidden;}
.pointer{cursor: pointer}
.hide{display: none;}
.text-center{text-align:center}
.bold{font-weight: bold;}
.pd5{padding:0 5px;}
.cnp{text-align:left;text-indent:2em;line-height:35px;}
@media (min-width: 988px){
    .maincontainer{width:988px;margin:auto;padding:0;border:1px solid #999;float: none;}
    .cxr .footer{width:990px;float: none;}
}

.cxr .header{padding:0;width:100%;margin-bottom:30px;}
.cxr .header img{width:100%;}
.cxr .video video{width:100%;}
.cxr .topic .logo img{width:100%;}
.cxr .topic a{display:block;font-size:16px;line-height:24px;margin-top:20px}
.cxr .topic .summary{margin-bottom:20px;line-height:24px;font-size:13px;margin:5px 10px;}
.cxr .news{margin-top:20px}
.cxr .newslist{background:rgb(241, 241, 236);margin-left:-30px; font-size:14px;}
.cxr .newslist .name{padding-left:20px;background: url('../images/cxr/icon.png') left center no-repeat;}
.cxr .newslist .name a{line-height:35px;color:#00f}
.cxr .newslist li{line-height:23px;padding:0 10px}
.cxr .newslist .time{max-width:15%;}
.cxr .newslist .title{max-width:82%;padding-left:5px;}
.cxr .swiper-slide div{position: absolute;left:0;bottom:0;width:100%;height:50px;line-height: 50px;font-size:16px;color:#fff;background: rgba(0,0,0,.5)}
.cxr .swiper-slide div span{display: inline-block;max-width:80%;padding-left:13px;}
.cxr .swiper-slide img{width:100%;min-height:311px;object-fit: cover}
.cxr .swiper-pagination{left:initial!important;right:10px;z-index:100;bottom:13px;width:initial}
.cxr .swiper-pagination-bullet{background: #fff;opacity: 1!important;width:12px;height:12px;margin:0 6px!important;}
.cxr .swiper-pagination-bullet-active{background: #007aff}
.cxr .blocktitle{background: url('../images/cxr/bg.png') center no-repeat;font-size: 20px;height:56px;line-height: 56px;margin:20px 0;color:#fff}
.cxr .playvideo{position: relative;box-shadow: 3px 3px 5px 0 rgba(0,0,0,.1);margin-bottom:20px}
.cxr .playvideo .block{width:100%;height:177px;overflow: hidden;position: relative;}
.cxr .playvideo .videotime{position: absolute;bottom: 5px;right: 5px;color: #fff;background: rgba(0,0,0,.8);padding: 2px 5px;}
.cxr .playvideo .logofile{transition: ease 0.5s;}
.cxr .playvideo:hover{box-shadow: 0px 2px 14px 0px rgba(0,0,0,0.2);}
.cxr .playvideo:hover .logofile{transform: scale(1.1)}
.cxr .playvideo .play{position: absolute;left:50%;top:38%;width:50px;transform: translate(-50%);z-index: 1;}
.cxr .playvideo .info{padding:10px 10px 20px;color:#333;font-size:14px;}
.cxr .playvideo .videotitle{height:40px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.cxr .imglist .logofile{width:100%;padding-top:66.7%;position:relative;}
.cxr .imglist .logofile img{width:100%;height:100%;left:0;top:0;position:absolute;object-fit:contain;}
.cxr .imglist .name{margin-top:10px;font-size:13px;line-height:20px;height:60px;margin:5px 0 20px;color:#333}
.cxr .textblock .text{font-size:14px;line-height:24px}
.cxr .textblock .text p{margin-bottom:10px;}
.cxr .textblock .text p:nth-child(4n+1){text-indent: 2em;}
.cxr .textblock .paddingL0{padding-left:0;}
.cxr .textblock .code{margin-top:300px;}
.cxr .textblock .tip{font-size: 14px;}
.cxr .createlist ul{margin-bottom:20px;}
.cxr .createlist .list{border-bottom:1px dashed #b6bbc0;padding:10px 0;}
.cxr .createlist .list a{display: block;font-size:16px;color:#333;line-height:24px;margin-bottom:10px}
.cxr .createlist .list .info{height: 150px;}
.cxr .createlist .list img{margin-right:10px}
.cxr .createlist .list .summary{font-size:13px;line-height:20px;}
.cxr .createlist .department{color:#333;font-size: 14px;line-height: 24px;}
.cxr .createlist .department ul{padding:10px;margin-bottom:10px;}
.cxr .createlist .department:nth-child(2n) ul{background: #f1e6d4}
.cxr .createlist .department:nth-child(2n+1) ul{background: #f7faee}
.cxr .createlist .department li{margin:5px 0;}
.cxr .createlist .department .title{font-size: 16px;background: #E1EEFF;line-height: 40px;padding:0 25px;font-weight: bold}
.cxr .createlist .department span{display: block;margin-left:15px}
.cxr .createlist .department span:first-child{float: left;margin-left:0}
.cxr .footer{height:110px;margin:20px auto 0;background: url('../images/cxr/cn4.jpg') center/cover no-repeat;padding:25px 0;}
.cxr .footer span{font-size: 13px;line-height: 30px;color:#444;margin:0 3px;}
.cxr .masking{position: fixed;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,.5);z-index:999}
.cxr .masking .videoblock{position: absolute;width:80%;padding-top:40%;left:10%;top: 50%;transform: translateY(-50%);}
.cxr .masking .videoblock video{position: absolute;width:100%;height:100%;top:0;left:0;background: #000}
.cxr .masking .closebtn{position: absolute;right:40px;top:20px;color:#fff;font-size:40px;}

.cxrlist .maincontainer{border:0;overflow:hidden;}
.cxrlist .catname{font-size:20px;border-bottom:1px solid #ddd;line-height:40px;}
.cxrlist li .list{padding:10px 0;border-bottom:1px dashed #b6bbc0;}
.cxrlist li .title{line-height:30px;}
.cxrlist li .title a{font-size:18px;color:#333}
.cxrlist li .title span{font-size:12px;color:#aaa}
.cxrlist li .summary{font-size:13px;color:#aaa;line-height:22px;margin-top:15px;padding-right:15px;}

.wh-yellow-title a {color:#480d00; text-align:center}
.wh-yellow-title a:hover {color:#480d00;}
.wh-case-text {background: rgb(241, 241, 236);color: #000;font-size: 14px;text-indent: 2rem;padding: 25px 15px;height: 210px;}
.xy-pic img {object-fit: cover;height: 210px;min-width: 100%;}
.cxr .imglist .font-yellow {color: #ffa262}
.whxy .createlist .list .summary {font-size: 13px;line-height: 20px;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 7;-webkit-box-orient: vertical;}
.whxy .createlist ul li:nth-last-child(2) .list,.whxy .createlist ul li:nth-last-child(1) .list{border: 0px;margin-bottom: 1px}
.whxy .whxyal-title {background: url(../images/whxy/whxyal_title_pic.jpg) center no-repeat;background-size: 100% 100%}
.whxy .whxy_title {background: url(../images/whxy/whxy_title_pic.jpg) center no-repeat;background-size: cover}
@media (max-width: 1200px){
    .cxr .newslist{margin-left:0}
    .cxr .newslist .title{max-width:75%}
    .cxr .newslist .time {max-width: 25%;}
    .cxr .imglist img,.cxr .videolist .logofile,.cxrlist li img{width:100%;max-width: auto;}
    .cxr .footer{height:auto}
    .cxr .footer span{display: block;}
    .cxr .masking{background: #000}
}
@media (max-width: 767px){
  	.whxy .whxyal-title {background: url(../images/whxy/whxyal_title_pic_small.jpg) center no-repeat;background-size: 100% 100%}
    .cxr .swiper-slide img { min-height: 225px;}
    .cxr .swiper-slide div span{max-width:75%;}
    .cxr .masking .videoblock{width:100%;left:0}
  .cxr .imglist .blocktitle{font-size:15px;}
  .whxy .imglist .blocktitle{font-size:20px;}
  .cxr .createlist .list img{width:100%;}
  
  .cxrlist li .title a,.cxrlist li .summary{padding-left:15px;padding-right:15px;}
  .whxy .createlist .list .summary{display: inline-block}
  .whxy .createlist ul li:nth-last-child(2) .list{border-bottom: 1px dashed #b6bbc0}
  .cxr .imglist .font-yellow{height: auto;}
  .whxy .imglist .logofile img{max-width: 100%;max-height: 100%;object-fit: contain;position: initial;}
  .whxy .imglist .logofile {padding: 0;}
}