html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }@media only screen and (max-width: 768px) and (min-width:375px){ #w_grid-1569414911546 > div > .p_gridbox { background-color: rgba(246, 246, 246, 0.98) !important; } .c_portalResMessage_form-01001 .p_intentionIntroTitle { width: 100%; padding: 0; text-align: left; margin-bottom: 10px; margin-top: 20px; font-size: 14px; } #w_grid-1569414911546 { 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: 15px; padding-left: 0px; padding-right: 0px !important; padding-bottom: 15px; } #w_common_text-1564457686718 span{ font-size:22px !important; }#w_common_text-1564457908387 span { font-size: 22px !important; } #w_grid-1569416081325 { width: 55%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 192px; margin-top: 10px; margin-left: 15px !important; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_common_text-1588053708600 { width: 95%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 5px; margin-left: 15px !important; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_common_text-1569414836911 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 20px; margin-left: 15px !important; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_common_text-1564457908387 { width: 95%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 50px; margin-left: 15px !important; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } .c_portalResProduct_list-01001006 .proLists { width: 100%; height: auto; overflow: hidden; padding: 0rem !important; } .c_portalResProduct_list-01001006 .proList { position: relative; top: 0px; float: left; overflow: hidden; padding: 0rem !important; transition: all .5s ease; margin: 0rem !important; border: solid 1px #f2f2f2 !important; margin-top: 10px !important; margin-left: 5px !important; margin-right: 5px !important; } .c_portalResProduct_list-01001006 .proList { width: 100%; width: calc((94% - 0px)/2)!important; } #c_portalResProduct_list-15875687306930703 { width: 100%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 20px !important; margin-left: 0px; margin-right: 0px; margin-bottom: 20px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #c_portalResNews_list-15875587126967568 .summry { font-size: 1em; color: #777; line-height: 2em; text-align: left; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 3; -webkit-box-orient: vertical; text-overflow: ellipsis; width: 100%; MARGIN-TOP: 0PX !important; } #c_portalResNews_list-15875587126967568 .title { width: 100%; margin: 16px 0 16px !important; text-align: left; font-size: 16px !important; font-weight: bold; color: black; min-height: 0px; line-height: 30px; display: -webkit-box; overflow: hidden; -webkit-line-clamp: 1; -webkit-box-orient: vertical; text-overflow: ellipsis; } #w_common_text-1588040537762 span{ font-size:22PX !important; } #w_common_text-1569226431988 span{ font-size:22px !important; }#w_common_text-1588040668844 span{ font-size:22px !important; } #w_common_text-1588039160537 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px !IMPORTANT; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; }#w_common_text-1588040279345 span { font-size: 22px !important; width: auto;} #w_common_text-1588039160548 { width: auto; max-width: 927px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 20px !IMPORTANT; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1563344716922> div > .p_gridbox > .p_gridCell { margin-bottom: 0rem !important; margin-top: 1rem !important; margin-left: 0; }#w_common_text-1588039160537 strong{ font-size:22px; } #w_grid-1588040644623 { width: 100%; max-width: 1200px; min-width: 0px; height: auto; max-height: none; min-height: 192px; margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 10px !important; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1587558556481 { width: 100%; max-width: 1320px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px !important; margin-left: auto; margin-right: auto; margin-bottom: 40px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #c_portalResNews_list-15875587126967568 { width: 100%; max-width: 1320px; min-width: 0px; height: auto; max-height: none; min-height: 20px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px !important; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1563344716886> div > .p_gridbox > .p_gridCell { margin-bottom: 0rem; margin-top: 0rem !important; margin-left: 0px; } #w_common_text-1569223930477 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; display: none; } #w_grid-1563344716895 { width: 96%; max-width: 1200px; 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; display: none; }#w_common_text-1563344716930 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; text-align: center; padding-bottom: 0px; } #c_portalResNews_list-15875587126967568 .more { position: relative; z-index: 1; overflow: hidden; display: inline-block; padding: 10px 5px; color: #FFF; font-size: 14px; border-color: #999; margin: 1.5em 0 0; -webkit-transition: .5s all; -moz-transition: .5s all; transition: .5s all; background: #1b1b1b00 !important; } .c_portalResProduct_list-01001015 .proUl { position: relative; margin: 0rem auto !important; width: 100%; max-width: none; }.c_portalResProduct_list-01001013 .porTbox { position: relative; overflow: hidden; width: 100%; height: 120px !important; border: solid 1px #f2f2f2; } .c_portalResProduct_list-01001013 .proLi { position: relative; overflow: hidden; padding: 10px; width: calc((100% - 10px) / 2) !important; float: left !important; margin-left: 4px !important; } .c_portalResProduct_list-01001013 .proContainer { width: 100%; height: auto; overflow: hidden; margin: 0rem auto !important; } .c_portalResProduct_list-01001013 .proLi { position: relative; overflow: hidden; padding: 10px; width: calc((100% - 20px) / 2) !important; float: left !important; } #w_fline-1587557740411 { width: 40px !important; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 20px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 20px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_common_text-1569226431988 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 40px !important; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_fline-1588040432669 { width: 3%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 20px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px !important; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1588040310246 { width: 100%; max-width: 1230px; min-width: 0px; height: auto; max-height: none; min-height: 192px; margin-top: 30px !important; margin-left: auto; margin-right: auto; margin-bottom: 100px; padding-top: 0px; padding-left: 0px; margin-bottom: 30px !important; padding-right: 0px; padding-bottom: 0px; } #w_grid-1588039160507 > div > .p_gridbox { -moz-box-shadow: 0 42px 95px rgba(0,0,0,.15); border: solid #eeeeee59 0px !important; background: #FFF; }#w_common_text-1588040279345 { width: auto; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px !important; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1588039497589 { width: 80%; max-width: none; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 20px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; DISPLAY: none; } #w_grid-1588039160507 { width: 94%; max-width: 1200px; min-width: 0px; height: auto; max-height: none; min-height: 192px; margin-top: 0px !IMPORTANT; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_grid-1588038726865 { 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; display: none; } #w_grid-1588037196864 { 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; width: 17% !important; float: right; } #w_grid-1588037099513 { width: 80% !important; max-width: 1200px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px; margin-left: 10px !important; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; float: left; } #w_fimg-1588037117778 { width: 100%; max-width: 90% !important; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 10px; margin-left: 0px; margin-right: 0px; margin-bottom: 10px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; } #w_fimg-1588037152578 { width: 100%; max-width: 25%; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 27px; margin-left: auto; margin-right: 0px; margin-bottom: 10px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 0px; DISPLAY: none; } } #w_grid-1563344716895 h6 span:hover{ color:#fff; } #w_grid-1569228392637> div > .p_gridbox > .p_gridCell:nth-child(2n+1){ box-shadow:0px 5px 35px #d9dee0; } #w_grid-1569228392637 > .w_grid > .p_gridbox{ overflow:inherit; } body span{ word-break: break-word; } body{overflow-x: hidden;} } @font-face { font-family: 'titillium_webregular'; src: url('../font/titilliumweb-regular-webfont.eot'); src: url('../font/titilliumweb-regular-webfont.eot') format('embedded-opentype'), url('../font/titilliumweb-regular-webfont.woff2') format('woff2'), url('../font/titilliumweb-regular-webfont.woff') format('woff'), url('../font/titilliumweb-regular-webfont.ttf') format('truetype'), url('http://static201.yun300.cn/upload/font/titilliumweb-regular-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titillium_webbold'; src: url('../font/titilliumweb-bold-webfont.eot'); src: url('../font/titilliumweb-bold-webfont.eot') format('embedded-opentype'), url('../font/titilliumweb-bold-webfont.woff2') format('woff2'), url('../font/titilliumweb-bold-webfont.woff') format('woff'), url('../font/titilliumweb-bold-webfont.ttf') format('truetype'), url('http://static201.yun300.cn/upload/font/titilliumweb-bold-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'titillium_websemibold'; src: url('../font/titilliumweb-semibold-webfont.eot'); src: url('../font/titilliumweb-semibold-webfont.eot') format('embedded-opentype'), url('../font/titilliumweb-semibold-webfont.woff2') format('woff2'), url('../font/titilliumweb-semibold-webfont.woff') format('woff'), url('../font/titilliumweb-semibold-webfont.ttf') format('truetype'), url('http://static201.yun300.cn/upload/font/titilliumweb-semibold-webfont.svg') format('svg'); font-weight: normal; font-style: normal; } body{ font-family: 'titillium_webregular'; } .en_font_reg{ font-family: 'titillium_webregular'; } .en_font_bold{ font-family: 'titillium_websemibold'; } h6 span{ font-family: 'titillium_websemibold'; font-weight:normal !important; }  @media only screen and (min-width: 769px) { .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; margin: 0 5px 0 18px; text-align: center; padding: 0 10px; border-radius: 0px; border: 1px solid #fff; background: #fff; color: #333333; } .p_page .pre:active { background: #1583CF; border-color: #1583CF; color: #fff; } .p_page .pre:hover { color: #fff; background: #1583CF; border-color: #1583CF; cursor: pointer; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; border: 1px solid #fff; background: #fff; color: #333; text-align: center; padding: 0 10px; border-radius: 0px; } .p_page .next:active { background: #1583CF; border-color: #1583CF; color: #fff; } .p_page .next:hover { background: #1583CF; border-color: #1583CF; color: #fff; cursor: pointer; } .p_page .pageNum { position: relative; float: left; height: 38px; min-width: 38px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #595959; border: 1px solid #fff; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 0px; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #1583CF; border-color: #1583CF; } .p_page .pageNum:hover { color: #fff; border-color: #1583CF; cursor: pointer; text-decoration: none; background-color: #1583CF; } .p_page .pageNum.active { text-decoration: none; background-color: #1583CF; color: #fff; border-color: #1583CF; } } @media screen and (max-width: 768px) { .p_pagebox .NumBox { display: none !important; } .p_pagebox { width: 100%; text-align: center; } .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5 !important; border-color: #d9d9d9 !important; color: #bfbfbf !important; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont {color: #ddd !important;} .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf !important;} .p_pagebox .pre { width: 48%; margin-right:2%; background-color: #0c64b3; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #0c64b3; background-color: #0c64b3; cursor: pointer; } .p_pagebox .pre:active { background-color: #0c64b3; } .p_pagebox .next { width: 48%; margin-left:2%; background-color: #0c64b3; } .p_pagebox .next:hover { background-color: #0c64b3; } .p_pagebox .next:active { background-color: #0c64b3; } }   ::-webkit-scrollbar { width: 7px; }  ::-webkit-scrollbar-track { background: #f7f7f7; border-radius: 0px; }  ::-webkit-scrollbar-thumb { background: #999; border-radius: 0px; }  ::-webkit-scrollbar-thumb:hover { background: #004e94; }  @-webkit-keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } } @keyframes scaleUpDown { from { -webkit-transform: scale(1.08); transform: scale(1.08); } to { opacity: 1; -webkit-transform: scale(1); transform: scale(1); } @-webkit-keyframes slideIn { 0% { -webkit-transform: translateX(-100%); opacity: 1; } 100% { -webkit-transform: translateX(0); opacity: 1; } } @keyframes slideIn { 0% { transform: translateX(-100%); opacity: 1; } 100% { transform: translateX(0); opacity: 1; } } @-webkit-keyframes imgIn { 0% { -webkit-transform: -webkit-translateX(100%); opacity: 1; } 100% { -webkit-transform: -webkit-translateX(0); opacity: 1; } } @keyframes imgIn { 0% { transform: translateX(100%); opacity: 1; } 100% { transform: translateX(0); opacity: 1; } }  .p_page .pageNum.active,.p_page .pageNum:hover,.p_page .next:hover,.p_page .pre:hover{ background:#004e94 !important; border-color:#004e94 !important; }