@charset "utf-8";
/* =====================官网样式======================== */
.Container-top{width: 100%;height:calc(100vh - 100px) ;position: relative;}
.Container-top img{width: 100%;height: 100%;object-fit: cover;}
.Container-top:before{content: "";position: absolute;top: 0;bottom: 0;right: 0;left: 0;background-color: rgba(0, 0, 0, .6);}
/* .Container-top-contant{position: absolute;top: 50%;bottom: 0;left: 50%;right: 0;transform: translate(-50%,-50%);} */
.Container-top-contant-p{font-size: 48px;color: #fff;text-align: center;line-height: 650px;}
/* .Container-top-footer{position: absolute;bottom: 70px;width: 50%;left: 50%;transform: translateX(-50%);} */
.Container-top-footer-footer{display: flex;justify-content: space-between;margin: 20px auto;width: 40%;}
.Container-top-footer-footer a{display: block;width: 200px;font-size: 18px;height: 40px;line-height: 40px;text-align: center;color: #fff;background-color: #2D5FC8;border-radius: 5px;}
.Container-top-footer-top{font-size: 18px;line-height: 36px;color: #fff;text-align: center;}
.Container-top-footer-footer .footer-Active{border: 1px solid #FFFFFF;background-color: transparent;}
.introduction,.cooperation{width: 100%;background-color: #fff;}
.introduction-contain-top{padding-top: 100px;}
.introduction-contain-top-p1,.cooperation-contain-top-p1{font-size: 30px;line-height: 40px;}
.introduction-contain-top-p2,.cooperation-contain-top-p2{font-size: 16px;line-height: 24px;color: #888;padding-top: 20px;}
.introduction-contain-contain{margin-top: 50px;display: flex;justify-content: space-between;}
.introduction-contain-contain-left{width: 480px;}
.introduction-contain-contain-left img{width: 100%;height: 100%;object-fit: cover;}
.introduction-contain-contain-right{padding-left: 50px;}
.introduction-contain-contain-right-top-p1{font-size: 24px;color: #156EC8;}
.introduction-contain-contain-right-top-p2{font-size: 18px;line-height: 36px;}
.introduction-contain-contain-right-top{margin-top: 90px;}
.introduction-contain-contain-right-top:first-child{margin-top: 0;}
.cooperation-contain-top-p1-span{font-size: 18px;}
.cooperation-contain-top{padding: 0 13%;}
.cooperation-contain-top{padding-top: 200px;}
.cooperation-contain-main{margin-top: 50px;position: relative;}
.cooperation-contain-main-left-top{width: 120px;height: 120px;background-color: #2D5FC8;border-radius: 50%;}
.cooperation-contain-main-left-top-p{font-size: 50px;text-align: center;line-height: 120px;color: #fff;}
.cooperation-contain-main-left-bottom {
    display: flex;
    justify-content: space-between;
    position: absolute;
    bottom: 270px;
    width: 1190px;
    left: 13%;
}
.cooperation-contain-main-left{position: absolute;left: 21.5%;z-index: 7!important;top: 35%;}
/* .cooperation-contain-main-left-bottom-p1 span{transform: rotate(-90deg);display: block;font-size: 40px;color: #f3f3f3;cursor: pointer;} */
.cooperation-contain-main-left-bottom-p1 span{display: block;font-size: 40px;color: #000;cursor: pointer;}
.cooperation-contain-main-left-bottom-p2 span{transform: rotate(90deg);display: block;font-size: 40px;color: #f3f3f3;cursor: pointer;}
.cooperation-contain-main-left-bottom p .p2-iconfont-active{color: #2D5FC8;}
.cooperation-contain-main-right{width: 100%;}
.cooperation-contain-main-right-ul{overflow: hidden;}
.cooperation-contain-main-right-ul li{width: 842px;height: 500px;margin-left: 100px;position: relative;float: left;}
.cooperation-contain-main-right-ul li:first-child{margin-left: 0;}
.cooperation-contain-main-right-ul li img{width: 100%;height: 100%;object-fit: cover;}
.cooperation-contain-main-right-ul li::before{content: "";position: absolute;top: 0;bottom: 0;right: 0;left: 0;background-color: rgba(0, 0, 0, .6);}
.cooperationSQ{width: 100%;min-width: 1400px;}
.cooperationSQ-div{position: relative;width: 100%;min-width: 1400px;}
.cooperationSQ-div>img{width: 100%;height: 100%;object-fit: cover;}
.introduction{padding-bottom: 180px;}
/* .cooperationSQ-contain{height: calc(100vh - 100px);} */
.cooperationSQ-contain-top-p1{font-size: 30px;line-height: 40px;color: #fff;}
.cooperationSQ-contain-top-p2{font-size: 16px;line-height: 24px;color: #fff;padding-top: 20px;}
.cooperationSQContain{width: 1400px;margin: 0 auto;position: absolute;z-index: 1;top: 0;}
.cooperationSQ-contain{width: 100%;position: relative;height: 100vh;display: flex;align-items: center;}
.cooperationSQ-contain>img{width: 100%;height: 100%;object-fit: cover;}
.cooperationSQ-contain::before{content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;background-color: rgba(0, 0, 0, .6);}
.cooperationSQ-contain .contain{position: relative;z-index: 7;}
.cooperationSQ-contain-main{width: 100%;background-color: #fff;border-radius: 5px;margin-top: 50px;padding-bottom: 30px;}
.cooperationSQ-contain-main-main{display: flex;justify-content: space-between;padding: 50px;}
.cooperationSQ-contain-main-left,.cooperationSQ-contain-main-right{width: 47%;}
.cooperationSQ-contain-main-left-main{display: flex;justify-content: space-between;margin-top: 20px;}
.cooperationSQ-contain-main-left-main:first-child{margin-top: 0;}
.cooperationSQ-contain-main-left-main-p{font-size: 18px;line-height: 36px;}
.cooperationSQ-contain-main-left-main-input{width: calc(100% - 152px);border: 1px solid #ddd;padding: 0 20px;border-radius: 5px;line-height: 36px;}
.personal-menuBox {width: 45%;border: 1px solid #dddddd;line-height: 32px;border-radius: 5px;padding: 0 16px;position: relative;cursor: pointer;background: #fff;}
.personal-menuBox p {line-height: 36px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;color: #888;font-size: 14px;}
.personal-menuBox span {width: 16px;height: 16px;display: block;background: url("../images/public/select-sanjiao.png") no-repeat center;background-size: contain;position: absolute;right: 4px;top: 50%;transform: translateY(-50%);margin-left: 0;}
.personal-menu-list {display: none;position: absolute;width: 100%;top: 40px;left: 0;z-index: 9;background: #fff; box-shadow: 0 0 6px rgb(0 0 0 / 16%);border-radius: 4px;max-height: 160px;overflow-y: auto !important;}
.personal-menu-list::-webkit-scrollbar {width: 6px;height: 6px;}
.personal-menu-list::-webkit-scrollbar-track {background: rgb(239, 239, 239);border-radius: 2px;}
.personal-menu-list::-webkit-scrollbar-thumb {background: #bfbfbf;border-radius: 10px;}
.personal-menu-list::-webkit-scrollbar-thumb:hover {background: #bfbfbf;}
.personal-menu-list::-webkit-scrollbar-corner {background: #bfbfbf;}
.personal-menu-list li {padding: 0 16px;line-height: 32px;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.textareaLength{position: absolute;bottom: 0;font-size: 12px;right: 10px;}
.cooperationSQ-textarea{height: 150px;}
.cooperationSQ-contain-main-left-main-divBOx{width: calc(100% - 110px);display: flex;justify-content: space-between;}
.cooperationSQ-contain-main-right-top{display: flex;justify-content: space-between;height: 225px;overflow: hidden;}
.cooperationSQ-contain-main-right-top-PL{display: flex;justify-content: space-between;height: 100%;overflow: hidden;}
.cooperationSQ-contain-main-right-top-main1-top,.cooperationSQ-contain-main-right-top-main1-top-PL{display: flex;justify-content: space-between;position: relative;}
.cooperationSQ-contain-main-right-top-main1-top-PL{width: 35%;}
.cooperationSQ-contain-main-right-top-main1-top-PL p{font-size:18px ;line-height: 36px;}
.cooperationSQ-contain-main-right-top-main1-top p:first-child{font-size:18px ;line-height: 36px;}
.cooperationSQ-contain-main-right-top-main1-top-ulop{background-color: #2D5FC8;width: 35%;font-size: 14px;text-align: center;line-height: 36px;color: #fff;border-radius: 5px;height:36px;}
.cooperationSQ-contain-main-right-top>div,.cooperationSQ-contain-main-right-top-PL>div{width: 33%;padding-left:20px;}
.cooperationSQ-contain-main-right-top-PL>div{width: 100%;}
.cooperationSQ-contain-main-right-top>div:first-child,.cooperationSQ-contain-main-right-top-PL>div:first-child{padding-left: 0;}
.cooperationSQ-contain-main-right-top-main1-top-ulop{cursor: pointer;}
.cooperationSQ-contain-main-btn{margin: 20px auto;width: 300px;height: 50px;}
.cooperationSQ-contain-main-btn-sub{width: 100%;background-color: #2D5FC8;border-radius: 10px;text-align: center;color: #fff;font-size: 18px;line-height: 50px;margin-bottom: 20px;cursor: pointer;}
.containDisFex{position: relative;padding-top: 200px;}
.containPois{position: absolute;z-index: 7;bottom: 70px;width: 100%;}
.Container-top-contant{margin-top: 200px;}
.content-mian{width: 1190px;margin: 100px auto 0;}
.off{border: 1px solid #2D5FC8;}
.uploadFileListItemsContents{display: flex;justify-content: space-between;}
.top-ulop-input{position: absolute;opacity: 0;right: 0;}
.top-ulop-div{display: flex;justify-content: space-between;font-size: 14px;word-wrap: break-word;word-break: break-all;padding: 0 5px;}
.top-ulop{margin-top: 10px;height: 160px;overflow-y: auto;}
/* .top-ulop */
/* .top-ulop li{height: 28px;} */

.top-ulop li p{line-height: 28px;}
.romveImg{cursor: pointer;}
.romveImg:hover{color:#2D5FC8}
.top-ulop-input{width: 40%;height: 36px;}
.contents{height: 100%;}
.top-ulop-div-p{width: 70%;overflow: hidden;}
/* #section1 .content,#section2 .content{display: flex;align-items: center;} */
.footer-top-img{width: 100%;height: 100%;position: relative;}
/* .footer-top-img img{width: 100%;height: 100%;object-fit: cover;} */
.content{width: 1190px;margin: 0 auto;}
.top-ulop-Pl{width: 70%;padding-left: 20px;height: 120px;overflow-y: auto;}
.top-ulop-Pl li{height: 28px;}
.top-ulop-Pl li p{line-height: 28px;}
.cooperationSQ-contain-main-right-top-PL .cooperationSQ-contain-main-right-top-main2{margin-top: 20px;display: flex;justify-content: space-between;align-items: flex-start;}
.cooperationSQ-contain-main-right-top-PL .cooperationSQ-contain-main-right-top-main1-top-ulop{width: 45%;}
.footer-top-imgMask::before{content: "";position: absolute;top: 0;bottom: 0;right: 0;left: 0;background:rgba(0, 0, 0, .6) ;}
#pageFooter{position: relative;bottom: 50%;}
.cooperationSQ-textarea{font-family: 'Microsoft Yahei';resize: none;}
.top-ulop-Pl .top-ulop-div-p{width: 90%;}
.cooperationSQ-contain-main-left-main-divBOx2{width: calc(100% - 110px);display: flex;justify-content: space-between;}
.cooperationSQ-contain-main-left-main-divBOx2 .personal-menuBox {width: 45%;}

html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, sub, sup, tt, var, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{box-sizing: border-box;}
.form-item-select .phone-prefixbox{width: 97px;}
.borRed{border: 1px solid red;}
#section3{margin-top: 200px;}
.cooperationSQ-contain .content-mian{margin: 0 auto;}
.top-ulop-Pl::-webkit-scrollbar{width:6px;height:6px;}
.top-ulop-Pl::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}
.top-ulop-Pl::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;}
.top-ulop-Pl::-webkit-scrollbar-thumb:hover{background: #bfbfbf;}
.top-ulop-Pl::-webkit-scrollbar-corner{background: #bfbfbf;}
.top-ulop::-webkit-scrollbar{width:6px;height:6px;}
.top-ulop::-webkit-scrollbar-track{background: rgb(239, 239, 239);border-radius:2px;}
.top-ulop::-webkit-scrollbar-thumb{background: #bfbfbf;border-radius:10px;}
.top-ulop::-webkit-scrollbar-thumb:hover{background: #bfbfbf;}
.top-ulop::-webkit-scrollbar-corner{background: #bfbfbf;}


/* -------------------------PC端--------------------------- */
/* @media all and (max-width:1599px) {
    1440 × (900/1050)
    
}
@media all and (max-width:1439px) {
    1360 × (768)
    .layui-form-top-p-right-img{width: 230px;}
}
@media all and (max-width:1281  px) {
    1152 × (864)
    .layui-form-top-p-right-img {width: 200px;}
}

@media all and (max-width:1151px) {
    1024 × (600/768)
    
} */


/* ------------------------手机端-------------------------- */
/* @media all and (max-width:1025px) {
    
    .introduction{height: 100vh;}
    .contain-introduction{padding-top: 0px;}
    .cooperation-contain-top,.cooperationSQ-contain-top{padding-top: 100px;}
    .content-mian{padding: 0 20px;}
    .cooperation-contain-top{padding: 100px 2% 0;}
    .WID1400{width: 1400px;overflow: hidden;}
    .marTop0{margin-top: 100px;}
    .Container-top{height: 50vh;}
    .introduction-contain-top{padding-top: 0;}
    .cooperationSQ-contain{height: 70vh;}
    #pageFooter{padding-top: 0;position: relative;}
    .footer-top-img{display: none;}
    .Container-top-footer-footer{width: 50%;}
    .contents{width: 1400px;margin: 0 auto;}
    .content{padding: 0 20px;}
    header#pageHeader .header-content .head-nav-con ul li{width: 190px;}
    #pageFooter .footer-area .footer-area-content .footer-area-content-list dl{margin-right: 20px;}
} */
/* @media all and (max-width:640px) { */
    /* 移动终端以上 360 适配 */
    /* .cooperationSQ-contain{height: 50vh;} */
/*     
} */