.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"; @font-face { font-family: 'iconfont'; src: url('//dfs.yun300.cn/group1/M00/03/F5/rBQBHVy2x4mEQWfeAAAAABiE2Qc327.eot'); src: url('//dfs.yun300.cn/group1/M00/03/F5/rBQBHVy2x4mEQWfeAAAAABiE2Qc327.eot?#iefix') format('embedded-opentype'), url('//dfs.yun300.cn/group1/M00/16/18/rBQBG1y2x7GETMHSAAAAAER5Ybo1.woff2') format('woff2'), url('//dfs.yun300.cn/group1/M00/16/18/rBQBG1y2x6uEPurIAAAAAKABIiw42.woff') format('woff'), url('//dfs.yun300.cn/group1/M00/16/18/rBQBG1y2x6WENKhcAAAAAHtKp3Y437.ttf') format('truetype'), url('//dfs.yun300.cn/group1/M00/03/F5/rBQBHVy2x4-EFCknAAAAAMCgi2w913.svg#iconfont') format('svg'); } .iconfont { font-family: "iconfont" !important; font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } #w_grid-1555470797954 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1555470797954*/ /*w_grid-1555470797954*/ /*w_grid-1555470797954*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1555470828107 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1555470828107*/ /*w_grid-1555470828107*/ /*w_grid-1555470828107*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1555470830173 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1555470830173*/ /*w_grid-1555470830173*/ /*w_grid-1555470830173*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1555470797954{ 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-1555470828107{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:123px; 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-1555470830173{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:192px; margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_xibDkColumnGroup_top-15554862576224768 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkColumnGroup_top-15554862576224768 .footer{ background:#252525; padding:48px 0 40px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .footer-inner{ width:1480px; margin:0 auto; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-left{ width:432px; padding-right:64px; position:relative; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-left::after{ display:block; content:''; width:1px; height:174px; right:0; top:50%; margin-top:-87px; background:#515151; position:absolute; } #c_xibDkColumnGroup_top-15554862576224768 .sub-copy{ text-align:center; width:100%; margin:0 auto; } #c_xibDkColumnGroup_top-15554862576224768 .sub-copy a{ width:200px; display:initial!important; text-decoration:underline; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-logo{ display:block; text-align:center; margin-bottom:20px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-logo img{ max-width:100%; width:280px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima h4{ color:#fff; text-align:center; font-size:16px; line-height:46px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima ul{ text-align:center; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima ul li{ display:inline-block; width:70px; text-align:center; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima ul li img{ width:60px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima ul li p{ line-height:30px; color:#b8b8b8; font-size:12px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima ul li p i{ display:inline-block; vertical-align:top; width:24px; height:24px; margin:3px 3px 0 0; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima ul li p .icon1{ background:url(//dfs.yun300.cn/group1/M00/03/F6/rBQBHVy217aEScX2AAAAAD9j0jM840.png) no-repeat center center; background-size:100% 100%; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima ul li p .icon2{ background:url(//dfs.yun300.cn/group1/M00/16/19/rBQBG1y219uEA4QXAAAAAPeBKSQ098.png) no-repeat center center; background-size:100% 100%; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima ul li p .icon3{ background:url(//dfs.yun300.cn/group1/M00/03/F6/rBQBHVy21-2EHGslAAAAALcY6-Q812.png) no-repeat center center; background-size:100% 100%; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-right{ width:1048px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group{ float:left; max-width:230px; margin-left:64px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group h4{ line-height:40px; color:#fff; font-size:20px; margin-bottom:8px; } #c_xibDkColumnGroup_top-15554862576224768 .footer a{ display:block; line-height:36px; color:#b1b1b1; } #c_xibDkColumnGroup_top-15554862576224768 .footer a:hover{ color:#fff; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group .sub-nav p{ line-height:24px; padding:6px 0; color:#b8b8b8; } #c_xibDkColumnGroup_top-15554862576224768 .footer .my-share{ margin-top:5px; text-align:center; display:inline-block; } #c_xibDkColumnGroup_top-15554862576224768 .footer .share_box{ text-align:center; } #c_xibDkColumnGroup_top-15554862576224768 .footer .share_box ul{ display:inline-block; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima .share_box li{ display:inline-block; width:32px; vertical-align:middle; position:relative; margin:3px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .share_box li div{ position:absolute; width:100px; top:-110px; left:-30px; background:#fff; text-align:center; display:none; padding:5px 0; } #c_xibDkColumnGroup_top-15554862576224768 .footer .share_box li:hover div{ display:block; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima .share_box li div img{ width:90px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .share_box li a{ width:32px; height:32px; line-height:30px; display:inline-block; border-radius:100%; } #c_xibDkColumnGroup_top-15554862576224768 .footer .share_box li a.dy{ background:url(//dfs.yun300.cn/group1/M00/16/3B/rBQBG1y-2guEWphWAAAAAHS7vvc489.png) no-repeat center; background-size:100%; } #c_xibDkColumnGroup_top-15554862576224768 .footer .share_box li a.rm{ background:url(//dfs.yun300.cn/group1/M00/16/3B/rBQBG1y-2imEYRsuAAAAAJvduiA427.png) no-repeat center; background-size:100%; } #c_xibDkColumnGroup_top-15554862576224768 .footer .share_box li:hover a.dy{ background-image:url(//dfs.yun300.cn/group1/M00/04/2C/rBQBHVy_wYGEXJejAAAAAAUGXew855.png); } #c_xibDkColumnGroup_top-15554862576224768 .footer .share_box li:hover a.rm{ background-image:url(//dfs.yun300.cn/group1/M00/04/2A/rBQBHVy-2iWENtNOAAAAAApEqR4008.png); } #c_xibDkColumnGroup_top-15554862576224768 .footer .my-share .social-share-icon{ width:32px; height:32px; line-height:30px; display:inline-block; border-color:#b1b1b1; font-size:18px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .my-share .social-share-icon:first-child{ margin-left:0; } #c_xibDkColumnGroup_top-15554862576224768 .footer .my-share .social-share-icon:hover{ border-color:transparent; } #c_xibDkColumnGroup_top-15554862576224768 .social-share .icon-wechat .wechat-qrcode{ box-shadow:0 0 5px rgba(0, 0, 0, 0.2); } #c_xibDkColumnGroup_top-15554862576224768 .closebtn .more{ color:#b8b8b8; display:inline-block; width:152px; margin-top:20px; line-height:34px; border-radius:18px; padding-left:43px; box-sizing:border-box; border:1px solid #b8b8b8; background:url(//dfs.yun300.cn/group1/M00/04/11/rBQBHVy5k3qEHUnhAAAAAA1HVSE207.png)no-repeat; background-size:10px; background-position:20px; } @media screen and (max-width: 1680px){ #c_xibDkColumnGroup_top-15554862576224768 .footer .footer-inner{ width: 1400px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-left{ width: 392px; padding-right: 54px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-left::after{ height: 160px; margin-top: -80px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-logo{ margin-bottom:0px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima h4{ font-size: 16px; line-height: 42px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima ul{ margin: 0 -14px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima ul li{ width: 70px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima ul li img{ width:60px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-right{ width: 1008px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group{ max-width: 220px; margin-left: 60px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group h4{ line-height: 44px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group .sub-nav a{ line-height: 34px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group .sub-nav p{ line-height: 24px; padding: 4px 0; } } @media screen and (max-width: 1440px){ #c_xibDkColumnGroup_top-15554862576224768 .footer{ padding: 40px 0 32px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .footer-inner{ width: 1200px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-left{ width: 330px; padding-right: 40px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-left::after{ height: 160px; margin-top: -80px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima h4{ font-size: 18px; line-height: 40px; margin-bottom: 10px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima ul{ margin: 0 -5px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-right{ width: 870px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group{ max-width: 220px; margin-left: 40px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group h4{ line-height: 38px; font-size: 18px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group .sub-nav a{ line-height: 32px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group .sub-nav p{ line-height: 22px; padding: 4px 0; } } @media screen and (max-width: 1280px){ #c_xibDkColumnGroup_top-15554862576224768 .footer{ padding: 36px 0; } #c_xibDkColumnGroup_top-15554862576224768 .footer .footer-inner{ width: 92%; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-left{ width: 100%; padding-right: 0; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-left::after{ display: none} #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-logo{ margin-bottom: 24px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-logo img{ width: 272px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima h4{ font-size: 18px; line-height: 40px; margin-bottom: 10px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima>ul{ margin: 0 auto; width: 396px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima>ul li{ width: 33.33%; padding: 0 10px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima ul li img{ width: 100%; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-right{ width: 100%; display: flex; justify-content: space-between; margin-top: 50px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group{ max-width: 220px; margin-left: 40px; } } @media screen and (max-width: 992px){ #c_xibDkColumnGroup_top-15554862576224768 .footer{ padding: 56px 0; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-right{ width: 100%; display: flex; justify-content: space-between; margin-top: 40px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group{ max-width: 200px; margin: 0 10px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group h4{ line-height: 44px; font-size: 16px; } } @media screen and (max-width: 768px){ #c_xibDkColumnGroup_top-15554862576224768 .ftnav-group1{display:none;} #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima .share_box li { margin-right: 4px; } #c_xibDkColumnGroup_top-15554862576224768 .footer{ padding: 30px 0 24px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-logo{ margin-bottom: 15px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-logo img{ width: 180px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-erweima>ul{ width: 100%; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ft-right{ margin-top: 24px; flex-direction: column; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group{ max-width: 100%; margin: 0; margin-bottom: 14px; text-align:center; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group h4{ line-height: 24px; margin-bottom: 4px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group .sub-nav{ display:block; justify-content: flex-start; flex-wrap: wrap; text-align:center; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group .sub-nav a{ width: 20%; line-height: 30px; font-size: 12px; } #c_xibDkColumnGroup_top-15554862576224768 .footer .ftnav-group .sub-nav p{ line-height: 20px; padding: 4px 0; } #c_xibDkColumnGroup_top-15554862576224768 .closebtn .more { width: 130px; padding-left: 9px; background-position: 11px; } } #c_xibDkColumnGroup_top-15554862576224768{ 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; } @media screen and (max-width: 1440px){ } @media screen and (max-width: 1280px){ } @media screen and (max-width: 768px){ } #c_xibDkColumnGroup_top-15554849199255323 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkColumnGroup_top-15554849199255323 .industry-link{ position:relative; } #c_xibDkColumnGroup_top-15554849199255323 .cylink{ position:absolute; z-index:999; background:rgba(12, 52, 132,0.5); padding:15px 0; width:200%; top:80%; left:-40%; font-size:12px; border-radius:8px; display:none; } #c_xibDkColumnGroup_top-15554849199255323 .industry-link:hover .cylink{ display:block; } #c_xibDkColumnGroup_top-15554849199255323 .cylink li{ line-height:2.2em; text-align:center; padding:0 15px; } #c_xibDkColumnGroup_top-15554849199255323 .cylink li:hover{ background:rgba(255,255,255,0.5); } #c_xibDkColumnGroup_top-15554849199255323 .index-header{ position:fixed; width:100%; height:80px; top:0px; left:0px; z-index:99; transition:.4s; border:none; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .menu-btn{ float:left; width:80px; height:80px; background:#0A63B1; display:block; position:relative; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .menu-btn .icon{ display:block; width:30px; height:30px; position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px; font-size:30px; color:#fff; text-align:center; line-height:30px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .menu-btn .line{ width:30px; height:30px; position:absolute; top:50%; left:50%; margin:-15px 0 0 -15px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .menu-btn .line span{ display:block; width:100%; height:10px; box-sizing:border-box; padding:4px 0; transition:.4s; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .menu-btn .line span::before{ display:block; content:''; width:100%; height:2px; background:#fff; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .menu-btn.on .line span:nth-child(odd){ transition:.4s; transform:translateX(5px); } #c_xibDkColumnGroup_top-15554849199255323 .index-header .menu-btn.on .line span:nth-child(even){ transition:.4s; transform:translateX(-5px); } #c_xibDkColumnGroup_top-15554849199255323 .index-header .logo{ float:left; width:250px; height:100%; background:rgba(181,181,181,.85); } #c_xibDkColumnGroup_top-15554849199255323 .index-header .logo img{ width:100%; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .hd-right{ line-height:80px; margin-right:2.5%; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .hd-right a{ color:#fff; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .hd-right a:hover, #c_xibDkColumnGroup_top-15554849199255323 .index-header .hd-right a.on{ color:#0A63B1; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .lang{ margin-right:64px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .lang span{ color:#fff; margin:0 3px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-box{ margin-right:64px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header.header-hide .logo, #c_xibDkColumnGroup_top-15554849199255323 .index-header.header-hide .menu-btn{ -webkit-transform:translateY(-100%); -ms-transform:translateY(-100%); -moz-transform:translateY(-100%); -o-transform:translateY(-100%); transform:translateY(-100%); transition:.4s; } #c_xibDkColumnGroup_top-15554849199255323 .page-header{ background:rgba(181,181,181,.85); margin:0px; } #c_xibDkColumnGroup_top-15554849199255323 .page-header .logo{ background:none; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-form{ position:absolute; width:100%; height:80px; top:100%; left:0px; background:rgba(255,255,255,1); padding-right:80px; display:none; z-index:999; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-form input{ display:block; width:100%; height:100%; line-height:80px; padding:0 30px; font-size:18px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-form button{ display:block; width:80px; height:80px; position:absolute; top:0px; right:0px; cursor:pointer; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-form .iconfont{ display:block; width:100%; height:100%; text-align:center; line-height:80px; color:#0A63B1; font-size:30px; } #c_xibDkColumnGroup_top-15554849199255323 .w1200{ width:1200px; margin:0 auto; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu{ position:absolute; width:100%; top:80px; left:0; z-index:98; background:rgba(255, 255, 255, 0.9); line-height:80px; box-shadow:0 0 3px rgba(0,0,0,0.1); display:none; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu h4{ float:left; margin-right:30px; font-size:24px; line-height:80px; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu .icon{ float:left; color:#a1a1a1; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu ul li{ float:left; margin-left:50px; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu ul li a{ display:block; position:relative; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu ul li:hover a::before{ display:block; content:''; width:100%; height:3px; background:#0A63B1; position:absolute; left:0; bottom:0; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page .drop a:hover{ color:#0A63B1; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu ul li:hover a{ color:#0A63B1; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page{ position:fixed; width:330px; height:100%; padding-bottom:80px; top:80px; left:0px; z-index:119; background:rgba(181,181,181,.85); -webkit-transform:translateX(-100%); -ms-transform:translateX(-100%); -moz-transform:translateX(-100%); -o-transform:translateX(-100%); transform:translateX(-100%); transition:.4s; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page.menu-show{ -webkit-transform:translateX(0); -ms-transform:translateX(0); -moz-transform:translateX(0); -o-transform:translateX(0); transform:translateX(0); transition:.4s; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page .logo{ display:block; width:100%; height:110px; position:absolute; top:0px; left:0px; text-align:center; line-height:110px; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page .logo img{ vertical-align:middle; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page ul{ height:100%; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page ul li{ border-bottom:1px solid #acacac; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page ul li:last-child{ border:none; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page ul li h3{ line-height:84px; position:relative; text-indent:50px; font-size:16px; color:#fff; cursor:pointer; margin:0px; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page ul li h3 a{ color:#fff; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page ul li h3 span{ display:block; width:7px; height:7px; position:absolute; right:28px; top:50%; margin-top:-4px; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page ul li h3 span::before, .menu-page ul li h3 span::after{ display:block; content:''; position:absolute; background:#fff; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page ul li h3 span::before{ width:100%; height:1px; left:0px; top:3px; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page ul li h3 span::after{ width:1px; height:100%; left:3px; top:0px; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page .drop{ background:rgba(161,161,161,.9); padding:12px 0; display:none; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page .drop a{ display:block; line-height:52px; text-align:center; color:#fff; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page ul li.active h3{ background:#0A63B1 !important; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page ul li.on h3{ background:#bebebe; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page ul li.on h3 span::after{ display:none; } @media screen and (max-width: 1440px){ #c_xibDkColumnGroup_top-15554849199255323 .sub-menu{ top: 64px; line-height: 64px; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu h4{ margin-right: 28px; font-size: 20px; line-height: 64px; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu ul li{ margin-left: 44px; } #c_xibDkColumnGroup_top-15554849199255323 h3{ font-size: 24px; line-height: 36px; margin-bottom: 12px; } #c_xibDkColumnGroup_top-15554849199255323 p{ line-height: 22px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header{ height: 64px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .menu-btn{ width: 64px; height: 64px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .menu-btn .icon{ width: 24px; height: 24px; margin: -12px 0 0 -12px; font-size: 24px; line-height: 24px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .logo{ width: 200px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .hd-right{ line-height: 64px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .lang{ margin-right: 48px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-box{ margin-right: 48px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-form{ height: 64px; padding-right: 64px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-form input{ line-height: 64px; padding: 0 25px; font-size: 16px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-form button{ width: 64px; height: 64px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-form .iconfont{ line-height: 64px; font-size: 24px; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page{ width: 264px; padding-bottom: 64px; top: 64px; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page .logo{ height: 84px; line-height: 84px; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page ul li h3{ line-height: 72px; text-indent: 40px; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page ul li h3 span{ right: 24px; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page .drop{ padding: 10px 0; display: none; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page .drop a{ line-height: 48px; } } @media screen and (max-width: 1280px){ #c_xibDkColumnGroup_top-15554849199255323 .w1200{ width: 900px; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu{ top: 56px; line-height: 56px; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu h4{ margin-right: 28px; font-size: 20px; line-height: 56px; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu ul li{ margin-left: 44px; } #c_xibDkColumnGroup_top-15554849199255323 h3{ font-size: 20px; line-height: 28px; margin-bottom: 8px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header{ height: 56px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .menu-btn{ width: 56px; height: 56px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .logo{ width: 175px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .hd-right{ line-height: 56px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .lang{ margin-right: 40px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-box{ margin-right: 40px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-form{ height: 56px; padding-right: 56px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-form input{ line-height: 56px; padding: 0 22px; font-size: 14px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-form button{ width: 56px; height: 56px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-form .iconfont{ line-height: 56px; font-size: 22px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .menu-btn .line{ width: 22px; height: 21px; margin: -10.5px 0 0 -11px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .menu-btn .line span{ height: 7px; padding: 3px 0; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .menu-btn .line span::before{ height: 1px; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page{ width: 231px; padding-bottom: 56px; top: 56px; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page .logo{ height: 76px; line-height: 76px; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page .logo img{ width: 200px; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page ul li h3{ line-height: 56px; text-indent: 36px; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page ul li h3 span{ right: 22px; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page .drop a{ line-height: 40px; } } @media screen and (max-width: 992px){ #c_xibDkColumnGroup_top-15554849199255323 .w1200{ width: 90%; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu{ top: 56px; line-height: 56px; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu h4{ margin-right: 28px; font-size: 20px; line-height: 56px; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu ul li{ margin-left: 30px; } } @media screen and (max-width: 768px){ #c_xibDkColumnGroup_top-15554849199255323 .w1200{ width: 92%; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu{ top: 48px; line-height: 28px; padding: 5px 0; display: none!important; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu .w1200{ display: flex; justify-content: space-between; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu h4{ margin-right: 8px; font-size: 14px; display: flex; white-space: nowrap; flex-grow: 0; flex-shrink: 0; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu ul{ width: 100%; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu ul li{ margin: 0 10px; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu ul li a{ font-size: 12px; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu ul li.active a::before{ height: 2px; } #c_xibDkColumnGroup_top-15554849199255323 .sub-menu .icon{ font-size: 12px; display: flex; flex-grow: 0; flex-shrink: 0; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .menu-btn:hover .line span:nth-child(odd){ transition: .4s; transform: translateX(5px); } #c_xibDkColumnGroup_top-15554849199255323 .index-header .menu-btn:hover .line span:nth-child(even){ transition: .4s; transform: translateX(-5px); } #c_xibDkColumnGroup_top-15554849199255323 h3{ font-size: 18px; line-height: 24px; margin-bottom: 5px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header{ height: 48px; background: rgba(181, 181, 181, 0.85); } #c_xibDkColumnGroup_top-15554849199255323 .index-header .menu-btn{ width: 48px; height: 48px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .logo{ width: 150px; background: none; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .hd-right{ line-height: 48px; font-size: 12px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .lang{ margin-right: 10px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-box{ margin-right: 10px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-form{ height: 48px; padding: 4px 40px 4px 0; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-form input{ line-height: 40px; padding: 0 15px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-form button{ width: 40px; height: 40px; top: 4px; } #c_xibDkColumnGroup_top-15554849199255323 .index-header .search-form .iconfont{ line-height: 40px; font-size: 18px; } #c_xibDkColumnGroup_top-15554849199255323 .menu-page{ padding-bottom: 48px; top: 48px; } #c_xibDkColumnGroup_top-15554849199255323 .cylink{ right: 0; left: inherit; width:250% } } #c_xibDkColumnGroup_top-15554849199255323{ 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; }