/* 头部nav */
.header {
    width: 100%;
    min-width: 90rem;
    /*height: 132px;*/
    top: 0;
    margin: 0 auto;
    position: fixed;
    background-color: #fff;
    z-index: 10;
}

/* .header:hover .submenuBox{ display: block; } */
.nav {
    width: 92rem;
    /*height: 100%;*/
    margin: 0 auto;
    position: relative;
    z-index: 1;
}
 
.nav .logo {
    float: left;
    /*width: 95%;*/
}

.logoBox {
    display: flex;
    align-items: center;
    width: 14%;
    height: 100%;
}

.navList {
    display: flex;
    width: 100%;
    height: 60px;
    /*float: left;*/
}

.navList > li {
    /*width: 11.11%;*/
    flex: 1;
    line-height: 60px;
    color: #666666;
    display: flex;
    position: relative;
    white-space: nowrap
}

.navList > li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.navList > li.select, .navList li.select:hover {
    background: #004ea3;
}

.navList > li.select a, .navList > li:hover a, .navList > li.select2 a {
    color: #fff;
    text-decoration: none;
}

.navList > li:hover, .navList > li.select2 {
    background-color: rgba(0, 78, 163, .7);
}

.navList > li i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/down.png) center no-repeat;
    vertical-align: middle;
}

.navList > li:hover i, .navList > li.select i, .navList > li.select2 i {
    background: url(../image/down-White.png) center no-repeat;
}

.navList > li .submenu {
    display: none;
    position: absolute;
    width: 100%;
    top: 60px;
    -webkit-animation: sun-header-hide .35s;
    animation: sun-header-hide .35s;
}

.navList > li:hover .submenu {
    display: block;
    background: rgba(0, 78, 163, .5);
    -webkit-animation: sun-header-show .35s;
    animation: sun-header-show .35s;
}

.navList > li .submenu ul li {
    height: 43px;
    line-height: 43px;
}

.navList > li .submenu ul li a {
    font-size: 14px;
    color: #fff;
}

.navList > li .submenu ul li a:hover {
    font-weight: bold;
}

.submenuBox {
    width: 100%;
    display: none;
}

.submenuBox > div {
    width: 92rem;
    margin: 0 auto;
}

.submenuBox > div > div {
    width: 72%;
    margin-left: 14%;
    float: left;
    display: flex;
}

.submenuBox > div > div .submenu {
    width: 11.11%;
    position: relative;
    transition: all 0.5s;
    align-items: center;
    flex-direction: column;
    display: flex;
    opacity: 0;
}

.submenuBox > div > div .submenu.sel2 {
    opacity: 1;
}

.submenuBox > div > div .submenu ul {
    z-index: 10;
}

.submenuBox > div > div .submenu ul li {
    width: 100%;
    height: 43px;
    line-height: 43px;
}

.submenuBox > div > div .submenu ul li a {
    font-size: 14px;
    color: #fff;
}

.submenuBox > div > div .submenu ul li a:hover {
    font-weight: bold;
}

.submenuBox > div > div .submenu.select {
    background: rgba(0, 78, 163, .5);
}

.xiala_list_background {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    justify-content: center;
}

.xiala_list_background div {
    height: 100%;
    width: 0;
    transition: all 0.5s;
    background: rgba(0, 78, 163, .5);
    opacity: 0;
}

.submenu.sel2 .xiala_list_background div {
    width: 100%;
    opacity: 1;
}

@keyframes sun-header-show {
    0% {
        opacity: 0;
        transform: translate(-100);
    }
    100% {
        opacity: 1;
        transform: translate(0);
    }
}

@keyframes sun-header-hide {
    0% {
        opacity: 1;
        transform: translate(0);
    }
    100% {
        opacity: 0;
        transform: translate(-100);
    }
}

.searchBtn {
    float: right;
    display: inline-block;
    width: 24px;
    height: 24px;
    cursor: pointer;
    margin: 18px 10px;
}

.language {
    font-size: 14px;
    line-height: 14px;
    margin: 23px 0;
    color: #666666;
    float: right;
}

.user {
    float: right;
    line-height: 60px;
    position: relative;
}

.user img {
    vertical-align: middle;
}

.user:hover div {
    display: block;
}

.user div {
    display: none;
    cursor: pointer;
    width: 45px;
    position: absolute;
    height: 40px;
    background: #fff;
    top: 60px;
    line-height: 40px;
    text-align: center;
    color: #004ea3;
    left: 50%;
    margin-left: -22.5px;
}

.user div:hover {
    text-decoration: underline;
}

.centerTitleBox {
    font-size: 44px;
    line-height: 60px;
    height: 82px;
    width: 100%;
    font-weight: bold;
    color: #333;
    text-align: center;
    position: relative;
}

.centerTitleBox:after {
    content: '';
    display: inline-block;
    width: 48px;
    height: 2px;
    background: #666;
    position: absolute;
    left: 50%;
    bottom: 0;
    margin-left: -24px;
}

.centeraSmallTitle {
    font-size: 1rem;
    color: #666;
    line-height: 2rem;
    margin-top: 1rem;
    text-align: center;
}

/* 移动端头部 */
.moblieHeader {
    height: 120px;
    width: 100%;
    max-width: 100%;
    min-width: auto;
}

.moblieHeader .nav .logoBox {
    margin-left: 1%;
    width: 20%;
}

.moblieHeader .language {
    font-size: 36px;
    line-height: 120px;
    margin: 0 20px;
}

.moblieHeader .searchBtn {
    width: 40px;
    height: 40px;
    margin: 40px 10px;
}

.moblieHeader .searchBtn img {
    width: 100%;
    height: 100%;
}

.moblieNavBox {
    width: 100%;
}

.moblieNav {
    width: 9%;
    height: 100%;
    float: right;
    background: #004ea3 url(../image/moblieNav.png) center no-repeat;
    margin-left: 20px;
}

.moblieNav:hover .moblicNavList {
    display: block;
}

.moblicNavList {
    display: none;
    background: #004ea3;
    margin-top: 120px;
    width: 40%;
    position: absolute;
    right: 0;
}

.moblicNavList li {
    width: 100%;
    min-height: 100px;
    line-height: 100px;
    border-bottom: 1px solid #306fb4;
}

.moblicNavList li a {
    color: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 32px;
    position: relative;
}

.moblicNavList li.more > a:after {
    content: '';
    display: inline-block;
    width: 18px;
    height: 10px;
    background: url(../image/downWhite.png) center no-repeat;
    position: absolute;
    right: 72px;
    top: 45px;
}

.moblicNavList li .submenu {
    display: none;
}

.moblicNavList li .submenu ul li {
    height: 100px;
    background: #1f64ae;
    border-bottom: 2px solid #306fb4;
}

/* 头部nav end */

.indexContent {
    width: 100%;
    min-width: 90rem;
    max-width: 1920px;
    margin: 0px auto 0 auto;
}

.moblieBody .indexContent {
    margin: 120px auto 0 auto;
}


.contentWidth {
    width: 92rem;
    margin: 0 auto;
}

.contentBigWidth {
    width: 100%;
    box-sizing: border-box;
}

.grayBg {
    background: #f5f7f9;
}

.titleBox {
    display: flex;
    align-items: center;
    height: 62px;
    font-size: 44px;
    line-height: 62px;
    color: #333;
    padding-left: 20px;
    position: relative;
}

.titleBox:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 40px;
    border-radius: 5px;
    background: #004ea3;
    position: absolute;
    left: 0;
    top: 11px;
}

.titleBox span {
    display: inline-block;
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    border: solid 1px #004ea3;
    font-size: 14px;
    color: #004ea3;
    margin-left: 17px;
    padding: 0 10px;
    box-sizing: border-box;
}

.titleBox span:before {
    content: '+';
    margin-right: 10px;
}

.showMore {
    display: inline-block;
    width: 92px;
    height: 30px;
    background-color: #004ea3;
    line-height: 30px;
    font-size: 14px;
    color: #fff;
    padding: 0 9px;
    box-sizing: border-box;
}

.showMore i {
    display: inline-block;
    border-left: 7px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    margin-left: 10px;
}

.centerTitle {
    border-bottom: solid 6px #004ea3;
}

.breadcrumb {
    width: 100%;
    display: flex;
}

.breadcrumb a:after {
    content: '/';
    margin: 0 5px;
}

.breadcrumb a:last-child:after {
    content: '';
    margin: 0;
}

.breadcrumb a:hover {
    text-decoration: none;
    color: #004ea3;
}

.breadcrumb a:hover:after {
    color: #999999;
}

.footBg {
    background: #f5f7f9 url(../image/foot.png) bottom right no-repeat;
} 

/* banner */
.bannerBox {
    width: 90%;
    margin: auto;
    height: 22rem;
    /*background: rgba(0, 0, 0, .3);*/
    /*overflow: hidden;*/
    position: relative;
}

.bannerBox .banner-swiper-container,
.bannerBox .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    position: relative;
}

.bannerBox .swiper-slide a {
    display: inline-block;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
    pointer-events: auto;
}

/* 确保按钮区域不被链接遮挡 */
.bannerBox .swiper-button-prev,
.bannerBox .swiper-button-next,
.bannerBox .banner-swiper-button-prev,
.bannerBox .banner-swiper-button-next {
    pointer-events: auto !important;
}

/* banner end */

.projectList {
    width: 92rem;
    height: 15rem;
    margin: 0 auto;
    background-image: linear-gradient(314deg, #1b6ec8 0%, #105bac 100%);
    margin-top: -100px;
    display: flex;
    position: relative;
    z-index: 1;
}

.projectList .item {
    width: 16.67%;
    color: #fff;
    text-align: left;
    padding: 1rem;
    box-sizing: border-box;
    position: relative;
}

.projectList.indexProjectList .item {
    width: 14.28%;
}

.projectList .item:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 80%;
    background: rgba(255, 255, 255, .2);
    position: absolute;
    right: 0;
    top: 20px;
}

.projectList .item h4 {
    font-size: 3rem;
    line-height: 3.69rem;
    height: 3.69rem;
    margin-top: 1.63rem;
}

.projectList .item i {
    display: inline-block;
    width: 2rem;
    height: 2rem;
    margin: 1rem 0;
    background: url(../image/index-i1.png) center no-repeat;
    background-size: contain;
}

.projectList .item p {
    font-size: 1.33rem;
    line-height: 1.6rem;
}

.projectList .item p.other {
    font-size: 1.3rem;
}

.projectList .item h4.other {
    font-size: 2.9rem;
}

.projectList .item:last-child:after {
    display: none;
}

.projectList .item:nth-child(2) i {
    background: url(../image/index-i2.png) center no-repeat;
    background-size: contain;
}

.projectList .item:nth-child(3) i {
    background: url(../image/index-i3.png) center no-repeat;
    background-size: contain;
}

.projectList .item:nth-child(4) i {
    background: url(../image/index-i4.png) center no-repeat;
    background-size: contain;
}

.projectList .item:nth-child(5) i {
    background: url(../image/index-i5.png) center no-repeat;
    background-size: contain;
}

.projectList .item:nth-child(6) i {
    background: url(../image/index-i6.png) center no-repeat;
    background-size: contain;
}

.projectList .item:nth-child(7) i {
    background: url(../image/index-i7.png) center no-repeat;
    background-size: contain;
}

.noticeBox {
    width: 92rem;
    height: 97px;
    overflow: hidden;
    margin: 0 auto;
    display: flex;
}

.noticeBox .nleft {
    display: inline-block;
    text-decoration: none;
    width: 146px;
    height: 97px;
    background-image: linear-gradient(314deg, #1b6ec8 0%, #105bac 100%);
    color: #fff;
    text-align: center;
    padding: 17px 0;
    box-sizing: border-box;
}

.noticeBox .nleft p {
    font-size: 18px;
    line-height: 24px;
    margin-top: 4px;
}

.noticeBox .nright {
    width: calc(100% - 146px);
}

.noticeBox .nright p {
    width: 100%;
    height: 48px;
    padding: 0 20px 0 36px;
    box-sizing: border-box;
    text-align: left;
    background-color: #e0eeff;
    margin-bottom: 1px;
    font-size: 18px;
    line-height: 48px;
    position: relative;
}

.noticeBox .nright p:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    background-color: #004ea3;
    border-radius: 50%;
    position: absolute;
    left: 20px;
    top: 21px;
}

.noticeBox .nright p a {
    display: inline-block;
    width: 100%;
    height: 100%;
    color: #666666;
}

.noticeBox .nright p:hover a {
    color: #1461b5;
}

/* 新首页 */
.serviceBox {
    width: 92rem;
    margin: 0 auto;
}

.serviceItemBox {
    width: 100%;
    display: flex;
    margin-top: 3rem;
}

.serviceItemBox > a {
    flex: 1;
    height: 17rem;
    display: flex;
    padding: 4rem;
    box-sizing: border-box;
}

.serviceItemBox > a.left {
    background: #deecfe;
    text-decoration: none;
}

.serviceItemBox > a.right {
    background: #f5f7f9;
}

.serviceItemBox .serviceInfo {
    margin-left: 4rem;
}

.serviceItemBox .serviceInfo h3 {
    height: 4rem;
    font-size: 2rem;
    color: #333;
    position: relative;
}

.serviceItemBox .serviceInfo h3::after {
    content: '';
    display: inline-block;
    width: 3rem;
    height: 1px;
    background: #666;
    position: absolute;
    bottom: 0;
    left: 0;
}

.serviceItemBox .serviceInfo p {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 2rem;
    color: #666666;
}

/* 新首页 end */

/* 旧首页 */
/* .serviceBox{ width: 92rem;height: 38.81rem; margin: 0 auto; display: flex; }
.serviceBox .nleft{ width: 33%;height: 100%; position: relative; background-image: linear-gradient(314deg,#1b6ec8 0%,#105bac 100%);border-radius: 16px; background: url(../image/serviceBg.png) center no-repeat; background-size: 100% 100%; color: #fff; }
.serviceBox .nleft h3{font-size:3.75rem;position: relative;line-height: 84px;margin-bottom: 34px;}
.serviceBox .nleft h3:after{content: '';display: inline-block;width: 45px;height: 2px;background: #fff;position: absolute;bottom: -35px;left: 50%;margin-left: -22.5px;}
.serviceBox .nleft h5{font-size: 24px;line-height: 31px;padding-top: 41px;}
.serviceBox .nleft > div{position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);width: 80%;}
.serviceBox .nright{ width: calc(67% - 1.25rem); display: flex; flex-wrap: wrap; justify-content : space-between; margin-left: 1.25rem; }
.serviceBox .nright > div,.serviceBox .nright > a{ width: 48.8%; height: 18.75rem; border-radius: 16px; background: #d9ebff; margin-bottom: 1.25rem; position: relative; cursor: pointer; }
.serviceBox .nright > div:nth-child(2),.serviceBox .nright > a:nth-child(3){ background: #fff; border: 3px solid #d9e4f1;box-sizing: border-box; }
.serviceBox .nright > div > div,.serviceBox .nright > a > div{ position: absolute;left:50%;top:50%;transform:translate(-50%,-50%); width: 71%; }
.serviceBox .nright > a > div img,.serviceBox .nright > div > div img{ width: 5.63rem; height: 5.63rem; }
.serviceBox .nright > div > div p,.serviceBox .nright > a > div p{ color: #666666; } */

/* 旧首页 end */

.cptgBox {
    width: 92rem;
    margin: 0 auto;
}

.cptgBox .cptgHeader {
    position: relative;
}

.cptgBox .cptgHeader .showMore {
    position: absolute;
    top: 0;
    right: 0;
    width: 11rem;
    height: 4rem;
    font-size: 1.5rem;
    line-height: 4rem;
    padding: 0 23px;
}

.cptgBox .cptgSwiper {
    width: 100%;
    overflow: hidden;
    margin-top: 3rem;
}

.cptgBox .cptgSwiper .swiper-slide {
    width: 53rem;
    height: 30rem;
}

.cptgBox .cptgSwiper .swiper-slide a {
    display: inline-block;
    width: 100%;
    height: 100%;
    background-size: cover !important;
    position: relative;
}

.cptgBox .cptgSwiper .swiper-slide a div {
    width: 100%;
    position: absolute;
    bottom: 0;
    padding: 1rem 2rem;
    box-sizing: border-box;
    display: none;
    background: rgba(0, 0, 0, .3);
}

.cptgBox .cptgSwiper .swiper-slide a h3 {
    font-size: 2rem;
    line-height: 3rem;
    color: #ffffff;
}

.cptgBox .cptgSwiper .swiper-slide a p {
    font-size: 1rem;
    line-height: 2rem;
    color: rgba(255, 255, 255, .7);
    margin-top: 1rem;
}

.cptgBox .cptgSwiper .swiper-slide.swiper-slide-active a div {
    display: block;
}

.fhycBox {
    width: 92rem;
    margin: 0 auto;
}

.fhycListBox {
    width: 100%;
    display: flex;
    margin-top: 3rem;
}

.fhycListBox > a {
    flex: 1;
    height: 35rem;
    position: relative;
    overflow: hidden;
}

.fhycListBox > a img {
    width: 100%;
    height: 100%;
    position: absolute;
    z-index: 1;
    transition: all .3s ease-in-out;
    object-fit: cover;
}

.fhycListBox > a p {
    font-size: 2rem;
    color: #ffffff;
    text-align: center;
    line-height: 35rem;
    position: absolute;
    z-index: 2;
    width: 100%;
}

.fhycListBox > a:hover:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background: rgba(0, 91, 161, .5);
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
}

.fhycListBox > a:hover img {
    transform: scale(1.05);
    transition: all .3s ease-in-out;
}

.fhycListBox > a:hover p::after {
    content: '';
    display: inline-block;
    width: 7rem;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 45%;
    left: 50%;
    margin-left: -3.5rem;
}

.newsBox > div {
    display: flex;
    justify-content: space-between;
}

.newsBox .newsList {
    width: 62%;
}

.newsBox .newsItemBox {
    width: 100%;
    height: 345px;
    background: #fff;
    display: flex;
    border-radius: 8px;
}

.newsBox .newsItemBox .firstNews {
    width: 48%;
    position: relative;
    cursor: pointer;
}

.newsBox .newsItemBox .firstNews:hover {
    background: #fff;
    padding: 10px;
}

.newsBox .newsItemBox .firstNews:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 100%;
    background: #efefef;
    position: absolute;
    right: 0;
    top: 0;
}

.newsBox .newsItemBox .firstNews .newsImg {
    width: 100%;
    height: 186px;
}

.newsBox .newsItemBox .firstNews .newsImg img {
    width: 100%;
    height: 100%;
}

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

.newsBox .newsItemBox .otherNews {
    width: 52%;
}

.newsBox .newsItemBox .otherNews ul li {
    width: 100%;
    border-bottom: 1px solid #efefef;
    position: relative;
    cursor: pointer;
}

.newsBox .newsItemBox .otherNews ul li:after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    top: 10%;
    width: 6px;
    height: 6px;
    background: #004ea3;
    border-radius: 2px;
}

.newsBox .newsItemBox .otherNews ul li:hover {
    background: #fff;
    padding: 10px;
}

.newsBox .newsItemBox .otherNews ul li:hover:after {
    display: none;
}

.newsBox .periodicalList {
    width: 37%;
    height: 345px;
}

.newsBox .periodicalInfo {
    width: 100%;
    height: 100%;
    background: #fff;
    border-radius: 8px;
}

.newsBox .periodicalInfo > a {
    display: flex;
    position: relative;
}

.newsBox .periodicalInfo .periodicalImg {
    width: 48%;
    height: 226px;
    background-size: cover !important;
}

.newsBox .periodicalInfo .periodicalImg img {
    width: 100%;
    height: 100%;
}

.newsBox .periodicalInfo .periodicalImgInfo {
    width: 50%;
    right: 1.25rem;
    top: 50%;
    transform: translate(0, -50%);
    position: absolute;
}

.newsBox .periodicalInfo .otherNewsBottom {
    border-top: 1px solid #efefef;
    display: flex;
    justify-content: space-between;
}

.newsBox .periodicalInfo .otherNewsBottom .newsPage {
    display: flex;
}

.newsBox .periodicalInfo .otherNewsBottom .newsPage i {
    display: inline-block;
    width: 30px;
    height: 30px;
    cursor: pointer;
    border: solid 1px #004ea3;
    box-sizing: border-box;
    text-align: center;
}

.newsBox .periodicalInfo .otherNewsBottom .newsPage i.pre:after {
    content: '<';
    color: #004ea3;
    font-style: normal;
    font-size: 19px;
}

.newsBox .periodicalInfo .otherNewsBottom .newsPage i.next:after {
    content: '>';
    color: #004ea3;
    font-style: normal;
    font-size: 19px;
}

.newsBox .periodicalInfo .otherNewsBottom .newsPage i.disable {
    cursor: not-allowed;
    opacity: .5;
}

.exhibition {
    height: 37.5rem;
    background: url(../image/ztBg.png) center no-repeat;
    background-size: cover;
    position: relative;
}

.exhibitionInfo {
    width: 60%;
    background-color: #004ea3;
    opacity: 0.8;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.exhibitionInfo > div {
    width: 80%;
    margin: 45px auto;
}

.exhibitionInfo > div a {
    display: inline-block;
    width: 172px;
    height: 48px;
    line-height: 48px;
    border: solid 1px #ffffff;
    -webkit-transition: all .2s ease-in-out 0s;
    -moz-transition: all .2s ease-in-out 0s;
    -ms-transition: all .2s ease-in-out 0s;
    -o-transition: all .2s ase-in-out 0s;
}

.exhibitionInfo > div a i {
    display: inline-block;
    border-left: 7px solid #fff;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    margin-left: 10px;
}

.exhibitionInfo > div a:hover {
    background: #fff;
    color: #004ea3;
}

.exhibitionInfo > div a:hover i {
    border-left: 7px solid #004ea3;
}

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

.partnerHeader > div {
    display: flex;
}

.partnerHeader > div > div {
    /*width: 180px;*/
    height: 80px;
    padding: 0 20px;
    line-height: 80px;
    border-radius: 4px;
    color: #666666;
    cursor: pointer;
    white-space: nowrap;
}

.partnerHeader > div > div.select {
    background-color: #0650a1;
    box-shadow: 0px 3px 12px 0px rgba(0, 78, 163, 0.36);
    color: #fff;
}

.partnerBox .knowMore {
    display: inline-block;
    width: 172px;
    height: 48px;
    line-height: 48px;
    border: solid 1px #004ea3;
    color: #004ea3;
}

.partnerBox .knowMore i {
    display: inline-block;
    border-left: 7px solid #004ea3;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    margin-left: 10px;
}

.partnerBox .companyBox {
    width: 100%;
    background: #fff;
    overflow: hidden;
    position: relative;
}

.partnerBox .companyBox::after {
    content: '';
    display: inline-block;
    width: 30px;
    height: 100%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 0;
}

.partnerBox .companyBox::before {
    content: '';
    display: inline-block;
    width: 30px;
    height: 100%;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 1;
}

.partnerBox .companyBox > div {
    height: 100%;
    position: relative;
}

.partnerBox .companyBox div.companyItemList {
    width: 100%;
    height: 78px;
}

.partnerBox .companyBox div.companyItemList ul {
    display: flex;
    position: relative;
}

.partnerBox .companyBox div.companyItemList ul li {
    height: 72px;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    margin: 0 70px 0 5px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ase-in-out 0s;
}

.partnerBox .companyBox div.companyItemList ul li img {
    height: 100%;
}

.partnerBox .companyBox div.companyItemList ul li:hover {
    box-shadow: 0px 3px 6px 0px rgba(0, 78, 163, .5);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-box-shadow: 0 0 10px rgba(0, 78, 163, .5);
    position: relative;
    z-index: 2;
}

.footer {
    background: url(../image/footer.png) center no-repeat;
    background-size: cover;
    /*max-width: 1920px;*/
    min-width: 90rem;
    margin: 0 auto;
}

.footerHeader {
    width: 100%;
    border-bottom: 1px solid #666666;
    display: flex;
    padding: 32px 10%;
    box-sizing: border-box;
}

.footerHeader .fleft > div {
    display: flex;
    flex-wrap: wrap;
}

.footerHeader .fleft > div p {
    width: 50%;
    opacity: .75;
    display: flex;
    align-items: center;
}

.copyright {
    opacity: .75;
}

.otherBannerBox {
    width: 100%;
    max-width: 1920px;
    margin: 0 auto;
    height: 30rem;
    background: url(../image/about.png) center no-repeat;
    background-size: cover;
}

.bannerContent {
    width: 92rem;
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}

.otherBannerBox .bannerTitle {
    position: absolute;
    top: 50%;
    transform: translate(10%, -50%);
}

.otherBannerBox .bannerTitle h2 {
    line-height: initial;
    position: relative;
    padding-bottom: 10px;
}

.otherBannerBox .bannerTitle h2:after {
    content: '';
    display: inline-block;
    width: 60px;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: 0;
    left: 0;
}

.otherBannerBox .bannerTitle h2 em {
    font-size: 24px;
    font-family: Arial !important;
    word-break: initial;
}

.otherBannerBox .bannerTitle ul {
    display: flex;
}

.otherBannerBox .bannerTitle ul li {
    margin-right: 48px;
    position: relative;
    padding-left: 12px;
    width: 33%;
}

.otherBannerBox .bannerTitle ul li:after {
    content: '';
    display: inline-block;
    width: 6px;
    height: 6px;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    left: 0;
    top: 12px;
}

.otherBannerBox .bannerTitle ul li em {
    font-size: 20px;
    line-height: initial;
    font-family: Arial !important;
    word-break: initial;
}

/* 右侧悬浮导航 */
.rightNav {
    position: fixed;
    right: 30px;
    bottom: 5%;
    z-index: 10;
}

.rightNav ul {
    width: 7.5rem;
    background-color: #ffffff;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16);
}

.rightNav ul li {
    width: 100%;
    height: 7.5rem;
    position: relative;
    cursor: pointer;
}

.rightNav ul li:hover, .rightNav ul li:nth-child(2):hover {
    background: #004ea3;
    color: #fff;
}

.rightNav ul li:hover p {
    color: #fff;
}

.rightNav ul li:nth-child(2) {
    background: #d9e4f1;
}

.rightNav ul li > div {
    width: 100%;
    top: 50%;
    transform: translate(0, -50%);
    position: absolute;
}

.rightNav ul li > div img {
    width: 3rem;
}

.backTop {
    display: none;
    width: 7.5rem;
    height: 7.5rem;
    background-color: #ffffff;
    box-shadow: 0px 6px 12px 0px rgba(0, 0, 0, 0.16);
    border-radius: 50%;
    position: relative;
    cursor: pointer;
    opacity: .9;
}

.backTop:after {
    content: '';
    display: inline-block;
    border-bottom: 23px solid #004EA3;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.backTop:hover {
    opacity: 1;
}

/* 关于我们 */
.centerInfoBox, .organizationBox {
    width: 100%;
    background: #fff;
}

.aboutImgBox {
    width: 48%;
    float: right;
    clear: both;
    position: relative;
}

/* .aboutImgBox:after{ content: ''; display: inline-block; width: 538px; height: 355px; background: #0650a1; opacity: 0.13; position: absolute; z-index: 0; left: 0; bottom: 0; } */
.aboutImgBox img {
    max-width: 100%;
}

.centerInfoBox .hasImg {
    width: 45%;
}

.centerInfoBox .hasImg img {
    max-width: 100%;
    margin-bottom: 10px;
}

.organizationBox {
    width: 100%;
}

.organizationBox img {
    max-width: 100%;
}

.globalLayout {
    height: 53rem;
    background: url(../image/earthBg.png) center no-repeat;
    background-size: cover;
}

.globalLayout > div {
    position: relative;
    height: 100%;
}

.mapBox {
    width: 92rem;
    height: 690px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    position: absolute;
}

.mapBox > div {
    position: relative;
    width: 100%;
    height: 100%;
}

.globalLayout img {
    max-width: 100%;
}

.projectCoord {
    position: absolute;
    width: 1px;
    height: 1px;
}

.projectCoord > div {
    position: relative;
    width: 100%;
    height: 100%;
}

.projectCoord > div i.icon {
    display: inline-block;
    width: 126px;
    height: 74px;
    background: url(../image/coord.png) center no-repeat;
    background-size: contain;
    position: absolute;
    top: -48px;
    left: -63px;
    cursor: pointer;
}

.projectCoord > div i.icon:hover .coordName {
    display: block;
}

.projectCoord > div i.icon:hover {
    z-index: 10;
}

.projectCoord > div .coordName {
    position: absolute;
    bottom: 90px;
    transform: translate(-50%, 0);
    left: 50%;
    display: none;
}

.projectCoord > div .coordName div {
    padding: 20px 18px;
    background: #474747;
    border-radius: 8px;
    position: relative;
    width: 192px;
}

.projectCoord > div .coordName div:after {
    content: '';
    display: inline-block;
    border-top: 10px solid #474747;
    border-left: 9px solid transparent;
    border-right: 9px solid transparent;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -9px;
}

/* 新闻中心 */
.newsBg {
    background: url(../image/newsBg.png) center no-repeat;
    background-size: cover;
}

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

.newFirstBox .noticeType {
    width: 13%;
}

.newsListBox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    gap:2%
}

.newListParentBox {
    width: 100%%;
}

.newsItem {
    width: 32%;
    position: relative;
    background: #fff;
    cursor: pointer;
}

.newsItem:nth-child(1), .newsItem:nth-child(4), .newsItem:nth-child(7) {
    margin-left: 0;
}

.newsItem .newsImg {
    width: 100%;
    height: 186px;
    background-size: cover !important;
}

.newsItem .newsImg img {
    width: 100%;
    height: 100%;
}

/* .newsItem .newInfoHeader{ height: 48px; } */
.newsItem .newInfoHeader .fellipsis2.l-h-24 {
    max-height: 48px;
    height: auto;
}

.newsItem .newInfoHeader .fellipsis3.l-h-24 {
    max-height: 72px;
    height: auto;
}

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

.noticeListBox {
    width: 100%;
}

.noticeListBox > div {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.noticeType {
    width: 15%;
}

.noticeType ul li {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #fff;
    color: #999;
    margin-bottom: 22px;
    cursor: pointer;
}

.noticeType ul li:hover {
    background: rgba(0, 0, 0, 0.03);
}

.noticeType ul li.select {
    color: #004ea3;
    box-shadow: 0px 3px 6px 0px rgba(0, 0, 0, 0.16);
    border: solid 1px #004ea3;
    box-sizing: border-box;
}

.noticeType ul li.select:hover {
    background: #fff;
}

.noticeItemList {
    width: 83%;
}

.noticeItemList .noticeItem {
    width: 100%;
    height: 164px;
    background: #fff;
    margin-bottom: 20px;
}

.noticeItemList .noticeItem a {
    display: inline-block;
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.noticeItemList .noticeItem a:hover {
    text-decoration: none;
}

.noticeItemList .noticeItem a:hover p.fellipsis2 {
    text-decoration: underline;
}

.noticeItemList .noticeItem .noticeIcon {
    width: 120px;
    height: 120px;
    background: #e6c000;
    font-size: 30px;
    line-height: 42px;
    padding: 16px 30px;
    box-sizing: border-box;
}

.noticeItemList .noticeItem .noticeIcon.green {
    background: #9cc947;
}

.noticeItemList .noticeItem .noticeIcon.orange {
    background: #ec702f;
}

.noticeItemList .noticeItem .noticeIcon.default {
    background: #4298F6;
    padding: 0;
    text-align: center;
    line-height: 120px;
}

.noticeItemList .noticeItem .noticeInfo {
    width: calc(100% - 140px);
}

.newsDetailBox, .newsContent {
    width: 100%;
    position: relative;
}

.newsDetailBox .meetView {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.newsDetailBox .meetView .meetingDetail {
    width: 83%;
}


.newsContent {
    font-size: 16px;
}

.newsDetailBox .newsTitle {
    width: 80%;
    margin: 0 auto;
}

.newsContent img {
    max-width: 100%;
}

/* 产业促进 */
.industrialBg {
    background: url(../image/newsBg2.png) center no-repeat;
    background-size: cover;
}

.industrialBg.otherBannerBox .bannerTitle ul {
    width: 73%;
    flex-wrap: wrap;
}

.industrialBg.otherBannerBox .bannerTitle ul li {
    width: 38%;
    margin-bottom: 15px;
}

/*.industrial1 > div{ display: flex; justify-content : space-between; }*/
.aboutInfoBox {
    width: 100%;
    height: 25rem;
    display: flex;
    background: #fff;
}

.fhType {
    width: 15%;
}

.fhType ul li {
    width: 100%;
    height: 60px;
    line-height: 60px;
    background: #fff;
    color: #004ea3;
    cursor: pointer;
}

.industrialBox .imgBox {
    width: 45%;
    height: 100%;
    position: relative;
}

.industrialBox .textBox {
    width: 55%;
    height: 100%;
    position: relative;
}

.industrialBox .textBox .linear-bg {
    box-sizing: border-box;
    width: 100%;
    height: 20%;
    padding-left: 2rem;
    display: flex;
    align-items: center;
    background-image: linear-gradient(314deg, #1b6ec8 0%, #105bac 100%);
}

/* .aboutInfoBox .imgBox{ width: 372px; height: 246px;} */
.aboutInfoBox .imgBox:after {
    display: none;
}

.aboutInfoBox .imgBox img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 1;
}

/* .aboutInfoBox .imgBox img{ width: 100%; height: 100%; } */
.aboutInfoBox .infoBox {
    width: calc(100% - 392px);
}

.industrialBox .baseService {
    width: 100%;
}

.industrialBox .baseService .head {
    width: 100%;
    text-align: center;
    margin-top: 6rem;
}

.industrialBox .baseService .join-process {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.industrialBox .baseService .join-process .content {
    width: 82%;
    padding: 4rem 5rem 8rem;
    box-sizing: border-box;
    background: #fff;
    position: relative;
}

.industrialBox .baseService .join-process .content img {
    max-width: 100%;
}

.industrialBox .baseService .serviceBox {
    width: 92rem;
    height: 38.81rem;
    margin: 0 auto;
    display: flex;
}

.industrialBox .baseService .serviceBox .nleft {
    width: 33%;
    height: 100%;
    position: relative;
    background-image: linear-gradient(314deg, #1b6ec8 0%, #105bac 100%);
    border-radius: 16px;
    background: url(../image/serviceBg.png) center no-repeat;
    background-size: 100% 100%;
    color: #fff;
}

.industrialBox .baseService .serviceBox .nleft h3 {
    font-size: 3.75rem;
    position: relative;
    line-height: 84px;
    margin-bottom: 34px;
}

.industrialBox .baseService .serviceBox .nleft h3:after {
    content: '';
    display: inline-block;
    width: 45px;
    height: 2px;
    background: #fff;
    position: absolute;
    bottom: -35px;
    left: 50%;
    margin-left: -22.5px;
}

.industrialBox .baseService .serviceBox .nleft h5 {
    font-size: 24px;
    line-height: 31px;
    padding-top: 41px;
}

.industrialBox .baseService .serviceBox .nleft > div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
}

.industrialBox .baseService .serviceBox .nright {
    width: calc(67% - 1.25rem);
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-left: 1.25rem;
}

.industrialBox .baseService .serviceBox .nright > div, .serviceBox .nright > a {
    width: 48.8%;
    height: 18.75rem;
    border-radius: 16px;
    background: #d9ebff;
    margin-bottom: 1.25rem;
    position: relative;
    cursor: pointer;
}

.industrialBox .baseService .serviceBox .nright > div:nth-child(2), .serviceBox .nright > a:nth-child(3) {
    background: #fff;
    border: 3px solid #d9e4f1;
    box-sizing: border-box;
}

.industrialBox .baseService .serviceBox .nright > div > div, .serviceBox .nright > a > div {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 71%;
}

.industrialBox .baseService .serviceBox .nright > a > div img, .serviceBox .nright > div > div img {
    width: 5.63rem;
    height: 5.63rem;
}

.industrialBox .baseService .serviceBox .nright > div > div p, .serviceBox .nright > a > div p {
    color: #666666;
}

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

.informationListBox {
    width: 100%;
    background: #fff;
}

.informationListBox .tip {
    background-color: #e9eff7;
}

.informationListBox .listBox {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}

.informationListBox .listBox a {
    display: flex;
    justify-content: space-between;
    width: 48%;
    height: 80px;
    background-color: #ffffff;
    border: solid 1px #d9e4f1;
    box-sizing: border-box;
    margin-top: 20px;
}

.informationListBox .listBox a:hover {
    text-decoration: none !important;
}

.informationListBox .listBox a .logoBox {
    width: 120px;
    height: 120px;
}

.informationListBox .listBox a .logoBox img {
    width: 100%;
    height: 100%;
}

.informationListBox .listBox a .infoBox {
    width: calc(100% - 140px);
}

.informationListBox .listBox .logoBox em {
    display: inline-block;
    font-style: normal;
    width: 100%;
    height: 100%;
    line-height: 120px;
    color: #fff;
}

.informationListBox .listBox .logoBox em.default {
    background: #4298F6;
}

.informationListBox .listBox .logoBox em.orange {
    background: #ec702f;
}

.informationListBox .listBox .logoBox em.yellow {
    background: #e6c000;
}

.informationListBox .listBox .logoBox em.green {
    background: #9cc947;
}

.informationListBox .zcbzListBox {
    max-height: 39px;
    overflow: hidden;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ase-in-out 0s;
}

.informationListBox .zcbzListBox.showMoreChildren {
    max-height: inherit;
    height: auto;
}

.enterBox.hasUnit {
    display: flex;
}

.enterBox.hasUnit input {
    width: 85% !important;
}

.enterBox.hasUnit span.unit {
    width: 15% !important;
}

.enterBox .otherBox {
    display: flex;
    width: 56% !important;
}

.enterBox .otherBox label {
    width: 13%;
}

.enterBox .otherBox .otherRemark {
    width: 36%;
    border: none;
    border-bottom: solid 1px #dcdfe6;
    height: 25px;
    border-radius: 0;
    padding: 0;
}


/* 传播交流 */
.activityBg {
    background: url(../image/activityBg.png) center no-repeat;
    background-size: cover;
}

.recommendList {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

.recommendList a {
    display: inline-block;
    width: 23.8%;
    height: 293px;
    background: #fff;
    margin-left: 1%;
    overflow: hidden;
    text-decoration: none;
}

.recommendList a:first-child {
    margin-left: 0;
}

.recommendList a .img {
    width: 100%;
    height: 186px;
}

.recommendList a:hover {
    text-decoration: underline;
}

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

.calendarBox {
    width: 32%;
}

.calendarBox .calendarContent {
    width: 100%;
    height: 432px;
    background: #fff;
}

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

.calendarStatusBox p {
    width: 33.33%;
}

.calendarStatusBox p em {
    display: inline-block;
    width: 11px;
    height: 11px;
    border-radius: 50%;
    margin-right: 10px;
}

.calendarStatusBox p.end em {
    background: #999999;
}

.calendarStatusBox p.start em {
    background: #9cc947;
}

.calendarStatusBox p.coming em {
    background: #f1a40b;
}

.activityListBox {
    width: 66%;
}

.activityListBox > div {
    width: 100%;
}

.activityItem {
    background: #fff;
    display: inline-block;
    width: 100%;
    height: 100%;
    cursor: pointer;
    position: relative;
    overflow: hidden;
}

.activityItem:hover {
    text-decoration: none;
}

.activityItem:hover p.fellipsis2 {
    text-decoration: underline;
}

.activityItem > div {
    display: flex;
    justify-content: space-between;
}

.activityItem .starting {
    position: absolute;
    width: 124px;
    height: 30px;
    line-height: 30px;
    background: rgba(156, 201, 71, .9);
    color: #fff;
    top: 14px;
    left: -30px;
    transform: rotate(-45deg);
    text-align: center;
    box-shadow: 0 0 17px rgba(0, 0, 0, .2);
}

.activityItem .coming {
    position: absolute;
    width: 124px;
    height: 30px;
    line-height: 30px;
    background: rgba(241, 164, 11, .9);
    color: #fff;
    top: 14px;
    left: -30px;
    transform: rotate(-45deg);
    text-align: center;
    box-shadow: 0 0 17px rgba(0, 0, 0, .2);
}

.activityItem .acitivtyImg {
    width: 208px;
    height: 146px;
    background-size: cover !important;
}

.activityItem .acitivtyImg img {
    width: 100%;
    height: 100%;
}

.activityInfo {
    width: calc(100% - 238px);
}

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

.activityBtn {
    width: 96px;
    height: 42px;
    line-height: 42px;
    background-color: #b9b9b9;
}

.activityBtn.join {
    background-color: #004ea3;
    box-shadow: 0px 3px 6px 0px rgba(0, 78, 163, 0.3);
}

.activityBtn.hasJoin {
    background-color: #999999;
}

.activityBtn.comming {
    background-color: #f1a40b;
}

.activityBottomBtn {
    width: 100%;
}

.wantJoin {
    width: 25%;
    height: 60px;
    line-height: 60px;
    background-color: #0650a1;
    box-shadow: 0px 6px 12px 0px rgba(0, 78, 163, 0.36);
    border-radius: 4px;
    color: #fff;
    font-size: 26px;
    cursor: pointer;
}

.activityDetailBox .newsTitle {
    width: 80%;
}

.specialBox {
    margin-top: 10rem
}

.specialBox > div {
    display: flex;
    flex-wrap: nowrap;
    width: 100%;
    background: #fff;
}

.specialBox > div > div {
    flex: 1;
    height: 16rem;
    cursor: pointer;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    border-bottom: 5px solid #fff;
}

.specialBox > div > div img {
    width: 7rem;
}

.specialBox > div > div:hover {
    background: #deecfe;
    color: #004ea3;
    border-color: #004ea3;
}


/* 传播交流详情 */
.news-box {
    width: 100%;
    box-sizing: border-box;
}

.news-box .news-body {
    width: 100%;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
}

.news-box .news-body .news-list {
    width: 53%;
    height: 300px;
    overflow-y: hidden;
}

.news-box .news-body .news-list .item {
    width: 100%;
    height: 6.13rem;
    margin-bottom: 0.5rem;
    background: #fff;
    padding: 1.13rem;
    box-sizing: border-box;
    border-radius: 0.75rem;
    cursor: pointer;
    position: relative;
}

.news-box .news-body .news-list .item:last-child {
    margin-bottom: 0rem;
}

.news-box .news-body .news-list p {
    font-size: 1.5rem;
    position: relative;
}

.news-box .news-body .news-list .item span {
    background: #fff;
    position: absolute;
    bottom: 1.13rem;
    right: 1.13rem;
    font-size: 1rem;
}

.news-box .news-body .news-list .item span::after {
    content: '';
    display: inline-block;
    border-left: 7px solid #004ea3;
    border-top: 5px solid transparent;
    border-bottom: 5px solid transparent;
    margin-left: 5px;
}

.news-box .news-body .news-carasoul {
    width: 45%;
}

.news-box .news-body .news-carasoul img {
    width: 100%;
    height: 100%;
}

.news-box .news-body .news-carasoul .el-carousel__item {
    background: #83acd8a2 !important;
}

.b-box {
    box-sizing: border-box;
}

.regisBg {
    background: url('../image/hot_signbg.png') center no-repeat;
    background-size: 100% 100%;
}

.regisDiv {
    padding: 1rem 0;
    width: 100%;
    height: 26rem;
    box-sizing: border-box;
}

.regisDiv .regis-body {
    display: flex;
    justify-content: space-between;
}

.regisDiv .left {
    width: 75%;
}

.regisDiv .left .title {
    font-size: 2.5rem;
    margin-top: 1rem;
    color: #fff;
}

.regisDiv .btns {
    width: 18%;
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.regisDiv .btns .act {
    border: none;
    width: 100%;
    height: 4rem;
    color: #004ea3;
    background: #fff;
    font-size: 1.5rem;
    font-weight: bold;
    cursor: pointer;
}

.regisDiv .btns .disabled {
    filter: grayscale(1);
}

.regisDiv .hot-sp {
    text-align: center;
    font-size: 3rem;
}

@media screen and (max-width: 1000px) {
    .regisDiv .hot-sp {
        font-size: 2.2rem;
        margin-top: 1rem;
    }
}

.webuploader-container {
    width: 86px;
    height: 38px;
}

.webuploader-container > div, .webuploader-container input {
    width: 100% !important;
    height: 100% !important;
}

.webuploader-pick {
    box-sizing: border-box;
}

/* ------------- webupload progress ----------------*/

.progress {
    width: 27%;
    height: 12px;
    margin-bottom: 5px;
    overflow: hidden;
    background-color: #f5f5f5;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
    box-shadow: inset 0 1px 2px rgb(0 0 0 / 10%);
}

.progress-bar.active, .progress.active .progress-bar {
    -webkit-animation: progress-bar-stripes 2s linear infinite;
    -o-animation: progress-bar-stripes 2s linear infinite;
    animation: progress-bar-stripes 2s linear infinite;
}

.progress-striped .progress-bar {
    background-image: linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
    background-size: 40px 40px;
}

.progress-bar {
    float: left;
    width: 0%;
    height: 100%;
    font-size: 12px;
    line-height: 20px;
    color: #fff;
    text-align: center;
    background-color: #337ab7;
    -webkit-box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    box-shadow: inset 0 -1px 0 rgb(0 0 0 / 15%);
    -webkit-transition: width .6s ease;
    -o-transition: width .6s ease;
    transition: width .6s ease;
}

/* ------------- webupload progress ----------------*/


.showsContent {
    width: 100%;
    position: relative;
}

.showsContent .noticeType {
    position: absolute;
    top: 0;
    overflow-y: auto;
    height: 165px;
}

.showsContent .videoBox {
    display: flex;
    flex-wrap: wrap;
    margin-top: 120px;
}

.showsContent .videoBox .game-win-title {
    width: 100%;
    margin-bottom: 3rem;
    position: relative;
}

.showsContent .videoBox .game-win-title::before {
    content: '';
    width: 15%;
    border-top: 2px dotted #004ea3;
    position: absolute;
    top: 50%;
    left: 27%;
}

.showsContent .videoBox .game-win-title::after {
    content: '';
    width: 15%;
    border-top: 2px dotted #004ea3;
    position: absolute;
    top: 50%;
    right: 27%;
}

.showsContent .videoBox .item {
    width: 31%;
    height: 26.14rem;
    margin-right: 2%;
    margin-bottom: 2rem;
    background: #fff;
    cursor: pointer;
}

/* .showsContent .videoBox .item:nth-child(3n){ margin-right: 0; } */
.showsContent .videoBox .item .cover {
    width: 100%;
    height: 15rem;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.showsContent .videoBox .item .info {
    padding: 1.25rem;
    box-sizing: border-box;
}

.showsContent .videoBox .item .info .up {
    display: flex;
    justify-content: space-between;
}

.showsContent .videoBox .item .info .up p {
    width: 75%;
}

.showsContent .videoBox .item .info .up img {
    width: 26px;
    height: 26px;
}

.showsContent .videoBox .item .info .up span {
    height: 26px;
    line-height: 26px;
    font-size: 14px;
    color: #656565;
}

.showsContent .videoBox .item .play_icon {
    width: 48px;
    height: 48px;
    cursor: pointer;
}

.showsContent .videoBox .item .index {
    width: 3.5rem;
    height: 2.5rem;
    line-height: 2.5rem;
    position: absolute;
    top: 0px;
    left: 0px;
    background: #333333a4;
    text-align: center;
}

.fixed-call {
    position: fixed;
    right: 0;
    top: 35%;
    background: #004EA3;
    height: 6rem;
    padding: 2rem;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.fixed-call p {
    text-align: center;
}

.uv-dialog {
    background: #fff;
    position: relative;
    width: 55% !important;
    height: 90%;
    box-sizing: border-box;
    padding: 3rem;
}

.uv-dialog .operation-tool {
    font-size: 18px;
    color: #616161;
    width: 100%;
    margin: 1rem 0;
    display: flex;
    justify-content: flex-end;
}

.uv-dialog .operation-tool .vote {
    text-align: center;
    display: flex;
    align-items: center;
    margin-right: 20px;
    cursor: pointer;
}

.uv-dialog .operation-tool img {
    width: 28px;
    height: 28px;
    cursor: pointer;
    margin-right: 10px;
}

.uv-dialog video {
    width: 100%;
    height: 55%;
    margin-top: 1rem;
}

@media screen and (max-width: 1000px) {
    .uv-dialog {
        width: 95% !important;
        height: 50%;
    }
}

/* 国际合作 */
.cooperationBg {
    background: url(../image/cooperationBg.png) center no-repeat;
    background-size: cover;
}

.cooperationMap {
    display: block;
}

.caseList {
    display: flex;
    flex-wrap: wrap;
}

.caseItem {
    width: 23%;
    height: 360px;
    background: #fff;
    padding: 13px;
    box-sizing: border-box;
    border-radius: 8px;
    margin-left: 1%;
    margin-right: 1%;
    cursor: pointer;
}

.caseItem .imgBox {
    width: 100%;
    height: 194px;
    background-size: cover !important;
}

.caseItem .imgBox img {
    width: 100%;
    height: 100%;
}

.cooperationP {
    height: 90px;
}

.searchAreaBox {
    display: inline-block;
    border: 1px solid #004ea3;
    padding: 10px;
    margin-left: 13px;
    color: #004ea3;
    background: #fff;
}

.searchAreaBox i {
    font-style: normal;
    margin-left: 10px;
    cursor: pointer;
}

/* 中心刊物 */
.periodicalBg {
    background: url(../image/periodicalBg.png) center no-repeat;
    background-size: cover;
}

.periodicalBox.periodicalList {
    width: 100%;
}

.periodicalBox.periodicalList a {
    display: inline-block;
    width: 23.8%;
    height: 22rem;
    background: #fff;
    margin-left: 1%;
    background-size: cover !important;
    position: relative;
}

.periodicalBox.periodicalList a:nth-child(4n+1) {
    margin-left: 0;
}

/* .periodicalBox.periodicalList a img{ width: 100%; height:100%; } */
.perSearchBox {
    width: 66%;
    height: 80px;
    line-height: 80px;
    margin: 0 auto 60px auto;
    box-shadow: 0px 6px 13px 0px rgba(0, 0, 0, 0.16);
    background: #fff;
    display: flex;
}

.perSearchBox input {
    width: 82%;
    height: 100%;
    border: none;
}

.perSearchBox div {
    width: 18%;
    height: 100%;
    background: #004ea3;
    color: #fff;
}

.perSearchBox div i {
    display: inline-block;
    width: 26px;
    height: 27px;
    background: url(../image/ic-search-white.png) center no-repeat;
    background-size: contain;
    vertical-align: middle;
    margin-right: 10px;
}

.periodicalDetail {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.periodicalLeft {
    width: 24rem;
}

.perImgBox {
    width: 100%;
    height: 33rem;
    background-size: cover !important;
}

.perImgBox img {
    width: 100%;
    height: 100%;
}

.perBtnBox {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
}

.perBtnBox p {
    color: #606266;
    width: calc(100% - 150px);
}

.perBtnBox a {
    width: 70px;
    height: 30px;
    line-height: 30px;
    background-color: #004ea3;
}

.perBtnBox .read-ol {
    margin-right: 5px;
    background: #fff;
    color: #004ea3;
    border: 1px solid #004ea3;
    box-sizing: border-box;
}

.periodicalRight {
    width: calc(100% - 25rem);
    background: #fff;
}

.periodicalListBox {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.periodicalListRight {
    width: 82%;
}


.listMode {
    display: flex;
    justify-content: flex-end;
    width: 100%;
    box-sizing: border-box;
    text-align: right;
    margin-bottom: 1rem;
}

.listMode p {
    display: flex;
    align-items: center;
    justify-content: center;
    background: #fff;
    width: 3rem;
    height: 3rem;
    margin-left: 1rem;
    opacity: 0.3;
}

.listMode .active {
    opacity: 1;
}

.periodicalList .list-a-box {
    background: #fff;
    box-sizing: border-box;
}

.periodicalList .list-a-box .list-a {
    width: 100%;
    height: 6rem;
    border-bottom: 1px solid #d9e4f1;
    margin-left: 0;
    padding: 0 2rem;
    line-height: 6rem;
    box-sizing: border-box;
}

.periodicalList .list-a-box .list-a .pay-icon {
    width: 3rem;
    height: auto;
    margin-right: 2rem;
}

.pay-icon2 {
    width: 3rem;
    height: auto;
    position: absolute;
    right: 1rem;
    top: 1rem;
}


.el-dialog__header {
    padding: 40px 54px !important;
}

.periodicalDetail .el-dialog__title {
    font-size: 2rem !important;
}

.el-dialog__body {
    border-top: 1px solid rgb(218, 218, 218);
}

.el-dialog__footer {
    text-align: center !important;
}

.f-c-main {
    color: #004ea3;
}

.chapter-list {
    padding: 0 3rem;
}

/* .chapter-list p {margin: 1rem 0;} */


/*.curpointer{ background: url(../img/showDownMore.png) center no-repeat;  }*/

/* 党建 */
.partyBg {
    background: url(../image/partyBg.png) center no-repeat;
    background-size: cover;
}

.partyBg.otherBannerBox .bannerTitle ul {
    width: 73%;
    flex-wrap: wrap;
}

.partyBg.otherBannerBox .bannerTitle ul li {
    width: 20%;
    margin-bottom: 15px;
}

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

.partyContentFirst .noticeType {
    width: 13%;
}

.partyContentFirst .newsListBox {
    width: 85%;
}

.fileListBox {
    width: 75%;
    margin: 0 auto;
}

.fileListBox .item {
    width: 100%;
    height: 64px;
    background: #fff;
    border-bottom: solid 1px #d9e4f1;
    box-sizing: border-box;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.fileListBox .item:last-child {
    border-bottom: none;
}

.fileListBox .item a {
    display: inline-block;
    line-height: 64px;
    max-width: 90%;
}

.fileListBox .item a i {
    display: inline-block;
    width: 24px;
    height: 24px;
    background: url(../image/ic-word.png) center no-repeat;
    background-size: contain;
    margin-right: 10px;
    vertical-align: middle;
}

.fileListBox .item a i.pdf {
    background: url(../image/ic-prd.png) center no-repeat;
    background-size: contain;
}

.fileListBox .item .btn {
    width: 70px;
    height: 30px;
    line-height: 30px;
    background-color: #004ea3;
    cursor: pointer;
}

.fileListBox .item .btn i {
    display: inline-block;
    width: 12px;
    height: 13px;
    background: url(../image/ic-unload.png) center no-repeat;
    background-size: contain;
    margin-right: 5px;
    vertical-align: middle;
}

.partyNoticeItem {
    background: #fff;
}

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

.partyImgBox {
    width: 100%;
}

.partyImgBox img {
    max-width: 100%;
}


/* 加入我们 */
.joinBg {
    background: url(../image/joinBg.png) center no-repeat;
    background-size: cover;
}

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

.choseUsBox > div {
    width: 49%;
    height: 345px;
    background: #fff;
}

.exploreList {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.exploreList .exploreItem {
    display: inline-block;
    width: 49%;
    height: 152px;
    background: #fff;
    cursor: pointer;
}

.exploreList .exploreItem:hover {
    text-decoration: none;
}

.exploreList .exploreItem > div {
    display: flex;
    justify-content: space-between;
}

.jobBtn {
    width: 92px;
    height: 92px;
    background-color: #9cc947;
    padding: 16px 21px;
    box-sizing: border-box;
}

.jobInfoLeft {
    width: calc(100% - 112px);
}

.jobInfoLeft .time i {
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/ic-time.png) center no-repeat;
    vertical-align: middle;
}

.joyDetailBox {
    width: 70%;
    max-height: 91%;
    background: #fff;
    position: relative;
    display: none;
}

.joyDetailInfoBox {
    width: 100%;
    height: 40vh;
    overflow: auto;
}

.joyHeader {
    border-bottom: 1px solid #efefef;
}

.joyHeader .joyTypeItem {
    padding: 0 5%;
    width: auto;
    float: left;
    position: relative;
}

.joyHeader .joyTypeItem:first-child {
    padding: 0 5% 0 0;
}

.joyHeader .joyTypeItem:after {
    content: '';
    display: inline-block;
    width: 1px;
    height: 40px;
    background: #efefef;
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(0, -50%);
}

.joyHeader .joyTypeItem:last-child:after {
    display: none;
}

.joyDetailBox .tip span {
    color: #9cc947;
}

/*招贤纳士 */
.job-search-box {
    display: flex;
    justify-content: center;
}

.job-search-box .search-btn:hover {
    background-color: #2565aa !important;
}

.job-search {
    font-size: 1.5rem;
    width: 43rem;
    height: 5rem;
    box-sizing: border-box;
    padding: 1rem;
    box-shadow: 0rem 0.3rem 1rem 0rem rgba(0, 0, 0, 0.16);
    border: none;
}

.choseUs-Box {
    display: flex;
    background: #fff;
}

.choseUs-Box .us-left {
    box-sizing: border-box;
    width: 48%;
    height: 24rem;
    position: relative;
    background-image: linear-gradient(314deg, #1b6ec8 0%, #105bac 100%);
    border: solid 0rem #000000;
}

/* .choseUs-Box .us-left .text-box {width: 30rem;} */
.choseUs-Box .us-left .join-us-btn {
    position: absolute;
    width: 11rem;
    height: 4rem;
    background: #9cc947;
}

.choseUs-Box .us-left .join-us-btn:hover {
    background: #add169 !important;
}

.choseUs-Box .us-left img {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.choseUs-Box .us-right {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2% 3% 1% 1%;
    box-sizing: border-box;
    width: 52%;
    height: 24rem;
}

.choseUs-Box .us-right .job-item {
    cursor: pointer;
    border: 1px solid #d9e4f1;
    padding: 1rem;
    padding-left: 1.5rem;
    box-sizing: border-box;
    width: 49%;
    height: 10rem;
}

.p-6p {
    padding: 6%;
}

.p-3p {
    padding: 3%;
}

.f-w-b {
    font-weight: bold;
}

.f-s-2rem {
    font-size: 2rem;
}

.f-s-1p7rem {
    font-size: 1.7rem;
}

.f-s-1p2rem {
    font-size: 1.2rem;
}

.f-s-1rem {
    font-size: 1rem;
}

.f-s-1p5rem {
    font-size: 1.5rem;
}

.f-s-2p5rem {
    font-size: 2.5rem;
}

.f-c-999 {
    color: #999999;
}

.f-c-666 {
    color: #666666;
}

.f-c-333 {
    color: #333333;
}

.m-t-3rem {
    margin-top: 3rem;
}

.m-t-2rem {
    margin-top: 2rem;
}

.m-t-1rem {
    margin-top: 1rem;
}

.b-1s-fff {
    border: 1px solid #fff;
}

.bg-c-fff {
    background-color: #fff;
}

.us-left .el-icon-back {
    transform: rotate(180deg);
}

.icon14 {
    width: 1rem;
    height: 1rem;
    margin-right: 5px;
}

.icon2rem {
    width: 2rem;
    height: 2rem;
    margin-right: 5px;
}

.cursor-p {
    cursor: pointer;
}

.company-pool .company-item {
    border-radius: 20px;
    box-sizing: border-box;
    margin-bottom: 1rem;
}

.company-pool .company-item .company-head-info {
    display: flex;
    justify-content: space-between;
}

.company-pool .company-item .company-desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}

.company-pool .company-item .more-btn {
    display: flex;
    align-items: center;
}

.company-job-box {
    width: 100%;
    display: flex;
    overflow-x: auto;
}

.company-job-box .job-item {
    cursor: pointer;;
    border: 1px solid #d9e4f1;
    padding: 1rem;
    padding-left: 1.5rem;
    box-sizing: border-box;
    width: 21rem;
    height: 10rem;
    margin-right: 1rem;
    flex-shrink: 0;
}

.textline1 {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
}

.joinForm {
    width: 70%;
    max-height: 91%;
    background: #fff;
    position: relative;
    display: none;
    overflow-y: auto;
}

.joinForm .formBox {
    max-height: 680px;
    overflow-y: scroll;
}

.joinForm .formBox > div {
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.joinForm .formBox > div span {
    width: 15%
}

.joinForm .formBox > div > div {
    width: 82%
}

.joinForm .submit-btn {
    width: 9rem;
    height: 3rem;
    margin: 2rem auto;
    text-align: center;
    line-height: 3rem;
    background: #004ea3;
    color: #fff;
    cursor: pointer;
}


.companyDetail {
    width: 70%;
    max-height: 60%;
    background: #fff;
    position: relative;
    display: none;
    overflow-y: auto;
    padding: 3rem 2rem;
}


/* 全局搜索 */
.searchBg {
    height: 360px;
    background: url(../image/searchBg.png) center no-repeat;
    background-size: cover;
}

.searchBg .bannerTitle h2:after {
    display: none;
}

.searchListBox > div {
    cursor: pointer;
}

.searchListBox a {
    text-decoration: underline;
}

.searchListBox em {
    color: #e82020;
}

.searchImgInfo {
    display: flex;
    justify-content: space-between;
    margin-top: 17px;
}

.searchImgInfo .imgBox {
    width: 304px;
    height: 186px;
}

.searchImgInfo .imgBox img {
    width: 100%;
    height: 100%;
}

.searchImgInfo .infoBox {
    width: calc(100% - 324px);
    height: 186px;
    overflow: hidden;
}

/* 项目成果 */
.filterTypeBox {
    width: 100%;
    display: flex;
}

.filterName {
    width: 12%;
}

.filterList {
    width: 87%;
}

.otherFilter {
    display: flex;
    flex-flow: wrap;
}

.otherFilter.hasChildren {
    position: relative;
}

.otherFilter.hasChildren::after {
    content: '';
    display: inline-block;
    width: 100%;
    position: absolute;
    border-bottom: 1px solid #efefef;
    bottom: 10px;
}

.otherFilter.hasChildren .showChildren {
    cursor: pointer;
    display: inline-block;
    width: 16px;
    height: 16px;
    background: url(../image/down.png) center no-repeat;
    position: absolute;
    right: 0;
}

.otherFilter > div {
    min-width: 20%;
    margin-bottom: 18px;
    margin-right: 1%;
}

.otherFilter > div input, .firstFilter input {
    cursor: pointer;
    line-height: 24px;
}

.otherFilter > div input[type="checkbox"] {
    -webkit-appearance: none;
    border: none !important;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.otherFilter > div input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    border: 1px solid #d5d8de;
    box-sizing: border-box;
}

.otherFilter > div input[type="checkbox"]:checked::before {
    content: "\2713";
    background-color: #004ea3;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #004ea3;
    font-size: 12px;
    font-weight: bold;
    box-sizing: border-box;
}

.otherFilter > div label + input[type="checkbox"]:checked, .firstFilter label + input[type="checkbox"]:checked {
    color: #004ea3;
}


.filterList input[type="checkbox"]:checked + label, .filterList input[type="radio"]:checked + label, .otherFilter > div input[type="radio"]:checked + label {
    color: #004ea3;
}

.firstFilter input[type="radio"], .otherFilter > div input[type="radio"] {
    -webkit-appearance: none;
    border: none !important;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.firstFilter input[type="radio"]::before, .otherFilter > div input[type="radio"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #d5d8de;
    box-sizing: border-box;
}

.firstFilter input[type="radio"]:checked::before, .otherFilter > div input[type="radio"]:checked::before {
    content: "";
    background-color: #fff;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid #004ea3;
    font-size: 12px;
    font-weight: bold;
    box-sizing: border-box;
}

.filterResult {
    display: flex;
    flex-wrap: wrap;
}

.filterResult a {
    display: inline-block;
    width: 49%;
    height: 186px;
    background: #fff;
    display: flex;
    justify-content: space-between;
    text-decoration: none;
}

.filterResult a:nth-child(odd) {
    margin-right: 1.5%;
}

.filterResult a .imgBox {
    width: 146px;
    height: 146px;
}

.filterResult a .imgBox img {
    width: 100%;
    height: 100%;
}

.filterResult a .infoBox {
    width: 100%;
}

.filterResult a .ititleBox {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.filterResult a .ititleBox .status {
    width: 96px;
    height: 33px;
    line-height: 33px;
    background-color: #9cc947;
}

.filterResult a .ititleBox .status.zj {
    background-color: #0275d8;
}

.filterResult a .ititleBox .status.finish {
    background-color: #ec702f;
}

.filterResult a .ititleBox .status.failure {
    background-color: #b9b9b9;
}

.filterResult a .ititleBox .status.coming {
    background-color: #9cc947;
}

.filterResult a .ititleBox .title {
    display: flex;
    width: 100%;
}

.filterResult a .ititleBox .title h5 {
    width: calc(100% - 110px);
    height: 62px;
    line-height: 30px;
}

.filterResult a .time i, .filterResult .remark i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../image/ic-time-p.png) center no-repeat;
    margin-right: 5px;
    vertical-align: sub;
}

.filterResult a:hover p {
    text-decoration: underline;
}

.filterResult .remark span {
    margin-right: 40px;
}

.filterResult .remark i.company {
    background: url(../image/ic-p1.png) center no-repeat;
}

.filterResult .remark i.type {
    background: url(../image/ic-p2.png) center no-repeat;
}

.filterResult .remark i.money {
    background: url(../image/ic-p3.png) center no-repeat;
}

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

.pSearchBox .perSearchBox {
    width: 74%;
    margin: 0 0 10px 0;
    height: 5rem;
    line-height: 5rem;
}

.publishBtnBox {
    display: inline-block;
    width: 9.5rem;
    height: 5rem;
    border: solid 0.15rem #004ea3;
    box-sizing: border-box;
    text-align: center;
    line-height: 4.7rem;
    color: #004ea3;
    font-size: 1.5rem;
    font-weight: bold;
}

/* 合作伙伴 */
.partnerBg {
    height: 360px;
    background: url(../image/partnerBg.png) center no-repeat;
    background-size: cover;
}

.partnerBg .bannerTitle h2:after {
    display: none;
}

.partnerPBox .centerTitle {
    border-bottom: none;
    position: relative;
}

.partnerPBox .centerTitle:after {
    content: '';
    width: 176px;
    height: 6px;
    background: #004ea3;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -88px;
}

.partnerPBox .companyItemList ul {
    text-align: center;
    width: 100%;
}

.partnerPBox .companyItemList ul li {
    display: inline-block;
    margin: 0 10px 40px 10px;
    cursor: pointer;
    -webkit-transition: all .3s ease-in-out 0s;
    -moz-transition: all .3s ease-in-out 0s;
    -ms-transition: all .3s ease-in-out 0s;
    -o-transition: all .3s ase-in-out 0s;
}

.partnerPBox .companyItemList ul li img {
    height: 72px;
}

.partnerPBox .companyItemList ul li:hover {
    box-shadow: 0px 3px 6px 0px rgba(0, 78, 163, .5);
    -moz-transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -o-transform: scale(1.1);
    -webkit-box-shadow: 0 0 10px rgba(0, 78, 163, .5);
    position: relative;
    z-index: 2;
}

/* 业务联系 */
.contactUsBg {
    height: 360px;
    background: url(../image/contactUsBg.png) center no-repeat;
    background-size: cover;
}

.contactUsBg .bannerTitle h2:after {
    display: none;
}

.contactUsListBox {
    display: flex;
    flex-flow: wrap;
}

.contactUsListBox .contactUsItem {
    width: 32%;
    height: 216px;
    background: #fff;
    margin: 0 2% 2% 0;
}

.contactUsListBox .contactUsItem:nth-child(3n) {
    margin: 0 0 20px 0;
}

.contactUsListBox .contactUsItem .title {
    width: 100%;
    height: 80px;
    line-height: 80px;
    background-color: #9cc947;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 5%;
}

.contactUsListBox .contactUsItem:nth-child(even) .title {
    background-color: #004ea3;
}

.contactUsListBox .contactUsItem .title img {
    height: 40px;
}

.contactUsListBox .contactUsItem .userInfo {
    padding: 5%;
    box-sizing: border-box;
}

.contactUsListBox .contactUsItem .userInfo p i {
    margin-right: 10px;
    vertical-align: middle;
}

.contactUsListBox .contactUsItem .userInfo p.name i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../image/person.png) center no-repeat;
}

.contactUsListBox .contactUsItem .userInfo p.tel i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../image/tel.png) center no-repeat;
}

.contactUsListBox .contactUsItem .userInfo p.email i {
    display: inline-block;
    width: 18px;
    height: 18px;
    background: url(../image/email.png) center no-repeat;
}

/* 遮罩层 */
.mask {
    display: none;
    width: 100%;
    height: 100%;
    position: fixed;
    z-index: 20;
    background: rgba(0, 0, 0, .4);
    top: 0;
    left: 0;
    align-items: center;
    justify-content: center;
}

.mask.show {
    display: flex !important;
}

.popup {
    display: none;
    width: 80%;
    background: #fff;
    position: relative;
}

.popup.small {
    width: 45%;
}

.popup .title {
    border-bottom: 1px solid #d9e4f1;
}

.popup .bottom, .publishPopup .bottom {
    width: 100%;
}

.popup .bottom .btn, .publishPopup .bottom .btn, .joyDetailBox .bottom .btn, .joyDetailBox .bottom .btn.cancel {
    width: 96px;
    height: 42px;
    padding: 0;
    display: inline-block;
    line-height: 42px;
    background-color: #004ea3;
    box-shadow: 0px 3px 6px 0px rgba(0, 78, 163, 0.3);
    cursor: pointer;
    color: #fff;
}

.popup .formBox {
    width: 100%;
    max-height: calc(100vh - 295px);
    overflow: auto;
}

.popup .formBox > div, .publishPopup .formBox > div {
    margin: 10px 0;
    display: flex;
    justify-content: space-between;
}

.popup .formBox > div span {
    display: inline-block;
    width: 10%;
}

.popup .formBox > div .enterBox {
    width: 88%;
}

.popup .formBox .sign-bz {
    margin: 10px auto;
    width: 80%;
}


.popup .formBox .wrapBox > div {
    width: 50%;
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.popup .formBox .wrapBox > div span {
    width: 20%;
}

.popup .formBox .wrapBox > div .enterBox {
    width: 76%;
}

.enterBox input, .enterBox textarea {
    -webkit-tap-highlight-color: transparent; /**ios下面input选中会出现短暂的阴影**/
    outline: none; /**清楚input在Android机上面点击会出现的高亮**/
    border: none;
    -webkit-appearance: none;
    background-color: none;
    border-radius: 0;
}

.enterBox input[type='datetime-local'], .enterBox input[type='date'], .enterBox input[type='text'], .enterBox input[type='number'], .enterBox input[type='tel'] {
    width: 100%;
    height: 40px;
    border-radius: 4px;
    border: solid 1px #dcdfe6;
    box-sizing: border-box;
    padding: 0 15px;
}

.enterBox textarea {
    width: 100%;
    height: 100px;
    border-radius: 4px;
    border: solid 1px #dcdfe6;
    box-sizing: border-box;
    padding: 6px 15px;
}

.formBox .required {
    color: red;
    margin-right: 5px;
    font-style: normal;
}

.formBox .required:after {
    content: '*';
}

.popup.middle {
    width: 56%;
    min-width: 695px;
}

.popup.middle .formBox > div span {
    width: 15%;
}

.popup.middle .formBox > div .enterBox {
    width: 82%;
}

.enterBox.radioBox, .enterBox.checkbox {
    display: flex;
    flex-flow: wrap;
}

.enterBox.radioBox > div, .enterBox.checkbox > div {
    width: 25%;
    margin-bottom: 10px;
}

.enterBox.checkbox > div input[type="checkbox"]:checked + label, .enterBox.checkbox > div label + input[type="checkbox"]:checked, .enterBox.radioBox > div input[type="radio"]:checked + label {
    color: #004ea3;
}

.enterBox.radioBox > div input[type="radio"] {
    cursor: pointer;
    -webkit-appearance: none;
    border: none !important;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.enterBox.radioBox > div input[type="radio"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 1px solid #d5d8de;
    box-sizing: border-box;
}

.enterBox.radioBox > div input[type="radio"]:checked::before {
    content: "";
    background-color: #fff;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    border: 4px solid #004ea3;
    font-size: 12px;
    font-weight: bold;
    box-sizing: border-box;
}

.enterBox.checkbox > div input[type="checkbox"], .formTip input[type="checkbox"] {
    cursor: pointer;
    -webkit-appearance: none;
    border: none !important;
    width: 14px;
    height: 14px;
    line-height: 14px;
    text-align: center;
    display: inline-block;
    position: relative;
    margin-right: 10px;
}

.enterBox.checkbox > div input[type="checkbox"]::before, .formTip input[type="checkbox"]::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    background: #fff;
    width: 100%;
    height: 100%;
    border-radius: 2px;
    border: 1px solid #d5d8de;
    box-sizing: border-box;
}

.enterBox.checkbox > div input[type="checkbox"]:checked::before, .formTip input[type="checkbox"]:checked::before {
    content: "\2713";
    background-color: #004ea3;
    color: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    border: 1px solid #004ea3;
    font-size: 12px;
    font-weight: bold;
    box-sizing: border-box;
}

.formBox .twoColumns {
    display: flex;
    flex-wrap: wrap;
}

.formBox .twoColumns > div {
    width: 50%;
    display: flex;
    justify-content: space-between;
    margin: 10px 0;
}

.popup.middle .formBox .twoColumns > div span {
    width: 30%;
}

.popup.middle .formBox .twoColumns > div .enterBox {
    width: 64%;
}

.enterBox select {
    width: 100%;
    height: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    border-radius: 4px;
    border: solid 1px #dcdfe6;
    box-sizing: border-box;
    padding: 0 15px;
    position: relative;
}

.enterBox.selectBox {
    position: relative;
}

.enterBox.selectBox::before {
    content: '';
    display: inline-block;
    width: 25px;
    height: 38px;
    position: absolute;
    right: 1px;
    top: 1px;
    background: #fff;
    z-index: 1;
}

.enterBox.selectBox::after {
    content: '';
    display: inline-block;
    border-top: 6px solid #999;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    position: absolute;
    right: 8px;
    top: 18px;
    z-index: 2;
}

.formTip {
    width: 100%;
    border-top: 1px solid #d9e4f1;
}

.formTip input[type="checkbox"]::before {
    border-color: #004ea3;
}

.popup .formBox > div .enterBox input[type='datetime-local'], .popup .formBox > div .enterBox input[type='date'] {
    position: relative;
}

.popup .formBox > div .enterBox input[type='datetime-local']:before, .popup .formBox > div .enterBox input[type='date']:before {
    content: '';
    display: inline-block;
    position: absolute;
    width: 48px;
    height: 38px;
    background: #fff;
    right: 0;
    top: 0;
    z-index: 1;
}

.popup .formBox > div .enterBox input[type='datetime-local']:after, .popup .formBox > div .enterBox input[type='date']:after {
    content: '';
    display: inline-block;
    width: 14px;
    height: 14px;
    background: url(../image/ic-timeInput.png) center no-repeat;
    position: absolute;
    z-index: 2;
    right: 15px;
    top: 13px;
}

.enterBox.moreDateBox {
    display: flex;
}

.enterBox.moreDateBox input {
    width: 30%;
}

.enterBox.moreDateBox span {
    margin: 0 10px;
    width: auto;
}

/* 技术发布 */
.publishBg {
    background: url(../image/project.png) center no-repeat;
    background-size: cover;
    height: 360px;
}

.publishBg.otherBannerBox .bannerTitle h2 {
    line-height: inherit;
    font-size: 3rem;
    padding-bottom: 0;
}

.publishBg.otherBannerBox h2::after {
    display: none;
}

.publishBg.otherBannerBox .bannerTitle ul {
    width: 73%;
    flex-wrap: wrap;
}

.publishBg.otherBannerBox .bannerTitle ul li {
    margin-right: 1%;
    width: 47%;
}

.publishPopup .title {
    border-bottom: solid 1px #d9e4f1;
}

.publishPopup .subTilte, .popup .subTilte {
    width: 100%;
    height: 40px;
    background-color: #f0f4f9;
}

.publishPopup .subTilte span {
    cursor: pointer;
    margin-right: 10px;
}

.publishPopup .subTilte span.select {
    color: #004ea3;
    position: relative;
    font-weight: bold;
}

.publishPopup .subTilte span.select::after {
    content: '';
    display: inline-block;
    width: 2.5rem;
    height: 2px;
    background: #004ea3;
    position: absolute;
    bottom: -10px;
    left: 50%;
    margin-left: -1.25rem;
}

.publishPopup .formBox > div span {
    display: inline-block;
    width: 13%;
}

.publishPopup .formBox > div .enterBox {
    width: 84%;
}

.publishPopup .formBox .twoColumns span {
    width: 26%;
}

.publishPopup .formBox .twoColumns .enterBox {
    width: 68%;
}

.publishPopup .bottom .btn.cancel, .popup .bottom .btn.cancel {
    border: solid 1px #004ea3;
    background: #fff;
    color: #004ea3;
}

.enterBox.fileBox input {
    display: inline-block;
    width: 53px;
    height: 53px;
    position: relative;
    cursor: pointer;
    border: none;
}

.enterBox.fileBox input:after {
    content: '+';
    font-size: 28px;
    color: #999;
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    border-radius: 4px;
    border: solid 1px #dcdfe6;
    box-sizing: border-box;
    overflow: hidden;
    z-index: 2;
    text-align: center;
    line-height: 51px;
}

.enterBox.fileBox input:before {
    content: '';
    display: inline-block;
    width: 100%;
    height: 100%;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
}

.uploadImgBox {
    display: flex;
}

.uploadImgBox .uploadImgItem {
    width: 53px;
    height: 53px;
    cursor: pointer;
    position: relative;
}

.form-Uploadbox .uploadImgBox .uploadImgItem {
    width: 53px;
    height: 53px;
    cursor: pointer;
    position: relative;
}

.uploadImgBox .uploadImgItem img {
    width: 100%;
    height: 100%;
}

.uploadImgBox .uploadImgItem i.delete::after {
    content: 'x';
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    cursor: pointer;
    font-style: normal;
    text-align: center;
    line-height: 15px;
    font-size: 16px;
    position: absolute;
    right: -5px;
    top: -5px;
}

.uploadFileBox p {
    margin-top: 5px;
    display: flex;
    align-items: center;
}

.uploadFileBox p::before {
    content: '';
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .1);
    margin-right: 10px;
}

.uploadFileBox p i.delete::after {
    content: 'x';
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    cursor: pointer;
    font-style: normal;
    text-align: center;
    line-height: 11px;
    font-size: 10px;
}

i.deletev::after {
    content: 'x';
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: rgba(0, 0, 0, .2);
    color: #fff;
    cursor: pointer;
    font-style: normal;
    text-align: center;
    line-height: 15px;
    font-size: 16px;
    position: absolute;
    left: 170px;
    top: -10px;
}

.thumbnail {
    position: relative;
}


/*  成功和项目 详情  */
.jsHeader {
    width: 100%;
    display: flex;
    justify-content: space-between;
}

.jsHeaderBox {
    width: 100%;
    height: 17.5rem;
    background: #fff;
    padding: 2.5rem;
    box-sizing: border-box;
    display: flex;
}

.jsInfoBox {
    width: 70%;
}

.xqHeader .jsInfoBox {
    width: 100%;
}

.jsImgBox {
    width: 12.4rem;
    height: 100%;
    background-size: contain !important;
}

.jsImgBox .swiper-container {
    width: 100%;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
}

.jsRightBox {
    margin-left: 4.4rem;
    height: 100%;
    width: calc(100% - 16.8rem);
}

.jsRightBox p {
    font-size: 1.5rem;
    color: #666;
    line-height: 2.5rem;
}

.jsRightBox p span {
    color: #333;
}

.jsRightBox p a {
    color: #196ac2;
}

.jsRightList ul {
    display: flex;
    flex-wrap: wrap;
}

.jsRightList ul li {
    width: 50%;
    color: #333333;
    font-size: 1.5rem;
    line-height: 2.5rem;
    height: 2.5rem;
}

.jsRightList ul li span {
    color: #666666;
}

.filterInfoBox {
    width: 100%;
    display: flex;
}

.filterInfoBox .filterName {
    width: 17%;
}

.filterInfoBox .filterValue {
    width: 83%;
}

.twoFlex {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
}

.twoFlex .filterInfoBox {
    width: 50%;
}

.twoFlex .filterInfoBox .filterName {
    width: 34%;
}

.twoFlex .filterInfoBox .filterValue {
    width: 66%;
}

.xqHeader .filterInfoBox .filterName {
    width: 11%;
}

.enterBox .el-date-editor.el-input {
    width: 100%;
}

.enterBox .el-date-editor.el-input span {
    width: auto !important;
}

.enterBox .el-date-editor.el-input input {
    padding: 0 30px;
}

/* 项目成果 */
.projectResultBg {
    background: #1666bc;
    height: 18rem;
    box-sizing: border-box;
}

.projectResultBg > div {
    margin: 0 auto;
}

.projectResultBg h2 {
    font-size: 2rem;
    line-height: 3rem;
    color: #ffffff;
    margin-top: 3rem;
}

.projectResultBg p {
    font-size: 1rem;
    line-height: 2rem;
    color: rgba(255, 255, 255, .7);
    margin-top: 2rem;
}

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

.proResultBox .leftNav {
    width: 12rem;
}

.proResultBox .leftNav > div {
    width: 12rem;
    height: 4rem;
    line-height: 4rem;
    cursor: pointer;
    font-size: 1.5rem;
    box-sizing: border-box;
    text-align: center;
    border: 1px solid #fff;
    color: #999;
    background: #fff;
    margin-bottom: 1.4rem;
}

.proResultBox .leftNav > div img {
    vertical-align: middle;
    max-width: 2rem;
    max-height: 2rem;
    margin-right: 0.1rem;
}

.proResultBox .leftNav > div.select {
    border-color: #004ea3;
    color: #004ea3;
}

.proResultBox .rightItem {
    width: calc(100% - 13.1rem);
}

.proResultBox .rightItem > p {
    font-size: 1rem;
    line-height: 1.5rem;
    color: #666666;
}

.proResultBox .rightItem .projectListBox, .productPromotion .projectListBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.proResultBox .rightItem .projectListBox a, .productPromotion .projectListBox a {
    display: inline-block;
    width: 49%;
    height: 23.6rem;
    background-size: cover !important;
    position: relative;
    margin-bottom: 1.3rem;
    cursor: pointer;
}

.proResultBox .rightItem .projectListBox.small, .productPromotion .projectListBox.small {
    justify-content: normal;
}

.proResultBox .rightItem .projectListBox.small a, .productPromotion .projectListBox.small a {
    width: 24%;
    height: 15rem;
    margin-right: 1%;
}

.proResultBox .rightItem .projectListBox a::after, .productPromotion .projectListBox a::after {
    content: '';
    display: inline-block;
    width: 100%;
    height: 4.5rem;
    background: rgba(0, 0, 0, .2);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 0;
}

.proResultBox .rightItem .projectListBox a p, .productPromotion .projectListBox a p {
    width: 89%;
    font-size: 1.5rem;
    line-height: 1.9rem;
    color: #ffffff;
    position: absolute;
    left: 1.1rem;
    bottom: 1.3rem;
    z-index: 1;
}

.callUsBox {
    width: 12.3rem;
    height: 15rem;
    background-color: #004ea3;
    position: fixed;
    top: 10%;
    right: 0;
}

.callUsBox .infoBox {
    width: 8rem;
    height: 3.9rem;
    margin: 2.5rem auto;
    color: #fff;
    text-align: center;
}

.callUsBox .infoBox h4 {
    font-size: 1.1rem;
    height: 3rem;
    position: relative;
}

.callUsBox .infoBox h4::after {
    content: '';
    display: inline-block;
    width: 1.3rem;
    height: 1px;
    background: #fff;
    position: absolute;
    bottom: 0.6rem;
    left: 50%;
    margin-left: -0.65rem;
}

.callUsBox .infoBox p {
    font-size: 0.9rem;
    margin-top: 0.2rem;
}

.callUsBox .showCallBtn {
    width: 9.2rem;
    height: 3.8rem;
    margin: 2.5rem auto 0 auto;
    background-color: #9cc947;
    box-shadow: 0rem 0.2rem 0.8rem 0rem rgba(0, 78, 163, 0.36);
    border-radius: 0.3rem;
    font-size: 1.5rem;
    line-height: 3.8rem;
    text-align: center;
    color: #fff;
    cursor: pointer;
}

.callUsDetailBox {
    width: 27.9rem;
    height: 14.5rem;
    background-color: #ffffff;
    border: solid 0.1rem #707070;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-top: -7.25rem;
    margin-left: -13.95rem;
}

.callUsDetailBox .callHeader {
    width: 100%;
    height: 4.6rem;
    border-bottom: 1px solid #d9e4f1;
    font-size: 1.5rem;
    line-height: 4.6rem;
    color: #333333;
    padding-left: 1.3rem;
    box-sizing: border-box;
}

.callUsDetailBox .callInfoBox {
    width: 100%;
    padding: 1.3rem;
}

.callUsDetailBox .callInfoBox p {
    font-size: 1rem;
    line-height: 2.5rem;
    color: #000000;
}

.callUsDetailBox .callInfoBox p img {
    vertical-align: middle;
    max-height: 1rem;
    margin-right: 0.2rem;
}

.callUsDetailBox .callInfoBox p a {
    color: #004ea3;
    text-decoration: underline;
}

/* 登录 */
.loginBox {
    width: 100%;
    height: 100vh;
    display: flex;
}

.loginBox > div {
    flex: 1;
}

.loginBox .loginBg {
    background-size: cover !important;
}

.loginInputBox > div {
    width: 25.9rem;
    margin: 0 auto;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.loginInputBox h1 {
    font-size: 2.5rem;
    color: #333333;
    margin-bottom: 3rem;
}

.loginInputBox h1 i {
    color: #004ea3;
    font-style: normal;
}

.loginInputBox .inputBox {
    margin-bottom: 1rem;
}

.loginInputBox .inputBox p {
    font-size: 16px;
    color: #54565c;
    margin-bottom: 0.5rem;
}

.loginInputBox .inputBox input {
    font-size: 16px;
    width: 25.9rem;
    height: 3rem;
    border-radius: 1.5rem;
    border: solid 0.1rem #c0c3c7;
    padding: 0 1rem;
    box-sizing: border-box;
    color: #9699a5;
}

.loginInputBox .inputBox .hasCode {
    width: 25.9rem;
    height: 3rem;
    position: relative;
}

.loginInputBox .inputBox .hasCode .imgCode {
    cursor: pointer;
    width: 7rem;
    height: 2.1rem;
    overflow: hidden;
    line-height: 2.1rem;
    text-align: center;
    color: #004ea3;
    border: 1px solid #004ea3;
    box-sizing: border-box;
    position: absolute;
    right: 1rem;
    top: 0.45rem;
    border-radius: 5px;
}

.loginInputBox .inputBox .hasCode .imgCode img {
    width: 100%;
    height: 100%;
}

.loginInputBox .inputBox .hasCode .imgCode img.loading {
    width: 15px;
    height: 14px;
    margin-left: 1px;
}

.loginInputBox .inputBox.hasOtherLogin p {
    display: flex;
    justify-content: space-between;
}

.loginInputBox .inputBox.hasOtherLogin p span {
    color: #004ea3;
    cursor: pointer;
}

.loginSet {
    width: 25.9rem;
    display: flex;
    justify-content: space-between;
}

.loginSet label {
    font-size: 1rem;
    color: #9699a5;
}

.loginSet label input {
    margin-right: 0.2rem;
}

.loginSet a {
    font-size: 1rem;
    color: #004ea3;
}

.loginBtn {
    margin-top: 2rem;
    cursor: pointer;
    width: 100%;
    height: 3rem;
    background-color: #004ea3;
    box-shadow: 0rem 0.5rem 0.8rem 0rem rgba(15, 115, 238, 0.18);
    border-radius: 1.5rem;
    text-align: center;
    line-height: 3rem;
    color: #fff;
}

.registerBtn {
    display: inline-block;
    margin-top: 2rem;
    cursor: pointer;
    width: 100%;
    height: 3rem;
    background-color: #fff;
    box-shadow: 0rem 0.5rem 0.8rem 0rem rgba(15, 115, 238, 0.18);
    border-radius: 1.5rem;
    text-align: center;
    line-height: 3rem;
    color: #004ea3;
    border: 1px solid #004ea3;
    box-sizing: border-box;
}

.wechatLoginBox {
    display: none;
    height: 312px;
}

.qrCodeBox {
    width: 210px;
    height: 210px;
    border: 1px solid #e2e2e2;
    text-align: center;
    box-sizing: border-box;
    margin: 32px auto;
}

.qrCodeBox > div {
    line-height: 208px;
    margin-bottom: 10px;
}

.qrCodeBox canvas {
    vertical-align: middle;
}

.qrCodeBox p {
    text-align: center;
}

/* 产品推广 */
.productPromotionBg.otherBannerBox {
    height: 22.5rem;
}

.productPromotionBg.otherBannerBox .bannerTitle ul {
    width: 73%;
    flex-wrap: wrap;
}

.productPromotionBg.otherBannerBox .bannerTitle ul li {
    margin-bottom: 15px;
}

.tgBtn {
    display: inline-block;
    width: 10.8rem;
    height: 3rem;
    background-color: #9cc947;
    color: #fff;
    font-size: 1.3rem;
    line-height: 3rem;
    position: relative;
    text-align: center;
}

.tgBtn::after {
    content: '';
    border-left: 0.4rem solid #fff;
    border-top: 0.3rem solid transparent;
    border-bottom: 0.3rem solid transparent;
    position: absolute;
    top: 46%;
    margin-left: 5px;
}

.productListBox {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.productItemBox {
    width: 49%;
    height: 13.5rem;
    margin-bottom: 1.3rem;
    background: #fff;
    position: relative;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    padding: 1.3rem;
    box-sizing: border-box;
}

.productItemBox .pImg {
    width: 11rem;
    height: 11rem;
    background-size: cover !important;
}

.productItemBox .productInfo {
    width: calc(100% - 12.3rem);
}

.productItemBox .productInfo p {
    font-size: 1.1rem;
    color: #333333;
    margin-bottom: 1rem;
}

.productItemBox .productInfo p span {
    color: #666666;
}

.productItemBox .productInfo em {
    color: #004ea3;
}

.productItemBox .tag {
    width: 8.7rem;
    height: 3.1rem;
    background: url(../image/tag.png) center no-repeat;
    background-size: contain;
    position: absolute;
    right: -0.6rem;
    top: .8rem;
    color: #fff;
    text-align: center;
    line-height: 2.5rem;
    font-size: 1.1rem;
}


/*  手机样式  */
/* .moblieBody { transform: scale(0.28, 0.28);  } */
.moblieBody .popup.middle, .moblieBody .popup.small {
    width: 80%;
}

.moblieBody .contentWidth,
.moblieBody .noticeBox,
.moblieBody .serviceBox,
.moblieBody .cptgBox,
.moblieBody .fhycBox,
.moblieBody .bannerContent,
.moblieBody .mapBox,
.moblieBody .submenuBox > div,
.moblieBody .projectList {
    width: 90%;
}

.moblieBody .nav .logo {
    height: 90%;
    width: auto;
}

.moblieBody .indexContent {
    min-width: 100%;
    max-width: 100%;
}

.moblieBody .projectList .item p.other {
    font-size: 1.28rem;
    letter-spacing: -3px;
}

.moblieBody .projectList .item h4 {
    font-size: 2.5rem;
}

.moblieBody .projectList .item h4.other {
    letter-spacing: -5px;
}

.moblieBody .periodicalBox.periodicalList a {
    height: 16rem;
}

.moblieBody .footer {
    max-width: auto;
    min-width: auto;
}

.moblieBody .publishBg.otherBannerBox .bannerTitle h2 {
    font-size: 2rem;
}

.moblieBody .proResultBox .rightItem .projectListBox.small a, .moblieBody .productPromotion .projectListBox.small a {
    height: 12rem;
}

.moblieBody .proResultBox .filterName {
    width: 17%;
}

.moblieBody .proResultBox .filterList {
    width: 83%;
}

.moblieBody .proResultBox .filterName.longFilterName {
    width: 24% !important;
}

.moblieBody .proResultBox .otherFilter > div {
    min-width: 15%;
}

.moblieBody .fhycListBox > a {
    height: 25rem;
}

.moblieBody .fhycListBox > a p {
    line-height: 25rem;
}

.moblieBody .loginBox .loginBg {
    display: none;
}

/*横屏 css*/
@media screen and (orientation: landscape) {
    .moblieBody .moblieHeader {
        height: 65px;
    }

    .moblieHeader .language {
        line-height: 65px;
        font-size: 2rem;
    }

    .moblieHeader .searchBtn {
        margin: 14px 0;
        text-align: center;
        line-height: 36px;
    }

    .moblieHeader .searchBtn img {
        width: auto;
        height: auto;
    }

    .moblieBody .indexContent {
        margin: 65px auto 0 auto;
    }

    .moblieBody .rightNav {
        right: 10px;
        z-index: 9;
        opacity: .8;
        bottom: 1%;
    }

    .moblieBody .rightNav ul {
        width: 5rem;
    }

    .moblieBody .rightNav ul li, .moblieBody .backTop {
        width: 5rem;
        height: 5rem;
        margin-top: 10px;
        overflow: hidden;
    }

    .moblieBody .rightNav ul li p.f-s-rem-16 {
        font-size: 0.9rem;
    }

    .moblieBody .rightNav ul li > div img {
        height: 2rem;
        width: auto;
    }

    .moblieBody .rightNav ul li[data-type='green'] p.f-s-rem-16 {
        font-size: 0.8rem;
    }

    .moblieBody .moblicNavList {
        margin-top: 65px;
        height: 71vh;
        overflow: auto;
    }

    .moblieBody .moblicNavList li {
        min-height: 70px;
        line-height: 70px;
    }

    .moblieBody .moblicNavList li .submenu ul li {
        height: 70px;
    }

    .moblieBody .moblicNavList li.more > a:after {
        top: 32px;
    }
}
a.wechat-link {
    position: relative !important;
}

a.wechat-link .wechat-qrcode {
    display: none !important;
    position: absolute !important;
    top: 100% !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    margin-top: 10px !important;
    z-index: 10000 !important;
    padding: 12px !important;
    background: #fff !important;
    border-radius: 8px !important;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15) !important;
    text-align: center !important;
    min-width: 180px !important;
    width: auto !important;
}

a.wechat-link .wechat-qrcode::before {
    content: '' !important;
    position: absolute !important;
    top: -8px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
    width: 0 !important;
    height: 0 !important;
    border-left: 8px solid transparent !important;
    border-right: 8px solid transparent !important;
    border-bottom: 8px solid #fff !important;
}

a.wechat-link .wechat-qrcode img {
    display: block !important;
    width: 150px !important;
    height: 150px !important;
    margin: 0 auto !important;
}

a.wechat-link .wechat-qrcode-name {
    margin-top: 8px !important;
    font-size: 12px !important;
    color: #000 !important;
    line-height: 1.4 !important;
    font-weight: 500 !important;
    text-align: center !important;
    white-space: nowrap !important;
    width: 100% !important;
    overflow: visible !important;
}

a.wechat-link:hover .wechat-qrcode {
    display: block !important;
}