@charset "utf-8";
/*字体库引入*/
@font-face {
    font-family: 'Alibaba';
    src: url('../fonts/alibaba.eot');
    src:
            url('../fonts/alibaba.eot?#font-spider') format('embedded-opentype'),
            url('../fonts/alibaba.woff') format('woff'),
            url('../fonts/alibaba.ttf') format('truetype'),
            url('../fonts/alibaba.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*初始化样式*/
* {
    margin: 0px;
    padding: 0px;
    list-style: none;
    font-family: "Alibaba";
    border: none;
    text-decoration: none;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var,
i,
h1,
h2,
h3,
h4 {
    font-style: normal;
    font-weight: normal;
}

ol,
ul {
    list-style: none;
}

del,
ins,
a {
    text-decoration: none;
}

caption,
th {
    text-align: left;
}

input,
button,
textarea,
select {
    font-size: 100%;
    border: none;
}

input::-webkit-input-placeholder {
    color: #808080;
    font-size: 14px;
}

/*i,b,span,a{display:inline-block;}*/
a:hover,
button:hover {
    cursor: pointer;
}

select {
    border: none;
    outline: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    background: #fff url("../images/xiala.png") no-repeat right 10px center !important;
}

/*常用样式*/
/*统一浏览器盒子宽度：width（盒子宽度）=内容+padding*/
*,
*:after,
*:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*清浮动*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

* html .clearfix {
    height: 1%;
}

/*定位*/
.pf {
    position: fixed;
}

.pr {
    position: relative;
}

.pa {
    position: absolute;
}

.ps {
    position: static !important;
}

/*布局*/
.none {
    display: none;
}

.block {
    display: block;
}

.inblock {
    display: inline-block;
}

.flex {
    display: flex;
}

.ablock a {
    display: block;
    width: 100%;
}

/*浮动*/
.fl {
    float: left;
    display: inline-block;
}

.fr {
    float: right;
    display: inline-block;
}

/*宽度*/
.wp50 {
    width: 50%;
}

.wp100 {
    width: 100% !important;
}

.w920 {
    width: 920px;
}

.w930 {
    width: 930px;
}

.w1200 {
    width: 1200px;
}

/*补白*/
.pl10 {
    padding-left: 10px !important;
}

.pl20 {
    padding-left: 20px !important;
}

.pr20 {
    padding-right: 20px !important;
}

.pr160 {
    padding-right: 160px !important;
}

.pt30 {
    padding-top: 30px !important;
}

.pt50 {
    padding-top: 50px !important;
}

.pb0 {
    padding-bottom: 0 !important;
}

.pb40 {
    padding-bottom: 40px !important;
}

.pb70 {
    padding-bottom: 70px !important;
}

/*边距*/
.mt5 {
    margin-top: .1rem !important;
}

.mt10 {
    margin-top: .2rem !important;
}

.mt15 {
    margin-top: .3rem !important;
}

.mt20 {
    margin-top: .4rem !important;
}

.mt25 {
    margin-top: .5rem !important;
}

.mt30 {
    margin-top: .6rem !important;
}

.mt35 {
    margin-top: .7rem !important;
}

.mt40 {
    margin-top: .8rem !important;
}

.mt45 {
    margin-top: .9rem !important;
}

.mt50 {
    margin-top: 1rem !important;
}

.mt55 {
    margin-top: 1.1rem !important;
}

.mt60 {
    margin-top: 1.2rem !important;
}

.mt65 {
    margin-top: 1.3rem !important;
}

.mt70 {
    margin-top: 1.4rem !important;
}

.mt80 {
    margin-top: 1.6rem !important;
}

.mt90 {
    margin-top: 1.8rem !important;
}

.mt100 {
    margin-top: 2rem !important;
}

.mt120 {
    margin-top: 2.4rem !important;
}

.mt130 {
    margin-top: 2.6rem !important;
}

.mt170 {
    margin-top: 3.4rem !important;
}

.mt200 {
    margin-top: 4rem !important;
}

.mb15 {
    margin-bottom: .3rem !important;
}

/*背景颜色*/
.bgfff {
    background: #fff;
}

.bgfa {
    background: #fafafa;
}

.bgf5 {
    background: #f5f5f5;
}

.bgf9 {
    background: #f9f9f9;
}

.bgColor {
    background-color: #1e2831;
}

.bgImage {
    background-image: url(../images/bg.jpg);
}

/*边框*/
.bdnone {
    border: none !important;
}

.bdtnone {
    border-top: none !important;
}

.bdbnone {
    border-bottom: none !important;
}

.bdlnone {
    border-left: none !important;
}

.bdrnone {
    border-right: none !important;
}

/*文本对齐*/
.tal {
    text-align: left !important;
}

.tac {
    text-align: center !important;
}

.tar {
    text-align: right !important;
}

/*字体*/
.fs0 {
    font-size: 0px;
}

.afs0 a {
    font-size: 0px;
}

.fs16 {
    font-size: 16px !important;
}

.fs48 {
    font-size: 48px !important;
}

/*----  文本行数 ------- */
.textov1 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -moz-box-orient: vertical;
}

.textov2 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -moz-box-orient: vertical;
}

.textov3 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -moz-box-orient: vertical;
}

.textov4 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -moz-box-orient: vertical;
}

.textov5 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -moz-box-orient: vertical;
}

.textov6 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 6;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -moz-box-orient: vertical;
}

.textov7 {
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 7;
    -webkit-box-orient: vertical;
    overflow: hidden;
    -moz-box-orient: vertical;
}

/*字体颜色*/
.cwhite {
    color: #fff !important;
}

/*动画过渡时间*/
.transition5,
.transitionImg5 img,
.moveUp,
.moveUp2,
.enlarge,
.enlargeImg img,
.enlargeLi img,
.horizontalFlip,
.horizontalFlipImg img,
.horizontalFlipIcon li .icon,
.rgbTgray,
.rgbTgrayImg li img,
.rgbTgrayIcon li .icon,
.grayTrgb,
.grayTrgbImg li img,
.grayTrgbIcon li .icon {
    -moz-transition: all ease .5s 0s;
    -webkit-transition: all ease .5s 0s;
    cursor: pointer;
    transition: all ease .5s 0s;
}

/*鼠标悬浮上移*/
.moveUp:hover {
    -webkit-transform: translateY(-5px);
    -moz-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
}

.moveUp2:hover {
    -webkit-transform: translateY(-25px);
    -moz-transform: translateY(-25px);
    -ms-transform: translateY(-25px);
    -o-transform: translateY(-25px);
    transform: translateY(-25px);
}

/*（列表项图片）鼠标悬浮图片放大*/
.enlarge:hover,
.enlargeImg:hover img,
.enlargeLi li:hover img {
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    -o-transform: scale(1.05);
    transform: scale(1.05);
}

/*鼠标悬浮（图片、图标）水平翻转*/
.horizontalFlip:hover,
.horizontalFlipImg li:hover img,
.horizontalFlipIcon li:hover .icon {
    -moz-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    -webkit-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

/*鼠标悬浮箭头样式改变*/
.cursor:hover,
.cursorLi li:hover {
    cursor: url("../images/pointer.ico"), auto;
}

/*rgb图变灰度图片*/
.rgbTgray,
.rgbTgrayImg li img,
.rgbTgrayIcon li .icon {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}

.rgbTgray:hover,
.rgbTgrayImg li:hover img,
.rgbTgrayIcon li:hover .icon {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

/*灰度图变rgb图片*/
.grayTrgb,
.grayTrgbImg li img,
.grayTrgbIcon li .icon {
    -webkit-filter: grayscale(100%);
    -moz-filter: grayscale(100%);
    -ms-filter: grayscale(100%);
    -o-filter: grayscale(100%);
    filter: grayscale(100%);
    filter: gray;
}

.grayTrgb:hover,
.grayTrgbImg li:hover img,
.grayTrgbIcon li:hover .icon {
    -webkit-filter: grayscale(0);
    -moz-filter: grayscale(0);
    -ms-filter: grayscale(0);
    -o-filter: grayscale(0);
    filter: grayscale(0);
}

/*持续性上下跳动*/
@keyframes beating {
    from {
        -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
        -o-transform: translateY(10px);
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }

    to {
        -moz-transform: translateY(-10px);
        -ms-transform: translateY(-10px);
        -o-transform: translateY(-10px);
        -webkit-transform: translateY(-10px);
        transform: translateY(-10px);
    }
}

/*持续性左右延长收缩*/
@keyframes extending {
    from {
        -moz-transform: scaleX(1);
        -ms-transform: scaleX(1);
        -o-transform: scaleX(1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1);
    }

    to {
        -moz-transform: scaleX(2);
        -ms-transform: scaleX(2);
        -o-transform: scaleX(2);
        -webkit-transform: scaleX(2);
        transform: scaleX(2);
    }
}

/*持续性放大缩小*/
@keyframes zoomimg {
    from {
        -moz-transform: scale(1.05);
        -ms-transform: scale(1.05);
        -o-transform: scale(1.05);
        -webkit-transform: scale(1.05);
        transform: scale(1.05);
    }

    to {
        -moz-transform: scale(0.95);
        -ms-transform: scale(0.95);
        -o-transform: scale(0.95);
        -webkit-transform: scale(0.95);
        transform: scale(0.95);
    }
}

/*持续性平移*/
@keyframes translating {
    from {
        -moz-transform: translateX(20px);
        -ms-transform: translateX(20px);
        -o-transform: translateX(20px);
        -webkit-transform: translateX(20px);
        transform: translateX(20px);
    }

    to {
        -moz-transform: translateX(-20px);
        -ms-transform: translateX(-20px);
        -o-transform: translateX(-20px);
        -webkit-transform: translateX(-20px);
        transform: translateX(-20px);
    }
}

/*溢出隐藏*/
.hidden {
    overflow: hidden;
}

/*主体内容宽度width: 1200px;*/
.content {
    padding: 0 16.5%;
}

/*--------------------------- 通用样式 结束----------------------------------- */
/*--------------------------- 公共样式 开始----------------------------------- */
html {
    font-size: 50px;
    /*100 ÷ 16 × 100% = 625%*/
}

@media screen and (min-width: 1920px) {
    html {
        font-size: 80px;
    }

}

@media screen and (min-width: 2300px) {
    html {
        font-size: 80px;
    }
} 
@media screen and (min-width: 3000px) {
    html {
        font-size: 90px;
    }
} 
@media screen and (min-width: 4000px) {
    html {
        font-size: 100px;
    }
} 
@media screen and (max-width: 1600px) {
    html {
        font-size: 70px;
    }
    .content {
        padding: 0;
        width: 1400px;
        margin: 0 auto;
    }
}

@media screen and (max-width: 1400px) {
    html {
        font-size: 70px;
    }
    .content {
        padding: 0;
        width: 1300px;
        margin: 0 auto;
    }
}

body {
    min-width: 1200px;
}

/*定义默认字体大小为14px；行间距是1.5em，字体是微软雅黑*/
/*header头部 修饰*/
.header {
    width: 100%;
    height: 1.6rem;
    background-color: #333;
}

.headerLogo {
    width: 2rem;
    height: 1.6rem;
}

.headerLogo a {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    font-size: 0;
}

.logo {
    height: 1rem;
}

/*导航 修饰*/
.nav {
    width: calc(80% - 2rem);
    height: 1.6rem;
    text-align: center;
    font-size: .28rem;
    display: flex;
    align-items: center;
    justify-content: center;
}

.nav .nLi {
    position: relative;
    display: inline-block;
    transition: all .5s;
}

.nav .nLi .title {
    display: inline-block;
    height: 1.6rem;
    line-height: 1.6rem;
    font-size: .4rem;
    color: #d0d0d0;
    font-weight: normal;
    padding: 0 .7rem;
}

.nav .nLi:hover,
.nav .current {
    background-color: #484848;
}

.nav .sub {
    display: none;
    position: absolute;
    z-index: 9999;
    background: rgba(255, 255, 255, .5);
    text-align: center;
    padding: 10px 0;
    height: auto;
    width: 100%;
    transition: all .5s;
}

.nav .sub a {
    display: block;
    padding: 10px 0;
    color: inherit;
    transition: all .5s;
}

.nav .sub li:hover a,
.nav .sub li.current a {
    background-color: rgba(255, 255, 255, .8);
}


/* 搜索框 */
.searchBox {
    position: relative;
    width: 20%;
    height: .6rem;
    display: flex;
    margin-top:
        .5rem;
    align-items: center;
    border: 1px solid #f14027;
}

.searchBox input {
    background: transparent;
    color: #c7c7c7;
    font-size: .28rem;
    padding: 0 .3rem;
    border: none;
    width: calc(100% - .8rem);
    outline: none;
}

.searchBox input::-webkit-input-placeholder {
    color: #c7c7c7;
    font-size: .28rem;
}

.searchBox button {
    position: absolute;
    top: 0;
    right: 0;
    width: .8rem;
    height: 100%;
    background: #f14027 url(../images/search.png) no-repeat center center;
}

/*banner 修饰*/
.banner {
    position: relative;
    float: none;
    text-align: center;
    width: 100%;
    font-size: 0;
}

.rslides {
    position: relative;
    list-style: none;
    overflow: hidden;
    width: 100%;
    padding: 0;
    margin: 0;
}

.rslides li {
    -webkit-backface-visibility: hidden;
    position: absolute;
    display: none;
    width: 100%;
    left: 0;
    top: 0;
}

.rslides li:first-child {
    position: relative;
    display: block;
    float: left;
}

.rslides img {
    display: block;
    height: auto;
    float: left;
    width: 100%;
    border: 0;
}

.rslides_tabs {
    position: absolute;
    bottom: 25px;
    left: 50%;
    z-index: 99;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
}

.rslides_tabs li {
    position: relative;
    float: left;
    display: inline-block;
    width: 30px;
    height: 6px;
    background: #fff;
    margin: 0 2px;
    transition: all .5s;
}

.rslides_tabs li a {
    display: block;
    width: 100%;
    color: transparent;
    font-size: 16px;
}

.rslides_tabs li.rslides_here {
    background: #e8263e;
    height: 7px;
}

/* .shengming {
    position: absolute;
    z-index: 100;
    left: 0;
    top: 10%;
    right: 0;
    width: 50%;
    margin: auto;
}

.shengming img {
    width: 100%;
}

.shengming .close {
    position: absolute;
    right: 0;
    top: 0;
    width: .8rem;
    height: .8rem;
    background: rgba(255, 255, 255, .5) url(../images/close.png) no-repeat center center;
    background-size: 60%;
    border-radius: 100%;
    cursor: pointer;
} */

/*底部 修饰*/
.indexFooter {
    margin-bottom: 0;
    padding-bottom: .6rem;
}

.indexFooterTCon a {
    text-decoration: none;
    margin: 0 .4rem;
    display: initial;
    font-size: .44rem;
    color: #f0f1f1;
}

.indexFooterTCon a:hover {
    color: rgb(221, 221, 221);
}

.indexFooterBCon {
    font-size: .28rem;
    color: #f0f1f1;
    line-height: 2em;
    margin-top: .5px;
}

.indexFooterBCon a {
    color: #f9fc12;
    padding: 0 5px;
}

.indexFooterBBMain {
    margin-bottom: .4px;
}

.indexFooterBBMain img {
    width: 3rem;
}

/* @media (min-width: 1600px) {
    .indexFooter {
        padding-top: 60px;
        padding-bottom: 50px;
    }

    .indexFooterTCon a,
    .indexFooterTCon a {
        font-size: 18px;
    }

    .indexFooterBCon {
        font-size: 16px;
        margin-top: 35px;
    }

    .indexFooterTCon a {
        margin-right: 35px;
        margin-left: 35px;
    }

    .indexFooterBBMain {
        margin-bottom: 40px;
    }

    .indexFooterBBMain img {
        width: 209px;
    }
}

@media (max-width: 1120px) {
    .indexFooter {
        padding-top: 30px;
        padding-bottom: 20px;
    }

    .indexFooterTCon a {
        margin: 0 10px;
        font-size: 14px;
    }

    .indexFooterBCon {
        font-size: 14px;
    }

    .indexFooterTCon a {
        font-size: 14px;
        margin-right: 10px;
        margin-left: 10px;
    }

    .indexFooterBBMain img {
        width: 100px;
    }
}

@media (max-width: 900px) {
    .indexFooter {
        padding-left: 3%;
        padding-right: 3%;
    }

    .indexFooterTCon a {
        font-size: 13px;
        margin-right: 5px;
        margin-left: 5px;
        color: #aeaeae;
    }

    .indexFooterBCon {
        font-size: 12px;
        line-height: 2em;
        margin-top: 15px;
        color: #aeaeae;
    }
    
    .indexFooterBBMain img {
        width: 24%;
    }
} */

/*当前位置 修饰*/
.location {
    height: 45px;
    line-height: 45px;
    border-bottom: 1px solid #ececec;
    font-size: 14px;
    color: #636363;
}

.location .icon {
    position: relative;
    top: 2px;
    display: inline-block;
    width: 18px;
    height: 17px;
    background: url("../images/location.png") no-repeat;
    margin-right: 15px;
}

.location a {
    color: #636363;
}

.location a:hover,
.location a.current {
    color: #a8181e;
}

.location2 {
    background: transparent;
    height: auto;
    line-height: 1em;
    border-bottom: none;
}

/*分页 修饰*/
.page {
    clear: both;
    text-align: center;
    line-height: normal;
}

.pagenum,
.pageup,
.pagenext,
.pagedown,
.pageend,
.pagefirst,
.pageinfo,
.total,
.pagepreall,
.pagenextall,
.page .current {
    display: inline-block;
    background: transparent;
    width: .8rem;
    height: .8rem;
    text-align: center;
    line-height: .76rem;
    border-radius: .06rem;
    border: 1px solid #a8181e;
    overflow: hidden;
    font-size: .32rem;
    color: #a8181e;
    transition: all .5s;
}

.pageup,
.pagedown {
    width: 1.6rem;
}

.pageend {
    width: 1.2rem;
}

.page .current,
.page a:hover {
    background-color: #a8181e;
    color: #fff;
    border-color: #a8181e;
}

/*上下页 修饰*/
.Previous,
.Next {
    font-size: 16px;
    color: #565656;
    cursor: pointer;
}

.Previous em,
.Next em {
    color: #ba1a24;
}

.Next {
    margin-top: 15px;
}

.Next a,
.Previous a {
    display: block;
    width: 100%;
    font-size: 16px;
    color: #565656;
}

.Next:hover a,
.Previous:hover a {
    color: #139bf0;
}

.goback {
    width: 130px;
    height: 30px;
    line-height: 30px;
    padding-left: 20px;
    background: url(../images/back.png) no-repeat;
    margin: 10px 0;
    box-shadow: 0px 0px 2px 2px #f1f1f1;
    font-size: 16px;
    color: #565656;
}

.goback a {
    color: #565656;
}

/*正文 修饰*/
.ChannelContent {
    font-size: 15px;
    color: #636363;
    line-height: 1.5em;
    width: 100%;
    max-width: 100%;
    display: block;
}

.ChannelContent img {
    max-width: 100%;
    height: auto !important;
    margin: 12px 0;
}

.ChannelContent p {
    font-size: 15px;
    color: #636363;
    line-height: 1.5em;
    margin: 15px 0;
}

.ChannelContent p img {
    text-indent: 0;
    margin: 0;
}

.ChannelContent p span img {
    display: inline-block;
    text-indent: 0;
}

.ChannelContent span img {
    margin-left: 0em;
    display: inline-block;
}

.ChannelContent span {
    margin-left: 0em;
    line-height: 1.5em;
}

.ChannelContent p span {
    text-indent: 0em;
}

/*悬浮窗 修饰*/
/*放大镜*/
.rebox-contents {
    display: flex;
    justify-content: center;
    align-items: center;
}

/*列表加载更多*/
.showMorehandle {
    display: block;
    width: 120px;
    height: 35px;
    background: #0499f7;
    margin: 30px auto;
    text-align: center;
    line-height: 35px;
    cursor: pointer;
    color: #fff;
    font-size: 16px;
    font-family: Arial;
}

.showMorehandle span:hover {
    cursor: pointer;
}

/*--------------------------- 公共样式 结束-----------------------------------*/

/* 左侧导航 */
.sideBox {
    position: fixed;
    z-index: 1000;
    width: 12.5%;
    top: 100%;
/*    top: 1400px;*/
/*    margin-top: -25vh;*/
}


.scroll{
 　　position: fixed;
 }

@media screen and (max-width: 1600px) {
    .sideBox {
        width: calc((100% - 1240px) / 2);
    }
}
.leftSide {
    left: 3px;
}
@media screen and (max-width: 1600px) {
    .leftSide {
        left: 10px;
    }
}
.leftSide img {
    width: 100%;
    min-height: 600px;
    max-height: 1050px;
}
/* 右侧导航 */
.rightSide {
    right: 3px;
    flex-wrap: wrap;
}
@media screen and (max-width: 1600px) {
    .rightSide {
        right: 10px;
        top: 0;
        margin: auto;
    }
}
.rightSideTitle {
    width: 100%;
    padding: .2rem;
    font-size: .36rem;
    color: #ffca00;
    background: #304556 url(../images/rightSideTitleImg.png) no-repeat left center;
    background-position-x: .2rem;
    background-size: auto .5rem;
    padding-left: .7rem;
}
.rightSideCon li {
    background: #35414b;
    padding: 0 .1rem;
    min-width: 175px;
}
.rightSideCon li a {
    position: relative;
    display: flex;
    border-bottom: 1px solid #64717d;
    padding: .3rem 0 .3rem .15rem;
}
.rightSideCon li:nth-last-of-type(1) a {
    border-bottom: none;
}
.rightSideCon .tag {
    position: absolute;
    left: 0;
    background: url(../images/rightSideTag1.png) no-repeat left top;
    background-size: 100% 100%;
    width: 1.1rem;
    height: .7rem;
    text-align: center;
    text-indent: -.2rem;
    padding-top: .05rem;
    font-size: .3rem;
    color: #fff;
    transition: all .5s;;
}
.rightSideCon li:hover .tag {
    background-image: url(../images/rightSideTag2.png);
}
.rightSideCon .picBorder {
    width: 65%;
    height: 1.4rem;
    overflow: hidden;
}
.rightSideCon .picBorder img {
/*    width: 100%;*/
    height: 100%;
    object-fit: cover;
}
.rightSideCon .main {
    position: relative;
    width: 70%;
    padding-left: .2rem;
}
.rightSideCon .title {
    font-size: .28rem;
    color: #fee171;
}
.rightSideCon .description {
    font-size: .24rem;
    color: #d3d3d3;
    margin-top: 0.01rem;
}
.rightSideCon .more {
    position: absolute;
    bottom: 0;
    max-width: calc(100% - .2rem);
/*    height: .8rem;*/
    max-height: auto;
}





/*--------------------------- 首页样式 开始-----------------------------------*/
.indexTitle a {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.indexTitle .title {
    color: #ffffff;
    font-size: .44rem;
    font-weight: normal;
}

.indexTitle .title::before {
    content: "";
    position: relative;
    top: 2px;
    display: inline-block;
    background: url(../images/indexTitleIcon.png) no-repeat;
    margin-right: 0.3rem;
    width: 0.4rem;
    height: 0.4rem;
    background-size: cover;
}

.indexTitle .more {
    /* float: right; */
    color: #b6b7b7;
    font-size: .32rem;
}

.indexTitle .more::before {
    position: relative;
    top: 2px;
    display: inline-block;
    content: "";
    margin-right: .2rem;
    background: url(../images/more.png) no-repeat;
    width: 0.3rem;
    height: 0.3rem;
    background-size: cover;
}

/*首页版块1 修饰*/
.index1 {
    padding-top: .8rem;
/*    background: url(../images/bg.png) no-repeat top center;*/
    background-size: 100% auto;
}

.index1TCon {
    background-color: #35414b;
    height: 1.6rem;
    display: flex;
    align-items: center;
    padding: 0 .7rem;
}

.index1TCon li {
    float: left;
    font-size: .48rem;
    color: #f6f7fa;
    margin-right: 1.2rem;
}

.index1TCon .num {
    font-size: .48rem;
    color: #fe2304;
}

.index1LCon {
    float: left;
    display: inline-block;
    width: calc(60% - .5rem);
}

.index1LCon .pictureBox {
    width: 100%;
    height: 9.4rem;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    background: #35414b;
}
}

.index1LCon img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.index1RCon {
    float: right;
    display: inline-block;
    width: 40%;
    text-align: center;
}

.index1RCon li {
    position: relative;
    float: left;
    display: inline-block;
    width: calc((100% - .08rem) / 2);
    margin-right: .08rem;
    margin-bottom: .1rem;
    background-color: #35414b;
    height: 1.8rem;
    transition: all .5s;
}
.index1RCon li:hover{
    background-color: #ffca00;
}

.index1RCon li:nth-of-type(2n) {
    margin-right: 0;
}
.index1RCon li:nth-of-type(9),
.index1RCon li:nth-of-type(10) {
    margin-bottom: 0;
}
.index1RCon .title {
    color: #fff;
    font-size: .36rem;
    transition: all .5s;
}
.index1RCon li:hover .title{
    color: #040404;
}
.index1RCon .icon {
    display: block;
    width: .7rem;
    height: .7rem;
    margin: .3rem auto .05rem auto;
    transition: all .5s;
}
.index1RCon li:hover .icon {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(118deg) brightness(102%) contrast(105%);
}
.index1Adv a,
.index1Adv img {
    width: 100%;
}

/*首页版块2 修饰*/
.index2Con .swiper-slide {
    position: relative;
    height: 6rem;
    line-height: 1em;
    border-radius: 5px;
    /* background-color: #35414b; */
    color: #ffffff;
    font-size: .36rem;
    padding: 8px;
}

.index2Con .pictureBox {
    width: 100%;
    height: 6rem;
    overflow: hidden;
    border-radius: 5px 5px 0 0;
}

.index2Con .pictureBox img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.index2Con .main {
    position: absolute;
    left: 8px;
    bottom: 0;
    width: calc(100% - 16px);
    height: 1.6rem;
    background-color: #35414b;
    transition: all .5s;
    z-index: 2;
}
.index2Con .jrxqTag {
    position: absolute;
    display: block;
    /*width: .6rem;*/
    /*right: .4rem;*/
    /*top: 10px;*/
    z-index: 1;
    width: 70%;
    right: 0;
    top: 0;
    z-index: 1;
    transform: scale(1)!important;
}
.index2Con .swiper-slide:hover .main {
    height: calc(100% - 8px);
    background: rgba(0,0,0,.5);
}

.index2Con .title {
    padding: 0 2rem 0 .4rem;
    margin-top: .4rem;
}

.index2Con .description {
    margin-top: 0.2rem;
    padding: 0 0.4rem;
    width: 60%;
    height: 1em;
    word-break:break-all;
    display:-webkit-box;
    -webkit-line-clamp:1;
    -webkit-box-orient:vertical;
    overflow: hidden;
}

.index2Con .tag {
    position: absolute;
    right: .4rem;
    bottom: .45rem;
    width: 1.7rem;
    height: .7rem;
    border-radius: .7rem;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: .32rem;
    color: #040404;
    background: linear-gradient(to bottom, #ffca00, #ffca00);
    transition: all .5s;
}

.index2Con .tag::before {
    position: relative;
    top: -3px;
    content: url(../images/tuijianIcon.png);
    margin-right: .1rem;
    height: .36rem;
}
.index2Con .swiper-slide .main .text{display: none;}
.index2Con .swiper-slide:hover .main .text{display: block;}
.index2Con .swiper-slide:hover .main .description{width:100%;}
.index2Con .swiper-slide:hover .tag {
    background: linear-gradient(to bottom, #fee688, #ffd639);
}
.index2Con .main .hoverTag {
    display: none;
    position: absolute;
    right: 0;
    bottom: 10%;
    left: 0;
    margin: auto;
    width: 2.5rem;
    height: .7rem;
    border-radius: .7rem;
    align-items: center;
    justify-content: center;
    font-size: .32rem;
    color: #040404;
    background: linear-gradient(to bottom, #ffca00, #ffca00);
    transition: all .5s;
}
.index2Con .swiper-slide:hover .tag {
    display: none;
}
.index2Con .swiper-slide:hover .hoverTag {
    display: flex;
}
/*.index2 .swiper-button-prev,
.index2 .swiper-button-next {
    top: .5rem;
    left: auto;
    right: .8rem;
    background-image: url(../images/arrow.png);
    background-size: 100% 100%;
    width: .5rem;
    height: .5rem;
    transition: all .5s;
}

.index2 .swiper-button-next {
    right: 0;
    transform: scale(-1);
}

.index2 .swiper-button-prev:hover,
.index2 .swiper-button-next:hover {
    background-image: url(../images/arrowH.png);
}*/

/*首页版块3 修饰*/
.index3Con li {
    float: left;
    display: inline-block;
    width: calc((100% - 2rem) / 5);
    margin-bottom: .7rem;
    margin-right: .5rem;
    overflow: hidden;
}

.index3Con li:nth-of-type(5n) {
    margin-right: 0;
}

.index3Con .picBorder {
    width: 100%;
    height: 3.3rem;
    border-radius: 5px;
    overflow: hidden;
}

.index3Con li img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    ;
}

.index3Con .title {
    margin-top: .4rem;
    font-size: .36rem;
    color: #b6b7b7;
}

/*首页模块4*/
.index4SubTit {
    position: absolute;
    left: 3.4rem;
    top: 0;
    width: 70%;
}

.index4SubTit li {
    position: relative;
    float: left;
    display: inline-flex;
    align-items: center;
    padding: .1rem .2rem;
    background-color: #4d5964;
    margin-right: .2rem;
    border-radius: .3rem;
    transition: all .5s;
}

.index4SubTit li::after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: -0.2rem;
    margin: auto;
    content: "";
    width: 0;
    height: 0;
    border: .1rem solid transparent;
    transition: all .5s;
}

.index4SubTit a {
    font-size: .32rem;
    color: #f0efef;
}

.index4SubTit li:nth-last-of-type(1) {
    margin-right: 0;
}

.index4SubTit li:hover,
.index4SubTit li.on {
    background-color: #ffca00;
}

.index4SubTit li:hover::after,
.index4SubTit li.on::after {
    border-top-color: #ffca00;
}

.index4SubTit li:hover a,
.index4SubTit li.on a {
    color: #050505;
}

.index4Body {
    background-color: #35414b;
    padding: .6rem .5rem;
    border-radius: 5px;
}

.index4Main li {
    position: relative;
    float: left;
    display: inline-block;
    width: calc((100% - 3.2rem) / 3);
    margin: .2rem 1.6rem .2rem 0;
    padding-left: .6rem;
}

.index4Main li:nth-of-type(3n) {
    margin-right: 0;
}

.index4Main li:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    margin: auto;
    border: 1px solid #979b9d;
    width: .2rem;
    height: .2rem;
    transform: rotate(45deg);
}

.index4Main a {
    display: block;
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: space-between;
    font-size: .34rem;
    color: #ffffff;
    transition: all .5s;
}

.index4Main li:hover a {
    color: #ffca00;
}

.index4Main .title {
    width: calc(100% - 1.2rem);
    overflow: hidden;
}

.index4Main .time {
    width: 1.2rem;
    text-align: right;
}

/*首页模块5*/
.index5Con {
/*    background-color: #35414b;*/
/*    margin-top: .6rem;*/
    padding: .8rem .5rem;
    border-radius: 5px;
    overflow: hidden;
}

.index5CHeader {
    border-bottom: 1px solid #b6b7b7;
}

.index5CHeader .title {
    font-size: .72rem;
    color: #fff;
    font-weight: bold;
}

.index5CHeader .time {
    font-size: .32rem;
    color: #b6b7b7;
    padding: .5rem 0;
}

.index5CHeader .time span {
    margin-right: .6rem;
}

.index5CMain {
/*    margin-top: .8rem;*/
    font-size: .32rem;
    color: #f0f1f1;
    line-height: 2.5em;
}

@media screen and (max-width: 1400px) {
    .index5Con {
        background-size: auto 6rem;
    }

    .index5Con li {
        width: 30%;
        margin-right: 40%;
    }
}

/*--------------------------- 首页样式 结束-----------------------------------*/
/*--------------------------- 内页样式 开始-----------------------------------*/
.about1 {
    margin-top: 2.2rem;
}

.about1Con li {
    float: left;
    display: inline-block;
    width: calc((100% - 20px) / 3);
    margin: 0 10px 10px 0;
    height: 5.7rem;
    overflow: hidden;
}

.about1Con li:nth-of-type(1),
.about1Con li:nth-of-type(2) {
    float: left;
    display: inline-block;
    width: calc((100% - 10px) / 2);
    height: 8.5rem;
}

.about1Con li:nth-of-type(2),
.about1Con li:nth-of-type(5),
.about1Con li:nth-of-type(8) {
    margin-right: 0;
}

.about1Con img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.about3 {
    margin-top: 2.8rem;
}

.about3Con {
    font-size: .36rem;
    text-indent: 2em;
    line-height: 2em;
}

.about2 {
    margin-top: 4.2rem;
    padding: 0 12%;
}

.about2Con li {
    position: relative;
    padding: .9rem 32%;
    clear: both;
}

.about2Con .picBorder {
    float: left;
    display: inline-block;
    width: 140px;
    height: 4rem;
    overflow: hidden;
    ;
}

.about2Con .picBorder img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.about2Con .main {
    float: right;
    display: inline-flex;
    width: calc(100% - 230px);
    height: 3rem;
    font-size: 16px;
    color: #000;
    line-height: 2em;
    align-items: center;
}

.about2Con .main::after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 100%;
    height: 3px;
    border-bottom: 3px dashed #403d3b;
}

.about2Con li:nth-last-of-type(1) .main::after {
    display: none;
}

@media screen and (max-width: 1600px) {
    .about2Con li {
        padding: .9rem 24%;
    }
}

.product {
    padding-top: 3.1rem;
}

.hezuo {
    margin-top: 2.1rem;
}

.hezuoCon li {
    float: left;
    display: inline-block;
    width: calc((100% - 15%) / 6);
    margin-right: 3%;
}

.hezuoCon li:nth-of-type(6) {
    margin-right: 0;
}

.hezuoCon .picBorder {
    width: 3.4rem;
    height: 3.4rem;
    overflow: hidden;
    margin: 0 auto;
}

.hezuoCon .picBorder img {
    width: 100%;
    height: 100%;
    object-fit: contain;
}

.hezuoCon .title {
    margin-top: .3rem;
    text-align: center;
    font-size: .48rem;
    color: #000;
}

.hezuo2 {
    margin-top: 2.3rem;
    background-color: #fef5ea;
    padding: 1.9rem 12.5% 3.8rem 12.5%;
}

.case {
    margin-top: 2.6rem;
}

.channelNews {
    padding: 0 15%;
}

.chanNewsCon li {
    float: left;
    display: inline-block;
    width: 33.3%;
    margin-bottom: 2rem;
    padding: 0 .4rem;
    overflow: hidden;
}

.chanNewsCon .picBorder {
    width: 85.5%;
    height: 4.6rem;
    margin: 0 auto;
}

.chanNewsCon .picBorder img {
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
}

.chanNewsCon .title {
    font-size: .36rem;
    text-align: center;
    color: #000;
    margin-top: .5rem;
}

.chanNewsCon .description,
.chanNewsCon .time {
    display: none;
}

.chanNewsCon li:nth-of-type(n+4) {
    float: none;
    clear: both;
    display: block;
    width: 15.1rem;
    margin: 0 auto 2rem auto;
}

.chanNewsCon li:nth-of-type(n+4) .picBorder {
    position: relative;
    float: left;
    width: 8rem;
    height: 3.6rem;
    margin: 0;
}

.chanNewsCon li:nth-of-type(n+4) .time {
    position: absolute;
    right: -.6rem;
    bottom: 0;
    z-index: 10;
    display: block;
    width: 120px;
    height: .8rem;
    line-height: .8rem;
    background-color: #cdbd8b;
    font-size: 15px;
    color: #fff;
    text-align: center;
}

.chanNewsCon li:nth-of-type(n+4) .main {
    float: right;
    display: inline-block;
    width: calc(100% - 9.1rem);
    height: 2rem;
    padding-top: .5rem;
}

.chanNewsCon li:nth-of-type(n+4) .title {
    color: #646564;
    text-align: left;
    font-size: .4rem;
}

.chanNewsCon li:nth-of-type(n+4) .description {
    display: -webkit-box;
    color: #646564;
    font-size: .32rem;
    margin-top: .5rem;
}

.chanNewsCon li:nth-of-type(4) a {
    position: relative;
}

/*资讯详情*/
.detailNews {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 4px rgba(241, 168, 79, .1);
    padding: 45px 35px;
}

.h2xiang {
    position: relative;
    padding-bottom: 15px;
    border-bottom: 1px solid #e7e7e7;
    text-align: center;
}

.h2xiang h2 {
    font-size: 30px;
    color: #424242;
    font-weight: bold;
}

.h2xiang p {
    font-size: 14px;
    color: #636363;
    margin-top: 15px;
}

.h2xiang::after {
    position: absolute;
    left: 0;
    bottom: 0;
    display: block;
    width: 26px;
    height: 1px;
    background: #a8181e;
    content: "";
}

.tuijian {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0px 0px 4px 4px rgba(241, 168, 79, .1);
    padding: 25px 35px;
}

.tuijianTit {
    position: relative;
    padding-bottom: 10px;
    border-left: 5px solid #ba1a24;
    padding-left: 10px;
    font-size: .6rem;
    color: #313131;
    line-height: 35px;
    height: 35px;
}

.tuijianTit a {
    color: #313131;
    font-weight: bold;
}

.tuijianTit .more {
    font-size: 16px;
    color: #ba1a24;
    font-weight: normal;
}

.tuijianCon li {
    float: left;
    display: inline-block;
    width: calc((100% - 45px) / 4);
    margin-right: 15px;
    margin-bottom: 20px;
}

.tuijianCon li:nth-of-type(4n) {
    margin-right: 0;
}

.tuijianCon .picBorder {
    width: 100%;
    height: 3.6rem;
    overflow: hidden;
}

.tuijianCon .picBorder img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.tuijianCon .title {
    margin-top: 20px;
    font-size: 16px;
    color: #333333;
    text-align: center;
}


.arrow {
        position: absolute;
        left: 50%;
        z-index: 2;
/*        width: 150px;*/
        transform: translate(-50%, 68%);
        text-align: center;
        animation-name: beat; /*动画名称*/
        animation-duration: 2s; /*设置秒数*/
        animation-timing-function: linear;/*速度曲线*/
        animation-iteration-count: infinite;/*播放次数*/
        animation-direction: alternate;/*逆向播放*/
        animation-play-state: running;/*正在运行*/
    }

    @keyframes beat {
        0% {
            bottom: 15%;
        }

        25% {
            bottom: 15%;
        }

        50% {
            bottom: 30%;
        }

        75% {
            bottom: 10%;
        }

        100% {
            bottom: 30%;
        }
    }

.xl{
position: absolute;
    height: 100px;
    left: 50%;
    width: 200px;
    transform: translate(-50%, -190%);
    z-index: 2;
}

.xl p{
    color: white;
    font-size: .45rem;
    margin-top: 115px;
}
.index1RCon li span{color: white; background: red; position: absolute; right: 0; padding: 5px;border-bottom-left-radius: 14px;background-image: linear-gradient(to right, red , #bf09fb);}




.img100{width: 100%;}




/*****V2 start*****/
.logo {
    height: 50px;
}
.headerLogo {
    width: 2rem;
    height: 50px;
    margin-top: 23px;
    margin-right: 80px;
}

#nav {
    min-width: 800px;
    height: 0.7rem;
    margin-top: 28px;
}

.header {
    background-image: url(/images/v2/顶栏.png);
    background-repeat: no-repeat;
    background-size: 100% 100px;
    height: auto;
    min-height: 77px;
}

.header li a{
    background: url(/images/v2/nav_icon.png) no-repeat;
    height: -webkit-fill-available;
    line-height: 39px;
    font-size: 16px;
    color: #fff;
    text-align: center;
   letter-spacing: 4px;
    text-shadow: 1px 1px 0 #000,
    -1px 1px 0 #000,
    1px -1px 0 #000,
    -1px -1px 0 #000;
}

.header #nav li {
    float: left;
    width: 142px;
    height: 36px;
    margin-right: 1rem;
}

.header #nav li:hover a,.header #nav li .current{
    background: url(/images/v2/nav_curr_icon.png) no-repeat;
}

.bgColor{background: #000;}
.width40{width: 40%!important;}
.width46{width: 46%!important;}
.width52{width: 52%!important;}
.width58{width: 58%!important;}



.tcenter{text-align: center;}
.index1p{color: white;}
.index1p .num{color: red;}

.index1_online {
    width: 100%;
    background: url(/images/v2/online.png) no-repeat;
/*    background-size: contain;*/
    background-size: 100% 100%;
    /*margin-top: 0.3rem;*/
}

.index1_logo ,.index1_video{max-width: 100%;overflow: hidden;}

.index1_logo img{
    width: 90%;
    padding: 20px;
}
.index1_video img{width: 100%;}

.indexVideo{
    max-width: 100%;
}

.index1p {
    line-height: 0.8rem;
    font-size: 0.3rem;
    text-align: center;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}
/*

.index1p {
    line-height: 0.8rem;
    font-size: 0.3rem;
    text-align: left;
    margin-left: 0.4rem;
}


.index1p .num{
      
}
.index1p .num:first-child{
    margin-right: 0.7rem;
}
.index1p .num:nth-child(2){
    margin-right: 0.55rem;
}
*/

.index1RCon1{
    float: right;
    display: inline-block;
    width: 52%;
    text-align: center;
    margin-top: 0.8rem;
}
.index1_list a{
    display: block;
}

.index1RCon1 li {
    position: relative;
    float: left;
    display: inline-block;
    width: calc((100% - 0.16rem) / 2);
    margin-right: 0.08rem;
    margin-top: 0.15rem;
    background: url(/images/v2/yin.png) no-repeat;
    height: 2.5rem;
    transition: all .5s;
/*    background-size: contain;*/
background-size: 100% 100%;
min-height: 140px;
}

.index1RCon1 li:hover{
    position: relative;
    float: left;
    display: inline-block;
    width: calc((100% - 0.16rem) / 2);
    margin-right: 0.08rem;
    margin-top: 0.15rem;
/*    background: url(/images/v2/jin.png) no-repeat;*/
    background: url(/images/v2/v1/jinpu.png) no-repeat;
/*    height: 3rem;*/
    transition: all .5s;
/*    background-size: contain;*/
    background-size: 100% 100%;
}

.index1RCon1 li.jin {
    position: relative;
    float: left;
    display: inline-block;
    width: calc((100% - 0.16rem) / 2);
    margin-right: 0.08rem;
    margin-top: 0.15rem;
    background: url(/images/v2/v1/jrxq.png) no-repeat;
    transition: all .5s;
    background-size: 100% 100%;
}

.index1RCon1 li.yin {
    position: relative;
    float: left;
    display: inline-block;
    width: calc((100% - 0.16rem) / 2);
    margin-right: 0.08rem;
    margin-top: 0.15rem;
    background: url(/images/v2/v1/rmtj2.png) no-repeat;
    transition: all .5s;
    background-size: 100% 100%;
}


.index1RCon1 li.yin:hover {

    position: relative;
    float: left;
    display: inline-block;
    width: calc((100% - 0.16rem) / 2);
    margin-right: 0.08rem;
    margin-top: 0.15rem;
    background: url(/images/v2/v1/rmtj.png) no-repeat;
    transition: all .5s;
    background-size: 100% 100%;
}

.index1_list {color: #fff;}
.index1_list  img.title{

}

.index1RCon1 li.kong{
    position: relative;
    float: left;
    display: inline-block;
    width: calc((100% - 0.16rem) / 2);
    margin-right: 0.08rem;
    margin-top: 0.15rem;
    background: url(/images/v2/v1/yinpu.png) no-repeat;
    transition: all .5s;
    background-size: 100% 100%;
}

.index1RCon1 li.kong:hover {

    position: relative;
    float: left;
    display: inline-block;
    width: calc((100% - 0.16rem) / 2);
    margin-right: 0.08rem;
    margin-top: 0.15rem;
    background: url(/images/v2/v1/jinpu.png) no-repeat;
    transition: all .5s;
    background-size: 100% 100%;
}

.index1RCon1 li.kong .titlep {
    margin-top: 0.7rem;
}


.index1RCon1 li.kong .jrgw {
    display: none;
}


.index1_list .jin img.title{
    width:25%;
    position: unset;

    display: block;
    margin: auto;
    max-width: 100%;
/*    margin-top: 0.1rem;*/
    -webkit-animation-name: scaleDraw; /*关键帧名称*/
    -webkit-animation-timing-function: ease-in-out; /*动画的速度曲线*/
    -webkit-animation-iteration-count: infinite;  /*动画播放的次数*/
    -webkit-animation-duration: 2s; /*动画所花费的时间*/

}



.index1_list .yin img.title{
    width:25%;
    position: unset;

    display: block;
    margin: auto;
    max-width: 100%;
/*    margin-top: 0.1rem;*/


}

.index1_list img.title2{
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: -16px;

}
/*放大缩小*/
 @keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/
            0%{
                transform: scale(1);  /*开始为原始大小*/
            }
            25%{
                transform: scale(1.1); /*放大1.1倍*/
            }
            50%{
                transform: scale(1);
            }
            75%{
                transform: scale(1.1);
            }
        }


/*跳动*/
@keyframes jump {
    0% {
    top: -13px;
    }
    50% {
    top: -17px;
    }
    100% {
    top: -14px;
    }
}



.index1_list li p{line-height: 0.5rem;}
.index1_list li .titlep{margin-top: 0.1rem;}
.index1_list li p.titlep .red{color: #00ff14; margin-right: 0.8rem; font-size: 20px;}
.index1_list li p.titlep .dianshu{color: #dfdcc9; font-size: 20px;}
.index1_list li p.discription {
    font-size: 18px;
    color: #fff600;
    text-align: left;
    padding: 0 0.3rem;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    display: -webkit-box;
}


/********右侧开服列表*********/

  .sideBox {
    background: url(/images/v2/rbg.png) no-repeat;
    background-position-y: 0.2rem;
    background-size: 100% auto;
    padding: 0.8rem 0 0;
    top:100px;
}
    .rightSideCon .title {
    color: #e3dfcc;
    font-size: 16px;
    margin-left: 0.16rem;
}
    .rightSideCon .title span{width: calc(99% / 3);display: table-cell;}
.rightSideCon .title2 a {
    color: #e3dfcc;
    font-size: 14px;
    padding: 0.1rem 0;
    margin-left: 0.16rem;
}

    .rightSideCon .title .futime{width: 1rem;}
    .rightSideCon .title .fu { width: 1.5rem;}
    .rightSideCon .title2 .futime{width: 1rem;}
    .rightSideCon .title2 .fu { width: 1.5rem;min-width: 94px;}
    .rightSideCon .title2 .red {
    /*color: red;*/
    color: #6eff00;
    min-width: 60px;
}
.rightSideCon li {
    background: unset;
    padding: unset;
    min-width: 175px;
    padding: 0 0.1rem;
}

.rightSide {
    display: block!important;
}

/********响应样式*********/
/*.index1Left{margin-top: 1rem;}*/
@media screen and (max-width: 1650px){
    .rightSideCon .title {
        color: #e3dfcc;
        font-size: 14px;
    }
}
@media screen and (min-width: 1921px) and (max-width: 2560px){
.index1p{font-size: 0.25rem;}
.index1RCon1 li {
    position: relative;
    float: left;
    display: inline-block;
    width: calc((100% - 0.16rem) / 2);
    margin-right: 0.08rem;
    margin-top: 0.15rem;
    background: url(/images/v2/yin.png) no-repeat;
    height: 2.5rem;
    transition: all .5s;
    /* background-size: contain; */
    background-size: 100% 100%;

}
}


@media screen and (min-width: 1801px) and (max-width: 1920px){

.index1RCon1 li {
    position: relative;
    float: left;
    display: inline-block;
    width: calc((100% - 0.16rem) / 2);
    margin-right: 0.08rem;
    margin-top: 0.15rem;
    background: url(/images/v2/yin.png) no-repeat;
    height: 3.05rem;
    transition: all .5s;
    /* background-size: contain; */
    background-size: 100% 100%;

    }
}



@media screen and (min-width: 1601px) and (max-width: 1800px){
.index1RCon1 li{
/*    height: 3.1rem;*/
}
.index1_list li p{line-height: 0.5rem;}
/*.index1_list li .titlep{margin-top: 18px;}*/
.index1_list li p.titlep .red{color: #00ff14; margin-right: 0.8rem; font-size: 18px;}
.index1_list li p.titlep .dianshu{color: #dfdcc9; font-size: 18px;}
.index1_list li p.discription {
    font-size: 16px;
    color: #fff600;
    text-align: left;
    padding: 0 0.3rem;
    }
}


@media screen and (max-width: 1600px){
    .rightSide{display: none!important;}

}

@media screen  and (min-width: 1925px)  and (max-width: 2004px){
    .rightSideCon .title2 .futime {
        width: 0.8rem!important;
    }
    .rightSideCon .title2 .fu {
    width: 1.3rem!important;
    }
}

@media screen and (min-width: 1366px)  and (max-width: 1600px){

.index1RCon1 li {
    height: 2.7rem;

    }

.index1_list li p{line-height: 0.5rem;}
.index1_list li .titlep{margin-top: 14px;}
.index1_list li p.titlep .red{color: #00ff14; margin-right: 0.8rem; font-size: 18px;}
.index1_list li p.titlep .dianshu{color: #dfdcc9; font-size: 18px;}
.index1_list li p.discription {
    font-size: 16px;
    color: #fff600;
    text-align: left;
    padding: 0 0.3rem;
    }
}

@media screen and (max-width: 1365px){

.index1_list li p{line-height: 0.55rem;}
/*.index1_list li .titlep{margin-top: 14px;}*/
.index1_list li p.titlep .red{color: #00ff14; margin-right: 0.8rem; font-size: 18px;}
.index1_list li p.titlep .dianshu{color: #dfdcc9; font-size: 18px;}
.index1_list li p.discription {
    font-size: 16px;
    color: #fff600;
    text-align: left;
    padding: 0 0.3rem;
    }
}

.index2 {
    background: url(/images/v2/tjbg.png) no-repeat;
    background-repeat-x: repeat;
    height: 8rem;
    background-size: contain;
}
.leftSide{display: none;}
.rightSide{}
.indexTitle{
    position: relative;
    top: -1rem;
}
.index2 .xian, .index4 .xian ,.index5 .xian{
    background: url(/images/v2/xian.png) no-repeat;
    height: 3px;
    margin-top: 0.3rem;
}
.index4 .xian {
    margin-top: 0.1rem;
}
.index5 .xian {
    margin-top: 0.1rem;
}


.index2 .swiper-button-prev, .index2 .swiper-button-next {
    top: 0.01rem;
    left: auto;
    right: 7.4rem;
    background-image: url(../images/arrow.png);
    background-size: 100% 100%;
    width: 0.5rem;
    height: 0.5rem;
    transition: all .5s;
}

.index2pr {
    position: relative;
    top: -1rem;
}

.index2 .swiper-button-next {
    right: 6.6rem;
    transform: scale(-1);
}
.bgColor {
    background: url(/images/v2/bg.png);
    background-size: cover;
}


.index1_list .jrgw{    
    position: absolute;
    margin-top: -0.45rem;
    right: 0.5rem;
}

.index4 .indexTitle {
    top: -0.4rem;
}

.index4Body{background-color: unset!important;}

.huawen{width: 100%;margin: 0.5rem 0;}

.index5Con {
    text-align: center;
    position: relative;
    height: 11rem;
    cursor: pointer;
}
.index5Con .xin1{
    background: url(/images/v2/xin1.png) no-repeat;
    background-size: 100%;
    width: 15.2rem;
    height: 14.1rem;
    position:absolute;       
    top: 64%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -11;
    text-align: left;
    
}

.index5Con .xin2{
    background: url(/images/v2/xin2.png) no-repeat;
    background-size: 100%;
    width: 15.2rem;
    height: 14.1rem;
    position:absolute;       
    top: 64%;
    left: 50%;
    transform: translate(-50%,-50%);
    z-index: -10;
    text-align: left;
/*    display:none;*/

}

.index5CHeader {
    border-bottom: 1px solid #b6b7b7;
    width: 13rem;
    margin-left: 1.1rem;
    margin-top: 0.5rem;
}
.index5CMain {
    margin-top: 0.2rem;
    font-size: .32rem;
    color: #f0f1f1;
    line-height: 2em;
    width: 13rem;
    margin-left: 1.1rem;
    height: 9rem;
    overflow: hidden;
}

.displaynone{display: none;}
.index5Con .xin2 .index5CMain {
    margin-top: 1rem;}


@media screen and (min-width: 1800px) and (max-width: 2170px){
.index2{height: 9rem;}

.index2Con .swiper-slide {
    height: 5rem;
}

}
/*****V2 end******/