.w_grid-000{ margin-left: auto; margin-right: auto; min-height: 12rem; width: 100%; overflow:hidden; } .w_grid-000 > .w_grid{ width: 100%; overflow: hidden; } .w_grid-000 > div > .p_gridbox{ width: 100%; overflow: hidden; } .w_grid-000 > div > div > .p_gridCell{ /*min-height: 12rem;*/ /*width: 100%;*/ float: left; position: relative; /*margin-top: 0.6rem; margin-bottom: 0.6rem;*/ } .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";@import url(/css/w_grid-000.css); @import url(/css/c_xibDkColumnGroup_top-00001.css); @CHARSET "UTF-8"; #w_grid-1545036225040 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1545036225040*/ /*w_grid-1545036225040*/ /*w_grid-1545036225040*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1545036226751 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; } /*w_grid-1545036226751*/ /*w_grid-1545036226751*/ /*w_grid-1545036226751*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1545036228568 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_grid-1545036228568 >div{ animation-fill-mode:both; } /*w_grid-1545036228568*/ /*w_grid-1545036228568*/@media only screen and (min-width: 769px){ #w_grid-1545036228568> div > .p_gridbox > .p_gridCell{ margin-bottom:0rem; margin-top:0rem; margin-left:0; } #w_grid-1545036228568> div > .p_gridbox > .p_gridCell:nth-child(1n+0){ width:100%; margin-left:0; margin-right:0; clear:none; } #w_grid-1545036228568> div > .p_gridbox > .p_gridCell:nth-child(1n){ margin-right:0; } } /*w_grid-1545036228568*/@media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1545036225040{ 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-1545036226751{ width:100%; max-width:none; min-width:0px; height:auto; max-height:none; min-height:190px; 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-1545036228568{ 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; } #c_xibDkColumnGroup_top-15450496177467752 .container{ width:1280px; margin-left:auto; margin-right:auto; } #c_xibDkColumnGroup_top-15450496177467752 .footer{ background:url(//dfs.yun300.cn/group1/M00/16/5C/rBQBHVxBQZKECJUXAAAAAFKlaUY296.jpg) no-repeat center top; background-size:cover; padding:4.2% 0; } #c_xibDkColumnGroup_top-15450496177467752 .footer dt a{ font-weight:bold; display:inline-block; width:auto; padding-bottom:9%; border-bottom:1px solid #d9d9d9; } #c_xibDkColumnGroup_top-15450496177467752 .footer a{ width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } #c_xibDkColumnGroup_top-15450496177467752 .footer .top .left{ width:78%; float:left; } #c_xibDkColumnGroup_top-15450496177467752 .footer .top .left dl{ width:18%; float:left; } #c_xibDkColumnGroup_top-15450496177467752 .footer .top .left dt{ margin-bottom:3%; } #c_xibDkColumnGroup_top-15450496177467752 .footer .top .left dd a{ display:block; color:#999; line-height:32px; } #c_xibDkColumnGroup_top-15450496177467752 .footer .top .left dd a:hover{ color:#008ce7; } #c_xibDkColumnGroup_top-15450496177467752 .footer .top .right{ float:right; text-align:center; } #c_xibDkColumnGroup_top-15450496177467752 .footer .top .right .img{ overflow:hidden; width:149px; margin:0 auto; margin-bottom:10px; } #c_xibDkColumnGroup_top-15450496177467752 .footer .top .right>span{ display:block; margin-top:12px; font-size:16px; } #c_xibDkColumnGroup_top-15450496177467752 .footer .bottom{ padding-top:0; color:#999; } #c_xibDkColumnGroup_top-15450496177467752 .footer .bottom a{ color:#999; } #c_xibDkColumnGroup_top-15450496177467752 .footer .bottom a:hover{ color:#008ce7; } #c_xibDkColumnGroup_top-15450496177467752 .footer .bottom>div{ margin-bottom:2%; } #c_xibDkColumnGroup_top-15450496177467752 .right .relax{ margin-bottom:5%; color:#666; } #c_xibDkColumnGroup_top-15450496177467752 .right .rx{ margin-bottom:15%; text-align:center; } #c_xibDkColumnGroup_top-15450496177467752 .right .rx a{ display:block; font-weight:bold; color:#666; } #c_xibDkColumnGroup_top-15450496177467752 .right .rx a:hover{ color:#008ce7; } #c_xibDkColumnGroup_top-15450496177467752 .footer .top .right .relax b{ display:block; } #c_xibDkColumnGroup_top-15450496177467752 .footer .bottom img{ padding-right:2%; margin-right:2%; border-right:1px solid #e3e3e3; } @media only screen and ( max-width:1280px ){ #c_xibDkColumnGroup_top-15450496177467752 .container{ width: 94%; margin-left: 3%; margin-right: 3%; } } @media only screen and ( max-width:1024px ){ #c_xibDkColumnGroup_top-15450496177467752 .footer dt a{ padding-bottom:0; border-bottom:0 none; } #c_xibDkColumnGroup_top-15450496177467752 .footer .top { position: relative; } #c_xibDkColumnGroup_top-15450496177467752 .footer .top .left{ position: absolute; left:0; top:30%; margin-top:-40px; } #c_xibDkColumnGroup_top-15450496177467752 .footer .top .left dt{ font-weight: bold; margin-bottom: 0; line-height: 40px; } #c_xibDkColumnGroup_top-15450496177467752 .footer .top .left dl{ width: 33.33%!important; } #c_xibDkColumnGroup_top-15450496177467752 .footer .top .left dd{ display: none; } #c_xibDkColumnGroup_top-15450496177467752 .footer .top .right{ width: 22%; } } @media only screen and ( max-width:500px ){ #c_xibDkColumnGroup_top-15450496177467752 .footer .bottom{ padding-top:5%; } #c_xibDkColumnGroup_top-15450496177467752 .right .rx { margin-bottom: 5%; } #c_xibDkColumnGroup_top-15450496177467752 .footer .top .left { width: 100%; position: inherit; top: 0; margin-top: 0; margin-bottom: 6%; } #c_xibDkColumnGroup_top-15450496177467752 .footer .top .right{ width: 100%; } #c_xibDkColumnGroup_top-15450496177467752 .right .relax{ margin-bottom:3%; } } @media only screen and ( max-width:375px ){ #c_xibDkColumnGroup_top-15450496177467752 .footer .top .right span{ font-size: 14px; } } #c_xibDkColumnGroup_top-15450496177467752{ 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; padding-right:0px; height:auto; min-width:0px; } @media only screen and ( max-width:1024px ){ } #c_xibDkColumnGroup_top-15450419395903121 .header{ line-height:114px; position:fixed; width:100%; left:0; top:0; z-index:100; background-color:#fff; border-bottom:1px solid #e6e6e6; } #c_xibDkColumnGroup_top-15450419395903121 .header .logo{ float:left; width:200px; } #c_xibDkColumnGroup_top-15450419395903121 .header .logo img{ width:100%; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav{ float:left; width:57%; padding-left:6%; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li{ width:16.66%; text-align:center; float:left; font-size:18px; position:relative; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li:nth-child(2){ position:inherit; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li>a{ display:block; font-weight:bold; position:relative; color:#333; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li>div a:hover{ color:#0873ff; text-decoration:underline; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li>a>em{ position:absolute; left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); bottom:0; width:0; height:3px; background-color:#318bd1; -webkit-transition:all 0.5s; -moz-transition:all 0.5s; -ms-transition:all 0.5s; -o-transition:all 0.5s; transition:all 0.5s; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li.on>a>em{ width:80px; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li:hover>a>em{ width:80px; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li:nth-child(2)>div{ left:50%; -webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); -ms-transform:translateX(-50%); -o-transform:translateX(-50%); transform:translateX(-50%); width:1280px; padding:10px 0; text-align:left; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li>div{ position:absolute; top:114px; width:120%; left:50%; transform:translateX(-50%); background-color:rgba(255,255,255,0.95); text-align:center; line-height:70px; font-size:16px; display:none; padding:15px 0; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li>div a{ display:block; color:#0552b4; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li dt a:hover{ color:#0552b4; text-decoration:none; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li>div dd a:hover{ color:#0873ff; text-decoration:underline; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li>div>a{ line-height:32px; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li:nth-child(2) dl{ width:15.5%; display:inline-block; box-sizing:border-box; border-right:1px solid #f0f0f0; padding:1% 0; vertical-align:top; text-align:center; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li:nth-child(2) dl:nth-child(5){ border-right:0 none; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li:nth-child(2) dl:last-child{ border-right:0 none; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li:nth-child(2) dd{ line-height:36px; font-size:14px; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li:nth-child(2) dd a{ color:#666; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li:nth-child(2) dd a:hover{ color:#0552b4; text-decoration:underline; } #c_xibDkColumnGroup_top-15450419395903121 .header .langage{ float:right; width:7%; } #c_xibDkColumnGroup_top-15450419395903121 .header .langage a{ font-size:16px; font-weight:bold; } #c_xibDkColumnGroup_top-15450419395903121 .header .langage a:hover{ color:#318bd1; } #c_xibDkColumnGroup_top-15450419395903121 .header .search{ float:right; width:14.9%; position:relative; height:34px; margin-top:40px; } #c_xibDkColumnGroup_top-15450419395903121 .header .search input{ width:100%; margin:0; padding:0; border:1px solid #316ab3; height:34px; text-indent:3em; line-height:34px; border-radius:17px; color:#316ab3; position:absolute; left:0; top:0; } #c_xibDkColumnGroup_top-15450419395903121 .header .search em{ width:20px; height:20px; display:block; background:url(//dfs.yun300.cn/group1/M00/01/B1/rBQBHVxQDiiEHI6FAAAAAJrVLxg582.png) no-repeat center; position:absolute; left:13px; top:50%; margin-top:-10px; cursor:pointer; } #c_xibDkColumnGroup_top-15450419395903121 .header .search em.on{ background:url(//dfs.yun300.cn/group1/M00/14/6A/rBQBG1xBP-OEPIp1AAAAAOzLc4c338.png) no-repeat center; } #c_xibDkColumnGroup_top-15450419395903121 .container{ width:1280px; margin-left:auto; margin-right:auto; } @media only screen and ( max-width:1440px ){ #c_xibDkColumnGroup_top-15450419395903121 .header .nav li>div{ font-size: 14px; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li:nth-child(2)>div{ width: 94%; } } @media only screen and ( max-width:1280px ){ #c_xibDkColumnGroup_top-15450419395903121 .container{ width: 94%; margin-left: 3%; margin-right: 3%; } } @media only screen and ( max-width:1024px ){ #c_xibDkColumnGroup_top-15450419395903121 .header .nav li>a>em{ display:none; } #c_xibDkColumnGroup_top-15450419395903121 .header .search{ display: none; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav{ position: absolute; left:-100%; top:114px; width: 100%; padding-left: 0; background-color: #fff; z-index: 99; height: 100vh; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li{ width: 100%; line-height: 46px; padding:0 15px; font-size: 16px; text-align: center; box-sizing: border-box; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li:nth-child(2){ position:initial; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li>a{ color:#333; border-bottom: 1px dashed #c0c0c0; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li>a:hover{ color:#333; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li>div a{ color:#666; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li>div{ width: 100%; padding:0 0 0 20px; position: inherit; left:0; top:0; transform: inherit; text-align: left; height: 0; overflow: hidden; background: transparent; box-sizing: border-box; z-index: 99; display:block; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li:nth-child(2)>div{ width: 100%; padding:0; position: inherit; left:0; top:0; transform: inherit; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li:nth-child(2) dl{ width: 100%; margin-right: 3%; border-right: 0 none; padding:0 0 0 20px; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li:nth-child(2) dt a{ font-weight: bold; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li:nth-child(2) dd{ height: 0; overflow: hidden; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li>div a{ display: block; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; line-height: 40px; padding:0; border-bottom: 1px dashed #c0c0c0; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li dd a{ width: 48%; float: left; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav li dd a:nth-child(even){ float: right; } #c_xibDkColumnGroup_top-15450419395903121 .mobile-btn { position: absolute; right: 3%; top: 50%; margin-top: -10px; z-index: 110; } #c_xibDkColumnGroup_top-15450419395903121 .mobile-btn span { background-color: #004098; display: block; width: 27px; height: 3px; margin-bottom: 5px; top: 0; position: relative; transform: rotate(0); transition: transform 0.3s ease-out,top 0.5s ease 0.4s; } #c_xibDkColumnGroup_top-15450419395903121 .mobile-btn.show span:nth-child(1) { transition: top 0.5s ease, transform 0.5s ease-out 0.5s; transform: rotate(42deg); top: 8px; } #c_xibDkColumnGroup_top-15450419395903121 .mobile-btn.show span:nth-child(2) { opacity: 0; } #c_xibDkColumnGroup_top-15450419395903121 .mobile-btn.show span:nth-child(3) { transition: top 0.5s ease, transform 0.5s ease-out 0.5s; transform: rotate(-42deg); top: -8px; } #c_xibDkColumnGroup_top-15450419395903121 .header .langage{ position:absolute; right:6%; } #c_xibDkColumnGroup_top-15450419395903121 .header .langage a{ font-size:20px; color:#004098; } } @media only screen and ( max-width:500px ){ #c_xibDkColumnGroup_top-15450419395903121 .header .nav li>div a{ line-height:33px; } #c_xibDkColumnGroup_top-15450419395903121 .header{ line-height: 70px; } #c_xibDkColumnGroup_top-15450419395903121 .header .logo img{ width: 120px; } #c_xibDkColumnGroup_top-15450419395903121 .header .nav{ top:80px; } #c_xibDkColumnGroup_top-15450419395903121 .header .langage { width: 16%; } } #c_xibDkColumnGroup_top-15450419395903121{ 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; padding-right:0px; height:auto; min-width:0px; }