.index .hdp { width: 100%; height: auto; overflow: hidden; }
.index .hdp img { background-color: #ccc; background-size: cover; background-position: center center; width: 100%; height: 100%; opacity: 1; visibility: inherit; }
.index .news .pc { max-width: 1280px; margin: 20px auto; height: 246px; background-color: #fff; }
.index .news .pc .left35 { width: 35%; float: left; height: 100%; }
.index .news .pc .left35 .left1 { float: left; height: 100%; position: relative; }
.index .news .pc .left35 .left2 { padding: 15px; float: left; width: calc(100% - 185px); text-overflow: ellipsis; }
.index .news .pc .left35 .left2 .title { line-height: 24px; color: #333; font-size: 18px; font-weight: bold; height: 75px; display: inline-block; width: 100%; overflow: hidden; }
.index .news .pc .left35 .left2 .content { line-height: 24px; color: #555; margin-bottom: 10px; font-size: 14px; height: 95px; margin-top: 10px; display: inline-block; width: 100%; overflow: hidden; }
.index .news .pc .left35 .left2 .date{color:#777;}
.index .news .pc .left40 { width: calc(40% - 20px); float: left; height: 100%; margin-left: 20px; padding-top: 10px; }
.index .news .pc .left40 .hang { height: 78px; width: 100%; border-bottom: 1px solid #ccc; cursor:pointer;}
.index .news .pc .left40 .hang:last-child { border: none; }
.index .news .pc .left40 .hang .title { width: 70%; height: 24px; font-size: 16px; font-weight: bold; line-height: 36px; color: #333; overflow: hidden; padding: 10px 0; }
.index .news .pc .left40 .hang .content { line-height: 24px; color: #555; font-size: 14px; height: 20px; display: inline-block; width: calc(100% - 110px); overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }

.index .news .pc .left40 .hang .date { float: right; position: relative; top: 3px; color: #777; }
.index .news .pc .left25 { width: 25%; float: left; height: 100%; background: url(../images/gpbj.jpg) no-repeat right; }
.index .news .pc .left25 .title { margin-left: 45px; text-align: center; font-size: 15px; color: #333; margin-top: 20px }
.index .news .pc .left25 .content { font-size: 26px; font-weight: bold; margin-left: 45px; text-align: center; margin-top: 40px; }
.index .news .pc .left25 .date { font-size: 12px; color: #777; margin-left: 45px; text-align: center; margin-top: 30px; }
.index .shzr .pc { position: relative; }
.index .shzr .pc .play { cursor: pointer; z-index: 99999; position: absolute; left: calc(50% - 32px); top: calc(50% - 32px); height: 64px; width: 64px; background-image: url(../images/play.png) }
.index .shzr .pc .video-box { position: relative; }
.index .shzr .pc .shzrtype { max-width: 1200px; margin: 0 auto; padding-top: 30px; position: relative; top: -42px; z-index: 999999; background-color: #fff; padding-bottom: 70px; }
.index .shzr .pc .shzrtype .e-title { position: relative; color: #b8b8b8; font-size: 12px; text-align: center; }
.index .shzr .pc .shzrtype .e-sanjiao { margin-left: calc(50% - 5px); margin-top: 10px; width: 10px; height: 10px; border-bottom: 1px solid #000; border-left: 1px solid #000; transform: rotate(315deg); }
.index .shzr .pc .shzrtype .e-text { color: #333; font-size: 18px; text-align: center; margin-top: 10px; }
.index .shzr .pc .shzrtype .nav { margin: 0 auto; margin-top: 40px; text-align: center; }
.index .shzr .pc .shzrtype .nav li { display: inline-block; float: none; padding: 0 15px; height: 38px; text-align: center; cursor: pointer; margin-right: 20px; font-size: 14px; color: #333; line-height: 38px; border: 1px solid #ededed; }
.index .shzr .pc .shzrtype .nav li:last-child { margin-right: 0px; }
.index .shzr .pc .shzrtype .nav li:hover, .index .shzr .pc .shzrtype .nav li.on { border: 1px solid #00a885; background: #00a885; color: #fff; }
.index .shzr .pc .shzrtype .content { margin: 0 40px; margin-top: 42px; }
.index .shzr .pc .shzrtype .content .left { width: 40%; background-color: #f4f4f4; float: left; overflow: hidden; }
.index .shzr .pc .shzrtype .content .left .top { height: 285px; width: 100%; overflow: hidden; }
.index .shzr .pc .shzrtype .content .left .top img{width:100%; height:100%;}
.index .shzr .pc .shzrtype .content .left .title { padding: 20px 30px; margin-bottom: 8px; overflow: hidden; height: 7px; color: #333; font-size: 18px; }
.index .shzr .pc .shzrtype .content .left .connr { color: #838383; overflow: hidden; height: 46px; line-height: 26px; font-size: 14px; padding: 0 30px; }
.index .shzr .pc .shzrtype .content .left .date { margin: 0 30px; margin-top: 20px; margin-bottom: 20px; height: 40px; overflow: hidden; width: 240px; }
.index .shzr .pc .shzrtype .content .left .date .son { display: inline-block; padding: 8px 20px; color: #838383; border: 1px solid #bbb; }
.index .shzr .pc .shzrtype .content .left .date .son:last-child { position: relative; left: -5px; border-left: none; }
.index .shzr .pc .shzrtype .content .right { width: calc(60% - 20px); margin-left: 20px; float: left; }
.index .shzr .pc .shzrtype .content .right .list { }
.index .shzr .pc .shzrtype .content .right .list li { height: 101px; float: none; margin-bottom: 20px; background: #f4f4f4; padding-left: 30px; position: relative; }
.index .shzr .pc .shzrtype .content .right .list li .icon { width: 18px; height: 18px; background: url(../images/ic1.png) no-repeat right center; position: absolute; top: 40px; right: 30px; }
.index .shzr .pc .shzrtype .content .right .list li:last-child { margin-bottom: 0px; height: 103px; }
.index .shzr .pc .shzrtype .content .right .list li .date { width: 45px; float: left; text-align: center; }
.index .shzr .pc .shzrtype .content .right .list li .date .day { font-size: 30px; color: #000; font-weight: bold; padding-top: 15px; }
.index .shzr .pc .shzrtype .content .right .list li .date .moth { color: #838383; font-size: 16px; padding-left: 10px; }
.index .shzr .pc .shzrtype .content .right .list li .date .line { font-size: 30px; padding-top: 20px; font-weight: bold; width: 20px; color: #013f8c; }
.index .shzr .pc .shzrtype .content .right .list li .scontent { float: left; width: calc(100% - 170px); padding-top: 15px; overflow: hidden; }
.index .shzr .pc .shzrtype .content .right .list li .scontent .title { color: #333333; font-size: 18px; height: 28px; overflow: hidden; }
.index .shzr .pc .shzrtype .content .right .list li .scontent .cont { color: #6d6d6d; font-size: 14px; height: 40px; line-height: 22px; padding-top: 5px; overflow: hidden; }
.index .shzr .pc .shzrtype .ckgd { display: block; margin: 0 auto; margin-top: 40px; width: 132px; height: 38px; text-align: center; color: #fff; cursor: pointer; background-color: #878787; line-height: 38px; }
.zdf { font-size: 16px; font-weight: normal; margin-left: 20px; }
.color-r { color: #e62b1e; }
.color-l { color: #078119; }
.zdf { font-size: 16px; font-weight: normal; margin-left: 20px; }
.index .jyfz { width: 100%; }
.index .jyfz .pc { height: 871px; position: relative; top: -84px; padding-top: 42px; }
.index .jyfz .pc .title { margin-top: 30px; }
.index .jyfz .pc .title .e-title { color: #b8b8b8; font-size: 12px; text-align: center; }
.index .jyfz .pc .title .e-sanjiao { margin-left: calc(50% - 5px); margin-top: 10px; width: 10px; height: 10px; border-bottom: 1px solid #fff; border-left: 1px solid #fff; transform: rotate(315deg); }
.index .jyfz .pc .title .e-text { color: #fff; font-size: 18px; text-align: center; margin-top: 10px; }
.index .jyfz .pc .content { max-width: 1200px; margin: 0 auto; text-align: center; overflow: hidden; }
.index .jyfz .pc .content ul { margin: 0 auto; margin-top: 30px; height: 604px; overflow: hidden; }
.index .jyfz .pc .content ul li { float: left; width: 50%; background-color: #ddd; height: 302px; }
.index .jyfz .pc .content ul li a { position: relative; display: inline-block; width: 100%; height: 100%; }
.index .jyfz .pc .content ul li a:hover .h-title, .index .jyfz .pc .content ul li a:hover .h-content { display: block; }
.index .jyfz .pc .content ul li a .h-title { display: none; width: 100%; height: 60px; position: absolute; bottom: 0; background-color: #000; opacity: 0.7; z-index: 2; }
.index .jyfz .pc .content ul li a .h-content { display: none; width: calc(100% - 40px); height: 60px; position: absolute; bottom: 0; z-index: 3; padding: 0 20px; font-size: 14px; color: #fff; text-align: left; line-height: 60px; overflow: hidden; }
.index .jyfz .pc .content ul li a img { border: none; width: 100%; height: 100%; }
.index .jyfz .pc .content .page { height: 80px; line-height: 80px; width: 100%; text-align: center; color: #fff; font-size: 16px; }
.index .jyfz .pc .content .page .curr { font-size: 24px; color: #fff; }
.index .jyfz .pc .content .page .mear { font-size: 18px; color: #fff; margin-left: 30px; }
.index .jyfz .pc .content .page .mear .e-sanjiao { display: inline-block; width: 11px; height: 11px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; transform: rotate( 223deg); }
.index .gywm { width: 100%; position: inherit; z-index: 1; }
.index .gywm .pc { background-color: #fff; max-width: 1200px; height: 470px; position: relative; top: -84px; padding-top: 42px; margin: 0 auto; top: -126px }
.index .gywm .pc .title { margin-top: 0px !important; }
.index .gywm .pc .title .e-title { position: relative; color: #b8b8b8; font-size: 12px; text-align: center; }
.index .gywm .pc .title .e-title .e-xian { position: absolute; top: 0px; width: 100%; text-align: center; color: #aaa; }
.index .gywm .pc .title .e-sanjiao { margin-left: calc(50% - 5px); margin-top: 10px; width: 10px; height: 10px; border-bottom: 1px solid #000; border-left: 1px solid #000; transform: rotate(315deg); }
.index .gywm .pc .title .e-text { color: #000; font-size: 18px; text-align: center; margin-top: 10px; }
.index .gywm .pc .content { margin: 0 40px; margin-top: 30px; }