@media only screen and (max-width: 1200px){ .top_nav_active:hover { background:none !important; } .top_nav_active { background: none !important; } .index_logo { width: 93px; height: 80px; display: block; position: fixed; background: url(/img/heheng_logo.png) no-repeat center; top: 0px; left: 0px; margin-left: 0px; z-index: 999; transition: all 1s; background-size: 50px !important; } #c_portalResnav_main-15850597034767063 .header2 #navToggle span, .header2 #navToggle span:before, .header2 #navToggle span:after { background: #fff; } .bn_wz p:nth-of-type(1) { font-size: 80px; text-align: center; line-height: 1em; font-family: Chalet_Comprime; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 0px; overflow: hidden; text-indent: 0px; } .header .title {z-index: 1000;margin: 0 auto;padding: 0 0em;width: 100%;text-align: center;position: absolute;top: 0% !important;height: 100%;left: 0%;-webkit-transform: translateX(-50%) translateY(-50%) !important;transform: translateX(0%) translateY(0%) !important;} .bn_wz p:nth-of-type(2) span { font-size: 20px; } .top_nav { height: 80px; border-bottom: 0px #fff solid; background: #fff; } .modify .top_nav .index_logo { background: url(/img/heheng_hlogo.png) no-repeat center; background-size: 50px; } .modify #c_portalResnav_main-15850597034767063 .header2 #navToggle span,.modify .header2 #navToggle span:before,.modify .header2 #navToggle span:after { background: #000; } .content { margin: 0 auto; padding: 100px 0px 0px; background: #f5f5f5 !important; } .c_portalResIntro_detail-01001 .p_tit { display: none; font-size: 22px; padding: 10px; margin-bottom: 10px; } .contact_main { max-width: 1240px; margin: 20px auto; float: left; } .modify .top_nav { background: #fff !important; box-shadow: 0 0 3px #ccc; } .footer1 { display:none; } .footer { width: 100%; float: left; height: auto; background: #242424; position: relative; z-index: 1; } #c_portalResnav_main-15850597034767063 .container { left: 0px; width: 55px; float: right; margin-top: 12px; } #c_portalResnav_main-15850597034767063 .m_nav .ul li a { text-transform: uppercase; font-family: Chalet_Comprime; font-size: 24px; } #c_portalResnav_main-15850597034767063 .m_nav .top .closed { font-size: 20px; } /**contact**/ #c_portalResMessage_form-15851052994447523 { max-width: 1240px; padding: 0px 20px 80px; width: 100%; margin: 20px auto 0px; } .contact_main ul li { list-style: none; width: 100%; text-align: center; float: left; min-height: 200px; padding: 10px; } .contact_main ul li p { font-size: 16px; background: #fff; min-height: 240px; padding: 50px; text-align: left; color: #666; line-height: 1.5em; } .contact_main ul li { list-style: none; width: 100%; text-align: center; float: left; min-height: 200px; padding: 10px 10px; } .contact_main ul { padding:0px 0px; } .form-control { display: block; width: 100%; height: 40px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #7b7b7b; background-color: #fff; background-image: none; border: 0px solid #ccc; border-radius: 2px; -webkit-box-shadow: inset 0 0px 0px rgba(0,0,0,0.075); box-shadow: inset 0 0px 0px rgba(0,0,0,0.075); -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .c_portalResMessage_form-01001001 .p_CoupWBox { padding: 0px 20px; width: 100%; margin: 20px auto 32px; } .c_portalResMessage_form-01001001 .p_CoupWBox button { width: 100%; height: 40px; color: #fff; background-color: #eb954c; border-color: #eb954c; } /* fy */ .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active { background: #f5f5f5; border-color: #d9d9d9; color: #bfbfbf; cursor: default; } .p_pagebox .js_pageBtnDisable .iconfont {color: #bfbfbf;} .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf;} .p_pagebox .NumBox { width: 30%; height: 44px; border: 0px solid #cdd5d5; display: inline-table; position: relative; cursor: pointer; box-sizing: border-box; background: #e6e6e6; vertical-align: top; } .p_pagebox .num { display: table-cell; vertical-align: middle; font-size: 12px; text-align: center; width: 100%; line-height: 45px; } .p_pagebox .ItemBox { position: absolute; width: 100%; height: auto; border: 1px solid #d3d4d4; bottom: 44px; left: 0; max-height: 300px; overflow-y: auto; z-index: 99; border-bottom: 0 } .p_pagebox .num .iconfont { width: 32px; height: 32px; position: absolute; right: 20px } .p_pagebox .num .iconfont:before { content: "\e69c"; font-size: 12px; line-height: 45px; } .p_pagebox .NumBox ul li { width: inherit; height: 40px; line-height: 40px; text-align: center; background-color: #fffffe; color: #eb954c; font-size: 16px } .p_pagebox .NumBox ul li .iconfont:before { content: "" } .p_pagebox .NumBox ul li:active { background-color: #e4e4e4 } .p_pagebox { width: 100%; height: auto; margin: 20px auto 50px; clear: both; position: relative; font-size: 0; white-space: nowrap; } .p_pagebox .pre { display: inline-table; height: 45px; width: 35%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #eb954c; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box; } .p_pagebox .pre:hover { color: rgba(255, 255, 255, 1); border-color: #eb954c; background-color: #eb954c; cursor: pointer } .p_pagebox .pre:active { background-color: #eb954c; } .p_pagebox .pre .font { display: table-cell; vertical-align: middle; bottom: 0; font-size: 12px; line-height: 45px; } .p_pagebox .pre .iconfont { display: inline-block; color: rgba(255, 255, 255, 1); vertical-align: top; width: auto; height: auto; float: left; font-size: 22px } .p_pagebox .pre:hover .iconfont { color:#fff; } .p_pagebox .pre:active .iconfont { color:#fff; } .p_pagebox .pre .iconfont:before { content: "\e6b0"; line-height: 45px; font-size: 12px; } .p_pagebox .next { display: inline-table; height: 45px; width: 35%; color: rgba(255, 255, 255, 1); border-width: 0; border-style: solid; border-color: rgba(255, 255, 255, 0); background-color: #eb954c; text-align: center; padding-top: 0; padding-right: 10px; padding-left: 10px; position: relative; left: 0; top: 0; box-sizing: border-box; } .p_pagebox .next:hover{ color:rgba(255,255,255,1); border-width: 0; border-style: solid; border-color:rgba(255,255,255,0); background-color:#1b2eb954cf4c; cursor:pointer; } .p_pagebox .next:active{ background-color:#eb954c; } .p_pagebox .next .font{ display:table-cell; vertical-align:middle; bottom:0; font-size: 12px; line-height: 45px; } .p_pagebox .next .iconfont{ display:inline-block; color:rgba(255,255,255,1); vertical-align:top; width: auto; height: auto; float: right; font-size: 22px; } .p_pagebox .next:hover .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .next:active .iconfont{ color:rgba(255,255,255,1); } .p_pagebox .next .iconfont:before{ content: "\e6af"; line-height: 45px; font-size: 12px; } /**support***/ .c_portalResProblem_list-01001001 .p_articles { border-bottom: 0px solid rgb(228, 228, 228); } .c_portalResProblem_list-01001001 .p_Aske { display: none!important; } .c_portalResProblem_list-01001001 .p_ListNomIcon { display: none; } .c_portalResProblem_list-01001001 .p_title { width: 100%; } .c_portalResProblem_list-01001001 .p_askeBox { padding-left: 0px; } .c_portalResProblem_list-01001001 .p_problem { margin: 0px 0px; } #c_portalResProblem_list-15855494432204570 { padding:0px 20px; } .c_portalResProblem_list-01001001 .p_Answer { padding-right: 5px; padding-left: 5px; margin-top: 8px; line-height: 23px; width: 24px; display: none; height: 22px; } .c_portalResProblem_list-01001001 .p_AnswerBox { width: 100%; height: auto; padding-left: 0px; margin-top: 10px; display: -webkit-flex; display: -moz-flex; display: -ms-flexbox; display: -ms-flex; display: flex; display: -webkit-flex; display: -moz-box; display: -moz-flex; display: -ms-flexbox; display: flex; display: -webkit-box; } /**blog**/ #c_portalResNews_list-15855399495104882 { max-width: 1240px; margin: auto; width: 100%; padding: 0px 0px 40px; } .bn_wz img { width:100px; } #c_portalResNews_list-15855399495104882 .newLi { position: relative; overflow: hidden; padding: 0px; float: left; padding: 10px 20px; width: 100% !important; } #c_portalResNews_list-15855399495104882 .newLi1 { position: relative; overflow: hidden; padding: 0px; float: left; width: 100%; } #c_portalResNews_list-15855399495104882 .newTitle { font-size: 14px; color: #fff; overflow: hidden; text-overflow: ellipsis; position: relative; white-space: nowrap; width: 100%; } .c_portalResVideo_list-01001 .p_articles { position: relative; height: auto; width: 100% !important; margin: 0px; display: inline-block; vertical-align: top; padding: 20px; background: none; } .c_portalResVideo_list-01001 .p_Video { width: auto; height: auto; padding: 0 0px; } #c_portalResVideo_list-15850430838882418 { width: auto; max-width: 1260px; min-width: 0px; height: auto; max-height: none; min-height: 0px; margin-top: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0px; padding-top: 0px; padding-left: 0px; padding-right: 0px; padding-bottom: 50px; } .c_portalResVideo_list-01001 .p_NumBox { display: none; position: absolute; bottom: 12px; right: 12px; height: auto; width: auto; } #c_portalResVideo_list-15850430838882418 .linkM { display: none; } /**news**/ #c_portalResNews_list-15850457790192839 .p_news { padding: 0; background: #f5f5f5; } #c_portalResNews_list-15850457790192839 { padding:20px; } #c_portalResNews_list-15850457790192839 .listContent { padding: 20px; } #c_portalResNews_category-15851026854093487 { background: none; text-align: center; margin: 20px 0px 0px; width: 100%; } #c_portalResNews_list-15850457790192839 .newNmaeLink { color: #242424; font-family: HurmeGeometricSans; font-size: 16px; } #c_portalResNews_list-15850457790192839 .listSumray { color: #666; } #c_portalResNews_list-15850457790192839 .time { margin-top:10px; } .btn-primary { color: #fff; background-color:#eb954c; border-color:#eb954c; } /**pr**/ #c_portalResProduct_list-15850370483002991 .proTitle { font-size: 16px; color: #000; overflow: hidden; text-overflow: ellipsis; position: relative; white-space: nowrap; width: 100%; } .c_portalResProduct_category-01001 .p_btn-show { display:none; } .c_portalResProduct_category-01001 .p_category { width: 100%; height: 100%; position: relative; top: 0; left: 0; transition: left 0.3s; z-index: 9999; } .c_portalResProduct_category-01001 .p_btn-hide { width: 10%; height: 100%; display: none; float: left; padding: 0px; background: #bfbfbf; } .c_portalResProduct_category-01001 .p_categoryBox { overflow-y: auto; width: 100%; height: 100%; float: left; margin: auto; text-align: center; box-sizing: border-box; padding: 0px 20px; } .c_portalResProduct_category-01001 .p_linkBox { padding: 0px; display: flex; } .c_portalResProduct_category-01001 .p_title {padding: 0px 0;background: #fff;color: #666;} .c_portalResProduct_category-01001 .p_parentBox { height: auto; width: 33.333%; display: inline-block; text-align: center; } .c_portalResProduct_category-01001 .color_assist { display:none; } .xq .bn_wz p:nth-of-type(1) { font-size: 60px !important; text-align: center; line-height: 1em; font-family: Chalet_Comprime; color: #fff; text-transform: uppercase; text-align: center; letter-spacing: 0px; text-indent: 0px; } .xq .bn_wz p:nth-of-type(2) { font-size: 20px !important; text-align: center; color: #fff; font-family: HurmeGeometricSans; line-height: 1em; } .c_portalResProduct_detail-03001001 { padding-top: 80px; } .c_portalResProduct_detail-03001001 .zt1_wz { position: relative; top: 0; transform: translateY(0%); padding: 0 50px; width: 100%; padding: 0px 20px !important; } .c_portalResProduct_detail-03001001 .zt1_2 img { display:none; } .c_portalResProduct_detail-03001001 .zt1_wz p:nth-of-type(1) { font-size: 30px; color: #231f20; line-height: 1em; font-weight: normal; margin-bottom: 20px; max-width: 500px; font-family: Chalet_Comprime; } .c_portalResProduct_detail-03001001 .zt1_wz p:nth-of-type(1) { font-size: 30px; color: #231f20; line-height: 1em; font-weight: normal; margin-bottom: 10px; margin-top: 20px; max-width: 500px; font-family: Chalet_Comprime; } .c_portalResProduct_detail-03001001 .zt1_wz p:nth-of-type(2) { font-size: 14px; color: #231f20; font-weight: normal; line-height: 1.7em; font-family: myriadsetpro; } .c_portalResProduct_detail-03001001 .zt1_wz p { font-size: 14px; color: #231f20; line-height: 1.7em; } .xq_main1 ul li { width: 33.33%; padding: 0px 5px; list-style: none; float: left; } .xq_main1 ul { padding-left: 5px; padding-right: 5px; } .c_portalResProduct_detail-03001001 .p_nextBox { background: #fff; padding: 0; border-top: 1px solid #e8e8e8; padding-top: 20px; display: none; } .c_portalResProduct_detail-03001001 .zt1 { width: 100%; float: left; background: none; position: relative; padding-bottom: 30px !important; margin-bottom: 0px; } /**about**/ .ab_main_center { max-width: 1100px; padding: 0px 20px; margin: 0px auto 40px; } .ab_main1_left { width: 100%; float: left; position: relative; } .ab_wz p span { display: block; font-family: Chalet_Comprime; font-size: 48px; line-height: 48px; } .ab_wz p { font-size: 14px; color: #fff; text-align: center; font-family: HurmeGeometricSans; } .ab_main_center p { font-size: 14px; color: #222; text-align: center; line-height: 1.7em; font-family: myriadsetpro; } .ab_main2_center .bt span { font-size: 48px; color: #222; display: block; font-family: Chalet_Comprime; line-height: 70px; } .ab_main2_center .bt { font-size: 14px; font-family: myriadsetpro; text-align: center; margin-bottom: 30px; color: #666; } .ab_main2_center ul li { list-style: none; width: 50%; float: left; padding: 10px; } .ab_main2_center ul li .bj p span { display: block; font-size: 18px; } .ab_main2_center ul li .bj p { position: absolute; bottom: 10%; font-family: myriadsetpro; font-size: 12px; color: #fff; width: 100%; text-align: center; } .ab_main2_center { max-width: 1240px; padding: 0px 20px; margin: 60px auto; } .ab_main3 .zt1_1 { width: 100%; float: left; } #ab4 { padding:0px } .ab_main4_wz p:nth-of-type(1) { font-size: 48px; font-family: Chalet_Comprime; } #ab4 .ab_main4_wz p:nth-of-type(1) { font-size: 30px; } .ab_main4_wz p { font-size: 14px; color: #fff; font-family: myriadsetpro; } .ab_main4_wz { position: absolute; top: 25%; width: 100%; text-align: center; padding: 0px 20px; left: 0px; } .ab_main4 { position: relative; padding: 50px 20px 0px; } .ab_main3 .zt1_2 { width: 100%; float: left; display: block; height: 100%; } .ab_main3 .zt1_wz { position: relative; top: 0%; transform: translateY(0%); padding: 0 50px; width: 100%; padding: 0px 0% !important; } .ab_main3 .zt1_2 img { display:none; } .ab_main_center p:nth-of-type(2) { font-family: Chalet_Comprime; font-size: 48px; line-height: 0.8em; } .ab_main3 .zt1 { padding: 0px 20px 20px; } .ab_main3 .zt1_wz p:nth-of-type(1) { font-size: 36px; color: #231f20; line-height: 1em; font-family: Chalet_Comprime; font-weight: normal; margin-bottom: 10px; margin-top: 10px; } .ab_main3 .zt1_wz p { font-size: 14px; color: #231f20; font-family: myriadsetpro; line-height: 1.6em; margin-bottom: 20px; } .c_portalResIntro_detail-01001 .p_con { margin: 0 0px; } .ab_main1 { padding:0px 20px } .ab_main1_left { width: 100%; float: left; position: relative; margin-bottom: 20px; padding: 0px 0px; overflow: hidden; } .ab_main21 p { font-size: 14px; color: #222; font-family: myriadsetpro; line-height: 1.6em; text-align: center; margin-top: 30px; } .ab_main42 .bt { font-size: 48px; font-family: Chalet_Comprime; text-align: center; color: #222; padding: 40px 20px 10px; } .ab_main42 ul li { list-style: none; width: 50%; float: left; padding: 10px; } .ab_main42 ul { max-width: 1240px; margin: 0px auto; float: left; padding-left: 10px; padding-right: 10px; } .ab_main43 .bt { font-size: 48px; font-family: Chalet_Comprime; text-align: center; color: #222; padding: 0px 20px 20px; } .ab_main42 { padding-bottom: 40px; } .ab_main43 ul li { width: 100%; float: left; list-style: none; overflow: hidden; padding: 0px 0px 20px; } .ab_main43 ul li p:nth-of-type(2) { font-size: 14px; color: #333; padding: 15px; background: #fff; } .ab_main43 { background: #f3f3f3; padding: 0px 20px 50px; } .ab_main5 .bt { font-size: 48px; font-family: Chalet_Comprime; text-align: center; color: #222; padding: 50px 20px 20px; } } #c_portalResNews_list-15855399495104882 .newLi { width: 50%; height: auto; }