/*每个页面公共css */ /* reset */ body { -webkit-tap-highlight-color: transparent; } body, input, textarea, select { font-size: 0.42rem; font-family: Microsoft YaHei, SimSun, arial; word-break: break-word } body, h1, h2, h3, p, ul, ol, dl, dd, form { margin: 0; } em, i { font-style: normal; } ul, ol { list-style-type: none; padding-left: 0; } img { border: 0; } a { color: #000; text-decoration: none; cursor: pointer; } a:hover { color: #000; text-decoration: none; } html { width: 100%; min-height: 100%; } body { background-repeat: no-repeat; background-position: 50% 0; } /*鍘绘帀閫変腑杈规*/ input, button, a { outline: 0 none !important; } /* common */ .region, .mod, .mhd, .mbd { clear: both; content: "."; display: block; height: auto; overflow: hidden; *zoom: 1 } .l { float: left; } .r { float: right; } .cl { clear: both; } .auto { margin-left: auto; margin-right: auto; } .db { display: block; } .di { display: inline; } .dib { display: inline-block; } .fw { font-family: Microsoft YaHei; } .f0 { font-size: 0; } .b { font-weight: bold; } .tc { text-align: center; } .hidden { display: none; } .container { width: 100%; margin: 0 auto; min-width: 1000px; } .img img { width: 100%; height: 100%; } .con {width: 100%;max-width:1920px;margin:0 auto;overflow:hidden;} /*---------------------- tab css -------------------------- -----------------------------------------------------------------------------------------------------------*/ .nav-box{width:1350px;margin:0 auto;height:175px;clear:both;overflow:hidden;} .nav-box .nav-l{width:446px;background:url(../images/logo.png?v=3) no-repeat left center;background-size:100% auto;height:100%;} .nav-box .nav-r{} .nav-box .nav-r .nav-r-1 a{font-size:24px;margin-left:30px;display:inline-block;height:35px;line-height:35px;margin-top:62px;color:#6d6d6d;padding-bottom:12px;border-bottom:9px solid #fff;} .nav-box .nav-r .nav-r-1 a:hover,.nav-box .nav-r .nav-r-1 a.act{border-bottom:9px solid #22b799;} .nav-box .nav-r .nav-r-2{width:100%;display:flex;justify-content:center;flex-direction:column;} .nav-box .nav-r .nav-r-2 .nav-item{width:100%;display:flex;justify-content:center;height:30px;line-height:30px;font-size:16px;color:#999;display:none;} .nav-box .nav-r .nav-r-2 .nav-item a{color:#999;border-right:1px solid #999;height:15px;line-height:15px;display:block;margin-top:10px;padding:0 15px;} .nav-box .nav-r .nav-r-2 .nav-item a:last-child{border:none;} .top-box{width:100%;overflow:hidden;display:flex;} /*---------------------- 集团动态.媒体风采 css -------------------------- -----------------------------------------------------------------------------------------------------------*/ .jtmt-box{width:1350px;clear:both;overflow:hidden;margin:-97px auto 0;position: relative;z-index: 99;} .jtmt-tab{color:#7e808a;clear:both;width:100%;margin:25px auto 0;margin-bottom:15px;border-bottom:4px solid #22b799;padding-bottom:3px;line-height:46px;height:46px;} .jtmt-tab .title{color:#272831;font-size:30px;font-weight:bold;text-indent:20px;width:50%;} .jtmt-tab .title span{color:#7e808a;font-size:16px;font-weight:bold;margin-left:20px;} .jtmt-tab .items{color:#6d6d6d;font-size:20px;position:relative;top:7px;position:relative;display:flex;} .jtmt-tab .items a{color:#6d6d6d;padding:0px 5px;width:122px;display:inline-block;text-align:center;} .jtmt-tab .items a.cmyj{} .jtmt-tab .items a.act{color:#fff;display:inline-block;text-align:center;width:122px;height:46px;background:url(../images/t18.png) no-repeat 115px center #22b799;} .jtmt-tab .items .cmyj-item {background:#f00;position:absolute;width:122px;top:46px;z-index:101;} .jtmt-tab .items .cmyj-item > div{position:absolute;width:122px;top:0;z-index:101;background:#fff;display:none;} .jtmt-tab .items .cmyj-item > div:nth-child(1){left:0;} .jtmt-tab .items .cmyj-item > div:nth-child(2){left:132px;} .jtmt-tab .items .cmyj-item > div:nth-child(3){left:264px;} .jtmt-tab .items .cmyj-item > div:nth-child(4){left:396px;} .jtmt-tab .items .cmyj-item a{margin:0;text-align:center;color:#6d6d6d;font-size:16px;display:block;background:#b7e6dd;margin-top:1px;height:30px;line-height:30px;} .jtmt-tab .more a{color:#6d6d6d;font-size:14px;} .jtmt-box .jtmt-tab .jtmt-title1{width:238px;height:100%;font-size:54px;color:#7e808a;cursor:pointer;} .jtmt-box .jtmt-tab .jtmt-title1 span{display:block;text-align:center;} .jtmt-box .jtmt-tab .jtmt-title1 span:nth-child(2){color:#7e808a;font-size:24px;} .jtmt-box .jtmt-tab .jtmt-title1.act span:first-child{color:#272831;} .jtmt-box .jtmt-tab .jtmt-title1.act{background:url(../images/t2.png) no-repeat center bottom;} .jtmt-box .jtmt-tab .jtmt-line{width:1px; background:#eaeaea;height:94px;margin:10px 0 0 35px;} .jtdt-box{width:1350px;overflow:hidden;clear:both;height:385px;} .jtdt-l{width:667px;} .jtdt-l .swiper-wrapper{display:block;width:667px;position:relative;z-index:99;} .jtdt-l .swiper-wrapper .swiper-slide{width:667px;height:128px !important;background:#f0f0f0;margin-top:1px;box-sizing:border-box;padding:15px;cursor:pointer;position:relative;} .jtdt-l .swiper-wrapper .swiper-slide p{width:100%;font-size:20px;color:#000000;font-weight:bold;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /*将对象作为弹性伸缩盒子模型显示*/ -webkit-line-clamp: 2; /*从第几行裁剪*/ -webkit-box-orient:vertical;} .jtdt-l .swiper-wrapper .swiper-slide .docket{font-size:16px;color:#898989;text-align:justify;margin-top:10px;line-height:23px;overflow: hidden; text-overflow: ellipsis; display: -webkit-box; /*将对象作为弹性伸缩盒子模型显示*/ -webkit-line-clamp: 2; /*从第几行裁剪*/ -webkit-box-orient:vertical;} .jtdt-l .swiper-wrapper .swiper-slide.swiper-slide-thumb-active{background:#22b799;} .jtdt-l .swiper-wrapper .swiper-slide.swiper-slide-thumb-active p{color:#fff;} .jtdt-l .swiper-wrapper .swiper-slide.swiper-slide-thumb-active .docket{color:#cccccc;} .jtdt-l .swiper-wrapper .swiper-slide img{position:absolute;top:50%;right:-33px;margin-top:-33px;display:none;} .jtdt-l .swiper-wrapper .swiper-slide.swiper-slide-thumb-active img{display:block;} .jtdt-r{width:683px;height:385px;overflow:hidden;position:relative;margin-top:2px;} .jtdt-r .swiper-wrapper img{width:683px;height:385px;} .mtfc-dis,.dqgz-dis,.cmyj-dis{display:none;} /*---------------------- 招聘信息 css -------------------------- -----------------------------------------------------------------------------------------------------------*/ .zpxx-box{width:100%;overflow:hidden;clear:both;margin:50px auto 0;background:#f3f7fa;} .zpxx-box-cen{width:1350px;margin:0px auto;} .zpxx-content{width:645px;margin:0 auto;padding:0px 0 30px;overflow:hidden;} .zpxx-content .item{border-bottom:1px solid #d6e5f1;padding:10px 0;width:100%;} .zpxx-content .item{width:100%;} .zpxx-content .item a{color:#808080;font-size:20px;font-weight:bold;background:url(../images/t17.png) no-repeat left center;padding-left:20px;width:80%;display:inline-block;} .zpxx-content .item span{font-size:18px;color:#b1b1b1;} /*---------------------- 探索与研究 css -------------------------- -----------------------------------------------------------------------------------------------------------*/ .tsyj-box{width:100%;margin:50px auto 0;height:215px;background:url(../images/t7.jpg) no-repeat left top;display:flex;flex-direction:column;} .tsyj-box-con{width:1350px;height:155px;clear:both;overflow:hidden;margin:30px auto 0;} .tsyj-box .title{width:47px;;height:155px;margin:0 auto;background:#e3e9ee;font-size:26px;color:#272831;border-radius:147px;text-align:center;line-height:30px;display:flex;justify-content:center;align-items:center;} .tsyj-content{width:1150px;margin-top:10px;position:relative;margin-right:50px;} .tsyj-content .swiper-slide{width:100%;} .tsyj-content .swiper-slide a{display:block;width:100%;} .tsyj-content .swiper-slide img{width:73px;height:73px;display:block;margin:0 auto;} .tsyj-content .swiper-slide a:last-child{width:100%;text-align:center;margin-top:5px;display:block;display:flex;height:55px;font-size:16px;color:#778fa2;justify-content:center;align-items:center;font-weight:bold;} .tsyj-content .swiper-button-prev, .tsyj-content .swiper-container-rtl .swiper-button-next { left: -40px;right: auto;width:32px;height:32px;background:url(../images/t19.png) no-repeat left top;outline: none; } .tsyj-content .swiper-button-prev:after, .tsyj-content .swiper-container-rtl .swiper-button-next:after,.tsyj-content .swiper-button-next:after{content:"";} .tsyj-content .swiper-button-next, .tsyj-content .swiper-container-rtl .swiper-button-next { right: -40px;left: auto;width:32px;height:32px;background:url(../images/t20.png) no-repeat left top;outline: none; } /*---------------------- 集团介绍 css -------------------------- -----------------------------------------------------------------------------------------------------------*/ .jtjs-box{width:1350px;margin:50px auto 0;} .jtjs-box .title{text-align:center;margin:50px auto 45px;} .jtjs-box .title a{} .jtjs-box .title a:first-child{color:#272831;font-size:54px;} .jtjs-box .title a:last-child{color:#7e808a;font-size:24px;} .jtjs-content{width:100%;margin-top:50px;position:relative;} .jtjs-content img{width:100%;} .jtjs-content .docket{font-size:18px;text-align:justify;color:#888888;line-height:30px;text-indent:35px;padding:15px 20px;} .jtjs-content .more{width:147px;height:34px;color:#888;background:#e1e1e1;display:block;margin:30px auto 0;font-size:14px;line-height:34px;text-align:center;border-radius:20px;} /*---------------------- 媒体矩阵 css -------------------------- -----------------------------------------------------------------------------------------------------------*/ .mtjz-box{width:100%;margin:100px auto 0;} .mtjz-box .title{text-align:center;margin:100px auto 45px;} .mtjz-box .title a{} .mtjz-box .title a:first-child{color:#272831;font-size:54px;} .mtjz-box .title a:last-child{color:#7e808a;font-size:24px;} .mtjz-content{width:100%;margin-top:50px;position:relative;height:621px;background:url(../images/t4.jpg) no-repeat left top;background-size:100% 100%;} .mtjz-div{width:1350px;margin:0 auto;display:block;overflow:hidden;} .mtjz-div .mtjz-div-title{width:927px;height:56px;line-height:56px;text-align:center;font-size:30px;color:#7c93a6;background:url(../images/t5.png) no-repeat left top;margin:30px auto 0;overflow:hidden;} .mtjz-div .mtjz-div-title b{color:#ef422b;} .mtjz-float-div{width:1350px;overflow:hidden;clear:both;margin:0 auto 0;} .mtjz-float-div .app-div{width:370px;} .mtjz-float-div .app-div .app-title{width:156px;height:181px;margin:30px auto 0;display:block;} .mtjz-float-div .app-div .items{width:100%;overflow:hidden;clear:both;background:rgba(255,255,255,0.6);padding:5px 0 30px;} .mtjz-float-div .app-div .items .item{width:123px;margin-top:18px;} .mtjz-float-div .app-div .items .item a:first-child{width:73px;display:block;margin:0 auto;} .mtjz-float-div .app-div .items .item img{width:73px;height:73px;border-radius:5px;} .mtjz-float-div .app-div .items .item a:last-child{width:100%;height:40px;font-size:16px;color:#778fa2;display:block;display:flex;text-align: center;justify-content:center;align-items:center;font-weight:bold;} .mtjz-float-div .weixin-div{width:572px;margin-left:46px;} .mtjz-float-div .weixin-div .weixin-title{width:156px;height:181px;margin:30px auto 0;display:block;} .mtjz-float-div .weixin-div .items{width:100%;overflow:hidden;clear:both;background:rgba(255,255,255,0.6);padding:5px 20px 30px;box-sizing:border-box;} .mtjz-float-div .weixin-div .items .item{width:33.333%;margin-top:18px;height:63px;margin-bottom:8px;} .mtjz-float-div .weixin-div .items .item a{height:63px;display:inline-block;} .mtjz-float-div .weixin-div .items .item a:first-child{width:63px;height:63px;} .mtjz-float-div .weixin-div .items .item a:first-child img{width:63px;height:63px;border-radius:100%;} .mtjz-float-div .weixin-div .items .item a:last-child{width:105px;display:block;display:flex;justify-content:flex-start;align-items:center;font-size:16px;color:#778fa2;font-weight:bold;} .mtjz-float-div .pc-div{width:370px;} .mtjz-float-div .pc-div .pc-title{width:156px;height:181px;margin:30px auto 0;display:block;} .mtjz-float-div .pc-div .items{width:100%;overflow:hidden;clear:both;background:rgba(255,255,255,0.6);padding:5px 20px 30px;box-sizing:border-box;} .mtjz-float-div .pc-div .items .item{width:50%;margin-top:28px;height:52px;margin-bottom:9px;} .mtjz-float-div .pc-div .items .item a{width:156px;height:52px;border-radius:5px;display:block;margin:0 auto;} /*---------------------- 下属单位 css -------------------------- -----------------------------------------------------------------------------------------------------------*/ .xsdw-box{width:100%;margin:100px auto 0;} .xsdw-box .title{text-align:center;margin:100px auto 45px;} .xsdw-box .title a{} .xsdw-box .title a:first-child{color:#272831;font-size:54px;} .xsdw-box .title a:last-child{color:#7e808a;font-size:24px;} .xsdw-content{width:100%;background:url(../images/t5.jpg) no-repeat left top;background-size:100% 100%;height:506px;} .xsdw-content .items{width:1350px;clear:both;overflow:hidden;margin:0px auto 0;padding-top:60px;} .xsdw-content .items a{width:255px;height:101px;display:block;margin: 56px 60px 30px 35px;} /*---------------------- 联系我们 css -------------------------- -----------------------------------------------------------------------------------------------------------*/ .lxwm-box{width:100%;height:408px;background:url(../images/t6.jpg) no-repeat left top;overflow:hidden;} .lxwm-box .title{text-align:center;margin:80px auto 25px;} .lxwm-box .title a{} .lxwm-box .title a:first-child{color:#272831;font-size:54px;} .lxwm-box .title a:last-child{color:#7e808a;font-size:24px;} .lxwm-content{width:1350px;margin:0 auto;} .lxwm-content .items{margin:20px 0 0 300px;} .lxwm-content .items .item{font-size:18px;color:#474747;height:40px;line-height:40px;padding-left:60px;margin-top:20px;} .lxwm-content .items .item.tel{background:url(../images/t13.png) no-repeat left center;} .lxwm-content .items .item.address{background:url(../images/t14.png) no-repeat left center;} .lxwm-content .items .item.email{background:url(../images/t15.png) no-repeat left center;} /*---------------------- 页脚 css -------------------------- -----------------------------------------------------------------------------------------------------------*/ .footer-box{width:100%;height:150px;background:#272831;overflow:hidden;} .footer-content{width:100%;text-align:center;font-size:14px;color:#7e808a;line-height:30px;margin-top:30px;} /*---------------------- 列表页 css -------------------------- -----------------------------------------------------------------------------------------------------------*/ .list-con{background:#f6fbfe;min-height:500px;} .list-box{width:1350px;margin:0 auto;background:#fff;min-height:500px;box-sizing:border-box;padding:80px 50px;} .list-box .list-nav{font-size:22px;color:#3e5a6f;} .list-box .list-nav a{color:#355a75;} .list-items{width:1200px;margin:20px auto 0;} .item-first{clear:both;overflow:hidden;width:100%;border-bottom:1px solid #ccc;} .item-first-l{width:668px;overflow:hidden;} .item-first-l .time{font-size:24px;color:#676767;} .item-first-l .title{font-size:24px;font-weight:bold;color:#000;line-height:48px;} .item-first-l .docket{font-size:16px;color:#898989;line-height:30px;padding-bottom:5px;margin-top:10px;} .item-first-l .more{width:86px;height:30px;background:#a60f14;text-align:center;line-height:30px;display:block;margin:30px 0 30px 0;font-size:14px;color:#fff;border-radius:5px;overflow:hidden;} .item-first .list-img{width:465px;height:290px;display:block;} .list-items .item{clear:both;overflow:hidden;width:100%;margin:50px 0 0;} .list-items .item .list-img{width:272px;height:172px;display:block;} .list-items .item .item-r{width:888px;} .list-items .item .time{font-size:14px;color:#ccc;margin-top:5px;} .list-items .item .title{font-size:24px;font-weight:bold;color:#000;line-height:48px;} .list-items .item .docket{font-size:16px;color:#898989;line-height:30px;padding-bottom:5px;margin-top:10px;display:block;} /*---------------------- page css -------------------------- -----------------------------------------------------------------------------------------------------------*/ #pager_btn{margin-top:3px;font-size:14px;overflow:hidden;display:inline-block} #pager_btn div{float:left} #pager_btn a{font-size:14px} #pager_btn .pb2 a{background-color:#318ed2;color:#fff} /*---------------------- 详情页 css -------------------------- -----------------------------------------------------------------------------------------------------------*/ .view-items{width:1200px;margin:20px auto 0;} .view-items .title{font-size:36px;color:#333333;font-weight:bold;line-height:48px;margin-top:35px;} .view-items .time{color:#a2a2a2;font-size:18px;text-align:center;line-height:60px;} .view-items .view-content{width:100%;padding:20px 30px 80px;font-size:18px;color:#333;line-height:36px;box-sizing:border-box;} .view-items .view-content img{max-width:100%;} /*---------------------- 媒体矩阵 - 图文说明部分 css -------------------------- -----------------------------------------------------------------------------------------------------------*/ .add_mtjz_box{width:1350px;margin:0px auto 0;padding:0px 0;background:transparent;position:relative;top:285px;} .add_mtjz_block_1{width:100%;display:flex;margin-top:0px;align-items: flex-start;} .add_mtjz_block_1_left{width:280px;position:fixed;top:280px;} .add_mtjz_block_1_right{position:relative;width:1000px;margin-left:350px;} .add_mtjz_item{width:100%;display:flex;flex-wrap: wrap;margin-bottom:20px;} .add_mtjz_item .block_1{width:15px;display:flex;justify-content:center;align-items:center;flex-direction:column;} .add_mtjz_item .block_1 .icon{width:15px;height:15px;background:url(../images/t22.png) no-repeat left top;} .add_mtjz_item.act .block_1 .icon{width:15px;height:15px;background:url(../images/t21.png) no-repeat left top;} .add_mtjz_item .block_1 span{width:10px;display:block;background-image: linear-gradient(to bottom,#d4f1eb, #f0faf8);height:calc(100% - 15px);} .add_mtjz_item .block_2{margin-left:10px;position:relative;top:-3px;flex:1;} .add_mtjz_item .block_2 .title{font-size:16px;color:#666;cursor:pointer;} .add_mtjz_item.act .block_2 .title{color:#3cac94;font-weight:bold;} .add_mtjz_item .block_2 .title_nav{color:#999;font-size:14px;line-height:25px;padding-bottom:0px;margin-top:5px;display:none;} .add_mtjz_item.act .block_2 .title_nav{display:flex;flex-wrap:wrap;} .add_mtjz_item .block_2 .title_nav a{color:#999;margin:0 5px;} .add_mtjz_item .block_2 .title_nav a.act{color:#3cac94;font-weight:bold;} .mtjz-fixed{position: fixed;top:0;margin-left:0;margin-right:0;background:#fff;z-index:1000;width:1350px;left:50%;transform: translate(-50%, 0);height:200px;} .mtjz-fixed .list-nav{font-size:22px;color:#3e5a6f;} .mtjz-fixed .list-nav a{color:#355a75;} .section_box{width:100%;display:flex;} .section_block_1{flex:1;} .section_block_2{width:300px;margin-left:20px;} .section_block_2 img{max-width:100%;height:auto !important;display:block;margin-bottom:20px;margin-top:50px;} .section_block_title{font-size:24px;color:#000;font-weight:bold;} .section_block_docket{font-size:18px;line-height:36px;margin-top:20px;} /*---------------------- 旗下媒体矩阵 css -------------------------- -----------------------------------------------------------------------------------------------------------*/ .qx_mtjz_back{width:100%;overflow:hidden;margin:0px auto 0;background-image:linear-gradient(to bottom, #fff, #c9e0ee)} .qx_mtjz_back .list-nav{font-size:22px;color:#3e5a6f;} .qx_mtjz_back .list-nav a{color:#355a75;} .qx_mtjz_box{width:1600px;margin:0 auto 0;} .qxbz_box{width:100%;margin:50px auto 0px;} .qxbz-title{width:100%;} .qxbz-item{width:100%;display:flex;justify-content:space-between;margin-top:50px;} .qxbz-item .item{display:flex;position:relative;} .qxbz-item .item a:first-child{width:59px;height:232px;margin-right:40px;} .qxbz-item .item a:first-child img{width:100%;} .qxbz-item .item a:nth-child(2){width:380px;height:600px;box-shadow:1px -5px 10px #dae1e7;background:#dae1e7;display:block;} .qxbz-item .item a:nth-child(2) img{width:100%;position:relative;top:10px;right:10px;height:100%;display:block;} .qxbz-item .item .imgcover{position:absolute;width:380px;height:600px;background:rgba(255,255,255, 0.5);right:10px;top:10px;transform:translate3d(0,0,0) scale(0,0);transition:transform 300ms ease-in-out;} .qxbz-item .item:hover .imgcover{transform:translate3d(0,0,0) scale(1,1);} .qxbz-item .item .imgcover a{background:rgba(23, 55, 71, 0.6);letter-spacing:2px;width:165px;height:40px;position:absolute;left:50%;top:80%;transform:translate(-50%, -50%);border-radius:40px;font-size:20px;color:#fff;text-align:center;line-height:40px;} .qx_gbds_box{width:1600px;margin:60px auto 0;} .qx_gbds_item{width:100%;display:flex;margin:40px auto;} .qx_gbds_item a:nth-child(even){cursor:default;} .qs_web_zz_box{width:1600px;margin:60px auto 0;display:flex;justify-content:space-between;} .qs_web_box{width:758px;} .qs_web_item{width:100%;display:flex;flex-wrap:wrap;justify-content:flex-start;margin-top:30px;} .qs_web_item a{display:block;width:221px;height:62px;margin:20px 0;margin-right:46px;} .qs_web_item a img{width: 100%;} .qs_web_item a:nth-child(3n){margin-right:0;} .qs_zz_box{width:758px;} .qs_zz_item{width:100%;margin-top:40px;} .qs_zz_item img{width:100%;} .qx_app_box{width:1600px;margin:60px auto 100px;} .qx_app_item{width:100%;background-image:linear-gradient(to bottom, #fff, #c9e0ee);min-height:200px;margin-top:50px;} .qx_app_content{width:1450px;margin-top:10px;position:relative;margin-left:70px;} .qx_app_content .swiper-slide{width:100%;} .qx_app_content .swiper-slide a{display:block;width:100%;} .qx_app_content .swiper-slide img{width:111px;height:111px;display:block;margin:0 auto;} .qx_app_content .swiper-slide a:last-child{width:100%;text-align:center;margin-top:5px;display:block;display:flex;height:55px;font-size:16px;color:#778fa2;justify-content:center;align-items:center;font-weight:bold;} .qx_app_content .swiper-button-prev, .qx_app_content .swiper-container-rtl .swiper-button-next { left: -40px;right: auto;width:32px;height:32px;background:url(../images/t19.png) no-repeat left top;outline: none; } .qx_app_content .swiper-button-prev:after, .qx_app_content .swiper-container-rtl .swiper-button-next:after,.qx_app_content .swiper-button-next:after{content:"";} .qx_app_content .swiper-button-next, .qx_app_content .swiper-container-rtl .swiper-button-next { right: -50px;left: auto;width:32px;height:32px;background:url(../images/t20.png) no-repeat left top;outline: none; } /*---------------------- 品牌栏目 css -------------------------- -----------------------------------------------------------------------------------------------------------*/ .pplmpphd_box{width:1350px;overflow:hidden;margin:30px auto;} .pplmpphd_box .pp_title{width:100%;display:flex;justify-content: center;} .pplmpphd_box .pp_title a{font-size:30px;color:#cfcccc;text-align:center;display:block;border-bottom:8px solid #fff;padding-bottom:8px;margin:0 10px;} .pplmpphd_box .pp_title a span{display:block;font-size:16px;color:#cfcccc;} .pplmpphd_box .pp_title a.act{border-bottom:8px solid #24b79d;color:#4e4442;} .pplmpphd_box .pp_title a.act span{color:#4e4442;} .pplm_box{width:1350px;margin:60px auto;display:flex;position:absolute;top:0px;} .pplm_item{width:177px;height:350px;position:relative;transform:translate3d(20,20,20);transition:width 0.5s linear;overflow:hidden;} .pplm_item.act{width:640px;transform:translate3d(0,0,0);transition:width 0.5s linear;} .pplm_item img{object-fit:cover;height:350px;width:640px;} .pplm_item .big_bak{position:absolute;left:-320px;top:0;background:rgba(21,21,21, 0.5);width:320px;height:100%;transform:translate3d(0,0,0) scale(1,1);transition:left 0.3s ease-in-out;} .pplm_item.act .big_bak{transform:translate3d(0,0,0) scale(1,1);transition:left 0.3s ease-in-out; left:0;} .big_bak .big_title{color:#fff;display:flex;justify-content:flex-start;padding:10px 20px 10px 10px;font-size:23px;align-items:center;width:300px;min-height:45px;background: linear-gradient(-55deg, transparent 52px, #ffba00 0) top right;background-size: 100% 100%;background-repeat: no-repeat;margin-top:30px;} .big_bak .big_docket{font-size:14px;color:#fff;width:100%;box-sizing:border-box;padding:40px 70px 20px 20px;line-height:20px;max-height:180px;} .big_bak .link{width:43px;height:16px;position:absolute;bottom:15px;left:20px;} .big_bak .link img{width:43px;height:16px;} .pplm_item .small_bak{position:absolute;left:0;top:0;width:100%;height:100%;transform:translate3d(0,0,0) scale(1,1) skew(0deg);transition:transform 0.5s ease-in-out;} .pplm_item.act .small_bak{transform:translate3d(0,0,0) scale(0,0) skew(90deg);transition:transform 0.5s ease-in-out;} .small_bak .big_title{text-shadow: 1px 1px 5px #000;color:#fff;display:flex;justify-content:flex-start;padding:10px 10px;font-size:18px;align-items:center;width:177px;min-height:45px;position:absolute;bottom:50px;} .small_bak .link{width:43px;height:16px;position:absolute;bottom:15px;left:20px;} .small_bak .link img{width:43px;height:16px;} .pphd_hide_box{transform:translate3d(0,0,0) scale(0,0);transition:transform 0.5s ease-in-out;} .pphd_show_box{transform:translate3d(0,0,0) scale(1,1);transition:transform 0.5s ease-in-out;} .ad-box{position:relative;width:1350px;height:450px;} .add_bannel_box{width:1350px;margin:30px auto;display:flex;justify-content: space-between;} .add_bannel_box a{display:block;width:412px;height:80px;} .add_bannel_box a img{width:100%;height:100%;}