.news {
    padding: 40px 0;
    background-color: #fff
}

.news .newsbox {
    width: 1300px;
    margin: 0 auto;
    overflow: hidden;

}

.news .newsbox .pagetitle {
    text-align: center;
    font-size: 32px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #333;
    line-height: 32px
}

.news .newsbox .titleline {
    width: 48px;
    height: 2px;
    background: #cf000d;
    margin: 16px auto
}

.news .newsbox .xwbox {
    margin-top: 31px
}

.news .newsbox .xwbox .leftbox {
    float: left;
    width: 650px;
    border-radius: 8px
}

.news .newsbox .xwbox .leftbox .carouselitem {
    width: 100%;
    height: 100%;
    position: relative
}

.news .newsbox .xwbox .leftbox .carouselitem:hover .imgbox img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.news .newsbox .xwbox .leftbox .carouselitem .imgbox {
    width: 100%;
    height: 100%;
    overflow: hidden
}

.news .newsbox .xwbox .leftbox .carouselitem .imgbox img {
    width: 100%;
    height: 100%;
    -webkit-transition: .3s;
    transition: .3s
}

 .xwtitle {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 72px;
    vertical-align: bottom;
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),to(rgba(0,0,0,.6)));
    background: linear-gradient(180deg,hsla(0,0%,100%,0),rgba(0,0,0,.6))
}

.xwtitle .xwtitletext {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    font-size: 20px;
    font-family: PingFangSC-Medium,PingFang SC;
    font-weight: 500;
    color: #fff;
    line-height: 20px;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.news .newsbox .xwbox .leftbox .bannerbottom {
    margin-top: 10px
}

.news .newsbox .xwbox .leftbox .bannerbottom label {
    display: inline-block;
    width: 126px;
    height: 70px;
    margin-right: 10px;
    background-color: #eee;
    overflow: hidden
}

.news .newsbox .xwbox .leftbox .bannerbottom label:last-child {
    margin-right: 0
}

.news .newsbox .xwbox .leftbox .bannerbottom label img {
    width: 100%;
    height: 100%
}

.news .newsbox .xwbox .leftbox .bannerbottom label.actived {
    border: 2px solid #cf000d;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.news .newsbox .xwbox .rightbox {
    float: right
}

.news .newsbox .xwbox .rightbox li {
    height: 50px;
    line-height: 50px;
    width: 640px;
    padding-left: 15px;
    padding-right: 10px;
    list-style: none;
    position: relative;
    margin-top: 8px;
    cursor: pointer
}

.news .newsbox .xwbox .rightbox li:hover {
    -webkit-box-shadow: 0 4px 20px 0 rgba(0,0,0,.08);
    box-shadow: 0 4px 20px 0 rgba(0,0,0,.08)
}

.news .newsbox .xwbox .rightbox li:hover .title {
    color: #cf000d
}

.news .newsbox .xwbox .rightbox li:first-child {
    margin-top: 0
}

.news .newsbox .xwbox .rightbox li .dot {
    float: left;
    width: 6px;
    height: 6px;
    background-color: #cf000d;
    margin-right: 10px;
    margin-top: 21px
}

.news .newsbox .xwbox .rightbox li .title {
    display: block;
    float: left;
    width: 520px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    font-size: 18px;
    font-weight: 400;
    color: #333
}

.news .newsbox .xwbox .rightbox li .hotbox {
    float: left;
    margin-top: 15px;
    margin-right: 10px;
    width: 36px;
    height: 18px;
    background-color: #cf000d;
    color: #fff;
    font-size: 12px;
    line-height: 18px;
    text-align: center
}

.news .newsbox .xwbox .rightbox li .time {
    float: right;
    font-size: 16px;
    font-family: PingFang-SC-Medium,PingFang-SC;
    font-weight: 500;
    color: #999
}

.news .newsbox .xwbox .rightbox .morebox {
    margin-top: 20px;
    text-align: right;
    padding-right: 10px
}

.news .newsbox .xwbox .rightbox .morebox .more {
    display: inline-block;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #999;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .2s;
    transition: .2s
}

.news .newsbox .xwbox .rightbox .morebox .more i {
    transition: transform .4s,-webkit-transform .4s
}

.news .newsbox .xwbox .rightbox .morebox .more:hover {
    color: #cf000d
}

.news .newsbox .xwbox .rightbox .morebox .more:hover i {
    -webkit-transform: translateX(4px);
    transform: translateX(4px)
}

.news .newsbox .marqueebox {
    margin-top: 48px;
    background-color: #fff;
    height: 80px
}

.news .newsbox .marqueebox .ggitem {
    color: #fff;
    line-height: 80px;
    text-align: center;
    background-image: url(../images/ggbg.png);
    background-size: 100% 100%;
    font-size: 28px;
    font-weight: 700;
    cursor: pointer
}
.news .newsbox .marqueebox .ggitem a{
    color: #fff;
}
/*.swiper-container {*/
/*    margin-left: auto;*/
/*    margin-right: auto;*/
/*    position: relative;*/
/*    overflow: hidden;*/
/*    list-style: none;*/
/*    padding: 0;*/
/*    z-index: 1*/
/*}*/

/*!*幻灯片开始*!*/
/*.swiper-container-no-flexbox .swiper-slide {*/
/*    float: left*/
/*}*/

/*.swiper-container-vertical>.swiper-wrapper {*/
/*    -webkit-box-orient: vertical;*/
/*    -webkit-box-direction: normal;*/
/*    -webkit-flex-direction: column;*/
/*    -ms-flex-direction: column;*/
/*    flex-direction: column*/
/*}*/

/*.swiper-wrapper {*/
/*    position: relative;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    z-index: 1;*/
/*    display: -webkit-box;*/
/*    display: -webkit-flex;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-transition-property: -webkit-transform;*/
/*    transition-property: -webkit-transform;*/
/*    -o-transition-property: transform;*/
/*    transition-property: transform;*/
/*    transition-property: transform,-webkit-transform;*/
/*    -webkit-box-sizing: content-box;*/
/*    box-sizing: content-box*/
/*}*/

/*.swiper-container-android .swiper-slide,.swiper-wrapper {*/
/*    -webkit-transform: translateZ(0);*/
/*    transform: translateZ(0)*/
/*}*/

/*.swiper-container-multirow>.swiper-wrapper {*/
/*    -webkit-flex-wrap: wrap;*/
/*    -ms-flex-wrap: wrap;*/
/*    flex-wrap: wrap*/
/*}*/

/*.swiper-container-free-mode>.swiper-wrapper {*/
/*    -webkit-transition-timing-function: ease-out;*/
/*    -o-transition-timing-function: ease-out;*/
/*    transition-timing-function: ease-out;*/
/*    margin: 0 auto*/
/*}*/

/*.swiper-slide {*/
/*    -webkit-flex-shrink: 0;*/
/*    -ms-flex-negative: 0;*/
/*    flex-shrink: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    position: relative;*/
/*    -webkit-transition-property: -webkit-transform;*/
/*    transition-property: -webkit-transform;*/
/*    -o-transition-property: transform;*/
/*    transition-property: transform;*/
/*    transition-property: transform,-webkit-transform*/
/*}*/

/*.swiper-slide-invisible-blank {*/
/*    visibility: hidden*/
/*}*/

/*.swiper-container-autoheight,.swiper-container-autoheight .swiper-slide {*/
/*    height: auto*/
/*}*/

/*.swiper-container-autoheight .swiper-wrapper {*/
/*    -webkit-box-align: start;*/
/*    -webkit-align-items: flex-start;*/
/*    -ms-flex-align: start;*/
/*    align-items: flex-start;*/
/*    -webkit-transition-property: height,-webkit-transform;*/
/*    transition-property: height,-webkit-transform;*/
/*    -o-transition-property: transform,height;*/
/*    transition-property: transform,height;*/
/*    transition-property: transform,height,-webkit-transform*/
/*}*/

/*.swiper-container-3d {*/
/*    -webkit-perspective: 1200px;*/
/*    perspective: 1200px*/
/*}*/

/*.swiper-container-3d .swiper-cube-shadow,.swiper-container-3d .swiper-slide,.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top,.swiper-container-3d .swiper-wrapper {*/
/*    -webkit-transform-style: preserve-3d;*/
/*    transform-style: preserve-3d*/
/*}*/

/*.swiper-container-3d .swiper-slide-shadow-bottom,.swiper-container-3d .swiper-slide-shadow-left,.swiper-container-3d .swiper-slide-shadow-right,.swiper-container-3d .swiper-slide-shadow-top {*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    pointer-events: none;*/
/*    z-index: 10*/
/*}*/

/*.swiper-container-3d .swiper-slide-shadow-left {*/
/*    background-image: -webkit-gradient(linear,right top,left top,from(rgba(0,0,0,.5)),to(transparent));*/
/*    background-image: -webkit-linear-gradient(right,rgba(0,0,0,.5),transparent);*/
/*    background-image: -o-linear-gradient(right,rgba(0,0,0,.5),transparent);*/
/*    background-image: linear-gradient(270deg,rgba(0,0,0,.5),transparent)*/
/*}*/

/*.swiper-container-3d .swiper-slide-shadow-right {*/
/*    background-image: -webkit-gradient(linear,left top,right top,from(rgba(0,0,0,.5)),to(transparent));*/
/*    background-image: -webkit-linear-gradient(left,rgba(0,0,0,.5),transparent);*/
/*    background-image: -o-linear-gradient(left,rgba(0,0,0,.5),transparent);*/
/*    background-image: linear-gradient(90deg,rgba(0,0,0,.5),transparent)*/
/*}*/

/*.swiper-container-3d .swiper-slide-shadow-top {*/
/*    background-image: -webkit-gradient(linear,left bottom,left top,from(rgba(0,0,0,.5)),to(transparent));*/
/*    background-image: -webkit-linear-gradient(bottom,rgba(0,0,0,.5),transparent);*/
/*    background-image: -o-linear-gradient(bottom,rgba(0,0,0,.5),transparent);*/
/*    background-image: linear-gradient(0deg,rgba(0,0,0,.5),transparent)*/
/*}*/

/*.swiper-container-3d .swiper-slide-shadow-bottom {*/
/*    background-image: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,.5)),to(transparent));*/
/*    background-image: -webkit-linear-gradient(top,rgba(0,0,0,.5),transparent);*/
/*    background-image: -o-linear-gradient(top,rgba(0,0,0,.5),transparent);*/
/*    background-image: linear-gradient(180deg,rgba(0,0,0,.5),transparent)*/
/*}*/

/*.swiper-container-wp8-horizontal,.swiper-container-wp8-horizontal>.swiper-wrapper {*/
/*    -ms-touch-action: pan-y;*/
/*    touch-action: pan-y*/
/*}*/

/*.swiper-container-wp8-vertical,.swiper-container-wp8-vertical>.swiper-wrapper {*/
/*    -ms-touch-action: pan-x;*/
/*    touch-action: pan-x*/
/*}*/

/*.swiper-button-next,.swiper-button-prev {*/
/*    position: absolute;*/
/*    top: 50%;*/
/*    width: 27px;*/
/*    height: 44px;*/
/*    margin-top: -22px;*/
/*    z-index: 10;*/
/*    cursor: pointer;*/
/*    background-size: 27px 44px;*/
/*    background-position: 50%;*/
/*    background-repeat: no-repeat*/
/*}*/

/*.swiper-button-next.swiper-button-disabled,.swiper-button-prev.swiper-button-disabled {*/
/*    opacity: .35;*/
/*    cursor: auto;*/
/*    pointer-events: none*/
/*}*/

/*.swiper-button-prev,.swiper-container-rtl .swiper-button-next {*/
/*    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23007aff'/%3E%3C/svg%3E");*/
/*    left: 10px;*/
/*    right: auto*/
/*}*/

/*.swiper-button-next,.swiper-container-rtl .swiper-button-prev {*/
/*    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23007aff'/%3E%3C/svg%3E");*/
/*    right: 10px;*/
/*    left: auto*/
/*}*/

/*.swiper-button-prev.swiper-button-white,.swiper-container-rtl .swiper-button-next.swiper-button-white {*/
/*    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z' fill='%23fff'/%3E%3C/svg%3E")*/
/*}*/

/*.swiper-button-next.swiper-button-white,.swiper-container-rtl .swiper-button-prev.swiper-button-white {*/
/*    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z' fill='%23fff'/%3E%3C/svg%3E")*/
/*}*/

/*.swiper-button-prev.swiper-button-black,.swiper-container-rtl .swiper-button-next.swiper-button-black {*/
/*    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M0 22L22 0l2.1 2.1L4.2 22l19.9 19.9L22 44 0 22z'/%3E%3C/svg%3E")*/
/*}*/

/*.swiper-button-next.swiper-button-black,.swiper-container-rtl .swiper-button-prev.swiper-button-black {*/
/*    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 27 44'%3E%3Cpath d='M27 22L5 44l-2.1-2.1L22.8 22 2.9 2.1 5 0l22 22z'/%3E%3C/svg%3E")*/
/*}*/

/*.swiper-button-lock {*/
/*    display: none*/
/*}*/

/*.swiper-pagination {*/
/*    position: absolute;*/
/*    text-align: center;*/
/*    -webkit-transition: opacity .3s;*/
/*    -o-transition: .3s opacity;*/
/*    transition: opacity .3s;*/
/*    -webkit-transform: translateZ(0);*/
/*    transform: translateZ(0);*/
/*    z-index: 10*/
/*}*/

/*.swiper-pagination.swiper-pagination-hidden {*/
/*    opacity: 0*/
/*}*/

/*.swiper-container-horizontal>.swiper-pagination-bullets,.swiper-pagination-custom,.swiper-pagination-fraction {*/
/*    bottom: 10px;*/
/*    left: 0;*/
/*    width: 100%*/
/*}*/

/*.swiper-pagination-bullets-dynamic {*/
/*    overflow: hidden;*/
/*    font-size: 0*/
/*}*/

/*.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {*/
/*    -webkit-transform: scale(.33);*/
/*    -ms-transform: scale(.33);*/
/*    transform: scale(.33);*/
/*    position: relative*/
/*}*/

/*.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {*/
/*    -webkit-transform: scale(1);*/
/*    -ms-transform: scale(1);*/
/*    transform: scale(1)*/
/*}*/

/*.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {*/
/*    -webkit-transform: scale(.66);*/
/*    -ms-transform: scale(.66);*/
/*    transform: scale(.66)*/
/*}*/

/*.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {*/
/*    -webkit-transform: scale(.33);*/
/*    -ms-transform: scale(.33);*/
/*    transform: scale(.33)*/
/*}*/

/*.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {*/
/*    -webkit-transform: scale(.66);*/
/*    -ms-transform: scale(.66);*/
/*    transform: scale(.66)*/
/*}*/

/*.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {*/
/*    -webkit-transform: scale(.33);*/
/*    -ms-transform: scale(.33);*/
/*    transform: scale(.33)*/
/*}*/

/*.swiper-pagination-bullet {*/
/*    width: 8px;*/
/*    height: 8px;*/
/*    display: inline-block;*/
/*    border-radius: 100%;*/
/*    background: #000;*/
/*    opacity: .2*/
/*}*/

/*button.swiper-pagination-bullet {*/
/*    border: none;*/
/*    margin: 0;*/
/*    padding: 0;*/
/*    -webkit-box-shadow: none;*/
/*    box-shadow: none;*/
/*    -webkit-appearance: none;*/
/*    -moz-appearance: none;*/
/*    appearance: none*/
/*}*/

/*.swiper-pagination-clickable .swiper-pagination-bullet {*/
/*    cursor: pointer*/
/*}*/

/*.swiper-pagination-bullet-active {*/
/*    opacity: 1;*/
/*    background: #007aff*/
/*}*/

/*.swiper-container-vertical>.swiper-pagination-bullets {*/
/*    right: 10px;*/
/*    top: 50%;*/
/*    -webkit-transform: translate3d(0,-50%,0);*/
/*    transform: translate3d(0,-50%,0)*/
/*}*/

/*.swiper-container-vertical>.swiper-pagination-bullets .swiper-pagination-bullet {*/
/*    margin: 6px 0;*/
/*    display: block*/
/*}*/

/*.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {*/
/*    top: 50%;*/
/*    -webkit-transform: translateY(-50%);*/
/*    -ms-transform: translateY(-50%);*/
/*    transform: translateY(-50%);*/
/*    width: 8px*/
/*}*/

/*.swiper-container-vertical>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {*/
/*    display: inline-block;*/
/*    -webkit-transition: top .2s,-webkit-transform .2s;*/
/*    transition: top .2s,-webkit-transform .2s;*/
/*    -o-transition: .2s transform,.2s top;*/
/*    transition: transform .2s,top .2s;*/
/*    transition: transform .2s,top .2s,-webkit-transform .2s*/
/*}*/

/*.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {*/
/*    margin: 0 4px*/
/*}*/

/*.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic {*/
/*    left: 50%;*/
/*    -webkit-transform: translateX(-50%);*/
/*    -ms-transform: translateX(-50%);*/
/*    transform: translateX(-50%);*/
/*    white-space: nowrap*/
/*}*/

/*.swiper-container-horizontal>.swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {*/
/*    -webkit-transition: left .2s,-webkit-transform .2s;*/
/*    transition: left .2s,-webkit-transform .2s;*/
/*    -o-transition: .2s transform,.2s left;*/
/*    transition: transform .2s,left .2s;*/
/*    transition: transform .2s,left .2s,-webkit-transform .2s*/
/*}*/

/*.swiper-container-horizontal.swiper-container-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {*/
/*    -webkit-transition: right .2s,-webkit-transform .2s;*/
/*    transition: right .2s,-webkit-transform .2s;*/
/*    -o-transition: .2s transform,.2s right;*/
/*    transition: transform .2s,right .2s;*/
/*    transition: transform .2s,right .2s,-webkit-transform .2s*/
/*}*/

/*.swiper-pagination-progressbar {*/
/*    background: rgba(0,0,0,.25);*/
/*    position: absolute*/
/*}*/

/*.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {*/
/*    background: #007aff;*/
/*    position: absolute;*/
/*    left: 0;*/
/*    top: 0;*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    -webkit-transform: scale(0);*/
/*    -ms-transform: scale(0);*/
/*    transform: scale(0);*/
/*    -webkit-transform-origin: left top;*/
/*    -ms-transform-origin: left top;*/
/*    transform-origin: left top*/
/*}*/

/*.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {*/
/*    -webkit-transform-origin: right top;*/
/*    -ms-transform-origin: right top;*/
/*    transform-origin: right top*/
/*}*/

/*.swiper-container-horizontal>.swiper-pagination-progressbar,.swiper-container-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {*/
/*    width: 100%;*/
/*    height: 4px;*/
/*    left: 0;*/
/*    top: 0*/
/*}*/

/*.swiper-container-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-container-vertical>.swiper-pagination-progressbar {*/
/*    width: 4px;*/
/*    height: 100%;*/
/*    left: 0;*/
/*    top: 0*/
/*}*/

/*.swiper-pagination-white .swiper-pagination-bullet-active {*/
/*    background: #fff*/
/*}*/

/*.swiper-pagination-progressbar.swiper-pagination-white {*/
/*    background: hsla(0,0%,100%,.25)*/
/*}*/

/*.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {*/
/*    background: #fff*/
/*}*/

/*.swiper-pagination-black .swiper-pagination-bullet-active {*/
/*    background: #000*/
/*}*/

/*.swiper-pagination-progressbar.swiper-pagination-black {*/
/*    background: rgba(0,0,0,.25)*/
/*}*/

/*.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {*/
/*    background: #000*/
/*}*/

/*.swiper-pagination-lock {*/
/*    display: none*/
/*}*/

/*.swiper-scrollbar {*/
/*    border-radius: 10px;*/
/*    position: relative;*/
/*    -ms-touch-action: none;*/
/*    background: rgba(0,0,0,.1)*/
/*}*/

/*.swiper-container-horizontal>.swiper-scrollbar {*/
/*    position: absolute;*/
/*    left: 1%;*/
/*    bottom: 3px;*/
/*    z-index: 50;*/
/*    height: 5px;*/
/*    width: 98%*/
/*}*/

/*.swiper-container-vertical>.swiper-scrollbar {*/
/*    position: absolute;*/
/*    right: 3px;*/
/*    top: 1%;*/
/*    z-index: 50;*/
/*    width: 5px;*/
/*    height: 98%*/
/*}*/

/*.swiper-scrollbar-drag {*/
/*    height: 100%;*/
/*    width: 100%;*/
/*    position: relative;*/
/*    background: rgba(0,0,0,.5);*/
/*    border-radius: 10px;*/
/*    left: 0;*/
/*    top: 0*/
/*}*/

/*.swiper-scrollbar-cursor-drag {*/
/*    cursor: move*/
/*}*/

/*.swiper-scrollbar-lock {*/
/*    display: none*/
/*}*/

/*.swiper-zoom-container {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    display: -webkit-box;*/
/*    display: -webkit-flex;*/
/*    display: -ms-flexbox;*/
/*    display: flex;*/
/*    -webkit-box-pack: center;*/
/*    -webkit-justify-content: center;*/
/*    -ms-flex-pack: center;*/
/*    justify-content: center;*/
/*    -webkit-box-align: center;*/
/*    -webkit-align-items: center;*/
/*    -ms-flex-align: center;*/
/*    align-items: center;*/
/*    text-align: center*/
/*}*/

/*.swiper-zoom-container>canvas,.swiper-zoom-container>img,.swiper-zoom-container>svg {*/
/*    max-width: 100%;*/
/*    max-height: 100%;*/
/*    -o-object-fit: contain;*/
/*    object-fit: contain*/
/*}*/

/*.swiper-slide-zoomed {*/
/*    cursor: move*/
/*}*/

/*.swiper-lazy-preloader {*/
/*    width: 42px;*/
/*    height: 42px;*/
/*    position: absolute;*/
/*    left: 50%;*/
/*    top: 50%;*/
/*    margin-left: -21px;*/
/*    margin-top: -21px;*/
/*    z-index: 10;*/
/*    -webkit-transform-origin: 50%;*/
/*    -ms-transform-origin: 50%;*/
/*    transform-origin: 50%;*/
/*    -webkit-animation: swiper-preloader-spin 1s steps(12) infinite;*/
/*    animation: swiper-preloader-spin 1s steps(12) infinite*/
/*}*/

/*.swiper-lazy-preloader:after {*/
/*    display: block;*/
/*    content: "";*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%236c6c6c' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E");*/
/*    background-position: 50%;*/
/*    background-size: 100%;*/
/*    background-repeat: no-repeat*/
/*}*/

/*.swiper-lazy-preloader-white:after {*/
/*    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 120 120' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E%3Cdefs%3E%3Cpath id='a' stroke='%23fff' stroke-width='11' stroke-linecap='round' d='M60 7v20'/%3E%3C/defs%3E%3Cuse xlink:href='%23a' opacity='.27'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(30 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(60 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(90 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(120 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.27' transform='rotate(150 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.37' transform='rotate(180 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.46' transform='rotate(210 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.56' transform='rotate(240 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.66' transform='rotate(270 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.75' transform='rotate(300 60 60)'/%3E%3Cuse xlink:href='%23a' opacity='.85' transform='rotate(330 60 60)'/%3E%3C/svg%3E")*/
/*}*/

.el-carousel {
    position: relative
}

.el-carousel--horizontal {
    overflow-x: hidden
}

.el-carousel--vertical {
    overflow-y: hidden
}

.el-carousel__container {
    position: relative;
    height: 300px
}

.el-carousel__arrow {
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
    height: 36px;
    width: 36px;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s;
    border-radius: 50%;
    background-color: rgba(31, 45, 61, .11);
    color: #fff;
    position: absolute;
    top: 50%;
    z-index: 10;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    text-align: center;
    font-size: 12px
}

.el-carousel__arrow--left {
    left: 16px
}

.el-carousel__arrow--right {
    right: 16px
}

.el-carousel__arrow:hover {
    background-color: rgba(31, 45, 61, .23)
}

.el-carousel__arrow i {
    cursor: pointer
}

.el-carousel__indicators {
    position: absolute;
    list-style: none;
    margin: 0;
    padding: 0;
    z-index: 2
}

.el-carousel__indicators--horizontal {
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%)
}

.el-carousel__indicators--vertical {
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.el-carousel__indicators--outside {
    bottom: 26px;
    text-align: center;
    position: static;
    -webkit-transform: none;
    transform: none
}

.el-carousel__indicators--outside .el-carousel__indicator:hover button {
    opacity: .64
}

.el-carousel__indicators--outside button {
    background-color: #c0c4cc;
    opacity: .24
}

.el-carousel__indicators--labels {
    left: 0;
    right: 0;
    -webkit-transform: none;
    transform: none;
    text-align: center
}

.el-carousel__indicators--labels .el-carousel__button {
    height: auto;
    width: auto;
    padding: 2px 18px;
    font-size: 12px
}

.el-carousel__indicators--labels .el-carousel__indicator {
    padding: 6px 4px
}

.el-carousel__indicator {
    background-color: transparent;
    cursor: pointer
}

.el-carousel__indicator:hover button {
    opacity: .72
}

.el-carousel__indicator--horizontal {
    display: inline-block;
    padding: 12px 4px
}

.el-carousel__indicator--vertical {
    padding: 4px 12px
}

.el-carousel__indicator--vertical .el-carousel__button {
    width: 2px;
    height: 15px
}

.el-carousel__indicator.is-active button {
    opacity: 1
}

.el-carousel__button {
    display: block;
    opacity: .48;
    width: 30px;
    height: 2px;
    background-color: #fff;
    border: none;
    outline: 0;
    padding: 0;
    margin: 0;
    cursor: pointer;
    -webkit-transition: .3s;
    transition: .3s
}

.el-carousel__item, .el-carousel__mask {
    height: 100%;
    top: 0;
    left: 0;
    position: absolute
}

.carousel-arrow-left-enter, .carousel-arrow-left-leave-active {
    -webkit-transform: translateY(-50%) translateX(-10px);
    transform: translateY(-50%) translateX(-10px);
    opacity: 0
}

.carousel-arrow-right-enter, .carousel-arrow-right-leave-active {
    -webkit-transform: translateY(-50%) translateX(10px);
    transform: translateY(-50%) translateX(10px);
    opacity: 0
}

.el-carousel__item {
    width: 100%;
    display: inline-block;
    overflow: hidden;
    z-index: 0
}

.el-carousel__item.is-active {
    z-index: 2
}

.el-carousel__item--card, .el-carousel__item.is-animating {
    -webkit-transition: -webkit-transform .4s ease-in-out;
    transition: -webkit-transform .4s ease-in-out;
    transition: transform .4s ease-in-out;
    transition: transform .4s ease-in-out, -webkit-transform .4s ease-in-out
}

.el-carousel__item--card {
    width: 50%
}

.el-carousel__item--card.is-in-stage {
    cursor: pointer;
    z-index: 1
}

.el-carousel__item--card.is-in-stage.is-hover .el-carousel__mask, .el-carousel__item--card.is-in-stage:hover .el-carousel__mask {
    opacity: .12
}

.el-carousel__item--card.is-active {
    z-index: 2
}

.el-carousel__mask {
    width: 100%;
    background-color: #fff;
    opacity: .24;
    -webkit-transition: .2s;
    transition: .2s
}
/*幻灯片滚动*/


/*商务开始*/
.business {
    padding: 48px 0;
    background-color: #f7f7f7
}

.business .businessbox {
    width: 1200px;
    margin: 0 auto;
    position: relative
}

.business .businessbox .butbox {
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 50%;
    position: absolute;
    z-index: 99;
    font-size: 18px;
    color: #ccc;
    font-weight: 500
}

.business .businessbox .butbox:not(.disbaled):hover {
    border: 1px solid #888;
    color: #888
}

.business .businessbox .butbox i {
    margin: 10px
}

.business .businessbox .butbox.gopre {
    top: 323px;
    left: -88px
}

.business .businessbox .butbox.gonext {
    top: 323px;
    right: -88px
}

.business .businessbox .pagetitle {
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    color: #333;
    line-height: 32px
}

.business .businessbox .titleline {
    width: 48px;
    height: 2px;
    background: #cf000d;
    margin: 16px auto
}

.business .businessbox .pagecontent {
    width: 1200px;
    overflow: hidden;
    margin-top: 41px;
    position: relative
}

/*.business .businessbox .pagecontent .swiper-slide {*/
/*    -webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,.04);*/
/*    box-shadow: 0 8px 20px 0 rgba(0,0,0,.04)*/
/*}*/

.business .businessbox .pagecontent .swiper-box {
    width: 1216px;
    margin: 0 auto
}

.business .businessbox .pagecontent .content {
    display: inline-block;
    width: 384px;
    height: 478px;
    position: relative;
    margin-bottom: 20px;
    -webkit-box-shadow: 0 8px 20px 0 rgba(0,0,0,.04);
    box-shadow: 0 8px 20px 0 rgba(0,0,0,.04)
}

.business .businessbox .pagecontent .content .contentitem {
    top: -20px
}

.business .businessbox .pagecontent .content .contentitem .imgbox {
    width: 100%;
    height: 256px;
    overflow: hidden
}

.business .businessbox .pagecontent .content .contentitem img {
    width: 100%;
    height: 100%;
    -webkit-transition: .3s;
    transition: .3s
}

.business .businessbox .pagecontent .content .contentitem img:hover {
    -webkit-transform: scale(1.05);
    transform: scale(1.05)
}

.business .businessbox .pagecontent .content .contentitem .textbox {
    width: 100%;
    height: 222px;
    padding: 24px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.business .businessbox .pagecontent .content .contentitem .textbox:hover .texttitle {
    color: #cf000d
}

.business .businessbox .pagecontent .content .contentitem .textbox .texttitle {
    font-size: 30px;
    font-family: PingFang-SC-Heavy,PingFang-SC;
    font-weight: 800;
    color: #333;
    line-height: 30px
}

.business .businessbox .pagecontent .content .contentitem .textbox .textcontent {
    margin-top: 16px;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #999;
    line-height: 32px;
    text-align: justify
}

.business .businessbox .pagecontent .content .contentitem .textwidth {
    padding-right: 10px
}

.business .businessbox .morebox {
    text-align: center;
    margin: 24px auto 0 auto
}

.business .businessbox .morebox .more {
    display: inline-block;
    padding: 11px 10px 11px 17px;
    border-radius: 20px;
    border: 1px solid #999;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #999;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .2s;
    transition: .2s
}

.business .businessbox .morebox .more i {
    transition: transform .4s,-webkit-transform .4s
}

.business .businessbox .morebox .more:hover {
    background-color: #cf000d;
    color: #fff;
    border: 1px solid #cf000d
}
/*商务结束*/

/*控参股企业*/
.enterprises {
    padding: 48px 0 100px;
    background-color: #fff
}

.enterprises .enterprisesbox {
    width: 1200px;
    margin: 0 auto
}

.enterprises .enterprisesbox .pagetitle {
    text-align: center;
    font-size: 32px;
    font-weight: 400;
    color: #333;
    line-height: 32px
}

.enterprises .enterprisesbox .titleline {
    width: 48px;
    height: 2px;
    background: #cf000d;
    margin: 16px auto
}

.enterprises .enterprisesbox .contenbox {
    margin-top: 24px;
    padding: 0 10px
}

.enterprises .enterprisesbox .contenbox .cardbox {
    width: 219px;
    /*height: 128px;*/
    background-color: #f7f7f7;
    margin-right: 16px;
    position: relative;
    -webkit-transition: all .3s;
    transition: all .3s
}

.enterprises .enterprisesbox .contenbox .cardbox:hover {
    margin-top: -10px;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0,0,0,.1);
    box-shadow: 0 6px 12px 0 rgba(0,0,0,.1)
}

.enterprises .enterprisesbox .contenbox .cardbox:last-child {
    margin-right: 0
}

.enterprises .enterprisesbox .contenbox .cardbox.fl {
    float: left
}

.enterprises .enterprisesbox .contenbox .cardbox img {
    width: 100%;
    height: 100%
}

.enterprises .enterprisesbox .morebox {
    text-align: center;
    margin: 24px auto 0 auto
}

.enterprises .enterprisesbox .morebox .more {
    display: inline-block;
    padding: 11px 10px 11px 17px;
    border-radius: 20px;
    border: 1px solid #999;
    cursor: pointer;
    text-align: center;
    font-size: 16px;
    font-family: PingFangSC-Regular,PingFang SC;
    font-weight: 400;
    color: #999;
    line-height: 1;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-transition: .2s;
    transition: .2s
}

.enterprises .enterprisesbox .morebox .more i {
    transition: transform .4s,-webkit-transform .4s
}

.enterprises .enterprisesbox .morebox .more:hover {
    background-color: #cf000d;
    color: #fff;
    border: 1px solid #cf000d
}
/*控参股企业结束*/


/* 本例子css */
li{list-style:none;}
.picFocus{ margin:0 auto;  width:100%; position:relative;  overflow:hidden;  zoom:1;   }
.picFocus .hd{ width:100%; padding-top:5px;  overflow:hidden; }
.picFocus .hd ul{ margin-right:-5px;  overflow:hidden; zoom:1; }
.picFocus .hd ul li{list-style:none; padding-top:5px; float:left;  text-align:center;  }
.picFocus .hd ul li img{ width:156px; height:80px; cursor:pointer; margin-right:6.265px;   }

.picFocus .hd ul li.on{ background:url("images/icoUp.gif") no-repeat center 0; }
.picFocus .hd ul li.on img{ border:2px solid #cf000d;  }
.picFocus .bd li{ vertical-align:middle;position: relative }
.picFocus .bd img{ width:100%; height:350px; display:block;  transition: all .5s ease .1s; }
/*.picFocus .bd img{*/
/*    transition: all 0.6s;  !*所有的属性在0.6秒之内完成改变*!*/
/*    cursor: pointer;  !*s鼠标移上去，变成一个小手的图标，这样比较美观*!*/
/*}*/
.imgs-hober:hover {
    /* 放大1.3倍 */
    transform: scale(1.3);
}
.picFocus .bd img:hover{
    transform: scale(1.2);/*这个是根据图片比例放大到图片的1.6倍*/
    /*transform: scale(0.6);同理，这个缩小0.6倍*/
}

.swiper-button-hide {
    display: none !important;
}
.clear{
    clear: both;.enterprises .enterprisesbox .contenbox .cardbox
}

 .marqueebox .butbox {
    width: 40px;
    height: 40px;
    border: 1px solid #ccc;
    border-radius: 50%;
    position: absolute;
    z-index: 99;
    font-size: 18px;
    color: #ccc;
    font-weight: 500;
     top: 20px;
}

.marqueebox .gonext{
    right: 10px;
}
.marqueebox .gopre{
    left: 10px;
}

.marqueebox .butbox:not(.disbaled):hover {
    border: 1px solid #888;
    color: #888
}

.marqueebox .butbox i {
    margin: 10px
}