/* banner轮播 */

.banner {
    font-size: 0;height:470px;overflow:hidden;
}

.banner .swiper-slide{height:470px !important;overflow:hidden;}

.banner .swiper-slide img
{ 
width: 1920px !important; height: 470px;margin-left: calc((100% - 1920px) /2);overflow:hidden;
}


.banner .swiper-button-prev {
    background-image: url(/zgdk/resource/cms/2020/12/img_pc_site/2020120112002138093.png);
    left: 0;
    width: 42px;
    height: 82px;
    background-size: 100%;
}

.banner .swiper-button-next {
    background-image: url(/zgdk/resource/cms/2020/12/img_pc_site/2020120112002089777.png);
    right: 0;
    width: 42px;
    height: 82px;
    background-size: 100%;
}

.banner .swiper-pagination-bullet {
    width: 40px;
    height: 6px;
    background: #c2c2c2;
    border-radius: 3px;
    opacity: 1;
}

.banner .swiper-pagination-bullet-active {
    background: #ffffff;
}

.banner .swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 10px;
}


/* 公告 */

.announcement {
    width: 1100px;
    margin: 0 auto;
    margin-top: 20px;
    background: #f8f8f8;
    position: relative;
}

.ann_title {
    width: 62px;
    padding: 8px 12px;
    background: #d4141a;
    display: inline-block;
    vertical-align: middle;
}

.announcement .swiper-container {
    width: 950px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 20px;
}

.announcement .swiper-slide {
    display: inline-block;
    text-align: center;
    font-size: 14px;
    font-family: Microsoft Yahe;
    color: #333333;
    line-height: 33px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.announcement .swiper-slide a{
font-size:14px;
}
.announcement .more {
    width: 16px;
    display: inline-block;
    vertical-align: middle;
    position: absolute;
    right: 10px;
    top: 8px;
}


/* 头条 */

.headline {
    text-align: center;
    width: 1100px;
    margin: 0 auto;
    margin-top: 30px;
}

.headline .title_top a {
    font-size: 34px;
    font-weight: bold;
    color: #d4141a;
    line-height: 34px;
}

.headline .title_bottom {
    margin: 20px 0;
}

.headline .title_bottom a {
   /* margin-right: 20px;*/
    margin-right: 0px;
    font-size: 22px;
    line-height: 12px;
}


/* 左侧导航 */

.fixed {
    position: fixed !important;
}




.fixnav li {
    background: #f3f3f3;
    border-bottom: 1px solid #e5e5e5;
    text-align: center;
}

.fixnav li:last-child {
    border-bottom: none;
}

.fixnav li a {
    width: 100%;
    font-size: 16px;
    line-height: 36px;
    display: inline-block;
    font-weight: bold;
}

.fixnav li a:hover {
    background: #d4141a;
    color: #ffffff;
    text-decoration: none;
}


/* 中部新闻 */

.con {
    width: 1100px;
    margin: 0 auto;
    margin-top: 20px;
   
}

.picnews {
    width: 605px;
    position: relative;
    font-size: 0;
    margin-right: 17px;height:341px;overflow:hidden;
}

.picnews p {
    width: 100%;
    text-align: center;
    background: #000000;
    opacity: 0.45;
    font-size: 14px;
    font-family: Microsoft Yahe;
    color: #ffffff;
    line-height: 42px;
    position: absolute;
    bottom: 0;
}
.picnews p a {
   font-size: 14px;
    font-family: Microsoft Yahe;
    color: #ffffff;
    line-height: 42px;
    
}
.picnews .swiper-button-prev {
    background-image: url(/zgdk/resource/cms/2020/12/img_pc_site/prev1.png);
}

.picnews .swiper-button-next {
    background-image: url(/zgdk/resource/cms/2020/12/img_pc_site/next1.png);
}
.picnews .swiper-slide img{width:605px;height:341px;overflow:hidden;object-fit:cover;}
.picnews .swiper-button-prev,
.picnews .swiper-button-next {
    top: unset;
    bottom: 9px;
    width: 14px;
    height: 24px;
    background-size: 14px 24px;
}

.picnews .swiper-pagination-fraction {
    font-size: 14px;
    width: auto;
    left: 44px;
}

.picnews .swiper-pagination-current {
    color: #d4141a;
    vertical-align: super;
}

.picnews .swiper-pagination-total {
    vertical-align: sub;
    color: #d8d8d8;
}


.newsbox .news-title{
 padding-bottom: 4px;
    display: inline-block;}
.newsbox .title {
    text-align: center;
    font-size: 0;
    border-bottom: 2px solid #ff3c00;
    padding-bottom: 14px;
}
.newsbox.topnews .headlines_more{margin-bottom:15px;}
.newsbox .title i {
    width: 100px;
    background: #ececec;
    font-size: 16px;
    color: #333333;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    margin-right: 16px;
}

.newsbox .title i:last-child {
    margin-right: 0;
}

.newsbox .title .cur {
    background: #ff3c00;
    font-weight: bold;
    color: #ffffff;
}
.con1_xwright .newsbox li {
   margin-bottom:19px;
   /* line-height: 16px;height:auto;*/
}
.con1_xwright .newsbox li a{
   font-size:17px;
}
.newsbox li {
    margin: 0 0 24px 0;
    line-height: 16px;height:16px;
}

.newsbox li:last-child {
    margin-bottom:2px !important;
}

.newsbox li a {
    font-size: 16px;
    color: #333333;
    line-height: 17px;
    display: inline-block;

}

.newsbox li .newlogo{
   float:left;padding-top:3px;
    display: inline-block;padding-right:4px;

}
.newsbox li .jrwm{color:#999;font-size:14px;line-height:16px;}
.newsbox li span {
    font-size: 14px;
   /* display: inline-block; float: right;*/
    line-height: 14px;
    color: #999999;
   
}


.newsbox li:hover a {
    color: #d4141a;
}

.newslist li i.icon_bg{
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #e5e5e5;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 3px;float:left;margin-right:8px;margin-top:6px;
}


/* 专题 */

.topic {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    display: flex;
    justify-content: space-between;
}

.topic .topic_left {
    margin-right: 10px;
    width: 360px;
    flex-shrink: 0;
}

.topic .topic_right {
    flex: 1;
}

.topic h3 {
    border-bottom: 1px solid #E0000D;
}

.topic .news-title {
    padding-bottom: 4px;
    display: inline-block;
    
}

.topic .topic_top {
    width: 100%;
    height: 109px;
   
    margin: 10px 0;
}

.newsbox h3 i {
    display: inline-block;
    text-align: center;
    width: 42px;
    height: 23px;
    background: #d4141a;
    font-size: 16px;
    font-weight: bold;
    color: #ffffff;
    line-height: 23px;
}

.newsbox h3 span {
    font-size: 16px;
    line-height: 23px;
    font-weight: bold;
    color: #333333;
}

.newsbox h3 a {
    float: right;
    font-weight: normal;
    font-size: 14px;
    line-height: 23px;
}

.newsbox .news-title {
    padding-bottom: 4px;
    display: inline-block;
    position: relative;
}
.newsbox .news-title::after{
    content: '';
    width: 100%;
    height: 2px;
    background: #182A87;
    position: absolute;
    bottom: -2px;
    left: 1px;
}
.bottom .newsbox h3::after{
    width: calc(100% - 94px);
    left: 94px;
}
.newsbox.topnews {
    width: 484px;
    display: inline-block;
    margin-top: 0;
}

.newsbox .title {
    text-align: center;
    font-size: 0;
    border-bottom: 2px solid #E0000D;
    padding-bottom: 14px;
}

.newsbox .title i {
    width: 100px;
    background: #ececec;
    font-size: 16px;
    color: #000000;
    display: inline-block;
    text-align: center;
    line-height: 36px;
    margin-right: 16px;
}

.newsbox .title i:last-child {
    margin-right: 0;
}

.newsbox .title .cur {
    background: #E0000D;
    font-weight: bold;
    color: #ffffff;
}




.newsbox li a {
    font-size: 16px;
    color: #000000;
    display: inline-block;
    /* margin-right: 20px;
   width: 75%;*/
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}



.newsbox.topnews .headlines_more {
    margin-bottom: 15px;
}

.newsbox.topnews li i {
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: #e5e5e5;
    display: inline-block;
    vertical-align: middle;
    margin-bottom: 10px;
}





.topic_pic {
    display: flex;
    justify-content: space-between;
}

.topic_pic .swiper-slide {
    width: auto;
    height: 100%;
   /* margin-top: 30px;*/
}
.topic_pic .swiper-slide img{width:234px;height:134px;overflow:hidden;object-fit:cover;transition:transform .5s ease 0s;}
.topic_pic .swiper-slide img:hover{transform: scale(1.05);}


.topic_pic .swiper-button-prev {
    background-image: url(./../image/prev1.png);
}

.topic_pic .swiper-button-next {
    background-image: url(./../image/next1.png);
}

.topic_pic .swiper-button-prev,
.topic_pic .swiper-button-next {
    width: 18px;
    height: 31px;
    background-size: 18px 31px;
}


/*  */

.newsbox {
    margin-top: 20px;
}

.newsbox.gzdt {
    /*margin-right: 24px;*/
}

.newsbox h3 {
    /* border-bottom: 2px solid #E0000D; */
    /* padding-bottom: 4px; */
    position: relative;
}
.newsbox h3::after{
    content: '';
    width: calc(100% - 78px);
    height: 2px;
    background: #d4141a;
    position: absolute;
    left: 77px;
    bottom: -2px;
}
.newslist {
    position: relative;
    margin-top: 8px;
   
    display: flex;
    justify-content: space-between;
    flex-direction: column;
}

.newslist>a:first-child {
    position: absolute;
    top: -33px;
    right: 0;
    font-size: 14px;
}

.newspic {
    margin: 0px 0 22px !important;
    font-size: 0;
    width: 360px;
    overflow: hidden;
    transition: none;
}

.newspic img {
 transition:transform 1s ease 0s;
    width: 360px;
    height: 203px;
    object-fit: cover;
}
.newspic img:hover{transform: scale(1.1);}

.newslist li {
    font-size: 14px;
}

.newslist li i {
    float: right;
    color: #999999;font-size:14px;
}


/* 视频集锦 */

.newsbox.topic.spjj {
    margin-top: 20px;
}
.video{margin-bottom:22px;}
.videolist {
    margin-top: 20px;
    font-size: 0;
}

.videolist .video_left {
    width: 583px;
    display: inline-block;
    margin-right: 20px;
}

.videolist .video_right {
    display: inline-block;
    width: 596px;
}

.video_right .videobox-s {
    width: 288px;
    margin-bottom: 14px;
    margin-right: 20px;
    display: inline-block;
}

.videolist .videobox-s,
.videolist .videobox-b {
    position: relative;
}

.videolist p {
    position: absolute;
    font-size: 14px;
    font-weight: bold;
    color: #ffffff;
    line-height: 14px;
    bottom: 0;
    padding: 15px 0;
    text-indent: 10px;
    width: 100%;
    background: #000000;
    opacity: 0.5;
}

.videobox-s p {
    padding: 8px 0;
}

.videobox-b>img {
    width: 58px;
    position: absolute;
    left: calc((100% - 58px) / 2);
    top: calc((100% - 58px) / 2);
}

.videobox-s>img {
    width: 38px;
    position: absolute;
    left: calc((100% - 38px) / 2);
    top: calc((100% - 38px) / 2);
}


.electronic {
    width: 100%;
}

.electronic .newspaper {
    width: 100%;
    background: #f4f4f4;
    font-size: 0;
    margin-top: 8px;
    text-align: center;
    display: flex;
}

.electronic .newspaper .nowPaper {
    width: 272px;
    height: 358px;
    margin-left: 10px;
    flex-shrink: 0;overflow:hidden;
}
.electronic .newspaper .nowPaper a{display:inline-block;}
.electronic .newspaper .nowPaper img {
    width: 100%;
    height: 100%;transition:transform .5s ease 0s;
}
.electronic .newspaper .nowPaper img:hover{
   transform: scale(1.05);
}

.electronic .newspaper .oldPaper {
    margin-left: 14px;
    width: 100%;
    overflow: hidden;
}

.electronic .newspaper .oldPaper h3 {
    width: fit-content;
    font-size: 14px;
    font-family: Microsoft Yahe;
    color: rgba(255, 255, 255, .8);
    background: rgba(51, 51, 51, .8);
   /* padding: 5px 10px;*/line-height:28px;
    margin: 15px 0;width:76px;height:29px;
    border-bottom: none;font-weight:normal;
}


.electronic .newspaper .oldPaper .oldPaper_box {
    display: flex;
    flex-wrap: wrap;
    width: 102%;
    height: 306px;
    overflow-y: scroll
}

.electronic .newspaper .oldPaper .oldPaper_box .oldPaper_box_img {
    width: 99px;
    margin-right: 9px;
    height: fit-content;
}
.electronic .newspaper .oldPaper .oldPaper_box .oldPaper_box_img a{
font-size:16px;
}
.electronic .newspaper .oldPaper .oldPaper_box .oldPaper_box_img .box_img {
    height: 140px;
    width: 100%;
}

.electronic .newspaper .oldPaper .oldPaper_box .oldPaper_box_img .box_img img {
    width: 100%;
    height: 100%;transition:transform .5s ease 0s;
}
.electronic .newspaper .oldPaper .oldPaper_box .oldPaper_box_img .box_img img:hover{
  transform: scale(1.05);
}

.electronic .newspaper .oldPaper .oldPaper_box .oldPaper_box_img p {
    font-size: 12px;
    font-family: Microsoft Yahe;
    color: #333333;
    margin: 20px 0;
}

.video {
    position: relative;
}

.play {
    width: 46px;
    height: 46px;
    display: inline-block;
    position: absolute;
    left: calc((100% - 46px) / 2);
    top: calc((100% - 46px) / 2);
}

/* 产品展示 */

.bottom {
    /* background: #e6e6e6; */
}

.product {
    width: 1100px;
    margin: 0 auto;
}

.product .product_box {
   /* padding-top: 34px;
    border-top: 2px solid #D8D8D8;*/
}

.product .product_box .title {
    padding-bottom: 4px;
    margin-bottom: 8px;
    border-bottom: 2px solid #D4141A;
}

.product .product_box .title a {
    font-size: 16px;
    font-weight: bold;
    color: #000000;
}

.product .product_box .title a.active {
    background: #D4141A;
    color: #ffffff;
    padding: 0 5px;
}

.product .product_box_item {
    display: flex;
    justify-content: space-between;
    margin-top: 12px;
    width: 100%;
    flex-wrap: wrap;
}

.product .product_box_item .box_children {
width: 49.3%;
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    padding: 10px;
    background-color: #EEEEEE;
 
    box-sizing: border-box;
}


/* 20.改 */

.product .product_box_item .box_children .box_children_img {
    height: 181px;
    width: 285px;
}

.product .product_box_item .box_children .box_children_img img {
    height: 181px;
    width: 285px;

}
.box_chidren_text{
    padding-left: 10px;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
width:44%;
}
.product .product_box_item .box_children p a {
    text-align: left;
font-size: 18px;
    font-weight: 400;
    color: #000000;
    line-height: 18px;
    margin-bottom: 27px;
}
a.ckgd {
    text-align: right;
    font-size: 14px;
    font-weight: 400;
    color: #182A87;
    line-height: 15px;
    vertical-align: middle;
    margin-right: 4px;
    display: flex;
    justify-content: flex-end;
}a.ckgd img {
    width: 16px;
    height: 16px;
    vertical-align: middle;
    margin: 0 2px;
}

.product .product_box_item .box_children a span{
    font-size: 14px;
    font-weight: 400;
    color: #666666;
    line-height: 22px;
  
}
.product .product_box_item .box_children span {
    font-size: 12px;
    color: #000000;
    line-height: 24px;
    margin-bottom: 10px;
}

.product .product_box .cyList li {
    float: left;
    margin-bottom: 10px;
    position: relative;
}

.product .product_box .cyList {
    display: flex;
}

.product .product_box .cyList .li8,
.product .product_box .cyList .li7,
.product .product_box .cyList .li6,
.product .product_box .cyList .li5,
.product .product_box .cyList .li3,
.product .product_box .cyList .li2,
.product .product_box .cyList .li1 {
    width: 292px;
    height: 172px;
    margin-right: 10px;
}

.product .product_box .cyList .li4 {
    width: 592px;
    height: 172px;
    margin-right: 10px;
}

.product .product_box .cyList .li9 {
    width: 292px;
    height: 354px;
}

.product .product_box .cyList .li10 {
    width: 292px;
    height: 172px;
}

.cyList li a,
.cyList li a img {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cyList li a {
    position: relative;
}

.cyList li a span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
}

.cyList li a span.spanBg {
    background: #5C9EFE;
    opacity: .41;
    filter: alpha(opacity=41);
    z-index: 10;
    transition: all 0.5s ease-out 0s;
}

.cyList li a span.spanCon {
    text-align: center;
    z-index: 11;
}

.cyList li a span.spanCon font {
    color: #fff;
    font-size: 22px;
    margin-top: 70px;
    display: inline-block;
    transition: all 0.5s ease-out 0s;
}

.cyList li.li9 a span.spanCon font {
    margin-top: 150px;
}

.cyList li.li9:hover span.spanCon font {
    margin-top: 100px;
}

.cyList li a span.spanCon span.spanSummry {
    position: static;
    width: 90%;
    display: block;
    margin: 25px auto;
    font-size: 16px;
    color: #fff;
    height: 100px;
    -overflow-y: scroll;
    text-align: left;
    line-height: 25px;
    display: none;
}

.spanSummry::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

.spanSummry::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
    height: 70px;
}

.spanSummry::-webkit-scrollbar-track {
    border-radius: 2px;
}

.cyList li:hover .spanBg {
    background: url() 0 bottom repeat-x;
}

.cyList li:hover span.spanCon font {
    margin-top: 20px;
}

.cyList li:hover span.spanCon .spanSummry {
    display: block;
}

.product .product_box .title a.active .product .pro_title {
    font-size: 0;
    text-align: center;
    padding: 32px 0 16px 0;
}

.pro_title img {
    width: 16px;
    margin-right: 10px;
}

.pro_title span {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 18px;
    margin-right: 10px;
}

.propic {
    padding: 30px 20px;
    background: #ffffff;
    font-size: 0;
    position: relative;
    margin-bottom: 21px;
}

.propic .swiper-slide a {
    display: inline-block;
    width: 100%;
    position: relative;
}

.propic .swiper-slide a p {
    position: absolute;
    font-size: 14px;
    color: #ffffff;
    line-height: 14px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    line-height: 20px;
    width: 100%;
}

.propic .swiper-button-prev {
    background-image: url(./../../image/prev1.png);
    left: -23px;
}

.propic .swiper-button-next {
    background-image: url(./../../image/next1.png);
    right: -23px;
}

.propic .swiper-button-prev,
.propic .swiper-button-next {
    width: 12px;
    height: 22px;
    background-size: 12px 22px;
}

.scheme {
    width: 990px;
    margin-right: 20px;
}

.scheme .sch_title {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 21px;
    background: #f0f0f0;
    padding: 10px;
}

.scheme .sch_title div {
    float: left;
}

.scheme .sch_title a {
    font-weight: normal;
    float: right;
}

.scheme .sch_con {
    background-image: url(./../../image/scheme_bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 20px;
    font-size: 0;
}

.sch_con .sch_item {
    margin-bottom: 22px;
}

.sch_con .sch_item:last-child {
    margin-bottom: 0;
}

.sch_item>div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.sch_item>div:last-child {
    margin-right: 0;
}

.sch_item .item_text {
    position: relative;
    width: 497px;
    padding-bottom: 20px;
    font-size: 12px;
    color: #ffffff;
    line-height: 16px;
}

.sch_item .item_text a {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #ff4c4c;
}

.sch_item .item_pic {
    width: 433px;
}


/* 在线服务 */

.serve {
    padding: 10px;
    /* width: 190px; */
    background: #f8f8f8;
    height: 558px;
    font-size: 0;
}

.serve .serve_title {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 21px;
    margin-bottom: 9px;
}

.serve ul li {
    width: 170px;
    background: #ffffff;
    height: 58px;
    line-height: 58px;
    margin-bottom: 10px;
}

.serve ul li img {
    width: 22px;
    vertical-align: middle;
    margin-right: 8px;
}

.serve ul li span {
    vertical-align: middle;
    font-size: 18px;
    color: #c5342d;
    line-height: 18px;
}


/* 新媒体矩阵 */

.matrix {
    margin:10px auto;
    width: 1100px;
    background: #f2f2f2;
    font-size: 0;margin-bottom:20px;
}

.mat_title {
    display: inline-block;
    width: 78px;
    height: 70px;
    padding: 41px 25px;
    background: #c5342d;
    text-align: center;
    font-size: 26px;
    font-weight: bold;
    color: #ffffff;
    line-height: 35px;
    margin-right: 20px;
    vertical-align: top;
}

.matlist {
    font-size: 0;
    display: inline-block;
    padding: 20px 0;
}


/* 21.改 */

.matlist .mat_item {
    display: inline-block;
    margin-right: 10px;
}

.matlist .mat_item:last-child {
    margin-right: 0;
}

.mat_item p {
    font-size: 14px;
    color: #000000;
    line-height: 19px;
    text-align: center;
    margin-top: 10px;
}

.mat_pic img {
    width: 83px;
}

.mat_pic img:first-child {
    margin-right: 10px;
}





	.con1_xwleft{width: 605px;float:left;overflow:hidden}
	.con1_xwright{width:484px;float:right;overflow:hidden;margin-bottom:12px;}
	.con2_xwleft{width: 360px;float:left;overflow:hidden}
	.con2_xwright{width: 730px;float:right;overflow:hidden}
	.con3_xwleft,.con3_xwcenter,.con3_xwright{width: 360px;}
.con3_xwcenter{margin:0 6px;}
	.con4_xwleft{width: 360px;float:left;overflow:hidden}
	.con4_xwright{ width: 730px;float:right;height:420px;}


.con1_xw,.con2_xw,.con3_xw{overflow:hidden;}
.con3_xw{width:1100px;}

.con4_xw{margin:0 auto;}











/* 新媒体矩阵 */



.matlist {
    font-size: 0;
    display: inline-block;
    padding: 20px 0;
}



.matlist .mat_item:last-child {
    margin-right: 0;
}

.mat_item p {
    font-size: 14px;
    font-family: Microsoft Yahe;
    color: #333333;
    line-height: 19px;
    text-align: center;
    margin-top: 10px;
}

.mat_pic img {
    width: 83px;
}

.mat_pic img:first-child {
    margin-right: 10px;
}


/*banner*/
.banner_slideBox { width:100%;max-width:1440px; margin:0 auto; overflow:hidden; position:relative;}
.banner_slideBox .hd { position:absolute; bottom:15px; width:150px; left:50%; margin-left:-75px;z-index:50 }
.banner_slideBox .hd ul li { width:19px; height:19px;margin:0 2px; float:left; background:url(/zgdk/uiFramework/commonResource/image/2016051213034430222.png) no-repeat center; cursor:pointer;}
.banner_slideBox .hd ul li.on { background:url(/zgdk/uiFramework/commonResource/image/2016051213035341890.png) no-repeat center;  }

.banner_slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner_slideBox .bd li{  zoom:1; vertical-align:middle;display:none}
.banner_slideBox .bd img{ width:100%; height:auto; display:block;  }

.banner_slideBox .ban_prev1,.banner_slideBox .ban_prev2 { position:absolute;  top:50%; margin-top:-30px; display:block; width:42px; height:82px;}
.banner_slideBox .ban_prev1 { right:0;}
.banner_slideBox .ban_prev2 { left:0;}
.banner_slideBox .next,.banner_slideBox .prev { display:inline-block; width:100%; height:100%;}
.banner_slideBox .next{  background:url(/zgdk/resource/cms/2020/12/img_pc_site/2020120112002089777.png) no-repeat center ;  }
.banner_slideBox .prev{  background:url(/zgdk/resource/cms/2020/12/img_pc_site/2020120112002138093.png) no-repeat center;  }

.topic_top img{width:730px;height:109px;overflow:hidden;object-fit:cover;transition:transform .5s ease 0s;}
.topic_top img:hover{transform: scale(1.05)}

/* 产品展示 */

.bottom {
    /* background: #e6e6e6; */
}




.product .product_box .title {
    margin-bottom: 21px;
}

.product .product_box .title a {
    font-size: 16px;
    font-family: MicrosoftYaHei-Bold, Microsoft Yahe;
    font-weight: bold;
    color: #333333;
    margin-right: 5px;
}

.product .product_box .title a.active {
    background: #d4141a;
    color: #ffffff;
    padding: 0 5px;
}

.product .product_box .cyList li {
    float: left;
    margin-bottom: 10px;
    position: relative;
}

.product .product_box .cyList {
    display: flex;
}

.product .product_box .cyList .li8,
.product .product_box .cyList .li7,
.product .product_box .cyList .li6,
.product .product_box .cyList .li5,
.product .product_box .cyList .li3,
.product .product_box .cyList .li2,
.product .product_box .cyList .li1 {
    width: 292px;
    height: 172px;
    margin-right: 10px;
}

.product .product_box .cyList .li4 {
    width: 592px;
    height: 172px;
    margin-right: 10px;
}

.product .product_box .cyList .li9 {
    width: 292px;
    height: 354px;
}

.product .product_box .cyList .li10 {
    width: 292px;
    height: 172px;
}

.cyList li a,
.cyList li a img {
    display: block;
    width: 100%;
    height: 100%;
    overflow: hidden;
}

.cyList li a {
    position: relative;
}

.cyList li a span {
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
}

.cyList li a span.spanBg {
    background: #5C9EFE;
    opacity: .41;
    filter: alpha(opacity=41);
    z-index: 10;
    transition: all 0.5s ease-out 0s;
}

.cyList li a span.spanCon {
    text-align: center;
    z-index: 11;
}

.cyList li a span.spanCon font {
    color: #fff;
    font-size: 22px;
    margin-top: 70px;
    display: inline-block;
    transition: all 0.5s ease-out 0s;
}

.cyList li.li9 a span.spanCon font {
    margin-top: 150px;
}

.cyList li.li9:hover span.spanCon font {
    margin-top: 100px;
}

.cyList li a span.spanCon span.spanSummry {
    position: static;
    width: 90%;
    display: block;
    margin: 25px auto;
    font-size: 16px;
    color: #fff;
    height: 100px;
    -overflow-y: scroll;
    text-align: left;
    line-height: 25px;
    display: none;
}

.spanSummry::-webkit-scrollbar {
    width: 4px;
    height: 1px;
}

.spanSummry::-webkit-scrollbar-thumb {
    border-radius: 2px;
    -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
    background: rgba(0, 0, 0, 0.2);
    height: 70px;
}

.spanSummry::-webkit-scrollbar-track {
    border-radius: 2px;
}

.cyList li:hover .spanBg {
    background: url() 0 bottom repeat-x;
}

.cyList li:hover span.spanCon font {
    margin-top: 20px;
}

.cyList li:hover span.spanCon .spanSummry {
    display: block;
}

.product .product_box .title a.active .product .pro_title {
    font-size: 0;
    text-align: center;
    padding: 32px 0 16px 0;
}

.pro_title img {
    width: 16px;
    margin-right: 10px;
}

.pro_title span {
    font-size: 18px;
    font-weight: bold;
    color: #333333;
    line-height: 18px;
    margin-right: 10px;
}

.propic {
    padding: 30px 20px;
    background: #ffffff;
    font-size: 0;
    position: relative;
    margin-bottom: 21px;
}

.propic .swiper-slide a {
    display: inline-block;
    width: 100%;
    position: relative;
}

.propic .swiper-slide a p {
    position: absolute;
    font-size: 14px;
    color: #ffffff;
    line-height: 14px;
    text-align: center;
    background: rgba(0, 0, 0, 0.5);
    bottom: 0;
    line-height: 20px;
    width: 100%;
}

.propic .swiper-button-prev {
    background-image: url(./../../image/prev1.png);
    left: -23px;
}

.propic .swiper-button-next {
    background-image: url(./../../image/next1.png);
    right: -23px;
}

.propic .swiper-button-prev,
.propic .swiper-button-next {
    width: 12px;
    height: 22px;
    background-size: 12px 22px;
}

.scheme {
    width: 990px;
    margin-right: 20px;
}

.scheme .sch_title {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 21px;
    background: #f0f0f0;
    padding: 10px;
}

.scheme .sch_title div {
    float: left;
}

.scheme .sch_title a {
    font-weight: normal;
    float: right;
}

.scheme .sch_con {
    background-image: url(./../../image/scheme_bg.png);
    background-size: 100%;
    background-repeat: no-repeat;
    padding: 20px;
    font-size: 0;
}

.sch_con .sch_item {
    margin-bottom: 22px;
}

.sch_con .sch_item:last-child {
    margin-bottom: 0;
}

.sch_item>div {
    display: inline-block;
    vertical-align: middle;
    margin-right: 20px;
}

.sch_item>div:last-child {
    margin-right: 0;
}

.sch_item .item_text {
    position: relative;
    width: 497px;
    padding-bottom: 20px;
    font-size: 12px;
    color: #ffffff;
    line-height: 16px;
}

.sch_item .item_text a {
    position: absolute;
    right: 0;
    bottom: 0;
    color: #ff4c4c;
}

.sch_item .item_pic {
    width: 433px;
}


/* 在线服务 */

.serve {
    padding: 10px;
    /* width: 190px; */
    background: #f8f8f8;
    height: 558px;
    font-size: 0;
}

.serve .serve_title {
    font-size: 16px;
    font-weight: bold;
    color: #333333;
    line-height: 21px;
    margin-bottom: 9px;
}

.serve ul li {
    width: 170px;
    background: #ffffff;
    height: 58px;
    line-height: 58px;
    margin-bottom: 10px;
}

.serve ul li img {
    width: 22px;
    vertical-align: middle;
    margin-right: 8px;
}

.serve ul li span {
    vertical-align: middle;
    font-size: 18px;
    color: #c5342d;
    line-height: 18px;
}




.video {
    position: relative;
}

.play {
    width: 46px;
    height: 46px;
    display: inline-block;
    position: absolute;
    left: calc((100% - 46px) / 2);
    top: calc((100% - 46px) / 2);
}



/*切换*/	
.zizhanmkbox001{ width:100%; height:auto; }
.wywaihui{ margin-bottom:10px;}
.zizhanmkbox001 ul{ list-style:none; margin:0; padding:0;}
.zizhanmkbox001 ul li{ float:left;list-style:none; height:31px; line-height:31px;font-family:微软雅黑; margin-right: 20px;cursor: pointer;}
.zizhanmkbox001 ul li.hover{ float:left; border-bottom: 2px solid #182A87;}
.zizhanmktop001{ width:100%; height:31px;border-bottom: 2px solid #d4141a;}
.zizhanmktop001 a{}
.zizhanmktop001 li i {display: inline-block;text-align: center; width: 42px;height: 23px;background: #d4141a;
font-size: 16px;font-weight: bold;color: #ffffff;line-height: 23px;font-style: normal; margin-right: 6px;}
.zizhanmktop001 li span {font-size: 16px;line-height: 23px;font-weight: bold;color: #333333;}
.zizhanmkbot001{ width:100%; height:auto;}
.yhhd_01{height:auto; overflow:hidden;width:90%; margin:auto; margin-top:6px;}
.yhhd_01 img{margin-top:10px; width:162px; height:150px;}
.titw{width: 66%;}
.titdate{color:#c4c4c4;font-size: 12px;}
.menu_more01{ line-height:35px;float:right;}
.menu_more01 a{ font-size:14px; color: #333; text-decoration: none;}

.video video{width:360px !important;height:203px !important;overflow:hidden;background:#000;}