@charset "utf-8"; /*清除点击时的半透明层*/ :active { -webkit-tap-highlight-color: rgba(255, 0, 0, 0); } body { text-align: justify; } .content { width: 1200px; margin: 0 auto; overflow: hidden; } .index_banner { background-position: center center; background-repeat: no-repeat; background-size: auto 100%; } .index_banner img { opacity: 0; } .index_h5 { display: none; } .shi { font-size: 16px; color: #fff; position: absolute; z-index: 999; bottom: 16%; height: 15%; text-align: center; width: 100%; } .shi p { margin-bottom: 5px; width: 100%; } .shi img { height: 100%; } /* 新闻开始 */ .new-contont { padding-top: 20px } .new-contont .snav { font-size: 14px; color: #666666; margin-left: 10px; } .new-contont .newshow { margin-top: 30px; } .new-contont .newshow .left { padding: 0 10px; width: 860px; box-sizing: border-box; padding-bottom: 30px; } .new-contont .newshow .left h2 { text-align: center; font-size: 26px; color: #333333; line-height: 36px; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } .new-contont .newshow .left .nwe-time { font-family: MicrosoftYaHei; color: #999999; font-size: 14px; margin-top: 20px; } .new-contont .newshow .new-tu { margin-top: 30px; } .new-contont .newshow .new-tu img { display: block; max-width: 100%; margin: 0 auto; } .new-contont .newshow .wenben { font-size: 14px; margin-top: 30px; -webkit-touch-callout: none; /* iOS Safari */ -webkit-user-select: none; /* Chrome/Safari/Opera */ -khtml-user-select: none; /* Konqueror */ -moz-user-select: none; /* Firefox */ -ms-user-select: none; /* Internet Explorer/Edge */ user-select: none; /* Non-prefixed version, currently not supported by any browser */ } .new-contont .newshow .wenben img { max-width: 100%; } .new-contont .newshow .right { width: 300px; } .new-contont .newshow .right .r-tit { width: 300px; font-size: 16px; line-height: 34px; height: 34px; background-color: #f9f9f9; padding: 0 10px; box-sizing: border-box; } .new-contont .newshow .right .r-tit em { float: right; cursor: pointer; font-size: 12px; color: #aaaaaa; } .new-contont .newshow .right .r-tit em:hover { text-decoration: underline; } .new-contont .newshow .right li { box-sizing: border-box; width: 300px; font-size: 14px; line-height: 40px; height: 40px; border-bottom: 1px solid #e8e8e8; } .new-contont .newshow .right li a { display: block; height: 100%; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .new-contont .newshow .right li a:hover { color: #7c3e89; text-decoration: underline; } .new-contont .newtime { display: none; } /* 新闻结束 */ .hats { height: 600px; background: url(../images/bgc2.jpg); background-color: transparent; background-position: 50% 50%; background-size: 100% 100%; background-repeat: no-repeat; padding-top: 0px; padding-bottom: 0px; } .hats .disoks { display: block; margin: 0 auto; margin-top: 120px; } .hats1 { padding: 3% 0; } .hats1 .p1 { width: 560px; margin: 0 auto; line-height: 25px; color: #848484; font-size: 14px; overflow: hidden; text-align: center; } .hats1 .button-box { text-align: center; margin-top: 30px; color: #999; } .hats1 .button-box a { padding: 8px 50px; border: 1px solid #bbb; color: inherit; font-size: 14px; line-height: 25px; display: inline-block; text-align: center; } .hats2 .disoks { display: block; margin: 0 auto; } .hats3 { padding: 20px; background-color: #f2f2f2; } .hats3 .content1 { width: 1400px; margin: 0 auto; } .hats3 .three { position: relative; padding-bottom: 20px; padding-top: 120px; } .hats3 .three .top { position: absolute; width: 86%; left: 10%; top: 0; z-index: 3; background: #fff; padding: 30px 40px 20px; font-size: 12px; box-sizing: border-box; } .hats3 .three .top .p1 { font-size: 16px; } .hats3 .three .top .line { width: 40px; height: 1px; background-color: #000; margin-top: 16px; margin-bottom: 16px; } .hats3 .three2 { position: relative; padding-bottom: 120px; padding-top: 20px; } .hats3 .three2 .top { transition: all .5s ease-out 0s; position: absolute; width: 86%; left: 10%; bottom: 0; z-index: 3; background: #fff; padding: 30px 40px 20px; font-size: 12px; box-sizing: border-box; } .hats3 .three2 .top .p1 { font-size: 16px; } .hats3 .three2 .top .line { width: 40px; height: 1px; background-color: #000; margin-top: 16px; margin-bottom: 16px; } .hats3 .three2 .btm img { width: 670px; } .hats4 { padding: 40px 0; } .hats4 .jcg { display: flex; justify-content: center; } .hats4 .jcg .div { margin-right: 10px; } .hats4 .jcg .div img { display: block; margin-bottom: 6px; } .tem37-header-donghua { width: 100%; height: 80px; position: fixed !important; top: 0; left: 0; /* transition: .5s; -webkit-animation: tem37_headerdonghua .5s; animation: tem37_headerdonghua .5s;*/ opacity: .95; box-shadow: 0 0 5px rgba(0, 0, 0, 0.4); z-index: 999; } @-webkit-keyframes tem37_headerdonghua { 0% { top: -300px; } 100% { top: 0; } } @keyframes tem37_headerdonghua { 0% { top: -300px; } 100% { top: 0; } } .blogo { margin-top: 40px; } .blogo img { display: block; margin: 0 auto; } .bjie { width: 1200px; margin: 0 auto; margin-top: 40px; font-size: 14px; } .cul-cep { margin-top: 40px; width: 1200px; margin: 0 auto; margin-bottom: 20px; } .cul-cep .cept { padding: 32px 36px; font-size: 14px; line-height: 30px; border: 1px solid #D2D2D2; margin-top: 20px; } .cul-cep .cept p { font-weight: 600; color: #333; } .cul-cep .cept .cyimg { width: 374px; height: 234px; float: left; margin-top: 10px; margin-right: 20px; } .cul-cep .cept .imgls { display: flex; justify-content: space-between; } .cul-cep .cept .imgls div { width: 32.5%; position: relative; } .cul-cep .cept .imgls div img { width: 100%; } .cul-cep .cept .imgls div p { width: 100%; font-size: 18px; text-align: center; color: #Fff; line-height: 34px; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); } .cul-cep .cept1 { padding: 28px 36px; border: 1px solid #D2D2D2; margin-top: 20px; } .cul-cep .cept1 img { width: 100%; display: block; margin-bottom: 18px; } .cul-cep .cept1 p { font-weight: 600; color: #000; text-align: center; font-size: 14px; } .img3 { width: 1200px; margin: 0 auto; margin-top: 30px; } .img3 .imglis { display: flex; justify-content: space-between; } .img3 .imglis .imgdiv { width: 32.5%; } .img3 .imglis .imgdiv img { width: 100%; } .img4 { width: 1200px; margin: 0 auto; margin-top: 30px; } .img4 .imglis { display: flex; justify-content: space-between; } .img4 .imglis .imgdiv { width: 24.5%; } .img4 .imglis .imgdiv img { width: 100%; } .infor-m-top { width: 100%; background-color: #fff; } .infor-m-top .infor-m-topul { height: 60px; } .infor-m-top .infor-m-topul li { float: left; padding: 0 16px; line-height: 60px; font-size: 16px; cursor: pointer; } .infor-m-top .infor-m-topul li:hover { color: #65127e; } .athice { color: #65127e; position: relative; } .athice::after { content: ""; position: absolute; height: 3px; width: 30px; background-color: #65127e; bottom: 0; left: 50%; transform: translateX(-50%); } .active { background-color: #fff !important; } .active a { color: #65127e !important; } .about-l { height: 100%; width: 178px; } .about-l ul { width: 100%; border: solid 1px #e8e8e8; } .about-l ul li { border-bottom: solid 1px #e8e8e8; width: 166px; height: 44px; line-height: 44px; font-size: 14px; padding-left: 12px; background-color: #fafafa; cursor: pointer; } .about-l ul li>a { display: block; } .about-l ul li:last-child { border-bottom: none; } .title-line { line-height: 68px; border-bottom: 1px solid #e5e5e5; } .title-line .title-fl { position: relative; } .title-line .title-fl i { font-size: 22px; } .title-line .title-fl .title-name { font-size: 20px; color: #333333; } .title-line .title-fl .tiele-ne { font-size: 14px; color: #999999; } .title-line .title-fl::after { height: 2px; width: 60px; background-color: #844198; content: ""; left: 0; position: absolute; bottom: -1px; } .acive a { color: #ffffff; } body, html { font-family: "微软雅黑" !important; } body { margin-top: 77px !important; } .all-nav { height: 76px; background-color: #ffffff; border-bottom: 1px solid #e5e5e5; } .all-nav .nav-h5logo { display: none; } .all-nav .label { display: none; } .all-nav .nav-logo { margin-top: 18px; } .all-nav .nav-ul li { cursor: pointer; text-align: center; float: left; width: 86px; margin-left: 10px; border-radius: 4px; height: 46px; line-height: 46px; margin-top: 16px; } .all-nav .nav-ul li:hover { background: #efefef; } .acive, .all-nav .nav-ul li.acive { background-color: #65127e; } .all-nav .nav-ul li>a { display: block; height: 100%; width: 100%; } .profile { text-align: center; margin-top: 38px; } .profile h2 { font-size: 36px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; line-height: initial; } .profile .profile-logo { margin-top: 40px; } .profile .profile-logo img { display: block; margin: 0 auto; } .profile .profile-cyp { margin-top: 22px; } .profile .profile-cyp p { margin: 0 auto; line-height: 28px; width: 863px; font-size: 16px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; text-align: justify; } .profile .profile-tit { margin-top: 60px; margin-bottom: 14px; text-align: center; font-family: FZLTTHJW--GB1-0; font-size: 26px; font-weight: 600; font-stretch: normal; letter-spacing: 0px; color: #65127e; } .profile .profile-tit2 { margin-top: 20px; font-size: 20px; font-stretch: normal; letter-spacing: 0px; color: #333333; } .profile-img { width: 880px; margin: 0 auto; margin-top: 30px; } .profile-img .imglis { width: 410px; } .profile-img .imglis img { display: block; } .profile-img .imglis .p-tit { font-size: 20px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; margin-top: 20px; margin-bottom: 14px; } .profile-img .imglis .p-btm { font-size: 14px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; line-height: 28px; } .business .business-tit { margin-bottom: 40px; text-align: center; font-size: 36px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; margin-top: 20px; } .business .business-tit span { font-size: 36px; font-weight: 600; font-style: italic; font-stretch: normal; letter-spacing: 0px; color: #65127e; vertical-align: -4px; } .business .business-ul { width: 1086px; margin: 0 auto; } .business .business-ul ul { display: flex; justify-content: space-between; align-items: center; } .business .business-ul li { float: left; height: 88px; } .business .business-ul li img { height: 88px; display: block; margin-bottom: 22px; } .business .business-ul li span { display: block; text-align: center; font-size: 20px; color: #333333; } .business .business-ul li:nth-child(2n-1) { width: 70px; height: 1px; background-color: #e8e8e8; } .business .business-btn { margin-top: 130px; } .business .business-btn a { width: 114px; display: block; margin: 0 auto; } .vision { height: 626px; margin-top: 55px; background: url(../images/image3.jpg); } .vision .vision-content { width: 882px; margin: 0 auto; padding-top: 132px; } .vision .vision-content .p1 { font-size: 36px; line-height: 48px; letter-spacing: 0px; color: #ffffff; margin-bottom: 20px; } .vision .vision-content .p2 { font-size: 26px; line-height: 48px; letter-spacing: 0px; color: #ffffff; margin-bottom: 38px; } .vision .vision-content .p3 { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 36px; letter-spacing: 0px; color: #ffffff; text-align: justify; } .vision .vision-content a { display: block; margin-top: 98px; } .newtime .newtime-tit { font-size: 36px; font-weight: normal; font-stretch: normal; line-height: 48px; letter-spacing: 0px; color: #333333; text-align: center; margin-top: 38px; } .newtime .newtime-line { width: 1006px; height: 1px; background-color: #e8e8e8; margin: 25px auto; } .newtime .newtime-nei { width: 1006px; margin: 0 auto; margin-top: 46px; } .newtime .newtime-nei .nei { cursor: pointer; } .newtime .newtime-nei .nei:hover .fr p { color: #6d1e85; } .newtime .newtime-nei .nei .fl img { width: 291px; height: 166px; border-radius: 10px; } .newtime .newtime-nei .nei .fr { margin-left: 10px; width: 170px; } .newtime .newtime-nei .nei .fr .p1 { font-size: 16px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; line-height: 24px; margin-bottom: 20px; /*限制显示2行*/ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 46px\0; } .newtime .newtime-nei .nei .fr .p2 { font-size: 14px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #999999; line-height: 22px; margin-top: 12px; /*限制显示3行*/ overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; text-align: justify; height: 64px\0; } .newtime .newtime-list { width: 1006px; margin: 0 auto; } .newtime .newtime-list .newlist { width: 450px; } .newtime .newtime-list .newlist .list { font-size: 14px; letter-spacing: 0px; color: #333333; margin-bottom: 20px; cursor: pointer; } .newtime .newtime-list .newlist .list:hover { background: #f9f9f9; } .newtime .newtime-list .newlist .list .time { height: 12px; font-size: 14px; color: #999999; } .newtime .newtime-list .newlist .list .dian { color: #65127e; } .newtime .new-btn { margin-top: 48px; margin-bottom: 38px; } .newtime .new-btn a { width: 114px; display: block; margin: 0 auto; } .all-bottom { background-color: #373634; color: #959595; font-size: 12px; } .all-bottom .link { width: 968px; margin: 10px auto; padding-left: 68px; position: relative; } .all-bottom .link a:hover, .all-bottom .link a:active { text-decoration: underline; } .all-bottom .link a, .all-bottom .link span { display: inline-block; text-align: left; margin-right: 10px; } .all-bottom .link span { position: absolute; left: 0; top: 0; } .all-bottom .line { margin: 0 50px; height: 1px; background-color: #666666; } .all-bottom .shuo { text-align: center; padding: 20px 0; } .all-bottom .footer_top { background: #474747; border-bottom: 1px solid #666666; padding-bottom: 10px; } .all-bottom .all-b-l { width: 1046px; margin: 0 auto; display: table; padding-top: 30px; color: #959595; } .all-bottom .all-b-l .p1 { color: #959595; background: url(../images/aboutus.png) left center no-repeat; padding-left: 30px; font-size: 18px; } .all-bottom .all-b-l>p { display: table-cell; vertical-align: middle; font-size: 14px; position: relative; padding-left: 20px; height: 146px; } .all-bottom .all-b-l>p>i { display: inline-block; background: #7c3e89; width: 8px; height: 8px; border-radius: 8px; margin-right: 7px; position: absolute; left: 0; top: 69px; } .all-bottom .all-b-l .p2 a { color: #959595; display: block; } .all-bottom .all-b-l .p2 a:hover { color: #f1f1f1; } .all-bottom .all-b-l .rexian .phone .img { margin-right: 10px; } .all-bottom .all-b-l .rexian .phone .zi .p1 { font-size: 14px; line-height: 8px; letter-spacing: 0px; color: #959595; margin-bottom: 8px; } .all-bottom .all-b-l .rexian .phone .zi .p2 { font-size: 22px; font-weight: 600; font-stretch: normal; letter-spacing: 0px; color: #959595; } .all-bottom .all-b-l .btn input { width: 191px; height: 42px; background-color: #844198; border-radius: 21px; border: solid 3px #434343; color: #fff; margin: 32px auto; font-size: 14px; } .all-bottom .all-b-l .pnab { font-size: 14px; color: #959595; } .all-bottom .all-b-l .pnab img { vertical-align: -1px; margin-right: 4px; } .all-bottom .all-b-l .erweima { width: 170px; text-align: center; } .all-bottom .all-b-l .erweima span { display: block; padding: 8px; font-size: 16px; } .all-bottom .all-b-l .erweima img { display: block; width: 90px; height: 90px; margin: 0 auto; } .all-bottom .all-b-l .erweima p { margin-top: 16px; text-align: center; font-size: 16px; } .information { height: 230px; background: url(../images/banner_gsjs.jpg); padding-top: 90px; } .information .ber-h { font-size: 34px; font-weight: 600; font-stretch: normal; letter-spacing: 0px; color: #ffffff; text-indent: 32px; } .information .ber-d { font-size: 30px; font-weight: normal; letter-spacing: 5px; color: #ffffff; margin-top: 24px; text-indent: 32px; } .information .ber-p { font-size: 16px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #ffffff; margin-top: 28px; text-indent: 32px; line-height: 30px; text-align: justify; } .infor-m { background-color: #f2f2f2; } .infor-m .infor-m-btm { padding: 32px 0; } .infor-m .infor-m-btm .b1 { background-color: #fff; width: 100%; } .infor-m .infor-m-btm .b3 .newlist img { width: 130px; float: left; margin: 0 10px 0 0; display: block; } .infor-m .infor-m-btm .b1 .title-line { width: 95%; margin: 0 auto; } .infor-m .infor-m-btm .b1 img { display: block; margin: 0 auto; } .infor-m .infor-m-btm .b2 { display: none; } .infor-m .infor-m-btm .b2 .b2-b { position: relative; } .infor-m .infor-m-btm .b2 .b2-b .licheng_bottom{ background: url(../Images/licheng_bottom.png?v=1) center bottom no-repeat; background-size: 100%; height: 260px; margin-top: -260px; position: relative; z-index: 2; } .infor-m .infor-m-btm .b2 .b2-b .bgc-l { left: 50%; width: 10px; height: 80px; border-left: 2px dashed #66177D; position: relative; margin-top: 10px; } .infor-m .lichen{ border-left: 2px solid #8C549E; left: 50%; position: relative; padding-bottom: 260px; z-index: 1; } .infor-m .bgc-l::after { content: ''; display: block; border: 3px solid #66177D; width: 10px; height: 10px; border-radius: 10px; background: #FE0109; margin-left: -8px; } .licheng_top { color: #66177D; text-align: center; padding: 50px 0 10px; } .licheng_top b { color: #FF0104; font-size: 24px; margin: 0 5px; } .licheng_top b:first-of-type { margin-right: 20px; } .infor-m .infor-m-btm .b2 .b2-b .lichen ul li { position: relative; padding: 10px 0 20px; } .infor-m .infor-m-btm .b2 .b2-b .lichen ul li span { color: #fe0109; content: ''; display: block; border: 3px solid #66177D; width: 10px; height: 10px; border-radius: 10px; background: #FE0109; margin-left: -8px; overflow: hidden; } .infor-m .infor-m-btm .b2 .b2-b .lichen ul li .nian { width: 80px; height: 54px; font-size: 22px; line-height: 54px; color: #844198; text-align: center; background: url(../images/year.png) no-repeat center; background-size: 100%; font-weight: bold; top: -35px; position: relative; } .infor-m li.clearfix:nth-child(even) .nian{/*偶数行*/ left: 17px; } .infor-m li.clearfix:nth-child(odd) .nian{/*奇数行*/ left: -107px; } .infor-m .infor-m-btm .b2 .b2-b .lichen ul li .shuo { margin-left: 40px; width: 440px; background-color: #ffffff; border-radius: 4px; box-sizing: border-box; padding: 18px 22px; position: relative; top: -35px; } .infor-m li.clearfix:nth-child(even) .shuo{/*偶数行*/ left: -590px; } .infor-m li.clearfix:nth-child(odd) .shuo{/*奇数行*/ left: -90px; } .infor-m .infor-m-btm .b2 .b2-b .lichen ul li .shuo p { font-size: 18px; line-height: 34px; color: #333333; position: relative; padding: 0 0 10px 20px; } .infor-m .infor-m-btm .b2 .b2-b .lichen ul li .shuo p:last-child{ padding-bottom: 0; } .infor-m .infor-m-btm .b2 .b2-b .lichen ul li .shuo p>em { position: absolute; left: 0; overflow: hidden; display: inline-block; width: 3px; height: 3px; background: #66177D; color: #66177D; top: 14px; } .infor-m .infor-m-btm .b3 { display: none; background-color: #f2f2f2; } .infor-m .infor-m-btm .b3 .title-line { width: 95%; margin: 0 auto; } .ul-img img { width: 368px; height: 210px; } .ul-img { margin-top: 30px; } .ul-img ul { display: flex; justify-content: space-between; } .ul-img ul li { position: relative; width: 368px; height: 210px; border-radius: 10px; overflow: hidden; cursor: pointer; border: 1px solid #f2f2f2; } .ul-img ul li:hover { border-color: #6d1e85; } .ul-img .imgp { width: 368px; height: 92px; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); } .ul-img .p1 { width: 314px; margin: 0 auto; margin-top: 22px; font-size: 18px; color: #ffffff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .ul-img .p2 { width: 314px; margin: 0 auto; margin-top: 10px; font-size: 14px; color: #999999; } .infor-m .infor-m-btm .b3 .newlist { margin-top: 40px; } .infor-m .infor-m-btm .b3 .newlist li { cursor: pointer; padding: 10px 10px; height: auto; overflow: hidden; } .infor-m .infor-m-btm .b3 .newlist li .p1 { font-size: 14px; color: #333333; padding: 0 10px; box-sizing: border-box; width: 100%; line-height: 24px; color: #333333; white-space: normal; } .infor-m .infor-m-btm .b3 .newlist li .p2 { font-size: 14px; color: #999999; } .infor-m .infor-m-btm .b3 .newlist li:nth-child(2n-1) { background-color: #fff; } .infor-m .infor-m-btm .b3 .newlist li:hover { background: #e4e4e4; } .infor-m .infor-m-btm .b3 .yue ul { margin: 0 auto; margin-top: 45px; display: flex; justify-content: center; } .infor-m .infor-m-btm .b3 .yue li { margin-left: 18px; width: 28px; height: 28px; background-color: #ffffff; border-radius: 4px; border: solid 1px #844198; text-align: center; line-height: 28px; } .cpc { display: block; } .ch5 { display: none; } .culture img { min-width: 1200px; width: 100%; } .culture-con { margin-top: 30px; } .culture-con .about-l { margin-top: 24px; } .culture-con .culture-r { width: 964px; } .culture-con .culture-r .culture-chair .chair-b { background: url(../images/speak.jpg) no-repeat center right; background-size: auto 100%; height: 513px; color: #fff; } .culture-con .culture-r .culture-chair .chair-b div { padding: 52px 440px 0 42px; } .culture-con .culture-r .culture-chair .chair-b div .p1 { font-size: 22px; font-weight: 600; text-align: center; padding-bottom: 20px; } .culture-con .culture-r .culture-chair .chair-b div .p2 { font-size: 15px; margin-top: 18px; text-align: justify; } .culture-con .culture-r .culture-ider .iderul ul { display: flex; justify-content: space-between; margin: 24px auto; } .culture-con .swiper-button-prev { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); left: 10px; right: auto; opacity: 0.9; } .culture-con .swiper-button-next { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E"); right: 10px; left: auto; opacity: 0.9; } .platform .culture-r .culture-chair .chair-b { background: #f9f9f9; color: #666; padding: 0 42px; padding-top: 54px; height: auto; } .platform .culture-r .culture-chair .chair-b div { width: 560px; padding: 0; } .platform .culture-r .culture-chair .chair-b img { height: auto; width: 280px; } .culture-ider-h5 { display: none; padding-bottom: 20px; } .culture-ider-h5 .swiper-slide { width: 306px; height: 404px; width: 270px; height: 356px; } .culture-ider-h5 .wen { width: 100%; position: absolute; bottom: 0; left: 0; padding: 0; overflow: hidden; background: rgba(101, 18, 126, 0.7); transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s; height: 100%; border-radius: 10px; } .culture-ider-h5 .swiper-slide { text-align: left; } .culture-ider-h5 .swiper-slide .wen { opacity: 0; } .culture-ider-h5 .swiper-slide-active .wen { opacity: 1; } .culture-ider-h5 .swiper-slide-active .scale_less>div { transform: translateY(-7%) scale(0.9); -moz-transform: translateY(-7%) scale(0.9); -webkit-transform: translateY(-7%) scale(0.9); -o-transform: translateY(-7%) scale(0.9); } .culture-ider-h5 .p1 { font-size: 20px; color: #ffffff; font-weight: bold; text-align: center; padding: 10px; padding-top: 39px; } .culture-ider-h5 .p2 { font-size: 14px; color: #ffffff; margin-bottom: 12px; padding: 0 20px 10px; } .culture-ider-h5 .p3 { font-size: 12px; color: #ffffff; line-height: 24px; padding: 0 20px; display: block; } .culture-con .culture-r .culture-ider .iderul li { width: 306px; position: relative; } .culture-con .culture-r .culture-ider .iderul li .wen { width: 100%; position: absolute; bottom: 0; left: 0; padding: 0; height: 108px; overflow: hidden; background: rgba(101, 18, 126, 0.7); border-radius: 0 0 10px 10px; transition: height 0.2s; -moz-transition: height 0.2s; /* Firefox 4 */ -webkit-transition: height 0.2s; /* Safari 和 Chrome */ -o-transition: height 0.2s; /* Opera */ } .culture-con .culture-r .culture-ider .iderul li:hover .wen { height: 404px; border-radius: 10px; } .culture-con .culture-r .culture-ider .iderul li .wen .p1 { font-size: 20px; color: #ffffff; font-weight: bold; text-align: center; padding: 20px 10px 10px; } .culture-con .culture-r .culture-ider .iderul li .wen .p2 { font-size: 14px; color: #ffffff; margin-bottom: 12px; padding: 0 20px 10px; text-align: justify; } .culture-con .culture-r .culture-ider .iderul li .wen .normal {} .culture-con .culture-r .culture-ider .iderul li .wen .hover { display: none; } .culture-con .culture-r .culture-ider .iderul li:hover .wen .p1 { padding-top: 39px; } .culture-con .culture-r .culture-ider .iderul li:hover .wen .t_less { padding-top: 28px; } .culture-con .culture-r .culture-ider .iderul li:hover .wen .normal { display: none; } .culture-con .culture-r .culture-ider .iderul li:hover .wen .hover { display: block; } .culture-con .culture-r .culture-ider .iderul li .wen .p3 { font-size: 12px; color: #ffffff; line-height: 24px; display: none; padding: 0 20px; text-align: justify; } .culture-con .culture-r .culture-ider .iderul li:hover .wen .p3 { display: block; } .culture-con .culture-r .talents .talents-b { background: #f9f9f9; } .culture-con .culture-r .talents .talents-b div { margin-top: 20px; } .culture-con .culture-r .talents .talents-b div img { max-width: 92%; display: inline-block; margin: 0 auto 20px; } .culture-con .culture-r .talents .talents-b div .p1 { font-size: 18px; color: #666666; margin-bottom: 18px; text-align: center; } .culture-con .culture-r .talents .talents-b div .p2 { font-size: 14px; color: #666666; line-height: 26px; padding: 0 20px; } .culture-con .culture-r .work .work-b ul { margin-top: 10px; margin-bottom: 50px; } .culture-con .culture-r .work .work-b li { margin-top: 10px; } .culture-con .culture-r .work .work-b li div { position: relative; } .culture-con .frmiddle { margin-right: 1%; } .culture-con .culture-r .work .work-b li div span { position: absolute; z-index: 1; background: rgba(0, 0, 0, 0.6); color: #fff; padding: 1px 5px; bottom: 0; right: 0; font-size: 12px; } .profession img { min-width: 1200px; width: 100%; } .culture-r .pro-xue p { margin-top: 10px; font-size: 14px; } .culture-r .cykj .cykj-b { margin-top: 26px; width: 100%; background-color: #f9f9f9; } .culture-r .cykj .cykj-b .one { margin: 20px auto; display: block; } .culture-r .cykj .cykj-b .tow { padding: 0 60px; padding-bottom: 20px; } .culture-r .cykj .cykj-b .tow .p1 { font-size: 16px; color: #666666; margin-bottom: 16px; margin-top: 10px; font-weight: 600; } .culture-r .cykj .cykj-b .tow .p2 { font-size: 14px; color: #666666; line-height: 28px; } .culture-r .train .train-b .train-b-ul { margin-top: 30px; } .culture-r .train .train-b .train-b-ul .libig { padding-left: 31px; position: relative; border-left: 1px solid #e8e8e8; padding-bottom: 50px; } .culture-r .train .train-b .train-b-ul .libig .tit { font-size: 18px; line-height: 18px; } .culture-r .train .train-b .train-b-ul .libig .t-img { position: absolute; top: 0px; left: -10px; } .culture-r .train .train-b .train-b-ul .libig .imgshuo ul { display: flex; justify-content: space-between; } .culture-r .train .train-b .train-b-ul .libig .imgshuo li { width: 262px; height: 170px; } .culture-r .train .train-b .train-b-ul .libig .imgshuo .ling4 li { width: 190px; height: auto; } .culture-r .train .train-b .train-b-ul .libig .imgshuo .ling4 li img { width: 100%; } .culture-r .train .train-b .train-b-ul .libig .imgshuo li img { width: 262px; height: 170px; } .culture-r .train .train-b .train-b-ul .libig .imgshuo p { width: 834px; color: #666666; font-size: 14px; line-height: 20px; margin-top: 18px; } .culture-r .train .train-b .train-b-ul .libig:last-child { border: none; } .platforms-b{ display: flex; flex-wrap: nowrap; overflow: hidden; justify-content: space-between; text-align: center; align-items: center; margin: 30px 0 40px; } .platforms-b > a{ width: 20%; } .platforms-b > i{ display: block; height: 2px; background: #F1F1F1; width: 10%; margin: 0 20px 25px; } .platforms-b > a span{ background: #F1F1F1; padding: 20px 10px 12px; display: block; margin-bottom: 10px; color: #040404; } .platforms-b > a img{ width: 90px; display: block; margin: auto auto 12px; border-radius: 10px; } .platforms-b > a.jcj{ color: #8B2170; } .platforms-b > a.jsx{ color: #253F7E; } .platforms-b > a.jxn{ color: #BC4A3A; } .platforms-b > a.jnk{ color: #FECA18; } .culture-r .collaborate-one .one-b ul li { float: left; margin-right: 26px; margin-top: 30px; } .culture-r .collaborate-one .one-b ul li:nth-child(3n) { margin-right: 0; } .culture-r .collaborate-one .tow { margin-bottom: 110px; } .honor { background-color: #f2f2f2; } .honor .infor-m-top { width: 100%; background-color: #fff; } .honor .infor-m-top .infor-m-topul { height: 60px; } .honor .infor-m-top .infor-m-topul li { float: left; padding: 0 16px; line-height: 60px; font-size: 16px; } .honor .one .one-b { padding-bottom: 60px; } .honor .one .one-b li { float: left; width: 386px; margin-right: 20px; margin-top: 30px; } .honor .one .one-b li.last { position: relative; } .honor .one .one-b li.last i { display: block; border: 3px #fff solid; border-style: double; text-align: center; color: #797979; text-shadow: 1px 1px 1px #fff; height: 100%; box-sizing: border-box; position: absolute; top: 0; width: 100%; left: 0; padding-top: 50%; } .honor .one .one-b li.last>div { opacity: 0; } .honor .one .one-b .p1 { height: 156px; background-color: #fff; font-size: 14px; line-height: 24px; color: #666666; padding: 10px 20px; } .honor .one .one-b li:nth-child(3n) { margin-right: 0; } .honor .tow { padding-bottom: 40px; } .honor .tow .tow1 .tow1-b { margin-top: 30px; width: 1200px; padding-bottom: 30px; background-color: #ffffff; position: relative; } .honor .tow .tow1 .tow1-b .left { position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .honor .tow .tow1 .tow1-b .right { position: absolute; right: 0; top: 50%; transform: translateY(-50%); } .honor .swiper-slide { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: baseline; align-items: baseline; } .honor .tow_swiper { display: block; opacity: 0; height: 1px; overflow: hidden; /*position: fixed;*/ } .honor .right, .honor .left { z-index: 1000; opacity: 0.8; cursor: pointer; } .honor .right:hover, .honor .left:hover { opacity: 1; } .honor .right.swiper-button-disabled, .honor .left.swiper-button-disabled { opacity: 0.5; cursor: default; } .honor_img img { width: 220px; /*height: 148px;*/ } .honor .swiper-slide { /* width: 285px !important; */ height: auto; } .honor .swiper-container { padding: 30px 0; text-align: center; } .honor .tow .tow1 .tow1-b { padding: 0; } .honor .swiper-container-horizontal>.swiper-pagination-bullets, .honor .swiper-pagination-custom, .honor .swiper-pagination-fraction { bottom: 10px; } .honor .swiper-pagination-bullet-active { background: #000; } .rz_img p { text-align: center; font-size: 12px; color: #333333; margin-top: 6px; } .rz_img img { width: 168px; height: 247px; } .weditu { background-color: #f2f2f2; padding-top: 36px; padding-bottom: 64px; } .weditu .ditu { background-color: #fff; padding: 10px; } .weditu .ditu .bimg { width: 49%; } .weditu .ditu .bimg img { width: 100%; height: 528px; } .weditu .ditu .shuo { width: 49%; } .weditu .ditu .shuo .shou-t { border-bottom: 2px dashed #e8e8e8; } .weditu .ditu .shuo .p1 { font-size: 24px; letter-spacing: 0px; color: #333333; margin-bottom: 24px; margin-top: 20px; } .weditu .ditu .shuo .p3 { font-size: 18px; letter-spacing: 0px; color: #999999; margin-top: 16px; } .weditu .ditu .shuo .p2 { font-size: 14px; letter-spacing: 0px; color: #333333; margin-bottom: 24px; } .weditu .ditu .shuo2 .p2 { font-size: 14px; letter-spacing: 0px; color: #333333; margin-bottom: 10px; } .weditu .ditu .shuo ul li { float: left; margin-right: 20px; margin-top: 20px; } .weditu .ditu .shuo ul li img { width: 120px; } .weditu .ditu .shuo ul li:nth-child(4n) { margin-right: 0; } .weditu2 { background-color: #f2f2f2; padding-top: 36px; padding-bottom: 64px; } .weditu2 .ditu { background-color: #fff; padding: 10px; display: flex; align-items: center; } .weditu2 .ditu .bimg { width: 50%; margin-right: 60px; } .weditu2 .ditu .bimg img { width: 100%; } .weditu2 .ditu .shuo { width: 40%; } .weditu2 .ditu .shuo .p1 { font-size: 22px; letter-spacing: 0px; color: #333333; margin-bottom: 10px; margin-top: 20px; } .weditu2 .ditu .shuo .da { font-weight: 600; color: #65127e; margin-top: 0; } .weditu2 .ditu .shuo .shou-t { padding-bottom: 20px; border-bottom: 2px dashed #65127e } .weditu2 .ditu .shuo .p2 { font-size: 14px; letter-spacing: 0px; color: #333333; margin-bottom: 10px; margin-top: 20px; line-height: 16px; position: relative; padding: 0 10px 0 30px; } .weditu2 .ditu .shuo .p2 img { position: absolute; left: 0; top: 0; } .weditu2 .ditu .shuo .p2 span { margin-top: 5px; } .modou { display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 1000; background-color: rgba(0, 0, 0, 0.5); } .modou .modiv { width: 800px; position: absolute; left: 50%; margin-left: -400px; margin-top: 200px; } .modou .modiv .video1 { width: 100%; } .modou .coder { position: absolute; width: 40px; height: 40px; color: #000; right: -20px; top: -20px; background: #fff; border-radius: 40px; line-height: 40px; text-align: center; font-size: 26px; font-weight: bold; cursor: pointer; box-shadow: 0 0 3px #ccc; z-index: 999; } /*合作院校*/ .yx li span { display: block; border: 1px solid #eeeeee; width: 301px; padding: 16px 0; } .yx li span img { width: 100%; } /*更多平台*/ .platform .leftflag, .platform ul.leftflag li { overflow: hidden; height: auto; line-height: initial; padding-top: 10px; padding-bottom: 10px; } .platform ul.leftflag li a, .platform ul.leftflag li span { float: left; } .platform ul.leftflag li a { display: inline-block; width: 130px; margin-left: 12px; } .platform .leftflag { overflow: hidden; } .platform_item { font-size: 14px; } .platform_item .platform_item_title { padding: 10px 0; margin-top: 20px; } .platform_item .platform_item_title2 { padding: 10px 0; } .platform_item .platform_item_title img { width: 42px; } .platform_item .platform_item_title span { font-size: 18px; color: #353535; font-weight: bold; margin-left: 10px; } .platform_item .platform_item_title2 span { font-size: 16px; color: #646464; font-weight: bold; margin-left: 10px; } .platform_item_advantage{ text-align: right; width: 460px; } .platform_item_advantage li { display: inline-block; margin-right: 50px; width: 100px; vertical-align: top; margin-bottom: 20px; position: relative; } .platform_item_advantage li::after{ content: ''; display: block; position: absolute; width: 35px; height: 20px; background: url(../Images/video/v_left_r.png) no-repeat center; background-size: 100%; top: 26px; left: 110px; } .platform_item_advantage:last-child li::after{ background-image: url(../Images/video/v_left_l.png); } .platform_item_advantage li:last-child::after{ display: none; } .platform_item_advantage li img { display: block; left: 0; right: 0; width: 70px; margin: 0 auto; } .platform_item_advantage li span { display: block; color: #4a4a4a; margin-top: 10px; font-size: 14px; text-align: center; height: 48px; } .platform_item .platform_item_cont { margin-left: 52px; } .platform_item_cont video{ float: right; width: 400px; height: 260px; background: black; border-radius: 3px; margin-top: 20px; } .platform_item_cont .v_left{ overflow: hidden; margin-top: 20px; background: url(../Images/video/v_left_bg.png) no-repeat right 28px; background-size: auto 56%; display: inline-block; } .platform #item2 .chair-b>ul { overflow: hidden; } .platform .chair-b>ul.p-ul-ilb li { display: inline-block; margin: 30px 20px 30px 0; } .platform .chair-b>ul.p-ul-ilb li img { display: block; left: 0; right: 0; margin: 0 auto; } .platform .p-div-cont p { font-size: 14px; margin-top: 35px; } .platform .p-div-cont p:first-child { margin-top: 0px; } .p-div-buttom { display: none; } @media (max-width: 1920px) { .index_banner img { width: 100%; } } /*media begin*/ /*ipad pro */ @media (max-width: 1200px) { .platform .culture-r .culture-chair .chair-b img { display: block; float: inherit; margin: auto; } .platform .culture-r .culture-chair .chair-b div { width: auto; } .honor .one .one-b li.last i { height: 100%; box-sizing: border-box; } .honor .one .one-b .p1 { font-size: 12px; } .new-contont .newtime { display: block; } .index_pc .shi { bottom: 20%; } .index_pc .shi img { width: auto; } .modou .modiv { width: 80%; left: 10%; margin-left: 0; top: 50%; margin-top: -220px; } .yx li span { width: 100%; } .cpc { display: none; } .ch5 { display: block; } .content { width: auto; margin: 0 auto; } .acive { background-color: #65127e; color: #fff; } .all-nav { height: 50px; background-color: #ffffff; border-bottom: 1px solid #e5e5e5; position: relative; } .all-nav .nav-logo { display: none; margin-top: 18px; } .all-nav .label { display: block; float: right; font-size: 28px; width: 50px; height: 50px; color: #c1c1c1; font-weight: bold; text-align: center; line-height: 50px; cursor: pointer; } .all-nav .label:hover { background: #f9f9f9; } .all-nav .nav-h5logo { display: block; width: 170px; margin-top: 10px; margin-left: 10px; } .all-nav .nav-h5logo img { width: 100%; } .all-nav .nav-ul { display: none; width: 100px; position: absolute; right: 0; top: 50px; background-color: #fff; z-index: 999; } .all-nav .nav-ul li { width: 100px; cursor: pointer; text-align: center; float: left; font-size: 14px; margin-left: 0px; border-radius: 0px; height: 36px; line-height: 36px; margin-top: 0px; border-bottom: 1px solid #e5e5e5; } .profile { margin-top: 38px; } .profile h2 { text-align: center; font-size: 18px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; } .business .business-tit{ font-size: 18px; } .business .business-btn a{ width: 80px; } .business .business-btn a img{ width: 100%; } .profile .profile-logo { margin-top: 40px; display: none; } .profile .profile-logo img { display: block; margin: 0 auto; } .profile .profile-cyp { margin-top: 22px; } .profile .profile-cyp p { margin: 0 auto; line-height: 20px; width: 96%; font-size: 13px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; } .profile .profile-tit { margin-top: 18px; margin-bottom: 0px; text-align: center; font-family: FZLTTHJW--GB1-0; font-size: 16px; font-weight: 800; font-stretch: normal; letter-spacing: 0px; color: #65127e; } .profile .profile-tit2 { font-family: FZLTTHJW--GB1-0; font-size: 12px; font-weight: 600; font-stretch: normal; letter-spacing: 0px; color: #333333; text-align: center; } .profile-img { width: 90%; margin: 0 auto; margin-top: 30px; } .profile-img .imglis { width: 96%; box-sizing: border-box; margin-right: 2%; margin-left: 2%; position: relative; margin-bottom: 15px; } .profile-img .imglis img { width: 100%; display: block; } .profile-img .imglis .liswen { box-sizing: border-box; padding: 0 10px; width: 100%; height: 100%; border-radius: 4px; position: absolute; background: rgba(0, 0, 0, 0.5); bottom: 0; left: 0; padding-top: 28px; } .profile-img .imglis .p-tit { font-size: 14px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #fff; margin-top: 10px; margin-bottom: 7px; } .profile-img .imglis .p-btm { font-size: 12px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #fff; line-height: 20px; } .vision { height: 313px; margin-top: 25px; background: url(../images/image3.jpg); background-size: cover; } .vision .vision-content { width: 100%; margin: 0 auto; box-sizing: border-box; padding: 0 20px; padding-top: 40px; } .vision .vision-content .p1 { font-size: 18px; line-height: 48px; letter-spacing: 0px; color: #ffffff; margin-bottom: 0px; } .vision .vision-content .p2 { font-size: 14px; line-height: 14px; letter-spacing: 0px; color: #ffffff; margin-bottom: 24px; } .vision .vision-content .p3 { font-size: 12px; font-weight: normal; font-stretch: normal; line-height: 20px; letter-spacing: 0px; color: #ffffff; } .vision .vision-content a { display: block; width: 86px; margin: 0 auto; margin-top: 35px; } .vision .vision-content a img { width: 100%; } .newtime .newtime-tit { font-size: 18px; font-weight: normal; font-stretch: normal; line-height: 22px; letter-spacing: 0px; color: #333333; text-align: center; margin-top: 25px; } .newtime .newtime-line { display: none; width: 100%; height: 1px; background-color: #e8e8e8; margin: 25px auto; } .newtime .newtime-nei { width: 100%; margin: 0 auto; box-sizing: border-box; padding: 0 10px; } .newtime .newtime-nei .nei { width: 100%; box-sizing: border-box; padding: 10px 10px; background-color: #fafafa; display: flex; margin-top: 15px; } .newtime .newtime-nei .nei .fl img { width: 121px; height: 83px; } .newtime .newtime-nei .nei .fr { margin-left: 10px; flex: 1; width: auto; } .newtime .newtime-nei .nei .fr .p1 { font-size: 12px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #333333; line-height: 18px; margin-bottom: 20px; } .newtime .newtime-nei .nei .fr .zhong { display: none; } .newtime .newtime-nei .nei .fr .p2 { font-size: 12px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #999999; line-height: 16px; margin-top: 12px; text-align: right; } .newtime .newtime-list { display: none; width: 100%; margin: 0 auto; } .newtime .newtime-list .newlist { width: 100%; } .newtime .newtime-list .newlist .list { font-size: 14px; letter-spacing: 0px; color: #333333; margin-bottom: 20px; } .newtime .newtime-list .newlist .list .time { height: 12px; font-size: 14px; color: #999999; } .newtime .newtime-list .newlist .list .dian { color: #65127e; } .newtime .new-btn { margin-top: 20px; margin-bottom: 25px; } .newtime .new-btn a { width: 86px; display: block; margin: 0 auto; } .newtime .new-btn a img { width: 100%; } .all-bottom { color: #959595; font-size: 12px; } .all-bottom .line { margin: 44px auto; width: 100%; height: 1px; background-color: #666666; display: none; } .all-bottom .link { width: auto; margin: 10px 30px; text-align: left; } .all-bottom .shuo { margin: 0 auto; width: 100%; } .all-bottom .all-b-l { width: 100%; margin: 0 auto; display: flex; justify-content: space-between; padding-top: 0; display: block; box-sizing: border-box; padding: 0 10px; } .all-bottom .all-b-l .bottom-list { border-bottom: 1px solid #666; } .all-bottom .all-b-l>p { height: auto; } .all-bottom .all-b-l .p1 { display: none; } .all-bottom .all-b-l .p2 { border-bottom: 1px solid #666; display: block; line-height: 40px; } .all-bottom .all-b-l>p>i { top: 16px; } .all-bottom .all-b-l .rexian { width: 65%; float: left; margin-top: 30px; } .all-bottom .all-b-l .rexian .phone { display: flex; align-items: center; justify-content: center; } .all-bottom .all-b-l .rexian .phone .img { width: 10px; margin-right: 10px; } .all-bottom .all-b-l .rexian .phone .img img { width: 10px; } .all-bottom .all-b-l .rexian .phone .zi .p1 { font-size: 12px; line-height: 8px; letter-spacing: 0px; color: #959595; margin-bottom: 8px; } .all-bottom .all-b-l .rexian .phone .zi .p2 { font-size: 14px; font-weight: 600; font-stretch: normal; letter-spacing: 0px; color: #959595; } .all-bottom .all-b-l .btn input { display: block; width: 180px; height: 36px; background-color: #844198; border-radius: 21px; border: solid 3px #434343; color: #fff; margin: 10px auto; font-size: 14px; } .all-bottom .all-b-l .pnab { text-align: center; font-size: 12px; color: #959595; } .all-bottom .all-b-l .pnab img { vertical-align: -1px; margin-right: 4px; width: 12px; } .all-bottom .all-b-l .erweima { width: 100%; padding-top: 32px; float: left; padding-left: 0; } .all-bottom .all-b-l .erweima img { display: block; width: 86px; height: 86px; margin: 0 auto; } .all-bottom .all-b-l .erweima p { margin-top: 10px; text-align: center; font-size: 12px; color: #959595; } .all-bottom .shuo { width: 250px; text-align: center; font-size: 12px; } .all-bottom .shuo span { display: block; text-align: center; margin-top: 15px; } .culture img { min-width: 100%; width: 100%; } .about-l { display: none; } .title-line { width: 100%; line-height: 38px; border-bottom: 1px solid #e5e5e5; } .title-line .title-fl { position: relative; } .title-line .title-fl i { font-size: 22px; } .title-line .title-fl .title-name { font-size: 18px; line-height: 24px; color: #333333; display: inline-block; padding-bottom: 5px; } .platform .title-line .title-fl .title-name { padding-top: 10px; } .platform_item .platform_item_cont { margin-left: 0; } .title-line .title-fl .tiele-ne { font-size: 14px; color: #999999; } .title-line .title-fl::after { height: 2px; width: 60px; background-color: #844198; content: ""; left: 0; position: absolute; bottom: -1px; } .culture-r { box-sizing: border-box; padding: 0 10px; width: 100% !important; } .infor-m-top { width: 100% !important; background-color: #fff !important; } .infor-m-top .infor-m-topul { height: 43px !important; display: flex; justify-content: center; } .infor-m-top .infor-m-topul li { float: left !important; padding: 5px 10px !important; line-height: 33px !important; font-size: 13px !important; } .weditu .ditu .shuo ul li { width: 20%; } .weditu .ditu .shuo ul li img { width: 100%; } .weditu .ditu .bimg img { width: 100%; height: auto; } .honor { background-color: #f2f2f2; } /**/ .honor .one .one-b li { width: 31%; margin: 30px 1.2%; } .honor .one .one-b li img { max-width: 100%; } /**/ .honor .infor-m-top { width: 100%; background-color: #fff; } .honor .infor-m-top .infor-m-topul { height: 60px; } .honor .infor-m-top .infor-m-topul li { float: left; padding: 0 16px; line-height: 60px; font-size: 16px; } .honor .one .title-line { display: none; } .honor .tow { padding-bottom: 40px; box-sizing: border-box; padding: 0 10px; margin-top: 10px; } .honor .tow .tow1 .tow1-b { margin-top: 15px; width: 100%; padding-bottom: 15px; background-color: #ffffff; position: relative; overflow: hidden; } .honor .right, .honor .left { z-index: 1000; opacity: 0.8; cursor: pointer; } .honor .right:hover, .honor .left:hover { opacity: 1; } .honor .right.swiper-button-disabled, .honor .left.swiper-button-disabled { opacity: 0.5; cursor: default; } .honor .swiper-slide { width: 100%; height: auto; } .honor .swiper-container { padding: 5px; width: 90%; padding-bottom: 30px; box-sizing: content-box; } .honor .tow .tow1 .tow1-b { padding: 20px; box-sizing: border-box; } .honor .swiper-container-horizontal>.swiper-pagination-bullets, .honor .swiper-pagination-custom, .honor .swiper-pagination-fraction { bottom: 10px; } .honor .swiper-pagination-bullet-active { background: #000; } .rz_img img { height: auto; } .swiper-container { width: 100%; } .swiper-container img { width: 100%; } .honor .swiper-container img { max-width: 100%; width: auto; } .honor .swiper-container2 .rz_img div { width: 100%; } .swiper-pagination-bullet { width: 4px; height: 4px; } .information { height: 230px; background: url(../images/h5/h5_banner_gsjs.jpg) no-repeat; background-size: cover; padding: 0 10px; padding-top: 40px; } .information .ber-h { font-size: 22px; font-weight: 600; font-stretch: normal; letter-spacing: 2px; color: #ffffff; text-indent: 32px; } .information .ber-d { font-size: 16px; font-weight: normal; letter-spacing: 5px; color: #ffffff; margin-top: 6px; text-indent: 32px; } .information .ber-p { font-size: 12px; font-weight: normal; font-stretch: normal; letter-spacing: 0px; color: #ffffff; margin-top: 28px; text-indent: 32px; line-height: 20px; } .infor-m { background-color: #f2f2f2; } .infor-m .infor-m-btm { padding: 15px 0; } .infor-m .infor-m-btm .b1 { background-color: #f2f2f2; width: 100%; } .infor-m .infor-m-btm .b1 .title-line { width: 95%; margin: 0 auto; } .infor-m .infor-m-btm .b1 img { width: 100%; display: block; margin: 0 auto; margin-top: 10px; } .infor-m .infor-m-btm .b2 { display: none; padding: 0 10px; box-sizing: border-box; } .infor-m .infor-m-btm .b2 .b2-b { position: relative; } .infor-m .infor-m-btm .b3 { display: none; background-color: #f2f2f2; padding: 0 10px; box-sizing: border-box; } .infor-m .infor-m-btm .b3 .title-line { width: 95%; margin: 0 auto; } .infor-m .infor-m-btm .b3 img { width: 100%; } .infor-m .infor-m-btm .b3 .liimg img { height: auto; min-height: 143px; } .ul-img { margin-top: 30px; } .ul-img ul li { position: relative; margin-bottom: 20px; overflow: hidden; width: 32.5%; height: auto; min-height: 143px; } .infor-m .infor-m-btm .b3 .imgp { width: 100%; height: 92px; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); } .infor-m .infor-m-btm .b3 .imgp .p1 { width: 314px; margin: 0 auto; margin-top: 22px; font-size: 18px; color: #ffffff; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } .infor-m .infor-m-btm .b3 .imgp .p2 { width: 314px; margin: 0 auto; margin-top: 10px; font-size: 14px; color: #999999; } .infor-m .infor-m-btm .b3 .newlist { margin-top: 15px; } .infor-m .infor-m-btm .b3 .newlist li .oneimg { display: block; float: left; } .infor-m .infor-m-btm .b3 .newlist li .oneimg img { display: block; width: 114px; height: auto; } .infor-m .infor-m-btm .b3 .newlist li .towlist { flex: 1; } .infor-m .infor-m-btm .b3 .newlist li .p1 { line-height: 24px; font-size: 12px; } .infor-m .infor-m-btm .b3 .newlist li .p2 { font-size: 12px; color: #999999; line-height: 14px; } .infor-m .infor-m-btm .b3 .yue { display: none; } .infor-m .infor-m-btm .b3 .yue ul { margin: 0 auto; margin-top: 45px; display: flex; justify-content: center; } .infor-m .infor-m-btm .b3 .yue li { margin-left: 18px; width: 28px; height: 28px; background-color: #ffffff; border-radius: 4px; border: solid 1px #844198; text-align: center; line-height: 28px; } .culture-con { margin-top: 15px; } .culture-con .about-l { margin-top: 15px; } .culture-con .culture-r { width: 964px; } .culture-con .culture-r .culture-chair .chair-b img.ch5 { display: none; } .platform .item .chair-b>ul { display: flex; } .platform_item_advantage li { margin-right: 30px !important; } .platform_item_advantage { text-align: left; } .culture-con .culture-r .culture-ider .title-line { padding: 10px 0 0; margin-bottom: 25px; } .culture-con .culture-r .swiper-container { display: block; } .culture-con .culture-r .culture-ider .iderul ul { display: none; } .culture-con .culture-r .talents .talents-b .left { margin-top: 20px; width: 100%; } .culture-con .culture-r .talents .talents-b .right { width: 100%; margin-top: 20px; height: 306px; background-color: #fff; border-radius: 10px; padding: 5px; } .culture-con .culture-r .talents .talents-b .right .p1 { font-size: 18px; color: #666666; margin-bottom: 28px; } .culture-con .culture-r .talents .talents-b .right .p2 { font-size: 12px; color: #666666; line-height: 26px; } .culture-con .culture-r .talents .talents-b .right .p3 { font-size: 14px; color: #666666; margin-top: 28px; } .culture-con .culture-r .talents .talents-b .right ul { display: flex; justify-content: space-between; margin-top: 16px; } .culture-con .culture-r .talents .talents-b .right ul li { width: 23%; height: auto; } .culture-con .culture-r .talents .talents-b .right ul li img { width: 100%; height: auto; } .culture-con .culture-r .work { margin-top: 10px; } .culture-con .culture-r .work .work-b ul { margin-top: 10px; margin-bottom: 15px; } .culture-con .culture-r .work .work-b ul .one .fl { width: 68%; } .culture-con .culture-r .work .work-b ul .one .fl img { width: 100%; } .culture-con .culture-r .work .work-b ul .one .fr { width: 31.1%; } .culture-con .culture-r .work .work-b ul .one .fr img { width: 100%; } .culture-con .culture-r .work .work-b ul .tow .fl { width: 49.5%; } .culture-con .culture-r .work .work-b ul .tow .fl img { width: 100%; } .culture-con .culture-r .work .work-b ul .tow .fr { width: 49.5%; } .culture-con .culture-r .work .work-b ul .tow .fr img { width: 100%; } .culture-con .culture-r .work .work-b ul .three .fl { width: 30.5%; } .culture-con .culture-r .work .work-b ul .three .fl img { width: 100%; } .culture-con .culture-r .work .work-b ul .three .fr { width: 67.2%; } .culture-con .culture-r .work .work-b ul .three .fr img { width: 100%; } .culture-con .culture-r .work .work-b ul .four .fl { width: 31.1%; } .culture-con .culture-r .work .work-b ul .four .fl img { width: 100%; } .culture-con .culture-r .work .work-b ul .four .fr { width: 33.4%; } .culture-con .culture-r .work .work-b ul .four .fr img { width: 100%; } .culture-con .culture-r .work .work-b li { margin-top: 10px; } .culture-r .cykj .cykj-b { margin-top: 26px; width: 100%; background-color: #f9f9f9; } .culture-r .cykj .cykj-b .one { max-width: 100%; } .culture-r .cykj .cykj-b .tow { padding: 0 10px; padding-bottom: 20px; } .culture-r .cykj .cykj-b .tow .p1 { font-size: 12px; color: #666666; margin-bottom: 10px; margin-top: 10px; font-weight: 600; } .culture-r .cykj .cykj-b .tow .p2 { font-size: 12px; color: #666666; line-height: 28px; } .culture-r .train .train-b .train-b-ul { margin-top: 30px; } .culture-r .train .train-b .train-b-ul .libig { box-sizing: border-box; padding: 0px; position: relative; border-left: none; margin-bottom: 15px; display: flex; justify-content: space-between; } .culture-r .train .train-b .train-b-ul .libig .fl.tit { width: 170px; } .culture-r .train .train-b .train-b-ul .libig .imgshuo.fr { width: 100%; } .culture-r .train .train-b .train-b-ul .libig .tit { font-size: 16px; line-height: 16px; margin-left: 20px; margin-bottom: 15px; } .culture-r .train .train-b .train-b-ul .libig .t-img { width: 16px; position: absolute; top: 0px; left: 0px; } .culture-r .train .train-b .train-b-ul .libig .imgshuo ul { display: flex; justify-content: space-between; } .culture-r .train .train-b .train-b-ul .libig .imgshuo li { width: 32.5%; height: auto; } .culture-r .train .train-b .train-b-ul .libig .imgshuo .ling4 li { width: 24%; } .culture-r .train .train-b .train-b-ul .libig .imgshuo li img { width: 100%; height: auto; } .culture-r .train .train-b .train-b-ul .libig .imgshuo p { width: 100%; color: #666666; font-size: 12px; line-height: 20px; margin-top: 18px; } .culture-r .train .train-b .train-b-ul .libig:last-child { border: none; } .img3 { width: 100%; margin: 0 auto; margin-top: 30px; } .img3 .imglis { display: flex; justify-content: space-between; } .img3 .imglis .imgdiv { width: 32.5%; } .img3 .imglis .imgdiv img { width: 100%; } .img4 { width: 100%; margin: 0 auto; margin-top: 30px; } .img4 .imglis { display: flex; justify-content: space-between; } .img4 .imglis .imgdiv { width: 24.5%; } .img4 .imglis .imgdiv img { width: 100%; } .blogo { margin-top: 40px; } .blogo img { width: 90%; display: block; margin: 0 auto; } .bjie { width: 100%; margin: 0 auto; margin-top: 40px; font-size: 14px; } .cul-cep { margin-top: 40px; width: 100%; margin: 0 auto; margin-bottom: 20px; } .cul-cep .cept { padding: 5px; font-size: 14px; line-height: 30px; border: 1px solid #D2D2D2; margin-top: 20px; } .cul-cep .cept p { font-weight: 600; color: #333; } .cul-cep .cept .cyimg { width: 374px; height: 234px; float: left; margin-top: 10px; margin-right: 20px; } .cul-cep .cept .imgls { display: flex; justify-content: space-between; } .cul-cep .cept .imgls div { width: 32.5%; position: relative; } .cul-cep .cept .imgls div img { width: 100%; } .cul-cep .cept .imgls div p { width: 100%; font-size: 12px; text-align: center; color: #Fff; line-height: 34px; position: absolute; bottom: 0; left: 0; background: rgba(0, 0, 0, 0.5); } .cul-cep .cept1 { padding: 28px 36px; border: 1px solid #D2D2D2; margin-top: 20px; } .cul-cep .cept1 img { width: 100%; display: block; margin-bottom: 18px; } .cul-cep .cept1 p { font-weight: 600; color: #000; text-align: center; font-size: 14px; } body { margin-top: 50px !important; } .hats { height: 300px; background: url(../images/bgc2.jpg); background-color: transparent; background-position: 50% 50%; background-size: 100% 100%; background-repeat: no-repeat; padding-top: 0px; padding-bottom: 0px; } .hats .disoks { width: 50%; display: block; margin: 0 auto; margin-top: 70px; } .hats1 { padding: 3% 0; } .hats1 .p1 { width: 100%; margin: 0 auto; padding: 10px; box-sizing: border-box; line-height: 25px; color: #848484; font-size: 14px; overflow: hidden; text-align: center; } .hats1 .button-box { text-align: center; margin-top: 15px; color: #999; } .hats1 .button-box a { padding: 8px 50px; border: 1px solid #bbb; color: inherit; font-size: 14px; line-height: 25px; display: inline-block; text-align: center; } .hats2 .disoks { width: 98%; display: block; margin: 0 auto; } .hats3 { padding: 0px; background-color: #f2f2f2; } .hats3 .content1 { width: 100%; margin: 0 auto; } .hats3 .three { width: 100%; position: relative; padding-bottom: 0px; padding-top: 0%; } .hats3 .three .top { box-sizing: border-box; position: relative; width: 100%; left: 0; top: 0%; z-index: 3; background: #fff; padding: 10px; font-size: 12px; } .hats3 .three .top .p1 { font-size: 16px; } .hats3 .three .top .line { width: 40px; height: 1px; background-color: #000; margin-top: 16px; margin-bottom: 16px; } .hats3 .three img { width: 98%; display: block; margin: 0 auto; } .hats3 .three2 { position: relative; padding-bottom: 0px; padding-top: 0px; } .hats3 .three2 .top { position: relative; width: 100%; left: 0%; bottom: 0; z-index: 3; background: #fff; padding: 10px; font-size: 12px; box-sizing: border-box; } .hats3 .three2 .top .p1 { font-size: 16px; } .hats3 .three2 .top .line { width: 40px; height: 1px; background-color: #000; margin-top: 16px; margin-bottom: 16px; } .hats3 .three2 .btm img { width: 98%; display: block; margin: 0 auto; } .hats4 { padding: 10px 5px; } .hats4 .jcg { width: 100%; display: block; justify-content: center; } .hats4 .jcg .one { width: 100%; } .hats4 .jcg .div { margin-right: 0px; width: 100%; } .hats4 .jcg .div img { width: 100%; display: block; margin-bottom: 6px; } /* 新闻开始 */ .new-contont { padding-top: 10px } .new-contont .snav { font-size: 12px; color: #666666; margin-left: 10px; } .new-contont .newshow { margin-top: 15px; } .new-contont .newshow .left { padding: 0 10px; width: 100%; box-sizing: border-box; padding-bottom: 15px; } .new-contont .newshow .left h2 { text-align: center; font-size: 18px; color: #333333; } .new-contont .newshow .left .nwe-time { font-family: MicrosoftYaHei; color: #999999; font-size: 12px; margin-top: 20px; } .new-contont .newshow .new-tu { margin-top: 15px; } .new-contont .newshow .new-tu img { display: block; max-width: 100%; margin: 0 auto; } .new-contont .newshow .wenben { font-size: 12px; margin-top: 15px; } .new-contont .newshow .wenben img { max-width: 100%; height: auto !important; } .new-contont .newshow .right { width: 300px; display: none; } /* 新闻结束 */ /* 发展历程调整 */ .infor-m .infor-m-btm .b2 .b2-b .lichen ul li .shuo{ width: 320px; } .infor-m li.clearfix:nth-child(even) .shuo{ left: -470px; } } /*media end*/ /*ipad 768 */ @media (max-width: 768px) { .platform_item_cont video{ float: inherit; display: block; margin: auto; } .platform_item_cont .v_left{ display: flex; background: none; padding-left: 110px; } .item:nth-of-type(2) .platform_item_cont .v_left{ padding-left: 25px; } .platform_item_advantage{ float: left; width: 50%; display: flex; justify-content:flex-end; } .platform_item_advantage:last-child{ justify-content:flex-start; } .platform_item_advantage:last-child li::after{ background-image: url(../Images/video/v_left_r.png); } .platform_item_advantage li::after{ left: 54px; width: 22px; top: 16px; } .platform_item_advantage li span{ font-size: 12px; height: auto; line-height: 17px; width: 60px; margin-left: -5px; } .platform_item_advantage li:last-child::after{ display: block; } .platform_item_advantage:last-child li:last-child::after{ display: none; } .platform_item_advantage li img{ width: 100%; } .platform_item_advantage li{ width: 50px; } .platforms-b > a img{ width: 40px; } /* 发展历程调整 */ .infor-m .infor-m-btm .b2 .b2-b .lichen ul li .shuo p{ font-size: 12px; line-height: 20px; } .infor-m .infor-m-btm .b2 .b2-b .lichen ul li .shuo{ width: 140px; padding: 10px; margin-left: 60px; } .infor-m .infor-m-btm .b2 .b2-b .lichen ul li .shuo p{ padding-left: 10px; } .infor-m .infor-m-btm .b2 .b2-b .lichen ul li .shuo p>em{ top: 9px; } .infor-m .infor-m-btm .b2 .b2-b .lichen ul li .nian{ width: 54px; font-size: 14px; } .infor-m li.clearfix:nth-child(odd) .nian{ left: -77px; } .infor-m li.clearfix:nth-child(even) .shuo{ left: -280px; } .infor-m .infor-m-btm .b2 .b2-b .lichen ul li span, .infor-m .bgc-l::after{ width: 6px; height: 6px; margin-left: -6px; border-width: 2px; } /* 发展历程调整 end */ .culture-con .culture-r .talents .talents-b div img { display: block; margin: auto; } .culture-con .culture-r .culture-chair .chair-b { height: auto; background: none; color: #666; padding: 20px 10px 0; } .platform .culture-r .culture-chair .chair-b { background: #f9f9f9; } .culture-con .culture-r .culture-chair .chair-b img.ch5 { max-width: 100%; height: auto; display: block; margin: 0 auto; float: inherit; } .culture-con .culture-r .culture-chair .chair-b div { width: auto; padding: 0; } .culture-con .culture-r .culture-chair .chair-b div .p1 { margin-top: 12px; font-size: 14px; font-weight: 600; padding-bottom: 0; } .culture-con .culture-r .culture-chair .chair-b div .p2 { font-size: 12px; margin-top: 17px; } .honor .one .one-b li { width: 47.5%; } .honor .one .one-b li:nth-child(3n) { margin-right: 1.2%; } .culture-r .collaborate-one .one-b ul li { width: 30%; } .culture-r .collaborate-one .one-b ul li img { width: 100%; } } /*media 568 begin*/ @media (max-width: 568px) { .platform_item_cont .v_left{ overflow: unset; transform: scale(0.6); margin: 0 0 -20px; } .platform_item_cont video{ width: 90%; height: auto; } .platforms-b > i{ display: none; } .platforms-b > a span{ padding: 10px 10px 8px; margin-bottom: 5px; } .platforms-b{ font-size: 12px; margin: 15px 0; } .platforms-b > a img{ margin-bottom: 5px; } .honor .one .one-b li.last>div { display: none; } .honor .one .one-b li.last i { position: static; padding: 100px 0; } .honor .swiper-wrapper img { width: 220px; } .index_pc { height: 1px; overflow: hidden; } .modou .modiv { margin-top: -160px; } .modou .coder { width: 30px; height: 30px; font-size: 20px; line-height: 30px; top: -15px; right: -15px; } .index_h5 { display: block; } .index_h5 .shi { height: auto; } .index_h5 .shi p { background: #fff; border-radius: 30px; padding: 2px 15px; color: #0e0419; font-size: 14px; top: inherit; bottom: 50px; width: 72px; display: inline-block; height: auto; margin: 0; } .index_h5 .shi p:before { content: ''; display: inline-block; width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #0e0419; border-width: 5px 5px 5px 9px; } .index_h5 .shi img { display: none; } .ul-img ul { display: block; } .ul-img ul li { width: 100%; } .culture-r .train .train-b .train-b-ul .libig { display: block; } .honor .one .one-b { padding-bottom: 15px; } .honor .one .one-b li { box-sizing: border-box; width: 100%; padding: 0 12px; margin: 0 auto; margin-right: 0; margin-top: 15px; } .honor .one .one-b li img { width: 100%; } .honor .one .one-b .p1 { box-sizing: border-box; width: 100%; height: auto; background-color: #fff; font-size: 14px; line-height: 24px; color: #666666; padding: 10px 20px; } .honor .one .one-b li:nth-child(3n) { margin-right: 0; } .weditu { background-color: #fff; padding-top: 0; padding-bottom: 20px; } .weditu .ditu { background-color: #fff; padding: 0; } .weditu .ditu .bimg { width: 100%; height: auto; } .weditu .ditu .bimg img { width: 100%; height: auto; } .weditu .ditu .shuo { width: 100%; background-color: #fff; box-sizing: border-box; padding: 0 10px; overflow: hidden; } .weditu .ditu .shuo .shou-t { border-bottom: none; } .weditu .ditu .shuo .p1 { font-size: 18px; letter-spacing: 0px; color: #333333; margin-bottom: 16px; margin-top: 16px; font-weight: 600; line-height: 18px; } .weditu .ditu .shuo .p3 { font-size: 13px; letter-spacing: 0px; color: #999999; margin-top: 10px; } .weditu .ditu .shuo .p2 { font-size: 13px; letter-spacing: 0px; color: #333333; margin-bottom: 0; } .weditu .ditu .shuo .shipai { width: 100%; overflow: scroll; } .weditu .ditu .shuo ul { width: 500px; overflow-x: scroll; z-index: 999; } .weditu .ditu .shuo ul li { width: 60px; height: 60px; float: left; margin-right: 10px; margin-top: 20px; } .weditu .ditu .shuo ul li img { width: 60px; height: 60px; } .weditu .ditu .shuo ul li:nth-child(4n) { margin-right: 10px; } /* 新的 */ .weditu2 { background-color: #f2f2f2; padding-top: 0; padding-bottom: 0; } .weditu2 .ditu { background-color: #fff; padding: 0 0 10px; display: block; justify-content: center; align-items: center; margin-top: 20px; } .weditu2 .ditu .bimg { margin-right: 0; width: 100%; } .weditu2 .ditu .shuo { width: 100%; } .weditu2 .ditu .bimg img { width: 100%; } .weditu2 .ditu .shuo .p1 { font-size: 18px; letter-spacing: 0px; color: #333333; margin-bottom: 10px; margin-top: 10px; } .weditu2 .ditu .shuo .da { font-weight: 600; color: #65127e } .weditu2 .ditu .shuo { padding: 10px; box-sizing: border-box; } .weditu2 .ditu .shuo .shou-t { padding: 0; } .culture-r .collaborate-one .one-b ul { box-sizing: border-box; padding: 0 28px; } .culture-r .collaborate-one .one-b ul li { float: left; width: 48%; margin-right: 4%; margin-top: 15px; } .culture-r .collaborate-one .one-b ul li img { width: 100%; } .culture-r .collaborate-one .one-b ul li:nth-child(3n) { margin-right: 4%; } .culture-r .collaborate-one .one-b ul li:nth-child(2n) { margin-right: 0; } .culture-r .collaborate-one .tow { margin-bottom: 50px; } .platform #item1 .chair-b .fl .p1 { display: none; } .platform_item .platform_item_title img { width: 32px; } .platform .chair-b>ul.p-ul-ilb li img { width: 94%; height: auto; } .platform_item_advantage li { display: inline-block; margin-right: 10px; } .platform_item_advantage li img { display: block; left: 0; right: 0; width: 50px; margin: 0 auto; } .platform_item_advantage li span { display: block; color: #4a4a4a; margin-top: 10px; text-align: center; font-size: 12px; } .platform .chair-b>ul.p-ul-ilb { overflow: hidden; margin-top: 10px; } .platform .chair-b>ul.p-ul-ilb li { display: inline-block; float: left; width: 50%; margin: 10px 0 0 0; } .platform .p-div-cont p { font-size: 14px; margin-top: 20px; } .platform .p-div-cont p.mh { display: -webkit-box; text-overflow: ellipsis; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .platform .p-div-cont p.none { display: none; } .p-div-buttom { display: block; text-align: right; margin-top: 10px; margin-bottom: 30px; } .p-div-buttom a { color: #075fe7; cursor: pointer; } } /*media 568 end*/ /*20181024*/ .swiper-slide { text-align: center; }