/*初始化111*/ html,body{margin: 0;padding: 0;} .pagebox{ position:relative; }@font-face {font-family:'MontserratL'; src: url('/upload/font/MontserratL.otf') format('opentype');} @font-face {font-family:'MontserratR'; src: url('/upload/font/MontserratR.otf') format('opentype');} @font-face {font-family:'RobotoR'; src: url('/upload/font/RobotoR.ttf') format('truetype');} @font-face {font-family:'RalewayB'; src: url('/upload/font/RalewayB.ttf') format('truetype');} @font-face {font-family:'ADDIN'; src: url('/upload/font/ADDIN.ttf') format('truetype');} @font-face {font-family:'PoppinsM'; src: url('/upload/font/PoppinsM.otf') format('opentype');} @font-face {font-family:'PoppinsB'; src: url('/upload/font/PoppinsB.ttf') format('truetype');} @import url('https://fonts.font.im/css?family=Oswald'); /* scrollbar css */ /* width */ ::-webkit-scrollbar { width: 5px; } /* Track */ ::-webkit-scrollbar-track { background: #d7d7d7; border-radius: 6px; } table tr td:nth-child(1){} /* Handle */ ::-webkit-scrollbar-thumb { background: #888; border-radius: 6px; } /* Handle on hover */ ::-webkit-scrollbar-thumb:hover { background: #f1a713; } @keyframes rotate360 { form { transform: rotate(0); } to { transform: rotate(360deg); } } a:hover{ color:#333;} body div, span, font, p, td {font-family:"微软雅黑" !important;} *{word-break:unset!important;} @media (min-width: 1200px){ .container { width: 100%;} } .panel-info>.panel-heading {color: #444444 !important; background-color: #efefef !important; border-color: #e2e2ee !important;} .panel-info {border-color: #e2e2e2 !important;} @media only screen and (max-width:1440px) and (min-width:1280px){ #w_grid-1608173853163{ width:95% !important;} } @media only screen and (min-width: 769px) { .p_page .pre { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; margin: 0 5px 0 18px; text-align: center; padding: 0 10px; border-radius: 0px; border: 1px solid #f0f0f0; background: #f0f0f0; color: #333; } .p_page .pre:active { background: #f1a713; border-color: #f1a713; color: #fff; } .p_page .pre:hover { color: #fff; background: #f1a713; border-color: #f1a713; cursor: pointer; } .p_page .next { display: inline-table; position: relative; left: 0; top: 0; float: left; height: 38px; border: 1px solid #c8c8c8; background: #c8c8c8; color: #fff; text-align: center; padding: 0 10px; border-radius: 0px; } .p_page .next:active { background: #f1a713; border-color: #f1a713; color: #fff; } .p_page .next:hover { background: #f1a713; border-color: #f1a713; color: #fff; cursor: pointer; } .p_page .pageNum { position: relative; float: left; height: 38px; min-width: 38px; margin: 0 5px 0 0; padding: 0 5px; background-size: 100% 100%; color: #595959; border: 1px solid #f1a713; cursor: pointer; line-height: 38px; display: inline-block; font-family: inherit; font-size: 14px; font-weight: inherit; text-decoration: none; background-color: #fff; text-align: center; border-radius: 0px; } .p_page .pageNum:active { color: #fff; text-decoration: none; background-color: #f1a713; border-color: #f1a713; } .p_page .pageNum:hover { color: #fff; border-color: #f1a713; cursor: pointer; text-decoration: none; background-color: #f1a713; } .p_page .pageNum.active { text-decoration: none; background-color: #f1a713; color: #fff; border-color: #f1a713; } .kl{display: none !important;} } @media screen and (max-width: 768px) { .p_pagebox .NumBox { display: none !important;} .p_pagebox {width: 100%;text-align: center;} .p_pagebox .js_pageBtnDisable, .p_pagebox .js_pageBtnDisable:hover, .p_pagebox .js_pageBtnDisable:active {background: #f5f5f5 !important; border-color:#d9d9d9 !important; color: #bfbfbf !important; cursor: default;} .p_pagebox .js_pageBtnDisable .iconfont {color: #ddd !important;} .p_pagebox .js_pageBtnDisable:hover .iconfont {color: #bfbfbf !important;} .p_pagebox .pre {width: 48%; margin-right:2%; background-color:#f1a713;} .p_pagebox .pre:hover {color: rgba(255, 255, 255, 1);border-color: #f1a713;background-color: #f1a713;cursor: pointer;} .p_pagebox .pre:active {background-color: #f1a713;} .p_pagebox .next {width: 48%;margin-left:2%;background-color: #f1a713;} .p_pagebox .next:hover {background-color: #f1a713;} .p_pagebox .next:active {background-color: #f1a713;} } .lantern{ margin-left:55px !important; margin-right:55px !important; } #c_portalResProduct_list-15907231707965831.d_CommonInteractionA, #c_portalResProduct_list-15907231707965831.d_CommonInteractionB{ width:0px !important;} .p_CommonSwitchBtnA, .p_CommonSwitchBtnB{text-align: center !important; background: rgba(0,0,0,.3) !important; height: 40px !important; width:40px !important; border-radius: 40px !important; font-size:16px !important; line-height:40px !important; font-weight:bold;} .p_CommonSwitchBtnA:active, .p_CommonSwitchBtnA:hover, .p_CommonSwitchBtnB:active, .p_CommonSwitchBtnB:hover{ background:rgba(241,167,19,1) !important; color:#fff !important;} .p_CommonSquareNumBtn.active, .p_CommonSquareNumBtn:hover .p_CommonSquareNumBtn.active, .p_CommonSquareNumBtn:hover{background-color:#f1a713 !important;} .p_CommonSquareNumBtn{background-color:#fff !important;border-radius:16px;} #c_portalResProduct_list-16031702846481619 .lantern{ margin-left:0px !important; margin-right:0px !important; } #c_portalResProduct_list-16031702846481619 .p_CommonSquareNumBtn.active, #c_portalResProduct_list-16031702846481619 .p_CommonSquareNumBtn:hover #c_portalResProduct_list-16031702846481619 .p_CommonSquareNumBtn.active, #c_portalResProduct_list-16031702846481619 .p_CommonSquareNumBtn:hover{background-color:#f1a713 !important;} #c_portalResProduct_list-16031702846481619 .p_CommonSquareNumBtn{background-color:#666 !important;border-radius:16px;} .swiper-button-prev, .swiper-container-rtl .swiper-button-next, .swiper-button-next, .swiper-container-rtl .swiper-button-prev{ background:none !important;} .e_FlowCommonStyleBox-001 .stylebox_top, .e_FlowCommonStyleBox-001 .stylebox_title{ background:#333 !important;} .e_ContentMajorStyleBox-001 .stylebox_top{ background:#333 !important;} .e_ContentMajorStyleBox-001 .stylebox_title{ background:none!important;} .e_SideMajorStyleBox-001 .stylebox_top{ background:#f1a713 !important;} .e_SideMajorStyleBox-001 .stylebox_title{ background:none!important;} #w_grid-1597797730681-{position:fixed !important;top: 0!important; z-index: 999 !important;background:#fff !important; box-shadow: 0 0 20px rgba(0,0,0,.2)!important;} .small-title{ font-size:14px !important;} #w_grid-1615339621330{ background:#f1a713 !important;} #w_grid-1597797730681- .p_gridbox, #w_grid-1615339674432 .p_gridbox, #w_grid-1615339621330 .p_gridbox{ overflow:visible !important;} #w_common_text-1615342904352 p span, #w_common_text-1615423452117 p span{ font-family:'PoppinsM' !important;} #w_common_text-1615342904352{ background:url(/img/top_tel.png) no-repeat left center !important; text-indent:38px !important;} #w_common_text-1615342904352 p span a{ color:#010101 !important;} #w_common_text-1615342904352 p span a:hover{ color:#f1a713 !important; text-decoration:underline !important;} #w_common_text-1615342955802{ background:url(/img/top_yy.png) no-repeat left center !important; text-indent:28px !important;} #w_common_text-1615342955802 p span a{ color:#010101 !important; margin-left:10px;margin-right:10px; } #w_common_text-1615342955802 p span a:hover{ color:#f1a713 !important; text-decoration:underline !important;} #w_grid-1615344316461{background: url(/img/abr_slw.png) #f6f6f6 no-repeat 75% bottom !important;} #w_common_text-1615345076786 p span{ font-family:'PoppinsB' !important;} #w_common_text-1615345559473:before{content:"";width:55px;height:2px; background:#f1a713; position:absolute;top:3%;left:0;} #w_common_text-1615345559473{text-indent:70px !important;} @media only screen and (max-width: 1440px) and (min-width:1280px){ #w_grid-1615344316461{background: url(/img/abr_slw.png) #f6f6f6 no-repeat 90% bottom !important;} } #w_grid-1615344323881{background: url(/img/prbg.jpg) no-repeat center center !important;} #w_grid-1615353259439{ background:#f6f6f6 !important;} #w_grid-1615354031672, #w_grid-1615354486289, #w_grid-1615354493973, #w_grid-1615354493980 {box-shadow:0px 0px 10px 3px rgba(0, 0, 0, 0.2); background:#fff; transition:all .5s ease !important;border-radius:5px !important;} #w_grid-1615354031672:hover, #w_grid-1615354486289:hover, #w_grid-1615354493973:hover, #w_grid-1615354493980:hover { transform:translateY(-10px)!important;} #w_grid-1615353264307{ background:#f2f4f6 !important;} #content_box-1615361018464-0:before{content:"";width:100%;height:3px; background:#d4d4d4; position:absolute;top:45%;left:0;} #w_grid-1615361062932{ background:#fff !important;} #w_grid-1608169414404{ background: #090711;} #w_grid-1615427675631{ background:url(/img/cerbg.jpg) fixed no-repeat center center !important;} #w_common_text-1615423452117.reset_style { color:#f1a713!important; text-decoration:none !important;} #w_common_text-1615423452117.reset_style a{ color:#f1a713 !important; text-decoration:none !important;} #w_common_text-1615423452117.reset_style a:hover{ color:#fff !important; text-decoration:underline !important;} #w_common_text-1608169414495.reset_style { color:rgba(255,255,255,.6) !important; text-decoration:none !important;} #w_common_text-1608169414495.reset_style a{ color:rgba(255,255,255,.6) !important; text-decoration:none !important;} #w_common_text-1608169414495.reset_style a:hover{ color:#f1a713 !important; text-decoration:underline !important;} #w_common_text-1608169414507.reset_style { color:rgba(255,255,255,.6) !important; text-decoration:none !important;} #w_common_text-1608169414507.reset_style a{ color:rgba(255,255,255,.6) !important; text-decoration:none !important;} #w_common_text-1608169414507.reset_style a:hover{ color:#f1a713 !important; text-decoration:underline !important;} #w_fimg-1598169387553 img{opacity: .6!important;} #w_fimg-1598169387553:hover img{opacity: 1!important;transition: all .5s; -webkit-transition: all .5s;} /* 旋转开始 */ #w_fimg-1598259842586 img {transition: all 1s ease;transform: perspective(800px) rotateY(0deg);-webkit-transform: perspective(800px) rotateY(0deg);-moz-transform: perspective(800px) rotateY(0deg);} #w_fimg-1598259842586:hover img {transition: all 1s ease;transform: perspective(800px) rotateY(360deg);-webkit-transform: perspective(800px) rotateY(360deg);-moz-transform: perspective(800px) rotateY(360deg);} /* 旋转结束 */ /* 图片放大开始 */ #w_fimg-1608174516784 img {opacity:1px;-webkit-transform:scale(1.00);-moz-transform:scale(1.00);-o-transform:scale(1.00);-webkit-transition-duration:1.5s;-moz-transition-duration:1.5s;-o-transition-duration:1.5s;overflow:hidden;} #w_fimg-1608174516784:hover img {opacity:1px;-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05);-webkit-transition-duration:1.5s;-moz-transition-duration:1.5s;-o-transition-duration:1.5s;overflow:hidden;} /* 图片放大结束 */ /* map */ #mapContainer{width:100%; height:450px;} #tip{height:30px;background-color:#fff;padding-left:10px;padding-right:10px;position:absolute;font-size:12px;right:10px;bottom:20px;border-radius:3px;line-height:30px;border:1px solid #ccc;} div.info-top {position: relative;background: none repeat scroll 0 0 #F9F9F9;border-bottom: 1px solid #CCC;border-radius:5px 5px 0 0;} div.info-top div {display: inline-block;color: #333333;font-size:14px;font-weight:bold;line-height:31px;padding:0 10px;text-align:left; font-family:Arial, Helvetica, sans-serif;} div.info-top img {position: absolute;top:10px;right: 10px;transition-duration: 0.25s;} div.info-top img:hover{box-shadow: 0px 0px 5px #000;} div.info-middle {font-size:12px;padding:10px;line-height:21px;text-align:left; font-family:Arial, Helvetica, sans-serif;} div.info-bottom {height:0px;width:100%;clear:both;text-align:center;} div.info-bottom img{position: relative;z-index:104;} /* ipad */ @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResnav_main-15977998357815976 .navBtn{top: 26px !important;} #c_portalResnav_main-15977998357815976 .navBtnImg{ width:100% !important; height:80%!important;} #content_box-1597797946243-0, #content_box-1597797946243-1{ width:50% !important; clear:none !important;} #w_grid-1597798274188{ max-width:100% !important; } #w_common_text-1597798266500 {background: url(/img/it_tel.png) 40px center no-repeat !important;} #c_portalResnav_main-15977998357815976 .tNav{ top:155px !important;} #w_common_text-1590713787671{ width:100% !important; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical; text-overflow: ellipsis;} #content_box-1597799683293-0{ width:23% !important;} #content_box-1597799683293-1{ width:58% !important;} #content_box-1597799683293-2{ width:19% !important;} } @media only screen and (max-width: 768px){ .lantern{ margin-left:0 !important; margin-right:0 !important; } .p_CommonSwitchBtnA, .p_CommonSwitchBtnB{ display:none !important; } #w_grid-1582185959753{ margin-top:0px !important; } .mobitem{background:no-repeat center/cover; } #w_grid-1608169414458{ width:100% !important; } #w_common_text-1608169414495 p, #w_common_text-1608169414481 p{ text-align:center !important;} #w_fimg-1608169414486{ margin:0 auto!important; max-width: 145px !important;} #c_portalResNews_list-16081875107407358{ margin-top:0 !important;} #w_common_text-1608186742000, #w_common_text-1608172368222{ margin-top:3% !important;} #c_portalResSearch_total-16030886395449279{ margin-top:20px !important; } #w_grid-1604560668213{ margin-bottom:0%!important; } #w_grid-1604562080996{ margin-top:30px !important; margin-bottom:30px !important; } #w_fbtn-1604561634835{ margin-bottom:40px !important; } #c_portalResnav_main-15977998357815976{ height:auto !important;} #c_portalResnav_main-15977998357815976 .navBtn{ top:5px !important; background:none !important;} #c_portalResnav_main-15977998357815976 .tNavBox{ height:50px !important;} #c_portalResnav_main-15977998357815976 .tNav{ top:114px !important;} #w_common_text-1590713698516 p span{ font-size:19px !important;} #w_common_text-1590713787671{display: -webkit-box; -webkit-line-clamp: 6; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow:hidden;} #w_common_text-1590713787671{ width:100% !important;} .imageResponse{width:100% !important;} #c_portalResnav_main-15981609128237867{ margin-top:17px !important;} .c_portalResnav_main-01001004 .header #navToggle{ margin-top:0 !important;} .c_portalResnav_main-01001004 .header{ height:auto !important;} .e_FlowCommonStyleBox-001 .stylebox_top, .e_FlowCommonStyleBox-001 .stylebox_top_line{ display:none!important;} .e_FlowCommonStyleBox-001 .stylebox_content{ border:medium none!important;} #w_common_text-1598169411911 p span{ font-size:25px!important;} #w_grid-1598169356194{ width:90% !important; margin-top:50px !important;} #w_grid-1598259842539{ margin: 20px auto 0 !important; } .e_ContentMajorStyleBox-001 .stylebox_top{ display:none!important;} .e_ContentMajorStyleBox-001 .stylebox_content{ border:medium none!important;} .e_ContentMajorStyleBox-001 .stylebox_top_line{ display:none!important;} #w_common_text-1615423452117{ text-align:center !important;} #w_grid-1615339621330{ background:none !important;} #w_fimg-1615455895802{max-width:100px !important; padding:10px 0 10px 10px !important;} #w_common_text-1615345598099 p span, #w_common_text-1615353069901 p span, #w_common_text-1615353360715 p span, #w_common_text-1615361006493 p span, #w_common_text-1615355062301 p span{ font-size:24px !important;} #w_common_text-1615355062317{ width:100% !important;} #w_grid-1615344640407{ margin:-20% auto 5% !important;} #w_common_text-1615354377544, #w_common_text-1615354486325, #w_common_text-1615354494002, #w_common_text-1615354494038{ text-align:center!important; margin-top:15px!important;} #w_fline-1615354405725, #w_fline-1615354486332, #w_fline-1615354494007, #w_fline-1615354494043{ margin:0 auto !important;} #w_common_text-1615354447458, #w_common_text-1615354486339, #w_common_text-1615354494012, #w_common_text-1615354494048{ margin-bottom:20px !important;} #w_fimgbox-1615359787221, #w_fimgbox-1615359793617{ margin-top:10px !important;} } /* 左侧联系我们 */ .left_tel{ width:85%!important; margin:10px auto 15px !important;} .left_tel ul{list-style: disc outside none !important;} .left_tel ul li{display: list-item !important; list-style-type: inherit !important; font-size:14px; line-height:30px; color:#666;} .left_tel ul li a{ color:#666; text-decoration:none;} .left_tel ul li a:hover{ color:#333; text-decoration:underline;} /* 语言下拉 */ * { margin: 0;padding: 0;list-style: none;} .lang-select {position: relative;display: inline-block;} .lang-type {display: inline-block; color: #444; width: 140px; position: relative; border: 1px solid #a5a5a5; padding: 0 10px; cursor: pointer; border-radius: 15px; transition: all 0.5s ease; height: 30px;line-height: 30px; background: url(/img/yy_b.png) no-repeat 10px center; text-indent: 30px; font-size: 14px; } .lang-type:after { position: absolute; right: 15px; top: 50%; margin-top: -5px; content: ""; border-right: 1px solid #444; border-bottom: 1px solid #444; display: inline-block; width: 7px; height: 7px; transform: rotate(45deg); transition: all 0.3s; } .lang-list { visibility: hidden; transition: all 0.3s; transform: translateY(20px); position: absolute; opacity: 0; top: 20px; width: 100%; padding-top: 5px; /*控制间距*/ z-index:999 !important; } .lang-list:before { content: ""; border: 6px solid transparent; border-bottom-color: #fff; font-size: 0; /*display: inline-block;*/ margin-left:46%; } .lang-list ul { padding: 10px; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1); } .lang-list ul li a { color: #666; text-decoration: none; display: block; padding: 5px 10px; text-align:center; } .lang-list ul li a:hover { color: #fff; background: #f1a713; } .lang-select:hover .lang-list { transform: translateY(0); opacity: 1; visibility: visible; } .lang-select:hover .lang-type { color: #fff; border:solid 1px #f1a713; background: url(/img/yy_h.png) #f1a713 no-repeat 10px center; } .lang-select:hover .lang-type:after { transform: rotate(225deg); margin-top: -1px; border-color: #fff; } @media only screen and (max-width: 1024px) and (min-width: 769px){ #c_portalResMessage_form-15978186742683089 .p_email{ width:auto !important;height:42px!important;} #c_portalResMessage_form-15978186742683089 .form-group{ padding:0 !important;} #c_portalResMessage_form-15978186742683089 .c_portalResMessage_form-01001{ position:relative!important;} #c_portalResMessage_form-15978186742683089 .p_CoupWBox{ position:absolute!important; left:582px !important; top:10px !important;} #c_portalResMessage_form-15978186742683089 .form-control{height:42px !important; width: 246px!important;} } @media only screen and (max-width: 768px){ #c_portalResMessage_form-15978186742683089 .p_email{ width:auto !important;height:42px!important;} #c_portalResMessage_form-15978186742683089 .form-group{ padding:0 !important;} #c_portalResMessage_form-15978186742683089 .c_portalResMessage_form-01001{ position:relative!important;} #c_portalResMessage_form-15978186742683089 .p_CoupWBox{ position:absolute!important; left:230px !important; top:57px !important;} #c_portalResMessage_form-15978186742683089 .form-control{height:42px!important; width: 216px!important;} #content_box-1597818034895-1{ margin:10px 0 !important;} } /* 同步带计算 */ .tbd_bt {font-size: 18px;color:#f1a713;line-height:30px; font-weight:bold;} .tbd_bt4 {font-size: 16px; line-height:30px;} .tbd_bt5 {color: #000000; line-height:30px;} .tbd_bt6 {font-size:16px; color: #000000; line-height:30px;} .tbd_bt7 {color: #ff0000;font-weight: bold;line-height:30px;}