.e_FlowCommonStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_FlowCommonStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_FlowCommonStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_FlowCommonStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: #1890FF; } .e_FlowCommonStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_FlowCommonStyleBox-001 .title_icon::before{ content: ""; } .e_FlowCommonStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_FlowCommonStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_FlowCommonStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: #1890FF; padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_FlowCommonStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_FlowCommonStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_FlowCommonStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_FlowCommonStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_FlowCommonStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_FlowCommonStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.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"; #w_grid-1628584316585 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1620970641985 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1620970643595 > div > .p_gridbox > .p_gridCell:nth-child(n+1){ margin-left:0; clear:left; }   @media only screen and (max-width: 1024px) and (min-width: 769px){ } #w_grid-1628584316585{ 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-1620970641985{ 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; } #w_grid-1620970643595{ 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_portalResGroupNavNew_main-16212205733537867 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupNavNew_main-16212205733537867 >div{ animation-fill-mode:both; } #c_portalResGroupNavNew_main-16212205733537867 .footer{ background:url(/html/web/guhan/img/foot_bg.png) no-repeat center; background-size:cover; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav{ width:60%; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .wrap{ padding-top:3.125%; padding-bottom:3.667%; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav li{ float:left; width:16.66%; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav li dt{ line-height:1.5; font-weight:normal; font-size:14px; margin-bottom:10px; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav li dt a{ color:#fff; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav li dt a:hover{ color:#f7b600; transition:.4s; text-decoration:underline; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav li dd{ line-height:1.8; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav li dd a{ color:#fff; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav li dd a:hover{ color:#f7b600; transition:.4s; text-decoration:underline; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .share_center{ width:17.36%; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .share_center .share_text{ color:#ffffff; line-height:54px; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .share_center .foot-share a{ display:block; float:left; margin-right:10px; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .share_center .foot-share .icon1{ width:34px; height:24px; background:url(/html/web/guhan/img/youtube.png) no-repeat; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .share_center .foot-share .icon1:hover{ background:url(/html/web/guhan/img/youtube1.png) no-repeat; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .share_center .foot-share .icon2{ width:24px; height:24px; background:url(/html/web/guhan/img/weibo.png) no-repeat; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .share_center .foot-share .icon2:hover{ background:url(/html/web/guhan/img/weibo1.png) no-repeat; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .share_center .foot-share .icon3{ width:24px; height:24px; background:url(/html/web/guhan/img/weixin.png) no-repeat; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .share_center .foot-share .icon3:hover{ background:url(/html/web/guhan/img/weixin1.png) no-repeat; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .share_center .foot-share .icon4{ width:24px; height:24px; background:url(/html/web/guhan/img/facebook.png) no-repeat; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .share_center .foot-share .icon4:hover{ background:url(/html/web/guhan/img/facebook1.png) no-repeat; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .share_center .foot-share .icon5{ width:24px; height:24px; background:url(/html/web/guhan/img/Twitter.png) no-repeat; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .share_center .foot-share .icon5:hover{ background:url(/html/web/guhan/img/Twitter1.png) no-repeat; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .ewm .text{ text-align:right; color:#fff; margin-bottom:15px; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .ewm li .fnt_14{ color:#999999; line-height:30px; text-align:center; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .fr{ width:38%; text-align:right; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .fr li{ display:inline-block; margin-left:5%; color:#fff; text-align:center; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .fr li img{ max-width:100%; margin-bottom:10px; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer2{ padding:1.56% 0; color:#fff; background:rgba(138,116,71,0.5); } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer2 .ba_link{ margin:5px 0; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer2 a{ color:#fff; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer2 .beian{ margin-right:20px; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer2 a:hover{ color:#f7b600; transition:.4s; text-decoration:underline; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer2 .fr span{ font-size:24px; color:#ffffff; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer2 .dz{ margin-bottom:20px; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer2 .dz img{ margin-right:10px; margin-top:2px; } @media only screen and (max-width: 1366px){ #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav {width: 58%;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .share_center {width: 19.36%;} } @media only screen and (max-width: 1100px){ #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .fr{ width: 42%; } } @media only screen and (max-width: 1000px){ #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .fr li div{ font-size:12px; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .fr li img{ max-width:80px; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav { width: 56%; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .share_center { width: 21.36%; } } @media only screen and (max-width: 910px){ #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .ewm .text{text-align:left;padding-top:10px;border-top:1px solid #fff; margin-top: 10px;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .wrap{ padding-bottom: 0;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav{width: 100%;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .share_center{width: 100%; float: none;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .ewm{float: none;display: block;text-align: center;margin-top: 20px;width: 100%;text-align: left; margin-bottom: 10px;overflow:hidden;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .ewm ul{display: block;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav li{width:20%;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav li dt a {overflow: hidden;text-overflow: ellipsis; white-space: nowrap;width: 100%;display: block;text-align: center;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav li dd a{overflow: hidden;text-overflow: ellipsis; white-space: nowrap;width: 100%;display: block;text-align: center;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .share_center .share_text {display: inline-block;margin-right: 5px;font-size: 14px;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot-share{display: inline-block;vertical-align: middle;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer2 .fr{float: left;margin-top: 10px;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .fr li .fnt_16{line-height: 2em;} } @media only screen and (max-width: 768px){ #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav li dt{font-size: 14px; line-height: 34px;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav li dd { line-height: 24px; font-size: 12px; } #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav li dd span{display: none;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer2 .dz{font-size: 14px;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer2 .dz img{margin-top: 0;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer2 .fnt_16{font-size: 12px;} #c_portalResGroupNavNew_main-16212205733537867 .footer .footer1 .foot_nav li { width: 24%; vertical-align: top; float: none; display: inline-block; } } #c_portalResGroupNavNew_main-16212205733537867{ 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_portalResGroupNavNew_main-16285843187546400 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_portalResGroupNavNew_main-16285843187546400 .up.gpCont a{ color:#df1839; } #c_portalResGroupNavNew_main-16285843187546400 >div{ animation-fill-mode:both; } #c_portalResGroupNavNew_main-16285843187546400 .icon-search:before{ content:'\e661'; } #c_portalResGroupNavNew_main-16285843187546400 .w1640{ width:1640px; max-width:94%; margin:0 auto; } #c_portalResGroupNavNew_main-16285843187546400 .m-head{ z-index:99; width:100%; background:#ffffff!important; transition:all 0.8s; } #c_portalResGroupNavNew_main-16285843187546400 .m-head.active{ position:fixed; top:0; left:0; border-bottom:1px solid #ccc; transition:all 0.8s; } #c_portalResGroupNavNew_main-16285843187546400 .m-head.active .u-logo{ margin-top:13px; } #c_portalResGroupNavNew_main-16285843187546400 .m-head.active .u-logo img{ width:280px; } #c_portalResGroupNavNew_main-16285843187546400 .m-head.active .m-nav li{ line-height:70px; margin-top:0; } #c_portalResGroupNavNew_main-16285843187546400 .m-head .f-in{ z-index:99999; position:relative; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav .sub-nav dd a:before{ content:""; width:0; height:2px; display:block; background:#e89c28; position:absolute; left:50%; bottom:0; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav{ margin-right:100px; float:right; box-sizing:border-box; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav li{ float:left; line-height:90px; position:relative; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav li a{ display:block; text-decoration:none; padding:0 15px; color:#333; z-index:2; margin:0 auto; position:relative; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav li a:hover, #c_portalResGroupNavNew_main-16285843187546400 .m-nav li:hover>a{ color:#efca27; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav li a:before{ content:""; width:0px; height:8px; display:block; background:#efca27; position:absolute; left:50%; bottom:0; transition:all .3s cubic-bezier(.4, 0, .2, 1) 0s; transform:translateX(-50%); border-radius:100%; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav li a:hover:before{ width:8px; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav li dd a:hover:before{ width:100%; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav li .nav-icon{display:none; position:absolute; right:20px; top:15px; z-index:999; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav li .nav-icon:before{font-size:18px; font-style:normal; content:"\e6ae"; display:block; font-weight:700; z-index:999; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav li:hover .sub-nav{ top:89px; -ms-transform:scale(1); -moz-transform:scale(1); -webkit-transform:scale(1); -o-transform:scale(1); transform:scale(1); opacity:1; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav li:hover .sub-nav dl dd a{ line-height:1.8; } #c_portalResGroupNavNew_main-16285843187546400 .m-head.active .m-nav li:hover .sub-nav{ top:70px; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav li:hover .sub-nav dd{transition:all .6s cubic-bezier(.4, 0, .2, 1) .35s; -ms-transform:translateY(0); -moz-transform:translateY(0); -webkit-transform:translateY(0); -o-transform:translateY(0); transform:translateY(0); opacity:1; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav .sub-nav dd{ opacity:0; -ms-transform:translateY(10px); -moz-transform:translateY(10px); -webkit-transform:translateY(10px); -o-transform:translateY(10px); transform:translateY(10px); padding:0 5px; text-align:center; line-height:40px; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav .sub-nav dd a{ padding:0px; display:block; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav .sub-nav{ width:120%; left:-10%; line-height:34px; padding:10px 0; border:1px solid #eee; border-top:0 solid #333; background:rgba(255,255,255,0.5); position:absolute; top:83px; box-sizing:border-box; transition:all .4s cubic-bezier(.4, 0, .2, 1) 0s; -ms-transform:scale(0); -moz-transform:scale(0); -webkit-transform:scale(0); -o-transform:scale(0); transform:scale(0); transform-origin:top center; opacity:0; } #c_portalResGroupNavNew_main-16285843187546400 .u-logo{ margin-top:26px; float:left; z-index:2; } #c_portalResGroupNavNew_main-16285843187546400 .u-logo img{ max-width:280px; } #c_portalResGroupNavNew_main-16285843187546400 .u-search{ position:absolute; right:0; height:30px; background:#fff; top:50%; transform:translateY(-50%); z-index:9; border:1px solid #fff; border-radius:3px; color:#333333; } #c_portalResGroupNavNew_main-16285843187546400 .u-search .search-box{ position:absolute; right:0; transition:all .6s cubic-bezier(.4, 0, .2, 1) .35s; width:200px; border:1px solid #e89c28; display:none; background:#fff; } #c_portalResGroupNavNew_main-16285843187546400 .u-search input{ width:150px; padding:0 10px; border:none; height:30px; } #c_portalResGroupNavNew_main-16285843187546400 .u-search a{ width:30px; height:30px; line-height:30px; float:right; color:#333333; } #c_portalResGroupNavNew_main-16285843187546400 .u-search a:hover{ color:#e89c28; } #c_portalResGroupNavNew_main-16285843187546400 .u-search i{ font-size:20px; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav li:hover .nav-icon:before{ content:"\e69a"; } #c_portalResGroupNavNew_main-16285843187546400 .logo_img1{ display:none; } #c_portalResGroupNavNew_main-16285843187546400 .index_head.m-head.active{ background:rgba(255,255,255); } #c_portalResGroupNavNew_main-16285843187546400 .index_head.m-head.active .m-nav li a{ color:#444; } #c_portalResGroupNavNew_main-16285843187546400 .index_head.m-head.active .u-search a{ color:#444; } #c_portalResGroupNavNew_main-16285843187546400 .index_head{ position:fixed; background:rgba(255,255,255); } #c_portalResGroupNavNew_main-16285843187546400 .index_head .m-nav li a{ color:#494949; } #c_portalResGroupNavNew_main-16285843187546400 .index_head .u-search a{ color:#494949; } #c_portalResGroupNavNew_main-16285843187546400 .index_head .u-search{ background:transparent; border:1px solid transparent; } #c_portalResGroupNavNew_main-16285843187546400 .index_head .m-nav .sub-nav dd a{ color:#444; } #c_portalResGroupNavNew_main-16285843187546400 .index_head.m-head.active .m-nav li:hover>a{ color:#e89c28; } #c_portalResGroupNavNew_main-16285843187546400 .gp{ height:55px; border-left:1px solid #ddd; padding:0px 0px 0px 15px; overflow:hidden; margin:20px 0px 0 15px; } #c_portalResGroupNavNew_main-16285843187546400 .m-head.active .gp{ margin-top:10px; } #c_portalResGroupNavNew_main-16285843187546400 .gp span{ display:block; overflow:hidden; font-size:14px; color:#494949; } #c_portalResGroupNavNew_main-16285843187546400 .gpCont{ overflow:hidden; font-size:20px; color:#237c02; line-height:40px; } #c_portalResGroupNavNew_main-16285843187546400 .gp i{ padding-right:15px; font-size:22px; float:left; } #c_portalResGroupNavNew_main-16285843187546400 .gpCont span{ float:left; padding-left:5px; color:#237c02; } #c_portalResGroupNavNew_main-16285843187546400 .up.gpCont{ color:#df1839; } #c_portalResGroupNavNew_main-16285843187546400 .up.gpCont span{ color:#df1839; } #c_portalResGroupNavNew_main-16285843187546400 .gpCont i{ background:url(/html/web/guhan/img/down.png) no-repeat right center; background-size:12px; } #c_portalResGroupNavNew_main-16285843187546400 .up.gpCont i{ background:url(/html/web/guhan/img/up.png) no-repeat right center; background-size:12px; } @media only screen and (max-width: 1740px){ #c_portalResGroupNavNew_main-16285843187546400 .m-nav { margin-right: 60px;} #c_portalResGroupNavNew_main-16285843187546400 .m-nav li a{ padding: 0 8px; } } @media only screen and (max-width: 1500px){ #c_portalResGroupNavNew_main-16285843187546400 .m-nav { margin-right: 60px; } #c_portalResGroupNavNew_main-16285843187546400 .index_head .m-nav li a{ font-size: 16px; } } @media only screen and (max-width: 1366px){ #c_portalResGroupNavNew_main-16285843187546400 .m-nav{ margin-right:50px; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav li a{ padding:0 8px; } #c_portalResGroupNavNew_main-16285843187546400 .gp i{ font-size: 26px; } #c_portalResGroupNavNew_main-16285843187546400 .index_head .m-nav li a { font-size: 14px; } } @media only screen and (max-width: 1340px){ #c_portalResGroupNavNew_main-16285843187546400 .m-nav li a{ padding:0 8px; } } @media only screen and (max-width: 1260px){ #c_portalResGroupNavNew_main-16285843187546400 .u-logo img { max-width: 220px; } } @media only screen and (max-width: 1160px){ #c_portalResGroupNavNew_main-16285843187546400 .m-nav li a{padding: 0 10px;} #c_portalResGroupNavNew_main-16285843187546400 .m-nav{margin-right: 50px;} } @media (max-width: 1200px){ #c_portalResGroupNavNew_main-16285843187546400 .gp{ display: none; } #c_portalResGroupNavNew_main-16285843187546400 .m-head.active .u-logo img{ width:180px; margin-top:4px; } #c_portalResGroupNavNew_main-16285843187546400 .m-head.active .m-nav li{line-height: 50px;} #c_portalResGroupNavNew_main-16285843187546400 .m-head .u-menu { width: 30px; height: 30px; position: relative; cursor: pointer; float: right; top: 8px; z-index: 6; } #c_portalResGroupNavNew_main-16285843187546400 .m-head .u-menu .menu-sub { position: absolute; right: 0; margin: 8px 0; top: 8px; width: 20px; height: 2px; background-color: #333; transition: all .1s cubic-bezier(.4, 0, .2, 1) 0s; border-radius: 2px; } #c_portalResGroupNavNew_main-16285843187546400 .m-head .u-menu .menu-sub:after, .m-head .u-menu .menu-sub:before { content: ""; position: absolute; right: 0; width: 25px; height: 2px; background-color: inherit; transition: all .3s cubic-bezier(.4, 0, .2, 1) 0s; border-radius: 2px; display: block; } #c_portalResGroupNavNew_main-16285843187546400 .m-head .u-menu .menu-sub:before { top: -16px; } #c_portalResGroupNavNew_main-16285843187546400 .m-head .u-menu .menu-sub:after { top: -8px; } #c_portalResGroupNavNew_main-16285843187546400 .m-head .m-nav { position: absolute; height:100vh; overflow: hidden; right: -100%; text-align: left; line-height: 1; opacity: 0; z-index: 5; width: 300px; top: 56px; transition: all .4s cubic-bezier(.4, 0, .2, 1) 0s; margin: 0; background:rgba(255,255,255,0.8); opacity: 0; } #c_portalResGroupNavNew_main-16285843187546400 .u-search{right: 50px; top: 50%; transform: translateY(-50%);} #c_portalResGroupNavNew_main-16285843187546400 .index_head.m-head.active .u-search{right: 50px; top: 50%; transform: translateY(-50%);} #c_portalResGroupNavNew_main-16285843187546400 .m-head.active .u-logo{margin-top: 0px;} #c_portalResGroupNavNew_main-16285843187546400 .u-logo{margin-top: 0px;} #c_portalResGroupNavNew_main-16285843187546400 .u-logo img{width:140px;} #c_portalResGroupNavNew_main-16285843187546400 .m-head .f-in {padding: 10px 15px;max-width: 100%;} #c_portalResGroupNavNew_main-16285843187546400 .m-head .m-nav li { float: none; height: 50px; line-height: 50px; overflow: hidden; margin-top:0; } #c_portalResGroupNavNew_main-16285843187546400 .m-head.z-show .m-nav { top: 56px; -ms-transform:translate(0, 0); -moz-transform:translate(0, 0); -webkit-transform:translate(0, 0); -o-transform:translate(0, 0); transform: translate(0, 0); opacity: 1; height: 100vh; right: 0; overflow-y: auto; } #c_portalResGroupNavNew_main-16285843187546400 .m-head.z-show .u-menu .menu-sub { height: 0; background: #000; } #c_portalResGroupNavNew_main-16285843187546400 .m-head.z-show .u-menu .menu-sub:before { -ms-transform:rotate(45deg); -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg); -o-transform:rotate(45deg); transform: rotate(45deg); background: #000; top: -8px; } #c_portalResGroupNavNew_main-16285843187546400 .m-head.z-show .u-menu .menu-sub:after { -ms-transform:rotate(-225deg); -moz-transform:rotate(-225deg); -webkit-transform:rotate(-225deg); -o-transform:rotate(-225deg); transform: rotate(-225deg); background: #000; top: -8px; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav li a{ text-align: center; width: 50%; margin: 0; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav li .nav-icon{ display: block; } #c_portalResGroupNavNew_main-16285843187546400 .m-head .m-nav .sub-nav { position: static; border-left: 0; border-right: 0; border-top: 2px solid #333; background:transparent; width: 100%; } #c_portalResGroupNavNew_main-16285843187546400 .m-head .m-nav li:hover { height: auto; } #c_portalResGroupNavNew_main-16285843187546400 .m-nav .sub-nav dd{padding-left: 30px;} #c_portalResGroupNavNew_main-16285843187546400 .m-nav li a:hover:before{width:0;} } #c_portalResGroupNavNew_main-16285843187546400{ 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:100%; margin-top:0px; margin-bottom:0px; min-width:0px; height:0px; padding-right:0px; }