/* 浜岀骇浠ュ悗鏍忕洰鍏叡鏍峰紡寮€濮� */
* { font-weight: 400; }
.secondDiv .fontRed a { color: #e60012 !important; }
.secondDiv .fontRedA { color: #e60012 !important; }

/* 鍖呭洿瀹瑰櫒寮€濮� */
.secondDiv .secondWrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.secondDiv .secondWrapBox { width: 1232px; height: 100%; padding: 0 16px; margin: 0 auto; position: relative; overflow: hidden; }
@media screen and (max-width:1250px) {
    .secondDiv .secondWrapBox { width: 100%; }
}

/* 鍖呭洿瀹瑰櫒缁撴潫 */

/* 闈㈠寘灞戝紑濮� */

.colmunPc#crumbs { margin-top: 30px; height: 16px; line-height: 16px; font-size: 16px; color: #666; }
#crumbs a { color: #666; }
#crumbs span { margin: 0 10px 0 6px; }
@media screen and (max-width:768px) {
    .colmunPc#crumbs { display: none; }
}

/* 闈㈠寘灞戠粨鏉� */

/* 闃村奖鏁堟灉寮€濮� */

.secondDiv ul.shandowHoverall li { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
.secondDiv ul.shandowHoverall li:hover { -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); }

/* 闃村奖鏁堟灉缁撴潫 */

/* banner鏍峰紡寮€濮� */

.secondDiv .secondBanner { padding-top: 100px; }
.secondDiv .secondBanner img { display: block; width: 100%; }
.secondDiv .secondBannerBox { position: relative; }
.secondDiv .secondBannerText { width: 80%; position: absolute; top: 28%; left: 16px; color: #fff; }
.secondDiv .secondBannerText h2,
.secondDiv .secondBannerText h1 { font-size: 46px; }
.secondDiv .secondBannerText p { font-size: 46px; font-size: 16px; line-height: 1.6; margin-top: 2.42%; }
@media screen and (max-width:1400px) {
    .secondDiv .secondBannerText { top: 20%; }
}
@media screen and (max-width:1232px) {
    .secondDiv .secondWrapBox { width: 100%; }
}
@media screen and (max-width:1080px) {
    .secondDiv .secondBannerText { top: 10%; }
    .secondDiv .secondBannerText h2,
    .secondDiv .secondBannerText h1 { font-size: 40px; }
    .secondDiv .secondBannerText p { margin-top: 1%; font-size: 14px; }
}
@media screen and (max-width:860px) {
    .secondDiv .secondBannerText h2,
    .secondDiv .secondBannerText h1 { font-size: 32px; }
    .secondDiv .secondBannerText p { margin-top: 1%; }
}
@media screen and (max-width:768px) {
    .secondDiv .secondBannerText { width: 90%; font-size: 75px; left: 0; top: 14.8%; padding-left: 16px; }
    .secondDiv .secondBannerText h2,
    .secondDiv .secondBannerText h1 { font-size: 75%; }
    .secondDiv .secondBannerText p { font-size: 37.3%; border-left: 4px solid #e60012; padding-left: 16px; }
}
@media screen and (max-width:700px) {
    .secondDiv .secondBannerText { font-size: 60px; }
}
@media screen and (max-width:640px) {
    .secondDiv .secondBannerText { top: 10%; font-size: 50px; }
}
@media screen and (max-width:414px) {
    .secondDiv .secondBannerText { font-size: 44px; }
}
@media screen and (max-width:375px) {
    .secondDiv .secondBannerText { font-size: 37.5px; }
}

/* banner鏍峰紡缁撴潫 */

/* 鍏叡鏍囬寮€濮� */

.secondDiv .secondEntH3 { height: 32px; line-height: 30px; font-size: 100%; text-align: left; color: #000000; font-weight: 400; margin-bottom: 30px; border-left: 5px solid #e60012; padding-left: 16px; }
.secondDiv .protechLine { display: none; width: 8%; height: 3px; background: #e60012; margin: 1.8% auto 0; }

/* 鏍忕洰鏍囬鍙充晶鐐瑰嚮鏌ョ湅鏇村鎸夐挳鏍峰紡寮€濮� */
.secondDiv .secondGoMore { height: 20px; float: right; margin-top: 6px; font-size: 14px; cursor: pointer; }
.secondDiv .secondGoMore a { display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; }
.secondDiv .secondGoMore a img { position: absolute; top: 0; right: 0; }
@media screen and (max-width:768px) {
    .secondDiv .secondGoMore { display: none; }
    .secondDiv .protechLine { display: block; }
}

/* 鏍忕洰鏍囬鍙充晶鐐瑰嚮鏌ョ湅鏇村鎸夐挳鏍峰紡缁撴潫 */

/* 鍏叡鏍囬缁撴潫 */

/* 浜岀骇鏍忕洰鎴愬姛妗堜緥妯″潡鏍峰紡寮€濮� */

.secondDiv .secondSolve { padding-top: 40px; font-size: 32px; background-color: #fff; padding-bottom: 50px; }
.secondDiv .secondSolveConList:after { content: ''; display: block; clear: both; }
.secondDiv .secondSolveConList li { width: 31.66%; float: left; margin-left: 2.5%; font-size: 22px; }
.secondDiv .secondSolveConList li:first-child { margin-left: 0; }
.secondDiv .secondSolveConList li a { display: block; width: 100%; height: 100%; }
.secondDiv .secondSolveConList li .secondSolveConListImg { display: block; width: 100%; overflow: hidden; cursor: pointer; }
.secondDiv .secondSolveConList li .secondSolveConListImg:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.secondDiv .secondSolveConList li .secondSolveConListImg img { display: block; width: 100%; -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); }
.secondDiv .secondSolveConListText { padding: 20px; }
.secondDiv .secondSolveConListText h5 { font-size: 24px; color: #333; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.secondDiv .secondSolveConListText p { font-size: 14px; color: #333; margin-top: 3%; line-height: 1.5; }
body.ie8 .secondDiv .secondSolveConListText h5 { height: 32px; }
body.ie8 .secondDiv .secondSolveConListText p { height: 63px; }
@media screen and (max-width:768px) {
    .secondDiv .secondSolve { padding: 0; font-size: 75px; }
    .secondDiv .secondSolveConList { padding-bottom: 1px; }
    .secondDiv .secondSolveConList li { width: 100%; float: none; margin: 0 0 4.67% 0 }
    .secondDiv .secondSolveConListText { font-size: 75px; padding: 4.6% 3.3% 5.3%; }
    .secondDiv .secondSolveConListText h5 { font-size: 46.6%; }
    .secondDiv .secondSolveConListText p { font-size: 40%; color: #666; }
}
@media screen and (max-width:700px) {
    .secondDiv .secondSolve,
    .secondDiv .secondSolveConListText { font-size: 60px; }
}
@media screen and (max-width:640px) {
    .secondDiv .secondSolve,
    .secondDiv .secondSolveConListText { font-size: 50px; }
}
@media screen and (max-width:414px) {
    .secondDiv .secondSolve,
    .secondDiv .secondSolveConListText { font-size: 44px; }
}
@media screen and (max-width:375px) {
    .secondDiv .secondSolve,
    .secondDiv .secondSolveConListText { font-size: 37.5px; }
}

/* 浜岀骇鏍忕洰鎴愬姛妗堜緥妯″潡鏍峰紡缁撴潫 */

/* 婊戝姩鏍囪瘑鏍峰紡寮€濮� */

.secondDiv .swiperBtn { text-align: center; line-height: 0; margin-top: 2%; }

/* 婊戝姩鏍囪瘑鏍峰紡缁撴潫 */

/* 鎺у埗pc h5鏄剧ず寮€濮� */

body .secondDiv .secondH5 { display: none; }
@media screen and (max-width:768px) {
    body .secondDiv .secondPC { display: none; }
    body .secondDiv .secondH5,
    .protechLine { display: block; }
    body .secondDiv .secondBanner { padding-top: 0; }
}

/* 鎺у埗pc h5鏄剧ず缁撴潫 */

/* 浜岀骇鏍忕洰鍏叡鏍峰紡缁撴潫 */

/* 琛屼笟瑙ｅ喅鏂规椤甸潰寮€濮� */

/* 琛屼笟瑙ｅ喅鏂规寮€濮� */

/* PC绔� */

.secondDiv .industrySolution { font-size: 32px; padding-top: 40px; }
.secondDiv .industrySoluList:after { content: ''; display: block; clear: both; }
.secondDiv .industrySoluList li { width: 26%; padding: 10px 3.65%; float: left; box-sizing: content-box; margin-bottom: 3%; }
.secondDiv .industrySoluList li:hover { background-color: #f9f9f9; }
.secondDiv .industrySoluList li:hover .indSoluListTit { color: #e60012; }
.secondDiv .industrySoluList li a { display: block; width: 100%; height: 100%; }
.secondDiv .indSoluListImg { display: block; width: 22%; margin: 0 auto; }
.secondDiv .indSoluListImg img { display: block; width: 100%; }
.secondDiv .indSoluListTit { text-align: center; font-size: 22px; color: #242424; margin-top: 6.4%; }
.secondDiv .indSoluListText { text-align: center; font-size: 14px; color: #666666; line-height: 1.6; margin-top: 5.4%; }

/* 绉诲姩绔� */
.secondDiv .industrySoluConH5 { display: none; background-color: #f5f5f5; padding: 6.4% 0; }
.secondDiv .swiper-containerSolu { width: 100%; height: 100%; overflow: hidden; }
.secondDiv .swiper-containerSolu .swiper-slide { float: left; padding: 0 16px; }
.secondDiv .swiper-containerSolu .swiper-slide:after { content: ''; display: block; clear: both; }
.secondDiv .swiper-containerSolu a { display: block; width: 30%; height: 100%; margin-left: 5%; float: left; background-color: #fff; padding: 4.6% 3.3%; }
.secondDiv .swiper-containerSolu a .indSoluListImg { width: 44%; }
.secondDiv .swiper-containerSolu a .indSoluListTit { font-size: 37.3%; color: #242424; margin-top: 16%; }
.secondDiv .swiper-containerSolu a .indSoluListText { font-size: 30%; color: #666; margin-top: 9%; }
.secondDiv .swiper-containerSolu a:first-child { margin-left: 0; }
body.ie8 .industrySoluConH5 a { margin-bottom: 20px; }
body.ie8 .secondSolveConList li { border: 1px solid #e8e8e8; }
@media screen and (max-width:768px) {
    .secondDiv .industrySoluCon { display: none; }
    .secondDiv .industrySoluConH5 { display: block; }
    .secondDiv .industrySolution .secondWrapBox { padding: 0; }
    .secondDiv .swiper-containerSolu a .indSoluListText { text-align: left; }
}

/* 琛屼笟瑙ｅ喅鏂规缁撴潫 */

/* 鎴愬姛妗堜緥鍗曠嫭鏍峰紡寮€濮� */

#industry_solution .secondSolve { background-color: #f5f5f5; }
@media screen and (max-width:768px) {
    #industry_solution .secondSolve { background-color: #fff; }
}

/* 鎴愬姛妗堜緥鍗曠嫭鏍峰紡缁撴潫 */
@media screen and (max-width:768px) {

    /* 鏍囬澶у皬鍙樺寲 */
    .secondDiv .industrySolution { font-size: 75px; padding-top: 0; }
    .secondDiv .secondEntH3 { width: 100%; padding: 6.6% 0 4%; text-align: center; color: #3c3c3c; font-size: 59.4%; border: none; margin: 0; height: auto; line-height: 1; }
}
@media screen and (max-width:700px) {
    .secondDiv .industrySolution { font-size: 60px; }
}
@media screen and (max-width:640px) {
    .secondDiv .industrySolution { font-size: 50px; }
}
@media screen and (max-width:414px) {
    .secondDiv .industrySolution { font-size: 44px; }
}
@media screen and (max-width:375px) {
    .secondDiv .industrySolution { font-size: 37.5px; }
}

/* 琛屼笟瑙ｅ喅鏂规椤甸潰缁撴潫 */

/* SMB瑙ｅ喅鏂规椤甸潰寮€濮� */

/* PC绔� */

.secondDiv .SMBsolution { font-size: 32px; padding-top: 40px; background-color: #fff; }

/* 鐧借壊搴曡壊绫诲悕 */
.secondDiv .SMB_fff { background-color: #fff; }
.secondDiv .SMB_fff .SMBsolutionListImg { float: right; }
.secondDiv .SMB_fff .SMBsolutionListText { width: 100%; padding-right: 432px; padding-top: 3.9%; }

/* 鐏拌壊搴曡壊绫诲悕 */
.secondDiv .SMB_f5f { background-color: #f5f5f5; }
.secondDiv .SMB_f5f .SMBsolutionListImg { float: left; }
.secondDiv .SMB_f5f .SMBsolutionListText { width: 100%; padding-left: 432px; padding-top: 3.9%; }
.secondDiv .SMBsolutionListImg { overflow: hidden; }
.secondDiv .SMBsolutionListImg:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.secondDiv .SMBsolutionListImg a { display: block; width: 100%; height: 100%; }
.secondDiv .SMBsolutionListImg img { -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); }
.secondDiv .SMBsolutionListText h3 { font-size: 24px; color: #333; }
.secondDiv .SMBsolutionListText h3 a { display: inline-block; max-width: 100%; height: 100%; color: #333; }
.secondDiv .SMBsolutionListText p { font-size: 14px; color: #666; margin-top: 20px; line-height: 1.85; }
.secondDiv .SMBsolutionListGo { width: 100%; height: 20px; margin-top: 2.5%; }
.secondDiv .SMBsolutionListGo a { display: inline-block; float: right; line-height: 20px; padding-right: 30px; position: relative; font-size: 14px; color: #333; }
.secondDiv .SMBsolutionListGo a img { display: block; width: 20px; position: absolute; top: 0; right: 0; }
.secondDiv .SMBsolutionList { overflow: hidden; }
.secondDiv .SMBsolutionList li { width: 100%; height: 232px; padding: 40px 0; box-sizing: content-box; }
.secondDiv .SMBsolutionList li:after { content: ''; display: block; clear: both; }
.secondDiv .SMBsolutionListImg { width: 382px; }
.secondDiv .SMBsolutionListImg img { display: block; width: 100%; }
.secondDiv .SMBListopen { display: inline-block; height: 20px; float: right; position: relative; padding-right: 30px; cursor: pointer; }
.secondDiv .openList { height: 20px; margin-top: 30px; }
.secondDiv .SMBListopen img { display: block; width: 20px; position: absolute; top: 0; right: 0; }
.secondDiv .SMBListopen span { display: block; height: 20px; float: right; font-size: 14px; line-height: 20px; color: #e60517; }
.secondDiv .SMBListopen .closeGo { display: none; }

/* 绉诲姩绔� */
.secondDiv .SMBsolutionH5Btn { display: none; }
@media screen and (max-width:768px) {

    /* 鏍囬澶у皬鍙樺寲 */
    .secondDiv .SMBsolution { font-size: 75px; padding-top: 0; }
    .secondDiv .openList { display: none; }
    .secondDiv .SMBsolutionH5Btn { display: block; }
    .secondDiv .secondSolve { background-color: #f5f5f5; margin-top: 5.3%; }
    .secondDiv .SMBsolutionPC { overflow: hidden; padding-bottom: 5.3%; }
    .secondDiv .SMBsolutionPC li { width: 100%; padding: 0 16px; box-sizing: border-box; }
    .secondDiv .SMBsolutionPC li .secondWrapBox { padding: 0; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
    .secondDiv .SMBsolutionListImg { width: 100%; }
    .secondDiv .SMBsolutionList { overflow: visible; }
    .secondDiv .SMBsolutionListText { width: 100%; padding: 5.2% 4% 6.7%; }
    .secondDiv .SMBsolutionListText h3 { font-size: 46.6%; color: #333; }
    .secondDiv .SMBsolutionListText p { font-size: 40%; color: #666; margin-top: 2%; line-height: 1.6; }
    body.ie8 .SMBsolutionPC li .secondWrapBox { border: 1px solid #f5f5f5; }
    .secondDiv .SMBsolutionListGo { width: 100%; margin-top: 5.3%; }
    .secondDiv .SMBsolutionListGo a { display: inline-block; float: right; position: relative; padding-right: 6.6%; font-size: 37%; line-height: 1; color: #333; }
    .secondDiv .SMBsolutionListGo a img { display: block; width: auto; height: 100%; position: absolute; top: 0; right: 0; }
    body.ie8 .SMBsolutionList li { margin-bottom: 20px; }
}
@media screen and (max-width:700px) {
    .secondDiv .SMBsolution { font-size: 60px; }
}
@media screen and (max-width:640px) {
    .secondDiv .SMBsolution { font-size: 50px; }
}
@media screen and (max-width:414px) {
    .secondDiv .SMBsolution { font-size: 44px; }
}
@media screen and (max-width:375px) {
    .secondDiv .SMBsolution { font-size: 37.5px; }
}

/* SMB瑙ｅ喅鏂规椤甸潰缁撴潫 */

/* 鎶€鏈В鍐虫柟妗堝紑濮嬶紙鍗曠嫭鏍峰紡锛� */

#technology_solution .secondSolve { background-color: #f5f5f5; }
#technology_solution .solutionGoList { width: 100%; margin-top: 3%; line-height: 0; }
#technology_solution .solutionGoList a { display: block; float: left; margin-right: 3%; font-size: 14px; line-height: 1; color: #333; margin-bottom: 20px; }
#technology_solution .solutionGoList a span { color: #e60012; margin-right: 10px; }
@media screen and (max-width:1000px) {
    #technology_solution .SMBsolutionListText { padding-top: 1%; }
}
@media screen and (max-width:768px) {
    #technology_solution .SMBsolutionListText { padding-top: 4%; padding-bottom: 2%; }
    #technology_solution .solutionGoList a { min-width: 30%; margin: 0 0 4% 0; font-size: 34%; color: #333333; }
}

/* 鎶€鏈В鍐虫柟妗堢粨鏉� */

/* 鏂癐T椤跺眰瑙勫垝寮€濮� */

.secondDiv .secondPicture { font-size: 32px; padding-top: 40px; }
.secondDiv .secondPictureCon { width: 100%; padding: 40px 0; box-sizing: content-box; overflow: hidden; background-color: #f5f5f5; }
.secondDiv .secondPictureImg { width: 500px; float: left; overflow: hidden; }
.secondDiv .secondPictureImg:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
.secondDiv .secondPictureImg img { display: block; width: 100%; -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); }
.secondDiv .secondPictureText { width: 100%; padding-left: 575px; padding-top: 60px; }
.secondDiv .secondPictureText h3 { font-size: 30px; color: #3c3c3c; }
.secondDiv .secondPictureText p { font-size: 16px; color: #666; margin-top: 2.3%; line-height: 1.5; }
@media screen and (max-width:1100px) {
    .secondDiv .secondPictureText { padding-top: 30px; }
}
@media screen and (max-width:980px) {
    .secondDiv .secondPictureText { padding-top: 0px; }
}
@media screen and (max-width:900px) {
    .secondDiv .secondPicture { font-size: 75px; }
    #top_level_planning .secondEntH3 { font-size: 32px; }
    .secondDiv .secondPictureCon { width: auto; padding: 5.3% 16px; }
    .secondDiv .secondPictureCon .secondWrapBox { padding: 0; background-color: #fff; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
    .secondDiv .secondPictureImg { width: 100%; float: none; }
    .secondDiv .secondPictureText { float: none; padding: 4.1% 3.34%; }
    .secondDiv .secondPictureText h3 { font-size: 40%; color: #3c3c3c; }
    .secondDiv .secondPictureText p { font-size: 34.66%; color: #666666; margin-top: 3.1%; }
}
@media screen and (max-width:768px) {
    .secondDiv .secondPicture { padding-top: 0; }
}
@media screen and (max-width:700px) {
    .secondDiv .secondPicture { font-size: 60px; }
}
@media screen and (max-width:640px) {
    .secondDiv .secondPicture { font-size: 50px; }
}
@media screen and (max-width:414px) {
    .secondDiv .secondPicture { font-size: 44px; }
}
@media screen and (max-width:375px) {
    .secondDiv .secondPicture { font-size: 37.5px; }
}

/* 鍗曠嫭鏍峰紡寮€濮� */
#top_level_planning .serviceList { font-size: 32px; padding-top: 40px; }
#top_level_planning .serviceLevelConList:after { content: ''; display: block; clear: both; }
#top_level_planning .serviceLevelConList li { width: 32%; float: left; margin-left: 1%; height: 200px; }
#top_level_planning .serviceLevelConList li:hover { background: #f9f9f9; }
#top_level_planning .serviceLevelConList li:hover .serviceLevelConImgH5 { color: #e60012; }
#top_level_planning .serviceLevelConList li a { display: block; width: 100%; padding: 7.8% 0 7.7%; }
#top_level_planning .serviceLevelConImg { display: block; width: 100%; margin-top: 10px; }
#top_level_planning .serviceLevelConImg img { display: block; height: 62px; margin: 0 auto; }
#top_level_planning .serviceLevelConImgH5 { width: 100%; padding: 0 2%; text-align: center; margin: 20px 0 15px; font-size: 22px; color: #242424; }
#top_level_planning .serviceLevelConImgp { width: 80%; overflow: hidden; margin: 0 auto; text-align: center; font-size: 14px; color: #666666; }
@media screen and (max-width:768px) {
    #top_level_planning .serviceList { padding-top: 0; font-size: 75px; }
    #top_level_planning .secondEntH3 { font-size: 59.4%; }
    #top_level_planning .serviceLevelConList li { width: 33.33%; padding: 0 2%; margin: 0; }
    #top_level_planning .serviceLevelConImgH5 { color: #333; font-size: 46.6%; }
    #top_level_planning .serviceLevelConImgp { width: 90%; font-size: 40%; color: #666; text-align: left; }
}
@media screen and (max-width:700px) {
    #top_level_planning .serviceList { font-size: 60px; }
}
@media screen and (max-width:640px) {
    #top_level_planning .serviceList { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #top_level_planning .serviceList { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #top_level_planning .serviceList { font-size: 37.5px; }
}

/* 鏂癐T椤跺眰瑙勫垝缁撴潫 */

/* 鏂颁竴浠ｆ暟鎹腑蹇冨紑濮�(鍗曠嫭鏍峰紡) */

#Date_center .techH5 { display: none; }

/* 鏂颁竴浠ｆ暟鎹腑蹇� */
#Date_center .techdata { padding-bottom: 50px; padding-top: 40px; background: #fff; font-size: 32px; }

/* width 1068px */
#Date_center .techdataConIconList { width: 89%; margin: 0 auto; }
#Date_center .techdataConIconList:after { content: ''; display: block; clear: both; }
#Date_center .techdataConIconList li { width: 14.6%; float: left; margin-left: 13.866%; }
#Date_center .techdataConIconList li a { display: block; width: 100%; height: 100%; }
#Date_center .techdata li:first-child { margin-left: 0; }
#Date_center .techdataConIconList li img { display: block; width: 100%; }
#Date_center .techdataConLine { width: 100%; height: 60px; background-image: url(../images/technical/techdataConLine.png); background-repeat: no-repeat; background-position: center center; }
#Date_center .techdataConLineList { width: 89%; height: 100%; margin: 0 auto; }
#Date_center .techdataConLineList li { width: 14.6%; height: 100%; float: left; margin-left: 13.866%; background-image: url(../images/technical/techdataConLinedot.png); background-repeat: no-repeat; background-position: center center; }
#Date_center .techdataTextList { width: 100%; height: 47px; margin: 0 auto; }
#Date_center .techdataTextList li { width: 25%; height: 100%; float: left; }
#Date_center .techdataTextListData img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#Date_center .techdataTextListData span { position: relative; z-index: 3; }
#Date_center .techdataTextListData { width: 180px; height: 47px; line-height: 47px; display: block; font-size: 22px; color: #3c3c3c; margin: 0 auto; text-align: center; position: relative; z-index: 2; }
#Date_center .techLong { width: 260px; }
@media screen and (max-width:1200px) {
    #Date_center .techdataTextListData { width: 150px; height: 39px; line-height: 39px; font-size: 18px; }
    #Date_center .techLong { width: 210px; }
}
@media screen and (max-width:990px) {
    #Date_center .techdataTextListData { width: 120px; height: 31px; line-height: 31px; font-size: 12px; }
    #Date_center .techLong { width: 160px; }
}
@media screen and (max-width:900px) {
    #Date_center .secondEntH3 { font-size: 32px; }
}

/* 绉诲姩绔柊涓€浠ｆ暟鎹腑蹇冨紑濮� */
#Date_center .techH5data .techH5Tit { width: 100%; padding: 5.3% 0 4%; background-color: #fff; text-align: center; color: #3c3c3c; font-size: 59.4%; }
#Date_center .techH5dataCon { overflow: hidden; background: #fff; position: relative; }
#Date_center .techH5dataTop { width: 100%; }
#Date_center .techH5dataTop:after { content: ''; display: block; clear: both; }
#Date_center .techH5dataTop li { width: 50%; float: left; }
#Date_center .techH5 .techH5dataTop li img { display: block; width: 48.8%; margin: 0 auto; }
#Date_center .techH5dataCenter { width: 100%; height: 7px; background-image: url(../images/technical/techH5dataCenter.png); background-repeat: no-repeat; background-position: center center; }
#Date_center .techH5dataCenter li { width: 50%; height: 100%; float: left; }
#Date_center .techH5dataCenter li i { display: block; width: 7px; height: 7px; background-image: url(../images/technical/techdataConLinedot.png); background-repeat: no-repeat; margin: 0 auto; }
#Date_center .techH5dataBott { padding: 6.26% 0; }
#Date_center .techH5dataBott li { width: 50%; height: 100%; float: left; }
#Date_center .techH5dataBott li .techBox { display: block; width: 61.33%; height: 100%; margin: 0 auto; position: relative; padding: 2.67% 0; text-align: center; font-size: 37.33%; line-height: 1.5; color: #3c3c3c; }
#Date_center .techH5dataBott li .techBox.long { width: 90%; }
#Date_center .techH5dataBott li .techBox>img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#Date_center .techH5dataBott li .techBox>span { display: block; width: 100%; height: 100%; position: relative; }
#Date_center .techH5 .swiper-button-prev,
#Date_center .techH5 .swiper-button-next { background-image: none; width: 4.9%; top: 15%; margin-top: 0; }
.swiper-containerDataH5>span>img { display: block; width: 100%; }
body.ie8 .swiper-containerDataH5>span { display: none; }
body.ie8 .swiper-containerDataH5 .swiper-slide { margin-bottom: 20px; }

/* 绉诲姩绔柊涓€浠ｆ暟鎹腑蹇冪粨鏉� */
@media screen and (max-width:768px) {
    #Date_center .technicalPc { display: none; }
    #Date_center .techH5 { display: block; font-size: 75px; }
    #Date_center .secondEntH3 { font-size: 59.4%; }
}
@media screen and (max-width:700px) {
    #Date_center .techH5 { font-size: 60px; }
}
@media screen and (max-width:640px) {
    #Date_center .techH5 { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #Date_center .techH5 { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #Date_center .techH5 { font-size: 37.5px; }
}

/* 鏂颁竴浠ｆ暟鎹腑蹇冪粨鏉� */

/* 鏂癐T琛屼笟搴旂敤寮€濮� */

/* 鏂癐T琛屼笟搴旂敤缁撴潫 */

/* 鎿嶄綔绯荤粺寮€濮� */

#software .secondSolve { background-color: #f5f5f5; }

/* 鎿嶄綔绯荤粺缁撴潫 */

/* 鏅鸿兘缁堢浜у搧寮€濮� */

/* 鏅鸿兘缁堢浜у搧缁撴潫 */

/* 浼佷笟绾т骇鍝佸紑濮� */

#Enterprise_product .secondSolve { background-color: #f5f5f5; }
@media screen and (max-width:900px) {
    #Enterprise_product .secondEntH3 { font-size: 32px; }
}
@media screen and (max-width:768px) {
    #Enterprise_product .secondSolve { background-color: #fff; margin-top: 0; }
    #Enterprise_product .secondEntH3 { font-size: 59.4%; }
}

/* 浼佷笟绾т骇鍝佺粨鏉� */

/* 鏂囨。涓庤蒋浠跺紑濮� */

#Document .documentBox { font-size: 32px; padding-top: 40px; }
#Document .documentBoxCon { background: #f5f5f5; padding: 40px 0; }
#Document .documentWrapNav { width: 100%; height: 80px; background: #f5f5f5; }
#Document .documentWrapNav li { width: 33.2%; height: 68px; line-height: 68px; float: left; margin-top: 12px; margin-left: 0.2%; background: #fdfdfd; border-bottom: 1px solid #ececec; cursor: pointer; }
#Document .documentWrapNav li.active { color: #e61002; height: 80px; line-height: 80px; margin-top: 0; background: #fff; border: 1px solid #ececec; border: 0; border-bottom: 1px solid #fff; -webkit-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05); box-shadow: 0 -2px 4px rgba(0, 0, 0, 0.05); }
#Document .documentWrapNav li.active span img { top: 22.5px; }
#Document .documentWrapNav li:first-child { margin-left: 0; }
#Document .docunavImg { display: block; width: 35px; float: left; position: absolute; left: 0; top: 16px; }
#Document .documentWrapNav li span { width: 150px; height: 80px; display: block; font-size: 24px; padding-left: 45px; margin: 0 auto; position: relative; }
#Document .documentWrapCon { padding: 20px 30px; background: #fff; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
#Document .documentWrapCon:after { content: ''; display: block; clear: both; }
#Document .wrapScroll { padding: 10px 0 20px; }
#Document .WrapConBoxone { width: 18%; height: 370px; background: #fcfcfc; border: 1px solid #f7f6f6; overflow-y: scroll; float: left; }
#Document .WrapConBoxtwo { width: 35%; height: 370px; background: #fcfcfc; border: 1px solid #f7f6f6; overflow-y: scroll; float: left; margin-left: 1.5%; }
#Document .WrapConBoxthr { width: 44%; height: 370px; background: #fcfcfc; border: 1px solid #f7f6f6; overflow-y: scroll; float: left; margin-left: 1.5%; }
#Document .documentWrapList { width: 100%; height: 100%; }
#Document .documentWrapList li { width: 100%; height: 28px; overflow: hidden; line-height: 28px; margin-bottom: 5px; position: relative; padding-left: 28px; padding-right: 29%; font-size: 14px; color: #666; cursor: pointer; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
#Document .documentWrapList li a { display: block; width: 100%; height: 100%; color: #666; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
#Document .documentWrapList li.hoveract,
#Document .documentWrapList li.hoveract a { color: #e60012; background: #eee; }
#Document .documentWrapList li.hoveract .listgoto { display: block; }
#Document .documentWrapList li:hover { color: #e60012; background: #eee; }
#Document .documentWrapList li:hover .listgoto { display: block; }
#Document .documentWrapList li:hover a { color: #e60012; }
#Document .documentWrapSearch { display: none; padding: 60px 0; background: #fff; -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
#Document .searchCon { width: 73.75%; margin: 0 auto; }
#Document .searchTwoBox { width: 100%; height: 50px; background: #fcfcfc; border: 1px solid #f7f6f6; position: relative; }
#Document .searchDocumentInput { display: block; width: 100%; height: 100%; line-height: 50px; border: none; background: #fcfcfc; padding: 0 130px 0 20px; font-size: 14px; color: #333; }
#Document .searchBoxbtn { width: 124px; height: 100%; position: absolute; top: 0; right: 0; }
#Document .searchBoxbtn img { display: block; width: 20px; position: absolute; left: 28px; top: 15px; }
#Document .searchBoxbtn input { display: block; width: 100%; height: 100%; border: 0; background: #f5f5f5; font-size: 24px; color: #333; padding-left: 50px; }
#Document .kerwordList { width: 100%; margin-top: 40px; }
#Document .kerwordList:after { content: ''; display: block; clear: both; }
#Document .kerwordList li { width: 17.5%; float: left; margin-right: 10%; height: 50px; background: #fcfcfc; border: 1px solid #f7f6f6; font-size: 14px; color: #666; text-align: center; line-height: 50px; margin-bottom: 20px; cursor: pointer; }
#Document .listgoto { display: block; width: 7px; position: absolute; right: 10%; top: 8px; display: none; }
#Document .documentGoto { width: 100%; height: 78px; margin-top: 30px; }
#Document .documentGoto li { width: 33.2%; height: 78px; float: left; margin-left: 0.2%; line-height: 78px; text-align: center; }
#Document .documentGoto li:hover a { background: #e61002; color: #fff; border: none; }
#Document .documentGoto li:first-child { margin-left: 0; }
#Document .documentGoto li a { display: block; width: 100%; height: 100%; font-size: 24px; color: #666; background-color: #fff; border: 1px solid #e5e5e5; }
#Document .documentGoto li:first-child { margin-left: 0; }
#Document .documentH5 { display: none; padding: 6.4% 16px; background: #f5f5f5; }
#Document .documentH5List { width: 100%; height: 100%; }
#Document .documentH5List li { width: 100%; background: #fff; margin-bottom: 4%; }
#Document .documentH5List li a { display: block; padding: 6.9% 0; width: 100%; height: 100%; line-height: 1; }
#Document .documentH5List li span { display: block; width: 31%; height: 100%; padding: 1% 0 1% 9%; font-size: 37.33%; color: #666; position: relative; margin: 0 auto; }
#Document .documentH5List li span img { display: block; height: 100%; position: absolute; top: 0; left: 0; }

/*婊氬姩鏉℃牱寮�*/
#Document .wrapScroll::-webkit-scrollbar {    /*婊氬姩鏉℃暣浣撴牱寮�*/
width: 4px;    /*楂樺鍒嗗埆瀵瑰簲妯珫婊氬姩鏉＄殑灏哄*/ height: 4px; }
#Document .wrapScroll::-webkit-scrollbar-thumb {    /*婊氬姩鏉￠噷闈㈠皬鏂瑰潡*/
border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(220, 220, 220, 1); background: #dcdcdc; }
#Document .wrapScroll::-webkit-scrollbar-track {    /*婊氬姩鏉￠噷闈㈣建閬�*/
-webkit-box-shadow: inset 0 0 5px rgba(248, 248, 248, 1); background: #f8f8f8; }
@media screen and (max-width:1000px) {
    #Document .documentWrapNav li span { font-size: 20px; }
}
@media screen and (max-width:768px) {
    #Document .documentBox { font-size: 75px; padding-top: 0; }
    #Document .documentPC { display: none; }
    #Document .documentH5 { display: block; }
}
@media screen and (max-width:700px) {
    #Document .documentBox { font-size: 60px; }
}
@media screen and (max-width:640px) {
    #Document .documentBox { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #Document .documentBox { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #Document .documentBox { font-size: 37.5px; }
}

/* 鏂囨。涓庤蒋浠剁粨鏉�

/*浜у搧璁㈤槄鏍峰紡寮€濮�*/
#Document .select-res-but { text-align: center; margin: 20px 0; }
#Document .select-res-but input { padding: 10px 0px; color: #fff; font-size: 16px; background: #e60012; width: 150px; text-align: center; cursor: pointer; border: 0; display: inline-block; }
#Document .product_subscription p { color: #333; font-size: 16px; }
#Document .select-res p { font-size: 14px; padding: 8px 30px 8px 16px; border-bottom: 1px dashed #ddd; position: relative; }
#Document .select-res p:before { content: '>'; color: #e60012; margin-right: 5px; position: absolute; left: 0; }
#Document .select-res p:last-child { border-bottom: 0; }
#Document .select-res p a { display: block; width: 28px; height: 28px; position: absolute; right: 0; top: 4px; cursor: pointer; background: url(/cn/tres/NewWebUI/images/index/subscription_close.png) no-repeat; }
.product_subscription .select-box { -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 2px 6px rgba(0, 0, 0, 0.05); }
.product_subscription .select-box .wrap ul::-webkit-scrollbar-thumb { border-radius: 5px; -webkit-box-shadow: inset 0 0 5px rgba(220, 220, 220, 1); background: #dcdcdc; }
.product_subscription .select-box .wrap ul::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 5px rgba(248, 248, 248, 1); background: #f8f8f8; }
.product_subscription .select-box .wrap ul::-webkit-scrollbar { width: 4px; height: 4px; }
.product_subscription .select-box .wrap ul { padding: 10px 0 20px; height: 370px; background: #fcfcfc; border: 1px solid #f7f6f6; overflow-y: scroll; float: left; }
.product_subscription .select-box .wrap { padding: 20px; background: #fff; }
.product_subscription .select-box .wrap ul li { width: 100%; height: 28px; overflow: hidden; line-height: 28px; margin-bottom: 5px; position: relative; padding-left: 28px; padding-right: 29%; font-size: 14px; color: #666; cursor: pointer; -webkit-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; }
.product_subscription .select-box .wrap ul li.selected { position: relative; color: #e60012; background: #eee; }
.product_subscription .select-box .wrap ul li:hover:after,
.product_subscription .select-box .wrap ul li.selected:after { content: '>'; color: #e60012; position: absolute; right: 10px; background: #eee; top: 0; }
.product_subscription .select-box .wrap ul li:hover { background: #eee; }
.product_subscription .select-box .wrap ul li.selected { position: relative; color: #e60012; background: #eee; }
.product_subscription .select-box .wrap ul.third li:hover:after,
.product_subscription .select-box .wrap ul.third li.selected:after { content: ''; }
.product_subscription .select-box .wrap ul.first { width: 18%; }
.product_subscription .select-box .wrap ul.second { width: 35%; margin: 0 1.5%; }
.product_subscription .select-box .wrap ul.third { width: 44%; }
@media screen and (max-width:767px) {
    #Document .product_subscription .select-box .wrap ul { width: 100%; height: 200px; margin: 15px 0; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); padding: 0; }
    .product_subscription .select-box .wrap { padding: 15px; }
    #Document .select-res p a { background: url(/cn/tres/NewWebUI/images/index/subscription_close_mb.png) no-repeat; background-size: cover; }
}

/*浜у搧璁㈤槄鏍峰紡缁撴潫*/

/* 鍦ㄧ嚎甯姪寮€濮� */
@media screen and (max-width:768px) {
    #top_level_planning.onlie_service .serviceLevelConList li { background: #ffffff; padding: 0; margin-bottom: 4.6%; width: 48.57%; }
    #top_level_planning.onlie_service .serviceLevelConImgp { padding: 0 2%; }
    .onlie_service .serviceList { background-color: #f5f5f5; }
}
@media screen and (max-width:768px) {
    #top_level_planning.onlie_service .serviceLevelConImgH5 { font-size: 40%; }
    #top_level_planning.onlie_service .serviceLevelConImgp { font-size: 34%; }
}
@media screen and (max-width:480px) {
    #top_level_planning.onlie_service .serviceLevelConImgH5 { font-size: 36%; }
    #top_level_planning.onlie_service .serviceLevelConImgp { font-size: 30%; }
    #top_level_planning .serviceLevelConImg img { height: auto; width: 60%; }
}

/* 鍦ㄧ嚎甯姪缁撴潫 */

/* 鏀跨瓥鍔ㄦ€佸紑濮� */

.secondDiv.Policy_dynamics .industrySoluList li { width: 28%; padding: 10px 2.65%; }
@media screen and (max-width:768px) {
    .Policy_dynamics #newsWrap.protechJourn { background: #ffffff; }
    .Policy_dynamics #newsWrap.protechJourn .columEntH3 { background: #ffffff; }
}

/* 鏀跨瓥鍔ㄦ€佺粨鏉� */

/* 娓犻亾鏂伴椈寮€濮�*/

.become_partners.secondDiv .secondSolveConListText span.more { display: block; text-align: right; width: 100%; height: 20px; font-size: 14px; margin-top: 8px; color: #333; }
.become_partners.secondDiv .secondSolveConListText span.more img { position: relative; top: 5px; margin-left: 10px; right: 0; }
.become_partners.secondDiv .secondSolveConListText h6 { color: #333; font-size: 18px; }
.become_partners.secondDiv ul.shandowHoverall li { position: relative; padding-bottom: 40px; }

/* 娓犻亾鏂伴椈缁撴潫*/

/*鍚堜綔浼欎即璧勬簮涓績寮€濮�*/

#partner_resource_centre .solutionGoList { width: 100%; margin-top: 3%; line-height: 0; }
#partner_resource_centre .solutionGoList a { display: block; float: left; margin-right: 3%; font-size: 14px; line-height: 1; color: #333; margin-bottom: 20px; }
#partner_resource_centre .solutionGoList a span { color: #e60012; margin-right: 10px; }
#partner_resource_centre.secondDiv .SMBsolutionList li { height: auto; }
#partner_resource_centre.secondDiv .solutionGoList:after { content: ''; display: block; clear: both; }

/* 妯℃澘鍏徃鍔ㄦ€佹牱寮� */
#partner_resource_centre.secondDiv .SMBsolutionListNews { width: 100%; margin-top: 20px; }
#partner_resource_centre.secondDiv .SMBsolutionListNews p { width: 100%; padding-left: 16px; font-size: 14px; line-height: 1; color: #333; margin-bottom: 20px; position: relative; }
#partner_resource_centre.secondDiv .SMBsolutionListNews p a { display: block; width: 100%; height: 100%; color: #333; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
#partner_resource_centre.secondDiv .SMBsolutionListNews p a:hover { color: #e60012; }
#partner_resource_centre.secondDiv .SMBsolutionListNews p span { display: block; width: 10px; text-align: center; position: absolute; top: 0; left: 0; color: #e60012; }

/* 鍏徃姒傚喌鏍峰紡 */
#partner_resource_centre.secondDiv.company_info .H5seeMore { width: 100%; text-align: center; font-size: 40%; color: #e60012; display: none; cursor: pointer; }
#partner_resource_centre.secondDiv.company_info .H5seeMore span { display: inline-block; position: relative; }
#partner_resource_centre.secondDiv.company_info .H5seeMore img { height: 80%; vertical-align: middle; display: block; position: absolute; top: 10%; left: 100%; }

/* 瑙嗛鏍峰紡 */
#partner_resource_centre.secondDiv.company_info #videoWrapPC.videoPc { background: #f5f5f5; }
#videoWrapPC .proVidConList li { background: #fff; }
#videoWrapPC .proVidConText { -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
@media screen and (max-width:768px) {
    #partner_resource_centre.secondDiv .SMB_f5f .SMBsolutionListImg,
    #partner_resource_centre.secondDiv .SMB_fff .SMBsolutionListImg { float: none; }
    #partner_resource_centre.secondDiv .solutionGoList a { width: 50%; margin-right: 0; font-size: 40%; }
    #partner_resource_centre.secondDiv .SMB_f5f { background: #fff; }
    #partner_resource_centre.secondDiv .SMBsolutionList li { margin-bottom: 20px; }
    #partner_resource_centre.secondDiv .SMBsolutionPC { overflow: hidden; padding-bottom: 5.3%; }
    #partner_resource_centre.secondDiv .SMBsolutionPC li { width: 100%; padding: 0 16px; box-sizing: border-box; }
    #partner_resource_centre.secondDiv .SMBsolutionPC li .secondWrapBox { padding: 0; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
    #partner_resource_centre.secondDiv .SMBsolutionListImg { width: 100%; }
    #partner_resource_centre.secondDiv .SMBsolutionList { overflow: visible; }
    #partner_resource_centre.secondDiv .SMBsolutionListText { width: 100%; padding: 5.2% 4% 6.7%; }
    #partner_resource_centre.secondDiv .SMBsolutionListText h3 { font-size: 46.6%; color: #333; }
    #partner_resource_centre.secondDiv .SMBsolutionListText p { font-size: 40%; color: #666; margin-top: 2%; line-height: 1.6; }
    body.ie8 .SMBsolutionPC li .secondWrapBox { border: 1px solid #f5f5f5; }
    #partner_resource_centre.secondDiv .SMBsolutionListGo { width: 100%; margin-top: 5.3%; }
    #partner_resource_centre.secondDiv .SMBsolutionListGo a { display: inline-block; float: right; position: relative; padding-right: 6.6%; font-size: 37%; line-height: 1; color: #333; }
    #partner_resource_centre.secondDiv .SMBsolutionListGo a img { display: block; width: auto; height: 100%; position: absolute; top: 0; right: 0; }

    /* 妯℃澘鍏徃鍔ㄦ€佺Щ鍔ㄧ鏍峰紡 */
    #partner_resource_centre.secondDiv .SMBsolutionListNews p { margin-bottom: 4.2%; padding-left: 5%; margin-top: 0; }
    #partner_resource_centre.secondDiv .SMBsolutionListNews { margin-top: 4.6%; }
    #partner_resource_centre.secondDiv .SMBsolutionListNews p span { width: 4.4%; }

    /* 鍏徃姒傚喌鏍峰紡 */
    #partner_resource_centre.secondDiv.company_info .SMBsolutionList { overflow: hidden; }
    #partner_resource_centre.secondDiv.company_info .H5seeMore { display: block; margin-top: 2%; }
    #videoWrapH5 .protechH5VidBtn,
    #partner_resource_centre.secondDiv.company_info .protechH5Tit { background: #f5f5f5; }
    #partner_resource_centre.secondDiv.company_info #videoWrapH5 .protechH5VidBtn,
    #partner_resource_centre.secondDiv.company_info .protechH5VideoCon,
    #partner_resource_centre.secondDiv.company_info #videoWrapH5 { background: #f5f5f5; }
}

/*鍚堜綔浼欎即璧勬簮涓績缁撴潫*/

/* 鎴愪负鍚堜綔浼欎即寮€濮� */
@media screen and (max-width:768px) {
    .become_partners.secondDiv .secondSolveCon { padding: 0 16px; }
    .become_partners.secondDiv .secondSolve { background: #fff; }
    .become_partners.secondDiv .secondWrapBox { padding: 0; }
    .become_partners#top_level_planning .secondEntH3 { background: #ffffff; }
    .become_partners .serviceList { background: #f5f5f5; }
    .become_partners#top_level_planning .serviceLevelConList { padding: 0 16px; }
    .become_partners#top_level_planning .serviceLevelConList li { padding: 0 2%; margin: 4% 2%; width: 29.33%; background: #ffffff; }
    .become_partners#top_level_planning .serviceLevelConList li .serviceLevelConImgH5 { font-size: 42%; }
    .become_partners#top_level_planning .serviceLevelConImgp { font-size: 36%; }
}
@media screen and (max-width:550px) {
    .become_partners#top_level_planning .serviceLevelCon { font-size: 55px; }
}
@media screen and (max-width:480px) {
    .become_partners#top_level_planning .serviceLevelCon { font-size: 48px; }
}
@media screen and (max-width:414px) {
    .become_partners#top_level_planning .serviceLevelCon { font-size: 41.4px; }
}
@media screen and (max-width:375px) {
    .become_partners#top_level_planning .serviceLevelCon { font-size: 37.5px; }
}

/* 鎴愪负鍚堜綔浼欎即缁撴潫 */

/* 寤鸿涓〉闈㈠紑濮� */

#build_page .build_page_padd { padding-top: 100px; }
#build_page .build_page_icon { width: 100%; height: 576px; background: #fff; position: relative; }
#build_page .build_page_iconBox { width: 100%; height: 168px; position: absolute; top: 204px; left: 0; }
#build_page .build_page_iconBox>img { display: block; width: 163px; margin: 0 auto; }
#build_page .build_page_iconBox>p { display: block; text-align: center; margin: 0 auto; font-size: 20px; color: #333; margin-top: 26px; }
@media screen and (max-width:768px) {
    #build_page .build_page_padd { display: none; }
    #build_page .build_page_icon { height: auto; padding: 20% 0; }
    #build_page .build_page_iconBox { font-size: 50px; height: auto; position: relative; top: 0; left: 0; }
    #build_page .build_page_iconBox>img { width: 30%; }
    #build_page .build_page_iconBox>p { font-size: 40%; }
}
@media screen and (max-width:550px) {
    #build_page .build_page_iconBox { font-size: 55px; }
}
@media screen and (max-width:480px) {
    #build_page .build_page_iconBox { font-size: 48px; }
}
@media screen and (max-width:414px) {
    #build_page .build_page_iconBox { font-size: 41.4px; }
}
@media screen and (max-width:375px) {
    #build_page .build_page_iconBox { font-size: 37.5px; }
}

/* 寤鸿涓〉闈㈢粨鏉� */

/* 瓒嬪娍娲炲療闆嗗悎椤甸潰鏍峰紡寮€濮� */

/* 璇ラ儴鍒嗕娇鐢ㄧ殑 鍏充簬鎴戜滑-鍏徃姒傚喌 椤甸潰鐨勬ā鏉挎牱寮忥紝鎵€浠ヤ竴涓嬫牱寮忓眰绾у繀椤婚珮浜庨粯璁ゆ牱寮� */

.secondDiv #trend_insight li .SMBsolutionListImg { float: left; }
.secondDiv #trend_insight li .SMBsolutionListText { padding-left: 432px; padding-right: 0; padding-top: 3.9%; }
.secondDiv #trend_insight li .SMBsolutionListText h3 a { -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
@media screen and (max-width:768px) {
    .secondDiv #trend_insight li .SMBsolutionListText { width: 100%; padding: 5.2% 4% 6.7%; }
}

/* 瓒嬪娍娲炲療闆嗗悎椤甸潰鏍峰紡缁撴潫 */

/* 鍏叡鎼滅储椤甸潰寮€濮� */

#BaseSearch .crumbsBox { padding-top: 30px; background: #f5f5f5; }
#BaseSearch .crumbsBox #crumbs.colmunPc { margin-top: 0; }
#BaseSearch .baseSearchTop { background: #f5f5f5; padding-top: 30px; position: relative; z-index: 2; }
#BaseSearch .basesearchInput { width: 100%; height: 48px; border: 1px solid #d8d8d8; position: relative; }
#BaseSearch #txtSearch { width: 100%; height: 100%; line-height: 48px; border: none; background-color: none; padding-left: 20px; padding-right: 60px; font-size: 16px; color: #333333; position: absolute; top: 0; left: 0; }
#BaseSearch .baseBtnSearchicon { width: 60px; height: 48px; position: absolute; top: -1px; right: -1px; background-color: #e60012; }
#BaseSearch .baseBtnSearchicon>img { display: block; width: 24px; position: absolute; top: 12px; left: 16px; }
#BaseSearch #baseBtnSearch { display: block; width: 60px; height: 48px; position: absolute; top: -1px; right: -1px; background: none; border: none; }
#BaseSearch .searchdrapList { position: absolute; top: 47px; left: -1px; right: -1px; border: 1px solid #d8d8d8; border-top: 0; background: #fff; padding: 5px 0; display: none; }
#BaseSearch .searchdrapList li { width: 100%; padding-left: 2%; height: 32px; line-height: 32px; font-size: 14px; color: #333333; }
#BaseSearch .searchdrapList li:hover { color: #2266af; background: #f5f5f5; }

/* 閫夋嫨鎼滅储褰㈠紡鏍峰紡寮€濮� */
#BaseSearch .baseSearchTypeRad { width: 100%; padding: 14px 0 20px; overflow: hidden; }
#BaseSearch .baseSearchTypeLeft { width: 50%; height: 18px; list-style: height 18px; float: left; }
#BaseSearch .baseSearchTypeLeft>input { display: inline-block; width: 18px; height: 18px; -webkit-appearance: radio; background-color: #f5f5f5; border: 1px solid #b9b9b9; }
body.ie8 #BaseSearch .baseSearchTypeLeft>input { border: none; }
#BaseSearch .baseSearchTypeLeft>span { display: inline-block; height: 18px; line-height: 18px; font-size: 14px; color: #666666; vertical-align: top; }
#BaseSearch .Research { margin-right: 30px; }
#BaseSearch .baseSearchTypeRight { height: 18px; list-style: height 18px; float: right; color: #b8b8b8; font-size: 14px; }
#BaseSearch .baseSearchTypeRight>a { display: inline-block; color: #2266af; font-size: 14px; padding-right: 8px; padding-left: 4px; }
#BaseSearch .baseSearchTypeRight>a:hover { color: #e60012; }
#BaseSearch .baseSearchTypeRight>a.searchProblem { padding-right: 0; }

/* 閫夋嫨鎼滅储褰㈠紡鏍峰紡缁撴潫 */

/* 鎼滅储缁撴灉鍒楄〃鏍峰紡寮€濮� */

#BaseSearch .baseSearchList .secondWrapBox { overflow: hidden; }
#BaseSearch .baseSearchListCon { width: 72%; float: left; }
#BaseSearch .baseSearchListConTime { padding: 20px 0 14px; line-height: 14px; position: relative; border-bottom: 1px solid #e6e6e6; }
#BaseSearch .ListConTimeDes { width: 70%; font-size: 14px; line-height: 1.5; color: #666; }
#BaseSearch .ListConTimeType { float: right; position: absolute; right: 0; top: 20px; font-size: 14px; line-height: 1.5; color: #b8b8b8; }
#BaseSearch .ListConTimeType span { color: #2266af; padding-left: 4px; cursor: pointer; }
#BaseSearch .TypeDegree { padding-right: 8px; }
#BaseSearch .ListConTimeType span.TypeAvtive { color: #e60012; }

/* 鎼滅储缁撴灉涓孩鑹茬潃閲嶆牱寮� */
#BaseSearch .searchResult .highlight { color: #e60012; }
#BaseSearch .searchResultList li { margin-top: 20px; }
#BaseSearch .searchResultList li .searchResultListTit { color: #2266af; font-size: 16px; height: 16px; line-height: 1; }
#BaseSearch .searchResultList li .searchResultListTit a { display: inline-block; max-width: 100%; height: 100%; color: #2266af; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
#BaseSearch .searchResultList li .searchResultListTex { color: #666666; font-size: 14px; margin-top: 10px; line-height: 1.6; }
#BaseSearch .searchResultListUrl { font-size: 14px; color: #333; margin-top: 6px; }
#BaseSearch .searchResultListUrl>a { display: inline-block; padding-left: 8px; padding-right: 8px; border-left: 1px solid #9d9d9d; font-size: 14px; color: #95add1; }
#BaseSearch .searchResultListUrl>a:first-child { padding-left: 8px; border-left: none; }
#BaseSearch .searchResultListlabel { font-size: 14px; color: #666; margin-top: 6px; word-wrap: break-word }

/* 鐩稿叧鎼滅储寮€濮� */
#BaseSearch #relatedSearch { width: 100%; margin-top: 30px; padding-bottom: 30px; border-bottom: 1px solid #e6e6e6; }
#BaseSearch .rsTit { font-size: 16px; color: #333333; }
#BaseSearch #relatedSearch table { width: 100%; margin-top: 14px; }
#BaseSearch #relatedSearch table th { text-align: left; vertical-align: top; padding-left: 10px; line-height: 24px; }
#BaseSearch #relatedSearch table th:first-child { padding-left: 0; }
#BaseSearch #relatedSearch table th a { color: #2266af; font-size: 14px; }

/* 鐩稿叧鎼滅储缁撴潫 */

/* 椤电爜鏍峰紡寮€濮� */

.secondDiv .pageNumber { padding: 20px 130px 20px 0; text-align: right; position: relative; font-size: 0; overflow: hidden; }
.secondDiv .pageNumber a { box-sizing: content-box; display: inline-block; font-size: 16px; min-width: 14px; padding: 0 10px; height: 34px; line-height: 34px; text-align: center; color: #666666; }
.secondDiv .pageNumber a span { display: inline-block; height: 100%; }
.secondDiv .pageNumber a.pageActive { color: #fff; background: #e60012; border: 1px solid #e60012; }
.secondDiv .pageellipis { display: inline-block; height: 100%; font-size: 14px; line-height: 34px; margin-right: 10px; color: #666; }
.secondDiv .selectSearch { width: 130px; height: 34px; line-height: 34px; position: absolute; top: 20px; right: 0; color: #666666; font-size: 14px; }
.secondDiv .pageLing { font-size: 12px; margin: 0 2px; vertical-align: top; color: #000; }
.secondDiv .pagesNumBox { display: inline-block; color: #666; padding: 0 10px; font-size: 14px; height: 34px; line-height: 35px; }
.secondDiv .selectSearch #searchselect { text-align: center; min-width: 45px; padding: 4px 0; line-height: 34px; -webkit-appearance: menulist; border-width: 1px; border-color: #e6e6e6; font-size: 14px; }
.secondDiv .pageInput { border: 1px solid #e6e6e6; height: 30px; font-size: 14px; padding: 0 4px; width: 50px; color: #333; height: 30px; }
.pageInputBtn { border: 0; height: 30px; font-size: 14px; color: #fff; height: 30px; padding: 0 10px; font-size: 14px; background: #e60012; }

/* 椤电爜鏍峰紡缁撴潫 */

/* 鎼滅储缁撴灉鍒楄〃鏍峰紡缁撴潫 */

/* 鎼滅储缁撴灉鍙充晶鍏抽敭璇嶅垪琛ㄦ牱寮忓紑濮� */

#BaseSearch .baseSearchListExt { width: 25%; float: right; padding-top: 20px; }
#BaseSearch .SearchListExtTit { width: 100%; height: 36px; line-height: 36px; padding-left: 16px; font-size: 16px; color: #666666; background-color: #f5f5f5; }
#BaseSearch .extList { padding: 10px 0; }
#BaseSearch .extList a { display: block; width: 100%; font-size: 14px; color: #2266af; height: 24px; line-height: 24px; padding-left: 16px; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
#BaseSearch .extListMore { padding: 15px 0 15px 16px; border-bottom: 1px solid #ebebeb; }
#BaseSearch .extListMoreTop { height: 14px; line-height: 14px; position: relative; font-size: 14px; }
#BaseSearch .extListMoreIcon { position: absolute; top: 0; right: 0; height: 14px; font-size: 12px; line-height: 14px; color: #333333; padding-left: 16px; cursor: pointer; }
#BaseSearch .extListMoreIcon.redactive { color: #e60012; }
#BaseSearch .extListMoreIcon img { display: block; position: absolute; top: 1px; left: 0; }
#BaseSearch .extListMoreIcon .moreIconslice { display: none; }
#BaseSearch .extListMoreList { height: 165px; overflow: hidden; }
#BaseSearch .extListMoreList a { display: block; color: #2266af; font-size: 14px; margin-top: 14px; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
#BaseSearch .extListMoreList a:before { content: '>'; color: #b6b6b6; margin-right: 8px; }

/* 鎼滅储缁撴灉鍙充晶鍏抽敭璇嶅垪琛ㄦ牱寮忕粨鏉� */
@media screen and (max-width:768px) {
    #BaseSearch .crumbsBox { display: none; }
    #BaseSearch .baseSearchCon { font-size: 50px; }

    /* 鍙充晶鐩掑瓙娑堝け */
    #BaseSearch .baseSearchListExt { display: none; }
    #BaseSearch .baseSearchTypeRight { display: none; }
    #BaseSearch .ListConTimeType { display: none; }
    #BaseSearch .ListConTimeDes,
    #BaseSearch .baseSearchListCon { width: 100%; }
    #BaseSearch .ListConTimeDes { font-size: 42%; }
    #BaseSearch .baseSearchTypeLeft { width: 100%; }
    #BaseSearch .baseSearchTypeLeft { line-height: 0; }
    #BaseSearch .baseSearchTypeLeft>span { margin-right: 1%; font-size: 42%; }
    #BaseSearch .baseSearchTypeLeft>input { width: 5%; }
    #BaseSearch .searchResultList li .searchResultListTit { font-size: 50%; height: auto; }
    #BaseSearch .searchResultList li .searchResultListTex,
    #BaseSearch .searchResultListUrl,
    #BaseSearch .searchResultListlabel { font-size: 40%; }
    #BaseSearch .searchResultList li { margin-top: 4.66%; }
    #BaseSearch .searchResultListUrl>a { font-size: 100%; }
    .secondDiv .pageNumber { font-size: 100%; }
    .secondDiv .pageNumber a.pagedot,
    .secondDiv .pageellipis { display: none; }
    #BaseSearch #relatedSearch table th { display: block; padding: 0; }
    #BaseSearch #relatedSearch table { margin-top: 2%; }
    .secondDiv .pageNumber a { font-size: 40%; padding: 0; }
    .secondDiv .pageNumber { padding: 6% 0; line-height: 0; overflow: hidden; text-align: center; }
    .secondDiv .selectSearch { width: auto; margin: 2% auto 0; height: 50%; line-height: 0; text-align: center; font-size: 40%; position: relative; top: 0; left: 0; }
    .secondDiv .selectSearch span { font-size: 80%; }
    .secondDiv .selectSearch #searchselect { font-size: 100%; padding: 1% 0; background: #fff; }
    .secondDiv .pageNumber a span { font-size: 100%; }
    .secondDiv .pageNumber a span .pageLing { font-size: 70%; }
    .secondDiv .pagesNumBox { font-size: 40%; }
}
@media screen and (max-width:640px) {
    #BaseSearch .baseSearchCon { font-size: 64px; }
}
@media screen and (max-width:550px) {
    #BaseSearch .baseSearchCon { font-size: 55px; }
}
@media screen and (max-width:480px) {
    #BaseSearch .baseSearchCon { font-size: 48px; }
}
@media screen and (max-width:414px) {
    #BaseSearch .baseSearchCon { font-size: 41.4px; }
}
@media screen and (max-width:375px) {
    #BaseSearch .baseSearchCon { font-size: 37.5px; }
}

/* 鎼滅储鏃犵粨鏋滈〉闈� 榛樿鏄殣钘�*/
#BaseSearch .errResult { width: 72%; float: left; padding-top: 18px; display: none; }
#BaseSearch .errResultTit { font-size: 16px; color: #666666; }
#BaseSearch .errResultTit span { color: #2266af; }
#BaseSearch .errsoluteList p { font-size: 14px; height: 14px; line-height: 1; color: #666666; margin-top: 14px; }
#BaseSearch .errsoluteList p.suggestdot:before { content: '>'; margin-right: 5px; color: #b6b6b6; }
#BaseSearch .baseSearchListConNo { padding: 10px 0 30px; line-height: 1; position: relative; border-bottom: 1px solid #e6e6e6; }
@media screen and (max-width:768px) {
    #BaseSearch .errResult { padding-bottom: 5%; }
    #BaseSearch .errResult { width: 100%; }
    #BaseSearch .baseSearchListConNo span { font-size: 50%; }
}

/* 鍏叡鎼滅储椤甸潰缁撴潫 */

/* 楂樼骇鎼滅储椤甸潰鏍峰紡寮€濮� */

#BaseSearch.advancedsearch .crumbsBox { background: #fff; }
#BaseSearch.advancedsearch .advancesearchCon { margin-top: 30px; }
#BaseSearch.advancedsearch .advancedTit { height: 35px; line-height: 35px; font-size: 16px; color: #666666; background: #f5f5f5; padding-left: 12px; }
#BaseSearch.advancedsearch .advanceBox { padding-left: 12px; margin-top: 20px; overflow: hidden; }
#BaseSearch.advancedsearch .advancesearchName { width: 146px; float: left; height: 34px; line-height: 34px; font-size: 14px; color: #666666; }
#BaseSearch.advancedsearch .inputTextBox { width: 100%; padding-left: 146px; }
#BaseSearch.advancedsearch .inputTextBox .inputText { width: 100%; height: 34px; line-height: 34px; border: 1px solid #d8d8d8; font-size: 14px; color: #333333; padding-left: 10px; }
#BaseSearch.advancedsearch .inputTextBox p { font-size: 14px; color: #999999; margin-top: 10px; }
#BaseSearch.advancedsearch .inputRadio { display: inline-block; width: 18px; height: 18px; -webkit-appearance: radio; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #b9b9b9; }
body.ie8 #BaseSearch.advancedsearch .inputRadio { border: none; }
#BaseSearch.advancedsearch .advanRangeSpan { margin-right: 30px; font-size: 14px; color: #666; }
#BaseSearch.advancedsearch .RangeBox { height: 34px; line-height: 34px; }
#BaseSearch.advancedsearch .inputTextBox span { font-size: 14px; color: #666; }
#BaseSearch.advancedsearch .baseSearchListExt { padding-top: 0; }
#BaseSearch.advancedsearch .SelectBox select { text-align: center; min-width: 45px; padding: 4px 0; border-width: 1px; -webkit-appearance: menulist; border-color: #d8d8d8; color: #666; font-size: 14px; }
#BaseSearch.advancedsearch .chineseInput>input { display: inline-block; width: 18px; height: 18px; -webkit-appearance: radio; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #b9b9b9; }
body.ie8 #BaseSearch.advancedsearch .chineseInput>input { border: none; }
#BaseSearch.advancedsearch .cheseListOne { padding-top: 5px; }
#BaseSearch.advancedsearch .cheseListOne:after { content: ''; display: block; clear: both; }
#BaseSearch.advancedsearch .cheseListOneBox { float: left; width: 25%; height: 14px; line-height: 0; margin-bottom: 15px; }
#BaseSearch.advancedsearch .cheseListOneBox input { vertical-align: middle; width: 18px; -webkit-appearance: checkbox; border-color: #d8d8d8; }
.chineseInput { margin-bottom: 10px; }
#BaseSearch.advancedsearch .cheseListTwo { padding-top: 10px; display: none; }
#BaseSearch.advancedsearch .cheseListTwo input { display: inline-block; width: 18px; height: 18px; -webkit-appearance: radio; vertical-align: middle; background-color: #f5f5f5; border: 1px solid #b9b9b9; }
#BaseSearch.advancedsearch .advancedSubmit { padding-left: 146px; padding-bottom: 40px; margin-top: 20px; overflow: hidden; }
#BaseSearch.advancedsearch .advancedSubmit>input { display: block; width: 90px; height: 32px; border: none; background: #999; color: #fff; float: left; }
#BaseSearch.advancedsearch #advancedSearch { background: #e60012; margin-right: 40px; }
@media screen and (max-width:768px) {
    #BaseSearch.advancedsearch .advancesearchCon { margin-top: 0; }
    #BaseSearch.advancedsearch .baseSearchListCon { padding-top: 35px; }
    #BaseSearch.advancedsearch .advancedTit { width: 100%; position: absolute; top: 0; left: 0; }
    #BaseSearch.advancedsearch .advanceBox { padding-left: 0; margin-top: 2%; }
    #BaseSearch.advancedsearch .advancesearchName { float: none; }
    #BaseSearch.advancedsearch .inputTextBox { padding-left: 0; }
    #BaseSearch.advancedsearch .advancedSubmit { padding-left: 0; width: 70%; margin: 5% auto 0; }
    #BaseSearch.advancedsearch #advancedSearch { float: left; margin-right: 0; }
    #BaseSearch.advancedsearch #advancedBtn { float: right; }
    #BaseSearch.advancedsearch .SelectBoxAdvan .advancesearchName { float: left; }
    #BaseSearch.advancedsearch .cheseListOneBox { width: 40%; }
}
@media screen and (max-width:320px) {
    #BaseSearch.advancedsearch .advancedSubmit { width: 80%; }
}

/* 楂樼骇鎼滅储椤甸潰鏍峰紡缁撴潫 */

/* 涓夌骇椤甸潰鏍峰紡寮€濮� */

/* 鍏充簬鎴戜滑>鑱旂郴鎴戜滑>鍔炰簨澶勫紑濮� */

.secondDiv.threeDiv .officeCon { font-size: 32px; padding-top: 40px; padding-bottom: 40px; }
.secondDiv.threeDiv .officeConBox { width: 100%; }
.secondDiv.threeDiv .officeConBox .secondWrapBox:after { content: ''; display: block; clear: both; }
.secondDiv.threeDiv .officeRegion { width: 72%; float: left; border: 1px solid #f5f5f5; position: relative; padding-top: 48px; }
.secondDiv.threeDiv .officeRight { width: 25%; float: right; }
.secondDiv.threeDiv .officeNav { height: 48px; border-bottom: 2px solid #e60012; position: absolute; top: -1px; left: -1px; right: -1px; }
.secondDiv.threeDiv .officeNav li { width: 25%; float: left; height: 100%; text-align: center; line-height: 48px; font-size: 18px; color: #666666; position: relative; cursor: pointer; }
.secondDiv.threeDiv .officeNav li>i { display: block; width: 1px; height: 14px; background-color: #d5d5d5; position: absolute; top: 17px; right: 0; }
.secondDiv.threeDiv .officeNav li.officeAct { background: #e60012; color: #fff; }
.secondDiv.threeDiv .officeNav li.officeAct>i { display: none; }

/* 鍦板尯鍒楄〃寮€濮� */
.secondDiv.threeDiv .officeListCon { padding: 0 30px; }
.secondDiv.threeDiv .officeListUl { width: 100%; display: none; }
.secondDiv.threeDiv .offlisUlShow { display: block; }
.secondDiv.threeDiv .officeListUl li { padding: 20px 0 0; border-bottom: 1px solid #f5f5f5; }
.secondDiv.threeDiv .officelistTit { font-size: 14px; color: #333333; }
.secondDiv.threeDiv .officelistAdd { font-size: 16px; color: #333333; margin-top: 6px; }
.secondDiv.threeDiv .officelistPhone { font-size: 16px; color: #999999; margin-top: 6px; }
.secondDiv.threeDiv .officelistPhone:after { content: ''; display: block; clear: both; }
.secondDiv.threeDiv .officelistPhone span { display: block; float: left; margin-right: 20px; margin-bottom: 20px; }

/* 鍦板尯鍒楄〃缁撴潫 */

/* 鍙充晶鐩掑瓙寮€濮� */

.secondDiv.threeDiv .ContactusBox { border: 1px solid #f5f5f5; }
.secondDiv.threeDiv .ContactusBox h2 { width: 100%; height: 50px; line-height: 50px; padding-left: 20px; font-size: 18px; color: #333333; background-color: #ececec; }
.secondDiv.threeDiv .ContactusList { padding: 10px 20px; }
.secondDiv.threeDiv .ContactusList li { width: 100%; height: 40px; font-size: 16px; line-height: 40px; }
.secondDiv.threeDiv .ContactusList li.rightAct a { color: #e60012; }
.secondDiv.threeDiv .ContactusList li a { display: inline-block; color: #666666; }
.secondDiv.threeDiv .ContactusList li a:hover { color: #e60012; }
.secondDiv.threeDiv .officeNav li.officeAct { border-color: #e60012; }

/* 鍙充晶鐩掑瓙缁撴潫 */
@media screen and (max-width:768px) {

    /* 鍙栨秷椤堕儴paddint-top */
    .secondDiv.threeDiv .officeCon { padding-top: 0; font-size: 64px; padding-bottom: 4.83%; }

    /* 鍙充晶鍐呭娑堝け */
    .secondDiv.threeDiv .officeRight { display: none; }

    /* 瀹藉害鍙樺寲 */
    .secondDiv.threeDiv .officeRegion { width: 100%; border: none; padding-top: 0; }

    /* 鍙栨秷padding (鍗曠嫭鏍峰紡) */
    #Office.secondDiv.threeDiv .secondWrapBox { padding: 0; }
    .secondDiv.threeDiv .officeNav { border-bottom: none; position: relative; top: 0; left: 0; right: 0; height: auto; overflow: hidden; zoom: 1; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
    .secondDiv.threeDiv .officeNav:after { content: ''; display: block; clear: both; }
    .secondDiv.threeDiv .officeNav li { border-top: 1px solid #f5f5f5; padding: 3.38% 0; border-bottom: 1px solid #f5f5f5; line-height: 1; font-size: 40.625%; }
    .secondDiv.threeDiv .officeListCon { padding: 0 16px; }
    .secondDiv.threeDiv .officeNav li>i { height: 30%; top: 35%; }
    .secondDiv.threeDiv .officeListUl li { padding: 3.14% 0 1.2%; }
    .secondDiv.threeDiv .officelistTit { font-size: 37.5%; }
    .secondDiv.threeDiv .officelistAdd { font-size: 43.75%; margin-top: 2.5%; }
    .secondDiv.threeDiv .officelistPhone { font-size: 37.5%; margin-top: 2.5%; }
    .secondDiv.threeDiv .officelistPhone span { margin-bottom: 2%; }
}
@media screen and (max-width:640px) {
    .secondDiv.threeDiv .officeCon { font-size: 64px; }
}
@media screen and (max-width:550px) {
    .secondDiv.threeDiv .officeCon { font-size: 55px; }
}
@media screen and (max-width:480px) {
    .secondDiv.threeDiv .officeCon { font-size: 48px; }
}
@media screen and (max-width:414px) {
    .secondDiv.threeDiv .officeCon { font-size: 41.4px; }
}
@media screen and (max-width:375px) {
    .secondDiv.threeDiv .officeCon { font-size: 37.5px; }
}

/* 鍏充簬鎴戜滑>鑱旂郴鎴戜滑>鍔炰簨澶勭粨鏉� */

/* 鍏充簬鎴戜滑>鑱旂郴鎴戜滑>閲囪喘鍏ず寮€濮� */

#ProAnn.threeDiv .ProAnnList { width: 72%; float: left; }

/* 鍏徃鍔ㄦ€侀儴鍒哹anner骞垮憡鍥惧紑濮� */
#ProAnn.threeDiv .ProAnnListBanner { padding: 25px 0; border-top: 1px solid #ececec; }
#ProAnn.threeDiv .ProAnnListBanner:after { content: ''; display: block; clear: both; }
#ProAnn.threeDiv .ProAnnListBannerImg { display: block; width: 180px; float: left; }
#ProAnn.threeDiv .ProAnnListBannerImg>img { display: block; width: 100%; }
#ProAnn.threeDiv .ProAnnListBannerTxt { width: 100%; padding-left: 200px; }
#ProAnn.threeDiv .ProBannerTxth3 { font-size: 16px; color: #333333; }
#ProAnn.threeDiv .ProBannerTxtTime { font-size: 12px; color: #999999; margin-top: 8px; }
#ProAnn.threeDiv .ProBannerTxtTxt { font-size: 14px; color: #666666; margin-top: 10px; line-height: 1.6; }

/* 鍏徃鍔ㄦ€侀儴鍒哹anner骞垮憡鍥剧粨鏉� */
#ProAnn.threeDiv .ProAnnListCon { border-top: 1px solid #ececec; }
#ProAnn.threeDiv .ProAnnListCon li { padding: 15px 0; border-bottom: 1px solid #f5f5f5; -webkit-transition: padding-left .3s ease; -moz-transition: padding-left .3s ease; -ms-transition: padding-left .3s ease; -o-transition: padding-left .3s ease; transition: padding-left .3s ease; }
#ProAnn.threeDiv .ProAnnListCon li:hover { background-color: #f5f5f5; padding-left: 20px; }
#ProAnn.threeDiv .ProAnnListCon li a { display: inline-block; height: 100%; padding-left: 15px; position: relative; }
#ProAnn.threeDiv .proannIcon { display: block; width: 6px; position: absolute; top: 5px; left: 0px; }
#ProAnn.threeDiv .ProAnnListCon li .ProAnnListConTit { font-size: 16px; color: #333333; }
#ProAnn.threeDiv .ProAnnListCon li .ProAnnListTime { font-size: 12px; color: #999999; margin-top: 8px; }
@media screen and (max-width:1000px) {
    #ProAnn.threeDiv .ProAnnListBannerImg { width: 100%; float: none; }
    #ProAnn.threeDiv .ProAnnListBannerTxt { padding: 25px 0 0 0; }
}
@media screen and (max-width:768px) {
    #ProAnn.threeDiv .ProAnnListBanner { padding: 3.75% 0; }
    #ProAnn.threeDiv .ProAnnList { width: 100%; }
    #ProAnn.threeDiv .ProAnnListBannerTxt { padding-top: 4.6%; }
    #ProAnn.threeDiv .ProBannerTxth3 { font-size: 46.875%; }
    #ProAnn.threeDiv .ProBannerTxtTime { font-size: 31.25%; }
    #ProAnn.threeDiv .ProBannerTxtTxt { font-size: 37.5%; }
    #ProAnn.threeDiv .ProAnnListCon li .ProAnnListConTit { font-size: 43.75%; }
    #ProAnn.threeDiv .ProAnnListCon li .ProAnnListTime { font-size: 31.25%; }
    #ProAnn.threeDiv .proannIcon { top: 16px; }
}
@media screen and (max-width:550px) {
    .secondDiv.threeDiv .officeCon { font-size: 55px; }
    #ProAnn.threeDiv .proannIcon { top: 12px; }
}
@media screen and (max-width:480px) {
    .secondDiv.threeDiv .officeCon { font-size: 48px; }
    #ProAnn.threeDiv .proannIcon { top: 6px; }
}
@media screen and (max-width:414px) {
    .secondDiv.threeDiv .officeCon { font-size: 41.4px; }
}
@media screen and (max-width:375px) {
    .secondDiv.threeDiv .officeCon { font-size: 37.5px; }
}

/* 鍏充簬鎴戜滑>鑱旂郴鎴戜滑>閲囪喘鍏ず缁撴潫 */

/* 鍏徃鎬婚儴寮€濮� */

#Headquarters.threeDiv .HeadquartersCon { font-size: 28px; padding-top: 40px; }
#Headquarters.threeDiv .HeadquartersBox { width: 48%; }
#Headquarters.threeDiv .HeadquartersT .secondWrapBox:after { content: ''; display: block; clear: both; }
#Headquarters.threeDiv .HeadquartersTL { float: left; }
#Headquarters.threeDiv .HeadquartersTR { float: right; }
#Headquarters.threeDiv .BoxCaddressImg { width: 100%; }
#Headquarters.threeDiv .BoxCaddressImg>img { display: block; width: 100%; }
#Headquarters.threeDiv .addressText { font-size: 16px; color: #333333; margin-top: 16px; padding-left: 28px; position: relative; }
#Headquarters.threeDiv .addressText img { display: block; height: 16px; position: absolute; top: 4px; left: 0; }
#Headquarters.threeDiv .codeText img { display: block; height: 16px; position: absolute; top: 4px; left: 0; }
#Headquarters.threeDiv .codeText { font-size: 16px; color: #333333; margin-top: 10px; padding-left: 28px; position: relative; }
#Headquarters.threeDiv #BJmap,
#Headquarters.threeDiv #HZmap { width: 100%; height: 300px; margin-top: 30px; }
#Headquarters.threeDiv .customerService { padding-top: 40px; font-size: 20px; padding-bottom: 40px; }
#Headquarters.threeDiv .customerServiceCon { width: 100%; height: 300px; }
#Headquarters.threeDiv .customerBg { width: 100%; height: 100%; background-color: #f5f5f5; overflow: hidden; zoom: 1; }
#Headquarters.threeDiv .customerBg img { display: block; height: 100%; float: right; }
#Headquarters.threeDiv .customerText { padding: 35px 0 16px 60px; position: absolute; top: 0; left: 0; }
#Headquarters.threeDiv .customerTextTwo { top: 0; left: 320px; }
#Headquarters.threeDiv .customerText p { font-size: 16px; color: #333333; margin-bottom: 16px; padding-left: 24px; position: relative; }
#Headquarters.threeDiv .customerText p>img { display: block; width: 16px; position: absolute; left: 0; top: 4px; }
#Headquarters.threeDiv .customerTextBt { width: 100%; padding-top: 2px; }
#Headquarters.threeDiv .customerTextBt a { padding: 4px 10px; height: 34px; font-size: 14px; background: #e60012; color: #fff; text-align: center; line-height: 34px; border-radius: 6px; -webkit-border-radius: 6px; }

/* 闅愯棌鐧惧害鍦板浘鍥炬爣 */
.anchorBL { display: none; }
@media screen and (max-width:1100px) {
    #Headquarters.threeDiv .customerServiceCon { height: 400px; }
    #Headquarters.threeDiv .customerBg img { margin-right: -200px; }
    #Headquarters.threeDiv .customerText p { font-size: 12px; }
    #Headquarters.threeDiv .customerTextTwo { left: 0; top: 160px; }
    #Headquarters.threeDiv.secondDiv .customerService .secondEntH3 { margin-bottom: 10px; }
}
@media screen and (max-width:768px) {
    #Headquarters.threeDiv .HeadquartersCon { padding-top: 0; font-size: 75px; }
    #Headquarters.threeDiv .HeadquartersBox { width: 100%; float: none; }
    #Headquarters.threeDiv .addressText { margin-top: 4%; }
    #Headquarters.threeDiv .codeText { margin-top: 4%; }
    #Headquarters.threeDiv #BJmap,
    #Headquarters.threeDiv #HZmap { margin-top: 5.3%; }
    #Headquarters.threeDiv .customerService { padding-top: 0; font-size: 75px; background: #f5f5f5; margin-top: 7%; padding-bottom: 6.25%; }
    #Headquarters.threeDiv .customerText { position: relative; top: 0; left: 0; padding: 0; padding-bottom: 6.25%; }
    #Headquarters.threeDiv .customerBg img { margin: 0; width: 100%; }
    #Headquarters.threeDiv .customerText p { text-align: center; margin-bottom: 4.6%; font-size: 37.5%; padding: 0; }
    #Headquarters.threeDiv .customerText p img { width: 6.25%; position: relative; top: 0; left: 0; margin: 0 auto 2%; }
    #Headquarters.threeDiv .customerTextBt a { font-size: 37.5%; height: auto; padding: 2.9% 3%; line-height: 1; }
    #Headquarters.threeDiv .customerServiceCon { height: auto; }
    #Headquarters.threeDiv .headquartersBr { display: block; margin-top: 3%; }
    #Headquarters.threeDiv .customerTextBt { line-height: 0; text-align: center; }
}
@media screen and (max-width:640px) {
    #Headquarters.threeDiv .HeadquartersCon,
    #Headquarters.threeDiv .customerService { font-size: 64px; }
}
@media screen and (max-width:550px) {
    #Headquarters.threeDiv .HeadquartersCon,
    #Headquarters.threeDiv .customerService { font-size: 55px; }
}
@media screen and (max-width:480px) {
    #Headquarters.threeDiv .HeadquartersCon,
    #Headquarters.threeDiv .customerService { font-size: 48px; }
}
@media screen and (max-width:414px) {
    #Headquarters.threeDiv .HeadquartersCon,
    #Headquarters.threeDiv .customerService { font-size: 41.4px; }
}
@media screen and (max-width:375px) {
    #Headquarters.threeDiv .HeadquartersCon,
    #Headquarters.threeDiv .customerService { font-size: 37.5px; }
}

/* 鍏徃鎬婚儴缁撴潫 */

/* 濯掍綋鑱旂粶椤甸潰寮€濮嬶紙鎻愪氦琛ㄥ崟鍏叡鏍峰紡锛� */

.secondDiv.threeDiv .MediaContact { width: 72%; float: left; }
.secondDiv.threeDiv .secondWrapBox:after { content: ''; display: block; clear: both; }
.secondDiv.threeDiv .MediaContact .MediaContactP { font-size: 16px; color: #999999; line-height: 1.5; padding-left: 20px; }
.secondDiv.threeDiv .MediaContact .secondEntH3 { margin-bottom: 20px; }
.secondDiv.threeDiv .MediaList { padding-left: 20px; padding-top: 30px; }
.secondDiv.threeDiv .MediaListBox { width: 100%; margin-bottom: 20px; }
.secondDiv.threeDiv .MediaListBoxName { width: 100px; font-size: 16px; height: 36px; line-height: 36px; color: #666666; float: left; position: relative; }
.secondDiv.threeDiv .MediaListBoxName:after { content: '*'; display: block; position: absolute; right: 14px; top: 0; height: 36px; line-height: 44px; color: #e60012; }
.secondDiv.threeDiv .MediaListBoxinput { width: 100%; padding-left: 100px; position: relative; }
.secondDiv.threeDiv .MediaListBoxinput .textInput { display: block; width: 100%; height: 36px; line-height: 36px; font-size: 16px; border: 1px solid #d8d8d8; color: #333333; padding-left: 12px; }
.secondDiv.threeDiv .MediaListBox.textInputSit { width: 65%; }
.secondDiv.threeDiv .inputErr { display: block; height: 36px; line-height: 36px; font-size: 16px; position: absolute; top: 0; right: 12px; color: #e60012; }
.secondDiv.threeDiv #textArea { display: block; width: 100%; height: 158px; border: 1px solid #d8d8d8; resize: none; font-size: 16px; color: #333333; padding: 12px; }
.secondDiv.threeDiv .MediaListBoxinput.verCode:after { content: ''; display: block; clear: both; }
.secondDiv.threeDiv .MediaListBoxinput.verCode input { width: 100px; float: left; margin-right: 10px; text-align: center; padding-left: 0; }
.secondDiv.threeDiv .codeImgparse { height: 36px; float: left; margin-right: 20px; }
.secondDiv.threeDiv .codeImgparse img { display: block; width: 100%; }
.secondDiv.threeDiv .MediaListBoxinput.verCode .inputErr { display: block; height: 36px; position: relative; top: 0; right: 0; float: left; }
.secondDiv.threeDiv .MediaSubmit { padding-left: 100px; padding-top: 10px; }
.secondDiv.threeDiv .MediaSubmit input { display: block; border: 0; width: 220px; height: 44px; background: #e60012; text-align: center; line-height: 44px; color: #fff; font-size: 16px; }
@media screen and (max-width:768px) {
    .secondDiv.threeDiv .MediaContact { width: 100%; }
    .secondDiv.threeDiv .MediaListBoxName { float: none; width: 100%; font-size: 37.5%; }
    .secondDiv.threeDiv .MediaListBoxinput { padding: 0; width: 100%; margin-top: 1%; }
    .secondDiv.threeDiv .MediaListBoxinput.verCode { margin-top: 10px; }
    .secondDiv.threeDiv .MediaListBox { margin-top: 3.1%; margin-bottom: 0; }
    .secondDiv.threeDiv .MediaListBox.textInputSit { width: 100%; margin-bottom: 0; }
    .secondDiv.threeDiv .MediaContact .secondEntH3 { margin-bottom: 0; }
    .secondDiv.threeDiv .MediaContact .MediaContactP { padding: 0; font-size: 37.5%; }
    .secondDiv.threeDiv .MediaList { padding: 0; }
    .secondDiv.threeDiv .MediaSubmit { padding: 0; margin-top: 6.25%; }
    .secondDiv.threeDiv .MediaSubmit input { width: 100%; font-size: 37.5%; }
    .secondDiv.threeDiv .MediaListBoxName:after { content: '*'; display: inline-block; position: relative; top: 3px; right: 0; line-height: 1; height: auto; color: #e60012; }
    .secondDiv.threeDiv .MediaListBoxinput.verCode .inputErr { position: absolute; top: -45px; right: 0; font-size: 37.5%; }
    .secondDiv.threeDiv .inputErr,
    .secondDiv.threeDiv .MediaListBoxinput .textInput,
    .secondDiv.threeDiv #textArea { font-size: 37.5%; }
}

/* 濯掍綋鑱旂粶椤甸潰缁撴潫 */

/* 鎰忚鍙嶉寮€濮� */

.secondDiv.threeDiv #MediaListBoxSel { display: block; width: 100%; border: 1px solid #d8d8d8; font-size: 16px; padding: 8px 0; padding-left: 12px; color: #666666; background: #f6f6f6; float: left; -moz-appearance: none; -webkit-appearance: none; -ms-appearance: none; }
.secondDiv.threeDiv #MediaListBoxSel::-ms-expand { display: none; }
body.ie7 .secondDiv.threeDiv .MediaListBoxinput .selectArrow,
body.ie8 .secondDiv.threeDiv .MediaListBoxinput .selectArrow,
body.ie9 .secondDiv.threeDiv .MediaListBoxinput .selectArrow { display: none; }
.secondDiv.threeDiv .selectArrow { display: block; position: absolute; right: 12px; top: 0; padding-top: 16px; }
.secondDiv.threeDiv .selectArrow img { display: block; }
.secondDiv.threeDiv .selectBox:after { content: ''; display: block; clear: both; }
@media screen and (max-width:768px) {
    .secondDiv.threeDiv #MediaListBoxSel { font-size: 37.5%; }
}

/* 鎰忚鍙嶉缁撴潫 */

/* 鍏徃绠€浠嬪紑濮� */

/* 鏂板崕涓夐泦鍥� */

#Company_Introduce.threeDiv .XinhuaThree { padding-top: 40px; font-size: 32px; }
#Company_Introduce.threeDiv .XinhuaThreeT { font-size: 14px; color: #666666; line-height: 2; padding-bottom: 48px; }

/* 娣诲姞VR鍦烘櫙鏍峰紡寮€濮� */
#Company_Introduce.threeDiv .h3cVRImg { display: block; width: 482px; margin-left: 40px; float: right; }
#Company_Introduce.threeDiv .h3cVRImg img { display: block; width: 100%; }
#Company_Introduce.threeDiv .h3cVRTxt { margin-top: 20px; line-height: 1.8; }

/* 娣诲姞VR鍦烘櫙鏍峰紡缁撴潫 */
#Company_Introduce.threeDiv .CompanyStrength { font-size: 32px; background-color: #f9f9f9; padding-top: 40px; }
#Company_Introduce.threeDiv .innovation { background: #f9f9f9; }
#Company_Introduce.threeDiv .innovationTit { width: 100%; padding: 2.5% 0 2.5%; line-height: 1; text-align: center; font-size: 68.75%; color: #3c3c3c; }
#Company_Introduce.threeDiv .noPadding { padding-top: 0; }
#Company_Introduce.threeDiv .innovationList { width: 100%; height: 190px; border: 1px solid #e6e6e6; position: relative; background-color: #fff; }
#Company_Introduce.threeDiv .innovationArrow { display: block; width: 20px; position: absolute; top: -1px; left: 50%; margin-left: -10px; }
#Company_Introduce.threeDiv .innovationArrow img { display: block; width: 100%; }
#Company_Introduce.threeDiv .innlistBox { width: 86%; height: 70px; margin: 70px auto 0; position: relative; }
#Company_Introduce.threeDiv .innlistBox li { height: 70px; }
#Company_Introduce.threeDiv .innlistBoxone { position: absolute; top: 0; left: 0%; }
#Company_Introduce.threeDiv .innlistBoxtwo { width: 240px; margin: 0 auto; }
#Company_Introduce.threeDiv .innlistBoxthree { width: 300px; position: absolute; top: 0; left: 74%; }
#Company_Introduce.threeDiv .innlistBoxImg { display: block; width: 70px; height: 70px; float: left; }
#Company_Introduce.threeDiv .innlistBoxImg img { display: block; width: 100%; }
#Company_Introduce.threeDiv .innlistBoxLine { display: block; width: 0px; height: 100%; float: left; margin: 0 18px 0 14px; border-right: 1px dashed #b2b0a8; }
#Company_Introduce.threeDiv .innlistBoxText { display: block; float: left; line-height: 1; }
#Company_Introduce.threeDiv .innlistBoxTextTit { display: block; color: #e60012; font-size: 22px; margin-bottom: 14px; }
#Company_Introduce.threeDiv .innlistBoxTextTit span { font-size: 38px; }
#Company_Introduce.threeDiv .innlistBoxTextp { display: block; line-height: 1.5; font-size: 16px; color: #3c3c3c; }
#Company_Introduce.threeDiv .innovationBott { padding-bottom: 50px; }
#Company_Introduce.threeDiv .brandConcept { position: relative; height: 545px; font-size: 32px; }
#Company_Introduce.threeDiv .brandConcept img { display: block; width: 100%; height: 100%; }
#Company_Introduce.threeDiv .brandConcept .columWrapBox { padding-top: 40px; }
#Company_Introduce.threeDiv .brandConceptCon { position: relative; padding-bottom: 10%; }
#Company_Introduce.threeDiv .brandConceptCon>img { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#Company_Introduce.threeDiv .brandConceptConText { width: 100%; padding-left: 13%; overflow: hidden; }
#Company_Introduce.threeDiv .brandConceptCon .brandConceptConTextT { font-size: 75%; color: #3c3c3c; }
#Company_Introduce.threeDiv .brandConceptList { width: 100%; margin-top: 2.5%; }
#Company_Introduce.threeDiv .brandConceptList:after { content: ''; display: block; clear: both; }
#Company_Introduce.threeDiv .brandConceptList li { padding-right: 5.8%; padding-left: 15px; float: left; border-left: 2px solid #f17975; }
#Company_Introduce.threeDiv .brandConceptList li h6 { font-size: 22px; color: #3c3c3c; line-height: 1; }
#Company_Introduce.threeDiv .brandConceptList li p { font-size: 14px; color: #666666; line-height: 1; margin-top: 10px; }
#Company_Introduce.threeDiv .brandLine { width: 100%; border-bottom: 2px solid #fff; margin: 3% 0; }
#Company_Introduce.threeDiv .brandText { font-size: 16px; color: #3c3c3c; line-height: 1.625; margin-top: 2.3%; }
@media screen and (max-width:1100px) {
    #Company_Introduce.threeDiv .innlistBoxTextp { font-size: 14px; }
}
@media screen and (max-width:1000px) {
    #Company_Introduce.threeDiv .secondEntH3 { font-size: 32px; }
    #Company_Introduce.threeDiv .CompanyStrength { font-size: 60px; }
    #Company_Introduce.threeDiv .innovationTit { font-size: 37.33%; padding: 5.4% 0 3.57%; }
    #Company_Introduce.threeDiv .innovationList { height: auto; padding: 6.28% 1.7% 4.57%; }
    #Company_Introduce.threeDiv .innovationArrow { width: 3.6%; left: 48.2%; }
    #Company_Introduce.threeDiv .innlistBox { width: 100%; height: 100%; margin: 0; }
    #Company_Introduce.threeDiv .innlistBox:after { content: ''; display: block; clear: both; }
    #Company_Introduce.threeDiv .innlistBox li { width: 30%; height: auto; padding-bottom: 3%; }
    #Company_Introduce.threeDiv .innlistBox li>span { height: auto; float: none; }
    #Company_Introduce.threeDiv .innlistBox li .innlistBoxImg { width: 36.45%; margin: auto; }
    #Company_Introduce.threeDiv .innlistBoxLine { width: 100%; border-right: 0; border-bottom: 1px dashed #b2b0a8; margin: 10% 0; }
    #Company_Introduce.threeDiv .innlistBoxtwo { margin: 0 auto; }
    #Company_Introduce.threeDiv .innlistBoxthree { width: auto; right: 0; left: auto; }
    #Company_Introduce.threeDiv .innlistBoxText span { text-align: center; }
    #Company_Introduce.threeDiv .innlistBoxText { font-size: 75px; }
    #Company_Introduce.threeDiv .innlistBoxTextTit { font-size: 29.33%; }
    #Company_Introduce.threeDiv .innlistBoxTextTit span { font-size: 176%; }
    #Company_Introduce.threeDiv .innlistBoxTextp { font-size: 28%; }

    /* 鍝佺墝鐞嗗康鏍峰紡1000淇敼 */
    #Company_Introduce.threeDiv .brandConceptConText .brandConceptConTextT { text-align: center; }
    #Company_Introduce.threeDiv .brandConceptConText { padding-left: 0; }
    #Company_Introduce.threeDiv .brandConceptCon .brandConceptConTextT { font-size: 37.33%; }
}
@media screen and (max-width:768px) {
    #Company_Introduce.threeDiv .XinhuaThree { padding-top: 0; font-size: 75px; }
    #Company_Introduce.threeDiv .XinhuaThreeT { margin-top: 3%; padding-bottom: 3%; font-size: 37.5%; }
    #Company_Introduce.threeDiv .secondEntH3 { padding-bottom: 0; font-size: 59.4%; }
    #Company_Introduce.threeDiv .CompanyStrength { padding-top: 0; font-size: 75px; }
    #Company_Introduce.threeDiv .brandConcept .aboutUsWrapBox { position: relative; }
    #Company_Introduce.threeDiv .brandConcept { height: auto; }
    #Company_Introduce.threeDiv .brandConceptConText { width: 82.66%; margin: 0 auto; position: relative; }
    #Company_Introduce.threeDiv .brandConceptConTextT { margin-top: 5%; margin-bottom: 4%; }
    #Company_Introduce.threeDiv .brandConceptList li { padding-left: 3%; }
    #Company_Introduce.threeDiv .brandConceptList li h6 { font-size: 28%; }
    #Company_Introduce.threeDiv .brandConceptList li p,
    #Company_Introduce.threeDiv .brandText { font-size: 28%; }
    #Company_Introduce.threeDiv .h5brspan { display: block; text-align: center; }
    #Company_Introduce.threeDiv .h3cVRImg { width: 100%; margin: 0 0 3%; }
    #Company_Introduce.threeDiv .h3cVRTxt { margin-bottom: 3%; }
}
@media screen and (max-width:700px) {
    #Company_Introduce.threeDiv .CompanyStrength,
    #Company_Introduce.threeDiv .innlistBoxText,
    #Company_Introduce.threeDiv .XinhuaThree { font-size: 60px; }
}
@media screen and (max-width:640px) {
    #Company_Introduce.threeDiv .CompanyStrength,
    #Company_Introduce.threeDiv .innlistBoxText,
    #Company_Introduce.threeDiv .XinhuaThree { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #Company_Introduce.threeDiv .CompanyStrength,
    #Company_Introduce.threeDiv .innlistBoxText,
    #Company_Introduce.threeDiv .XinhuaThree { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #Company_Introduce.threeDiv .CompanyStrength,
    #Company_Introduce.threeDiv .innlistBoxText,
    #Company_Introduce.threeDiv .XinhuaThree { font-size: 37.5px; }
}

/* 鍏徃绠€浠嬬粨鏉� */

/* 鐒︾偣鏃跺埢寮€濮� */

#Focus_Moment.threeDiv .newRecommend { padding-top: 40px; font-size: 32px; }
#Focus_Moment.threeDiv .secondPictureTextL { border-left: 3px solid #e60012; padding-left: 12px; }
#Focus_Moment.threeDiv .TextLTime { font-size: 14px; color: #666666; }
#Focus_Moment.threeDiv .TextLTit { font-size: 26px; color: #3c3c3c; margin-top: 16px; line-height: 1.5; }
#Focus_Moment.threeDiv .focusList .secondWrapBox { padding: 0; }
#Focus_Moment.threeDiv .focusList { padding-top: 40px; padding-bottom: 20px; font-size: 32px; }
#Focus_Moment.threeDiv .focusListBox:after { content: ''; display: block; clear: both; }
#Focus_Moment.threeDiv .focusListBox li { width: 33.3333%; float: left; padding: 0 16px; margin-bottom: 10px; }
#Focus_Moment.threeDiv .focusListBoxImg { cursor: pointer; display: block; width: 100%; position: relative; }
#Focus_Moment.threeDiv .focusListBoxImg>img { display: block; width: 100%; }
#Focus_Moment.threeDiv .focusListBoxTime { font-size: 14px; color: #666666; padding-left: 20px; margin-top: 10px; }
#Focus_Moment.threeDiv .focusListBoxH6 { font-size: 18px; color: #000000; padding-left: 20px; padding-right: 20px; margin-top: 10px; line-height: 1.2; }
@media screen and (max-width:768px) {
    #Focus_Moment.threeDiv .newRecommend,
    #Focus_Moment.threeDiv .focusList { font-size: 75px; padding-top: 0; }
    #Focus_Moment.threeDiv .focusListBox li { float: none; width: 100%; }
    #Focus_Moment.threeDiv .TextLTit { margin-top: 0; font-size: 40%; }
    #Focus_Moment.threeDiv .focusListBoxTime { font-size: 31.25%; margin-top: 2.5%; }
    #Focus_Moment.threeDiv .focusListBox li a { padding-bottom: 2.5%; }
    #Focus_Moment.threeDiv .focusListBoxH6 { margin-top: 2%; }
    #Focus_Moment.threeDiv .focusListBoxH6 { font-size: 40%; line-height: 1.5; }
}
@media screen and (max-width:700px) {
    #Focus_Moment.threeDiv .newRecommend,
    #Focus_Moment.threeDiv .focusList { font-size: 60px; }
}
@media screen and (max-width:640px) {
    #Focus_Moment.threeDiv .newRecommend,
    #Focus_Moment.threeDiv .focusList { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #Focus_Moment.threeDiv .newRecommend,
    #Focus_Moment.threeDiv .focusList { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #Focus_Moment.threeDiv .newRecommend,
    #Focus_Moment.threeDiv .focusList { font-size: 37.5px; }
}

/* 鐒︾偣鏃跺埢缁撴潫 */

/* 鍏徃瑙嗛寮€濮� */

#Focus_Moment.threeDiv .secondPictureImgFocu { cursor: pointer; position: relative; width: 500px; float: left; overflow: hidden; }
#Focus_Moment.threeDiv .secondPictureImgFocu .PictureImgFocu { display: block; width: 100%; height: 100%; }
#Focus_Moment.threeDiv .secondPictureImgFocu .PictureImgFocu>img { display: block; width: 100%; }
#Focus_Moment.threeDiv .secondPictureImgFocu .blackBg { display: block; width: 100%; height: 100%; }
#Focus_Moment.threeDiv .focusListBoxImgBlack { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
#Focus_Moment.threeDiv .focusListBoxImgBlack .blackBg { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
#Focus_Moment.threeDiv .focusListBoxImgBlack .playBg { display: block; width: 10%; position: absolute; left: 45%; top: 42%; }
@media screen and (max-width:900px) {
    #Focus_Moment.threeDiv .secondPictureImgFocu { width: 100%; float: none; }
}

/* 鍏徃瑙嗛缁撴潫 */

/* 鍝佺墝鐞嗗康寮€濮� */

.secondDiv.threeDiv .swiper-culture { overflow: hidden; }
.secondDiv.threeDiv .swiper-culture { position: relative; }
.secondDiv.threeDiv .swiper-culture a { display: block; width: 100%; height: 100%; }
.hz-0427-slide h2 { color: #333; }
.secondDiv .hz-0427-slide .secondBannerText { top: 50%; transform: translateY(-50%); }
.secondDiv.threeDiv .swiper-culture .hz-0427-btn { display: inline-flex; width: auto; margin-top: 3%; }
.hz-0427-bg { margin-top: 40px; background-image: url(https://www.h3c.com/cn/tres/NewWebUI/2020/images/hz-0427-bg.jpg); background-repeat: no-repeat; background-size: cover; }
.secondDiv.threeDiv .swiper-special { overflow: hidden; }
.secondDiv.threeDiv .swiper-special { position: relative; }
.secondDiv.threeDiv .swiper-special a { display: block; width: 100%; height: 100%; }
#Company_culture.threeDiv .cultureMission { padding-top: 40px; font-size: 32px; }
#Company_culture.threeDiv .secondPictureImg { width: 380px; }
#Company_culture.threeDiv .secondPictureText { padding-left: 500px; padding-top: 90px; }
#Company_culture.threeDiv .SenseWorth { font-size: 32px; padding-top: 40px; }
#Company_culture.threeDiv .cultureBannT { display: inline-block; background: #fff; font-size: 22px; color: #583456; margin-left: 12px; padding: 0 4px; }
.secondDiv.threeDiv .Company_culturebtn { width: 100%; text-align: center; position: absolute; bottom: 5%; left: 0; z-index: 99; line-height: 0; }
.secondDiv.threeDiv .Company_culturebtn span { display: inline-block; width: 10px; height: 10px; margin: 0 14px; background: #fff; opacity: 1; }
.secondDiv.threeDiv .Company_culturebtn .swiper-pagination-bullet-active { background: #e60213; }
body.ie8 .secondDiv.threeDiv .swiper-wrapper { width: 200%; height: 100%; overflow: hidden; }
body.ie8 .secondDiv.threeDiv .swiper-wrapper .swiper-slide { width: 50%; float: left; }
body.ie8 .secondDiv.threeDiv .Company_culturebtn { width: 100%; }
#Company_culture.threeDiv .SenseWorthBanner img { display: block; width: 100%; }
#Company_culture.threeDiv .SenseWorthList { margin-top: 34px; }
#Company_culture.threeDiv .SenseWorthList:after { content: ''; display: block; clear: both; }
#Company_culture.threeDiv .SenseWorthList li { width: 44%; height: 230px; float: left; }
#Company_culture.threeDiv .SenseWorthList .ListTitRight { float: right; }
#Company_culture.threeDiv .SenseWorthList .lastListLi { width: 100%; height: 200px; }
#Company_culture.threeDiv .SenseWorthListTit { width: 100%; height: 88px; border-bottom: 1px solid #bcbcbc; position: relative; }
#Company_culture.threeDiv .SenseWorthListTit>img { display: block; width: 60px; position: absolute; left: 0; top: 8px; }
#Company_culture.threeDiv .SenseWorthListTitS { display: block; height: 100%; padding: 42px 0 0 80px; font-size: 22px; color: #333333; line-height: 1; }
#Company_culture.threeDiv .SenseWorthListTxt { margin-top: 20px; font-size: 14px; color: #666666; line-height: 1.6; }
#Company_culture.threeDiv .techH5SuccText p { margin-top: 0; }

/* 浼佷笟绀句細璐ｄ换寮€濮� */
#Company_culture.threeDiv .SenRespon { padding-top: 40px; font-size: 32px; background: #f5f5f5; }
#Company_culture.threeDiv .SenResponList { margin-bottom: 20px; }
#Company_culture.threeDiv .SenResponList:after { content: ''; display: block; clear: both; }
#Company_culture.threeDiv .SenResponList li { width: 32%; float: left; margin-left: 2%; }
#Company_culture.threeDiv .SenResponList li:first-child { margin-left: 0; }
#Company_culture.threeDiv .SenResponListImg { display: block; width: 100%; position: relative; }
#Company_culture.threeDiv .SenResponListImg img { display: block; width: 100%; }
#Company_culture.threeDiv .SenResponListImgbg { display: block; width: 100%; height: 50px; line-height: 50px; position: absolute; bottom: 0; left: 0; font-size: 20px; color: #fff; }
#Company_culture.threeDiv .SenResponListImgbg img { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
#Company_culture.threeDiv .ListImgbgText { display: block; width: 100%; height: 100%; position: relative; padding-left: 20px; }
#Company_culture.threeDiv .SenResponBox { background: #e2e2e2; display: none; }
#Company_culture.threeDiv .SenResponBTex { width: 100%; padding: 40px 0 30px; position: relative; font-size: 14px; color: #404143; }
#Company_culture.threeDiv .SenResponBTexIcon { display: block; width: 14px; height: 8px; position: absolute; top: -8px; line-height: 1.5; }
#Company_culture.threeDiv .SenResponBTexIcon img { display: block; width: 100%; }
#Company_culture.threeDiv .BTex_01 .SenResponBTexIcon { left: 15%; }
#Company_culture.threeDiv .BTex_02 .SenResponBTexIcon { left: 49%; }
#Company_culture.threeDiv .BTex_03 .SenResponBTexIcon { right: 15%; }
#Company_culture.threeDiv .SenRespoClose { width: 18px; height: 18px; text-align: center; line-height: 30px; color: #fff; position: absolute; top: 0; right: 16px; cursor: pointer; }
#Company_culture.threeDiv .qualityH3c .secondWrapBox:after { content: ''; display: block; clear: both; }
#Company_culture.threeDiv .qualityH3cLi { width: 44%; float: left; padding-top: 50px; }
#Company_culture.threeDiv .qualityH3cRight { float: right; }
#Company_culture.threeDiv .qualityH3cLi h5 { text-align: center; font-size: 28px; color: #404143; }
#Company_culture.threeDiv .qualityH3cLi p { font-size: 14px; color: #404143; text-align: center; line-height: 1.5; margin-top: 30px; }
#Company_culture.threeDiv .qualityH3cImg { display: block; width: 76.8%; margin: 50px auto 0; }
#Company_culture.threeDiv .understandBox { width: 100%; padding: 50px 0; text-align: center; line-height: 1; }
#Company_culture.threeDiv .understandBox .fontRed { color: #e60213; }
#Company_culture.threeDiv .understand { display: inline-block; color: #333333; width: 50%; font-size: 14px; text-align: center; }
#Company_culture.threeDiv .understand img { display: inline-block; min-width: 16px; width: 8%; vertical-align: middle; margin-left: 10px; margin-top: -2px; }

/* 搴曢儴妯″潡 */
@media screen and (max-width:900px) {
    #Company_culture.threeDiv .secondPictureImg { width: 100%; float: none; }
    #Company_culture.threeDiv .secondPictureText { float: none; padding: 4.1% 3.34%; }
    #Company_culture.threeDiv .secondPictureText p { font-size: 60%; color: #666666; margin-top: 0; }
}
@media screen and (max-width:768px) {
    #Company_culture.threeDiv .SenRespon { display: none; }
    #Company_culture.threeDiv .secondPictureImg { width: 100%; }
    #Company_culture.threeDiv .secondPictureText { padding: 3.75%; }
    #Company_culture.threeDiv .cultureBannT { font-size: 45%; }
    #Company_culture.threeDiv .cultureMission { padding-top: 0; font-size: 60px; }
    #Company_culture.threeDiv .SenseWorth { padding-top: 0; font-size: 60px; }
    #Company_culture.threeDiv .secondPictureText p { font-size: 40.625%; margin-top: 0; }
    #Company_culture.threeDiv .SenseWorthList li { float: none; width: 100%; height: auto; padding-bottom: 6.25%; }
    #Company_culture.threeDiv .SenseWorthList .ListTitRight { float: none; }
    #Company_culture.threeDiv .SenseWorthListTxt { font-size: 40.625%; margin-top: 4%; }
    #Company_culture.threeDiv .SenseWorthListTit>img { width: 14%; position: relative; top: 0; left: 0; float: left; }
    #Company_culture.threeDiv .SenseWorthListTit { height: auto; padding: 1.5% 0; overflow: hidden; }
    #Company_culture.threeDiv .SenseWorthListTitS { padding: 9.375% 0 0 16.5%; font-size: 48%; }
    #Company_culture.threeDiv .SenseWorthList .lastListLi { height: auto; }
    #Company_culture.threeDiv #succWrapH5.techH5Succ { background: #f5f5f5; }
    #Company_culture.threeDiv .protechH5Tit,
    #Company_culture.threeDiv #succWrapH5 .techH5SuccCon,
    #Company_culture.threeDiv #succWrapH5 .techH5SuccBtn { background: #f5f5f5; }
    #Company_culture.threeDiv .qualityH3c { font-size: 60px; }
    #Company_culture.threeDiv .qualityH3cLi h5 { font-size: 46.875%; }
    #Company_culture.threeDiv .qualityH3cLi { width: 100%; float: none; padding-top: 6.25%; }
    #Company_culture.threeDiv .qualityH3cLi p { font-size: 40.625%; margin-top: 4.6%; }
    #Company_culture.threeDiv .qualityH3cImg { margin-top: 4.6%; }
    #Company_culture.threeDiv .understandBox { padding: 4.6% 0; }
    #Company_culture.threeDiv .understand { font-size: 40.625%; }
    #Company_culture.threeDiv .understand img { margin-left: 4%; margin-top: -1px; }
}
@media screen and (max-width:640px) {
    #Company_culture.threeDiv .cultureMission,
    #Company_culture.threeDiv .SenseWorth,
    #Company_culture.threeDiv .qualityH3c { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #Company_culture.threeDiv .cultureMission,
    #Company_culture.threeDiv .SenseWorth,
    #Company_culture.threeDiv .qualityH3c { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #Company_culture.threeDiv .cultureMission,
    #Company_culture.threeDiv .SenseWorth,
    #Company_culture.threeDiv .qualityH3c { font-size: 37.5px; }
}

/* 鍝佺墝鐞嗗康缁撴潫 */

/* 绠＄悊鍥㈤槦寮€濮� */

#Management.threeDiv .f5Background { background: #f5f5f5; padding-top: 30px; height: 290px; }
#Management.threeDiv .colmunPc#crumbs { margin-top: 0; }
#Management.threeDiv .MisterDiv .secondWrapBox { height: 180px; position: relative; }
#Management.threeDiv .MisterSection { font-size: 32px; position: absolute; top: -200px; left: 16px; right: 16px; }
#Management.threeDiv .MisterBox { width: 100%; height: 273px; }
#Management.threeDiv .YuYinTao.MisterBox { background: #fff; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
body.ie8 #Management.threeDiv .YuYinTao.MisterBox { border: 1px solid #f5f5f5; }
#Management.threeDiv .MisterBoxWrap { width: 100%; height: 100%; }
#Management.threeDiv .MisterBoxImg { height: 100%; float: left; }
#Management.threeDiv .MisterBoxImg img { display: block; height: 100%; }
#Management.threeDiv .MisterBoxText { padding-left: 288px; padding-top: 40px; padding-right: 40px; background: #fff; }
#Management.threeDiv .MisterBoxTextH2 { font-size: 30px; color: #333333; }
#Management.threeDiv .MisterBoxTextSpan { font-size: 14px; color: #e60012; margin-top: 10px; }
#Management.threeDiv .MisterBoxTextP { font-size: 14px; color: #666666; margin-top: 18px; line-height: 1.5; }
#Management.threeDiv .MisterBoxTextTxt { height: 84px; overflow: hidden; font-size: 14px; color: #666666; margin-top: 5px; line-height: 1.5; }
#Management.threeDiv .Chen.MisterBox { background: none; margin-top: 50px; }
#Management.threeDiv .Chen.MisterBox .MisterBoxImg { float: right; }
#Management.threeDiv .Chen.MisterBox .MisterBoxText { padding-right: 288px; padding-left: 0; }

/* 鍥㈤槦鎴愬憳鏍峰紡 */
#Management.threeDiv .TeamMemberList:after { content: ''; display: block; clear: both; }
#Management.threeDiv .TeamMemberList { padding: 50px 0 46px; }
#Management.threeDiv .TeamMember.ffBack { background: #f5f5f5; }
#Management.threeDiv .TeamMemberList li { float: left; cursor: pointer; width: 16%; margin-left: 5%; margin-bottom: 10px; box-sizing: content-box; }
#Management.threeDiv .TeamMemberList li a { display: block; width: 100%; height: 100%; }
#Management.threeDiv .TeamMemberList li:first-child { margin-left: 0; }
#Management.threeDiv .TeamMemberList li img { display: block; width: 90%; margin: 0 auto; }
#Management.threeDiv .TeamMemberList li h6 { font-size: 22px; color: #333333; text-align: center; margin-top: 28px; }
#Management.threeDiv .TeamMemberList li h6 span { display: block; width: 20%; height: 3px; background: #e60012; margin: 10px auto 0; }
#Management.threeDiv .TeamMemberList li p { text-align: center; font-size: 14px; color: #666666; margin-top: 10px; line-height: 1.5; }
#Management.threeDiv .ViewDetails { display: none; }
#Management.threeDiv .detailsTxt .positionBox br { display: inline; }
#Management.threeDiv .ViewDetailsBox { z-index: 9999; width: 100%; height: 100%; position: fixed; top: 0; padding-top: 100px; overflow: auto; left: 0; right: 0; bottom: 0; background: #fff; display: none; }
#Management.threeDiv .ViewDetailsBox .secondWrapBox { padding-top: 40px; }
#Management.threeDiv .ViewDetailsClose { width: 30px; position: absolute; top: 10px; right: 0; cursor: pointer; }
#Management.threeDiv .detailsImg { width: 180px; float: left; }
#Management.threeDiv .detailsImg img { display: block; width: 100%; }
#Management.threeDiv .detailsTxt { padding-left: 200px; }
#Management.threeDiv .nameBox { text-align: center; font-size: 36px; color: #333; }
#Management.threeDiv .positionBox { display: none; font-size: 16px; color: #333; text-align: center; line-height: 30px; }
#Management.threeDiv .ViewDetailsTxt { font-size: 16px; color: #333; line-height: 1.6; margin-top: 14px; padding-bottom: 20px; }
#Management.threeDiv .ViewDetailsTxt p { margin-bottom: 10px; }
@media screen and (max-width:860px) {
    #Management.threeDiv .TeamMemberList li p { font-size: 12px; }
}
@media screen and (max-width:768px) {
    #Management.threeDiv .TeamMemberList li { width: 38%; margin: 0; padding: 0 6% 4.6%; }
    #Management.threeDiv .TeamMemberList { padding: 6.25% 0 0; }
    #Management.threeDiv .MisterBoxTextTxt { display: none; }
    #Management.threeDiv .TeamMember { font-size: 60px; }
    #Management.threeDiv .TeamMemberList li h6 { font-size: 37.5%; margin-top: 4.68%; }
    #Management.threeDiv .TeamMemberList li h6 span { margin-top: 1.5; }
    #Management.threeDiv .TeamMemberList li p { margin-top: 3%; font-size: 31.25%; }
    #Management.threeDiv .TeamMember .secondWrapBox { padding: 0; }
    #Management.threeDiv .f5Background { display: none; }
    #Management.threeDiv .MisterSection { position: relative; top: 0; left: 0; font-size: 60px; }
    #Management.threeDiv .MisterDiv .secondWrapBox { padding: 0; }
    #Management.threeDiv .MisterBoxWrap { background: #fff; }
    #Management.threeDiv .MisterBoxWrap:after { content: ''; display: block; clear: both; }
    #Management.threeDiv .YuYinTao.MisterBox { background: #f5f5f5; padding: 4.6875% 16px; -webkit-box-shadow: none; box-shadow: none; height: auto; }
    #Management.threeDiv .MisterBoxImg { width: 36%; }
    #Management.threeDiv .MisterBoxImg img { width: 100%; height: auto; }
    #Management.threeDiv .MisterBoxText { padding: 4% 1% 1% 3%; float: left; width: 64%; height: 194px; overflow: hidden; }
    #Management.threeDiv .MisterBoxTextH2 { font-size: 46.875%; }
    #Management.threeDiv .MisterBoxTextSpan { font-size: 31.25%; margin-top: 2%; }
    #Management.threeDiv .MisterBoxTextP { font-size: 31.25%; margin-top: 3.4%; }
    #Management.threeDiv .Chen.MisterBox { margin-top: 0; }
    #Management.threeDiv .Chen.MisterBox .MisterBoxText { padding: 8% 1% 1%; }
    #Management.threeDiv .MisterBox,
    #Management.threeDiv .MisterDiv .secondWrapBox { height: auto; }
    #Management.threeDiv .Chen.MisterBox { padding: 4.6875% 16px; -webkit-box-shadow: none; box-shadow: none; height: auto; }

    /* 寮瑰嚭閮ㄥ垎 */
    #Management.threeDiv .ViewDetailsBox { padding-top: 45px; }
    #Management.threeDiv .detailsImg { float: none; margin: 0 auto; }
    #Management.threeDiv .detailsTxt { padding: 0; margin-top: 3%; }
    #Management.threeDiv .ViewDetailsClose { right: 16px; }
}
@media screen and (max-width:640px) {
    #Management.threeDiv .TeamMember,
    #Management.threeDiv .MisterSection { font-size: 50px; }
    #Management.threeDiv .MisterBoxText { height: 158px; }
}
@media screen and (max-width:414px) {
    #Management.threeDiv .TeamMember,
    #Management.threeDiv .MisterSection { font-size: 44px; }
    #Management.threeDiv .MisterBoxText { height: 145px; }
}
@media screen and (max-width:375px) {
    #Management.threeDiv .TeamMember,
    #Management.threeDiv .MisterSection { font-size: 37.5px; }
    #Management.threeDiv .MisterBoxText { height: 130px; }
}

/* 绠＄悊鍥㈤槦缁撴潫 */

/* 鍙戝睍鍘嗙▼寮€濮� */

#Company_history.threeDiv .development { padding-top: 40px; font-size: 32px; padding-bottom: 50px; }
#Company_history.threeDiv .history_box { width: 100%; }
#Company_history.threeDiv .hist_box { position: relative; height: 1140px; }
#Company_history.threeDiv .hist_box_time { width: 100px; height: 100px; text-align: center; line-height: 100px; color: #666666; font-size: 28px; position: absolute; top: 0; left: 50%; margin-left: -50px; cursor: pointer; }
#Company_history.threeDiv .hist_box_time.timeAct .hist_box_timeT { color: #e60012; }
#Company_history.threeDiv .hist_box_time img { display: block; width: 100%; }
#Company_history.threeDiv .hist_box_time>img { display: block; width: 100%; position: absolute; top: 0; left: 0; }
#Company_history.threeDiv .hist_box_timeT { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: #666666; }
#Company_history.threeDiv .hist_box_line { width: 2px; height: 100%; background: #eee; margin: 0 auto; }
#Company_history.threeDiv .hist_boxList { width: 100%; display: none; }
#Company_history.threeDiv .hist_boxList:after { content: ''; display: block; clear: both; }

/* 鍖呭惈鍐呭鍒楄〃鏍峰紡 */
#Company_history.threeDiv .hist_boxList { width: 100%; position: absolute; top: 0; left: 0; }
#Company_history.threeDiv .hist_boxList li { width: 50%; height: 500px; padding-top: 60px; position: relative; }

/* 濂囧伓鏁版牱寮忔帓鍒� */
#Company_history.threeDiv .hist_boxList li.numberO { float: left; }
#Company_history.threeDiv .hist_boxList li.numberO .hist_boxListBox { padding-right: 20%; }
#Company_history.threeDiv .hist_boxList li.numberQ { float: right; padding-top: 140px; height: 560px; }
#Company_history.threeDiv .hist_boxList li.numberQ .hist_boxListBox { padding-left: 20%; }
#Company_history.threeDiv .histListImg { display: block; width: 100%; position: relative; z-index: 9; margin-top: 3%; }
#Company_history.threeDiv .histListImg:first-child { margin-top: 0; }
#Company_history.threeDiv .histListImg>img { display: block; width: 100%; position: relative; z-index: 2; }
#Company_history.threeDiv .histListImg_span { display: block; width: 100%; height: 40px; position: absolute; bottom: 0; left: 0; z-index: 3; }
#Company_history.threeDiv .histListImg_span>img { display: block; width: 100%; height: 100%; }
#Company_history.threeDiv .histListImg_span span { display: block; width: 90%; height: 100%; line-height: 40px; position: absolute; top: 0; left: 2%; font-size: 16px; color: #fff; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
#Company_history.threeDiv .histDot { font-size: 14px; color: #333333; margin-top: 20px; padding-left: 12px; position: relative; line-height: 1.5; }
#Company_history.threeDiv .histDot:before { content: ''; display: block; width: 5px; height: 5px; background: #e60012; position: absolute; top: 8px; left: 0; }
#Company_history.threeDiv .mouth_span { width: 10%; height: 30px; cursor: pointer; z-index: 3; }
#Company_history.threeDiv .hist_boxList li.gotoNew { padding-top: 150px; }
.gotoNewHistory { position: relative; padding-left: 12px; color: #e60012; font-size: 20px; z-index: 9; background: #fff; }
.gotoNewHistory:before { content: ''; display: block; width: 5px; height: 5px; background: #e60012; position: absolute; top: 10px; left: 0; }
.gotoNewHistory a { color: #e60012; border-bottom: 1px solid #e60012; }

/* 鏈堜唤鏍囧織 */
#Company_history.threeDiv .hist_boxList li.numberO .mouth_span { width: 60px; height: 30px; position: absolute; top: 150px; right: -30px; }
#Company_history.threeDiv .hist_boxList li.numberQ .mouth_span { width: 60px; height: 30px; position: absolute; top: 250px; left: -30px; }
#Company_history.threeDiv .mouth_span img { display: block; width: 100%; }
#Company_history.threeDiv .mouth_spanYu { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; color: #fff; text-align: center; line-height: 30px; font-size: 14px; }
#Company_history.threeDiv .hist_boxList li.numberO .histListImgLine { width: 144px; height: 2px; background: #f5f5f5; position: absolute; top: 50%; left: -144px; }
#Company_history.threeDiv .hist_boxList li.numberQ .histListImgLine { width: 144px; height: 2px; background: #f5f5f5; position: absolute; top: 50%; right: -144px; }

/* 鎺у埗楂樺害鏄剧ず寮€濮� */
#Company_history.threeDiv .hist_boxList.histAct { display: block; }

/* 鎺у埗楂樺害鏄剧ず缁撴潫 */
#Company_history.threeDiv .history_new_Title { display: block; width: 80%; margin: 0 auto; }
#Company_history.threeDiv .history_newList li { overflow: hidden; zoom: 1; padding: 2.2% 0; position: relative; }
#Company_history.threeDiv .history_newList li .hist_box_time { top: 50px; }
#Company_history.threeDiv .history_newList li .hist_box_time .hist_box_timeT { color: #e60012; }
#Company_history.threeDiv .histBox { width: 40%; }
#Company_history.threeDiv .histBox.leftHist { float: left; }
#Company_history.threeDiv .histBox.rightHist { float: right; }
#Company_history.threeDiv .newBoxCon { position: relative; }
#Company_history.threeDiv .newBoxCon .hist_box_line { position: absolute; top: 0; left: 50%; }
@media screen and (max-width:768px) {
    #Company_history.threeDiv .development { padding-top: 0; font-size: 60px; padding-bottom: 5%; }
    #Company_history.threeDiv .hist_box_time { width: 50px; height: 50px; line-height: 50px; font-size: 16px; left: 0; margin-left: 0; }
    #Company_history.threeDiv .hist_box_line { position: absolute; left: 25px; }
    #Company_history.threeDiv .hist_boxList li { width: 100%; padding-left: 50px; }
    #Company_history.threeDiv .hist_boxList li.active .hist_boxListBox { padding: 0 0 0 5%; }
    #Company_history.threeDiv .hist_boxList li.numberO { float: none; padding-top: 5%; }
    #Company_history.threeDiv .hist_boxList li.numberQ { float: none; }
    #Company_history.threeDiv .hist_boxList li.numberO .mouth_span { left: 10px; }
    #Company_history.threeDiv .hist_boxList li.numberQ .mouth_span { left: 10px; }
    #Company_history.threeDiv .hist_boxList li.numberO .mouth_span,
    #Company_history.threeDiv .hist_boxList li.numberQ .mouth_span { width: 30px; height: 15px; line-height: 15px; top: 70px; }
    #Company_history.threeDiv .mouth_spanYu { line-height: 15px; font-size: 12px; }
    #Company_history.threeDiv .hist_boxList li.numberO .histListImgLine { width: 50px; left: 30px; }
    #Company_history.threeDiv .hist_boxList li.numberQ .mouth_span { top: 70px; }
    #Company_history.threeDiv .hist_boxList li.numberQ { padding-top: 5%; height: 450px; }
    #Company_history.threeDiv .hist_boxList li { height: 450px; }
    #Company_history.threeDiv .hist_boxList { position: relative; }
    #Company_history.threeDiv .history_box { min-height: 80px; }
    #Company_history.threeDiv .histListImg { max-width: 400px; }
    #Company_history.threeDiv .hist_boxList li.numberO .hist_boxListBox,
    #Company_history.threeDiv .hist_boxList li.numberQ .hist_boxListBox { padding: 0; }
    #Company_history.threeDiv .histDot { margin-top: 4%; }
    #Company_history.threeDiv .hist_boxList li.gotoNew { padding-top: 64px; }
    #Company_history.threeDiv .newBoxCon .hist_box_line { position: absolute; top: 0; left: 50%; }
    #Company_history.threeDiv .history_newList li .hist_box_time { left: 50%; top: 20px; margin-left: -25px; }
    #Company_history.threeDiv .history_newList li { padding-top: 80px; }
    #Company_history.threeDiv .histBox { width: 45%; }
    #Company_history.threeDiv .histListImg_span span { font-size: 37.5%; }
    #Company_history.threeDiv .history_new_Title { width: 100%; }
}
@media screen and (max-width:640px) {
    #Company_history.threeDiv .development { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #Company_history.threeDiv .development { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #Company_history.threeDiv .development { font-size: 37.5px; }
}

/* 鍙戝睍鍘嗙▼缁撴潫 */

/* 缁翠繚鏈嶅姟鍚堝悓瀹㈡埛鏉℃鍙婃湇鍔℃爣鍑嗗紑濮� */

#Terms_of_service.threeDiv .TermsService { padding-top: 40px; font-size: 32px; }
#Terms_of_service.threeDiv .TermsServiceBox { width: 800px; margin: 0 auto; }
#Terms_of_service.threeDiv .TermsList { width: 100%; margin-bottom: 30px; }
#Terms_of_service.threeDiv .TermsListTit { width: 100%; height: 46px; line-height: 46px; font-size: 22px; color: #fff; background: #e60012; padding-left: 12px; }
#Terms_of_service.threeDiv .TermsListCon { border: 1px solid #e6e6e6; }
#Terms_of_service.threeDiv .TermsListCon li { height: 34px; line-height: 34px; font-size: 14px; color: #666666; padding-left: 12px; border-top: 1px solid #e6e6e6; }
#Terms_of_service.threeDiv .TermsListCon li:first-child { border-top: none; }
#Terms_of_service.threeDiv .TermsListCon li.backf5terms { background: #f5f5f5; }
#Terms_of_service.threeDiv .TermsListConText { width: 87%; float: left; }
#Terms_of_service.threeDiv .gotoDown { display: block; width: 13%; height: 100%; float: right; }
#Terms_of_service.threeDiv .gotoDown a { color: #333333; }
#Terms_of_service.threeDiv .gotoDown a.fontRed { color: #e60012; }
#Terms_of_service.threeDiv .gotoDown a img { width: 16%; min-width: 16px; vertical-align: middle; margin-top: -1.5%; margin-left: 6px; }
@media screen and (max-width:836px) {
    #Terms_of_service.threeDiv .TermsServiceBox { width: 100%; }
}
@media screen and (max-width:768px) {
    #Terms_of_service.threeDiv.secondDiv .secondEntH3 { padding: 6.6% 10% 4%; }
    #Terms_of_service.threeDiv .TermsService { font-size: 60px; }
    #Terms_of_service.threeDiv .TermsServiceBox { width: 100%; }
    #Terms_of_service.threeDiv .TermsService { padding-top: 0; }
    #Terms_of_service.threeDiv .TermsListConText { line-height: 1.2; width: 100%; padding-right: 85px; padding-left: 2%; }
    #Terms_of_service.threeDiv .TermsListCon li { height: auto; padding: 10px 0; overflow: hidden; position: relative; }
    #Terms_of_service.threeDiv .gotoDown { width: 80px; height: auto; line-height: 1.2; padding: 10px 0; float: left; position: absolute; top: 0; right: 0; }
    #Terms_of_service.threeDiv .TermsList { margin-bottom: 10%; }
}
@media screen and (max-width:640px) {
    #Terms_of_service.threeDiv .TermsService { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #Terms_of_service.threeDiv .TermsService { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #Terms_of_service.threeDiv .TermsService { font-size: 37.5px; }
}

/* 缁翠繚鏈嶅姟鍚堝悓瀹㈡埛鏉℃鍙婃湇鍔℃爣鍑嗙粨鏉� */

/* ComwareV7寮€濮� */

#ComwareV7.threeDiv .ComwareV7Con { padding-top: 40px; font-size: 32px; }
#ComwareV7.threeDiv .MsoNormal { font-size: 14px; color: #666666; line-height: 1.78; margin-bottom: 32px; }
#ComwareV7.threeDiv .MsoNormalDot { font-size: 14px; color: #666666; line-height: 1.78; margin-bottom: 36px; }
#ComwareV7.threeDiv .MsoNormalDot:before { content: '路'; margin-right: 6px; }
#ComwareV7.threeDiv .ComwareV7ConTxt h2 { font-size: 30px; color: #333333; margin-bottom: 30px; }
#ComwareV7.threeDiv .ComwareV7ConTxt h3 { font-size: 24px; color: #333333; margin-bottom: 26px; }
#ComwareV7.threeDiv .Figure { text-align: center; margin-bottom: 16px; }
#ComwareV7.threeDiv .figure_span { text-align: center; margin-bottom: 20px; font-size: 14px; color: #666666; }
#ComwareV7.threeDiv .ComwareV7List { background: #f5f5f5; }
#ComwareV7.threeDiv .ComwareV7List .secondWrapBox { padding-top: 40px; }
#ComwareV7.threeDiv .ComwareV7List .secondWrapBox:after { content: ''; display: block; clear: both; }
#ComwareV7.threeDiv .ComwareV7List .secondWrapBox a { display: block; width: 16%; float: left; margin: 0 8% 36px; color: #333333; font-size: 16px; }
#ComwareV7.threeDiv .ComwareV7List .secondWrapBox a:hover { color: #e60012; }
#ComwareV7.threeDiv .ComwareV7List .secondWrapBox a:before { content: '>'; color: #e60012; margin-right: 10px; }
#ComwareV7.threeDiv .ComwareV7Gomore { width: 100%; height: 30px; text-align: right; line-height: 30px; margin-bottom: 40px; }
#ComwareV7.threeDiv .ComwareV7Gomore>span { font-size: 14px; color: #e60012; cursor: pointer; }
#ComwareV7.threeDiv .ComwareV7Gomore>span img { width: 16px; vertical-align: middle; margin-top: -2px; margin-left: 6px; }
#ComwareV7.threeDiv .ComwareV7Gomore>span>span { display: inline-block; }
#ComwareV7.threeDiv .ComwareV7ConTxt { height: 48px; overflow: hidden; }
#ComwareV7.threeDiv .goupImg { display: none; }
@media screen and (max-width:768px) {
    #ComwareV7.threeDiv .ComwareV7Con,
    #ComwareV7.threeDiv .ComwareV7List { font-size: 60px; }
    #ComwareV7.threeDiv .ComwareV7List .secondWrapBox a { width: 40%; margin: 0 5% 5%; }
    #ComwareV7.threeDiv .ComwareV7List .secondWrapBox { padding: 10% 0 5%; }
    #ComwareV7.threeDiv .ComwareV7Con { padding-top: 0; }
    #ComwareV7.threeDiv .MsoNormal { margin-bottom: 5%; font-size: 37.5%; }
    #ComwareV7.threeDiv .MsoNormalDot { margin-bottom: 5%; font-size: 37.5%; }
    #ComwareV7.threeDiv .Figure img { width: 80%; }
    #ComwareV7.threeDiv .Figure { margin-bottom: 2%; }
    #ComwareV7.threeDiv .figure_span { margin-bottom: 5%; font-size: 31.5%; }
    #ComwareV7.threeDiv .ComwareV7ConTxt h2 { margin-bottom: 5%; font-size: 45%; }
    #ComwareV7.threeDiv .ComwareV7ConTxt h3 { margin-bottom: 5%; font-size: 40%; }
    #ComwareV7.threeDiv .ComwareV7Gomore>span { font-size: 37.5%; }
    #ComwareV7.threeDiv .ComwareV7Gomore>span img { width: 5%; min-width: 16px; }
    #ComwareV7.threeDiv .ComwareV7List .secondWrapBox a { font-size: 40%; }
    #ComwareV7.threeDiv .ComwareV7Gomore { height: auto; line-height: 1; margin-bottom: 5%; }
}
@media screen and (max-width:640px) {
    #ComwareV7.threeDiv .ComwareV7Con,
    #ComwareV7.threeDiv .ComwareV7List { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #ComwareV7.threeDiv .ComwareV7Con,
    #ComwareV7.threeDiv .ComwareV7List { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #ComwareV7.threeDiv .ComwareV7Con,
    #ComwareV7.threeDiv .ComwareV7List { font-size: 37.5px; }
}

/* ComwareV7缁撴潫 */

/* DDQ椤甸潰鏁村悎鏍峰紡寮€濮� */

/* DDQApprove寮€濮� */

#DDQApprove.threeDiv .DDQApproveCon { padding-top: 40px; font-size: 32px; }
#DDQApprove.threeDiv .DDQRequired { width: 100%; font-size: 16px; color: #666666; }
#DDQApprove.threeDiv .DDQRequired span { color: #e60012; margin: 0 4px; }

/* 绗竴閮ㄥ垎鏍峰紡 */
#DDQApprove.threeDiv .DDQApproveBox { margin-top: 30px; }
#DDQApprove.threeDiv .liaisonClassOne { margin-top: 12px; }
#DDQApprove.threeDiv .liaisonClassOne:after { content: ''; display: block; clear: both; }
#DDQApprove.threeDiv .ClassOneName { width: 198px; padding-left: 12px; float: left; font-size: 14px; color: #666666; height: 36px; line-height: 36px; }
#DDQApprove.threeDiv .ClassOneName span:before { content: '*'; color: #e60012; }
#DDQApprove.threeDiv .ClassOneName span img { display: none; }
#DDQApprove.threeDiv .ClassOneList { width: 100%; padding-left: 198px; }
#DDQApprove.threeDiv .ClassOneList:after { content: ''; display: block; clear: both; }
#DDQApprove.threeDiv .ClassOneList li { float: left; margin-left: 1.4%; font-size: 14px; color: #666666; min-height: 36px; line-height: 36px; }
#DDQApprove.threeDiv .ClassOneList li:first-child { margin-left: 0; }
#DDQApprove.threeDiv .Class-cn-1 { width: 12%; }
#DDQApprove.threeDiv .Class-cn-2 { width: 18%; }
#DDQApprove.threeDiv .Class-cn-3 { width: 21%; }
#DDQApprove.threeDiv .Class-cn-4 { width: 34.4%; }
#DDQApprove.threeDiv .ClassOneList li input { display: block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; padding-left: 12px; color: #666666; border: 1px solid #d8d8d8; }
#DDQApprove.threeDiv .ClassOneList li .OneListName { display: none; }

/* 琛ㄥ崟鏍囩鏍囬鍏叡鏍峰紡 */
.secondDiv.threeDiv .ApproveH2 { width: 100%; border-bottom: 1px solid #d8d8d8; line-height: 0; }
.secondDiv.threeDiv .ApproveH2 span { display: inline-block; padding: 15px 20px; line-height: 1; font-size: 16px; color: #333333; border: 1px solid #d8d8d8; border-bottom: none; background: #f7f7f7; position: relative; }
.secondDiv.threeDiv .ApproveH2 span img { display: none; height: 50%; position: absolute; right: 2%; top: 25.5%; }

/* 绗簩閮ㄥ垎鏍峰紡寮€濮� */
#DDQApprove.threeDiv .DDQAppChoice { margin-top: 30px; }
#DDQApprove.threeDiv .problem { position: relative; }
#DDQApprove.threeDiv .Required { display: block; width: 10px; color: #e60012; font-size: 16px; position: absolute; top: 0; left: 0; line-height: 1.5; }
#DDQApprove.threeDiv .Serial { display: block; width: 20px; font-size: 16px; color: #333333; position: absolute; top: 0; left: 10px; line-height: 1.5; }
#DDQApprove.threeDiv .problemTit { display: block; width: 100%; padding-right: 170px; padding-left: 30px; font-size: 16px; color: #333333; line-height: 1.5; }
#DDQApprove.threeDiv .problemChoice { width: 140px; position: absolute; top: 0; right: 0; text-align: right; line-height: 1.5; font-size: 16px; color: #333333; border-left: 1px solid #d8d8d8; }
#DDQApprove.threeDiv .ChoiceI { display: inline-block; }
#DDQApprove.threeDiv .problemChoice input { -webkit-appearance: radio; width: 16px; margin-left: 30px; }
#DDQApprove.threeDiv .problemCon { padding-left: 30px; }
#DDQApprove.threeDiv .problemCon p { font-size: 16px; color: #333333; margin-top: 14px; line-height: 1; }
#DDQApprove.threeDiv .problemCon .problemDot:before { content: '路'; margin-right: 8px; }
#DDQApprove.threeDiv .problemCon textarea { width: 560px; height: 120px; resize: none; margin-top: 12px; border: 1px solid #d8d8d8; padding: 10px; font-size: 16px; color: #333333; }

/* 鍙嶅澹版槑寮€濮� */
#DDQApprove.threeDiv .anti-corruption { margin-top: 30px; }
#DDQApprove.threeDiv .anti-corruption>.secondWrapBox { border-top: 1px solid #d8d8d8; padding-top: 6px; border-bottom: 0; }
#DDQApprove.threeDiv .anti-corruption .ApproveH2 { border-bottom: none; }
#DDQApprove.threeDiv .anti-corruption .ApproveH2 span { background: none; border: none; font-weight: bold; }
#DDQApprove.threeDiv .corruptionCo p { font-size: 16px; color: #333333; margin-top: 20px; line-height: 1.5; }

/* 鎻愪氦琛ㄥ崟閮ㄥ垎鏍峰紡 */
#DDQApprove.secondDiv.threeDiv .secondWrapBox .MediaList { padding: 0; }
#DDQApprove.secondDiv.threeDiv .secondWrapBox .MediaListBox.textInputSit { width: 580px; }
#DDQApprove.threeDiv .submitter { margin-top: 30px; padding-bottom: 40px; }
#DDQApprove.threeDiv .submitter .ApproveH2 { margin-bottom: 20px; }
#DDQApprove.threeDiv .submitter .MediaListBoxinput { font-size: 16px; color: #666666; line-height: 36px; }
#DDQApprove.threeDiv .Auterror { display: block; width: 100%; height: 14px; line-height: 1; font-size: 14px; color: #e60012; margin-top: 10px; }
#DDQApprove.threeDiv .submitter .SitMediaListBox { width: 100px; font-size: 16px; height: 36px; line-height: 36px; color: #666666; float: left; position: relative; }
#DDQApprove.threeDiv .DDQSubmit { padding-left: 100px; }
#DDQApprove.threeDiv .DDQSubmitText { color: #e60012; font-size: 14px; }
#DDQApprove.threeDiv .submitddqBox { margin-top: 30px; }
#DDQApprove.threeDiv .submitddqBox:after { content: ''; display: block; clear: both; }
#DDQApprove.threeDiv .submitddqBox input { display: block; float: left; }
#DDQApprove.threeDiv .submitter .MediaListBoxinput>.timeSpan { display: block; font-size: 16px; }
@media screen and (max-width:768px) {
    #DDQApprove.threeDiv .DDQApproveCon { padding-top: 0; font-size: 60px; }
    #DDQApprove.threeDiv .DDQRequired { text-align: center; }

    /* 琛ㄥ崟绗竴閮ㄥ垎鏍峰紡淇敼 */
    .secondDiv.threeDiv .ApproveH2Wrap { padding: 0; }
    .secondDiv.threeDiv .ApproveH2 { padding: 0 16px; margin-top: 0; font-size: 37.5%; }
    #DDQApprove.threeDiv .ClassListWrap { display: none; }
    #DDQApprove.threeDiv .ClassOneName { width: 100%; height: auto; float: none; padding: 0; font-size: 37.5%; }
    #DDQApprove.threeDiv .ClassOneName .detailsShow { display: block; }
    #DDQApprove.threeDiv .ClassOneName>span { display: block; padding: 3% 2%; line-height: 1; font-size: 100%; color: #333333; border: 1px solid #d8d8d8; background: #f7f7f7; position: relative; }
    #DDQApprove.threeDiv .ClassOneName>span img { height: 50%; position: absolute; right: 2%; top: 25.5%; }
    #DDQApprove.threeDiv .ClassOneList { padding: 0; }
    #DDQApprove.threeDiv .ClassOneList li { width: 100%; float: none; margin: 2% auto 0; font-size: 100%; }
    #DDQApprove.threeDiv .ClassOneList li .OneListName { display: block; font-size: 37.5%; }
    #DDQApprove.threeDiv .ClassOneList li .OneListName { display: block; }
    #DDQApprove.threeDiv .ClassOneList li input { font-size: 37.5%; }
    #DDQApprove.threeDiv .liaisonWrap { display: none; }
    #DDQApprove.threeDiv .canClick .ClassOneList { display: none; }
    #DDQApprove.threeDiv .liaisonSpan { font-size: 37.5%; text-align: left; line-height: 1.5; }

    /* 琛ㄥ崟鏍囩鏍囬鍏叡鏍峰紡 */
    .secondDiv.threeDiv .ApproveH2 span { width: 100%; padding: 3% 2%; font-size: 100%; }
    .secondDiv.threeDiv .ApproveH2 span img.detailsShow { display: block; }
    #DDQApprove.threeDiv .ApproveBoxList { display: none; }
    #DDQApprove.threeDiv .DDQApproveBox { margin-top: 4%; cursor: pointer; }
    #DDQApprove.threeDiv .ListConInput li>input { font-size: 37.5%; }

    /* 绗簩閮ㄥ垎鏍峰紡璋冩暣 */
    #DDQApprove.threeDiv .problemTit { padding-right: 0; font-size: 37.5%; }
    #DDQApprove.threeDiv .problemCon { padding-left: 0; }
    #DDQApprove.threeDiv .problemCon textarea { width: 100%; font-size: 37.5%; }
    #DDQApprove.threeDiv .problemChoice { border-left: 0; width: 100%; border: 1px solid #d8d8d8; position: relative; margin-top: 3%; font-size: 37.5%; }
    #DDQApprove.threeDiv .problemChoice:after { content: ''; display: block; clear: both; }
    #DDQApprove.threeDiv .problemChoice .ChoiceI input { margin: 0; vertical-align: middle; }
    #DDQApprove.threeDiv .problemChoice .ChoiceI { display: block; width: 50%; float: left; text-align: center; padding: 2% 0; }
    #DDQApprove.threeDiv .problemChoice .ChoiceI:first-child { border-right: 1px solid #d8d8d8; }
    #DDQApprove.threeDiv .problemCon p { line-height: 1.5; margin-top: 3%; font-size: 37.5%; }
    #DDQApprove.threeDiv .Serial { font-size: 37.5%; }

    /* 鍙嶅澹版槑寮€濮� */
    #DDQApprove.threeDiv .anti-corruption .ApproveH2 span { border: 1px solid #d8d8d8; background: #f7f7f7; border-bottom: none; }
    #DDQApprove.threeDiv .anti-corruption .ApproveH2 { border-bottom: 1px solid #d8d8d8; cursor: pointer; }
    #DDQApprove.threeDiv .anti-corruption .secondWrapBox { border-top: none; }
    #DDQApprove.threeDiv .anti-corruption { margin-top: 4.68%; }
    #DDQApprove.threeDiv .corruptionCo { display: none; }
    #DDQApprove.threeDiv .corruptionCo p { font-size: 37.5%; margin-top: 2%; }

    /* 鎻愪氦琛ㄥ崟閮ㄥ垎淇敼 */
    #DDQApprove.threeDiv .DDQSubmit { padding: 0; margin-top: 3%; }
    #DDQApprove.threeDiv .DDQSubmitText { width: 90%; margin: 0 auto; text-align: center; font-size: 37.5%; }
    #DDQApprove.threeDiv .submitddqBox { width: 90%; margin: 3% auto 0; }
    #DDQApprove.threeDiv .submitddqBox .ddqSubmit { float: left; }
    #DDQApprove.threeDiv .submitddqBox .ddqReset { float: right; }
    #DDQApprove.secondDiv.threeDiv .secondWrapBox .MediaListBox.textInputSit { width: 100%; }
    #DDQApprove.threeDiv .submitter .SitMediaListBox { font-size: 37.5%; }
    #DDQApprove.threeDiv .MediaList { display: none; }
    #DDQApprove.threeDiv .anti-corruption>.secondWrapBox { padding-top: 0; }
    #DDQApprove.threeDiv .submitter { margin-top: 4.68%; }
    #DDQApprove.threeDiv .submitter .MediaListBoxinput { font-size: 100%; }
}

/* DDQApprove缁撴潫 */
@media screen and (max-width:640px) {
    #DDQApprove.threeDiv .DDQApproveCon { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #DDQApprove.threeDiv .DDQApproveCon { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #DDQApprove.threeDiv .DDQApproveCon { font-size: 37.5px; }
}

/* DDQ椤甸潰鏁村悎鏍峰紡缁撴潫 */

/* 鍏叡button鏍峰紡寮€濮� */

/* 鎻愪氦鎸夐挳 */

.secondDiv.threeDiv .ddqSubmit { margin-right: 30px; }

/* 鍒锋柊鎸夐挳鑳屾櫙鑹� */
.secondDiv.threeDiv .threeDivButton { width: 160px; height: 40px; border: none; text-align: center; line-height: 40px; font-size: 14px; color: #fff; }
@media screen and (max-width:768px) {
    .secondDiv.threeDiv .threeDivButton { width: 40%; font-size: 37.5%; }
}

/* 鍏叡button鏍峰紡缁撴潫 */

/* 鏍忕洰姒傝堪鏍峰紡寮€濮� */

.secondDiv.threeDiv .oneOverflow { -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
#Servers.threeDiv .serversCon { padding-top: 40px; font-size: 32px; }
#Servers.threeDiv .serversConBox { background: #f5f5f5; padding: 40px 0; }
#Servers.threeDiv .serversConBox .secondWrapBox:after { content: ''; display: block; clear: both; }
#Servers.threeDiv .serversConImg { width: 500px; float: left; margin-right: 70px; margin-bottom: 30px; cursor: pointer; position: relative; }
#Servers.threeDiv .serversConImg img { display: block; width: 100%; }
#Servers.threeDiv .serversConText .serversConTextBox { height: 250px; overflow: hidden; }
#Servers.threeDiv .serversConText p { font-size: 14px; color: #666666; margin-bottom: 36px; line-height: 1.5; }
#Servers.threeDiv .proVidConImgBlock { display: block; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#Servers.threeDiv .proVidConImgBlock img { display: block; width: 100%; height: 100%; }
#Servers.threeDiv .proVidConImgBtn { display: block; width: 14%; position: absolute; top: 36%; left: 42.1%; }
#Servers.threeDiv .serverClick { text-align: right; margin-top: 24px; font-size: 14px; color: #e60012; }
#Servers.threeDiv .serverClick img { display: inline-block; vertical-align: middle; margin-left: 4px; }
#Servers.threeDiv .serverClick.activeC { margin-top: 20px; }
#Servers.threeDiv .serverClick .closeListS { display: none; }
#Servers.threeDiv .serverClikBtn { display: inline-block; cursor: pointer; }
#Servers.threeDiv .serverClikBtn span { display: inline-block; }
#Servers.threeDiv .serverClick.activeC .openListS { display: none; }
#Servers.threeDiv .serverClick.activeC .closeListS { display: inline-block; }

/* 浜у搧鍒嗙被寮€濮� */
#Servers.threeDiv .classList li { width: 48%; float: left; margin-left: 4%; }
#Servers.threeDiv .classList li:first-child { margin-left: 0; }
#Servers.threeDiv .classList:after { content: ''; display: block; clear: both; }
#Servers.threeDiv .classification { font-size: 32px; padding-top: 40px; padding-bottom: 40px; }
#Servers.threeDiv .classListImg { display: block; }
#Servers.threeDiv .classListImg>img { display: block; width: 100%; }
#Servers.threeDiv .classListTxt { width: 100%; padding: 3.75%; }
#Servers.threeDiv .classListTxt h2 { font-size: 24px; color: #333333; }
#Servers.threeDiv .classListTxt p { font-size: 14px; color: #333333; margin-top: 20px; }
#Servers.threeDiv .classListGoTo { margin-top: 20px; text-align: right; line-height: 0; }
#Servers.threeDiv .classListGoTo a { font-size: 14px; color: #333333; }
#Servers.threeDiv .classListGoTo a.fontRed { color: #e60012; }
#Servers.threeDiv .classListGoTo a img { width: 16px; vertical-align: middle; margin-top: -2px; margin-left: 4px; }
body.ie8 #Servers.threeDiv .classList li { border: 1px solid #e8e8e8; }
@media screen and (max-width:768px) {
    #Servers.threeDiv .serversCon { padding-top: 0; font-size: 60px; }
    #Servers.threeDiv .serversConImg { float: none; width: 100%; margin: 0; }
    #Servers.threeDiv .serversConText { background: #fff; padding: 3.75%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
    #Servers.threeDiv .serverClick { text-align: center; margin-top: 5.625%; }
    #Servers.threeDiv .serversConBox { padding: 5.625% 0; }

    /* 浜у搧鍒嗙被 */
    #Servers.threeDiv .classification { padding-top: 0; font-size: 60px; }
    #Servers.threeDiv .classList li { float: none; width: 100%; margin: 0; }
    #Servers.threeDiv .classList li:first-child { margin-bottom: 3.75%; }
    #Servers.threeDiv .classListTxt h2 { font-size: 46.875%; }
    #Servers.threeDiv .classListTxt p { font-size: 37.5%; margin-top: 3%; }
    #Servers.threeDiv .classListGoTo { margin-top: 3%; }
    #Servers.threeDiv .classListTxt p { overflow: visible; white-space: normal; line-height: 1.5; }
    #Servers.threeDiv .serversConText p { margin-bottom: 20px; }
}
@media screen and (max-width:640px) {
    #Servers.threeDiv .serversCon,
    #Servers.threeDiv .classification { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #Servers.threeDiv .serversCon,
    #Servers.threeDiv .classification { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #Servers.threeDiv .serversCon,
    #Servers.threeDiv .classification { font-size: 37.5px; }
}

/* 鏍忕洰姒傝堪鏍峰紡缁撴潫 */

/* 鏄熺骇鏈嶅姟璧勮川璁よ瘉鏍囧噯寮€濮� */

#Technic_Service_Attestation .AttestationCon { font-size: 32px; padding-top: 40px; padding-bottom: 40px; }
#Technic_Service_Attestation .AttestationCon .secondWrapBox:after { content: ''; display: block; clear: both; }
#Technic_Service_Attestation .AttestationLeft { width: 75%; float: left; }
#Technic_Service_Attestation .AttestationRight { width: 23%; float: right; }
#Technic_Service_Attestation .standardList li { padding: 40px 20px; }
#Technic_Service_Attestation .standardList li:after { content: ''; display: block; clear: both; }
#Technic_Service_Attestation .standardImg { display: block; width: 304px; overflow: hidden; }
#Technic_Service_Attestation .standardImg>img { display: block; width: 100%; -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); }
#Technic_Service_Attestation .standardImg>img:hover { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
#Technic_Service_Attestation .standardF5 { background: #f5f5f5; }
#Technic_Service_Attestation .standardF5 .standardImg { float: left; }
#Technic_Service_Attestation .standardFF .standardImg { float: right; }
#Technic_Service_Attestation .standardTxt { width: 100%; }
#Technic_Service_Attestation .standardF5 .standardTxt { padding-left: 340px; padding-top: 20px; }
#Technic_Service_Attestation .standardFF .standardTxt { padding-right: 340px; }
#Technic_Service_Attestation .standardTxt h2 { font-size: 28px; color: #333333; }
#Technic_Service_Attestation .standardTxt p { font-size: 14px; color: #333333; margin-top: 14px; line-height: 1.5; }
#Technic_Service_Attestation .standardGoto { margin-top: 30px; text-align: right; line-height: 0; }
#Technic_Service_Attestation .standardGoto a { font-size: 14px; color: #333333; }
#Technic_Service_Attestation .standardGoto a.fontRed { color: #e60012; }
#Technic_Service_Attestation .standardGoto a img { width: 16px; vertical-align: middle; margin-top: -2px; }
#Technic_Service_Attestation .AttestatBox { padding-top: 40px; }
#Technic_Service_Attestation .AttestatBoxTxt { padding: 0 20px; }
#Technic_Service_Attestation .AttestatBoxTxt .standardGoto { line-height: 0; }
#Technic_Service_Attestation .AttestatBoxTxt p { font-size: 14px; color: #666666; }
#Technic_Service_Attestation .backgroundF5F5 { background: #f5f5f5; padding: 30px 20px; }
#Technic_Service_Attestation .AttestatImg { width: 120px; height: 120px; float: left; }
#Technic_Service_Attestation .AttestatImg>img { display: block; width: 100%; }
#Technic_Service_Attestation .AttestatTxt { width: 100%; padding-left: 158px; }
#Technic_Service_Attestation .AttestatTxt h2 { font-size: 22px; color: #333333; }
#Technic_Service_Attestation .AttestatTxt p { font-size: 14px; color: #333333; margin-top: 12px; line-height: 1.5; }
#Technic_Service_Attestation .installBox .AttestatTxt:after { content: ''; display: block; clear: both; }
#Technic_Service_Attestation #Technic_Service_Attestation .AttestatBoxTxt.installBox { padding: 0; }
#Technic_Service_Attestation .installBtn { width: 100px; height: 36px; background: #e60012; border-radius: 4px; font-size: 16px; text-align: center; line-height: 36px; margin: -36px 0 0 158px; }
#Technic_Service_Attestation .installBtn a { display: block; width: 100%; height: 100%; color: #fff; }
#Technic_Service_Attestation .AttestationRight { padding-top: 62px; }
#Technic_Service_Attestation .AtRightBox { width: 100%; border: 1px solid #ececec; }
#Technic_Service_Attestation .AtRightBox h2 { height: 50px; line-height: 50px; padding-left: 20px; font-size: 18px; color: #333333; background: #ececec; }
#Technic_Service_Attestation .AtRightList { padding: 12px 20px; }
#Technic_Service_Attestation .AtRightList li { width: 100%; padding: 10px 0; line-height: 1; }
#Technic_Service_Attestation .AtRightList li a { display: block; width: 100%; font-size: 16px; color: #666666; }
#Technic_Service_Attestation .AtRightList li a:hover { color: #e60012; }
#Technic_Service_Attestation .AtRightList li.active a { color: #e60012; }
@media screen and (max-width:800px) {
    #Technic_Service_Attestation .installBtn { margin: -10px 0 0 158px; }
}
@media screen and (max-width:768px) {
    #Technic_Service_Attestation .AttestationRight { display: none; }
    #Technic_Service_Attestation .AttestationCon { padding-top: 0; font-size: 60px; padding-bottom: 0; }
    #Technic_Service_Attestation .AttestationLeft { width: 100%; }
    #Technic_Service_Attestation .standardList li { padding: 0; background: #fff; margin-bottom: 3.75%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
    body.ie8 #Technic_Service_Attestation .standardList li { border: 1px solid #ececec; }
    #Technic_Service_Attestation .standardF5 .standardImg { float: none; width: 100%; }
    #Technic_Service_Attestation .standardF5 .standardTxt,
    #Technic_Service_Attestation .standardFF .standardTxt { padding: 3.75%; }
    #Technic_Service_Attestation .standardGoto { margin-top: 3.75%; }
    #Technic_Service_Attestation .standardTxt h2 { font-size: 40%; }
    #Technic_Service_Attestation .standardTxt p { font-size: 31.5%; }
    #Technic_Service_Attestation .standardFF .standardImg { float: none; width: 100%; }
    #Technic_Service_Attestation .AttestatBox { padding-top: 0; }
    #Technic_Service_Attestation .secondWrapBox { padding: 0; }
    #Technic_Service_Attestation .AttestationBox { padding: 0 16px; }
    #Technic_Service_Attestation .AttestatBoxAuth { background: #f5f5f5; padding-bottom: 3.75%; }
    #Technic_Service_Attestation .AttestatBoxTxt p { font-size: 37.5%; }
    #Technic_Service_Attestation .backgroundF5F5 { background: #fff; }
    #Technic_Service_Attestation .installBtn { margin: 6% auto 0; width: 100%; height: auto; }
    #Technic_Service_Attestation .AttestatImg { width: 18.75%; height: auto; }
    #Technic_Service_Attestation .AttestatTxt { padding-left: 22%; }
    #Technic_Service_Attestation .AttestatTxt h2 { font-size: 46.5%; }
    #Technic_Service_Attestation .AttestatTxt p { font-size: 37.5%; margin-top: 2%; }
}
@media screen and (max-width:640px) {
    #Technic_Service_Attestation .AttestationCon { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #Technic_Service_Attestation .AttestationCon { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #Technic_Service_Attestation .AttestationCon { font-size: 37.5px; }
}

/* 鏄熺骇鏈嶅姟璧勮川璁よ瘉鏍囧噯缁撴潫 */

/* 瀛樺偍椤甸潰鏍峰紡寮€濮� */

/* bannner鏍峰紡鍙樺寲 */

#Storage.threeDiv .secondBannerText { top: 20%; }
#Storage.threeDiv .StorageTit { font-size: 50px; line-height: 1; }
#Storage.threeDiv .StorageSpan { font-size: 40px; margin-top: 35px; line-height: 1; }
#Storage.threeDiv .StorageP { font-size: 16px; width: 380px; }
#Storage.threeDiv .UnderstandMore { display: block; width: 130px; height: 40px; border: 2px solid #fff; text-align: center; line-height: 40px; font-size: 14px; margin-top: 35px; }
#Storage.threeDiv .UnderstandMore a { display: block; width: 100%; height: 100%; color: #fff; }
@media screen and (max-width:1550px) {
    #Storage.threeDiv .secondBannerText { top: 10%; width: 90%; }
}
@media screen and (max-width:1200px) {
    #Storage.threeDiv .StorageTit { font-size: 40px; }
    #Storage.threeDiv .StorageSpan { font-size: 30px; margin-top: 25px; }
    #Storage.threeDiv .StorageP { width: 100%; font-size: 15px; }
    #Storage.threeDiv .UnderstandMore { margin-top: 25px; }
}
@media screen and (max-width:768px) {
    #Storage.threeDiv .secondBannerText p { border-left: none; padding-left: 0; }
    #Storage.threeDiv .StorageTit { font-size: 78%; }
    #Storage.threeDiv .StorageSpan { font-size: 50%; margin-top: 3%; }
    #Storage.threeDiv .StorageP { font-size: 31.5%; }
    #Storage.threeDiv .UnderstandMore { margin-top: 2%; height: auto; padding: 3% 0; line-height: 1; }
}
#Storage.threeDiv .summaryColum { padding-top: 40px; font-size: 32px; padding-bottom: 20px; }
#Storage.threeDiv .summaryConTit { font-size: 28px; color: #3c3c3c; text-align: center; }
#Storage.threeDiv .summaryConTxt { width: 70%; margin: 0 auto; font-size: 16px; color: #666666; text-align: center; line-height: 1.5; margin-top: 18px; }
#Storage.threeDiv .summaryConPclist { margin-top: 10px; }
#Storage.threeDiv .summaryConPclist:after { content: ''; display: block; clear: both; }
#Storage.threeDiv .summaryConPclist li { width: 20%; float: left; }
#Storage.threeDiv .summaryConPclist li a { display: block; width: 100%; height: 100%; padding: 20px 10px; }
#Storage.threeDiv .summaryConPclist li:hover { background: #f5f5f5; }
#Storage.threeDiv .summaryConPclist li .summaryListImg { display: block; width: 60px; margin: 0 auto; }
#Storage.threeDiv .summaryConPclist li .summaryListImg>img { display: block; width: 100%; }
#Storage.threeDiv .summaryListTit { font-size: 20px; color: #242424; text-align: center; margin-top: 12px; }
#Storage.threeDiv .summaryListP { font-size: 14px; color: #666666; text-align: center; margin-top: 10px; }
#Storage.threeDiv .Swiper-summaryCon { display: none; }
#Storage.threeDiv .Swiper-summaryCon .swiper-slide ul:after { content: ''; display: block; clear: both; }
#Storage.threeDiv .Swiper-summaryCon .swiper-slide li { width: 30%; float: left; margin-left: 5%; background: #fff; }
body.ie8 #Storage.threeDiv .Swiper-summaryCon .swiper-slide li { margin-bottom: 20px; }
#Storage.threeDiv .Swiper-summaryCon .swiper-slide li .summaryListImg { display: block; width: 40%; margin: 0 auto; }
#Storage.threeDiv .Swiper-summaryCon .swiper-slide li .summaryListImg img { display: block; width: 100%; }
#Storage.threeDiv .Swiper-summaryCon .swiper-slide li a { display: block; width: 100%; height: 100%; padding: 20% 5%; }
#Storage.threeDiv .Swiper-summaryCon .swiper-slide li:first-child { margin-left: 0; }
#Storage.threeDiv .summaryEnterBtn { margin-top: 3%; }

/* 鎺ㄨ崘浜у搧寮€濮� */
#Storage.threeDiv .sumProducts { padding-top: 40px; padding-bottom: 40px; font-size: 32px; background: #f5f5f5; }
#Storage.threeDiv .sumProductsC .sumProductSlide { width: 32%; float: left; margin-left: 2%; }
#Storage.threeDiv .sumProductsC .sumProductSlide a { display: block; width: 100%; height: 100%; }
#Storage.threeDiv .sumProductsC .sumProductSlide:first-child { margin-left: 0; }
#Storage.threeDiv .sumProductImg { display: block; width: 100%; }
#Storage.threeDiv .sumProductImg>img { display: block; width: 100%; }
#Storage.threeDiv .sumProductTxt { font-size: 18px; color: #333333; padding: 20px; background: #fff; line-height: 1; }
#Storage.threeDiv .swiper-sumProductsC { display: none; overflow: hidden; }
body.ie8 #Storage.threeDiv .swiper-sumProductsC li { margin-bottom: 20px; }
#Storage.threeDiv .ProducEnterBtn { display: none; }

/* 浜у搧鍒嗙被 */
#Storage.threeDiv .classification { padding-top: 40px; font-size: 32px; padding-bottom: 40px; }
#Storage.threeDiv .classifiList:after { content: ''; display: block; clear: both; }
#Storage.threeDiv .classifiList .fiListBox { width: 49%; float: left; height: 380px; margin-left: 2%; position: relative; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
#Storage.threeDiv .classifiList .fiListBox:hover { -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); }
#Storage.threeDiv .classifiList .fiListBox>img { display: block; width: 100%; height: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
body.ie8 .classifiList .fiListBox { border: 1px solid #ececec; }
#Storage.threeDiv .fiListBoxTxt { width: 100%; height: 100%; position: relative; padding: 40px; }
#Storage.threeDiv .classifiList .fiListBox:first-child { margin-left: 0; }
#Storage.threeDiv .fiListBoxTxtLogo { width: 40%; }
#Storage.threeDiv .fiListBoxTxtLogo>img { display: block; width: 100%; }
#Storage.threeDiv .greenText { display: inline-block; height: 50px; line-height: 50px; border-bottom: 2px solid #01a982; font-size: 26px; color: #01a982; }
#Storage.threeDiv .redText { display: inline-block; height: 50px; line-height: 50px; border-bottom: 2px solid #e60012; font-size: 26px; color: #e60012; }
#Storage.threeDiv .fiListBoxList { margin-top: 46px; }
#Storage.threeDiv .fiListBoxList:after { content: ''; display: block; clear: both; }
#Storage.threeDiv .fiListBoxList a { display: block; width: 33%; height: 35px; float: left; font-size: 14px; color: #333333; line-height: 1.3; }
#Storage.threeDiv .greenT a:before { content: '>'; color: #01a982; margin-right: 4px; }
#Storage.threeDiv .redT a:before { content: '>'; color: #e60012; margin-right: 4px; }
#Storage.threeDiv .classifiList img.secondH5 { display: none; }

/*  */
#Storage.threeDiv .storgSolve { font-size: 32px; padding-top: 40px; background: #f5f5f5; padding-bottom: 40px; }
#Storage.threeDiv .storgSolveList:after { content: ''; display: block; clear: both; }
#Storage.threeDiv .storgSolveList li { width: 19.2%; float: left; margin-left: 1%; position: relative; }
#Storage.threeDiv .storgSolveList li:first-child { margin-left: 0; }
#Storage.threeDiv .storgSolveList li a { display: block; width: 100%; height: 100%; }
#Storage.threeDiv .storgSolveList li a>img { display: block; width: 100%; }
#Storage.threeDiv .SolveListTxt { width: 100%; height: 100%; position: absolute; top: 0; left: 0; padding-top: 50%; }
#Storage.threeDiv .SolveListTxt h2 { width: 90%; padding: 4px 0; background: #fff; line-height: 1.5; font-size: 20px; color: #333333; margin: 0 auto; color: #333; text-align: center; }
#Storage.threeDiv .SolveListTxt p { width: 90%; margin: 18px auto 0; line-height: 1.5; font-size: 16px; color: #fff; text-align: center; }

/* 鎴愬姛妗堜緥寮€濮� */
#Storage.threeDiv .storgSuccess { padding-top: 40px; font-size: 32px; }
#Storage.threeDiv .storgSuccessText { font-size: 16px; color: #666666; }
#Storage.threeDiv .storgSuccessCNav { margin-top: 30px; width: 100%; background: #f5f5f5; border: 1px solid #e8e8e8; }
#Storage.threeDiv .storgSuccessCNav .navList:after { content: ''; display: block; clear: both; }
#Storage.threeDiv .storgSuccessCNav li { width: 16%; float: left; cursor: pointer; text-align: center; font-size: 20px; color: #999999; border-right: 1px solid #e8e8e8; }
#Storage.threeDiv .storgSuccessCNav li span { display: block; width: 100%; padding: 10px 0; }
#Storage.threeDiv .storgSuccessCNav li.active { background: #fff; position: relative; bottom: -1px; }
#Storage.threeDiv .storgSuccessWrap { margin-top: 20px; padding-bottom: 20px; }
#Storage.threeDiv .SuccessWrapList { padding-bottom: 10px; }
#Storage.threeDiv .SuccessWrapList:after { content: ''; display: block; clear: both; }
#Storage.threeDiv .SuccessWrapList li { width: 32%; float: left; background: #fff; margin-left: 2%; }
body.ie8 #Storage.threeDiv .SuccessWrapList li { border: 1px solid #ececec; }
#Storage.threeDiv .SuccessWrapList li a { display: block; width: 100%; height: 100%; }
#Storage.threeDiv .SuccessWrapList li a .WrapListImg { display: block; width: 100%; overflow: hidden; }
#Storage.threeDiv .SuccessWrapList li a .WrapListImg img { display: block; width: 100%; -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); }
#Storage.threeDiv .SuccessWrapList li a .WrapListImg:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
#Storage.threeDiv .SuccessWrapList li:first-child { margin-left: 0; }
#Storage.threeDiv .WrapListText { padding: 20px; }
#Storage.threeDiv .WrapListText h2 { font-size: 24px; color: #333333; }
#Storage.threeDiv .WrapListText p { font-size: 14px; color: #333333; margin-top: 15px; }
#Storage.threeDiv .storgSuccesW { display: none; overflow: hidden; }
#Storage.threeDiv .storgSuccesW.active { display: block; }
#Storage.threeDiv .SuccH5 { display: none; }
#Storage.threeDiv .SuccH5 .swiper-wrapper:after { content: ''; display: block; clear: both; }
#Storage.threeDiv .SuccH5 .swiper-wrapper li { float: left; padding: 0 16px; }
#Storage.threeDiv .SuccH5 .swiper-wrapper li a { display: block; width: 100%; height: 100%; padding-bottom: 3%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
body.ie8 #Storage.threeDiv .SuccH5 .swiper-wrapper li a { border: 1px solid #ececec; }
body.ie8 #Storage.threeDiv .SuccH5 .swiper-wrapper li { margin-bottom: 20px; }
#Storage.threeDiv .SuccH5 .swiper-wrapper li a .WrapListImg { display: block; width: 100%; }
#Storage.threeDiv .SuccH5 .swiper-wrapper li a .WrapListImg img { display: block; width: 100%; }
#Storage.threeDiv .storgSuccess .swiper-btn-box { padding: 5% 0; }
#Storage.threeDiv .protechVideo { background: #f5f5f5; }
@media screen and (max-width:768px) {
    #Storage.threeDiv .summaryColum { padding-top: 0; font-size: 60px; padding-bottom: 0; }
    #Storage.threeDiv .summaryCon { background: #f5f5f5; padding: 4% 0; }
    #Storage.threeDiv .summaryConTit { font-size: 46.785%; }
    #Storage.threeDiv .summaryConTxt { width: 90%; font-size: 31.25%; }

    /* PC绔垪琛ㄦ秷澶� */
    #Storage.threeDiv .summaryConPclist { display: none; }

    /* 绉诲姩绔垪琛� */
    #Storage.threeDiv .Swiper-summaryCon { display: block; margin-top: 4%; overflow: hidden; }
    #Storage.threeDiv .summaryListTit { font-size: 37.5%; }
    #Storage.threeDiv .summaryListP { font-size: 31.25%; }

    /* 鎺ㄨ崘浜у搧璋冩暣 */
    #Storage.threeDiv .sumProducts { padding-top: 0; font-size: 60px; background: #fff; padding-bottom: 0; }
    #Storage.threeDiv .sumProductsC { background: #f5f5f5; padding: 4% 0; }
    #Storage.threeDiv .ProducEnterBtn { display: block; margin-top: 3%; }
    body.ie8 #Storage.threeDiv .ProducEnterBtn { display: none; }
    #Storage.threeDiv .swiper-sumProductsC { display: block; }
    #Storage.threeDiv .sumProductUl { display: none; }

    /* 浜у搧鍒嗙被 */
    #Storage.threeDiv .classification { padding-top: 0; font-size: 60px; padding-bottom: 3%; }
    #Storage.threeDiv .classifiList .fiListBox { float: none; width: 100%; height: auto; margin: 0; margin-bottom: 3%; }
    #Storage.threeDiv .fiListBoxTxt { padding: 5%; }
    #Storage.threeDiv .classifiList img.secondPC { display: none; }
    #Storage.threeDiv .classifiList img.secondH5 { display: block; }
    #Storage.threeDiv .greenText { font-size: 37.5%; }
    #Storage.threeDiv .fiListBoxList a { width: 50%; }

    /* 瑙ｅ喅鏂规 */
    #Storage.threeDiv .storgSolve .secondWrapBox { padding: 0 10px; }
    #Storage.threeDiv .storgSolveList li { width: 50%; padding: 0 6px; margin: 0 0 2%; }
    #Storage.threeDiv .SolveListTxt h2 { width: 80%; font-size: 40%; }
    #Storage.threeDiv .storgSolve { padding-top: 0; padding-bottom: 3%; font-size: 60px; }
    #Storage.threeDiv .SolveListTxt p { width: 80%; font-size: 37.5%; }
    #Storage.threeDiv .SolveListTxt { padding-top: 40%; }

    /* 鎴愬姛妗堜緥 */
    #Storage.threeDiv .SuccPc { display: none; }
    #Storage.threeDiv .SuccH5 { display: block; }
    #Storage.threeDiv .SuccessWrapList li { width: 100%; margin: 0; }
    #Storage.threeDiv .storgSuccessCNav li { width: 20%; font-size: 31.25%; }
    #Storage.threeDiv .storgSuccess { padding-top: 0; font-size: 60px; }
    #Storage.threeDiv .storgSuccessText { font-size: 37.5%; }
    #Storage.threeDiv .storgSuccessC .secondWrapBox { padding: 0; }
    #Storage.threeDiv .WrapListText { padding: 3%; }
    #Storage.threeDiv .WrapListText h2 { font-size: 46%; }
    #Storage.threeDiv .WrapListText p { font-size: 37.5%; margin-top: 2%; }
    #Storage.threeDiv .storgSuccessCNav { border-right: 0; }
    #Storage.threeDiv .storgSuccessWrap { padding-bottom: 0; }

    /* 瑙嗛閮ㄥ垎璋冭妭 */
    #Storage.threeDiv #videoWrapH5,
    #Storage.threeDiv #videoWrapH5 .protechH5Tit,
    #Storage.threeDiv #videoWrapH5 .protechH5VidBtn { background: #f5f5f5; }
    #Storage.threeDiv #videoWrapH5 .protechH5VidBtn { padding-top: 2%; }
}
@media screen and (max-width:640px) {
    #Storage.threeDiv .summaryColum,
    #Storage.threeDiv .storgSolve,
    #Storage.threeDiv .storgSuccess { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #Storage.threeDiv .summaryColum,
    #Storage.threeDiv .storgSolve,
    #Storage.threeDiv .storgSuccess { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #Storage.threeDiv .summaryColum,
    #Storage.threeDiv .storgSolve,
    #Storage.threeDiv .storgSuccess { font-size: 37.5px; }
}

/* 瀛樺偍椤甸潰鏍峰紡缁撴潫 */

/* 璁よ瘉浠ｇ悊鍟嗗紑濮� */

/* 姝ラ閮ㄥ垎鏍峰紡寮€濮� */

.secondDiv.threeDiv .Authentication { padding-top: 40px; font-size: 32px; }
.secondDiv.threeDiv .secondEntH3Txt { font-size: 14px; color: #e60012; margin-left: 18px; }
.secondDiv.threeDiv .AuthenNav ul:after { content: ''; display: block; clear: both; }
.secondDiv.threeDiv .AuthenNav ul li { width: 13.9%; height: 130px; background: #f5f5f5; float: left; margin-left: 0.45%; }
.secondDiv.threeDiv .AuthenNav ul li:first-child { margin-left: 0; }
.secondDiv.threeDiv .AuthenNav ul li .navListNum { display: block; width: 40px; height: 40px; margin: 25px auto 0; position: relative; text-align: center; line-height: 40px; font-size: 24px; color: #666666; }
.secondDiv.threeDiv .AuthenNav ul li .navListNum img { display: block; width: 100%; position: absolute; top: 0; left: 0; }
.secondDiv.threeDiv .AuthenNav ul li .navListNum .navListNufff { display: none; }
.secondDiv.threeDiv .navListTxt { width: 90%; margin: 5% auto 0; font-size: 12px; color: #666666; text-align: center; line-height: 1.5; padding-bottom: 3%; }
.secondDiv.threeDiv .AuthenNav ul li.backRed .navListNumNo { display: none; }
.secondDiv.threeDiv .AuthenNav ul li.backRed .navListNufff { display: block; }
.secondDiv.threeDiv .AuthenNav ul li.backRed .navListTxt { color: #fff; }
.secondDiv.threeDiv .AuthenNav ul li.backRed .navListNum { color: #fff; }
.secondDiv.threeDiv .AuthenNavTxt { font-size: 14px; color: #666666; margin-bottom: 15px; line-height: 1.5; }
.secondDiv.threeDiv .AuthenNavTxt a { color: #333333; font-weight: 700; }
.secondDiv.threeDiv .strongRed { color: #e60012; }
.secondDiv.threeDiv .NavTxtBox { padding-top: 15px; margin-top: 40px; padding-bottom: 20px; }
.secondDiv.threeDiv .swiper-navlist { display: none; }
.secondDiv.threeDiv .AuthenNav .swiper-slide li { width: 32%; float: left; margin-left: 2%; }
body.ie8 .secondDiv.threeDiv .AuthenNav .swiper-slide li { margin-bottom: 2%; }
.secondDiv.threeDiv .AuthenNav .swiper-slide li:first-child { margin-left: 0; }
.secondDiv.threeDiv .swiper-navlist { overflow: hidden; }
.secondDiv.threeDiv .SuccesNavlist { padding: 3% 0; }

/* 姝ラ閮ㄥ垎鏍峰紡缁撴潫 */

/* 琛ㄥ崟閮ㄥ垎寮€濮� */

/* 绗竴閮ㄥ垎鍏徃鍩烘湰鎯呭喌 */

.secondDiv.threeDiv .ApproveH2Wrap { margin-top: 20px; }
.secondDiv.threeDiv .companyWrap { padding-top: 20px; }
.secondDiv.threeDiv select { -webkit-appearance: menulist; }
.secondDiv.threeDiv .companyBox { overflow: hidden; zoom: 1; }
.secondDiv.threeDiv .companyBox { padding-bottom: 20px; }
.secondDiv.threeDiv .companyBoxName { width: 198px; padding-left: 12px; float: left; font-size: 14px; color: #666666; height: 36px; line-height: 36px; }
.secondDiv.threeDiv .companyBoxName:before { content: '*'; color: #e60012; }
.secondDiv.threeDiv .companyBoxInput { width: 100%; padding-left: 198px; }
.secondDiv.threeDiv .companyBoxInput .textInput { display: block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; padding-left: 12px; color: #666666; border: 1px solid #d8d8d8; }
.secondDiv.threeDiv .Auterror { display: block; width: 100%; height: 14px; line-height: 1; font-size: 14px; color: #e60012; margin-top: 10px; }
.secondDiv.threeDiv .InputBox:after { content: ''; display: block; clear: both; }
.secondDiv.threeDiv .select_box { width: 180px; color: #666666; float: left; margin-right: 10px; }
.secondDiv.threeDiv .select_box:after { content: ''; display: block; clear: both; }
.secondDiv.threeDiv .selectBoxach { display: block; width: 100%; font-size: 14px; padding: 8px 0; border: 1px solid #d8d8d8; }
.secondDiv.threeDiv .select_span { height: 36px; line-height: 36px; font-size: 14px; color: #7d7d7d; float: left; }
.secondDiv.threeDiv .selectBoxWidth { display: block; width: 100%; padding: 8px; font-size: 14px; color: #666666; border: 1px solid #d8d8d8; }
.secondDiv.threeDiv .companyText { display: block; padding: 10px; resize: none; width: 100%; height: 150px; border: 1px solid #d8d8d8; font-size: 14px; color: #666666; }

/* 绗簩閮ㄥ垎鍏徃鑱旂粶淇℃伅 */
.secondDiv.threeDiv .liaisonClassOne { margin-top: 12px; }
.secondDiv.threeDiv .liaisonClassOne:after { content: ''; display: block; clear: both; }
.secondDiv.threeDiv .ClassOneName { width: 198px; padding-left: 12px; float: left; font-size: 14px; color: #666666; height: 36px; line-height: 36px; }
.secondDiv.threeDiv .ClassOneName span:before { content: '*'; color: #e60012; }
.secondDiv.threeDiv .ClassOneName span img { display: none; }
.secondDiv.threeDiv .ClassOneList { width: 100%; padding-left: 198px; }
.secondDiv.threeDiv .ClassOneList:after { content: ''; display: block; clear: both; }
.secondDiv.threeDiv .ClassOneList li { float: left; margin-left: 2.5%; font-size: 14px; color: #666666; min-height: 36px; line-height: 36px; }
.secondDiv.threeDiv .ClassOneList li:first-child { margin-left: 0; }
.secondDiv.threeDiv .Class-cn-1 { width: 18%; }
.secondDiv.threeDiv .Class-cn-2 { width: 38.5%; }
.secondDiv.threeDiv .ClassOneList li input { display: block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; padding-left: 12px; color: #666666; border: 1px solid #d8d8d8; }
.secondDiv.threeDiv .ClassOneList li .OneListName { display: none; }

/* 鍒嗗壊绾� */
.secondDiv.threeDiv .liaisonLine { width: 100%; height: 1px; background: #d8d8d8; margin-top: 30px; }

/* 鎻愮ず閮ㄥ垎 */
.secondDiv.threeDiv .liaisonSpan { font-size: 14px; margin-top: 20px; color: #666666; text-align: right; }
.secondDiv.threeDiv .liaisonSpan a { color: #0b7ed7; }
.secondDiv.threeDiv .ExpandWrapList:after { content: ''; display: block; clear: both; }
.secondDiv.threeDiv .ExpandWrapList li { width: 15.12%; float: left; margin-left: 2%; }
.secondDiv.threeDiv .ExpandWrapList li:first-child { width: 31.5%; margin-left: 0; }
.secondDiv.threeDiv .ExpandWrapList li select,
.ExpandWrapList li input { padding: 8px; display: block; width: 100%; line-height: 1; font-size: 14px; color: #666666; border: 1px solid #d8d8d8; }
.secondDiv.threeDiv .ExpandWrapName { width: 100%; height: 44px; line-height: 44px; font-size: 14px; color: #666666; text-align: center; }
.secondDiv.threeDiv .ExpandWrapName:before { content: '*'; color: #e60012; }
.secondDiv.threeDiv .uploadTextP { font-size: 14px; color: #666666; padding-left: 12px; line-height: 1.5; padding-top: 26px; }
.secondDiv.threeDiv .uploadTextP a { font-weight: 700; color: #333; }
.secondDiv.threeDiv .uploadTextP span { color: #e60012; }
.secondDiv.threeDiv .uploadTextP:before { content: '*'; color: #e60012; }
.secondDiv.threeDiv .uploadBox { margin-top: 22px; overflow: hidden; zoom: 1; }

/* .secondDiv.threeDiv .uploadBox:after{content:'';display:block;clear:both;} */
.secondDiv.threeDiv .uploadName { width: 230px; padding-left: 12px; float: left; font-size: 14px; color: #666666; height: 36px; line-height: 36px; }
.secondDiv.threeDiv .uploadName:before { content: '*'; color: #e60012; }
.secondDiv.threeDiv .uploadinput { padding-left: 230px; }
.secondDiv.threeDiv .uploadinput:after { content: ''; display: block; clear: both; }
.secondDiv.threeDiv .uploadText { display: block; width: 60%; height: 36px; line-height: 36px; padding: 0 12px; border: 1px solid #d8d8d8; float: left; font-size: 14px; color: #666666; margin-right: 16px; }
.secondDiv.threeDiv .uploadButton { display: block; width: 90px; height: 36px; float: left; border: none; color: #fff; font-size: 14px; text-align: center; margin-right: 16px; }
.secondDiv.threeDiv .uploadSpan { font-size: 14px; color: #666666; float: left; height: 36px; line-height: 36px; }
.secondDiv.threeDiv .uploadClassOne { border-bottom: 1px solid #d8d8d8; overflow: hidden; zoom: 1; }

/* .secondDiv.threeDiv .uploadClassOne:after{content:'';display:block;clear:both;} */
.secondDiv.threeDiv .uploadOneName { width: 230px; padding-left: 12px; float: left; font-size: 14px; color: #666666; height: 36px; line-height: 36px; border-right: 1px solid #d8d8d8; border-left: 1px solid #d8d8d8; }
.secondDiv.threeDiv .uploadOneName span img { display: none; }
.secondDiv.threeDiv .uploadOneList li .OneListNameTxt a { display: block; width: 100%; height: 100%; color: #e60012; }
.secondDiv.threeDiv .uploadOneList { width: 100%; padding-left: 230px; }
.secondDiv.threeDiv .uploadOneList:after { content: ''; display: block; clear: both; }
.secondDiv.threeDiv .uploadOneList li { float: left; width: 28%; padding-left: 10px; border-right: 1px solid #d8d8d8; font-size: 14px; color: #666666; min-height: 36px; line-height: 36px; }
.secondDiv.threeDiv .uploadOneList li:first-child { margin-left: 0; }
.secondDiv.threeDiv .uploadOneList li.last-child { padding-left: 0; width: 16%; }
.secondDiv.threeDiv .uploadOneList li input { display: block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; padding-left: 12px; color: #666666; border: 1px solid #d8d8d8; }
.secondDiv.threeDiv .uploadOneList li.last-child input { display: block; margin: 0 auto; border: none; text-align: center; line-height: 36px; color: #fff; }
.secondDiv.threeDiv .uploadOneList li .OneListName { display: none; }
.secondDiv.threeDiv .center { text-align: center; }
.secondDiv.threeDiv .center .uploadOneList li { text-align: center; }
.secondDiv.threeDiv .registerSubmit { padding: 30px 0; }
.secondDiv.threeDiv .registerSubmit input { display: block; border: none; width: 109px; padding: 10px 0; line-height: 1; font-size: 16px; color: #fff; text-align: center; margin: 0 auto; }
.secondDiv.threeDiv .OneListNameTxt { display: block; width: 100%; height: 100%; }

/* 琛ㄥ崟閮ㄥ垎缁撴潫 */
@media screen and (max-width:768px) {
    .secondDiv.threeDiv .Authentication { font-size: 60px; padding-top: 0; }
    .secondDiv.threeDiv .secondEntH3Txt { display: block; width: 80%; font-size: 45%; line-height: 1.5; margin: 2% auto 0; }
    .secondDiv.threeDiv .OneListNameTxt { height: auto; padding: 2%; font-size: 37.5%; color: #333; }
    .secondDiv.threeDiv .NavTxtBox { padding: 0 16px; margin-top: 0; }
    .secondDiv.threeDiv .AuthenNav .secondWrapBox { padding: 0; }
    .secondDiv.threeDiv .AuthenPC { display: none; }
    .secondDiv.threeDiv .AuthenH5 { display: block; }
    .secondDiv.threeDiv .navListTxt { font-size: 37.5%; }
    .secondDiv.threeDiv .swiper-slide li { padding-top: 0; }
    .secondDiv.threeDiv .AuthenNav ul li .navListNum { margin: 8% auto 0; }
    .secondDiv.threeDiv .navListTxt { padding-bottom: 5%; }
    .secondDiv.threeDiv .AuthenNavTxt { font-size: 37.5%; }
    .secondDiv.threeDiv .AuthenNav .AuthenNavList li { width: 32%; margin-right: 2%; margin-left: 0; margin-bottom: 2%; }
    .secondDiv.threeDiv .AuthenNavList li.NavListMargin { margin-right: 0; }

    /* 琛ㄥ崟閮ㄥ垎 璐靛叕鍙稿熀鏈儏鍐� 绉诲姩绔皟鏁� */
    .secondDiv.threeDiv .ApproveH2Wrap { margin-top: 3%; }
    .secondDiv.threeDiv .companyWrap { padding-top: 2%; }
    .secondDiv.threeDiv .companyBoxName { width: 100%; float: none; padding-left: 0; font-size: 37.5%; }
    .secondDiv.threeDiv .companyBoxInput { padding: 0; }
    .secondDiv.threeDiv .Auterror { font-size: 31.25%; margin-top: 2%; height: auto; }
    .secondDiv.threeDiv .companyBox { padding-bottom: 2%; }
    .secondDiv.threeDiv .select_span { font-size: 37.5%; }
    .secondDiv.threeDiv .select_box { width: 48%; margin: 0; }
    .secondDiv.threeDiv .select_box:first-child { margin-right: 4%; }
    .secondDiv.threeDiv .companyBoxInput .textInput { font-size: 37.5%; }
    .secondDiv.threeDiv .companyBoxInput select { font-size: 37.5%; }
    .secondDiv.threeDiv .companyText { font-size: 37.5%; }

    /* 鍦ㄧЩ鍔ㄧ鍏徃鍐呭浼氭敹璧� */
    .secondDiv.threeDiv .companyWrap { display: none; }

    /* 鍏徃鑱旂粶鏂瑰紡绉诲姩绔皟鏁村紑濮� */
    .secondDiv.threeDiv .ClassListWrap { display: none; }
    .secondDiv.threeDiv .ClassOneName { width: 100%; height: auto; float: none; padding: 0; font-size: 37.5%; }
    .secondDiv.threeDiv .ClassOneName .detailsShow { display: block; }
    .secondDiv.threeDiv .ClassOneName>span { display: block; padding: 3% 2%; line-height: 1; font-size: 100%; color: #333333; border: 1px solid #d8d8d8; background: #f7f7f7; position: relative; }
    .secondDiv.threeDiv .ClassOneName>span img { height: 50%; position: absolute; right: 2%; top: 25.5%; }
    .secondDiv.threeDiv .ClassOneList { padding: 0; }
    .secondDiv.threeDiv .ClassOneList li { width: 100%; float: none; margin: 2% auto 0; font-size: 100%; }
    .secondDiv.threeDiv .ClassOneList li .OneListName { display: block; font-size: 37.5%; }
    .secondDiv.threeDiv .ClassOneList li .OneListName { display: block; }
    .secondDiv.threeDiv .ClassOneList li input { font-size: 37.5%; }

    /* 鍦ㄧЩ鍔ㄧ鍏徃鑱旂粶鏂瑰紡鍐呭浼氭敹璧� */
    .secondDiv.threeDiv .liaisonWrap { display: none; }
    .secondDiv.threeDiv .canClick .ClassOneList { display: none; }
    .secondDiv.threeDiv .liaisonSpan { font-size: 37.5%; text-align: left; line-height: 1.5; }

    /* H3C璐熻矗涓庤吹鍏徃鑱旂郴鐨勫憳宸�(H3C鎷撳睍浜�) */
    .secondDiv.threeDiv .ExpandWrapList li,
    .secondDiv.threeDiv .ExpandWrapList li:first-child { float: none; width: 100%; margin: 2% 0 0 0; }
    .secondDiv.threeDiv .ExpandWrapName { text-align: left; font-size: 37.5%; }
    .secondDiv.threeDiv .ExpandWrapList li select,
    .ExpandWrapList li input { font-size: 37.5%; }

    /* 涓婁紶鐢宠璧勬枡鏍峰紡 */
    .secondDiv.threeDiv .uploadName { padding: 0; float: none; width: 100%; font-size: 37.5%; }
    .secondDiv.threeDiv .uploadinput { padding: 0; width: 100%; }
    .secondDiv.threeDiv .uploadText { width: 70%; margin-right: 2%; font-size: 37.5%; }
    .secondDiv.threeDiv .uploadButton { width: 28%; float: right; margin: 0; font-size: 31.25%; }
    .secondDiv.threeDiv .uploadTextP { font-size: 37.5%; padding-top: 2%; padding-left: 0; }
    .secondDiv.threeDiv .uploadSpan { font-size: 37.5%; }
    .secondDiv.threeDiv .uploadOneName { width: 100%; float: none; text-align: left; font-size: 37.5%; }
    .secondDiv.threeDiv .center.uploadOneList { display: none; }
    .secondDiv.threeDiv .uploadOneList li { font-size: 100%; }
    .secondDiv.threeDiv .uploadOneList li .OneListName { display: block; font-size: 37.5%; color: #666; }
    .secondDiv.threeDiv .uploadOneList { padding: 0; }
    .secondDiv.threeDiv .uploadOneList li { float: none; width: 100%; margin: 2% 0 0 0; border-right: none; border-bottom: 1px solid #d8d8d8; }
    .secondDiv.threeDiv .uploadOneName { width: 100%; height: auto; border: none; float: none; padding: 0; font-size: 37.5%; }
    .secondDiv.threeDiv .uploadOneName .detailsShow { display: block; }
    .secondDiv.threeDiv .uploadOneName>span { display: block; padding: 3% 2%; line-height: 1; font-size: 100%; color: #333333; border: 1px solid #d8d8d8; background: #f7f7f7; position: relative; }
    .secondDiv.threeDiv .uploadOneName>span img { height: 50%; position: absolute; right: 2%; top: 25.5%; }
    .secondDiv.threeDiv .uploadOneList li.last-child { width: 100%; border-bottom: none; }
    .secondDiv.threeDiv .uploadOneList li.last-child .OneListName { float: left; }
    .secondDiv.threeDiv .uploadOneList li.last-child input { width: 20%; float: right; }
    .secondDiv.threeDiv .uploadOneList li input { font-size: 37.5%; }

    /* 鍦ㄧЩ鍔ㄧ涓婁紶閮ㄥ垎鍐呭浼氭敹璧� */
    .secondDiv.threeDiv .uploadWrap .canClick .uploadOneList { display: none; }
    .secondDiv.threeDiv .uploadWrap { display: none; }
    .secondDiv.threeDiv .registerSubmit { padding: 5% 0; }
    .secondDiv.threeDiv .registerSubmit input { width: 30%; font-size: 37.5%; }
    .secondDiv.threeDiv .uploadClassOne { border: none; margin-top: 2%; }
    .secondDiv.threeDiv .ExpandWrap { display: none; }
}
@media screen and (max-width:640px) {
    .secondDiv.threeDiv .Authentication { font-size: 50px; }
}
@media screen and (max-width:414px) {
    .secondDiv.threeDiv .Authentication { font-size: 44px; }
}
@media screen and (max-width:375px) {
    .secondDiv.threeDiv .Authentication { font-size: 37.5px; }
}

/* 璁よ瘉浠ｇ悊鍟嗙粨鏉� */

/* 鎻愪氦鎴愬姛椤甸潰寮€濮� */

#RegisterDealer.threeDiv .top_span { font-size: 14px; color: #e60012; text-align: right; }
#RegisterDealer.threeDiv .Submission { padding: 90px 0 170px; }
#RegisterDealer.threeDiv .SubmissionBg { display: block; width: 80px; margin: 0 auto; }
#RegisterDealer.threeDiv .SubmissionTxt { font-size: 30px; color: #333333; text-align: center; margin-top: 20px; }
#RegisterDealer.threeDiv .SubmissionF5 { padding: 20px; line-height: 1; font-size: 16px; color: #666666; text-align: center; background: #f5f5f5; margin-top: 40px; line-height: 1.5; }
#RegisterDealer.threeDiv .telsuccess { font-size: 14px; color: #666666; text-align: center; margin-top: 30px; }
#RegisterDealer.threeDiv .telsuccess a { font-weight: 700; color: #333333; }
#RegisterDealer.threeDiv .Submissiontxt_01 { font-size: 14px; color: #666666; text-align: center; margin-top: 35px; line-height: 1.5; }
#RegisterDealer.threeDiv .Submissiontxt_02 { font-size: 14px; color: #666666; text-align: center; margin-top: 15px; line-height: 1.5; padding: 0 10%; }
#RegisterDealer.threeDiv .Submissiontxt_02 span { color: #e60012; }
@media screen and (max-width:768px) {
    #RegisterDealer.threeDiv .Submission { font-size: 60px; }
    #RegisterDealer.threeDiv .Submission { padding: 5% 0; }
    #RegisterDealer.threeDiv .SubmissionBg { width: 18.75%; }
    #RegisterDealer.threeDiv .SubmissionTxt { font-size: 46.875%; }
    #RegisterDealer.threeDiv .SubmissionF5 { font-size: 37.5%; }
    #RegisterDealer.threeDiv .telsuccess { font-size: 37.5%; padding: 0 16px; text-align: left; }
    #RegisterDealer.threeDiv .Submissiontxt_01 { font-size: 37.5%; padding: 0 16px; text-align: left; }
    #RegisterDealer.threeDiv .Submissiontxt_02 { font-size: 37.5%; padding: 0 16px; margin-top: 5%; text-align: left; }
    #RegisterDealer.threeDiv .top_span { padding: 5% 0 0; font-size: 14px; }
}
@media screen and (max-width:640px) {
    #RegisterDealer.threeDiv .Submission { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #RegisterDealer.threeDiv .Submission { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #RegisterDealer.threeDiv .Submission { font-size: 37.5px; }
}

/* 鎻愪氦鎴愬姛椤甸潰缁撴潫 */

/*鎶€鏈湇鍔′骇鍝� 寮€濮�*/

.secondDiv.threeDiv .oneOverflow { -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
#IT_application.threeDiv .serversCon { padding-top: 40px; font-size: 32px; }
#IT_application.threeDiv .serversConBox { background: #f5f5f5; padding: 30px 0 0; }
#IT_application.threeDiv .serversConBox .secondWrapBox:after { content: ''; display: block; clear: both; }
#IT_application.threeDiv .serversConImg { width: 500px; float: left; margin-right: 70px; margin-bottom: 30px; cursor: pointer; position: relative; }
#IT_application.threeDiv .serversConImg img { display: block; width: 100%; }
#IT_application.threeDiv .serversConText .serversConTextBox { height: auto; padding-top: 15px }
#IT_application.threeDiv .serversConText p { font-size: 14px; color: #666666; margin-bottom: 15px; margin-top: 15px; line-height: 1.5; }
#IT_application.threeDiv .proVidConImgBlock { display: block; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#IT_application.threeDiv .proVidConImgBlock img { display: block; width: 100%; height: 100%; }
#IT_application.threeDiv .proVidConImgBtn { display: block; width: 14%; position: absolute; top: 36%; left: 42.1%; }
#IT_application.threeDiv .serverClick { text-align: right; margin-top: 110px; font-size: 14px; color: #e60012; }
#IT_application.threeDiv .serverClick img { display: inline-block; vertical-align: middle; margin-left: 4px; }
#IT_application.threeDiv .serverClick.activeC { margin-top: 20px; }
#IT_application.threeDiv .serverClick .closeListS { display: none; }
#IT_application.threeDiv .serverClikBtn { display: inline-block; cursor: pointer; }
#IT_application.threeDiv .serverClikBtn span { display: inline-block; }
#IT_application.threeDiv .serverClick.activeC .openListS { display: none; }
#IT_application.threeDiv .serverClick.activeC .closeListS { display: inline-block; }
body.ie8 #IT_application.threeDiv .classList li { border: 1px solid #e8e8e8; }
#IT_application.threeDiv .protechSolveGoMore { height: 20px; float: right; font-size: 14px; cursor: pointer; }
#IT_application.threeDiv .protechSolveGoMore a { display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; }
#IT_application.threeDiv .protechSolveGoMore a img { position: absolute; top: 0; right: 0; }
#IT_application.threeDiv .protechVideoCon { width: 100%; height: auto; }
#IT_application.threeDiv .applicationMenu { width: 25%; height: auto; float: left; position: relative; z-index: 100; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1) }
#IT_application.threeDiv .applicationMenuAct { border-right: 1px solid #e60012; }
#IT_application.threeDiv .applicationMenuList { width: 100%; height: 60px; line-height: 60px; box-sizing: border-box; padding-left: 19%; font-size: 20px; font-weight: 700; color: #666; border-bottom: 1px solid #e6e6e6; cursor: pointer; }
#IT_application.threeDiv .applicationMenuListAct { background: #e60012; color: #fff; }
#IT_application.threeDiv .applicationMainBody { width: 75%; height: 601px; float: left; }
#IT_application.threeDiv .applicationMainOut { width: 100%; height: auto; display: none; }
#IT_application.threeDiv .applicationMainOutAct { display: block; }
#IT_application.threeDiv .applicationMainOutGrey { background: #f5f5f5; width: 100%; height: 100%; border: 1px solid #e6e6e6; border-right: 0; position: relative; }
#IT_application.threeDiv #product_DAF .applicationMainBody { border: 1px solid #e6e6e6; width: 75%; height: 420px; float: left; overflow-y: auto; overflow-x: hidden; background: #f5f5f5; }
#IT_application.threeDiv #product_DAF #applicationMainMbl { display: none; }
#IT_application.threeDiv #product_DAF .applicationMainOutTextBox li a { color: #0b7ed7 }
#IT_application.threeDiv #product_DAF .applicationMainOutTextBox li a:hover { color: #e60012 }
#IT_application.threeDiv #product_DAF .mblMenuListInner li a { color: #0b7ed7; line-height: 20px; }
#IT_application.threeDiv #product_DAF .applicationMainOutGrey { height: auto; border: 0; }
#IT_application.threeDiv .applicationMainOutInner { width: 23%; height: 290px; margin-left: 2%; float: left; margin-bottom: 19px; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1) }
#IT_application.threeDiv .applicationMainOutInner a { display: block; width: 100%; height: 100%; color: #333; }
#IT_application.threeDiv .applicationMainOutInner img { width: 100%; }
#IT_application.threeDiv .applicationMainOutInner h2 { font-weight: 700; font-size: 14px; color: #333; margin: 6px 0 6px; box-sizing: border-box; padding: 0 12px; }
#IT_application.threeDiv .applicationMainOutInner p { font-size: 12px; padding: 0 12px; line-height: 1.6; }
#IT_application.threeDiv .applicationMainOutTextBox { width: 50%; height: auto; float: left; padding-left: 30px; box-sizing: border-box; }
#IT_application.threeDiv .applicationMainOutTextLastBox { width: 100%; padding: 0; }
#IT_application.threeDiv .applicationMainOutTextBox h2 { font-size: 24px; color: #333; line-height: 1; margin: 30px 0 24px; }
#IT_application.threeDiv .applicationMainOutTextBox li { font-size: 14px; color: #333; box-sizing: border-box; padding-left: 16px; line-height: 1.5; background: url(../images/secondAll/redArrow.png) no-repeat; background-position: 0px 5px; margin: 10px 0; }
#IT_application.threeDiv .applicationMainOutTextBox li:last-child { margin-bottom: 0; }
#IT_application.threeDiv .applicationMainOutTextBox li a { color: #333; }
#IT_application.threeDiv .applicationMainOutTextBox li a:hover { color: #e60012; }
#IT_application.threeDiv .applicationMblTextBox { padding-bottom: 5%; margin-bottom: 0%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
#IT_application.threeDiv .applicationMblTextBox a { display: block; width: 100%; height: 100%; color: #333; }
#IT_application.threeDiv .applicationMblTextBox img { width: 100%; float: left; }
#IT_application.threeDiv .applicationMblTextBox h2 { font-size: 45%; margin: 3% 0 0; padding: 0 4%; width: 100%; box-sizing: border-box; float: left; }
#IT_application.threeDiv .applicationMblTextBox p { font-size: 30%; width: 100%; color: #333; line-height: 1.6; box-sizing: border-box; float: left; margin: 3% 0 0; padding: 0 4%; }
#IT_application.threeDiv #videoWrapH5 .protechH5VidBtn { width: 100%; background-color: #fff; padding-top: 5%; }
.mblMenuListOutBox { width: 100%; box-sizing: border-box; padding: 0 20px; margin-bottom: -1px; }
.mblMenuListBox { width: 100%; }
.mblMenuListBox:first-child { border-top: 1px solid #e6e6e6; }
.mblMenuListBox:last-child .mblMenuListBody { border: 0; }
.mblMenuListHead { width: 100%; height: 50px; border: 1px solid #e6e6e6; border-top: 1px solid transparent; font-size: 15px; line-height: 48px; padding: 0 12px; }
.mblMenuListHeadAct { background: #e60012; color: #fff; }
.isGrey { display: block; }
.isWhite { display: none; }
.mblMenuListHeadAct .isGrey { display: none; }
.mblMenuListHeadAct .isWhite { display: block; }
.closeListmoreGrey { width: 15px; float: right; margin-top: 17.5px; }
.mblMenuListBody { width: 100%; border-bottom: 1px solid #e6e6e6; display: none; overflow: hidden; }
.mblMenuListInner { margin-bottom: 30px; }
.mblMenuListInner h2 { font-size: 15px; line-height: 1; padding: 0 12px; margin: 14px 0; }
.mblMenuListInner ul { font-size: 13px; padding: 0 12px; }
.mblMenuListInner li { line-height: 1; margin: 15px 0; padding-left: 10px; background: url(../images/secondAll/redArrow.png) no-repeat; background-position: 0px; }
.mblMenuListInner li a { color: #000; }
.serversConTextBot { font-size: 13px; color: #e60012; text-align: center; margin-top: 15px; display: none; }
.moreBtn { width: 13px; vertical-align: middle; }
.isZhan { display: inline-block; }
.isShou { display: none; }
.zhanClickAct .isZhan { display: none; }
.zhanClickAct .isShou { display: inline-block; }
#IT_application.threeDiv div.serversConTextBoxAct p { display: block; }
div#IT_application .technicalGrey { background-color: #f9f9f9; }
#IT_application.threeDiv #videoWrapH5 .technicalGrey { background-color: #f9f9f9; }
.secondDiv .secondWrapBoxAdd_2 { width: 48%; float: right; }
.secondDiv .secondWrapBoxAdd_2:first-child { float: left; }
.secondDiv .secondWrapBoxAdd_2 .secondEntH3 { margin-bottom: 15px; }
#IT_application.threeDiv .applicationMainOutTextLastBox li { margin: 12px 0; }
#IT_application.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 20px 0 40px; }
@media screen and (max-width:965px) {
    #IT_application.threeDiv .applicationMainOutInner h2 { font-size: 12px; margin: 3px 0 3px; }
    #IT_application.threeDiv .applicationMainOutInner p { line-height: 1.4; }
}
@media screen and (max-width:768px) {
    #IT_application.threeDiv .columGoMore { display: block; margin-top: 6.6%; }
    #IT_application.threeDiv .columGoMore a img { width: 16px; margin-top: 2px; }
    #IT_application.threeDiv .columGoMore a { padding-right: 20px }
    #IT_application.threeDiv .columGoMore { display: block; }
    .secondDiv .secondWrapBoxAdd_2 { width: 100%; padding: 0 13px; }
    .secondDiv .secondWrapBoxAdd_2 { margin-bottom: 20px }
    .secondDiv .secondWrapBoxAdd_2:first-child { margin-bottom: 0px }
    #IT_application.threeDiv .serversConText .serversConTextBox { padding-top: 0; }
    .secondDiv .secondWrapBoxAdd_2 .secondEntH3 { margin-bottom: 0; }
    #IT_application.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 20px 0 0; }
    .serversConTextBot { display: block; }
    #Operational .serversConText .serversConTextBox p,
    #IT_application .serversConText .serversConTextBox p { display: none; }
    #IT_application #SetTemplate .serversConText .serversConTextBox p { display: block; }
    #IT_application.threeDiv .serversConText .serversConTextBox p:first-child { display: block; }
    #IT_application.threeDiv .serversCon { padding-top: 0; font-size: 60px; }
    #IT_application.threeDiv .serversConImg { float: none; width: 100%; margin: 0; }
    #IT_application.threeDiv .serversConText { background: #fff; padding: 3.75%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
    #IT_application.threeDiv .serverClick { text-align: center; margin-top: 5.625%; }
    #IT_application.threeDiv .serversConBox { padding: 5.625% 0; }

    /* 浜у搧鍒嗙被 */
    #IT_application.threeDiv .classification { padding-top: 0; font-size: 60px; }
    #IT_application.threeDiv .classList li { float: none; width: 100%; margin: 0; }
    #IT_application.threeDiv .classList li:first-child { margin-bottom: 3.75%; }
    #IT_application.threeDiv .classListTxt h2 { font-size: 46.875%; }
    #IT_application.threeDiv .classListTxt p { font-size: 37.5%; margin-top: 3%; }
    #IT_application.threeDiv .classListGoTo { margin-top: 3%; }
    #IT_application.threeDiv .classListTxt p { overflow: visible; white-space: normal; line-height: 1.5; }
}
@media screen and (max-width:640px) {
    #IT_application.threeDiv .serversCon,
    #IT_application.threeDiv .classification { font-size: 50px; }
    #IT_application.threeDiv .serversCon { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #IT_application.threeDiv .serversCon,
    #IT_application.threeDiv .classification { font-size: 44px; }
    #IT_application.threeDiv .serversCon { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #IT_application.threeDiv .serversCon,
    #IT_application.threeDiv .classification { font-size: 37.5px; }
    #IT_application.threeDiv .serversCon { font-size: 37.5px; }
}

/*鎶€鏈湇鍔′骇鍝� 缁撴潫*/

/*杩愯惀鍟嗗紑濮�*/

#Operational.threeDiv .serversCon { padding-top: 40px; font-size: 32px; padding-bottom: 40px; }
#Operational.threeDiv .serversConBox { background: #f5f5f5; padding: 30px 0 0; }
#Operational.threeDiv .serversConBox .secondWrapBox:after { content: ''; display: block; clear: both; }
#Operational.threeDiv .serversConImg { width: 500px; float: left; margin-right: 70px; margin-bottom: 30px; cursor: pointer; position: relative; }
#Operational.threeDiv .serversConImg img { display: block; width: 100%; }
#Operational.threeDiv .serversConText .serversConTextBox { height: auto; overflow: hidden; }
#Operational.threeDiv .serversConText p { font-size: 14px; color: #666666; margin-bottom: 15px; margin-top: 15px; line-height: 1.5; }
#Operational.threeDiv .serversConText h2 { font-size: 27px; color: #333; margin-bottom: 15px; line-height: 28px; }
#Operational.threeDiv .proVidConImgBlock { display: block; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#Operational.threeDiv .proVidConImgBlock img { display: block; width: 100%; height: 100%; }
#Operational.threeDiv .proVidConImgBtn { display: block; width: 14%; position: absolute; top: 36%; left: 42.1%; }
#Operational.threeDiv .serverClick { text-align: right; margin-top: 110px; font-size: 14px; color: #e60012; }
#Operational.threeDiv .serverClick img { display: inline-block; vertical-align: middle; margin-left: 4px; }
#Operational.threeDiv .serverClick.activeC { margin-top: 20px; }
#Operational.threeDiv .serverClick .closeListS { display: none; }
#Operational.threeDiv .serverClikBtn { display: inline-block; cursor: pointer; }
#Operational.threeDiv .serverClikBtn span { display: inline-block; }
#Operational.threeDiv .serverClick.activeC .openListS { display: none; }
#Operational.threeDiv .serverClick.activeC .closeListS { display: inline-block; }
body.ie8 #Operational.threeDiv .classList li { border: 1px solid #e8e8e8; }
.Operational { position: relative; }
#Operational.threeDiv .OperationalTab { max-width: 1232px; width: 100%; height: 100%; padding: 0 16px; margin: 0 auto }
#Operational.threeDiv .OperationalTabHead { width: 100%; height: 60px; border: 1px solid #e6e6e6; border-bottom: 1px solid #e60012; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) }
#Operational.threeDiv .OperationalTabHead_4 { width: 25%; height: 100%; font-size: 20px; line-height: 60px; text-align: center; float: left; color: #666666; cursor: pointer; position: relative; }
#Operational.threeDiv .OperationalTabHead_4:before { position: absolute; content: ""; width: 1px; height: 30px; background: #e6e6e6; top: 15px; left: 0; }
#Operational.threeDiv .OperationalTabHead_4:first-child:before { width: 0px; }
#Operational.threeDiv .OperationalTabHeadAct { background: #e60012; color: #fff; }
#Operational.threeDiv .OperationalTabBody { width: 100%; padding: 30px 0; }
#Operational.threeDiv .OperationalTabBody_4 { display: none; font-size: 14px; color: #666666; }
#Operational.threeDiv .OperationalTabBody_4 p { margin-bottom: 15px; font-size: 14px; }
#Operational.threeDiv .OperationalTabBodyAct { display: block; }
#Operational.threeDiv .protechSolveGoMore { height: 20px; float: right; font-size: 14px; cursor: pointer; }
#Operational.threeDiv .columGoMoreAdd { margin: 0 auto; float: inherit; width: 78px; position: inherit; bottom: 0px; right: 0; display: none; }
#Operational.threeDiv .protechSolveGoMore a { display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; }
#Operational.threeDiv .secondBannerText { color: #fff; }
#Operational.threeDiv .secondBannerText p { padding: 0; border: 0; }
#Operational.threeDiv .protechSolveGoMore a img { position: absolute; top: 0; right: 0; }
#Operational.threeDiv .protechVideoCon { width: 100%; height: auto; }
#Operational.threeDiv .applicationMenu { width: 25%; height: auto; float: left; position: relative; z-index: 100; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1) }
#Operational.threeDiv .applicationMenuAct { border-right: 1px solid #e60012; }
#Operational.threeDiv .applicationMenuList { width: 100%; height: 60px; line-height: 60px; box-sizing: border-box; padding-left: 19%; font-size: 20px; font-weight: 700; color: #666; border-bottom: 1px solid #e6e6e6; cursor: pointer; }
#Operational.threeDiv .applicationMenuListAct { background: #e60012; color: #fff; }
#Operational.threeDiv .applicationMainBody { width: 75%; height: 601px; float: left; }
#Operational.threeDiv .applicationMainOut { width: 100%; height: auto; display: none; }
#Operational.threeDiv .applicationMainOutAct { display: block; }
#Operational.threeDiv .applicationMainOutGrey { background: #f5f5f5; width: 100%; height: 100%; border: 1px solid #e6e6e6; border-right: 0; position: relative; }
#Operational.threeDiv .applicationMainOutInner { width: 23%; height: 290px; margin-left: 2%; float: left; margin-bottom: 19px; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1) }
#Operational.threeDiv .applicationMainOutInner img { width: 100%; }
#Operational.threeDiv .applicationMainOutInner h2 { font-weight: 700; font-size: 14px; color: #333; margin: 6px 0 6px; box-sizing: border-box; padding: 0 12px; }
#Operational.threeDiv .applicationMainOutInner p { font-size: 12px; padding: 0 12px; line-height: 1.6; }
#Operational.threeDiv .applicationMainOutTextBox { width: 50%; height: auto; float: left; padding-left: 30px; box-sizing: border-box; }
#Operational.threeDiv .applicationMainOutTextLastBox { width: 100%; padding: 0; }
#Operational.threeDiv .applicationMainOutTextBox h2 { font-size: 24px; color: #333; line-height: 1; margin: 30px 0 24px; }
#Operational.threeDiv .applicationMainOutTextBox li { font-size: 14px; color: #333; box-sizing: border-box; padding-left: 16px; line-height: 1.5; background: url(../images/secondAll/redArrow.png) no-repeat; background-position: 0px 5px; margin: 10px 0; }
#Operational.threeDiv .applicationMainOutTextBox li:last-child { margin-bottom: 0; }
#Operational.threeDiv .applicationMainOutTextBox li a { color: #333; }
#Operational.threeDiv .applicationMainOutTextBox li a:hover { color: #e60012; }
#Operational.threeDiv .applicationMblTextBox { padding-bottom: 5%; margin-bottom: 0%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
#Operational.threeDiv .applicationMblTextBox img { width: 100%; float: left; }
#Operational.threeDiv .applicationMblTextBox h2 { font-size: 45%; margin: 3% 0 0; padding: 0 4%; width: 100%; box-sizing: border-box; float: left; }
#Operational.threeDiv .applicationMblTextBox p { font-size: 30%; width: 100%; color: #333; line-height: 1.6; box-sizing: border-box; float: left; margin: 3% 0 0; padding: 0 4%; }
#Operational.threeDiv #videoWrapH5 .protechH5VidBtn { width: 100%; background-color: #fff; padding-top: 5%; }
#Operational.threeDiv div.serversConTextBoxAct p { display: block; }
div#Operational .technicalGrey { background-color: #f9f9f9; }
#Operational.threeDiv #videoWrapH5 .technicalGrey { background-color: #f9f9f9; }
#Operational.threeDiv .applicationMainOutTextLastBox li { margin: 12px 0; }
#Operational.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 20px 0 0px; }
#Operational.threeDiv .OperationalLastImgBox { width: 38%; float: left; }
#Operational.threeDiv .OperationalLastImg { width: 100%; }
#Operational.threeDiv .OperationalLastTextBox { width: 62%; float: left; box-sizing: border-box; padding-left: 28px; }
#Operational.threeDiv .OperationalLastTextBox h2 { font-size: 24px; color: #333; }
#Operational.threeDiv .OperationalLastTextBox p { font-size: 14px; color: #333; line-height: 1.5; margin: 16px 0 16px; }
#Operational.threeDiv .OperationalLastTextBox li { font-size: 14px; float: left; padding-left: 16px; cursor: pointer; margin-right: 35px; background: url(../images/secondAll/redArrow.png) no-repeat; background-position: 0px 5px; }
#Operational.threeDiv .OperationalLastTextBox li a { color: #333; }
#Operational.threeDiv .OperationalLastTextBox li a:hover { color: #e60012; }
#Operational.threeDiv .technicalSolve { padding-top: 0; }

/* 鏌ョ湅鍏ㄩ儴璋冩暣鏍峰紡 */
#Operational.threeDiv .techSolveCon .columGoMore { position: absolute; top: -62px; right: 0; }

/* 鍒囨崲閮ㄥ垎璋冩暣 */
#Operational.threeDiv .technicalSolve .techSolveCon {    /*display: none;*/
position: relative; }
#Operational.threeDiv .technicalSolve .techSolveCon.active { display: block; }
#Operational.threeDiv .techH5Succ .techH5SuccConBox { display: none; }
#Operational.threeDiv .techH5Succ .techH5SuccConBox.active { display: none; }
@media screen and (max-width:965px) {
    #Operational.threeDiv .applicationMainOutInner h2 { font-size: 12px; margin: 3px 0 3px; }
    #Operational.threeDiv .applicationMainOutInner p { line-height: 1.4; }
}
@media screen and (max-width:768px) {
    #Operational.threeDiv .techH5Succ .techH5SuccConBox.active { display: block; }
    .Operational .gotoFontred { position: absolute; bottom: 4.3%; right: 4.635%; }
    #Operational.threeDiv .OperationalTabBody_4 p { margin-bottom: 15px; font-size: 12px; color: #666666; line-height: 1.5; }
    #Operational.threeDiv .OperationalTabBody { padding: 15px 20px; }
    #Operational.threeDiv .OperationalTab { padding: 0; margin-top: -6.6%; }
    #Operational.threeDiv .OperationalTabHead { height: 35px; }
    #Operational.threeDiv .OperationalTabHead_4 { font-size: 12px; line-height: 34px; }
    #Operational.threeDiv .OperationalTabHead_4:before { top: 10px; height: 15px; }
    #Operational.threeDiv .columGoMore { display: block; margin-top: 6.6%; }
    #Operational.threeDiv .columGoMoreAdd { display: block; }
    #Operational.threeDiv .columGoMore a img { width: 16px; margin-top: 2px; }
    #Operational.threeDiv .columGoMore a { padding-right: 20px }
    #Operational.threeDiv .serversConText h2 { font-size: 15px; color: #333; margin-bottom: 15px; margin-top: 15px; line-height: 1; }
    #Operational.threeDiv .pdBot0 { padding-bottom: 0; }
    .secondDiv .secondWrapBoxAdd_2 { width: 100%; padding: 0 13px; }
    #Operational.threeDiv .serversCon { padding-bottom: 6.6%; }
    #Operational.threeDiv .OperationalLastImgBox { width: 100%; }
    #Operational.threeDiv .protechSolveGoMore { display: block; }
    #Operational.threeDiv .technicalGrey .columGoMore { display: none; }
    #Operational.threeDiv .OperationalTab { padding: 0; }
    #Operational.threeDiv .OperationalTabBody .protechSolveGoMore { display: block; }
    #Operational.threeDiv .OperationalLastTextBox { width: 100%; padding: 0; }
    #Operational.threeDiv .OperationalLastTextBox h2 { font-size: 15px; text-align: center; margin: 16px 0; }
    #Operational.threeDiv .OperationalLastTextBox p { color: #666666; }
    #Operational.threeDiv .OperationalLastImg { width: 70%; display: block; margin: 0 auto; }
    #Operational.threeDiv .serversConText .serversConTextBox { padding-top: 0; }
    .secondDiv .secondWrapBoxAdd_2 .secondEntH3 { margin-bottom: 0; }
    #Operational.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 20px 0 0; }
    .serversConTextBot { display: block; }
    #Operational.threeDiv .serversConText .serversConTextBox p { display: block; }
    #Operational.threeDiv .serversCon { padding-top: 0; font-size: 60px; }
    #Operational.threeDiv .serversConImg { float: none; width: 100%; margin: 0; }
    #Operational.threeDiv .serversConText { background: #fff; padding: 3.75%; padding-top: 0; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
    #Operational.threeDiv .serverClick { text-align: center; margin-top: 5.625%; }
    #Operational.threeDiv .serversConBox { padding: 5.625% 0; }

    /* 浜у搧鍒嗙被 */
    #Operational.threeDiv .classification { padding-top: 0; font-size: 60px; }
    #Operational.threeDiv .classList li { float: none; width: 100%; margin: 0; }
    #Operational.threeDiv .classList li:first-child { margin-bottom: 3.75%; }
    #Operational.threeDiv .classListTxt h2 { font-size: 46.875%; }
    #Operational.threeDiv .classListTxt p { font-size: 37.5%; margin-top: 3%; }
    #Operational.threeDiv .classListGoTo { margin-top: 3%; }
    #Operational.threeDiv .classListTxt p { overflow: visible; white-space: normal; line-height: 1.5; }
    #Operational.threeDiv .secondWrapBox .secondWrapBoxAdd_2 { display: none; }
    #Operational.threeDiv .secondWrapBox .secondWrapBoxAdd_2:first-child { display: block; }
}
@media screen and (max-width:640px) {
    #Operational.threeDiv .serversCon,
    #Operational.threeDiv .classification { font-size: 50px; }
    #Operational.threeDiv .serversCon { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #Operational.threeDiv .serversCon,
    #Operational.threeDiv .classification { font-size: 44px; }
    #Operational.threeDiv .serversCon { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #Operational.threeDiv .serversCon,
    #Operational.threeDiv .classification { font-size: 37.5px; }
    #Operational.threeDiv .serversCon { font-size: 37.5px; }
}

/*杩愯惀鍟嗙粨鏉�*/

/* 鎬昏瀵勮寮€濮� */

#Messagwfrompresident.threeDiv .MessagwfromCon { font-size: 32px; padding-top: 40px; padding-bottom: 60px; }
#Messagwfrompresident.threeDiv .ConTxtText { font-size: 14px; color: #666666; line-height: 1.785; margin-bottom: 40px; }
#Messagwfrompresident.threeDiv .MessagwfromConIcon { width: 100%; text-align: right; padding-top: 30px; line-height: 0; }
#Messagwfrompresident.threeDiv .MessagwfromConIcon img { display: inline-block; }
@media screen and (max-width:768px) {
    #Messagwfrompresident.threeDiv .MessagwfromCon { padding-top: 0; padding-bottom: 5%; font-size: 60px; }
    #Messagwfrompresident.threeDiv .ConTxtText { font-size: 37.5%; margin-bottom: 3%; }
    #Messagwfrompresident.threeDiv .MessagwfromConIcon { padding-top: 2%; }
}
@media screen and (max-width:640px) {
    #Messagwfrompresident.threeDiv .MessagwfromCon { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #Messagwfrompresident.threeDiv .MessagwfromCon { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #Messagwfrompresident.threeDiv .MessagwfromCon { font-size: 37.5px; }
}

/* 鎬昏瀵勮缁撴潫 */

/* 娓犻亾鏈嶅姟寮€濮� */
@media screen and (max-width:768px) {
    #partner_resource_centre.Channel_Service .SMBsolution .SMBsolutionPC { padding-bottom: 0; }
}

/* 娓犻亾鏈嶅姟缁撴潫 */

/* 鍚堜綔浼欎即鏌ヨ缁撴灉椤甸潰寮€濮� */

#PartnerAgentSearch.threeDiv .partnerQuery { font-size: 32px; padding-top: 40px; padding-bottom: 58px; }
#PartnerAgentSearch.threeDiv .partRequired { width: 100%; height: 45px; line-height: 1; font-size: 16px; color: #666666; border-bottom: 1px solid #d8d8d8; }
#PartnerAgentSearch.threeDiv .partRequired span { color: #e60012; }
#PartnerAgentSearch.threeDiv .partnerQueryCon { width: 680px; margin: 0 auto; }
#PartnerAgentSearch.threeDiv .QueryConBox { margin-top: 20px; }
#PartnerAgentSearch.threeDiv .QueryConBox:after { content: ''; display: block; clear: both; }
#PartnerAgentSearch.threeDiv .ConBoxName { width: 120px; height: 36px; line-height: 36px; float: left; padding-right: 10px; text-align: right; font-size: 14px; color: #666666; }
#PartnerAgentSearch.threeDiv .reqBox:before { content: '*'; color: #e60213; }
#PartnerAgentSearch.threeDiv .ConBoxInput { width: 100%; line-height: 36px; padding-left: 120px; font-size: 14px; color: #666666; }
#PartnerAgentSearch.threeDiv .ConBoxInput>span { margin-right: 40px; }
#PartnerAgentSearch.threeDiv .ConBoxInput .Auterror { width: 100%; text-align: left; color: #e60213; border: none; }
#PartnerAgentSearch.threeDiv .ConBoxInput .radio { -webkit-appearance: radio; vertical-align: middle; margin-top: -2px; }
#PartnerAgentSearch.threeDiv .ConBoxInput .partnerradio { -webkit-appearance: radio; vertical-align: middle; margin-top: -2px; }
#PartnerAgentSearch.threeDiv .textInput { display: block; width: 100%; height: 100%; height: 36px; line-height: 36px; border: 1px solid #d8d8d8; font-size: 14px; color: #333; padding-left: 10px; }
#PartnerAgentSearch.threeDiv .selectInput { display: block; width: 100%; -webkit-appearance: menulist; border: 1px solid #d8d8d8; padding: 6px 0; }
#PartnerAgentSearch.threeDiv .QueryConBox p { font-size: 14px; }
#PartnerAgentSearch.threeDiv .PromptText { padding-left: 120px; }
#PartnerAgentSearch.threeDiv .PromptText p { font-size: 14px; margin-top: 8px; color: #999999; }
#PartnerAgentSearch.threeDiv .PromptText p a { color: #2266af; }
#PartnerAgentSearch.threeDiv .querySubBox { padding-left: 120px; margin-top: 20px; }
#PartnerAgentSearch.threeDiv .querySubBox .querySubmit { display: block; width: 160px; height: 40px; border: none; text-align: center; line-height: 40px; color: #fff; font-size: 14px; }
#PartnerAgentSearch.threeDiv .serversChan { display: none; }

/* 鏌ヨ缁撴灉 */
#PartnerAgentSearch.threeDiv .QueryTitle { font-size: 18px; color: #000000; font-weight: 700; margin-bottom: 20px; }
#PartnerAgentSearch.threeDiv .QueryList li { border-top: 1px solid #d8d8d8; padding: 20px 0 10px; }
#PartnerAgentSearch.threeDiv .QueryList li .QueryListTxt { width: 100%; margin-bottom: 20px; font-size: 14px; }
#PartnerAgentSearch.threeDiv .QueryList li .QueryListTxt:after { content: ''; display: block; clear: both; }
#PartnerAgentSearch.threeDiv .QueryListTxtName { display: block; width: 110px; float: left; }
#PartnerAgentSearch.threeDiv .QueryListTxtNtxt { display: block; padding-left: 110px; }
@media screen and (max-width:768px) {
    #PartnerAgentSearch.threeDiv .partnerQuery { padding-top: 0; font-size: 60px; padding-bottom: 5%; }
    #PartnerAgentSearch.threeDiv .partnerQuery .secondWrapBox:first-child { padding: 0; }
    #PartnerAgentSearch.threeDiv .partRequired { padding: 0 16px 4%; height: auto; }
    #PartnerAgentSearch.threeDiv .QueryConBox { margin-top: 3%; padding: 0; }
    #PartnerAgentSearch.threeDiv .ConBoxName { float: none; text-align: left; }
    #PartnerAgentSearch.threeDiv .ConBoxInput { padding: 0; height: auto; }
    #PartnerAgentSearch.threeDiv .QueryConBox .chanceInput { border: 1px solid #e8e8e8; border-right: none; }
    #PartnerAgentSearch.threeDiv .ConBoxInput:after { content: ''; display: block; clear: both; }
    #PartnerAgentSearch.threeDiv .ConBoxInput>span { display: block; float: left; margin: 0; text-align: center; width: 50%; border-right: 1px solid #e8e8e8; }
    #PartnerAgentSearch.threeDiv .partnerQueryCon { width: 100%; }
    #PartnerAgentSearch.threeDiv .querySubBox { padding: 0; }
    #PartnerAgentSearch.threeDiv .querySubBox .querySubmit { width: 100%; }
    #PartnerAgentSearch.threeDiv .QueryTitle { text-align: center; }
    #PartnerAgentSearch.threeDiv .QueryListTxtName { text-align: right; }
    #PartnerAgentSearch.threeDiv .QueryList li .QueryListTxt { font-size: 37.5%; }
    #PartnerAgentSearch.threeDiv .QueryEndCon { font-size: 40px; }
    #PartnerAgentSearch.threeDiv .QueryEndCon .secondWrapBox { padding: 0; }
    #PartnerAgentSearch.threeDiv .QueryList li { padding: 3% 16px 0; }
}
@media screen and (max-width:640px) {
    #PartnerAgentSearch.threeDiv .partnerQuery { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #PartnerAgentSearch.threeDiv .partnerQuery { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #PartnerAgentSearch.threeDiv .partnerQuery,
    #PartnerAgentSearch.threeDiv .QueryEndCon { font-size: 37.5px; }
}

/* 鍚堜綔浼欎即鏌ヨ缁撴灉椤甸潰缁撴潫 */

/* 娓犻亾涓氬姟绠＄悊鏍峰紡寮€濮�(鍖呭惈浜斾釜琛ㄥ崟妯℃澘) */

#AgentServiceStarQuer .AgentServiceStarQuer { padding-top: 40px; font-size: 32px; padding-bottom: 40px; }
#AgentServiceStarQuer .secondWrapBox:after { content: ''; display: block; clear: both; }
#AgentServiceStarQuer .AgentSerLeft { width: 270px; float: left; }
#AgentServiceStarQuer .AgentSerLeftTit { width: 100%; height: 50px; line-height: 50px; font-size: 16px; color: #fff; padding-left: 20px; }
#AgentServiceStarQuer .SerListTit { padding-left: 20px; font-size: 14px; color: #333333; height: 49px; line-height: 49px; background: #f5f5f5; border-bottom: 1px solid #eaeaea; margin-top: 1px; cursor: pointer; }
#AgentServiceStarQuer .SerListTitA { padding-left: 20px; font-size: 14px; height: 49px; line-height: 49px; background: #f5f5f5; border-bottom: 1px solid #eaeaea; margin-top: 1px; cursor: pointer; }
#AgentServiceStarQuer .SerListTitA a:before { content: '+'; display: inline-block; width: 10px; font-size: 16px; text-align: center; font-weight: 700; margin-right: 10px; color: #333333; }
#AgentServiceStarQuer .AgentSerBox.active .SerListTitA a { color: #e60213; }
#AgentServiceStarQuer .AgentSerBox.active .SerListTitA a:before { content: '-'; display: inline-block; text-align: center; font-size: 18px; font-weight: 700; margin-right: 10px; color: #e60213; }
#AgentServiceStarQuer .SerListTitA a { display: block; color: #333333; width: 100%; height: 100%; }
#AgentServiceStarQuer .SerListTit:before { content: '+'; display: inline-block; width: 10px; font-size: 16px; text-align: center; font-weight: 700; margin-right: 10px; color: #333333; }
#AgentServiceStarQuer .AgentSerBox.active .SerListTit { color: #e60213; }
#AgentServiceStarQuer .AgentSerBox.active .SerListTit:before { content: '-'; display: inline-block; text-align: center; font-size: 18px; font-weight: 700; margin-right: 10px; color: #e60213; }
#AgentServiceStarQuer .SerListCon { display: none; }
#AgentServiceStarQuer .SerListCon>li { width: 100%; min-height: 49px; line-height: 49px; background: #fff; border-bottom: 1px solid #eaeaea; padding-left: 20px; font-size: 14px; }
#AgentServiceStarQuer .SerListCon>li>a { display: block; width: 100%; height: 100%; color: #333333; }
#AgentServiceStarQuer .SerListCon>li>a:hover { color: #e60213; }
#AgentServiceStarQuer .SerListCon>li.active>a { color: #e60213; }
#AgentServiceStarQuer .fontIcon { margin-right: 10px; }
#AgentServiceStarQuer select { -webkit-appearance: menulist; }
#AgentServiceStarQuer .AgentSerRight { width: 100%; padding-left: 300px; }

/* 涓夌骇鏍忕洰 */
.threeNav { width: 100%; display: none; }
.threeNav li { height: 48px; line-height: 48px; }
.threeNav li a { color: #333; }
.threeNav li a:hover { color: #e60213; }
.threeNav li.active a { color: #e60213; }
.threeNav li a { display: block; width: 100%; height: 100%; padding-left: 24px; }

/* 鏄熺骇璁よ瘉绠＄悊寮€濮� */
#AgentServiceStarQuer .StarRatTxt { padding: 8px 0 28px; line-height: 1; font-size: 14px; color: #666666; line-height: 1.5; }
#AgentServiceStarQuer .StarRatTxt span { color: #e60213; margin-right: 10px; }
#AgentServiceStarQuer .StarRatTxt a { color: #e60213; }
#AgentServiceStarQuer .secondEntH3 { margin-bottom: 20px; }
#AgentServiceStarQuer .StarRaCon { border-top: 1px solid #e8e8e8; }
#AgentServiceStarQuer .StarRaCon .BoxCon { margin-top: 20px; overflow: hidden; }
#AgentServiceStarQuer .fifty { width: 45%; float: left; margin-left: 10%; }
#AgentServiceStarQuer .fifty:first-child { margin-left: 0; }
#AgentServiceStarQuer .fifty:after { content: ''; display: block; clear: both; }
#AgentServiceStarQuer .fifty .className { width: 100px; float: left; height: 36px; line-height: 36px; font-size: 14px; color: #666666; }
#AgentServiceStarQuer .fifty .classInput { width: 100%; padding-left: 100px; position: relative }
.timeIcon { display: block; width: 18px; position: absolute; top: 10px; right: 10px; }
.timeIcon img { display: block; }
#AgentServiceStarQuer .fifty .classInput>select { display: block; width: 100%; border: 1px solid #d8d8d8; padding: 4px 0; font-size: 14px; color: #666666; }
#AgentServiceStarQuer .textInput { display: block; width: 100%; height: 36px; line-height: 36px; font-size: 14px; color: #666666; border: 1px solid #d8d8d8; padding-left: 10px; }
#AgentServiceStarQuer .fifty .lineHeight { line-height: 20px; }
#AgentServiceStarQuer .inputBoxCon { border-bottom: 1px solid #d8d8d8; padding-bottom: 30px; }
#AgentServiceStarQuer .submitB { padding: 30px 0 40px; }
#AgentServiceStarQuer .submitB input { display: block; margin: auto; width: 180px; height: 40px; border: none; text-align: center; line-height: 40px; font-size: 14px; color: #fff; }
#AgentServiceStarQuer .AgentListUl li.cl-0 { width: 5%; }
#AgentServiceStarQuer .AgentListUl li.cl-1 { width: 10%; }
#AgentServiceStarQuer .AgentListUl li.cl-2 { width: 15%; }
#AgentServiceStarQuer .AgentListUl li.cl-3 { width: 20%; }
#AgentServiceStarQuer .listTit ul { overflow: hidden; }
#AgentServiceStarQuer .listTit ul li { float: left; height: 100%; border-right: 1px solid #e8e8e8; font-size: 14px; color: #666666; background: #f5f5f5; padding: 6px 8px; }

/* table鏍峰紡 寮€濮�*/
#AgentServiceStarQuer #AgentSerList { width: 100%; border: 1px solid #e8e8e8; }
#AgentServiceStarQuer #AgentSerList thead td { background: #f5f5f5; }
#AgentServiceStarQuer #AgentSerList td { padding: 4px; font-size: 14px; color: #666666; border-right: 1px solid #e8e8e8; text-align: center; }
#AgentServiceStarQuer #AgentSerList tr { border-bottom: 1px solid #e8e8e8; }

/* table鏍峰紡 缁撴潫*/
#AgentServiceStarQuer .AgentSerList { border: 1px solid #e8e8e8; border-right: none; }
#AgentServiceStarQuer .AgentListTxt li { float: left; border-right: 1px solid #e8e8e8; font-size: 14px; color: #666666; border-top: 1px solid #e8e8e8; }
#AgentServiceStarQuer .AgentListTxt { overflow: hidden; }
#AgentServiceStarQuer .spanName { display: none; }
#AgentServiceStarQuer .pageNumber { text-align: right; }
#AgentServiceStarQuer.secondDiv .pageNumber a { margin-right: 0; margin-left: 10px; }
#AgentServiceStarQuer.secondDiv .pageellipis { margin-right: 0; margin-left: 10px; }
#AgentServiceStarQuer .checkInput { width: 13px; height: 13px; -webkit-appearance: checkbox; display: block; margin: 0 auto; }
#AgentServiceStarQuer .spanText { display: block; width: 100%; height: 100%; padding: 6px 8px; }
#AgentServiceStarQuer .AgentListUl .cl-0 { padding-top: 10px; }
#AgentServiceStarQuer .buttonStar { padding: 20px 0 0 0; text-align: right; line-height: 0; }
#AgentServiceStarQuer .buttonStar .StarButn { display: inline-block; width: 100px; height: 40px; color: #fff; font-size: 14px; text-align: center; border: 0; margin-left: 5px; }
@media screen and (max-width:768px) {
    #AgentServiceStarQuer .AgentSerLeft { float: none; width: 100%; }
    #AgentServiceStarQuer .pageNumber { text-align: center; padding: 3% 0; }
    #AgentServiceStarQuer .AgentServiceStarQuer { padding-top: 3%; font-size: 60px; padding-bottom: 3%; }
    #AgentServiceStarQuer .selectSearch { display: inline-block; }
    #AgentServiceStarQuer .AgentSerRight { padding: 3% 0 0 0; }
    #AgentServiceStarQuer .StarRatTxt { padding: 3%; background: #f5f5f5; }
    #AgentServiceStarQuer .fifty { width: 100%; float: none; margin: 0; padding-top: 2%; }
    #AgentServiceStarQuer .StarRaCon .BoxCon { margin-top: 0; }
    #AgentServiceStarQuer .fifty .className { float: none; width: 100%; }
    #AgentServiceStarQuer .fifty .classInput { padding: 0; }
    #AgentServiceStarQuer .fifty .lineHeight { margin-bottom: 10px; }
    #AgentServiceStarQuer .buttonStar { text-align: center; overflow: hidden; }
    #AgentServiceStarQuer .buttonStar .StarButn { display: block; float: left; width: 28%; margin-left: 8%; }
    #AgentServiceStarQuer .buttonStar .StarButn:first-child { margin-left: 0; }
    #AgentServiceStarQuer .listTit { display: none; }
    #AgentServiceStarQuer .AgentSerList .AgentListTxt.AgentListUl li { float: none; width: 100%; overflow: hidden; }
    #AgentServiceStarQuer .spanName { display: block; width: 40%; height: 100%; float: left; padding: 1%; border-right: 1px solid #e8e8e8; }
    #AgentServiceStarQuer .spanText { width: 60%; float: left; padding: 1%; }
    #AgentServiceStarQuer .AgentListUl li.cl-0 { padding-top: 1%; text-align: right; padding-right: 2%; background: #f5f5f5; }
    #AgentServiceStarQuer .checkInput { display: inline-block; }
    #AgentServiceStarQuer #AgentSerList { border: none; }
    #AgentServiceStarQuer #AgentSerList tr { border: 1px solid #e8e8e8; display: block; margin-bottom: 10px; border-bottom: none; }
    #AgentServiceStarQuer #AgentSerList thead { display: none; }
    #AgentServiceStarQuer #AgentSerList td { display: block; border-right: none; border-bottom: 1px solid #e8e8e8; overflow: hidden; }
    #AgentServiceStarQuer #AgentSerList td:first-child { text-align: right; }
}
@media screen and (max-width:640px) {
    #AgentServiceStarQuer .AgentServiceStarQuer { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #AgentServiceStarQuer .AgentServiceStarQuer { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #AgentServiceStarQuer .AgentServiceStarQuer { font-size: 37.5px; }
}

/* 娓犻亾涓氬姟绠＄悊鏍峰紡缁撴潫 */

/* 浠ｇ悊鍟嗗崗璁璁� */

#AgentServiceStarQuer.threeDiv .protocolDown { padding-top: 20px; border-top: 1px solid #e8e8e8; padding-bottom: 40px; }
#AgentServiceStarQuer.threeDiv .documentDown { font-size: 16px; color: #999999; }
#AgentServiceStarQuer.threeDiv .proDownH5 { display: none; }
#AgentServiceStarQuer.threeDiv .documentDown .protocolDownIcon { vertical-align: middle; margin-right: 5px; margin-top: -2px; }
#AgentServiceStarQuer.threeDiv .documentDown a { color: #0b7ed7; }
#AgentServiceStarQuer.threeDiv .DownTxt { font-size: 14px; color: #333333; margin-top: 14px; }
#AgentServiceStarQuer.threeDiv .information { border-top: 1px solid #e8e8e8; }
#AgentServiceStarQuer.threeDiv .informaTit { font-size: 16px; color: #666666; line-height: 1; padding: 20px 0 15px; }
#AgentServiceStarQuer.threeDiv .informationText { width: 100%; height: 400px; border: 1px solid #e8e8e8; overflow-y: scroll; padding: 20px; }
#AgentServiceStarQuer.threeDiv .Texth2Tit { font-size: 16px; color: #333333; text-align: center; font-weight: 600; line-height: 1; padding: 10px 0; line-height: 1.5; }
#AgentServiceStarQuer.threeDiv .informationText p { font-size: 14px; color: #333333; margin-top: 18px; line-height: 1.5; }
#AgentServiceStarQuer.threeDiv .infoPrompt { font-size: 14px; color: #666666; line-height: 1.5; padding: 20px 0 14px; }
#AgentServiceStarQuer.threeDiv .changeInput { font-size: 14px; color: #666666; line-height: 1.5; }
#AgentServiceStarQuer.threeDiv .changeInput input { -webkit-appearance: checkbox; width: 16px; vertical-align: middle; margin-top: -2px; }
#AgentServiceStarQuer.threeDiv .submitBox { padding-top: 30px; }
#AgentServiceStarQuer.threeDiv .submitBox .submitBtn { display: block; width: 180px; height: 40px; text-align: center; line-height: 40px; margin: 0 auto; border: none; color: #fff; font-size: 14px; }
@media screen and (max-width:768px) {
    #AgentServiceStarQuer.threeDiv .proDownPC { display: none; }
    #AgentServiceStarQuer.threeDiv .proDownH5 { display: inline-block; }
    #AgentServiceStarQuer.threeDiv .protocolDown { padding: 3% 0 0; }
}

/* 浠ｇ悊鍟嗚璇佺粨鏋� */
#AgentServiceStarQuer.threeDiv .AlreadyH2 { font-size: 16px; color: #666666; padding: 25px 0 16px; line-height: 1; }
.AlreadyObt { border-top: 1px solid #e8e8e8; }
#AgentServiceStarQuer.threeDiv .AlreadyObtList { border: 1px solid #e8e8e8; }
#AgentServiceStarQuer.threeDiv .obtListUl li { float: left; font-size: 14px; color: #333333; border-left: 1px solid #e8e8e8; }
#AgentServiceStarQuer.threeDiv .obtListUl li:first-child { border-left: 0; }
#AgentServiceStarQuer.threeDiv .obtlistTit { background: #f5f5f5; }
#AgentServiceStarQuer.threeDiv .obtlistTit li { color: #666666; }
#AgentServiceStarQuer.threeDiv .obtListUl li.col-1 { width: 15%; }
#AgentServiceStarQuer.threeDiv .obtListUl li.col-2 { width: 20%; }
#AgentServiceStarQuer.threeDiv .obtListUl li.col-3 { width: 35%; }
#AgentServiceStarQuer.threeDiv .obtListUl li.col-4 { width: 70%; }
#AgentServiceStarQuer.threeDiv .obtListUl { overflow: hidden; zoom: 1; }
#AgentServiceStarQuer.threeDiv .ListUlSpan { display: block; width: 100%; height: 100%; padding: 10px 10px; }
#AgentServiceStarQuer.threeDiv .ListUlSpan a { color: #e60213; }
#AgentServiceStarQuer.threeDiv .ListUlName { display: none; }
#AgentServiceStarQuer.threeDiv .obtlistCon { border-top: 1px solid #e8e8e8; }

/* 鍒囨崲閮ㄥ垎鏍峰紡 */
#AgentServiceStarQuer.threeDiv .navBoxList { width: 100%; line-height: 0; }
#AgentServiceStarQuer.threeDiv .navBoxList li { display: inline-block; margin-right: 10px; cursor: pointer; padding: 18px 18px; font-size: 14px; border: 1px solid #e8e8e8; color: #666666; border-bottom: 0; }
#AgentServiceStarQuer.threeDiv .navBoxList li>span { display: block; width: 100%; height: 100%; }
#AgentServiceStarQuer.threeDiv .navBoxList li.backRed { color: #fff; border: 1px solid #e60213; border-bottom: 0; }
#AgentServiceStarQuer.threeDiv .BoxConList { border: 1px solid #e8e8e8; }
#AgentServiceStarQuer.threeDiv .BoxConList li { overflow: hidden; zoom: 1; border-top: 1px solid #e8e8e8; }
#AgentServiceStarQuer.threeDiv .BoxConList li:first-child { border-top: 0; }
#AgentServiceStarQuer.threeDiv .BoxConList li .BoxConName { display: block; width: 128px; float: left; padding-left: 20px; height: 40px; padding-top: 10px; line-height: 1.5; font-size: 14px; color: #333333; }
#AgentServiceStarQuer.threeDiv .BoxConList li .BoxConTxt { display: block; width: 100%; padding-left: 128px; font-size: 14px; color: #333333; min-height: 40px; padding-top: 10px; line-height: 1.5; }
#AgentServiceStarQuer.threeDiv .BoxConBox { display: none; }
#AgentServiceStarQuer.threeDiv .BoxConBox.active { display: block; }
@media screen and (max-width:768px) {
    #AgentServiceStarQuer .secondEntH3 { margin-bottom: 0; }
    #AgentServiceStarQuer.threeDiv .AlreadyH2 { color: #333333; font-size: 40%; }
    #AgentServiceStarQuer.threeDiv .obtlistTit { display: none; }
    #AgentServiceStarQuer.threeDiv .AlreadyObtList .obtListUl li { width: 100%; overflow: hidden; float: none; border-top: 1px solid #e8e8e8; border-left: 0; }
    #AgentServiceStarQuer.threeDiv .AlreadyObtList .obtListUl li:first-child { border-top: 0; }
    #AgentServiceStarQuer.threeDiv .AlreadyObtList { border-top: 0; }
    #AgentServiceStarQuer.threeDiv .ListUlName { display: block; width: 40%; font-size: 37.5%; line-height: 1; height: 100%; float: left; padding: 2% 1%; border-right: 1px solid #e8e8e8; }
    #AgentServiceStarQuer.threeDiv .ListUlSpan { width: 60%; float: left; line-height: 1; padding: 2% 1%; font-size: 37.5%; }
    #AgentServiceStarQuer.threeDiv .obtlistCon { border-top: 1px solid #666666; }
    #AgentServiceStarQuer.threeDiv .obtListUl li { font-size: 100%; }
    #AgentServiceStarQuer.threeDiv .navBoxList { overflow: hidden; line-height: 1.5; }
    #AgentServiceStarQuer.threeDiv .navBoxList li { display: block; float: left; width: 33.33%; padding: 0; font-size: 37.5%; text-align: center; margin: 0; }
    #AgentServiceStarQuer.threeDiv .navBoxList li>span { padding: 2% 1%; }
    #AgentServiceStarQuer.threeDiv .BoxConList li .BoxConName { width: 40%; font-size: 37.5%; padding: 2%; }
    #AgentServiceStarQuer.threeDiv .BoxConList li .BoxConTxt { font-size: 37.5%; padding: 2% 2% 2% 40%; }
}

/* 鍩烘湰淇℃伅缁存姢鏍峰紡 */
#AgentServiceStarQuer.secondDiv.threeDiv .companyBoxName,
#AgentServiceStarQuer.secondDiv.threeDiv .ClassOneName { width: 160px; }
#AgentServiceStarQuer.secondDiv.threeDiv .companyBoxInput,
#AgentServiceStarQuer.secondDiv.threeDiv .ClassOneList { padding-left: 160px; }
#AgentServiceStarQuer.secondDiv.threeDiv .ApproveH2Border { border: 1px solid #e8e8e8; border-top: 0; padding: 10px 10px 20px; }

/* #AgentServiceStarQuer.secondDiv.threeDiv .ApproveH2Wrap{margin-top:0;} */
#AgentServiceStarQuer.secondDiv.threeDiv .registerSubmit { padding-bottom: 0; overflow: hidden; line-height: 0; text-align: center; zoom: 1; }
#AgentServiceStarQuer.secondDiv.threeDiv .noRequired:before { content: ''; }
@media screen and (max-width:768px) {
    #AgentServiceStarQuer.secondDiv.threeDiv .liaisonWrap { display: block; }
    #AgentServiceStarQuer.secondDiv.threeDiv .companyBoxName,
    #AgentServiceStarQuer.secondDiv.threeDiv .ClassOneName { width: 100%; }
    #AgentServiceStarQuer.secondDiv.threeDiv .ApproveH2 { padding: 0; }
    #AgentServiceStarQuer.secondDiv.threeDiv .ApproveH2Wrap { margin-top: 3%; }
    #AgentServiceStarQuer.secondDiv.threeDiv .ApproveH2Border { padding: 0; border: 0; }
    #AgentServiceStarQuer.secondDiv.threeDiv .companyBoxInput,
    #AgentServiceStarQuer.secondDiv.threeDiv .ClassOneList { padding: 0; }
}

/* 浠ｇ悊鍟嗕笟缁╁悎骞剁敵璇� */
#AgentServiceStarQuer.secondDiv.threeDiv .AgentOaLine { font-size: 16px; color: #666666; line-height: 1; padding: 20px 0; border-top: 1px solid #e8e8e8; }
#AgentServiceStarQuer.secondDiv.threeDiv .uploadWrap { border: 1px solid #e8e8e8; border-top: 0; padding: 0 10px 10px; }
.uploadTxt { font-size: 14px; color: #999; margin-top: 25px; }
.agentOaList { overflow: hidden; zoom: 1; }
#AgentServiceStarQuer.secondDiv.threeDiv .AuthenNav ul li { width: 23.5%; float: left; margin-left: 2%; }
#AgentServiceStarQuer.secondDiv.threeDiv .AuthenNav ul li:first-child { margin-left: 0; }
.AuthenNavList { overflow: hidden; zoom: 1; }
#AgentServiceStarQuer.secondDiv.threeDiv .NavTxtBox { margin-top: 0; padding-bottom: 0; }
#AgentServiceStarQuer.secondDiv.threeDiv .AuthenNavTxt { margin-bottom: 0; }
#AgentServiceStarQuer.secondDiv.threeDiv .uploadName { width: 200px; padding-left: 0; }
#AgentServiceStarQuer.secondDiv.threeDiv .uploadinput { padding-left: 200px; }
#AgentServiceStarQuer.secondDiv.threeDiv .baseInfoWrap { border: 1px solid #e8e8e8; border-top: 0; padding: 10px; }
#AgentServiceStarQuer.secondDiv.threeDiv .uploadTextP { padding-left: 0; }
#AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapTxt { font-size: 14px; color: #333333; }
#AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapRadio { overflow: hidden; zoom: 1; padding-top: 20px; }
#AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapRadio span input { -webkit-appearance: radio; width: 16px; vertical-align: middle; margin-top: -2px; margin-right: 4px; }
#AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapRadio span { display: block; float: left; margin-bottom: 10px; width: 240px; line-height: 1; font-size: 14px; color: #e60012; }
#AgentServiceStarQuer.secondDiv.threeDiv .baseInfoWrap .noFloat input { width: 78%; float: none; }
#AgentServiceStarQuer.secondDiv.threeDiv .lineheiLi { line-height: 1.3; }
#AgentServiceStarQuer.secondDiv.threeDiv .lineheiLi a { color: #e60012; margin-left: 5px; }
#AgentServiceStarQuer.secondDiv.threeDiv .uploadOneName { width: 20%; }
#AgentServiceStarQuer.secondDiv.threeDiv .uploadOneName>span { display: block; height: 100%; width: 100%; }
#AgentServiceStarQuer.secondDiv.threeDiv .uploadOneList { padding-left: 20%; }
#AgentServiceStarQuer.secondDiv.threeDiv .registerSubmit input { display: inline-block; margin: 0 10px; }
@media screen and (max-width:768px) {
    #AgentServiceStarQuer.secondDiv.threeDiv .AuthenPC { display: block; }
    #AgentServiceStarQuer.secondDiv.threeDiv .AuthenNav ul li { height: auto; margin-right: 0; }
    #AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapRadio span { width: 100%; float: none; font-size: 37.5%; margin-bottom: 2%; }
    #AgentServiceStarQuer.secondDiv.threeDiv .InfoWrapTxt { font-size: 37.5%; margin-top: 2%; }
    #AgentServiceStarQuer.secondDiv.threeDiv .baseInfoWrap { display: none; border: 0; padding: 0; }
    #AgentServiceStarQuer.secondDiv.threeDiv .uploadOneName { width: 100%; }
    #AgentServiceStarQuer.secondDiv.threeDiv .uploadOneName>span { width: 100%; }
    #AgentServiceStarQuer.secondDiv.threeDiv .lineheiLi { width: 100%; height: auto; }
    #AgentServiceStarQuer.secondDiv.threeDiv .uploadName { width: 100%; }
    #AgentServiceStarQuer.secondDiv.threeDiv .uploadOneList { padding: 0; }
    #AgentServiceStarQuer.secondDiv.threeDiv .uploadWrap { border: 0; padding: 0; }
    #AgentServiceStarQuer.secondDiv.threeDiv .uploadinput { padding: 0; }
}

/* 浜т笟鑱旂洘鏍峰紡寮€濮� */
#New_IT_alliance.threeDiv .SMBsolutionListGo .fontRed { color: #e60012; }
#New_IT_alliance.threeDiv .JoinAlliance { background: #f5f5f5; font-size: 32px; padding-bottom: 40px; padding-top: 40px; }
#New_IT_alliance.threeDiv .JoinAllianceText { width: 100%; }
#New_IT_alliance.threeDiv .JoinAllianceText p { font-size: 14px; color: #666666; }
#New_IT_alliance.threeDiv #newsWrap.protechJourn { background: #fff; }
@media screen and (max-width:900px) {
    #New_IT_alliance .secondEntH3 { font-size: 32px; }
}
@media screen and (max-width:768px) {

    /* 璇ラ〉闈㈡湭鍙樼伆鑹� */
    #New_IT_alliance .secondSolve { background: #fff; margin-top: 0; }
    #New_IT_alliance.threeDiv .JoinAlliance { padding-top: 0; padding-bottom: 5%; font-size: 60px; }
    #New_IT_alliance.threeDiv .JoinAllianceText p { font-size: 37.5%; }
    #New_IT_alliance.threeDiv #newsWrap.protechJourn .columEntH3 { background: #fff; }
}
@media screen and (max-width:640px) {
    #New_IT_alliance.threeDiv .JoinAlliance { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #New_IT_alliance.threeDiv .JoinAlliance { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #New_IT_alliance.threeDiv .JoinAlliance { font-size: 37.5px; }
}

/* 浜т笟鑱旂洘鏍峰紡缁撴潫 */

/* 娓犻亾鏀跨瓥 */

#ProAnn.threeDiv.Channel_policy .officeNav { height: auto; overflow: hidden; zoom: 1; position: relative; top: 0; right: 0; bottom: 0; left: 0; }
#ProAnn.threeDiv.Channel_policy .officeConBox .officeNav li { padding: 0; line-height: 1; }
#ProAnn.threeDiv.Channel_policy .officeConBox .officeNav li>span { display: block; width: 100%; height: 100%; padding: 5% 4px; }
#ProAnn.threeDiv.Channel_policy .officeRegion { width: 100%; float: none; }
#ProAnn.threeDiv.Channel_policy .ProAnnListCon { border-top: 0; }
#ProAnn.threeDiv.Channel_policy .ProAnnListCon li { border-bottom: 0; border-top: 1px solid #f5f5f5; }
#ProAnn.threeDiv.Channel_policy .ProAnnListCon li:first-child { border-top: 0; }
#ProAnn.threeDiv.Channel_policy .officeRegion { padding-top: 0; }
@media screen and (max-width:768px) {
    #ProAnn.threeDiv.Channel_policy .secondWrapBox { padding: 0; }
    #ProAnn.threeDiv.Channel_policy .pageNumber { padding: 6% 16px; }
    #ProAnn.threeDiv.Channel_policy .ProAnnListCon li { border-top: 0; }
    #ProAnn.threeDiv.Channel_policy .ProAnnListCon li { border-bottom: 1px solid #f5f5f5; }
}

/*鏁版嵁涓績楠岃瘉涓庤繍琛� 寮€濮�*/
#centerValidation.threeDiv .serversCon { padding-top: 40px; font-size: 32px; }
#centerValidation.threeDiv .serversConBox { padding: 0; }
#centerValidation.threeDiv .serversConBoxGrey { background: #f5f5f5; }
#centerValidation.threeDiv .serversConBox .secondWrapBox:after { content: ''; display: block; clear: both; }
#centerValidation.threeDiv .serversConBox p.PorductMaintanInfo_bannerHeadP { font-size: 14px; color: #666666; padding: 0 18px }
#centerValidation.threeDiv .serversConTextBot { display: block; float: right; position: absolute; right: 0; color: #333; bottom: 20px; cursor: pointer; }
#centerValidation.threeDiv .pdTop0 { padding-top: 0 }
#centerValidation.threeDiv .technicalGrey { background: #f5f5f5; }
#centerValidation.threeDiv .zhanClickAct { color: #e60012; }
#centerValidation.threeDiv .protechSolveGoMore { height: 20px; float: right; font-size: 14px; cursor: pointer; }
#centerValidation.threeDiv .protechSolveGoMore a { display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; }
#centerValidation.threeDiv .protechSolveGoMore a img { position: absolute; top: 0; right: 0; }
.centerValidation_headP { padding: 38px 0; }
.centerValidation_headP h2 { font-size: 28px; color: #333333; line-height: 1; }
.centerValidation_headP p { font-size: 14px; color: #666666; line-height: 26px; margin: 16px 0; }
.centerValidation_Swiper { overflow: hidden; }
.centerValidation_headPAdd { height: 20px; font-size: 16px; color: #666666; margin-top: -20px; }
.centerValidation_serviceTab { padding: 45px 22px 55px; }
.centerValidation_serviceTab_4 { width: 20%; min-height: 180px; padding: 0 22px 20px; float: left }
.centerValidation_serviceTab_headImgBox { width: 100%; height: 75px; }
.centerValidation_serviceTab_headImg { display: block; margin: 0 auto; }
.centerValidation_serviceTab_h2 { font-size: 20px; color: #242424; text-align: center; margin-bottom: 12px }
.centerValidation_serviceTab_p { font-size: 14px; color: #666; text-align: center; line-height: 22px }
#centerValidation #succWrapPC .techSolveConListText { background: #fff; }
#centerValidation.threeDiv #succWrapPC .techSolveConListText h3 { font-size: 18px; color: #333; }
#centerValidation.threeDiv #succWrapH5 .techH5SuccText { background: #fff; }
#centerValidation.threeDiv .WlanAdd_p { font-size: 18px; color: #333; }
#centerValidation.threeDiv #succWrapH5 .swiper-containerSuccH5 .swiper-slide { padding-top: 5px; }
#centerValidation.threeDiv .swiper-containerSuccOther { overflow: hidden; }
.centerValidation_ServieMbl { display: none; }
.centerValidation_ServiePc { display: block; }
.centerValidation_ServieMbl .swiper-btn-box { height: 14px; margin: 0 auto 20px; width: auto; }
.centerValidation_ServieMbl .swiper-pagination { position: inherit; }
#centerValidation { overflow: hidden; }
#centerValidation .secondBannerText { width: 70%; }
@media screen and (max-width:965px) {
    #centerValidation.threeDiv .applicationMainOutInner h2 { font-size: 12px; margin: 3px 0 3px; }
    #centerValidation.threeDiv .applicationMainOutInner p { line-height: 1.4; }
    #centerValidation.threeDiv .serversConBox p.Green_OS_bannerHeadP { font-size: 14px; color: #666666; padding: 0 }
}
@media screen and (max-width:768px) {
    #centerValidation .secondBannerText { width: 90%; }
    .centerValidation_ServieMbl { display: block; }
    .centerValidation_ServiePc { display: none; }
    .centerValidation_headPAdd { position: inherit; text-align: center; left: 0; font-size: 12px; margin-top: 0; }
    .centerValidation_headP h2 { font-size: 15px; }
    .centerValidation_headP { padding: 18px 0; }
    .centerValidation_headP p { font-size: 13px; margin: 12px 0; }
    .centerValidation_serviceTab_h2 { font-size: 12px; }
    .centerValidation_serviceTab_p { font-size: 12px; }
    .centerValidation_serviceTab_headImgBox { height: 65px; }
    .centerValidation_serviceTab_h2 { margin-bottom: 6px; }
    #centerValidation.threeDiv .protechSolveGoMore.gotoFontred { display: block; }
    #centerValidation.threeDiv .addBox { display: block; }
    .centerValidation_serviceTab_4 { width: 33.33%; padding: 0; height: 100%; }
    .centerValidation_serviceTab { padding: 25px 0px; }
    #centerValidation.threeDiv .serversCon { padding-top: 0px; font-size: 32px; }
    #centerValidation.threeDiv .columGoMore { display: block; margin-top: 6.6%; }
    #centerValidation.threeDiv .serversConText .serversConTextBox { padding-top: 0; }
    #centerValidation.threeDiv .serversConTextBot { display: block; float: inherit; position: inherit; }
}
@media screen and (max-width:640px) {
    #centerValidation.threeDiv .serversCon,
    #IT_application.threeDiv .classification { font-size: 50px; }
    #centerValidation.threeDiv .serversCon { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #centerValidation.threeDiv .serversCon,
    #IT_application.threeDiv .classification { font-size: 44px; }
    #centerValidation.threeDiv .serversCon { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #centerValidation.threeDiv .serversCon,
    #IT_application.threeDiv .classification { font-size: 37.5px; }
    #centerValidation.threeDiv .serversCon { font-size: 37.5px; }
}

/*鏁版嵁涓績楠岃瘉涓庤繍琛� 缁撴潫*/

/*缁挎床os 寮€濮�*/

#Green_OS.threeDiv .serversCon { padding-top: 40px; font-size: 32px; }
#Green_OS.threeDiv .serversConBox { padding: 25px 0 0; }
#Green_OS.threeDiv .serversConBoxGrey { background: #f5f5f5; }
#Green_OS.threeDiv .serversConBox .secondWrapBox:after { content: ''; display: block; clear: both; }
#Green_OS.threeDiv .serversConBox p.Green_OS_bannerHeadP { font-size: 14px; color: #666666; padding: 0 18px }
.Green_OS_bannerHeadImg { display: block; margin: 35px auto; }
.Green_OSInnerTabBox { width: 885px; margin: 0 auto; padding-bottom: 45px; }
.Green_OSInnerTabBox_3 { width: 33.33%; float: left; }
.Green_OSInnerTabBox_imgBox { width: 100px; height: 70px; margin: 0 auto; }
.Green_OSInnerTabBox_imgBox img { margin: 0 auto; display: block; }
.Green_OSInnerTabBox_3 h2 { font-size: 20px; color: #242424; text-align: center; }
.Green_OSInnerTabBox_3 p { font-size: 14px; color: #666666; text-align: center; margin-top: 12px; line-height: 22px; }
.Green_OS_bannerBotImg { width: 33%; float: left; margin: 0 0.165%; }
.secondDiv .secondWrapImgBox { margin-bottom: 35px; }
.Green_OSInnerMainBox { width: 100%; height: auto; padding-bottom: 45px; }
.Green_OSInnerMainTab_6 { width: 33.33%; float: left; }
.Green_OSInnerMainTab_6 h2 { font-size: 20px; color: #242424; text-align: center; }
.Green_OSInnerMainTab_6 p { width: 286px; display: block; margin: 0 auto; font-size: 14px; color: #666666; text-align: center; margin-top: 12px; line-height: 22px; }
.Green_OS_bannerLastImg { width: 100%; }
@media screen and (max-width:965px) {
    #Green_OS.threeDiv .applicationMainOutInner h2 { font-size: 12px; margin: 3px 0 3px; }
    .Green_OSInnerMainTab_6 p { width: 90%; }
    .Green_OSInnerTabBox { width: 768px; }
    #Green_OS.threeDiv .applicationMainOutInner p { line-height: 1.4; }
    .Green_OS_bannerHeadImg { width: 100%; margin: 15px auto; }
    #Green_OS.threeDiv .serversConBox p.Green_OS_bannerHeadP { font-size: 14px; color: #666666; padding: 0 }
}
@media screen and (max-width:768px) {
    .Green_OSInnerTabBox { width: 100%; padding-bottom: 15px; }
    .Green_OSInnerTabBox_imgBox { width: 100%; }
    .Green_OSInnerTabBox_3 h2 { font-size: 14px; }
    .Green_OSInnerTabBox_3 p { font-size: 12px; }
    .Green_OS_bannerBotImg { width: 100%; margin-bottom: 15px; }
    .secondDiv .secondWrapImgBox { margin-bottom: 0; padding: 0 }
    #Green_OS.threeDiv .serversCon { padding-top: 0px; font-size: 32px; }
    #Green_OS.threeDiv .columGoMore { display: block; margin-top: 6.6%; }
    #Green_OS.threeDiv .serversConText .serversConTextBox { padding-top: 0; }
}
@media screen and (max-width:640px) {
    #Green_OS.threeDiv .serversCon,
    #IT_application.threeDiv .classification { font-size: 50px; }
    #Green_OS.threeDiv .serversCon { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #Green_OS.threeDiv .serversCon,
    #IT_application.threeDiv .classification { font-size: 44px; }
    #Green_OS.threeDiv .serversCon { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #Green_OS.threeDiv .serversCon,
    #IT_application.threeDiv .classification { font-size: 37.5px; }
    #Green_OS.threeDiv .serversCon { font-size: 37.5px; }
}

/*缁挎床os 缁撴潫*/

/*鏂囨。涓績 寮€濮�*/

/* 璁剧疆楂樺害闅愯棌 */

#PorductMaintanInfo.threeDiv .maintanBoxCon { height: 20px; overflow: hidden; }
#PorductMaintanInfo.threeDiv .serversCon { padding-top: 40px; font-size: 32px; padding-bottom: 30px; }
#PorductMaintanInfo.threeDiv .serversConBox { padding: 0; }
#PorductMaintanInfo.threeDiv .serversConBoxGrey { background: #f5f5f5; }
#PorductMaintanInfo.threeDiv .serversCon p { font-size: 14px; color: #666666; margin-bottom: 40px; }
#PorductMaintanInfo.threeDiv .serversCon .maintanBoxCon img { display: block; margin: 0 auto; }
.PorductMaintanInfo_p { font-size: 14px; color: #666666; margin-bottom: 40px; }
.PorductMaintanInfo_pAct { margin-bottom: 50px; }
.PorductMaintanInfo_img {    /* display: none; */
margin: 0 auto 50px; }
#PorductMaintanInfo.threeDiv .serversConBox .secondWrapBox:after { content: ''; display: block; clear: both; }
#PorductMaintanInfo.threeDiv .serversConBox p.PorductMaintanInfo_bannerHeadP { font-size: 14px; color: #666666; padding: 0 18px }
#PorductMaintanInfo.threeDiv .serversConTextBot { display: block; float: right; color: #333; cursor: pointer; }
#PorductMaintanInfo.threeDiv .pdTop0 { padding-top: 0 }
#PorductMaintanInfo.threeDiv .technicalGrey { background: #f5f5f5; }
#PorductMaintanInfo.threeDiv .zhanClickAct { color: #e60012; }
.PorductMaintanInfo_searchBox { width: 885px; height: auto; margin: 0 auto; }
.PorductMaintanInfo_search { width: 100%; height: 50px; padding-right: 190px; position: relative; margin-bottom: 30px; }
.PorductMaintanInfo_searchInput { width: 100%; height: 50px; border: 1px solid #d2d2d2; padding: 0 22px; font-size: 16px; float: left }
.PorductMaintanInfo_searchBtnBox { width: 60px; height: 50px; line-height: 40px; background: #e60012; color: #fff; position: absolute; top: 0; right: 130px; text-align: center; }
.PorductMaintanInfo_searchImg { vertical-align: middle; /*margin-right: 9px;*/ position: relative; top: 2px; }
.PorductMaintanInfo_searchBtnBox span { font-size: 18px }
.PorductMaintanInfo_searchBtn { position: absolute; width: 100%; height: 100%; top: 0; left: 0; border: 0; background: transparent }
.PorductMaintanInfo_searchAdvance { width: 120px; height: 50px; line-height: 50px; border: 1px solid #e60012; background: #fff; font-size: 18px; color: #e60012; position: absolute; top: 0; right: 0; text-align: center; }
.PorductMaintanInfo_hot { width: 100%; margin-bottom: 22px; }
.PorductMaintanInfo_hot_h2 { font-size: 24px; color: #333333; margin-bottom: 20px; }

/*鏈€鏂拌闃呮寜閽�*/
.PorductMaintanInfo_subscription_btn { text-align: center; margin-top: 20px; }
.PorductMaintanInfo_subscription_btn a { padding: 10px 30px; background: #e60012; color: #fff; font-size: 18px; display: inline-block; }
.pro_right .PorductMaintanInfo_subscription_btn a { width: 100%; margin-bottom: 15px; margin-top: -30px; padding: 10px; }
.PorductMaintanInfo_hot li { font-size: 16px; float: left; width: 50%; box-sizing: border-box; padding-right: 10px; margin-bottom: 18px; color: #333; padding-left: 15px; background: url(../images/threeAll/redArrow.png) no-repeat; background-position: 0 5px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.PorductMaintanInfo_hot li a { color: #333 }
.PorductMaintanInfo_hot li a:hover { color: #e60012; }
.PorductMaintanInfo_searchLineBox { width: 100%; height: 32px; border-left: 1px solid #f8f8f8; border-right: 1px solid #f8f8f8; margin-bottom: 32px; }
.PorductMaintanInfo_centerArrow { width: 2.5%; height: 100%; float: left; }
.PorductMaintanInfo_searchLine { width: 18%; font-size: 14px; height: 32px; line-height: 30px; text-align: center; background: #fcfcfc; float: left; border-top: 1px solid #f8f8f8; border-bottom: 1px solid #f8f8f8; }
.PorductMaintanInfo_searchLineAct { background: #e60012; color: #fff; border-top: 1px solid #e60012; border-bottom: 1px solid #e60012; }
.PorductMaintanInfo_searchBodyBox { margin: 0 -18px; }
.PorductMaintanInfo_searchChooseBox { width: 25%; height: 50px; float: left; padding: 0 18px; box-sizing: border-box; margin-bottom: 36px; }
.PorductMaintanInfo_searchChoose { width: 100%; height: 50px; font-size: 16px; line-height: 48px; text-align: center; background: #fcfcfc; border: 1px solid #f7f6f6; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.PorductMaintanInfo_searchChoose a { display: block; width: 100%; height: 100%; color: #333; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.PorductMaintanInfo_searchChoose a:hover { color: #fff; background: #e60012; }
#PorductMaintanInfo.threeDiv .addBox { display: none; padding-top: 15px; float: left; width: 100%; }

/* 宸茬煡闂鏌ヨ鎸夐挳 */
.bugSearch { padding: 90px 0; }
.bugSearch .bugSearchH3 { font-size: 30px; height: 32px; line-height: 30px; text-align: left; color: #000000; font-weight: 400; margin-bottom: 30px; border-left: 5px solid #e60012; padding-left: 16px; }
.Problem_searchBox { padding: 0 200px; position: relative; }
.Problem_search { width: 100%; height: 50px; padding-right: 150px; position: relative; }
.Problem_search .Problem_searchInput { width: 100%; height: 50px; border: 1px solid #d2d2d2; padding: 0 22px; font-size: 16px; float: left }
.Problem_searchBtnBox { width: 120px; height: 50px; line-height: 50px; background: #e60012; color: #fff; position: absolute; top: 0; right: 160px; text-align: center; cursor: pointer; }
.Problem_searchImg { vertical-align: middle; margin-right: 9px; position: relative; }
.Problem_searchBtnBox span { font-size: 18px; vertical-align: middle; }
.Problem_searchBox .quest { position: absolute; width: 24px; height: 24px; top: 50%; right: 0; transform: translateY(-50%); border: 0; background: transparent; display: block; }
.Problem_searchBox .quest img { width: 100%; display: block; }
.Problem_searchBox .answer { position: absolute; top: 0; right: 0px; background: #fff; box-shadow: 0 0 3px #c2c2c2; width: 190px; font-size: 16px; padding: 20px; line-height: 1.4; display: none; }
.Problem_searchBox .example,
.Problem_searchBox .prompt { font-size: 16px; padding: 15px 0; }
.Problem_searchBox .prompt { display: none; color: #df0012; }
.Problem_adsearchBtnBox { width: 120px; height: 50px; line-height: 50px; background: #e60012; color: #fff; position: absolute; top: 0; right: 30px; text-align: center; cursor: pointer; }
.Problem_adsearchBtnBox span { font-size: 18px; vertical-align: middle; }
/* bug search */
.bugSearch { min-height: 500px; }
.bugSearch .secondWrapBox { overflow: visible; }
.bugSearch_id { position: relative; }
.bugSearch .bugSearch_id a:hover { text-decoration: none !important; }
.bugSearch_id::after { content: ""; display: block; clear: both; }
.bugSearch_id .blue { color: #6aaae1; }
.bugSearch_id .gray { background: #f4f6f7; padding: 10px 15px; }
.bugSearch_id h3.blue { padding-bottom: 10px; border-bottom: 1px solid #e5e5e5; }
.bugSearch_id h3 { font-size: 18px; font-weight: 600; color: #333333; }

/* .bugSearch_id .bug_left {
width: 65%;
float: left;
display: none;
} */
.bugSearch_id .bug_left { width: 100%; display: none; }
.bugSearch_id .bug_left .bug_title { font-size: 26px; }
.bugSearch_id .description .lump { padding: 15px 10px; }
.bugSearch_id .bug_left .description,
.bugSearch_id .bug_left .details { padding: 30px 0 15px; }
.bugSearch_id .bug_left .description h3 { margin-bottom: 10px; }
.bugSearch_id .bug_left .description .blue { margin-bottom: 0; }
.bugSearch_id .bug_left .description p { font-size: 16px; color: #666666; line-height: 1.4; margin-bottom: 10px; }
.bugSearch_id .bug_left .description ul,
.bugSearch_id .bug_left .description ol { padding: 0; margin: 0; list-style: none; }
.bugSearch_id .bug_left .description li { position: relative; font-size: 16px; color: #666666; padding-left: 15px; line-height: 1.4; margin-bottom: 10px; }
.bugSearch_id .bug_left .description li::before { content: ""; display: block; width: 6px; height: 6px; background: #666666; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.bugSearch_id .bug_left .description .gray { text-align: center; }
.bugSearch_id .bug_left .description .gray span { padding: 0 5px; }
.bugSearch_id .bug_left .description .gray span,
.bugSearch_id .bug_left .description .gray img { font-weight: 600; vertical-align: middle; }
.bugSearch_id .bug_left .details .lump { display: flex; }
.bugSearch_id .bug_left .details .lump h3,
.bugSearch_id .bug_left .details .lump .col-3 { width: 32%; font-size: 16px; margin-right: 2%; box-sizing: border-box; }
.bugSearch_id .bug_left .details .lump .col-3 div,
.bugSearch_id .bug_left .details .lump .col-3 p { width: 100%; }
.bugSearch_id .bug_left .details .lump h3:last-of-type,
.bugSearch_id .bug_left .details .lump .col-3:last-of-type { margin-right: 0; }
.bugSearch_id .bug_left .details .lump h3,
.bugSearch_id .bug_left .details .lump .col-3 .gray { margin-top: 20px; box-sizing: border-box; }
.bugSearch_id .bug_left .details .lump .col-3 .scrollBox { padding-right: 8px; }
.bugSearch_id .bug_left .details .lump .col-3 .scrollBox p:nth-child(2n) { background: rgb(243, 243, 243); }
.bugSearch_id .bug_left .details .lump .col-3 .canScroll { height: 160px; overflow-y: auto; }
.bugSearch_id .bug_left .details .lump .col-3 .canScroll::-webkit-scrollbar { width: 6px; }
.bugSearch_id .bug_left .details .lump .col-3 .canScroll::-webkit-scrollbar-thumb { border-radius: 20px; background: #6f7172; background-size: 4px 7px; }
.bugSearch_id .bug_left .details .lump .col-3 .canScroll::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 20px; }
.bugSearch_id .bug_left .details .lump .col-3 p { padding: 5px 15px; }
.bugSearch_id .bug_left .details .lump h3 span { font-weight: normal; }
.bugSearch_id .bug_left .details .lump .gray { display: flex; justify-content: space-between; }
.bugSearch_id .bug_left .details .gray.mt { text-align: center; margin-top: 30px; }
.bugSearch_id .bug_left .details .gray.mt a { display: inline-block; padding-left: 25px; background: url('/cn/tres/NewWebUI/images/threeAll/bs-download.png') no-repeat left center; background-size: 18px auto; }
.bugSearch_id .bug_right { width: 25%; float: right; display: none; }
.bugSearch_id .bug_right h3 { font-size: 22px; color: #000; padding-bottom: 10px; border-bottom: 1px solid #e60012; }
.bugSearch_id .bug_right ul li { padding-top: 15px; }
.bugSearch_id .bug_right ul li a { display: block; padding: 20px 15px 20px 60px; box-shadow: 0 2px 6px 2px #d6d6d6; color: #000000; text-decoration: none; }
.bugSearch_id .bug_right ul li a.icon1 { background: url('/cn/tres/NewWebUI/images/threeAll/bs-icon-01.png') no-repeat; background-position: 15px center; background-size: 25px auto; }
.bugSearch_id .bug_right ul li a.icon2 { background: url('/cn/tres/NewWebUI/images/threeAll/bs-icon-02.png') no-repeat; background-position: 15px center; background-size: 25px auto; }
.bugSearch_id .bug_right ul li a.icon3 { background: url('/cn/tres/NewWebUI/images/threeAll/bs-icon-03.png') no-repeat; background-position: 15px center; background-size: 25px auto; }
.saveBug { position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); background: #fff; width: 490px; height: 300px; text-align: center; padding: 30px 20px; border-top: 1px solid #e60012; box-shadow: 0 3px 10px 2px #e5e5e5; box-sizing: border-box; z-index: 10; display: none; }
.saveBug .close_saveBug { position: absolute; top: 20px; right: 15px; cursor: pointer; width: 40px; height: 40px; background: url('/cn/tres/NewWebUI/images/threeAll/bs-close.png') no-repeat center; }
.saveBug h3 { font-size: 24px; font-weight: 600; padding-bottom: 20px; }
.saveBug .selectBugId { padding: 20px 0; display: flex; justify-content: center; align-items: center; }
.saveBug .selectBugId p { font-size: 16px; }
.saveBug .selectBugId select { width: 250px; height: 40px; border: 1px solid #999999; padding: 0 30px 0 10px; cursor: pointer; appearance: none; -moz-appearance: none; -webkit-appearance: none; background: url('/cn/tres/NewWebUI/images/threeAll/bs-arrow.png') no-repeat; background-position: 95% center; background-size: 10px auto; box-sizing: border-box; }
.saveBug .selectBugId select option { padding: 10px; }
.saveBug .buttonBugId { padding: 20px 0; }
.saveBug .buttonBugId button { width: 150px; height: 50px; font-size: 20px; border: 0; color: #fff; margin: 0 10px; cursor: pointer; }
.saveBug .buttonBugId button.define { background: #e60012; }
.saveBug .buttonBugId button.change { background: #999999; }
@media screen and (max-width:965px) {
    .PorductMaintanInfo_searchBox { width: 100%; }
    #PorductMaintanInfo.threeDiv .applicationMainOutInner h2 { font-size: 12px; margin: 3px 0 3px; }
    .PorductMaintanInfo_img { width: 100%; }
    #PorductMaintanInfo.threeDiv .applicationMainOutInner p { line-height: 1.4; }
    #PorductMaintanInfo.threeDiv .serversConBox p.Green_OS_bannerHeadP { font-size: 14px; color: #666666; padding: 0 }

    /* 宸茬煡闂鏌ヨ鎸夐挳 */
    .bugSearch { padding: 60px 0; }
    .Problem_searchBox { width: 100%; }

    /* 鏀寔-Bug Search */
    .bugSearch_id h3 { font-size: 16px; }
    .bugSearch_id .bug_left .bug_title { font-size: 22px; }
    .bugSearch_id .bug_left .description p { font-size: 14px; }
    .bugSearch_id .bug_left .details .lump h3,
    .bugSearch_id .bug_left .details .lump .col-3 div,
    .bugSearch_id .bug_left .details .lump .col-3 p { font-size: 14px; }
    .bugSearch_id .bug_left .details .lump .col-3 .canScroll { height: 145px; }
    .bugSearch_id .bug_right h3 { font-size: 20px; }
    .bugSearch_id .bug_right ul li a.icon1 { background: url('/cn/tres/NewWebUI/images/threeAll/bs-icon-01.png') no-repeat; background-position: 15px center; background-size: 22px auto; }
    .bugSearch_id .bug_right ul li a.icon2 { background: url('/cn/tres/NewWebUI/images/threeAll/bs-icon-02.png') no-repeat; background-position: 15px center; background-size: 22px auto; }
    .bugSearch_id .bug_right ul li a.icon3 { background: url('/cn/tres/NewWebUI/images/threeAll/bs-icon-03.png') no-repeat; background-position: 15px center; background-size: 22px auto; }
    .support_resource .saveBug { width: 450px; height: 260px; text-align: center; padding: 30px 20px; }
    .saveBug h3 { font-size: 22px; }
    .saveBug .selectBugId p { font-size: 14px; }
    .saveBug .selectBugId select { width: 220px; }
    .saveBug .buttonBugId button { width: 140px; height: 50px; font-size: 18px; }
}
@media screen and (max-width:768px) {
    .PorductMaintanInfo_subscription_btn a { font-size: 14px; }

    /* 淇敼鍥剧墖澶у皬 */
    #PorductMaintanInfo.threeDiv .serversCon .maintanBoxCon img { width: 80%; }
    #PorductMaintanInfo.threeDiv .serversCon p img { display: block; width: 80%; margin: 0 auto; }
    .PorductMaintanInfo_searchChooseBox { padding: 0 5px; height: 40px; margin-bottom: 10px; font-size: 12px; width: 50%;}
    .PorductMaintanInfo_searchChoose { height: 40px; line-height: 38px; font-size: 13px; word-break: break-all; padding: 0 2px; }
    .PorductMaintanInfo_search { padding-right: 90px; margin-bottom: 15px; }
    .PorductMaintanInfo_searchLineBox { height: auto; border: none; border-right: 0; }
    .PorductMaintanInfo_searchBodyBox { display: none; }
    #PorductMaintanInfo.threeDiv .addBox { display: block; }
    .PorductMaintanInfo_searchLine { width: 100%; height: 35px; border: 0; line-height: 35px; text-align: left; padding-left: 12px; font-size: 15px; background: url(../images/threeAll/bigWhiteArrow.png) no-repeat; background-size: 100% 100%; }
    .PorductMaintanInfo_searchLineAct { background: url(../images/threeAll/bigRedArrow.jpg) no-repeat; background-size: 100% 100%; }
    .PorductMaintanInfo_centerArrow { display: none }
    .PorductMaintanInfo_hot_h2 { font-size: 15px; margin-bottom: 15px }
    .PorductMaintanInfo_hot li { width: 100%; font-size: 14px; }
    .PorductMaintanInfo_searchInput { padding-right: 62px; height:40px }
    .PorductMaintanInfo_searchBtnBox { height: 40px; line-height: 40px; font-size: 16px; margin-right: 5px; right: 60px;}
    .PorductMaintanInfo_searchImg { width: 14px; top: 0; }
    .PorductMaintanInfo_searchBtnBox span { font-size: 14px; }
    .PorductMaintanInfo_searchAdvance { height: 40px; line-height: 40px; width: auto; padding: 0 10px; white-space:nowrap; }
    .PorductMaintanInfo_searchAdvance .hidden-xs { display: none; }

    /*sys4254 0823鎻愪緵鏍峰紡鏂囦欢淇敼*/
    #PorductMaintanInfo.threeDiv .serversCon { padding-top: 20px; padding-bottom: 20px; font-size: 32px; }
    #PorductMaintanInfo.threeDiv .columGoMore { display: block; margin-top: 6.6%; }
    .PorductMaintanInfo_p { margin-bottom: 50px; }
    #PorductMaintanInfo.threeDiv .serversConText .serversConTextBox { padding-top: 0; }
    #PorductMaintanInfo.threeDiv .serversConTextBot { display: block; float: inherit; position: inherit; }

    /* 宸茬煡闂鏌ヨ鎸夐挳 */
    .bugSearch { padding: 40px 0; }
    .bugSearch .bugSearchH3 { width: 100%; padding: 6.6% 0 4%; text-align: center; color: #3c3c3c; font-size: 22px; border: none; margin: 0; height: auto; line-height: 1; }
    .Problem_searchBox { padding: 0; }
    .Problem_search { padding-right: 110px; margin-bottom: 15px; }
    .Problem_searchBtnBox { width: 85px; line-height: 50px; font-size: 16px; right: 25px; }
    .Problem_searchImg { width: 14px; top: 0; }
    .Problem_searchBtnBox span { font-size: 14px; }
    .Problem_searchBox .quest { width: 18px; height: 18px; }
    .Problem_searchBox .answer { right: 25px; width: 150px; min-height: 60px; font-size: 14px; padding: 10px; }
    .Problem_searchBox .example,
    .bug_id .prompt { font-size: 14px; padding: 10px 0; }

    /* 鏀寔-Bug Search */
    .bugSearch { min-height: 220px; }
    .bugSearch_id .gray { padding: 10px; }
    .bugSearch_id .description .lump { padding: 10px 0; }
    .bugSearch_id h3 { font-size: 14px; }
    .bugSearch_id .bug_left { width: 100%; float: none; }
    .bugSearch_id .bug_left .bug_title { font-size: 22px; }
    .bugSearch_id .bug_left .description p { font-size: 14px; }
    .bugSearch_id .bug_left .description li { font-size: 14px; padding-left: 10px; }
    .bugSearch_id .bug_left .description li::before { content: ""; display: block; width: 5px; height: 5px; background: #666666; border-radius: 50%; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
    .bugSearch_id .bug_left .details .lump { flex-wrap: wrap; }
    .bugSearch_id .bug_left .details .lump h3,
    .bugSearch_id .bug_left .details .lump .col-3 { width: 100%; font-size: 14px; margin-right: 0; }
    .bugSearch_id .bug_left .details .lump h3:last-of-type,
    .bugSearch_id .bug_left .details .lump .col-3:last-of-type { margin-right: 0; margin-bottom: 0; }
    .bugSearch_id .bug_left .details .lump .col-3 .canScroll { height: 145px; }
    .bugSearch_id .bug_right { width: 100%; float: none; margin-top: 20px; }
    .bugSearch_id .bug_right h3 { font-size: 18px; }
    .saveBug { width: calc(100% - 40px); height: 300px; padding: 30px 10px; }
    .saveBug h3 { font-size: 20px; }
    .saveBug .selectBugId { padding: 15px 0; display: block; }
    .saveBug .selectBugId p { font-size: 14px; margin-bottom: 15px; }
    .saveBug .selectBugId select { width: 250px; height: 40px; }
    .saveBug .buttonBugId { padding: 15px 0; }
    .saveBug .buttonBugId button { width: 40%; height: 50px; font-size: 16px; margin: 0 5px; }
}
@media screen and (max-width:640px) {
    #PorductMaintanInfo.threeDiv .serversCon,
    #IT_application.threeDiv .classification { font-size: 50px; }
    #PorductMaintanInfo.threeDiv .serversCon { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #PorductMaintanInfo.threeDiv .serversCon,
    #IT_application.threeDiv .classification { font-size: 44px; }
    #PorductMaintanInfo.threeDiv .serversCon { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #PorductMaintanInfo.threeDiv .serversCon,
    #IT_application.threeDiv .classification { font-size: 37.5px; }
    #PorductMaintanInfo.threeDiv .serversCon { font-size: 37.5px; }
}

/*鏂囨。涓績 缁撴潫*/

/*鏃犵嚎 寮€濮�*/

#Wlan.threeDiv .serversCon { padding-top: 40px; font-size: 32px; }
#Wlan.threeDiv .serversConBoxGrey { background: #f5f5f5; }
#Wlan.threeDiv .serversConBox { background: #fff; padding: 0; }
#Wlan.threeDiv .serversConBox .secondWrapBox:after { content: ''; display: block; clear: both; }
#Wlan.threeDiv .serversConImg { width: 500px; float: left; margin-right: 70px; margin-bottom: 30px; cursor: pointer; position: relative; }
#Wlan.threeDiv .serversConImg img { display: block; width: 100%; }
#Wlan.threeDiv .serversConText .serversConTextBox { height: 250px; overflow: hidden; padding-top: 0px; padding-bottom: 40px; }
#Wlan.threeDiv .serversConText p { font-size: 14px; color: #666666; margin-bottom: 25px; margin-top: 0px; line-height: 26px; }
#Wlan.threeDiv .proVidConImgBlock { display: block; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#Wlan.threeDiv .proVidConImgBlock img { display: block; width: 100%; height: 100%; }
#Wlan.threeDiv .proVidConImgBtn { display: block; width: 14%; position: absolute; top: 36%; left: 42.1%; }
#Wlan.threeDiv .serverClick { text-align: right; margin-top: 110px; font-size: 14px; color: #e60012; }
#Wlan.threeDiv .serverClick img { display: inline-block; vertical-align: middle; margin-left: 4px; }
#Wlan.threeDiv .serverClick.activeC { margin-top: 20px; }
#Wlan.threeDiv .serverClick .closeListS { display: none; }
#Wlan.threeDiv .serverClikBtn { display: inline-block; cursor: pointer; }
#Wlan.threeDiv .serverClikBtn span { display: inline-block; }
#Wlan.threeDiv .serverClick.activeC .openListS { display: none; }
#Wlan.threeDiv .serverClick.activeC .closeListS { display: inline-block; }
body.ie8 #Wlan.threeDiv .classList li { border: 1px solid #e8e8e8; }
#Wlan.threeDiv .padding0 { padding: 0; }
#Wlan.threeDiv .serversConTextBot { display: block; float: right; position: absolute; right: 0; color: #e60012; bottom: 20px; padding-right: 16px; cursor: pointer; }
#Wlan.threeDiv .serversConTextBot img { width: 20px; }
#Wlan.threeDiv .zhanClickAct { color: #e60012; }
#Wlan.threeDiv .moreBtn { position: relative; top: -2px; }
#Wlan #succWrapPC .techSolveConListText { background: #fff; }
#Wlan.threeDiv #succWrapPC .techSolveConListText h3 { font-size: 18px; color: #333; }
#Wlan.threeDiv .WlanAdd_p { font-size: 18px; color: #333; }
#Wlan.threeDiv #succWrapH5 .succSysBox { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
#Wlan.threeDiv #succWrapH5 .swiper-containerSuccH5 .swiper-slide { padding-top: 5px; }
#Wlan.threeDiv #videoWrapH5 .protechH5VidTxt { background: #fff; }
#videoWrapPC .proVidConTextAdd { width: 100%; padding: 5%; font-size: 22px; line-height: 1.3; background: #fff; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
@media screen and (max-width:1200px) {
    #videoWrapPC .proVidConTextAdd { font-size: 18px; }
}
#Wlan.threeDiv .protechSolveGoMore { height: 20px; float: right; font-size: 14px; cursor: pointer; }
#Wlan.threeDiv .protechSolveGoMore a { display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; }
#Wlan.threeDiv .protechSolveGoMore a img { position: absolute; top: 0; right: 0; }
#Wlan.threeDiv .protechVideoCon { width: 100%; height: auto; }
#Wlan.threeDiv .applicationMenu { width: 25%; height: auto; float: left; position: relative; z-index: 100; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1) }
#Wlan.threeDiv .applicationMenuAct { border-right: 1px solid #e60012; }
#Wlan.threeDiv .applicationMenuList { width: 100%; height: 60px; line-height: 60px; box-sizing: border-box; padding-left: 19%; font-size: 20px; font-weight: 700; color: #666; border-bottom: 1px solid #e6e6e6; cursor: pointer; }
#Wlan.threeDiv .applicationMenuListAct { background: #e60012; color: #fff; }
#Wlan.threeDiv .applicationMainBody { width: 75%; height: 601px; float: left; }
#Wlan.threeDiv .applicationMainOut { width: 100%; height: auto; display: none; }
#Wlan.threeDiv .applicationMainOutAct { display: block; }
#Wlan.threeDiv .applicationMainOutGrey { background: #f5f5f5; width: 100%; height: 100%; border: 1px solid #e6e6e6; border-right: 0; position: relative; }
#Wlan.threeDiv .applicationMainOutInner { width: 23%; height: 290px; margin-left: 2%; float: left; margin-bottom: 19px; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1) }
#Wlan.threeDiv .applicationMainOutInner a { display: block; width: 100%; height: 100%; color: #333; }
#Wlan.threeDiv .applicationMainOutInner img { width: 100%; }
#Wlan.threeDiv .applicationMainOutInner h2 { font-weight: 700; font-size: 14px; color: #333; margin: 6px 0 6px; box-sizing: border-box; padding: 0 12px; }
#Wlan.threeDiv .applicationMainOutInner p { font-size: 12px; padding: 0 12px; line-height: 1.6; }
#Wlan.threeDiv .applicationMainOutTextBox { width: 50%; height: auto; float: left; padding-left: 30px; box-sizing: border-box; }
#Wlan.threeDiv .applicationMainOutTextLastBox { width: 100%; padding: 0; }
#Wlan.threeDiv .applicationMainOutTextBox h2 { font-size: 24px; color: #333; line-height: 1; margin: 30px 0 24px; }
#Wlan.threeDiv .applicationMainOutTextBox li { font-size: 14px; color: #333; box-sizing: border-box; padding-left: 16px; line-height: 1.5; background: url(../images/secondAll/redArrow.png) no-repeat; background-position: 0px 5px; margin: 10px 0; }

/*#Wlan.threeDiv .applicationMainOutTextBox li:last-child{
   margin-bottom: 0;
}*/
#Wlan.threeDiv .applicationMainOutTextBox li a { color: #333; }
#Wlan.threeDiv .applicationMainOutTextBox li a:hover { color: #e60012; }
#Wlan.threeDiv .applicationMblTextBox { padding-bottom: 5%; margin-bottom: 0%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
#Wlan.threeDiv .applicationMblTextBox a { display: block; width: 100%; height: 100%; color: #333; }
#Wlan.threeDiv .applicationMblTextBox img { width: 100%; float: left; }
#Wlan.threeDiv .applicationMblTextBox h2 { font-size: 45%; margin: 3% 0 0; padding: 0 4%; width: 100%; box-sizing: border-box; float: left; }
#Wlan.threeDiv .applicationMblTextBox p { font-size: 30%; width: 100%; color: #333; line-height: 1.6; box-sizing: border-box; float: left; margin: 3% 0 0; padding: 0 4%; }
#Wlan.threeDiv #videoWrapH5 .protechH5VidBtn { width: 100%; background-color: #fff; padding-top: 5%; }
#Wlan.threeDiv div.serversConTextBoxAct p { display: block; }
div#Wlan .technicalGrey { background-color: #f9f9f9; }
#Wlan.threeDiv #videoWrapH5 .technicalGrey { background-color: #f9f9f9; }
#Wlan.threeDiv .applicationMainOutTextLastBox li { margin: 12px 0; }
#Wlan.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 0 0 40px; }
#Wlan.threeDiv .OperationalTab { max-width: 1232px; width: 100%; height: 100%; padding: 0 16px; margin: 0 auto }
#Wlan.threeDiv .OperationalTabHead { width: 100%; height: 60px; border: 1px solid #e6e6e6; border-bottom: 1px solid #e60012; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) }
#Wlan.threeDiv .OperationalTabHead_4 { width: 20%; height: 100%; font-size: 20px; line-height: 60px; text-align: center; float: left; color: #666666; cursor: pointer; position: relative; }
#Wlan.threeDiv .OperationalTabHead_4:before { position: absolute; content: ""; width: 1px; height: 30px; background: #e6e6e6; top: 15px; left: 0; }
#Wlan.threeDiv .OperationalTabHead_4:first-child:before { width: 0px; }
#Wlan.threeDiv .OperationalTabHeadAct { background: #e60012; color: #fff; }
#Wlan.threeDiv .OperationalTabBody { width: 100%; padding: 0; margin-bottom: 40px; border: 1px solid #e6e6e6; border-top: 0; }
#Wlan.threeDiv .OperationalTabBody_4 { display: none; font-size: 14px; color: #666666; height: 555px; }
#Wlan.threeDiv .OperationalTabBodyShort { height: 118px }
#Wlan.threeDiv .OperationalTabRightUl li { padding-left: 16px; margin-right: 40px; float: left; background: url(../images/threeAll/threearrow.png) no-repeat; background-position: 0 6px; }
#Wlan.threeDiv .OperationalTabRightUl a { color: #333; font-size: 16px; }
#Wlan.threeDiv .OperationalTabRightUl a:hover { color: #e60012; }
#Wlan.threeDiv .OperationalTabBody_4 p { margin-bottom: 15px; font-size: 14px; }
#Wlan.threeDiv .OperationalTabBodyAct { display: block; }
#Wlan.threeDiv .OperationalTabLeft { width: 25%; height: 100%; float: left; background: #f5f5f5; border-right: 1px solid #e6e6e6; }
#Wlan.threeDiv .OperationalTabLeft ul { padding: 10px 30px; }
#Wlan.threeDiv .OperationalTabLeft li { font-size: 16px; color: #333333; position: relative; padding-left: 32px; cursor: pointer; word-break: break-all; margin: 15px 0; }
#Wlan.threeDiv .OperationalTabLeft li:hover .chooseWlan_text { color: #e60012; }
#Wlan.threeDiv .chooseWlanLiAct .chooseWlan_text { color: #e60012; }
#Wlan.threeDiv .chooseWlan { position: absolute; top: 2px; left: 0; display: block; }
#Wlan.threeDiv .chooseWlanAct { position: absolute; top: 2px; left: 0; display: none; }
#Wlan.threeDiv .chooseWlanLiAct .chooseWlan { display: none; }
#Wlan.threeDiv .chooseWlanLiAct .chooseWlanAct { display: block; }
#Wlan.threeDiv .OperationalTabRight { width: 75%; height: 100%; float: left; padding-top: 30px; padding-left: 1.25%; padding-right: 1.25%; overflow-y: scroll; }
#Wlan.threeDiv .OperationalTabRightInner { width: 30.7%; height: 236px; cursor: pointer; float: left; margin-left: 1.25%; margin-right: 1.25%; margin-bottom: 22px; border: 1px solid #ececec; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); }
#Wlan.threeDiv .OperationalTabRightInner a { display: block; width: 100%; height: 100%; }
#Wlan.threeDiv .OperationalTabRightInner:hover { -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
#Wlan.threeDiv .OperationalTabRightInner_img { width: 100%; }
#Wlan.threeDiv .OperationalTabRightInnerBox { width: 100%; height: auto; }
#Wlan.threeDiv .OperationalTabRightInner_text { font-size: 16px; line-height: 24px; width: 90%; color: #666; margin: 15px auto 0; }
#Wlan .serversConText .serversConTextBox p {    /* display: none; */ }
#Wlan.threeDiv .serversConText .serversConTextBox p:first-child { display: block; }
#Wlan.threeDiv .paddingTop0 { padding-top: 0; }
#Wlan.threeDiv #succWrapH5 .techH5SuccText { background: #fff; }
.pdTop100 { padding-top: 100px; }

/* 鏃犵嚎閮ㄥ垎娣诲姞璧勬簮涓績鏍峰紡寮€濮� */
#Wlan.threeDiv .SetTemplateInnerTab_4 { width: 25%; height: 120px; padding: 3px 13px; float: left; }
#Wlan.threeDiv .SetTemplateInner { width: 100%; height: 100%; background: #fff; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); font-size: 18px; color: #333333; }
#Wlan.threeDiv .SetTemplateInnerText { padding-left: 32px; padding-top: 28px; box-sizing: border-box; }
#Wlan.threeDiv .SetTemplateInner_img { vertical-align: middle; margin-right: 20px; }
#Wlan.threeDiv .goPC { display: block; }
#Wlan.threeDiv .goMBL { display: none }
#Wlan.threeDiv .serversCon.Operational { padding-bottom: 40px; }

/* 鏃犵嚎閮ㄥ垎娣诲姞璧勬簮涓績鏍峰紡缁撴潫 */
@media screen and (max-width:965px) {
    #Wlan.threeDiv .applicationMainOutInner h2 { font-size: 12px; margin: 3px 0 3px; }
    #Wlan.threeDiv .applicationMainOutInner p { line-height: 1.4; }
}
@media screen and (max-width:768px) {
    #Wlan.threeDiv .goMBL { display: block; }
    #Wlan.threeDiv .goPC { display: none; }
    #Wlan.threeDiv .greyMBL { background: #f5f5f5; }
    #Wlan.threeDiv .OperationalTabBodyShort .OperationalTabRight { height: auto; }
    #Wlan.threeDiv .protechSolveGoMore.gotoFontred { display: block; }
    #Wlan.threeDiv .OperationalTabLeft { width: 100%; height: auto; }
    #Wlan.threeDiv .OperationalTabRight { width: 100%; padding: 10px; }
    #Wlan.threeDiv .OperationalTabRightInner { width: 47.5%; height: auto; padding-bottom: 10px; margin-bottom: 10px; overflow: hidden; }
    #Wlan.threeDiv .OperationalTabRightInner_text { font-size: 12px; line-height: 1.2; margin: 0 auto; }
    #Wlan.threeDiv .OperationalTabLeft ul { padding: 10px; }
    #Wlan.threeDiv .OperationalTabLeft li { float: none; padding-left: 24px; margin: 8px 0; margin-right: 35px; }
    #Wlan.threeDiv .chooseWlan { width: 18px; top: 1px; }
    #Wlan.threeDiv .OperationalTabBody_4 p { margin-bottom: 15px; font-size: 12px; color: #666666; line-height: 1.5; }
    #Wlan.threeDiv .OperationalTabBody { padding: 0px; }
    #Wlan.threeDiv .OperationalTab { padding: 0; margin-top: -6.6%; }
    #Wlan.threeDiv .OperationalTabHead { height: 35px; }
    #Wlan.threeDiv .OperationalTabHead_4 { font-size: 12px; line-height: 34px; }
    #Wlan.threeDiv .OperationalTabHead_4:before { top: 10px; height: 15px; }
    #Wlan.threeDiv .columGoMore { display: block; margin-top: 6.6%; }
    #Wlan.threeDiv .secondWrapBoxAdd { padding: 0 }
    #Wlan.threeDiv .serversConTextBot { display: block; float: inherit; position: inherit; bottom: 0; }
    #Wlan.threeDiv .columGoMore a img { width: 16px; margin-top: 2px; }
    #Wlan.threeDiv .columGoMore a { padding-right: 20px }
    #Wlan.threeDiv .columGoMore { display: block; }
    #Wlan.threeDiv .serversConText .serversConTextBox { padding-top: 20px; padding-bottom: 0px; }
    #Wlan.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 20px 0 0; }
    #Operational .serversConText .serversConTextBox p,
    #Wlan .serversConText .serversConTextBox p {        /* display: none; */
    margin-bottom: 22px; }
    #Wlan.threeDiv .serversConText .serversConTextBox p:first-child { display: block; }
    #Wlan.threeDiv .serversCon { padding-top: 0; font-size: 60px; }
    #Wlan.threeDiv .serversConImg { float: none; width: 100%; margin: 0; }
    #Wlan.threeDiv .serversConText { background: #fff; padding: 3.75%; padding-top: 0; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
    #Wlan.threeDiv .serverClick { text-align: center; margin-top: 5.625%; }
    #Wlan.threeDiv .serversConBox { padding: 5.625% 0; }
    #Wlan.threeDiv .paddingTop0 { padding-top: 0; }

    /* 浜у搧鍒嗙被 */
    #Wlan.threeDiv .classification { padding-top: 0; font-size: 60px; }
    #Wlan.threeDiv .classList li { float: none; width: 100%; margin: 0; }
    #Wlan.threeDiv .classList li:first-child { margin-bottom: 3.75%; }
    #Wlan.threeDiv .classListTxt h2 { font-size: 46.875%; }
    #Wlan.threeDiv .classListTxt p { font-size: 37.5%; margin-top: 3%; }
    #Wlan.threeDiv .classListGoTo { margin-top: 3%; }
    #Wlan.threeDiv .classListTxt p { overflow: visible; white-space: normal; line-height: 1.5; }
    #Wlan.threeDiv .SetTemplateInnerTab_4 { width: 33.33%; padding: 3px 6px; height: 90px; }
    #Wlan.threeDiv .SetTemplateInnerBox { padding: 0; overflow: hidden; }
    #Wlan.threeDiv .SetTemplateInner_img { margin: 15px auto 12px; display: block; height: 29px; }
    #Wlan.threeDiv .SetTemplateInner { font-size: 12px; text-align: center; }
    #Wlan.threeDiv .proSer_Btn { margin-top: 3%; }
}
@media screen and (max-width:640px) {
    #Wlan.threeDiv .serversCon,
    #Wlan.threeDiv .classification { font-size: 50px; }
    #Wlan.threeDiv .serversCon { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #Wlan.threeDiv .serversCon,
    #Wlan.threeDiv .classification { font-size: 44px; }
    #Wlan.threeDiv .serversCon { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #Wlan.threeDiv .serversCon,
    #IT_application.threeDiv .classification { font-size: 37.5px; }
    #Wlan.threeDiv .serversCon { font-size: 37.5px; }
}

/*鏃犵嚎 缁撴潫*/

/* 涓夌骇椤甸潰鍏叡婊戝姩鎸夐挳鏍峰紡 */

.secondDiv.threeDiv .swiper-btn-box span.swiper-pagination-bullet-active { background: #e60213; }

/* 鍏叡鑳屾櫙鑹茬被鍚� */
.secondDiv.threeDiv .backRed { background: #e60012 !important; }
.secondDiv.threeDiv .backBlue { background: #2266af !important; }

/* 澶фā鏉块〉闈㈡ā鍧楁牱寮忓紑濮� */

/* 妯℃澘鑳屾櫙鑹茶缃� */

.ParityBlack,
.ParityBlack section,
.ParityBlack#newsWrap.protechJourn .columEntH3,
.ParityBlack .protechH5Tit { background: #f5f5f5 !important; }
.ParityWhite,
.ParityWhite section,
.ParityWhite#newsWrap.protechJourn .columEntH3,
.ParityWhite .protechH5Tit { background: #fff !important; }
.ParityBlack .techH5Succ.succTechH5 .techH5SuccBtn { background: #f5f5f5 !important; }
.ParityWhite .techH5Succ.succTechH5 .techH5SuccBtn { background: #fff !important; }
.ParityWhite #videoWrapH5 .technicalGrey { background: #fff !important; }
.ParityBlack .techH5Succ.succTechH5 .techH5SuccCon { background: #f5f5f5 !important; }
.ParityBlack .techH5Succ.succTechH5 .succSysBox { background: #fff !important; }
.ParityBlack #videoWrapH5 .protechH5VidBtn { background: #f5f5f5 !important; }
.ParityWhite .techH5Succ.succTechH5 .techH5SuccCon { background: #fff !important; }
#SetTemplate.threeDiv .serversCon { padding-top: 40px; font-size: 32px; }
#SetTemplate.threeDiv .serversConBox { background: #f5f5f5; padding: 40px 0; }
#SetTemplate.threeDiv .serversConBox .secondWrapBox:after { content: ''; display: block; clear: both; }
#SetTemplate.threeDiv .serversConImg { width: 500px; float: left; margin-right: 70px; margin-bottom: 10px; cursor: pointer; position: relative; }
#SetTemplate.threeDiv .serversConImg img { display: block; width: 100%; }
#SetTemplate.threeDiv .serversConText .serversConTextBox { height: auto; max-height: 245px; overflow: hidden; }
.secondDiv.threeDiv .serversConText .serversConTextBox .serversTitle { color: #333333; font-size: 27px; height: 28px; line-height: 1; margin-bottom: 16px; margin-top: 0; }
#SetTemplate.threeDiv .serversConText p { font-size: 14px; color: #666666; margin-bottom: 26px; line-height: 26px; }
#SetTemplate.threeDiv .proVidConImgBlock { display: block; width: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
#SetTemplate.threeDiv .proVidConImgBlock img { display: block; width: 100%; height: 100%; }
#SetTemplate.threeDiv .proVidConImgBtn { display: block; width: 14%; position: absolute; top: 36%; left: 42.1%; }
#SetTemplate.threeDiv .serverClick { text-align: right; margin-top: 24px; font-size: 14px; color: #e60012; }
#SetTemplate.threeDiv .serverClick img { display: inline-block; vertical-align: middle; margin-left: 4px; }
#SetTemplate.threeDiv .serverClick.activeC { margin-top: 20px; }
#SetTemplate.threeDiv .serverClick .closeListS { display: none; }
#SetTemplate.threeDiv .serverClikBtn { display: inline-block; cursor: pointer; }
#SetTemplate.threeDiv .serverClikBtn span { display: inline-block; }
#SetTemplate.threeDiv .serverClick.activeC .openListS { display: none; }
#SetTemplate.threeDiv .serverClick.activeC .closeListS { display: inline-block; }

/* 浜у搧鍒楄〃鏍峰紡寮€濮� */
#SetTemplate.threeDiv .protechListNav { border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
#SetTemplate.threeDiv .protechList { font-size: 32px; padding-top: 40px; padding-bottom: 30px; }
#SetTemplate.threeDiv .protechListNav .ListNavList { overflow: hidden; zoom: 1; border-bottom: 1px solid #e60012; }
#SetTemplate.threeDiv .ListNavList li { width: 25%; float: left; padding: 20px 0; background: #fff; border-top: 1px solid #e6e6e6; cursor: pointer; }
#SetTemplate.threeDiv .ListNavList li.backRed { border-top: 1px solid #e60012; }
#SetTemplate.threeDiv .ListNavList li.backRed span { color: #fff; border-right: none; }
#SetTemplate.threeDiv .ListNavList li span { display: block; width: 100%; padding: 0 10px; line-height: 1; font-size: 20px; text-align: center; color: #666666; }
#SetTemplate.threeDiv .ListNavList li .borderLeft { border-left: 1px solid #e6e6e6; }
#SetTemplate.threeDiv .ListNavList li:first-child .borderLeft { border-left: 0; }
#SetTemplate.threeDiv .setListCon { overflow: hidden; zoom: 1; display: none; }
#SetTemplate.threeDiv .setListCon.setListShow { display: block; }
#SetTemplate.threeDiv .setListCon .cls-4 { width: 33.33%; float: left; }
#SetTemplate.threeDiv .setListBox { width: 100%; padding: 30px 0 4px; }
#SetTemplate.threeDiv .listBoxTit { font-size: 18px; color: #333333; }
#SetTemplate.threeDiv .listUrlBox a { display: block; color: #0b7ed7; margin-top: 15px; line-height: 1.2; font-size: 14px; }
#SetTemplate.threeDiv .listUrlBox a:hover { color: #e60012; }
#SetTemplate.threeDiv .listUrlBox a:before { content: '>'; color: #e60012; margin-right: 10px; }

/* 鎺у埗濉厖鏁版嵁 */
.detailDate { width: 0; height: 0; display: none; }

/*  */
#SetTemplate.threeDiv .servProList { overflow: hidden; zoom: 1; margin-top: 20px; }
#SetTemplate.threeDiv .servProList li { width: 25%; float: left; font-size: 16px; margin-bottom: 24px; }
#SetTemplate.threeDiv .servProList li a { color: #333; }
#SetTemplate.threeDiv .servProList li a:hover { color: #e60012; }
#SetTemplate.threeDiv .servProList li:before { content: '>'; margin-right: 10px; color: #e60012; }

/* 绉诲姩绔鑸牱寮� */
#SetTemplate.threeDiv .setLisH5Box { display: none; position: relative; cursor: pointer; padding: 3% 8% 3% 2%; background: #fff; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); border-bottom: 1px solid #e6e6e6; }
#SetTemplate.threeDiv .setLisH5Box span { display: block; width: 100%; height: 100%; font-size: 16px; color: #333333; }
#SetTemplate.threeDiv .setLisH5Box img { display: block; height: 50%; position: absolute; right: 2%; top: 25%; }
#SetTemplate.threeDiv .setLisH5Box img.setUp { display: none; }
#SetTemplate.threeDiv .setLisH5Box.detailsShow { background: #e60012; color: #fff; }
#SetTemplate.threeDiv .setLisH5Box.detailsShow span { color: #fff; }
#SetTemplate.threeDiv .setLisH5Box.detailsShow img.setUp { display: block; }
#SetTemplate.threeDiv .setLisH5Box.detailsShow img.setDown { display: none; }

/* 绗簩绉嶈В鍐虫柟妗堟牱寮� */
#SetTemplate.threeDiv .techSolveConTwo .techSolveConList li { margin-bottom: 30px; }

/*  */
#SetTemplate.threeDiv .education { padding-top: 40px; padding-bottom: 40px; }
#SetTemplate.threeDiv .educationNav { overflow: hidden; height: 60px; zoom: 1; border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e60012; }
#SetTemplate.threeDiv .educationNav li { width: 50%; height: 100%; float: left; cursor: pointer; text-align: center; line-height: 60px; background: #fff; border-right: 1px solid #e6e6e6; }
#SetTemplate.threeDiv .educationNav li:first-child { border-right: 0; border-left: 1px solid #e6e6e6; }
#SetTemplate.threeDiv .educationNav li.active { background: #e60012; color: #fff; }

/*  */
#SetTemplate.threeDiv .educatTxt { display: none; padding-top: 30px; }
#SetTemplate.threeDiv .educatTxt p { font-size: 14px; color: #666666; }
#SetTemplate.threeDiv .educatTxt.Txtshow { display: block; }
#SetTemplate .education .columGoMore { margin-top: -56px; }
#SetTemplate.threeDiv .education .technicalSolve .techSolveCon { display: none; }
#SetTemplate.threeDiv .education .technicalSolve .techSolveCon.active { display: block; }
#SetTemplate.threeDiv .education .techH5Succ .techH5SuccConBox { display: none; }
#SetTemplate.threeDiv .education .techH5Succ .techH5SuccConBox.active { display: block; }
#SetTemplate.threeDiv .education .technicalSolve { padding-bottom: 0; }
#SetTemplate.threeDiv #newsWrap #MobileSeeMore>a,
.paddingMore>a { padding: 0 4.5%; }

/* 娌℃湁鍥剧墖鐨勬爮鐩杩� */
#SetTemplate.threeDiv .thisNoImg.serversConBox .serverClick { margin-top: 20px; }

/* 鏂拌В鍐虫柟妗堟ā鍧楁牱寮�(浠庝笂鍒颁笅鎺掑垪) */
#SetTemplate.threeDiv .newSloveBox .techSolveConList li { float: none; width: 100%; overflow: hidden; zoom: 1; margin: 30px 0 0; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
#SetTemplate.threeDiv .newSloveBox .techSolveConList li:first-child { margin: 0; }
#SetTemplate.threeDiv .newSloveBox .techSolveConList li .techSolveConListImg { width: 240px; float: left; }
#SetTemplate.threeDiv .newSloveBox.technicalSolve .techSolveConListText { padding-left: 260px; }
#SetTemplate.threeDiv .newSloveBox.technicalSolve .techSolveConListText p { margin-top: 18px; }

/*  */
#SetTemplate.threeDiv .introduction { font-size: 32px; padding-top: 40px; }
#SetTemplate.threeDiv .introduction .proEntBtn { float: right; vertical-align: middle; cursor: pointer; }
#SetTemplate.threeDiv .introduction .proEntBtnLeft { float: left; margin-right: 10px; width: 28px; height: 28px; border: 1px solid #b0b0b0; position: relative; border-radius: 50%; background: url(../images/onestyleimg/lookArrow.png) no-repeat; background-position: 45% 50%; }
#SetTemplate.threeDiv .introduction .proEntBtnLeft.hover { border: 0; background: #e60012 url(../images/onestyleimg/lookArrowHover.png) no-repeat; background-position: 45% 50%; }
#SetTemplate.threeDiv .introduction .proEntBtnRight { float: left; width: 28px; height: 28px; border-radius: 50%; border: 1px solid #b0b0b0; position: relative; background: url(../images/onestyleimg/lookArrowRight.png) no-repeat; background-position: 55% 50%; }
#SetTemplate.threeDiv .introduction .proEntBtnRight.hover { border: 0; background: #e60012 url(../images/onestyleimg/lookArrowRightHover.png) no-repeat; background-position: 55% 50%; }
#SetTemplate.threeDiv .introdBox { width: 100%; overflow: hidden; zoom: 1; }
#SetTemplate.threeDiv .introdBoxAnima { width: 200%; position: relative; top: 0; left: 0; overflow: hidden; padding-bottom: 10px; }
#SetTemplate.threeDiv .introdBoxAnima .introdBoxList { width: 100%; float: left; }
@media screen and (max-width:768px) {
    #SetTemplate.threeDiv .thisNoImg.serversConBox .serversConText { background: none; -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -moz-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -ms-box-shadow: 0 0 0 rgba(0, 0, 0, 0); -o-box-shadow: 0 0 0 rgba(0, 0, 0, 0); box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
    #SetTemplate.threeDiv .serversCon { padding-top: 0; font-size: 60px; }
    #SetTemplate.threeDiv .serversConImg { float: none; width: 100%; margin: 0; }
    #SetTemplate.threeDiv .serversConText { background: #fff; padding: 3.75%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
    #SetTemplate.threeDiv .serverClick { text-align: center; margin-top: 5.625%; }
    #SetTemplate.threeDiv .serversConBox { padding: 5.625% 0; }
    #SetTemplate.threeDiv .protechList { padding-top: 0; font-size: 60px; }
    #SetTemplate.threeDiv .protechListNav { display: none; }
    #SetTemplate.threeDiv .setLisH5Box { display: block; }
    #SetTemplate.threeDiv .setListCon .cls-4 { width: 100%; float: none; }
    #SetTemplate.threeDiv .listBoxTit { font-size: 40%; }
    #SetTemplate.threeDiv .listUrlBox a { font-size: 37.5%; margin-top: 2%; }
    #SetTemplate.threeDiv .setListBox { padding: 5% 0 2%; }
    #SetTemplate.threeDiv .servProList { background: #fff; padding: 3%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
    #SetTemplate.threeDiv .servProList li { width: 100%; float: none; margin-bottom: 3%; font-size: 37.5%; }
    #SetTemplate.threeDiv .navWrap { padding: 0; }
    #SetTemplate.threeDiv .educationNav li { border: none; font-size: 37.5%; }
    #SetTemplate.threeDiv .education { padding: 5% 0; }
    #SetTemplate.threeDiv .education .techH5Succ.succTechH5 { border-top: 1px solid #e8e8e8; margin-top: 5%; }
    .secondDiv.threeDiv .serversConText .serversConTextBox .serversTitle { font-size: 18px; height: 20px; line-height: 20px; }
    #SetTemplate.threeDiv .serversConText p { margin-bottom: 26px; line-height: 26px; }
    #SetTemplate.threeDiv .serversConText p img { width: 80%; display: block; margin: 0 auto; }
}
@media screen and (max-width:640px) {
    #SetTemplate.threeDiv .serversCon,
    #SetTemplate.threeDiv .protechList,
    #SetTemplate.threeDiv .education { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #SetTemplate.threeDiv .serversCon,
    #SetTemplate.threeDiv .protechList,
    #SetTemplate.threeDiv .education { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #SetTemplate.threeDiv .serversCon,
    #SetTemplate.threeDiv .protechList,
    #SetTemplate.threeDiv .education { font-size: 37.5px; }
}

/* 澶фā鏉块〉闈㈡ā鍧楁牱寮忕粨鏉� */

/* 鍕囪緣澶фā鏉块儴鍒嗘牱寮� */

/*澶фā鏉垮紑濮�*/

#SetTemplate.threeDiv .swiper-serCon { overflow: hidden; }
#SetTemplate.threeDiv .serversCon { padding-top: 40px; font-size: 32px; }
#SetTemplate.threeDiv .serversCon.Operational { padding-bottom: 40px; }
#SetTemplate.threeDiv .serversCon.havepadding { padding-bottom: 40px; }
body.ie8 #SetTemplate.threeDiv .classList li { border: 1px solid #e8e8e8; }
#SetTemplate.threeDiv .padding0 { padding: 0; }
#SetTemplate.threeDiv .serversConTextBot { display: block; float: right; position: absolute; right: 0; color: #333; bottom: 40px; cursor: pointer; }
#SetTemplate.threeDiv .zhanClickAct { color: #e60012; }
#SetTemplate.threeDiv .moreBtn { position: relative; top: -2px; }
#SetTemplate #succWrapPC .techSolveConListText { background: #fff; }
#SetTemplate.threeDiv #succWrapPC .techSolveConListText h3 { font-size: 18px; color: #333; }
#SetTemplate.threeDiv .WlanAdd_p { font-size: 18px; color: #333; }
#SetTemplate.threeDiv #succWrapH5 .succSysBox { -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); }
#SetTemplate.threeDiv #succWrapH5 .swiper-containerSuccH5 .swiper-slide { padding-top: 5px; }
#SetTemplate.threeDiv #videoWrapH5 .protechH5VidTxt { background: #fff; }
#SetTemplate.threeDiv #videoWrapPC .proVidConTextAdd { width: 100%; padding: 5%; font-size: 22px; height: 95px; line-height: 1.3; background: #fff; }
#SetTemplate.threeDiv .protechSolveGoMore { height: 20px; float: right; font-size: 14px; cursor: pointer; }
#SetTemplate.threeDiv .protechSolveGoMore a { display: block; width: 100%; height: 100%; line-height: 20px; color: #333; padding-right: 30px; position: relative; }
#SetTemplate.threeDiv .protechSolveGoMore a img { position: absolute; top: 0; right: 0; }
#SetTemplate.threeDiv .protechVideoCon { width: 100%; height: auto; }
#SetTemplate.threeDiv .applicationMenu { width: 25%; height: auto; float: left; position: relative; z-index: 100; border-top: 1px solid #e6e6e6; border-right: 1px solid #e6e6e6; -webkit-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1); box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.1) }
#SetTemplate.threeDiv .applicationMenuAct { border-right: 1px solid #e60012; }
#SetTemplate.threeDiv .applicationMenuList { width: 100%; height: 60px; line-height: 60px; box-sizing: border-box; padding-left: 19%; font-size: 20px; font-weight: 700; color: #666; border-bottom: 1px solid #e6e6e6; cursor: pointer; }
#SetTemplate.threeDiv .applicationMenuListAct { background: #e60012; color: #fff; }
#SetTemplate.threeDiv .applicationMainBody { width: 75%; height: 601px; float: left; }
#SetTemplate.threeDiv .applicationMainOut { width: 100%; height: auto; display: none; }
#SetTemplate.threeDiv .applicationMainOutAct { display: block; }
#SetTemplate.threeDiv .applicationMainOutGrey { background: #f5f5f5; width: 100%; height: 100%; border: 1px solid #e6e6e6; border-right: 0; position: relative; }
#SetTemplate.threeDiv .applicationMainOutTextBox { width: 50%; height: auto; float: left; padding-left: 30px; box-sizing: border-box; }
#SetTemplate.threeDiv .applicationMainOutTextLastBox { width: 100%; padding: 0; }
#SetTemplate.threeDiv .applicationMainOutTextBox h2 { font-size: 24px; color: #333; line-height: 1; margin: 30px 0 24px; }
#SetTemplate.threeDiv .applicationMainOutTextBox li { font-size: 14px; color: #333; box-sizing: border-box; padding-left: 16px; line-height: 1.5; background: url(../images/secondAll/redArrow.png) no-repeat; background-position: 0px 5px; margin: 10px 0; }
#SetTemplate.threeDiv .applicationMainOutTextBox li a { color: #333; }
#SetTemplate.threeDiv .applicationMainOutTextBox li a:hover { color: #e60012; }
#SetTemplate.threeDiv #videoWrapH5 .protechH5VidBtn { width: 100%; background-color: #fff; padding-top: 5%; }
#SetTemplate.threeDiv div.serversConTextBoxAct p { display: block; }
div#SetTemplate .technicalGrey { background-color: #f9f9f9; }
#SetTemplate.threeDiv #videoWrapH5 .technicalGrey { background-color: #f9f9f9; }
#SetTemplate.threeDiv .applicationMainOutTextLastBox li { margin: 12px 0; }
#SetTemplate.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 0 0 40px; }
#SetTemplate .serversConText .serversConTextBox p {    /* display: none; */ }
#SetTemplate.threeDiv .serversConText .serversConTextBox p:first-child { display: block; }
#SetTemplate.threeDiv .paddingTop0 { padding-top: 0; }
#SetTemplate.threeDiv #succWrapH5 .techH5SuccText { background: #fff; }
#SetTemplate.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 20px 0 0px; }
#SetTemplate.threeDiv .OperationalLastImgBox { width: 38%; float: left; }
#SetTemplate.threeDiv .OperationalLastImg { width: 100%; }
#SetTemplate.threeDiv .OperationalLastTextBox { width: 62%; float: left; box-sizing: border-box; padding-left: 28px; }
#SetTemplate.threeDiv .OperationalLastTextBox h2 { font-size: 24px; color: #333; }
#SetTemplate.threeDiv .OperationalLastTextBox p { font-size: 14px; color: #333; line-height: 1.5; margin: 16px 0 16px; }
#SetTemplate.threeDiv .OperationalLastTextBox li { font-size: 14px; float: left; padding-left: 16px; cursor: pointer; margin-right: 35px; background: url(../images/secondAll/redArrow.png) no-repeat; background-position: 0px 5px; }
#SetTemplate.threeDiv .OperationalLastTextBox li a { color: #333; }
#SetTemplate.threeDiv .OperationalLastTextBox li a:hover { color: #e60012; }
#SetTemplate.threeDiv .SetTemplateInnerBox { }
#SetTemplate.threeDiv .SetTemplateInnerTab_4 { width: 25%; height: 120px; padding: 3px 13px; float: left; }
#SetTemplate.threeDiv .SetTemplateInner { width: 100%; height: 100%; background: #fff; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); font-size: 18px; color: #333333; }
#SetTemplate.threeDiv .SetTemplateInnerText { padding-left: 32px; padding-top: 28px; box-sizing: border-box; }
#SetTemplate.threeDiv .SetTemplateInner_img { vertical-align: middle; margin-right: 20px; }
#SetTemplate.threeDiv .goPC { display: block; }
#SetTemplate.threeDiv .goMBL { display: none }
@media screen and (max-width:965px) {
    #SetTemplate.threeDiv .applicationMainOutInner h2 { font-size: 12px; margin: 3px 0 3px; }
    #SetTemplate.threeDiv .applicationMainOutInner p { line-height: 1.4; }
}
@media screen and (max-width:768px) {
    #SetTemplate.threeDiv .serversCon.Operational { padding-bottom: 1px; }
    #SetTemplate.threeDiv .goPC { display: none; }
    #SetTemplate.threeDiv .ProtechBtn.swiper-btn-box,
    #SetTemplate.threeDiv .swiper-btn-box.proSer_Btn { margin: 26px 0 40px; }
    #SetTemplate.threeDiv .SetTemplateInnerTab_4 { width: 33.33%; padding: 3px 6px; height: 90px; }
    #SetTemplate.threeDiv .SetTemplateInnerBox { padding: 0; overflow: hidden; }
    #SetTemplate.threeDiv .SetTemplateInner_img { margin: 15px auto 12px; display: block; height: 29px; }
    #SetTemplate.threeDiv .SetTemplateInner { font-size: 12px; text-align: center; }
    #SetTemplate.threeDiv .goMBL { display: block }
    #SetTemplate.threeDiv .greyMBL { background: #f5f5f5; }
    #SetTemplate.threeDiv .goMBL .secondWrapBox { padding: 0 6px; }
    #SetTemplate.threeDiv .protechSolveGoMore.gotoFontred { display: block; }
    #SetTemplate.threeDiv .secondWrapBoxAdd { padding: 0 }
    #SetTemplate.threeDiv .serversConTextBot { display: block; float: inherit; position: inherit; bottom: 0; }
    #SetTemplate.threeDiv .OperationalLastImgBox { width: 100%; }
    #SetTemplate.threeDiv .OperationalLastImg { width: 70%; display: block; margin: 0 auto; }
    #SetTemplate.threeDiv .OperationalLastTextBox { width: 100%; padding: 0; }
    #SetTemplate.threeDiv .technicalGrey .columGoMore { display: none; }
    #SetTemplate.threeDiv .OperationalLastTextBox h2 { font-size: 15px; text-align: center; margin: 16px 0; }
    #SetTemplate.threeDiv .Operational .secondWrapBoxAdd_2 { display: none; }
    #SetTemplate.threeDiv .Operational .secondWrapBoxAdd_2:first-child { display: block; }
    #SetTemplate.threeDiv .serversConText .serversConTextBox { padding-top: 20px; padding-bottom: 0px; }
    #SetTemplate.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 20px 0 0; }
    #SetTemplate .serversConText .serversConTextBox p {        /* display: none; */ }
    #SetTemplate.threeDiv .serversConText .serversConTextBox p:first-child { display: block; }
    #SetTemplate.threeDiv .serversCon { padding-top: 0; font-size: 60px; padding-bottom: 0; }
    #SetTemplate.threeDiv .serversConImg { float: none; width: 100%; margin: 0; }
    #SetTemplate.threeDiv .serversConText { background: #fff; padding: 3.75%; padding-top: 0; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
    #SetTemplate.threeDiv .serverClick { text-align: center; margin-top: 5.625%; }
    #SetTemplate.threeDiv .serversConBox { padding: 5.625% 0; }
    #SetTemplate.threeDiv .paddingTop0 { padding-top: 0; }
}
@media screen and (max-width:640px) {
    #SetTemplate.threeDiv .serversCon,
    #Wlan.threeDiv .classification { font-size: 50px; }
    #SetTemplate.threeDiv .serversCon { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #SetTemplate.threeDiv .serversCon,
    #Wlan.threeDiv .classification { font-size: 44px; }
    #SetTemplate.threeDiv .serversCon { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #SetTemplate.threeDiv .serversCon,
    #IT_application.threeDiv .classification { font-size: 37.5px; }
    #SetTemplate.threeDiv .serversCon { font-size: 37.5px; }
}

/* 鍒囨崲閮ㄥ垎 */
#SetTemplate.threeDiv .SDNPCNav { height: 48px; border: 1px solid #e8e8e8; border-top: 0; border-bottom: 0; }
#SetTemplate.threeDiv .SDNPCNav li { width: 20%; background: #fff; float: left; height: 100%; text-align: center; line-height: 48px; font-size: 18px; color: #666666; position: relative; cursor: pointer; border-top: 1px solid #e8e8e8; border-bottom: 2px solid #e60012; }
#SetTemplate.threeDiv .SDNPCNav li>i { display: block; width: 1px; height: 14px; background-color: #d5d5d5; position: absolute; top: 17px; right: 0; }
#SetTemplate.threeDiv .SDNPCNav li.SDNPCAct { border-top: 1px solid #e60012; background: #e60012; color: #fff; }
#SetTemplate.threeDiv .SDNPCNav li.SDNPCAct>i { display: none; }
#SetTemplate.threeDiv .SDNProtech { padding-top: 40px; }
#SetTemplate.threeDiv .setListTxt { font-size: 14px; color: #666666; padding: 26px 0 10px; line-height: 1.5; }
#SetTemplate.threeDiv .setListTxt p { margin-bottom: 4px; }
#SetTemplate.threeDiv .topLine { border-top: 1px solid #e8e8e8; }
@media screen and (max-width:768px) {
    #SetTemplate.threeDiv .SDNPCNav { display: none; }
    #SetTemplate.threeDiv .setListtxtBox { padding-bottom: 5%; margin-bottom: 6%; }
    #SetTemplate.threeDiv .SDNProtech .techH5Succ.succTechH5 .succSysBox { width: 100%; }
    #SetTemplate.threeDiv .SDNProtech .paddingMore { padding: 1% 0 4%; }
    #SetTemplate.threeDiv .SDNProtech .paddingMore a { padding: 0; }
    #SetTemplate.threeDiv .SDNProtech { padding: 5% 0; }
}

/*澶фā鏉跨粨鏉�*/

/* 娌℃湁灞曞紑鍏ㄩ儴閮ㄥ垎鏍峰紡娣诲姞 */

#SetTemplate.threeDiv.secondDiv .serversConTextBox.isNoMoreBox { height: auto; max-height: none; }
#SetTemplate.threeDiv.secondDiv .serversConTextBox.isNoMoreBox img { max-width: 80%; display: block; margin: 0 auto; }

/* 璇ラ儴鍒嗕负鍘熺綉绔欐牱寮忓垎绂诲紑濮� */

/*闈㈠寘灞�*/

div.crumbs { width: 100%; font-size: 12px; color: #666; margin-top: 100px;    /*  background-color: #fafafa; */ z-index: 10; }
div.crumbs .nowpage {    /*height: 100%; */
    padding: 23px 0; font-size: 14px;    /* font-size: 18px;*/    /*position: absolute;right: 0;*/
width: 20%; float: right; text-align: right; }
div.crumbs .nowpage.to-stat-wrap { width: 50%; position: absolute; right: 0; text-align: right; z-index: 5; }
div.crumbs .nolink { color: #e60012 !important; }
.pro_right .pro_rela ul { padding: 18px 0px 30px; background-color: #fff; position: relative; overflow: hidden; border: solid 1px #ececec; }
.pro_right .pro_rela ul li a { line-height: 30px; display: block; padding-left: 34px; padding-right: 18px; font-size: 14px; background: url(/cn/tres/WebUI/images/sj_solve.png) no-repeat 16px top; width: 100%; }
.pro_right .pro_rela ul li a:hover { background: url(/cn/tres/WebUI/images/sj_solve.png) #EDEDED no-repeat 16px top; }
.pro_right .pro_rela ul li.on a { background: url(/cn/tres/WebUI/images/sj_solve.png) #EDEDED no-repeat 16px top; }
.pro_right .ab_eigh ul { padding: 18px 18px 30px; background-color: #f7f7f7; position: relative; overflow: hidden; }
.pro_right .ab_eigh ul li { height: 30px; line-height: 30px; display: block; float: left; padding-left: 16px; font-size: 14px; background: url(/cn/tres/WebUI/images/sj_about.png) no-repeat left; width: 100%; }
.pro_right .ab_eigh ul li:hover { background: url(/cn/tres/WebUI/images/sj_solve.png) no-repeat left; }
.pro_right .ab_eigh ul li a { color: #666; }
.pro_right .ab_eigh ul li:hover a { color: #0b7fd7; }
.pro_right .pro_fast { margin-top: 20px; }
.pro_right .pro_fast ul { border: solid 1px #ececec; }
.pro_right .pro_fast ul li { height: 40px; line-height: 40px; border-bottom: 1px solid #ededed; background: url(/cn/tres/WebUI/images/pro_fast.png) right no-repeat; padding-left: 20px; padding-right: 8px; color: #666666; font-size: 14px; }
.pro_right .pro_fast ul li:hover { background: url(/cn/tres/WebUI/images/pro_fast.png) right no-repeat #ededed }
.pro_right .pro_fast ul li a { color: #666; display: block; }
.pro_right .pro_fast ul li:hover a { color: #4894dd; }
.pro_right .pro_add { margin-top: 20px; }
.pro_right .pro_add img { width: 100%; height: auto; }
.pro_right .pro_add p { color: #0075c8; font-size: 14px; text-align: left; margin-top: 5px; }
.pro_detail .title { height: 50px; text-align: center; font-size: 24px; color: #333; }
.acontent .btn_list { width: 100%; overflow: hidden; margin: 20px 0px; position: relative; }
.acontent .btn_list ul li { display: block; float: right; width: 85px; line-height: 30px; font-size: 14px; color: #666; text-align: left; height: 30px; }
.acontent .btn_list ul li a { display: block; line-height: 30px; padding-left: 40px; background: url(/cn/tres/WebUI/images/btn_pro_detail.png) #f7f7f7 no-repeat; margin-left: 2px; }
.acontent .btn_list ul li a:hover { background-color: #eee; }
.acontent .btn_list ul li.download a { background-position: 0 -90px; }
.acontent .btn_list ul li.collect a { background-position: 0 -60px; }
.acontent .btn_list ul li.print a { background-position: 0 -30px; }
.acontent .btn_list ul li.good a { background-position: 0 0; margin-left: 0px; }
.acontent .btn_list span.time { display: block; width: 150px; height: 30px; line-height: 30px; position: absolute; left: 50%; top: 0; margin-left: -75px; text-align: center; font-size: 14px; color: #b2b2b2; }
.acontent h3 { font-size: 24px; color: #333; margin-top: 5px; }
.acontent h4 { font-size: 18px; padding-top: 100px; margin-top: -65px; margin-bottom: 5px; }
.acontent h4 a { color: #333; }
.acontent .list_title { font-size: 14px; color: #666; margin-top: 15px; }
.acontent p { display: block; line-height: 28px; font-size: 14px; line-height: 28px; }
.acontent .list { margin-top: 5px; }
.acontent .list p { margin-top: 0; line-height: 28px; }
.acontent div.img { margin: 45px 0; }

/*鏂伴椈缈婚〉*/
.news-page { padding: 30px 0px; height: 30px; width: 100%; overflow: hidden; }
.news-page img { display: block; height: 30px; line-height: 30px; width: 30px; float: left;    /*background-color:#f2f2f2;*/ margin-right: 2px; }
.news-page p { float: left; height: 30px; background: url(../../images/pagebar_line.png) no-repeat center; overflow: hidden; }
.news-page p span { display: block; float: left; line-height: 30px; height: 30px; padding: 0px 10px; }
.news-page .form { float: left; margin-left: 0px; overflow: hidden; height: 30px; }
.news-page .form .page-text { height: 30px; line-height: 30px; border: 1px solid #dedede; width: 100px; padding: 0px 10px; float: left; display: block; *height: 28px; *line-height: 28px; }
.news-page .form .page-button { background: #0b7fd7; color: #fff; font-size: 14px; line-height: 1em; width: 80px; margin-left: 10px; left: left; border: none; height: 30px; }

/*鍚堜綔浼欎即*/
.par_left .passage h2 { font-size: 24px; color: #333; padding-bottom: 20px; }
.par_left .passage h3 { font-size: 20px; color: #333; padding-bottom: 25px; }
.par_left .passage h4 { font-size: 18px; color: #333; margin-top: 20px; padding-bottom: 5px; }
.par_left .passage p { font-size: 14px; color: #666; line-height: 24px; }
.par_left .passage .more a { border: solid 1px #d3d3d3; padding: 0 15px; line-height: 30px; display: inline-block; }
.par_left .passage .more a:hover {    /* color:#248fd1; */
background: #e60012; color: #fff !important; }
.par_left .passage p span { color: #0b7fd7; }
.par_left .passage .normal_table { border-left: 1px solid #e5e4e4; border-top: 1px solid #e5e4e4; margin-top: 30px; }
.par_left .passage .normal_table th,
.par_left .passage .normal_table td { border-right: 1px solid #e5e4e4; border-bottom: 1px solid #e5e4e4; height: 65px; font-size: 14px; color: #666; }
.par_left .passage .normal_table th { font-size: 18px; background: #e60012; }
.par_left .passage .normal_table .left { text-align: center; width: 200px; }
.par_left .passage .normal_table .right { text-align: left; padding-left: 30px; padding-right: 10px; }
.par_left .passage .MsoNormalTable { border-left: 1px solid #e5e4e4; border-top: 1px solid #e5e4e4; margin-top: 30px; width: 100%; }
.par_left .passage .MsoNormalTable th,
.par_left .passage .MsoNormalTable td { border-right: 1px solid #e5e4e4; border-bottom: 1px solid #e5e4e4; height: 65px; font-size: 14px; color: #666; vertical-align: middle; }
.par_left .passage .MsoNormalTable th,
.par_left .passage .MsoNormalTable tr:first-child td { font-size: 18px; background: #f8f8f8; }
.par_left .passage .MsoNormalTable p { text-align: left; padding-left: 30px; padding-right: 10px; font-size: 14px; color: #666; }
.par_left .passage .MsoNormalTable p b { font-size: 18px; font-weight: normal; }
.par_left .passage .MsoNormalTable td:first-child p { text-align: center; padding-left: 0; padding-right: 0; }
.step_table>tbody>tr>td { border: 1px solid #fff; background: #f2f2f2; text-align: center; }
.step_table>tbody>tr>td.active { background: #0b7fd7; }
.step_table>tbody>tr>td.active a p { color: #fff; }
.step_table>tbody>tr>td.active a p:first-child { color: #fff; }
.step_table>tbody>tr>td.active a .inner { background: url(/cn/tres/WebUI/images/num_w.png) no-repeat top center; }
.step_table>tbody>tr>td.blank { background: #fff; }
.step_seven>tbody>tr>td { width: 14.28%; }
.step_five>tbody>tr>td { width: 20%; }
.step_six>tbody>tr>td { width: 16.6%; }
.step_table>tbody>tr>td a p { margin-top: 10px; padding: 0; }
.step_table>tbody>tr>td a p:first-child { padding-top: 20px; margin-top: -10px; font-weight: bold; color: #999; }
.step_table>tbody>tr>td a .inner { background: url(/cn/tres/WebUI/images/num_g.png) no-repeat top center; }
.par_left .daili h3 { font-size: 24px; padding-bottom: 20px; margin-top: 45px; color: #333; }
.par_left .daili h4 { color: #666; padding-bottom: 20px; }
.par_left .daili p.daili { color: #999; }
.m20 { margin: 20px 0 !important; }
.m30 { margin: 30px 0 !important; }
.m40 { margin: 40px 0 !important; }
.normal_form .aline { overflow: visible; clear: both; width: 100%; line-height: 40px; padding: 10px 0; font-size: 14px; }
.normal_form .aline label { height: 100%; margin-bottom: 0; padding-left: 12px; background: url(/cn/tres/WebUI/images/star_red.png) no-repeat left top; font-weight: normal; color: #666; display: block; cursor: auto; }
.normal_form .aline label.nostar { background: none; }
.normal_form .aline input { height: 40px; border-radius: 0; border-color: #ccc; float: left; }
.normal_form .aline .btn-group { height: 40px; position: relative; padding: 0; width: 100%; }
.normal_form .aline button { height: 100%; border-radius: 0; background-image: none; color: #666; }
.normal_form .aline button.show-result { width: 100%; text-align: left; position: relative; z-index: 0; }
.normal_form .aline button.show-result:hover,
.normal_form .aline button.show-result:focus { background: none; }
.normal_form .aline button.dropdown-toggle { width: 40px; text-align: center; position: absolute; right: 0; top: 0; z-index: 1 }
.normal_form .aline ul.dropdown-menu { border-radius: 0; min-width: 100%; border: 1px solid #ccc; left: 0px; }
.normal_form .aline ul.dropdown-menu li a { color: #666; }
.normal_form .aline .tip { width: auto; height: 100%; }
.normal_form .aline .doubleinline { margin-right: 1%; }
.normal_form .bline { height: auto; overflow: hidden; }
.normal_form .aline textarea { float: left; width: 100%; border-radius: 0; }
.normal_form .aline input[type="button"],
.normal_form .aline input[type='submit'] { width: 100%; height: 100%; border: none; border-radius: 0; background: #0b7fd7; font-size: 18px; color: #fff; text-align: center; cursor: pointer; }
.normal_form .aline .left { padding-left: 0; }
.normal_form .aline .right { padding-right: 0; }
.normal_form .mline { text-align: center; width: 100%; }
.normal_form .mline .checkbox { position: relative; display: block; text-align: center; margin: 0; height: 100%; padding-left: 22px; }
.normal_form .mline input[type="checkbox"] { float: none; width: auto; margin-top: 0; outline: none; }
.normal_form .mline input[type="radio"] { float: left; margin-left: -20px; margin-right: 5px; width: auto; outline: none; margin-top: 0; }
.normal_form .mline input[type="submit"] { float: none; width: 170px; }
.normal_form .mline img { color: #d12424; font-size: 18px; margin-left: 10px; }
.normal_form .tline button.dropdown-toggle { right: 0; }
.normal_form { padding: 0 15px; }
.normal_form .lline input { width: 70%; }
.normal_form .word { height: auto; padding: 10px 0 10px 12px; font-size: 14px; color: #666; }
.normal_form .word span { color: #0b7ed7; }
.normal_form .aline .file { height: 100%; background: #0b7fd7; color: #fff; font-size: 14px; text-align: center; float: left; position: relative; }
.normal_form .aline .file input[type="file"] { width: 100%; height: 100%; opacity: 0; position: absolute; z-index: 1; top: 0; left: 0; cursor: pointer; }
.normal_form .check .random_num { height: 40px; padding-left: 0; }
.normal_form .check .random_num .img { border: 1px solid #ccc; height: 100%; }
.normal_form .check .random_num .img img { width: 100%; height: 100%; }
.normal_form .mline .aleft { text-align: left; }
.tline { position: relative; z-index: 1; }
.tline .aline { overflow: visible; }
.tline .aline label { padding-left: 0; }
.tline .aline .btn-group { padding-right: 0; }
.tline .aline .righttip { background: none; text-align: left; }
.passage .celltable tr { height: 40px; font-size: 14px; color: #666; }
.passage .celltable th { background: #f8f8f8; }
.passage .celltable td { }
.celltable>tbody>tr>th,
.celltable>tbody>tr>td { height: 40px; line-height: 40px; border: 2px solid #fff; padding: 0; text-align: center; }
.celltable>tbody>tr>th.left,
.celltable>tbody>tr>td.left { width: 24%; }
.celltable>tbody>tr>th>div,
.celltable>tbody>tr>td>div { border: 1px solid #ddd; width: 100%; height: 100%; }
.celltable>tbody>tr>th.left>div,
.celltable>tbody>tr>td.left>div { text-align: left; padding-left: 10px; width: 100%; }
.celltable>tbody>tr>th.left>div.star,
.celltable>tbody>tr>td.left>div.star { padding-left: 22px; background: url(/cn/tres/WebUI/images/star_red.png) no-repeat 10px top; }
.celltable input { width: 100%; height: 100%; border: none; text-align: center; }
.par_fj { padding: 0 -15px; width: 100%; padding-top: 0; padding-bottom: 0; }
.par_fj h3 { padding-left: 15px; }
.par_left .daili .apply { text-align: center; width: 100%; }
.par_left .daili .apply h3,
.par_left .daili .apply p { text-align: center; }
.par_left .daili .apply input[type="button"] { padding: 10px 95px; background: #0b7fd7; font-size: 18px; color: #fff; border: 0; margin-top: 25px; }
div.par_main { padding: 0; }
.par_main h2,
.par_main h3 { color: #333; }
.par_main .login { padding: 0 15px; }
.par_main .apart { margin-top: 25px; }
.par_main .left_part { padding: 25px 0; }
.par_main .left_part ul { margin-top: 15px; }
.par_main .left_part ul li { height: 80px; width: 100%; padding-left: 70px; line-height: 80px; font-size: 18px; }
.par_main .left_part ul li.first { background: url(/cn/tres/WebUI/images/s_21.png) no-repeat left center; }
.par_main .left_part ul li.second { background: url(/cn/tres/WebUI/images/s_23.png) no-repeat left center; }
.par_main .left_part ul li.third { background: url(/cn/tres/WebUI/images/s_24.png) no-repeat left center; }
.par_main .left_part ul li.fourth { background: url(/cn/tres/WebUI/images/s_25.png) no-repeat left center; }
.par_main .left_part ul li a { color: #666; }
.par_main .left_part p { font-size: 14px; color: #666; line-height: 24px; width: 85%; margin-top: 5px; }
.par_main .apart .login_box { width: 100%; height: auto; border: 1px solid #e3e3e3; background: #f5f5f5; padding: 25px 0; }
.par_main .right_part h3 { text-align: center; padding: 0 15px 20px; }
.login_form .aline label { background: none; text-align: right; }
.login_form .aline a.button { height: 40px; width: 100%; display: block; text-align: center; background: none; border: 1px solid #ccc; font-size: 18px; color: #333; }
.login_form .aline .tip a { color: #0b7fd7; text-decoration: underline; }
.bundling_form .aline .tip { }
.bundling_form .aline .tip a { color: #0b7fd7; text-decoration: none; }
.par_left .cpps h3 { padding: 10px 0 20px 0; color: #666; }
.par_left .cpps h4 { color: #666; margin-top: 0; padding-bottom: 5px; }
.par_left .cpps p { line-height: 26px; }
.par_left div.blank { width: 100%; height: 30px; }
.relive_form .aline .nostar { padding-left: 0; }
.passage .relive_form h4 { padding-bottom: 20px; }
.window .title { height: 50px; width: 100%; background: #3c99df; color: #fff; font-size: 20px; line-height: 50px; padding-left: 20px; }
.par_left .check h2 { padding-bottom: 40px; }
.par_left .check h3 { padding: 0 0 20px 0; }
.check_table>tbody>tr>th.left>div { text-align: center; }
.check_table>tbody>tr>th.left>div.star,
.check_table>tbody>tr>td.left>div.star { background: none; }
.check .line { margin-top: 40px; margin-bottom: 20px; }
.passage .status p { font-size: 18px; line-height: 30px; }
.passage .status p span.red { color: #ff0000 }
.passage .status p span.blue { color: #0b7fd7 }
.passage .door { padding-top: 20px; padding-bottom: 20px; overflow: hidden; }
.passage .door h3 { color: #0b7fd7; }
.passage .door .inner { padding-top: 160px; text-align: center; }
.passage .door .door_left { background: url(/cn/tres/WebUI/images/s_27.png) no-repeat center 30px; }
.passage .door .door_right { background: url(/cn/tres/WebUI/images/s_28.png) no-repeat center 30px; border-left: 1px solid #e6e6e6; }
.passage .door .inner p { font-size: 16px; }
.passage .door .inner p span { color: #0b7fd7; }
.channel-tag-bd .list { margin-top: 30px; }
div.top0,
.top0 { margin-top: 0 !important; padding-top: 0 !important; }
.channel-tag-bd .list p { background: url(/cn/tres/WebUI/images/pro_link.png) no-repeat scroll 0 5px rgba(0, 0, 0, 0); padding-left: 15px; line-height: 26px; }
.passage .more { text-align: right; font-size: 14px; margin-top: 12px; padding-left: 0 !important; background: none !important; }
.passage .more a { margin-left: 30px; }
.passage .more a.download { background: url(/cn/tres/WebUI/images/download_small.png) no-repeat left top; padding-left: 24px; }
.passage .more a.read { background: url(/cn/tres/WebUI/images/btn_solve01.png) no-repeat left top; padding-left: 24px; }
.channel-tag-ul li .black { margin-bottom: 12px; }
.channel-tag-ul li .black a { color: #333; font-size: 18px; }
.timeline li dl { display: none; background: url(/cn/tres/WebUI/images/month-bg0.png) repeat-y left top; }
.timeline li.on dl { display: block; }
.timeline dl dd { display: block; height: auto; position: relative; }
.timeline dl dd a.month { display: block; width: 150px; padding-left: 90px; line-height: 60px; font-size: 26px; color: #666; background: url(/cn/tres/WebUI/images/month-on.png) no-repeat left top; }
.timeline dl dd .monthnp ul { margin-top: -40px; padding-left: 160px; padding-right: 10px; font-size: 14px; color: #808080; line-height: 24px; padding-bottom: 20px; }
.timeline dl dd .monthnp li { font-size: 14px; color: #808080; line-height: 24px; padding-bottom: 10px; }
.about_top .hard-sketch h1 { text-align: left; }
.about_top .hard-sketch h1,
.about_top .hard-sketch h2 { padding-bottom: 10px; }
.about_top .hard-sketch p { padding-top: 20px; }
.wrap_line { border-top: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.about_content h2 { padding: 50px 0 40px; text-align: left; color: #262626; font-size: 24px; }
.about_content .channel-tag-ul li .black a { color: #248fd1; font-size: 18px; }
.about_solve .channel-tag-ul li .black a { color: #248fd1; font-size: 18px; }
.about_solve .channel-tag-ul { padding-bottom: 30px; }
.channel-tag-ul li .icon { text-align: center; }
.channel-tag-ul li .icon img { width: auto; height: auto; }
.about_icon { padding-bottom: 30px; }
.about_icon .channel-tag-ul li .des { padding-left: 0 !important; }

/*鏅鸿兘骞垮煙缃戣В鍐虫柟妗� 椤堕儴*/
.about_box2 { padding-bottom: 20px; }
.about_box2 .title { font-size: 18px; color: #0b7fd7; }
.about_box3 h2 { font-size: 32px; color: #333; text-align: center; }
.about_box3 .acontent p { color: #666; }
.about_box3 .acontent .img { width: 100%; padding: 30px 0; margin: 0; }
.about_box3 .acontent .img img { width: 100%; }
.about_box3 .acontent .img label { width: 100%; margin-top: 25px; text-align: center; font-size: 14px; color: #666; font-weight: normal; }
.about_box4 .title { font-size: 18px; color: #0b7fd7; }
.about_box4 li { padding-top: 50px; }
.about_box4 p.more { font-size: 14px; padding: 25px 0 50px; text-align: right; }
.about_box4 p.more a { display: block; float: right; height: 16px; line-height: 16px; padding-left: 28px; background: url("/cn/tres/WebUI/images/btn_solve01.png") no-repeat scroll 0 -15px rgba(0, 0, 0, 0) }
.aline .tit_tip { padding: 0; font-size: 16px; }
.many_mag { margin-top: 30px; }
.solve_box4 .icon a.download { background: url(/cn/tres/WebUI/images/download_small.png) no-repeat left; }
.about_box5 { padding-bottom: 50px; }
.about_box6 { margin-top: 50px; }
.box6-left { padding-left: 0; }
.box6-left .paper { border: 1px solid #d8d8da; }
.about_box6 h4 { color: #c9282d; font-size: 16px; border-bottom: 1px solid #d8d8da; height: 36px; line-height: 36px; padding-left: 15px; }
.about_box6 .img { padding: 3px; }
.about_box6 .img img { width: 100%; }
.about_box6 .edi { overflow: hidden; }
.about_box6 .passage .download { display: block; float: right; padding-left: 28px; padding-right: 15px; font-size: 14px; color: #b2b2b2; margin-top: 10px; }
.about_box6 .passage .download a { float: right; display: block; padding-left: 25px; background: url(/cn/tres/WebUI/images/download_small.png) no-repeat left; text-align: right; }
.about_box6 .passage .ver { text-align: center; float: left; color: #000; font-size: 16px; height: 40px; line-height: 40px; }
.about_box6 .passage .ver a { background: #f2f2f2; display: block; }
.about_box6 .passage div.on a { color: #fff; background: #0075c8; }
.about_box6 .passage ul { margin-top: 20px; }
.about_box6 .passage li { display: block; min-height: 24px; font-size: 14px; line-height: 24px; padding-left: 20px; background: url(/cn/tres/WebUI/images/nav08.png) no-repeat left 6px; }
.about_box6 .passage li.on { color: #238bdb; background: url(/cn/tres/WebUI/images/nav09.png) no-repeat left center; }
.about_box6 .passage li.on a { color: #239bdb; }
.article h3 { font-size: 24px; color: #333; text-align: center; padding: 10px 0 30px; }
.article p.auther { font-size: 14px; color: #b2b2b2; text-align: center; }
.article p.auther span { margin-left: 20px; }
.article p { font-size: 14px; color: #666; padding-bottom: 24px; line-height: 24px; }
.booklist .title { height: 24px; width: 100%; line-height: 24px; font-size: 20px; color: #333; }
.booklist .title span { width: 5px; height: 100%; display: block; background: #0b7fd7; float: left; margin-right: 10px; }
.booklist li { padding-left: 30px; }
.booklist label { height: 100%; line-height: 60px; width: 100%; color: #333; font-size: 18px; margin: 0; font-weight: normal; }

/*.booklist li a{font-size: 14px; color: #808080; margin-right: 5px;}*/
ul.change-color a { color: #666; }
ul.change-color li:hover a,
ul.change-color li.on a { color: #e60012; }
p.ab-corner a { background: url(/cn/tres/WebUI/images/ch_11.png) no-repeat left center; padding-left: 18px; }
.par_left .passage .ab_table { width: 100%; }
.par_left .passage .ab_table th,
.par_left .passage .ab_table td { height: 40px; line-height: 40px; text-align: center; }
.par_left .passage .ab_table span { color: #000; font-size: 16px; }
.par_left .map img { width: 100%; height: auto; }
.par_left h2 { color: #333; }
.ab_form { margin-top: 20px; }
.ab_form .normal_form .aline label { }
.thial .title { height: 60px; width: 100%; background: #f7f7f7; border: 1px solid #f2f2f2; font-size: 24px; color: #333; text-align: center; line-height: 60px; }
.thial .title img { margin-right: 10px; }
.thial .abox { width: 100%; height: auto; padding: 25px 20px; border: 1px solid #e6e6e6; border-top: none; }
.thial .abox p { color: #808080; font-size: 16px; line-height: 26px; }
.thial .abox p span { color: #0075c8; cursor: pointer; }
.thial .abox p span:hover { color: #248fd1; }
.thial .tag { height: 30px; line-height: 30px; font-size: 16px; color: #666; overflow: hidden; }
.thial .tag label { padding: 0 17px 0 8px; background: url(/cn/tres/WebUI/images/bg-tag.jpg) no-repeat right center #e6e6e6; height: 100%; line-height: 30px; font-weight: normal; margin-right: 10px; }
.thial .list { margin-top: 30px; }
.thial .list_ { margin-top: 0; margin-bottom: 40px; }
.thial .list label { color: #666; font-weight: normal; font-size: 16px; line-height: 26px; }
.thial .list ul li { line-height: 26px; font-size: 16px; padding-left: 20px; background: url(/cn/tres/WebUI/images/nav09.png) no-repeat left center }
.aphone { padding-left: 0; }
.aphone img { width: 100%; }
.aphone-des { padding-left: 45px; }
.aphone-des h2 { font-size: 22px; margin-top: 50px; color: #333; }
.aphone-des p { font-size: 16px; color: #333; margin-top: 20px; line-height: 30px; }
.aphone-des .black { color: #000; }
.aphone-des .ewm { margin-top: 30px; width: 100%; overflow: hidden; }
.aphone-des .ewm img { width: 100%; }
.aphone-des .ewm p { font-size: 14px; color: #000; text-align: center; margin-top: 5px; }
.aphone-des .tip { font-size: 14px; margin-top: 10px; }
.aphone-des .buttons { overflow: hidden; margin-top: 10px; }
.aphone-des .buttons a { float: left; width: 96px; height: 36px; margin-right: 32px; background: #0075C8; line-height: 36px; text-align: center; color: #fff; font-size: 16px; }
.aphone-des .buttons a:hover { background-color: #489CDC }
.about_box7 { overflow: hidden; }
.about_box7 h1 { padding: 50px 0; text-align: center; font-weight: normal; font-size: 24px; color: #333; }
.about_box7 h3 { padding: 5px 0 25px; text-align: left; font-weight: normal; font-size: 20px; color: #333; }
.about_box7 .img { width: 96px; height: 96px; border: 2px solid #e6e6e6; border-radius: 3px; text-align: center; }
.about_box7 .img img { width: 100%; }
.about_box7 .abox { margin-top: 50px; overflow: hidden; min-height: 200px; }
.left0 { padding-left: 0; }
.right0 { padding-right: 0; }
.right1 { border-right: 1px solid #e6e6e6; }
.about_box7 a.button { display: block; height: 40px; line-height: 40px; color: #666; text-align: center; font-size: 18px; background: #e6e6e6; }
.about_box7 a.button:hover { background: #248fd1; color: #fff; }
.about_box7 p { width: 100%; margin-top: 25px; font-size: 14px; color: #808080; line-height: 26px; }
.about_box8 h3 { color: #333; padding-bottom: 18px; }
.about_box8 h4 { color: #0b7fd7; font-size: 18px; padding-bottom: 18px; }
.about_box8 p { font-size: 14px; color: #666; line-height: 26px; text-align: justify; }
.about_box8 .img img { width: 100%; }
.about_box8 .abox { padding: 20px; border: 1px solid #e6e6e6; }
.about_box8 ul { overflow: hidden; }
.about_box8 li { margin-bottom: 30px; }
.about_box8 a.btn-more { display: block; margin: 0 15px; height: 40px; line-height: 40px; color: #0b7fd7; text-align: center; background: #e6e6e6; }
.about_box8 a.btn-more img { margin-left: 10px; }
.about_box8 .ewm { margin-bottom: 20px; }
.about_box8 .ewm img { width: 100%; }
.about_box9 h3 { color: #333; line-height: 40px; }
.about_box9 a.ppt { width: 100px; height: 30px; margin-top: 5px; display: block; background: #fafafa; border: 1px solid #e6e6e6; float: right; color: #666; padding-left: 20px; text-align: center; line-height: 30px; background: url(/cn/tres/WebUI/images/icon-ppt.png) no-repeat 20px center; }
.about_box9 a.ppt.pauseState { background-image: url(/cn/tres/WebUI/images/icon-ppt.png); }
div.about_container { padding: 40px 0; overflow: hidden; }

/*杞挱*/
.slide_box { padding-bottom: 50px; }
.slide_box .tFocus { position: relative; }
.slide_box .tips { height: 100px; line-height: 100px; }
.tFocus .tFocus-pic a { display: block; padding: 0; }
.tFocus .tFocus-pic img { width: 100%; }
.tFocus .prev,
.tFocus .next { position: absolute; display: block; width: 30px; height: 70px; top: 40%; z-index: 1; }
.tFocus .prev { left: 0; background: url(/cn/tres/WebUI/images/b-prev.png) no-repeat left center; }
.tFocus .next { right: 0; background: url(/cn/tres/WebUI/images/b-next.png) no-repeat right center; }
.slide_box .tips .left { text-align: left; font-size: 24px; color: #666; }
.slide_box .tips .now { font-size: 32px; color: #409be0; }
.slide_box .tips .all { font-size: 24px; color: #666; }
.slide_box .tips .time { margin-right: 10px; }
.slide_box .tips .right { text-align: right; font-size: 14px; color: #666; }
.tFocusBtn { position: relative; overflow: hidden; height: 120px; width: 100%; border: 1px solid #e6e6e6; }
.tFocusBtn .prev,
.tFocusBtn .next { position: absolute; width: 40px; height: 120px; top: 0; z-index: 1; }
.tFocusBtn .prev { left: 0; border-right: 1px solid #e6e6e6; background: url(/cn/tres/WebUI/images/g-prev.png) no-repeat center center #fafafa; }
.tFocusBtn .next { right: 0; border-left: 1px solid #e6e6e6; background: url(/cn/tres/WebUI/images/g-next.png) no-repeat center center #fafafa; }
.tFocusBtn .tFocus-btn { position: relative; float: left; margin: 14px 40px 0; width: 100%; }
.tFocus-btn ul { height: 100%; position: absolute; width: 9999px; left: 40px; }
.tFocus-btn li { width: 151px; float: left; padding: 7px; }
.tFocus-btn li.active { background: url(/cn/tres/WebUI/images/slide-on.png) top center no-repeat; }
.tFocus-btn li a { display: block; }
.tFocus-btn li.active a { border: 3px solid #0b7fd7; border-radius: 3px; }
.tFocus-btn li img { width: 100%; }
.train-wrap .t-box { padding-top: 50px; padding-bottom: 45px; overflow: hidden; }
.train-wrap .t-box_ { padding-top: 0; padding-bottom: 45px; overflow: hidden; }
.t-box h2 { font-size: 32px; color: #333; padding-bottom: 30px; }
.t-box h3 { font-size: 24px; color: #333; padding-bottom: 30px; }
.t-box h4 { font-size: 18px; color: #000; padding-bottom: 5px; line-height: 28px; }
.t-box ul .img img { width: 100%; }
.t-box ul .des .title { font-size: 18px; }
.t-box ul .des .word { margin-top: 20px; color: #666; font-size: 14px; line-height: 24px; }
.t-box ul .des .more { display: block; position: absolute; right: 15px; bottom: 3px; font-size: 14px; }

/*.t-box ul .des p{width: 100%;}*/
.t-box ul li { margin-top: 45px; overflow: hidden; }
.t-box ul li:first-child { margin-top: 0; }
.t-box ul.step li { margin-top: 35px; }
.t-box ul.step li:first-child { margin-top: 0; }
.t-box p { font-size: 14px; color: #666; line-height: 24px; }
.t-box_ p { font-size: 14px; color: #666; line-height: 24px; }

/*鏌ヨ缁撴灉*/
.t-box .result { margin-top: 50px; overflow: hidden; }
.t-box .result table { width: 100%; overflow: hidden; border-top: 1px solid #e5e4e4; border-left: 1px solid #e5e4e4; }
.t-box .result table th,
.t-box .result table td { color: #666; text-align: center; border-right: 1px solid #e5e4e4; border-bottom: 1px solid #e5e4e4; }
.t-box .result table th { height: 65px; line-height: 65px; background: #f8f8f8; font-size: 18px; }
.t-box .result table td { height: 40px; line-height: 40px; background: #fff; font-size: 14px; }
.t-box .step { margin-top: 45px; }
.t-box .step table td { height: 180px; }
.t-box .step table td a { display: block; height: 100%; width: 100%; }
.t-box .step table .inner { padding: 0 10%; text-align: center; }
.t-box .step table img { margin-top: 0; }
.t-box .step table p { font-size: 18px; color: #242424; line-height: 28px; margin-top: 10px; }

/*.table > thead > tr > th, .table > tbody > tr > th, .table > tfoot > tr > th, .table > thead > tr > td, .table > tbody > tr > td, .table > tfoot > tr > td { padding-top: 40px !important; }*/
.center-img { width: 100%; text-align: center; }
.center-img img { max-width: 100%; }
.jt-ul { overflow: hidden; }
.jt-ul p { background: url("/cn/tres/WebUI/images/pro_link_26.png") no-repeat scroll 0 top rgba(0, 0, 0, 0); line-height: 26px; padding-left: 15px; font-size: 14px; }
.jt-ul p span { display: block; float: right; font-size: 12px; }
.jt-ul #historyDownload li { background: url("/cn/tres/WebUI/images/pro_link_26.png") no-repeat scroll 0 top rgba(0, 0, 0, 0); line-height: 26px; padding-left: 15px; font-size: 14px; }
.jt-ul h3 { color: #333 !important; font-size: 16px; }
.jt-ul .lock { margin-top: -3px; margin-left: 5px; }
.jt-ul .more { display: block; float: right; margin-top: 20px; background-image: none; }
.train-top h2 { text-align: center; color: #333 !important; padding-bottom: 35px; }
.train-top .prodetail-sixwarp h2 { text-align: center; color: #333 !important; padding: 0px; }
.train-top .img img { width: 100%; }
.train-top p { padding-top: 0 !important; text-align: justify; }
.t-box .step-fix { padding: 20px 30px 0; color: #fff; font-size: 14px; }
.t-box .step-fix .astep { width: 9.4%; font-size: 12px; padding: 12px 18px 0; height: 70px; position: relative; float: left; background: #e60012; text-align: center; color: #fff; }
.t-box .step-fix .astep .num { width: 26px; height: 26px; position: absolute; bottom: -13px; left: 50%; margin-left: -13px; border: 1px solid #fff; border-radius: 13px; color: #666; }
.t-box .step-fix .astep .num span { width: 24px; height: 24px; border: 2px solid #e60012; display: block; border-radius: 12px; background: #fff; margin-left: 0px; margin-top: 0px; color: #666; }
.t-box .step-fix .step-jt { width: 5.3%; height: 70px; float: left; background: url(/cn/tres/WebUI/images/step-right.png) no-repeat center center; }
.liner-box { width: 100%; height: auto; overflow: hidden; position: relative; border: 1px solid #e6e6e6; padding-bottom: 28px; }
.liner-box h2 { background: #f2f2f2; border-bottom: 1px solid #e6e6e6; line-height: 50px; color: #333; font-size: 24px; padding: 0 0 0 20px; }
.liner-box h3 { font-size: 18px; color: #666; padding-bottom: 10px; }
.liner-box h4 { font-size: }
.liner-box .abox { padding: 28px 20px 0; overflow: hidden; }
.liner-box .line { width: 96%; margin-left: 2%; }
.liner-box p { text-align: justify; }
.liner-box .bbox { padding: 35px 0 30px; text-align: center; }
.liner-box .bbox .title { font-size: 18px; }
.liner-box .bbox p { font-size: 14px; margin-top: 15px; line-height: 26px; text-align: center; padding: 0 40px; }
.liner-box .more { text-align: right; line-height: 26px; }
.liner-box .more a { border: solid 0px #d3d3d3; padding: 0 15px; line-height: 30px; display: inline-block; }
.liner-box .more a:hover {    /* color:#248fd1; */
background: #e60012; color: #fff !important; }
.liner-box .list-box { overflow: hidden; }
.liner-box .list-box h3 { color: #333; font-size: 16px; padding-bottom: 12px; }
.liner-box .list-box li { background: url("/cn/tres/WebUI/images/pro_link.png") no-repeat scroll 0 7px rgba(0, 0, 0, 0); line-height: 26px; padding-left: 15px; font-size: 14px; margin-top: 0; }
.liner-box .blank { overflow: hidden; height: 30px; width: 100%; }
@media (max-width: 768px) {
    .service_wrap .searchBox2022, .service_wrap .search_wrap2022 { margin-bottom: 0; }
    .liner-box.dcplist2 { border: 0; }
    .liner-box.dcplist2 h2 { position: relative; background: none; border: 0; text-align: center; }
    .liner-box.dcplist2 h2:after { position: absolute; content: ''; width: 8%; height: 3px; bottom: 0; left: 50%; transform: translateX(-50%); background: #e60012; }
    .liner-box.dcplist2 .abox { padding-left: 0; padding-right: 0; }
    .liner-box.dcplist2 p.prod-list-link {
        margin-bottom: 5px;
        border-bottom: 1px solid #eee;
        padding-top: 0;
        padding-bottom: 0;
    }
}



.t-box .cbox { margin-top: 20px; }
.t-box .cbox.first { margin-top: 0; }
.t-box .cbox p { line-height: 26px; font-size: 14px; color: #666; }
.t-box .cbox p.title { color: #0b7fd7 }
.t-box .dbox { padding: 25px 0; text-align: center; }
.t-box .dbox .title { font-size: 18px; color: #248fd1; margin-top: 20px; }
.t-box .dbox p { font-size: 14px; margin-top: 10px; line-height: 26px; text-align: center; }
.t-box .dbox h3 { padding: 30px 0 0; }
.t-box .dbox h3 a { color: #333; }
.t-box .dbox.col-md-3 { padding: 25px 25px; height: 285px; }
.t-box .border-right { border-right: 1px solid #e6e6e6; }
.computer { border-bottom: 1px solid #e6e6e6; overflow: hidden; }
.btn-normal { max-width: 100% !important; height: 40px; background: url(/cn/tres/WebUI/images/btn-bg.png) repeat-x 0 bottom; color: #808080; text-align: center; line-height: 40px; font-size: 16px; border-radius: 5px; }
.btn-normal:hover { background-position: 0 top; color: #fff; }
.btn-normal.left { float: right; }
.btn-normal.right { float: left; }
.btn-150 { width: 150px; }
.btn-200 { width: 200px; }
.btn-270 { width: 270px; }
.ko404 { min-height: 600px; }

/*甯lide鐨剉ideobox*/
.slide-video .matchbox { overflow: hidden; position: relative; margin-bottom: 30px; }
.slide-video .matchbox img { width: 100%; }
.slide-video .shadow { background: url(/cn/tres/WebUI/images/opacity03.png); display: block; position: absolute; top: 80%; left: 0; width: 100%; height: 100%; z-index: 1; }
.slide-video h4 { height: 20%; line-height: 200%; text-indent: 15px; font-size: 14px; color: #fff; }
.slide-video p { padding: 0 15px; color: #d6d5d3; font-size: 12px; }
.slide-video .play-icon { width: 35px; height: 35px; position: absolute; background: url(/cn/tres/WebUI/images/ico-07.png); background-size: 100%; right: 10px; bottom: 10px; }

/*2014-12-02 鏂囩珷*/
.acontent { }
.acontent .MsoHyperlink a { color: #0075C8; }
.acontent .MsoHyperlink a:hover { color: #248fd1; }
.acontent h1,
.acontent h2,
.acontent h3,
.acontent h4,
.acontent h5,
.acontent h6 { font-size: 18px; padding-top: 100px; margin-top: -65px; margin-bottom: 5px; color: #333; }
.acontent h1 a,
.acontent h2 a,
.acontent h3 a,
.acontent h4 a,
.acontent h5 a,
.acontent h6 a { color: #333; }
.acontent p { display: block; font-size: 14px; line-height: 28px; }
.acontent .attachslist_down h1,
.acontent .attachslist_down h2,
.acontent .attachslist_down h3,
.acontent .attachslist_down h4,
.acontent .attachslist_down h5,
.acontent .attachslist_down h6 { border-top: 2px solid #EEE; padding-top: 20px; margin-top: 15px; }
.acontent .attachslist_down ul a { padding-left: 28px; background: url('/cn/tres/WebUI/images/download_small.png') no-repeat scroll left center transparent; color: #0075C8; }
.acontent .attachslist_down ul a:hover { color: #248fd1; }
.acontent .attachslist_down ul li { color: #0075C8; font-size: 14px; padding-top: 8px; padding-left: 10px; }
.acontent .attachslist_down ul li:hover { color: #248fd1; }
.article .attachslist_down ul a { padding-left: 28px; background: url('/cn/tres/WebUI/images/download_small.png') no-repeat scroll left center transparent; color: #0075C8; }
.article .attachslist_down ul a:hover { color: #248fd1; }
.article .attachslist_down ul li { color: #0075C8; font-size: 14px; padding-top: 8px; padding-left: 10px; }
.article .attachslist_down ul li:hover { color: #248fd1; }
.subNewsTitle .btn_list { width: 100%; overflow: hidden; margin: 20px 0px; position: relative; }
.subNewsTitle .btn_list ul li { display: block; float: right; width: 85px; line-height: 30px; font-size: 14px; color: #666; text-align: left; height: 30px; }
.subNewsTitle .btn_list ul li a { color: #7f7f7f; display: block; line-height: 30px; padding-left: 40px; background: url(/cn/tres/WebUI/images/btn_pro_detail.png) #f7f7f7 no-repeat; margin-left: 2px; }
.subNewsTitle .btn_list ul li a:hover { background-color: #eee; }
.subNewsTitle .btn_list ul li.download a { background-position: 0 -90px; }
.subNewsTitle .btn_list ul li.collect a { background-position: 0 -60px; }
.subNewsTitle .btn_list ul li.print a { background-position: 0 -30px; }
.subNewsTitle .btn_list ul li.good a { background-position: 0 0; margin-left: 0px; }
.subNewsTitle .btn_list span.time { display: block; width: 150px; height: 30px; line-height: 30px; position: absolute; left: 50%; top: 0; margin-left: -75px; text-align: center; font-size: 14px; color: #b2b2b2; }
.subNewsTitle h1,
.subNewsTitle h2,
.subNewsTitle h3,
.subNewsTitle h4,
.subNewsTitle h5,
.subNewsTitle h6 { font-size: 18px; padding-top: 100px; margin-top: -65px; margin-bottom: 5px; color: #333; }
.subNewsTitle h1:first-child { font-size: 24px; color: #333; margin-top: 0px; padding: 10px 0px 30px; border-bottom: 2px solid #EEE; text-align: center; }
.article .detailBody a { color: #e60012; }
.article .detailBody a:hover { color: #e60012; }
.article .MsoNormalTable { border-right: 1px solid #e6e6e6; border-bottom: 1px solid #e6e6e6; }
.article .MsoNormalTable td { border-left: 1px solid #e6e6e6; border-top: 1px solid #e6e6e6; padding: 12px; font-size: 14px; vertical-align: middle; }
.article .MsoNormalTable td p { padding-bottom: 0; }

/*2014-12-11*/
.bsc table { border-collapse: separate; border-spacing: 2px; width: 100%; margin-top: 20px; }
.bsc td { padding: 10px; border: 1px solid #BCD0E8; font-size: 14px; }
.bsc .tableBlue td { background: #DAE8F1; }
.passage .channel-tag-ul li { padding-bottom: 15px; }
.channel-tag-ul li .desimg img { width: 100%; }
@media (max-width:1199px) {
    .bundling_form .aline .tip { display: block; }
    .login_form .aline .tip { display:; }
    .celltable>tbody>tr>th,
    .celltable>tbody>tr>td { height: 60px; line-height: 20px; }
    .celltable>tbody>tr>th>div,
    .celltable>tbody>tr>td>div { padding-top: 10px; }
    .acontent .btn_list span.time { position: relative; margin-bottom: 10px; }
    .about_box7 .abox { min-height: 230px; }
    .t-box .step-fix { padding: 10px 0 0; }
    .t-box .step-fix .astep,
    .t-box .step-fix .step-jt { height: 60px; }
    .liner-box .bbox p { padding: 0 20px; }
}
@media (min-width:768px) and (max-width:991px) {
    .anchor .carousel-inner .carousel-caption ul li { padding-left: 30px; background-position: 15px 0; }
    .pro_wrap .pro_content { padding-left: 40px; }
    .anchor ol.carousel-indicators { margin-left: 65px; }
    .solve_box4 .icon a.second { margin-left: 0; margin-top: 15px; }
    .pro_right .pro_fast ul li { background: #f7f7f7; overflow: hidden; }
    .celltable>tbody>tr>th,
    .celltable>tbody>tr>td { height: 60px; line-height: 20px; }
    .celltable>tbody>tr>th>div,
    .celltable>tbody>tr>td>div { padding-top: 10px; }
    .t-box .step-fix .astep,
    .t-box .step-fix .step-jt { height: 140px; }
}
@media (max-width:991px) {
    .about_box6 .passage .download { width: 100%; text-align: right; padding-bottom: 20px; }
    .ko0414F img { width: 450px; position: absolute; top: 50%; left: 50%; margin-left: -225px; margin-top: -225px; }
}
@media (max-width:767px) {
    .kobanner { padding-top: 60px; }
    .tFocusBtn .prev,
    .tFocusBtn .next { display: none; }
    .tFocusBtn .tFocus-btn { margin: 18px 0px; }
    .tFocusBtn { height: auto; overflow: hidden; }
    .tFocus-btn ul { width: 100%; position: relative; }
    .tFocus-btn li { width: 50%; position: relative; }
    .tFocus-btn li.active { background: none; overflow: hidden; }
    .tFocus-btn li:nth-child(odd).active a { margin-top: -3px; }
    .pro_top .hard-sketch { padding-top: 100px; padding-bottom: 0; }
    .pro_top .hard-sketch h1 { padding-bottom: 20px; }
    .pro_wrap .stat-wrap { margin-top: 40px; }
    .anchor { margin-top: 32px; }
    .service-wrap .anchor { margin-top: 0; }
    .anchor .carousel-inner .carousel-caption ul li { border: 1px solid #e6e6e6; margin-top: 3px; }
    .anchor .carousel-inner .item { position: relative; }
    .anchor .carousel-inner h3 { text-indent: 0; }
    .pro_wrap .carousel-inner>.item { display: block; }
    .pro_wrap .pro_content { border-left: none; margin-top: 30px; padding-left: 0 !important; min-height: 1px; }
    .pro_wrap .pro_content div.download { position: relative; }
    .pro_wrap .pro_content h3 { margin-top: 40px; }
    .pro_wrap .pro_content .acontent { padding-bottom: 40px; }
    .pro_wrap .pro_content h4 { padding-top: 0; margin-top: 35px; }
    .container .left_none { padding: 0px !important; }
    .pro_wrap .pro_content div.img img { width: 100%; }
    .solve_box2 { padding-top: 40px; }
    .aboutus-con .video_box { padding-bottom: 0 !important; }
    .aboutus-con .video_box .text { padding-bottom: 0 !important; }
    .solve_container .title_box { padding-top: 40px; }
    .solve_container .con_box { padding-bottom: 40px; }
    .solve_container .con_box ul li .img { padding-right: 0 !important; }
    .solve_container .con_box ul li .des { padding-left: 0 !important; padding-top: 20px; }
    .solve_container .con_box ul li .des.noabdes { padding-top: 0; }
    .pro_wrap .stat-wrap { padding-bottom: 40px; }
    .solve_box3 .solut-slide .carousel-inner { width: auto; margin-left: 0; padding: 0; }
    .mobie_near { padding-top: 0 !important; }
    .solve_box3 .solut-slide .col { padding-top: 40px; }
    .solve_box4 { padding-top: 40px; padding-bottom: 40px; }
    .solve_box4 .col,
    .solve_box4 a.img { padding-right: 0 !important; }
    .solve_box4 a.img { width: 60%; margin-left: 20%; }
    .solve_box4 .des { padding-top: 30px; padding-left: 0 !important; padding-right: 0 !important; }
    .solve_box4 .second_book { padding-top: 50px; }
    .prolist_container { padding-top: 0px; padding-bottom: 48px; }
    .aus-vdetail { padding-top: 100px; }
    .page_common { margin-top: 30px; }
    .pro_right .pro_rela ul { padding: 18px 0px 20px; }
    .pro_right .pro_fast { margin-top: 0; }
    .acontent .btn_list ul li { width: 25%; overflow: hidden; }
    .acontent .btn_list ul li a { text-align: center; padding-left: 20px; background-color: #f7f7f7; }
    .solve_box4 .col { padding-bottom: 30px; }
    .solve_box4 .col:nth-of-type(2) { padding-bottom: 0px; }
    .solve_box4 { padding-bottom: 20px; }
    .news-fax .solvedetail-list { padding-bottom: 30px; }
    .news-page .form .page-text { width: 60px; }
    .news-page .form .page-button { width: 50px; }
    .news_fj { padding-bottom: 0px; }
    .news-detail .acontent { padding-bottom: 30px; }
    .normal_form .aline .btn-group,
    .tline .aline .btn-group,
    .normal_form .aline label.nostar,
    .normal_form .aline div { padding: 0; }
    .normal_form .aline button.dropdown-toggle { right: 0 }
    .normal_form .aline ul.dropdown-menu { left: 0; }
    .normal_form .word { padding-left: 0; }
    .normal_form .aline .file,
    .normal_form .aline .doublelast { margin-top: 10px; }
    .login_form .aline label { text-align: left; }
    .par_main .right_part { padding-left: 0; padding-right: 0; }
    .passage .door .door_right { border-left: 0; }
    .about_content h2 { padding-bottom: 0; }
    .about_box1 .des { padding-top: 20px; }
    .gap { padding: 10px 0 !important; }
    .box6-left { padding-top: 70px; margin-top: 0; }
    .about_box6 { margin-top: 30px; }
    .about_box4 { padding-top: 50px; }
    .about_box5 { padding-top: 30px; }

    /* .ab-left{padding-top: 20px;}*/
    .about_top { padding-top: 60px; }
    .abt30 { margin-top: 0; padding-top: 30px; }
    .aphone-des { padding-left: 0; }
    .aphone-des h2 { margin-top: 30px; }
    .aphone-des .ewm { padding-left: 30px; }
    .left0 { padding-right: 0; }
    .right0 { padding-left: 0; }
    .about_box8 a.btn-more { margin-bottom: 30px; }
    .right1 { border-right: 0; }
    .about_box9 a.ppt { float: left; margin-top: 20px; }
    div.about_container { padding-top: 100px; }

    /*.service-wrap { padding-top: 100px; }*/
    .nottop .service-wrap { padding-top: 20px; }
    .t-box ul .des .title { margin-top: 10px; }
    .t-box ul .des .word { margin-top: 10px; }
    .t-box ul .des .more { position: relative; right: auto; bottom: auto; margin-top: 10px; }
    .t-box .step-fix .astep { width: 100%; height: 70px; }
    .t-box .step-fix .step-jt { width: 100%; background: url(/cn/tres/WebUI/images/step-down.png) center center no-repeat; }
    .t-box .step-fix { padding-bottom: 40px; }
    .liner-box .bbox p { padding: 0 10px; }
    .t-box .border-right { border-right: 0; }
    .t-box .dbox.col-md-3 { padding: 25px 0; height: auto; }
    .service-wrap .ser-passage { border-left: 0; padding-left: 0; }
    .service-wrap .ser-passage h4 { margin-top: 20px; }
    .btn-normal.left,
    .btn-normal.right { float: auto; width: 100% }
    .btn-normal { margin-top: 10px; }
    .service-wrap .stat-phone-tit { margin: 0; }
    .service-wrap .tab-content h4 { margin-top: 0; }
    .service-wrap .tab-content div.blank { height: 0; }
    .service-wrap .tab-content .tab-pane { padding: 10px 0 20px 15px; }
    .service-wrap .boxes .box { margin-top: 10px; }
    .ser-nav li,
    .ser-nav li.first,
    .ser-nav li.last { width: 100%; background: none; padding: 0; margin-bottom: 10px; background: #F2F2F2; }
    .ser-nav li.first { background: #0b7fd7; }
    .istop { padding-top: 50px !important; }
    .train-top { padding-top: 100px; }
    .liner-box .list-box h3 { margin-top: 10px; padding-bottom: 5px; }
    .t-box h3 { padding-bottom: 10px; }
    .ab-right ul { padding-bottom: 0; }
    .t-box .step table img { max-width: 100%; }
    .t-box ul li { margin-top: 20px; }
    .service_wrap.top070 { margin-top: 0; }
    .aus-vdetail h1 { padding-top: 0; }
    .bq20top { padding-top: 60px; }
    .about_box6.box6-left { padding-left: 15px; }
    .about_box6.box6-left .paper .img { display: none; }
    .about_box5 .about_box6 .normal_form.row { display: none; }
    .passage .edi .download { display: none; }
    .pro_product { padding-top: 0px; }
}
@media (max-width:660px) {
    .celltable>tbody>tr>th,
    .celltable>tbody>tr>td { height: 60px; line-height: 20px; }
    .celltable>tbody>tr>th>div,
    .celltable>tbody>tr>td>div { padding-top: 10px; }
    .subNewsTitle img { width: 100%; height: auto; }
    .acontent img { width: 100%; height: auto; }
    .acontent .NotesHeading img { width: auto; height: auto; }
    .subNewsTitle .btn_list ul { display: none; }
    .article p { font-size: 16px; }
    .acontent p { font-size: 16px; }
    .ko0414F img { width: 320px; position: absolute; top: 50%; left: 50%; margin-left: -160px; margin-top: -160px; }
    .ko0415t { margin-left: 0; }
    .ko0415 { position: relative; margin-bottom: 0; text-align: center; }
}

/*IE/7/6*/
.clear { clear: both; height: 0; font-size: 0; overflow: hidden; }
@media (min-width:1024px) and (max-width:1199px) {
    .kan-info { width: 960px; }
    .kan-title { font-size: 30px; }
    .kan-txtc { line-height: 1.5em; }
    .kan-btn { width: 90px; line-height: 2.2em; }
    .kan-mt-18 { margin-top: 15%; }
    .kan-mt-3 { margin-top: 2%; }
}
@media (max-width:768px) {
    .kan-info { max-width: 1080px\9; *max-width: 1080px; _max-width: 1080px; max-width: 1080px; padding: 3% 0; }
    .kan-box { border-bottom: 1px solid #f4f4f4; box-sizing: border-box; padding: 8% 0; }
    .kan-box:last-child { border: none; }
    .kan-box-c { width: 88%; }
    .kan-bg { background-image: none; }
    .kan1-img,
    .kan2-img { width: 60%; margin: 5% auto 0 auto; padding: 0; }
    .kan1-txt { width: 100%; }
    .kan-title { font-size: 26px; text-align: center; }
    .kan-btn { width: 45%; float: left; line-height: 2.5em; margin-right: 10%; }
    .last { margin-right: 0; }
    .float-left,
    .float-right { float: none; }
    .kan1-icon,
    .kan2-icon { display: none; }
    .kan-mt-18 { margin-top: 0; }
    .kan-mt-3 { margin-top: 5%; }
    .kan-pc-btn { display: none }
    .kan-phone-btn { width: 60%; display: block; margin: 6% auto 0 auto; padding: 0; box-sizing: border-box; text-align: center; }
}

/* 璇ラ儴鍒嗕负鍘熺綉绔欐牱寮忓垎绂荤粨鏉� */

/* 瑕嗙洊鍒楄〃椤甸潰椤电爜鏍峰紡寮€濮� */

.news-page img { display: block; height: 30px; line-height: 30px; width: 30px; float: left; margin-right: 2px; }
.news-page p { float: left; height: 30px; background: url(../../images/pagebar_line.png) no-repeat center; overflow: hidden; }
.news-page p span { display: block; float: left; line-height: 30px; height: 30px; padding: 0px 10px; font-size: 14px; color: #666; }
.news-page .form { float: left; margin-left: 0px; overflow: hidden; height: 32px; }
.news-page { width: 410px; float: right; overflow: visible; padding: 30px 0px; height: 30px; margin-bottom: 20px; }
.news-page .form .page-text { font-size: 14px; color: #666; height: 30px; line-height: 30px; border: 1px solid #dedede; width: 100px; padding: 0px 10px; float: left; display: block; }
.news-page .form .page-button { background: #e60012; display: block; float: left; color: #fff; font-size: 14px; line-height: 1em; width: 80px; margin-left: 10px; border: none; height: 30px; }
@media screen and (max-width:768px) {
    .news-page { width: 100%; height: auto; text-align: center; }
    .news-page p { display: inline-block; float: none; }
    .news-page .form .page-button { width: auto; padding: 0 5%; }
    .news-page .form { display: block; width: 125px; float: none; margin: 3% auto 0; height: auto; }
    .news-page img { display: inline-block; float: none; }
    .news-page a { display: inline-block; height: 30px; }
    .news-page .form .page-text { width: 60px; }
}

/* 澶т簰鑱斿洓绾фā鏉块儴鍒嗕慨鏀� */
.Resources { display: none; padding-bottom: 20px; }
.ResourcesShow { display: block; }

/* 瑕嗙洊鍥涚骇椤甸潰鍒楄〃鏍峰紡(鏈夊浘/鏃犲浘) */

/* 鏈夊浘鐗囬儴鍒� */

div.crumbs .nowpage {    /* height: 100%; */
padding: 23px 0; font-size: 14px;    /* font-size: 18px; */ width: 20%; float: right; padding-right: 16px; text-align: right; }
div.crumbs .nolink { color: #e60012 !important; font-size: 16px; }
div.crumbs { width: 100%; font-size: 12px; color: #666; margin-top: 100px; z-index: 10; }
div.crumbs a { text-decoration: none; }
div.crumbs ul.container { display: block; width: 1200px; margin: 0 auto; height: 100%; position: relative; }
div.crumbs ul.container .koli { font-size: 16px; color: #666; padding-top: 30px; margin-bottom: 10px; }
div.crumbs ul.container .koli a { color: #666; }
div.crumbs ul.container .koli a:hover { color: #e60012 !important; }
div.crumbs .nolink { font-size: 16px; }
.par_left { width: 72%; float: left; }
.prolist_container { width: 100%; overflow: hidden; padding-bottom: 30px; }
.pro_right { width: 25%; float: right; padding-top: 20px; }
.pro_right .title { padding: 10px 0; line-height: 28px; color: #242424; font-size: 20px; padding-left: 20px; background-color: #ececec; }
.ab-right ul { margin-top: 0; margin-bottom: 20px; border: solid 1px #ececec; padding-left: 0; }
.ab-right ul li { padding-left: 20px; display: block; line-height: 25px; font-size: 16px; cursor: pointer; margin-top: 0 !important; }
.ab-right ul li a { display: block; color: #7f7f7f; padding: 10px 10px 10px 0; text-decoration: none; }
ul.change-color li:hover a,
ul.change-color li.on a { color: #e60012; }

/*.container { padding-left: 0; }*/
body { margin: 0; }
.channel-tag-ul { padding-left: 0; }
.channel-tag-ul a { text-decoration: none; }
.channel-tag-ul li { overflow: hidden; padding: 20px 0; border-bottom: 1px solid #ececec; }
.channel-tag-ul li .img { display: block; width: 180px; float: left; }
.channel-tag-ul li .img img { display: block; width: 100%; }
.passage .channel-tag-ul li>.des { padding-left: 200px !important; float: none !important; }
.channel-tag-ul li .title { font-size: 16px; color: #333333; }
.channel-tag-ul li .title a { color: #333333 !important; }
.channel-tag-ul li .word { font-size: 14px; color: #666666; margin-top: 10px; line-height: 1.6; }
.channel-tag-ul li .title a:hover { color: #e60012 !important; }
.container-fluid { margin: 0 auto; }
.container-fluid.testbanner1 { padding-top: 100px !important; }
.container-fluid.stat-bg-inner.hidden-xs { width: 100%; }
@media screen and (max-width:1320px) {
    div.crumbs ul.container .koli { padding: 30px 16px 0; }
    .container-fluid { padding: 0 16px; }
}
@media screen and (max-width:1200px) {
    div.crumbs ul.container { width: 100%; }
}
@media screen and (max-width:768px) {
    div.crumbs { display: none; }
    .pro_right { display: none; }
    .news-page>div { width: 100%; }
    .par_left { width: 100%; }
    .pro_right .pro_add { display: none; }
    .channel-tag-ul li .img { float: none; width: 100%; }
    .channel-tag-ul li .des { padding: 2% 0 0 !important; }
    .prolist_container { padding-bottom: 0; }
    .passage .channel-tag-ul li>.des { padding: 0 !important; }
}

/* 鏃犲浘鐗囬儴鍒� */
.pro_left_wrap { margin-top: 20px; padding-top: 0 !important; }
.big_sj { padding: 15px 0; border-bottom: 1px solid #f5f5f5; -webkit-transition: padding-left .3s ease; -moz-transition: padding-left .3s ease; -ms-transition: padding-left .3s ease; -o-transition: padding-left .3s ease; transition: padding-left .3s ease; }
.big_sj:hover { background-color: #f5f5f5; padding-left: 20px; }
.big_sj>a { display: block; text-decoration: none; font-size: 16px; width: 100% !important; color: #333333 !important; }
.big_sj>a:hover { color: #333333 !important; }
.big_sj>span { display: block; font-size: 12px; color: #999999; margin-top: 8px; float: left !important; }
.prolist_container div.big_sj { background: url(../images/threeAll/threearrow.png) no-repeat; background-size: 6px auto; background-position: 0 25px; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; }
.prolist_container div.big_sj:hover { background-position: 4px 25px; background-color: #f5f5f5; }
.popup.hidden-xs { display: none; }

/* 鍘绘帀绾挎潯 */
.prolist_container .line { background: none; }

/* 瀛椾綋鏍峰紡棰滆壊淇敼 */
header a:link,
header a:visited { color: #333; text-decoration: none; }
header h3 a:link,
header h3 a:visited { color: #e60010; }
header a:link:hover { color: #e60010; }
.footerInnerBox a:link { color: #939392; text-decoration: none; }
.footerInnerBox a:link:hover { color: #fff; }
.footerInnerBox a:visited:hover { color: #fff; }
.footerInnerBox a:visited { color: #939392; }
header a:link.act,
header a:link.acthover { color: #e60010; }
header a:visited:hover { color: #e60010; }

/* 澶撮儴鏍峰紡淇敼 */
.footerInnerBox h2 { margin-top: 0 !important; margin-left: 0 !important; }
.quickTabContent h3 { margin-bottom: 0 !important; margin-left: 0 !important; }

/* 鎼滅储妗嗚皟鏁� */
header .searchBox input[type=text].inputSearch { height: 28px; }
input[type=text].headMblSearchInnerBtn { border: none; height: 24px; }
.product-entry .big_sj { padding: 0; padding-left: 16px; }

/* 2018.02.02 娣诲姞鐢ㄦ埛娉ㄥ唽椤甸潰鏍峰紡 */
#Media_Contact.register .registerTxt { font-size: 16px; color: #666; margin-top: -20px; padding-bottom: 30px; border-bottom: 1px solid #e8e8e8; }
#Media_Contact.register .registerTxt span { color: #e60010; }

/* 鍙充晶鏂囧瓧閮ㄥ垎 */
#Media_Contact.register .registerBox h3 { font-size: 14px; color: #333333; font-weight: 700; margin-bottom: 35px; }
#Media_Contact.register .registerBox p { font-size: 14px; color: #999999; line-height: 1.5; }
#Media_Contact.register .registerBox p a { color: #e60010; }
#Media_Contact.register .registerRight { width: 26%; float: right; margin-top: 80px; }

/* 宸︿晶鍐呭閮ㄥ垎 */
#Media_Contact.register .registerTitle { font-size: 16px; color: #333333; font-weight: 700; margin-top: 40px; }
#Media_Contact.register .registTab { width: 100%; overflow: hidden; margin-top: 20px; }
#Media_Contact.register .tabName { display: block; width: 130px; height: 36px; line-height: 36px; float: left; text-align: right; font-size: 14px; color: #666666; margin-right: 5px; }
#Media_Contact.register .required:before { content: '*'; color: #e60010; }
#Media_Contact.register .registSelect { display: block; width: 400px; border: 1px solid #d8d8d8; font-size: 16px; padding: 8px 0; padding-left: 12px; color: #666666; float: left; }
#Media_Contact.register .tabInput { overflow: hidden; }
#Media_Contact.register .tabSpan { display: block; height: 36px; line-height: 36px; float: left; font-size: 14px; color: #333333; margin-left: 20px; }
#Media_Contact.register .tabSpan .verifiImg { display: block; width: 100px; }
#Media_Contact.register .tabSpan a { color: #333; }
#Media_Contact.register .tabSpan img { width: 16px; vertical-align: middle; }
#Media_Contact.register .registerBtn { display: block; width: 124px; height: 100%; background: #e60012; border: none; color: #fff; font-size: 14px; }
#Media_Contact.register .registerText { display: block; width: 400px; height: 36px; line-height: 36px; font-size: 16px; border: 1px solid #d8d8d8; color: #333333; float: left; padding-left: 12px; }
#Media_Contact.register .Auterror { display: block; width: 100%; float: left; }
#Media_Contact.register .registerRadiot { -webkit-appearance: radio; margin-left: 20px; }
#Media_Contact.register .radioBox { font-size: 14px; height: 36px; line-height: 36px; }
#Media_Contact.register .birstBox { width: 102px; height: 36px; border: 1px solid #d8d8d8; margin: 0 10px; }
#Media_Contact.register .birstCon { font-size: 14px; height: 36px; line-height: 36px; }
#Media_Contact.register .verification { width: 100px; height: 36px; float: left; border: 1px solid #d8d8d8; }

/*  */
#Media_Contact.register .regSubmitBtn { width: 165px; height: 36px; font-size: 14px; color: #fff; margin-left: 135px; }
@media screen and (max-width:1000px) {
    #Media_Contact.register .registerRight { float: none; width: 100%; margin-top:; }
    #Media_Contact.register .MediaContact { width: 100%; float: none; }
    #Media_Contact.register .registerTxt { margin-top: 0; padding-bottom: 3%; }
}
@media screen and (max-width:768px) {
    #Media_Contact.register .tabName { width: 70px; }
    #Media_Contact.register .registSelect { width: 100%; margin-right: 100px; float: none; }
    #Media_Contact.register .tabSpan { float: none; margin-left: 0; margin-top: 10px; }
    #Media_Contact.register .registerText { width: 100%; float: none; }
    #Media_Contact.register .veriSpan { float: left; margin-top: 0; margin-left: 20px; }
    #Media_Contact.register .birstCon { height: auto; }
    #Media_Contact.register .birstBox { margin: 10px 0px; }
    #Media_Contact.register .birstName { height: 56px; line-height: 56px; }
    #Media_Contact.register .verification { width: 80px; }
}

/* 鐧诲綍鍚庢枃瀛楀彉绾� */
.rigiHead .red { color: #e60213; font-weight: 700; }

/* 娣诲姞璇█鍒囨崲閮ㄥ垎 */
.languageSel { width: 17%; margin-right: 2%; height: 100%; font-size: 16px; float: right; color: #a7a7a7; text-align: center; position: relative; }
.languageList { width: 100%; height: 80px; background: #fff; display: none; position: absolute; left: 0; top: 100%; }
.languageBox { width: 100%; height: 100%; }
.languageBox span { display: block; height: 100%; line-height: 45px; text-align: left; padding-left: 10px; }
.languageBox img { width: 10px; position: absolute; top: 21px; right: 6px; }
.languageList li { width: 100%; height: 40px; text-align: center; font-size: 16px; line-height: 40px; }
.languageList li { border-top: 1px solid #eaeaea; }
.languageList li a { color: #a7a7a7; }
@media screen and (max-width:375px) {
    .languageBox span { line-height: 40px; }
    .languageBox img { top: 18px; }
}

/* 鍥炲埌椤堕儴娣诲姞 */
.gotoTopBtn { width: 50px; height: 50px; position: fixed; bottom: 40px; right: 30px; display: none; z-index: 999; }
.gotoTopBtn>img { display: block; width: 100%; cursor: pointer; }
@media screen and (max-width:768px) {
    .gotoTopBtn { width: 40px; height: 40px; bottom: 20px; right: 16px; }

    /* 娣诲姞鎺掔増闂淇敼 */
    .stat-col-6 .stat-tabs li { width: 33.33%; }
    .service-wrap .tab-content .jt-ul { width: 100%; padding: 0; }
}

/* 2018-3-19 鍒犻櫎鏃燽anner椤甸潰椤堕儴楂樺害  http://www.h3c.com/cn/Partner/Business___SMB_Area/Products_Introduction/Switches/*/
@media screen and (max-width:768px) {
.container-fluid.testbanner1 { padding-top: 0 !important; height: 0px; min-height: 0px; }
}

/*鍙充晶鍜ㄨ*/
.righthelp { position: fixed; z-index: 1000; height: 200px; width: 282px; top: 160px; right: -240px; }
.righthelp .tabhelp { background: #404143; width: 42px; height: 100%; border-top-left-radius: 15px; border-bottom-left-radius: 15px; cursor: pointer; position: absolute; top: 0; left: 0; }
.righthelp .tabhelp img { margin-top: 32px; margin-left: 7px; }
.righthelp .pophelp { border-top: 1px solid #eee; border-bottom: 1px solid #eee; width: 240px; height: 100%; background: #fff; padding: 20px; position: absolute; top: 0; left: 42px; }
.righthelp .pophelp .lih1 { font-size: 18px; font-weight: bold; color: #3e3e3e; }
.righthelp .pophelp .lih2 { font-size: 14px; color: #3e3e3e; padding: 5px 0; }
.righthelp .pophelp .lirow { font-size: 14px; line-height: 24px; padding: 3px 0; overflow: hidden; }
.righthelp .pophelp .lirow img { width: 29px; margin-right: 10px; float: left; }
.righthelp .pophelp .lirow a { font-size: 14px; line-height: 24px; }
.righthelp .pophelp .lirow span { font-size: 14px; line-height: 24px; color: #3e3e3e; }
.righthelp .pophelp .lirow p { float: left; width: 150px; }
.righthelp .pophelp .liline { width: 100%; height: 1px; background: #d1d1d1; margin: 5px 0 8px; overflow: hidden; }
.product-about-t { text-align: center; color: #323232; font-size: 24px; }

/*鍜ㄨ鏂囧瓧鏍峰紡*/
.blueA a { color: #248fd1 !important; text-decoration: none !important; }
.blueA a:hover { color: #248fd1 !important; text-decoration: none !important; }

/* 2018.02.09 娣诲姞椤甸潰鏍峰紡_bylxc */
.com-select400 { display: block; width: 400px; border: 1px solid #d8d8d8; font-size: 16px; padding: 8px 0; padding-left: 12px; color: #666666; float: left; }
.com-select600 { display: block; width: 600px; border: 1px solid #d8d8d8; font-size: 16px; padding: 8px 0; padding-left: 12px; color: #666666; float: left; }
.com-inputbox400 { display: block; width: 400px; height: 36px; line-height: 36px; font-size: 16px; border: 1px solid #d8d8d8; color: #333333; float: left; padding-left: 12px; }
.com-inputbox600 { display: block; width: 600px; height: 36px; line-height: 36px; font-size: 16px; border: 1px solid #d8d8d8; color: #333333; float: left; padding-left: 12px; }
.com-lblTitle { display: block; width: 130px; height: 36px; line-height: 36px; float: left; text-align: right; font-size: 14px; color: #666666; margin-right: 5px; }
@media screen and (max-width:768px) {
    .com-select400 { width: 100%; margin-right: 100px; float: none; }
    .com-select600 { width: 100%; margin-right: 100px; float: none; }
    .com-inputbox400 { width: 100%; float: none; }
    .com-inputbox600 { width: 100%; float: none; }
    .com-lblTitle { width: 100%; float: none; padding-left: 0; font-size: 37.5%; text-align: left; }
}
.wendangc #documentVedio { margin-left: 31.5pt; }

/* 鍝佺墝鐞嗗康淇敼 */
.hz-g-container ul { list-style: none; }
.hz-g-container .idea-banner-i { position: relative; width: 100%; height: 500px; overflow: hidden; margin-top: 100px; background: url(idea_files/images/hz-08-idea-banner.png)\9; background-size: cover; -ms-behavior: url(css/backgroundsize.min.htc); behavior: url(css/backgroundsize.min.htc); }
.hz-g-container #idea-banner-video { width: 100%; display: none\9; }
.hz-g-container .idea-player-btn-i { position: absolute; left: 50%; margin-left: -35px; margin-top: -35px; top: 50%; width: 70px; height: 70px; cursor: pointer; }
.hz-g-container .idea-player-btn-i img { width: 100%; }
.hz-g-container .show-pc { display: block; }
.hz-g-container .show-phone { display: none; }
.hz-g-container .idea-page1-box { position: relative; width: 100%; margin: 0 auto; overflow: hidden; }
.hz-g-container .idea-page-left-box { width: 41.8%; float: left; overflow: hidden; position: relative; margin-bottom: 3%; }
.hz-g-container .idea-page1-img { position: relative; width: 100%; overflow: hidden; }
.hz-g-container .idea-page1-img li { position: absolute; left: 0; top: 0; width: 100%; opacity: 0; transition: 0.8s; }
.hz-g-container .idea-page1-img li img { width: 100%; }
.hz-g-container .idea-page1-img li.active { position: relative; z-index: 100; opacity: 1; }
.hz-g-container .idea-p1-pic .swiper-slide { opacity: 0; position: absolute; left: 0; top: 0; display: none\9; transition: 0.5s; }
.idea-box-img img { width: 100%; }
.hz-g-container .idea-p1-pic .swiper-slide.active { position: relative; opacity: 1; display: block\9; transition: 0.5s; }
.hz-g-container .idea-p1-pic .swiper-slide .hz-g-container .idea-page1-s-img { width: 100%; overflow: hidden; margin: 6px auto 0; }
.hz-g-container .idea-page1-s-img li { width: 10.4%; float: left; margin-left: 0.8%; opacity: 0.6; filter: alpha(opacity=60); }
.hz-g-container .idea-p1-pic2 .swiper-slide { opacity: 0; position: absolute; left: 0; top: 0; display: none\9; transition: 0.5s; }
.hz-g-container .idea-p1-pic2.swiper-slide.active { position: relative; opacity: 1; display: block\9; transition: 0.5s; }
.hz-g-container .idea-p1-pic2 .swiper-slide .hz-g-container .idea-page1-s-img2 { width: 100%; overflow: hidden; margin: 6px auto 0; }
.hz-g-container .idea-page1-s-img li { width: 10.4%; float: left; margin-left: 0.8%; opacity: 0.6; filter: alpha(opacity=60); }
.hz-g-container .idea-page1-s-img li.active { opacity: 1; filter: alpha(opacity=100); }
.hz-g-container .idea-page1-s-img li:first-child { margin-left: 0; }
.hz-g-container .idea-page1-s-img img { width: 100%; display: block; }
.hz-g-container .idea-page1-s-img2 img { width: 100%; }
.hz-g-container .idea-page1-s-img2 { width: 12.8%; float: right; overflow: hidden; }
.hz-g-container .idea-page1-s-img2 li { width: 100%; display: block; margin-left: 0%; opacity: 0.6; filter: alpha(opacity=60); margin-top: 3%; }
.hz-g-container .idea-page1-s-img2 li:first-child { margin-top: 0; }
.hz-g-container .idea-page1-s-img2 li.active { opacity: 1; filter: alpha(opacity=100); }
.hz-g-container .idea-page1-s-img2 li:first-child { margin-left: 0; }
.hz-g-container .idea-page1-s-img2 img { width: 100%; display: block !important; }
.hz-g-container .idea-p1-arrowl { position: absolute; left: 0; top: 35%; width: 7.2%; z-index: 999; cursor: pointer; }
.hz-g-container .idea-p1-arrowr { position: absolute; right: 0; top: 35%; width: 7.2%; z-index: 999; cursor: pointer; }
.hz-g-container .idea-p1-arrowl1 { position: absolute; left: 0; top: 35%; width: 7.2%; z-index: 999; cursor: pointer; }
.hz-g-container .idea-p1-arrowr1 { position: absolute; right: 12.3%; top: 35%; width: 7.2%; z-index: 999; cursor: pointer; }
.hz-g-container .idea-p1-arrowl img,
.hz-g-container .idea-p1-arrowr img { width: 100%; }
.hz-g-container .idea-page-right-box { width: 50%; float: right; overflow: hidden; }
.hz-g-container .idea-page1-title { width: 100%; font-size: 30px; color: #000; margin-top: 10.5%; }
.hz-g-container .idea-page1-txt { width: 92%; font-size: 14px; color: #4D4D4D; line-height: 1.8em; padding: 4% 6% 4% 0%; margin-top: 25px; border-top: 3px solid #E70000; }
.hz-g-container .idea-main { width: 1200px; margin: 0 auto; }
.hz-g-container .idea-container-i { width: 100%; margin: 0 auto; }
.hz-g-container .idea-img { display: block; width: 1200px; margin: 0 auto; }
.hz-g-container .idea-img img { width: 100%; }
.hz-g-container .idea-p1 { width: 50%; position: absolute; right: 13%; top: 20%; font-size: 24px; color: #000; line-height: 36px; z-index: 200; text-align: center; }
.hz-g-container .idea-list { width: 1200px; height: 430px; margin: 60px auto 0px; position: relative; }
.hz-g-container .idea-cont { width: 19.8%; height: 360px; border: 1px solid #e0e0e0; position: absolute; left: 0; top: 0; background: #fff; }
.hz-g-container .swiper-container2 .swiper-slide.idea-cont-0 { width: 25%; width: 25%\9 !important; height: 465px; box-shadow: #ddd 3px 3px 15px 3px; border: 1px solid #e0e0e0; position: absolute; top: -42px; left: -30px; z-index: 100; background: #fff; }
.hz-g-container .swiper-container2 .swiper-slide.idea-cont-1 { left: 19.8%; }
.hz-g-container .swiper-container2 .swiper-slide.idea-cont-0.idea-cont-1 { left: 17%; }
.hz-g-container .swiper-container2 .swiper-slide.idea-cont-2 { position: absolute; left: 39.6%; }
.hz-g-container .swiper-container2 .swiper-slide.idea-cont-0.idea-cont-2 { left: 37%; }
.hz-g-container .swiper-container2 .swiper-slide.idea-cont-3 { position: absolute; left: 59.4%; }
.hz-g-container .swiper-container2 .swiper-slide.idea-cont-0.idea-cont-3 { left: 56.8%; }
.hz-g-container .swiper-container2 .swiper-slide.idea-cont-4 { position: absolute; left: 79.2%; }
.hz-g-container .swiper-container2 .swiper-slide.idea-cont-0.idea-cont-4 { right: -30px; left: auto; }
.hz-g-container .idea-part { width: 100%; margin-top: 100px; }
.hz-g-container .idea-part-1 { width: 100%; margin-top: -35px; }
.hz-g-container .idea-icon { width: 58px; margin: 0 auto; margin-top: 34.3%; }
.idea-w-1200 { width: 1200px; margin: 0; }
.hz-g-container .idea-icon img { width: 100%; }
.hz-g-container .idea-tit { margin: 0 auto; width: 100%; font-size: 22px; color: #4C4C4C; margin-top: 5%; text-align: center; }
.hz-g-container .idea-tit-1 { color: #000; margin: 0 auto; width: 100%; font-size: 22px; margin-top: 5%; text-align: center; }
.hz-g-container .idea-line { height: 4px; width: 40px; background: #ccc; margin: 0 auto; margin-top: 5%; }
.hz-g-container .idea-line-1 { background: #e80000; height: 4px; width: 40px; margin: 0 auto; margin-top: 5%; }
.hz-g-container .idea-txt { width: 67%; font-size: 14px; color: #4C4C4C; display: none; margin: 0 auto; margin-top: 20px; }
.hz-g-container .idea-txt-1 { display: block; width: 84%; font-size: 14px; color: #4C4C4C; margin: 0 auto; margin-top: 20px; line-height: 1.7em; }
.hz-g-container .idea-p4 { width: 100%; background-color: #f2f2f2; }
.hz-g-container .idea-p4-box { width: 1200px; margin: 0 auto 60px; }
.hz-g-container .SenRespon.idea-show { display: block !important; }
.hz-g-container .idea-p4-title { padding-left: 18px; border-left: 5px solid #E70000; font-size: 32px; color: #000000; margin: 0 auto 30px; line-height: 1.2em; }
.hz-g-container .idea-p4-txt { width: 97%; font-size: 14px; color: #4c4c4c; padding-left: 23px; margin-bottom: 30px; line-height: 1.6em; }
.hz-g-container .idea-p4-t2.t1 { width: 27%; }
.hz-g-container .idea-p4-t2.t2 { width: 43%; }
.hz-g-container .idea-p4-t2.t1 span { letter-spacing: -0.7px; }
.hz-g-container .idea-p4-t2.t3 { width: 55%; }
.hz-g-container .idea-p4-t2.t4 { width: 75%; }
.hz-g-container .idea-p4-t2.t5 { width: 85%; }
.hz-g-container .idea-p4-t2.t5 span { letter-spacing: -0.8px; }
.hz-g-container .idea-p4-b { width: 100%; overflow: hidden; position: relative; }
.hz-g-container .idea-p4-pic { width: 79.1%; margin-right: 4.7%; float: left; position: relative; }
.hz-g-container .idea-p4-img { width: 100%; display: none; }
.hz-g-container .idea-p4-t { width: 100%; position: absolute; top: 14.3%; left: 7%; }
.hz-g-container .idea-p4-t.t1 { left: 5%; }
.hz-g-container .idea-p4-t1 { font-size: 26px; color: #000; }
.hz-g-container .idea-player-btn-ii { position: absolute; left: 50%; margin-left: -35px; margin-top: -35px; top: 50%; width: 70px; height: 70px; cursor: pointer; }
.hz-g-container .idea-player-btn-ii img { width: 100%; }
.hz-g-container .idea-p4-img-web img { width: 100%; }
.hz-g-container .idea-p4-t2 { width: 22.3%; font-size: 14px; color: #323232; margin-top: 2.8%; line-height: 1.7em; }
.hz-g-container .idea-p4-ver { width: 2px; background-color: #e0e0e0; height: 500px; margin-left: 84.8%; }
.hz-g-container .idea-p4-ul { width: 16.1%; float: right; position: absolute; top: 1%; left: 83.9%; }
.hz-g-container .idea-p4-li { width: 100%; font-size: 16px; line-height: 80px; color: #4c4c4c; }
.hz-g-container .active { color: #e70000; }
.hz-g-container .idea-p4-img1 { width: 13.3%; display: inline-block; margin-right: 18px; vertical-align: middle; }
.hz-g-container .idea-p4-img2 { display: none; width: 13.3%; margin-right: 18px; vertical-align: middle; }
.hz-g-container .idea-p5 { width: 100%; height: 320px; }
.hz-g-container .idea-p5-box { width: 1200px; margin: 0 auto; position: relative; }
.hz-g-container .idea-p5-book { width: 100%; }
.hz-g-container .idea-p5-txt { width: 56.9%; position: absolute; top: 15.9%; left: 40.5%; }
.hz-g-container .idea-p5-title { font-size: 22px; color: #000; }
.hz-g-container .idea-p5-t1 { font-size: 14px; color: #4c4c4c; margin-top: 3.8%; margin-bottom: 3.4%; line-height: 1.5em; }
.hz-g-container .idea-p5-button { width: 23.3%; cursor: pointer; }
.hz-g-container .idea-btn1 { display: block; }
.hz-g-container .idea-btn2 { display: none; }

/*瑙嗛寮规*/
.hz-g-container .idea-video-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; display: none; }
.hz-g-container .idea-video-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.9; filter: alpha(opacity=90); }
.hz-g-container .idea-abc { width: 800px; float: left; }
.hz-g-container .idea-video-c { position: absolute; left: 50%; top: 20%; margin-left: -425px; z-index: 900; width: 850px; }
.hz-g-container .idea-videowin { width: 800px; float: left; }
.hz-g-container .idea-close { width: 20px; float: right; cursor: pointer; }
.hz-g-container .idea-close img { width: 100%; }
.hz-g-container .swiper-container1 { width: 100%; margin-top: 4%; margin: 0 auto; position: relative; overflow: hidden; z-index: 1; }
.hz-g-container .swiper-container10 { width: 86.3%; height: 100%; margin-top: 4%; margin: 0 0; position: relative; overflow: hidden; z-index: 1; float: left }
.hz-g-container .swiper-container3 .swiper-slide { display: none; }
.hz-g-container .swiper-container3 .swiper-slide.active { display: block; }
.hz-g-container .swiper-container2 { width: 100%; height: 500px; overflow: visible; margin-top: 70px; }
.hz-g-container .swiper-container2 .swiper-wrapper { width: 100% !important; overflow: visible\9 !important; }
.hz-g-container .swiper-container2 .swiper-slide { width: 19.8%; width: 19.8%\9 !important; height: 360px; }
.hz-g-container #idea-cloud-video-1 { display: none; }
.SenRespon.hz-g-bg { padding-top: 0 !important; background: none !important; }
.hz-g-container .idea-wrap { position: relative; width: 1200px; margin: 0 auto; }
@media(max-width:1600px) {
    .hz-g-container .idea-banner-i { height: 350px; }
}
@media(max-width:1400px) {
    .hz-g-container .idea-banner-i { height: 300px; }
    .hz-g-container .idea-video-c { top: 5%; }
    .hz-g-container .idea-wrap { position: relative; width: 1200px; margin: 0 auto; }
}
@media(max-width:1024px) {
    .hz-g-container .idea-main { width: 960px; }
    .hz-g-container .idea-wrap { position: relative; width: 960px; margin: 0 auto; }
    .idea-w-1200 { width: 960px; margin: 0 auto; }
}
@media (max-width:768px) {
    .hz-g-container .idea-p4-t.t1 { left: 0; }
    .SenRespon.hz-g-bg { display: block !important; }
    .idea-w-1200 { width: 100%; }
    .hz-g-container .show-pc { display: none !important; }
    .hz-g-container .show-phone { display: block; }
    .hz-g-container .banner-a { position: relative; width: 100%; }
    .hz-g-container .banner-a img { width: 100%; }
    .hz-g-container .idea-player-btn-i { position: absolute; left: 50%; top: 54%; margin-left: -5.5%; width: 11%; height: auto; cursor: pointer; }
    .hz-g-container .idea-player-btn-i.idea-player-btn-ii { top: 26%; }
    .hz-g-container .idea-wrap { position: relative; width: 100%; margin: 0 auto; }
    .hz-g-container .idea-p4-t { position: relative; width: 100%; background-color: #fff; left: 0; top: 0; overflow: hidden; margin-top: -3%; padding: 4% 0 5%; box-shadow: 0px 0 5px #888888; }
    .hz-g-container .idea-p4-t1 { width: 85% !important; margin: 0 auto; font-size: 4.2vw; }
    .hz-g-container .idea-p4-t1.t1 { margin-top: 7.5%; }
    .hz-g-container .idea-p4-t1.t2 { margin-top: 3%; }
    .hz-g-container .idea-p4-t2 { width: 85% !important; margin: 3% auto 0; font-size: 2.8vw; }
    .hz-g-container .idea-box-img { width: 93.5%; margin: 4% auto 0; }
    .hz-g-container .idea-box-img img { width: 100%; }
    .hz-g-container .swiper-container3 .swiper-slide { display: block; }
    .hz-g-container .swiper-container3 { width: 100%; margin-top: 3%; }
    .hz-g-container .idea-p4-pic { width: 100%; }
    .hz-g-container .idea-page-right-box { width: 46%; float: none; overflow: hidden; }
    .hz-g-container .idea-wrap-1 { width: 93.5%; margin: 0 auto; }
    .hz-g-container .idea-page-right-box { width: 100%; float: none; overflow: hidden; }
    .hz-g-container .idea-page1-txt { margin: 3% auto 0; }
    .hz-g-container .idea-page1-title { width: 100%; font-size: 3.9vw; color: #000; margin: 3% auto 0; text-align: center; }
    .hz-g-container .idea-main { width: 100%; }
    .hz-g-container .swiper-pagination_idea1 { position: relative !important; margin: -7% auto 0 !important; }
    .hz-g-container .idea-page1-txt { width: 90%; font-size: 3.1vw; color: #4D4D4D; line-height: 1.8em; padding: 4% 5%; background: #F2F2F2; margin-top: 4%; border-top: 3px solid #E70000; }
    .hz-g-container .idea-p1 { width: 93.5%; font-size: 3.1vw; color: #000; line-height: 1.8em; text-align: center; background: #f2f2f2; padding: 3% 0; position: relative; left: 0; top: 0; margin: 0 auto; }
    .hz-g-container .idea-img { width: 93.5%; margin-top: 4%; }
    .hz-g-container .idea-list { width: 93.5%; height: auto; margin: 4% auto 0px; position: relative; }
    .hz-g-container .idea-cont-00 { width: 100%; box-shadow: #ddd 3px 1px 5px 1px; border: 1px solid #e0e0e0; background: #fff; }
    .hz-g-container .idea-part-1 { width: 100%; margin-top: -35px; }
    .hz-g-container .idea-icon { width: 11%; margin: 0 auto; margin-top: 15%; }
    .hz-g-container .idea-icon img { width: 100%; }
    .hz-g-container .idea-tit-1 { color: #000; margin: 0 auto; width: 100%; font-size: 4.1vw; margin-top: 2%; text-align: center; }
    .hz-g-container .idea-line-1 { background: #e80000; height: 4px; width: 10%; margin: 0 auto; margin-top: 3%; }
    .hz-g-container .idea-txt-1 { display: block; width: 75%; font-size: 2.86vw; color: #000; margin: 0 auto; margin-top: 2%; text-align: left; line-height: 1.7em; margin-bottom: 5%; }
    .hz-g-container .swiper-pagination_idea2 { text-align: center; margin-top: -3%; margin-bottom: 2%; }
    .hz-g-container .idea-p4-box { width: 100%; }
    .hz-g-container .idea-p4-title { font-size: 5.2vw; margin: 4% auto 0; text-align: center; border-left: none; padding-left: 0; }
    .hz-g-container .idea-p4-line { width: 7%; height: 5px; background-color: #e70000; margin: 0 auto; margin-top: 1.8%; margin-bottom: 2.7%; }
    .hz-g-container .idea-p4-txt { width: 93.5%; font-size: 2.86vw; color: #000; margin: 0 auto; padding-left: 0; }
    .hz-g-container .idea-p4-img-web img { width: 100%; }
    .hz-g-container .idea-p4-b-web { width: 93.5%; margin: 3% auto 0; display: block; overflow: hidden; }
    .hz-g-container .idea-p4-a-web { width: 98%; margin: 0 auto; }
    .hz-g-container .idea-p4-img-web { width: 100%; }
    .hz-g-container .idea-p4-t-web { width: 100%; background-color: #fff; box-shadow: 0 0 5px #888888; margin-top: -3%; }
    .hz-g-container .idea-p4-t1-web { width: 84.9%; font-size: 4.17vw; color: #000; text-align: left; margin: 0 auto; padding-top: 5.8%; margin-bottom: 4.1%; }
    .hz-g-container .idea-p4-t2-web { width: 84.9%; font-size: 2.86vw; color: #000; margin: 0 auto; text-align: left; padding-bottom: 5.2%; line-height: 1.7em; }
    .hz-g-container .pagination3_idea3 { text-align: center; }
    .hz-g-container .idea-p4-box { margin-bottom: 3%; }
    .hz-g-container .idea-p5 { width: 100%; height: auto; margin-bottom: 20px; }
    .hz-g-container .idea-p5-box { width: 100%; position: relative; }
    .hz-g-container .idea-p5-book { width: 100%; margin-top: 3%; }
    .hz-g-container .idea-p5-book1 { display: none; }
    .hz-g-container .idea-p5-book2 { display: inline-block; }
    .hz-g-container .idea-p5-txt { position: relative; width: 100%; top: 0%; left: 0%; padding: 3% 0; }
    .hz-g-container .idea-p5-title { width: 100%; font-size: 4.17vw; text-align: center; }
    .hz-g-container .idea-p5-t1 { font-size: 2.86vw; color: #000; line-height: 1.8em; }
    .hz-g-container .idea-p5-button { width: 30.4%; margin: 0 auto; }
    .hz-g-container .idea-p5-box img { width: 100%; }
    .hz-g-container .idea-video-c { left: 0; margin-left: 0; width: 100%; top: 30%; overflow: visible; }
    .hz-g-container #idea-cloud-video,
    #idea-cloud-video-1 { width: 90%; margin: 0 auto; z-index: 1000; }
    .hz-g-container #idea-cloud-video-1 { margin-left: 5% !important; }
    .hz-g-container .idea-close { position: absolute; top: -13%; right: 3%; float: none; width: 5%; }
    .hz-g-container .idea-btn1 { display: block; padding-top: 10%; }
    .hz-g-container .idea-btn2 { display: none; padding-top: 10%; }
    .swiper-pagination-bullet { margin: 0 5px !important; }
    .hz-g-container .idea-page-left-box { width: 100%; }
    .hz-g-container .idea-p1-pic .swiper-slide { opacity: 1; position: relative; left: 0; top: 0; }
    .idea-box-img img { width: 100%; }
    .hz-g-container .idea-p1-pic .swiper-slide.active { opacity: 1; }
    .hz-g-container .swiper-container2 .swiper-slide { height: auto; }
    .hz-g-container .idea-txt { display: block; }
    .hz-g-container .swiper-container2 .swiper-slide.idea-cont { position: relative; left: 0 !important; top: 0 !important; }
    .hz-g-container .idea-part { margin-top: 0; }
    .hz-g-container .idea-icon { margin-top: 5% }
    .idea-w-1200 { height: auto; }
    .hz-g-container .swiper-container2 { height: auto; width: 100%; margin: 3% auto 0; overflow: hidden; }
    .hz-g-container .idea-tit { font-size: 4.1vw; margin-top: 2%; }
    .hz-g-container .idea-txt { font-size: 2.9vw; line-height: 1.7em; margin-top: 2%; }
    .hz-g-container .idea-line { margin-top: 3%; background-color: #e80000; }
    .hz-g-container .swiper-container2 .swiper-slide { box-shadow: #ddd 3px 1px 5px 1px; }
    .hz-g-container .swiper-container2 .swiper-slide.idea-cont-0 { height: auto; box-shadow: #ddd 0px 1px 8px; }
    .hz-g-container .idea-txt { width: 74%; padding-bottom: 6%; }
}
#Operational .OperationalTabPCContent { display: none; }
#Operational .OperationalTabMBContent { display: none; }
@media screen and (max-width:768px) {
    #Operational .OperationalTabMBContent { display: none; }
    #Operational .OperationalTabMBContent.active { display: block; }
    #Operational .OperationalTabBodyMB_4 { margin-bottom: 15px; font-size: 12px; color: #666666; line-height: 1.5; }
}

/*partner-default*/
.hz-10-def-contianer .columWrapBox img { display: inline; }
.hz-10-def-contianer .columWrapBox a:hover { color: #e60012 !important; }
.hz-10-def-contianer { width: 100%; }

/*banner*/
.hz-10-def-contianer .partnerclass-banner { position: relative; font-size: 20px; min-width: 320px; margin-top: 100px; }
.hz-10-def-contianer .partnerclass-bannerWrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; margin: 0 auto; }
.hz-10-def-contianer .swiper-slide.s1 { margin-right: 0; }
.hz-10-def-contianer .partnerclass-bannerWrapBox { width: 1200px; min-width: 320px; height: 100%; margin: 0 auto; position: relative; }

/* 鍏敤鍖呭洿瀹瑰櫒缁撴潫 */

/* 浜у搧涓庢妧鏈痓anner澶у浘寮€濮� */

.hz-10-def-contianer .partnerBanner { width: 100%; position: relative; overflow: hidden; }
.hz-10-def-contianer .partnerBannerImg { display: block; width: 100% !important; }
.hz-10-def-contianer .training_courseListpic { display: none; width: 100%; }
.hz-10-def-contianer .swiper-container-hz10 { position: relative; width: 205%; height: 422px; overflow: visible; }
.hz-10-def-contianer .swiper-container-hz10 .swiper-slide { width: 15.45%; margin-right: 1.15%; float: left; }

/* 浜у搧涓庢妧鏈痓anner澶у浘缁撴潫 */

/* 浜у搧涓庢妧鏈痓anner鏂囧瓧寮€濮� */

.hz-10-def-contianer .partnerBannerText { width: 700px; position: absolute; top: 30.5%; left: 0; color: #323232; font-size: 46px; }
.hz-10-def-contianer .partnerBannerText .partnerBannerTitle { height: 42%; line-height: 100%; font-size: 100%; margin-bottom: 3.5%; }
.hz-10-def-contianer .partnerBannerText .partnerBannerGroup { display: block; font-size: 16px; line-height: 1.6; width: 110%; }
.banner { width: 100%; height: auto; position: relative; }

/*璇剧▼鎺ㄨ崘*/
.hz-10-def-contianer .par-jc-video { width: 99.7%; height: 375px; margin: 0 auto; }
.hz-10-def-contianer .par-jc-video li { width: 100%; float: left; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); margin-left: 2.5%; margin-bottom: 30px; cursor: pointer; }
.hz-10-def-contianer .par-jc-video li:first-child { margin-left: 0; }
.hz-10-def-contianer .par-jc-video li img { width: 100%; }
.hz-10-def-contianer .par-jc-tbox { width: 100%; height: 180px; padding: 15px; background-color: #fff; }
.hz-10-def-contianer .par-jc-title { width: 90%; margin: 0 auto; font-size: 24px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.hz-10-def-contianer .par-jc-txt { width: 91%; height: auto; margin: 0 auto; margin-top: 3%; font-size: 14px; line-height: 24px; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.hz-10-def-contianer .par-jc-xx { width: 90%; margin: 4% auto 0; overflow: hidden; }
.hz-10-def-contianer .par-jc-date { float: left; width: 50%; font-size: 14px; color: #575757; }
.hz-10-def-contianer .par-jc-time { float: left; width: 50%; font-size: 14px; color: #575757; text-align: right; }
.hz-10-def-contianer .par-jc-v-box { position: relative; width: 100%; }
.hz-10-def-contianer .par-jc-v-box img { width: 100%; }
.hz-10-def-contianer .par-jc-v-btn { position: absolute; left: 42.1%; top: 36%; width: 14%; }
.hz-10-def-contianer .par-jc-v-btn img { width: 100%; }

/*鍩硅璇剧▼*/
.hz-10-def-contianer .partnerclass-box-list { width: 1232px; margin: 0 auto; position: relative; overflow: hidden; padding-left: 16px; }
.hz-10-def-contianer .partnerclass-box-list-1 { padding-top: 0px; }
.hz-10-def-contianer .partnerclass-tit { font-size: 32px; line-height: 21px; border-left: 5px #e60012 solid; color: #333; font-weight: 500; padding: 2px 0 6px 16px; margin: 40px 0; }
.hz-10-def-contianer .training_course { overflow: hidden; width: 100%; max-width: 1200px; margin: 0 auto; min-width: 320px; }
.hz-10-def-contianer .training_course_item { width: 100%; display: inline-block; margin-bottom: 50px; }
.hz-10-def-contianer .become_partners .containerH3 { margin-top: 30px; }
.hz-10-def-contianer .training_courseList { width: 32%; float: left; text-align: center; margin-left: 2%; }
.hz-10-def-contianer .training_courseList:hover h3 { color: #e60123; }
.hz-10-def-contianer .training_courseList:hover { background-color: #f9f9f9; }
.hz-10-def-contianer .training_courseListImg,
.hz-10-def-contianer .training_courseListpic { width: 100%; text-align: center; display: block; margin-top: 6.5%; }
.hz-10-def-contianer .training_courseListpic { display: none; }
.hz-10-def-contianer .training_courseListImg img { display: inline-block; margin: 0 auto; width: 12.8%; }
.hz-10-def-contianer .training_courseListpic img { display: inline-block; margin: 0 auto; width: 12.8%; }
.hz-10-def-contianer .training_courseList h3 { font-weight: 400; font-size: 22px; color: #000; padding-top: 5px; line-height: 22px; padding: 20px 0 20px; }
.hz-10-def-contianer .training_courseList p { color: #575757; padding: 0 35px; font-size: 14px; line-height: 22px; text-align: left; }
.hz-10-def-contianer .training_course_item a:first-child .training_courseList { margin-left: 0; }
.hz-10-def-contianer .training_courseList.active .training_courseListImg { display: none; }
.hz-10-def-contianer .training_courseList.active .training_courseListpic { display: block; }
.hz-10-def-contianer .partner-arrow-l { width: 28px; position: absolute; top: 8%; right: 0; cursor: pointer; }
.hz-10-def-contianer .partner-arrow-l img { width: 100%; }
.hz-10-def-contianer .partner-arrow-r { width: 28px; position: absolute; top: 8%; right: 3.2%; cursor: pointer; }
.hz-10-def-contianer .partner-arrow-r img { width: 100%; }
.hz-10-def-contianer .show-phone { display: none; }
.hz-10-def-contianer .show-pc { display: block; }
.hz-10-def-contianer .video-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; display: none; }
.hz-10-def-contianer .video-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.9; filter: alpha(opacity=90); }
.hz-10-def-contianer .video-c { position: absolute; left: 50%; top: 20%; margin-left: -400px; z-index: 900; width: 800px; }
.hz-10-def-contianer .videowin { width: 800px; float: left; }
.hz-10-def-contianer .close { position: absolute; top: -7%; right: 0; width: 30px; cursor: pointer; }
.hz-10-def-contianer .close img { width: 100%; }
.hz-10-def-contianer .par-jc-video li a { color: #333; }
@media(max-width:1200px) {
    .hz-10-def-contianer .partnerclass-box-list { width: 100%; margin: 0 auto; }
    .hz-10-def-contianer .partnerBannerText .partnerBannerTitle { font-size: 85%; }
    .hz-10-def-contianer .partnerBannerText { position: absolute; top: 30.5%; left: 2.6%; color: #323232; font-size: 46px; }
    .hz-10-def-contianer .swiper-container { height: 300px; }
    .hz-10-def-contianer .partnerBannerText .partnerBannerTitle { margin-bottom: 2.5%; }
}
@media(max-width:768px) {
    .hz-10-def-contianer .swiper-container-hz10 { width: 100%; height: auto; margin: 0 auto; }
    .hz-10-def-contianer .swiper-container-hz10 .swiper-slide { float: none; margin-right: 0; }
    .hz-10-def-contianer .par-jc-video li { width: 95% !important; margin: 0 auto; }
    .hz-10-def-contianer .partnerclass-banner { padding-top: 0; margin-top: 0; }
    .hz-10-def-contianer .show-pc { display: none; }
    .hz-10-def-contianer .show-phone { display: block; }
    .hz-10-def-contianer .partnerclass-bannerWrapBox { width: 100%; }
    .hz-10-def-contianer .partnerBannerImg { width: 100%; }
    .hz-10-def-contianer .partnerBannerText .partnerBannerTitle { height: 0%; font-size: 7.8vw; text-align: center; }
    .hz-10-def-contianer .partnerBannerText .partnerBannerGroup { font-size: 3.1vw; width: 100%; margin: 0 auto; margin-top: 6%; text-align: center; }
    .hz-10-def-contianer .partnerBannerText { width: 90%; position: absolute; top: 15%; left: 50%; margin-left: -45%; }
    .hz-10-def-contianer .partnerclass-tit { line-height: 1.1em; font-size: 6.2vw; text-align: center; margin-bottom: 0%; border-left: none; padding-left: 0; color: #3c3c3c; margin-top: 2%; }
    .hz-10-def-contianer .line-2 { width: 8%; height: 3px; background-color: #e60012; margin: 1% auto 0; }
    .hz-10-def-contianer .partnerclass-box-list { width: 100%; margin: 0 auto; padding-top: 3%; padding-bottom: 5%; padding-left: 0; }
    .hz-10-def-contianer .partnerclass-box-list-1 { width: 100%; background: #f2f2f2; }
    .hz-10-def-contianer .training_course_box { width: 100%; margin-bottom: -13%; }
    .hz-10-def-contianer .training_course_item { width: 95%; margin-left: 2.5%; }
    .hz-10-def-contianer .training_courseList { width: 100%; margin: 0 auto; padding-top: 3%; margin-top: 4%; float: none; background: #fff; padding-bottom: 23%; }
    .hz-10-def-contianer .training_courseList:hover { background-color: #fff; }
    .hz-10-def-contianer .training_courseListImg img { display: inline-block; margin: 0 auto; width: 12.8%; }
    .hz-10-def-contianer .training_courseList h3 { font-weight: 400; font-size: 5.2vw; color: #000; padding-top: 5px; line-height: 1.7em; padding: 20px 0 20px; }
    .hz-10-def-contianer .training_courseList p { color: #575757; padding: 0 35px; font-size: 3.8vw; line-height: 1.5; }
    .hz-10-def-contianer .training_courseList:hover h3 { color: #000; }
    .hz-10-def-contianer .par-jc-video { width: 100%; height: auto; margin: 3% auto 0; }
    .hz-10-def-contianer .par-jc-video li { width: 100%; float: none; margin: 0% auto 3% !important; margin-bottom: 2%; background: none; }
    .hz-10-def-contianer .par-jc-title { font-size: 34px; }
    .hz-10-def-contianer .par-jc-tbox { height: auto; padding: 3% 0; }
    .hz-10-def-contianer .par-jc-date { font-size: 24px; }
    .hz-10-def-contianer .par-jc-time { font-size: 24px; }
    .hz-10-def-contianer .par-jc-xx { margin-top: 2%; }
    .hz-10-def-contianer .par-jc-box { position: fixed; left: -120%; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); z-index: 10; }
    .hz-10-def-contianer .par-jc-box li { width: 30.4%; float: none; height: auto; background-color: #ffffff; margin-top: 0; border-bottom: 1px solid #d9d9d9; overflow: hidden; }
    .hz-10-def-contianer .par-jc-s img { width: 13.2%; margin-left: 13% !important; }
    .hz-10-def-contianer .par-jc-t { font-size: 24px; }
    .hz-10-def-contianer .par-jc-s { position: relative; top: 50%; }
    .hz-10-def-contianer .par-w-menu { position: absolute; left: 3%; top: 0%; width: 6.7%; }
    .hz-10-def-contianer .par-w-menu img { width: 100%; }
    .hz-10-def-contianer .par-jc-box { box-shadow: none; }
    .hz-10-def-contianer .video-box,
    .hz-10-def-contianer .video-c { width: 100%; left: 0; margin-left: 0; }
    .hz-10-def-contianer #cloud-video-2 { width: 95%; margin: 0 0 0 2.5%; }
    .hz-10-def-contianer .close { right: 2.5%; top: -8%; }
    .hz-10-def-contianer .pagination { text-align: center; }
}
@media(max-width:640px) {
    .hz-10-def-contianer .partnerBannerText .partnerBannerTitle { font-size: 9.3vw; }
    .hz-10-def-contianer .partnerBannerText .partnerBannerGroup { font-size: 3.75vw; }
    .hz-10-def-contianer .training_courseList { width: 100%; margin: 0 auto; padding-top: 3%; margin-top: 4%; float: none; background: #fff; padding-bottom: 0%; }
    .hz-10-def-contianer .training_courseList h3 { font-weight: 400; font-size: 5.2vw; color: #000; padding-top: 5px; line-height: 1.7em; padding: 2% 0; }
    .hz-10-def-contianer .line-w { margin-top: 3%; }
    .hz-10-def-contianer .par-jc-title { font-size: 4.8vw; }
    .hz-10-def-contianer .par-jc-txt { font-size: 3.8vw; line-height: 1.5; height: auto; }
    .hz-10-def-contianer .par-jc-date,
    .hz-10-def-contianer .par-jc-time,
    .hz-10-def-contianer .par-jc-t { font-size: 3.2vw; }
    .hz-10-def-contianer .par-jc-t { line-height: 1.1em; }
    .hz-10-def-contianer .close { width: 20px; margin-top: -3%; }
}

/*partner-basis*/
.hz-10-bas-container .columWrapBox img { display: inline; }
.hz-10-bas-container .columWrapBox a:hover { color: #e60012 !important; }
.hz-10-bas-container { width: 100%; overflow: hidden; }
.hz-10-bas-container .p-main { width: 1232px; margin: 0 auto; padding-left: 16px; margin-top: 30px; }
.hz-10-bas-container .p-main h2 { font-size: 32px; line-height: 21px; border-left: 5px #e60012 solid; color: #333; font-weight: 500; padding: 2px 0 6px 16px; margin: 40px 0; }
.hz-10-bas-container .par-jc-box { width: 100%; height: 58px; margin: 0 auto; border-bottom: 1px solid #e70000; box-shadow: 2px 2px 8px 3px rgba(0, 0, 0, 0.1); }
.hz-10-bas-container .par-jc-box li { height: 100%; float: left; text-align: center; cursor: pointer; }
.hz-10-bas-container .par-jc-box li.active { background-color: #e70000; }
.hz-10-bas-container .par-jc-box li.active .par-jc-t { color: #fff; }
.hz-10-bas-container .par-jc-box li.active .par-jc-s { border-left: 1px solid #e70000; }
.hz-10-bas-container .par-jc-box li.active+li .par-jc-s { border-left: 1px solid #fff; }
.hz-10-bas-container .par-jc-box li.active .par-jc-ic1 { display: none; }
.hz-10-bas-container .par-jc-box li.active .par-jc-ic2 { display: block; }
.hz-10-bas-container .par-jc-box li:first-child .par-jc-s { border-left: none; }
.hz-10-bas-container .par-jc-ic2 { display: none; }
.hz-10-bas-container .par-jc-s img { width: 20px; float: left; }
.hz-10-bas-container .par-jc-s.s1 img { margin-left: 10%; }
.hz-10-bas-container .par-jc-s.s2 img { margin-left: 14%; }
.hz-10-bas-container .par-jc-t { font-size: 16px; color: #333; line-height: 1em; float: left; text-indent: 0.5em; }
.hz-10-bas-container .par-jc-s { overflow: hidden; border-left: 1px solid #d9d9d9; margin-top: 20px; float: left; }
.hz-10-bas-container .par-jc-s.last { border-right: none; }
.hz-10-bas-container .par-jc-video { width: 100%; margin: 30px auto 0; display: none; clear: both; }
.hz-10-bas-container .par-jc-video::after { content: ''; display: block; height: 0; visibility: hidden; clear: both; }
.hz-10-bas-container .par-jc-video.active { display: block; }
.hz-10-bas-container .par-jc-video li { width: 31.66%; float: left; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); margin-left: 2.5%; margin-bottom: 30px; cursor: pointer; }
.hz-10-bas-container .par-jc-video li a { color: #333; }
.hz-10-bas-container .par-jc-video li:first-child { margin-left: 0; }
.hz-10-bas-container .par-jc-video li img { width: 100%; display: block; }
.hz-10-bas-container .par-jc-tbox { width: 100%; height: 170px; padding: 0% 0%; background-color: #fff; }
.hz-10-bas-container .par-jc-title { width: 90%; margin: 0 auto; font-size: 24px; padding-top: 3%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.hz-10-bas-container .par-jc-txt { width: 90%; height: 5em; margin: 3% 5% 3% 5%; font-size: 14px; line-height: 24px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; display: -moz-box; -moz-box-orient: vertical; -moz-line-clamp: 3; }
.hz-10-bas-container .par-jc-xx { width: 90%; margin: 1% auto 0; overflow: hidden; }
.hz-10-bas-container .par-jc-date { float: left; width: 50%; font-size: 14px; color: #575757; }
.hz-10-bas-container .par-jc-time { float: left; width: 50%; font-size: 14px; color: #575757; text-align: right; }
.hz-10-bas-container .par-jc-v-box { position: relative; width: 100%; }
.hz-10-bas-container .par-jc-v-box img { width: 100%; }
.hz-10-bas-container .par-jc-v-btn { position: absolute; left: 42.1%; top: 36%; width: 14%; }
.hz-10-bas-container .par-jc-v-btn img { width: 100%; }
.hz-10-bas-container .video-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000;    /*  display: none; */ }
.hz-10-bas-container .video-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.9; filter: alpha(opacity=90); }
.hz-10-bas-container .video-c { position: absolute; left: 50%; top: 20%; margin-left: -400px; z-index: 900; width: 800px; }
.hz-10-bas-container .videowin { width: 800px; float: left; }
.hz-10-bas-container .close { position: absolute; top: -7%; right: 0; width: 30px; cursor: pointer; }
.hz-10-bas-container .close img { width: 100%; }
.hz-10-bas-container .line-w { display: none; }
.hz-10-bas-container .par-w-menu { display: none; }
.hz-10-bas-container #cloud-video-2 { display: none; }

/*瑙嗛寮规*/
.hz-10-bas-container .video-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; display: none; }
.hz-10-bas-container .video-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.9; filter: alpha(opacity=90); }
.hz-10-bas-container .video-c { position: absolute; left: 50%; top: 20%; margin-left: -425px; z-index: 900; width: 850px; }
.hz-10-bas-container .videowin { width: 925px; }
.hz-10-bas-container .close { width: 20px; float: right; cursor: pointer; }
.hz-10-bas-container .close img { width: 100%; }
@media(max-width:1200px) {
    .hz-10-bas-container .p-main { width: 100%; }
    .hz-10-bas-container .par-jc-t { font-size: 12px; }
    .hz-10-bas-container .par-jc-box { height: 48px; }
}
@media(max-width:770px) {
    .hz-10-bas-container #cloud-video-2 { display: block; }
    .hz-10-bas-container .par-w-menu { display: block; }
    .hz-10-bas-container .abc { display: none; }
    .hz-10-bas-container .p-main { position: relative; width: 100%; margin-top: -20px; padding-left: 0; margin-bottom: 5%; }
    .hz-10-bas-container .p-main h2 { padding: 0; text-align: center; border-left: none; font-size: 30px; color: #3c3c3c; height: auto; margin-bottom: 0; }
    .hz-10-bas-container .line-w { display: block; width: 8%; height: 3px; background-color: #e60012; margin: 1.8% auto 0; }
    .hz-10-bas-container .par-jc-video { width: 100%; height: auto; margin: 3% auto 0; }
    .hz-10-bas-container .par-jc-video li { width: 95%; float: none; margin: 0% auto 3% !important; margin-bottom: 2%; background: none; }
    .hz-10-bas-container .par-jc-title { font-size: 34px; }
    .hz-10-bas-container .par-jc-tbox { height: auto; padding: 3% 0; }
    .hz-10-bas-container .par-jc-date { font-size: 24px; }
    .hz-10-bas-container .par-jc-time { font-size: 24px; }
    .hz-10-bas-container .par-jc-xx { margin-top: 2%; }
    .hz-10-bas-container .par-jc-box { position: fixed; left: -120%; top: 48px; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.85); z-index: 10; }
    .hz-10-bas-container .par-jc-box li { width: 30.4%; float: none; height: auto; background-color: #ffffff; margin-top: 0; border-bottom: 1px solid #d9d9d9; overflow: hidden; }
    .hz-10-bas-container .par-jc-s img { width: 16%; margin-left: 13% !important; }
    .hz-10-bas-container .par-jc-t { font-size: 24px; }
    .hz-10-bas-container .par-jc-s { position: relative; top: 48%; border-left: none; }
    .hz-10-bas-container .par-w-menu { position: absolute; left: 3%; top: 0%; width: 6.7%; }
    .hz-10-bas-container .par-w-menu img { width: 100%; }
    .hz-10-bas-container .par-jc-box { box-shadow: none; }
    .hz-10-bas-container .video-box,
    .hz-10-bas-container .video-c { width: 100%; left: 0; margin-left: 0; }
    .hz-10-bas-container #cloud-video-2 { width: 95%; margin: 0 0 0 2.5%; }
    .hz-10-bas-container .close { right: 2.5%; top: -8%; }
}
@media(max-width:640px) {
    .hz-10-bas-container .p-main h2 { font-size: 6.2vw; font-weight: 400; }
    .hz-10-bas-container .line-w { margin-top: 3%; }
    .hz-10-bas-container .par-jc-title { font-size: 4.8vw; }
    .hz-10-bas-container .par-jc-txt { font-size: 3.8vw; line-height: 1.5; height: auto; margin-top: 2%; }
    .hz-10-bas-container .par-jc-date,
    .hz-10-bas-container .par-jc-time,
    .hz-10-bas-container .par-jc-t { font-size: 3.6vw; }
    .hz-10-bas-container .par-jc-t { line-height: 1.1em; }
    .hz-10-bas-container .close { width: 20px; margin-top: -3%; }
}

/*partner-techical*/
.hz-partner-te-con .columWrapBox img { display: inline; }
.hz-partner-te-con { width: 100%; margin-top: 40px; margin-bottom: 40px; }
.hz-partner-te-con .te-box { width: 1200px; margin: 30px auto 0; }
.hz-partner-te-con .te-col1 { width: 77.2%; position: relative; float: left; }
.hz-partner-te-con .te-vbox { width: 100%; margin: 21px 0; }
.hz-partner-te-con .te-v { width: 100%; }
.hz-partner-te-con .te-v1 { width: 100%; position: absolute; left: 0; top: 0; z-index: 20; }
.hz-partner-te-con .te-v1 img { width: 100%; cursor: pointer; }
.hz-partner-te-con .te-player1 { width: 9%; position: absolute; top: 45.5%; left: 45.5%; cursor: pointer; }
.hz-partner-te-con .te-player1 img { width: 100%; }
.hz-partner-te-con .te-txt1 { width: 100%; overflow: hidden; box-shadow: 0 0 15px #eeeeee; }
.hz-partner-te-con .te-title1 { width: 94%; font-size: 24px; color: #000; margin: 3% auto 0 auto; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.hz-partner-te-con .te-title-3 { width: 94%; height: auto; font-size: 14px; line-height: 24px; color: #000; margin: 2% auto 2% auto; }
.hz-partner-te-con .te-time1 { width: 20%; float: left; font-size: 14px; color: #575757; margin-left: 3%; margin-bottom: 22px; }
.hz-partner-te-con .te-time2 { width: 30%; float: right; font-size: 14px; color: #575757; margin-right: 3%; margin-bottom: 22px; text-align: right; }
.hz-partner-te-con .te-title { font-size: 20px; padding-left: 18px; border-left: 5px solid #e70000; line-height: 1.1em; }
.hz-partner-te-con .te-col2 { width: 20.0%; float: right; }
.hz-partner-te-con .te-v2 { width: 100%; position: relative; }
.hz-partner-te-con .te-v2 img { width: 100%; cursor: pointer; display: block; }
.hz-partner-te-con .te-player2 { width: 17.5%; position: absolute; top: 37.2%; left: 41.2%; cursor: pointer; }
.hz-partner-te-con .te-player2 img { width: 100%; }
.hz-partner-te-con .te-title2 { width: 90%; font-size: 16px; color: #000; margin: 4% 0 3% 6%; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
.hz-partner-te-con .te-title4 { width: 89.6%; font-size: 16px; color: #000; margin: 10px 0 7px 5.4%; }
.hz-partner-te-con .te-time3 { width: 40%; float: left; font-size: 12px; color: #575757; margin-left: 6%; margin-bottom: 5%; }
.hz-partner-te-con .te-time4 { width: 45%; float: right; font-size: 12px; color: #575757; margin-right: 5.4%; margin-bottom: 3%; text-align: right; }
.hz-partner-te-con .te-clear { clear: both; }
.hz-partner-te-con .te-v3 { width: 100%; position: relative; margin-top: 20px; }
.hz-partner-te-con .te-v3 img { width: 100%; cursor: pointer; }

/*瑙嗛寮规*/
.hz-partner-te-con .video-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; display: none; }
.hz-partner-te-con .video-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.9; filter: alpha(opacity=90); }
.hz-partner-te-con .video-c { position: absolute; left: 50%; top: 20%; margin-left: -425px; z-index: 900; width: 850px; }
.hz-partner-te-con .v1 { width: 925px; }
.hz-partner-te-con .close { width: 20px; float: right; cursor: pointer; }
.hz-partner-te-con .close img { width: 100%; }
.hz-partner-te-con .show-pc { display: block; }
.hz-partner-te-con .show-phone { display: none; }
.blue3 { text-decoration: none; }
@media(max-width:1200px) {
    .hz-partner-te-con .te-box { width: 100%; }
    .hz-partner-te-con .te-title2 { font-size: 16px; }
    .hz-partner-te-con .te-time3 { font-size: 12px; }
    .hz-partner-te-con .te-time4 { font-size: 12px; }
    .hz-partner-te-con .v1 { width: 100%; }
    #v1_wrapper { width: 100% !important; }
    .hz-partner-te-con .te-col1 { width: 77.2%; position: relative; float: left; margin-left: 16px; }
}
@media(max-width:768px) {
    .hz-partner-te-con .show-pc { display: none; }
    .hz-partner-te-con .show-phone { display: block; }
    .hz-partner-te-con .te-v1 { position: relative; }
    .hz-partner-te-con { margin-top: -20px; margin-bottom: -3%; }
    .hz-partner-te-con .te-box { width: 95%; margin-bottom: 7%; }
    .hz-partner-te-con .te-col1 { width: 100%; float: none; margin-left: 0; }
    .hz-partner-te-con .te-player1 { width: 14.3%; top: 42.8%; left: 42.8%; }
    .hz-partner-te-con .te-title1 { font-size: 4.8vw; margin: 0 auto 0 auto; margin-top: 4%; margin-bottom: 2%; }
    .hz-partner-te-con .te-title-3 { font-size: 3.8vw; line-height: 1.5; height: auto; margin: 3% auto 0 auto; margin-bottom: 2%; }
    .hz-partner-te-con .te-time1 { width: 20.9%; font-size: 3.2vw; margin-left: 6%; margin-bottom: 4%; }
    .hz-partner-te-con .te-time2 { width: 22.8%; font-size: 3.2vw; margin-right: 5.2%; margin-bottom: 5%; }
    .hz-partner-te-con .te-col2 { width: 100%; float: none; }
    .hz-partner-te-con .te-title { font-size: 4.8vw; border: none; text-align: center; margin-top: 8%; }
    .hz-partner-te-con .w-line { width: 6.8%; height: 4px; background: #e60012; margin: 3% auto; }
    .hz-partner-te-con .te-vbox { margin: 4% 5% 0 5%; width: 90%; float: left; }
    .hz-partner-te-con .te-vbox:first-child { margin-top: 0; }
    .hz-partner-te-con .te-vbox .te-v { width: 100%; float: left; }
    .hz-partner-te-con .te-vbox .te-txt1 { width: 100%; float: left; }
    .hz-partner-te-con .te-v3 { margin-top: 0; }
    .hz-partner-te-con .te-title2 { width: 90%; font-size: 4.8vw; margin: 4% auto 0; }
    .hz-partner-te-con .te-title4 { width: 70.6%; font-size: 2.9vw; margin: 2% auto 0; }
    .hz-partner-te-con .te-time3 { width: 45%; float: left; font-size: 3.2vw; margin: 3% 0 4% 6%; }
    .hz-partner-te-con .te-time4 { width: 70.6%; float: none; font-size: 2.9vw; margin: 5.1% auto 8.3%; text-align: left; }
    .hz-partner-te-con .video-c { left: 0; margin-left: 0; width: 100%; top: 30%; overflow: visible; }
    .hz-partner-te-con #cloud-video,
    .hz-partner-te-con #cloud-video-1,
    .hz-partner-te-con #cloud-video-2,
    .hz-partner-te-con #cloud-video-3 { width: 90%; margin: 0 auto; z-index: 1000; margin-left: 5%; }
    .hz-partner-te-con .close,
    .hz-partner-te-con .close2 { position: absolute; top: -15%; right: 3%; float: none; width: 5%; }
    .hz-partner-te-con .te-title { font-size: 6.2vw; border: none; text-align: center; margin-top: 8%; padding-left: 0; margin-bottom: 0; }
    .hz-partner-te-con .line-w { display: block; width: 8%; height: 3px; background-color: #e60012; margin: 1.7% auto 0; }
}
@media(max-width:640px) {
    .hz-partner-te-con .te-time4 { width: 30%; float: right; font-size: 3.2vw; margin: 3% 6% 0 0; text-align: right; }
    .hz-partner-te-con .te-title1 { width: 88%; }
    .hz-partner-te-con .te-title-3 { width: 88%; }
}

/* 鍝佺墝鐞嗗康鏂板鏍峰紡 */
.hz-g-container .idea-page1-title { margin-top: 12%; }
.hz-g-container .idea-page1-btn { width: 34%; margin: 4% 0 0 27%; padding: 2% 0; border: 1px solid #e70012; overflow: hidden; }
.hz-g-container .idea-page-b-txt { font-size: 14px; color: #e70012; float: left; margin-left: 18.4%; }
.hz-g-container .idea-page1-btn img { float: left; width: 6%; margin-left: 6.4%; margin-top: 1.4%; }
.hz-g-container .hz-08-redarrow1 { display: none; }
.hz-g-container .idea-page1-btn:hover { background-color: #e70012; }
.hz-g-container .idea-page1-btn:hover .idea-page-b-txt { color: #fff; }
.hz-g-container .idea-page1-btn:hover .hz-08-redarrow1 { display: block; }
.hz-g-container .idea-page1-btn:hover .hz-08-redarrow { display: none; }
@media(max-width:770px) {
    .hz-g-container .idea-page1-btn { margin: 3% auto 0; width: 32%; padding: 2.5% 0; }
    .hz-g-container .idea-page-b-txt { font-size: 3.2vw; margin-left: 13%; line-height: 1.2em; }
    .hz-g-container .idea-page1-btn img { width: 8%; margin-top: 2%; }
}

/* 鍝佺墝鐞嗗康鏂板鏍峰紡缁撴潫*/
.show-pc { display: block; }
.show-phone { display: none; }
.cul-09-box { width: 100%; margin: 0 auto; overflow: hidden; }
.cul-09-p1 { width: 100%; position: relative; overflow: hidden; margin-top: 100px; }
.cul-09-p1>img { width: 100%; }
.cul-09-c-box { position: absolute; left: 50%; top: 10%; margin-left: -600px; width: 1200px; height: 100%; }
.cul-09-c-box.box1 { top: 50%; height: auto; }
.cul-09-title { width: 100%; font-size: 46px; color: #000; }
.cul-09-title.cl { color: #4C4948; line-height: 1em; }
.cul-09-txt.cl { color: #4C4948; margin-top: 2%; }
.cul-09-txt { width: 52.8%; padding-left: 0.8%; border-left: 3px solid #e60012; font-size: 18px; line-height: 1.6em; margin-top: 1%; }
.cul-09-b-t { width: 100%; overflow: hidden; margin: 8% auto 0; }
.cul-09-b-t>div:first-child { margin-left: 0; }
.cul-09-c { width: 27%; margin-left: 9.2%; float: left; }
.cul-09-title2 { font-size: 22px; }
.cul-09-title2 span { padding-bottom: 1%; border-bottom: 2px solid #e60012; }
.cul-09-t1 { width: 100%; font-size: 16px; line-height: 1.6em; color: #000000; margin-top: 5%; }
.swiper-container-cul09 { width: 100%; margin: 0 auto 40px; }
.swiper-container-cul09 .swiper-slide { width: 23.5%; float: left; height: 335px; border: 1px solid #dddddd; margin-left: 2%; }
.swiper-container-cul09 .swiper-slide:hover { background: #f2f2f2; border: 1px solid #f2f2f2; }
.swiper-container-cul09 .swiper-slide:hover .cul-09-icc1 { display: block; }
.swiper-container-cul09 .swiper-slide:hover .cul-09-icc2 { display: none; }
.swiper-container-cul09 .swiper-slide:hover .cul-09-icc2.icc3 { display: block; }
.cul-09-icc1 { display: none; }
.swiper-container-cul09>.swiper-wrapper>div:first-child { margin-left: 0; }
.cul-09-p2-box { width: 100%; overflow: hidden; }
.cul-09-ic { width: 18%; margin: 10% auto 0; }
.cul-09-ic img { width: 100%; }
.cul-09-type { width: 100%; margin: 3% auto 0; font-size: 22px; text-align: center; }
.cul-09-p2-txt { width: 80%; font-size: 16px; color: #7d7d7d; margin: 4% auto 0; line-height: 1.6em; }
@media(max-width:1600px) {
    .cul-09-b-t { margin-top: 9%; }
}
@media(max-width:1400px) {
    .cul-09-txt { font-size: 16px; }
    .cul-09-t1 { font-size: 14px; }
    .swiper-slide { height: 275px; }
    .cul-09-p2-txt { font-size: 14px; }
    .cul-09-b-t { margin-top: 7%; }
    .cul-09-title.cl { font-size: 40px; }
}
@media(max-width:1200px) {
    .cul-09-c-box { width: 960px; margin-left: -480px; }
    .cul-09-title { font-size: 40px; }
    .cul-09-txt { font-size: 14px; }
    .cul-09-title2 { font-size: 20px; }
    .cul-09-t1 { font-size: 12px; }
    .cul-09-c-box { top: 5%; }
    .cul-09-p2-txt { font-size: 12px; }
    .swiper-container-cul09 .swiper-slide { height: 245px; }
}
@media(max-width:770px) {
    .cul-09-p1>img:nth-child(2) { display: none; }
    .show-phone { display: block; }
    .show-pc { display: none; }
    .cul-09-icc2.icc3 { display: block; }

    /* 棰嗚埅鑰呮枃鍖� */
    .cul-09-p1 { width: 100%; position: relative; overflow: hidden; margin-top: 0; margin-bottom: 19px; }
    .cul-09-p1 img { width: 100%; display: block }
    .cul-09-c-box { position: absolute; left: 7.5%; top: 4%; width: 87%; margin-left: 0; }
    .cul-09-c-box.box1 { top: 12%; height: auto; }
    .cul-09-txt.cl { width: 86%; margin-top: 5%; }
    .cul-09-title.cl { font-weight: 600; font-size: 24px; }
    .cul-09-title { width: 100%; font-size: 24px; }
    .cul-09-txt { width: 97.3%; padding-left: 2.6%; border-left: 3px solid #e60012; font-size: 14px; color: #000000; margin-top: 5%; line-height: 1.6em; }
    .cul-09-c { width: 100%; margin-left: 0; }
    .cul-09-b-t { width: 100%; margin-top: 40%; }
    .cul-09-title2 { width: 100%; font-size: 4vw; color: #000000; }
    .cul-09-t1 { width: 100%; font-size: 3.2vw; line-height: 1.6em; color: #000000; margin-top: 5%; }
    .cul-09-title2.mt { margin-top: 5%; }
    .cul-09-p2 { width: 100%; margin: 0 auto; overflow: hidden; }
    .cul-09-p2-box { width: 83%; padding: 9% 0 0; box-shadow: 0px 1px 8px rgba(0, 0, 0, 0.1); margin: 0% auto 0; height: 43vh; }
    .cul-09-ic { width: 17.8%; margin: 0 auto; }
    .cul-09-ic img { width: 100%; }
    .cul-09-type { width: 100%; margin: 3% auto 0; font-size: 4.8vw; text-align: center; }
    .cul-09-p2-txt { width: 80%; font-size: 3.7vw; line-height: 1.6em; color: #7d7d7d; margin: 4% auto 0; }
    .pagination-cul09 { width: 100%; height: 40px; display: -webkit-flex; display: flex; align-items: center; -webkit-align-items: center; justify-content: center; -webkit-justify-content: center; }
    .swiper-container-cul09 { width: 100%; margin: 0 auto; }
    .swiper-container-cul09 .swiper-slide { border: none; float: none; margin-left: 0; height: auto; }
    .swiper-container-cul09 .swiper-slide:hover { background: none; border: none; }
}
@media only screen and (device-width:375px) and (device-height:812px) and (-webkit-device-pixel-ratio:3) {
    .cul-09-p2-box { height: 35vh; }
}
.hz-11-pointer { cursor: pointer; }
.new-rh-ul { width: 100%; margin: 0% auto 0; background: #fff; overflow: hidden; border-right: 1px solid #eaeaea; border-top: 1px solid #eaeaea; }
.new-rh-ul li { width: 25%; border-left: 1px solid #eaeaea; padding: 4% 0 3%; float: left; }
.new-rh-ic { width: 18%; margin: 0 auto; }
.new-rh-ul .new-rh-p1 { width: 100%; margin: 2% auto 0; color: #e40000; font-size: 24px; text-align: center; }
.new-rh-ul .new-rh-p1 span { font-size: 38px; }
.new-rh-ul.hz-n { border-bottom: 1px solid #eaeaea; }
.new-rh-ul .new-rh-p2 { width: 100%; height: 42px; text-align: center; font-size: 16px; color: #1f1f1f; }
.new-rh-ul.b-bor { border-bottom: 1px solid #eaeaea; }
.innlistBoxthree.l-w { width: 320px !important; }
.brandLine.mt { margin: 2% 0 !important; }
.brandText.mt { margin-top: 1.3% !important; }
.brandConceptList.mt { margin-top: 1.3% !important; }
.brandConceptConText.change .brandLine { border-bottom: 2px solid rgba(255, 255, 255, 0.4) !important; }
.brandConceptConTextT.mt { margin-top: 10%; }
@media(max-width:1200px) {
    .brandLine.mt { margin: 1.6% 0 !important; }
}
@media(max-width:1024px) {
    .brandConceptConText.change h6 { text-align: left !important; }
}
@media(max-width:770px) {
    .new-rh-ul li { width: 50%; border-bottom: 1px solid #eaeaea; }
    .innlistBoxthree.l-w { width: 30% !important; }
    .new-rh-ul .new-rh-p1 span { font-size: 5vw; }
    .new-rh-ul .new-rh-p1 { font-size: 3.2vw; }
    .new-rh-ul .new-rh-p2 { height: auto; }
    .new-rh-ic { width: 19%; }
    .new-rh-ic img { width: 100%; }
    .new-rh-ul li:last-child { width: 50%; }
    .fontred.ml { margin-left: -8%; }
    .brandConceptConTextT.tl { text-align: left !important; font-weight: 600; margin-bottom: 2% !important; }
    .brandConceptConText.change h6:first-child { margin-top: 10% !important; }
    .brandText.mt1 { margin-top: 1.5% !important; }
    .new-rh-ul.hz-n { border-bottom: none; }
}
.service-wrap-paddingtop50.zd-p,
.service-wrap.zd-p { padding: 0 0 50px 0; }
.container-fluid.zd-dis { display: none; }
.zd-ul { width: 1170px; height: 54px; margin: 0 auto; overflow: hidden; border-bottom: 1px solid #e70312; box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); margin-top: 25px; }
.zd-ul li { width: 20%; height: 100%; float: left; text-align: center; cursor: pointer; }
.zd-ul li p { font-size: 20px; color: #000000; margin-top: 3.7%; border-right: 1px solid #e8e8e8; }
.zd-dis .liner-box .abox { padding-left: 30px; }
.zd-dis .jt-ul p { background: url(/cn/tres/WebUI/images/pro_link_26.png) no-repeat scroll 0 center rgba(0, 0, 0, 0); }
.zd-p .col-sm-6 { padding-right: 0; padding-left: 0; }
.zd-p .liner-box { margin-bottom: 0 !important; }
@media(max-width:1200px) {
    .zd-ul { width: 938px; }
    .zd-dis .container { padding-right: 0; }
    .zd-ul li p { font-size: 18px; margin-top: 5%; }
}
@media(max-width:1000px) {
    .zd-ul { width: 720px; }
    .zd-ul li p { font-size: 16px; margin-top: 8%; }
}
@media(max-width:760px) {
    .zd-p .col-xs-12 { padding: 0; }
    .zd-p .liner-box { border: none; }
    .zd-ul { width: 100%; height: auto; margin-top: 10%; }
    .zd-ul li { margin-top: 0; }
    .zd-ul li p { margin: 8% 0; font-size: 4.1vw; }
    .zd-dis .liner-box .abox { padding-left: 5%; }
    .service-wrap-paddingtop50.zd-p,
    .service-wrap.zd-p { padding: 0 0 20px 0; }
    .zd-p .liner-box { margin-bottom: 0 !important; }
}
.sc-little-tip { width: 100%; text-align: right; font-size: 12px; color: #736e6d; margin-top: -2.6%; }
.sc-ul { width: 100%; overflow: hidden; border-left: 1px solid #eaeaea; }
.sc-bor { border-top: 1px solid #eaeaea; }
.sc-ul li { width: 20%; float: left; background: #fff; padding: 3.5% 0; border-right: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; box-sizing: border-box; }
.sc-num { width: 100%; overflow: hidden; border: 1px solid #eaeaea; border-bottom: none; box-sizing: border-box; background: #fff; padding: 2% 0; }
.sc-n1 { width: 50.2%; float: left; font-size: 50px; color: #e40000; padding-right: 28px; border-right: 1px dashed #b5b4ab; line-height: 1.1em; text-align: right; box-sizing: border-box; }
.sc-n2 { width: 49.8%; float: left; font-size: 22px; color: #1f1f1f; padding-left: 28px; margin-top: 1%; box-sizing: border-box; }
.sc-ul .new-rh-p1 { width: 100%; margin: 2% auto 0; color: #e40000; font-size: 24px; text-align: center; }
.sc-ul .new-rh-p1 span { font-size: 38px; }
.sc-c-num { width: 100%; overflow: hidden; margin: 0 auto; }
.sc-ul .new-rh-p2 { width: 100%; margin-top: 2.5%; text-align: center; font-size: 16px; color: #1f1f1f; }
.sc-ul .new-rh-ic { width: 21%; margin: 0 auto; }
.sc-ul .new-rh-ic img { width: 100%; }
@media(max-width:770px) {
    .sc-ul { border-top: 1px solid #eaeaea; }
    .sc-ul li { width: 50%; }
    .sc-ul .new-rh-p1 span { font-size: 5vw; }
    .sc-ul .new-rh-p1 { font-size: 3.2vw; }
    .sc-ul .new-rh-p2 { height: auto; }
    .sc-ul .new-rh-ic { width: 19%; }
    .sc-little-tip { font-size: 2.4vw; }
    .sc-bor { border-top: none; }
    .sc-little-tip { text-align: center; margin-top: -2%; }
    .sc-num { padding: 4% 0; }
    .sc-n1 { width: 50.2%; font-size: 6.2vw; padding-right: 15px; text-align: right; margin-left: 0; }
    .sc-n2 { font-size: 3.6vw; margin-top: 0.7%; margin-left: 0; padding-left: 15px; width: 49.8%; box-sizing: border-box; }
    .sc-c-num { width: 100%; }
}

/* 鏂板崕涓夊ぇ瀛﹁皟鏁� */
.partner_allianceListBox.tz-03-ul { overflow: hidden; }
.partner_allianceListBox.tz-03-ul li { width: 32.65% !important; margin-bottom: 1% !important; margin-left: 1%; }
#partner .fourTraining .partner_allianceBox .partner_allianceListBox.tz-03-ul li { margin-left: 0.8%; }
#partner .partner_alliance .partner_allianceBox .partner_allianceListBox li .partner_allianceListImg.show-pc { display: block; }
#partner .partner_alliance .partner_allianceBox .partner_allianceListBox li .partner_allianceListImg.show-phone { display: none; }
.tz-03-xg { position: relative }
.tz-03-xg img { margin-top: 30px !important; }
.tz-03-nav { width: 265px; position: absolute; right: 15px; top: 20px; }
.tz-03-nav.fixed { position: fixed; top: 110px; }
.tz-03-nav.ab { position: fixed !important; right: 0; top: 150px; }
.tz-03-nav-top { width: 100%; }
.tz-03-nav-top img { width: 8px; margin: 0 0 0 1.6% !important; z-index: 10; position: relative; }
.tz-03-nav-bottom { width: 100%; margin-top: 2%; }
.tz-03-nav-bottom img { width: 8px; margin: 0 0 0 1.6% !important; z-index: 10; position: relative; }
.tz-03-line { position: absolute; left: 3%; top: 0; width: 1px; height: 100%; background-color: #e6e6e6; }
.tz-03-nav-tip { width: 100%; margin-top: 5%; }
.tz-03-xg .tz-03-nav-img1 { width: 3.1%; float: left; margin: 3.3% 0 0 1.6% !important; z-index: 10; position: relative; }
.tz-03-xg .tz-03-nav-img2 { width: 6.6%; float: left; margin: 4% 0 0 0 !important; }
.tz-03-nav-title { float: left; margin-left: 2.6%; font-size: 20px !important; color: #333333 !important; font-weight: 600; }
.tz-03-ul { width: 100%; margin-top: 1%; margin-bottom: 0; }
.tz-03-ul li { width: 100%; margin-top: 3%; }
.tz-03-xg .tz-03-ul-img1 { width: 3.1%; float: left; margin: 0 5.2% 0 1.6% !important; z-index: 10; position: relative; }
.tz-03-line1 { width: 1px; height: 36px; background-color: #e6e6e6; margin-left: 7.8px; }
.tz-03-ul li:hover .tz-03-nav-list { background-color: #f2f2f2; }
.tz-03-nav-list { width: 90%; padding: 1% 0% 1% 0; float: left; text-indent: 1em; }
.tz-03-nav-list a { color: #333333; font-size: 16px; }
.tz-03-xg .tz-03-ul .tz-03-ul-img3 { position: relative; z-index: 30; width: 9%; float: left; margin: 3% 0% 0 0% !important; display: none; }
.tz-03-ul li.active .tz-03-ul-img4 { display: none; }
.tz-03-ul li.active .tz-03-ul-img3 { display: block; }
.tz-03-ul li.active:hover .tz-03-nav-list { background-color: #fff; }
.tz-03-ul li.active a { color: #e60012; }
.tz-03-xg .tz-03-ul .tz-03-ul-img4 { position: relative; z-index: 10; width: 3.1%; float: left; margin: 4.1% 5.2% 0 1.6% !important; }
@media(max-width:1200px) {
    .tz-03-nav { width: 225px; }
}
@media(max-width:1000px) {
    .tz-03-nav { width: 195px; }
    .tz-03-nav-list a { font-size: 14px; }
}
@media(max-width:770px) {
    .partner_allianceListBox.tz-03-ul { width: 100% !important; margin: 0 auto; }
    #partner .partner_alliance .partner_allianceBox .partner_allianceListBox.tz-03-ul li { margin-left: 0%; }
    #partner .partner_alliance .partner_allianceBox .partner_allianceListBox.tz-03-ul li { width: 50% !important; margin-bottom: 0% !important; }
    #partner .partner_alliance .partner_allianceBox .partner_allianceListBox.tz-03-ul li:nth-child(5) { margin-left: 0%; }
    #partner .partner_alliance .partner_allianceBox .partner_allianceListBox.tz-03-ul li:nth-child(1),
    #partner .partner_alliance .partner_allianceBox .partner_allianceListBox.tz-03-ul li:nth-child(3),
    #partner .partner_alliance .partner_allianceBox .partner_allianceListBox.tz-03-ul li:nth-child(5) { margin-left: 0 !important; }
    #partner .partner_alliance .partner_allianceBox .partner_allianceListBox li .partner_allianceListImg.show-pc { display: none; }
    #partner .partner_alliance .partner_allianceBox .partner_allianceListBox li .partner_allianceListImg.show-phone { display: block; }
}

/* 鍝佺墝鐞嗗康淇敼 */
.hz-10-idea-left { position: relative; float: left; width: 49.7%; }
.hz-10-idea-left img { width: 100%; }
.secondWrapBox.hz-10 { overflow: hidden; padding-bottom: 1.5%; }
.hz-10-idea-title { width: 71.5%; position: absolute; left: 15.5%; top: 20.7%; font-size: 28px; color: #000; }
.hz-10-idea-txt { width: 84%; position: absolute; left: 15.5%; top: 37.4%; font-size: 14px; color: #4d4d4d; line-height: 1.8em; }
.hz-10-idea-btn { position: absolute; left: 15.5%; top: 70%; width: 28%; cursor: pointer }
.hz-10-idea-btn img:first-child { display: none; }
.hz-10-idea-btn:hover img:first-child { display: block; }
.hz-10-idea-btn:hover img { display: none; }
.hz-10-idea-right { width: 50.3%; float: right; overflow: hidden; position: relative; }
.hz-10-idea-left,
.swiper-container10 img { display: block !important; }
.qualityH3c.hz-15-xg { display: none !important; }
.SenseWorth.hz-15-g { padding-bottom: 3%; }
@media(max-width:1200px) {
    .hz-10-idea-title { top: 15%; left: 6%; }
    .hz-10-idea-txt { width: 92%; left: 6%; top: 34%; }
    .hz-10-idea-btn { left: 6%; top: 68.4%; }
}
@media(max-width:768px) {
    .hz-10-idea-left { width: 93.5%; float: none; margin: 0 auto; }
    .hz-10-idea-right { width: 100%; float: none; }
    .hz-10-idea-title { width: 100%; position: absolute; left: 0; top: 20%; text-align: center; font-size: 3.9vw; }
    .hz-10-idea-txt { font-size: 3.2vw; width: 86%; left: 7%; top: 33%; }
    .hz-10-idea-btn-w { position: absolute; width: 36.7%; left: 31.66%; top: 77%; }
    .secondWrapBox.hz-10 { width: 100%; padding: 0 !important; position: relative; }
    .hz-g-container .swiper-container10 { width: 100%; }
    .hz-10-idea-btn-w img { display: block !important; }
    .hz-g-container .idea-box-img img { display: block !important; }
    .swiper-pagination_idea10 { position: absolute; width: 100%; top: -5%; display: block !important; }
    .hz-g-container .hz-10-idea-left .swiper-pagination-bullet { width: 8px; height: 8px; }
    .hz-10-xg.SenRespon { display: block !important; background: none !important; }
    .hz-g-container .idea-page1-title { margin-top: 3%; }
    .SenRespon.hz-g-bg { margin-bottom: 5%; z-index: 0; }
    .hz-0427-bg { margin-top: 0px; background-image: url(https://www.h3c.com/cn/tres/NewWebUI/2020/images/hz-0427-bg-w.jpg) }
    body .secondDiv .hz-0427-banner { margin-top: 0%; }
}
.innlistBoxtwo.xg-13 { width: 270px !important; }
@media screen and (max-width:767px) {
    .innlistBoxtwo.xg-13 { width: 30% !important; }
    .columWrapBox.np { padding: 0 !important; }
}
.hero.xg-23-banner { width: 100%; overflow: hidden; position: relative; }
.hero.xg-23-banner video { width: 100%; position: relative; z-index: 10; }
.xg-23-play { position: absolute; left: 50%; top: 50%; margin-left: -35px; margin-top: -35px; width: 70px; height: 70px; cursor: pointer; z-index: 30; }
.xg-23-play img { width: 100%; }
.xg-23-banner .swiper-slide { overflow: hidden; }
.xg-23-v-bg { position: absolute; left: 0; top: 0; width: 100%; }
.xg-23-bg img { width: 100%; }
.xg-23-banner .hero-xg-pagination { position: absolute; left: 0; bottom: 0; width: 100%; text-align: center; z-index: 30; margin: 0 5px; }
.hero .hero-xg-pagination span { width: 8px; height: 8px; border-radius: 100%; opacity: 1; background-color: #fff; }
.hero .hero-xg-pagination span.swiper-pagination-bullet-active { background-color: #e60012; }
@media (max-width:750px) {
    .hero.xg-23-banner { height: auto; }
    .hero.xg-23-banner img { width: 100%; }
    .xg-23-play { position: absolute; left: 50%; top: 54%; margin-left: -5.5%; margin-top: -35px; width: 11%; height: auto; cursor: pointer; z-index: 30; }
    .xg-23-bg { height: 100%; }
}

/*澧炲姞鍒嗛攢鏀跨瓥*/
.add-off { width: 100%; }
.add-off li { width: 20% !important; height: 52px !important; }
.add-off li>span { padding: 7% 4px !important; }
@media (max-width:768px) {
    .add-off li { height: auto !important; font-size: 3.5vw !important; }
    .add-off li:last-child { line-height: 1.95em !important; }
}

/*瑙ｅ喅鏂规鍚堜綔浼欎即*/
.hero .text-box.hz-711-banner-txt { top: 40%; }
.hz-711-p1-box { width: 100%; overflow: hidden; }
.hz-711-p1-img { width: 40.2%; float: left; }
.hz-711-p1-img img { width: 100%; }
.hz-711-p1-con { width: 55%; float: right; }
.hz-711-p1-txt1 { font-size: 16px; color: #333333; line-height: 1.7em; margin-bottom: 1%; }
.hz-711-p1-btn { width: 37.1%; position: relative; margin: 5% 0 3.5%; }
.hz-711-p1-btn img { width: 100%; }
.hz-711-p1-btn-txt { width: 85.5%; position: absolute; top: 20%; left: 0; right: 0; margin: auto; overflow: hidden; }
.hz-711-p1-btn-t1 { width: 93%; float: left; font-size: 18px; color: #fff; }
.hz-711-p1-btn-icon { width: 3.8%; float: right; margin-top: 0.5%; margin-right: 2%; }
.hz-711-p1-txt2 { font-size: 14px; color: #333333; }
.hz-711-p1-txt2>a { font-size: 14px !important; color: #e60011 !important; text-decoration: none !important; }

/*瑙ｅ喅鏂规鍚堜綔浼欎即浠峰€�*/
.hz-711-p2-container { width: 100%; margin: 0 auto; overflow: hidden; }
.hz-711-p2-content { position: relative; }
.hz-711-more { position: absolute; right: 15px; top: 12%; width: 8.7%; font-size: 16px; text-align: right; }
.hz-711-more a { color: #000000; }
.hz-711-more img { width: 20px !important; float: right; padding-left: 3%; padding-top: 3%; }
.hz-711-more-img2 { display: none; }
.hz-711-more:hover a { color: #e60012; }
.hz-711-more:hover .hz-711-more-img2 { display: block; }
.hz-711-more:hover .hz-711-more-img1 { display: none; }
.hz-711-p2-ul { width: 100%; margin: 0 auto 30px; overflow: hidden; }
.hz-711-p2-ul li { width: 25% !important; float: left; padding: 3% 0 4%; }
.hz-711-p2-ul li:hover { background-color: #f5f5f5; }
.hz-711-p2-ul li>img { width: 19.3% !important; margin: 0 auto; display: block; }
.hz-711-p2-t { width: 75.4%; margin: 4% auto 0; font-size: 16px; color: #333333; line-height: 1.7em; text-align: center; }
.hz-711-p2-title { width: 100%; margin: 5% auto 0; font-size: 22px; color: #333333; line-height: 1.7em; text-align: center; }
.hz-711-p3-container { width: 100%; margin: 0 auto; background: #F5F5F5; }
.hz-711-p2-content {    /*width: 1200px;*/
max-width: 1230px; width: auto; margin: 0 auto; overflow: hidden; padding: 0 15px; }
.hz-711-p2-content img { width: 100%; }
h2.hz-711-title { position: relative; margin-top: 40px; margin-bottom: 30px; padding-left: 23px; font-size: 32px; color: #333; line-height: 1; font-weight: 400; }
h2.hz-711-title:before { position: absolute; left: 0; content: ''; display: inline-block; margin-right: 18px; width: 5px; height: 32px; margin-top: 2px; background-color: #e60012; }

/*瑙ｅ喅鏂规鏀寔*/
.hz-711-p3-container { width: 100%; margin: 0 auto; background: #F5F5F5; overflow: hidden; padding-bottom: 3%; }
.hz-711-p3-content { width: 1200px; margin: 0 auto;    /*overflow: hidden;*/ }
.hz-711-p3-content img { width: 100%; }
h2.title { position: relative; margin-top: 40px; margin-bottom: 30px; padding-left: 23px; font-size: 32px; color: #333; line-height: 1; font-weight: 400; }
h2.title:before { position: absolute; left: 0; content: ''; display: inline-block; margin-right: 18px; width: 5px; height: 32px; margin-top: 2px; background-color: #e60012; }
.hz-711-p3-content li { width: 24.1%; float: left; position: relative; margin-left: 1.2%; cursor: pointer; }
.hz-711-p3-content li:first-child { margin-left: 0; }
.hz-711-p3-li-txt { color: #333; padding: 5% 0 5% 10%; font-size: 22px; box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1); }
.hz-711-p3-icon2 { display: none; }
.hz-711-p3-li-icon { width: 7.6%; position: absolute; bottom: 8.2%; right: 10.6%; }
.hz-711-p3-content li:hover .hz-711-p3-li-txt { color: #E60011; }
.hz-711-p3-content li:hover .hz-711-p3-icon2 { display: block; }
.hz-711-p3-content li:hover .hz-711-p3-icon1 { display: none; }
.hz-711-p3-li-img { overflow: hidden; }
.hz-711-p3-li-img img { transition: transform .3s linear; -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; -o-transition: transform .3s linear; }
.hz-711-p3-li-text { background-color: #fff; }
.hz-711-p3-content li:hover .hz-711-p3-li-img>img { transform: scale(1.2); -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); }
@media(max-width:1200px) {
    .hz-711-p1-txt1 { font-size: 14px; }

    /*.hz-711-p1-btn {
        margin:4% 0 3%;
    }*/
    .hz-711-p1-btn-t1 { width: 88%; font-size: 16px; margin-left: 3%; }
    .hz-711-p1-btn-icon { margin-right: 5%; }
    .hz-711-p1-txt2 { font-size: 12px; }
    .hz-711-p1-txt2>a { font-size: 12px !important; }

    /*瑙ｅ喅鏂规鏀寔*/
    .hz-711-p3-content { width: auto; padding: 0 15px; }
    .hz-711-p3-li-icon { width: 8.6%; position: absolute; bottom: 8.6%; right: 10.6%; }
}
@media(max-width:1100px) {
    .hz-711-p1-btn-t1 { width: 85%; font-size: 14px; margin-left: 5%; }
    .hz-711-p1-btn-icon { margin-right: 5%; margin-top: -1%; }
}
@media(max-width:1000px) {
    .hz-711-p1-txt1 { font-size: 12px; }
    .hz-711-p1-btn-t1 { width: 85%; font-size: 12px; margin-left: 5%; margin-top: 1%; }
    .hz-711-p1-btn { margin: 4% 0 3%; }
    .hz-711-more { width: 10.5%; }
    .hz-711-p3-li-icon { width: 9.6%; position: absolute; bottom: 8.6%; right: 10.6%; }
}
@media(max-width:768px) {
    .hero .text-box.hz-711-banner-txt { top: 4%; }
    .hz-711-p1-box { overflow: visible; }
    .hz-711-p1-img { width: 100%; float: none; }
    .hz-711-p1-con { width: 100%; float: none; background-color: #fff; box-shadow: 0 0 8px 3px #ddd; padding: 3% 4% 5%; text-align: justify; }
    .hz-711-p1-txt1 { font-size: 16px; color: #666; }
    .hz-711-p1-btn {        /*width:63.3%;*/
    width: 223px; }
    .hz-711-p1-btn-txt { width: 94%; }
    .hz-711-p1-btn-t1 { font-size: 16px; margin-top: 0.1%; }
    .hz-711-p1-btn-icon { margin-top: 3%; margin-right: 6%; }
    .hz-711-p1-txt2 { font-size: 14px; color: #666; }
    .hz-711-p1-txt2>a { font-size: 14px !important; }
    .hz-711-p2-content { padding: 0 16px; }
    .hz-711-p2-ul { margin: 0 auto 12%; }
    .hz-711-p2-ul li { width: 50% !important; }
    .hz-711-p2-title { font-size: 3.8vw; color: #242424; }
    .hz-711-p2-t { width: 76.4%; font-size: 2.8vw; color: #666; }
    .hz-711-p2-tt1 { width: 83.4%; }
    .hz-711-more {        /*width:19%;*/
    width: 79px; font-size: 14px; bottom: 2%; top: auto; }
    .hz-711-more img { width: 25% !important; padding-top: 1.5%; }

    /*瑙ｅ喅鏂规鏀寔*/
    h2.title { position: relative; border-left: 0; padding: 4px 15px; font-size: 22px; font-weight: 400; line-height: 28px; text-align: center; margin-top: 20px; margin-bottom: 10px; }
    h2.title:after { content: ''; display: block; width: 50px; margin: 10px auto; height: 1px; border-bottom: 3px solid #e60012; }
    h2.title:before { display: none; }
    .hz-711-w3-container { width: 100%; background-color: #f5f5f5; }
    .hz-711-swiper-container { width: 100%; height: auto; margin: 0 auto; }
    .hz-711-swiper-container .title { margin-top: 0; padding-top: 20px; }
    .hz-711-swiper-container .swiper-slide { text-align: center; font-size: 18px;        /*background: #fff;*/        /* Center slide text vertically */
    display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
    .hz-711-w3-container .swiper-pagination { width: 100%; position: static; padding-bottom: 5%; }
    .hz-711-w3-container .swiper-pagination-clickable .swiper-pagination-bullet { margin-left: 1.5%; }
    .hz-711-w3-container .swiper-pagination-bullet { width: 8px; height: 8px; }
    .hz-711-swiper-container img { width: 100%; }
    .hz-711-w3-li { width: 92%; margin: 0 auto 5%; position: relative; }
    .hz-711-p3-li-txt { color: #333; padding: 5% 0px 5% 5%; font-size: 3.5vw; box-shadow: 2px 3px 8px rgba(0, 0, 0, 0.1); text-align: left; background-color: #fff; }
    .hz-711-p3-li-icon { width: 4.6%; position: absolute; bottom: 6%; right: 5%; }
}
@media(max-width:640px) {
    .hz-711-p1-btn-icon { margin-top: 0; }
}
.hz-826-xg { width: 33.3%; float: left; padding: 1% 0; margin: 35px 0 0; display: block; height: 240px; }
.hz-826-xg:hover { background: #f5f5f5; }
#solution .industry .hz-826-xg:hover h3 { color: #e60011; }
.hz-826-xg .industryImg { margin-top: 2%; }
.hz-826-xg p { color: #666; font-size: 14px; line-height: 1.5em; display: block; }
.hz-826-ic2 { display: none; }
#solution .industry .hz-826-xg:hover .hz-826-ic1 { display: none; }
#solution .industry .hz-826-xg:hover .hz-826-ic2 { display: inline-block; }
.hz-826-xg .hz-826-p1,
.hz-826-xg .hz-826-p2 { width: 169px; margin: 0 auto; }
.hz-826-xg .hz-826-p3 { width: 210px; margin: 0 auto; }
#solution .industry .hz-826-xg .industryH3 { padding: 5px 47px 20px; }
#solution .industry.hz-826-bt { padding-bottom: 0; }
@media screen and (max-width:768px) {
    .applyStep.hz-xg-wd { background-color: #fff; height: auto; padding: 20px 16px 0 16px; }
    .hz-xg-wd .industryList { width: 100% !important; float: none !important; padding: 1px 0 20px 0; display: block; margin: 0 0 20px 0 !important; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); overflow: hidden; }
    #solution .industryMbl .hz-xg-wd .industryList .industryImg { width: 59%; padding: 0; margin: 10px auto 0 !important; }
    #solution .industryMbl .hz-xg-wd .industryH3 { margin: 7px auto 10px; font-size: 18px; }
    #solution .hz-xg-wd .industryText { margin-top: 0 !important; font-size: 14px !important; padding: 0 !important; float: left; }
    .industryMbl.hz-826-bg { background: #fff !important; }
}

/* 浜у搧鎶€鏈� 鏂版牱寮� 2019-09-14 */

/* 浜у搧鍒楄〃 */

.productList .productTab>ul { }
.productList .productTab>ul>li { float: left; display: inline-block; font-size: 0; }
.productList .productTab>ul>li>a { display: block; padding: 18px 10px; font-size: 20px; color: #333; text-align: center; border-bottom: 1px solid #7f7f7f; }
.productList .productTab>ul>li.active>a { color: white; background: #e60012; border-bottom: 1px solid #e60012; }
.productList .productTab>ul>li.active.hpe>a { background: #01a982; border-bottom: 1px solid #01a982; }
.productList .productSubTab ul { float: left; width: 100%; background: #f5f5f5; left: 0; display: none; font-size: 0; }
.productList .productSubTab ul.active { display: block; }
.productList .productSubTab ul li { display: inline-block; }
.productList .productSubTab ul li>a { display: block; padding: 18px 10px; font-size: 20px; color: #333; text-align: center; }
.productList .productSubTab ul li.active>a { color: #e60012; }
.productList .productSubTab ul.hpe li.active>a { color: #01a982; }
.productList .productSubTab ul li .list-item { display: none; background: white; }
.productList .productSubTab ul li.active .list-item { display: block; }
.productList .list { padding: 20px 0; }
.productList .list h4 { position: relative; margin-top: 20px; margin-bottom: 20px; padding: 5px 0; font-size: 26px; color: #333; }
.productList .list .list-item h4:before { content: ''; position: absolute; top: 100%; width: 50px; height: 2px; background: #e60012; }
.productList .list .list-item.hpe h4:before { background: #01a982; }
.productList .list .list-item { display: none; }
.productList .list .list-item.active { display: block; }
.productList .product { display: block; margin: 20px 0; border-top: 1px solid #f4f4f4; -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1); }
.productList .product .productImage { padding: 10px 80px; }
.productList .product h5 { margin: 0; padding: 10px 20px; background: #f5f5f5; font-size: 16px; color: #333; font-weight: 600; }
.productList .product p { padding: 10px 20px; font-size: 14px; color: #7f7f7f; line-height: 1.5em; }
.productList .product p.desc { min-height: 105px; }
.productList .product p.more { padding-top: 0; text-align: right; }
.productList .product p.more span { display: inline-block; padding-right: 25px; background: url('//www.h3c.com/cn/tres/NewWebUI/images/solution/protechSolveGoMoreicon.png') right center no-repeat; color: #333; }
@media screen and (max-width:768px) {
    .productList .productTab>ul>li>a { padding: 10px; font-size: 16px; }
    .productList .productSubTab ul { background: transparent; }
    .productList .productSubTab ul li { width: 100% !important; }
    .productList .productSubTab ul li>a { padding: 15px 10px; font-size: 16px; background: #f5f5f5 url('/cn/tres/NewWebUI/images/threeAll/product-server-arrow-down.png') 96% center no-repeat; background-size: 21px 21px; border-bottom: 1px solid #ccc; text-align: left; }
    .productList .productSubTab ul li.active>a { background: #f5f5f5 url('/cn/tres/NewWebUI/images/threeAll/product-server-arrow-up_h3c.png') 96% center no-repeat; background-size: 21px 21px; }
    .productList .productSubTab ul.hpe li.active>a { background: #f5f5f5 url('/cn/tres/NewWebUI/images/threeAll/product-server-arrow-up_hpe.png') 96% center no-repeat; background-size: 21px 21px; }
    .productList .productSubTab ul li h4 { margin-top: 15px; margin-bottom: 5px; }
    .productList .productSubTab ul li.active>a { border-bottom: 1px solid transparent; }
    .productList .list { display: none; }

    /*.productList .product .productImage {
        padding: 10px 20px;
    }*/ }

    /* 鎴愬姛妗堜緥 */
    .cases,
    .news { padding-bottom: 40px; }
    .cases h4 { font-size: 16px; }
    .cases h4:after { margin-left: 2px; content: ''; display: inline-block; width: 11px; height: 13px; background: url('/cn/tres/NewWebUI/images/threeAll/icon-download.png') no-repeat; }
    .cases p { font-size: 14px; line-height: 1.5em; color: #666; }
    .news .news-item { position: relative; }
    .news .news-item:after { content: ''; display: inline-block; width: 100%; border-bottom: 1px solid #e8e8e8; }
    .news .news-item label { font-size: 14px; color: #e60012; font-weight: 400; }
    .news .news-item h4 { font-size: 18px; color: #000; line-height: 1.3em; }
    .news .news-item p { font-size: 12px; line-height: 1.75em; }
    .news .news-item a.detail { float: right; font-size: 14px; color: #666; }
    .news .news-item a.detail:hover { color: #e60012; }

    /* 浜у搧璇︽儏椤� */
    .product-navi { background: rgba(255, 255, 255, .9);    /*z-index: 999;*/ width: 100%; }
    .product-navi ul { float: left; background: #f5f5f5; margin: 10px 0 28px 0; padding: 15px 44px; -webkit-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1); }
    .product-navi ul li { display: inline-block; padding: 0 16px; border-right: 1px solid #adadad; }
    .product-navi ul li:last-child { border-right: 0; }
    .product-navi ul li a { font-size: 16px; color: #333; }
    .product-navi ul li a.active { color: #e60012; }
    .product-navi.fixed { position: fixed; top: 0; left: 0; width: 100%; z-index: 1001; border-top: 1px solid #f1f1f1; }
    .product-summary { padding: 30px 0; background: #f5f5f5; }
    .product-summary > .container { display: flex; padding: 20px 0; align-items: center; }
    .product-summary .product-image { flex: none; width: 420px; margin-right: 100px; }
    .product-summary h2 { /*margin-top: 60px; */ margin-bottom: 25px; font-size: 32px; }
    .product-summary p { margin-bottom: 15px; font-size: 14px; color: #7f7f7f; line-height: 1.5em; }
    .product-summary p:last-child { margin-bottom: 0; }

    /*瑙嗛寮规*/
    .hz-video-box { position: fixed; left: 0; top: 0; width: 100%; height: 100%; z-index: 10000; display: none; }
    .hz-video-mask { position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: #000; opacity: 0.9; filter: alpha(opacity=90); }
    .hz-video-c { position: absolute; left: 50%; top: 20%; margin-left: -425px; z-index: 900; width: 850px; }
    .hz-videowin { width: 800px; float: left; }
    .hz-close { width: 20px; float: none; cursor: pointer; position: absolute; top: -5%; right: 6%; }
    .hz-close img { width: 100%; }
    #hz-videowin_jwplayer_logo { display: none !important; }
    a.ns-btn.ns-btn-primary.hz-0720-btn { padding: 8px 24px; border-radius: 20px; margin-top: 25px; }
    .product-summary h2.hz-0720-h2 { margin-top: 41px; }
    #hz-videowin_video { -top: -70px; }
    .product-detail { padding-top: 40px; padding-bottom: 40px; }
    .product-detail h3 { margin-bottom: 15px; font-size: 24px; color: #333; }
    .product-detail .product-detail-content { padding-bottom: 25px; }
    .product-detail .product-detail-content h3 { line-height: 24px; font-size: 20px; color: #000000; margin-bottom: 20px; margin-top:  25px;}
    .product-detail .product-detail-content p { margin-bottom: 20px; font-size: 14px; color: #333; line-height: 1.5em !important; }
    .product-detail .product-detail-content .table td p,
    .product-detail .product-detail-content .table th p {margin-bottom:  0}
    .product-detail .product-detail-content .icon-link { height: 120px; }
    .product-detail .product-detail-content .icon-link a { display: block; height: 100%; padding-left: 32px; padding-top: 45px; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); font-size: 18px; color: #333333; }
    .product-detail .product-detail-content .icon-link img { margin-right: 20px; vertical-align: middle; }
    
    .prodetail-list { border-top: 1px solid #e5e5e5; padding-bottom: 40px; }
    .prodetail-list h2 { line-height: 27px; font-size: 24px; color: #333333; padding-top: 40px; padding-bottom: 20px; }
    .prodetail-list h3 { line-height: 40px; font-size: 18px; color: #333333; padding-bottom: 20px; }
    .prodetail-list p { line-height: 24px; font-size: 14px; }
    .prodetail-list .prod-list-link { background: url('/cn/tres/WebUI/images/sj_link.png') no-repeat 0 5px; padding-left: 15px; line-height: 24px; font-size: 14px; width: 100%; }
    .prodetail-list p.img img { width: 100%; }
    .prodetail-list p.more { padding-top: 10px; }
    .prodetail-list p.rmore { padding-top: 10px; text-align: right; }
}
@media screen and (max-width:768px) {
    .product-summary .product-image { float: none; width: auto; margin-right: 0; }
    .product-summary h2 { margin-top: 0; }
    .product-navi { padding: 0; }
    .product-navi ul { float: none; margin: 0 -15px; padding: 10px 0; text-align: center; }
    .product-navi ul li { padding: 0 12px; }
    .product-navi ul li a { font-size: 14px; -01q- }
    .product-detail { padding-top: 20px; padding-bottom: 20px; }
    .product-detail .product-detail-content .icon-link { margin-bottom: 10px; height: 100px; }
    .product-detail .product-detail-content .icon-link a { padding: 10px; text-align: center; font-size: 12px; }
    .product-detail .product-detail-content .icon-link a img { display: block; margin: 10px auto; }
}
@media screen and (max-width:320px) {
    .product-navi ul li a { font-size: 12px; }
}
@media (min-width:992px) {
    .col-md-4 { width: 33.33333333% !important; }
}
.ListNavList.hz-xg-01 { margin-bottom: 0; }
.ListNavList.hz-xg-01 li { width: 33.33% !important; }
.hz-01q-left { width: 25.3%; overflow: hidden; box-sizing: border-box; border: 1px solid #E6E6E6; padding: 3% 0; background: #F5F5F5; float: left; }
.hz-01q-title { width: 89.1%; margin-left: 10.9%; font-size: 18px; color: #999999; margin-top: 10%; }
.hz-01q-ul { width: 89.1%; margin-left: 10.9%; overflow: hidden; margin-top: 6%; }
.hz-01q-ul li { width: 100%; margin-bottom: 3%; overflow: hidden; cursor: pointer; }
.hz-01q-ul li img { width: 6.3%; float: left; margin-right: 5.2%; margin-top: 1%; }
.hz-01q-ul li p { width: 88.5%; float: left; font-size: 16px; color: #000000; }
.hz-01-qh2 { display: none; }
.hz-01q-ul li.active p { color: #E70312; }
.hz-01q-ul li.active .hz-01-qh1 { display: none; }
.hz-01q-ul li.active .hz-01-qh2 { display: block; }
.hz-01q-right { width: 74.7%; float: right; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); padding: 4.2% 0 3%; }
.hz-01q-ul2 { width: 94%; margin: 0% auto 0; overflow: hidden; display: none; }
.hz-01q-ul2.active { display: block; }
.hz-01q-ul2 li { width: 31.5%; float: left; margin-left: 2.5%; box-sizing: border-box; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); border: 1px solid #E8E8E8; height: 235px; margin-bottom: 3%; }
.hz-01q-ul2 li:first-child,
.hz-01q-ul2 li:nth-child(4) { margin-left: 0; }
.setListCon.hz-01-xg { overflow: visible !important; }
.hz-01q-img { width: 100%; height: 189px; overflow: hidden; }
.hz-01q-img img { width: 80%; margin: 0 auto; display: block; }
.hz-01q-ul2 li p { font-size: 16px; color: #666666; text-indent: 1em; }
.hz-191202-banner_btn { width: 50%; margin-top: 3%; overflow: hidden; }
.hz-191202-banner_b1 { width: 140px; float: left; font-size: 18px; text-align: center; margin-right: 5.8%; background-color: #e60012; padding: 1.5% 0; border-radius: 20px; }
.hz-191202-banner_b1>a { font-size: 18px; color: #fff; }
.hz-191202-banner_b2 { width: 175px; float: left; font-size: 18px; text-align: center; margin-right: 5.8%; background-color: #e60012; padding: 1.5% 0; border-radius: 20px; }
.hz-191202-banner_b2>a { font-size: 18px; color: #fff; }
.hz-191202-banner_btn a { display: inline-block !important; }
.hz-01-xg.threeDiv .applicationMainOutTextBox li a { color: #333; }
.hz-01-xg.threeDiv .applicationMainOutTextBox li a:hover { color: #e60012; }
.hz-01-xg.threeDiv .applicationMblTextBox { padding-bottom: 5%; margin-bottom: 0%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
.hz-01-xg.threeDiv .applicationMblTextBox a { display: block; width: 100%; height: 100%; color: #333; }
.hz-01-xg.threeDiv .applicationMblTextBox img { width: 100%; float: left; }
.hz-01-xg.threeDiv .applicationMblTextBox h2 { font-size: 45%; margin: 3% 0 0; padding: 0 4%; width: 100%; box-sizing: border-box; float: left; }
.hz-01-xg.threeDiv .applicationMblTextBox p { font-size: 30%; width: 100%; color: #333; line-height: 1.6; box-sizing: border-box; float: left; margin: 3% 0 0; padding: 0 4%; }
.hz-01-xg.threeDiv #videoWrapH5 .protechH5VidBtn { width: 100%; background-color: #fff; padding-top: 5%; }
.hz-01-xg.threeDiv div.serversConTextBoxAct p { display: block; }
div.hz-01-xg .technicalGrey { background-color: #f9f9f9; }
.hz-01-xg.threeDiv #videoWrapH5 .technicalGrey { background-color: #f9f9f9; }
.hz-01-xg.threeDiv .applicationMainOutTextLastBox li { margin: 12px 0; }
.hz-01-xg.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 0 0 40px; }
.hz-01-xg.threeDiv .OperationalTab { max-width: 1232px; width: 100%; height: 100%; padding: 0 16px; margin: 0 auto }
.hz-01-xg.threeDiv .OperationalTabHead { width: 100%; height: 60px; border: 1px solid #e6e6e6; border-bottom: 1px solid #e60012; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 0 8px rgba(0, 0, 0, 0.1); box-shadow: 0 0 8px rgba(0, 0, 0, 0.1) }
.hz-01-xg.threeDiv .OperationalTabHead_4 { width: 25%; height: 100%; font-size: 20px; line-height: 60px; text-align: center; float: left; color: #666666; cursor: pointer; position: relative; }
.hz-01-xg.threeDiv .OperationalTabHead_4:before { position: absolute; content: ""; width: 1px; height: 30px; background: #e6e6e6; top: 15px; left: 0; }
.hz-01-xg.threeDiv .OperationalTabHead_4:first-child:before { width: 0px; }
.hz-01-xg.threeDiv .OperationalTabHeadAct { background: #e60012; color: #fff; }
.hz-01-xg.threeDiv .OperationalTabBody { width: 100%; padding: 0; margin-bottom: 40px; border: 1px solid #e6e6e6; border-top: 0; }
.hz-01-xg.threeDiv .OperationalTabBody_4 { display: none; font-size: 14px; color: #666666; height: 555px; }
.hz-01-xg.threeDiv .OperationalTabBodyShort { height: 118px }
.hz-01-xg.threeDiv .OperationalTabRightUl li { padding-left: 16px; margin-right: 40px; float: left; background: url(../images/threeAll/threearrow.png) no-repeat; background-position: 0 6px; }
.hz-01-xg.threeDiv .OperationalTabRightUl a { color: #333; font-size: 16px; }
.hz-01-xg.threeDiv .OperationalTabRightUl a:hover { color: #e60012; }
.hz-01-xg.threeDiv .OperationalTabBody_4 p { margin-bottom: 15px; font-size: 14px; }
.hz-01-xg.threeDiv .OperationalTabBodyAct { display: block; }
.hz-01-xg.threeDiv .OperationalTabLeft { width: 25%; height: 100%; float: left; background: #f5f5f5; border-right: 1px solid #e6e6e6; }
.hz-01-xg.threeDiv .OperationalTabLeft ul { padding: 10px 30px; }
.hz-01-xg.threeDiv .OperationalTabLeft li { font-size: 16px; color: #333333; position: relative; padding-left: 32px; cursor: pointer; word-break: break-all; margin: 15px 0; }
.hz-01-xg.threeDiv .OperationalTabLeft li:hover .chooseWlan_text { color: #e60012; }
.hz-01-xg.threeDiv .chooseWlanLiAct .chooseWlan_text { color: #e60012; }
.hz-01-xg.threeDiv .chooseWlan { position: absolute; top: 2px; left: 0; display: block; }
.hz-01-xg.threeDiv .chooseWlanAct { position: absolute; top: 2px; left: 0; display: none; }
.hz-01-xg.threeDiv .chooseWlanLiAct .chooseWlan { display: none; }
.hz-01-xg.threeDiv .chooseWlanLiAct .chooseWlanAct { display: block; }
.hz-01-xg.threeDiv .OperationalTabRight { width: 75%; height: 100%; float: left; padding-top: 30px; padding-left: 1.25%; padding-right: 1.25%; overflow-y: scroll; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
.hz-01-xg.threeDiv .OperationalTabRightInner { width: 30.7%; height: 236px; cursor: pointer; float: left; margin-left: 1.25%; margin-right: 1.25%; margin-bottom: 22px; border: 1px solid #ececec; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); -moz-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); -ms-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); -o-box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); box-shadow: 0 3px 6px rgba(0, 0, 0, 0.05); }
.hz-01-xg.threeDiv .OperationalTabRightInner a { display: block; width: 100%; height: 100%; }
.hz-01-xg.threeDiv .OperationalTabRightInner:hover { -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
.hz-01-xg.threeDiv .OperationalTabRightInner_img { width: 100%; }
.hz-01-xg.threeDiv .OperationalTabRightInnerBox { width: 100%; height: auto; }
.hz-01-xg.threeDiv .OperationalTabRightInner_text { font-size: 16px; line-height: 24px; width: 90%; color: #666; margin: 15px auto 0; }
.hz-01-xg .serversConText .serversConTextBox p {    /* display: none; */ }
.hz-01-xg.threeDiv .serversConText .serversConTextBox p:first-child { display: block; }
.hz-01-xg.threeDiv .paddingTop0 { padding-top: 0; }
.hz-01-xg.threeDiv #succWrapH5 .techH5SuccText { background: #fff; }
@media screen and (max-width:965px) {
    .hz-01-xg.threeDiv .applicationMainOutInner h2 { font-size: 12px; margin: 3px 0 3px; }
    .hz-01-xg.threeDiv .applicationMainOutInner p { line-height: 1.4; }
}
@media screen and (max-width:768px) {
    .hz-01-xg.threeDiv .goMBL { display: block; }
    .hz-01-xg.threeDiv .goPC { display: none; }
    .hz-01-xg.threeDiv .greyMBL { background: #f5f5f5; }
    .hz-01-xg.threeDiv .OperationalTabBodyShort .OperationalTabRight { height: auto; }
    .hz-01-xg.threeDiv .protechSolveGoMore.gotoFontred { display: block; }
    .hz-01-xg.threeDiv .OperationalTabLeft { width: 100%; height: auto; }
    .hz-01-xg.threeDiv .OperationalTabRight { width: 100%; padding: 10px; }
    .hz-01-xg.threeDiv .OperationalTabRightInner { width: 47.5%; height: auto; padding-bottom: 10px; margin-bottom: 10px; overflow: hidden; }
    .hz-01-xg.threeDiv .OperationalTabRightInner_text { font-size: 12px; line-height: 1.2; margin: 0 auto; }
    .hz-01-xg.threeDiv .OperationalTabLeft ul { padding: 10px; }
    .hz-01-xg.threeDiv .OperationalTabLeft li { float: none; padding-left: 24px; margin: 8px 0; margin-right: 35px; }
    .hz-01-xg.threeDiv .chooseWlan { width: 18px; top: 1px; }
    .hz-01-xg.threeDiv .OperationalTabBody_4 p { margin-bottom: 15px; font-size: 12px; color: #666666; line-height: 1.5; }
    .hz-01-xg.threeDiv .OperationalTabBody { padding: 0px; }
    .hz-01-xg.threeDiv .OperationalTab { padding: 0; margin-top: -6.6%; }
    .hz-01-xg.threeDiv .OperationalTabHead { height: 35px; }
    .hz-01-xg.threeDiv .OperationalTabHead_4 { font-size: 12px; line-height: 34px; }
    .hz-01-xg.threeDiv .OperationalTabHead_4:before { top: 10px; height: 15px; }
    .hz-01-xg.threeDiv .columGoMore { display: block; margin-top: 6.6%; }
    .hz-01-xg.threeDiv .secondWrapBoxAdd { padding: 0 }
    .hz-01-xg.threeDiv .serversConTextBot { display: block; float: inherit; position: inherit; bottom: 0; }
    .hz-01-xg.threeDiv .columGoMore a img { width: 16px; margin-top: 2px; }
    .hz-01-xg.threeDiv .columGoMore a { padding-right: 20px }
    .hz-01-xg.threeDiv .columGoMore { display: block; }
    .hz-01-xg.threeDiv .serversConText .serversConTextBox { padding-top: 20px; padding-bottom: 0px; }
    .hz-01-xg.threeDiv .secondWrapBoxAdd_2 .protechSolveGoMore { margin: 20px 0 0; }
    #Operational .serversConText .serversConTextBox p,
    .hz-01-xg .serversConText .serversConTextBox p {        /* display: none; */
    margin-bottom: 22px; }
    .hz-01-xg.threeDiv .serversConText .serversConTextBox p:first-child { display: block; }
    .hz-01-xg.threeDiv .serversCon { padding-top: 0; font-size: 60px; }
    .hz-01-xg.threeDiv .serversConImg { float: none; width: 100%; margin: 0; }
    .hz-01-xg.threeDiv .serversConText { background: #fff; padding: 3.75%; padding-top: 0; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
    .hz-01-xg.threeDiv .serverClick { text-align: center; margin-top: 5.625%; }
    .hz-01-xg.threeDiv .serversConBox { padding: 5.625% 0; }
    .hz-01-xg.threeDiv .paddingTop0 { padding-top: 0; }

    /* 浜у搧鍒嗙被 */
    .hz-01-xg.threeDiv .classification { padding-top: 0; font-size: 60px; }
    .hz-01-xg.threeDiv .classList li { float: none; width: 100%; margin: 0; }
    .hz-01-xg.threeDiv .classList li:first-child { margin-bottom: 3.75%; }
    .hz-01-xg.threeDiv .classListTxt h2 { font-size: 46.875%; }
    .hz-01-xg.threeDiv .classListTxt p { font-size: 37.5%; margin-top: 3%; }
    .hz-01-xg.threeDiv .classListGoTo { margin-top: 3%; }
    .hz-01-xg.threeDiv .classListTxt p { overflow: visible; white-space: normal; line-height: 1.5; }
    .hz-01-xg.threeDiv .SetTemplateInnerTab_4 { width: 33.33%; padding: 3px 6px; height: 90px; }
    .hz-01-xg.threeDiv .SetTemplateInnerBox { padding: 0; overflow: hidden; }
    .hz-01-xg.threeDiv .SetTemplateInner_img { margin: 15px auto 12px; display: block; height: 29px; }
    .hz-01-xg.threeDiv .SetTemplateInner { font-size: 12px; text-align: center; }
    .hz-01-xg.threeDiv .proSer_Btn { margin-top: 3%; }
    .hz-01q-title { margin-top: 5%; margin-left: 3.2%; }
    .hz-191202-banner_btn { width: 100%; margin-top: 10%; }
    .hz-191202-banner_b1 { width: 25%; font-size: 3.4vw; }
    .hz-191202-banner_b1>a { font-size: 3.4vw; }
    .hz-191202-banner_b2 { width: 32%; font-size: 3.4vw; }
    .hz-191202-banner_b2>a { font-size: 3.4vw; }
    .hz-1202-txg h2 { line-height: 1.3em !important; }
}
@media screen and (max-width:640px) {
    .hz-01-xg.threeDiv .serversCon,
    .hz-01-xg.threeDiv .classification { font-size: 50px; }
    .hz-01-xg.threeDiv .serversCon { font-size: 50px; }
}
@media screen and (max-width:414px) {
    .hz-01-xg.threeDiv .serversCon,
    .hz-01-xg.threeDiv .classification { font-size: 44px; }
    .hz-01-xg.threeDiv .serversCon { font-size: 44px; }
}
@media screen and (max-width:375px) {
    .hz-01-xg.threeDiv .serversCon,
    #IT_application.threeDiv .classification { font-size: 37.5px; }
    .hz-01-xg.threeDiv .serversCon { font-size: 37.5px; }
}

/*鐗╄仈缃戣В鍐虫柟妗�*/
.hz-20191211-sb_container .hz-20191211-sb_content { background: #fff !important; }
.hz-20191211-sb_container #succWrapPC .techSolveConListText { background: #fff; }
.hz-20191211-sb_container #succWrapPC .techSolveConListText h3 { font-size: 18px; color: #333; margin-top: 20px; margin-bottom: 10px; }
.hz-20191211-sb_container #succWrapPC .hz-20191211-tech-use .techSolveConListText h3 { color: #000; }
.hz-20191211-sb_container #succWrapPC .hz-20191211-sb_con { position: absolute; top: 1%; right: 0; vertical-align: middle; font-size: 14px; padding-right: 18px; }
.hz-20191211-sb_container #succWrapPC .hz-20191211-sb_con a { color: #e70012; line-height: 20px; vertical-align: middle; }
.hz-20191211-sb_container #succWrapPC .hz-20191211-sb_con>a>img { margin-top: -2%; }
.hz-20191211-sb_container .techH5SuccText .WlanAdd_p { font-size: 18px; color: #333; margin-top: 20px; margin-bottom: 10px; }
.hz-20191211-sb_container .hz-20191211-pagination { margin: 26px auto 0; }

/*璁惧鎺ュ叆*/
.secondPC { display: block; }
.secondH5 { display: none; }
.hz-191211-banner_box { position: relative; padding-top: 100px; }
.hz-191211-banner_box img { width: 100%; }
.hz-191211-banner_box .secondWrap { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }
.hz-191211-banner_box .secondWrapBox { width: 1232px; height: 100%; padding: 0 16px; margin: 0 auto; position: relative; }
.hz-191211-banner_box .secondBannerText.hz-191211-banner_txt { width: 80%; position: absolute; top: 28%; left: 16px; color: #fff; }
.hz-191211-banner_box .secondBannerText h2 { font-size: 46px; margin-top: 20px; margin-bottom: 10px; }
.hz-191211-banner_box .secondBannerText.hz-191211-banner_txt p { width: 60%; }
.hz-191211-banner_box .secondBannerText p { font-size: 16px; line-height: 1.6; margin-top: 1.42%; }
.hz-191211-banner_btn { width: 50%; margin-top: 2%; overflow: hidden; }
.hz-191211-banner_b1 { width: 140px; float: left; font-size: 18px; text-align: center; margin-right: 5.8%; background-color: #e60012; padding: 1.5% 0; border-radius: 20px; }
.hz-191211-banner_b1.hz-191203-b1 { width: 175px; }
.hz-191211-banner_b1>a { font-size: 18px; color: #fff; }
.hz-191211-banner_b1>a:hover { color: #fff; }
.hz-191211-banner_cover { width: 100%; background-color: rgba(0, 0, 0, 0.7); position: absolute; bottom: 0; left: 0; color: #fff; }
.hz-191211-banner_cover.hz-191211-ban_cov_ac { color: #000; background-color: #fff; position: fixed; top: 8%; bottom: auto; left: 0; border-bottom: 1px solid #ddd; z-index: 11; }
.hz-191211-banner_cover.hz-191211-ban_cov_ac1 { color: #000; background-color: #fff; position: fixed; top: 10.2%; bottom: auto; left: 0; border-bottom: 1px solid #ddd; z-index: 11; }
.hz-191211-banner_cover_box { width: 1200px; margin: 0 auto; overflow: hidden; }
.hz-191211-banner_list { overflow: hidden; float: right; margin: 0 auto; }
.hz-191211-banner_list>li { float: left; margin-left: 35px; line-height: 2.3em; font-size: 22px; cursor: pointer; }
.hz-191211-banner_cover.hz-191211-ban_cov_ac li { border-bottom: 3px solid #fff; }
.hz-191211-banner_cover.hz-191211-ban_cov_ac li:hover { color: #e60012; border-bottom: 3px solid #e60012; }
.hz-191211-banner_cover.hz-191211-ban_cov_ac li.hz-191211-ac { color: #e60012; border-bottom: 3px solid #e60012; }
.hz-20191211-sb_mbx { margin-top: 30px !important; }
.hz-20191211-sb_mbx .nowpage { padding: 0 !important; }
.hz-20191211-sb_mbx .koli { padding: 0 18px 0 0 !important; margin-bottom: 0 !important; }
.serversCon.hz-20191211-p1_con { padding-top: 40px; font-size: 32px; }
.hz-20191211-p1_con .secondWrapBox { width: 1232px; height: 100%; padding: 0 16px; margin: 0 auto; position: relative; }
.hz-20191211-p1_con .secondEntH3 { height: 32px; line-height: 30px; font-size: 100%; text-align: left; color: #000000; font-weight: 400; margin-bottom: 30px; border-left: 5px solid #e60012; padding-left: 16px; }
.hz-191211-p1_main { width: 1200px; margin: 0 auto; }
.hz-191211-p1_con { width: 100%; margin: 0 auto; }
.hz-191211-p1_con img { width: 100%; }
.hz-191211-p1-tit { width: 35.2%; margin: 0 auto; overflow: hidden; font-size: 18px; color: #000; margin-top: 3%; }
.hz-191211-p1_line { width: 100%; overflow: hidden; }
.hz-191211-p1_line1 { width: 18.4%; margin-left: 26.2%; font-size: 10px; float: left; }
.hz-191211-p1_line2 { width: 18.4%; font-size: 10px; float: right; margin-right: 24.6%; }
.hz-191211-p1-tab1 { float: left; }
.hz-191211-p1-tab2 { float: right; }
.hz-191211-p1_box { width: 100%; margin-top: -0.5%; border: 1px solid #e6e6e6; }
.hz-191211-p1_pad { width: 95.6%; margin: 2% auto; overflow: hidden; }
.hz-191211-p1_img { width: 52.8%; float: left; }
.hz-191211-p1_img img { width: 100%; }
.hz-191211-p1_ts { width: 41%; float: left; margin-top: 10%; }
.hz-191211-p1_ts.hz-191211-p1_ts_2 { margin-top: 9.7%; }
.hz-191211-p1_list { width: 100%; }
.hz-191211-p1_list>li { width: 100%; overflow: hidden; font-size: 14px; line-height: 2.5em; }
.hz-191211-p1_icon { width: 2%; float: left; margin-right: 2.5%; }
.hz-191211-p1_txt { width: 93%; float: left; color: #7f7f7f; }
.hz-191211-p1-tb.hz-191211-p1_active { color: #e60012; }
.hz-191211-p2_main { width: 1200px; margin: 0 auto; }
.hz-191211-p2_main img { width: 100%; }
.hz-191211-p2_list { width: 100%; margin: 2.5% auto 0; overflow: hidden; }
.hz-191211-p2_list>li { width: 29.2%; float: left; margin-left: 2.8%; }
.hz-191211-p2_list>li:first-child { margin-left: 0; }
.hz-191211-p2_list>.hz-191211-p2_li2 { width: 35.9%; }
.hz-191211-p2_block { width: 100%; border: 1px solid #e6e6e6; position: relative; }
.hz-191211-p2_block2 { margin-top: 4.1%; }
.hz-191211-p2_block.hz-191211-p2_bk { background-color: #fbfbfb; }
.hz-191211-p2_tit { width: 100%; background-color: #f4f4f4; overflow: hidden; font-size: 18px; }
.hz-191211-p2_icon { width: 30px; float: left; margin-left: 22.3%; margin-right: 4.1%; }
.hz-191211-p2_icon.ic1 { margin-left: 35.3%; }
.hz-191211-p2_icon.ic2 { margin-left: 29.6%; }
.hz-191211-p2_icon.ic3 { margin-left: 36.4%; }
.hz-191211-p2_icon>img { margin-top: 50%; }
.hz-191211-p2_tt1 { float: left; line-height: 3.3em; }
.hz-191211-p2_tbox { width: 100%; }
.hz-191211-p2_ts { width: 78%; margin: 15% auto 22.5%; font-size: 14px; color: #7f7f7f; line-height: 1.8em; }
.hz-191211-p2_ts.ts1 { width: 88.8%; margin: 2.8% auto 4%; }
.hz-191211-p2_ts.ts2 { width: 88.8%; text-align: center; margin: 3% auto 8%; }
.hz-191211-p2_ts.ts3 { margin: 11% auto 19.3%; }
.hz-191211-p2_ic { width: 68px; position: absolute; bottom: 0; right: 0; display: none; }
.hz-191211-p3_main { width: 1200px; margin: 0 auto; }
.hz-191211-p3_main img { width: 100%; }
.hz-191211-p3_list { width: 100%; margin: 2.5% auto 3%; overflow: hidden; padding: 0.5%; }
.hz-191211-p3_list>li { width: 31.4%; float: left; margin-left: 2.8%; box-shadow: 0 0 7px 0px #ddd; }
.hz-191211-p3_list>li a { display: block; padding: 9% 0; }
.hz-191211-p3_list.hz-191219-p3_list>li a { display: block; padding: 7% 0 6%; }
.hz-191211-p3_list>li:first-child { margin-left: 0; }
.hz-191211-p3_box { width: 100%; overflow: hidden; margin: 0% auto; }
.hz-191211-p3_icon { width: 13.6%; float: left; margin-left: 12%; margin-right: 5.9%; margin-top: -0.2%; }
.hz-191211-p3_ts { float: left; }
.hz-191211-p3_tit { font-size: 18px; color: #000; }
.hz-191211-p3_txt { font-size: 14px; color: #7f7f7f; }
.hz-191211-p1-tit3 { width: 50.2%; margin: 0 auto; overflow: hidden; font-size: 18px; color: #000; margin-top: 3%; }
.hz-191211-p1-tb3 { float: left;    /*margin-left:29%;*/ margin-left: 19.3%; }
.hz-191211-p1-tb3.hz-191211-p1_active { color: #e60012; }
.hz-191211-p1-tb3:first-child { margin-left: 0; }
.hz-191211-p1_line3 { width: 18.4%; margin-left: 21.8%; font-size: 10px; float: left; }
.hz-191211-p1_line4 { width: 18.4%; margin-left: 42.6%; font-size: 10px; float: left; }
.hz-191211-p1_line5 { width: 18.4%; margin-right: 20.2%; font-size: 10px; float: right; }
.hz-191211-ma-p2_list { width: 100%; margin: 2.5% auto 0; overflow: hidden; }
.hz-191211-ma-p2_list>li { width: 31.5%; float: left; margin-left: 2.7%; }
.hz-191211-ma-p2_list>li:first-child { margin-left: 0; }
.hz-191211-p2_icon.ic4 { margin-left: 30.7%; }
.hz-191211-p2_icon.ic5 { margin-left: 20.4%; }
.hz-191211-p2_ts.ts4 { width: 88%; margin: 2.8% auto 6%; text-align: center; }

/*瀹夊叏璁よ瘉*/
.hz-191211-aqrz_banner_box .secondBannerText.hz-191211-banner_txt p { margin-top: 2.42%; }
.hz-191211-aqrz_banner_box .hz-191211-banner_btn { margin-top: 4%; }
.hz-20191211-aqrz_txt { font-size: 14px; color: #7f7f7f; }
.hz-191211-p1_con.hz-191211-aqrz_p1_con .hz-191211-p1-tb3 { margin-left: 30.3%; }
.hz-191211-p1_con.hz-191211-aqrz_p1_con .hz-191211-p1-tb3:first-child { margin-left: 0; }
.hz-191211-p1_con.hz-191211-aqrz_p1_con .hz-191211-p1_line3 { margin-left: 19.4%; }
.hz-191211-p1_con.hz-191211-aqrz_p1_con .hz-191211-p1_line4 { margin-left: 41.5%; }
.hz-191211-p1_con.hz-191211-aqrz_p1_con .hz-191211-p1_line5 { margin-right: 18.9%; }
.hz-191211-p1_con.hz-191211-aqrz_p1_con .hz-191211-p1_ts { margin-top: 6%; }
.hz-20191211-aqrz_con2 .hz-191211-p2_ts.ts4 { text-align: left; }

/*杈圭紭璁＄畻*/
.hz-20191211-byjs_con .hz-191211-p1-tb1 { float: left; }
.hz-20191211-byjs_con .hz-191211-p1-tb2 { float: right; }
.hz-20191211-byjs_con .hz-191211-p1_line3 { margin-left: 26.2%; }
.hz-20191211-byjs_con .hz-191211-p1_line4 { margin-left: 55.5%; }
.hz-191211-byjs_con2 .hz-191211-ma-p2_list>li { width: 23.6%; margin-left: 1.8%; }
.hz-191211-byjs_con2 .hz-191211-ma-p2_list>li:first-child { margin-left: 0; }
.hz-191211-byjs_con2 .hz-191211-p2_icon.ic6 { margin-left: 27.9%; }
.hz-191211-byjs_con2 .hz-191211-p2_ts.ts6 { width: 80%; margin: 8% auto 10.5%; }

/*鏂板鎺ㄨ崘搴旂敤妗堜緥寮€濮�*/
.hz-20191211-use-content { padding-top: 20px !important; }
.hz-20191211-tech-use li { width: 23.1%; margin-bottom: 30px !important; }
ul.hz-20191211-tech-use li { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
.hz-20191211-tech-use .techSolveConListText { padding: 20px 20px 25px !important; }
.hz-20191211-tech-use .techSolveConListText>h3 { margin-top: 0 !important; font-size: 22px !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.hz-20191211-tech-use .techSolveConListText>p { text-overflow: ellipsis; white-space: nowrap; }

/*鏂板鎺ㄨ崘搴旂敤妗堜緥缁撴潫*/

/*鏂板鎺ㄨ崘搴旂敤妗堜緥鍒楄〃寮€濮�*/
.hz-20191211-use-list { padding-top: 0 !important; }
.hz-20191211-use-list .techSolveCon { margin-bottom: 0px !important; }
.hz-20191211-use-list li { margin-bottom: 40px; }
.hz-20191211-use-list .techSolveConListText>h3 { font-size: 22px !important; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.hz-20191211-use-list .techSolveConListText>p { text-overflow: ellipsis; white-space: nowrap; }
.hz-20191211-foot-use { overflow: hidden; }
.hz-20191211-news-page p { background: url(../smart_city_files/pagebar_line.png) no-repeat center !important; }

/*鏂板鎺ㄨ崘搴旂敤妗堜緥鍒楄〃缁撴潫*/
.hz-20191211-use-list .hz-20191211-tjsb_box h3 { font-size: 18px !important; }
.hz-20191211-tjyy_con .techSolveConList li { width: 23%; }
.techSolveConList.hz-20191211-tech-use li { width: 23.1%; }
.hz-191211-ban_jiao { display: none !important; }
@media (max-width:1400px) {
    .hz-191211-banner_box .secondBannerText.hz-191211-banner_txt h2 { font-size: 40px; margin-top: 50px; }
    .hz-191211-banner_box .secondBannerText.hz-191211-banner_txt p { font-size: 14px; margin-top: 1.8%; width: 65%; }
    .hz-191211-banner_btn { margin-top: 1.2%; }
    .hz-191211-banner_b1 { width: 100px; font-size: 14px; padding: 1% 0; }
    .hz-191211-banner_b1>a { font-size: 14px; }
    .hz-191211-banner_list>li { font-size: 16px; line-height: 2.5em; }
    .hz-191211-aqrz_banner_box .hz-191211-banner_btn { margin-top: 1%; }
}
@media (max-width:1100px) {
    .hz-191211-banner_box .secondWrapBox.hz-191211-ban_box { width: 960px; }
    .hz-191211-banner_box .secondBannerText.hz-191211-banner_txt { top: 19%; }
    .hz-191211-banner_box .secondBannerText.hz-191211-banner_txt.hz-191211-banner_txt2 { top: 25%; }
    .hz-191211-banner_box .secondBannerText.hz-191211-banner_txt h2 { font-size: 28px; margin-bottom: 0; }
    .hz-191211-banner_box .secondBannerText.hz-191211-banner_txt p { width: 58%; margin-top: 1.1%; line-height: 1.4; }
    .hz-191211-banner_btn { margin-top: 1.2%; }
    .hz-191211-banner_b1 { width: 100px; font-size: 14px; padding: 1% 0; }
    .hz-191211-banner_b1>a { font-size: 14px; }
    .hz-191211-banner_cover_box { width: 960px; }
    .hz-191211-banner_list>li { font-size: 16px; line-height: 2.5em; }
    .hz-191211-p1_main { width: 960px; }
    .hz-191211-p2_main { width: 960px; }
    .hz-191211-p2_ts.ts2 { text-align: left; margin: 3.8% auto 5%; }
    .hz-191211-p2_ts.ts3 { margin: 11% auto 17.3%; }
    .hz-191211-p3_main { width: 960px; }
    .hz-191211-p1-tit3 { width: 53.2%; }
    .hz-191211-p1-tb3 { margin-left: 25%; }
}
@media (max-width:768px) {
    .secondPC { display: none; }
    .secondH5 { display: block; }
    .hz-191211-banner_box { padding-top: 0; }
    .hz-191211-banner_box .secondWrapBox.hz-191211-ban_box { width: 100%; }
    .hz-191211-banner_box .secondBannerText { font-size: 44px; }
    .hz-191211-banner_box .secondBannerText.hz-191211-banner_txt { width: 94%; top: 12.8%; }
    .hz-191211-banner_box .secondBannerText.hz-191211-banner_txt.hz-191211-banner_txt2 { width: 94%; top: 12.8%; }
    .hz-191211-banner_box .secondBannerText.hz-191211-banner_txt h2 { margin-top: 0; font-size: 75%; }
    .hz-191211-banner_box .secondBannerText.hz-191211-banner_txt p { width: 96%; line-height: 1.6; margin-top: 3%; font-size: 37.3%; border-left: 4px solid #e60012; padding-left: 16px; top: 12.8%; }
    .hz-191211-banner_btn { width: 100%; margin-top: 6%; }
    .hz-191211-banner_b1 { font-size: 3.4vw; }
    .hz-191211-banner_b1>a { font-size: 3.4vw; }
    .hz-191211-banner_b1.hz-b1 { width: 23.4%; font-size: 3.4vw; padding: 1.5% 0; }
    .hz-191211-banner_cover { position: relative; background-color: #e6e6e6; }
    .hz-191211-banner_cover.hz-191211-ban_cov_ac2 { position: fixed; top: 0; bottom: auto; left: 0; z-index: 11; }
    .hz-191211-banner_cover_box { width: 100%; }
    .hz-191211-banner_list { float: left; width: 78%; margin-left: 3.3%; }
    .hz-191211-banner_list>li { margin-left: 0; padding: 1.5% 5%; color: #333333; font-size: 3.73vw; border-top: 2px solid #e6e6e6; line-height: 1.8em; }
    .hz-191211-banner_list>li.hz-191211_list_li_ac { border-top: 2px solid #d32d26; background-color: #fff; }
    .secondDiv .secondBanner .hz-191211-ban_jiao { width: 3vw; margin: 0 auto; opacity: 0; display: block !important; }
    .serversCon.hz-20191211-p1_con { padding-top: 0; font-size: 44px; }
    .serversCon.hz-20191211-p1_con .secondWrapBox { width: 100%; }
    .serversCon.hz-20191211-p1_con .secondEntH3 { width: 100%; padding: 6.6% 0 4%; text-align: center; color: #3c3c3c; font-size: 59.4%; border: none; margin: 0; height: auto; line-height: 1; }
    .hz-191211-p1_main { width: 93.7%; }
    .hz-191211-p1-tit { font-size: 4vw; width: 58%; }
    .hz-191211-p1_line1 { width: 30.9%; margin-left: 14.2%; }
    .hz-191211-p1_line2 { width: 30.9%; margin-right: 9.8%; }
    .hz-191211-p1_box { margin-top: -1.8%; }
    .hz-191211-p1_pad { width: 100%; margin: 5% auto 0; }
    .hz-191211-p1_img { width: 100%; float: none; }
    .hz-191211-p1_ts { width: 93.4%; float: none; margin: 3% auto 10%; }
    .hz-191211-p1_ts.hz-191211-p1_ts_2 { margin: 3% auto 10%; }
    .hz-191211-p1_list>li { line-height: 1.7em; margin-top: 2%; font-size: 3.2vw; }
    .hz-191211-p1_txt { width: 95%; line-height: 1.7em; font-size: 3.2vw;        /*letter-spacing: -0.3px;*/ }
    .hz-191211-p2_main { width: 93.7%; }
    .hz-191211-p2_list>li { width: 100%; float: none; margin-left: 0; margin-bottom: 4.1%; }
    .hz-191211-p2_list>.hz-191211-p2_li2 { width: 100%; }
    .hz-191211-p2_tit { background-color: #fff; margin-top: 5%; font-size: 4vw; }
    .hz-191211-p2_icon,
    .hz-191211-p2_icon.ic1,
    .hz-191211-p2_icon.ic2,
    .hz-191211-p2_icon.ic3 { width: 8.1%; margin-left: 7.1%; }
    .hz-191211-p2_icon>img { margin-top: 15%; }
    .hz-191211-p2_tt1 { line-height: 2.5em; }
    .hz-191211-p2_ts,
    .hz-191211-p2_ts.ts1,
    .hz-191211-p2_ts.ts2,
    .hz-191211-p2_ts.ts3 { width: 87%; margin: 0 auto 5%; font-size: 3.2vw; line-height: 1.7em; }
    .hz-191211-p3_main { width: 93.7%; }
    .swiper-container-hz-191211 { width: 100%; overflow: hidden; }
    .hz-191211-p3_list>li { width: 100%; margin-left: 0; margin-bottom: 4.1%; box-shadow: 0 0 1px 1px #ddd; }
    .swiper-pagination-hz-191211 { font-size: 4vw; text-align: center; margin-bottom: 3%; }
    .swiper-pagination-hz-191211 .swiper-pagination-bullet { width: 10px; height: 10px; }
    .hz-191211-p3_tit { margin-top: 5%; }

    /**/
    .hz-191211-p1-tit3 { font-size: 4vw; width: 100%; }
    .hz-191211-p1-tb3 { margin-left: 6%; }
    .hz-191211-p1_line3 { width: 30.9%; margin-left: 0%; }
    .hz-191211-p1_line4 { width: 30.9%; margin-left: 39.1%; }
    .hz-191211-p1_line5 { width: 30.9%; margin-right: 0%; }
    .hz-191211-ma-p2_list>li { width: 100%; float: none; margin-left: 0; margin-bottom: 4.1%; }
    .hz-191211-p2_icon.ic4,
    .hz-191211-p2_icon.ic5,
    .hz-191211-p2_icon.ic6 { width: 8.1%; margin-left: 7.1%; }
    .hz-191211-p2_ts.ts4 { width: 87%; margin: 0 auto 5%; font-size: 3.2vw; line-height: 1.7em; text-align: left; }

    /*瀹夊叏璁よ瘉*/
    .hz-191211-aqrz_banner_box .hz-191211-banner_btn { margin-top: 10%; }
    .hz-191211-aqrz_banner_box .hz-191211-banner_b1 { width: 23.4%; font-size: 3.4vw; padding: 1.5% 0; }
    .hz-191211-p1_con.hz-191211-aqrz_p1_con .hz-191211-p1-tit3 { width: 82%; }
    .hz-191211-p1_con.hz-191211-aqrz_p1_con .hz-191211-p1-tb3 { margin-left: 15.5%; }
    .hz-191211-p1_con.hz-191211-aqrz_p1_con .hz-191211-p1_line3 { margin-left: 4.1%; }
    .hz-191211-p1_con.hz-191211-aqrz_p1_con .hz-191211-p1_line4 { margin-left: 36.5%; }
    .hz-191211-p1_con.hz-191211-aqrz_p1_con .hz-191211-p1_line5 { margin-right: 2.9%; }

    /*杈圭紭璁＄畻*/
    .hz-20191211-byjs_con .hz-20191211-aqrz_txt { letter-spacing: -0.3px; }
    .hz-20191211-byjs_con .hz-191211-p1_line3 { margin-left: 14.6%; }
    .hz-20191211-byjs_con .hz-191211-p1_line4 { margin-left: 55.2%; }
    .hz-191211-byjs_con2 .hz-191211-ma-p2_list>li { width: 100%; margin-left: 0; }
    .hz-191211-byjs_con2 .hz-191211-p2_icon.ic6 { margin-left: 7.1%; }
    .hz-191211-byjs_con2 .hz-191211-p2_ts.ts6 { width: 87%; margin: 0 auto 5%; }
    .hz-20191211-smart_txt1 { font-size: 4.67vw; color: #333; margin: 1% auto 2%; }
    .hz-20191211-smart_txt2 { font-size: 3.7vw; color: #333; }
    .hz-20191211-pagination2 { margin-top: 26px; }
    .hz-20191211-sb_container .techH5SuccText .WlanAdd_p { font-size: 4vw; }

    /*鎺ㄨ崘璁惧*/
    .pro_product.hz-20191211-tjsb_pro_con { padding-top: 0; }
    #succWrapH5 .hz-20191211-tjsb_con_w .techH5SuccCon { overflow: hidden; }
    #succWrapH5 .hz-20191211-tjsb_con_w .succSysBox { width: 45.5%;        /*margin-left:5%;*/ float: left; margin-bottom: 2.5%; }
    #succWrapH5 .hz-20191211-tjsb_con_w .succSysBox .WlanAdd_p {        /*display: -webkit-box;
                                            -webkit-box-orient: vertical;
                                            -webkit-line-clamp: 1;
                                            overflow: hidden;*/
    height: 15vw; }

    /*鎺ㄨ崘搴旂敤*/
    .pro_product.hz-20191211-tjyy_con { padding-top: 0; }
    #succWrapH5 .hz-20191211-tjyy_con_w .techH5SuccCon { overflow: hidden; }
    #succWrapH5 .hz-20191211-tjyy_con_w .succSysBox { width: 45.5%;        /*margin-left:5%;*/ float: left; margin-bottom: 2.5%; }
    #succWrapH5 .hz-20191211-tjyy_con_w .succSysBox .WlanAdd_p { display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; }
    .hz-20191211-tjyy_con_w h3 { font-size: 4.67vw; color: #333; margin-top: 10px; }
    .news-page.hz-20191211-news-page a { display: inline; }
    .hz-20191211-tjyy_con_w h3 { color: #000; }
}
.techSolveCon.hz-xg-05 { height: 350px; overflow: hidden; }
.techSolveCon.hz-xg-05 li { width: 387.667px; height: 322px !important; margin-right: 20px; margin-left: 0; transition: all 0s ease !important; }
.techSolveCon.hz-xg-05 .beAnimate { width: 2200px; }
@media (max-width:1200px) {
    .techSolveCon.hz-xg-05 li { height: 290px !important; }
}

/* .lookArrowLeft{
background-image:url('../default_files/lookArrow.png')
}
.lookArrowRight{
background-image:url('../default_files/lookArrowRight.png')
}
.lookArrowLeftHover{
background-image:url('../default_files/lookArrowHover.png')
}
.lookArrowRightHover{
background-image:url('../default_files/lookArrowRightHover.png')
} */
#Management.threeDiv .MisterBoxText.hz-xg06-top { padding-top: 19px; }
.padding016.hz-xg10-l4 { padding: 0; overflow: visible; }
.padding016.hz-xg10-l4 .hotActivityInner { width: 100% !important; }
.padding016.hz-xg10-l4 .hotActivityInner { width: 23.5% !important; margin-left: 2%; margin-right: 0; }
.padding016.hz-xg10-l4 .hotActivityInner h5 { font-size: 22px; height: 58px; white-space: normal; }
.padding016.hz-xg10-l4 .hotActivityLine>div:first-child { margin-left: 0%; }
.hz-20191211-use-content { position: relative; }
.hz-20200222_swiper { overflow: hidden; padding: 0.5%; width: 91%; margin: 0 auto; }

/*.hz-20200222_swiper .swiper-wrapper {
margin-bottom:2%;
}*/
.hz-20200222_swiper .techSolveConList>li { width: 100%; }
.hz-20200222_swiper .hz-20200223-pagination { font-size: 0; text-align: center; position: absolute; bottom: -5.5% !important; z-index: 1; }
.hz-20200222_swiper .hz-20200223-pagination span { width: 10px; height: 10px; margin: 0 1% !important; }
.hz-20200222_swiper .hz-20200222_prev {    /*width: 38px;
        height: 38px;
        float: left;
        border-radius: 100px;
        border: 2px solid #b0b0b0;
        background: url(http://www.h3c.com/cn/tres/NewWebUI/images/index/lookArrow.png) no-repeat;
        background-position: 55% 50%;
        background-size:100%;*/

width: 2.3%; position: absolute; top: 50%; left: 1%; z-index: 1; cursor: pointer; }
.hz-20200222_swiper .hz-20200222_next {    /*width: 38px;
        height: 38px;
        float:right;
        border-radius: 100px;
        border: 2px solid #b0b0b0;
        background: url(http://www.h3c.com/cn/tres/NewWebUI/images/index/lookArrowRight.png) no-repeat;
        background-position: 45% 50%;
        background-size: 100%;*/

width: 2.3%; position: absolute; top: 50%; right: 1%; z-index: 1; cursor: pointer; }
.hz-20200222_swiper .hz-20200222_prev>img { width: 100%; }
.hz-20200222_swiper .hz-20200222_next>img { width: 100%; }
.hz-20200226_pic1 { display: block; }
.hz-20200226_pic2 { display: none; }
.hz-20200222_swiper .hz-20200222_prev:hover .hz-20200226_pic1 { display: none; }
.hz-20200222_swiper .hz-20200222_prev:hover .hz-20200226_pic2 { display: block; }
.hz-20200222_swiper .hz-20200222_next:hover .hz-20200226_pic1 { display: none; }
.hz-20200222_swiper .hz-20200222_next:hover .hz-20200226_pic2 { display: block; }

/*.hz-20200222_swiper .hz-20200222_next:hover {
border: 2px solid #e60012;
background: url(../smart_city_files/lookArrowRight_1.png) no-repeat;
background-position: 45% 50%;
background-size:100%;
}
.hz-20200222_swiper .hz-20200222_prev:hover {
border: 2px solid #e60012;
background: url(../smart_city_files/lookArrow_1.png) no-repeat;
background-position: 55% 50%;
background-size:100%;
}*/
.hz-20200223-fac_tab { width: 1200px; margin: 0 auto; background-color: #F2F2F2; }
.hz-20200223-fac_list { width: 100%; overflow: hidden; margin-bottom: 2%; }
.hz-20200223-fac_list>li { width: 25%; float: left; margin: 0 auto !important; border-top: 3px solid #f2f2f2; padding: 1.8% 0 2%; }
.hz-20200223-fac_list>li.active { border-top: 3px solid #e60012; background-color: #fff; }
.hz-20200223-fac_txt { font-size: 16px; color: #333333; line-height: 1.6em; text-align: center; border-left: 2px solid #E9E9E9; }

/*浜戞闈㈡ā鍧�*/
.newmb_status { display: none; }
.cloud_desktop .columWrapBox { box-sizing: border-box; }
.cloud_desktop { padding-top: 40px; font-size: 32px; background: #f5f5f5; padding-bottom: 50px; color: #333; overflow: hidden; }
.cloud_desktop ul li:first-child { padding-left: 0; }
.cloud_desktop ul li:last-child { padding-right: 0; }
.cloud_desktop li { width: 50%; float: left; padding: 0 15px; box-sizing: border-box; }
.cloud_desktop li .cloud_box { background: #fff; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); transition: all .3s; }
.cloud_desktop li .cloud_box:hover { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); }
.cloud_desktop .cloud_img { overflow: hidden; }
.cloud_desktop .cloud_img img:hover { transform: scale(1.2); }
.cloud_desktop .cloud_img img { width: 100%; display: block; transition: all .3s linear; }
.cloud_desktop .cloud_text { padding: 30px 20px 55px 20px; position: relative; }
.cloud_more { display: block; color: #e70012; position: absolute; padding-right: 30px; bottom: 30px; right: 20px; font-size: 14px; }
.cloud_more img { position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.cloud_desktop .cloud_text h5 { color: #333; font-size: 24px; padding-bottom: 10px; }
.cloud_desktop .cloud_text p { color: #666; line-height: 1.6; font-size: 14px; }
@media (max-width:768px) {
    .newpc_status { display: none; }
    .newmb_status { display: block; }
    .cloud_desktopmb { font-size: 37.5px; position: relative; background: #f5f5f5; padding: 0 16px 25px 16px; }
    .cloud_desktopmb .cloud_img img { width: 100%; display: block; }
    .new_allh3 { width: 100%; padding: 6% 0 4%; text-align: center; font-size: 59.4%; border: none; margin: 0; height: auto; line-height: 1; font-weight: 400; color: #3c3c3c; }
    .new_allline { width: 8%; height: 3px; background: #e60012; margin: 1.8% auto 0; display: block; }
    .cloud_box { background: #fff; }
    .cloud_desktopmb .cloud_text { position: relative; padding: 15px 20px 40px 20px; }
    .cloud_desktopmb .cloud_text h5 { font-size: 46.66%; color: #333; padding-bottom: 5px; }
    .cloud_desktopmb .cloud_text p { font-size: 14px; color: #666; }
    .cloud_more { font-size: 14px; right: 16px; bottom: 15px; }
    .swiper-sercloud { overflow: hidden; position: relative; }
    .sercloudpage { text-align: center; line-height: 0; padding-top: 5%; }
    .sercloudpage .swiper-pagination-bullet { width: 10px; height: 10px; }
}

/*鎶€鏈笓鍖� */
.Technology_area { padding-top: 40px; font-size: 32px; padding-bottom: 80px; }
.Technology_area .columWrapBox { box-sizing: border-box; }
.Technology_area .area_box { padding-top: 20px; }
.Technology_area .area_box li { width: 14.2%; float: left; }
.Technology_area .area_box li div { width: 70%; margin: 0 auto; text-align: center; }
.Technology_area .area_box li span { border-radius: 100%; display: block; background: #fff9f9; text-align: center; width: 80px; height: 80px; margin: 0 auto; line-height: 80px; position: relative; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); transition: all .3s; }
.Technology_area .area_box li span:hover { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); }
.Technology_area .area_box li span img { width: 52px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.Technology_area .area_box li div p { font-size: 14px; padding-top: 20px; color: #333; }
@media (max-width:768px) {
    .Technology_areamb { font-size: 37.5px; padding: 0 16px 25px 16px; }
    .swiper-Technology-area { position: relative; overflow: hidden; }
    .Technology-area-page .swiper-pagination-bullet { width: 10px; height: 10px; }
    .areamb_box li { width: 33.333%; float: left; }
    .areamb_box li p { font-size: 14px; text-align: center; padding-top: 10px; color: #333; }
    .areamb_box li div { margin: 0 auto; width: 70%; }
    .areamb_box li span { display: block; margin: 0 auto; text-align: center; border-radius: 100%; background: #fff9f9; width: 80px; height: 80px; position: relative; }
    .areamb_box li span img { width: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .Technology-area-page { text-align: center; line-height: 0; padding-top: 5%; }
}

/* 璧勬枡涓績 */
.data_center .columWrapBox { box-sizing: border-box; }
.data_center { background: #f5f5f5; font-size: 32px; padding-top: 40px; padding-bottom: 50px; }
.data_center ul { box-sizing: border-box; padding-top: 7px; }
.data_center ul li:first-child { padding-left: 0; }
.data_center ul li:last-child { padding-right: 0; }
.data_center li { width: 20%; padding: 0 7px; float: left; text-align: center; box-sizing: border-box; }
.data_center li div { background: #fff; padding: 45px 20px; position: relative; box-sizing: border-box; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); transition: all .3s; }
.data_center li div:hover { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); }
.data_center li div img { width: 20%; position: absolute; top: 50%; left: 35px; transform: translateY(-50%); }
.data_center li p { font-size: 18px; text-align: center; padding-left: 40px; color: #333; }
@media (max-width:1200px) {
    .data_center li div img { width: 18%; left: 25px; }
}
@media (max-width:768px) {
    .data_centermb { font-size: 37.5px; padding: 0 16px 25px 16px; background: #f5f5f5; }
    .swiper-data-centermb { position: relative; overflow: hidden; }
    .data-centermb-page { text-align: center; line-height: 0; padding-top: 5%; }
    .data-centermb-page .swiper-pagination-bullet { width: 10px; height: 10px; }
    .data_centermb_box li { width: 50%; padding: 0 5px; float: left; box-sizing: border-box; }
    .data_centermb_box li div { background: #fff; padding: 25px 10px; text-align: center; font-size: 46.66%; position: relative; }
    .data_centermb_box li div img { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); width: 20%; }
    .data_centermb_box li div span { display: block; padding-left: 30px; color: #333; }
    .data_centermb_box li:first-child { padding-left: 0; }
    .data_centermb_box li:last-child { padding-right: 0; }
}
@media (max-width:768px) {
    .newpc_status { display: none; }
    .newmb_status { display: block; }
    .cloud_desktopmb { font-size: 37.5px; position: relative; background: #f5f5f5; padding: 0 16px 25px 16px; }
    .cloud_desktopmb .cloud_img img { width: 100%; display: block; }
    .new_allh3 { width: 100%; padding: 6% 0 4%; text-align: center; font-size: 59.4%; border: none; margin: 0; height: auto; line-height: 1; font-weight: 400; color: #3c3c3c; }
    .new_allline { width: 8%; height: 3px; background: #e60012; margin: 1.8% auto 0; display: block; }
    .cloud_box { background: #fff; }
    .cloud_desktopmb .cloud_text { position: relative; padding: 15px 20px 40px 20px; }
    .cloud_desktopmb .cloud_text h5 { font-size: 46.66%; color: #333; padding-bottom: 5px; }
    .cloud_desktopmb .cloud_text p { font-size: 14px; color: #666; }
    .cloud_more { font-size: 14px; right: 16px; bottom: 15px; }
    .swiper-sercloud { overflow: hidden; position: relative; }
    .sercloudpage { text-align: center; line-height: 0; padding-top: 5%; }
    .sercloudpage .swiper-pagination-bullet { width: 10px; height: 10px; }
}

/*鎶€鏈笓鍖� */
.Technology_area { padding-top: 40px; font-size: 32px; padding-bottom: 80px; }
.Technology_area .columWrapBox { box-sizing: border-box; }
.Technology_area .area_box { padding-top: 20px; }
.Technology_area .area_box li { width: 14.2%; float: left; }
.Technology_area .area_box li div { width: 70%; margin: 0 auto; text-align: center; }
.Technology_area .area_box li span { border-radius: 100%; display: block; background: #fff9f9; text-align: center; width: 80px; height: 80px; margin: 0 auto; line-height: 80px; position: relative; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); transition: all .3s; }
.Technology_area .area_box li span:hover { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); }
.Technology_area .area_box li span img { width: 52px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.Technology_area .area_box li div p { font-size: 14px; padding-top: 20px; color: #333; }
@media (max-width:768px) {
    .Technology_areamb { font-size: 37.5px; padding: 0 16px 25px 16px; }
    .swiper-Technology-area { position: relative; overflow: hidden; }
    .Technology-area-page .swiper-pagination-bullet { width: 10px; height: 10px; }
    .areamb_box li { width: 33.333%; float: left; }
    .areamb_box li p { font-size: 14px; text-align: center; padding-top: 10px; color: #333; }
    .areamb_box li div { margin: 0 auto; width: 70%; }
    .areamb_box li span { display: block; margin: 0 auto; text-align: center; border-radius: 100%; background: #fff9f9; width: 80px; height: 80px; position: relative; }
    .areamb_box li span img { width: 40px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
    .Technology-area-page { text-align: center; line-height: 0; padding-top: 5%; }
}

/* 璧勬枡涓績 */
.data_center .columWrapBox { box-sizing: border-box; }
.data_center { background: #f5f5f5; font-size: 32px; padding-top: 40px; padding-bottom: 50px; }
.data_center ul { box-sizing: border-box; padding-top: 7px; }
.data_center ul li:first-child { padding-left: 0; }
.data_center ul li:last-child { padding-right: 0; }
.data_center li { width: 20%; padding: 0 7px; float: left; text-align: center; box-sizing: border-box; }
.data_center li div { background: #fff; padding: 45px 20px; position: relative; box-sizing: border-box; box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); transition: all .3s; }
.data_center li div:hover { box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2); }
.data_center li div img { width: 20%; position: absolute; top: 50%; left: 35px; transform: translateY(-50%); }
.data_center li p { font-size: 18px; text-align: center; padding-left: 40px; color: #333; }
@media (max-width:1200px) {
    .data_center li div img { width: 18%; left: 25px; }
}
@media (max-width:768px) {
    .data_centermb { font-size: 37.5px; padding: 0 16px 25px 16px; background: #f5f5f5; }
    .swiper-data-centermb { position: relative; overflow: hidden; }
    .data-centermb-page { text-align: center; line-height: 0; padding-top: 5%; }
    .data-centermb-page .swiper-pagination-bullet { width: 10px; height: 10px; }
    .data_centermb_box li { width: 50%; padding: 0 5px; float: left; box-sizing: border-box; }
    .data_centermb_box li div { background: #fff; padding: 25px 10px; text-align: center; font-size: 46.66%; position: relative; }
    .data_centermb_box li div img { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); width: 20%; }
    .data_centermb_box li div span { display: block; padding-left: 30px; color: #333; }
    .data_centermb_box li:first-child { padding-left: 0; }
    .data_centermb_box li:last-child { padding-right: 0; }
}
@media (max-width:768px) {
    .hz-20200223-fac_tab_w { width: 100%; margin-bottom: 3%; background-color: #E5E5E5; overflow-x: auto; overflow-y: hidden; }
    .hz-20200223-fac_list2 { width: 150%; overflow-y: hidden; }
    .hz-20200223-fac_list2>li { width: 23%; float: left; padding: 1.2% 0 1.2%; border-top: 3px solid #E9E9E9; }
    .hz-20200223-fac_list2>li.active { border-top: 3px solid #e60012; background-color: #F5F5F5; }
    .hz-20200223-fac_txt_w { font-size: 4vw; color: #333333; text-align: center; line-height: 1.3em; }
    .hz-20200223-fac_jt { width: 7.5%; font-size: 0; margin: 1% auto 0; opacity: 0; }
    .hz-20200223-fac_jt>img { width: 100%; }
    .hz-20200223-fac_list2>li.active .hz-20200223-fac_jt { opacity: 1; }
}

/*璺敱鍣�*/
.hz-20191225-lyq_con { width: 100%; }
.hz-20191225-lyq_con img { width: 100%; }
.hz-20191225-lyq_banner { width: 1200px; margin: 0 auto 40px; position: relative; }
.hz-20191225-lyq_banner_ts { width: 78.6%; overflow: hidden; position: absolute; top: 33.1%; left: 9.8%; }
.hz-20191225-lyq_banner_tit { font-size: 48px; color: #fff; float: left; }
.hz-20191225-lyq_banner_btn { width: 173px; background-color: #e60012; text-align: center; padding: 1.2% 0 1.24%; float: right; margin-top: 1.6%; }
.hz-20191225-lyq_banner_btn>a { font-size: 18px; color: #fff; padding: 5% 18%; }
.hz-20191225-lyq_banner_btn>a>img { width: 5.4%; margin-left: 6%; }
.hz-20191225-pc_show { display: block; }
.hz-20191225-phone_show { display: none; }
@media (max-width:1200px) {
    .hz-20191225-lyq_banner { width: 970px; }
    .hz-20191225-lyq_banner_btn { padding: 1.5% 0 1.52%; }
}
@media (max-width:990px) {
    .hz-20191225-lyq_banner { width: 750px; }
    .hz-20191225-lyq_banner_tit { font-size: 40px; }
    .hz-20191225-lyq_banner_btn { width: 140px; margin-top: 2%; padding: 1.94% 0 1.96%; }
    .hz-20191225-lyq_banner_btn>a { font-size: 18px; }
}
@media (max-width:750px) {
    .hz-20191225-pc_show { display: none; }
    .hz-20191225-phone_show { display: block; }
    .hz-20191225-lyq_banner { width: 91.47%; margin-top: 5%; margin-bottom: 5%; }
    .hz-20191225-lyq_banner_ts { top: 21.1%; }
    .hz-20191225-lyq_banner_tit { font-size: 5.87vw; float: none; margin: 0 auto; text-align: center; }
    .hz-20191225-lyq_banner_btn { width: 30.4%; margin-top: 3%; float: none; margin: 3% auto 0; padding: 1% 0 1%; }
    .hz-20191225-lyq_banner_btn>a { font-size: 2.93vw; padding: 4% 15%; }
    .service_wrap .secondDiv .hz-20191225_lyq_title .secondEntH3 { font-size: 22px; text-align: center; padding: 0; border: none; }
}
.secondDiv .secondWrapBox.hz-020303-xg { overflow: visible; }
.secondDiv .secondBanner.hz-020304-xg { padding-top: 0; }
.secondDiv .secondBanner.hz-020304-xg .swiper-culture { padding-bottom: 0; }
.secondDiv .secondBanner.hz-020304-xg .swiper-special { padding-bottom: 0; }
.hz-020326-pagination { position: absolute; left: 0; bottom: 0 !important; width: 100%; z-index: 300; text-align: center; margin: 20px 0; }
.hz-020326-pagination span { width: 8px; height: 8px; background-color: #fff !important; opacity: 1; border-radius: 100%; }
.hz-020326-pagination span.swiper-pagination-bullet-active { background-color: #e60012 !important; }
.hero-container-020326 img { width: 100%; }
.hz-020327-fhtxt { width: 65.7%; margin: 120px auto 3%; }
.hz-020327-fhtxt img,
.hz-020327-fhtxt_center img,
.hz-020327-fhtxt_center-2 img { float: none; }
.bannerInnerBtn.hz-mleft { margin-left: 45px; }
.bannerInnerText.t1 .bannerInnerBtn { font-weight: 600; width: 150px; padding: 0 23px; box-sizing: border-box; margin: 0 auto; float: none; }
.hz-020327-fhtxt_center { width: 69.8%; margin: 3% auto 2%; }
.bannerInner { position: relative; }
.hz-xglhlogo { width: 18.6%; position: absolute; right: 1.2%; top: -27%; }
.bannerInnerText.t1 p { float: left; height: 100%; line-height: 40px; margin-bottom: 0; font-size: 18px; text-shadow: none; }

/* 20200527棣栭〉banner */
.btn618.t1 .bannerInnerBtn { margin: 0; }
.hz-618logo { width: 173px; height: 53px; line-height: 53px; margin-top: 75px; }
.hz-618logo img { width: 100%; }
.h-618-text { margin-top: 60px; margin-bottom: 50px; }
.h-618-text h2 { font-size: 56px; line-height: 1.4; font-weight: 600; }
.btn618.t1 { padding-left: 0; }
@media (max-width:1600px) {
    .hz-020327-fhtxt { width: 57%; margin-top: 40px; }
    .hz-xglhlogo { top: -6%; }

    /* 20200527棣栭〉banner */
    .hz-618logo { margin-top: 50px; }
    .hz-618logo img { width: 80%; }
    .h-618-text { margin-top: 30px; margin-bottom: 30px; }
    .h-618-text h2 { font-size: 56px; font-weight: 600; }
}
@media (max-width:1282px) {

    /* 20200527棣栭〉banner */
    .h-618-text h2 { font-size: 28px; padding-bottom: 5px; font-weight: 600; }
    .hz-618logo img { width: 70%; }
}
@media (max-width:1200px) {
    .hz-020327-fhtxt { width: 48%; margin-top: 50px; margin-bottom: 2%; }
    .bannerInnerText.t1 { padding-left: 0; }
    .bannerInnerText.t1 .bannerInnerBtn { margin-left: 41.1%; }

    /* 20200527棣栭〉banner */
    .btn618.t1 .bannerInnerBtn { margin: 0; }
}
@media (max-width:1080px) {
    .bannerInnerText.t1 p { line-height: 35px; }
    .banner .bannerBtnArrow { margin-top: 7px; }
}
@media (max-width:760px) {
    .hz-020327-fhtxt { width: 87.7%; margin-top: 20%; margin-bottom: 5%; }
    .bannerInnerBtn.hz-mleft { margin-left: 5%; }
    .bannerInner.hz-020327-pad { padding: 0; }
    .hz-xglhlogo { width: 32%; right: 5.7%; top: -110%; }
    .hz-020327-fhtxt { width: 85.7%; margin: 40% auto 19%; }
    .bannerInnerBtn.t1 { margin-left: 36.2%; }
    .hz-020327-pad .bannerInnerBtn .bannerBtnArrow { margin-top: 7px; }
    .bannerInnerBtn.bannerInnerBtnMbl img { margin-left: 0; margin-top: 7px; }

    /* 20200527棣栭〉banner */
    .btn618.t1 .bannerInnerBtn { margin: 0 auto; }
    .hz-618logo { margin-top: 27px; width: 70.5px; height: 21.5px; line-height: 21.5px; margin: 27px auto 0 auto; }
    .hz-618logo img { width: 100%; }
    .h-618-text { margin-top: 30px; margin-bottom: 15px; }
    .h-618-text h2 { font-size: 30px; padding-bottom: 0; line-height: 1.2; font-weight: 600; text-align: center; }
}

/* 2020/04/20 */
.hz-20200420-dn-top { width: 27.5%; position: absolute; top: 10.2%; left: 10.8%; }
.hz-20200420-dn-top>img { width: 100%; }
.hz-20200420-dn-kuang { width: 48.3%; position: absolute; top: 7.2%; left: 41%; }
.hz-20200420-dn-kuang>img { width: 100%; }
.hz-20200420-dn-txt1 { width: 91.8%; position: absolute; top: 8.7%; left: 0; right: 0; margin: 0 auto; font-size: 18px; color: #000000; line-height: 1.6em; }
.hz-20200420-dn-txt2 { position: absolute; top: 39%; left: 4.7%; font-size: 18px; color: #000000; letter-spacing: -0.2px; }
.hz-20200420-dn-left { width: 44.7%; position: absolute; top: 49.3%; left: 5%; }
.hz-20200420-dn-left img { width: 100%; }
.hz-20200420-dn-pic1 { width: 24%; position: absolute; top: 2%; left: 0; }
.hz-20200420-dn-pic2 { width: 65.3%; position: absolute; top: 46.9%; left: 0; }
.hz-20200420-dn-btn { cursor: pointer; }
.hz-20200420-dn-btn1 { width: 35.3%; position: absolute; top: 0; left: 27.8%; }
.hz-20200420-dn-btn2 { width: 35.3%; position: absolute; top: 0; right: 0; }
.hz-20200420-dn-btn3 { width: 35.3%; position: absolute; top: 27.8%; left: 27.8%; }
.hz-20200420-dn-btn4 { width: 35.3%; position: absolute; top: 27.8%; right: 0; }
.hz-20200420-dn-btn5 { width: 72.2%; position: absolute; bottom: 0; left: 27.8%; }
.hz-20200420-dn-txt3 { position: absolute; top: 20%; left: 0; right: 0; margin: 0 auto; color: #000000; font-size: 16px; text-align: center; line-height: 1.5em; }
.hz-20200420-dn-show1 { display: block; }
.hz-20200420-dn-show2 { display: none; }
.hz-20200420-dn-btn:hover .hz-20200420-dn-show1 { display: none; }
.hz-20200420-dn-btn:hover .hz-20200420-dn-show2 { display: block; }
.hz-20200420-dn-btn5:hover .hz-20200420-dn-txt3 { color: #ffffff; }
.hz-20200420-dn-txt4 { position: absolute; top: 39%; left: 66.7%; font-size: 18px; color: #000000; letter-spacing: -0.2px; }
.hz-20200420-dn-right { width: 42%; position: absolute; top: 49.2%; right: 3%; }
.hz-20200420-dn-right img { width: 100%; }
.hz-20200420-dn-pic3 { width: 56.3%; position: absolute; top: 0; left: 0; }
.hz-20200420-dn-line { width: 42.3%; position: absolute; top: 10.9%; right: 0; }
.hz-20200420-dn-t { position: absolute; top: 0.1%; left: 1.4%; font-size: 15px; font-style: italic; color: #000000; line-height: 1.1em; letter-spacing: -0.3px; }
.hz-20200420-dn-t>span { font-weight: 600; }
.hz-20200420-dn-t>.hz-20200420-dn-span1 { color: #6193e6; }
.hz-20200420-dn-t.hz-20200420-dn-t2 { top: 20.6%; left: 11%; }
.hz-20200420-dn-t.hz-20200420-dn-t3 { top: 41.1%; }
.hz-20200420-dn-t.hz-20200420-dn-t4 { top: 61.6%; left: 11%; }
.hz-20200420-dn-t.hz-20200420-dn-t5 { top: 82.1%; }
@media (max-width:1220px) {
    .hz-20200420-dn-txt1 { width: 93.8%; font-size: 16px; }
    .hz-20200420-dn-t { font-size: 13px; }
}
@media (max-width:1070px) {
    .hz-20200420-dn-txt1 { width: 93.8%; font-size: 14px; }
    .hz-20200420-dn-t { font-size: 11px; }
}
@media (max-width:750px) {
    .hz-20200420-dn-top { width: 60.5%; position: absolute; top: 3.5%; left: 0; right: 0; margin: 0 auto; }
    .hz-20200420-dn-kuang { width: 92.5%; position: absolute; top: 15.8%; left: 0; right: 0; margin: 0 auto; }
    .hz-20200420-dn-txt1 { font-size: 3.7vw; top: 2.7%; width: 93.7%; letter-spacing: -0.5px; }
    .hz-20200420-dn-txt2 { position: absolute; top: 35.4%; left: 0; right: 0; margin: 0 auto; font-size: 3.7vw; text-align: center; }
    .hz-20200420-dn-left { width: 94.3%; position: absolute; top: 42.4%; left: 0; right: 0; margin: 0 auto; }
    .hz-20200420-dn-txt3 { font-size: 3vw; }
    .hz-20200420-dn-txt4 { position: absolute; top: 68.4%; left: 0; right: 0; margin: 0 auto; text-align: center; font-size: 3.7vw; }
    .hz-20200420-dn-right { width: 93.9%; position: absolute; top: 72.9%; left: 0; right: 0; margin: 0 auto; }
    .hz-20200420-dn-t { font-size: 2.7vw; }
    .hz-20200420-dn-t>span { font-weight: normal; }
    .hz-20200420-dn-btn:hover .hz-20200420-dn-show1 { display: block; }
    .hz-20200420-dn-btn:hover .hz-20200420-dn-show2 { display: none; }
    .hz-20200420-dn-btn5:hover .hz-20200420-dn-txt3 { color: #000000; }
}
.hz-020422-xg { position: relative; cursor: pointer; }
.hz-020422-xg img { width: 100%; }
.hz-020422-xg .proVidConImgBtn { position: absolute; width: 8.1%; left: 50%; margin-left: -4.05%; top: 40%; }
@media (max-width:750px) {
    .hz-020422-xg .proVidConImgBtn { width: 14%; left: 50%; margin-left: -7%; top: 35%; }
}

/* 棰嗚埅鑰呰PC css鏂板寮€濮�*/

/*棣栭〉*/
.hz-020421-lhz { width: 100%; margin: 0 auto; position: relative; }
.hz-020421-lhz-title { font-size: 36px; font-weight: 600; margin-left: 5.9%; margin-top: 4.3%; color: #000000; }
.hz-020421-lhz-main { position: absolute; left: 0; top: 0; width: 100%; height: 100%; overflow: hidden; }
.hz-020421-lhz-t1 { width: 66%; margin-top: 5.5%; box-sizing: border-box; overflow: hidden; margin-left: 6%; }
.hz-0721-conbox { width: 21.3%; height: auto; margin-left: 6%; display: none; }
.hz-0721-k1-jt { width: 0; height: 0; border: 7px solid transparent; border-bottom-color: #fff; margin-left: 7.4%; opacity: 0.7; border-top-width: 7px; }
.hz-0721-k1-wrap { width: 100%; margin-left: 0%; background: rgba(255, 255, 255, 0.7); box-shadow: 0px 3px 8px rgba(0, 0, 0, 0.2); }
.hz-0721-k1-item { width: 84.6%; overflow: hidden; margin: 0 auto; cursor: pointer; padding-bottom: 6%; padding-top: 3.5%; }
.hz-0721-k1-item:first-child { padding-bottom: 0%; padding-top: 6%; }
.hz-0721-arr4 { width: 3.3% !important; float: left; margin-top: 2.7%; margin-right: 4%; }
.hz-0721-arr4 img { width: 100%; }
.hz-0721-k1-item-tit a { float: left; font-size: 14px; color: #000; }
.hz-0721-k1-item-tit a:hover { color: #e60012; }
.hz-020421-lhz-t1 p { width: 92.4%; float: left; font-size: 18px; color: #000000; line-height: 1.7em; }
.hz-020421-lhz img { width: 100%; }
.hz-020506-ul { width: 94%; margin-left: 6%; overflow: hidden; margin-top: 2%; }
.hz-020506-ul li { float: left; margin-left: 2%; overflow: hidden; box-sizing: border-box; border-right: 1px solid #2e343a; padding-right: 20px; }
.hz-020506-ul li:first-child { margin-left: 0; }
.hz-020506-ul li:last-child { border: none; }
.hz-020506-ul li p { float: left; font-size: 16px; color: #000000; line-height: 1em; }
.hz-020506-ul li img { width: 15px; margin-left: 10px; float: left; margin-top: 1px; }
.hz-020506-arr2 { display: none; }
.hz-020506-ul li:nth-child(2):hover p { color: #e60012; }
.hz-0721-show-pc { display: block; }
.hz-0721-show-mbl { display: none; }

/*article椤垫柊澧�*/
.hz-0721-wz-banner { width: 100%; height: auto; position: relative; overflow: hidden; margin-top: 100px; }
.hz-0721-wz-banner img { width: 100%; float: left; }
.hz-0721-banner-titbox { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 10; }
.hz-0721-banner-tit { width: 100%; height: auto; max-width: 1232px; min-width: 320px; padding: 0 16px; margin: 0 auto; position: relative; }
.hz-0721-banner-tit-wrap { width: 100%; position: absolute; top: 31%; }
.hz-0721-banner-tit>h2 { font-size: 46px; color: #333; font-weight: 400; padding-left: 0px; line-height: 1.2; }
.hz-0721-banner-tit2>h2 { color: #fff; }
.hz-0721-show-pc { display: block; }
.hz-0721-show-mbl { display: none; }
.hz-0721-banner-tit2 { color: #fff; }
.hz-0721-crumbs { width: 63% !important; margin: 0 auto !important; margin-top: 0% !important; }
.hz-0721-container { width: 900px; }
.hz-0721-contbox { width: 100%; float: none; padding: 0%; }
.hz-0721-bigbox { width: 100%; overflow: hidden; }
.hz-0721-iconbox { float: right; width: 50% !important; }
.hz-0721-bigtit { border-bottom: none !important; padding: 10px 0px 0px 0px !important; }
.hz-0721-smalltit { color: #666; text-align: center; font-size: 18px; padding: 10px 0px 30px; border-bottom: 2px solid #EEE; }
.hz-0721-wz { width: 74%; margin: 0 auto; }
.hz-0721-time { font-size: 12px; color: #999; text-align: right; line-height: 24px; margin-right: 20px; float: left; margin-top: 25px; }
.hz-0721-p-align { text-align: left; }
.hz-0721-crumbs>ul.container { width: 900px !important; }

/* 棰嗚埅鑰呰PC css鏂板缁撴潫*/
@media (max-width:1220px) {
    .hz-020421-lhz-t1 p { width: 95%; }
}

/* 棰嗚埅鑰呰Mbl css鏂板寮€濮�*/
@media (max-width:770px) {
    .hz-020421-lhz-title { font-size: 5.3vw; margin-left: 6.4%; margin-top: 5%; }
    .hz-020421-lhz-t1 { position: relative; width: 82%; margin-left: 6.4%; margin-top: 10.5%; }
    .hz-0721-k1-item-tit a { font-size: 2.9vw; width: 92%; }
    .hz-0721-conbox { width: 59%; height: auto; margin-left: 6%; display: none; position: absolute; top: 50%; }
    .hz-0721-k1-item { width: 91.6%; }
    .hz-020421-lhz-t1 p { font-size: 3.2vw; text-align: justify; color: #333; line-height: 1.5em; }
    .hz-020506-ul { width: 93.6%; margin-left: 6.4%; margin-top: 2.5%; }
    .hz-020506-ul li { width: 27%;        /*  float: none;*/ margin-bottom: 4%; margin-left: 5%; }
    .hz-020506-ul li:first-child { margin-left: 0%; }
    .hz-020506-ul li p { font-size: 3.2vw; line-height: 1.2em; }
    .hz-020506-ul li img { width: 10px; margin-left: 6%; margin-top: 3%; }
    .hz-0721-show-pc { display: none; }
    .hz-0721-show-mbl { display: block; }
    .hz-0721-wz-banner { width: 100%; height: auto; position: relative; overflow: hidden; margin-top: 0px; }
    .hz-0721-banner-tit { font-size: 37px; padding: 0 11px 0 16px; }
    .hz-0721-banner-tit>h2 { font-size: 75%; color: #fff; margin: 10.6% 0 15px 0; line-height: 1.5em; }
    .hz-0721-container { width: 100%; margin-top: 3%; }
    .hz-0721-smalltit { padding: 8px 0px 23px; letter-spacing: -0.55px; font-size: 4.2vw; }
    .hz-0721-time { font-size: 2.46vw; float: right; margin-top: 6px; }
    .hz-0721-contbox { position: relative; min-height: 1px; padding-left: 15px; padding-right: 15px; }
    .hz-0721-bigtit { font-size: 5.6vw !important; letter-spacing: -0.2px; }
    .hz-0721-p-align { text-align: center; }
    .hz-0721-banner-tit-wrap { width: 100%; position: relative; top: 0%; }
}

/* 棰嗚埅鑰呰Mbl css鏂板缁撴潫*/
.hz-020515-img img { width: 50%; float: left; }
.hz-020515-img2 img { width: 55.5%; float: left; }
.hz-020515-img2 img:first-child { width: 44.5%; float: left; }
@media (max-width:770px) {
    .hidden-xs.prod-hard.row { display: block !important; }
    .hidden-xs.prod-hard.row .col-sm-4.col-md-3 { float: left; }
    .hidden-xs.prod-hard.row .col-sm-8 { overflow: hidden; }
    .table-responsive .table td { white-space: normal !important; }
    .table-responsive .table td>.TableHeading img { width: 90px; height: auto; }
    .product-detail-content .MsoNormal { overflow: hidden; }
    .hz-020515-img img,
    .hz-020515-img2 img { width: 100%; float: none; }
    .hz-020515-img2 img:first-child { width: 100%; float: none; }
}
.overview .right-text .text p.hz-020611-p1 { font-weight: 600; color: #333333; margin-bottom: 4px; }

/* .overview .right-text .text p.hz-020611-p2{
letter-spacing:-1px;
} */
.overview .right-text .text p.hz-020611-p2 span { letter-spacing: -3px; }

/*20200630 瀹夊叏閫氬憡*/
.hz-20200630-m1-txt1 { width: 100%; }
#PorductMaintanInfo.threeDiv .serversCon .hz-20200630-m1-txt1 p { font-size: 16px; line-height: 1.7em; color: #000; margin-top: 0.8%; margin-bottom: 0; }
#PorductMaintanInfo.threeDiv .serversCon .hz-20200630-m1-txt1 p:first-child { margin-top: 0; }
#PorductMaintanInfo.threeDiv .serversCon .hz-20200630-m1-txt1 p a { color: #000; }
.hz-20200630-m1-table1 { width: 100%; margin: 2% auto; }
.hz-20200630-m1-table1 td { width: 50%; border: 1px solid #e6e6e6; vertical-align: middle; }
.hz-20200630-m1-td { width: 77.7%; margin: 3% auto 2.5%; font-size: 16px; color: #000; overflow: hidden; }
.hz-20200630-m1-td .hz-20200630-m1-icon { width: 4.5%; margin-top: 0.2%; margin-right: 3%; float: left; }
.hz-20200630-m1-td .hz-20200630-m1-icon>img { width: 100%; }
.hz-20200630-m1-td .hz-20200630-m1-txt2 { width: 92%; float: left; }
.hz-20200630-m1-ul1 { width: 100%; overflow: hidden; }
.hz-20200630-m1-ul1>li { width: 48.5%; float: left; background-color: #fff; border: 1px solid #e5e5e5; margin-bottom: 1.5%; margin: 0 0.7% 1.5%; }
.hz-20200630-m1-ul1>li:nth-child(even) { }
.hz-20200630-m1-ul1-con { width: 100%;    /*margin:4% auto 4.5%;*/ padding: 4.5% 15%; padding-right: 0; }
.hz-20200630-m1-ul1-txt1 { font-size: 14px; color: #999999; }
.hz-20200630-m1-ul1-txt2 { width: 88%; font-size: 18px; color: #000000; margin-top: 1%; }
.hz-20200630-m1-ul1>li:hover { border: 1px solid #df0012; }
.hz-20200630-m1-ul1>li:hover .hz-20200630-m1-ul1-txt2 { color: #df0012; }
.hz-20200630-m1-btn1 { width: 200px; font-size: 20px; margin: 1% auto 0; border: 1px solid #e60011; }
.hz-20200630-m1-more1 { width: 55.7%; margin: 0 auto; overflow: hidden; padding: 6% 0; }
.hz-20200630-m1-btn1-txt { font-size: 20px; color: #e40011; float: left; }
.hz-20200630-btn-img { width: 11px; vertical-align: middle; margin-left: 5%; float: right; margin-top: 5%; }
.hz-20200630-btn-img>img { width: 100%; }
.hz-20200630-img1 { display: block; }
.hz-20200630-img2 { display: none; }
.hz-20200630-m1-btn1:hover { background-color: #e60011; }
.hz-20200630-m1-btn1:hover .hz-20200630-m1-btn1-txt { color: #fff; }
.hz-20200630-m1-btn1:hover .hz-20200630-img1 { display: none; }
.hz-20200630-m1-btn1:hover .hz-20200630-img2 { display: block; }

/*鍏ㄩ儴閫氬憡*/
.hz-20200630-tg-ul1>li .hz-20200630-tg-box { overflow: hidden; padding: 4.2% 5.7%; box-sizing: border-box; height: 114px; padding-right: 0; }
.hz-20200630-tg-ul1>li .hz-20200630-tg-icon1 { width: 5.1%; float: left; margin-top: 1%; margin-right: 4.3%; }
.hz-20200630-tg-ul1>li .hz-20200630-tg-icon1>img { width: 100%; }
.hz-20200630-tg-ul1>li .hz-20200630-m1-ul1-con { width: 90%; float: left; padding: 0; }
.hz-20200630-tg-page { float: none; margin: 0 auto; }
#PorductMaintanInfo.threeDiv .serversCon .hz-20200630-tg-page p { margin-bottom: 0; }
.hz-020723-sx { width: 100%; padding: 1% 0; margin-bottom: 30px; background-color: #f2f2f2; overflow: hidden; position: relative; }
.hz-sx-t1 { float: left; font-size: 18px; color: #7f8080; margin-left: 3.1%; }
.hz-sx-btn1 { width: 14.7%; float: left; margin-left: 3.8%; cursor: pointer; }
.hz-sx-btn1>img { width: 11.4%; float: left; margin-right: 5.6%; margin-top: 1.5%; }
.hz-sx-btn1>p { float: left; margin-bottom: 0 !important; font-size: 18px !important; color: #040000 !important; }
.hz-sx-btn1.m0 { margin-left: 0; }
.hz-sx-qk { float: right; width: 12.8%; cursor: pointer; }
.hz-sx-qk>img { width: 12.3%; float: left; margin-right: 9.1%; margin-top: 1.5%; }
.hz-sx-qk>p { float: left; margin-bottom: 0 !important; font-size: 18px !important; color: #040000 !important; }
.hz-sx-line { width: 1px; position: absolute; right: 15.4%; top: 0; height: 100%; background: #fff; }
.hz-sx-show { display: block; }
.hz-sx-hide { display: none; }
.hz-sx-btn1.active .hz-sx-show { display: none; }
.hz-sx-btn1.active .hz-sx-hide { display: block; }
.hz-sx-btn1:hover p,
.hz-sx-qk:hover p { color: #e60012 !important; }
@media (max-width:770px) {
    #PorductMaintanInfo.threeDiv .serversCon .hz-20200630-m1-txt1 p { font-size: 3.2vw; margin-top: 1.3%; }
    .hz-20200630-m1-list2-w { width: 100%; margin: 4% auto; }
    .hz-20200630-m1-list2-w>li { width: 100%; overflow: hidden; font-size: 3.2vw; padding: 4% 0; padding-left: 7.7%; border: 1px solid #e6e6e6; border-top: none; }
    .hz-20200630-m1-list2-w>li:first-child { border-top: 1px solid #e6e6e6; }
    .hz-20200630-m1-list2-icon { width: 5%; float: left; margin-right: 5%; }
    .hz-20200630-m1-list2-icon>img { width: 100%; }
    .hz-20200630-m1-list2-icon.hz-200630-ic1 { margin-top: 2.5%; }
    .hz-20200630-m1-list2-txt1 { width: 85%; font-size: 3.2vw; float: left; }
    .hz-20200630-m1-ul1>li { width: 100%; margin: 0 0 4%; float: none; border: 2px solid #e5e5e5; }
    .hz-20200630-m1-ul1>li:nth-child(even) { float: none; }
    .hz-20200630-m1-ul1-con { padding: 6% 20%; padding-right: 0; }
    .hz-20200630-m1-ul1-txt1 { font-size: 2.9vw; }
    .hz-20200630-m1-ul1-txt2 { font-size: 3.7vw; }
    .hz-20200630-m1-ul1>li:hover { border: 2px solid #e5e5e5; }
    .hz-20200630-m1-ul1>li:hover .hz-20200630-m1-ul1-txt2 { color: #000; }
    .hz-20200630-m1-btn1 { width: 39%; background-color: #e60011; }
    .hz-20200630-m1-btn1-txt { font-size: 3.5vw; color: #fff; }
    .hz-20200630-btn-img { width: 8.3%; }
    .hz-20200630-img1 { display: none; }
    .hz-20200630-img2 { display: block; }

    /*鍏ㄩ儴閫氬憡*/
    .hz-20200630-tg-ul1>li .hz-20200630-tg-box { padding: 6% 7.4%; padding-right: 0; height: auto; }
    .hz-20200630-tg-ul1>li .hz-20200630-tg-icon1 { width: 6.8%; font-size: 3.2vw; margin-top: 2%; margin-right: 5.8%; }
    .hz-20200630-tg-ul1>li .hz-20200630-m1-ul1-con { width: 87%; }
    .hz-20200630-tg-page { padding-bottom: 0; }
    .hz-sx-t1 { font-size: 3.3vw; }
    .hz-sx-btn1>p,
    .hz-sx-qk>p { font-size: 3.3vw !important; }
    .hz-sx-btn1 { width: 26.7%; }
    .hz-sx-btn1>img { width: 9.4%; margin-top: 6%; }
    .hz-sx-qk { width: 27.8% }
    .hz-sx-line { right: 32.8%; }
    .hz-020723-sx { padding: 3%; }
    .hz-sx-qk>img { margin-top: 4%; margin-right: 6.1%; }
    .hz-sx-btn1:hover p,
    .hz-sx-qk:hover p { color: #040000 !important; }
}

/*瀹夊叏棰勮*/
.hz-20200630-m2-content { width: 80%; margin: 0 auto; overflow: hidden; }
.hz-20200630-m2-title { width: 100%; text-align: center; font-size: 32px; color: #333; }
.hz-20200630-m2-line1 { width: 100%; height: 1px; background: #e6e6e6; margin-top: 28px; }
.hz-20200630-m2-line2 { margin-top: 20px; }
.hz-20200630-m2-con { width: 100%; margin-top: 15px; }
.hz-20200630-m2-con1 { margin-top: 20px; }
.hz-20200630-m2-con img { width: 16px; float: left; margin-right: 10px; margin-top: 0.25%; }
#hz-20200630-m2 .hz-20200630-m2-content .hz-20200630-m2-con p { font-size: 16px; color: #333333; margin: 0; }
.hz-20200630-m2-line3 { width: 100%; font-size: 0; margin: 5px auto 20px; }
.hz-20200630-m2-con2 { margin-top: 20px; overflow: hidden; }
.hz-20200630-m2-con2 img { width: 18px; margin-top: 0.6%; }
#hz-20200630-m2 .hz-20200630-m2-content .hz-20200630-m2-con2 p { font-size: 24px; float: left; color: #333333; }
.hz-20200630-a1 { width: 100%; margin: 2% 0; display: none; }
.hz-20200630-m2-table1 { width: 58.5%; }
.hz-20200630-m2-table1 td { width: 10%; border: 1px solid #e6e6e6; vertical-align: middle; }
.hz-20200630-m2-td { font-size: 18px; margin-left: 5%; padding: 4% 0; }
#hz-20200630-m2 .hz-20200630-m2-content .hz-20200630-m2-box2 p {    /*width: 80%;*/

text-align: justify; color: #333333; }
#hz-20200630-m2 .hz-20200630-m2-content .hz-20200630-m1-txt1.hz-20200630-a1 p { color: #333; }
.hz-20200630-m2-box2 { width: 100%; overflow: hidden; }
.hz-gg-title { font-size: 32px !important; color: #333 !important; text-align: center !important; width: 100%; margin: 0 auto !important; line-height: 32px !important }
.hz-gg-title-c { font-size: 24px !important; color: #333 !important; margin-bottom: 0 !important; margin-top: 20px !important; cursor: pointer }
.WordSection1 .hz-gg-title-c { margin-top: 40px !important; }
.hz-gg-img { width: 100% !important; margin: 5px auto 15px !important; }
.hz-gg-img img { width: 100% !important; height: auto !important; }
.hz-gg-p,
.hz-20200630-m2-content .MsoNormal { font-size: 16px !important; color: #333 !important; margin-bottom: 1% !important; line-height: 1.8em !important; }
.hz-gg-title-c img { width: 18px !important; display: inline !important; }
@media (max-width:770px) {
    .hz-20200630-m2-content { width: 100%; }
    .hz-20200630-m2-title,
    .hz-gg-title { margin: 5% auto !important; font-size: 4.8vw !important; }
    .hz-20200630-m2-line1 { margin-top: 0; }
    #hz-20200630-m2 .hz-20200630-m2-content .hz-20200630-m2-con p { font-size: 3.2vw; }
    .hz-gg-title-c { font-size: 4.4vw !important; }
    .hz-20200630-m2-con1 { margin-top: 4%; }
    .hz-20200630-m2-line2 { margin-top: 5%; }
    #hz-20200630-m2 .hz-20200630-m2-content .hz-20200630-m1-txt1.hz-20200630-a1 p { font-size: 3.2vw; }
    #hz-20200630-m2 .hz-20200630-m2-content .hz-20200630-m1-txt1.hz-20200630-a1 p { width: 100%; }
    .hz-20200630-m2-table1 { width: 100%; }
    .hz-gg-p { font-size: 3.2vw !important; line-height: 1.8em !important; }
    #hz-20200630-m2 .hz-20200630-m2-content .hz-20200630-m2-box2 p { text-align: left; }
    .hz-gg-title-c img { width: 14px !important; display: inline !important; }
    .WordSection1 .hz-gg-title-c { margin-top: 20px !important; }
}

/*--棣栭〉-鏁板瓧澶ц剳璁″垝-涓籏V--*/
.sy_20200805_brain_part { position: relative; color: #fff; }
.sy_20200805_brain_part img { max-width: 100%; }
.sy_20200805_brain_part dl { position: absolute; left: 8.5%; top: 50%; margin-top: 5px; font-size: 16px; }
.sy_20200805_brain_part dt { line-height: 2; padding-bottom: 40px; }
.sy_20200805_brain_part dd a { color: #fff; background: url(/cn/tres/NewWebUI/images/index/hz-20200811-szdn-ico_brain.png) center right no-repeat; padding-right: 30px; background-size: auto 100%; }
.sy_20200805_brain_part dd a:hover { color: #e60012; background: url(/cn/tres/NewWebUI/images/index/hz-20200811-szdn-ico_brain1.png) center right no-repeat; background-size: auto 100%; }
.sy_20200805_brain_part .img2 { display: none; }
@media screen and (max-width:820px) {
    .sy_20200805_brain_part dl { font-size: 14px; }
    .sy_20200805_brain_part dt { padding-bottom: 20px; }
}
@media screen and (max-width:768px) {
    .sy_20200805_brain_part .img1 { display: none; }
    .sy_20200805_brain_part .img2 { display: block; }
    .sy_20200805_brain_part dl { left: 8%; top: 76%; margin: 0; }
    .sy_20200805_brain_part dt { display: none; }
    .sy_20200805_brain_part dd a { font-size: 12px; padding-right: 20px; }
    .sy_20200805_brain_part dd a:hover { }
}

/*浜у搧涓庢妧鏈痓anner澧炲姞鐢佃瘽闇€姹�*/
.secondDiv .secondBannerText.hz-20200701-tel2-content { width: 100%; top: 14.5%; }
.hz-20200701-tel2-box { width: 20.5%; position: relative; overflow: hidden; margin-top: 3.5%; font-size: 0; }
.hz-20200701-tel2-box img { width: 100%; }
.hz-20200701-tel2-icon { width: 8.3%; position: absolute; top: 28.5%; left: 5.7%; }
.hz-20200701-tel2-txt { position: absolute; top: 25.5%; left: 18.3%; color: #e60015; font-size: 16px; }
.hz-20200701-tel2-txt>a { color: #e60015; }
@media (max-width:1440px) {
    .secondDiv .secondBannerText.hz-20200701-tel2-content { top: 7.5%; }
}
@media (max-width:1200px) {
    .secondDiv .secondBannerText.hz-20200701-tel2-content { top: 1.5%; }
    .hz-20200701-tel2-box { margin-top: 2.5%; }
}
@media (max-width:770px) {
    .hz-20200701-tel2-box { width: 53.7%; margin-top: 14%; }
    .hz-20200701-tel2-txt { font-size: 3.2vw; }
}

/*鏅鸿兘缁堢鏈嶅姟banner澧炲姞鐢佃瘽闇€姹�*/
.hz-20200701-tel-box { width: 20.5%; position: relative; overflow: hidden; margin-top: 7%; }
.hz-20200701-tel-box img { width: 100%; }
.hz-20200701-tel-icon { width: 8.3%; position: absolute; top: 28.5%; left: 5.7%; }
.hz-20200701-tel-txt { position: absolute; top: 26%; left: 18.3%; color: #e60015; font-size: 16px; }
.hz-20200701-tel-txt>a { color: #e60015; }
@media (max-width:1440px) {
    .hz-20200701-tel-box { width: 20.5%; position: relative; overflow: hidden; margin-top: 5.5%; }
}
@media (max-width:1199px) and (min-width:768px) {
    .hz-20200701-tel-txt { font-size: 13px; }
}
@media (max-width:770px) {
    .hz-20200701-tel-box { width: 53.7%; margin-top: 37%; }
    .hz-20200701-tel-txt { font-size: 3.2vw; }
}
.hz-0812-xg .SMBsolutionListl { height: auto !important; margin-bottom: 0; }

/*鏃犵嚎灞€鍩熺綉--鍏ㄧ郴鍒椾骇鍝�*/
#Wlan.threeDiv .hz-20200702-OperationalTabHead { width: 20%; }
#Wlan.threeDiv .hz-20200702-OperationalTabHead.OperationalTabHeadAct:before { background: #e60012; }
.hz-020708-xg .techSolveCon { width: 100%; }
.hz-020708-xg .columWrapBox { overflow: hidden; }
.hz-020708-xg .hotActivityImgBox img { width: 100%; }
.hz-020708-xg .lookAll { margin-top: 8px; }
.Parityback.hz-020708-xg .columGoMore { margin-top: 20px; }
.swiper-container-hz020709 { width: 100%; margin: 0 auto; }
.swiper-container-hz020709 .hotActivityInner { width: 100% !important; }
.hzarrowLeft { float: left; margin-right: 10px; width: 28px; height: 28px; border-radius: 100px; border: 1px solid #b0b0b0; position: relative; background: url(../images/index/lookArrow.png) no-repeat; background-position: 45% 50%; }
.hzarrowLeft:hover { border: 0; background: #e60012 url(../images/index/lookArrowHover.png) no-repeat; background-position: 45% 50%; }
.hz_020716_p { display: none; }
.hzarrowRight { float: left; width: 28px; height: 28px; border-radius: 100px; border: 1px solid #b0b0b0; position: relative; background: url(../images/index/lookArrowRight.png) no-repeat; background-position: 55% 50%; }
.hzarrowRight:hover { border: 0; background: #e60012 url(../images/index/lookArrowRightHover.png) no-repeat; background-position: 55% 50%; }
.serversConTextBot_hz { display: block; float: right; color: #333; cursor: pointer; font-size: 13px; text-align: center; margin-top: 15px; }
.serversConTextBot_hz.zhanClickAct { color: #e60012; }

/*鏂囨。鍖呭伐鍏� H3C DocCenter鏂板css寮€濮�*/
#PorductMaintanInfo.threeDiv .serversCon.hz-020716-xg { padding-top: 0; }
#PorductMaintanInfo.threeDiv .serversCon.hz-020716-xg .maintanBoxCon_hz { height: auto; }
#PorductMaintanInfo.threeDiv .serversCon.hz-020716-xg .maintanBoxCon_hz p { margin-bottom: 15px; }
#PorductMaintanInfo.threeDiv .serversCon.hz-020716-xg .maintanBoxCon_hz p a { color: #0b7ed7 !important; text-decoration: underline; }
@media screen and (max-width:768px) {
    #PorductMaintanInfo.threeDiv .serversConTextBot_hz { display: block; float: inherit; position: inherit; }
}

/*鏂囨。鍖呭伐鍏� H3C DocCenter鏂板css缁撴潫*/

/*iService浠嬬粛鏍峰紡hz-200813*/
.title.hz-200807-title { margin-bottom: 0 !important; }
.hz-200807-con1 { width: 46%; float: left; margin-bottom: -20px; }
.hz-200807-con2 { margin-left: 7%; }
.tabs-content .hz-020318-xz-p.hz-200807-p2 { font-size: 24px; color: #333; margin-bottom: 30px; }
.hz-200807-img1 { width: 100%; }
.goAz.hz-200810-btn1 { color: #fff !important; font-size: 16px; display: inline-block; position: absolute; left: 44%; right: auto; bottom: 43px; padding: 4.5px 25px 6px; background: #e60012; }
.hz-200811-box1 h2.title { padding-left: 0; }
.hz-200811-box1 p { font-size: 14px; color: #666;    /* margin: 0px; */ line-height: 24px; }
.hz-200811-box1 h2.title:before { width: 0; }
.hz-200811-con1 { padding: 0; }
.hz-200811-con1 .hz-020318-xg>img { margin: 0 auto; }
.hz-200811-sec { padding-bottom: 20px; }
.hz-200813-xg { width: 100%; padding: 0; cursor: auto; }
@media screen and (max-width:768px) {
    .title.hz-200807-title { margin-bottom: -10px !important; }
    .hz-200807-con1 { width: 100%; }
    .tabs-content .hz-020318-xz-p.hz-200807-p2 { font-size: 18px; margin-bottom: 15px; margin-top: 15px; }
    .goAz.hz-200810-btn1 { left: 0; right: auto; bottom: 0; }
    .hz-200811-box1 h2.title { text-align: left; }
    .hz-200811-box1 h2.title:after { border-bottom: 0; margin: 0; }
    .tabs-content.hz-200811-con1 { padding: 0; }
    .hz-200811-con1 .hz-020318-xg>.show-pc { display: none; }
    .hz-200807-img1 { width: 100%; margin-bottom: 15px; }
}

/*iService浠嬬粛鏍峰紡缁撴潫*/

/*鏂板畨闃� 20200822*/
#SetTemplate.threeDiv .hz-200822-ul .applicationMenuList { padding-left: 0; line-height: 59px; height: auto; position: relative; }
.hz-200822-ul .applicationMenuList:before { content: ''; padding-left: 19%; }
.hz-200822-list { font-weight: 700; padding-left: 19%; position: relative; }
.hz-200822-jia { width: 5.1%; position: absolute; top: 17px; left: 10%; line-height: 1em; }
.hz-200822-jia>img { width: 100%; }
.hz-200822-ul2 { width: 100%; font-size: 18px; line-height: 40px; background-color: #f5f5f5; border-top: 1px solid #e6e6e6; display: none; color: #666; margin-bottom: 0; }
.hz-200822-ul2>li { padding-left: 26%; border-top: 1px solid #e6e6e6; }
.hz-200822-jia2 { width: 5%; position: absolute; top: 25%; left: 18%; line-height: 1em; }
.hz-200822-jia2>img { width: 100%; }
#SetTemplate.threeDiv .hz-200822-container .applicationMainOutTextBox { width: 49%; letter-spacing: -0.5px; }
#SetTemplate.threeDiv .applicationMainOutTextBox li { background: url(https://www.h3c.com/cn/tres/NewWebUI/images/secondAll/redArrow.png) no-repeat; background-position: 0 5px; }

/*20200827 娉ㄥ唽鎴愬姛椤甸潰*/
.hz-200827-reg-content.courseDetails .container { max-width: 832px; margin-bottom: 7%; }
.hz-200827-reg-title { font-size: 32px; font-weight: 600; margin-top: 40px; color: #000; }
.hz-200827-reg-box { width: 100%; border: 1px solid #e9e9e9; border-radius: 10px; padding: 5% 9%; margin-top: 4%; overflow: hidden; }
.hz-200827-reg-box img { width: 100%; }
.hz-200827-row { width: 100%; overflow: hidden; }
.hz-200827-icon { width: 11%; float: left; }
.hz-200827-reg-txt { width: 80%; font-size: 20px; float: left; font-weight: 600; margin-left: 5%; margin-top: 3%; }
.hz-200827-reg-txt>a { color: #507CB1; font-weight: 600; }
.hz-200827-reg-txt>a:hover { text-decoration: underline; }
.hz-200827-reg-return { width: 17%; margin: 5% auto 0; border: 1px solid #e9e9e9; border-radius: 7px; text-align: center; line-height: 2.5em; font-size: 14px; background-color: #e60012; }
.hz-200827-reg-return>a { display: inline-block; width: 100%; color: #fff; }
@media screen and (max-width:800px) {
    .hz-200827-reg-content.courseDetails .container { width: 93.3%; margin-bottom: 7%; }
}
@media screen and (max-width:768px) {
    .hz-200827-reg-box { padding: 7% 9%; margin-top: 7%; }
    .hz-200827-reg-title { font-size: 6vw; }
    .hz-200827-icon { width: 20%; }
    .hz-200827-reg-txt { width: 75%; font-size: 4vw; margin-top: 2%; }
    .hz-200827-reg-return { width: 30%; font-size: 3.2vw; margin-top: 7%; }
}

/*Cloudnet浜戠畝缃戠粶淇敼-20200828*/
.hz-200828-cl-box .hz-826-xg .hz-826-p2 { width: 53%; }

/*20200828 浼佷笟绀句細璐ｄ换*/
.hz-200828-soc-banner-player { position: absolute; left: 50%; top: 47%; margin-left: -35px; margin-top: -35px; width: 70px; height: 70px; cursor: pointer; z-index: 30; }
.hz-200828-soc-section { padding-bottom: 0 !important; }
.hz-200828-soc-bg { width: 100%; position: relative; }
.hz-200828-soc-bg img { width: 100%; }
.hz-200828-soc-fh { width: 47.9%; position: absolute; top: 23.8%; left: 40.8%; }
.hz-200828-soc-content1 { width: 41.5%; position: absolute; top: 21.5%; left: 44.3%; }
.hz-200828-soc-txt1 { width: 100%; font-size: 26px; line-height: 1.7em; }
.hz-200828-soc-txt2 { font-size: 26px; margin-top: 9%; }
.hz-200828-soc-txt2>span { font-size: 18px; }
#SetTemplate.threeDiv .serversConBox.hz-200828-soc2-bg { padding: 0; position: relative; background-color: #fff; }
.hz-200828-soc2-bg img { width: 100%; }
.secondDiv .secondWrapBox.hz-200828-soc2-content { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; }
.hz-200828-soc2-txt { width: 48.3%; margin-top: 6%; }
.hz-200828-soc2-tit { font-size: 32px; text-align: center; margin: 2.5% auto 2%; }
.hz-200828-soc2-tit>img { width: 73.5px; }
.hz-200828-soc2-bg .ListNavList { margin-bottom: 2%; }
#SetTemplate.threeDiv .hz-200828-soc2-bg .ListNavList>li { width: 33.3%; }
#SetTemplate.threeDiv .hz-200828-soc2-bg .ListNavList>li:first-child { width: 33.4%; }
.hz-200828-soc2-txt1 { width: 100%; font-size: 18px; text-align: center; }
.hz-200828-soc2-box1 { width: 100%; margin-top: 2.5%; position: relative; }
.hz-200828-soc2-box2 { width: 100%; margin-top: 2.5%; position: relative; }
.hz-200828-soc2-box3 { width: 100%; margin-top: 2.5%; position: relative; }
.hz-200828-soc2-con { width: 100%; display: none; }
.hz-200828-soc2-con:first-child { display: block; }
.hz-200828-soc2-tbox1 { width: 37.7%; position: absolute; top: 21.5%; left: 6.8%; color: #fff; }
.hz-200828-soc2-tbox1.hz-b1 { width: 36.7%; }
.hz-200828-soc2-tbox1.hz-b2 { width: 32.7%; }
.hz-200828-soc2-tbox1.hz-b3 { width: 34.7%; }
.hz-200828-soc2-tbox1-title { font-size: 28px; }
.hz-200828-soc2-tbox1-txt { font-size: 16px; margin-top: 4%; margin-bottom: 3%; }
.hz-200828-soc2-tbox1-txt.hz-t1 { width: 98%; }
.hz-200828-soc2-tbox1-more { width: 100%; font-size: 14px; text-align: right; }
.hz-200828-soc2-tbox1-more a { font-size: 14px; color: #fff; }
.hz-200828-soc2-tbox1-more a>img { width: 20px; }
.hz-200828-soc2-show1 { display: inline-block; }
.hz-200828-soc2-show2 { display: none; }
.hz-200828-soc2-tbox1-more a:hover { font-size: 14px; color: #e60012; }
.hz-200828-soc2-tbox1-more a:hover .hz-200828-soc2-show1 { display: none; }
.hz-200828-soc2-tbox1-more a:hover .hz-200828-soc2-show2 { display: inline-block; }
.hz-200828-soc2-tbox1-cover { width: 21.6%; height: 100%; position: absolute; top: 0; right: 0; background-color: rgba(0, 0, 0, 0.5); }
.hz-200828-soc2-tbox1-list { width: 100%; }
.hz-200828-soc2-tbox1-list.hz-list2 { margin-top: 50%; }
.hz-200828-soc2-tbox1-list>li { width: 100%; font-size: 20px; color: #fff; margin: 12.5% auto; cursor: pointer; }
.hz-200828-soc2-tbox1-list>li.hz-200828-soc2-active { color: #e60012; }
.hz-200828-soc2-tbox1-list>li:before { content: ''; border-left: 5px solid transparent; margin-right: 21%; margin-left: -0.8%; }
.hz-200828-soc2-tbox1-list>li.hz-200828-soc2-active:before { content: ''; border-left: 5px solid #e60012; }
#SetTemplate.threeDiv .serversConBox.hz-200828-soc3-bg { background: url(http://www.h3c.com/cn/tres/NewWebUI/images/SocialResponse/hz-200828-soc3-bg.jpg) center no-repeat !important; background-size: cover !important; }
#SetTemplate.threeDiv .serversConBox.hz-200828-soc3-bg img { width: 100%; }
.hz-200828-soc3-img { width: 100%; }
.hz-200828-soc4 .technicalSolve.hz-200828-soc-section { background-color: #fff !important; padding-bottom: 50px !important; }
.hz-200828-soc4 img { width: 100%; }
.hz-200828-soc4-content { width: 100%; overflow: hidden; }
.hz-200828-soc4-left { width: 38.9%; float: left; margin-top: 1.5%; margin-left: 0.1%; }
.hz-200828-soc4-right { width: 58.3%; float: left; margin-left: 2.2%; }
.hz-200828-soc4-tit { font-size: 24px; text-align: center; }
.hz-200828-soc4-tit>span { background-color: #e60012; display: inline-block; transform: skew(-15deg); padding: 0.1% 1% 0.5%; line-height: 1em; }
.hz-200828-soc4-tit>span>a { display: inline-block; font-size: 20px; line-height: 1em; color: #fff; transform: skew(15deg); }
.hz-200828-soc4-box { width: 100%; margin-top: 3%; border-top: 2px solid #e60012; box-shadow: 0 1px 5px 1px #dedede; padding: 3.5% 0; }
.hz-200828-soc4-tbox { width: 91.6%; margin: 0 auto; }
.hz-200828-soc4-txt { width: 100%; font-size: 14px; color: #666; }
.hz-200828-soc4-more { width: 100%; text-align: right; }
.hz-200828-soc4-more>a { font-size: 14px; color: #666; }
.hz-200828-soc4-more>a>img { width: 20px; }
.hz-200828-soc4-more>a:hover { font-size: 14px; color: #e60012; }
.hz-200828-soc4-more>a:hover .hz-200828-soc2-show1 { display: none; }
.hz-200828-soc4-more>a:hover .hz-200828-soc2-show2 { display: inline-block; }
.hz-200828-soc4-down { width: 100%; overflow: hidden; }
.hz-200828-soc4-xia1 { width: 50%; float: left; text-align: right; }
.hz-200828-soc4-xia1:first-child { text-align: left; }
.hz-200828-soc4-xia1>a { font-size: 14px; color: #333; }
.hz-200828-soc4-xia1>a>img { width: 17px; }
.hz-200828-soc4-xia1>a:hover { font-size: 14px; color: #e60012; }
.secondDiv .secondBanner img.show-pc { display: block; }
.secondDiv .secondBanner img.show-phone { display: none; }
#SetTemplate.threeDiv .hz-200828-soc2-bg .ListNavList li span { font-size: 22px; }
@media screen and (max-width:768px) {
    .secondDiv .secondBanner img.show-pc { display: none; }
    .secondDiv .secondBanner img.show-phone { display: block; }
    #SetTemplate.threeDiv .hz-200828-soc2-bg .protechListNav { display: block; }
    #SetTemplate.threeDiv .hz-200828-soc2-bg .ListNavList li { padding: 3% 0 2%; }
    #SetTemplate.threeDiv .hz-200828-soc2-bg .ListNavList li span { font-size: 3.5vw; padding: 0; }
    .hz-200828-soc2-txt1 { font-size: 3.7vw; text-align: left; }
    .hz-200828-soc2-bCon { width: 100%; }
    .hz-200828-soc2-swiper { width: 100%; margin-top: 3%; }
    .hz-200828-soc2-swiper .swiper-slide { padding-bottom: 0%; }
    .hz-200828-swiper1-con { width: 99.5%; margin: 0 auto; }
    .hz-200828-swiper1-img { width: 100%; position: relative; }
    .hz-200828-swiper1-cover { width: 100%; font-size: 4.3vw; line-height: 2.2em; text-indent: 1.5em; color: #fff; background-color: rgba(0, 0, 0, 0.5); position: absolute; bottom: 0; left: 0; }
    .hz-200828-swiper1-tbox { width: 100%; padding: 5% 0; box-shadow: 0 1px 5px 1px #dedede; }
    .hz-200828-swiper1-txt { width: 85.3%; font-size: 3.2vw; line-height: 1.7em; color: #666; margin: 0 auto; }
    .hz-200828-swiper1-txt.hz-t1 { letter-spacing: -0.5px; }
    .hz-200828-swiper2-txt { width: 85.3%; font-size: 3.2vw; line-height: 1.7em; color: #666; margin: 0 auto; }
    .hz-200828-swiper3-txt { width: 85.3%; font-size: 3.2vw; line-height: 1.7em; color: #666; margin: 0 auto; }
    .hz-200828-swiper1-more { width: 85.3%; margin: 0 auto; text-align: right; font-size: 2.7vw; margin-top: 2%; }
    .hz-200828-swiper1-more>a { font-size: 2.7vw; color: #e60012; }
    .hz-200828-swiper1-more>a>img { width: 3.8%; }
    .hz-200828-soc2-pagination,
    .hz-200828-soc2-pagination2,
    .hz-200828-soc2-pagination3 { width: 100%; font-size: 5vw; margin-top: 3%; text-align: center; display: block !important; }
    .hz-200828-soc2-pagination>.swiper-pagination-bullet,
    .hz-200828-soc2-pagination2>.swiper-pagination-bullet,
    .hz-200828-soc2-pagination3>.swiper-pagination-bullet { width: 10px; height: 10px; }
    .hz-200828-soc2-tit { font-size: 22px; margin: 5% auto; }
    .secondEntH3.hz-200828-soc4-size { font-size: 22px; }
    .Operational.hz-200828-soc4-H5 { background: #fff !important; }
    .hz-200828-soc4-tit { font-size: 18px; margin: 5% auto; }
    .hz-200828-soc4-tit>span>a { font-size: 16px; padding: 0.7% 0 0; }
    .hz-200828-soc4-content { width: 94%; margin: 0 auto; }
    .hz-200828-soc4-left { width: 83%; float: none; margin: 0 auto; }
    .hz-200828-soc4-right { width: 100%; margin: 0 auto; float: none; margin-left: 0; }
    .hz-200828-soc4-box { width: 98%; background: #fff; margin: 0 1% 7%; padding: 3.5% 0 2.5%; }
    .hz-200828-soc4-xia1 { width: 100%; float: none; text-align: left; font-size: 14px; margin-bottom: 4%; }
    .hz-200828-soc4-txt { line-height: 1.7em; text-align: justify; }
    .hz-200828-soc4-more { font-size: 14px; margin: 5% 0; }
    .hz-200828-soc2-show1 { display: none; }
    .hz-200828-soc2-show2 { display: block; display: inline-block; }
    .hz-200828-soc4-more>a>img { width: 18px; margin-top: -0.5%; margin-left: -1%; }
    .hz-200828-soc4-more>a { color: #e60012; }
    .hz-200828-soc2-txt { width: 37.5%; margin-top: 8.3%; margin-left: 8%; }
    .hz-200828-soc-fh { width: 86.3%; top: 14%; left: 0; right: 0; margin: 0 auto; }
    .hz-200828-soc-content1 { width: 76.3%; position: absolute; top: 12.5%; left: 0; right: 0; margin: 0 auto; }
    .hz-200828-soc-txt1 { font-size: 4.0vw; text-align: justify; }
    .hz-200828-soc-txt2 { width: 100%; position: absolute; top: 51%; left: 52%; font-size: 4vw; }
    .hz-200828-soc-txt2 span { font-size: 2.9vw; margin-top: 1%; }
    .hz-200828-soc-section-w { width: 100%; overflow: hidden; }
}
.hz-020830-yq-main { width: 100%; margin: 0 auto; }
.hz-020830-yq-ul { width: 100%; margin: 0 auto; }
.hz-020830-yq-ul li { width: 31.4%; margin-left: 2.5%; float: left; margin-bottom: 3%; }
.hz-020830-yq-ul li:first-child,
.hz-020830-yq-ul li:nth-child(4) { margin-left: 0; }
.hz-020830-yq-ul:after { display: block; content: ' '; clear: both; }
.hz-020830-yq-ul li .hotP { font-size: 22px; color: #333333; font-weight: 400; font-family: '寰蒋闆呴粦'; line-height: 1.7em; }
.hz-020830-yq-ul li .hotActivityBottom { height: 170px; }
.hz-020830-yq-ul li a { bottom: 20px; }
.hz_none { display: none; }
.hz-020830-yq-ul li a:hover .hz_none { display: inline-block; }
.hz-020830-yq-ul li a:hover .hotImgArrow { display: none; }
.hz-020830-yq-ul li a:hover { color: #e60012; }
.hz-020830-jy-main { width: 100%; margin: 0 auto; }
.hz-020830-jy-ul { width: 100%; margin: 0 auto; }
.hz-020830-jy-ul li { width: 48.4%; margin-left: 3.2%; float: left; margin-bottom: 3%; }
.hz-020830-jy-ul li:first-child,
.hz-020830-jy-ul li:nth-child(3) { margin-left: 0; }
.hz-020830-jy-main .hotActivityBottom { padding: 20px; }
.hz-020830-jy-ul:after { display: block; content: ' '; clear: both; }
.hz-020830-jy-ul li p { font-size: 16px; color: #333333; font-weight: 400; font-family: '寰蒋闆呴粦'; line-height: 1.7em; }
.hz-020830-jy-ul li h5 { font-size: 22px; color: #333; }
.hz-020830-jy-ul li .hotActivityBottom { height: 170px; }
.hz-020830-jy-ul li a { bottom: 20px; }
.hz_none { display: none; }
.hz-020830-jy-ul li a:hover .hz_none { display: inline-block; }
.hz-020830-jy-ul li a:hover .hotImgArrow { display: none; }
.hz-020830-jy-ul li a:hover { color: #e60012; }
.hz-020830-bz-main { width: 100%; position: relative; margin: 0 auto; }
.hz-020830-bz-main img { width: 100%; }
.hz-020830-bztxt1 { position: absolute; left: 0; top: 1.2%; width: 100%; text-align: center; line-height: 1.7em; font-size: 22px; }
.hz-020830-img { width: 29.6%; position: absolute; }
.hz-020830-img1 { right: 2.8%; top: 10.4%; }
.hz-020830-tp { width: 89.8%; position: absolute; left: 5.3%; top: 7.5%; }
.hz-020830-bottom { width: 89.8%; position: absolute; left: 5.3%; bottom: 7%; }
.hz-020830-bottom p { position: absolute; width: 100%; left: 0; top: 35%; font-size: 20px; color: #fff; text-align: center; }
.hz-020830-img2 { left: 2.8%; top: 15.9%; }
.hz-020830-img3 { left: 2.8%; top: 26.4%; }
.hz-020830-img4 { right: 2.8%; top: 23.8%; }
.hz-020830-img5 { right: 2.8%; top: 34.4%; }
.hz-020830-img6 { right: 2.8%; top: 44.8%; }
.hz-020830-img7 { left: 2.8%; top: 40.7%; }
.hz-020830-img8 { right: 2.8%; top: 58.1%; }
.hz-020830-img9 { left: 2.8%; top: 62.6%; }
.hz-020830-img10 { left: 2.8%; top: 73%; }
.hz-020830-img11 { right: 2.8%; top: 71.4%; }
.hz-020830-img12 { right: 2.8%; top: 82%; }
.hz-020830-img13 { left: 2.8%; top: 88%; }
@media screen and (max-width:750px) {
    #succWrapPC,
    .technicalSolve.hz-200830-soc-section { display: block; padding-bottom: 30px; }
    .hz-020830-yq-ul { width: 100%; padding: 0 1.3% !important; box-sizing: border-box; }
    .hz-020830-yq-ul li { width: 93.33%; margin: 0 auto 6%; float: none; }
    .hz-020830-yq-ul li:first-child,
    .hz-020830-yq-ul li:nth-child(4) { margin: 0 auto 6%; }
    .hz-020830-yq-ul li .hotActivity { float: none; }
    .hz-020830-yq-ul li .hotP { font-size: 52%; }
    .hz-020830-yq-ul li .hotActivityBottom { height: 125px; }
    .hz-020830-jy-ul { width: 100%; padding: 0 1.3% !important; box-sizing: border-box; }
    .hz-020830-jy-ul li { width: 93.33%; margin: 0 auto 6%; float: none; }
    .hz-020830-jy-ul li:first-child,
    .hz-020830-jy-ul li:nth-child(4),
    .hz-020830-jy-ul li:nth-child(3) { margin: 0 auto 6%; }
    .hz-020830-jy-ul li .hotActivity { float: none; }
    .hz-020830-jy-ul li h5 { font-size: 52%; }
    .hz-020830-jy-ul li p { font-size: 37.5%; }
    .hz-020830-jy-ul li .hotActivityBottom { height: 150px; }
    .hz-020830-bztxt1 { width: 78.4%; top: 1.2%; left: 10.4%; font-size: 3.7vw; text-align: left; }
    .hz-020830-img { width: 61.4%; left: auto !important; right: 3% !important; }
    .hz-020830-bottom p { font-size: 3.5vw; }
    .hz-020830-img.hz-020830-img1 { top: 8.6%; }
    .hz-020830-img.hz-020830-img2 { top: 16.2%; }
    .hz-020830-img.hz-020830-img3 { top: 22.5%; }
    .hz-020830-img.hz-020830-img4 { top: 30.1%; }
    .hz-020830-img.hz-020830-img5 { top: 36.4%; }
    .hz-020830-img.hz-020830-img6 { top: 43%; }
    .hz-020830-img.hz-020830-img7 { top: 50.4%; }
    .hz-020830-img.hz-020830-img8 { top: 57.8%; }
    .hz-020830-img.hz-020830-img9 { top: 65.2%; }
    .hz-020830-img.hz-020830-img10 { top: 71.7%; }
    .hz-020830-img.hz-020830-img11 { top: 79.2%; }
    .hz-020830-img.hz-020830-img12 { top: 85.7%; }
    .hz-020830-img.hz-020830-img13 { top: 93%; }
    .hz-020830-bottom p { top: 46%; }
}

/*鏂版皯鎬绘枃绔犻〉澧炲姞鏍峰紡*/
.hz-200901-issue_date { font-size: 14px; color: #666; margin-top: 20px; float: left; }
@media (max-width:770px) {
    .hz-0721-show-mbl.hz-0901-show-mbl { text-align: center; }
    .hz-200901-issue_date { font-size: 40%; margin-top: 5.3%; margin-left: -2.5%; line-height: 1em; }
    #partner_resource_centre.secondDiv .SMBsolutionListGo.hz-200901-issue_more a { font-size: 40%; line-height: 1em; }
}

/*鏂版皯鎬绘枃绔犻〉澧炲姞鏍峰紡缁撴潫*/

/*ComwareV9鏍峰紡淇敼hz-0901*/
.hz-0901-h2 { margin-top: 0px; }
.ComwareV7ConTxt.hz-0901-h2-t1 { margin: 55px 0 0px; height: auto !important; }
#ComwareV7.threeDiv .MsoNormal.hz-0901-b { font-weight: 600; font-size: 16px; margin-bottom: 10px; }
#ComwareV7.threeDiv .MsoNormal.hz-0901-b1 { margin-top: 15px; }
#ComwareV7.threeDiv .MsoNormal.hz-0901-b2 { margin-top: 20px; }
#ComwareV7.threeDiv .MsoNormal.hz-0901-p { margin-bottom: 18px; overflow: hidden; }
#ComwareV7.threeDiv .MsoNormal.hz-0901-b3 { font-weight: 600; margin-bottom: 5px; }
#ComwareV7.threeDiv .MsoNormal.hz-0901-p-right { margin-left: 13px; }
#ComwareV7.threeDiv .MsoNormal.hz-0901-p .hz-0901-span { margin-left: 3px; color: #e60012; float: left; margin-right: 5px; }
#ComwareV7.threeDiv .MsoNormal.hz-0901-p .hz-0901-p { float: left; width: 94%; }
#ComwareV7.threeDiv .MsoNormal.hz-0901-p1 { letter-spacing: -0.2px; }
#ComwareV7.threeDiv .MsoNormal.hz-0901-p3 { margin-bottom: 20px; }
.hz-0901-h3 { font-size: 22px; }
.hz-0901-p2 { text-align: center; }
.hz-0901-img>img { width: 55%; }
.hz-0901-img2>img { width: 75%; }
.hz-0901-p3 { text-align: center; margin-top: -20px; }
.hz-0901-h2-t1 { margin: 50px 0 30px; }
.hz-0901-h2-t2 { margin: 60px 0 20px; }
.hz-0901-b-j { margin: 40px 0 30px; }
.hz-0901-load { width: 100%; overflow: hidden; margin-bottom: 30px; }
.hz-0901-icon { width: 3%; float: left; }
.hz-0901-icon>img { width: 100%; }
.hz-0901-iconText { float: left; font-size: 18px; color: #333333; margin-left: 15px; margin-top: 15px; }
.hz-0901-load:hover .hz-0901-iconText { color: #e60012; }
@media screen and (max-width:768px) {
    .ComwareV7ConTxt.hz-0901-h2-t1 { margin: 25px 0 0px; height: auto !important; }
    #ComwareV7.threeDiv .ComwareV7ConTxt .hz-0901-h2 { font-size: 28px; }
    .hz-0901-h2-t1 { font-size: 28px; }
    #ComwareV7.threeDiv .MsoNormal.hz-0901-p3 { margin-top: 5px; }
    .hz-0901-b-j-w { margin-bottom: -10px; }
    #ComwareV7.threeDiv .MsoNormal.hz-0901-p-w { font-size: 16px; }
    #ComwareV7.threeDiv .MsoNormal.hz-0901-b { font-size: 18px; }
    #ComwareV7.threeDiv .MsoNormal.hz-0901-p { font-size: 16px; }
    .hz-0901-load { margin-bottom: 20px; }
    .hz-0901-icon { width: 8%; float: left; }
    .hz-0901-icon>img { width: 100%; }
    .hz-0901-iconText { float: left; font-size: 16px; color: #e60012; margin-left: 10px; margin-top: 3.5%; }
}

/*ComwareV9鏍峰紡淇敼hz-0901缁撴潫*/

/*棣栭〉banner澧炲姞鏁板瓧鍖栬瘯鐐归」鐩�-20200905-寮€濮�*/
.sy-20200904-szh-banner .sy-20200904-fhtxt { margin: 90px 0 60px 0; }
.sy-20200904-szh-banner .sy-20200904-fhtxt img { width: auto; max-width: 100%; float: none; }
.sy-20200904-szh-banner .bannerInnerText.t1 .bannerInnerBtn { float: left; width: 160px; }
.sy-20200904-szh-banner .bannerInnerText.t1 a { float: left; text-align: center; margin-right: 30px; }
.sy-20200904-szh-banner .bannerInnerText.t1 p { float: none; }
.sy-20200904-szh-banner .bannerInnerText.t1 .bannerInnerBtn2 { background: none; color: #e60012; border: 1px solid #e60012; line-height: 30px; }
.sy-20200904-szh-banner .bannerInnerText.t1 .bannerInnerBtn2 p { margin: -1px 0 0 0; }
.sy-20200904-szh-banner .bannerInnerText.t1 .bannerInnerBtn2:hover { background: #e60012; color: #fff; }
@media (max-width:1600px) {
    .sy-20200904-szh-banner .sy-20200904-fhtxt { width: 40%; margin: 8% 0 3% 0; }
}
@media (max-width:1200px) {
    .sy-20200904-szh-banner .sy-20200904-fhtxt { width: 35%; margin: 5% 0 3% 0; }
    .sy-20200904-szh-banner .bannerInnerText.t1 .bannerInnerBtn { margin: 0; }
}
@media (max-width:768px) {
    .sy-20200904-szh-banner .sy-20200904-fhtxt { width: auto; margin: 10% 0 8% 0; }
    .sy-20200904-szh-banner .bannerInnerBtnMbl { display: inline-block; margin: 0 20px 0 0; }
    .sy-20200904-szh-banner .bannerInnerBtn2 { background: #e9e9e9; color: #e60012; border: 1px solid #e60012; padding: 0 30px; }
}

/*棣栭〉banner澧炲姞鏁板瓧鍖栬瘯鐐归」鐩�-20200905-缁撴潫*/

/*hz-20200903-鏃犵嚎灞€鍩熺綉澧炲姞banner鏍峰紡*/
.secondDiv .secondBannerText.hz-0903-bannerText { top: 12%; }
.secondDiv .secondBannerText.hz-0903-bannerText>h2 { font-size: 44px; line-height: 1.2; }
.secondDiv .secondBannerText.hz-0903-bannerText>p { margin-top: 20px; }
.hz-0903-Boxbtn { width: 100%; margin-top: 25px; overflow: hidden; }
.hz-0903-btn1 { width: 16.5%; float: left; overflow: hidden; background: #e60011; border-radius: 30px; padding: 10px 5px; margin: 0 auto; }
.hz-0903-btn1Txt1 { color: #fff; font-size: 14px; float: left; margin-left: 9%; }
.hz-0903-btn1-img { width: 4.1%; float: left; margin-left: 5%; margin-top: 3.3%; }
.hz-0903-btn2 {    /*margin-left: 28px;*/ }
.hz-0903-btn1:hover { background: #cf000f; }
@media screen and (max-width:1720px) {
    .secondDiv .secondBannerText.hz-0903-bannerText { top: 9%; }
    .secondDiv .secondBannerText.hz-0903-bannerText>h2 { font-size: 40px; }
}
@media screen and (max-width:1600px) {
    .secondDiv .secondBannerText.hz-0903-bannerText { top: 9%; }
    .secondDiv .secondBannerText.hz-0903-bannerText>h2 { font-size: 34px; }
}
@media screen and (max-width:1440px) {
    .secondDiv .secondBannerText.hz-0903-bannerText { top: 11%; }
    .secondDiv .secondBannerText.hz-0903-bannerText>h2 { font-size: 28px; }
    .secondDiv .secondBannerText.hz-0903-bannerText>p { margin-top: 15px; }
    .hz-0903-Boxbtn { margin-top: 20px; }
}
@media screen and (max-width:1366px) {
    .secondDiv .secondBannerText.hz-0903-bannerText { top: 8%; }
    .secondDiv .secondBannerText.hz-0903-bannerText>h2 { font-size: 28px; }
    .hz-0903-Boxbtn { margin-top: 20px; }
    .secondDiv .secondBannerText.hz-0903-bannerText>p { margin-top: 15px; }
}
@media screen and (max-width:1200px) {
    .secondDiv .secondBannerText.hz-0903-bannerText { top: 9%; }
    .secondDiv .secondBannerText.hz-0903-bannerText>h2 { font-size: 20px; }
    .hz-0903-Boxbtn { margin-top: 20px; }
    .secondDiv .secondBannerText.hz-0903-bannerText>p { margin-top: 12px; }
}
@media screen and (max-width:1000px) {
    .secondDiv .secondBannerText.hz-0903-bannerText { top: 5%; }
    .secondDiv .secondBannerText.hz-0903-bannerText>h2 { font-size: 20px; }
    .hz-0903-btn1 { width: 17.5%; }
    .hz-0903-Boxbtn { margin-top: 10px; }
    .hz-0903-btn1Txt1 { font-size: 12px; }
    .hz-0903-btn1 { padding: 7px 5px; }
}
@media screen and (max-width:768px) {
    .secondDiv .secondBannerText.hz-0903-bannerText { width: 100%; }
    .secondDiv .secondBannerText.hz-0903-bannerText>h2 { font-size: 70%; line-height: 1.3em; margin-left: 2%; }
    .secondDiv .secondBannerText.hz-0903-bannerText>p { border-left: 0; padding-left: 0; font-size: 26.3%; margin-left: 2%; }
    .secondDiv .secondBannerText.hz-0903-bannerText { top: 3%; }
    .hz-0903-Boxbtn { margin-top: 5%; margin-left: 3%; }
    .hz-0903-btn1-w { width: 32.2%; float: left; }
    .hz-0903-btn2-w {        /*margin-left: 3%;*/ }
}

/*20200903鏃犵嚎灞€鍩熺綉澧炲姞banner鏍峰紡缁撴潫*/

/*20200907-hz鏀垮姟浜戣В鍐虫柟妗堟牱寮忎慨鏀�*/
.hz-0907-load { width: 50%; overflow: hidden; margin: 15px 0 30px; float: left; }
.hz-0907-icon { width: 8.5%; float: left; margin-top: 3px; }
.hz-0907-icon>img { width: 100%; }
.hz-0907-iconText { float: left; font-size: 18px; color: #333333; margin-left: 15px; margin-top: 5px; }
.hz-0907-load:hover .hz-0907-iconText { color: #e60012; }
.hz-0907-content { width: 100%; margin: 0 auto; overflow: hidden; }
.subNewsTitle .hz-0907-content .hz-0907-btn_list { width: 50%; float: right; }
@media screen and (max-width:768px) {
    .hz-0907-load { width: 100%; overflow: hidden; margin: 15px 0 30px; float: left; }
    .hz-0907-load { margin-bottom: 20px; }
    .hz-0907-icon { width: 7.4%; float: left; margin-top: 0; }
    .hz-0907-icon>img { width: 100%; }
    .hz-0907-iconText { float: left; font-size: 16px; color: #333; margin-left: 10px; margin-top: 0px; }
    .pro_product.hz-0907-pro_product { padding-top: 30px; }
    .subNewsTitle .hz-0907-content .hz-0907-btn_list { display: none; }
}

/*20200907-hz鏀垮姟浜戣В鍐虫柟妗堟牱寮忎慨鏀圭粨鏉�*/

/*棣栭〉banner澧炲姞浜戜笌鏅鸿兘椤圭洰-20200910-寮€濮�*/
.sy-20200904-yyzn-banner .sy-20200904-fhtxt { margin: 215px 0 40px 0; }
.sy-20200904-yyzn-banner .sy-20200904-fhtxt img { width: auto; max-width: 100%; float: none; }
.sy-20200904-yyzn-banner .bannerInnerText.t1 .bannerInnerBtn { float: left; width: 160px; }
.sy-20200904-yyzn-banner .bannerInnerText.t1 a { float: left; text-align: center; margin-right: 30px; }
.sy-20200904-yyzn-banner .bannerInnerText.t1 p { float: none; }
@media (max-width:1600px) {
    .sy-20200904-yyzn-banner .sy-20200904-fhtxt { width: 55%; margin: 10% 0 3% 0; }
}
@media (max-width:1200px) {
    .sy-20200904-yyzn-banner .sy-20200904-fhtxt { width: 50%; margin: 8% 0 3% 0; }
    .sy-20200904-yyzn-banner .bannerInnerText.t1 .bannerInnerBtn { margin: 0; }
}
@media (max-width:768px) {
    .sy-20200904-yyzn-banner .sy-20200904-fhtxt { width: auto; margin: 20% 0 10% 0; }
    .sy-20200904-yyzn-banner .bannerInnerBtnMbl { display: inline-block; margin: 0; }
}

/*棣栭〉banner澧炲姞浜戜笌鏅鸿兘椤圭洰-20200910-缁撴潫*/

/*鍟嗕笟閬撳痉寮€濮�*/
.secondDiv .hz-0923-container { width: 900px; margin: 0 auto; }
.secondDiv.hz-0923-wrapbox { padding: 0; }
.hz-0923-wraplist { width: 900px; }
.secondDiv .hz-0923-wrapbox { padding: 0; }
.hz-0923-tit { width: 900px; padding: 20px 0%; }
.hz-0923-tit p { font-size: 14px; color: #666; padding-bottom: 24px; line-height: 24px; margin-bottom: 0px; }
.subNewsTitle.hz-0923-tit p { padding: 24px 0; }
#SetTemplate.threeDiv .hz-200828-soc2-bg .hz-0923-wraplist .ListNavList li span { font-size: 20px; padding-top: 4%; }
.hz-0923-btn a { display: block; width: 33.4%; font-size: 16px; color: #333; margin: 0 auto; border: 1px solid #bfbfbf; border-radius: 20px; padding: 1% 0; margin-bottom: 6%; position: relative; padding-left: 3%; background: #fff; }
.hz-0923-btn a img { display: block; width: 15px; position: absolute; top: 33%; right: 10%; }
.hz-0923-btn a:hover { background: #e60012; color: #fff; border: 1px solid #e60012; }
#SetTemplate.threeDiv .ListNavList li .show-0923-pc,
.hz-0923-btn a .show-0923-pc { display: block; }
#SetTemplate.threeDiv .ListNavList li .show-0923-phone,
.hz-0923-btn a .show-0923-phone { display: none; }
#SetTemplate.threeDiv .hz-0923-wraplist .ListNavList li { padding: 10px 0%; }
@media(max-width:770px) {
    .secondDiv .hz-0923-container { width: 100%; margin: 0 auto; }
    .hz-0923-tit { width: 100%; padding: 0% 0%; }
    .hz-0923-tit>h1 { font-size: 4.8vw !important; }
    .swiper-wrapper .hz-0923-slide { padding-bottom: 5%; }
    .subNewsTitle.hz-0923-tit p { padding: 24px 10px; color: #333; font-size: 16px; }
    .hz-0923-wraplist { width: 100%; }
    #SetTemplate.threeDiv .hz-200828-soc2-bg .hz-0923-wraplist .ListNavList li span { font-size: 3.47vw; padding-top: 0%; }
    .hz-0923-span { padding-top: 6% !important; }
    #SetTemplate.threeDiv .ListNavList li .show-0923-pc,
    .hz-0923-btn a .show-0923-pc { display: none; }
    #SetTemplate.threeDiv .ListNavList li .show-0923-phone,
    .hz-0923-btn a .show-0923-phone { display: block; }
    #SetTemplate.threeDiv .hz-0923-tab { display: none; padding-top: 5%; }
    #SetTemplate.threeDiv .hz-0923-tab:nth-child(2) { display: block; }
    .hz-0923-tit p { padding-left: 10px; padding-right: 10px; }
    .hz-0923-btn a { width: 60%; font-size: 3.2vw; padding: 2% 0; padding-left: 4.5%; background: #fff; color: #e60012; border: 1px solid #e60012; }
    .hz-0923-btn a img { width: 6%; top: 30%; right: 8%; }
    .hz-0923-btn a:hover { background: #fff; color: #e60012; border: 1px solid #e60012; }
    #SetTemplate.threeDiv .hz-0923-wraplist .ListNavList li { padding: 3% 0 2% }
}

/*鍟嗕笟閬撳痉缁撴潫*/
.hz-wf-txt { width: 58.2%; position: absolute; top: 50%; transform: translateY(-50%); }

/*AI绯诲垪ICT铻嶅悎缃戝叧 蹇€熷畨瑁呮寚鍗�--hz淇敼鏍峰紡*/
.wendangc.wendangq p.ItemStep20 { margin-left: 9.2%; }
.wendangc.wendangq p.ItemStep20 span { font-family: 寰蒋闆呴粦 !important; color: #000 !important; }
@media(max-width:770px) {
    .wendangc.wendangq p.ItemStep20 { margin-left: 21%; }
}

/*AI绯诲垪ICT铻嶅悎缃戝叧 蹇€熷畨瑁呮寚鍗�--hz淇敼鏍峰紡缁撴潫*/

/*棣栭〉 棰嗚埅鑰呰 2020-10-19 */
.hz-0721-k1-wrap.hz-201019-k1 { padding-bottom: 6%; }
.hz-0721-k1-wrap.hz-201019-k1>.hz-0721-k1-item { padding-bottom: 0; }
#sj-tip { width: 340px; height: 293px; position: fixed; padding: 15px 20px; border: 1px solid #ccc; z-index: 100; bottom: 10px; right: 80px; background: #fff; border-radius: 4px; z-index: 900; display: none; }
#sj-tip img.popupClose { width: 32px; position: absolute; right: 10px; top: 6px; cursor: pointer; opacity: 1; filter: alpha(opacity=100); }
#sj-tip img.logos { width: 80px; }
#sj-tip p { color: #333; padding-right: 0px; font-size: 14px; margin: 15px 0 0px; line-height: 26px; }
#sj-tip p+p { text-indent: 2em; margin: 5px 0 0 0; }
#sj-tip a.popup-btn { font-family: 'Microsoft YaHei', '寰蒋闆呴粦'; color: #fff; background: #e60012; width: 80px; height: 28px; font-size: 12px; line-height: 28px; display: block; text-align: center; float: right; margin-top: 12px; cursor: pointer; text-decoration: none; }
@media(max-width:1366px) { }
.hotP.hz-20201130-xg { letter-spacing: -0.8px; }
.secondDiv .SMB_fff .SMBsolutionListText.hz-202012-pt { padding-top: 1.5%; }
.secondDiv .hz-1202-wd { width: 112px; margin: 0px auto; float: none; display: block; padding: 20px 0; margin-bottom: 20px; font-size: 20px; }
.secondDiv .hz-1202-wd .SMBListopen span { font-size: 20px; }
@media screen and (max-width:768px) {
    .secondDiv .hz-1202-wd { display: none; }
}
.courseDetails.hz-20201111-xg ul { margin: 0 auto 30px; box-shadow: none; overflow: hidden; }
.courseDetails.hz-20201111-xg .course-tabs li { font-size: 16px; background-color: #fff; color: #333; width: auto; margin-left: 4%; border-bottom: none; border-right: none; float: left; padding: 10px 0; }
.courseDetails.hz-20201111-xg .course-tabs li:first-child { margin-left: 0; }
.courseDetails.hz-20201111-xg .course-tabs li:nth-child(1),
.courseDetails.hz-20201111-xg .course-tabs li:nth-child(2) { border-right: none; }
.courseDetails.hz-20201111-xg .course-tabs li.active,
.product-nav .nav-pc-tabs li.active { color: #e60012; border-bottom: 2px solid #e60012; }
.courseDetails.hz-20201111-xg .course-tabs li:after { width: 0; }
@media(max-width:770px) {
    .courseDetails.hz-20201111-xg ul { width: 100%; margin: 0 auto 20px; box-shadow: none; }
    .courseDetails.hz-20201111-xg .course-tabs li { font-size: 14px; }
}
.service-wrap.hz-20210106-xg { padding-top: 0; }
.hz-license-gg { width: 100%; position: relative; margin-top: -1%; margin-bottom: 2%; }
.hz-license-gg img { width: 100%; }
.hz-license-btn1 { position: absolute; width: 9.2%; top: 49%; right: 11.8%; text-align: center; font-size: 18px; }
.hz-license-btn1 a { color: #db4f52; font-weight: 600; }
.hz-license-btn2 { position: absolute; width: 9.2%; top: 49%; right: 1.8%; text-align: center; font-size: 18px; }
.hz-license-btn2 a { color: #db4f52; font-weight: 600; }
@media(max-width:770px) {
    .hz-license-btn1,
    .hz-license-btn2 { font-size: 2vw; }
}
.hz-210112-btn { width: 34.3%; overflow: hidden; margin-top: 15%; }
.hz-210112-btn img { width: 100%; }
.hz-210112-btn1 { width: 46.6%; float: left; }
.hz-210112-btn2 { width: 46.6%; float: right; }
@media screen and (max-width:1920px) {
    .hz-210112-btn { width: 30%; margin-top: 10%; }
}
@media screen and (max-width:1400px) {
    .hz-210112-btn { width: 30%; margin-top: 7%; margin-left: 14%; }
}
@media screen and (max-width:768px) {
    .hz-210112-btn { width: 29.1%; margin-top: 45%; margin-left: 63.8%; }
    .hz-210112-btn1 { width: 100%; float: none; }
    .hz-210112-btn2 { width: 100%; float: none; margin-top: 15%; }
}
.service-wrap.hz-20201111-xg { overflow: visible; padding: 0 0 0 0; margin-top: 8px; }
@media(max-width:770px) {
    .service-wrap.hz-20201111-xg { overflow: visible; padding: 8% 0 0 0; }
    .hz-20201111-a { padding: 8% 15px 0 0; color: #e60012; text-align: right; }
    .hz-20201111-a a { color: #e60012; }
}
#SetTemplate .listBoxTit.oneOverflow.hz-210204-xg { }
#SetTemplate .listBoxTit.oneOverflow.hz-210204-xg a { color: #333; padding-bottom: 3px; border-bottom: 1px solid #333; float: left; }
.service_wrap.h3pb15 .liner-box { margin-bottom: 30px; }
.secondDiv .secondBannerText.hz-210402-txt { margin: 0 auto; top: 24%; }
.secondDiv .secondBannerText.hz-210402-txt h2 { font-size: 46px; margin-left: 22%; }
.secondDiv .secondWrapBox.hz-210402-box { width: 100%; }
@media(max-width:1400px) {
    .secondDiv .secondBannerText.hz-210402-txt { margin: 0 auto; top: 23%; }
}
@media(max-width:770px) {
    .secondDiv .secondBanner.hz-210402-mt { margin-top: 0; }
    .secondDiv .secondBannerText.hz-210402-txt h2 { font-size: 15px; text-align: right; line-height: 1.4em; }
    .secondDiv .secondBannerText.hz-210402-txt span { display: block; }
    .secondDiv .secondBannerText.hz-210402-txt { top: 11%; left: -14%; }
}
.numberQ.hz-210416-xg { padding-top: 60px !important; height: 500px !important; }
.numberO.hz-210416-xg { padding-top: 160px !important; height: 560px !important; }
#Company_history.threeDiv .hist_boxList li.numberO.hz-210416-xg .mouth_span { top: 270px; }
#Company_history.threeDiv .hist_boxList li.numberQ.hz-210416-xg .mouth_span { top: 150px; }
.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content h2.hz-210430-title { font-size: 48px; color: #e60012; }
.ns-red-next-arrow.hz-210416-phone::before { top: 30%; }
.ns-wrap-list>li .ns-software-text.hz-210416-txt .ns-red-next-arrow { bottom: 7%; }
.ns-wrap-list>li .ns-software-text .ns-red-next-arrow.hz-210416-phone { bottom: 15%; border-bottom: 1px solid rgba(167, 166, 166, 0.3); padding-bottom: 5%; }
.ns-wrap-list>li .ns-software-text.hz-210416-txt { height: 370px; box-sizing: border-box; padding: 35px 26px; }
.ns-wrap-list>li .ns-software-text.hz-210416-txt .ns-red-next-arrow.t2 { bottom: 13%; }
.ns-wrap-list>li .ns-software-text.hz-210416-txt .ns-red-next-arrow.t1 { bottom: 19%; }
.hz-210427-tip { font-size: 12px; color: #666; line-height: 1em; margin-bottom: 5px; margin-top: -8%; opacity: 0; display: block; }
#secondMenu ul li { text-align: center; }
#secondMenu ul li:hover .hz-210427-tip { display: block; opacity: 1; }
.hz-210427-span { font-size: 14px; color: #666; vertical-align: bottom; }
.hz-210427-span b,
#secondMenu ul li b { font-weight: 600; }
@media(max-width:1400px) {
    .ns-wrap-list>li .ns-software-text .ns-red-next-arrow.hz-210416-phone { bottom: 14%; }
}
@media(max-width:770px) {
    .ns-wrap-list>li .ns-software-text .ns-red-next-arrow.hz-210416-phone { border-bottom: none; bottom: 10px; left: 128px; padding-bottom: 0; }
    .ns-red-next-arrow.hz-210416-phone::before { top: 50%; }
    .ns-wrap-list>li .ns-software-text.hz-210416-txt { height: auto; padding: 15px 15px 40px; }
    .ns-wrap-list>li .ns-software-text.hz-210416-txt .ns-red-next-arrow { bottom: 10px; }
    .ns-wrap-list>li .ns-software-text.hz-210416-txt .ns-red-next-arrow.t2 { bottom: 10px; left: 118px; }
    .ns-wrap-list>li .ns-software-text.hz-210416-txt .ns-red-next-arrow.t1 { bottom: 10px; }
    .ns-wrap-list>li .ns-software-text.hz-210416-txt .ns-red-next-arrow.t3 { left: 220px; }
    .hz-210427-span { font-size: 12px; }
}
.hz-0527-title { position: relative; margin-top: 40px; margin-bottom: 0px; font-size: 16px; color: #333; line-height: 1; font-weight: 400; }
.hz-0527-title a { color: #0b7ed7; }
.hz-0527-title a:hover { color: #e60012; }
@media(max-width:770px) {
    .hz-0527-title { line-height: 1.5em; margin-top: 26px; }
    #cloud-video,
    #cloud-video-1,
    #cloud-video-2 { width: 90%; margin: 0 auto; z-index: 1000; }
    .hz-video-c { left: 0; margin-left: 0; width: 100%; top: 30%; overflow: visible; }
    .hz-close { position: absolute; top: -15%; right: 5%; float: none; width: 5%; }
    a.ns-btn.ns-btn-primary.hz-0720-btn { font-size: 12px; padding: 6px 12px; margin: 3% 0; }
    .product-summary h2.hz-0720-h2 { margin-top: 0px; }
}

/*score.css 2021-07-28*/
.wendangc .feedback .score span { color: #00a2e8 !important; }
.wendangc .feedback .score .grade { color: #000 !important; }
.feedback .score { margin: 10px 0; font-size: 16px; color: #00a2e8 !important; cursor: pointer; }
.feedback .score span { cursor: pointer; }
.feedback .score span i.star { display: inline-block; width: 20px; height: 20px; background: url(/cn/tres/NewWebUI/2020/images/icon-rating.png) no-repeat; background-size: 40px 20px; vertical-align: top; }
.feedback .score span i.star.red { background-position-x: -20px; }
.feedback .score .grade { padding-left: 10px; color: #000; }
.feedback .feedback-inner { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 50vw; z-index: 3005; background: white; padding: 40px; box-shadow: 1px 1px 15px #ccc; font-size: 18px; color: black; }
.feedback .feedback-inner .feedback-close { position: absolute; right: 15px; top: 15px; font-size: 30px; font-weight: 200; transform: rotate(45deg); display: inline-block; color: #999 !important; padding: 5px; cursor: pointer; }
.feedback .feedback-inner .getscore span { cursor: pointer; }
.feedback .feedback-inner .getscore span i.star { display: inline-block; vertical-align: top; width: 20px; height: 20px; background: url(/cn/tres/NewWebUI/2020/images/icon-rating.png) no-repeat; background-size: 40px 20px; }
.feedback .feedback-inner .getscore span i.star.red { background-position-x: -20px; }
.feedback .feedback-inner .getscore .grade { padding-left: 10px; color: #000; }
.feedback .feedback-inner .must-red { color: #e60012 !important; }
.feedback .feedback-inner p { margin-bottom: 5px; font-size: 14px; padding-bottom: 0; color: #000; margin-left: 0; }
.feedback .feedback-inner p,
.feedback .feedback-inner span { font-family: "Microsoft Yahei", arial, "\5b8b\4f53"; }
.feedback .feedback-inner textarea { width: 100%; height: 80px; padding: 10px; border: 1px solid #d4d4d4; resize: none; }
.feedback .feedback-inner hr { margin-bottom: 10px; color: #cecdcd; }
.feedback .feedback-inner input[type='text'] { width: 50%; padding: 10px; height: auto; border: 1px solid #d4d4d4; }
.feedback .feedback-inner input[type='file'] { font-size: 14px; }
.feedback .feedback-inner input[type='button'] { font-size: 14px; margin-top: 5px; padding: 5px 10px; background: #e60012; border-radius: 5px; border: 0; color: white; width: auto; }
.feedback .feedback-inner input[type='submit'] { margin-top: 20px; padding: 10px 40px; background: #e60012; border-radius: 30px; border: 0; font-size: 18px; color: white; width: auto; }
.feedback .feedback-inner input[type='checkbox'] { width: 15px; height: 15px; }
.feedback .feedback-inner #feedback-privacy { visibility: hidden; position: absolute; }
.feedback .feedback-inner .error { font-size: 14px; color: #e60012; }
.feedback .feedback-inner .statement { font-size: 14px; position: relative; display: flex; }
.feedback .feedback-inner .statement label { position: absolute; left: 0; top: 3px; width: 15px; height: 15px; margin-bottom: 0; border: 1px solid #6b6a6a; background: #e2e1e1; display: inline-block; border-radius: 3px; cursor: pointer; }
.feedback .feedback-inner .statement label.checked { background: #616060 url(/cn/tres/NewWebUI/2020/images/icon-check.png) no-repeat; background-size: 100% 100%; }
.feedback .feedback-inner .statement .clause { position: relative; padding-left: 20px; text-align: left; }
.feedback .feedback-inner .statement a,
.feedback .feedback-inner .statement a:link,
.feedback .feedback-inner .statement a:focus,
.feedback .feedback-inner .statement a:visited { color: #00a2e8 !important; text-decoration: none !important; }
#PopUp { position: fixed; top: 50%; left: 50%; width: 300px; padding: 30px 15px; background: #ffffff; transform: translate(-50%, -50%); box-shadow: 0 0 10px #999; z-index: 3006; display: none; }
#PopUp p { text-align: center; font-size: 14px; color: #e60012; }
.delete_file { color: #e60213; }
.btnUpload { border: 1px solid #666; padding: 2px 5px; }
.ui-autocomplete { z-index: 99999 !important; max-height: 100px; overflow-X: auto; overflow-x: hidden; }
@media (max-width:768px) {
    .feedback .score { margin-bottom: 10px; font-size: 14px; }
    .feedback .score span i.star { display: inline-block; width: 15px; height: 15px; background: url(/cn/tres/NewWebUI/2020/images/icon-rating.png) no-repeat; background-size: 30px 15px; vertical-align: baseline; }
    .feedback .score span i.star.red { background-position-x: -15px; }
    .feedback .feedback-inner { padding: 30px 20px; width: 90vw; font-size: 14px; }
    .feedback .feedback-inner .feedback-close { right: 0px; top: 0px; }
    .feedback .feedback-inner .getscore span i.star { vertical-align: baseline; width: 15px; height: 15px; background: url(/cn/tres/NewWebUI/2020/images/icon-rating.png) no-repeat; background-size: 30px 15px; }
    .feedback .feedback-inner .getscore span i.star.red { background-position-x: -15px; }
    .feedback .feedback-inner input[type=text] { width: 100%; }
    .feedback .feedback-inner input[type='submit'] { padding: 7px 30px; font-size: 14px; }
    #PopUp { width: 250px; padding: 25px 15px; }
}

/*score.css 2021-09-09*/
.hz-0729xp-bannertxt { width: 30.2%; margin-left: 21.4%; margin-top: 6%; }
.hz-0729xp-bannertxt img { width: 100%; }
.hz-0729xp-bannertxt+.but { margin-left: 24.4%; margin-top: 1%; }
@media (max-width:768px) {
    .hz-0729xp-bannertxt { width: 77.1%; margin-left: 10.6%; }
    .hz-0729xp-bannertxt+.but { margin-left: 30.6%; margin-top: 7%; }
}

/* License */
.service-wrap { padding-top: 7px; }
.hz-210730-h h3 { font-size: 40px; }
.hz-210730-tlbg { width: 100%; background: url(../images/hz-tlbg.jpg); height: 160px; background-size: 100% 100%; margin-top: 36px; }
.hz-210730-tab { position: relative; }
.hz-210730-t2 { width: 1200px; margin: 40px auto 0; }
.hz-210730-t2 .hz-210730-h h3 { font-size: 22px; }
.hz-210730-table { width: 100%; }
.hz-210730-table .table-responsive { width: 100% }
.hz-210730-table img { width: 20px; vertical-align: text-bottom; margin-left: 5px; }
.hz-210730-table table { margin-top: 20px }
.hz-210730-table th { background: #f7f8fa; text-align: center; vertical-align: middle; border-left: 1px solid #dddddd; }
.hz-210730-table th:nth-child(1) { border-left: none; width: 300px; }
.hz-210730-table th:nth-child(2) { width: 300px; }
.hz-210730-table th:nth-child(3) { width: 300px; }
.hz-210730-table td { border-left: 1px solid #dddddd; border-bottom: 1px solid #dddddd; text-align: center; vertical-align: middle !important; }
.hz-210730-table td:nth-child(1) { border-left: none; width: 300px; }
.hz-210730-table td:nth-child(2) { width: 300px; }
.hz-210730-table td:nth-child(3) { width: 300px; }
.hz-210730-tablets th:nth-child(3) { width: auto; }
.hz-210730-tablets td:nth-child(3) { width: auto; }
.hz-210730-tab div { width: 236px; padding: 21px 0; text-align: center; color: #fff; font-weight: bold; font-size: 18px; background: linear-gradient(to bottom, rgba(192, 205, 217, 1), rgba(192, 205, 217, 0)); position: absolute; top: 0; }
.hz-210730tab1 { left: 0px; }
.hz-210730tab2 { left: 239px; }
.hz-210730tab3 { left: 478px; }
.hz-210730-tab div p { position: absolute; width: 100%; height: 3px; background: #e60012; left: 0; top: 0; display: none; }
.hz-210730tabactive { color: #e60012 !important; background: linear-gradient(to bottom, rgba(176, 192, 209, 1), rgba(176, 192, 209, 0)) !important; }
.hz-210730bbh { position: absolute; color: #999999; font-size: 18px; right: 0; top: 24px; }
.hz-210730input { width: 715px; height: 62px; position: absolute; left: 0; top: 72px; border: 1px solid #cacaca; }
.hz-210730input input { background: #fff; width: 100%; height: 100%; padding-left: 1em; }
.hz-210730input input::-webkit-input-placeholder { color: #999999; font-size: 18px; line-height: 60px; }
input::-moz-input-placeholder { color: #999999; font-size: 18px; line-height: 60px; }
input::-ms-input-placeholder { color: #999999; font-size: 18px; line-height: 60px; }
.hz-210730btn { width: 140px; position: absolute; left: 740px; top: 73px; }
.hz-210730btn1 { left: 740px; }
.hz-210730btn2 { left: 900px; }
.hz-210730btn3 { left: 1060px; }
.hz-210730btn img { display: block; width: 100%; }
.hz-210730xxtable { display: none; }
.hz-210730zk { width: 114px; margin: 0px auto 60px; }
.hz-210730zk img { display: block; width: 100% }
.hz-210730zk1 { margin-bottom: 30px }
.hz-210730sq { width: 114px; margin: 0px auto 60px; display: none; }
.hz-210730sq img { display: block; width: 100% }
.hz-210730sq1 { margin-bottom: 30px }
.hz-210730-tabbody1 { display: none; }
.hz-210730act { display: block; }
.hz-210730input1 { width: 344px; position: absolute; height: 62px; left: 0; top: 72px; border: 1px solid #cacaca; z-index: 11; }
#hz-zh_select1 { width: 100%; height: 60px; line-height: 60px; }
.hz-zh-sel { background-color: #fff; color: #999; }
.hz-zh2_jsel p { padding: 12px 0; }
.hz-zh2_jsel { display: none; }
.hz-210730xs { width: 60px; position: absolute; right: 0; top: 0; }
.hz-210730xs img { display: block; width: 100%; }
.hz-210730input2 { width: 344px; position: absolute; height: 62px; left: 371px; top: 72px; border: 1px solid #cacaca; z-index: 11; }
#hz-zh_select2 { width: 100%; height: 60px; line-height: 60px; }
.hz-210730input1 .hz-210730-xs1 { display: none; }
.hz-210730input2 .hz-210730-xs1 { display: none; }
#hz-zh_select1 { padding-left: 20px }
#hz-zh_select2 { padding-left: 20px }
.hz-zh2_jsel p { padding-left: 20px }
.hz-210730ss { width: 20px; position: absolute; right: 7px; top: 18px; }
.hz-210730ss img { display: block; width: 100% }
.hz-210730-t21 td:nth-child(3) { text-align: left; padding-left: 34px; padding-right: 34px; }
.hz-210730xl1 { position: absolute; width: 100%; background-color: #fff; color: #999; z-index: 11; display: none; }
.hz-210730xl1 p { padding: 12px 0px 12px 20px; cursor:聽pointer ;}
.hz-210730xl2 { position: absolute; width: 100%; background-color: #fff; color: #999; z-index: 11; display: none; }
.hz-210730xl2 p { padding: 12px 0px 12px 20px; }
.hz-210730wzys { background-color: #f6f8fa; color: #333333; }
.hz-210730-t2>div { padding-left: 0; }
.hz-210730-table td { font-size: 18px; }
.hz-210730-table th { font-size: 18px; }
div.crumbs ul.container .koli { color: #999; }
div.crumbs ul.container .koli a { color: #999 !important; }
.hz-zh-sel { font-size: 18px; }
.service-wrap>div { padding-left: 0; }

/*****************************************************************/
.service-wrap>div.parse-col-2 { width: 100%; display: flex; flex-direction: column;/*justify-content: flex-end;*/ align-items: flex-end; margin-top: 15px; margin-bottom: 15px; }
.set-flex-row { flex-direction: row !important; }
.set-justify-end { justify-content: flex-end !important; }
.service-wrap>div.parse-col-2::before { display: none; }
.service-wrap>div.parse-col-2 p { /*width: calc(100% - 380px);*/ padding-top: 0; padding-bottom: 0; }
.service-wrap>div .download_attribute { width: 380px; display: flex; justify-content: space-between; align-items: center; flex: none;}
.service-wrap>div .download_attribute span { font-size: 14px; color: #666; }

/*****************************************************************/
.hz-210730-whtc { position: absolute; width: 640px; color: #333333; background-color: #fff; border: 1px solid #cccccc; padding: 20px 40px 20px 30px !important; border-radius: 5px; font-size: 16px; line-height: 24px; }
.hz-210730-whtcs1 { position: absolute; width: 640px; color: #333333; background-color: #fff; border: 1px solid #cccccc; padding: 20px 40px 20px 30px !important; border-radius: 5px; font-size: 16px; line-height: 24px; left: 519px; top: -117px; display: none; }
.hz-210730-whtc1 { left: 352px; top: -76px; display: none; }
.hz-210730-whtc2 { left: 556px; top: -76px; display: none; }
.hz-210730-whtc3 { left: 108px; top: -76px; display: none; }
.hz-210730-whtc4 { left: 408px; top: -76px; display: none; }
.hz-210730-whtc5 { left: 605px; top: -76px; display: none; }
.hz-210730-t2 { position: relative; }
.hz-sjj { width: 34px; position: absolute; left: 55px; bottom: -17px; }
.hz-sjj5 { left: 186px; }
.hz-sjj2 { left: 235px; }
.hz-sjjs1 { left: 159px; }
.hz-showpc { display: block; }
.hz-showphone { display: none; }
.hz-sjj img { width: 100%; }
@media (max-width:1200px) {
    .hz-210730input { width: 430px; left: 14px; }
    .hz-210730btn3 { left: 890px; }
    .hz-210730btn2 { left: 721px; }
    .hz-210730btn1 { left: 555px; }
    .hz-210730input1 { width: 250px; left: 14px; }
    .hz-210730input2 { width: 250px; left: 290px; }
    .hz-210730-t2 { width: 970px; }
    .hz-210730-table td:nth-child(1) { width: 242.5px; }
    .hz-210730-table td:nth-child(2) { width: 242.5px; }
    .hz-210730-table td:nth-child(3) { width: 242.5px; }
    .hz-210730-table th:nth-child(1) { width: 242.5px; }
    .hz-210730-table th:nth-child(2) { width: 242.5px; }
    .hz-210730-table th:nth-child(3) { width: 242.5px; }
    .hz-210730-tablets th:nth-child(3) { width: auto; }
    .hz-210730-tablets td:nth-child(3) { width: auto; }
}
@media (max-width:960px) {
    .hz-210730-t2 { width: 100%; margin: 7vw auto 0; }
    .hz-210730-h h3 { font-size: 5.8vw; }
    .hz-210730-tab div { font-size: 3.46vw; }
    .hz-210730-tab div { width: 36.3%; }
    .hz-210730tab1 { left: -4%; }
    .hz-210730tab2 { left: 32.7%; }
    .hz-210730tab3 { left: 69.5%; }
    .hz-210730-tlbg { height: 54vw; }
    .hz-210730input { width: 92%; left: 4%; top: 15vw; height: 11vw; }
    .hz-210730btn { width: 27.5%; top: 31vw; }
    .hz-210730btn1 { left: 4.6%; }
    .hz-210730btn2 { left: 36.1%; }
    .hz-210730btn3 { left: 68.1%; }
    .hz-210730bbh { font-size: 2.9vw; right: 4%; top: 47vw; }
    .hz-210730input1 { width: 44%; left: 4%; height: 11vw; top: 15vw; }
    #hz-zh_select1 { height: 10.5vw; line-height: 10.5vw; }
    .hz-210730xs { width: 10.7vw; }
    .hz-210730input2 { width: 44%; left: 52%; height: 11vw; top: 15vw; }
    #hz-zh_select2 { height: 10.5vw; line-height: 10.5vw; }
    #hz-zh_select1 { padding-left: 2vw; }
    #hz-zh_select2 { padding-left: 2vw; }
    .hz-210730ss { width: 5vw; position: absolute; right: 7px; top: 2.8vw; }
    .hz-210730-table td:nth-child(1) { width: 25%; }
    .hz-210730-table td:nth-child(2) { width: 25%; }
    .hz-210730-table td:nth-child(3) { width: 25%; }
    .hz-210730-table th:nth-child(1) { width: 25%; }
    .hz-210730-table th:nth-child(2) { width: 25%; }
    .hz-210730-table th:nth-child(3) { width: 25%; }
    .hz-210730-tablets th:nth-child(3) { width: auto; }
    .hz-210730-tablets td:nth-child(3) { width: auto; }
    .hz-210730-t21 td:nth-child(3) { text-align: left; padding-left: 4vw; padding-right: 4vw; }
    .hz-210730-table td { white-space: normal !important; }
    .hz-210730-table tr { white-space: normal !important; }
    .hz-210730-table th { white-space: normal !important; }
    .hz-210730zk { width: 23%; margin: 0px auto 8vw; }
    .hz-210730sq { width: 23%; margin: 0px auto 8vw; }
    .hz-210730-table td { vertical-align: middle !important; font-size: 3.2vw; }
    .hz-210730-table th { vertical-align: middle !important; font-size: 3.2vw; }
    .hz-210730-table img { width: 4vw; vertical-align: text-bottom; margin-left: 5px; }
    .hz-210730-table .table-responsive { width: 92%; margin: 4% auto; }
    .hz-210730-t2 .hz-210730-h h3 { font-size: 4.5vw; }
    .hz-210730input input::-webkit-input-placeholder { color: #999999; font-size: 3.4vw; }
    input::-moz-input-placeholder { color: #999999; font-size: 3.4vw; }
    input::-ms-input-placeholder { color: #999999; font-size: 3.4vw; }
    .hz-210730xl1 { font-size: 3.4vw }
    .hz-210730-t2>div>h3 { padding-left: 4%; }
    .service-wrap { padding: 27px 0 0 0; }
    .service-wrap>div { padding-left: 0; }

    /*****************************************************************/
    .service-wrap>div.parse-col-2 { width: 100%; display: flex; justify-content: flex-start; align-items: center; }
    .service-wrap>div.parse-col-2::before { display: none; }
    .service-wrap>div.parse-col-2 p { width: calc(100%); }
    .service-wrap>div .download_attribute { display: none; }

    /*****************************************************************/
    .hz-210730-tab div { font-weight: normal; color: #333; }
    .hz-210730-tlbg { background: url(../images/hz-tlbgm.jpg); background-size: 100% 100%; }
    .hz-zh-sel { font-size: 3.4vw }
    .hz-210730-whtc { position: absolute; width: 94%; color: #333333; background-color: #fff; border: 1px solid #cccccc; padding: 2vw 6vw 7vw 6vw !important; border-radius: 5px; font-size: 3.2vw; line-height: 24px; left: 50%; margin-left: -47%; z-index: 12; }
    .hz-210730-whtcs1 { position: absolute; width: 98%; color: #333333; background-color: #fff; border: 1px solid #cccccc; padding: 2vw 6vw 7vw 6vw !important; border-radius: 5px; font-size: 3.2vw; line-height: 24px; left: 50%; top: 111%; margin-left: -47%; display: none; z-index: 12; }
    .hz-210730-whtcs1 .hz-sjj { left: 91%; }
    .hz-210730-whtc1 { left: 50%; top: 86%; display: none; }
    .hz-210730-whtc2 { left: 50%; top: 86%; display: none; }
    .hz-210730-whtc3 { left: 50%; top: 86%; display: none; }
    .hz-210730-whtc4 { left: 50%; top: 86%; display: none; }
    .hz-210730-whtc5 { left: 50%; top: 86%; display: none; }
    .hz-sjj { width: 7.2%; position: absolute; left: 1%; top: -3.5vw; }
    .hz-sjj5 { left: 61.5%; }
    .hz-210730-whtc3 .hz-sjj { left: 16%; }
    .hz-210730-whtc4 .hz-sjj { left: 40.9%; }
    .hz-210730-whtc3 .hz-sjj { left: 16%; }
    .hz-210730-whtc2 .hz-sjj { left: 61.2%; }
    .hz-210730-whtc1 .hz-sjj { left: 34.5%; }
    .hz-showpc { display: none; }
    .hz-showphone { display: block; }
}

/* 浠锋牸 */
.hz-210811-jg { color: #e60012; font-size: 20px; font-weight: bold; margin-bottom: 16%; }
.hz-210811-jg span { font-size: 32px; font-weight: bold; }
.index_banner .hz-210811-tit { margin-bottom: 0 !important; }
@media (max-width:960px) {
    .hz-210811-jg { color: #e60012; font-size: 12px; margin-bottom: 10px; }
    .hz-210811-jg span { font-size: 18px; }
}
.hz-0812-xg .banner_tit { margin-bottom: 0; }
.hz-0812-xg .hz-210811-jg { margin-bottom: 20px; }
@media (max-width:960px) {
    .hz-0812-xg .banner_tit { margin-bottom: 0 !important; }
    .hz-0812-xg .hz-210811-jg { margin-bottom: 10px; }
}

/*begin document-center 20211122 sys4254 */
.mb { display: none }
a,
a:focus { outline: 0 }
.ns-breadcrumb.content-page { background: 0 0; border-color: transparent; padding-top: 40px; color: #4d4d4d }
.document-header { background: #efefef }
.document-header .title { position: relative }
.document-header .title h1 { margin: 0; padding: 30px 0; font-size: 24px; font-weight: 400; color: #000 }
.document-header .title .mobile-tools,.document-header .document-search .mobile-tools{ display: none }
.document-header .title .pop-order,
.document-header .document-search .pop-search { display: none }
.document-header .pop-search { display: none }
.document-header .document-search { display: flex; justify-content: space-between; align-items: center; background: #e60012; padding: 14px 20px; font-size: 16px; color: #fff }
.document-header .document-search .filter { display: flex; align-items: center }
.document-header .document-search .filter .filter-selection { position: relative; margin-left: 10px }
.document-header .document-search .filter .filter-selection select { color: #242424; border: 1px solid #9fa0a0; background: #fff url(/cn/tres/NewWebUI/2020/images/icon-show.png) no-repeat 96% center; padding: 8px 36px 8px 12px }
.document-header .document-search .filter .filter-selection select::-ms-expand { display: none }
.document-header .document-search .search-box { position: relative }
.document-header .document-search .search-box input.search-keyword { border: 1px solid #9fa0a0; background: #fff; padding: 8px 36px 8px 12px; height: auto; color: #000 }
.document-header .document-search .search-box input.search-button { position: absolute; right: 10px; top: 50%; transform: translateY(-50%); border: 0; background: transparent url(/cn/tres/NewWebUI/2020/images/icon-search.png) no-repeat; padding: 0; width: 18px; height: 18px }
.document-detail-header h1 { font-size: 24px; color: #333; text-align: center; font-weight: 400; margin: 20px 0 }
.document-detail-header .subNewsTitle .btn_list { overflow: hidden; margin: 20px 0; position: relative }
.document-detail-header .subNewsTitle .btn_list ul li { display: block; float: right; width: 85px; line-height: 30px; font-size: 14px; color: #666; text-align: left; height: 30px }
.document-detail-header .subNewsTitle .btn_list ul li a { color: #7f7f7f; display: block; line-height: 30px; padding-left: 40px; background: url(//www.h3c.com/cn/tres/WebUI/images/btn_pro_detail.png) #f7f7f7 no-repeat; margin-left: 2px }
.document-detail-header .subNewsTitle .btn_list ul li a:hover { background-color: #eee; text-decoration: none !important }
.document-detail-header .subNewsTitle .btn_list ul li a.download a { background-position: 0 -90px }
.document-detail-header .subNewsTitle .btn_list ul li a.collect a { background-position: 0 -60px }
.document-detail-header .subNewsTitle .btn_list ul li a.print a { background-position: 0 -30px }
.document-detail-header .subNewsTitle .btn_list ul li a.good a { background-position: 0 0; margin-left: 0 }
.document-detail-container { display: flex; border-top: 1px solid #e6e6e6; padding-top: 15px }
.document-detail-container .catalogue { flex: none; width: 230px; float: left;position: sticky; top: 100px; min-height: calc(100vh - 100px);}
.document-detail-container .catalogue h3 { border-left: 0; margin: 8px 0; font-size: 20px; color: #333; font-weight: 400; letter-spacing: 0; text-indent: 0; }
.document-detail-container .catalogue h3.have-children { background: url(/cn/tres/NewWebUI/2020/images/icon-add-20220701.png) left center no-repeat; background-size: 15px; padding-left: 20px; cursor: pointer;}   
.document-detail-container .catalogue.expand h3.have-children { background: url(/cn/tres/NewWebUI/2020/images/icon-reduce-20220701.png) left center no-repeat; background-size: 15px; }
.document-detail-container .catalogue .catalogue-inner ul { margin-bottom: 30px }
.document-detail-container .catalogue .catalogue-inner ul li { padding-left: 45px; width: 100%; line-height: 20px; display: block; background: url(//www.h3c.com/cn/tres/WebUI/images/sj_solve.png) no-repeat; background-position: 30px 0; text-align: left; font-size: 14px; cursor: pointer; padding-top: 5px; padding-bottom: 5px; padding-right: 30px }
.document-detail-container .catalogue .catalogue-inner ul li.active,
.document-detail-container .catalogue .catalogue-inner ul li:hover { background-color: #eee }
.document-detail-container .catalogue .catalogue-inner ul li a { font-size: 14px; color: #248fd1 !important; text-decoration: none !important }
.document-detail-container .catalogue .catalogue-inner>img { width: 100% }
.document-detail-container .catalogue.video h3 { background: #f2f2f2; padding: 15px 20px; margin-bottom: 0; border-bottom: 1px solid #d7d7d7 }
.document-detail-container .catalogue.video .catalogue-inner { background: #f2f2f2; padding-bottom: 20px; max-height: 400px; overflow-y: auto }
.document-detail-container .catalogue.video .catalogue-inner ul li { background: url(/cn/tres/NewWebUI/2020/images/catalogue-arrow.png) no-repeat; background-position: 30px 10px; margin-bottom: 5px }
.document-detail-container .catalogue.video .catalogue-inner ul li.active { background-color: #fff }
.document-detail-container .catalogue.video .catalogue-inner ul li a { color: #000 !important }
.document-detail-container .document-detail-body { flex: auto; width: calc(100% - 230px); border-left: 1px solid #e6e6e6; padding: 20px }
.document-detail-container .document-detail-body .document-download { margin-top: 20px; font-size: 16px; color: #000 }
.document-detail-container .document-detail-body .document-download p { margin-bottom: 5px }
.document-detail-container .document-detail-body .document-download a.download { background: url(/cn/tres/NewWebUI/2020/images/icon-download_small.png) no-repeat left center; padding-left: 25px; color: #00a2e8; line-height: 20px }
.document-detail-container .document-detail-body .wendangc .table-responsive { border: none !important; overflow-x: auto }
.document-detail-container .document-detail-body .wendangc #documentVedio { margin-left: 31.5pt }
.document-detail-container .document-detail-body .wendangc .document-download { text-align: left; font-size: 16px }
.document-detail-container .document-detail-body .wendangc .document-download a.download { color: #00a2e8 !important }
.document-detail-container .document-detail-body .downloadsmall { margin-bottom: 5px; font-size: 14px }
.document-detail-container .document-detail-body .downloadsmall div { padding: 0 }
.document-detail-container .document-detail-body .downloadsmall p { padding-left: 0; background: 0 0 }
.document-detail-container .document-detail-body .downloadsmall span { display: none }
.document-detail-container .document-detail-body .downloadsmall .track_download { color: #00a2e8; font-size: 16px; padding-left: 25px; background: url(/cn/tres/NewWebUI/2020/images/icon-download_small.png) no-repeat left center }
.document-detail-container .document-detail-body .notice { margin: 30px 0; font-size: 16px; color: #999 }
.document-detail-container .document-detail-body .related-video { margin-top: 30px; padding-bottom: 20px; position: relative; width: 100% }
.document-detail-container .document-detail-body .related-video h4 { padding: 5px 10px; margin-bottom: 5px; font-size: 22px !important; color: #000 !important; background: #f7f7f7; font-weight: 600 }
.document-detail-container .document-detail-body .related-video ul.related-video-inner { display: flex; flex-wrap: wrap; margin: 0 -5px }
.document-detail-container .document-detail-body .related-video ul.related-video-inner li { display: flex; width: calc(25% - 10px); margin: 0 5px 10px }
.document-detail-container .document-detail-body .related-video ul.related-video-inner li a { font-size: 14px; color: #000 }
.document-detail-container .document-detail-body .related-video ul.related-video-inner li img { display: block; width: 100%; margin-bottom: 5px }
.document-detail-container .document-detail-body .related-video ul.related-video-inner li .related-video-content { padding: 0 10px }
.document-detail-container .document-detail-body .related-video ul.related-video-inner li:nth-child(n+5) { display: none }
.document-detail-container .document-detail-body .related-video ul.related-video-inner .getMore { position: absolute; right: 0; bottom: 0; font-size: 14px; padding-left: 15px; cursor: pointer }
.document-detail-container .document-detail-body .related-video ul.related-video-inner .getMore span { color: #e60012 !important; padding-right: 20px; position: relative }
.document-detail-container .document-detail-body .related-video ul.related-video-inner .getMore span::after { content: ''; position: absolute; right: 0; top: 6px; width: 12px; height: 7px; background: url(/cn/tres/NewWebUI/2020/images/icon-show.png) no-repeat; background-size: 100% 100% }
.document-detail-container .document-detail-body .related-video ul.related-video-inner .getMore.show span::after { transform: rotate(180deg) }
.document-search-result { display: flex; justify-content: space-between; margin-top: 30px }
.document-search-result .document-category { flex: none; width: 260px }
.document-search-result .document-category>ul>li { background: #f2f2f2; border-bottom: 1px solid #d7d7d7; cursor: pointer }
.document-search-result .document-category>ul>li a { display: inline-block; padding: 15px 20px; width: 100%; font-size: 16px; color: #242424; outline: 0 }
.document-search-result .document-category>ul>li:hover a { color: #e60012; text-decoration: none !important }
.document-search-result .document-category>ul>li ul { display: none }
.document-search-result .document-category>ul>li.expand { position: relative; background: #fff }
.document-search-result .document-category>ul>li.expand a { color: #fff; background: #e60012 }
.document-search-result .document-category>ul>li.expand:after { content: ''; position: absolute; width: 14px; height: 8px; right: 20px; top: 22px; background: url(/cn/tres/NewWebUI/2020/images/icon-show-white.png) no-repeat center; z-index: 1 }
.document-search-result .document-category>ul>li.expand ul { display: block; padding: 0 15px 10px }
.document-search-result .document-category>ul>li.expand ul li { position: relative; padding: 10px 24px }
.document-search-result .document-category>ul>li.expand ul li.expand a { color: #e60012; background: #fff }
.document-search-result .document-category>ul>li.expand ul li:before { content: ''; position: absolute; width: 3px; height: 3px; background: #242424; left: 10px; top: 18px }
.document-search-result .document-category>ul>li.expand ul li:hover { color: #e60012; text-decoration: none !important }
.document-search-result .document-category>ul>li.expand ul li a { color: #242424; padding: 0; font-size: 14px; background: #fff }
.document-search-result .document-category>ul>li.expand ul li a:hover { color: #e60012; text-decoration: none !important }
.document-search-result .document-category .getMore { display: none }
.document-search-result .document-related { width: 100%; margin-top: 120px }
.document-search-result .document-related .title { padding: 10px 0; line-height: 28px; color: #242424; font-size: 16px; padding-left: 20px; background-color: #ececec }
.document-search-result .document-related .document-related-box { margin-bottom: 20px }
.document-search-result .document-related .document-related-box ul { padding: 18px 0 30px; background-color: #fff; position: relative; overflow: hidden; border: solid 1px #ececec }
.document-search-result .document-related .document-related-box ul li a { line-height: 30px; display: block; padding-left: 34px; padding-right: 18px; background: url(/cn/tres/WebUI/images/sj_solve.png) no-repeat 16px top; width: 100%; font-size: 14px; color: #3f3733 }
.document-search-result .document-related .document-related-box ul li a:hover { background: url(/cn/tres/WebUI/images/sj_solve.png) #EDEDED no-repeat 16px top; text-decoration: none !important }
.document-search-result .document-related .document-related-box ul .more a { background-position: right 1px; text-align: right; padding-right: 20px; margin-top: 10px }
.document-search-result .document-related .document-related-box ul .more a:hover { background-position: right 1px }
.document-search-result .document-related .document-related_fast { margin-bottom: 20px }
.document-search-result .document-related .document-related_fast ul { border: solid 1px #ececec }
.document-search-result .document-related .document-related_fast ul li { height: 40px; line-height: 40px; border-bottom: 1px solid #ededed; background: url(/cn/tres/WebUI/images/pro_fast.png) right no-repeat; padding-left: 20px; padding-right: 8px; color: #666; font-size: 14px }
.document-search-result .document-related .document-related_fast ul li a { color: #666; display: block }
.document-search-result .document-related .document-related_fast ul li:hover { background: url(/cn/tres/WebUI/images/pro_fast.png) right no-repeat #ededed }
.document-search-result .document-related .document-related_fast ul li:hover a { color: #4894dd }
.document-search-result .video-list-box { flex: auto; margin: 0 0 20px 0; border: 1px solid #e6e6e6 }
.document-search-result .video-list-box h2 { padding: 15px 20px; background: #f2f2f2; border-bottom: 1px solid #e6e6e6; font-size: 18px; color: #3f3733; font-weight: 400 }
.document-search-result .video-list-box .video-list-box-inner { padding: 15px 20px }
.document-search-result .video-list-box .video-list-box-inner h3 { margin: 5px 0 20px; font-size: 16px; color: #3f3733; font-weight: 400 }
.document-search-result .video-list-box .video-list-box-inner ul { display: flex; flex-wrap: wrap; margin: 0 -5px }
.document-search-result .video-list-box .video-list-box-inner ul li { display: flex; width: calc(33.333% - 10px); margin: 0 5px 12px }
.document-search-result .video-list-box .video-list-box-inner ul li img { margin-bottom: 5px; width: 100% }
.document-search-result .video-list-box .video-list-box-inner ul li p { font-size: 14px; color: #3f3733; padding: 0 10px }
.document-search-result .video-list-box .video-list-box-inner ul li a:hover { color: #000 }
.document-search-result .video-list-box .video-list-box-inner ul li .itemize { display: none }
.document-search-result .document-list { flex: auto; margin-left: 40px; width: calc(100% - 300px) }
.document-search-result .document-list .document-list-box { border: 1px solid #e6e6e6; margin-bottom: 20px }
.document-search-result .document-list .document-list-box h2 { padding: 15px 20px; background: #f2f2f2; border-bottom: 1px solid #e6e6e6; font-size: 18px; color: #000; font-weight: 400 }
.document-search-result .document-list .document-list-box .document-list-box-inner { padding: 15px 20px 15px 35px }
.document-search-result .document-list .document-list-box .document-list-box-inner h3 { margin: 5px 0 20px; font-size: 16px; color: #3f3733; font-weight: 400 }
.document-search-result .document-list .document-list-box .document-list-box-inner ul { margin-bottom: 20px }
.document-search-result .document-list .document-list-box .document-list-box-inner ul li { margin: 12px 0; position: relative }
.document-search-result .document-list .document-list-box .document-list-box-inner ul li p { padding-left: 15px; padding-right: 80px; background: url(/cn/tres/NewWebUI/2020/images/icon-arrow-document.png) 0 5px no-repeat; font-size: 14px }
.document-search-result .document-list .document-list-box .document-list-box-inner ul li p a { color: #3f3733 }
.document-search-result .document-list .document-list-box .document-list-box-inner ul li p a:hover { color: #e60012; text-decoration: none !important }
.document-search-result .document-list .document-list-box .document-list-box-inner ul li p:hover .doc-ico.download { display: inline-block }
.document-search-result .document-list .document-list-box .document-list-box-inner ul li .document-list-second-title { background: url(/cn/tres/WebUI/images/aqu-open.png) no-repeat left 4px; cursor: pointer }
.document-search-result .document-list .document-list-box .document-list-box-inner ul li .document-list-second-title.isShow { background: url(/cn/tres/WebUI/images/aqu-close.png) no-repeat left 4px }
.document-search-result .document-list .document-list-box .document-list-box-inner ul li .document-list-second-inner { display: none; width: 100%; padding-left: 15px; margin-bottom: 0 }
.document-search-result .document-list .document-list-box .document-list-box-inner ul li .document-list-second-inner li:last-of-type { margin-bottom: 0 }
.document-search-result .document-list .document-list-box .document-list-box-inner ul li .document-attribute { position: absolute; top: 0; right: 0 }
.document-search-result .document-list .document-list-box .document-list-box-inner ul li .document-attribute span.rating,
.document-search-result .document-list .document-list-box .document-list-box-inner ul li .document-attribute span.read { display: none }
.document-search-result .document-list .document-list-box .document-list-box-inner ul li .itemize { display: none }
.document-search-result .document-list .document-list-box .document-list-box-inner ul li span { flex: none; width: 100px; text-align: right; font-size: 14px; color: #aaa9a8 }
.document-search-result .document-list .document-list-box .document-list-box-inner ul .getMore { font-size: 14px; padding-left: 15px; cursor: pointer }
.document-search-result .document-list .document-list-box .document-list-box-inner ul .getMore span { color: #e60012; padding-right: 20px; position: relative }
.document-search-result .document-list .document-list-box .document-list-box-inner ul .getMore span::after { content: ''; position: absolute; right: 0; top: 6px; width: 12px; height: 7px; background: url(/cn/tres/NewWebUI/2020/images/icon-show.png) no-repeat; background-size: 100% 100% }
.document-search-result .document-list .document-list-box .document-list-box-inner ul .getMore.show span::after { transform: rotate(180deg) }
.document-search-result .doc-ico { display: inline-block; width: 16px; height: 16px; margin: 0 2px; vertical-align: middle }
.document-search-result .doc-ico.lock { background: url(/cn/tres/NewWebUI/2020/images/icon-lock.png) no-repeat }
.document-search-result .doc-ico.recommend { width: 30px; background: url(/cn/tres/NewWebUI/2020/images/icon-recommend.png) no-repeat }
.document-search-result .doc-ico.download { display: none; background: url(/cn/tres/NewWebUI/2020/images/icon-download.png) no-repeat }
.document-search-result .doc-ico.video { background: url(/cn/tres/NewWebUI/2020/images/icon-video.png) no-repeat }
#document-pagination { position: fixed; left: 50%; transform: translateX(-50%); bottom: 0 }
#document-pagination.static { position: static; transform: translateX(0) }
#document-pagination .pagination-inner { background: rgba(0, 0, 0, .8); margin-left: 220px; display: flex; justify-content: space-between; padding: 5px 20px }
#document-pagination .pagination-inner a { font-size: 16px; line-height: 24px; color: #fff }
#document-pagination .pagination-inner a:hover { font-size: 20px; line-height: 24px; text-decoration: none !important }
@media (max-width:768px) {
    .pc { display: none }
    .mb { display: block }
    .document-header { background: #fff }
    .document-header .title { display: flex; align-items: center; justify-content: space-between;padding: 20px 0; margin: 0; }
    .document-header .title h1 { padding: 0; font-size: 18px;}
    .document-header .document-search .mobile-tools { display: flex; flex: none; margin-left: 10px; }
    .document-header .document-search .mobile-tools i { display: block; width: 20px; height: 20px; margin-left: 10px }
    .document-header .document-search .mobile-tools i.order { background: url(/cn/tres/NewWebUI/2020/images/icon-tools-order.png) no-repeat; background-size: 100%; display: none; }
    .document-header .document-search .mobile-tools i.back { background: url(/cn/tres/NewWebUI/2020/images/icon-tools-back.png) no-repeat; background-size: 100% }
    .document-header .document-search .mobile-tools i.search { background: url(/cn/tres/NewWebUI/2020/images/icon-tools-search.png) no-repeat; background-size: 100% }
    .document-header .title .mobile-tools { display: flex; flex: none; padding: 20px 0 10px 0 }
    .document-header .title .mobile-tools i { display: block; width: 20px; height: 20px; margin-left: 10px }
    .document-header .title .mobile-tools i.order { background: url(/cn/tres/NewWebUI/2020/images/icon-tools-order.png) no-repeat; background-size: 100%; display: none; }
    .document-header .title .mobile-tools i.back { background: url(/cn/tres/NewWebUI/2020/images/icon-tools-back.png) no-repeat; background-size: 100% }
    .document-header .title .mobile-tools i.search { background: url(/cn/tres/NewWebUI/2020/images/icon-tools-sear
    .document-header .title .pop-order { display: none; position: absolute; left: -3.125vw; top: 100%; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .5); z-index: 2 }
    .document-header .title .pop-order.show { display: block }
    .document-header .title .pop-order ul { position: absolute; right: 0; border-top: 1px solid #efefef; background: #fff; width: 50vw; padding: 10px }
    .document-header .title .pop-order ul li { position: relative; padding: 8px 10px; border-bottom: 1px solid #efefef; font-size: 14px }
    .document-header .title .pop-order ul li:last-child { border-bottom: 0 }
    .document-header .title .pop-order ul li.active:after { position: absolute; right: 0; top: 50%; transform: translateY(-50%); content: ''; width: 12px; height: 12px; border-radius: 50%; background: #e60012 }
    .document-header .document-search .pop-search { display: none; position: absolute; left: 0; top: 100%; width: 100vw; height: 100vh; background: rgba(0, 0, 0, .5); z-index: 2 }
    .document-header .document-search .pop-search.show { display: block }
    .document-header .document-search .pop-search .pop-search-inner { position: relative; border-top: 1px solid #efefef; background: #fff; padding: 15px 10px }
    .document-header .document-search .pop-search .pop-search-inner input.search-keyword { color: black;width: 100%; border: 1px solid #9fa0a0; background: #fff; padding: 4px 24px 4px 12px; font-size: 14px }
    .document-header .document-search .pop-search .pop-search-inner input.search-button { position: absolute; right: 15px; top: 50%; transform: translateY(-50%); border: 0; background: transparent url(/cn/tres/NewWebUI/2020/images/icon-search.png) no-repeat; padding: 0; width: 18px; height: 18px }
    .document-header .subTitle { font-size: 15px; font-weight: 400; padding-bottom: 15px }
    .document-header .document-search { background: #fff; margin-left: -3.125vw; margin-right: -3.125vw; padding: 5px 12px;position: relative; }
    .document-header .document-search.pc { display: none }
    .document-header .document-search .filter { width: 100% }
    .document-header .document-search .filter span { display: none }
    .document-header .document-search .filter .filter-selection { width: 100%; margin-left: 0; border-top: 1px solid #9fa0a0; border-bottom: 1px solid #9fa0a0; padding: 0 10px }
    .document-header .document-search .filter .filter-selection select { width: 100%; border: 0; font-size: 14px; padding-left: 0; background: #fff url(/cn/tres/NewWebUI/2020/images/icon-show.png) no-repeat 100% center }
    .document-header .document-search .search-box { display: none }
    .document-detail-header h1 { font-size: 18px }
    .document-detail-header .subNewsTitle { display: none }
    .document-detail-container { flex-direction: column }
    .document-detail-container .catalogue { width: 80%; position: static; top: auto; border: none; padding: 0; max-height: none;}
    .document-detail-container .catalogue.expand {position: fixed;left: 50%;transform: translateX(-50%);z-index: 99999; background-color: #fff;box-shadow: 0 0 4px rgba(0, 0, 0, .2);}
    .document-detail-container .catalogue h3 { font-size: 16px; margin: 0; padding: 10px 10px 10px 30px !important; background: transparent url(/cn/tres/NewWebUI/2020/images/catalogue-icon.png) 10px 50% no-repeat !important
        ; background-size: 15px 15px !important }
    .document-detail-container .catalogue .catalogue-inner { display: none }
    .document-detail-container .catalogue .catalogue-inner ul { margin-bottom: 0 }
    .document-detail-container .catalogue .catalogue-inner img { display: none }
    .document-detail-container .catalogue.expand h3 { background: #f2f2f2 url(/cn/tres/NewWebUI/2020/images/catalogue-close.png) 10px 50% no-repeat !important; background-size: 15px 15px !important; border-bottom: 1px solid #d7d7d7 }
    .document-detail-container .catalogue.expand .catalogue-inner { display: block }
    .document-detail-container .catalogue.video { margin-left: -3.125vw; margin-right: -3.125vw }
    .document-detail-container .catalogue.video h3 { padding: 10px 10px 10px 30px; background: transparent url(/cn/tres/NewWebUI/2020/images/catalogue-icon.png) 10px 57% no-repeat; background-size: 15px 15px; font-size: 16px; border-bottom: 0 }
    .document-detail-container .catalogue.video .catalogue-inner { padding-bottom: 10px; display: none }
    .document-detail-container .catalogue.video .catalogue-inner ul { margin-bottom: 0 }
    .document-detail-container .catalogue.video .catalogue-inner ul li { padding-left: 30px; background-position: 15px 10px }
    .document-detail-container .catalogue.video.expand h3 { background: #f2f2f2 url(/cn/tres/NewWebUI/2020/images/catalogue-close.png) 10px 57% no-repeat; background-size: 15px 15px; border-bottom: 1px solid #d7d7d7 }
    .document-detail-container .catalogue.video.expand .catalogue-inner { display: block }
    .document-detail-container .document-detail-body { border-left: 0; padding: 15px 10px; width: 100%; max-height: none; }
    .document-detail-container .document-detail-body .document-download { font-size: 14px }
    .document-detail-container .document-detail-body .document-download a.download { padding-left: 25px }
    .document-detail-container .document-detail-body .wendangc .table-responsive { border: none !important; overflow-x: auto }
    .document-detail-container .document-detail-body .wendangc h1,
    .document-detail-container .document-detail-body .wendangc h2,
    .document-detail-container .document-detail-body .wendangc h3 { margin-top: 10px; margin-left: auto !important; text-indent: 0 !important }
    .document-detail-container .document-detail-body .wendangc div.MsoNormal,
    .document-detail-container .document-detail-body .wendangc li.MsoNormal,
    .document-detail-container .document-detail-body .wendangc p.MsoNormal { margin-left: auto; margin-right: auto }
    .document-detail-container .document-detail-body .wendangc #documentVedio { margin-left: auto; margin-right: auto }
    .document-detail-container .document-detail-body .wendangc.wendangq .TOC { font-size: 20px !important }
    .document-detail-container .document-detail-body .downloadsmall span { display: inline-block; float: none; font-size: 14px }
    .document-detail-container .document-detail-body .downloadsmall .track_download { font-size: 14px }
    .document-detail-container .document-detail-body .related-video h4 { font-size: 18px !important }
    .document-detail-container .document-detail-body .related-video ul.related-video-inner li { width: calc(50% - 10px); margin: 0 5px 10px }
    .document-detail-container .document-detail-body .related-video ul.related-video-inner li a { font-size: 12px; line-height: 1.4 }
    .document-detail-container .document-detail-body .related-video ul.related-video-inner li .related-video-content { padding: 0 5px }
    .document-detail-container .document-detail-body .related-video ul.related-video-inner .getMore { font-size: 12px }
    .document-search-result { flex-direction: column; margin: 0 }
    .document-search-result .document-category { width: auto; margin-top: 10px; margin-bottom: 10px; position: relative }
    .document-search-result .document-category ul li { display: inline-block; background: 0 0; border: 0; padding: 5px 17px; color: #727171 }
    .document-search-result .document-category ul li a { padding: 0; font-size: 12px }
    .document-search-result .document-category ul li.expand { background-color: #ffeaea; border-radius: 15px }
    .document-search-result .document-category ul li.expand a { background: 0 0; color: #e60012 }
    .document-search-result .document-category ul li.expand>ul { display: none }
    .document-search-result .document-category ul li.expand:after { display: none }
    .document-search-result .document-category .getMore { display: block; position: absolute; right: 0; bottom: 0; cursor: pointer }
    .document-search-result .document-category .getMore span { padding-right: 20px; position: relative }
    .document-search-result .document-category .getMore span::after { content: ''; position: absolute; right: 0; top: 6px; width: 12px; height: 7px; background: url(/cn/tres/NewWebUI/2020/images/icon-show-gray.png) no-repeat; background-size: 100% 100% }
    .document-search-result .document-category .getMore.show span::after { transform: rotate(180deg) }
    .document-search-result .document-list { margin-left: -3.125vw; margin-right: -3.125vw; margin-bottom: 20px; width: auto }
    .document-search-result .document-list .video-list-box { border: 0; padding: 0 10px }
    .document-search-result .document-list .video-list-box h2 { display: none }
    .document-search-result .document-list .video-list-box .video-list-box-inner { padding: 0 }
    .document-search-result .document-list .video-list-box .video-list-box-inner ul li { flex-wrap: wrap; width: calc(50% - 10px); margin: 0 5px 12px }
    .document-search-result .document-list .video-list-box .video-list-box-inner ul li p { font-size: 12px; padding: 0 5px }
    .document-search-result .document-list .video-list-box .video-list-box-inner ul li .itemize { width: 100%; display: block; padding: 0 5px }
    .document-search-result .document-list .video-list-box .video-list-box-inner ul li .itemize span { font-size: 12px; color: #aaa9a8 }
    .document-search-result .document-list .video-list-box .video-list-box-inner ul li .itemize a { color: #00a2e8; font-size: 12px }
    .document-search-result .document-list .document-list-box { border: 0; margin-bottom: 0 }
    .document-search-result .document-list .document-list-box h2 { display: none }
    .document-search-result .document-list .document-list-box .document-list-box-inner { padding: 0 }
    .document-search-result .document-list .document-list-box .document-list-box-inner h3 { display: none }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul { margin-bottom: 0 }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul li { padding: 10px 12px; margin: 0; border-bottom: 1px solid #e0e0e0 }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul li p { padding-left: 0; padding-right: 0; background: 0 0; margin-bottom: 5px }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul li p:hover .doc-ico.download { display: none }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul li .document-list-second-title { width: 100%; padding-left: 15px }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul li .document-list-second-inner { padding-left: 3px }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul li .document-list-second-inner li { border-bottom: 0; padding: 0 12px }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul li .document-list-second-inner li:first-of-type { margin-top: 5px }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul li .document-attribute { position: static; display: flex; align-items: center; justify-content: space-between }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul li .document-attribute span.read { display: block; width: 30%; text-align: left; font-size: 12px }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul li .document-attribute span.rating { display: block; flex: auto; text-align: left; font-size: 12px }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul li .document-attribute span.rating i.star { display: inline-block; width: 10px; height: 10px; background: url(/cn/tres/NewWebUI/2020/images/icon-rating.png) no-repeat; background-size: 20px 10px }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul li .document-attribute span.rating i.star.red { background-position-x: -10px }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul li .document-attribute span.date { font-size: 12px }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul li .itemize { display: block }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul li .itemize span { font-size: 12px }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul li .itemize a { color: #00a2e8; font-size: 12px }
    .document-search-result .document-list .document-list-box .document-list-box-inner ul .getMore { display: none }
    .document-search-result .document-related { display: none }
    #document-pagination { width: 100% }
    #document-pagination .pagination-inner { margin-left: auto }
}

/*end document-center 20211122 sys4254 */

/* 鏍囬鍔犲浘鐗� 210824 */
.hz-210824-tp h2 img { width: 82px; display: inline-block; margin-left: 11px; margin-top: -8px; }
@media (max-width:768px) {
    .product-summary > .container { flex-direction: column; }
    .product-summary h2 { margin-top: 20px; margin-bottom: 25px; font-size: 23px; }
    .hz-210824-tp h2 img { width: 15%; margin-left: 0; margin-top: -6px; }
    .product-summary .product-summary-content { padding: 0 15px; }
    .product-summary .product-image { width: 100%; margin-left: 0;}
}
.hz-210830-tit { font-size: 32px !important; }
.hz-210830-lineTop { border-top: 3px solid #e60012 !important; }
.hz-210830-moreBorder { border: 2px solid #e60012 !important; background-color: #e60012 !important; color: #fff !important; }
.secondEntH3 { height: 32px; line-height: 30px; font-size: 100%; text-align: left; color: #000000; font-weight: 400; margin-bottom: 30px; border-left: 5px solid #e60012; padding-left: 16px; }

/* 浜у搧鍒楄〃鏍峰紡寮€濮� */
.hz-210830-parity { margin-top: 10px; padding-top: 40px; padding-bottom: 20px; }
.hz-210830-parity .protechListNav { border-right: 1px solid #e6e6e6; border-left: 1px solid #e6e6e6; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
.hz-210830-parity .protechList { font-size: 32px; padding-top: 40px; padding-bottom: 30px; }
.hz-210830-parity .backRed { background: #e60012 !important; }
.hz-210830-parity .protechListNav .ListNavList { overflow: hidden; zoom: 1; border-bottom: 1px solid #e60012; }
.hz-210830-parity .ListNavList li { width: 25%; float: left; padding: 20px 0; background: #fff; border-top: 1px solid #e6e6e6; cursor: pointer; }
.hz-210830-parity .ListNavList li.backRed { border-top: 1px solid #e60012; }
.hz-210830-parity .ListNavList li.backRed span { color: #fff; border-right: none; }
.hz-210830-parity .ListNavList li span { display: block; width: 100%; padding: 0 10px; line-height: 1; font-size: 20px; text-align: center; color: #666666; }
.hz-210830-parity .ListNavList li .borderLeft { border-left: 1px solid #e6e6e6; }
.hz-210830-parity .ListNavList li:first-child .borderLeft { border-left: 0; }
.hz-210830-parity .setListCon { overflow: hidden; zoom: 1; padding-left: 1%; background: #f5f5f5; }
.hz-210830-parity .setListCon.setListShow { display: block; }
.hz-210830-parity .secondWrapBox { width: 1400px; margin: 0 auto; }
.hz-210830-parity .setListCon .cls-4 { width: 33.33%; float: left; }
.hz-210830-parity .setListBox { width: 100%; padding: 30px 0 20px; }
.hz-210830-parity .listBoxTit { font-size: 18px; color: #333333; }
.hz-210830-parity .listUrlBox a { display: block; color: #0b7ed7; margin-top: 15px; line-height: 1.2; font-size: 14px; }
.hz-210830-parity .listUrlBox a:hover { color: #e60012; }
.hz-210830-parity .listUrlBox a:before { content: '>'; color: #e60012; margin-right: 10px; }

/* 鎺у埗濉厖鏁版嵁 */
.detailDate { width: 0; height: 0; display: none; }

/*  */
.hz-210830-parity .servProList { overflow: hidden; zoom: 1; margin-top: 20px; }
.hz-210830-parity .servProList li { width: 25%; float: left; font-size: 16px; margin-bottom: 24px; }
.hz-210830-H5box { background: #e60012 !important; color: #fff !important; }
.hz-210830-H5box span { color: #fff !important; }
.hz-210830-parity .servProList li a { color: #333; }
.hz-210830-parity .servProList li a:hover { color: #e60012; }
.hz-210830-parity .servProList li:before { content: '>'; margin-right: 10px; color: #e60012; }

/* 绉诲姩绔鑸牱寮� */
.hz-210830-parity .setLisH5Box { display: none; position: relative; cursor: pointer; padding: 3% 8% 3% 2%; background: #fff; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); border-bottom: 1px solid #e6e6e6; }
.hz-210830-parity .setLisH5Box span { display: block; width: 100%; height: 100%; font-size: 16px; color: #333333; }
.hz-210830-parity .setLisH5Box img { display: block; height: 50%; position: absolute; right: 2%; top: 25%; }
.hz-210830-parity .setLisH5Box img.setUp { display: none; }
.hz-210830-parity .setLisH5Box.detailsShow { background: #e60012; color: #fff; }
.hz-210830-parity .setLisH5Box.detailsShow span { color: #fff; }
.hz-210830-parity .setLisH5Box.detailsShow img.setUp { display: none; }

/* 鏂伴椈璧勮鍏叡鏍峰紡寮€濮� */
#newsWrap.hz-210830-protechJourn { padding-top: 0; margin-top: 40px; font-size: 32px; background-color: #fff; padding-bottom: 50px; }
#newsWrap.hz-210830-protechJourn .columWrapBox { width: 1400px; padding: 0; }

/* 绉诲姩绔爣棰樹笅鍒掔嚎 */
#newsWrap#newsWrap.hz-210830-protechJourn .proJouConList:after { content: ''; display: block; clear: both; }
#newsWrap.hz-210830-protechJourn .proJouConList li { width: 47.5%; float: left; font-size: 20px; margin-right: 0; box-sizing: content-box; }
#newsWrap.hz-210830-protechJourn .borderPC { border-bottom: 1px solid #e6e6e6; padding-bottom: 2.5%; margin-bottom: 2.5%; }
#newsWrap.hz-210830-protechJourn .proJouConList li:after { content: ''; display: block; clear: both; }
#newsWrap.hz-210830-protechJourn .proJouConListImg { display: block; width: 38.5%; float: left; overflow: hidden; }
#newsWrap.hz-210830-protechJourn .proJouConListImg:hover img { -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }
#newsWrap.hz-210830-protechJourn .proJouConListImg img { display: block; width: 100%; height: 150px; -webkit-transform: scale(1.01); -moz-transform: scale(1.01); -ms-transform: scale(1.01); -o-transform: scale(1.01); transform: scale(1.01); -webkit-transition: transform .3s linear; -moz-transition: transform .3s linear; -ms-transition: transform .3s linear; -o-transition: transform .3s linear; transition: transform .3s linear; }
#newsWrap.hz-210830-protechJourn h5.proJouConListTextTit { width: 100%; padding-left: 0; -o-text-overflow: ellipsis; -icab-text-overflow: ellipsis; -khtml-text-overflow: ellipsis; -moz-text-overflow: ellipsis; -webkit-text-overflow: ellipsis; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; -webkit-box-orient: vertical; }
#newsWrap.hz-210830-protechJourn .protechH5JournBox .proJouConListText { width: 60%; height: 100%; float: left; padding-left: 2.5%; }
#newsWrap.hz-210830-protechJourn .proJouConListTextTime { display: block; height: 14px; line-height: 14px; font-size: 14px; color: #e60012; }
#newsWrap.hz-210830-protechJourn .proJouConListTextTit { font-size: 110%; color: #000; margin-top: 10px; }
#newsWrap.hz-210830-protechJourn .proJouConListTextp { font-size: 14px; line-height: 20px; color: #666; margin-top: 15px; max-height: 42px; }
#newsWrap.hz-210830-protechJourn .proJouConListTextGo { display: block; text-align: right; width: 100%; height: 20px; line-height: 20px; font-size: 14px; margin-top: 15px; }
#newsWrap.hz-210830-protechJourn .protechH5JournBox { height: 100%; }
#newsWrap.hz-210830-protechJourn .protechH5JournBox:after { content: ''; display: block; clear: both; }
#newsWrap.hz-210830-protechJourn .proJouConListTextGo a { display: inline-block; line-height: 20px; height: 100%; color: #333; padding-right: 30px; position: relative; }
#newsWrap.hz-210830-protechJourn .proJouConListTextGo a img { position: absolute; top: 0; right: 0; }
.show-pc { display: block; }
.show-phonezzz { display: none; }
@media screen and (max-width:1200px) {
    #newsWrap.hz-210830-protechJourn .proJouConList li { font-size: 16px; }
    #newsWrap.hz-210830-protechJourn .proJouConListTextp { font-size: 12px; }
}
@media screen and (max-width:980px) {
    #newsWrap.hz-210830-protechJourn .proJouConList li { font-size: 14px; }
}

/* 鏂伴椈璧勮閫傞厤绉诲姩绔牱寮忓紑濮� */
@media screen and (max-width:768px) {
    #newsWrap.hz-210830-protechJourn { font-size: 75px; padding-top: 0; padding-bottom: 0; }
    #newsWrap.hz-210830-protechJourn .proJouConListTextp { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; }
    .columWrapBox { padding: 0; }
    #newsWrap.hz-210830-protechJourn .columGoMore { display: none; }
    #newsWrap.hz-210830-protechJourn .protechLine { display: block; }
    #newsWrap.hz-210830-protechJourn .columWrapBox { font-size: 100%; }
    #newsWrap.hz-210830-protechJourn .columEntH3 { height: 32px; line-height: 30px; font-size: 100%; text-align: left; color: #000000; font-weight: 400; margin-bottom: 30px; border-left: 5px solid #e60012; padding-left: 16px; }
    #newsWrap.hz-210830-protechJourn .protechWrapBox { padding: 0; font-size: 100%; margin: 0; }
    #newsWrap.hz-210830-protechJourn .borderPC { border: none; padding: 0; }
    #newsWrap.hz-210830-protechJourn .proJouConList { padding: 16px; padding-top: 0; }
    #newsWrap.hz-210830-protechJourn .proJouConList li { width: 100%; height: auto; float: none; font-size: 100%; }
    #newsWrap.hz-210830-protechJourn .proJouConList .journBoxact { border-bottom: 1px solid #e6e6e6; }
    #newsWrap.hz-210830-protechJourn li .protechH5JournBox { width: 100%; margin-bottom: 8.1%; background-color: #fff; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
    #newsWrap.hz-210830-protechJourn .proJouConListImg { height: auto; float: none; }
    #newsWrap.hz-210830-protechJourn .proJouConListImg img { height: auto; }
    #newsWrap.hz-210830-protechJourn .protechH5JournBox .proJouConListText,
    #newsWrap.hz-210830-protechJourn .proJouConListText { width: 100%; padding: 4.5% 5.3%; float: none; }
    #newsWrap.hz-210830-protechJourn .proJouConListImg { width: 100%; }
    #newsWrap.hz-210830-protechJourn .proJouConListTextTime { font-size: 37.3%; color: #e60012; }
    #newsWrap.hz-210830-protechJourn .proJouConListTextTit { font-size: 46.6%; color: #000000; line-height: 1.4; margin-top: 4%; }
    #newsWrap.hz-210830-protechJourn .proJouConListTextp { font-size: 37.3%; margin-top: 4%; max-height: none; line-height: 1.5; }
    .ie8 #newsWrap.hz-210830-protechJourn .proJouConListTextp { max-height: auto; }
    #newsWrap.hz-210830-protechJourn .proJouConListTextGo { display: block; width: 100%; height: auto; font-size: 37.33%; padding-bottom: 7.4%; }
    #newsWrap.hz-210830-protechJourn .proJouConListTextGo a { display: inline-block; width: 100%; height: 100%; text-align: right; line-height: 1.3; color: #333; float: right; padding-right: 9%; position: relative; }
    #newsWrap.hz-210830-protechJourn .proJouConListTextGo a img { display: block; width: auto; height: 100%; position: absolute; top: 0; right: 0; }
}
@media screen and (max-width:700px) {
    #newsWrap.hz-210830-protechJourn { font-size: 60px; }
}
@media screen and (max-width:640px) {
    #newsWrap.hz-210830-protechJourn { font-size: 50px; }
}
@media screen and (max-width:414px) {
    #newsWrap.hz-210830-protechJourn { font-size: 44px; }
}
@media screen and (max-width:375px) {
    #newsWrap.hz-210830-protechJourn { font-size: 37.5px; }
}

/* 鏂伴椈璧勮閫傞厤绉诲姩绔粨鏉�
/* 鏂伴椈璧勮鍏叡鏍峰紡缁撴潫 */
@media screen and (max-width:768px) {
    .hz-210830-parity .secondWrapBox { width: 100% !important; margin: 0 auto; }
    #newsWrap.hz-210830-protechJourn .columWrapBox { width: 100% !important; padding: 0; }
    .show-pc { display: none; }
    .show-phonezzz { display: none; }
    .hz-210830-parity { margin-top: 40px; padding-top: 0; padding-bottom: 20px; }
    .hz-210830-parity .secondEntH3 { height: 32px; line-height: 30px; font-size: 100%; text-align: left; color: #000000; font-weight: 400; margin-bottom: 30px; border-left: 5px solid #e60012; padding-left: 16px; }
    .hz-210830-tit { font-size: 22px !important; }
    .hz-210830-parity .setLisH5Box { display: block; }
    .hz-210830-parity .setListCon .cls-4 { width: 100%; float: none; }
    .hz-210830-parity .listBoxTit { font-size: 15px; }
    .hz-210830-parity .listUrlBox a { font-size: 14px; margin-top: 2%; }
    .hz-210830-parity .setListBox { padding: 5% 0 4%; }
    .hz-210830-parity .servProList { background: #fff; padding: 3%; -webkit-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -ms-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); -o-box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1); }
    .hz-210830-parity .servProList li { width: 100%; float: none; margin-bottom: 3%; font-size: 37.5%; }
    .hz-210830-parity .navWrap { padding: 0; }
    .hz-210830-parity .protechListNav { display: none; }
    .hz-210830-parity .setLisH5Box.detailsShow { background: #fff; color: #333; }
    .hz-210830-parity .setLisH5Box.detailsShow span { color: #333; }
    #newsWrap.hz-210830-protechJourn .proJouConList { padding-left: 0; padding-right: 0; }
    #newsWrap.hz-210830-protechJourn .proJouConList .proJouConListText { padding-left: 0; padding-right: 0; }
}
@media screen and (max-width:1500px) {
    .hz-210830-parity .secondWrapBox { width: 1200px; margin: 0 auto; }
    #newsWrap.hz-210830-protechJourn .columWrapBox { width: 1200px; padding: 0; }
}
@media screen and (max-width:1200px) {
    .hz-210830-parity .secondWrapBox { width: 960px; margin: 0 auto; }
    #newsWrap.hz-210830-protechJourn .columWrapBox { width: 960px; padding: 0; }
}

/* 20210927淇敼 */
.hz_20210927_advantage_wrap .ns-advantage-text ul li { width: 20% !important; padding-right: 2vw; margin-bottom: 20px; text-align: center !important; }
.hz_20210927_advantage_wrap .ns-advantage-text ul li div { text-align: center !important; }
.hz_20210927_zzimg { position: absolute; width: 100%; height: 100%; left: 0; top: 0; display: none; }
.swiper-slide-active .hz_20210927_zzimg { display: block; }
.hz_20210926_slide { margin: 0 auto; }
.hz_20210926_slide h1 { color: #000 !important; }
.hz_20210926_slide p { color: #000 !important; }
.hz_20210927_advantage_wrap img { width: 80%; text-align: center; }
.hz_20210927_scenes_list>li h2 { margin-right: 16px !important; }
.hz-20210927-efef>li { width: calc(25% - 20px) !important; }
@media(max-width:768px) {
    .hz_20210927_advantage_wrap .ns-advantage-text ul li { width: 100% !important; padding-right: 2vw; margin-bottom: 20px; text-align: center !important; }
    .hz_20210927_advantage_wrap .ns-advantage-text ul li div { padding-top: 6%; }
    .hz_20210926_slide h1 { color: #fff !important; }
    .hz_20210926_slide p { color: #fff !important; }
}

/*鎴戣鍜ㄨ20211019 */

/*鎴戣鍜ㄨ寮€濮�*/
.hz_210918_left.par_left { width: 100%; }
.hz_210918_left form { width: 76.2%; margin: 0 auto; overflow: hidden; }
.hz_210918_left .form-group { width: 50%; float: left; margin-left: 0; margin-right: 0;height:42px;  }
.hz_210918_left .form-group .control-label { width: 23.3%; padding: 0;    /*margin-top: 1%;*/ cursor: auto; }
.hz_210918_left .form-group .control-label>img { width: 18px; margin: 0; height: auto; float: none;  cursor: auto;}
.hz_210918_left .form-group .control-label span { color: #e60012; }
.hz_210918_left .form-group .inputs { width: 68.3%; }
.hz_210918_left .hz_210918_clear { clear: both; float: none; }
.hz_210918_left .hz_210918_group { width: 100%; clear: both; float: none; }
.hz-0228-input{
    width: 100%;
    overflow: hidden;
}
.hz-0228-btn{
    font-size: 14px;
    color: #248fd1;
    cursor: pointer;
    margin-left:42.1%;
    width: auto;
    position: absolute;
    right: 3%;
    top: 8%;
}
.hz_210918_left input[type=text],
input[type=password] { border: none; border-bottom: 1px solid #dfdfdf; box-shadow: none; border-radius: 0; }
.hz_210918_left .code input[type=text],
input[type=password] { border: 1px solid #cccccc; border-radius: 4px; }
.hz_210918_left .form-group.hz_210918_group .control-label { width: 11.7%; }
.hz_210918_left .form-group.hz_210918_group .inputs { width: 84.7%; }
.hz_210918_left .howBuy .code .form-control { width: 38.1%; }
.hz_210918_left .howBuy .code .form-control.hz-form-control {
    width: 100%;
    border:none;
    border-bottom: 1px solid #dfdfdf;
    border-radius: 0px;
    position: relative;
}
.hz_210918_left .howBuy .error-text { padding-left: 0; padding-right: 0; margin-left: 25.5%; }
.hz_210918_left .howBuy .hz_210918_group .error-text { margin-left: 12.7%; }
.hz_210918_left .hz_210918_group .hidden-xs { padding-right: 0; padding-top: 2px; text-align: right; }
.hz_210918_left .hz_210918_group .radio-inline { padding: 0; margin-top: -5%; }
.hz_210918_left .radio-inline input[type=radio] { margin-left: 0; position: static;    /*display: none;*/ }
.hz_210918_left .howBuy .btns { background-color: #e60012; border-radius: 40px; height: 40px; padding: 0 50px; margin-bottom: 40px; transition: all 0.5s; }
.hz_210918_left .howBuy .btns:hover { background: #d7000f; }
.hz_210918_list { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-around; }
.hz_210918_list img { width: 100%; }
.hz_210918_list>li { width: 220px; height: 220px; }
.hz_210918_img { width: 51.8%; margin: 10% auto 7%; }
.hz_210918_txt { text-align: center; color: #333; font-size: 16px; }
.hz_210918_txt>img { width: 7px; margin-top: -2px; }
#ctl00_ContentBody_txtDescribe::-webkit-input-placeholder { color: #999999; }
#ctl00_ContentBody_txtDescribe::-moz-input-placeholder { color: #999999; }
#ctl00_ContentBody_txtDescribe::-ms-input-placeholder { color: #999999; }
.hz_210918_show1 { display: inline-block; }
.hz_210918_show2 { display: none; }
.hz_210918_list>li:hover { background-color: #f6f8fa; }
.hz_210918_list>li:hover .hz_210918_txt { color: #e60012; }
.hz_210918_list>li:hover .hz_210918_show1 { display: none; }
.hz_210918_list>li:hover .hz_210918_show2 { display: inline-block; }
@media screen and (max-width:768px) {
    .hz_210918_left .passage h2 { font-size: 6.4vw; }
    .hz_210918_left .ab_form { margin-top: 0; }
    .hz_210918_left .form-group { height:auto; }
    .hz_210918_left form { width: 100%; }
    .hz_210918_left .form-group { width: 100%; }
    .hz_210918_left .form-group .control-label,
    .hz_210918_left .form-group.hz_210918_group .control-label { width: 100%; font-size: 3.7vw; float: none; }
    .hz_210918_left .form-control { font-size: 3.7vw; }
    .hz_210918_left .form-group .inputs,
    .hz_210918_left .form-group.hz_210918_group .inputs { width: 100%; float: none; padding: 0; }
    .hz_210918_left .hz_210918_group .hidden-xs { display: inline-block !important; text-align: left; vertical-align: top; }
    .hz_210918_left .passage .hz_210918_group p { font-size: 3.2vw; width: 90%; display: inline-block; padding-right: 0; }
    .hz_210918_left .howBuy .code .form-control { width: 50%; }
    .hz_210918_left .howBuy .btns { margin-top: 0; font-size: 4.3vw; margin-bottom: 5%; }
    .hz-0228-btn {
        font-size: 3.2vw;
        cursor: pointer;
        right:0%;
    }
    .hz_210918_left .howBuy .code .form-control.hz-form-control {
        width: 100%;
    }
    .hz_210918_list { flex-wrap: wrap; }
    .hz_210918_list>li { width: 50%; height: 45vw; }
    .hz_210918_txt { font-size: 4.3vw; letter-spacing: -0.5px; }
    .hz_210918_left .howBuy .error-text,
    .hz_210918_left .howBuy .hz_210918_group .error-text { margin-left: 0; }
}

/*鑱旂郴鎴戜滑*/
#ns-float-contact-us.hz_210918_contact { bottom: 130px; }
#ns-float-contact-us.hz_210918_contact.active { top: 50%; bottom: auto; left: 50%; right: auto; transform: translate(-50%, -50%); box-shadow: 0 2px 20px rgba(0, 0, 0, 0.2); border-radius: 12px; overflow: hidden; }
.hz_210918_contact .ns-float-details { width: 606px; }
#ns-float-contact-us.hz_210918_contact .ns-float-details { background-color: #f6f8fa; }
#ns-float-contact-us.hz_210918_contact .ns-float-details li h2 { font-size: 22px; }
.hz_210918_box { width: 90.3%; margin: 5% auto 0; display: flex; flex-direction: row; justify-content: space-between;    /*align-items: center;*/ }
.hz_210918_box2 { margin-top: 2%; background-color: #fff; border-radius: 8px; padding: 15px 0; justify-content: center; align-items: center; font-size: 18px; font-weight: bold; color: #333; }
.hz_210918_box3 { margin-top: 3%; font-size: 16px; color: #999999; display: block; line-height: 1; margin-bottom: 2%; text-align: center; }
.hz_210918_contactList { width: 49.1%; background-color: #fff; border-radius: 8px;    /*padding:25px 25px 10px 25px;*/ padding: 10px 0; box-sizing: border-box; }
.hz_210918_contactList>li { padding: 15px 25px; }
.hz_210918_contactList>li { font-size: 18px; font-weight: bold; color: #333; }
.hz_210918_l1 { padding-bottom: 20px; }
.hz_210918_l2 {    /*padding:12.8px 0 32.8px;*/
margin: 12px auto; }
.hz_210918_contactList>li span { font-size: 16px; color: #e60012; font-weight: bold; }
.hz_210918_contactIcon1 { width: 22px; }
#ns-float-contact-us.hz_210918_contact .ns-float-details li::after { display: none; }
#ns-float-contact-us.hz_210918_contact .hz_210918_contactList>li p { padding: 0; font-size: 20px; color: #333333; }
#ns-float-contact-us.hz_210918_contact .hz_210918_contactList>li p:first-child { font-size: 14px; color: #999999; }
#ns-float-contact-us.hz_210918_contact .ns-float-details li p:last-child { padding-bottom: 0; }
.hz_210918_contactImg1 { width: 6px; }
.hz_210918_contactImg2 { width: 18px; }
.hz_210918_contactIcon6 { width: 7px; }
.hz_210918_l2:hover .hz_210918_contactImg1 { transform: translate(3px, 0); }
.hz_210918_box3:hover { color: #e60012; }
.hz_210918_box3:hover .hz_210918_show1 { display: none; }
.hz_210918_box3:hover .hz_210918_show2 { display: inline-block; }
@media screen and (max-width:768px) {
    #ns-float-contact-us.hz_210918_contact { bottom: 100px; }
    #ns-float-contact-us.hz_210918_contact .ns-btn { font-size: 4.3vw; padding: 6px 25px; }
    .hz_210918_contact .ns-float-details { width: 93.3vw; margin: 0 auto; }
    #ns-float-contact-us.hz_210918_contact .ns-float-details li h2 { font-size: 4.5vw; }
    .hz_210918_contactList {        /*padding:15px 15px 0 15px;*/ }
    .hz_210918_contactList>li { margin-bottom: 3%; padding: 5% 15px; }
    .hz_210918_contactList>li { font-size: 3.7vw; }
    .hz_210918_contactIcon1 { width: 4.6vw; }
    .hz_210918_contactList>li span { font-size: 3.5vw; }
    .hz_210918_l1 { padding-bottom: 7%; }
    .hz_210918_l2 {        /*padding:3% 0 5%;*/
    margin: 0 auto; }
    #ns-float-contact-us.hz_210918_contact .hz_210918_contactList>li p:first-child { font-size: 2.9vw; }
    #ns-float-contact-us .ns-float-details li p:last-child { font-size: 4.5vw; white-space: pre-wrap; }
    .hz_210918_box2 { font-size: 3.7vw; }
    .hz_210918_box3 { font-size: 3.5vw; }
    .hz_210918_contactList>li:hover { background-color: #FFF; }
    .hz_210918_box2:hover { background-color: #FFF; }
}

/*end 鎴戣鍜ㄨ20211019*/

/*琛ㄥ崟鎻愪氦鎴愬姛*/
.hz_210926_success_box { width: 100%;    /*margin-bottom: 20%;*/ }
.hz_210926_success_tit { font-size: 24px; color: #333333;    /*text-align: center;*/ display: flex; flex-direction: row; justify-content: center; align-items: center; }
.hz_210926_success_tit>img { width: 26px; }
.hz_210926_success_box p { text-align: center; font-size: 14px; margin-top: 1%; }
.hz_210926_success_box .hz_210926_success_p1 { font-size: 16px; color: #333333; margin-top: 1%; margin-bottom: 4%; }
.hz_210926_success_box p a { color: #248fd1; }
.hz_210926_success_box p a img { width: 10px; margin-top: -2px; }
.hz_210926_success_box p span { color: #e60012; }
.hz-0301-ewm{width:12.5%;margin-left: 43%;margin-top: 2.5%;}
.hz-0301-ewm img{
    width: 100%;
}
footer.hz_210926_flex { width: 100%; position: fixed; bottom: 0; left: 0; }
@media screen and (max-width:768px) {
    .hz_210926_success_tit { font-size: 4.8vw; }
    .hz_210926_success_tit>img { width: 5.5%; }
    .hz_210926_success_box p { font-size: 2.9vw; }
    .hz_210926_success_box .hz_210926_success_p1 { font-size: 3.2vw; margin-top: 2%; margin-bottom: 7%; }
    .hz_210926_success_box p a img { width: 8px; margin-top: 0; }
}

/* 2021-07-28 瀹夊叏鍏憡*/
.security_bulletin { background: url(/cn/tres/NewWebUI/images/service/content-bg.jpg) no-repeat; background-size: cover; }
.security_bulletin .security_search { padding-top: 2.0833vw; border-bottom: 1px solid #e1e1e1; }
.security_bulletin .security_search .search_list { border-bottom: 2px solid #e60012; padding-bottom: 2px; display: flex; }
.security_bulletin .security_search .search_list .list_item { width: 50%; padding: 15px; font-size: 18px; color: #4c4c4c; background: url(/cn/tres/NewWebUI/images/service/item-grey.jpg) no-repeat top right; background-size: cover; text-align: center; cursor: pointer; }
.security_bulletin .security_search .search_list .item_red { color: #fff; background: url(/cn/tres/NewWebUI/images/service/item-red.jpg) no-repeat top center; background-size: cover; }
.security_bulletin .security_search .search_box { display: none; height: 70px; }
.security_bulletin .security_search .search_box .quick_search { display: flex; align-items: center; justify-content: center; height: 100%; }
.security_bulletin .security_search .search_box .quick_search .search_input { width: 500px; border: 1px solid #bfc0c0; position: relative; }
.security_bulletin .security_search .search_box .quick_search .search_input input[type=text] { padding: 10px 40px 10px 15px; font-size: 16px; }
.security_bulletin .security_search .search_box .quick_search .search_input .search_click { position: absolute; top: 0; right: 0; width: 40px; height: 40px; background: url(/cn/tres/NewWebUI/images/service/icon-search.png) no-repeat center; cursor: pointer; }
.security_bulletin .security_search .search_box .advanced_search { display: flex; align-items: center; width: 100%; }
.security_bulletin .security_search .search_box .advanced_search .search_criteria { font-size: 16px; }
.security_bulletin .security_search .search_box .advanced_search .search_criteria > li { display: inline-block; line-height: 70px; padding: 0 30px; border-left: 1px solid #e1e1e1; position: relative; }
.security_bulletin .security_search .search_box .advanced_search .search_criteria > li:last-of-type { border-right: 1px solid #e1e1e1; }
.security_bulletin .security_search .search_box .advanced_search .search_criteria > li .criteria_list { display: inline-block; min-width: 120px; padding-right: 40px; cursor: pointer; background: url(/cn/tres/NewWebUI/images/service/icon-show.png) no-repeat center right; background-size: 14px 8px; }
.security_bulletin .security_search .search_box .advanced_search .search_criteria > li input[type="text"] { background: transparent; }
.security_bulletin .security_search .search_box .advanced_search .search_criteria > li input[type="text"]::placeholder { color: #262626; }
.security_bulletin .security_search .search_box .advanced_search .search_criteria > li #search_cve { width: 100px; }
.security_bulletin .security_search .search_box .advanced_search .search_criteria > li #criteria_date { width: 150px; background: url(/cn/tres/NewWebUI/images/service/icon-date.png) no-repeat center right; background-size: 18px 18px; cursor: pointer; }
.security_bulletin .security_search .search_box .advanced_search .sencond_criteria { display: none; width: 200px; max-height: 200px; overflow-y: auto; position: absolute; top: 100%; left: -1px; border: 1px solid #e1e1e1; box-shadow: 0 0 10px 3px #eaeced; background: #fff; z-index: 10; }
.security_bulletin .security_search .search_box .advanced_search .sencond_criteria li { padding: 10px 15px; border-bottom: 1px solid #e1e1e1; line-height: 1.4; cursor: pointer; }
.security_bulletin .security_search .search_box .advanced_search .sencond_criteria li:last-of-type { border-bottom: 0; }
.security_bulletin .security_search .search_box .advanced_search .sencond_criteria li.active,
.security_bulletin .security_search .search_box .advanced_search .sencond_criteria li:hover { background: #e60012; color: #fff; }
.security_bulletin .security_search .search_box .advanced_search .search_btn { padding: 0 40px; }
.security_bulletin .security_search .search_box .advanced_search .search_btn input[type="button"] { background: #e60012; color: #fff; font-weight: 700; font-size: 16px; padding: 10px 50px; }
.security_bulletin .security_table { padding: 2.9687vw 0; min-height: 350px; }
.security_bulletin .security_table table { width: 100%; }
.security_bulletin .security_table thead tr { background: url(/cn/tres/NewWebUI/images/service/table-header.jpg) no-repeat; background-size: cover; }
.security_bulletin .security_table tbody tr { border-bottom: 1px solid #dedede; background: #fff; }
.security_bulletin .security_table tbody tr:last-of-type { border-bottom: 0; }
.security_bulletin .security_table tbody tr:hover { background: #f6f6f6; }
.security_bulletin .security_table tbody tr:hover a { color: #0041e6; text-decoration: none !important; }
.security_bulletin .security_table th,
.security_bulletin .security_table td { font-size: 16px; padding: 10px 20px; }
.security_bulletin .security_table th:first-of-type,
.security_bulletin .security_table td:first-of-type { width: 50%; }
.security_bulletin .security_table th:nth-of-type(2),
.security_bulletin .security_table td:nth-of-type(2) { width: 15%; }
.security_bulletin .security_table th:nth-of-type(3),
.security_bulletin .security_table td:nth-of-type(3) { width: 20%; text-align: center; }
.security_bulletin .security_table th:nth-of-type(4),
.security_bulletin .security_table td:nth-of-type(4) { width: 15%; }
.security_bulletin .security_table th { font-weight: 700; text-align: left; }
.security_bulletin .security_table td { color: #555555; vertical-align: middle; }
.security_bulletin .security_table .noInformation { color: #e60012; text-align: center; }

/**********************************************/
.security_bulletin .security_table td.showMore { position: relative; padding: 0 20px 20px; pointer-events: none; }
.security_bulletin .security_table td.showMore::after { content: "鏇村 +"; display: block; position: absolute; left: 0; bottom: 0px; width: 100%; text-align: center; cursor: pointer; font-size: 14px; font-family: Microsoft YaHei, tahoma, arial, Hiragino Sans GB, sans-serif; pointer-events: auto; color: #e60012; box-sizing: border-box; }

/**********************************************/
.security_bulletin .security_table td.showMore.active::after { content: "鏀惰捣 -"; }
.security_bulletin .security_table td a { color: #2654e8; }
.security_bulletin .security_table td:nth-of-type(2) p { padding-left: 30px; display: inline-block; position: relative; }
.security_bulletin .security_table td:nth-of-type(2) p::before { content: ""; display: block; position: absolute; width: 6px; height: 6px; left: 5px; top: 50%; transform: translateY(-50%); border-radius: 50%; }
.security_bulletin .security_table td:nth-of-type(2) p.high::before { background: #e60113; }
.security_bulletin .security_table td:nth-of-type(2) p.medium::before { background: #e67801; }
.security_bulletin .security_table td:nth-of-type(2) p.low::before { background: #f8d02f; }
/******************* 2022-10-26 娣诲姞鍏憡銆佹瀬鍗遍鑹插潡 ***************************/
.security_bulletin .security_table td:nth-of-type(2) p.informational::before { background: #6baae1; }
.security_bulletin .security_table td:nth-of-type(2) p.critical::before { background: #e50013; }
/**********************************************/

/* 2023-05-23 娣诲姞娴佺▼鍏ュ彛 */
.security_bulletin .entries {
    display: flex;
    padding-bottom: 10px;
}
.security_bulletin .entries .entry {
    position: relative;
    flex: 1;
    overflow: hidden;
}
.security_bulletin .entries .entry img {
    width: 100%;
    transition: .3s;
}
.security_bulletin .entries .entry .content {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 90%;
    transform: translate(-50%, -50%);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
}
.security_bulletin .entries .entry .content p {
    font-size: 24px;
    color: white;
    text-align: center;
}
.security_bulletin .entries .entry .content span {
    margin-top: 15px;
    font-size: 16px;
    color: #e60012;
    background: white;
    border-radius: 20px;
    padding: 5px 15px;
}
.security_bulletin .entries .entry:hover img {
    transform: scale(1.1);
}
.security_bulletin .entries .entry + .entry {
    margin-left: 10px;
}

@media (max-width: 768px) {
    .security_bulletin .entries {
        flex-direction: column;
    }
    .security_bulletin .entries .entry .content p {
        font-size: 16px;
    }
    .security_bulletin .entries .entry .content span {
        margin-top: 5px;
        font-size: 12px;
    }
    .security_bulletin .entries .entry + .entry {
        margin-left: 0;
        margin-top: 10px;
    }
}

/* 2021-07-28 忙录聫忙麓啪猫炉娄忙茠鈥�*/
.vulnerability { width: 100%; padding: 40px 0; display: flex; flex-wrap: wrap; }
.vulnerability h3 { width: 100%; font-size: 32px; text-align: center; margin-bottom: 60px; }
.vulnerability .vulnerability_parameters { width: calc(100% - 200px); }

/*************************************/
.vulnerability .vulnerability_parameters li { font-size: 16px; line-height: 1.4; margin-bottom: 10px; display: flex; }
.vulnerability .vulnerability_parameters li strong { width: 144px; display: inline-block; }
.vulnerability .vulnerability_parameters li span { color: #666666; }
.vulnerability .vulnerability_parameters li span#bulletin_CVE_Code { display: block; width: calc(100% - 144px); }
.vulnerability .vulnerability_parameters li span#bulletin_CVE_Code div { display: inline-block; width: 150px; }

/***************************************/
.vulnerability .vulnerability_ranking { height: 150px; width: 150px; box-sizing: border-box; }
.vulnerability .vulnerability_ranking .vulnerability_scoring { width: 100%; height: 100%; font-size: 20px; line-height: 150px; color: #fff; text-align: center; }
.vulnerability .vulnerability_ranking .vulnerability_scoring.high { background: url(/cn/tres/NewWebUI/images/service/v_high_bg.png); background-size: 100% 100%; }
.vulnerability .vulnerability_ranking .vulnerability_scoring.medium { background: url(/cn/tres/NewWebUI/images/service/v_medium_bg.png); background-size: 100% 100%; }
.vulnerability .vulnerability_ranking .vulnerability_scoring.low { background: url(/cn/tres/NewWebUI/images/service/v_low_bg.png); background-size: 100% 100%; }
/***************2022-10-26 澧炲姞鍏憡銆佹瀬鍗卞浘鏍� ************************/
.vulnerability .vulnerability_ranking .vulnerability_scoring.critical { background: url(/cn/tres/NewWebUI/images/service/Critical.png); background-size: 100% 100%; }
.vulnerability .vulnerability_ranking .vulnerability_scoring.informational { background: url(/cn/tres/NewWebUI/images/service/Informational.png); background-size: 100% 100%; }
/***************************************/
.vulnerability_detail h4 { font-size: 20px; margin-top: 25px; margin-bottom: 15px; }
.vulnerability_detail .description h4 { margin-top: 0; }
.vulnerability_detail p { color: #666666; font-size: 16px; line-height: 1.4; }
.vulnerability_detail a { color: #666666; }
.vulnerability_detail table { border-collapse: collapse; }
.vulnerability_detail table thead p { font-weight: 700; color: #000; }
.vulnerability_detail table td { border: 1px solid #e6e6e6; vertical-align: middle; }
.vulnerability_detail table p { padding: 10px 20px; }
@media (max-width:1400px) {
    .security_bulletin .security_search .search_list .list_item { font-size: 16px; }
    .security_bulletin .security_search .search_box .search_input input[type=text] { font-size: 14px; }
    .security_bulletin .security_search .search_box .advanced_search { flex-wrap: wrap; }
    .security_bulletin .security_search .search_box .advanced_search .search_criteria { font-size: 14px; }
    .security_bulletin .security_search .search_box .advanced_search .search_btn { padding: 0 20px; }
    .security_bulletin .security_table th,
    .security_bulletin .security_table td { font-size: 14px; }
    .vulnerability h3 { font-size: 28px; }
    .vulnerability .vulnerability_parameters { width: calc(100% - 150px); }

    /*************************************/
    .vulnerability .vulnerability_parameters li { font-size: 14px; }
    .vulnerability .vulnerability_parameters li strong { width: 144px; }
    .vulnerability .vulnerability_parameters li span#bulletin_CVE_Code div { display: inline-block; width: 130px; }

    /***************************************/
    .vulnerability .vulnerability_ranking { width: 110px; height: 110px; }
    .vulnerability .vulnerability_ranking .vulnerability_scoring { font-size: 18px; line-height: 110px; }
    .vulnerability_detail h4 { font-size: 18px; }
    .vulnerability_detail p { font-size: 14px; }
}
@media (max-width:1000px) {
    .security_bulletin .security_search .search_list .list_item { font-size: 14px; }
    .security_bulletin .security_search .search_box .quick_search .search_input input[type=text] { font-size: 14px; }
    .security_bulletin .security_search .search_box .advanced_search .search_btn { padding: 0 15px; }
    .security_bulletin .security_search .search_box .advanced_search .search_criteria > li { padding: 0 15px; }
    .security_bulletin .security_search .search_box .advanced_search .search_criteria > li .criteria_list { min-width: 100px; }
    .security_bulletin .security_search .search_box .advanced_search .search_criteria > li #criteria_date { width: 120px; }
}
@media (max-width:768px) {
    .security_bulletin .security_search { padding-top: 6.0833vw; }
    .security_bulletin .security_search .search_list .list_item { width: 50%; padding: 10px; font-size: 16px; }
    .security_bulletin .security_search .search_box { height: auto; }
    .security_bulletin .security_search .search_box .quick_search { height: 60px; }
    .security_bulletin .security_search .search_box .quick_search .search_input { width: 100%; border: 1px solid #bfc0c0; position: relative; }
    .security_bulletin .security_search .search_box .quick_search .search_input input[type=text] { padding: 6px 30px 6px 10px; font-size: 14px; }
    .security_bulletin .security_search .search_box .quick_search .search_input .search_click { width: 30px; height: 30px; background: url(/cn/tres/NewWebUI/images/service/icon-search.png) no-repeat center; background-size: 15px 15px; }
    .security_bulletin .security_search .search_box .advanced_search { flex-wrap: wrap; }
    .security_bulletin .security_search .search_box .advanced_search .search_criteria { font-size: 14px; width: 100%; }
    .security_bulletin .security_search .search_box .advanced_search .search_criteria > li { display: block; padding: 0 10px; line-height: 40px; border-left: 0; border-bottom: 1px solid #e1e1e1; }
    .security_bulletin .security_search .search_box .advanced_search .search_criteria > li:last-of-type { border-right: 0; border-bottom: 1px solid #e1e1e1; }
    .security_bulletin .security_search .search_box .advanced_search .search_criteria > li .criteria_list { display: inline-block; width: 100%; }
    .security_bulletin .security_search .search_box .advanced_search .search_criteria > li #search_cve { width: 100%; }
    .security_bulletin .security_search .search_box .advanced_search .search_criteria > li #criteria_date { width: 100%; }
    .security_bulletin .security_search .search_box .advanced_search .sencond_criteria { width: 100%; }
    .security_bulletin .security_search .search_box .advanced_search .search_btn { width: 100%; padding: 20px; }
    .security_bulletin .security_table { padding: 6.9687vw 0; overflow-x: auto; }
    .security_bulletin .security_table table { width: 800px; }
    .security_bulletin .security_table th,
    .security_bulletin .security_table td { font-size: 14px; padding: 10px 15px; }
    .security_bulletin .security_table th:first-of-type,
    .security_bulletin .security_table td:first-of-type { width: 50%; }
    .security_bulletin .security_table th:nth-of-type(2),
    .security_bulletin .security_table td:nth-of-type(2) { width: 12%; }
    .security_bulletin .security_table th:nth-of-type(3),
    .security_bulletin .security_table td:nth-of-type(3) { width: 20%; }
    .security_bulletin .security_table th:nth-of-type(4),
    .security_bulletin .security_table td:nth-of-type(4) { width: 18%; }
    .security_bulletin .security_table td:nth-of-type(2) p { padding-left: 20px; }
    .vulnerability { padding: 20px 3.125vw; }
    .vulnerability h3 { font-size: 24px; margin-bottom: 20px; }
    .vulnerability .vulnerability_parameters { width: 100%; }

    /***************************************/
    .vulnerability .vulnerability_parameters li { font-size: 14px; display: flex; width: 100%; }
    .vulnerability .vulnerability_parameters li strong { width: 126px; }
    .vulnerability .vulnerability_parameters li span { width: calc(100% - 126px); }
    .vulnerability .vulnerability_parameters li span#bulletin_CVE_Code { width: calc(100% - 126px); }
    .vulnerability .vulnerability_parameters li span#bulletin_CVE_Code div { display: inline-block; width: 120px; }

    /***************************************/
    .vulnerability .vulnerability_ranking { width: 100px; height: 100px; margin: 0 auto; }
    .vulnerability .vulnerability_ranking .vulnerability_scoring { font-size: 16px; line-height: 100px; }
    .vulnerability_detail h4 { font-size: 16px; margin-top: 15px; margin-bottom: 10px; }
    .vulnerability_detail p { font-size: 14px; }
    .vulnerability_detail .table_box { width: 100%; overflow-x: auto; }
    .vulnerability_detail table p { padding: 10px 15px; }
    .vulnerability_detail .product table { width: 550px; }
    .vulnerability_detail .update table { width: 600px; }
}

/* 20211028淇敼 */
.hz-20211028-home-bannertit { width: 19.8% !important; margin-left: 13% !important; }
.hz-20211028-hz-home { transform: translateY(82%) !important; margin-left: 13.5% !important; }
@media screen and (max-width:758px) {
    .hz-20211028-home-bannertit { width: 46.7% !important; margin-left: 0% !important; margin-top: 6% !important; }
    .hz-20211028-hz-home { transform: translateY(565%) !important; margin-left: 0% !important; }
    .home.hz-home.hz-20211028-hz-home .home-content { margin-left: 9.5% !important; }
}

/*闆嗗洟浠ｈ〃澶�*/
.secondDiv.threeDiv .officeCon.hz_211014_groupCon { background-color: #fcfdfe; padding-bottom: 0; }
.hz_211014_groupCon img { width: 100%; }
.hz_211014_groupCon .officeConBox { background-size: cover; background-position: center; padding-bottom: 40px; }
.hz_211014_left { width: 66%; float: left; }
.hz_211014_groupMap { width: 100%; position: relative; }
.hz_211014_provinceImg { width: 100%; position: absolute; top: 0; left: 0; display: none; }
.hz_211014_provinceImg.active { display: block; }
.hz_211014_provinceName { font-size: 14px; color: #181818; line-height: 1; position: absolute; top: 0; left: 0; cursor: pointer; }
.hz_211014_provinceName.active { color: #ffffff !important; }
.hz_211014_provinceName:hover { color: #e60012; }
.hz_211014_provinceName.active2 { color: #e60012; }
.hz_211014_helongjiang { top: 14.5%; left: 87.9%; }
.hz_211014_jilin { top: 24.8%; left: 88%; }
.hz_211014_liaoning { top: 30.2%; left: 83%; }
.hz_211014_neimenggu { top: 32.6%; left: 61.8%; }
.hz_211014_hebei { top: 40.1%; left: 69.8%; }
.hz_211014_beijing { top: 34.6%; left: 68.8%; }
.hz_211014_tianjin { top: 39.8%; left: 75.6%; }
.hz_211014_shandong { top: 46.4%; left: 74.8%; }
.hz_211014_henan { top: 52.9%; left: 66.6%; }
.hz_211014_shanxi1 { top: 43.2%; left: 64.6%; }
.hz_211014_shanxi2 { top: 53.2%; left: 57.7%; }
.hz_211014_ningxia { top: 43.5%; left: 53.5%; }
.hz_211014_gansu { top: 34.7%; left: 36.5%; }
.hz_211014_xinjiang { top: 27.6%; left: 18.8%; }
.hz_211014_xizang { top: 55.9%; left: 21.1%; }
.hz_211014_qinghai { top: 45.4%; left: 35.5%; }
.hz_211014_sichuan { top: 62%; left: 47.2%; }
.hz_211014_chongqing { top: 64.8%; left: 55.4%; }
.hz_211014_hubei { top: 61.2%; left: 65.4%; }
.hz_211014_anhui { top: 58.9%; left: 74.4%; }
.hz_211014_jiangsu { top: 54.4%; left: 79.1%; }
.hz_211014_shanghai { top: 58.5%; left: 85.3%; }
.hz_211014_zhejiang { top: 64.9%; left: 80.2%; }
.hz_211014_fujian { top: 73.3%; left: 76.8%; }
.hz_211014_jiangxi { top: 69.5%; left: 71.3%; }
.hz_211014_hunan { top: 70.1%; left: 63.7%; }
.hz_211014_guizhou { top: 72.2%; left: 54.7%; }
.hz_211014_yunnan { top: 76.7%; left: 42.8%; }
.hz_211014_guangxi { top: 80.5%; left: 58.2%; }
.hz_211014_guangdong { top: 80.1%; left: 68.8%; }
.hz_211014_xianggang { top: 84.8%; left: 72.4%; }
.hz_211014_aomen { top: 86.8%; left: 68.2%; }
.hz_211014_hainan { top: 92.9%; left: 59.8%; }
.hz_211014_taiwan { top: 78.4%; left: 84.3%; writing-mode: tb-rl; }
.hz_211014_right { width: 28.5%; float: right; }
.hz_211014_rightBox { width: 100%; box-sizing: border-box; margin-top: 7%; padding-top: 12%; background: linear-gradient(to bottom, #e6f1fe, #ffffff); position: relative; padding-bottom: 20%; }
.hz_211014_rightScroll { width: 100%; overflow: hidden; position: relative; }
.hz_211014_rightCover { position: absolute; bottom: 0; left: 0; width: 100%; display: none; }
.hz_211014_rightList { width: 100%; height: 462px; margin: 0 auto 10%; overflow-x: hidden; overflow-y: auto; padding-right: 20px; box-sizing: content-box; }
.hz_211014_rightList::-webkit-scrollbar { display: none; }
.hz_211014_rightList>li { width: 76.4%; margin: 0 auto; border-top: 1px solid #e2e2e2; padding: 4% 0; }
.hz_211014_rightList>li:first-child { border-top: none; padding-top: 0; }
.hz_211014_placeName { font-size: 20px; margin-bottom: 3%; }
.hz_211014_address,
.hz_211014_tel,
.hz_211014_email { overflow: hidden; }
.hz_211014_address,
.hz_211014_tel { margin-bottom: 3%; }
.hz_211014_address>img,
.hz_211014_tel>img,
.hz_211014_email>img { width: 15px; float: left; }
.hz_211014_address p,
.hz_211014_tel p,
.hz_211014_email p { width: 88%; font-size: 14px; color: #666; float: left; margin-left: 3%; }
.hz_211014_right_img { position: absolute; left: 0; bottom: 0; width: 100%; }
.hz_211014_scrbox { width: 8px; height: 100%; position: absolute; right: 0; top: 0; background-color: #f5f5f5; border-radius: 10px; display: none; }
.hz-211014-scr-c { position: absolute; left: 0; top: 0; width: 100%; border-radius: 10px; background-color: #ccc; }
@media screen and (max-width:768px) {
    .hz_211014_groupMap_w { width: 96.3%; margin: 0 auto 5%; }
    .hz_211014_listw { width: 92%; margin: 0 auto; }
    .hz_211014_listw>li { position: relative; width: 100%; }
    .hz-211004-bgw { width: 100%; position: absolute; right: 0; bottom: 0; }
    .hz_211014_sheng { width: 100%; box-sizing: border-box; padding: 3% 4.5%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: #fff; }
    .hz_211014_namew { font-size: 4.3vw; color: #000000; }
    .hz_211014_imgw { width: 7.5%; }
    .hz_211014_show1 { display: block; }
    .hz_211014_show2 { display: none; }
    .hz_211014_listw>li.active .hz_211014_namew { color: #e60012; }
    .hz_211014_listw>li.active .hz_211014_show1 { display: none; }
    .hz_211014_listw>li.active .hz_211014_show2 { display: block; }
    .hz_211014_liw { box-sizing: border-box; padding: 3% 4.5%; }
    .hz_211014_liw>li { margin-bottom: 6%; }
    .hz_211014_placeName { font-size: 5vw; margin-bottom: 4%; }
    .hz_211014_address,
    .hz_211014_tel { margin-bottom: 3%; }
    .hz_211014_address>img,
    .hz_211014_tel>img,
    .hz_211014_email>img { width: 11.5px; margin-top: 2px; }
    .hz_211014_address p,
    .hz_211014_tel p,
    .hz_211014_email p { font-size: 3.3vw; margin-left: 2%; }
    .hz_211014_left { width: 96.3%; float: none; margin: 0 auto; padding: 5% 0; }
    .hz_211014_provinceName { font-size: 2.3vw; }
    .hz_211014_neimenggu { top: 33.6%; left: 57.8%; }
    .hz_211014_beijing { top: 32.6%; }
    .hz_211014_tianjin { top: 37.8%; }
    .hz_211014_provinceName:hover { color: #181818; }
    .hz_211112-boxw { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; display: none; }
    .hz_211112-imgw { width: 100%; position: relative; left: 0; top: 120px; }
    .hz_211112-mainw { position: absolute; left: 6.7%; top: 4.7%; width: 86.7%; height: 88%; }
    .hz-211112-close { position: absolute; top: 0%; width: 5%; right: 4%; }
    .hz-211112-scr { width: 76.7%; margin: 10% auto 0; position: relative; }
    .hz_211014_liw.cur { position: relative; top: 50%; transform: translateY(-50%); }
    .hz-211112-scrbox { position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow-y: auto; }
    .hz_211112_line { width: 100%; height: 1px; background-color: #e2e2e2; margin-top: 5%; }
    .hz_211014_liw>li:last-child .hz_211112_line { display: none; }
    .hz-211112-scrbox::-webkit-scrollbar { display: none; }
    .hz_211014_scrbox { display: none; }
    .hz_211112_tipw img { display: block; width: 100%; }
    .hz_211112_tipw { width: 46.7%; margin: 5% auto 0; }
}

/*鏁忔嵎杞瀷*/
.hz-211108-zdhtop { width: 100%; overflow: hidden; }
.hz-211108-zdhleft { width: 50.7%; float: left; background-color: #f5f5f5; padding: 35px 60px; box-sizing: border-box; line-height: 1.7em; color: #333333; font-size: 16px; }
.hz-211108-zdhright { float: right; width: 45.4%; }
.hz-211108-title { margin-top: 30px; font-size: 24px; color: #333333; }
.hz-211108-zdh-img3 { width: 70%; margin: 40px auto 0; }
.hz-211108-zdh-img3 img,
.hz-211108-zdh-img4 img { width: 100%; }
.hz-211108-zdh-img4 { width: 81.5%; margin: 40px auto 0; position: relative; }
.course-detail-content p.hz-211108-zdhtitle1 { position: absolute; font-size: 24px; left: 0; top: 75.5%; color: #333333; }
.course-detail-content p.hz-211108-zdhtitle2 { position: absolute; font-size: 24px; left: 0.3%; top: 31.4%; color: #333333; }
.course-detail-content p.hz-211108-zdhtitle3 { position: absolute; font-size: 24px; left: 26%; top: 0%; color: #333333; }
.course-detail-content p.hz-211108-zdhtitle4 { position: absolute; font-size: 24px; left: 54.4%; top: 0%; color: #333333; }
.course-detail-content p.hz-211108-zdhtitle5 { position: absolute; font-size: 24px; right: 0; top: 31.4%; color: #333333; }
.course-detail-content p.hz-211108-zdhtitle6 { position: absolute; font-size: 24px; right: 0; top: 75.5%; color: #333333; line-height: 1.3em; }
.course-detail-content p.hz-211108-zdht2 { width: 21.3%; line-height: 1.7em; font-size: 16px; color: #666666; position: absolute; left: 0; top: 40.6%; }
.course-detail-content p.hz-211108-zdht3 { width: 21.3%; line-height: 1.7em; font-size: 16px; color: #666666; position: absolute; left: 25.9%; top: 8.6%; }
.course-detail-content p.hz-211108-zdht4 { width: 21.3%; line-height: 1.7em; font-size: 16px; color: #666666; position: absolute; right: 24.4%; text-align: right; top: 8.6%; }
.course-detail-content p.hz-211108-zdht5 { width: 21.1%; line-height: 1.7em; font-size: 16px; color: #666666; position: absolute; right: 0; top: 40.6%; text-align: right; }
.hz-211108-zdhimg5 { width: 37.7%; float: left; margin-left: 7.5%; margin-top: 4%; }
.hz-211108-zdhlist1 { width: 37.8%; float: right; margin-right: 7.6%; margin-top: 3%; margin-bottom: 3%; }
.hz-211108-zdhlist1 img { width: 100%; }
.hz-211108-zdhlist1 li { width: 100%; overflow: hidden; margin-bottom: 3%; }
.hz-211108-zdhic1 { width: 15%; float: left; }
.hz-211108-zdhbox { width: 80.2%; float: right; overflow: hidden; }
.course-detail-content p.hz-211108-zdht6 { font-size: 24px; color: #333333; margin-top: 1%; }
.course-detail-content p.hz-211108-zdht7 { font-size: 16px; color: #666666; margin-top: 3%; }
.hz-211108-list2 { width: 100%; margin: 2% auto 0; }
.hz-211108-list2 img { width: 100%; }
.hz-211108-list2 li { width: 100%; overflow: hidden; }
.hz-211108-zdhimg6 { width: 20%; float: left; }
.hz-211108-zdhtbox { width: 77.8%; float: right; }
.course-detail-content p.hz-211108-zdht8 { font-size: 24px; color: #333333; }
.course-detail-content p.hz-211108-zdht9 { font-size: 14px; color: #666666; margin-top: 1%; }
.hz-211108-zdhtop img { width: 100%; }
.hz-211108-title.hz-mt { margin-top: 0; }
.course-detail-content p.hz-211108-rpat1 { font-size: 16px; color: #333333; line-height: 1.6em; margin-top: 10px; }
.course-detail-content p.hz-211108-rpat2 { font-size: 16px; color: #333333; line-height: 1.6em; margin-top: 35px; }
.hz-211108-img2 { width: 95.8%; margin: 55px auto; }
.hz-211108-img2 img,
.hz-211108-img3 img,
.hz-211108-img4 img,
.hz-211108-img5 img { width: 100%; }
.hz-211108-img3 { width: 100%; margin: 55px auto; }
.hz-211108-img4 { width: 100%; margin: -60px auto 70px; }
.course-detail-content p.hz-211108-rpat3 { margin-top: 35px; font-size: 18px; color: #333; }
.hz-211108-rpaul { width: 100%; margin-top: 1.5%; }
.hz-211108-rpaul li { width: 100%; overflow: hidden; margin-bottom: 1% !important; }
.hz-211108-rpaul li img { width: 5px; float: left; margin-right: 0.8%; margin-top: 0.7%; }
.course-detail-content .hz-211108-rpaul li p { font-size: 16px; color: #666666; float: left; }
.hz-211108-img5 { width: 75%; margin: 35px auto 60px; }
.hz-211108-img7 img { width: 100%; }
.hz-211108-img7 { position: relative; width: 86.4%; margin: 0 auto; }
.course-detail-content p.hz-211108-rpatitle1 { position: absolute; left: 16.3%; top: 76%; font-size: 24px; color: #333333; }
.course-detail-content p.hz-211108-rpatitle2 { position: absolute; left: 11%; top: 38%; font-size: 24px; color: #333333; }
.course-detail-content p.hz-211108-rpatitle3 { position: absolute; left: 14%; top: 0%; font-size: 24px; color: #333333; }
.course-detail-content p.hz-211108-rpatitle4 { position: absolute; right: 17.2%; top: 0%; font-size: 24px; color: #333333; }
.course-detail-content p.hz-211108-rpatitle5 { position: absolute; right: 11%; top: 38%; font-size: 24px; color: #333333; }
.course-detail-content p.hz-211108-rpatitle6 { position: absolute; right: 19.6%; top: 76%; font-size: 24px; color: #333333; }
.hz-211108-rpast1 { width: 20.2%; position: absolute; font-size: 16px; color: #666666; line-height: 1.7em; left: 10.2%; top: 83.5%; text-align: right; }
.hz-211108-rpast2 { width: 20.2%; position: absolute; font-size: 16px; color: #666666; line-height: 1.7em; left: 0%; top: 45.7%; text-align: right; }
.hz-211108-rpast3 { width: 20.2%; position: absolute; font-size: 16px; color: #666666; line-height: 1.7em; left: 10.2%; top: 7.3%; text-align: right; }
.hz-211108-rpast4 { width: 18%; position: absolute; font-size: 16px; color: #666666; line-height: 1.7em; left: 70.3%; top: 7.3%; }
.hz-211108-rpast5 { width: 20.2%; position: absolute; font-size: 16px; color: #666666; line-height: 1.7em; right: 0%; top: 45.7%; }
.hz-211108-rpast6 { width: 20.2%; position: absolute; font-size: 16px; color: #666666; line-height: 1.7em; right: 11%; top: 83.5%; }
.hz-211108-rpaul2 { width: 43.8%; float: left; margin-top: 4%; }
.hz-211108-rpaul2.hz-211108-rightbox { float: right; }
.hz-211108-rpaul2 li { width: 100%; overflow: hidden; margin-bottom: 3%; }
.hz-211108-rpaul2 img { width: 100%; }
.hz-211108-rpaic { width: 19%; float: left; }
.hz-211108-rparight { width: 75%; float: right; }
.course-detail-content p.hz-211108-rpast7 { font-size: 24px; color: #333; font-weight: 600; margin-top: 3%; }
.hz-211108-rpaline { width: 100%; height: 1px; background-color: #e1e4e6; margin: 3% auto; }
.course-detail-content p.hz-211108-rpast8 { width: 98%; font-size: 16px; color: #666666; }
.hz-211111-davimg6 img { width: 100%; }
.hz-211111-davimg6 { width: 83.1%; margin: 0 auto; }
.advantageSolution li.hz-211108-rpali .img { margin-top: 1%; }

/*鏅鸿兘椹鹃┒瑙ｅ喅鏂规*/
.hz_211116_drive_container .clearfix { display: flex; flex-direction: row; align-items: center; justify-content: flex-start; }
.hz_211116_drive_container .clearfix li { background: none !important; }
.hz_211116_drive_container .clearfix .text { padding-left: 0; width: 930px; }
.hz_211116_drive_box2 { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-around; }
.hz_211116_drive_box2 img { width: 100%; }
.hz_211116_drive_list2Img { width: 49.2%; }
.hz_211116_drive_list2Box { width: 32.2%; position: relative; }
.hz_211116_drive_box2Line { width: 1px; height: 90%; position: absolute; top: 5%; left: 32px; border-right: 1px dashed #cccccc; box-sizing: border-box; }
.hz_211116_drive_list2 { overflow: hidden; position: relative; }
.hz_211116_drive_list2>li { display: flex; flex-direction: row; align-items: center; justify-content: space-between; }
.hz_211116_drive_list2Icon { width: 66px; }
.advantageSolution .hz_211116_drive_list2>li p { width: 74.8%; font-size: 24px; font-weight: bold; color: #333333; line-height: 1.4; }

/*浜戞祴璇曪紙涓績锛夊钩鍙�*/
.hz_211116_cloud_box1 { width: 83.2%; margin: 0 auto 60px; position: relative; }
.hz_211116_cloud_box1 img { width: 100%; }
.hz_211116_cloud_tBox { width: 21%; position: absolute; }
.hz_211116_cloud_tBox1 { top: 0; left: 0; }
.hz_211116_cloud_tBox2 { bottom: 0; left: 40.8%; }
.hz_211116_cloud_tBox3 { top: 0; left: 31.6%; }
.hz_211116_cloud_tBox4 { top: 0; right: 0; }
.hz_211116_cloud_tBox5 { bottom: 2%; left: 75%; }
.hz_211116_cloud_txt1 { font-size: 24px; color: #333333; font-weight: bold; margin-bottom: 3%; }
.hz_211116_cloud_txt2 { font-size: 16px; color: #666666; line-height: 1.6; }
.hz_211116_cloud_box2 { width: 100%; overflow: hidden; background-color: #f5f8fa; box-sizing: border-box; padding: 45px 7%; }
.hz_211116_cloud_box2 img { width: 100%; }
.hz_211116_cloud_box2List1 { width: 27.2%; float: left; }
.hz_211116_cloud_box2List1>li { width: 100%; }
.hz_211116_cloud_box2Icon { width: 30.4%; margin: 0 auto 2%; }
.hz_211116_cloud_box2Text { width: 100%; background-color: #fff; box-sizing: border-box; padding: 5% 7%; }
.advantageSolution .hz_211116_cloud_box2Text p { font-size: 16px; color: #666666; line-height: 1.6; }
.hz_211116_cloud_box2Text_tit { font-size: 16px; color: #e60012; line-height: 2.2; text-align: center; margin-bottom: 2%; }
.hz_211116_cloud_box2Right { width: 67%; float: right; }
.hz_211116_cloud_box2Right_list { width: 100%; display: flex; flex-direction: row; justify-content: space-between; align-items: flex-start; flex-wrap: wrap; }
.hz_211116_cloud_box2Right_list>li { width: 26.4%; }
.hz_211116_cloud_box2Right_listTxt1 { font-size: 20px; font-weight: bold; text-align: center; }
.hz_211116_cloud_box2Right_listLine { width: 100%; }
.hz_211116_cloud_box2Right_listTxt2 { font-size: 16px; color: #666666; }
.hz_211116_cloud_box2Right_img { width: 98.4%; }
.hz_211116_cloud_box3 { width: 82.3%; margin: 0 auto; position: relative; }
.hz_211116_cloud_box3 img { width: 100%; }
.hz_211116_cloud_list2Con {    /*width:21%;*/
position: absolute; top: 0; left: 0; }
.hz_211116_cloud_list2Con1 { top: 55.4%; left: 0; }
.hz_211116_cloud_list2Con2 { top: 2.2%; left: 26.1%; }
.hz_211116_cloud_list2Con3 { top: 2.2%; left: 56.4%; }
.hz_211116_cloud_list2Con4 { top: 48.3%; left: 82.5%; }
.hz_211116_cloud_list2ConTit { font-size: 24px; color: #333333; font-weight: bold; margin-bottom: 12px; }
.hz_211116_cloud_list2 { width: 100%; }
.advantageSolution .hz_211116_cloud_list2>li { padding-left: 10px; box-sizing: border-box; font-size: 16px; color: #666666; position: relative; margin-bottom: 8px; }
.hz_211116_cloud_list2>li:before { content: '鈥�'; position: absolute; top: 0; left: 0; color: #e60012; }
.hz_211116_cloud_box3_txt { font-size: 24px; color: #e60012; font-weight: bold; text-align: center; margin-top: 1.6%; }
.hz_211116_cloud_list3 { overflow: hidden; display: flex; flex-direction: row; align-items: center; justify-content: space-between; margin-top: 4%; }
.hz_211116_cloud_list3Box { width: auto; overflow: hidden; }
.hz_211116_cloud_list3Box img { width: 24px; margin-right: 5px; }
.hz_211116_cloud_list3Box span { font-size: 14px; color: #666666; }
.hz_211116_cloud_list3Line { width: 1px; height: 17px; box-sizing: border-box; background-color: #cccccc; }

/*.advantageSolution li{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  flex-direction:row;
}*/
@media screen and (max-width:1200px) {
    .hz_211116_cloud_txt1 { font-size: 20px; }
    .hz_211116_cloud_txt2,
    .hz_211116_cloud_box2Right_listTxt2 { font-size: 14px; }
    .hz_211116_drive_container .clearfix .text { width: 730px; }
}
@media screen and (max-width:960px) {
    .hz_211116_drive_container .clearfix .text { width: 630px; }
}
@media screen and (max-width:750px) {
    .hz_211116_drive_container .clearfix .text { width: 100%; }
    .hz-211108-zdhright { width: 89.2%; float: none; margin-left: 6%; }
    .hz-211108-zdhleft { width: 100%; float: none; margin: 3% auto 0; padding: 6% 8%; font-size: 3.7vw; color: #666666; }
    .hz-211108-title { font-size: 4.7vw; }
    .hz-211108-title { margin: 6% auto 0; }
    .hz-211108-zdh-img3 { width: 100%; margin: 6% auto 0; }
    .hz-211108-zdh-img4 { width: 99%; margin-left: 1%; }
    .hz-211108-zdhtitle1 b,
    .hz-211108-zdhtitle2 b,
    .hz-211108-zdhtitle3 b,
    .hz-211108-zdhtitle4 b,
    .hz-211108-zdhtitle5 b,
    .hz-211108-zdhtitle6 b { font-weight: 500 !important; }
    .course-detail-content p.hz-211108-zdhtitle1 { left: 19.1%; top: 3.4%; font-size: 4.2vw; }
    .course-detail-content p.hz-211108-zdhtitle2 { left: 19.1%; top: 16.3%; font-size: 4.2vw; }
    .course-detail-content p.hz-211108-zdhtitle3 { left: 19.1%; top: 34.6%; font-size: 4.2vw; }
    .course-detail-content p.hz-211108-zdhtitle4 { left: 19.1%; top: 53.1%; font-size: 4.2vw; }
    .course-detail-content p.hz-211108-zdhtitle5 { left: 19.1%; top: 71.4%; font-size: 4.2vw; }
    .course-detail-content p.hz-211108-zdhtitle6 { left: 19.1%; top: 93.1%; font-size: 4.2vw; }
    .course-detail-content p.hz-211108-zdht2 { font-size: 3.2vw; width: 80.3%; left: 19.1%; top: 21.8%; }
    .course-detail-content p.hz-211108-zdht3 { font-size: 3.2vw; width: 80.3%; left: 19.1%; top: 40.1%; }
    .course-detail-content p.hz-211108-zdht4 { font-size: 3.2vw; width: 80.3%; left: 19.1%; top: 58.4%; text-align: left; }
    .course-detail-content p.hz-211108-zdht5 { font-size: 3.2vw; width: 80.3%; left: 19.1%; top: 76.6%; text-align: left; }
    .hz-211108-zdh-img4 { margin-top: 6%; }
    .hz-211108-zdhimg5 { width: 66%; margin: 0 auto; float: none; }
    .hz-211108-zdhlist1 { width: 100%; overflow: hidden; float: none; margin-right: 0; margin-top: 0; }
    .hz-211108-zdhic1 { width: 14.4%; }
    .hz-211108-zdhlist1 li { margin-bottom: 0% !important; }
    .course-detail-content p.hz-211108-zdht5 { font-size: 3.2vw; width: 80.3%; left: 19.1%; top: 76.6%; text-align: left; }
    .course-detail-content p.hz-211108-zdht6 { font-size: 4.2vw; }
    .course-detail-content p.hz-211108-zdht7 { font-size: 3.2vw; color: #666666; margin-top: 1%; }
    .course-detail-content p.hz-211108-zdht6 b { font-weight: 500 !important; }
    .hz-211108-zdhimg6 { width: 240px; float: none; margin: 0 auto; }
    .hz-211108-zdhtbox { width: 100%; float: none; }
    .course-detail-content p.hz-211108-zdht8 { font-size: 18px; margin: 15px 0; text-align: center; letter-spacing: -0.5px; }
    .course-detail-content p.hz-211108-zdht9 { margin-top: 0; font-size: 14px; }
    .hz-211108-title { font-size: 4.7vw; }
    .course-detail-content p.hz-211108-rpat1 { font-size: 3.6vw; color: #666; }
    .hz-211108-img2,
    .hz-211108-img3,
    .hz-211108-img4,
    .hz-211108-img5 { width: 100%; margin: 5% auto; }
    .hz-211108-rpaul li { box-shadow: none !important; border: none !important; padding: 0 !important; margin-top: 3% !important; }
    .hz-211108-rpaul li:first-child { margin-top: 5% !important; }
    .hz-211108-rpaul li p { font-size: 3.6vw !important; }
    .hz-211108-rpaul li img { margin-right: 2%; margin-top: 2.5%; }
    .hz-211108-rpawimg img { width: 100%; }
    .hz-211108-rpawimg { width: 100%; position: relative; margin: 5% auto; }
    .hz-211108-wtitle1 { position: absolute; left: 19.1%; top: 1.3%; font-size: 4.3vw; }
    .hz-211108-wtitle2 { position: absolute; left: 19.1%; top: 9.6%; font-size: 4.3vw; }
    .hz-211108-wtitle3 { position: absolute; left: 19.1%; top: 18.2%; font-size: 4.3vw; }
    .hz-211108-wtitle4 { position: absolute; left: 19.1%; top: 26.5%; font-size: 4.3vw; }
    .hz-211108-wtitle5 { position: absolute; left: 19.1%; top: 35.1%; font-size: 4.3vw; }
    .hz-211108-wtitle6 { position: absolute; left: 19.1%; top: 43.5%; font-size: 4.3vw; }
    .hz-211108-wtitle7 { position: absolute; left: 19.1%; top: 52%; font-size: 4.3vw; }
    .hz-211108-wtitle8 { position: absolute; left: 19.1%; top: 60.4%; font-size: 4.3vw; }
    .hz-211108-wtitle9 { position: absolute; left: 19.1%; top: 69%; font-size: 4.3vw; }
    .hz-211108-wtitle10 { position: absolute; left: 19.1%; top: 77.2%; font-size: 4.3vw; }
    .hz-211108-wtitle11 { position: absolute; left: 19.1%; top: 85.8%; font-size: 4.3vw; }
    .hz-211108-wtitle12 { position: absolute; left: 19.1%; top: 94.4%; font-size: 4.3vw; }
    .hz-211108-wt1 { position: absolute; left: 19.1%; top: 3.9%; font-size: 3.2vw; width: 80.2%; color: #666666; line-height: 1.7em; }
    .hz-211108-wt2 { position: absolute; left: 19.1%; top: 12.3%; font-size: 3.2vw; width: 80.2%; color: #666666; line-height: 1.7em; }
    .hz-211108-wt3 { position: absolute; left: 19.1%; top: 20.9%; font-size: 3.2vw; width: 80.2%; color: #666666; line-height: 1.7em; }
    .hz-211108-wt4 { position: absolute; left: 19.1%; top: 29.1%; font-size: 3.2vw; width: 80.2%; color: #666666; line-height: 1.7em; }
    .hz-211108-wt5 { position: absolute; left: 19.1%; top: 37.6%; font-size: 3.2vw; width: 80.2%; color: #666666; line-height: 1.7em; }
    .hz-211108-wt6 { position: absolute; left: 19.1%; top: 46%; font-size: 3.2vw; width: 80.2%; color: #666666; line-height: 1.7em; }
    .hz-211108-wt7 { position: absolute; left: 19.1%; top: 54.6%; font-size: 3.2vw; width: 80.2%; color: #666666; line-height: 1.7em; }
    .hz-211108-wt8 { position: absolute; left: 19.1%; top: 63.1%; font-size: 3.2vw; width: 80.2%; color: #666666; line-height: 1.7em; }
    .hz-211108-wt9 { position: absolute; left: 19.1%; top: 71.6%; font-size: 3.2vw; width: 80.2%; color: #666666; line-height: 1.7em; }
    .hz-211108-wt10 { position: absolute; left: 19.1%; top: 79.8%; font-size: 3.2vw; width: 80.2%; color: #666666; line-height: 1.7em; }
    .hz-211108-wt11 { position: absolute; left: 19.1%; top: 88.4%; font-size: 3.2vw; width: 80.2%; color: #666666; line-height: 1.7em; }
    .hz-211108-wt12 { position: absolute; left: 19.1%; top: 96.8%; font-size: 3.2vw; width: 80.2%; color: #666666; line-height: 1.7em; }
    .course-detail-content img { width: 100%; }

    /*鏅鸿兘椹鹃┒瑙ｅ喅鏂规*/
    .hz_211116_drive_container .clearfix { flex-direction: column; }
    .hz_211116_drive_container .clearfix .img { margin-right: 0; }
    .hz_211116_drive_box2 { flex-direction: column-reverse; }
    .hz_211116_drive_list2Img { width: 100%; }
    .hz_211116_drive_list2Box { width: 100%; margin-top: 5%; }
    .hz_211116_drive_box2Line { display: none; }
    .advantageSolution .hz_211116_drive_list2>li { width: 50%; flex-direction: column; margin-bottom: 0; }
    .hz_211116_drive_list2>li:nth-child(odd) { float: left; box-sizing: border-box; border-right: 1px solid rgba(204, 204, 204, 0.3); }
    .hz_211116_drive_list2>li:nth-child(even) { float: right; }
    .hz_211116_drive_list2>li:nth-child(1),
    .hz_211116_drive_list2>li:nth-child(2) { border-bottom: 1px solid rgba(204, 204, 204, 0.3); padding: 3% 0 5%; }
    .hz_211116_drive_list2>li:nth-child(3),
    .hz_211116_drive_list2>li:nth-child(4) { padding: 5% 0 3%; }
    .advantageSolution .hz_211116_drive_list2>li p { width: 100%; font-size: 3.7vw; font-weight: normal; text-align: center; box-sizing: border-box; }
    .hz_211116_drive_list2Icon { width: 30%; margin-bottom: 5%; }

    /*浜戞祴璇曪紙涓績锛夊钩鍙�*/
    .hz_211116_cloud_box1 { width: 100%; margin-bottom: 10%; }
    .hz_211116_cloud_tBox { width: 81.4%; }
    .hz_211116_cloud_tBox1 { top: 3.1%; left: 18.6%; }
    .hz_211116_cloud_tBox2 { top: 25.3%; left: 18.6%; }
    .hz_211116_cloud_tBox3 { top: 43.6%; left: 18.6%; }
    .hz_211116_cloud_tBox4 { top: 65.9%; left: 18.6%; }
    .hz_211116_cloud_tBox5 { top: 88.1%; left: 18.6%; }
    .hz_211116_cloud_txt1 { font-size: 4.3vw; font-weight: normal; margin-bottom: 2%; }
    .hz_211116_cloud_txt2 { font-size: 3.2vw; }
    .hz_211116_cloud_box2 { padding: 0; }
    .hz_211116_cloud_box3 { width: 100%; }
    .hz_211116_cloud_list2Con1 { top: 23.8%; left: 33.5%; }
    .hz_211116_cloud_list2Con2 { top: 43.7%; left: 33.5%; }
    .hz_211116_cloud_list2Con3 { top: 64.0%; left: 33.5%; }
    .hz_211116_cloud_list2Con4 { top: 84.0%; left: 33.5%; }
    .hz_211116_cloud_list2ConTit { font-size: 4.3vw; font-weight: normal; margin-bottom: 8px; }
    .advantageSolution .hz_211116_cloud_list2>li { font-size: 3.2vw; margin-bottom: 5px; }
    .hz_211116_cloud_box3_txt { font-size: 4.3vw; font-weight: normal; margin-top: 0; margin-bottom: 5%; }
    .hz_211116_cloud_list3 { flex-direction: column; }
    .hz_211116_cloud_list3Box { width: 100%; margin-bottom: 3%; }
    .hz_211116_cloud_list3Box img { width: 6%; vertical-align: middle; }
    .hz_211116_cloud_list3Line { display: none; }
}

/*闆嗗洟浠ｈ〃澶�*/
.secondDiv.threeDiv .officeCon.hz_211014_groupCon { background-color: #fcfdfe; padding-bottom: 0; }
.hz_211014_groupCon img { width: 100%; }
.hz_211014_groupCon .officeConBox { background-size: cover; background-position: center; padding-bottom: 40px; }
.hz_211014_left { position: relative; z-index: 300; width: 66%; float: left; }
.hz_211216_xg { position: absolute; width: 20.5%; left: 48.5%; bottom: 0; }
.hz_211014_groupMap { width: 100%; position: relative; }
.hz_211014_provinceImg { width: 100%; position: absolute; top: 0; left: 0; display: none; }
.hz_211014_provinceImg.active { display: block; }
.hz_211014_provinceName { font-size: 14px; color: #181818; line-height: 1; position: absolute; top: 0; left: 0; cursor: pointer; }
.hz_211014_provinceName_n { font-size: 14px; color: #181818; line-height: 1; position: absolute; top: 78.4%;left: 84.3%; cursor: pointer; }
.hz_211014_provinceName.active { color: #ffffff !important; }
.hz_211014_provinceName:hover { color: #e60012; }
.hz_211014_provinceName.active2 { color: #e60012; }
.hz_211014_helongjiang { top: 14.5%; left: 87.9%; }
.hz_211014_jilin { top: 24.8%; left: 88%; }
.hz_211014_liaoning { top: 30.2%; left: 83%; }
.hz_211014_neimenggu { top: 32.6%; left: 61.8%; }
.hz_211014_hebei { top: 40.1%; left: 69.8%; }
.hz_211014_beijing { top: 34.6%; left: 68.8%; }
.hz_211014_tianjin { top: 39.8%; left: 75.6%; }
.hz_211014_shandong { top: 46.4%; left: 74.8%; }
.hz_211014_henan { top: 52.9%; left: 66.6%; }
.hz_211014_shanxi1 { top: 43.2%; left: 64.6%; }
.hz_211014_shanxi2 { top: 53.2%; left: 57.7%; }
.hz_211014_ningxia { top: 43.5%; left: 53.5%; }
.hz_211014_gansu { top: 34.7%; left: 36.5%; }
.hz_211014_xinjiang { top: 27.6%; left: 18.8%; }
.hz_211014_xizang { top: 55.9%; left: 21.1%; }
.hz_211014_qinghai { top: 45.4%; left: 35.5%; }
.hz_211014_sichuan { top: 62%; left: 47.2%; }
.hz_211014_chongqing { top: 64.8%; left: 55.4%; }
.hz_211014_hubei { top: 61.2%; left: 65.4%; }
.hz_211014_anhui { top: 58.9%; left: 74.4%; }
.hz_211014_jiangsu { top: 54.4%; left: 79.1%; }
.hz_211014_shanghai { top: 58.5%; left: 85.3%; }
.hz_211014_zhejiang { top: 64.9%; left: 80.2%; }
.hz_211014_fujian { top: 73.3%; left: 76.8%; }
.hz_211014_jiangxi { top: 69.5%; left: 71.3%; }
.hz_211014_hunan { top: 70.1%; left: 63.7%; }
.hz_211014_guizhou { top: 72.2%; left: 54.7%; }
.hz_211014_yunnan { top: 76.7%; left: 42.8%; }
.hz_211014_guangxi { top: 80.5%; left: 58.2%; }
.hz_211014_guangdong { top: 80.1%; left: 68.8%; }
.hz_211014_xianggang { top: 84.8%; left: 72.4%; }
.hz_211014_aomen { top: 86.8%; left: 68.2%; }
.hz_211014_hainan { top: 92.9%; left: 59.8%; }
.hz_211014_taiwan { top: 78.4%; left: 84.3%; writing-mode: tb-rl; }
.hz_211014_right { width: 28.5%; float: right; }
.hz_211014_rightBox { width: 100%; box-sizing: border-box; margin-top: 7%; padding-top: 12%; background: linear-gradient(to bottom, #e6f1fe, #ffffff); position: relative; padding-bottom: 20%; }
.hz_211014_rightScroll { width: 100%; overflow: hidden; position: relative; }
.hz_211014_rightCover { position: absolute; bottom: 0; left: 0; width: 100%; display: none; }
.hz_211014_rightList { width: 100%; height: 462px; margin: 0 auto 10%; overflow-x: hidden; overflow-y: auto; padding-right: 20px; box-sizing: content-box; }
.hz_211014_rightList::-webkit-scrollbar { display: none; }
.hz_211014_rightList>li { width: 76.4%; margin: 0 auto; border-top: 1px solid #e2e2e2; padding: 4% 0; }
.hz_211014_rightList>li:first-child { border-top: none; padding-top: 0; }
.hz_211014_placeName { font-size: 20px; margin-bottom: 3%; }
.hz_211014_address,
.hz_211014_tel,
.hz_211014_email { overflow: hidden; }
.hz_211014_address,
.hz_211014_tel { margin-bottom: 3%; }
.hz_211014_address>img,
.hz_211014_tel>img,
.hz_211014_email>img { width: 15px; float: left; }
.hz_211014_address p,
.hz_211014_tel p,
.hz_211014_email p { width: 88%; font-size: 14px; color: #666; float: left; margin-left: 3%; }
.hz_211014_right_img { position: absolute; left: 0; bottom: 0; width: 100%; }
.hz_211014_scrbox { width: 8px; height: 100%; position: absolute; right: 0; top: 0; background-color: #f5f5f5; border-radius: 10px; display: none; }
.hz-211014-scr-c { position: absolute; left: 0; top: 0; width: 100%; border-radius: 10px; background-color: #ccc; }
@media screen and (max-width:768px) {
    .hz_211014_groupMap_w { width: 96.3%; margin: 0 auto 5%; }
    .hz_211014_listw { width: 92%; margin: 0 auto; }
    .hz_211014_listw>li { position: relative; width: 100%; }
    .hz-211004-bgw { width: 100%; position: absolute; right: 0; bottom: 0; }
    .hz_211014_sheng { width: 100%; box-sizing: border-box; padding: 3% 4.5%; display: flex; flex-direction: row; justify-content: space-between; align-items: center; background-color: #fff; }
    .hz_211216_xg { left: 77.5%; bottom: 14%; }
    .hz_211014_namew { font-size: 4.3vw; color: #000000; }
    .hz_211014_imgw { width: 7.5%; }
    .hz_211014_show1 { display: block; }
    .hz_211014_show2 { display: none; }
    .hz_211014_listw>li.active .hz_211014_namew { color: #e60012; }
    .hz_211014_listw>li.active .hz_211014_show1 { display: none; }
    .hz_211014_listw>li.active .hz_211014_show2 { display: block; }
    .hz_211014_liw { box-sizing: border-box; padding: 3% 4.5%; }
    .hz_211014_liw>li { margin-bottom: 6%; }
    .hz_211014_placeName { font-size: 5vw; margin-bottom: 4%; }
    .hz_211014_address,
    .hz_211014_tel { margin-bottom: 3%; }
    .hz_211014_address>img,
    .hz_211014_tel>img,
    .hz_211014_email>img { width: 11.5px; margin-top: 2px; }
    .hz_211014_address p,
    .hz_211014_tel p,
    .hz_211014_email p { font-size: 3.3vw; margin-left: 2%; }
    .hz_211014_left { width: 96.3%; float: none; margin: 0 auto; padding: 5% 0; }
    .hz_211014_provinceName { font-size: 2.3vw; }
    .hz_211014_neimenggu { top: 33.6%; left: 57.8%; }
    .hz_211014_beijing { top: 32.6%; }
    .hz_211014_tianjin { top: 37.8%; }
    .hz_211014_provinceName:hover { color: #181818; }
    .hz_211112-boxw { width: 100%; height: 100%; position: fixed; left: 0; top: 0; z-index: 999; display: none; }
    .hz_211112-imgw { width: 100%; position: relative; left: 0; top: 120px; }
    .hz_211112-mainw { position: absolute; left: 6.7%; top: 4.7%; width: 86.7%; height: 88%; }
    .hz-211112-close { position: absolute; top: 0%; width: 5%; right: 4%; }
    .hz-211112-scr { width: 76.7%; margin: 10% auto 0; position: relative; }
    .hz_211014_liw.cur { position: relative; top: 50%; transform: translateY(-50%); }
    .hz-211112-scrbox { position: absolute; width: 100%; height: 100%; left: 0; top: 0; overflow-y: auto; }
    .hz_211112_line { width: 100%; height: 1px; background-color: #e2e2e2; margin-top: 5%; }
    .hz_211014_liw>li:last-child .hz_211112_line { display: none; }
    .hz-211112-scrbox::-webkit-scrollbar { display: none; }
    .hz_211014_scrbox { display: none; }
    .hz_211112_tipw img { display: block; width: 100%; }
    .hz_211112_tipw { width: 46.7%; margin: 5% auto 0; }
    .hz_211014_provinceName_n {font-size: 2.3vw;}
}

/*鍔犵洘鏂板崕涓� 20211217*/
.hz_211217_joinBg { width: 100%; position: relative; }
.hz_211217_joinBg img { width: 100%; }
.hz_211217_joinBox { width: 80.4%; position: absolute; top: 63%; left: 0; right: 0; margin: 0 auto; overflow: hidden; }
.hz_211217_joinLeft { width: 39%; float: left; }
.hz_211217_joinRight { width: 39%; float: right; }
.hz_211217_joinTits { font-size: 30px; margin-bottom: 5%; color: #333333; transition: 0.5s all; }
.hz_211217_joinTits>img { width: 37px; }
.hz_211217_joinTits>span { font-weight: bold; }
.hz_211217_joinText { font-size: 16px; color: #666666; line-height: 1.75; height: 120px; }
.hz_211217_joinMore { font-size: 16px; color: #e60012; }
.hz_211217_joinMore img { width: 17px; margin-top: -3px; }
.hz_211217_joinMore span { color: #e60012; }
.hz_211217_joinLine { width: 1px; height: 70%; position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; background-color: #cccccc; }
.hz_211217_joinLeft:hover .hz_211217_joinTits { color: #e60012; }
.hz_211217_joinRight:hover .hz_211217_joinTits { color: #e60012; }
@media (max-width:1100px) {
    .hz_211217_joinTits { font-size: 24px; }
    .hz_211217_joinText { font-size: 14px; height: 100px; }
}
@media (max-width:960px) {
    .hz_211217_joinTits { font-size: 18px; }
    .hz_211217_joinText { font-size: 12px; height: 80px; }
}
@media (max-width:768px) {
    .hz_211217_joinBg { background-color: #f6f8fa; margin-bottom: 10%; }
    .hz_211217_joinBox { width: 91.7%; }
    .hz_211217_joinBox,
    .hz_211217_joinLine { position: static; }
    .hz_211217_joinLine { width: 100%; height: 1px; }
    .hz_211217_joinLeft,
    .hz_211217_joinRight { width: 100%; float: none; padding: 8% 0; }
    .hz_211217_joinTits { font-size: 4.5vw; margin-bottom: 4%; }
    .hz_211217_joinTits>img { width: 6.8%; }
    .hz_211217_joinText { font-size: 3.5vw; height: auto; margin-bottom: 7%; }
    .hz_211217_joinMore { font-size: 3.2vw; }
    .hz_211217_joinMore img { width: 12px; }
    .hz_211217_joinLeft:hover .hz_211217_joinTits { color: #333333; }
    .hz_211217_joinRight:hover .hz_211217_joinTits { color: #333333; }
}

/* 瀹夊叏鏈嶅姟涓庤繍钀� hz-220105 */
.hz-220105-box-text span { color: #e60012; }
.hz-220105-change-picture { background-size: cover; }
.hz-220105-p1img1 img { display: block; width: 100%; }
.hz-220105-p1img1 { margin-top: 40px; }
.hz-220105-ns-w3 span { color: #e60012; }
.hz-220105-p { line-height: 1.7; margin-bottom: 40px; }
.hz-220105-p span { color: #e60012; }
.hz-220105-tit1 { font-weight: bold; font-size: 22px !important; margin-bottom: 10px; }
.ns-wrap-list.hz-220105-li-efefef li { background: #fff !important; }
.hz-220105-ns-security-set { display: flex; margin-left: -1px; margin-right: -1px; margin-bottom: -2px; margin-top: 50px; }
.hz-220105-ns-security-set li { padding: 20px 20px; margin: 0 1px 2px; background: #707070; width: calc(33.33% - 2px); cursor: pointer; position: relative; }
.hz-220105-ns-security-set li.active { background: #efefef; }
.hz-220105-ns-security-set li.active h2 { color: #e60012; }
.hz-220105-ns-security-set li.active h2::after { background: url('https://www.h3c.com/cn/tres/NewWebUI/2020/images/products/tab-arrow-red.png') no-repeat; background-size: cover; }
.hz-220105-ns-security-set li::after { content: ""; width: 55px; height: 55px; position: absolute; top: 10px; left: 20px; display: none; }
.hz-220105-ns-security-set li h2 { color: #fff; font-size: 18px; position: relative; font-weight: normal; }
.hz-220105-ns-security-set li h2::after { content: ""; width: 15px; height: 8px; background: url('https://www.h3c.com/cn/tres/NewWebUI/2020/images/products/tab-arrow-white.png') no-repeat; background-size: cover; position: absolute; top: 50%; right: 0; transform: translateY(-50%); }
.hz-220105-ns-security-set-details { display: none; flex-wrap: wrap; background: #efefef; padding: 0 20px 30px; }
.hz-220105-ns-security-set-details.active { display: flex; }
.hz-220105-ns-security-set-details h2 { width: 100%; margin-top: 30px; font-size: 16px; font-weight: bold; }
.hz-220105-ns-security-set-details p { width: 33.333%; font-size: 16px; margin-top: 30px; color: #595757; }
.hz-220105-bg2 { background-size: cover; }
.hz-220105-ns-w3 img { width: 140px; }
@media (max-width:768px) {
    .hz-220105-box-text p { font-size: 3.2vw !important; }
    .hz-220105-h3 { font-size: 4.8vw !important; }
    .hz-220105-ns-container1 h3 { font-size: 4vw !important; }
    .hz-220105-ns-container1 li { font-size: 4vw !important; }
    .hz-220105-ns-container1 ul { top: 100% !important; }
    .hz-220105-h4 { font-size: 4vw !important; }
    .hz-220105-ns-w3 p { font-size: 3.2vw !important; }
    .hz-220105-click1 { width: 100%; text-align: center; color: #999999; font-size: 3.2vw; }
    .hz-220105-p1img1 { margin-top: 0px; }
    .hz-220105-ns-w3 img { width: 80px !important; height: 80px !important; margin-right: 21px !important; margin-top: 2%; }
    .hz-220105-ns-security-set { flex-wrap: wrap; }
    .hz-220105-ns-security-set li { padding: 50px 10px 10px; width: calc(50% - 2px); }
    .hz-220105-ns-security-set li::after { width: 30px; height: 30px; left: 10px; }
    .hz-220105-ns-security-set li h2 { font-size: 12px; }
    .hz-220105-ns-security-set-details { padding: 0 10px 20px; }
    .hz-220105-ns-security-set-details.active { display: flex; width: 100%; }
    .hz-220105-ns-security-set-details h2 { margin-top: 15px; font-size: 12px; }
    .hz-220105-ns-security-set-details p { width: 50%; font-size: 12px; margin-top: 10px; }
    .hz-220105-p { margin-bottom: 15px; }
    .hz-220105-p1img1 { margin-bottom: 15px; }
    .hz-220105-ns-security-set { margin-top: 20px; }
    .hz-220105-32p { font-size: 3.2vw !important; }
    .big-pic { width: 800px; padding: 30% 0; display: none; background-color: #f2f2f2; }
    .big-img { width: 800px; margin: 0 auto; }
    .big-img  img { width: 100%; }
}

/* 2022-02-17 */
@media (max-width:768px) {
    .no-mb-show { display: none !important; }
    .mb0 { margin-bottom: 0 !important; }
    .PorductMaintanInfo_searchLine { display: none; }
    #PorductMaintanInfo.threeDiv .addBox { display: none; }
    #PorductMaintanInfo.threeDiv .addBox.mb-list-wrap { display: block; }
}
/* 404 */
.hz-0127-contop { padding: 90px 0 60px; }
.hz-0127-btnbox a:hover { color: #fff; }
.hz-0127-list-head a:hover { color: #e60012; }
.hz-0127-btn1:hover img { transform: translateX(5px); }
.hz-0127-btn2:hover img { transform: translateX(5px); }
.hz-0127-jtr { display: none; }
.hz-0127-listbox li:hover .hz-0127-jth { display: none; }
.hz-0127-listbox li:hover .hz-0127-jthr { display: inline-block; }
.hz-0127-container { width: 1200px; margin: 0 auto }
.hz-0127-container img { display: block; width: 100%; border: none; }
.title { width: 100%; margin: 0 auto; position: relative; padding-top: 40px; padding-bottom: 20px; margin-bottom: 40px; }
.title img { width: 100%; }
.hz-0127-logo { width: 96px; }
.hz-0127-header { border-bottom: 1px solid #ebebeb; padding: 20px 0; }
.hz-0127-404 { width: 42.3%; margin: 4.4% auto 0; }
.hz-0127-tit { margin-top: -18%; position: relative; }
.hz-0127-tit p { font-size: 22px; font-weight: bold; color: #333333; text-align: center; }
.hz-0127-tit div { font-size: 18px; margin-top: 1%; text-align: center; color: #333333; }
.hz-0127-fl { float: left; }
.hz-0127-fr { float: right; }
.hz-0127-btnbox { overflow: hidden; width: 27.7%; margin: 0 auto; position: relative; }
.hz-0127-btn { width: 45.2%; background-color: #e60012; text-align: center; padding: 5% 0; border-radius: 30px; line-height: 1; }
.hz-0127-btn a { color: #fff; font-size: 14px; line-height: 1; }
.hz-0127-btn a img { display: inline-block; width: 10px; vertical-align: middle; margin-left: 1%; margin-top: -2%; transition: 1s; }
.hz-0127-btnbigbox { margin-top: 3%; }
.hz-0127-404img { transform: translateX(4%); }
.hz-0127-cxw { text-align: center; font-size: 18px; color: #333333; margin-top: 3%; }
.hz-0127-ns-search-layer { width: 100%; padding: 1% 0; z-index: 3000; }
.hz-0127-ns-search-layer .hz-0127-ns-search-box { max-width: 1000px; margin: 0 auto; position: relative; padding-right: 160px; font-size: 16px; }
.hz-0127-ns-search-layer .hz-0127-ns-search-box .hz-0127-ns-search-keyword { margin-right: 160px; width: 100%; }
.hz-0127-ns-search-layer .hz-0127-ns-search-box .hz-0127-ns-search-keyword input { width: 100%; border-right: transparent; border: 0; outline: 0; height: 60px; line-height: 60px; padding: 0 20px 0 70px; border: 1px solid #000; border-right: 0; }
.hz-0127-ns-search-layer .hz-0127-ns-search-box .hz-0127-ns-search-submit { border: 0; outline: 0; width: 160px; color: #fff; background: #e60012; height: 60px; line-height: 60px; position: absolute; top: 0; right: 0; }
.hz-0127-list-head { overflow: hidden; width: 77.3%; margin: 4% auto 0; }
.hz-0127-list-head p { font-size: 18px; color: #000000; }
.hz-0127-list-head a { font-size: 14px; color: #e60012; width: 9%; }
.hz-0127-list-head a img { width: 16px; vertical-align: middle; display: inline-block; margin-left: 13%; margin-top: -4%; }
.hz-0127-listbox { overflow: hidden; width: 77.3%; margin: 2% auto 0; border-bottom: 1px solid #cccccc; padding-bottom: 1.8%; }
.hz-0127-listbox li { float: left; font-size: 14px; margin-left: 2%; }
.hz-0127-listbox li a { color: #333; }
.hz-0127-listbox li img { width: 5px; vertical-align: middle; }
.hz-0127-listbox li .hz-0127-jth { display: inline-block; }
.hz-0127-listbox li .hz-0127-jthr { display: none; }
.hz-0127-listbox li:nth-child(1) { margin-left: 0; }
.hz-0127-list-head2 { margin-top: 1.8%; }
.hz-0127-listbox2 { border-bottom: none; }
.hz-0127-bottom { width: 100%; height: 60px; background-color: #4d4d4d; text-align: center; font-size: 12px; line-height: 60px; color: #e5e5e5; position: fixed; left: 0; bottom: 0; }
.hz-0127-bottom img { vertical-align: middle; display: inline-block; padding-left: 1%; padding-right: 0.5%; width: auto; }
.hz-0127-show-pc { display: block; }
.hz-0127-show-phone { display: none; }
input[type=button],
input[type=submit],
input[type=file],
button { cursor: pointer; -webkit-appearance: none; }
.hz-0127-listbox li a:hover { color: #e60012; }
@media(max-width:1366px) {
    .hz-0127-404 { width: 40.3%; margin: 4.4% auto 0; }
    .hz-0127-btnbigbox { margin-top: 4%; }
    .hz-0127-cxw { margin-top: 4%; }
    .hz-0127-list-head { margin: 4% auto 0; }
}
@media(max-width:1200px) {
    .hz-0127-container { width: 960px; }
    .hz-0127-list-head a { width: 10%; }
    .hz-0127-list-head a img { width: 12px; margin-left: 7%; }
}
@media(max-width:960px) {
    .hz-0127-container { width: 750px; }
    .hz-0127-list-head a { width: 13%; }
    .hz-0127-listbox li { margin-left: 0.6%; }
}
@media(max-width:750px) {
    .hz-0127-show-pc { display: none; }
    .hz-0127-show-phone { display: block; }
    .hz-0127-container { width: 92.3%; margin: 0 auto; }
    .hz-0127-btnbigbox { margin-top: 9%; }
    .hz-0127-list-head { margin: 1% auto 0; }
    .hz-0127-header { padding: 2% 0; }
    .hz-0127-404 { width: 85.2%; margin: 9% auto 0; }
    .hz-0127-tit p { font-size: 4.2vw; }
    .hz-0127-tit div { font-size: 3.46vw; }
    .hz-0127-tit { margin-top: -34%; }
    .hz-0127-btnbox { width: 75%; }
    .hz-0127-btn a { font-size: 3.2vw; }
    .hz-0127-cxw { width: 75%; font-size: 3.2vw; margin: 9% auto 2%; }
    .hz-0127-ns-search-layer .hz-0127-ns-search-box { max-width: 100%; padding-right: 24%; font-size: 3.2vw; }
    .hz-0127-ns-search-layer .hz-0127-ns-search-box .hz-0127-ns-search-submit { width: 25.3%; height: 99%; line-height: unset; border-radius: unset; font-size: 3.4vw; }
    .hz-0127-ns-search-layer .hz-0127-ns-search-box .hz-0127-ns-search-keyword::before { background-size: 5vw; width: 5vw; height: 5vw; }
    .hz-0127-ns-search-layer .hz-0127-ns-search-box .hz-0127-ns-search-keyword input { height: 11vw; padding: 0 4% 0 17%; line-height: 2em; }
    .hz-0127-list-head { width: 100%; }
    .hz-0127-list-head a { width: 22%; font-size: 3.2vw; }
    .hz-0127-list-head p { font-size: 3.73vw; }
    .hz-0127-listbox { width: 100%; border-bottom: 1.5px solid #cccccc; padding-bottom: 1.8%; }
    .hz-0127-listbox2 { border-bottom: none; }
    .hz-0127-listbox li { margin-left: 6%; font-size: 3.2vw; }
    .hz-0127-listboxm { margin-top: 0; }
    .hz-0127-listbox li img { margin-left: 1vw; }
    .hz-0127-bottom { padding: 2.5% 0; height: auto; line-height: 1.75em; font-size: 3vw; }
    .hz-0127-bottom span { display: block; }
    .hz-0127-404img { transform: translateX(5%); }
    .hz-0127-list-head { margin: 6% auto 0; }
    .hz-0127-list-head2 { margin-top: 6%; }
    .hz-0127-contop { padding: 0% 0 8%; }
}
/* 20220225棣栭〉banner淇敼 */
.hz-202202025-bannertxt{
    width: 37%;
    margin-top: 3.8%;
    margin-left: 11.6%;
}
.hz-202202025-bannertxt img{
    display: block;
    width: 100%;
}

.hz-20220225-txt{
    margin-left: 13.5%;
    margin-top: 0%;
    font-size: 22px;
    color: #51f3fc;
}
.hz-20220225-txt1{
    margin-top: 1.7%;
}
.hz-20220225-btn{
    margin-left: 13.5%;
    margin-top: 2.8%;
}
.hz-20220225-btn .SYHome_ico::before{
    display: none;
}
.hz-20220225-btn .SYHome_ico{
    padding-right: 0;
}
@media(max-width:1500px) {
    .hz-20220225-txt{
        font-size: 22px;
        margin-left: 10%;
    }
    .hz-202202025-bannertxt {
        width: 37%;
        margin-left: 8%;
        margin-top: 4%;
    }
    .hz-20220225-btn{
        margin-left: 10%;
        margin-top: 2.8%;
    }
}
@media(max-width:758px) {
  .hz-20220225-xg {
    position: absolute;
    left: 0;
    bottom: 7%;
    margin-left: 0% !important;
    text-align: center;
    margin-top: 0 !important;
    }
    .hz-20220225-btn{
        margin-left: 0 !important;
        font-size: 2.8vw;
        padding: 5px 28px !important;
    }
    .hz-220225-banner-txt-w{
        width: 76%;
        margin: 0 auto;
    }
    .hz-220225-banner-txt-w img{
        width: 100%;
        display: block;
    }
    .hz-20220225-wrap{
        width: 100%;
        height: 100%;
    }
}

/* 0325鏂板banner */
.hz-0325-txt{
    width: 24.4%;
    margin-left: 3%;
    margin-top: 5%;
}
.hz-0325-txt img{
    display: block;
    width: 100%;
}
.hz-0325-hz-home{
    margin-left: 3.5% !important;
}
.hz-20220325-h3cbox .more_red{
    line-height: 40px;
    opacity: 1;
    border-radius: 30px;

}
@media(max-width:1500px) {
    .hz-0325-hz-home{
        margin-left: 0 !important;
    }
   
}
@media(max-width:758px) {
   
    .hz-20220325-hz-home{
        transform: translateY(40%) !important;
    }
    .hz-20220325-hz-home a {
        margin-left: 0 !important;
        font-size: 2.8vw;
        padding: 5px 17px !important;
    }
    .hz-20220325-xg{
        width: 100%;
        bottom: 14%;
    }
    .hz-20220325-hz-home .SYHome_ico{
        padding-right: 20px;
    }
    .hz-0325-txt{
        width:62.8%;
        position: absolute;
        left: 50%;
        margin-left: -31.4%;
        top: 6%;
        margin-top: 0;
    }
    .hz-20220325-btnbox{
        margin-left: 0 !important;
    }
    .hz-20220325-h3cbox .more_red {
        line-height: 22px;
        opacity: 1;
        border-radius: 30px;
    }
}


/* 0325鏄庢槦椤垫柊澧瀊anner */
.hz-20220325-wrap{
    width: 100%;
}
.hz-0325-startbanner{
    background-image:url(https://www.h3c.com/cn/tres/NewWebUI/2020/images/hz-0325-startbanner.png)!important;
}
.hz-0325-startbanner-txt{
    width: 28.4%;
    margin-top: 5.7%;
    margin-left: 2%;
}
.hz-0325-startbanner-txt img{
    display: block;
    width: 100%;

}
.hz-20220325-btnbox{
    margin-left: 3.2%;
    margin-top: 2%;
}
@media(min-width:2000px) {
   
    .hz-0325-startbanner-txt{
        
        margin-top: 0%;
        
    }
}
@media(max-width:768px) {
    .hz-0325-startbanner{
        background-image:url(https://www.h3c.com/cn/tres/NewWebUI/2020/images/hz-0325-startbanner-w.png) !important;
    }
    .hz-0325-startbanner-txt{
        
        width: 32.4%;
        margin-top: 13.7%;
        margin-left: 3%;
    }
    .hz-20220325-starbtnbox {
        margin-left: 4% !important;
        margin-top: 12%;
    }
}

/* 0325浜戝睆椤垫柊澧瀊anner */
.hz-20220325-wrap{
    width: 100%;
}
.hz-0325-cloudbanner{
    background-image:url(https://www.h3c.com/cn/tres/NewWebUI/2020/images/hz-0325-cloudbanner.png)!important;
}
.hz-0325-cloudbanner-txt{
    width: 28.4%;
    margin-top: 5.7%;
    margin-left: 2%;
}
.hz-0325-cloudbanner-txt img{
    display: block;
    width: 100%;

}
.hz-20220325-cloudbtnbox{
    margin-left:2% ;
    margin-top: 7%;
}
@media(min-width:2000px) {
   
    .hz-0325-cloudbanner-txt{
        
        margin-top: 0%;
        
    }
}
@media(max-width:768px) {
    .hz-0325-cloudbanner{
        background-image:url(https://www.h3c.com/cn/tres/NewWebUI/2020/images/hz-0325-cloudbanner-w.png) !important;
    }
    .hz-0325-cloudbanner-txt{
        
        width: 32.4%;
        margin-top: 13.7%;
        margin-left: 3%;
    }
    .hz-20220325-cloudbtnbox {
        margin-left: 4% !important;
        margin-top: 12%;
    }
}


/* 0407banner */
.hz-0407-txt img{
    display: block;
    width: 100%;
}
.hz-0407-txt{
    width: 20.9%;
    margin-left: 16%;
    margin-top: 5.6%;
}
.hz-0407-txt1 img{
    display: block;
    width: 100%;
}
.hz-0407-txt1{
    width: 23.9%;
    position: absolute;
    left: 19.7%;
    top: 13%;
}
.hz-0407-txt2 img{
    display: block;
    width: 100%;
}
.hz-0407-txt2{
    width: 20.9%;
    position: absolute;
    left: 20.7%;
    top: 32.6%;
}
.hz-0407-btnbox {
    width: 22.4%;
    position: absolute;
    left: 20.2%;
    top: 105%;
    text-align: center;
}
.hz-0407-btnbox .more_red{
    line-height: 40px;
    opacity: 1;
    border-radius: 30px;
    transform: translate(0,0px);
}
.hz-0407-btnbox .more_red:hover {
    background: #a70512;
    border-color: #a70512;
}
.hz-0407-txt3{
    width: 19.7%;
    position: absolute;
    left: 2%;
    bottom: 7%;
}
.hz-0407-txt3 img{
    display: block;
    width: 100%;
}
@media(max-width:768px) {
   .hz-0407-txt{
    width: 58.8%;
    position: absolute;
    left: 50%;
    margin-left: -29.4%;
    top: 3%;
    margin-top: 0;
   }
   .hz-20220407-xg{ 
     top: 35%;
   }
   .hz-20220407-xg .hz_0812_bannerbtn{
           margin-right: 0px;
   }
   .hz-0407-txt3{
        width: 50.8%;
        position: absolute;
        left: 4.5%;
        bottom: 7%;
   }
}
/* 220426棣栭〉banner鏂囧瓧鍐呭淇敼 */
.hz-220426-txt{
  
    margin-left: 15.8%;
  

}
.hz-220426-btnbox.hz-0414 {
    left: 21.2%;
    top: 106%;
}
@media (max-width: 2000px){
    .hz-220426-txt {
        margin-top: 7%;
    }
    
}
@media (max-width: 768px){
    .hz-220426-txt {
        position: absolute;
        margin-left: 0;
        margin-top: 0;
        left: 9.7%;
        top: 7.3%;
        width: 59.4%;
    }
    .hz-220426-btnbox.hz-0414 {
        left: 21.2%;
        top: -9%;
    }
}
/* 20220428鏄庢槦浜у搧椤典慨鏀� */
.hz-0428-startbanner-txt {
    width: 40.4%;
    margin-top: 0%;
    margin-left: 13%;
}
.hz-0428-startbanner-txt img{
    width: 100%;
}
.hz-20220428-btnbox {
    margin-left: 13.56%;
    margin-top: 4%;
}
@media (max-width: 768px){
    .hz-0428-startbanner-txt {
        width: 48.4%;
        margin-top: 9%;
        margin-left: 13%;
    }
    .hz-20220428-btnbox {
        margin-left: 14% !important;
        margin-top: 5%;
    }
}
/* 鏄庢槦浜у搧椤� */
.hz-0429-jg{
    color: #e60012;
    font-size: 20px;
    font-weight: bold;
  
   
  margin-left: 13.5%;
    margin-top: 1%;
}
.hz-0429-jg span{
    font-size: 32px;
    font-weight: bold;
}
@media (max-width: 768px){
    .hz-0429-jg{
        color: #e60012;
        font-size: 12px;
        font-weight: bold;
      
       
      margin-left: 13.5%;
        margin-top: 1%;
    }
    .hz-0429-jg span{
        font-size: 18px;
    }
}

.hz_220610_fluid .ns-page-summary .ns-summary-box-text {
    width:77%;
}
.hz_220610_fluid .ns-page-summary h3 {
    width:100%;
}
@media (max-width: 768px){
    .hz_220610_fluid .ns-page-summary .ns-summary-box-text {
        width:100%;
    }
}

.hz-220426-txt{
    width:35%;
    margin-top:8%;
}
 .hz-220426-txt>img{
        width:100%;
     }
@media (max-width: 768px){
    .hz-220426-txt{
        width:59.4%;
        left:3.7%;
        top:1.3%;
        margin-top:8%;
    }
     .hz-220426-txt>img{
        width:100%;
     }
     .home-content.hz-20211222-xg{
        left:0;
        text-align:left;
        margin-left:6% !important;
     }
     .hz-20220407-xg{
        top:31%;
     }
}


/* FAQ 0721鏂板 */
.hz-220721-faqBox{
    width: 1200px;
    margin: 36px auto 0;
    position: relative;
}
.hz-220721-swiper-container{
    margin-left: auto;
    margin-right: auto;
    position: relative;
    overflow: hidden;
    z-index: 1;
    border-top: 1px solid #dddddd;
    background: #f7f8fa;
    margin-top: 25px;
}

.hz-220721-faqBox h3{
    font-size: 22px;
}
.hz-0721-slideBox{
    overflow: hidden;
    padding-bottom: 30px;
    padding-top: 30px;
}
.hz-0721-slideUl{
    width: 33.333%;
    float: left;
}
.hz-0721-slideUl:nth-child(1) li{
    padding-left: 30px;
}
.hz-0721-slideUl:nth-child(3n-1){
    border-left:1px #cccccc dashed ;
    border-right:1px #cccccc dashed ;
}
.hz-0721-slideUl li{
    overflow: hidden;
    margin-top: 20px;
    padding-left: 47px;
    cursor: pointer;
}
.hz-0721-slideUl li:nth-child(1){
    margin-top: 0px;
}
.hz-0721-slideUl li:hover .hz-0721-slideIcoW{
    color: #e60012;
}
.hz-0721-slideIco{
    width: 6px;
    float: left;
    margin-right: 10px;
    margin-top: 2px;
}
.hz-0721-slideIco img{
    width: 100%;
    display: inline-block;
}
.hz-0721-slideIcoW{
    width: 90%;
    float: left;
    font-size: 18px;
}
.hz-220721-swiper-container-btnBox{
    width: 44px;
    overflow: hidden;
    position: absolute;
    right: 0;
    top: 0;
}
.hz-220721-swiper-btnle{
    width: 22px;
    float: left;
    cursor: pointer;
}
.hz-220721-swiper-btnri{
    width: 22px;
    float: left;
    cursor: pointer;
}
.hz-220721-swiper-btnle img{
    display: inline-block;
    width: 100%;
}
.hz-220721-swiper-btnri img{
    display: inline-block;
    width: 100%;
}
/*寮圭獥*/
.hz-220722-tc {
    width:100%;
    height: 100%;
    position: fixed;
    top:0;
    left: 0;
    z-index: 99999;
    background-color: rgba(0, 0, 0, 0.8);
    display: none;
}
.hz-220722-tc img {
    width:100%;
}

.hz-220722-tc span img{
    width:auto;
}
.hz-220722-tc .Figure span{
    display:block;
    overflow-x:auto; 
}
.hz-220722-tc-con {
    width:1200px;
    position: absolute;
    top:50%;
    left:0;
    right:0;
    margin:0 auto;
    transform: translateY(-50%);
}
.hz-220722-tc-titBox {
    width:100%;
    background-color: #f2f2f2;
    padding:1% 2.6%;
    box-sizing: border-box;
    position: relative;
}
.hz-220722-tc-titBox span {
    font-size: 20px;
    color:#333;
    line-height: 1.2em;
}
.hz-220722-tc-titBox img {
    width:1.3%;
    position: absolute;
    top:50%;
    right: 2.6%;
    transform: translateY(-50%);
    cursor: pointer;
}
.hz-220722-tc-innerBox {
    width:100%;
    height: 69vh;
    max-height: 69vh;
    background-color: #fff;
    box-sizing: border-box;
    padding: 2% 14%;
    overflow: auto;
}
.hz-220722-tc-innerBox::-webkit-scrollbar {
    width: 10px;
    background-color: #e5e5e5;
}
.hz-220722-tc-innerBox::-webkit-scrollbar-thumb {
    border-radius: 10px;
    background-color: #b2b2b2;
    border:1px solid #e5e5e5;
}
.hz-220722-tc-innerTit1 {
    font-size: 18px;
    color:#800000;
    margin-bottom: 2%;
}
.hz-220722-tc-txtBox {
    width:100%;
    box-sizing: border-box;
    padding-left: 6%;
}
.hz-220722-tc-txt1 {
    font-size: 16px;
    color:#333;
    line-height: 1.7em;
    margin-bottom: 1%;
}
.hz-220722-tc-txt1.hz-220722-tc-red {
    color:#800000;
}
.hz-220722-tc-img {
    width:100%;
    margin: 2% auto;
}
.hz-220722-tc-txt2 {
    overflow: hidden;
}
.hz-220722-tc-txt2 span {
    display: block;
    float: left;
}
.hz-220722-tc-txt2 p {
    width:95%;
    float: right;
}
.hz-220722-tc-txt2 img {
    width:4%;
    float: left;
    margin-top: 0.5%;
}
.hz-220722-tc-line1 {
    width:100%;
    height: 1px;
    background-color: #000;
    margin:2% auto;
}
.hz-220722-tc-txt1 a {
    color:#0000ff;
    text-decoration: underline;
}
.hz-220722-tc-txt2 .hz-0721-wztp{
    width: 4%;
    float: none;
    margin-top: 0;
}

@media (max-width: 1200px){
    .hz-220721-faqBox {
        width: 970px;

    }
    .hz-220722-tc-con {
        width:960px;
    }
    .hz-220722-tc-innerBox {
        padding:2% 15%;
    }
}
@media (max-width: 960px){
    .hz-220721-faqBox {
        width: 92%;
        margin: 7vw auto 0;
    }
    .hz-220721-swiper-container {
        width: 92%;
    }
    .hz-0721-slideUl {
        width: 100%;
        float: none;
    }
    .hz-0721-slideUl:nth-child(3n-1) {
        border-left: none;
        border-right: none;
    }

    .hz-0721-slideUl:nth-child(1) li {
        padding-left: 5.8%;
    }
    .hz-0721-slideUl li {
        padding-left: 5.8%;
    }
    .hz-220721-swiper-container .swiper-slide{
        padding-bottom: 0;
    }
    .hz-0721-slideUl li {
        overflow: hidden;
        margin-top: 5%;
    
    }
    .hz-0721-slideUl li:nth-child(1) {
        margin-top: 5%;
    }
    .hz-0721-slideBox .hz-0721-slideUl:nth-child(1) li:nth-child(1){
        margin-top: 0;
    }
    .hz-0721-slideBox {
        
        padding-bottom: 6%;
        padding-top: 6%;
    }
    .hz-0721-slideIcoW{
        font-size: 3.2vw;
    }
    .hz-220721-faqBox h3 {
        font-size: 4.5vw;
    }
    .hz-0721-swiper-pagination{
        text-align: center;
        margin-bottom: -1%;
        text-align: center;
    
        width: 92%;
        margin: 1% auto -7%;
    }
    .hz-220722-tc-con {
        width:92%;
    }
    .hz-220722-tc-titBox {
        padding:2.7% 4.6%;
    }
    .hz-220722-tc-titBox span {
        font-size: 3.47vw;
    }
    .hz-220722-tc-titBox img {
        width:3%;
        right: 4%;
    }
    .hz-220722-tc-innerBox {
        padding:2% 5%;
        height: 82vh;
        max-height: 82vh;
    }
    .hz-220722-tc-innerTit1 {
        font-size: 3.2vw;
    }
    .hz-220722-tc-txt1 {
        font-size: 3.2vw;
    }
    .hz-220722-tc-innerBox::-webkit-scrollbar {
        width: 5px;
        background-color: #e5e5e5;
    }
    .hz-220722-tc-txt2 p {
        width:92%;
    }
    .hz-220722-tc-txt2 img {
        width:7%;
    }
    .hz-0721-slideIco {
        width: 2%;
        float: left;
        margin-right: 3%;
        margin-top: -0.5%;
    }
}



/*鐧诲綍椤甸潰寮圭獥*/
.hz_220802_popup {
    width:100%;
    height: 100%;
    position: fixed;
    top:0;
    left:0;
    background-color: rgba(0, 0, 0, 0.8);
    z-index: 11111;
    display: none;
}
.hz_220802_popup img {
    width:100%;
}
.hz_220802_popup_con {
    width:957px;
    /*height: 68vh;*/
    position: absolute;
    top:50%;
    left:0;
    right:0;
    margin:0 auto;
    transform: translateY(-50%);
    background-color: #f2f2f2;
    border-radius: 15px;
}
.hz_220802_popup_close {
    width:1.7%;
    position: absolute;
    top:2.8%;
    right: 3%;
    cursor: pointer;
}
.hz_220802_popup_show1 {
    display: block;
}
.hz_220802_popup_show2 {
    display: none;
}
.hz_220802_popup_close:hover .hz_220802_popup_show1 {
    display: none;
}
.hz_220802_popup_close:hover .hz_220802_popup_show2 {
    display: block;
}
.hz_220802_popup_box {
    width:93.8%;
    /*height: 79%;*/
    border:1px solid #d9d9d9;
    border-radius: 10px;
    background-color: #fff;
    margin:5.5% auto 9%;
    box-sizing: border-box;
    padding: 0 5.5% 4%;
}
.hz_220802_popup_name {
    width:100%;
    font-size: 30px;
    color:#333;
    margin:4.5% auto;
    position: relative;
    text-align: center;
}
.hz_220802_popup_name:after {
    content:'';
    width:6.9%;
    height:3px;
    position: absolute;
    bottom:-40%;
    left:0;
    right:0;
    margin:0 auto;
    background-color: #e60012;
}
.hz_220802_popup_txt {
    width:100%;
    text-align: center;
}
.hz_220802_popup_txt p {
    font-size: 18px;
    line-height: 1.94;
    margin-bottom: 0;
}
.hz_220802_popup_line {
    width:100%;
    height: 1px;
    background-color: #d9d9d9;
    margin:4% auto;
}
.hz_220802_popup_tit {
    width:100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.hz_220802_popup_ic {
    width:3%;
    margin-left: 1%;
    margin-right: 1%;
}
.hz_220802_popup_tit p {
    font-size: 20px;
    color:#333333;
    margin-bottom: 0;
}
.hz_220802_popup_red {
    color:#e60012;
}
.hz_220802_popup_tList {
    width:100%;
    margin-top: 1%;
    margin-bottom: 2%;
}
.hz_220802_popup_tList>li {
    width:100%;
    overflow: hidden;
    margin-bottom: 1%;
}
.hz_220802_popup_tList>li img {
    width:1.1%;
    float: left;
    margin-left: 2%;
    margin-top: 1.3%;
}
.hz_220802_popup_tList>li p {
    width:95%;
    font-size: 16px;
    color:#333333;
    float: left;
    margin-left: 1%;
    line-height: 1.87;
    margin-bottom: 0;
}
.hz_220802_popup_btn {
    width:100%;
    position: absolute;
    top:91%;
    left:0;
    text-align: center;
}
.hz_220802_popup_btn span {
    font-size: 18px;
    color:#fff;
    background-color: #e60012;
    padding:5px 20px 7px;
    border-radius: 50px;
    cursor: pointer;
}
.hz_220802_popup_btn span:hover {
    background-color: #c80012;
}
@media (max-width: 1440px) {
    .hz_220802_popup_con {
        width:768px;
    }
    .hz_220802_popup_name {
        font-size: 24px;
    }
    .hz_220802_popup_txt p {
        font-size: 14px;
    }
    .hz_220802_popup_tit p {
        font-size: 16px;
    }
    .hz_220802_popup_tList>li p {
        font-size: 12px;
    }
    .hz_220802_popup_btn span {
        font-size: 14px;
    }
}
@media (max-width: 768px) {
    .hz_220802_popup_con {
        width:96%;
    }
    .hz_220802_popup_close {
        width:3%;
        top:2.3%;
        right: 3.6%;
    }
    .hz_220802_popup_close:hover .hz_220802_popup_show1 {
        display: block;
    }
    .hz_220802_popup_close:hover .hz_220802_popup_show2 {
        display: none;
    }
    .hz_220802_popup_box {
        width:95.3%;
        height: 79%;
        padding:0 4% 6%;
        margin:8.5% auto 16%;
    }
    .hz_220802_popup_name {
        font-size: 5.07vw;
        margin:7% auto;
    }
    .hz_220802_popup_name:after {
        width:10%;
        height: 2px;
    }
    .hz_220802_popup_txt p {
        font-size: 2.93vw;
        line-height: 1.6;
        margin-top: 2%;
    }
    .hz_220802_popup_line {
        margin:5% auto;
    }
    .hz_220802_popup_tit {
        align-items: flex-start;
    }
    .hz_220802_popup_ic {
        width:4.0%;
        margin-top: -0.5%;
        margin-right: 1.5%;
    }
    .hz_220802_popup_tit p {
        font-size: 3.2vw;
        width: 93%;
    }
    .hz_220802_popup_tit2.hz_220802_popup_tit p {
        font-size: 2.93vw;
    }
    .hz_220802_popup_tList>li img {
        width:2%;
        margin-top: 1.8%;
    }
    .hz_220802_popup_tList>li p {
        font-size: 2.67vw;
        word-wrap: break-word;
        white-space: normal;
        word-break: break-all;
    }
    .hz_220802_popup_btn span {
        font-size: 3.2vw;
    }
    .hz_220802_popup_btn {
        top:91%;
    }
}


/*20220901-鏋舵瀯鍜ㄨ*/
.hz_220901_gs_box {
    width:100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
}
.hz_220901_gs_left {
    width:40.3%;
}
.hz_220901_gs_img {
    width:50.8%;
}
.hz_220901_gs_img img {
    width:100%;
}
.hz_220901_gs_left>p {
    font-size: 16px;
    line-height: 1.9;
    color:#333333;
    margin:5% 0 6%;
}
.hz_220901_ys_list {
    width:100%;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    position: relative;
    margin-top: 1%;
}
.ns-advantage-wrap .ns-advantage-text ul.hz_220901_ys_list {
    margin-bottom: 0;
}
.hz_220901_ys_list img {
    width:100%;
}
.hz_220901_ys_list>li {
    width:23.3%;
    /*display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;*/
}
.ns-advantage-wrap .ns-advantage-text .hz_220901_ys_list>li {
    width:23.3%;
    padding:0;
}
.ns-advantage-wrap .ns-advantage-text .hz_220901_ys_list>li:last-child {
    margin-bottom: 0;
}
.hz_220901_ys_con {
    width:100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    padding:7.6% 0;
    cursor: pointer;
    border:1px solid #d9d9d9;
    background-color: #ebebeb;
}
.hz_220901_ys_ic {
    width:13.6%;
    margin-left: 9.5%;
    margin-right: 4.8%;
}
.hz_220901_ys_ic>img {
    display: block;
}
.hz_220901_ys_show1 {
    display: block;
}
.hz_220901_ys_show2 {
    display: none;
}
.hz_220901_ys_list>li span {
    font-size: 20px;
    color:#333333;
}
.hz_220901_ys_down {
    display: none;
}
.hz_220901_ys_list>li.active .hz_220901_ys_con {
    border:1px solid #e60012;
    background-color: #e60012;
}
.hz_220901_ys_list>li.active .hz_220901_ys_show1 {
    display: none;
}
.hz_220901_ys_list>li.active .hz_220901_ys_show2 {
    display: block;
}
/*.hz_220901_ys_list>li.active .hz_220901_ys_ic>img {
    -webkit-filter: grayscale(100%) brightness(200%);
    -moz-filter: grayscale(100%) brightness(200%);
    -ms-filter: grayscale(100%) brightness(200%);
    -o-filter: grayscale(100%) brightness(200%);
    filter: grayscale(100%) brightness(200%);
}*/
.hz_220901_ys_list>li.active span {
    color:#ffffff;
}
.hz_220901_ys_box {
    width:75%;
    height: 100%;
    position: absolute;
    top:0;
    right:0;
    background-color: #fafafa;
    box-shadow: 0 0 10px 0 #d9d9d9;
    display: none;
}
.hz_220901_ys_list>li.active .hz_220901_ys_box {
    display: block;
}
.hz_220901_ys_img {
    width:20.2%;
    position: absolute;
    bottom:0;
    right:0;
}
.hz_220901_ys_img img {
    display: block;
}
.hz_220901_ys_tbox {
    width:100%;
    position: absolute;
    top:50%;
    left:0;
    transform: translateY(-50%);
}
.hz_220901_ys_tit {
    width:100%;
    text-align: center;
    font-size: 18px;
    color:#e60012;
    line-height: 1.4;
}
.hz_220901_ys_line {
    width:90.9%;
    margin:2.5% auto 2%;
    border-bottom:1px dashed #d9d9d9;
}
.hz_220901_ys_tList {
    width:95.7%;
    margin-left: 4.3%;
}
.ns-advantage-wrap .ns-advantage-text .hz_220901_ys_tList {
    margin-bottom: 0;
}
.ns-advantage-wrap .ns-advantage-text .hz_220901_ys_tList>li {
    width:49.6%;
    float: left;
    margin-left: 0.8%;
    overflow: hidden;
    margin-bottom: 0;
    line-height: 3;
    padding:0;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
}
.ns-advantage-wrap .ns-advantage-text .hz_220901_ys_tList>li:nth-child(2n-1) {
    margin-left: 0;
}
.hz_220901_ys_d {
    width:6px;
    /*float:left;*/
    /*margin-top: 6%;*/
    margin-right: 10px;
}
.hz_220901_ys_d img {
    width:100%;
    display: block;
}
.hz_220901_ys_txt {
    font-size: 18px;
    /*float: left;*/
    width:94%;
    letter-spacing: -0.2px;
}
.ns-advantage-wrap .ns-advantage-text .hz_220901_ys_tList.hz_220901_ys_tList2>li {
    width:25%;
    margin-left: 0;
}
.hz_220901_ys_tList.hz_220901_ys_tList2>li .hz_220901_ys_txt {
    width:auto;
}

.hz_220901_fw_con {
    width:100%;
}
.hz_220901_fw_con img {
    width:100%;
}
.hz_220901_fw_list {
    width:100%;
    overflow: hidden;
}
.hz_220901_fw_list>li {
    width:16.66%;
    float:left;
    text-align: center;
    border:1px solid #d9d9d9;
    border-left: 1px solid transparent;
    background-color: #f7f7f7;
    font-size: 18px;
    color:#333333;
    padding:1% 0;
    cursor:pointer;
}
.hz_220901_fw_list>li:first-child {
    border-left: 1px solid #d9d9d9;
}
.hz_220901_fw_list>li.active {
    border:1px solid #e60012;
    background-color:#e60012;
    color:#fff;
}
.hz_220901_fw_box {
    width:100%;
    display: none;
    margin-bottom: 1%;
}
.hz_220901_fw_box.active {
    display: block;
}
.hz_220901_fw_txt {
    height: 61px;
    font-size: 18px;
    color:#333333;
    line-height: 1.7;
    margin:2% auto;
}
.hz_220901_fw_swiper1 {
    width:100%;
    overflow: hidden;
    padding-bottom: 3.5%;
    margin-bottom: -3.5%;
    position: relative;
}
.hz_220901_fw_ll {
    width:100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.hz_220901_fw_ll>li {
    width:31.6%;
    margin-left: 2.6%;
}
.hz_220901_fw_ll>li:first-child {
    margin-left: 0;
}
.hz_220901_fw_img {
    width:100%;
    position: relative;
    overflow: hidden;
}
.hz_220901_fw_img img {
    display: block;
    transform: scale(1);
    transition: 0.3s;
}
.hz_220901_fw_img:hover img {
    transform: scale(1.1);
}
.hz_220901_fw_t {
    width:100%;
    font-size: 22px;
    color:#ffffff;
    line-height: 1.5;
    text-align: center;
    position: absolute;
    bottom:10%;
    left:0;
}
.hz_220901_fw_pagination {
    position: absolute;
    text-align: center;
}
.hz_220901_fw_swiper1.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width:8px;
    height:8px;
    margin:0 4px;
}
.hz_220901_fw_next,.hz_220901_fw_prev {
    width:10px;
    position: absolute;
    bottom:9px;
    cursor: pointer;
}
.hz_220901_fw_next {
    right:46%;
}
.hz_220901_fw_prev {
    left:46%;
}
.hz_220901_fw_next:hover .hz_220901_ys_show1 {
    display: none;
}
.hz_220901_fw_next:hover .hz_220901_ys_show2 {
    display: block;
}
.hz_220901_fw_prev:hover .hz_220901_ys_show1 {
    display: none;
}
.hz_220901_fw_prev:hover .hz_220901_ys_show2 {
    display: block;
}

.ns-wrap-list.hz_220901_al_list>li .ns-software-text h3 {
    height: 72px;
    line-height: 1.4;
    color:#333333;
}

@media (max-width: 1440px) {
    .ns-advantage-wrap .ns-advantage-text .hz_220901_ys_list li img {
        width:100%;
    }
}
@media (max-width: 1200px) {
    .hz_220901_ys_list>li span {
        font-size: 16px;
    }
    .hz_220901_ys_tit {
        font-size: 14px;
    }
    .hz_220901_ys_txt {
        font-size: 14px;
    }
    .hz_220901_fw_list>li {
        font-size: 14px;
    }
}
@media (max-width: 770px) {
    .hz_220901_sm#secondMenu h3 {
        font-size: 4.8vw;
        padding-left: 2.4%;
    }
    .hz_220901_banner_box.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-banner-content-wrap {
        background-color: transparent;
    }
    .hz_220901_banner_box.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content {
        top:9.5%;
        transform: none;
    }
    .hz_220901_banner_box.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content h1 {
        font-size: 5.75vw;
        margin-bottom: 5%;
    }
    .hz_220901_banner_box.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content p {
        font-size: 3.2vw;
    }
    .hz_220901_banner_box a.ns-btn {
        font-size: 2.87vw;
    }
    .hz_220901_banner_box a.ns-btn i.ns-icon.ns-icon-video {
        width:20px;
        height:12px;
    }

    .hz_220901_gs_box {
        flex-direction: column;
    }
    .hz_220901_gs_left {
        width:95.3%;
    }
    .ns-page-summary .hz_220901_gs_box h3 {
        font-size: 4vw;
        margin-bottom: 2vw;
    }
    .hz_220901_gs_left>p {
        font-size: 2.93vw;
        margin:3vw auto;
    }
    .hz_220901_gs_left .ns-link {
        font-size: 2.93vw;
    }
    .hz_220901_gs_img {
        width:90%;
        margin-top: 4vw;
    }

    .hz_220901_fw_content .ns-advantage-wrap .ns-advantage-text h3 {
        font-size: 4.8vw;
        width:95.3%;
        margin:0 auto;
    }
    .ns-advantage-wrap .ns-advantage-text .hz_220901_ys_list>li {
        width:100%;
    }
    .hz_220901_ys_con {
        padding:3% 0;
        position: relative;
    }
    .hz_220901_ys_ic {
        width:5vw;
        margin-left: 5.5%;
        margin-right: 2%;
    }
    .ns-advantage-wrap .ns-advantage-text ul li .hz_220901_ys_ic img {
        height: auto;
    }
    .ns-advantage-wrap .ns-advantage-text .hz_220901_ys_list li img {
        height: auto;
    }
    .ns-advantage-wrap .ns-advantage-text .hz_220901_ys_list>li {
        flex-direction: column;
        font-size: 3.47vw;
    }
    .hz_220901_ys_box {
        width:100%;
        position: relative;
        height: auto;
        margin-top: 2vw;
    }
    .hz_220901_ys_img {
        width:25%;
    }
    .hz_220901_ys_tbox {
        /*position: static;
        transform: none;*/
        padding:0 4%;
        box-sizing: border-box;
    }
    .hz_220901_ys_tit {
        font-size: 3.2vw;
        text-align: justify;
    }
    .hz_220901_ys_line {
        width:100%;
    }
    .ns-advantage-wrap .ns-advantage-text .hz_220901_ys_tList {
        width:100%;
        margin-left: 0;
    }
    .ns-advantage-wrap .ns-advantage-text .hz_220901_ys_tList>li {
        width:100%;
        line-height: 2;
        float: none;
        margin-left: 0;
    }
    .hz_220901_ys_d {
        width:1.1vw;
        margin-right: 2vw;
    }
    .hz_220901_ys_txt {
        font-size: 3.2vw;
    }
    .ns-advantage-wrap .ns-advantage-text .hz_220901_ys_tList.hz_220901_ys_tList2>li {
        width:50%;
    }


    .hz_220901_ys_down {
        width:3%;
        display: block;
        position: absolute;
        top:50%;
        right:5.5%;
        transform: translateY(-50%);
    }
    .hz_220901_ys_down img {
        display: block;
    }


    .hz_220901_fw_tit.ns-column-title h2 {
        font-size: 4.8vw;
        width:95.2%;
        margin-left: 2.4%;
    }
    .hz_220901_ys_list>li span {
        font-size: 3.47vw;
    }

    .hz_220901_fw_box_w {
        width:100%;
        margin-bottom: 3vw;
    }
    .hz_220901_fw_btn {
        width:100%;
        background-color: #f7f7f7;
        border:1px solid #d9d9d9;
        position: relative;
        padding:3% 6%;
        box-sizing: border-box;
    }
    .hz_220901_fw_btn span {
        font-size: 3.47vw;
        color:#333333;
    }
    .hz_220901_fw_down {
        width:3%;
        display: block;
        position: absolute;
        top:50%;
        right:5.5%;
        transform: translateY(-50%);
    }
    .hz_220901_fw_down img {
        display: block;
    }
    .hz_220901_fw_txt {
        font-size: 2.93vw;
        height: auto;
        width:94%;
        text-align: justify;
        margin-bottom: 0;
    }
    .hz_220901_fw_ll {
        flex-direction: column;
    }
    .hz_220901_fw_ll>li {
        width:100%;
        margin-left: 0;
        margin-top: 3vw;
    }
    .hz_220901_fw_t {
        font-size: 3.73vw;
        bottom: 7%;
    }
    .hz_220901_fw_bw.active {
        background-color: #e60012;
        border:1px solid #e60012;
    }
    .hz_220901_fw_bw.active span {
        color:#ffffff;
    }
    .hz_220901_fw_zh img {
        transform: rotate(-90deg);
        display: block;
    }
    .hz_220901_al_list.ns-wrap-list>li h4 {
        display: none;
    }
    .ns-wrap-list.hz_220901_al_list>li .ns-software-text h3 {
        height: auto;
        font-size: 4vw;
    }
    .hz_220901_fw_img:hover img {
        transform: scale(1);
    }
    .hz_220901_gs_titw {
        font-size: 4.8vw;
        padding: 3% 5.2%;
    }
}


/*hz-20221205*/
@media (max-width: 770px) {
    .hz_221205_magic_tab {
        box-sizing: border-box;
        padding: 4% 0 4.5%;
        overflow: hidden;
        background-color: #4d4d4d;
        margin:0 15px 2%;
    }
    .hz_221205_magic_first_tab {
        margin-top: 10%;
    }
    .hz_221205_magic_tab p {
        float: left;
        font-size: 4.8vw;
        color: #fff;
        margin-left: 6%;
        line-height: 4.8vw;
    }
    .hz_221205_magic_tab img {
        width: 4.5%;
        float: right;
        margin-right: 6%;
        margin-top: 2%;
        opacity: 0.6;
    }
    .hz_221205_magic_tab.active {
        background-color: #e60012;
    }
    .hz_221205_magic_tab.active img {
        opacity: 1;
    }

    .hz_221205_magic_height {
        height:90vw;
        overflow: hidden;
    }
    .hz_221205_magic_more {
        text-align: center;
        font-size: 3.2vw;
        margin-bottom: 8%;
        clear: both;
        position: relative;
        z-index: 11;
        padding-top:5%;
    }
    .hz_221205_magic_more img {
        width: 14px;
        display: inline-block;
        padding-left: 5px;
        vertical-align: top;
        box-sizing: content-box;
        transition: 0s;
    }
    .hz_221205_magic_more.cur img {
        transform: rotateX(180deg);
    }   
     }
    .filter-and-subscribe {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 0 12px;
}
.subscribe {
    margin-left: 20px;
    padding: 6px 20px;
    background: #fff;
    color: #242424;
    cursor: pointer;
    border: 1px solid rgb(159, 160, 160);
    white-space: nowrap;
}

.subscribe-layer {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    box-shadow: 0 0 2px rgba(0, 0, 0, .2);
    width: 400px;
    text-align: center;
    padding: 10px 0 30px;
    display: none;
}

.subscribe-layer .document-center-close {
    height: 20px;
    position: relative;
}

.subscribe-layer h2 {
    font-size: 18px;
    margin-bottom: 25px;
}

.subscribe-layer a {
    font-weight: bold;
    color: #fff;
    background-color: #e60012;
    display: inline-block;
    padding: 3px 15px;
    border-radius: 5px;
}

.subscribe-layer a:hover {
    color: #fff;
}

.catalogue-inner-new > ul a {
    color: #248fd1;
    font-size: 14px;
    display: block;
    position: relative;
    padding: 5px 10px 5px 30px;
    line-height: 1.4;
    margin: 5px 0;
}
.catalogue-inner-new > ul a.current-page {
    color: #248fd1;
    background-color: #eee;
}

.catalogue-inner-new > ul li ul a {
    padding: 5px 20px;
    color: black;
    font-size: 13px;
    /*background: url(../images/sj_solve.png) no-repeat;sys4254娣诲姞*/
    /*background: url(../images/sj_solve.png) no-repeat;*/
}

.catalogue-inner-new > ul a:focus {
    outline: none;
}

.catalogue-inner-new > ul > li > a span {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    z-index: 1;
}

.catalogue-inner-new {
    display: block;
    max-height: calc(100vh - 140px);
    overflow: auto;
}

.document-center-close span {
    width: 20px;
    height: 3px;
    position: absolute;
    top: 50%;
    right: 10px;
    background: #999999;
    cursor: pointer;
}

.document-center-close span:nth-of-type(1) {
    transform: translateY(-50%) rotate(45deg);
}

.document-center-close span:nth-of-type(2) {
    transform: translateY(-50%) rotate(-45deg);
}

.catalogue-inner-new > ul > li > a::after {
    content: "";
    background: url(http://www.h3c.com/cn/tres/WebUI/images/sj_solve.png) no-repeat;
    background-size: cover;
    width: 15px;
    height: 30px;
    position: absolute;
    top: 0;
    left: 8px;
}

.catalogue-inner-new > ul ul {
    padding-left: 20px;
    display: none;
}

.catalogue-inner-new > ul > li.active > a {
    /*color: #248fd1;
    background-color: #eee;*/
}

.catalogue-inner-new > ul > li.active > a::after{
    transform: rotate(90deg);
    transform-origin: 50% 51%;
    top: 4px;
    left: 3px;
}

.catalogue-inner-new > ul > li.active > ul{
    display: block;
}

.details-search-new {
    position: relative;
    margin-bottom: 20px;
}

.details-search-new i {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: 10px;
}

.details-search-new input {
    padding-left: 40px;
    height: 40px;
    list-style: 40px;
    font-size: 16px;
}

.details-search-new input::placeholder {
    color: #000;
}

.download-layer {
    position: absolute;
/*    top: 50%;*/
    left: 50%;
/*    transform: translateX(-50%);*/
    background: url(http://www.h3c.com/cn/tres/WebUI/images/sj_solve.png) no-repeat;
    background-size: cover;
    background: #efefef;
    box-shadow: 0 0 2px rgba(0, 0, 0, .5);
/*    width: 520px;*/
    border-radius: 3px;
/*    padding: 3px;*/
}

.download-layer .top {
    position: relative;
    padding: 6px 16px;
    background-color: #e9e9e9;
    color: #fff;
    background-color: #e60012;
    border: 1px solid #ddd;
    cursor: move;
}

.download-layer .document-center-close span {
    background: #fff;
}

.download-layer .top h2 {
    font-size: 16px;
    height: 28px;
    line-height: 28px;
}

.download-layer ul {
    padding: 0 25px;
}
.download-layer ul li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #ccc;
}
.download-layer ul li:last-child {
    border: none;
    margin-bottom: 0;
}
.download-layer ul li div {
    padding-right: 20px;
    display: flex;
    align-items: center;
}
.download-layer ul li div p {
    font-size: 14px;
    margin-left: 5px;
    transition: all .5s;
    white-space: nowrap;
}
.download-layer ul li div p:hover{
    color: #e60012;
}
.download-layer ul li img {
    width: 50%;
}
.service-wrap .tab-pane {
    /*display: flex;
    flex-direction: column;*/
}

@media (max-width: 768px){
    .liner-box {
        border: none;
    }
    .liner-box h2 {
        text-align: center;
        background: transparent;
        border-bottom: none;
        padding: 0;
        position: relative;
    }
    .liner-box h2::after {
        content: "";
        width: 8%;
        height: 3px;
        background: #e60012;
        position: absolute;
        left: 50%;
        bottom: 0;
        transform: translateX(-50%);
    }
    .liner-box .abox {
        padding: 28px 0 0;

    }
    .liner-box p.prod-list-link {
        border-bottom: 1px solid #e6e6e6;
        font-size: 15px;
    }
    .subscribe-layer {
        width: 90%;
    }

    .revision-20220620 {
        padding: 0 10px;
    }

    .revision-20220620 .col-xs-12 {
        padding: 0;
    }
    .catalogue-inner-new {
        display: none;
        max-height: 60vh;
    }
    
    .catalogue.expand .catalogue-inner-new, .carousel-inner.expand .catalogue-inner-new{
        display: block;
    }
    .download-layer {
        display: none;
    }
    .service-wrap .tab-pane {
        display: block;
    }
    .subscribe {
        background: #e60012;
        color: #fff;
        border: none;
    }
}


.hz-20191225-lyq_con .hz-20191225-lyq_banner img.hz-20191225-phone_show{
    width: 100% !important;
    height: auto !important;
}

/* 2023-0303Cloud_Parner淇敼 */
.hz-230303-li{
    display: flex;
    align-items: center;
}
.hz-230303-lilogo{
    width:105px;
}
.hz-230303-lilogo img{
    display: block;
    width: 100%;
}
.hz-230303-liword{
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    color:#333333;
    padding-left: 0.5%;
}
.hz-230303-liadd{
    width: 24px;
    margin-left: auto;
    margin-right: 20px;
}
.hz-230303-liadd img{
    width: 100%;
    display: block;
}
.hz-230303-ulbox{
    border: 1px solid #e6e6e6;
    border-radius: 5px;
  
    padding: 20px 10px 20px;
    margin-top: 20px;
}
.hz-230303-ulbox:hover{
    box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
    
}
.hz-230303-active{
    box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
}
.hz-230303-ulword{
    font-size: 14px;
    color: #666666;
    width: 81%;
    margin: 0 auto;
    line-height: 24px;
    display: none;
    overflow: hidden;

}
.hz-230303-ulword p{
    margin-top: 15px;
}
.hz-230303-ulword p:nth-child(1){
    margin-top: 0;
}
.hz-230303-box{
    padding-bottom: 20px;
}
@media(max-width: 770px) {
    .hz-230303-liword{
        font-size: 4.66vw;
        font-weight: lighter;
        width: 54%;
    }
    .hz-230303-lilogo {
        width: 24vw;
    }
    .hz-230303-liadd{
        width: 6vw;
        margin-right: 2%;
    }
    .hz-230303-ulbox {
      
        border-radius: 5px;
        padding: 3% 2% 3%;
        margin-top: 3%;
    }
    .hz-230303-ulword {
        font-size: 3.2vw;
        width: 92%;
        line-height: 24px;
        margin-top: 5%;
    }
    .hz-230303-liadd:hover div img:nth-child(2){
        display: none;
    }
    .hz-230303-liadd:hover div img:nth-child(1){
        display: block;
    }
    .hz-230303-ulbox:hover {
        box-shadow: 0 0px 0px rgb(0,0,0,0.2);
    }
    .hz-230303-active {
        box-shadow: 0 0px 0px rgb(0,0,0,0.2) !important;
    }
}100%;
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: center;
}
.hz_220901_fw_ll>li {
    width:31.6%;
    margin-left: 2.6%;
}
.hz_220901_fw_ll>li:first-child {
    margin-left: 0;
}
.hz_220901_fw_img {
    width:100%;
    position: relative;
    overflow: hidden;
}
.hz_220901_fw_img img {
    display: block;
    transform: scale(1);
    transition: 0.3s;
}
.hz_220901_fw_img:hover img {
    transform: scale(1.1);
}
.hz_220901_fw_t {
    width:100%;
    font-size: 22px;
    color:#ffffff;
    line-height: 1.5;
    text-align: center;
    position: absolute;
    bottom:10%;
    left:0;
}
.hz_220901_fw_pagination {
    position: absolute;
    text-align: center;
}
.hz_220901_fw_swiper1.swiper-container-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet {
    width:8px;
    height:8px;
    margin:0 4px;
}
.hz_220901_fw_next,.hz_220901_fw_prev {
    width:10px;
    position: absolute;
    bottom:9px;
    cursor: pointer;
}
.hz_220901_fw_next {
    right:46%;
}
.hz_220901_fw_prev {
    left:46%;
}
.hz_220901_fw_next:hover .hz_220901_ys_show1 {
    display: none;
}
.hz_220901_fw_next:hover .hz_220901_ys_show2 {
    display: block;
}
.hz_220901_fw_prev:hover .hz_220901_ys_show1 {
    display: none;
}
.hz_220901_fw_prev:hover .hz_220901_ys_show2 {
    display: block;
}

.ns-wrap-list.hz_220901_al_list>li .ns-software-text h3 {
    height: 72px;
    line-height: 1.4;
    color:#333333;
}

@media (max-width: 1440px) {
    .ns-advantage-wrap .ns-advantage-text .hz_220901_ys_list li img {
        width:100%;
    }
}
@media (max-width: 1200px) {
    .hz_220901_ys_list>li span {
        font-size: 16px;
    }
    .hz_220901_ys_tit {
        font-size: 14px;
    }
    .hz_220901_ys_txt {
        font-size: 14px;
    }
    .hz_220901_fw_list>li {
        font-size: 14px;
    }
}
@media (max-width: 770px) {
    .hz_220901_sm#secondMenu h3 {
        font-size: 4.8vw;
        padding-left: 2.4%;
    }
    .hz_220901_banner_box.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-banner-content-wrap {
        background-color: transparent;
    }
    .hz_220901_banner_box.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content {
        top:9.5%;
        transform: none;
    }
    .hz_220901_banner_box.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content h1 {
        font-size: 5.75vw;
        margin-bottom: 5%;
    }
    .hz_220901_banner_box.ns-master-banner .ns-master-banner-container .ns-master-banner-slide .ns-master-banner-content p {
        font-size: 3.2vw;
    }
    .hz_220901_banner_box a.ns-btn {
        font-size: 2.87vw;
    }
    .hz_220901_banner_box a.ns-btn i.ns-icon.ns-icon-video {
        width:20px;
        height:12px;
    }

    .hz_220901_gs_box {
        flex-direction: column;
    }
    .hz_220901_gs_left {
        width:95.3%;
    }
    .ns-page-summary .hz_220901_gs_box h3 {
        font-size: 4vw;
        margin-bottom: 2vw;
    }
    .hz_220901_gs_left>p {
        font-size: 2.93vw;
        margin:3vw auto;
    }
    .hz_220901_gs_left .ns-link {
        font-size: 2.93vw;
    }
    .hz_220901_gs_img {
        width:90%;
        margin-top: 4vw;
    }

    .hz_220901_fw_content .ns-advantage-wrap .ns-advantage-text h3 {
        font-size: 4.8vw;
        width:95.3%;
        margin:0 auto;
    }
    .ns-advantage-wrap .ns-advantage-text .hz_220901_ys_list>li {
        width:100%;
    }
    .hz_220901_ys_con {
        padding:3% 0;
        position: relative;
    }
    .hz_220901_ys_ic {
        width:5vw;
        margin-left: 5.5%;
        margin-right: 2%;
    }
    .ns-advantage-wrap .ns-advantage-text ul li .hz_220901_ys_ic img {
        height: auto;
    }
    .ns-advantage-wrap .ns-advantage-text .hz_220901_ys_list li img {
        height: auto;
    }
    .ns-advantage-wrap .ns-advantage-text .hz_220901_ys_list>li {
        flex-direction: column;
        font-size: 3.47vw;
    }
    .hz_220901_ys_box {
        width:100%;
        position: relative;
        height: auto;
        margin-top: 2vw;
    }
    .hz_220901_ys_img {
        width:25%;
    }
    .hz_220901_ys_tbox {
        /*position: static;
        transform: none;*/
        padding:0 4%;
        box-sizing: border-box;
    }
    .hz_220901_ys_tit {
        font-size: 3.2vw;
        text-align: justify;
    }
    .hz_220901_ys_line {
        width:100%;
    }
    .ns-advantage-wrap .ns-advantage-text .hz_220901_ys_tList {
        width:100%;
        margin-left: 0;
    }
    .ns-advantage-wrap .ns-advantage-text .hz_220901_ys_tList>li {
        width:100%;
        line-height: 2;
        float: none;
        margin-left: 0;
    }
    .hz_220901_ys_d {
        width:1.1vw;
        margin-right: 2vw;
    }
    .hz_220901_ys_txt {
        font-size: 3.2vw;
    }
    .ns-advantage-wrap .ns-advantage-text .hz_220901_ys_tList.hz_220901_ys_tList2>li {
        width:50%;
    }


    .hz_220901_ys_down {
        width:3%;
        display: block;
        position: absolute;
        top:50%;
        right:5.5%;
        transform: translateY(-50%);
    }
    .hz_220901_ys_down img {
        display: block;
    }


    .hz_220901_fw_tit.ns-column-title h2 {
        font-size: 4.8vw;
        width:95.2%;
        margin-left: 2.4%;
    }
    .hz_220901_ys_list>li span {
        font-size: 3.47vw;
    }

    .hz_220901_fw_box_w {
        width:100%;
        margin-bottom: 3vw;
    }
    .hz_220901_fw_btn {
        width:100%;
        background-color: #f7f7f7;
        border:1px solid #d9d9d9;
        position: relative;
        padding:3% 6%;
        box-sizing: border-box;
    }
    .hz_220901_fw_btn span {
        font-size: 3.47vw;
        color:#333333;
    }
    .hz_220901_fw_down {
        width:3%;
        display: block;
        position: absolute;
        top:50%;
        right:5.5%;
        transform: translateY(-50%);
    }
    .hz_220901_fw_down img {
        display: block;
    }
    .hz_220901_fw_txt {
        font-size: 2.93vw;
        height: auto;
        width:94%;
        text-align: justify;
        margin-bottom: 0;
    }
    .hz_220901_fw_ll {
        flex-direction: column;
    }
    .hz_220901_fw_ll>li {
        width:100%;
        margin-left: 0;
        margin-top: 3vw;
    }
    .hz_220901_fw_t {
        font-size: 3.73vw;
        bottom: 7%;
    }
    .hz_220901_fw_bw.active {
        background-color: #e60012;
        border:1px solid #e60012;
    }
    .hz_220901_fw_bw.active span {
        color:#ffffff;
    }
    .hz_220901_fw_zh img {
        transform: rotate(-90deg);
        display: block;
    }
    .hz_220901_al_list.ns-wrap-list>li h4 {
        display: none;
    }
    .ns-wrap-list.hz_220901_al_list>li .ns-software-text h3 {
        height: auto;
        font-size: 4vw;
    }
    .hz_220901_fw_img:hover img {
        transform: scale(1);
    }
    .hz_220901_gs_titw {
        font-size: 4.8vw;
        padding: 3% 5.2%;
    }
}


/*hz-20221205*/
@media (max-width: 770px) {
    .hz_221205_magic_tab {
        box-sizing: border-box;
        padding: 4% 0 4.5%;
        overflow: hidden;
        background-color: #4d4d4d;
        margin:0 15px 2%;
    }
    .hz_221205_magic_first_tab {
        margin-top: 10%;
    }
    .hz_221205_magic_tab p {
        float: left;
        font-size: 4.8vw;
        color: #fff;
        margin-left: 6%;
        line-height: 4.8vw;
    }
    .hz_221205_magic_tab img {
        width: 4.5%;
        float: right;
        margin-right: 6%;
        margin-top: 2%;
        opacity: 0.6;
    }
    .hz_221205_magic_tab.active {
        background-color: #e60012;
    }
    .hz_221205_magic_tab.active img {
        opacity: 1;
    }

    .hz_221205_magic_height {
        height:90vw;
        overflow: hidden;
    }
    .hz_221205_magic_more {
        text-align: center;
        font-size: 3.2vw;
        margin-bottom: 8%;
        clear: both;
        position: relative;
        z-index: 11;
        padding-top:5%;
    }
    .hz_221205_magic_more img {
        width: 14px;
        display: inline-block;
        padding-left: 5px;
        vertical-align: top;
        box-sizing: content-box;
        transition: 0s;
    }
    .hz_221205_magic_more.cur img {
        transform: rotateX(180deg);
    }
}


.hz-20191225-lyq_con .hz-20191225-lyq_banner img.hz-20191225-phone_show{
    width: 100% !important;
    height: auto !important;
}
/* 2023-0303Cloud_Parner淇敼 */
.hz-230303-li{
    display: flex;
    align-items: center;
}
.hz-230303-lilogo{
    width:105px;
}
.hz-230303-lilogo img{
    display: block;
    width: 100%;
}
.hz-230303-liword{
    font-size: 20px;
    line-height: 1;
    font-weight: bold;
    color:#333333;
    padding-left: 0.5%;
}
.hz-230303-liadd{
    width: 24px;
    margin-left: auto;
    margin-right: 20px;
}
.hz-230303-liadd img{
    width: 100%;
    display: block;
}
.hz-230303-ulbox{
    border: 1px solid #e6e6e6;
    border-radius: 5px;
  
    padding: 20px 10px 20px;
    margin-top: 20px;
}
.hz-230303-ulbox:hover{
    box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
    
}
.hz-230303-active{
    box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
}
.hz-230303-ulword{
    font-size: 14px;
    color: #666666;
    width: 81%;
    margin: 0 auto;
    line-height: 24px;
    display: none;
    overflow: hidden;

}
.hz-230303-ulword p{
    margin-top: 15px;
}
.hz-230303-ulword p:nth-child(1){
    margin-top: 0;
}
.hz-230303-box{
    padding-bottom: 20px;
}
.hz-230303-jian {
    display: none;
   
}
.hz-230303-liadd img {
    width: 100%;
    display: block ;
    
}
.hz-230303-liadd img{
    display: none;
}
.hz-230303-liadd img:nth-child(1){
    display: block;
}
.hz-230303-liadd:hover div img:nth-child(2){
    display: block;
}
.hz-230303-liadd:hover div img:nth-child(1){
    display: none;
}

.hz-230303-liadd div:nth-child(2){
    display: none;
}
@media(max-width: 770px) {
    .hz-230303-liword{
        font-size: 4.66vw;
        font-weight: lighter;
        width: 54%;
    }
    .hz-230303-lilogo {
        width: 24vw;
    }
    .hz-230303-liadd{
        width: 6vw;
        margin-right: 2%;
    }
    .hz-230303-ulbox {
      
        border-radius: 5px;
        padding: 3% 2% 3%;
        margin-top: 3%;
    }
    .hz-230303-ulword {
        font-size: 3.2vw;
        width: 92%;
        line-height: 24px;
        margin-top: 5%;
    }
    .hz-230303-liadd:hover div img:nth-child(2){
        display: none;
    }
    .hz-230303-liadd:hover div img:nth-child(1){
        display: block;
    }
    .hz-230303-ulbox:hover {
        box-shadow: 0 0px 0px rgb(0 0 0 / 20%);
    }
    .hz-230303-active {
        box-shadow: 0 3px 8px rgb(0 0 0 / 20%) !important;
    }
}

/* 鏂扮増鍏煎鏃х増闈㈠寘灞戝鑸牱寮� */
#ns-page-body div.crumbs {
    margin-top: 0;
}

/* 鏅鸿兘寰ā鍧楁暟鎹腑蹇冭В鍐虫柟妗� */
.hz_230410_p1box{
    display: flex;
    justify-content: space-between;
    align-items: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top: 50px;
    padding-bottom: 50px;
}
.hz_230410_p1box .ns-summary-box-text {
    width: 40%;
}
.hz_230410_p1box .ns-summary-box-text p {
    font-size: 16px;
    line-height: 1.7;
    margin-top: 23px;
}
.hz_230410_wrap .ns-advantage-text ul li h4 span{
    color: #e60012;
}
.hz_230410_p1box h3 {
    width: 70%;
    font-size: 30px;
    color: black;
    font-weight: normal;
    line-height: 2;
    margin-bottom: 30px;
}
.hz_230410_p1box .ns-summary-box-text .ns-link {
    margin-top: 35px;
}
/* 鍒犻櫎 */
.ns-link.ns-link-arrow:before {
    position: absolute;
    content: '';
    width: 22px;
    height: 14px;
    left: 0;
    top: 4px;
    background: url('https://www.h3c.com/cn/tres/NewWebUI/2020/images/arrow-link-red.png') no-repeat !important;
}
/* 鍒犻櫎 */
.hz_230410_wrap{
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0
}
.hz_230410_wrap .ns-advantage-text{
    width: 100%;
}
.hz_230410_wrap .ns-advantage-text h3 {
    font-size: 36px;
    padding-bottom: 1vw;
    font-weight: normal;
}
.hz_230410_wrap .ns-advantage-text ul {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: -20px;
    position: relative;
}
.hz_230410_wrap .ns-advantage-text ul.ns-w3 li {
    width: 25%;
    padding-right: 2vw;
    margin-bottom: 20px;
}
.hz_230410_wrap .ns-advantage-text ul li h4 {
    font-size: 22px;
   
    margin: 0.8vw 0 1.302vw;
}
.hz_230410_wrap .ns-advantage-text ul li p {
    font-size: 16px;
    line-height: 1.7;
}
.hz_230410_wrap .ns-advantage-text ul li div{
    width: 87%;
}
.bc-f2f2f2{
    background: #f2f2f2;
}
.hz_230410_p3 img{
    width: 100%;
}
.hz_230410_p3{
    overflow: hidden;
    margin-top: 30px;
}
.hz_230410_p3fl{
    width: 230px;
    float: left;
    position: relative;
}
.hz_230410_p3ri{
    width: 959px;
    float: right;
}
.hz_230410_p3w1{
    width:100%;
    position: absolute;
    left: 0;
    top: 9%;
    font-size: 20px;
    color: #333333;
    text-align: center;
}
.hz_230410_p3w2{
    width:100%;
    position: absolute;
    left: 0;
    top: 22%;
    font-size: 12px;
    color: #666666;
    text-align: center;
}
.hz_230410_p3_a{
    font-size: 12px;
    color: #e60012;
    position: absolute;
    left: 35%;
    top: 38.3%;
    padding-left: 19px;
}
.hz_230410_p3_a:before{
    position: absolute;
    content: '';
    width: 14px;
    height: 9px;
    left: 0;
    top: 4px;
    background: url('https://www.h3c.com/cn/tres/NewWebUI/2020/images/arrow-link-red.png') no-repeat;
    background-size: 14px 9px;
}
.hz_230410_p3ri .swiper-slide{
    position: relative;
}
.hz_230410_p3ri .swiper-slide a{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top: 0;
}
.hz_230410_p3_1cpW1{
    font-size: 18px;
    color: #e60012;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0%;
    line-height: 1.2;
    top: 70%;
}
.hz_230410_p3_1cpW1 span{
    color: #333333;
    font-size: 14px;
}
.hz_230410_p3_1cp1{
    width: 75%;
    position: absolute;
    left: 50%;
    top: 38.4%;
    transform: translate(-50%,-50%);
}
.hz_230410_p3_1cpW2{
    font-size: 14px;
    color: #333333;
    width: 100%;
    text-align: center;
    position: absolute;
    left: 0%;
    top: 78%;
}
.hz_230410_p3_a_2{
    top: 33.3%;
}
.hz_230410_p3_prev1{
    width: 18px;
    position: absolute;
    top: 55%;
    left: 0.5%;
    margin-top: -30px;
    z-index: 99;
}
.hz_230410_p3_next1{
    width: 18px;
    position: absolute;
    top: 55%;
    right: 0.5%;
    margin-top: -30px;
    z-index: 99;
}
.hz_230410_p3_prev2{
    width: 18px;
    position: absolute;
    top: 55%;
    left: 0.5%;
    margin-top: -30px;
    z-index: 99;
}
.hz_230410_p3_next2{
    width: 18px;
    position: absolute;
    top: 55%;
    right: 0.5%;
    margin-top: -30px;
    z-index: 99;
}
.hz_230410_p3_prev3{
    width: 18px;
    position: absolute;
    top: 55%;
    left: 0.5%;
    margin-top: -30px;
    z-index: 99;
}
.hz_230410_p3_next3{
    width: 18px;
    position: absolute;
    top: 55%;
    right: 0.5%;
    margin-top: -30px;
    z-index: 99;
}
.hz_230410_p4_img{
    position: relative;
    margin-top: 30px;
}
.hz_230410_p4_box{
    width: 40%;
    position: absolute;
    left: 12%;
    top: 22%;
    text-align: center;
}
.hz_230410_p4_w1{
    font-size: 20px;
    color: #333333;
}
.hz_230410_p4_a:before{
    position: absolute;
    content: '';
    width: 14px;
    height: 9px;
    left: 0;
    top: 4px;
    background: url('https://www.h3c.com/cn/tres/NewWebUI/2020/images/arrow-link-red.png') no-repeat;
    background-size: 14px 9px;
}
.hz_230410_p4_a{
    font-size: 12px;
    color: #e60012;
    position: absolute;
    left: 29.2%;
    top: 69.7%;
    padding-left: 19px;
}
.hz_230410_p4_w2{
    margin-top: 14px;
    color: #666666;
    font-size: 12px;
}
.hz_230410_p1_w{
    width: 58%;
}
.hz_230410_p1_w img{
    width: 100%;
}
.hz_230410_list_ul_titH{
    font-size: 26px;
    color: #333333;
    padding-top: 20px;
}
/* 鏅鸿兘寰ā鍧楁暟鎹腑蹇冭В鍐虫柟妗堣鎯呴〉 */
.hz_230410_list_banner_content h1{
    font-size: 36px !important;
    color: #333333 !important;
}
.hz_230410_list_banner_content p{
    width: 580px !important;
    color: #333333 !important;
    font-size: 16px !important;
    line-height: 30px !important;
}
.hz_230410_list_libox{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 40px;
    height: 100%;
}
.hz_230410_list_liri{
    width: 650px;
    margin-left: 60px;
}
.hz_230410_list_liimg{
    width: 400px;
}
.hz_230410_list_liimg img{
    width: 100%;
}
.hz_230410_list_li{
    background: #f2f2f2;
    border-bottom: 3px solid #666666;
    height: 400px;
    display: flex;
    margin-top: 20px;
   
    align-items: center;
}
.hz_230410_list_foot{
    height: 60px;
}
.hz_230410_list_libtn{
    width: fit-content;
    margin: 0 auto ;
}
.hz_230410_list_libtn a{
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 25px auto 0;
    padding: 9px 19px;
    background: #e60012;
    font-size: 14px;
    color: #fff;
    border-radius: 30px;
   
    transition: all 0.5s;
}
.hz_230410_list_libtn p{
    line-height: 1;
    font-weight: lighter;
    padding-left: 6px;
}
.hz_230410_list_libtn a img{
    width: 14px; 
}
.hz_230410_list_liri_tit{
    font-size: 26px;

}
.hz_230410_list_liri_tit span{
    color: #333333;
}
.hz_230410_list_liri_tit2{
    font-size: 18px;
    color: #333333;
    margin-top: 20px;
    padding-left: 10px;
    border-left: 3px solid #e60012;
    line-height: 1;
}
.hz_230410_list_liri_tit3{
    padding-top: 5px;
}
.hz_230410_list_liri_tit3 li{
    margin-top: 6px;
}
.hz_230410_list_li:nth-child(even) .hz_230410_list_liri{
    margin-left:40px ;
    margin-right: 30px;
}
.hz_230410_list_liri_tit3box{
    font-size: 14px;
    color: #333333;
    display: flex;
    align-items: flex-start;
}
.hz_230410_list_liri_tit3box img{
    width: 4px;
    margin-right: 10px;
    margin-top: 8px;
}
.hz_230410_list_liri_tit4{
    font-size: 14px;
    color: #333333;
    margin-top: 10px;
    padding-left: 16px;
    line-height: 1.4;
}
.hz_230410_list_liri_tit2le_ldrc{
    width: 194px;
    float: left;
}
.hz_230410_list_liri_tit2ri_ldrc{
    width: 350px;
    float: left;
}
.hz_230410_list_liri_tit2le{
    width: 350px;
    float: left;
}
.hz_230410_list_liri_tit2ri{
    width: 280px;
    float: right;
}
.hz_230410_list_liri_tit2box{
    overflow: hidden;
}
.hz_230410_list_liri_tit3boxli{
    padding-left: 15px;
}
.hz_230410_list_liri_tit3boxli div{
    margin-top: 10px;
}
.hz_230410_picture{
    
    background-size: cover;
    background-position: center;
}
.hz_230410_p4_img img{
    width: 100%;
}
.hz_230410_p3_prev{
    display:block ;
}
.hz_230410_p3_next{
    display:block ;
}
.hz_230410_p3_prev_over{
    display: none;
}
.hz_230410_p3_next_over{
    display: none;
}
.swiper-button-disabled .hz_230410_p3_prev{
    display: none;
}
.swiper-button-disabled .hz_230410_p3_next{
    display: none;
}
.swiper-button-disabled .hz_230410_p3_prev_over{
    display: block;
}
.swiper-button-disabled .hz_230410_p3_next_over{
    display: block;
}
.hz_230410_list_dh_liimg1{
    background: #f2f2f2;
    border-bottom: 3px solid #666666;
    margin-top: 20px;
    align-items: center;
    padding: 53px 0px ;
}
.hz_230410_list_dh_liimg1box{
    width: 75.3%;
    margin: 0 auto;
}
.hz_230410_list_dh_liimg1box img{
    width: 100%;
}
.hz_230410_list_dh_liimg1boxW {
    text-align: center;
    font-size: 22px;
    margin-top: 10px;
}
.hz_230410_list_items a:hover{
    text-decoration:none !important;
    background: #d7000f;
}
@media(max-width: 1400px) {

}
@media(max-width: 1230px) {
    .hz_230410_p3fl{
        width: 19.2%;
    }
    .hz_230410_p3ri{
        width: 79.9%;
    }
    .hz_230410_list_lile{
        width: 33%;
    }
    .hz_230410_list_liri{
        width: 70%;
    }
    .hz_230410_list_liimg{
        width: 100%;
    }
    .hz_230410_list_libox {
       
        margin-left: 2%;
        margin-right: 2%;
    }
    .ns-master-banner .ns-master-banner-container .ns-master-banner-slide .hz_230410_list_ns_content{
        width: 100% !important;
    }
    .hz_230410_list_banner_content p{
        width: 51% !important;
        line-height: 1.7 !important;
        margin-bottom:1% !important;
        font-size: 14px !important;
    }
    .hz_230410_list_banner_content h1{
        margin-bottom:0.5% !important;
        margin-top: 1% !important;
        font-size: 34px !important;
        
    }
    .hz_230410_list_liri_tit2le{
        width: 50%;
    }
    .hz_230410_list_liri_tit2ri {
        width: 45%;
    }
    .hz_230410_list_li:nth-child(even) .hz_230410_list_liri{
        margin-left: 2%;
        margin-right: 3%;
    }
}
@media(max-width: 960px) {
    .hz_230410_p3fl{
        width: 19.2%;
    }
    .hz_230410_p3ri{
        width: 79.9%;
    }
    .hz_230410_banner_content{
        top: 23% !important;
        left: 7.3% !important;
        
    }
    .hz_230410_banner_content h1{
        font-size: 5.8vw !important;
        font-weight: lighter !important;
        margin-bottom: 1% !important;
    }
    .hz_230410_banner_content p{
        margin-bottom: 4% !important;
        font-size: 3.2vw !important;
    }
    .hz_230410_banner_content a.ns-btn {
        padding: 8px 16px;
        font-size: 2.6vw;
    }
    .ns-master-banner .ns-master-banner-container .ns-master-banner-slide .hz_230410_content_wrap{
        background: rgba(0, 0, 0, 0) !important;
    }
    .hz_230410_p1box{
        display: block;
    }
    .hz_230410_p1box .ns-summary-box-text{
        width: 100%;
    }
    .hz_230410_p1_w img{
        width: 100%;
    }
    .hz_230410_picture{
        /* background-image: url('../images/hz_230410_p1bg_w.jpg') !important; */
    }
    .hz_230410_p1box_h3{
        width: 100%;
        font-size: 4.8vw;
        color: black;
        font-weight: normal;
        line-height: 1;
        margin-top: 5%;
        margin-bottom: 4%;
        padding-left: 3.125vw;
    }
    .hz_230410_p1box{
        padding-top: 1px;
        padding-bottom: 0%;
    }
    .hz_230410_p1box .ns-summary-box-text p {
        font-size: 2.9vw;
        line-height: 1.7;
        margin-top: 3%;
    }
    .hz_230410_p1box .ns-summary-box-text .ns-link {
        margin-top: 6%;
        font-size: 2.9vw;
    }
    .hz_230410_p1box .ns-link.ns-link-arrow:before {
        width: 14px !important;
        height: 9px !important;
        top: 4px;
        background-size: 14px 9px !important;
    }
    .hz_230410_p1_w{
        margin-top: 5%;
        width: 100%;
    }
    .hz_230410_wrap .ns-advantage-text h3 {
        font-size: 4.8vw;
        padding-bottom: 1vw;
        font-weight: normal;
    }
    .hz_230410_wrap .ns-advantage-text ul{
        display: block;
        margin-top: 6%;
    }
    .hz_230410_wrap .ns-advantage-text ul.ns-w3 li{
        width: 100%;
        padding-right: 0;
        display: flex;
        align-items: flex-start;
    }
    .hz_230410_wrap .ns-advantage-text ul li h4 {
        font-size: 3.73vw;
        font-weight: normal;
        margin: 0.8vw 0 1.302vw;
    }
    .hz_230410_wrap .ns-advantage-text ul li p {
        font-size: 2.93vw;
        line-height: 1.7;
    }
    .hz_230410_wrap .ns-advantage-text ul.ns-w3 li img{
        width:17% ;
        margin-right: 6.5%;
    }
    .hz_230410_column_title h2{
        font-size: 4.8vw !important;
        padding-bottom: 1vw !important;
        font-weight: normal !important;
        margin-bottom: 0 !important;
    }

    .hz_230410_p3fl{
        float: none;
        width: 100%;
        
    }
    .hz_230410_p3ri{
        float: none;
        width: 100%;
        padding-bottom: 5%;
        position: relative;
    }
    .hz_230410_p3w1{
        font-size: 3.73vw;
        width: fit-content;
        left: 6%;
        top: 21%;
    }
    .hz_230410_p3w2{
        font-size: 2.6vw;
        width: fit-content;
        left: 6%;
        top: 39%;
    }
    .hz_230410_p3_a {
        font-size: 2.93vw;
       
        left: 6%;
        top: 67.3%;
        padding-left: 4%;
    }
    .hz_230410_p3_a:before {
        position: absolute;
        width: 18%;
        height: 43%;
        left: 0;
        top: 31%;
        background-size: 100% 100%;
    }
    .hz_230410_swiper-container1{
        margin-top: 3%;
    }
    .hz_230410_p3_prev1{
        display: none;
    }
    .hz_230410_p3_next1{
        display: none;
    }
    .hz_230410_p3_prev2{
        display: none;
    }
    .hz_230410_p3_next2{
        display: none;
    }
    .hz_230410_p3_prev3{
        display: none;
    }
    .hz_230410_p3_next3{
        display: none;
    }
    .hz_230410_p3_1cpW1 {
        font-size: 3.73vw;
        top: 73%;
    }
    .hz_230410_p3_1cpW2 {
        font-size: 3.73vw;
        top: 82%;
    }
    .hz_230410_p3_1cp1 {
        width: 69%;
        top: 37.4%;
    }
    .hz_230410_p3w21{
        top: 27%;
    }
    .hz_230410_p3w22{
        top: 45%;
    }
    .hz_230410_p3_a_2 {
        top: 62.3%;
    }
    .hz_230410_p3w32{
        top: 40%;
        text-align: left;
    }
    .hz_230410_p4_box{
        text-align: left;
        left: 6%;
    }
    .hz_230410_p4_w1{
        font-size: 3.73vw;
    }
    .hz_230410_p4_w2{
        font-size: 2.66vw;
      
    }
    .hz_230410_p4_a {
        font-size: 2.93vw;
        left: 6%;
        top: 67.3%;
        padding-left: 4%;
    }
    .hz_230410_p4_a:before {
        position: absolute;
        width: 18%;
        height: 43%;
        left: 0;
        top: 31%;
        background-size: 100% 100%;
    }
    .hz_230410_p1box .ns-summary-box-text .ns-link::before{
        position: absolute;
        width: 18% !important;
        height: 43% !important;
        left: 0 !important;
        top: 31% !important;
        background-size: 100% 100% !important;
    }
    .hz_230410_swiper-container2 {
        margin-top: 3%;
    }
    .hz_230410_swiper-container3 {
        margin-top: 3%;
    }
    .hz_230410_swiper-pagination1{
        position: absolute;
        text-align: center;
        transition: .3s;
        transform: translate3d(0, 0, 0);
        z-index: 10;
        width: 100%;
        left: 0;
    }
    .hz_230410_swiper-pagination2{
        position: absolute;
        text-align: center;
        transition: .3s;
        transform: translate3d(0, 0, 0);
        z-index: 10;
        width: 100%;
        left: 0;
    }
    .hz_230410_swiper-pagination3{
        position: absolute;
        text-align: center;
        transition: .3s;
        transform: translate3d(0, 0, 0);
        z-index: 10;
        width: 100%;
        left: 0;
    }
    .ns-master-banner .ns-master-banner-container .ns-master-banner-slide .hz_230410_list_ns_content {
        width: 90% !important;
    }
    .hz_230410_list_banner_content h1{
        font-size: 5.86vw !important;
        margin-bottom: 3.5% !important;
    }
    .hz_230410_list_banner_content {
        top: 30% !important;
    }
    .hz_230410_list_banner_content p{
        width: 100% !important;
        font-size: 2.93vw !important;
        line-height: 1.6 !important;
        margin-bottom: 5% !important;
    }
    .hz_230410_list_banner_content a.ns-btn {
        padding: 2.5% 5%;
        font-size: 2.66vw;
    }
    .hz_230410_list_content_wrap{
        background:rgba(0, 0, 0, 0) !important;
    }
    .hz_230410_list_li{
        height: auto;
        display: block;
        padding-top: 3%;
        padding-bottom: 5.8%;
    }
    .hz_230410_list_libox{
        flex-direction: column;
    }
    .hz_230410_list_li:nth-child(even) .hz_230410_list_liri {
        margin-left: 0%;
        margin-right: 0%;
    }
    /* .hz_230410_list_li:nth-child(even) .hz_230410_list_libox{
        flex-direction:column-reverse;
    } */
    .hz_230410_list_libox {
        margin-left: 2%;
        margin-right: 2%;
        align-items: flex-start;
    }
    .hz_230410_list_liri {
        width: 100%;
        margin-left: 0;
    }
    .hz_230410_list_lile{
        width: 100%;
        display: flex;
        align-items: center;
        overflow: auto;
    }
    .hz_230410_list_liimg{
        width: 61%;
     
    }
    .hz_230410_list_libtn{
        width: 39%;
    }
    .hz_230410_list_libtn a{
        width: fit-content;
        font-size: 2.93vw;
        padding: 5% 6%;
        margin: 13% auto 0;
    }
    .hz_230410_list_libtn a img{
        width: 16%;
    }
    .hz_230410_list_libtn p{
        text-align: center;
    }
    .hz_230410_list_liri_tit{
        font-size: 3.73vw;
    }
    .hz_230410_list_liri_tit2{
        font-size: 3.46vw;
        margin-top: 4.5%;
    }
    .hz_230410_list_liri_tit3box{
        font-size: 2.93vw;
    }
    .hz_230410_list_liri_tit3box img {
        width: 4px;
        margin-right: 2%;
        margin-top: 1.5%;
    }
    .hz_230410_list_liri_tit4{
        font-size: 2.93vw;
        margin-top: 3%;
    }
    .hz_230410_list_liri_tit3 li {
        margin-top: 3%;
    }
    .hz_230410_list_liri_tit2le{
        width: 100%;
        float: none;
    }
    .hz_230410_list_liri_tit2ri {
        width: 100%;
        float: none;
    }
    .hz_230410_list_liri_tit3{
        padding-top: 0;
    }
    .hz_230410_list_dh_liimg1{
        background: #f2f2f2;
        border-bottom: 3px solid #666666;
        margin-top: 20px;
        align-items: center;
        padding: 3% 0px 5.8% ;
    }
    .hz_230410_list_dh_liimg1box{
        width: 96%;
        margin: 0 auto;
    }
    
    .hz_230410_list_dh_liimg1boxW{
       
        font-size: 3.73vw;
        margin-top: 1%;
    }
    .hz_230410_list_ul_titH {
        font-size: 4vw;
        color: #333333;
       
    }
    .hz_230410_list_liri_tit2le_ldrc{
        width: 100%;
        float: none;
    }
    .hz_230410_list_liri_tit2ri_ldrc{
        width: 100%;
        float: none;
    }
}

/* 20230518banner淇敼 */
.hz_20230518_banner-text img{
    width: 100%
}
.hz20230518-banner-slide{
    position: relative;
}
.hz-20230518-erm img{
    width: 100%;
}
.hz_20230518_banner-text{
    width: 50%;
}
a.hz_20230518_banner-btn{
    margin-top: 38px;
    position: relative;
}
.hz-20230518-erm{
    width: 82%;
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    top: 115%;
    display:none ;
}
@media(max-width: 1600px) {
    .hz_20230518_banner-content{
        top: 47% !important;
    }
}
@media(max-width: 1400px) {
    .hz_20230518_banner-content{
        top: 41% !important;
    }
    a.hz_20230518_banner-btn{
        margin-top: 1%;
        position: relative;
    }
}
@media(max-width: 1200px) {
    .hz_20230518_banner-content{
        top: 45% !important;
    }
    a.hz_20230518_banner-btn{
        margin-top: 2%;
        position: relative;
    }
}
@media(max-width: 960px) {
    .hz_20230518_banner-btnbox{
        text-align: center;
    }
    .hz_20230518_banner-text{
        width: 75%;
        margin: 0 auto;
    }
    .hz_20230518_banner-content{
        top: 25% !important;
    }
    a.hz_20230518_banner-btn{
        margin-top: 5%;
        position: relative;
    }
}


/* 20230427 --start */
@media (min-width: 1230px) {
    .container-230427 {
        width: 1200px;
        margin: 0 auto;
        display: flex;
    }
    .container-230427 .hz-210730-h h3 {
        font-size: 38px;
    }
    .container-230427 .hz-210730-t2 .hz-210730-h h3 {
        font-size: 20px;
    }
    .container-230427 .hz-220721-faqBox h3 {
        font-size: 20px;
    }
    .container-230427 .hz-0721-slideIcoW {
        font-size: 16px;
    }
    .container-230427 .hz-210730-tab div {
        font-size: 16px;
    }
    .container-230427 .hz-210730input input::placeholder {
        font-size: 14px;
    }
    .container-230427 .hz-210730-table th {
        font-size: 16px;
    }
    .container-230427 .hz-210730-table th:nth-child(1), .container-230427 .hz-210730-table th:nth-child(2), .container-230427 .hz-210730-table th:nth-child(3) {
        width: 225px;
    }
    .container-230427 #hz-zh_select1, .container-230427 #hz-zh_select2 {
        font-size: 16px;
    }
    .container-230427 .hz-zh2_jsel p {
        font-size: 16px;
    }
    .container-230427.conatiner {
        width: auto;
    }
    .content-230427 {
        width: 950px;
    }
    .content-230427 .hz-210730input {
        width: 515px;
        left: 20px;
    }
    .content-230427 .hz-210730btn1 {
        left: 550px;
    }
    .content-230427 .hz-210730btn2 {
        left: 705px;
    }
    .content-230427 .hz-210730input1, .content-230427 .hz-210730input2 {
        width: 244px;
        left: 20px;
    }
    .content-230427  .hz-210730input2 {
        left: 271px;
    }
    .container-230427 .hz-220721-faqBox, .container-230427 .hz-210730-t2, .container-230427 .container {
        width: 950px;
    }
    .container-230427 .hz-210730-tab {
        display: flex;
    }
    .container-230427 .hz-210730-tab div {
        width: auto;
        padding: 21px;
        position: static;
        left: auto;
        top: auto;
    }
    .container-230427 .hz-210730bbh {
        right: 10px;
    }
}
.menu-230427 {
    width: 250px;
    padding-top: 10px;
    padding-right: 20px;
    position: sticky;
    top: 0;
    z-index: 9;
}
.menu-230427 ul {
    border-top: 1px solid #e8e8e8;
    position: sticky;
    top: 130px;
}
.menu-230427 ul li {
    position: relative;
    transition: all .5s;
    cursor: pointer;
    border-bottom: 1px solid #e5e5e5;
    padding: 15px 0;
}
.menu-230427 ul li .children-menu-230427 {
    display: none;
}
.menu-230427 ul li.expand .children-menu-230427{
    display: block;
}
.menu-230427 ul li a:focus {
    outline: none;
}
.menu-230427 ul li a {
    font-size: 16px;
    color: rgb(51, 51, 51);
    display: block;
    position: relative;
}
.menu-230427 ul li .children-menu-230427 {
    padding: 10px 10px 0;
}
.menu-230427 ul li .children-menu-230427 a {
    padding: 2px 0;
}
.menu-230427 ul li a::after {
    content: "";
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 10px;
    background: url('/cn/tres/newWebUI/images/nico_001.png') no-repeat;
    background-size: 100%;
    width: 16px;
    height: 11px;
    opacity: 0;
    transition: all .5s;
}
.menu-230427 ul li.son_menu > a::after{
    transform: translateY(-50%) rotate(90deg);
}
.menu-230427 ul li a:hover::after {
    opacity: 1;
}
.menu-230427 ul li a.active{
    color: #e60012;
    font-weight: bold;
}
.menu-230427 ul li a.active::after {
    opacity: 1;
}

@media (max-width: 1230px) {
    .menu-230427 {
        padding: 0 30px;
        top: 100px;
        background: #fff;
        width: 100%;
        z-index: 2;
    }
}

@media (max-width: 768px) {
    .menu-230427 {
        padding: 0 20px;
        top: 45px;
    }
    .menu-230427 ul li {
        padding: 10px 0;
    }
    .menu-230427 ul li a {
        font-size: 14px;
    }
    .menu-230427 ul li .children-menu-230427 {
        padding: 8px 10px 0;
    }
}
/* 20230427 --end */

/* 230612鏂板 */
.hz-20220612-cloudbtnbox {
    margin-left: 2%;
    margin-top: 29%;
}

@media (max-width: 768px) {

    .hz-20220612-cloudbtnbox {
        margin-left: 38.5% !important;
        margin-top: 46%;
    }
}