*{
    margin: 0;
    padding: 0;
}

#wrap{
    width: 100%;
    height: 100%;
    background:#F8F8F8;
}
/*导航栏儿访问样式*/

.content1 .content-l .right a:hover{
    color: #2289F0;
    cursor: pointer;
}
.newsSwiperJump:hover{
    cursor: pointer;
}

/*第一部分内容，又分左右两大块儿，左边又细分两部分*/
.top{
    background:rgba(255,255,255,1);
    box-shadow:0 1px 0 0 rgba(245,245,245,1);
}
.content1,.content2,.content3{
    background:rgba(248,248,248,1);
}
.content1{
    position: relative;
}
.content1 .content-l{
    background:#FFF;
}
.content1 .content-r{
    background:rgba(255,255,255,1);
}
.content2{
    position: relative;
}
.content2> .content-l{
    background:rgba(255,255,255,1);
}
.content3{
    background:rgba(255,255,255,1);
}


@media screen and (max-width:1919px){
    .content1,.content2,.content3{
        width: 864px;
        margin:16px auto;
    }
    .content1{
        height: 289px;
    }
    .content1 .content-l{
        width:570px;
        height:286px;
    }
    .content1 .content-r{
        width:278px;
        height:286px;
    }

    .content2{
        height: 360px;
    }
    .content3{
        height:310px;
    }
    .content1 .top{
        height:40px;
        margin-bottom:8px ;
    }
    .content1 .top .title{
        float: left;
        padding:13px 0 14px 16px;
        height:13px;
        font-size:0.8em;
        font-weight:600;
        color:rgba(51,51,51,1);
        line-height:13px;
    }
    .content1 .content-l .top{
        width:570px;
        position: absolute;
    }
    .content1 .more a{
        float: right;
        margin:16px 32px 16px 0;
        /*width:58px;*/
        height:8px;
        font-size:0.7em;
        font-family:Arial,sans-serif;
        font-weight:400;
        color:#2289f0;
        text-decoration:none;
    }
    .content1 .content-l .left{
        width: 214px;
        height: 238px;
        margin: 0 16px 0 16px;
        box-sizing: border-box;
        position: absolute;
        top:49px;
    }
    .content1 .content-l .left img{
        width:100%;
        height:120px;
        margin-bottom: 7px;
    }
    .content1 .content-l .left .smallcontainer .swiper-pagination{
        top: 100px;
    }
    .content1 .content-l .left .smallcontainer .swiper-pagination .swiper-pagination-bullet{
        width: 5px;
        height: 5px;
    }
    .content1 .content-l .left .title{
        /*width: 182px;*/
        height: 14px;
        font-size: 0.75em;
        margin-top: 5px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        color: #333333;
    }
    #innerdetail {
        height: 80px;
        margin-top: 6px;
    }
    #innertitle{
        height: 18px;
        font-size: 14px;
    }
    .content1 .content-l .left p {
        width: 214px;
        /*margin: 5px 0 17px 0;*/
        font-size: 10px ;
        font-family: SourceHanSansCN-Regular,sans-serif;
        font-weight: 400;
        color: rgba(94, 97, 102, 1);
        line-height: 16px;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        color: #929292;
    }
    .content1 .content-l .right{
        position: absolute;
        left: 247px;
        top:49px ;

    }
    .content1 .content-l .right ul li{
        list-style: none;
    }
    .content1 .content-l .right .title{
        width: 100%;
        height: 21px;
    }
    .content1 .content-l .right .title>li{
        float: left;
        font-size:0.75em;
        font-family: SourceHanSansCN-Regular,sans-serif;
        font-weight:400;
        color:rgba(51,51,51,1);
        margin-right: 17px;
        transition: 1s;
    }
    .content1 .content-l .right .title li:hover{
        cursor:pointer;
        border-bottom: 8px solid #FFCC44;
        background: #F8F8F8;
    }
    .content1 .content-l .right div{
        width: 305px;
        height: 211px;
    }
    .content1 .content-l .right .title-detail{
        width: 100%;
        height: 100%;
        float: left;
        overflow: hidden;
    }
    .content1 .content-l .right .title-detail li{
        display: flex;
        justify-content: space-between;
    }
    .content1 .content-l .right a{
        width: 206px;
        height:20px;
        font-size:0.55em;
        font-family: SourceHanSansCN-Regular,sans-serif;
        font-weight:400;
        color:rgba(94,97,102,1);
        line-height:20px;
        text-decoration:none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .content1 .date{
        /*width:50px;*/
        height:13px;
        float:right;
        font-size:0.55em;
        font-family:Arial,sans-serif;
        font-weight:400;
        color:#929292;
        line-height:17px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .content1 .content-r{
        position: absolute;
        top: 0;
        right: 0;
    }
    .content1 .content-r .top{
        width:278px;
    }
    .content1 .content-r  .onetwothree{
        width:245px;
        height:69px;
        margin: 8px auto;
        background:rgba(246,246,246,1);
    }
    .content1 .content-r img{
        float: left;
        width:86px;
        height:70px;
        background:rgba(240,240,240,1);
    }
    /*.content1 .content-r .onetwothree .title{*/
    /*    position: absolute;*/
    /*    margin: 2px 0 10px 8px;*/
    /*}*/
    .content1 .content-r .onetwothree .title a{
        cursor: pointer;
        color: #333;
        font-size: 0.8em ;
        display: -webkit-box;
        display: inline-block;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        padding: 6px 0 0 10px;

    }
    .content1 .content-r .onetwothree .title a:hover{
        cursor: pointer;
    }
    .content1 .content-r .onetwothree .information{
        width:141px;
        height:34px;
        font-size:0.55em;
        line-height: 16px;
        margin:0 0 0 10px ;
        display: -webkit-box;
        display: inline-block;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .content1 .content-r .onetwothree .information a{
        font-weight:400;
        /*color:rgba(94,97,102,1);*/
        text-decoration: none;
        color: #929292;
    }

    #canva{
        width: 530px !important;
        position: relative;
        top: 20px;
        margin: 0 auto;
    }
    #myChart{
        width: 530px !important;
        position: relative;
        top: 40px;
    }

    .content1 .content-l .left .smallcontainer .swiper-pagination .swiper-pagination-bullet{
        float: right !important;
    }
    .content1 .content-l .left .smallcontainer .swiper-pagination{
        top:110px!important;
    }


    /*第二部分内容，分左右两大块儿*/
    .content2 .top .title{
        float: left;
        padding:10px 0 14px 16px;
        width:240px;
        height:21px;
        font-size:0.8em;
        font-weight:600;
        color:rgba(51,51,51,1);
        /*line-height:26px;*/
    }
    .content2 .content-l{
        width:570px;
        height: 360px;
        background-color: #FFFFFF;
    }
    .content2 .content-l .top{
        width:570px;
        height:40px;
        /*position: absolute;*/
    }
    .content2 .content-l .headline{
        float: left;
        width:232px;
        height:17px;
        font-size:1.05em;
        margin: 41px 170px 21px 170px;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:58px;
    }
    .content2 .content-r{
        position: absolute;
        height: 360px;
        width:278px;
        top: 0;
        right: 0;
        background:rgba(255,255,255,1);
    }
    .content2 .content-r .top{
        width:278px;
        height:40px;
        margin-bottom:15px ;
    }
    .content2 .content-r .box{
        width: 90%;
        max-height: 300px;
        margin: 0 auto;
        overflow:hidden;
    }
    .table_text {
        color:#929292;
        width: 100%;
        font-family: SourceHanSansCN-Regular,sans-serif;
        font-size: 0.55em;
        text-align: center;
        /* 让表格边线为单条线 */
        border-collapse: collapse;
        border: 1px solid transparent;
    }
    .table_text tr{
        height: 27px;
    }
    .table_text tr td:nth-child(4){
        width: 90px;
    }

    /*第三部分内容，轮播块元素显示内容*/
    .content3 .top{
        width:864px;
        height:40px;
        margin-bottom:17px;
    }
    .content3 .top .title{
        float: left;
        padding:13px 0 14px 17px;
        height:14px;
        font-size:0.8em;
        font-weight:600;
        color:rgba(51,51,51,1);
        line-height:17px;
    }
    .content3 .top .more a{
        float: right;
        margin:16px 32px 16px 0;
        height:8px;
        font-size:0.7em;
        font-family:Arial,sans-serif;
        font-weight:400;
        color:rgba(34,137,240,1);
        line-height:17px;
        text-decoration:none;
    }
    .picbox{
        width: 84%;
        margin: 0 auto;
        font-size: 0;
        display: flex;
        justify-content: flex-start;
    }
    .content3 img{
        width:222px;
        height:124px;
        /*width:170px;*/
        /*height:105px;*/
    }
    .content3 .picitem{
        /*padding: 0 9px 0 10px;*/
        /*background: #ffffff;*/
        width:222px;
        min-height:250px ;
        font-size: 0;
    }
    .content3 .picbox  .picitem:nth-child(1),.picitem:nth-child(2){
        margin-right: 30px;
    }
    .picitem .p-title {
        height: 13px;
        font-size:14px ;
        font-family: SourceHanSansCN-Regular,sans-serif;
        font-weight:400 ;
        color:#333;
        padding: 7px 0;
        margin: 5px 0 5px 0;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
    }
    .picitem .p-content {
        max-height: 88px;
        font-size: 10px;
        margin-bottom: 10px;
        font-weight: 400;
        color: rgba(94, 97, 102, 1);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }


}

/*公用界面交互*/
.content1 .content-l .left .smallcontainer .swiper-wrapper .swiper-slide,.content2> .content-l .picitem,.content3 .picitem{
    overflow:hidden;
    position: relative;
}
.content1 .content-r .onetwothree:hover .title a{
    color: #2289F0;
}
.content1 .content-l .left img,.content2> .content-l img,.content3 img{
    overflow-x: hidden;
    overflow-y: hidden;
    position: relative;
    z-index:1;
    transition-delay: 0s;
    transition-duration: 1s;
    transition-property: all;
    transition-timing-function: ease;
    /* Firefox 4 */
    -moz-transition-delay: 0s;
    -moz-transition-duration: 1s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-delay: 0s;
    -webkit-transition-duration: 1s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-delay: 0s;
    -o-transition-duration: 1s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.content1 .content-l .left .smallcontainer .swiper-wrapper .swiper-slide .show a{
    display: inline-block;float: left;width:100%;height: 100%;
}
/*.content1 .content-l .left .smallcontainer .swiper-wrapper .swiper-slide:hover .show,.content3 .picitem:hover .show{*/
/*    opacity: 1;filter:alpha(opacity=1);*/
/*}*/
/*.content1 .content-l .left .smallcontainer .swiper-wrapper .swiper-slide:hover .back,.content3 .picitem:hover .back{*/
/*    transform: scale(1.2, 1.2);*/
/*    -ms-transform:scale(1.2, 1.2);  !* IE 9 *!*/
/*    -moz-transform:scale(1.2, 1.2);     !* Firefox *!*/
/*    -webkit-transform:scale(1.2, 1.2); !* Safari 和 Chrome *!*/
/*    -o-transform:scale(1.2, 1.2);   !* Opera *!*/
/*}*/
.content1 .content-l .left .smallcontainer .swiper-wrapper .swiper-slide:hover .show{
    opacity: 1;filter:alpha(opacity=1);
}
.content1 .content-l .left .smallcontainer .swiper-wrapper .swiper-slide:hover .back{
    transform: scale(1.2, 1.2);
    -ms-transform:scale(1.2, 1.2);  /* IE 9 */
    -moz-transform:scale(1.2, 1.2);     /* Firefox */
    -webkit-transform:scale(1.2, 1.2); /* Safari 和 Chrome */
    -o-transform:scale(1.2, 1.2);   /* Opera */
}
.content3 .picitem .p-line{
    width: 0;
    height: 1px;
    background: #ccc;
    position: absolute;
    bottom: 15px;
    transition-delay: 0s;
    transition-duration: 0.4s;
    transition-property: all;
    transition-timing-function: ease;
    /* Firefox 4 */:hover
    -moz-transition-delay: 0s;
    -moz-transition-duration: 0.4s;
    -moz-transition-property: all;
    -moz-transition-timing-function: ease;
    /* Safari 和 Chrome */
    -webkit-transition-delay:0s;
    -webkit-transition-duration: 0.4s;
    -webkit-transition-property: all;
    -webkit-transition-timing-function: ease;
    /* Opera */
    -o-transition-delay:0s;
    -o-transition-duration: 0.4s;
    -o-transition-property: all;
    -o-transition-timing-function: ease;
}
.content3 .picitem:hover .p-title{
    color: #2289F0;
}
.content3 .picitem:hover{
    cursor: pointer;
}

@media screen and (min-width: 1920px){
    .content1,.content2,.content3{
        width: 1296px;
        margin:24px auto;
    }
    #mainContent{
        width: 1920px;
    }
    .content1{
        height: 430px;
    }
    .content1 .content-l{
        width:856px;
        height:430px;
    }
    .content1 .content-r{
        width:416px;
        height:430px;
    }
    .content2{
        height: 490px;
    }
    .content3{
        height:420px;
    }
    .content1 .top{
        height:60px;
        margin-bottom:13px ;
    }
    .content1 .top .title{
        float: left;
        padding:21px 0 20px 24px;
        height:19px;
        font-size:1.25em;
        font-weight:600;
        color:rgba(51,51,51,1);
        line-height:26px;
    }
    .content1 .content-l .top{
        width:856px;
        position: absolute;
    }
    .content1 .more a{
        float: right;
        text-align: right;
        margin:24px 30px 24px 0;
        width:150px;
        height:12px;
        font-size:1em;
        font-family:Arial,sans-serif;
        font-weight:400;
        color:#2289f0;
        text-decoration:none;
    }
    .content1 .content-l .left{
        width: 336px;
        height: 357px;
        margin: 0 25px 0 24px;
        box-sizing: border-box;
        position: absolute;
        top:73px;
    }
    .content1 .content-l .left img{
        width:100%;
        /*height:181px;*/
        height: 100%;
        /*margin-bottom: 11px;*/
    }
    .content1 .content-l .left img:hover{

    }
    .content1 .content-l .left .title{
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
        color: #333333;
        margin-top: 10px;
    }
    .content1 .content-l .left p {
        width: 330px;
        height: 121px;
        margin: 4px 0 0 0;
        font-size: 14px;
        font-weight: 400;
        color: rgba(94, 97, 102, 1);
        line-height: 22px;
        box-sizing: border-box;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        color: #929292;
    }
    #innerdetail {
        height: 106px;
    }
    .content1 .content-l .right{
        position: absolute;
        left: 382px;
        top:74px ;

    }
    .content1 .content-l .right ul li{
        line-height:40px;
        list-style: none;
    }
    .content1 .content-l .right .title{
        width: 100%;
        height: 32px;
    }
    .content1 .content-l .right .title>li{
        width: 72px;
        float: left;
        font-size:1.125em;
        font-weight:400;
        color:rgba(51,51,51,1);
        line-height:26px;
        margin-right: 26px;
        transition: 1s;
        border-bottom: #ffffff;
    }
    .content1 .content-l .right .title li:hover{
        cursor:pointer;
        border-bottom: 8px solid #FFCC44;
        background: #F8F8F8;
    }
    .content1 .content-l .right div{
        width: 462px;
        height: 320px;
    }
    .content1 .content-l .right .title-detail{
        width: 462px;
        height: 320px;
        float: left;
        overflow: hidden;
    }
    .content1 .content-l .right .title-detail li{
        display: flex;
        justify-content: space-between;
    }
    .content1 .content-l .right a{
        width: 290px;
        height:30px;
        font-size:0.875em;
        font-weight:400;
        color:rgba(94,97,102,1);
        line-height:26px;
        text-decoration:none;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .content1 .date{
        width:86px;
        height:20px;
        float:right;
        font-size:0.875em;
        font-weight:400;
        color:#929292;
        line-height:26px;
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 1;
        -webkit-box-orient: vertical;
    }
    .content1 .content-r{
        position: absolute;
        top: 0;
        right: 0;
    }
    .content1 .content-r .top{
        width:416px;
    }
    .content1 .content-r  .onetwothree{
        width:368px;
        height:104px;
        margin: 13px auto;
        background:rgba(246,246,246,1);
    }
    .content1 .content-r img{
        float: left;
        width:130px;
        height:104px;
        background:rgba(240,240,240,1);
    }
    .content1 .content-r .onetwothree .title a{
        color:#333;
        font-size: 1.125em;
        cursor: pointer;
        display: -webkit-box;
        display: inline-block;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 1;
        overflow: hidden;
        padding: 10px 0 0 13px;
    }
    .content1 .content-r .onetwothree .title a:hover{
        cursor: pointer;
    }

    .content1 .content-r .onetwothree .information{
        width:212px;
        height:45px;
        font-size:0.875em;
        font-weight:400;
        color:rgba(94,97,102,1);
        line-height:24px;
        margin: 0 0 0 10px;
        display: -webkit-box;
        display: inline-block;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow: hidden;
    }
    .content1 .content-r .onetwothree .information a{
        /*color:rgba(94,97,102,1);*/
        text-decoration: none;
        color: #929292;
    }

    #canva{
        width: 800px !important;
        position: relative;
        top: 67px;
    }
    #myChart{
        width: 850px !important;
    }
    .content1 .content-l .left .smallcontainer .swiper-pagination .swiper-pagination-bullet{
        float: right !important;
    }
    .content1 .content-l .left .smallcontainer .swiper-pagination{
        top:170px!important;
    }


    /*第三部分内容，轮播块元素显示内容*/
    .content3 .top{
        width:1296px;
        height:60px;
        margin-bottom:20px ;
    }
    .content3 .top .title{
        float: left;
        padding:19px 0 20px 25px;
        height:21px;
        font-size:1.25em;
        font-weight:600;
        color:rgba(51,51,51,1);
        line-height:26px;
    }
    .content3 .top .more a{
        float: right;
        text-align: right;
        margin:24px 30px 24px 0;
        width:150px;
        height:12px;
        font-size:1em;
        font-family:Arial,sans-serif;
        font-weight:400;
        color:rgba(34,137,240,1);
        line-height:26px;
        text-decoration:none;
    }
    .picbox{
        width: 90%;
        font-size: 0;
        margin: 0 auto;
        display: flex;
        justify-content: flex-start;
    }
    .content3 img{
        width:332px;
        height:186px;
        /*-webkit-transform: -webkit-transform 1s ease 0s;*/
        transition:transform 1s ease 0s;
        -webkit-transform-origin:center;
    }
    /*.content3 img:hover{*/
    /*    -webkit-transform: scale(1.2);*/
    /*    transform: scale(1.2);*/
    /*}*/
    .content3 .picitem{
        width:332px;
        min-height: 336px;
        font-size: 0;
        margin-right: 83px;
        /*width: 226px;*/
        /*padding: 0 29px;*/
        /*background: #ffffff;*/
    }

    .picitem .p-title {
        height: 18px;
        font-size:16px ;
        font-family: SourceHanSansCN-Regular,sans-serif;
        font-weight:400 ;
        color:rgba(51,51,51,1);
        padding: 15px 0;
        overflow: hidden;
        text-overflow:ellipsis;
        white-space: nowrap;
    }

    .picitem .p-content {
        max-height: 107px;
        font-size: 14px;
        margin-bottom: 10px;
        font-family: SourceHanSansCN-Regular,sans-serif;
        font-weight: 400;
        color: rgba(94, 97, 102, 1);
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 4;
        overflow: hidden;
    }

}
/*.content2> .content-l> .swiper-father> .nav{*/
/*    position: relative;*/
/*    !*border: 1px solid red;*!*/
/*}*/
/*.product-pagination{*/
/*    width: 100% !important;*/
/*}*/