@charset "UTF-8"; .p_OccupyBox{text-align:center;margin-top:3%;margin-bottom:8%;} .p_OccupyBox .e_pagebox>*{display: inline-block;cursor:pointer;float:none;vertical-align:middle;} .p_OccupyBox .e_pagebox .pageNum{cursor:pointer;font-size: 14px;width:50px;height:50px;color:#54a134;border:1px solid #c2c2c2;line-height: 50px;text-align:center;margin:0 8px;background:#fff;} .p_OccupyBox .e_pagebox .pageNum.active{background:#54a134;border:1px solid #54a134;color:#fff;} .p_OccupyBox .e_pagebox .pageNum:hover{background:#54a134;border:1px solid #54a134;color:#fff;} .p_OccupyBox .e_pagebox .next{color:#999;padding:0;color:#333;background:#fff;width:100px;height:50px;border:1px solid #c2c2c2;line-height: 50px;text-align:center;margin:0 8px;} .p_OccupyBox .e_pagebox .pre{color:#999;padding:0;color:#333;background:#fff;width:100px;height:50px;border:1px solid #c2c2c2;line-height: 50px;text-align:center;margin:0 8px;} .p_OccupyBox .e_pagebox .next:hover{background:#54a134;border:1px solid #54a134;color:#fff;} .p_OccupyBox .e_pagebox .pre:hover{background:#54a134;border:1px solid #54a134;color:#fff;} .p_OccupyBox .e_pagebox .next.disAble_next:hover{border:1px solid #ddd;color:#ddd;cursor: default;} .p_OccupyBox .e_pagebox .pre.disAble_prev:hover{border:1px solid #ddd;color:#ddd;cursor: default;} .p_OccupyBox .e_pagebox .next.disAble_next{background:none;border:1px solid #eee;color:#999;cursor: default;} .p_OccupyBox .e_pagebox .pre.disAble_prev{background:none;border:1px solid #eee;color:#999;cursor: default;} .p_OccupyBox .p_more{height:40px;} .p_more .iconfont{display: none;} .p_OccupyBox .p_more .font{height:40px;line-height:40px;} .e_btn:hover{box-shadow:unset;background:rgba(101,166,76,0.9);color:#fff;} .p_page .pre .font{display:inline;font-family:serif;font-size:16px;font-weight:700;vertical-align:top;} .p_page .next .font{display:inline;font-family:serif;font-size:16px;font-weight:700;vertical-align:top;} .p_page{float:none;position:static;} @media only screen and (max-width:767px){ .p_OccupyBox .e_pagebox .pageNum{display:none;} .p_OccupyBox .e_pagebox .next{height:35px;line-height:35px;} .p_OccupyBox .e_pagebox .pre{height:35px;line-height:35px;} }.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; } .w_grid-000 > .w_grid{ width: 100%; position: relative; } .w_grid-000 > div > .p_gridbox{ width: 100%; overflow: hidden; position: static; } .w_grid-000 > div > div > .p_gridCell{ float: left; position: static; } .w_grid-000 > div > div > .p_gridCell:not(:empty):before{ content:''; height: 0.1px; display: block; } .w_grid-000 > .w_grid.signal{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox{ min-height: inherit; } .w_grid-000 > .w_grid.signal > .p_gridbox > .p_gridCell{ min-height: inherit; } .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ margin-left: 0; clear: left; } #w_grid-000 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left: 0; clear: left; } @media only screen and (max-width: 768px){ .w_grid-000 > div > .p_gridbox > .p_gridCell{ width: 100%; margin-left: 0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (min-width: 769px){ .w_grid-000 > div > .p_gridbox > .p_gridCell:first-child{ width: 100%; margin-left:0; margin-top: 0rem; margin-bottom: 0rem; } } @media only screen and (max-width: 1024px) and (min-width: 769px){ }@charset "UTF-8";@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } body{overflow-x:hidden;} .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{}/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ #w_grid-1556092729555 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1556092729555*/ /*w_grid-1556092729555*/ /*w_grid-1556092729555*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1556093601932 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1556093601932*/ /*w_grid-1556093601932*/ /*w_grid-1556093601932*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1556092729555{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #w_grid-1556093601932{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } @-webkit-keyframes bounceY{0%, 100% { -webkit-transform: translateY(0); transform: translateY(0); } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -webkit-transform: translateY(-15px); transform: translateY(-15px); } } @-moz-keyframes bounceY{0%, 100% { -moz-transform: translateY(0); transform: translateY(0); } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -moz-transform: translateY(-15px); transform: translateY(-15px); } } @-o-keyframes bounceY{0%, 100% { -o-transform: translateY(0); transform: translateY(0); } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } 50% { -o-transform: translateY(-15px); transform: translateY(-15px); } } @keyframes bounceY{0%, 100% { transform: translateY(0); } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } 50% { transform: translateY(-15px); } } @-webkit-keyframes ico_opa_B{0%,100%{ opacity: 0; } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } @-moz-keyframes ico_opa_B{0%,100%{ opacity: 0; } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } @-o-keyframes ico_opa_B{0%,100%{ opacity: 0; } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } @keyframes ico_opa_B{0%,100%{ opacity: 0; } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } 50% { opacity: 1; } } #c_xibDkContentGroup_row-15560946615491340 .p_MatteIcon .iconfont:before{content:'\e602'; } #c_xibDkContentGroup_row-15560946615491340 .prize{ background:url(//dfs.yun300.cn/group1/M00/19/A2/rBQBHV6gKk-EClrDAAAAANT87r4355.png) no-repeat left top; background-size:cover; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize{ width:966px; margin:0 auto; padding:120px 0 100px; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-menu{ text-align:center; margin-bottom:36px; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-menu a{ display:inline-block; vertical-align:top; line-height:47px; border-bottom:3px solid transparent; padding:0 5px; margin:0 50px; font-size:30px; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-menu a.active{ border-color:#0A63B1; color:#0A63B1; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-list li{ float:left; width:322px; margin-bottom:16px; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-list .img{ width:230px; height:134px; overflow:hidden; margin:0 auto; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-list .img img{ width:100%; height:100%; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-list li p{ line-height:36px; text-align:center; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } @media screen and (max-width: 1440px){ #c_xibDkContentGroup_row-15560946615491340 .cb-prize{ padding: 100px 0 88px; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-menu{ text-align: center; margin-bottom: 36px; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-menu a{ line-height: 42px; border-bottom: 2px solid transparent; margin: 0 44px; font-size: 28px; } } @media screen and (max-width: 1280px){ #c_xibDkContentGroup_row-15560946615491340 .cb-prize{ width: 900px; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-list li{ width: 300px; } } @media screen and (max-width: 992px){ #c_xibDkContentGroup_row-15560946615491340 .cb-prize{ padding: 50px 0; width: 90%; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-menu{ margin-bottom: 30px; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-menu a{ font-size: 24px; margin: 0 30px; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-list li{ width: 33.33%; padding: 0 10px; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-list .img{ width: 100%; height: 180px; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-list .img img{height:100%;} } @media screen and (max-width: 768px){ #c_xibDkContentGroup_row-15560946615491340 .cb-prize{ width: 90%; padding: 30px 0; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-menu{ display: flex; justify-content: space-around; margin-bottom: 20px; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-menu a{ white-space: nowrap; font-size: 16px; line-height: 30px; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-list li{ width: 50%; padding: 0 5px; } #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-list li p{ line-height: 22px; padding: 6px 0; } } @media screen and (max-width: 600px){ #c_xibDkContentGroup_row-15560946615491340 .cb-prize .prize-list .img{ width: 100%;height: 116px; } } #c_xibDkContentGroup_row-15560946615491340{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:auto; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; } #c_xibDkContentGroup_row-15560940213107509 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy{ position:relative; color:#fff; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .sec-bg img{ width:100%; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text{ position:absolute; width:854px; right:0px; bottom:225px; background:rgba(7,26,65,0.5); padding:54px 132px 80px 64px; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text .log{ top:-13%; left:-10%; position:absolute; width:90%; display:none; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text span.line{ width:55px; height:3px; background:#0A63B1; position:absolute; bottom:50px; transition:all 1s; -moz-transition:all 1s; -webkit-transition:all 1s; -o-transition:all 1s; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text:hover span.line{ width:110px; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text h4{ font-size:30px; line-height:44px; margin-bottom:36px; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text p{ font-size:18px; line-height:26px; margin-bottom:16px; } @media screen and (max-width: 1680px){ #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text{ width: 836px; padding: 50px 120px 74px 60px; bottom: 190px;} #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text h4{ font-size: 28px; line-height: 40px; margin-bottom: 32px; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text p{ font-size: 17px; line-height: 25px; margin-bottom: 14px; } } @media screen and (max-width: 1440px){ #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text{ width: 720px; padding: 40px 100px 36px 44px; bottom: 170px; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text span.line{ bottom:25px; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text h4{ font-size: 24px; line-height: 36px; margin-bottom: 24px; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text p{ font-size: 16px; line-height: 22px; margin-bottom: 10px; } } @media screen and (max-width: 1366px){ #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text { bottom: 95px; } } @media screen and (max-width: 1280px){ #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text{ width: 700; padding: 40px 100px 36px 44px; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text h4{ font-size: 24px; line-height: 36px; margin-bottom: 24px; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text p{ font-size: 14px; line-height: 22px; margin-bottom: 10px; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text span.line{bottom:25px;} } @media screen and (max-width: 900px){ #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text{ width: 90%; padding: 24px 40px 24px 20px; bottom:25px; } } @media screen and (max-width: 700px){ #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text{ width: 90%; padding: 24px 40px 24px 20px; bottom:25px; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text span.line{display:none;} #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text h4{ font-size: 20px; line-height: 28px; margin-bottom: 16px; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text p{ font-size: 14px; line-height: 22px; margin-bottom: 8px; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy{ padding: 50px 0; display: flex; justify-content: flex-end; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text{ position: relative; z-index: 3; bottom: auto; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .sec-bg{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; display: flex; justify-content: center; align-items: center; overflow: hidden; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .sec-bg img{ width: auto; height: 100%; } #c_xibDkContentGroup_row-15560940213107509 .cb-strategy .text .log{ display:none; } } #c_xibDkContentGroup_row-15560940213107509{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:auto; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; } #c_xibDkContentGroup_row-15560936156803544 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile{ position:relative; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .img img{ width:100%; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text{ width:660px; position:absolute; right:11.5%; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -moz-transform:translateY(-50%); -o-transform:translateY(-50%); color:#fff; } #c_xibDkContentGroup_row-15560936156803544 .mCSB_container{ padding-right:20px; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text h2{ font-size:40px; line-height:64px; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text h4{ font-size:20px; line-height:30px; margin-bottom:20px; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text p{ line-height:24px; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text .video-show{ color:#FFFFFF; display:inline-block; width:132px; margin-top:20px; line-height:34px; border:1px solid #fff; border-radius:18px; padding-left:43px; box-sizing:border-box; background:url(//dfs.yun300.cn/group1/M00/04/11/rBQBHVy5k3qEHUnhAAAAAA1HVSE207.png)no-repeat; background-size:10px; background-position:20px; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text .video-show.more{ margin-right:15px; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text .video-show:hover{ border:1px solid #0A63B1; color:#0A63B1; background:url(//dfs.yun300.cn/group1/M00/04/8B/rBQBHVzQ4TqEFoWjAAAAALfnpwg001.png)no-repeat; background-size:10px; background-position:20px; } #c_xibDkContentGroup_row-15560936156803544 .video-filter{ position:fixed; width:100%; height:100%; top:0px; left:0px; z-index:9999; background:rgba(0, 0, 0, .7); display:none; } #c_xibDkContentGroup_row-15560936156803544 .text-filter{ position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:9999; color:#595757; display:none; } #c_xibDkContentGroup_row-15560936156803544 .text-filter .w1320{ width:1320px; height:80%; max-width:96%; padding:90px; margin:0 auto; background:rgba(255,255,255,0.8); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); -moz-transform:translateX(-50%) translateY(-50%); -webkit-transform:translateX(-50%) translateY(-50%); -o-transform:translateX(-50%) translateY(-50%); } #c_xibDkContentGroup_row-15560936156803544 .text-filter .w1320 .box{ overflow:hidden; height:100%; } #c_xibDkContentGroup_row-15560936156803544 .zc_colse{ display:block; position:absolute; right:20px; top:20px; cursor:pointer; } #c_xibDkContentGroup_row-15560936156803544 .text-filter .w1320 .text1 p{ margin-bottom:10px; } #c_xibDkContentGroup_row-15560936156803544 .video-close{ display:block; width:40px; height:40px; background:url(//dfs.yun300.cn/group1/M00/04/11/rBQBHVy5lG2EfpS7AAAAAOKDr4g162.png); background-size:100% 100%; position:absolute; top:20px; right:20px; transition:.4s; } #c_xibDkContentGroup_row-15560936156803544 .shu_ico{ display:block; z-index:9999; position:absolute; top:30px; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -o-transform:translateX(-50%); -ms-transform:translateX(-50%); transform:translateX(-50%); cursor:pointer; } #c_xibDkContentGroup_row-15560936156803544 .shu_ico span{ position:relative; display:block; width:19px; height:30px; } #c_xibDkContentGroup_row-15560936156803544 .shu_ico span img{ position:absolute; } #c_xibDkContentGroup_row-15560936156803544 .shu_ico span img:first-child{ -webkit-animation:bounceY 2s infinite; -moz-animation:bounceY 2s infinite; -o-animation:bounceY 2s infinite; -ms-animation:bounceY 2s infinite; animation:bounceY 2s infinite; width:19px; } #c_xibDkContentGroup_row-15560936156803544 .shu_ico span img:first-child+img{ -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); left:6px; top:30px; -webkit-animation:ico_opa_B 2s infinite; -moz-animation:ico_opa_B 2s infinite; -o-animation:ico_opa_B 2s infinite; -ms-animation:ico_opa_B 2s infinite; animation:ico_opa_B 2s infinite; } #c_xibDkContentGroup_row-15560936156803544 .shu_ico span img:first-child+img+img{ -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); -o-transform:rotate(90deg); -ms-transform:rotate(90deg); transform:rotate(90deg); left:5px; top:33px; -webkit-animation:ico_opa_B 2s infinite 1s; -moz-animation:ico_opa_B 2s infinite 1s; -o-animation:ico_opa_B 2s infinite 1s; -ms-animation:ico_opa_B 2s infinite 1s; animation:ico_opa_B 2s infinite 1s; } #c_xibDkContentGroup_row-15560936156803544 .video-close1{ background-image:url(//dfs.yun300.cn/group1/M00/16/AC/rBQBG1zaaXuEIY6pAAAAAOgG-k0500.png); right:10px; top:10px; width:30px; height:30px; } #c_xibDkContentGroup_row-15560936156803544 .video-close:hover{ transition:.4s; transform:rotate(180deg); } #c_xibDkContentGroup_row-15560936156803544 .video-filter .video-player{ position:absolute; width:800px; height:450px; top:50%; left:50%; margin:-225px 0 0 -400px; } #c_xibDkContentGroup_row-15560936156803544 .video-filter .video-player video{ width:100%; height:100%; background:#000; outline:none; } @media screen and (max-width: 1680px){ #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text{ right: 10%; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text h2{ font-size: 36px; line-height: 56px; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text h4{ font-size: 18px; line-height: 28px; margin-bottom: 18px; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text p{ line-height: 24px; } } @media screen and (max-width: 1440px){ #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text { right: 5%; top: 37%; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text h2{ font-size: 32px; line-height: 48px; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text h4{ font-size: 16px; line-height: 24px; margin-bottom: 16px; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text p{ line-height: 22px; } } @media screen and (max-width: 992px){ #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text{ right: 5%; } #c_xibDkContentGroup_row-15560936156803544 .video-filter .video-player{ width: 600; height: 340px; margin: -170px 0 0 -300px; } } @media screen and (max-width: 768px){ #c_xibDkContentGroup_row-15560936156803544 .text-filter .shu_ico, #c_xibDkContentGroup_row-15560936156803544 .text-filter.active .shu_ico{display:none;} #c_xibDkContentGroup_row-15560936156803544 .text-filter.active .video-close1{display:block;} #c_xibDkContentGroup_row-15560936156803544 .text-filter .w1320{padding:20px 10px;height:80%;overflow-y:auto; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .img{ position: absolute; width: 100%; height: 100%; top: 0; left: 0; z-index: 1; display: flex; justify-content: left; align-items: left; overflow: hidden; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .img img{ width: auto; height: 100%; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text{ width:100%; position: relative; margin: 0 auto; z-index: 3; top: 0; left: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); padding: 50px 5%; background: rgba(0,0,0,0.5); } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text h2{ font-size: 24px; line-height: 32px; } #c_xibDkContentGroup_row-15560936156803544 .cb-profile .text h4{ font-size: 16px; line-height: 24px; margin-bottom: 10px; margin-top: 8px; } #c_xibDkContentGroup_row-15560936156803544 .video-filter .video-close{ display: block; width: 36px; height: 36px; top: 10px; right: 10px; } #c_xibDkContentGroup_row-15560936156803544 .video-filter .video-player{ width: 100%; height: 260px; margin: -150px 0 0 0; left: 0; } } #c_xibDkContentGroup_row-15560936156803544{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:auto; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; } #c_xibDkBanner_main-15560952555531664 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkBanner_main-15560952555531664 .w1200{ width:1200px; margin:0 auto; } #c_xibDkBanner_main-15560952555531664 .page-banner{ position:relative; } #c_xibDkBanner_main-15560952555531664 .page-banner .img img{ width:100%; } #c_xibDkBanner_main-15560952555531664 .page-banner .banner-text{ position:absolute; width:100%; left:0; bottom:26%; color:#16357f; } #c_xibDkBanner_main-15560952555531664 .ww{ display:inline-block; padding:0 35px; background:url(//dfs.yun300.cn/group1/M00/16/D5/rBQBG1zk7K-EOwGfAAAAAKHmBM8252.png) no-repeat center; background-size:100%; } #c_xibDkBanner_main-15560952555531664 .page-banner .banner-text h2 span{ font-size:40px; text-indent:1em; } #c_xibDkBanner_main-15560952555531664 .page-banner .banner-text h2{ font-size:27px; line-height:2em; padding-right:2em; } #c_xibDkBanner_main-15560952555531664 .page-banner .banner-text p{ font-size:18px; line-height:24px; padding-left:3em; } #c_xibDkBanner_main-15560952555531664 .page-banner .text-right{ text-align:right; } @media screen and (max-width: 1440px){ #c_xibDkBanner_main-15560952555531664 .page-banner .banner-text h2{font-size: 24px;line-height: 44px;} #c_xibDkBanner_main-15560952555531664 .page-banner .banner-text p{font-size: 16px;line-height: 22px;} #c_xibDkBanner_main-15560952555531664 .page-banner .banner-text h2 span{font-size: 36px;} } @media screen and (max-width: 1280px){ #c_xibDkBanner_main-15560952555531664 .w1200{width: 900px;} } @media screen and (max-width: 992px){ #c_xibDkBanner_main-15560952555531664 .page-banner .banner-text h2 span{font-size: 30px;} #c_xibDkBanner_main-15560952555531664 .w1200{width: 90%;} #c_xibDkBanner_main-15560952555531664 .page-banner .banner-text h2{font-size: 22px;line-height: 40px;} #c_xibDkBanner_main-15560952555531664 .page-banner .banner-text p{font-size: 14px;line-height: 22px;} } @media screen and (max-width: 768px){ #c_xibDkBanner_main-15560952555531664 .w1200{width: 92%;} #c_xibDkBanner_main-15560952555531664 .page-banner .img{height: 280px;display: flex;justify-content: center;align-items: center;overflow: hidden;} #c_xibDkBanner_main-15560952555531664 .page-banner .img img{width: auto;height: 100%;} #c_xibDkBanner_main-15560952555531664 .page-banner .banner-text{bottom:42%;} #c_xibDkBanner_main-15560952555531664 .page-banner .banner-text h2{font-size: 20px;line-height: 30px;} #c_xibDkBanner_main-15560952555531664 .page-banner .banner-text h2 span{font-size: 26px;} #c_xibDkBanner_main-15560952555531664 .page-banner .banner-text p{font-size: 12px;line-height: 20px;} } #c_xibDkBanner_main-15560952555531664{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:auto; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; } #c_xibDkContentGroup_row-15560938434245653 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader{ position:relative; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .sec-bg{ position:absolute; width:100%; height:100%; top:0px; left:0px; z-index:1; overflow:hidden; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .sec-bg img{ width:auto; height:100%; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text{ position:relative; z-index:3; width:78.2%; margin:0 auto; padding:204px 0 116px; color:#fff; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text h1{ font-size:50px; line-height:80px; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .cb-name{ margin-top:30px; padding-left:12px; position:relative; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .cb-name::before{ display:block; content:''; width:2px; height:36px; background:#fff; position:absolute; left:0px; top:50%; margin-top:-18px; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .cb-name h4{ font-size:24px; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .speech{ margin-top:240px; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .speech h2{ font-size:36px; line-height:48px; margin-bottom:36px; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .speech ul li{ float:left; width:47.5%; font-size:12px; line-height:24px; color:#bbbab9; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .speech ul li p{ display:contents; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .speech ul li:nth-child(even){ float:right; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .speech ul li::before{ display:inline-block; vertical-align:top; content:''; width:4px; height:14px; background:#0A63B1; margin:5px 3px 0 0; } @media screen and (max-width: 1680px){ #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text{ padding: 188px 0 104px; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text h1{ font-size: 44px; line-height: 72px; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .speech{ margin-top: 220px; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .speech h2{ font-size: 32px; line-height: 44px; margin-bottom: 32px; } } @media screen and (max-width: 1440px){ #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text{ padding: 140px 0 72px; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text h1{ font-size: 38px; line-height: 60px; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .speech{ margin-top: 160px; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .speech h2{ font-size: 28px; line-height: 40px; margin-bottom: 28px; } } @media screen and (max-width: 1280px){ #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text{ padding: 120px 0 60px; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text h1{ font-size: 34px; line-height: 54px; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .speech{ margin-top: 132px; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .speech h2{ font-size: 24px; line-height: 36px; margin-bottom: 22px; } } @media screen and (max-width: 992px){ #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text{ padding: 50px 0; width: 90%; margin: 0 auto; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text h1{ font-size: 26px; line-height: 34px; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .cb-name{ margin-top: 20px; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .speech{ margin-top: 20px; height: 200px; overflow: hidden; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .speech h2{ font-size: 24px; line-height: 36px; margin-bottom: 22px; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .sec-bg{ display: flex; justify-content: center; align-items: center; overflow: hidden; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .sec-bg img{ height: 100%; width: auto; position: relative; left: -20%; } #c_xibDkContentGroup_row-15560938434245653 .cb-leader .text .speech ul li{ width: 100%; margin-top: 10px; } #c_xibDkContentGroup_row-15560938434245653 .mCustomScrollBox{padding-right:20px;} } #c_xibDkContentGroup_row-15560938434245653{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:auto; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; } #c_xibDkContentGroup_row-15560942898166619 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkContentGroup_row-15560942898166619 .w1200{ width:1200px; margin:0 auto; } #c_xibDkContentGroup_row-15560942898166619 .cb-history{ padding:50px 0 108px; background:url(//dfs.yun300.cn/group1/M00/16/32/rBQBG1y9hryEG_D_AAAAAErQVhg514.jpg) no-repeat center bottom; } #c_xibDkContentGroup_row-15560942898166619 .cb-history h3{ margin-bottom:88px; text-align:center; font-size:30px; line-height:44px; } #c_xibDkContentGroup_row-15560942898166619 .history-menu{ margin:0 -28px; padding:0 40px; position:relative; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .swiper-container::before{ display:block; content:''; width:100%; height:1px; background:#e9e8e9; position:absolute; top:50%; left:0px; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .swiper-slide{ padding:50px 0; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .year{ height:40px; width:40px; margin:0 auto; position:relative; padding:6px; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .year p{ position:absolute; width:100px; line-height:16px; top:-16px; left:50%; margin-left:-50px; white-space:nowrap; color:#999; text-align:center; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .year span{ display:block; width:100%; height:100%; background:#fff; border:1px solid #d2d2d2; border-radius:100%; position:relative; z-index:3; cursor:pointer; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .year span::before{transition:all .3s ease-in; display:block; content:''; width:18px; height:18px; background:#d2d2d2; border-radius:100%; position:absolute; top:50%; left:50%; margin:-9px 0 0 -9px; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .history-prev, .history-menu .history-next{ width:40px; height:40px; border:1px solid #0A63B1; border-radius:100%; position:absolute; top:50%; margin-top:-20px; text-align:center; line-height:38px; color:#0A63B1; cursor:pointer; outline:none; } #c_xibDkContentGroup_row-15560942898166619 .mCustomScrollBox{ padding-right:20px; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .history-prev{ left:0px; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .history-next{ right:0px; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .btn-disabled{ border-color:#d5d5d5; color:#d5d5d5; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .active .year{ padding:0px; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .active .year p{line-height:50px; top:-50px; font-size:36px; color:#0A63B1; transition:all .3s ease-in; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .active .year span{border-color:#0A63B1; background:#cedaeb; transition:all .3s ease-in; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .active .year span::before{background:#0A63B1; transition:all .3s ease-in; } #c_xibDkContentGroup_row-15560942898166619 .history-cont .swiper-slide{ height:600px; overflow:hidden; } #c_xibDkContentGroup_row-15560942898166619 .history-cont ul{ width:1076px; margin:0 auto; } #c_xibDkContentGroup_row-15560942898166619 .history-cont ul li{ padding:21px 0; } #c_xibDkContentGroup_row-15560942898166619 .history-cont ul li h4{ float:left; width:102px; font-size:26px; line-height:40px; padding-top:33px; } #c_xibDkContentGroup_row-15560942898166619 .history-cont ul li .img{ float:left; width:187px; overflow:hidden; } #c_xibDkContentGroup_row-15560942898166619 .history-cont ul li .img img{ width:100%; transition:.4s; } #c_xibDkContentGroup_row-15560942898166619 .history-cont ul li:hover img{ transform:scale(1.1); transition:.4s; } #c_xibDkContentGroup_row-15560942898166619 .history-cont ul li p{transition:all .4s ease-in; float:right; width:765px; margin-top:29px; line-height:24px; height:48px; overflow:hidden; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2px; } #c_xibDkContentGroup_row-15560942898166619 .history-cont ul li:hover p{ color:#0A63B1; } @media screen and (max-width: 1280px){ #c_xibDkContentGroup_row-15560942898166619 .w1200{ width: 900px; } } @media screen and (max-width: 992px){ #c_xibDkContentGroup_row-15560942898166619 .w1200{ width: 90%; } #c_xibDkContentGroup_row-15560942898166619 .cb-history{ padding: 50px 0 72px; } #c_xibDkContentGroup_row-15560942898166619 .cb-history h3{ margin-bottom: 44px; font-size: 24px; line-height: 36px; } #c_xibDkContentGroup_row-15560942898166619 .history-menu{ margin: 0; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .active .year p{ font-size: 30px; } #c_xibDkContentGroup_row-15560942898166619 .history-cont ul{ width: 100%; } #c_xibDkContentGroup_row-15560942898166619 .history-cont ul li{ display: flex; justify-content: space-between; align-items: center} #c_xibDkContentGroup_row-15560942898166619 .history-cont ul li h4{ display: flex; padding-top: 0; width: 80px; white-space: normal; flex-grow: 0; flex-shrink: 0; font-size: 20px; } #c_xibDkContentGroup_row-15560942898166619 .history-cont ul li .img{ margin-right: 20px; } #c_xibDkContentGroup_row-15560942898166619 .history-cont ul li p{ margin-top: 0; } } @media screen and (max-width: 768px){ #c_xibDkContentGroup_row-15560942898166619 .w1200{ width: 92%; } #c_xibDkContentGroup_row-15560942898166619 .cb-history{ padding: 48px 0; } #c_xibDkContentGroup_row-15560942898166619 .cb-history h3{ margin-bottom: 24px; } #c_xibDkContentGroup_row-15560942898166619 .history-menu{ padding: 0 28px; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .history-prev, .history-menu .history-next{ width: 28px; height: 28px; margin-top: -14px; line-height: 26px; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .iconfont{ font-size: 12px; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .swiper-slide{ padding: 32px 0; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .year{ width: 30px; height: 30px; padding: 4px; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .year span::before{ width: 10px; height: 10px; margin: -5px 0 0 -5px; } #c_xibDkContentGroup_row-15560942898166619 .history-menu .active .year p{ font-size: 20px; line-height: 32px; top: -32px; } #c_xibDkContentGroup_row-15560942898166619 .history-cont ul li{ align-items: flex-end; position: relative; padding: 15px 0; } #c_xibDkContentGroup_row-15560942898166619 .history-cont ul li h4{ position: absolute; top: 15px; left: 155px; line-height: 1; font-size: 18px; width: auto; } #c_xibDkContentGroup_row-15560942898166619 .history-cont ul li .img{ width: 140px; margin-right: 15px; display: flex; flex-grow: 0; flex-shrink: 0; } #c_xibDkContentGroup_row-15560942898166619 .history-cont ul li .img img{ width: 100%; height: 80px; } } #c_xibDkContentGroup_row-15560942898166619{ max-height:none; padding-top:0px; padding-left:0px; padding-bottom:0px; min-height:0px; margin-right:0px; margin-left:0px; max-width:none; width:auto; margin-top:0px; margin-bottom:0px; min-width:0px; height:auto; padding-right:0px; }