@charset "utf-8"; video{outline: none;} :focus {outline: 0;} #ll-layout{ min-width: 1200px; margin: 0 auto; width: 100%;} #ll-layout .lljz_web_main,#lljz_web_menu,#ll-layout .fullInc_child{max-width: 1200px; margin: 0 auto; position: relative;} #lljz_main_float,#lljz_footer_float,#lljz_footer_dropDom,#lljz_web_float{ z-index: 9;} #lljz_web_logo{ z-index: 100;} #lljz_web_menu{ z-index: 8;} #lljz_web_header{ height: 150px;} #lljz_footer{ min-height: 50px; background-color: #3a3a3a;} #ll-layout .llw-laypage{text-align: center; padding: 10px 0;} #lljz_web_main{min-height: 700px; position: relative; z-index: 5;} #lljz_web_member{ position: relative; z-index: 10;} #lljz_topInclude{ position: relative; z-index: 9; display: none;} #lljz_topInclude .com_topInclude{height: 100px; overflow: hidden; background-color: #fff; position: relative;} #lljz_topInclude .topInc_close{ position: absolute; top: 25px; right: 60px; width: 35px; height: 35px; border-radius: 35px; background-color: #fff; cursor: pointer; text-align: center; line-height: 35px;} .middleSpan{ font-size: 0;} .middleSpan > span{ display: inline-block; vertical-align: middle;} .middleSpan::after{ height: 100%; display: inline-block; vertical-align: middle; width: 0; overflow: hidden; content: "";} .middleImg{ font-size: 0; text-align: center;} .middleImg img{ display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: 100%; height: 100%;} .middleImg::after{ height: 100%; display: inline-block; vertical-align: middle; width: 0; overflow: hidden; content: "";} .moduleComp{ max-width: 1200px; margin: 0 auto; width: 100%;} .compsBox{ position: relative; z-index: 1;} .compsBox > .ll_view > .ll_animView{ position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .compsBox > .moduleView{ padding: 10px 0;} .compFloat{ position: absolute!important; top: 0; left: 0; z-index: 9;} .compFloat > .ll_view{overflow: hidden; position: absolute; top: 0; right: 0; bottom: 0; left: 0;} .editLab .compFloat:hover{ z-index: 99!important;} .compsBox .hasChild{ position: relative;} .com_articleDetail .newsDetail_con p,.com_proDetail .proTabCon_list p,.com_proDetail .proDetail_con_list p,.com_imageText .imageText_view{ min-height: 1.75em;} /*缃戠珯瀵艰埅鏍峰紡*/ .com_menu.menuFixed{ position: fixed!important;} .com_menu .menu_view{ position: relative;} .com_menu .menu_view, .webMenu_list,.com_menu .webMenu_list > ul,.com_menu .webMenu_list > ul > li{ height: 100%;} .com_menu .webMenu_list > ul{ font-size: 0;} .com_menu .webMenu_list li.menu_li{ width:10px; height: 100%; overflow: hidden; text-align: center; display: inline-block; vertical-align:top; position: relative;} .com_menu .showType_0 li,.com_menu .showType_1 ul.itemList_0 > li.menu_nav{display: inline-block; width: 100px; text-align: center; font-size: 0;} .com_menu .webMenu_list li a{ display: block; height: 100%; white-space: nowrap; overflow: hidden; box-sizing: border-box; border:0} .com_menu .webMenu_list li a span{display: inline-block; vertical-align: middle; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; max-width: 100%;} .com_menu .webMenu_list li a::after{ display: inline-block; vertical-align: middle; width: 0; height: 100%; content: "";} .com_menu .webMenu_list li a:hover,.com_menu .webMenu_list li.on > a,.com_menu .webMenu_list li:hover > a{ background-color: #5874d8; color: #fff;} /* .com_menu .webMenu_list li:hover ul{ display: block;} */ .com_menu .webMenu_list.menuStyle_1 li.menu_nav > a{ border-radius: 30px;} .com_menu .webMenu_list.menuStyle_2 li.menu_nav > a{ border-radius: 6px;} .com_menu .webMenu_list.menuStyle_3 li.menu_nav > a:hover,.com_menu .webMenu_list.menuStyle_3 li.menu_nav.on > a{ background-color:transparent; color: #5874d8;} .com_menu .webMenu_list.menuStyle_4 li.menu_nav > a{border-bottom: 2px solid transparent;} .com_menu .webMenu_list.menuStyle_4 li.menu_nav.on > a,.com_menu .webMenu_list.menuStyle_4 li.menu_nav:hover > a{ border-bottom-color: #5874d8; color: #5874d8; background-color: transparent;} .com_menu .webMenu_list.menuStyle_5 li.menu_nav > a{ border-top: 2px solid transparent;} .com_menu .webMenu_list.menuStyle_5 li.menu_nav.on > a,.com_menu .webMenu_list.menuStyle_5 li.menu_nav:hover > a{ border-top-color: #5874d8; color: #5874d8; background-color: transparent;} .com_menu .webMenu_list.menuStyle_5 li.menu_li::after{background-color: #ddd;} .com_menu .webMenu_list li.menu_li::after{content: ""; width: 1px; height: 20px; top: 50%; margin-top: -10px; left:50%; margin-left: -1px; position: absolute;} /* 瀛愭爮鐩瀭鐩村睍绀烘柟寮 */ .com_menu .showType_0 li{position: relative; } .com_menu .showType_0 ul ul{ display: none; position: absolute; left: 0; top: 100%;} .com_menu .showType_0 ul ul li{ height: 40px; width: 100px;} .com_menu .showType_0 ul ul li a{ background-color: #fcfcfc;} .com_menu .showType_0 ul ul ul{ left: 100%; top: 0;} .com_menu .showType_1 ul ul.itemList_1{ display: none; position: absolute; left: 0; top: 100%; right: 0; background-color: #fff; text-align: center; white-space: nowrap;} .com_menu .showType_1 ul ul.itemList_1 > li{ display: inline-block; vertical-align: top; white-space: nowrap; position: relative; width: 100px;} .com_menu .showType_1 ul ul.itemList_1 > li a{ display:block; text-align: center; height: 40px; line-height: 40px;} .com_menu .showType_1 ul ul.itemList_2{ display: none; position: absolute; top: 100%; left: 0; right: 0;} .com_menu .showType_1 ul ul.itemList_2 li{ height: 40px; text-align: center; background-color: #fcfcfc;} /*缃戠珯搴曢儴鏍峰紡*/ .com_footer,.com_footer .footer_view{ min-height: auto!important;} .com_footer .footer_view{ border:0; color: #fff; text-align: center;} .com_footer .footer_view a{ color: #fff;} .com_footer .footer_view a:hover{ color: #225dab;} .com_footer .webCopyright{ padding: 10px 0; } .com_footer .webSupport{ line-height: 40px;} .com_footer .webSupport > div.ws_lan{ display: inline-block; white-space: nowrap;} .com_footer .webSupport > span.ws_line{ padding: 0 5px;} .com_footer .webSupport > span.ws_line::after{ content: "|";} .com_footer .webSupport .icpIcon{ display: inline-block; margin-right: 5px; vertical-align: middle;} /*缃戠珯鍥剧墖缁勪欢鏍峰紡*/ .com_picture{width: 110px; height: 110px;} .com_picture > .ll_view img.compFloat-pic{ display: block; } .com_picture .imagesBox {cursor: pointer;} .com_picture .compFloat-pic,.com_picture .picHover {box-sizing: border-box;width: 100%; height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .com_picture .hasHoveImg .picHover {display: none;opacity: 0;transition: 0.3s;} .com_picture .hasHoveImg img.picHover:hover {opacity: 1;} .com_picture .hasHoveImg:hover .picHover{ display: block;} .com_picture .imageEffects {position: absolute;top: 0;left: 0;right: 0;bottom: 0;box-sizing: border-box;opacity: 0;} .com_picture .imgAnimate {transition: opacity .8s;} .com_picture .imgMagnifier {background: url("../images/imgEffetc_magnifier.png") 50% no-repeat;} .imgScale {transition: transform .5s;} .animType_1:hover .imgAnimate {opacity: 1;} .animType_2:hover .imgAnimate {opacity: 1;} .animType_3:hover .compFloat-pic {transform: scale(1.1);} .animType_5 .compFloat-pic {width: 103%} .animType_5:hover .compFloat-pic {transform: translateX(-2%);} /* 杩斿洖椤堕儴缁勪欢鏍峰紡 */ #lljz_backToTop{ position: fixed; z-index: 9; right: 45px; bottom: 50px;display: none;} #lljz_backToTop .com_backTop .toolbtn-line{ display: none;} #lljz_backToTop .com_backTop .backTop_style_1{width: 50px; height: 50px; line-height: 50px; text-align: center; cursor: pointer; color: #fff;} #lljz_backToTop .com_backTop .backTop_style_1 .iconNone {display: none;} #lljz_backToTop .com_backTop .backTop_style_1 i {display: inline-block;} #lljz_backToTop .com_backTop .backTopBg {width: 100%;height: 100%;background: #5874d8;} #lljz_backToTop .com_backTop .picBackTop {position: absolute;top: 0;left: 0;width: 100%;height: 100%;} #lljz_backToTop .com_backTop .backTop_style_1 .icon1 {font-size: 26px;} #lljz_backToTop .com_backTop .backTop_style_1 .icon2 {font-size: 14px;} #lljz_backToTop .com_backTop .backTop_style_1:hover .icon2.layui-icon-up::before {content: "TOP";font-size: 13px;} #lljz_backToTop .com_backTop .backTop_style_1 .icon3 {border-radius: 8px;transform: rotate(180deg);font-size: 18px;} #lljz_backToTop .com_backTop .backTop_style_1 .icon4 {border-radius: 50%;} #lljz_backToTop .com_backTop .backTop_style_1 .icon5 {font-size: 38px;} #lljz_backToTop .com_backTop .backTop_style_1 .icon6 {background: url("../images/backtotop5.png") no-repeat center top;} #lljz_backToTop .com_backTop .backTop_style_1 .icon7 {background: url("../images/backtotop7.png") no-repeat center top;} #lljz_backToTop .com_backTop .backTop_style_1:hover .icon7 {background: url("../images/backtotop7_hover.png") no-repeat center top;} #lljz_backToTop .com_backTop .backTop_style_1 .icon8 {background: url("../images/backtotop8.png") no-repeat center top;} #lljz_backToTop .com_backTop .backTop_style_1:hover .icon8 {background: url("../images/backtotop8_hover.png") no-repeat center top;} .com_freeInclude > .ll_view{ padding:0;} .com_freeInclude > .ll_view > .hasChild{ min-height: 200px;} .com_imageText > .imageText_view{ min-height: 100px; line-height: 25px;} .com_imageText > .imageText_view img{ max-width: 100%;} .com_imageText .imageText_image{ display: block;} .com_imageText .imageText_img_1,.com_imageText .imageText_img_6{ text-align: center;} .com_imageText .imageText_img_3{ float: left;} .com_imageText .imageText_img_5{ float: right;} #app-view .com_simpleText .moveHandle{display: none;} /* 缃戠珯鎸夐挳缁勪欢鏍峰紡 */ .com_button .btn_w_h {width: 100%;height: 200%;} .com_button .btn_Inside {position: absolute;width: 100%;height: 100%;color: #fff;text-align: center;background-color: #5874d8;border-radius: 5px;box-sizing: border-box;} .com_button .btn_text::after {content: "";height: 100%;display: inline-block;vertical-align: middle;} .com_button .btn_bg1_view,.com_button .btn_bd1_view{border-radius: 0px;} .com_button .btn_bg2_view,.com_button .btn_bd2_view{border-radius: 5px;} .com_button .btn_bg3_view,.com_button .btn_bd3_view{border-radius: 15px;} /* 缃戠珯LOGO缁勪欢鏍峰紡 */ .com_logo.menuFixed{ position: fixed!important;} .com_logo,.com_logo .ll_view{min-width: 50px; min-height: 20px;} .com_logo .ll_view img.compFloat-pic{ display: block; } .com_logo .compFloat-pic,.com_logo .picHover {box-sizing: border-box;width: 100%; height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;} .com_logo .hasHoveImg .picHover {display: none;opacity: 0;transition: 0.3s;} .com_logo .hasHoveImg img.picHover:hover {opacity: 1;} .com_logo .hasHoveImg:hover .picHover{ display: block;} /* 缃戠珯杞挱鍥剧粍浠舵牱寮 */ .com_carousel div.carouselHigh {height: 100px;overflow: hidden;} .com_carousel .slideBox {position: relative;width: 100%;height: 100%;} .com_carousel .slideImg {position: relative;height: 100%; overflow: hidden;} .com_carousel .slideImg .tempWrap,.com_carousel .slideImg .tempWrap > ul{ height: 100%;} .com_carousel .slideImg li {zoom: 1;vertical-align: middle; height: 100%; position: relative;} .com_carousel .slideImg li .slideList{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-position: top center; background-size: 100% auto; background-repeat: no-repeat;} /* .com_carousel .slidePic img {width: 100%;height: 100%;} */ .com_carousel .titleContent {position: absolute;bottom: 0;width: 100%;height: 50px;line-height: 50px;background-color: rgba(51, 51, 51, .7);text-align: center;color: #fff;} .com_carousel .switchPage .liStyle_0 li.on,.com_carousel .switchPage .liStyle_2 li.on {opacity: 1;} .com_carousel .switchPage .liStyle_1 li.on {color: #fff;background-color: #f00;} .com_carousel .switchPage .liStyle_4 li.on{ border-color: #5874d8;} .com_carousel .leftArrow {position: absolute;top: 50%; margin-top: -35px; left: 0;width: 70px;height: 70px;background-color: rgba(158, 158, 158, 0.4);border-radius: 10px;cursor: pointer;margin-left: 20px;z-index: 1;} .com_carousel .leftArrow i {display: block;text-align: center;line-height: 70px;color: #fff;font-size: 46px;} .com_carousel .rightArrow {position: absolute;top: 50%; margin-top: -35px;right: 0;width: 70px;height: 70px;background-color: rgba(158, 158, 158, 0.4);border-radius: 10px;cursor: pointer;margin-right: 20px;z-index: 1;} .com_carousel .rightArrow i {display: block;text-align: center;line-height: 70px;color: #fff;font-size: 46px;} .com_carousel .switchPage {position: absolute;bottom: 0;left: 0; right: 0; overflow: hidden;z-index: 1;text-align: center;} .com_carousel .switchPage ul li {display: inline-block;text-align: center;overflow: hidden;background-color: #fff;margin-right: 5px;cursor: pointer;margin-bottom: 5px;} .com_carousel .liStyle_0 li {width: 12px;height: 12px;opacity: 0.5;border-radius: 50%;text-indent: 100px;} .com_carousel .liStyle_1 li {width: 18px;height: 18px;line-height: 18px;} .com_carousel .liStyle_2 li {width: 17px;height: 8px;opacity: 0.5;text-indent: 100px;} .com_carousel .liStyle_4{ padding-left: 5px;} .com_carousel .liStyle_4 li { width:80px; height: 60px; border: 2px solid transparent; cursor: pointer; text-align: center; font-size: 0;} .com_carousel .liStyle_4 li img{ max-width: 100%; max-height: 100%;} .com_carousel .liStyle_4 li::after{ height: 100%; width: 0; content: ""; display: inline-block; vertical-align: middle;} .com_carousel .poster-main{position: relative; width: 100%; height: 100%; margin: 0 auto; } /* .com_carousel .poster-main img{display: block; box-shadow: 0px 0px 3px #222222; -webkit-box-shadow: 0px 0px 10px #222222;} */ /* .com_carousel .poster-main a,.com_carousel .poster-main img{display: block; width: 100%; height: 100%;} */ .com_carousel .poster-main a.item_img{display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;} .com_carousel .poster-main{ padding-top: 25px; position: relative;} .com_carousel .poster-main .poster-list{width: 1000px; height: 500px; position: relative;} .com_carousel .poster-main .poster-list .poster-item{width: 200px; height: 500px; position: absolute; left: 0; top: 0;} .com_carousel .poster-main .poster-list .poster-item .item{position: relative; width: 100%; height: 100%} .com_carousel .poster-main .poster-btn{position: absolute; top: 0; cursor: pointer; } .com_carousel .poster-main .poster-prev-btn{left: 0;} .com_carousel .poster-main .poster-next-btn{right: 0;} .com_carousel .poster-item-title{ background-color: rgba(0, 0, 0, .6); color: #FFF; width: 100%; height: 52px; line-height: 52px; position: absolute; bottom: 0; text-align: center;} /*缃戠珯榛樿澶氬垪*/ #lljz_web_con > table.lljzWebCon{ table-layout:fixed; border-collapse: collapse; border: 0; width: 100%;} /* .isSafari #lljz_web_con > table.lljzWebCon td.webCon{ display: inline-block;} */ #lljz_web_con > table.lljzWebCon td.webCon_left{ width: 250px; padding-right: 10px; } /* #lljz_web_con > table.lljzWebCon td.webCon_center{} */ #lljz_web_con > table.lljzWebCon td.webCon_right{ width: 250px; padding-left: 10px;} #lljz_web_con .webCon{ vertical-align: top;} #lljz_web_con .webCon > .conBox{ min-height: 200px; position: relative;} /*澶氬垪瀹瑰櫒*/ .com_moreInclude > .ll_view{ min-height:100px;} .com_moreInclude .moreInctab{ table-layout:fixed; border-collapse: collapse; border: 0; width: 100%;} .com_moreInclude .includeMargin{ padding-left:0; } .com_moreInclude .includeCon{ position:relative; z-index:1; vertical-align:top; } .com_moreInclude .includeCon:hover{ position:relative; z-index:9; } .com_moreInclude .moreInc_child{min-height: 50px;} .com_moreInclude .includeCon > .ui-resizable-moreCol-handle{ border-right:2px solid #2b73ba; right:3px; width:1px; opacity:0; } .com_moreInclude .includeCon > .ui-resizable-handle:after{ width:0; height:0; border:none; } .com_moreInclude .includeCon > .ui-resizable-e{ cursor:e-resize; height:100%; right:0; top:0; transition:all 0.2s ease-in-out 0s; } .com_moreInclude .includeCon > .ui-resizable-e:hover{ opacity:1 } .com_moreInclude .includeCon.ui-resizable:hover{ border:0; } .com_moreInclude .includeCon > .hasChild{ min-height:100px;} .com_moreInclude .includeCon > .hasChild:hover{ z-index: 999;} .editLab .com_moreInclude .includeCon > .hasChild{ outline:1px dashed #ddd; border:0; } .editLab .com_moreInclude .includeCon > .hasChild:hover{ outline:1px dashed red; } /*閫氭爮鎺掔増*/ .com_fullInclude > .fullInclude_view,.com_fullInclude > .fullInclude_view .fullInc_child,.com_fullInclude .fullInc_scroll_wrap{ min-height: 100px;} .com_fullInclude .fullInc_scroll_wrap{overflow:hidden; position:relative; border: 0;} .com_fullInclude .fullInc_scroll_wrap.oneColumn_wrap{overflow:inherit;} .com_fullInclude .fullInc_scroll_wrap > ul{bottom:0; height:20px; padding:0; position:absolute; text-align:center; width:100%; z-index:999;} .com_fullInclude .fullInc_scroll_list{min-height:100%; left:-100%; position:absolute; width:100%;} .com_fullInclude .fullInc_scroll_wrap > .fullInc_arrow{cursor:pointer;display:block;color: #999;height:80px;margin-top: -40px;position:absolute;top:50%;width:80px;z-index:20;user-select:none;-webkit-user-select:none;-moz-user-select:none;font-size: 40px;text-align: center;line-height: 80px;border-radius: 4px;} .com_fullInclude .fullInc_scroll_wrap > .fullInc_arrow.layui-icon-left{left:10px;} .com_fullInclude .fullInc_scroll_wrap > .fullInc_arrow.layui-icon-right{right:10px;} .com_fullInclude .fullInc_child{margin:0 auto; width:100%; position:relative;} .com_fullInclude .fullInc_scroll_wrap > ul.icon_ul{ position: absolute; width: 250px; left: 50%; margin-left: -125px; bottom: 14px; text-align: center;} .com_fullInclude .fullInc_scroll_wrap > ul.icon_ul > li{background:#bbb; cursor:pointer; display:inline-block; height:6px; margin:7px 2px; width:30px; user-select:none; -webkit-user-select:none; -moz-user-select:none;} .com_fullInclude .fullInc_scroll_wrap > ul.icon_ul > li.on{background:#777; cursor:default;} .com_fullInclude .fullInc_scroll_wrap > ul.icon_1 > li{width:40px; height:10px;} .com_fullInclude .fullInc_scroll_wrap > ul.icon_2 > li{border-radius:100%; width:14px; height:14px;} .com_fullInclude .fullInc_scroll_wrap > ul.icon_4 > li{width:14px; height:14px;} .com_moreInclude .includeCon > .hasChild{overflow:hidden;} .editLab .com_moreInclude .includeCon > .hasChild{ outline:1px dashed #ddd; border:0; min-height:initial;} .editLab .com_moreInclude .includeCon > .hasChild:hover{ outline:1px dashed red; } /* 缃戠珯鏍囬缁勪欢鏍峰紡 */ .com_webTitle .webTitle_content {position: relative;width: 100%;overflow: hidden;} .com_webTitle .webTitle_content .title_Inner .mainTitle_style {font-size: 20px;color: #e4393c;} .com_webTitle .webTitle_content .title_Inner .subtitle_style {font-size: 16px;color: #777;} .com_webTitle .title_type_1 div.moreText_cutWidth80 {width: calc(100% - 80px);} .com_webTitle .title_type_1 div.moreText_cutWidth90 {width: calc(100% - 90px);} .com_webTitle .title_type_1 div.moreText_cutWidth50 {width: calc(100% - 50px);} .com_webTitle .title_type_1 .title_Inner {position: relative;float: left;padding-left: 10px;white-space: nowrap;overflow: hidden;height: 52px;line-height: 52px;width: 100%;} .com_webTitle .title_type_1 .title_Inner > * {display: inline-block;} .com_webTitle .title_type_1 .title_Inner .icon_style {width: 6px;height: 9px;background-color: #e4393c;margin-left: 6px;} .com_webTitle .title_type_1 .title_Inner .line_style {width: 100%;height: 9px;background-color: #f5f5f5;margin-left: 8px;} .com_webTitle .title_type_1 .title_Inner .subtitle_style,.com_webTitle .title_type_2 .title_Inner .subtitle_style {margin-left: 5px;} .com_webTitle .title_type_1 .moreBtn_changeWid01 {width: 80px;} .com_webTitle .title_type_1 .moreBtn_changeWid03 {width: 40px;top: 5px;} .com_webTitle .title_type_1 .moreBtn_changeWid04 {width: 40px;} .com_webTitle .title_type_2,.com_webTitle .title_type_3,.com_webTitle .title_type_5,.com_webTitle .title_type_6 {text-align: center;white-space: nowrap;} .com_webTitle .title_type_2 .title_Inner {position: relative;display: inline-block;width: 100%;min-height: 55px;line-height: 55px;} .com_webTitle .title_type_2 .title_Inner .mainTitle_style, .com_webTitle .title_type_2 .title_Inner .subtitle_style {display: inline-block;} .com_webTitle .title_type_2 .title_Inner .icon_style {display: block;position: absolute;bottom: 0;left: 50%;width: 160px;height: 5px;margin-top: -6px;background-color: #e4393c;z-index: 2;float: none;transform: translate3d(-50%,0,0);} .com_webTitle .title_type_2 .title_Inner .line_style {display: block;position: absolute;bottom: 2px;width: 100%;border-bottom: 1px solid #ddd;} .com_webTitle .title_type_2 .moreBtn_style {line-height: 55px;} .com_webTitle .title_type_3 .title_Inner {position: relative;display: inline-block;min-height: 70px;width: 100%;} .com_webTitle .title_type_3 .title_Inner .icon_style {display: block;position: absolute;bottom: 2px;left: 50%;width: 10px;height: 10px;z-index: 2;margin-left: -5px;background-color: #ddd;transform: rotate(45deg);} .com_webTitle .title_type_3 .title_Inner .line_style {display: block;position: absolute;bottom: 6px;width: 100%;border-bottom: 1px solid #ddd;} .com_webTitle .title_type_3 .moreBtn_style {line-height: 70px;} .com_webTitle .title_type_4 {padding: 5px 0 5px 8px;} .com_webTitle .title_type_4 .title_Inner {display: inline-block;border-left: 4px solid #e4393c;min-height: 50px;} .com_webTitle .title_type_4 .title_Inner .mainTitle_style,.com_webTitle .title_type_4 .title_Inner .subtitle_style {padding: 0 0 3px 10px;} .com_webTitle .title_type_5 .title_Inner {display: inline-block;min-height: 50px;} .com_webTitle .title_type_5 .title_Inner .subtitle_style {padding-top: 6px;} .com_webTitle .title_type_5 .title_Inner .subtitle_style::before,.com_webTitle .title_type_5 .title_Inner .subtitle_style::after {content: '';display: inline-block;width: 50px;height: 1px;background-color: #999;margin: 0 10px;vertical-align: middle;} .com_webTitle .title_type_6 .title_Inner {display: inline-block;min-height: 65px;} .com_webTitle .title_type_6 .title_Inner .subtitle_style {padding: 6px 0;} .com_webTitle .title_type_6 .title_Inner .icon_style {display: block;margin: 0 auto;width: 40px;height: 5px;background-color: #e4393c;} .com_webTitle .title_type_6 .moreBtn_style {line-height: 65px;} .com_webTitle .title_type_7 {background-color: #e4393c;} .com_webTitle .title_type_7 .title_Inner {display: inline-block;} .com_webTitle .title_type_7 .title_Inner h4.mainTitle_style,.com_webTitle .title_type_7 .title_Inner h5.subtitle_style {display: inline-block;line-height: 50px;color: #fff;} .com_webTitle .title_type_7 .title_Inner h4.mainTitle_style {padding: 0 10px;} .com_webTitle .title_type_7 .title_Inner h5.subtitle_style {padding-left: 6px;} .com_webTitle .title_type_7 .moreBtn_style {color: #fff;} .com_webTitle .title_type_8 .title_Inner {display: inline-block;font-size: 0;} .com_webTitle .title_type_8 .title_Inner h4.mainTitle_style {display: inline-block;padding: 0 15px;min-width: 70px;line-height: 45px;text-align: center;color: #fff;background-color: #e4393c;z-index: 2;vertical-align: middle;} .com_webTitle .title_type_8 .title_Inner h5.subtitle_style {display: inline-block;padding-left: 7px;vertical-align: middle;} .com_webTitle .title_type_8 .title_Inner .line_style {display: block;position: absolute;bottom: 0;border-bottom: 1px solid #e4393c;width: 100%;} .com_webTitle .title_type_8 .moreBtn_style {line-height: 45px;} .com_webTitle .title_type_9 .title_Inner {display: inline-block;} .com_webTitle .title_type_9 .title_Inner h4.mainTitle_style {display: inline-block;line-height: 50px;} .com_webTitle .title_type_9 .title_Inner h5.subtitle_style {display: inline-block;padding-left: 7px;line-height: 50px;} .com_webTitle .title_type_9 .title_Inner .line_style {display: block;position: absolute;bottom: 0;border-bottom: 1px solid #e4393c;width: 100%;} .com_webTitle .title_type_10 .title_Inner {width: 100%;display: inline-block;font-size: 0;} .com_webTitle .title_type_10 .title_Inner h4.mainTitle_style {display: inline-block;padding: 0 10px;line-height: 50px;border-bottom: 3px solid #e4393c;vertical-align: middle;} .com_webTitle .title_type_10 .title_Inner h5.subtitle_style {display: inline-block;padding-left: 10px;vertical-align: middle;} .com_webTitle .title_type_10 .title_Inner .line_style {display: block;bottom: 1px;border-bottom: 1px solid #ddd;width: 100%;} .com_webTitle .moreBtn_style {position: relative;top: 3px;right: 0;float: right;white-space: nowrap;width: 70px;text-align: center;height: 100%;line-height: 50px;color: #e4393c;margin-left: -70px;cursor: pointer;} .com_webTitle .moreBtn_Icon4 {display: inline-block;width: 20px;height: 20px;line-height: 20px;border-radius: 50%;background-color: #e4393c;} .com_webTitle .moreBtn_Icon4>i {position: relative;left: 5%;font-size: 12px;color: #fff;} .com_webTitle .moreBtn_Icon5>i {font-size: 30px;} .com_webTitle .moreBtn_Icon7 {display: inline-block;transform: rotate(180deg);} .com_webTitle .moreBtn_Icon8>i {font-size: 14px;margin-left: -5px;} .com_webTitle .moreImg_style {position: relative;top: -3px;display: inline-block;background-size: 100% 100%;vertical-align: middle;width: 30px;height: 30px;border-radius: none;} /* 鍒楄〃澶氬浘缁勪欢鏍峰紡 */ .com_listPhoto .listPhotoBox {position: relative;} .com_listPhoto .listPhoto_ul {width: 100%;} .com_listPhoto .listPhoto1 .listPhoto_content {overflow: hidden; margin: 0 60px;} .com_listPhoto .listPhoto_li {display: block;padding: 10px 0;float: left;overflow: hidden; text-align: center; box-sizing: border-box;} .com_listPhoto .listPhoto_li .photo_link{ display:inline-block; font-size: 0; width: 100%; height: 100%;} .com_listPhoto .listPhoto_li .photo_WidHigh {position: relative;;width: 230px;height: 180px;border: 1px solid #e8e8e8;margin: 0 auto; font-size: 0; text-align: center; max-width: 100%; overflow: hidden; box-sizing: border-box; display: inline-block;cursor: pointer;} .com_listPhoto .listPhoto_li .photo_WidHigh img {display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle;} .com_listPhoto .listPhoto_li .photo_WidHigh::after{display: inline-block; content:""; vertical-align: middle; height: 100%;} .com_listPhoto .listPhoto_li .textContent{ width: 230px; max-width: 100%; box-sizing: border-box; margin: 0 auto;} .com_listPhoto .listPhoto_li .textContent > div{box-sizing: border-box;} .com_listPhoto .listPhoto_li .titleContent{margin: 0 auto;padding: 6px 10px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: block;} .com_listPhoto .listPhoto1 .leftArrow,.com_listPhoto .listPhoto1 .rightArrow {display: inline-block;width: 50px;height: 50px;background-color: #ccc;text-align: center;line-height: 50px;border-radius: 50%;margin-top: -25px;z-index: 1;cursor: pointer;} .com_listPhoto .listPhoto1 .leftArrow {position: absolute;top: 50%;left: 2px;} .com_listPhoto .listPhoto1 .rightArrow {position: absolute;top: 50%;right: 2px;} .com_listPhoto .listPhoto1 .leftArrow > i,.com_listPhoto .listPhoto1 .rightArrow > i {font-size: 26px;color: #fff;} .com_listPhoto .listPhoto1 .listPhoto_li {display: inline-block;} .com_listPhoto .listPhoto3 .listPhoto_li .photo_WidHigh {margin: 0;float: left;} .com_listPhoto .listPhoto3 .textContent {display: inline-block;width: calc(100% - 240px); padding: 0 10px; box-sizing: border-box; font-size: 14px;} .com_listPhoto .listPhoto3 .titleContent { text-align: left; height: 30px; line-height: 30px; padding:0 10px} .com_listPhoto .listPhoto4 .listPhoto_ul{ display: inline-block; font-size: 0;vertical-align: top;} .com_listPhoto .listPhoto4 .listPhoto_li {float: none; margin: 0 5px; font-size: 14px;} .com_listPhoto .listPhoto4 .listPhoto_li .photo_WidHigh{ width: 100%!important; height: auto!important;} .com_listPhoto .listPhoto4 .listPhoto_li .photo_WidHigh::after{ display: none;} .com_listPhoto .listPhoto4 .listPhoto_li .photo_WidHigh img { display: block; width: 100%!important;} .com_listPhoto .listPhoto4 .layui-flow-more{ display: none;} .com_listPhoto .listPhoto4 .listPhoto_li .textContent{ width: 100%;} .com_listPhoto .description_text {padding:0 10px; text-align: left;} /* .com_listPhoto .listPhoto3 div.description_text {display: block;} */ .com_listPhoto .listImg_effect {position: absolute;top: 0;right: 0;bottom: 0;left: 0;box-sizing: border-box;opacity: 0;} .com_listPhoto .animateImg {transition: opacity .5s;} .com_listPhoto .photo_WidHigh:hover .animateImg {opacity: 0.7;} .com_listPhoto .listImgMagnifier {background: url("../images/imgEffetc_magnifier.png") center no-repeat;} .com_listPhoto .animType_5 .listImg_transform:hover {transform: scale(1.2);} .com_listPhoto .animType_5 .listImg_transform {transition: transform .5s;} .com_listPhoto .animType_6 .listImg_effectMarLeft {transition: margin .5s;} .com_listPhoto .animType_6 .listImgLeft:hover {margin-left: -4%;} .com_listPhoto .animType_6 img.listImgLeft {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);max-width: 104%;} .com_listPhoto .listPhoto4 .animType_6 img.listImgLeft {position: relative; top: auto; left: auto; transform:none;} .com_listPhoto .listPhoto4 .animType_7 .photo_WidHigh:hover .animateImg {opacity: 1;} .com_listPhoto .listPhoto4 .animType_7 .photo_WidHigh:hover img.listImgLeft{ opacity: 0;} .com_listPhoto .effectListImg {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);opacity: 0;} .com_listPhoto .photo_WidHigh .shadeContent {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: 0;} .com_listPhoto .shadeBottom {position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;background-color: #000;opacity: 0;white-space: nowrap;overflow: hidden;} .com_listPhoto .shadeText {position: absolute;top: 50%;left: 0;width: 100%;word-break: break-all;transform: translateY(-50%);font-size: 20px;color: #fff;} .com_listPhoto .shadeTitle {width: 100%;height: 30px;line-height: 30px;white-space: nowrap;overflow: hidden;font-size: 20px;color: #fff;} #carousel_layer{ position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; display: none;} #carousel_layer .carousel_mask{ position: absolute; z-index: 1; background-color: rgba(0, 0, 0, .8); top: 0; right: 0; bottom: 0; left: 0;} #carousel_layer .carousel_box{ position: absolute; z-index: 9; width: 1100px; height: 450px;left: 50%;; top: 50%; margin-left: -550px; margin-top: -270px;} #carousel_layer .carousel_close{ width:60px; height: 60px; position: absolute; cursor: pointer; right: 5px; top: 5px; z-index: 99; color: #fff; text-align: center; line-height: 60px; font-size: 45px;} #carousel_layer .carousel_con{ height: 100%; position: relative;} #carousel_layer .poster-main{position: relative; width: 100%; height: 100%; margin: 0 auto; } #carousel_layer .poster-main a.item_img{display: block; width: 100%; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: contain; } #carousel_layer .poster-main .poster-list{width: 1000px; height: 500px;} #carousel_layer .poster-main .poster-list .poster-item{width: 200px; height: 500px; position: absolute; left: 0; top: 0;} #carousel_layer .poster-main .poster-list .poster-item .item{position: relative; width: 100%; height: 100%; border: 10px solid #fff; background-color: #fff; box-sizing: border-box;} #carousel_layer .poster-main .poster-btn{position: absolute; top: 0; cursor: pointer; line-height: 450px; text-align: center; color: #fff; font-size: 60px; z-index: 999!important;} #carousel_layer .poster-main .poster-prev-btn{left: 0;} #carousel_layer .poster-main .poster-next-btn{right: 0;} #carousel_layer .poster-item-title{ background-color: rgba(0, 0, 0, .6); color: #FFF; width: 100%; height: 52px; line-height: 52px; position: absolute; bottom: 0; text-align: center;} /*姘村钩閫夐」鍗?/ .com_horizontalTab .tagTitleList{height: 50px; background-color: #eee; overflow: hidden; font-size: 0; border:0;} .com_horizontalTab .tagTitleList ul{ display:inline-block; vertical-align: middle; width: 100%;} .com_horizontalTab .tagTitleList li{ display: inline-block; height: 50px; cursor: pointer; width: 100px; text-align: center; vertical-align: middle; box-sizing:border-box; border:0;} .com_horizontalTab .tagTitleList li span.tagName{font-size: 14px; display: inline-block; vertical-align: middle; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .com_horizontalTab .tagTitleList li::after{ content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0;} .com_horizontalTab .tagTitleList li.on{ background-color: #fff; color: #555; border:0} .com_horizontalTab .tagTitleList::after{ height: 100%; width: 0; display: inline-block; vertical-align: middle; content: "";} .com_horizontalTab .tabConList > .tabList >.hasChild{ min-height: 200px;} .com_horizontalTab .horizontalTab_left .tabContent{ position: relative; overflow: hidden;} .com_horizontalTab .horizontalTab_left .tabContent > .tabConList{ position: relative; width: 100%; height: 100%;} .com_horizontalTab .horizontalTab_left .tabContent > .tabConList > .tabList{ float: left;} .com_horizontalTab .vertInctab_fade .tabContent > .tabConList > .tabList{ display: none;} /*鍨傜洿閫夐」鍗?/ .com_verticalTab .vertInctab{table-layout:fixed; border-collapse: collapse; border: 0; width: 100%;} .com_verticalTab .tagTitleList{ width: 100px; background-color: #eee; overflow: hidden; border:0; vertical-align: top; font-size: 0;} .com_verticalTab .tagTitleList li{height: 50px; cursor: pointer; text-align: center; border:0; font-size: 0; display: inline-block; width: 100px;} .com_verticalTab .tagTitleList li span.tagName{font-size: 14px; display: inline-block; vertical-align: middle; padding: 0 10px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; } .com_verticalTab .tagTitleList li::after{ content: ""; display: inline-block; vertical-align: middle; height: 100%; width: 0;} .com_verticalTab .tagTitleList li.on{ background-color: #fff; color: #555; border:0} .com_verticalTab .tagTitleList::after{ height: 100%; width: 0; display: inline-block; vertical-align: middle; content: "";} .com_verticalTab .tabConList > .tabList >.hasChild{ min-height: 200px;} .com_verticalTab .vertInctab_top .tabContent{ position: relative; overflow: hidden;} .com_verticalTab .vertInctab_top .tabContent > .tabConList{ position: absolute; top: 0; width: 100%;} .com_verticalTab .vertInctab_fade .tabContent > .tabConList > .tabList{ display: none;} /*缃戠珯妯箙*/ .com_banner > .banner_view,.com_banner .banner_scroll_wrap{ min-height: 100px;} .com_banner .banner_scroll_wrap{overflow:hidden; position:relative;} .com_banner .banner_scroll_wrap > ul{bottom:0; height:20px; padding:0; position:absolute; text-align:center; width:100%; z-index:999;} .com_banner .banner_scroll_list{min-height:100%; left:-100%; position:absolute; width:100%; background-repeat: no-repeat; background-position: top center; z-index: 1;} .com_banner .banner_scroll_list a.bannerLink{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; display: block;} .com_banner .banner_scroll_list .bannerVideo{ background-color: #000; width: 100%; height: 100%; object-fit:cover; object-position:center; position: absolute; top: 0; bottom: 0; left: 50%; margin-left: -50%; display: block;} .com_banner .banner_scroll_list.bannerType_video::after{ position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; content:"";} .com_banner .banner_scroll_wrap > .banner_arrow{cursor:pointer;display:block;color: #eee;height:80px;margin-top: -40px;position:absolute;top:50%;width:80px;z-index:20;user-select:none;-webkit-user-select:none;-moz-user-select:none;font-size: 40px;text-align: center;line-height: 80px;border-radius: 4px; background-color: #555; opacity: 0.6;} .com_banner .banner_scroll_wrap > .banner_arrow.layui-icon-left{left:15px;} .com_banner .banner_scroll_wrap > .banner_arrow.layui-icon-right{right:15px;} .com_banner .banner_scroll_wrap > ul.icon_ul{ position: absolute; width:300px; left: 50%; margin-left: -125px; bottom: 10px; text-align: center; font-size: 0; opacity: 0.8; z-index: 9;} .com_banner .banner_scroll_wrap > ul.icon_ul > li{background:#777; cursor:pointer; display:inline-block; height:6px; margin:0 5px; width:30px; user-select:none; -webkit-user-select:none; -moz-user-select:none;} .com_banner .banner_scroll_wrap > ul.icon_ul > li span{ display: none;} .com_banner .banner_scroll_wrap > ul.icon_ul > li.on{background:#bbb; cursor:default;} .com_banner .banner_scroll_wrap > ul.icon_0 > li{border-radius:100%; width:16px; height:16px;} .com_banner .banner_scroll_wrap > ul.icon_1 > li{width:20px; height:20px; line-height: 20px; text-align: center; color: #fff; font-size: 14px;} .com_banner .banner_scroll_wrap > ul.icon_1 > li span{ display: inline-block; cursor: pointer;} .com_banner .banner_scroll_wrap > ul.icon_2 > li{ width:16px; height:16px;} .snowBox,.startsBox,.fireworkBox,.waterkBox,.rainDayBox{ max-width: 100%; position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 2; color: #fff; overflow: hidden;} .snowBox > .snowIcon{ position: absolute; cursor: default; user-select:none;} .snowBox > .snowIcon::before{ content: "鉂?;} .rainDayBox > img{ display: none;} /* .waterBox{-o-object-fit: cover;object-fit: cover;-webkit-filter: url(#water);filter: url(#water); background-color: rgba(0, 0, 0, .8); position: absolute; top: 0; right:0; bottom: 0; left: 0; z-index: 2;} */ /*璇█鐗堟湰*/ .com_language .language_view:hover{ position: relative; z-index: 99; overflow: initial;} .com_language .lang_arrow{ display: none;} .com_language .langList_0 ul,.com_language .langList_1 ul,.com_language .langList_2 ul{ font-size: 0; text-align: right;} .com_language .langList_0 li,.com_language .langList_0 div.split,.com_language .langList_1 li,.com_language .langList_1 div.split,.com_language .langList_2 li,.com_language .langList_2 div.split{ display:inline-block; font-size: 14px; line-height: 25px;} .com_language .langList_0 div.split,.com_language .langList_1 div.split,.com_language .langList_2 div.split{ padding: 0 8px;} .com_language .langList_0 div.split::before{ content: "/";} .com_language .langList_1 div.split::before{ content: "|";} .com_language .langList_2 div.split::before{ content: "娄";} .com_language .langList_0 li.on,.com_language .langList_1 li.on,.com_language .langList_2 li.on{ font-weight: bold;} .com_language .langList_0 li i,.com_language .langList_1 li i,.com_language .langList_2 li i{ display:none;} .com_language .langList_3{height: 30px; cursor: pointer; position: relative;} .com_language .langList_3 *{ box-sizing: border-box;} .com_language .langList_3 .lang_arrow{ display: block; position: absolute; right: 0; top: 0; height: 30px; width: 30px; border-left: 1px solid #ddd; background-color: #eee; text-align: center; line-height: 30px; font-size: 16px; } .com_language .langList_3 .lang_arrow span{transition: all .2s; display: inline-block;} .com_language .langList_3 ul{ overflow: hidden; background-color: #fff; border: 1px solid #ddd; height: 30px; border-radius: 2px;} .com_language .langList_3 div.split{ display: none;} .com_language .langList_3 ul li i{ display:none;} .com_language .langList_3 ul li a{ display: block; height: 30px; line-height: 30px; text-align: center; padding-left: 10px; padding-right: 30px;} .com_language .langList_3 ul li.on a{ border-bottom: 1px solid #ddd;} .com_language .langList_3 ul li a:hover{ background-color: #e9e9e9;} .com_language .langList_3 ul li.on a:hover{ background-color: #fff;} /* .com_language .langList_3:hover ul li.on{height: 30px;} */ .com_language .langList_3:hover .lang_arrow{line-height: 26px;} .com_language .langList_3:hover .lang_arrow span{transform: rotate(180deg);} .com_language .langList_4{height: 30px; cursor: pointer; position: relative;} .com_language .langList_4 *{ box-sizing: border-box;} .com_language .langList_4 .lang_arrow{ display: block; position: absolute; right: 0; top: 0; height: 30px; width: 30px; text-align: center; line-height: 30px; font-size: 16px;} .com_language .langList_4 .lang_arrow span{transition: all .2s; display: inline-block;} .com_language .langList_4 ul{ overflow: hidden; background-color:rgba(255, 255, 255, .9); border: 1px solid #ddd; height: 30px; border-radius: 4px;} .com_language .langList_4 div.split{ display: none;} .com_language .langList_4 ul li{ white-space: nowrap; overflow: hidden;} .com_language .langList_4 ul li i{ display:inline-block; margin: 0 5px; vertical-align: middle;} .com_language .langList_4 ul li span{display:inline-block; vertical-align: middle;} .com_language .langList_4 ul li a{ display: block; height: 30px; line-height: 26px; text-align: left; padding-left: 10px; padding-right: 30px;} .com_language .langList_4 ul li.on a{ border-bottom: 1px solid #ddd;} .com_language .langList_4 ul li a:hover{ background-color: #e9e9e9f5;} .com_language .langList_4 ul li.on a:hover{ background-color: #fff;} .com_language .langList_4:hover .lang_arrow{line-height: 26px;} .com_language .langList_4:hover .lang_arrow span{transform: rotate(180deg);} .com_language{min-width: 80px;} .com_language .langList_5{height: 30px; cursor: pointer; position: relative;} .com_language .langList_5 *{ box-sizing: border-box;} .com_language .langList_5 .lang_arrow{ display: block; position: absolute; right: 0; top: 0; height: 30px; width: 30px; text-align: center; line-height: 30px; font-size: 16px;} .com_language .langList_5 .lang_arrow span{transition: all .2s; display: inline-block;} .com_language .langList_5 ul{ overflow: hidden; background-color:rgba(255, 255, 255, .9); border: 1px solid #ddd; height: 30px; border-radius: 4px;} .com_language .langList_5 div.split{ display: none;} .com_language .langList_5 ul li i{ display:inline-block; margin: 0 5px; vertical-align: middle;} .com_language .langList_5 ul li span{ display: none;} .com_language .langList_5 ul li a{ display: block; height: 30px; line-height: 26px; text-align: center; padding-left: 20px; padding-right: 20px;} .com_language .langList_5 ul li.on a{ border-bottom: 1px solid #ddd;} .com_language .langList_5 ul li a:hover{ background-color: #e9e9e9f5;} .com_language .langList_5 ul li.on a:hover{ background-color: #fff;} .com_language .langList_4:hover .lang_arrow{line-height: 26px;} .com_language .langList_4:hover .lang_arrow span{transform: rotate(180deg);} .com_language .language_view i.langIcon{width:16px; height: 12px; background-image: url("../images/webbg.png"); background-repeat: no-repeat;} .com_language .language_view i.langIcon-cn{ background-position: -24px -60px;} .com_language .language_view i.langIcon-zh-TW{background-position: -50px -60px; } .com_language .language_view i.langIcon-en{ background-position: -76px -60px;} .com_language .language_view i.langIcon-ko{ background-position: -100px -60px;} .com_language .language_view i.langIcon-ja{ background-position: -125px -60px;} .com_language .language_view i.langIcon-ru{ background-position: -149px -60px;} .com_language .language_view i.langIcon-fr{ background-position: -173px -60px;} .com_language .language_view i.langIcon-pt{ background-position: -199px -60px;} .com_language .language_view i.langIcon-es{ background-position: -226px -60px;} .com_language .language_view i.langIcon-it{ background-position: -251px -60px;} .com_language .language_view i.langIcon-de{ background-position: -276px -60px;} .com_language .language_view i.langIcon-vi{ background-position: -300px -60px;} .com_language .language_view i.langIcon-ar{ background-position: -325px -60px;} .com_language .language_view i.langIcon-hi{ background-position: -348px -60px;} /*鍦ㄧ嚎瑙嗛*/ .com_onlineVideo{ min-width: 80px; min-height: 80px;} .com_onlineVideo .onlineVideo_box{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: #000; background-size: 100%; background-position: center center; background-repeat: no-repeat; } .com_onlineVideo .onlineVideo_box.hideImg{ background-image: none!important;} .com_onlineVideo .videoPlay_btn{ position: absolute; width: 60px; height: 60px; position: absolute; top: 50%; left: 50%; margin-left: -30px; margin-top: -30px; z-index: 99; color: #fff; font-size: 60px; line-height: 60px; text-align: center; cursor: pointer;} .com_onlineVideo .onlineVideo_box > video{width: 100%; height: 100%;} .com_onlineVideo .onlineVideo_box > iframe{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%;} #videoPlay_layer{ position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; display: none;} #videoPlay_layer .videoPlay_mask{ position: absolute; z-index: 1; background-color: rgba(0, 0, 0, .8); top: 0; right: 0; bottom: 0; left: 0;} #videoPlay_layer .videoPlay_box{ position: absolute; z-index: 9; width: 1100px; height: 600px; background-color: #000; left: 50%;; top: 50%; margin-left: -550px; margin-top: -300px;} #videoPlay_layer .videoPlay_close{ width:34px; height: 34px; position: absolute; cursor: pointer; right: -40px; top: 0; z-index: 99; color: #fff; background-color: rgba(0, 0, 0, .9); border-radius: 34px; text-align: center; line-height: 34px; font-size: 24px;} #videoPlay_layer .videoPlay_con{ height: 100%;} #videoPlay_layer .videoPlay_con > video,#videoPlay_layer .videoPlay_con > iframe{width: 100%; height: 100%; border: 0; outline: none;} /* 鏍忕洰瀵艰埅 */ .com_navigation{ z-index: 9;} .com_navigation:hover{ z-index: 9999!important;} .com_navigation .navigation_view{ position: relative;} .com_navigation .navTitle{ height: 42px; background-color: #5874d8; color: #fff; padding: 0 20px; border: 0;} .com_navigation .navTitle >span{font-size: 14px;} .com_navigation .navList li{ position: relative;} .com_navigation .navList li a{ height: 40px; display: block; padding: 0 20px; font-size: 0; border: 0; border-bottom: 1px solid #ddd; background-color: #fff;} .com_navigation .navList li a span{ font-size: 14px; display: inline-block; vertical-align: middle; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; max-width: 100%;} .com_navigation .navList li a::after{ display: inline-block; vertical-align: middle; height: 100%; width: 0; overflow: hidden; content:"";} .com_navigation .navType_0 li a.hasSp{position: relative;} .com_navigation .navType_0 li a.hasSp >.arrow{ position: absolute; right: 15px; font-size: 12px; top: 50%; margin-top: -6px;} .com_navigation .navType_0 li a.hasSp.open >.layui-icon-down::before{content: "\e619";} .com_navigation .navList ul ul{ display: none;} .com_navigation .navList li > a:hover,.com_navigation .navList li.on > a{ background-color: #f9f9f9; color: #225dab;} .com_navigation .navList.navType_0.showType_0 ul ul a{ padding-left: 30px;} .com_navigation .navList.navType_0.showType_0 ul ul ul a{ padding-left: 40px;} .com_navigation .navList.navType_0.showType_1 ul ul{ position: absolute; left: 100%; top: 0; width: 100%;} .com_navigation .navList.navType_1{ font-size: 0;} .com_navigation .navType_1.navAlign_left{text-align: left;} .com_navigation .navType_1.navAlign_center{text-align: center;} .com_navigation .navType_1.navAlign_right{text-align: right;} .com_navigation .navList.navType_1 > ul > li{ display: inline-block; margin: 0 5px; border: 0;} .com_navigation .navList.navType_1 > ul > li a{ width:100px; padding: 0 10px; border: 0; text-align: center; box-sizing: border-box;} .com_navigation .navList.navType_1 > ul > li:hover{z-index:999} .com_navigation .navList.navType_1 > ul ul { position: absolute; left: 0; top: 0;} .com_navigation .navList.navType_1 > ul > li > ul{ top: 100%;} .com_navigation .navList.navType_1 > ul ul ul{ left: 100%;} /* 鏍忕洰鏍囬 */ .com_navTitle .navTitle_view{ height: 40px;} .com_navTitle .navTitle_0{text-align: center; height: 100%;} .com_navTitle .navTitle_0::before{ height: 100%; width: 0; display: inline-block; content:""; vertical-align: middle;} .com_navTitle .navTitle_0 .navTitle_box{ font-size: 24px; display: inline-block; vertical-align: middle;} .com_navTitle .navTitle_1{ border-bottom: 1px solid #ddd; height: 100%;} .com_navTitle .navTitle_1::before{ height: 100%; width: 0; display: inline-block; content:""; vertical-align: middle;} .com_navTitle .navTitle_1 .navTitle_box{ display: inline-block; vertical-align: middle; margin-top: -2px;} .com_navTitle .navTitle_1 .isIcon_1{vertical-align: middle; display: inline-block; width: 25px; height: 30px; background-position: center; background-repeat: no-repeat; background-size: contain;} .com_navTitle .navTitle_1 .isIcon_0{ width: 5px; height: 16px; display: inline-block; margin: 0 6px; vertical-align: middle; background-color: #5874d8;} .com_navTitle .navTitle_2{border-bottom: 1px solid #5874d8; height: 100%;} .com_navTitle .navTitle_2 .navTitle_box{ position: absolute; left: 0; top: 0; bottom: 0; background-color: #5874d8; color: #fff; padding: 0 15px; display: flex; align-items: center; justify-content: center; white-space: nowrap;} .com_navTitle .navTitle_3{border-bottom: 1px solid #ddd; height: 100%;} .com_navTitle .navTitle_3 .navTitle_box{ position: absolute; left: 0; top: 0; bottom: -1px; padding: 0 15px; display: flex; align-items: center; justify-content: center; white-space: nowrap; border-bottom: 3px solid #5874d8;} /* 浜у搧鎼滅储 */ .com_proSearch .searchBox::after {content:"";position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;z-index: 9999;display: block;} .com_proSearch .searchBody {position: relative;width: 100%;clear: both;box-sizing: border-box;line-height: 30px;border: 1px solid #bfbfbf;background-color: #fff;} .com_proSearch .leftInp {display:block;box-sizing: border-box;width: calc(100% - 50px);height: 30px;border: none;color: #555;} .com_proSearch .searchIcon { position: absolute; top: 0; right: 0; width: 50px;height: 31px;text-align: center;cursor: pointer;background-color: transparent;color: #bfbfbf;} .com_proSearch .triangle_icon {position: absolute;top: 50%;right: 50px;margin-top: -6px;border-right: solid 6px;border-right-color: #bfbfbf;border-top: solid 6px transparent;border-bottom: solid 6px transparent;cursor: pointer;} .com_proSearch .search_2 .searchIcon,.com_proSearch .search_3 .searchIcon,.com_proSearch .search_4 .searchIcon,.com_proSearch .search_5 .searchIcon,.com_proSearch .search_6 .searchIcon,.com_proSearch .search_7 .searchIcon,.search_8 .searchIcon {background-color: #bfbfbf;color: #fff;} .com_proSearch .search_1 .setStyle,.com_proSearch .search_1 .leftInp,.com_proSearch .search_1 .searchIcon,.com_proSearch .search_2 .setStyle,.com_proSearch .search_2 .searchIcon,.com_proSearch .search_2 .leftInp {border-radius: 15px;} .com_proSearch .keywordBox {padding: 4px 0 0;overflow: hidden;width: 100%;margin-left: -1px;} .com_proSearch .keyword_list {display: inline-block;border-left: 1px solid #e8e8e8;line-height: 24px;padding: 0 11px;margin-top: 5px;} /*鏂囩珷鍒楄〃*/ .com_articleList .newsListBox,.com_articleSear .newsListBox{min-height: 100px;} .com_articleList .newsListBox li,.com_articleSear .newsListBox li{position: relative;} .com_articleList .newsListBox li div.newsDes,.com_articleSear .newsListBox li div.newsDes{ height: 26px; line-height: 26px;color: #878787; font-size: 14px; margin-bottom: 10px;} .com_articleList .newsList_0 li,.com_articleSear .newsList_0 li{min-height: 40px; border-bottom: 1px dashed #ddd; font-size: 0; padding: 0 5px;} .com_articleList .newsList_0 li div.newsTitle,.com_articleSear .newsList_0 li div.newsTitle{padding-right: 120px; font-size: 16px; line-height: 30px; padding-top: 5px; padding-bottom: 5px;} .com_articleList .newsList_0 li div.newsDate,.com_articleSear .newsList_0 li div.newsDate{ position: absolute; right: 5px; height: 30px; line-height: 30px; white-space: nowrap; text-align: right; top: 5px; font-size: 14px; line-height: 30px;} /* .com_articleList .newsList_0 li div.newsTitle::before{ content: "路"; font-family: "瀹嬩綋"; display: inline-block; padding: 0 5px;} */ .com_articleList .newsList_0 li::before,.com_articleSear .newsList_0 li::before{ display: inline-block; vertical-align: middle; width: 0; height: 100%; content: "";} /* .com_articleList .newsList_0 li div.newsDes{ font-size: 14px; line-height: 26px; padding-bottom: 10px;} */ .com_articleList .isMarquee_1{overflow: hidden;} .com_articleList .newsList_1 li,.com_articleSear .newsList_1 li{ float: left; padding:10px; box-sizing: border-box; overflow: hidden;} .com_articleList .newsList_1 li div.newsCon,.com_articleSear .newsList_1 li div.newsCon{ background-color: #fff; border-radius: 6px; box-shadow: 0 0 15px 0 rgba(0,0,0,.1); overflow: hidden;} .com_articleList .newsList_1 li div.newsImg,.com_articleSear .newsList_1 li div.newsImg{ text-align: center; height: 300px; border: 1px solid #ddd; position: relative;} .com_articleList .newsList_1 li div.newsImg a,.com_articleSear .newsList_1 li div.newsImg a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center center;} .com_articleList .newsList_1 li div.newsInfo,.com_articleSear .newsList_1 li div.newsInfo{ padding: 0 15px;} .com_articleList .newsList_1 li div.newsTitle,.com_articleSear .newsList_1 li div.newsTitle{ height: 40px; font-size: 0;} .com_articleList .newsList_1 li div.newsTitle a,.com_articleSear .newsList_1 li div.newsTitle a{ display: inline-block; font-size: 14px; vertical-align: middle; max-width: 100%;} .com_articleList .newsList_1 li div.newsTitle::before,.com_articleSear .newsList_1 li div.newsTitle::before{ display: inline-block; content:""; height: 100%; width: 0; overflow: hidden; vertical-align: middle;} .com_articleList .newsList_1 li div.newsDes,.com_articleSear .newsList_1 li div.newsDes{ height: 52px; line-height: 26px; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2; text-overflow:ellipsis; -webkit-box-orient:vertical; color: #878787;} .com_articleList .newsList_1 li div.newsDate,.com_articleSear .newsList_1 li div.newsDate{ height: 30px; color: #878787;} .com_articleList .newsList_2 li,.com_articleSear .newsList_2 li{min-height: 150px; padding: 0 10px 20px 220px;} .com_articleList .newsList_2.rowItem_2 li,.com_articleSear .newsList_2.rowItem_2 li{float: left; width: 50%; box-sizing: border-box; margin-bottom: 20px;} .com_articleList .newsList_2 li div.newsImg,.com_articleSear .newsList_2 li div.newsImg{ text-align: center; border: 1px solid #ddd; position: absolute; top: 0; left: 0; width: 200px; height: 150px;} .com_articleList .newsList_2 li div.newsImg a,.com_articleSear .newsList_2 li div.newsImg a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center center;} .com_articleList .newsList_2 li div.newsTitle,.com_articleSear .newsList_2 li div.newsTitle{ height: 40px; font-size: 0; margin-bottom: 5px;} .com_articleList .newsList_2 li div.newsTitle a,.com_articleSear .newsList_2 li div.newsTitle a{ display: inline-block; font-size: 16px; vertical-align: middle; max-width: 100%;} .com_articleList .newsList_2 li div.newsTitle::before,.com_articleSear .newsList_2 li div.newsTitle::before{ display: inline-block; content:""; height: 100%; width: 0; overflow: hidden; vertical-align: middle;} .com_articleList .newsList_2 li div.newsDate,.com_articleSear .newsList_2 li div.newsDate{ height: 20px; padding-top: 10px; color: #878787;} .com_articleList .newsList_3 li,.com_articleSear .newsList_3 li{ padding: 0 10px 10px 45px;} .com_articleList .newsList_3 li::before,.com_articleSear .newsList_3 li::before{ content: ""; height: 100%; position: absolute; width: 1px; top: 0; bottom: 0; left:22px; background-color: #ddd;} .com_articleList .newsList_3 li div.newsTitle,.com_articleSear .newsList_3 li div.newsTitle{ height: 40px; font-size: 0; margin-bottom: 5px; position: relative;} .com_articleList .newsList_3 li div.newsTitle a,.com_articleSear .newsList_3 li div.newsTitle a{ display: inline-block; font-size: 16px; vertical-align: middle; max-width: 100%;} .com_articleList .newsList_3 li div.newsTitle,.com_articleSear .newsList_3 li div.newsTitle{ overflow: initial;} .com_articleList .newsList_3 li span.newsIcon,.com_articleSear .newsList_3 li span.newsIcon{ position: absolute; top: 50%; margin-top: -2px; left: -26px; width: 7px; height: 7px; border-radius: 100%; background-color: #878787; display: inline-block;} .com_articleList .newsList_3 li span.newsIcon::before,.com_articleSear .newsList_3 li span.newsIcon::before{position: absolute;width: 15px;height: 15px;left: -4px;top: -4px;opacity: 0.3;background-color: #878787;content: "";border-radius: 100%;} .com_articleList .newsList_3 li div.newsTitle::before,.com_articleSear .newsList_3 li div.newsTitle::before{ display: inline-block; content:""; height: 100%; width: 0; overflow: hidden; vertical-align: middle;} .com_articleList .newsList_3 li div.newsDate,.com_articleSear .newsList_3 li div.newsDate{ height: 20px; padding-top: 10px; color: #878787;} .com_articleList .newsList_4 li,.com_articleSear .newsList_4 li{ padding: 0 10px 10px 110px; border-bottom: 1px solid #ddd; margin-bottom: 10px; min-height: 80px;} .com_articleList .newsList_4 li div.newsTitle,.com_articleSear .newsList_4 li div.newsTitle{ height: 30px; font-size: 0; margin-bottom: 5px; position: relative;} .com_articleList .newsList_4 li div.newsTitle a,.com_articleSear .newsList_4 li div.newsTitle a{ display: inline-block; font-size: 16px; vertical-align: middle; max-width: 100%;} .com_articleList .newsList_4 li div.newsTitle,.com_articleSear .newsList_4 li div.newsTitle{ overflow: initial;} .com_articleList .newsList_4 li div.newsTitle::before,.com_articleSear .newsList_4 li div.newsTitle::before{ display: inline-block; content:""; height: 100%; width: 0; overflow: hidden; vertical-align: middle;} .com_articleList .newsList_4 li div.newsDate,.com_articleSear .newsList_4 li div.newsDate{ position: absolute; left: 0; top: 5px; width: 80px; height: 65px; text-align: center; background-color: #f5f5f5; padding-top: 5px;} .com_articleList .newsList_4 li div.newsDate b,.com_articleSear .newsList_4 li div.newsDate b{ display: block; font-size: 24px; line-height: 36px;} .com_articleList .newsList_4 li div.newsDes,.com_articleSear .newsList_4 li div.newsDes{ margin-bottom: 0;} .com_articleList .newsList_5 li,.com_articleSear .newsList_5 li{min-height: 40px; border-bottom: 1px dashed #ddd; font-size: 0; padding: 0 5px; margin-bottom: 10px;} .com_articleList .newsList_5 li div.newsTitle,.com_articleSear .newsList_5 li div.newsTitle{padding-right: 120px; display: inline-block; vertical-align: middle; font-size: 16px; line-height: 30px;} .com_articleList .newsList_5 li div.newsDate,.com_articleSear .newsList_5 li div.newsDate{ position: absolute; right: 5px; height: 30px; line-height: 30px; white-space: nowrap; text-align: right; top: 0; font-size: 14px; line-height: 30px;} .com_articleList .newsList_5 li::before,.com_articleSear .newsList_5 li::before{ display: inline-block; vertical-align: middle; width: 0; height: 100%; content: "";} .com_articleList .newsList_5 li:first-child,.com_articleSear .newsList_5 li:first-child{min-height: 150px; padding: 0 10px 20px 220px;} .com_articleList .newsList_5 li:first-child div.newsImg,.com_articleSear .newsList_5 li:first-child div.newsImg{ text-align: center; border: 1px solid #ddd; position: absolute; left: 0; top: 5px; width: 200px; height: 150px;} .com_articleList .newsList_5 li:first-child div.newsImg a,.com_articleSear .newsList_5 li:first-child div.newsImg a{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-size: cover; background-position: center center;} .com_articleList .newsList_5 li:first-child div.newsTitle,.com_articleSear .newsList_5 li:first-child div.newsTitle{ height: 40px; font-size: 0; margin-bottom: 5px; padding-right: 0;} .com_articleList .newsList_5 li:first-child div.newsTitle a,.com_articleSear .newsList_5 li:first-child div.newsTitle a{ display: inline-block; font-size: 16px; vertical-align: middle; max-width: 100%;} .com_articleList .newsList_5 li:first-child div.newsTitle::before,.com_articleSear .newsList_5 li:first-child div.newsTitle::before{ display: inline-block; content:""; height: 100%; width: 0; overflow: hidden; vertical-align: middle;} .com_articleList .newsList_5 li:first-child div.newsDate,.com_articleSear .newsList_5 li:first-child div.newsDate{ height: 20px; padding-top: 10px; color: #878787; position: initial; text-align: left;} /*鏂囩珷璇︽儏*/ .com_articleDetail .newsDetail_box{ min-height:100px;} .com_articleDetail .newsDetail_title{ text-align: center; padding: 10px 0; line-height: 2; font-size: 18px; border-bottom: 1px dashed #ddd;} .com_articleDetail .newsDetail_lan{ padding: 10px 0 ; text-align: center; height: 30px;} .com_articleDetail .newsDetail_lan > span{ display: inline-block; line-height: 30px; margin-right: 20px; max-width: 200px; vertical-align: middle; font-size: 14px; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis; white-space: nowrap;} .com_articleDetail .newsDetail_lan > span.newsDetail_type, .com_articleDetail .newsDetail_lan > span.newsDetail_url,.com_articleDetail .newsDetail_lan > span.newsDetail_date{ max-width: 300px;} .com_articleDetail .newsDetail_lan > span.newsDetail_type a{ display: inline-block; margin-right: 10px;} .com_articleDetail .newsDetail_des{ border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background-color: #eee; padding: 10px; line-height:1.8; margin-bottom: 15px;} .com_articleDetail .newsDetail_con{ min-height: 100px; line-height: 1.8;} .com_articleDetail .newsDetail_con img,.com_articleDetail .newsDetail_con table{ max-width: 100%;} .com_articleDetail .newsDetail_tools{ position: relative;} .com_articleDetail .newsDetail_page{ padding: 10px 0; line-height: 30px;} .com_articleDetail .newsDetail_page a{ display: inline-block; vertical-align: middle;} .com_articleDetail .newsDetail_page.pageTitle_1 a{max-width: 45%; } .com_articleDetail .newsDetail_page.pageTitle_0{ text-align: center; height: 30px; line-height: 30px;} .com_articleDetail .newsDetail_page.pageTitle_0 a{margin: 0 10px;} .com_articleDetail .newsDetail_close{ text-align: center; padding: 10px 0; line-height: 30px;} .com_articleDetail .newsDetail_close a{ display: inline-block; margin: 0 10px;} /*浜у搧鍒楄〃*/ .com_productList .proListBox,.com_searchCon .proListBox{position: relative; min-height: 100px;} .com_productList .proList_ul,.com_searchCon .proList_ul {width: 100%; min-height: 50px;} .com_productList .proList1 .proList_content {overflow: hidden; margin: 0 60px;} .com_productList .proList_li,.com_searchCon .proList_li {display: block; padding: 10px 0;float: left;overflow: hidden; text-align: center; box-sizing: border-box;} .com_productList .proList_li .pro_link,.com_searchCon .proList_li .pro_link{ display:inline-block; font-size: 0; width: 100%; height: 100%;} .com_productList .proList_li .pro_WidHigh,.com_searchCon .proList_li .pro_WidHigh {position: relative;;width: 230px;height: 180px;border: 1px solid #e8e8e8;margin: 0 auto; font-size: 0; text-align: center; max-width: 100%; overflow: hidden; box-sizing: border-box; display: inline-block;} .com_productList .proList_li .pro_WidHigh img,.com_searchCon .proList_li .pro_WidHigh img {display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle;} .com_productList .proList_li .pro_WidHigh::after,.com_searchCon .proList_li .pro_WidHigh::after{display: inline-block; content:""; vertical-align: middle; height: 100%;} .com_productList .proList_li .textContent,.com_searchCon .proList_li .textContent,.com_productList .proList_li .propTextList,.com_searchCon .proList_li .propTextList{ width: 230px; max-width: 100%; box-sizing: border-box; margin: 0 auto; font-size: 14px;} .com_productList .proList_li .textContent > div,.com_searchCon .proList_li .textContent > div,.com_productList .proList_li .propText,.com_searchCon .proList_li .propText{box-sizing: border-box;} .com_productList .proList_li .titleContent,.com_searchCon .proList_li .titleContent{margin: 0 auto;padding: 6px 10px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: block;} .com_productList .proList_li .propText,.com_searchCon .proList_li .propText{margin: 0 auto;padding: 0 10px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; display: block; line-height: 23px;} .com_productList .proList_li .priceText > .salePrice,.com_searchCon .proList_li .priceText > .salePrice{ font-size: 16px; color: #c40000; font-weight: bold;} .com_productList .proList_li .priceText > .marketPrice,.com_searchCon .proList_li .priceText > .marketPrice{ color: #999; font-size: 13px; text-decoration: line-through; margin-left: 10px;} .com_productList .proList1 .leftArrow,.com_productList .proList1 .rightArrow {display: inline-block;width: 50px;height: 50px;background-color: #ccc;text-align: center;line-height: 50px;border-radius: 50%;margin-top: -25px;z-index: 1;cursor: pointer;} .com_productList .proList1 .leftArrow {position: absolute;top: 50%;left: 2px;} .com_productList .proList1 .rightArrow {position: absolute;top: 50%;right: 2px;} .com_productList .proList1 .leftArrow > i,.com_productList .proList1 .rightArrow > i {font-size: 26px;color: #fff;} .com_productList .proList1 .proList_li {display: inline-block;} .com_productList .proList3 .proList_li .pro_WidHigh,.com_searchCon .proList3 .proList_li .pro_WidHigh {margin: 0;float: left;} .com_productList .proList3 .textContent,.com_searchCon .proList3 .textContent, .com_productList .proList3 .propTextList,.com_searchCon .proList3 .propTextList {display: inline-block;width: calc(100% - 240px); padding: 0 10px; box-sizing: border-box;} .com_productList .proList3 .titleContent,.com_searchCon .proList3 .titleContent,.com_productList .proList3 .propText,.com_searchCon .proList3 .propText{ text-align: left; height: 30px; line-height: 30px; padding:0 10px} .com_productList .description_text,.com_searchCon .description_text {padding:0 10px;} .com_productList .proList_effect,.com_searchCon .proList_effect {position: absolute;top: 0;right: 0;bottom: 0;left: 0;box-sizing: border-box;opacity: 0;} .com_productList .animType_3 .proList_shadeBox,.com_searchCon .animType_3 .proList_shadeBox {position: absolute;top: 0;left: 0;width: 100%;height: 100%;background-color: #000;opacity: 0;} .com_productList .animType_3 .proList_shadeBox div,.com_searchCon .animType_3 .proList_shadeBox div {position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);font-size: 20px;color: #ffffff;} .com_productList .animType_4 .proList_shadeBox,.com_searchCon .animType_4 .proList_shadeBox {position: absolute;bottom: 0;left: 0;width: 100%;height: 30px;background-color: #000;opacity: 0;} .com_productList .animType_4 .proList_shadeBox div,.com_searchCon .animType_4 .proList_shadeBox div {line-height: 30px;font-size: 16px;color: #ffffff;} .com_productList .animOpacity,.com_searchCon .animOpacity {transition: opacity .8s;} .com_productList .pro_WidHigh:hover .animOpacity,.com_searchCon .pro_WidHigh:hover .animOpacity {opacity: 0.7;} .com_productList .proListMagnifier,.com_searchCon .proListMagnifier {background: url("../images/imgEffetc_magnifier.png") center no-repeat;} .com_productList .animType_5 .proListScale,.com_searchCon .animType_5 .proListScale {transition: transform .5s;} .com_productList .animType_5 .proListScale:hover,.com_searchCon .animType_5 .proListScale:hover {transform: scale(1.2);} .com_productList .animType_6 .proList_MoveLeft,.com_searchCon .animType_6 .proList_MoveLeft {transition: margin .5s;} .com_productList .animType_6 .proList_MoveLeft:hover,.com_searchCon .animType_6 .proList_MoveLeft:hover {margin-left: -4%;} .com_productList .animType_6 img.proList_MoveLeft,.com_searchCon .animType_6 img.proList_MoveLeft {position: absolute;top: 50%;left: 0;transform: translateY(-50%);max-width: 104%;} /*浜у搧璇︽儏*/ .com_proDetail .proDetail_box{ min-height:100px;} .com_proDetail .proDetail_info{min-height: 100px; padding-bottom: 20px;} .com_proDetail .proInfo_table{ width: 100%; table-layout: fixed;} .com_proDetail .proInfo_table td{ vertical-align: top;} .com_proDetail .proDetail_name{ padding: 10px 0; min-height: 30px; font-size: 18px; max-width: 100%; line-height: 30px;} .com_proDetail .proDetail_prop{ font-size: 0;} .com_proDetail .proDetail_prop > span.proProp{ display: inline-block; width: 100%; font-size: 14px; box-sizing: border-box; padding-right: 15px; height: 30px; line-height: 30px; margin-bottom: 10px;} .com_proDetail .proDetail_des{ line-height:30px;} .com_proDetail .buyItem_price{ padding-top: 10px; } .com_proDetail .buyInfo_item{position: relative; min-height: 38px; line-height: 38px; padding-left: 130px;} .com_proDetail .buyInfo_item .buyItem_text{ width: 120px; text-align: right; position: absolute; top: 0; left: 0;} .com_proDetail .buyInfo_item .buyItem_info{ line-height: 38px;} .com_proDetail .buyInfo_item .buyItem_unit{ font-size: 26px; color: #c40000;} .com_proDetail .buyInfo_item .buyItem_salePrice{ font-size: 40px; color: #c40000; padding-right: 10px;} .com_proDetail .buyInfo_item .buyItem_marketPrice{ text-decoration: line-through; color: #999; font-size: 13px;} .com_proDetail .proDetail_specList{ padding-top: 10px;} .com_proDetail .proDetail_specList .buyInfo_item{ padding-bottom: 10px;} .com_proDetail .proDetail_specList .buyItem_list{ min-height: 30px;} .com_proDetail .proDetail_specList .buyItem_list li.specItem{ float: left; height: 30px; line-height: 30px; margin-bottom: 5px; margin-top: 5px; margin-right: 10px; border: 1px solid #ddd; background-color: #fff; padding: 0 15px; white-space: nowrap; border-radius: 4px; cursor: pointer;} .com_proDetail .proDetail_specList .buyItem_list li.on{ color:#5874d8; height: 28px; line-height: 28px; border: 2px solid #5874d8; padding: 0 14px;} .com_proDetail .buyItem_count{width: 100px; display: inline-block; position: relative;} .com_proDetail .buyItem_count > input.numInput{ width: 65px; height: 34px; border: 1px solid #ddd; background-color: #fff; text-align: center; color: #555;} .com_proDetail .buyItem_count > .inputBtn{ position: absolute; top: 0; left: 66px; width: 21px; height: 34px;} .com_proDetail .buyItem_count > .inputBtn > span{ position: absolute; left: 0; right: 0; height: 17px; border: 1px solid #ddd; cursor: pointer; background-color: #fff; text-align: center; line-height: 17px; font-size: 12px;} .com_proDetail .buyItem_count > .inputBtn > span.btnUp{ top: 1px;} .com_proDetail .buyItem_count > .inputBtn > span.btnDown{ bottom: -3px;} .com_proDetail .buyItem_count > .inputBtn > span:hover{ color: #5874d8;} .com_proDetail .buyItem_stock{ display: inline-block; margin-left: 10px; white-space: nowrap; height: 38px; line-height: 38px;} .com_proDetail .proDetail_buyBtn{ padding-top: 20px; padding-left: 50px;} .com_proDetail .proDetail_2 .proDetail_buyBtn{ padding-left: 0;} .com_proDetail .proDetail_buyBtn > span.buyBtn{ height: 40px; line-height: 40px; text-align:center; border: 1px solid #5874d8; cursor: pointer; border-radius: 4px; overflow: hidden; width: 160px; font-size: 16px; display: inline-block; margin-right: 10px;} .com_proDetail .proDetail_buyBtn > span.buyBtn:last-child{ margin-right: 0;} .com_proDetail .proDetail_buyBtn > span.addToCart{ color: #5874d8;} .com_proDetail .proDetail_buyBtn > span.addToCart > i{ font-size: 20px; margin-right: 8px;} .com_proDetail .proDetail_buyBtn > span.goToBuy{ background-color:#5874d8; text-align: center; color: #fff;} .com_proDetail .proDetail_buyBtn > span.proFormBtn{ background-color:#5874d8; text-align: center; color: #fff;} .com_proDetail .proDetail_tab{ border: 1px solid #ddd; border-top: 2px solid #5874d8;} .com_proDetail .proTab_list{ height: 37px; border-bottom: 1px solid #ddd; font-size: 0; background-color: #f6f6f6;} .com_proDetail .proTab_list ul{ height: 38px; white-space: nowrap; overflow: hidden;} .com_proDetail .proTab_list li{ display: inline-block; height: 38px; border-right: 1px solid #ddd; font-size: 14px; text-align: center; line-height: 37px; cursor: pointer; min-width:100px; padding: 0 10px;} .com_proDetail .proTab_list li.on{ color: #5874d8; background-color: #f6f6f6;} .com_proDetail .proTab_con{ min-height: 200px;} .com_proDetail .proTabCon_list{ padding: 10px; line-height: 2; display: none;} .com_proDetail .proTabCon_list img,.com_proDetail .proTabCon_list table,.com_proDetail .proTabCon_list div{ max-width: 100%;} .com_proDetail .proDetail_con_list img,.com_proDetail .proDetail_con_list table,.com_proDetail .proDetail_con_list div{ max-width: 100%;} .com_proDetail .proDetail_tools{ position: relative;} .com_proDetail .proDetail_page{ padding: 10px 0; line-height: 30px;} .com_proDetail .proDetail_page a{ display: inline-block; vertical-align: middle;} .com_proDetail .proDetail_page.pageTitle_1 a{max-width: 45%; } .com_proDetail .proDetail_page.pageTitle_0{ text-align: center; height: 30px; line-height: 30px;} .com_proDetail .proDetail_page.pageTitle_0 a{margin: 0 10px;} .com_proDetail .proDetail_close{ text-align: center; padding: 10px 0; line-height: 30px;} .com_proDetail .proDetail_close a{ display: inline-block; margin: 0 10px;} .com_proDetail .proDetail_img{position: relative;} .com_proDetail .proImg_big{ width: 350px; height: 350px; border: 1px solid #ddd; border: 1px solid #ddd; font-size: 0; position: relative; text-align: center;} .com_proDetail .imgBorder_0 .proImg_big{ border: 0;} .com_proDetail .proImg_big img{ display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .com_proDetail .proImg_big > .proVideoBox,.com_proDetail .proImg_big > .proVideoPlay { position: absolute; top: 0; right: 0; left: 0; bottom: 0; z-index: 999; width: 100%; height: 100%; background-color: #000;} .com_proDetail .proImg_big > .proVideoPlay::before{ width: 100px; height: 100px; text-align: center; line-height: 100px; font-size: 60px; color: #fff; cursor: pointer; position: absolute; top: 50%; left: 50%; margin-top: -50px; margin-left: -50px;} .com_proDetail .proImg_big::after{ content: ""; display: inline-block; vertical-align: middle; height: 100%;} .com_proDetail .proImg_list{position: relative;} .com_proDetail .proImg_list > span.p_arrow{ position: absolute; text-align: center; cursor: pointer; font-size: 20px; line-height: 25px;} .com_proDetail .imgScrollList li{ border: 1px solid #ddd; padding: 2px; font-size: 0; cursor: pointer; text-align: center;} .com_proDetail .imgScrollList li img{ display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .com_proDetail .imgScrollList li.on{ border: 2px solid #5874d8; padding: 1px;} .com_proDetail .proDetail_formBtn{ padding-left: 0;} .com_proDetail .proColor_1 .imgScrollList li.on{border-color: #2ec770;} .com_proDetail .proColor_1 .proTab_list li.on{ color: #2ec770;} .com_proDetail .proColor_1 .proDetail_tab{ border-top-color:#2ec770;} .com_proDetail .proColor_1 .proDetail_buyBtn > span.buyBtn{border-color:#2ec770} .com_proDetail .proColor_1 .proDetail_buyBtn > span.addToCart{ color:#2ec770;} .com_proDetail .proColor_1 .proDetail_buyBtn > span.goToBuy{ background-color:#2ec770} .com_proDetail .proColor_1 .proDetail_buyBtn > span.proFormBtn{ background-color:#2ec770} .com_proDetail .proColor_1 .proDetail_specList .buyItem_list li.on{color:#2ec770;border-color:#2ec770} .com_proDetail .proColor_2 .imgScrollList li.on{border-color: #fc3333;} .com_proDetail .proColor_2 .proTab_list li.on{ color: #fc3333;} .com_proDetail .proColor_2 .proDetail_tab{ border-top-color:#fc3333;} .com_proDetail .proColor_2 .proDetail_buyBtn > span.buyBtn{border-color:#fc3333} .com_proDetail .proColor_2 .proDetail_buyBtn > span.addToCart{ color:#fc3333; } .com_proDetail .proColor_2 .proDetail_buyBtn > span.goToBuy{ background-color:#fc3333} .com_proDetail .proColor_2 .proDetail_buyBtn > span.proFormBtn{ background-color:#fc3333} .com_proDetail .proColor_2 .proDetail_specList .buyItem_list li.on{color:#fc3333;border-color:#fc3333} .com_proDetail .proColor_3 .imgScrollList li.on{border-color: #ff7214;} .com_proDetail .proColor_3 .proTab_list li.on{ color: #ff7214;} .com_proDetail .proColor_3 .proDetail_tab{ border-top-color:#ff7214;} .com_proDetail .proColor_3 .proDetail_buyBtn > span.buyBtn{border-color:#ff7214} .com_proDetail .proColor_3 .proDetail_buyBtn > span.addToCart{ color:#ff7214; } .com_proDetail .proColor_3 .proDetail_buyBtn > span.goToBuy{ background-color:#ff7214} .com_proDetail .proColor_3 .proDetail_buyBtn > span.proFormBtn{ background-color:#fc3333} .com_proDetail .proColor_3 .proDetail_specList .buyItem_list li.on{color:#ff7214;border-color:#ff7214} .com_proDetail .proColor_4 .imgScrollList li.on{border-color: #fbbe40;} .com_proDetail .proColor_4 .proTab_list li.on{ color: #fbbe40;} .com_proDetail .proColor_4 .proDetail_tab{ border-top-color:#fbbe40;} .com_proDetail .proColor_4 .proDetail_buyBtn > span.buyBtn{border-color:#fbbe40} .com_proDetail .proColor_4 .proDetail_buyBtn > span.addToCart{ color:#fbbe40; } .com_proDetail .proColor_4 .proDetail_buyBtn > span.goToBuy{ background-color:#fbbe40} .com_proDetail .proColor_4 .proDetail_buyBtn > span.proFormBtn{ background-color:#fbbe40} .com_proDetail .proColor_4 .proDetail_specList .buyItem_list li.on{color:#fbbe40;border-color:#fbbe40} .com_proDetail .proColor_5 .imgScrollList li.on{border-color: #06c1ae;} .com_proDetail .proColor_5 .proTab_list li.on{ color: #06c1ae;} .com_proDetail .proColor_5 .proDetail_tab{ border-top-color:#06c1ae;} .com_proDetail .proColor_5 .proDetail_buyBtn > span.buyBtn{border-color:#06c1ae} .com_proDetail .proColor_5 .proDetail_buyBtn > span.addToCart{ color:#06c1ae;} .com_proDetail .proColor_5 .proDetail_buyBtn > span.goToBuy{ background-color:#06c1ae} .com_proDetail .proColor_5 .proDetail_buyBtn > span.proFormBtn{ background-color:#06c1ae} .com_proDetail .proColor_5 .proDetail_specList .buyItem_list li.on{color:#06c1ae;border-color:#06c1ae} .com_proDetail .proColor_6 .imgScrollList li.on{border-color: #3285ff;} .com_proDetail .proColor_6 .proTab_list li.on{ color: #3285ff;} .com_proDetail .proColor_6 .proDetail_tab{ border-top-color:#3285ff;} .com_proDetail .proColor_6 .proDetail_buyBtn > span.buyBtn{border-color:#3285ff} .com_proDetail .proColor_6 .proDetail_buyBtn > span.addToCart{ color:#3285ff;} .com_proDetail .proColor_6 .proDetail_buyBtn > span.goToBuy{ background-color:#3285ff} .com_proDetail .proColor_6 .proDetail_buyBtn > span.proFormBtn{ background-color:#3285ff} .com_proDetail .proColor_6 .proDetail_specList .buyItem_list li.on{color:#3285ff;border-color:#3285ff} .com_proDetail .proColor_7 .imgScrollList li.on{border-color: #999999;} .com_proDetail .proColor_7 .proTab_list li.on{ color: #999999;} .com_proDetail .proColor_7 .proDetail_tab{ border-top-color:#999999;} .com_proDetail .proColor_7 .proDetail_buyBtn > span.buyBtn{border-color:#999999} .com_proDetail .proColor_7 .proDetail_buyBtn > span.addToCart{ color:#999999;} .com_proDetail .proColor_7 .proDetail_buyBtn > span.goToBuy{ background-color:#999999; } .com_proDetail .proColor_7 .proDetail_buyBtn > span.proFormBtn{ background-color:#999999} .com_proDetail .proColor_7 .proDetail_specList .buyItem_list li.on{color:#999999;border-color:#999999} .com_proDetail .proColor_8 .imgScrollList li.on{border-color: #bfa073;} .com_proDetail .proColor_8 .proTab_list li.on{ color: #bfa073;} .com_proDetail .proColor_8 .proDetail_tab{ border-top-color:#bfa073;} .com_proDetail .proColor_8 .proDetail_buyBtn > span.buyBtn{border-color:#bfa073} .com_proDetail .proColor_8 .proDetail_buyBtn > span.addToCart{ color:#bfa073; } .com_proDetail .proColor_8 .proDetail_buyBtn > span.goToBuy{ background-color:#bfa073} .com_proDetail .proColor_8 .proDetail_buyBtn > span.proFormBtn{ background-color:#bfa073} .com_proDetail .proColor_8 .proDetail_specList .buyItem_list li.on{color:#bfa073;border-color:#bfa073} .com_proDetail .proColor_9 .imgScrollList li.on{border-color: #292929;} .com_proDetail .proColor_9 .proTab_list li.on{ color: #292929;} .com_proDetail .proColor_9 .proDetail_tab{ border-top-color:#292929;} .com_proDetail .proColor_9 .proDetail_buyBtn > span.buyBtn{border-color:#292929} .com_proDetail .proColor_9 .proDetail_buyBtn > span.addToCart{ color:#292929; } .com_proDetail .proColor_9 .proDetail_buyBtn > span.goToBuy{ background-color:#292929} .com_proDetail .proColor_9 .proDetail_buyBtn > span.proFormBtn{ background-color:#292929} .com_proDetail .proColor_9 .proDetail_specList .buyItem_list li.on{color:#292929;border-color:#292929} .com_proDetail .proDetail_0 .proInfo_tab_l{ width: 500px;} .com_proDetail .proDetail_0 .proImg_list{ float: left; width: 100px; height: 350px; } .com_proDetail .proDetail_0 .proImg_list > span.p_arrow{ left: 30px; width: 40px; height: 25px;} .com_proDetail .proDetail_0 .proImg_list > span.p_left{ top: 0;} .com_proDetail .proDetail_0 .proImg_list > span.p_left::before{content: "\e619";} .com_proDetail .proDetail_0 .proImg_list > span.p_right{ bottom: 0;} .com_proDetail .proDetail_0 .proImg_list > span.p_right::before{content: "\e61a";} .com_proDetail .proDetail_0 .imgScrollList{position: absolute; top: 35px; bottom: 35px; left: 5px; right: 5px; overflow: hidden;} .com_proDetail .proDetail_0 .imgScrollList li{ height: 80px; margin:5px 0;} .com_proDetail .proDetail_0 .imgScrollList li img{ display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .com_proDetail .proDetail_0 .imgScrollList li::after{ display: inline-block; vertical-align: middle; content: ""; height: 100%;} .com_proDetail .proDetail_0 .proImg_big{ float: right; margin-right: 20px;} .com_proDetail .proDetail_1 .proInfo_tab_l{ width: 400px;} .com_proDetail .proDetail_1 .proImg_list{ height: 90px; margin: 0 auto; margin-top: 10px; width: 350px;} .com_proDetail .proDetail_1 .proImg_list > span.p_arrow{ top: 30px; height: 40px; width: 25px;} .com_proDetail .proDetail_1 .proImg_list > span.p_left{ left: 0;} .com_proDetail .proDetail_1 .proImg_list > span.p_left::before{content: "\e603";} .com_proDetail .proDetail_1 .proImg_list > span.p_right{ right: 0;} .com_proDetail .proDetail_1 .proImg_list > span.p_right::before{content: "\e602";} .com_proDetail .proDetail_1 .imgScrollList{ overflow: hidden; width: 290px; height: 90px; margin-left: 35px;} .com_proDetail .proDetail_1 .imgScrollList li{ height: 80px; margin-right: 10px; width: 80px; float: left;} .com_proDetail .proDetail_1 .imgScrollList li img{ display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .com_proDetail .proDetail_1 .imgScrollList li::after{ display: inline-block; vertical-align: middle; content: ""; height: 100%;} .com_proDetail .proDetail_1 .proImg_big{ margin: 0 auto;} .com_proDetail .proDetail_2 .proDetail_info{ width: auto; margin: 0 auto;} .com_proDetail .proDetail_2 .proImg_list{ height: 90px; margin: 0 auto; margin-top: 10px; width: 350px; position: relative;} .com_proDetail .proDetail_2 .proImg_list > span.p_arrow{ top: 20px; height: 40px; width: 25px; line-height: 40px;} .com_proDetail .proDetail_2 .proImg_list > span.p_left{ left: 0;} .com_proDetail .proDetail_2 .proImg_list > span.p_left::before{content: "\e603";} .com_proDetail .proDetail_2 .proImg_list > span.p_right{ right: 0;} .com_proDetail .proDetail_2 .proImg_list > span.p_right::before{content: "\e602";} .com_proDetail .proDetail_2 .imgScrollList{ overflow: hidden; position: absolute; left: 35px; right: 35px; top: 0; bottom: 0;} .com_proDetail .proDetail_2 .imgScrollList li{ height: 80px; margin-right: 10px; width: 80px; float: left;} .com_proDetail .proDetail_2 .imgScrollList li img{ display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;} .com_proDetail .proDetail_2 .imgScrollList li::after{ display: inline-block; vertical-align: middle; content: ""; height: 100%;} .com_proDetail .proDetail_2 .proImg_big{ margin: 0 auto;} .com_proDetail .proDetail_2 .proDetail_name{ text-align: center;} .com_proDetail .proDetail_4 .proImg_big{ margin: 0 auto;} .com_proDetail .proDetail_4 .proImg_list{display: none;} .com_proDetail .proDetail_4 .proDetail_name{text-align: center;} .com_proDetail .proDetail_5 .proDetail_con{ min-height: 200px;} /* 鍔犲叆璐墿杞﹀脊绐 */ #addCartMask{ position: fixed; z-index: 999998; top: 0; right: 0; left: 0; bottom: 0; background-color: rgba(0, 0, 0, .6);} #addCartLayer{ position: fixed; top: 50%; margin-top: -95px; left: 50%; margin-left: -183px; width: 302px; height: 150px; background-color: #fff; z-index: 999999; border-radius: 4px; padding: 25px 20px 0 50px; color: #555;} #addCartLayer .closeLayer{ position: absolute; top: 20px; right: 20px; cursor: pointer; width: 20px; height: 20px; text-align: center; line-height: 20px; color: #666; font-size: 20px; z-index: 99;} #addCartLayer .addCartStatus{ height: 38px; line-height: 30px; font-size: 16px; color: #333;} #addCartLayer .addCartStatus > i{ background-color: #43b528; color: #fff; font-size: 20px; border-radius: 50%; vertical-align: middle; margin-right: 10px; width: 26px; height: 26px; line-height: 26px; text-align: center; display: inline-block;} #addCartLayer .addCartTotal{ height: 45px; line-height: 45px; font-size: 13px;} #addCartLayer .addCartTotal > span{ padding: 0 3px; color: #FF5722;} #addCartLayer .addCartBtns{ padding-top: 5px;} #addCartLayer .addCartBtns > .addBtn{ height: 35px; line-height: 35px; text-align: center; width: 110px; font-size: 14px; display: inline-block; vertical-align: middle; cursor: pointer;} #addCartLayer .addCartBtns > .goToCart{border-radius: 4px; background-color: #FF5722; color: #fff; margin-right: 8px;} /*浜у搧鏀惧ぇ闀滄牱寮?/ .com_proDetail .proImg_big .magnify{display: none; position: absolute; top: 0; left: 0; width: 100px; height: 100px; cursor: move; background-color: #fff; opacity: .5; filter:alpha(opacity=50); border: 1px solid #ddd;} .com_proDetail .proZoomImg{display: none; position: absolute; top: 0; right: -340px; width: 350px; height: 350px; z-index: 333; border: 1px solid #fff; overflow: hidden; background-color: #fff; border: 1px solid #ddd;} .com_proDetail .proZoomImg> .zoomImg{position: absolute; top: 0; left: 0; width: 920px; height: 920px; font-size: 0; text-align: center;} .com_proDetail .proZoomImg> .zoomImg img{ display: inline-block; max-width: 100%; max-height: 100%; vertical-align: middle;} .com_proDetail .proZoomImg> .zoomImg::after{ display: inline-block; vertical-align: middle; height: 100%; width: 0; overflow: hidden; content: "";} /* 浜у搧璇㈢洏 */ .layer_form{ padding: 20px 0 10px 0;} /* 鏂囦欢涓嬭浇 */ .com_download .download_content {min-height: 150px;} .com_download .fileDownBox {padding: 10px;} .com_download .downloadShade::after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;z-index: 8;display: block;} .com_download .fileDownList {clear: both;margin-bottom: 20px;border-bottom: 1px solid #ddd;} .com_download .iconImg {float: left;width: 87px;height: 87px;margin-right: 10px;} .com_download .contentRight {overflow: hidden;} .com_download .listTitle {margin-bottom: 10px;} .com_download .titleText {font-weight: bold;font-size: 16px;} .com_download .listDes {font-size: 12px;margin-bottom: 10px;} .com_download .listLastEach {font-size: 12px;margin-bottom: 18px;line-height: 26px;} .com_download .listLastEach > div {display: inline-block;} .com_download .downBtn {float: right;width: 130px;height: 24px;line-height: 24px;} .com_download .tableContent {width: 100%;height: 36px;} .com_download .fileName {width: 50%;} .com_download .fileDownBtn {width: 20%;text-align: center;} .com_download .timeSet {margin-right: 10px;} /* 鍦ㄧ嚎鐣欒█ */ .com_message .messageBox {padding-top: 10px;overflow: hidden;} .com_message .messageShade::after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;z-index: 8;display: block;} .com_message .saveinput,.com_message .message_content {position: relative;} .com_message .saveinput::after {content: "*";position: absolute;top: 4px;left: 98%;display: block;color: #ff0000;} .com_message .msgInp {width: 97%;} .com_message .msgCode{ position: relative; padding-right: 120px; max-width: 150px;} /* .com_message input.codeInp {} */ .com_message .codePic{width: 100px;height: 35px; cursor: pointer; border: 1px solid #ddd; position: absolute; right: 10px; top: 0;} .com_message .message_content textarea {width: 97%;;height: 120px;resize: none;} .com_message .subContent {text-align: center;} .com_message .submitBtn {width: 134px;height: 36px;line-height: 36px;font-size: 16px;padding: 0;overflow: hidden;} .com_message .showMessage {width: calc(100% - 20px);margin: auto;} .com_message .welcomeMeg {font-size: 20px;margin: 20px 0;color: #ff0000;text-indent: 5px;} .com_message .msgList {border: 1px solid #ddd;margin-bottom: 15px;padding: 10px;} .com_message .msgList_content {padding: 0 13px;} .com_message .msgList_content p {margin-bottom: 10px;} .com_message .msgList_reply {margin: 10px 0;border-top: 1px solid #cdcdcd;} .com_message .adminReply {margin-bottom: 10px;} .com_message .color_1 .submitBtn {background-color: #f5504f;} .com_message .color_2 .submitBtn {background-color: #ffad2b;} .com_message .color_3 .submitBtn {background-color: #85c200;} .com_message .color_4 .submitBtn {background-color: #e13e8d;} .com_message .color_5 .submitBtn {background-color: #8e8e8e;} /* 褰撳墠浣嶇疆 */ .com_location .locationBox {position: relative;min-height: 36px;font-size: 12px;line-height: 36px;box-sizing: border-box;} .com_location .location_style1 .location_title {display: none;} .com_location .location_style2 .location_text {display: none;} .com_location .location_style3 .location_title {float: right;} .com_location .location_style3 .location_text {float: left;} .com_location .location_title {float: left;} .com_location .location_text {float: right;} .com_location .location_text>img {width: 30px;height: 30px;} .com_location .location_text i {font-size: 12px;} .com_location .location_style1 .textAlign0 {float: left;} .com_location .location_style2 .titleAlign1 {float: right;} /* 鍦ㄧ嚎鍦板浘 */ .com_onlineMap .onlineMapBox {box-sizing: border-box;width:100%;min-height:400px;border:#e8e8e8 solid 1px;} .com_onlineMap .BaiduMap::after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;z-index: 9999;display: block;} /* 宓屽叆椤甸潰 */ .com_iframe .ifrnameShade::before,.com_iframe .ifrnameShade::after {content: "";position: absolute;top: 0;bottom: 0;left: 0;right: 0;opacity: 0;z-index: 9999;display: block;} .com_iframe .iframeBox > iframe{ border: 0;} /* 鍦ㄧ嚎瀹㈡湇 */ .com_service .isFloat_0{padding: 5px;} .com_service .isFloat_1 {position: relative;width: 40px;overflow: hidden;transition: width .2s;} .com_service .onlineService,.com_service .workTimeList,.com_service .contList {margin-bottom: 22px;word-break:break-all} .com_service .onlineSer-list,.com_service .workTimeList div,.com_service .contList div {margin: 10px 0;} .com_service .cont_line .onlineSer-list, .com_service .cont_line .workTimeList>div,.com_service .cont_line .contList>div{display: inline-block;margin-right: 20px;} .com_service .workTitle,.com_service .contTitle {font-size: 16px;color: #333;} .com_service .contactIcon {display: inline-block;vertical-align: middle;width: 22px;height: 22px;margin-right: 6px;background: url("../images/service.png") no-repeat;background-position: -1px -36px;} .com_service .contactIcon.Taobao-Icon,.com_service .contactIcon.Alipay-Icon{background-position:-1px -105px} .com_service .contactIcon.Skype-Icon{background-position:-1px -69px} .com_service .contactIcon.WhatsApp-Icon{background-position:-1px -168px} .com_service .contactIcon.WeChat-Icon{background-image: url(../images/shareIcon.png); background-position:-29px 0;} #wxQrCodeBox{ width: 250px; height: 250px; border: 15px solid #fff; border-radius: 6px; overflow: hidden; background-color: #fff; position: absolute; z-index: 999999; top: 50%; left: 50%; margin-top: -125px; margin-left: -125px;} #wxQrCodeBox img{ width:250px; height:250px; display: block;} .com_service .floatPath_0 {position: absolute;right: 0;top: 35px;border-radius: 0 5px 5px 0;} .com_service .floatPath_1 {position: absolute;left: 0;top: 35px;border-radius: 5px 0 0 5px;} .com_service .floatServiceBox {width: 40px;height: 180px;background-color: #5874d8;} .com_service .isFloat_1 .floatCont_0 {float: left;} .com_service .isFloat_1 .floatCont_1 {float: right;} .com_service .isFloat_1 .serviceList {width: 140px;min-height: 240px;background-color: #fff;border: 1px solid #5874d8;box-sizing: border-box;} .com_service .flodContent {opacity: 0;} .com_service .titleFloat {height: 35px;line-height: 35px;color: #fff;font-size: 16px;text-align: center;background-color: #5874d8;} .com_service .isFloat_1 .service_list_cont {margin: 20px 0 0 20px;} .com_service .serIcon {display: inline-block;width: 28px;height: 28px;margin: 12px 6px 6px;vertical-align: middle;background: url("../images/service.png") no-repeat;background-position: 2px 2px;} .com_service .serviceTips p {font-size: 17px;color: #fff;margin: 0 12px;word-break: break-all;text-align: center;} .com_service .openIcon {display: inline-block;width: 20px;height: 20px;margin: 12px 10px 0;vertical-align: middle;background: url("../images/service.png") no-repeat;background-position: -1px -138px;} .com_service .onlineSer_floatL .openIcon{transform: rotate(180deg);} .zhuliList{ background-image: url("//oss.xinghuo86.cn/599721374646346/600674580561988.png"); background-position: top center; background-repeat: no-repeat; width: 545px; height: 697px; position: relative;} .zhuliList .inpContent{ width: 426px; height: 47px; position: absolute; left: 76px;} .zhuliList .inpContent input{ border: 0; width: 426px;background-color: transparent; font-size: 16px; padding-left: 0; height: 46px; color: #555;} .zhuliList .inpContent input:focus{ border: none; outline: none; } .zhuliList .inpContent:first-child{ top: 189px;} .zhuliList .inpContent:nth-child(2){ top: 264px;} .zhuliList .inpContent:nth-child(3){ top: 338px;} .zhuliList .inpContent:nth-child(4){ top: 410px;} .zhuliList .inpContent:nth-child(5){ top: 486px;} .zhuliList .subContent{ position: absolute; width: 493px; height: 80px; cursor: pointer; left: 26px; bottom: 47px;} .zhuliList .subContent button{ width: 100%; border: 0; background: transparent; cursor: pointer; height: 80px;} /* 鍦ㄧ嚎琛ㄥ崟 */ .com_onlineform .formTitle{ text-align: center; font-size: 18px; padding: 15px;} .com_onlineform .formMsgItem{ padding: 10px 0;} .com_onlineform .formType_0 .formMsgTitle{ float: left; width: 20%; line-height: 36px; text-align: right;} .com_onlineform .formType_0 .formMsgCon{ float: left; margin-left: 2%; width: 77%; position: relative;} .com_onlineform .formType_1 .formMsgTitle{ padding-bottom: 10px; line-height: 30px;} .com_onlineform .formType_1 .formMsgCon{ position: relative;} .com_onlineform .listType_1 .formList{ float: left; padding-bottom: 10px;} .com_onlineform .listType_1 .listStyle1{ float: none;} .com_onlineform .listType_1 .listStyle2{ width: 50%;} .com_onlineform .listType_1 .listStyle3{ width: 33.33%;} .com_onlineform .listType_1 .listStyle4{ width: 25%;} .com_onlineform .formMsgCon .formMsgInput{ display: inline-block; width: 90%; vertical-align: top;} .com_onlineform .formMsgCon.isRequired::after{content:'*';color:red; margin-left:15px;font-weight:bold; display:inline-block; line-height: 38px; vertical-align: top;} .com_onlineform .formMsgInput >.phoneAreacode .inputAreacode{ width: 80px; float: left; text-align: center; padding-left: 0} .com_onlineform .formMsgInput >.phoneAreacode .inputPhone{ margin-left: 10px; width: calc(100% - 90px); float: left;} .com_onlineform .formMsgInput .addrList .addSelect{ float: left; box-sizing: border-box; width: 50%; padding-left: 10px;} .com_onlineform .formMsgInput .addrList .addSelect:nth-child(1){ padding-left: 0;} .com_onlineform .formMsgInput .addrList .addSelect:nth-child(3){ display: none;} .com_onlineform .formMsgInput .county_1 .addSelect{ width: 33.333%;} .com_onlineform .formMsgInput .county_1 .addSelect:nth-child(3){ display: block;} .com_onlineform .formMsgItem .formTip_title{ text-align: center; font-size: 16px; line-height: 36px;} .com_onlineform .formMsgItem .formTip_text{ text-align: center; line-height: 35px;} .com_onlineform .formMsgInput .uploadTips{ margin-left: 10px;} .com_onlineform .formType_0 .uploadItem .formMsgInput{ width: auto;} .com_onlineform .formMsgInput > .layui-textarea{ height:100px; resize:none} .com_onlineform .formMsgCode input.codeInp{ width: 100px; float: left; ;} .com_onlineform .formMsgCode img.codePic{ display: block; float: left; margin-left: 10px; width: 102px; height: 38px; cursor: pointer;} .com_onlineform .formMsgSubmit{ text-align: center;} .com_onlineform .formMsgSubmit .submitBtn{ width: 200px; cursor: pointer;} /* 缍茬珯鍒嗕韩 */ .com_webShare .shareBox > li{ float: left; padding: 5px 8px 5px 0;} .com_webShare .shareBox > li a.shareItem{ white-space: nowrap;} .com_webShare .shareBox > li a.shareItem > i{ display: inline-block; width: 20px; height: 20px; vertical-align: middle; background-image: url("../images/shareIcon.png"); background-repeat: no-repeat; background-position-y:0;} .com_webShare .shareBox > li a.weixinIcon > i{ background-position-x:-29px;} .com_webShare .shareBox > li a.weiboIcon > i{ background-position-x:-56px;} .com_webShare .shareBox > li a.qqIcon > i{ background-position-x:0;} .com_webShare .shareBox > li a.qqZoneIcon > i{ background-position-x:-387px;} .com_webShare .shareBox > li a.doubanIcon > i{ background-position-x:-253px;} .com_webShare .shareBox > li a.tiebaIcon > i{ background-position-x:-412px;} .com_webShare .shareBox > li a.copyIcon > i{ background-position-x:-437px;} .com_webShare .shareBox > li a.facebookIcon > i{ background-position-x:-168px;} .com_webShare .shareBox > li a.twitterIcon > i{ background-position-x:-196px;} .com_webShare .shareBox > li a.linkedInIcon > i{ background-position-x:-224px;} .com_webShare .shareBox > li a.shareItem > span{ display: inline-block; padding-left: 8px; vertical-align: middle; line-height: 25px; padding-right: 10px;} .com_webShare .shareBox > li a.shareItem:hover{opacity: .8;} /* 缍茬珯鍒嗕韩 */ .detailShare{ padding-top: 10px;} .detailShare .shareBox > li{ display: inline-block; padding: 5px 8px 5px 0;} .detailShare .shareBox > li a.shareItem{ white-space: nowrap;} .detailShare .shareBox > li a.shareItem > i{ display: inline-block; width: 20px; height: 20px; vertical-align: middle; background-image: url("../images/shareIcon.png"); background-repeat: no-repeat; background-position-y:0;} .detailShare .shareBox > li a.weixinIcon > i{ background-position-x:-29px;} .detailShare .shareBox > li a.weiboIcon > i{ background-position-x:-56px;} .detailShare .shareBox > li a.qqIcon > i{ background-position-x:0;} .detailShare .shareBox > li a.qqZoneIcon > i{ background-position-x:-387px;} .detailShare .shareBox > li a.doubanIcon > i{ background-position-x:-253px;} .detailShare .shareBox > li a.tiebaIcon > i{ background-position-x:-412px;} .detailShare .shareBox > li a.copyIcon > i{ background-position-x:-437px;} .detailShare .shareBox > li a.facebookIcon > i{ background-position-x:-168px;} .detailShare .shareBox > li a.twitterIcon > i{ background-position-x:-196px;} .detailShare .shareBox > li a.linkedInIcon > i{ background-position-x:-224px;} .detailShare .shareBox > li a.shareItem > span{ display: inline-block; padding-left: 8px; vertical-align: middle; line-height: 25px; padding-right: 10px;} .detailShare .shareBox > li a.shareItem:hover{ opacity: .8;} /*鍒嗕韩鍒板井淇?/ #wx_mask{position:fixed; top:0%; left:0%; width:100%; height:100%; background-color:black; z-index:9999; -moz-opacity:0.6; opacity:.60; filter:alpha(opacity=60);} .shareWXbox{width:480px; height:420px; position:fixed; top:50%; left:50%; margin-left:-240px; margin-top:-210px; background:#fff; border-radius:5px; box-shadow:2px 2px 11px #4d4d4d; color:#000; display:none; font-family:"寰蒋闆呴粦"; z-index:100001;} .shareWXbox .wxbox_title{width:100%; height:50px; border-radius:5px 5px 0 0; background:#f1f1f1;} .shareWXbox .wxbox_title .title_right{color:#555; font-size:16px; position:absolute; left:20px; top:11px;} .shareWXbox .wxShareBox{margin:0 auto; margin-top:45px; width:378px;} .shareWXbox .wxShareBox .wxShareText{color:#222; font-size:14px ; height:30px; line-height:30px; text-align:center; width:100%;} .shareWXbox .wxShareBox .wxShareQrcode{height:190px; margin:50px auto; width:190px; margin-top: 30px;} .shareWXbox .wx_close{cursor:pointer; height:27px; position:absolute; right:8px; top:10px; width:30px; text-decoration:none; font-size: 24px;} .shareWXbox .wx_close:hover{ color: #2b73ba;} #webCopyUrl{ position: absolute; top: -99999999px; z-index: -99;} .isSafari .clearfix::before,.isSafari .clearfix::after{ height:1px;} .isSafari .webMenu_list > ul{display: table;} .globalIpv6Icon{margin-left: 5px; cursor: default; user-select: none; white-space: nowrap;} .globalIpv6Icon > font{border: 1px #fff solid; border-radius: 4px; display: inline-block; padding: 0 5px; margin-left: 5px; font-size: 12px;} /*浼氬憳缁勪欢*/ .com_member .member_view,.com_membermain .membermain_view{padding: 10px 0; min-height: 200px;} .com_member .loginTop,.com_membermain .loginTop{ min-height: 30px; margin-bottom: 15px; line-height: 30px; position: relative;} .com_member .loginTop .loginTitle,.com_membermain .loginTop .loginTitle{padding-right: 150px; font-size: 20px;} .com_member .loginTop .loginReg,.com_membermain .loginTop .loginReg{ right: 0; position: absolute; top: 0; font-size: 16px;} .com_member .loginTop .loginReg > span,.com_membermain .loginTop .loginReg > span{ color: #5874d8; cursor: pointer;} .com_member .memberLoginBox,.com_membermain .memberLoginBox{ max-width: 420px; min-width: 260px; margin: 0 auto;} .com_member .loginForm .layui-form-item,.com_membermain .loginForm .layui-form-item {position:relative;} .com_member .loginForm .layui-form-item label,.com_membermain .loginForm .layui-form-item label {position:absolute;left:1px;top:1px;width:38px;line-height:36px;text-align:center; color:#d2d2d2;} .com_member .loginForm .layui-form-item input,.com_membermain .loginForm .layui-form-item input {padding-left:36px; height: 38px; line-height: 38px;} .com_member .captcha,.com_membermain .captcha {width:64%;display:inline-block; vertical-align: top;} .com_member .captcha-img ,.com_membermain .captcha-img {display:inline-block; width:34%; vertical-align: top; position: absolute; right: 0; top: 0;} .com_member .captcha-img img,.com_membermain .captcha-img img {height:34px;border:1px solid #e6e6e6;height:36px;width:100%; cursor: pointer;} .com_member .loginSubBtn,.com_membermain .loginSubBtn{ height: 45px; line-height: 45px; font-size: 16px; background-color: #5874d8;} .com_member .getPassword,.com_membermain .getPassword{ position: absolute; right: 0; top: 0; line-height: 38px; white-space: nowrap; text-decoration: underline; cursor: pointer;} .com_member .loginTool,.com_membermain .loginTool{ min-height: 28px;} .com_member .m_loginOut,.com_membermain .m_loginOut{ cursor: pointer; margin-left: 15px; display: inline-block; vertical-align: middle;} #member_layer{ padding:20px 25px; padding-top: 30px;} #memberReg{ padding: 15px; padding-right: 60px;} #memberReg .layui-form-label,#memberMainForm .layui-form-label{ width: 120px;} #memberReg .layui-input-block,#memberMainForm .layui-input-block{ padding-right: 15px; position: relative; margin-left: 150px;} #memberReg .layui-input-block.required::after,#memberMainForm .layui-input-block.required::after{position: absolute; content: "*"; top: 0; right: 0; color: red; line-height: 38px;} #memberReg .regSubmit{ text-align: center;} #memberReg .regSubmit .regSubBtn{ width: 350px; height: 45px; line-height: 45px; font-size: 16px; background-color: #5874d8;} #findPassowrd{ padding:20px} #findPassowrd input[name='customerEmail'],#findPassowrd input[name='newPassword']{ width: 306px;} #findPassowrd #getPawCode{ cursor: pointer; width: 100%;} .com_member .memberMainInfo,.com_member .memberMainBox{ max-width: 600px; width: 100%; margin: 0 auto;} .com_member .memberMainInfo{ padding: 20px; line-height: 40px; font-size: 16px; text-align: center;} .com_member #memberMainForm,.com_membermain #memberMainForm{ padding-bottom: 15px; padding-right: 30px;} #memberMainForm .mainSubmit .mainSubBtn{ width:140px;} #changePassword{ padding:20px} .webscorllbar::-webkit-scrollbar{width: 5px;background-color: transparent; border-radius: 10px;} .webscorllbar::-webkit-scrollbar-track{border-radius: 10px; background-color: transparent ;} .webscorllbar::-webkit-scrollbar-thumb{border-radius: 10px; background-color: #7388d2;} /* 浼氬憳绠$悊涓績 */ .membermain_view{ background-color: #fff;} .com_membermain .memberMainBox{max-width: 600px; width: 100%; } /* 璐墿杞 */ .com_mycart .mycart_view{padding: 10px 0; min-height: 200px; background-color: #fff;} .com_mycart .myCartEmpty{ text-align: center; padding: 30px 0; display: none;} .com_mycart .myCartEmpty .cartEmptyIcon > .layui-icon{font-size: 120px; color: #5874d8;} .com_mycart .myCartEmpty .cartEmptyTip{ font-size: 16px; padding-top: 20px;} .com_mycart .myCartEmpty .cartEmptyTip a{ color: #5874d8;} .com_mycart .mycartBox{ display: none;} .com_mycart .mycartBox .layui-table-view{ border-left: 0; border-right: 0; margin: 0;} .com_mycart .mycartBox .layui-table-header { border-width:1px; border-top: 0;} .com_mycart .mycartBox .layui-table-header .layui-table-cell{ height: 40px; line-height: 40px;} .com_mycart .mycartBox .layui-table-main .layui-table-cell{ height: 85px; line-height: 85px;} .com_mycart .mycartTab .proItemBox{ position: relative; padding-left: 75px; height: 75px; padding-top: 10px;} .com_mycart .mycartTab .proItemBox .proItemImg{ position: absolute; left: 0; top: 15px;width: 60px; height: 60px; border: 1px solid #ddd; font-size: 0; line-height: 60px; overflow:hidden;} .com_mycart .mycartTab .proItemBox .proItemImg img{ display: inline-block; vertical-align: middle; max-width: 60px; max-height: 60px; border: 0;} .com_mycart .mycartTab .proItemBox .proItemImg::before{height: 60px; display: inline-block; width: 0; content:""; overflow: hidden; vertical-align: middle;} .com_mycart .mycartTab .proItemBox .proItemName{ height: 40px; line-height: 20px;} .com_mycart .mycartTab .proItemBox .proItemSpec{ line-height: 20px; color: #999;} .com_mycart .mycartTab .toolBtn{ font-size: 24px; cursor: pointer;} .com_mycart .mycartTab .toolBtn:hover{ color: #5874d8;} .com_mycart .mycartBox .layui-table-hover{ background-color: transparent!important;} .com_mycart .mycartTotal{ padding-top: 15px;} .com_mycart .mycartTotal .priceItem{ min-height:30px; padding-bottom: 10px;} .com_mycart .mycartTotal .priceItem > div{ float: left; line-height: 30px; font-size: 15px; text-align: right;} .com_mycart .mycartTotal .priceItem .priceItem_text{ width:calc(100% - 130px);} .com_mycart .mycartTotal .priceItem .priceItem_con{ width: 100px; padding-right: 20px;} .com_mycart .mycartTotal .priceItem::after,.com_mycart .mycartTotal .btnItem::after{ clear: both; content: ""; height: 0; width: 100%; line-height: 0; overflow: hidden;} .com_mycart .mycartTotal .priceItem2{ padding-bottom: 10px; height: 42px;} .com_mycart .mycartTotal .priceItem2 > div{ float: left; height: 42px; line-height: 42px;} .com_mycart .mycartTotal .priceItem2 .priceItem_text{width:calc(100% - 210px); text-align: right;} .com_mycart .mycartTotal .priceItem2 .priceItem_con{ width: 180px; padding-left: 20px; text-align: center;} .com_mycart .mycartTotal .priceItem2 .priceItem_con .layui-btn{ width: 160px; height: 42px; line-height: 42px; font-size: 16px; cursor: pointer;} .com_mycart .mycartTotal .priceItem2 .total{ font-weight: bold; color: #f5222d; font-size: 30px;} .com_mycart .cartNumBox{ width: 100px; display: inline-block; height: 36px; vertical-align: middle; text-align: left; position: relative;} .com_mycart .cartNumBox > input.numInput{ width: 65px; height: 34px; border: 1px solid #ddd; background-color: #fff; text-align: center; color: #555; vertical-align: top;} .com_mycart .cartNumBox > .cartBtnBox{ position: absolute; top: 0; left: 64px; width: 21px; height: 34px;} .com_mycart .cartNumBox > .cartBtnBox > span{ position: absolute; left: 0; right: 0; height: 17px; border: 1px solid #ddd; cursor: pointer; background-color: #fff; text-align: center; line-height: 17px; font-size: 12px;} .com_mycart .cartNumBox > .cartBtnBox > span.btnUp{ top:0;} .com_mycart .cartNumBox > .cartBtnBox > span.btnDown{ bottom: 0;} .com_mycart .cartNumBox > .cartBtnBox > span:hover{ color: #5874d8;} /* 閿€鍞綉鐐 */ .com_saleNetwork .saleNetwork{min-height: 200px;} .com_saleNetwork .saleNetwork_0 > .networkMap{ float: left; width: 55%; box-sizing:border-box; padding-right: 15px;} .com_saleNetwork .saleNetwork_0 > .networkMap .echartsMap{ height: 700px;} .com_saleNetwork .saleNetwork_0 > .networkBox{ float: right; width: 43%;} .com_saleNetwork .saleNetwork_0 .networkSearch{ padding-top: 10px;} .com_saleNetwork .saleNetwork_0 .networkSearch .ns_line{ height: 85px;} .com_saleNetwork .saleNetwork_0 .networkSearch .ns_name{ height: 35px; font-size: 16px;} .com_saleNetwork .saleNetwork_0 .networkSearch .ns_w50 { float: left; width:50%; padding-right: 10px; box-sizing: border-box;} /* .com_saleNetwork .saleNetwork_0 .networkSearch .ns_select{} */ .com_saleNetwork .saleNetwork_0 .networkSearch .ns_select:first{ padding-right: 5px;} .com_saleNetwork .saleNetwork_0 .networkSearch .ns_keyword{position: relative; padding-right: 80px; box-sizing: border-box;} .com_saleNetwork .saleNetwork_0 .networkSearch .ns_keyword > span{ position: absolute; width: 60px; top: 0; right:10px; height: 35px; background-color: #5874d8; color: #fff; text-align: center; cursor: pointer; line-height: 35px; border-radius: 4px;} .com_saleNetwork .saleNetwork_0 .networkSearch .ns_keyword > input{ width: 100%; height: 35px; background-color: #fff; padding-left: 10px; color: #555; border: 1px solid #ddd; border-radius: 4px;} .com_saleNetwork .saleNetwork_0 .networkList{ padding-right: 10px; overflow-y: auto; height: 520px;} .com_saleNetwork .saleNetwork_0 .networkList > ul.resultList{ min-height: 100px; padding-left: 5px;} .com_saleNetwork .saleNetwork_0 .networkList > ul.resultList li.itemList{ margin: 5px 0; border-bottom: 1px #ddd dashed; padding-bottom: 5px;} .com_saleNetwork .saleNetwork_0 .networkList > ul.resultList div.itemText{ line-height: 28px; height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;} .com_saleNetwork .saleNetwork_0 .networkList > ul.resultList div.itemName{ font-size: 16px; line-height: 35px; height: 35px;} .com_saleNetwork .saleNetwork_0 .networkList > ul.resultList a.viewMap{ display:inline-block; padding-right: 10px;} .com_saleNetwork .saleNetwork_0 .networkList > ul.resultList a.viewMap::before{ content: "\e715"; font-family: layui-icon!important; margin-right: 5px; font-size: 16px;} .com_saleNetwork .saleNetwork_1 > .networkMap{ padding-bottom: 15px;} .com_saleNetwork .saleNetwork_1 > .networkMap .echartsMap{ height: 500px;} /* .com_saleNetwork .saleNetwork_1 > .networkBox{} */ .com_saleNetwork .saleNetwork_1 .networkSearch{ background-color: #5874d8; padding:10px 15px; border-radius: 4px; box-sizing: border-box;} .com_saleNetwork .saleNetwork_1 .networkSearch .ns_line{ float: left; width: 40%; position: relative; height: 36px; box-sizing: border-box; padding-left: 90px;} .com_saleNetwork .saleNetwork_1 .networkSearch .ns_line.layarea{ width: 60%;} .com_saleNetwork .saleNetwork_1 .networkSearch .ns_name{ height: 38px; line-height: 38px; font-size: 16px; width: 80px; text-align: right; color: #fff; line-height: 35px; position: absolute; left: 0; top: 0;} .com_saleNetwork .saleNetwork_1 .networkSearch .ns_w50 { float: left; width:50%; padding-right: 10px; box-sizing: border-box;} .com_saleNetwork .saleNetwork_1 .networkSearch .ns_select:first{ padding-right: 5px;} .com_saleNetwork .saleNetwork_1 .networkSearch .ns_keyword{position: relative; padding-right: 80px; box-sizing: border-box;} .com_saleNetwork .saleNetwork_1 .networkSearch .ns_keyword > span{ position: absolute; width: 60px; top: 0; right:10px; height: 35px; background-color: #fff; color: #555; text-align: center; cursor: pointer; line-height: 35px; border-radius: 4px;} .com_saleNetwork .saleNetwork_1 .networkSearch .ns_keyword > input{ width: 100%; height: 35px; background-color: #fff; padding-left: 10px; color: #555; border: 1px solid #ddd; border-radius: 4px;} .com_saleNetwork .saleNetwork_1 .networkList{min-height: 200px;} .com_saleNetwork .saleNetwork_1 .networkList > ul.resultList{ min-height: 100px; padding-top: 10px;} .com_saleNetwork .saleNetwork_1 .networkList > ul.resultList li.itemList{ box-sizing: border-box; float: left; padding: 5px; } .com_saleNetwork .saleNetwork_1 .networkList > ul.resultList li.itemList div.itemBg{ background-color: #eee; padding: 10px; height: 125px; border-radius: 4px; overflow: hidden;} .com_saleNetwork .saleNetwork_1 .networkList > ul.resultList div.itemText{ line-height: 28px; height: 28px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -o-text-overflow: ellipsis;} .com_saleNetwork .saleNetwork_1 .networkList > ul.resultList div.itemName{ font-size: 16px; line-height: 35px; height: 35px;} .com_saleNetwork .saleNetwork_1 .networkList > ul.resultList a.viewMap{ display: block; width: 80px;} .com_saleNetwork .saleNetwork_1 .networkList > ul.resultList a.viewMap::before{ content: "\e715"; font-family: layui-icon!important; margin-right: 5px; font-size: 16px;} .com_saleNetwork .saleNetwork_1 .networkList > ul.resultList.row_1 li.itemList{ float: none;} .com_saleNetwork .saleNetwork_1 .networkList > ul.resultList.row_2 li.itemList{ width: 50%;} .com_saleNetwork .saleNetwork_1 .networkList > ul.resultList.row_3 li.itemList{ width: 33.3%;} .com_saleNetwork .saleNetwork_1 .networkList > ul.resultList.row_4 li.itemList{ width: 25%;} .com_saleNetwork .noNetworkTips{ text-align: center; padding-top: 30px; padding-bottom: 20px;} .com_saleNetwork .noNetworkTips::after{content: "鏆傛棤鏁版嵁"; line-height: 40px; display: block;} .com_saleNetwork .noNetworkTips .file_empty_img{fill: #f5f5f5;} .com_saleNetwork .noNetworkTips .file_empty_img_g {stroke: #d9d9d9;} .com_saleNetwork .noNetworkTips .file_empty_img_path {fill: #fafafa;} .com_saleNetwork .noNetworkTips .file_empty_text{ height: 30px; line-height: 30px; padding-top: 15px; text-align: center; font-size: 14px; color: #999; font-size: 16px;} #showMapBox{margin: 15px; margin-bottom: 0; height: 500px;} .com_onlineGmap .onlineGmapBox {box-sizing: border-box;height:400px; border:#e8e8e8 solid 1px;} /* 璋锋瓕鍦板浘鏂囨湰鍐呭 */ .showMapBox{ padding: 0 5px;} .showMapBox_name{ font-size: 16px; font-weight: bold; padding-bottom: 8px;} .showMapBox_text{ line-height: 25px;} .pinBtn{width:40px;height: 20px; background-color: #fff; z-index: 999999; position: absolute; border: 1px solid #ddd; border-radius: 4px; text-align: center; cursor: pointer; line-height: 20px; box-shadow: inset 0 0 1px #888; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAMCAYAAABx290PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA21pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYzA2ZTQwNS1lNzkzLTQzNGEtOGRlNS1kNWJlNmM3NDhjNDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QUY0NzY0MDVGMTY4MTFFNThDMTRERjBGMTk3QTEwNkYiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QUY0NzY0MDRGMTY4MTFFNThDMTRERjBGMTk3QTEwNkYiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjJjNjhhMTc3LWM2OTItZjI0OC04NzRhLTFkZDVmMTNhODQ5ZCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxRDVEMUJGNEYxNjIxMUU1OEJFQThEQjk3MzMyNzhFNSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Po5U4KMAAAHcSURBVHjatNRLSFVRFIDhc/Um0kOhMoseg2jSgzKRUkgaSS9BDIKoQfSYREHvhIRKMgqa2KyRoaOiNMpRZQ0KooFoWINEDUGhLMqeOgihf9F/4Q4aOLAFH/uee/Y5a++9Fif1JH9JQsxAHY5jXvI33qAeD5JpjBzMxCtcwhmsxy6M4D7OTXfCSLTKRI/xHXexDS9xGQuwDDdRMYX35qIBV70uwgWsiYQncd4jHMYgCp14w7EU67DH5FNJeBSbvY7SXMTHtH88xUp/R8LfWQ9GzMWAK45j3uACvmAxnlmWTMxCs/Xfjt3+vz8SjuKUK4joxLi/qxw/oQ1vvb6OcrzDcvzCIvzw/kGctkRHUIyvqIwjPYwJrHVyn+MKV/baRUU7t3ivBF3ussUdpbN2uAOTeGQtI86iOhLew16bJrErX6AfP1GLjd7rcCH5uOb9SuePOSe6fhOee13teCvTpZnYgh67Ms+FVFjTQ/imOufHcc33SNuz3lPibpttvhN2exz30pystl1t/ZpQhp12bsQcH+40+ZA7Wuj9Bj8aEbMdG3HbHZf7rprcfemCxOM8gGN4/482H/bBXnSj1dp+djcpPLT+H6xpnknv+PWKY29K+WmLhFtxJfnP8UeAAQCJ0GeemqyA4AAAAABJRU5ErkJggg==) #fff center center no-repeat;} .pinBtn.pinterestStyle_1{ background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABwAAAAMCAYAAABx290PAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA21pVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpjYzA2ZTQwNS1lNzkzLTQzNGEtOGRlNS1kNWJlNmM3NDhjNDIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6QjNFQjBDRDlGMTY4MTFFNTlGM0NDMEFCOUYzRTBERkMiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6QjNFQjBDRDhGMTY4MTFFNTlGM0NDMEFCOUYzRTBERkMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjkwMDcwZjkxLTBmMTctOGY0Ni04MTg5LTE3YzZhZWUwMDljYyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoxNjhDQzZGQUYxNjIxMUU1OTBBMUI1NTVDNEU2OUU2NSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PsVE2tAAAAGzSURBVHjatNJRKJ1hHMfxR85cjNMi3DAXaKVOZ9xodk9Sm5Tk4khW7pZoLiQSFyO14k4px43WbtREFFHq0ImkDXNBkpvVZtRZLR3r+D783jzJ6lzYU5/z/J///3mf53nf85hEImHwCD34mbhtX/Fa9Qdjfx5jV5u0oBT1mFeu+6E3/KCF7Ub5KHQmrKuWiwKEUZHEwqnox5DGOehDwGjBXvicz/lEE5s1rsYrXKA2iQ3TcKoD2/GId3CfuWnLKFF8iLjiVPVZOMAQPqMcz/ELeVjFtrlt6ZjADGrQqHyL3f07phHUKcack35UrhInWLzzqQ/V/4bfea5T+SrMKT7DrC3WYQohFTr0ULHGX5zDhFT7gw1kYFK1TGfDFVwqLle91bs0Hu/y/MCa4hiKNNn7b72DNOg5+5YRZx176+Pa1I4HNN9/d8MdbKEdm/rMAdWiOFc87rxRtuJ3zjovlWvSAWPO5XlqnGtr2/A/bt2e6kvqj5QPOP9hu3JVyh1jAX81ti/01rulz9R/Mve3LrzBPnYRVf4b3uMFjpSLYBRBDCpuww7CKdff1ZgyVGvCf21XAgwAPk1qhf89Vd8AAAAASUVORK5CYII=) #bd081c center center no-repeat} .pinBtn.pinterestStyle_2{ background-color: rgb(236, 236, 236);} /* 鎵嬮鐞 */ .com_accordion .accordion_view{display:flex; align-items:center; justify-content:center; overflow:hidden; height: 400px;} .com_accordion .accordion_view > ul{ width:100%; height:100%; display:flex; transition:all 1s;} .com_accordion .accordion_view > ul li{ position:relative; width:20%; height:100%; transition:all 1s;} .com_accordion .accordion_view > ul:hover li{ width:18%;} .com_accordion .accordion_view > ul li:hover{ width:28%;} .com_accordion .accordion_view > ul li img{ transition:all 1s; -ms-transition:all 1s; display: block; height: 100%;} .com_accordion .accordion_view > ul li span.title{ position:absolute; top:85%; left:10%; font-size:24px; color:#fff; display:block; z-index:2; transition:all 1s; -ms-transition:all 1s;} .com_accordion .accordion_view > ul li .desc{position:absolute; max-width: 350px; top:85%; opacity:0; left:10%; right:10%; text-align:left; color:#fff; line-height:1.8; overflow:hidden; z-index:2; transition:all 1.2s; -ms-transition:all 1.2s;} .com_accordion .accordion_view > ul li .desc>a.more{ width:106px; height:30px; line-height:30px; color:#fff; text-align:center; display:block; margin-top:20px; border:1px solid #fff;} .com_accordion .accordion_view > ul li:hover img{ filter:brightness(50%); -webkit-filter:brightness(50%);} .com_accordion .accordion_view > ul li:hover span.title{ bottom:auto; top:30%;} .com_accordion .accordion_view > ul li:hover .desc{ bottom:auto; top:38%; opacity:1;} .com_accordion .accordion_view > ul.isHover li img.hoverImg{ display: none;} .com_accordion .accordion_view > ul.isHover li:hover .img{ display: none;} .com_accordion .accordion_view > ul.isHover li:hover .hoverImg{display: block;} /* 鏁板瓧璺冲姩 */ .com_countUp .countUp_view .countBox{ text-align: center; height: 100%;} .com_countUp .countUp_view .countBox::after{display: inline-block; vertical-align: middle; width: 0; height: 100%; content: "";} /* 鏃堕棿杞 */ .com_timeline .timeline_view {min-height: 150px;} .com_timeline .timelineBox{padding: 10px 0;} /* .com_timeline .timeline-list{padding-left: 5px} */ .com_timeline .timeline-item{position: relative;padding-bottom: 20px} .com_timeline .timeline-item:last-child{ padding-bottom: 0;} .com_timeline .timeline-icon{position: absolute;left: -5px;top: 0;z-index: 10; width: 17px;height: 17px;background-color: #5874d8; border-radius: 50%; text-align: center;cursor: pointer; overflow: hidden;} .com_timeline .timeline-icon::before{ content: ""; width: 9px; height: 9px; border-radius: 50%; border: 4px solid #fff; opacity: .6; position: absolute; top: 0; left: 0;} .com_timeline .timeline-content{padding-left: 30px} .com_timeline .timeline-date{ font-size: 22px; font-weight: bold; color: #333;} .com_timeline .timeline-title{position: relative; font-size: 16px; padding-bottom: 10px;} .com_timeline .timeline-desc{ color: #999; line-height: 1.8;} .com_timeline .timelineBox.type_0.style_0 .timeline-item{ display: flex;} .com_timeline .timelineBox.type_0.style_0 .timeline-left{ width: 240px; text-align: right; position: relative;} .com_timeline .timelineBox.type_0.style_0 .timeline-center{ width:75px; position: relative;} .com_timeline .timelineBox.type_0.style_0 .timeline-right{flex: 1 1;} .com_timeline .timelineBox.type_0.style_0 .timeline-line{background-color: #e6e6e6; position: absolute; left: 50%; top: 10px; height: calc(100% + 20px); z-index: 0; width: 1px;} .com_timeline .timelineBox.type_0.style_0 .timeline-icon{left:50%; margin-left: -8px; top:5px;} .com_timeline .timelineBox.type_0.style_0 .timeline-item:last-child .timeline-line{ height: calc(100% - 10px);} .com_timeline .timelineBox.type_0.style_1 .timeline-item{ display: flex;} .com_timeline .timelineBox.type_0.style_1 .left-item{ text-align:right;} .com_timeline .timelineBox.type_0.style_1 .timeline-left{flex: 1 1; padding-right: 56px;} .com_timeline .timelineBox.type_0.style_1 .timeline-center{ width:17px; position: relative;} .com_timeline .timelineBox.type_0.style_1 .timeline-right{flex: 1 1; padding-left: 56px;} .com_timeline .timelineBox.type_0.style_1 .timeline-line{background-color: #e6e6e6; position: absolute; left:8px; top: 10px; height: calc(100% + 20px); z-index: 0; width: 1px;} .com_timeline .timelineBox.type_0.style_1 .timeline-icon{left:0; top:5px;} .com_timeline .timelineBox.type_0.style_1 .timeline-icon::before{content: "";width: 9px;height: 9px;border-radius: 50%;border: 4px solid #fff;opacity: 0.6;position: absolute;top: 0;left: 0;} .com_timeline .timelineBox.type_0.style_1 .timeline-item:last-child .timeline-line{ height: calc(100% - 10px);} .com_timeline .timelineBox.type_0.style_1 .timeline-title{ padding-top: 10px; line-height: 1.8;} .com_timeline .timelineBox.type_0.style_1 .timeline-xline{ position: absolute; top: 13px; width: 40px; height: 1px; background-color: #5874d8; right: -47px;} .com_timeline .timelineBox.type_0.style_1 .left-item .timeline-xline{ left: -47px; right: auto;} .com_timeline .timelineBox.type_1 .timeline-horizontal{ position: relative; word-break: break-word; overflow: hidden;} .com_timeline .timelineBox.type_1 .timeline-scroll{ margin: 0 40px; overflow: hidden;} .com_timeline .timelineBox.type_1 .timeline_list{transition: transform .3s} .com_timeline .timelineBox.type_1 .timeline-btn{ position: absolute; top: 47px; cursor: pointer; background-color: #fff; width: 28px; height: 28px; box-sizing: border-box; border-radius: 50%; border: 2px solid #5874d8; text-align: center; color: #5874d8; padding-top: 4px; display: none;} .com_timeline .timelineBox.type_1 .timeline-prev{ left: 0;} .com_timeline .timelineBox.type_1 .timeline-next{right: 0;} .com_timeline .timelineBox.type_1 .top-item,.com_timeline .timelineBox.type_1 .center-item,.com_timeline .timelineBox.type_1 .bottom-item{display: flex;} .com_timeline .timelineBox.type_1.style_1 .center-item{ padding-bottom: 0;} .com_timeline .timelineBox.type_1 .top-con,.com_timeline .timelineBox.type_1 .center-con,.com_timeline .timelineBox.type_1 .bottom-con{flex: 1 1; display: flex; flex-direction: column; align-items: center; min-width: 25%; text-align: center; box-sizing: border-box; padding: 0 10px; position: relative;} .com_timeline .timelineBox.type_1.style_0 .center-con{ height:70px;} .com_timeline .timelineBox.type_1 .center-con .timeline-icon{ left: 50%; margin-left: -8px;} .com_timeline .timelineBox.type_1 .center-con .timeline-line{ width: 100%; height: 1px; background-color: #e6e6e6; position: absolute; top: 7px; left: 0;} .com_timeline .timelineBox.type_1 .center-con .timeline-xline{ height: 40px; width: 1px; background-color: #5874d8; top: 20px; left: 50%; position: absolute;} .com_timeline .timelineBox.type_1.style_1 .top-item{ padding-bottom: 60px;} .com_timeline .timelineBox.type_1.style_1 .top-con{justify-content: flex-end;} .com_timeline .timelineBox.type_1.style_1 .top-con .timeline-title{ padding-top: 10px; padding-bottom: 0;} .com_timeline .timelineBox.type_1.style_1 .center-item{ height: 17px;} .com_timeline .timelineBox.type_1.style_1 .bottom-item{ padding-top: 60px;} .com_timeline .timelineBox.type_1.style_1 .top-line .timeline-xline{ top: -45px;} .com_timeline .timelineBox.type_1.style_1 .top-date .timeline-date{ margin-bottom: -30px;} .com_timeline .timelineBox.type_1.style_1 .bottom-date .timeline-date{ margin-top: -30px;} .com_timeline .timelineBox.type_2 .timeline-horizontal{ position: relative; word-break: break-word; overflow: hidden;} .com_timeline .timelineBox.type_2 .timeline-scroll{ margin: 0 60px; overflow: hidden;} .com_timeline .timelineBox.type_2 .timeline_list{ padding-bottom: 20px;} .com_timeline .timelineBox.type_2 .timeline_list,.com_timeline .timelineBox.type_2 .timeline_slide{transition: transform .3s} .com_timeline .timelineBox.type_2 .timeline-btn{ position: absolute; top: 47px; cursor: pointer; background-color: #fff; width: 48px; height: 48px; box-sizing: border-box; border-radius: 50%; text-align: center; color: #fff; opacity: .5; background-color: #a1a1a1; line-height: 48px; text-align: center;} .com_timeline .timelineBox.type_2 .timeline-prev{ left: 0;} .com_timeline .timelineBox.type_2 .timeline-next{right: 0;} .com_timeline .timelineBox.type_2 .timeline-btn.on{opacity: 1;} .com_timeline .timelineBox.type_2 .top-item,.com_timeline .timelineBox.type_2 .center-item,.com_timeline .timelineBox.type_2 .bottom-item{display: flex;} .com_timeline .timelineBox.type_2 .center-item{ padding-bottom: 0; height: 40px;} .com_timeline .timelineBox.type_2 .center-con,.com_timeline .timelineBox.type_2 .bottom-con{flex: 1 1; display: flex; flex-direction: column; align-items: center; text-align: center; box-sizing: border-box; padding: 0 10px; position: relative;} /* .com_timeline .timelineBox.type_2 .top-con{min-width: 100%;} */ .com_timeline .timelineBox.type_2 .center-con,.com_timeline .timelineBox.type_2 .bottom-con{min-width: 20%;} .com_timeline .timelineBox.type_2 .bottom-con{ padding-top: 10px;} .com_timeline .timelineBox.type_2 .center-con .timeline-icon{ left: 50%; margin-left: -8px; top: 12px; z-index: 2;} .com_timeline .timelineBox.type_2 .center-con .timeline-line{ width: 100%; height: 1px; background-color: #e6e6e6; position: absolute; top: 20px; left: 0; z-index: 1;} .com_timeline .timelineBox.type_2 .center-con.on .timeline-xline{ width: 40px; height: 40px; left: 50%; top: 0; margin-left: -20px; z-index: 9; position: absolute; background-color: #5874d8; border-radius: 50%; cursor: pointer; font-family: layui-icon!important; font-size: 22px; color: #fff; line-height: 40px; text-align: center;} .com_timeline .timelineBox.type_2 .center-con.on .timeline-xline::before{content: "\e609";} .com_timeline .timelineBox.type_2 .timeline-title{ font-size: 26px; line-height: 1.8;} .com_timeline .timelineBox.type_2 .timeline-desc{ font-size: 16px; line-height: 1.8;} .com_timeline .timelineBox.type_2.style_0 .top-con{ display: flex; width: 100%; height: auto; flex-shrink: 0; justify-content: center;} .com_timeline .timelineBox.type_2.style_0 .image-wrap{ width: 50%; display: flex; text-align: center; align-items: center; max-width: 100%;} .com_timeline .timelineBox.type_2.style_0 .timeline-img{ display: block; width: 100%; background-repeat: no-repeat; background-position: 50%; background-size: cover;outline-offset: -1px; cursor: pointer; height: 300px;} .com_timeline .timelineBox.type_2.style_0 .con-wrap{display: flex; flex-direction: column; justify-content: center;flex: 1 1; padding: 1px; margin-left: 34px; box-sizing: border-box;} .com_timeline .timelineBox.type_2.style_1 .top-con{ display: flex; width: 100%; height: auto; flex-shrink: 0; flex-direction: column;justify-content: center;} .com_timeline .timelineBox.type_2.style_1 .image-wrap{ margin-top: 20px; width: 100%; order: 1; display: flex; align-items: center; max-width: 100%;} .com_timeline .timelineBox.type_2.style_1 .timeline-img{ display: block; width: 100%; background-repeat: no-repeat; background-position: 50%; background-size: cover;outline-offset: -1px; cursor: pointer; height: 300px;} .com_timeline .timelineBox.type_2.style_1 .con-wrap{ flex: initial; justify-content: normal; order: 0; display: flex; flex-direction: column;} /* 浼氬憳宸ュ叿鏍忔牱寮 */ .com_memberarea.mAreaFixed{ position: fixed;} .com_memberarea .memberarea_view{ background-color: #333; color: #ccc; height: 50px; font-size: 12px;} .com_memberarea .memberarea_view a{ color: #ccc;} .com_memberarea .memberarea_view a:hover{color: #fff;} .com_memberarea .memberTools{ height: 100%;} .com_memberarea .toolsInfo{ float: left; width: 50%; height: 100%;} .com_memberarea .memberInfo{ height: 100%;} .com_memberarea .memberInfo a.loginOut{ margin-left: 5px;} .com_memberarea .toolsLink{ float: right; width: 45%; text-align: right; height: 100%; position: relative;} /* .com_memberarea .toolsInfo::before,.com_memberarea .toolsLink::before{ content: ""; height: 100%; display:inline-block; width: 0; vertical-align: middle;} */ .com_memberarea .toolsInfo a.memberBtn,.com_memberarea .toolsLink a{ display:inline-block; padding: 0 14px; white-space: nowrap; position: relative; vertical-align: middle; height: 100%;} .com_memberarea .toolsInfo a.memberBtn span,.com_memberarea .toolsLink a span{display: inline-block; vertical-align: middle;} .com_memberarea .memberInfo::before,.com_memberarea .toolsInfo a.memberBtn::after,.com_memberarea .toolsLink a::after{content: ""; height: 100%; display:inline-block; width: 0; vertical-align: middle;} .com_memberarea .toolsInfo a.memberBtn::before,.com_memberarea .toolsLink a::before{ content: ""; display: block;position: absolute;height: 11px; left: 0; top: 0; bottom: 0; margin: auto; border-right: 1px solid #595959;} .com_memberarea .toolsInfo a.memberBtn:first-child:before,.com_memberarea .toolsLink a:first-child:before{display: none;} .com_memberarea .qrCodeBox{display: none; border-radius: 4px; background-color: #fff; position: absolute; top: 50px; left: 0; width: 80px; height: 100px; font-size: 12px; box-shadow: 0 5px 10px 0 rgba(0,0,0,.2); padding: 10px; z-index: 9; cursor: pointer;} .com_memberarea .qrCodeBox .memberCodeUrl{ height: 80px;} .com_memberarea .qrCodeBox .codeName{ padding-top: 5px; line-height: 20px; text-align: center; color: #333;} .com_memberarea .qrCodeBox::before{content: ""; position: absolute; left: 50%; margin-left: -6px; top:-12px; border: 6px solid transparent; border-bottom-color: #fff; width: 0; height: 0;} .com_cartBtn{ width: 182px!important; height: 43px!important;} .com_cartBtn .ui-resizable-handle{ display: none!important;} .com_cartBtn .shoppingCart{height:44px; position:relative;} .com_cartBtn .ll_view{overflow:inherit !important;} .com_cartBtn .cartButton_hover{background:#fff; border:1px solid #ddd; top:43px; right: 0; position:absolute; width:324px; display:none;} .com_cartBtn .cartButton_hover .NoGoods{padding:24px 0 32px 50px;} .com_cartBtn .cartButton_hover .NoGoods span{background:url("../images/cartIco.png") no-repeat scroll 0 -713px; float:left; height:70px; width:85px;} .com_cartBtn .NoGoodsText{color:#b2b2b2; float:left; height:70px; margin-top:15px; overflow-wrap:break-word; text-align:left; line-height:18px; width:136px; word-break:normal; font-size:12px; z-index:2;} .com_cartBtn .cartButton_hover .list_goods .cart_top{text-align:left; font-size:14px; height:46px; line-height:46px; padding-left:10px; font-weight: bold;} .com_cartBtn .cartButton_hover .list_goods .cartContent{max-height:307px; min-height: 100px; overflow-y: auto;} .com_cartBtn .cartButton_hover .list_goods ul li{height:60px;border-bottom:1px solid #ddd;position: relative;padding: 5px 10px 5px 70px; font-size: 12px;} /* .com_cartBtn .cartButton_hover .list_goods ul li:last-child{border: 0;} */ .com_cartBtn .cartButton_hover .list_goods ul li:hover{background:#f6f6f6;} .com_cartBtn .cartButton_hover .list_goods ul li .cart_img{width:50px;height:50px;overflow:hidden;position: absolute;left: 10px;top: 10px;} .com_cartBtn .cartButton_hover .list_goods ul li .cart_img img{width:50px; height:50px; display: block;} .com_cartBtn .cartButton_hover .list_goods ul li .cart_name,.com_cartBtn .cartButton_hover .list_goods ul li .cart_price{height: 25px;margin-bottom: 5px; line-height: 25px;} .com_cartBtn .cartButton_hover .list_goods ul li .cart_spec,.com_cartBtn .cartButton_hover .list_goods ul li .cart_del{color: #666; padding-top: 5px;} .com_cartBtn .cartButton_hover .list_goods ul li .cart_info{ position: absolute; right: 10px; width: 100px; text-align: right; top: 5px;} .com_cartBtn .cartButton_hover .list_goods .cart_but{padding:8px 8px 12px 8px; position: relative;} .com_cartBtn .cartButton_hover .list_goods .cart_ft_num{ height:40px; line-height: 30px; padding-right: 100px;} .com_cartBtn .cartButton_hover .list_goods .cart_ft_num .cart_num{color:#ed145b; font-weight: bold; padding: 0 5px;} .com_cartBtn .cartButton_hover .list_goods .cart_ft_price{ position: absolute; top: 6px; line-height: 30px; right: 8px;} .com_cartBtn .cartButton_hover .list_goods .cart_ft_lk{display: block; height:40px; line-height: 40px; background:#f13a3a; color:#fff; text-align:center; border-radius:3px;} .com_cartBtn .cartButton_hover .list_goods .cart_ft_lk:hover{ opacity: .8;} .com_cartBtn .shoppingAmount{position:absolute; width:26px; height:26px; top:-13px; right:-13px; background:#f13a3a; color:#fff; border:1px solid #fff; font-size:12px; font-style:normal; border-radius:50%; z-index:99; line-height:26px;} .com_cartBtn .cartPanel .cartLeft{position:absolute; left:1px; top:1px; width:46px; height:41px;} .com_cartBtn .cartPanel .shoppingAmount{top:-13px; right:-13px; width:26px; height:26px; line-height:25px; border:2px solid #fff; border-radius:50%; color:#fff; font-size:12px; font-style:normal; text-align:center;word-wrap:break-word; word-break:keep-all; overflow:hidden;} .com_cartBtn .cartPanel .shoppingCart_a{display:block; padding:0 24px 0 58px; font-size:14px; line-height:43px; white-space:nowrap; text-decoration:none; overflow:hidden; color:#fff; background-color: #5874d8;} .com_cartBtn .cartBtn_0 .cartLeft{border-radius:5px 0 0 5px; background-color:#000; opacity:.12; filter:alpha(opacity=12); -moz-opacity:.12; -khtml-opacity:.12;} .com_cartBtn .cartBtn_0 .cartLeftIcon{position:absolute; left:0; top:0; width:46px; height:41px; background:url("../images/cartIco.png") no-repeat 8px 5px;} .com_cartBtn .cartBtn_0 .shoppingCart_a{ padding: 0 0 0 46px; text-align: center; border-radius: 5px;} .com_cartBtn .shoppingCart:hover .cartBtn_1 .cartRight{transform: rotate(180deg);} .com_cartBtn .cartBtn_1.cartPanel{border:1px solid #e6e6e6; background-color:#fff; border-radius:0;} .com_cartBtn .cartBtn_1 .cartLeftIcon{position:absolute; left:1px; top:1px; width:46px; height:41px; background:url("../images/ico_car.png")} .com_cartBtn .cartBtn_1 .cartRight{position:absolute; top:18px; right:18px; width:10px; height:6px; background:url("../images/cartIco.png") no-repeat 2px -673px;} .com_cartBtn .cartBtn_1 .shoppingCart_a{padding:0 40px 0 49px; color:#919191; line-height: 41px; height: 41px;} .com_cartBtn .cartBtn_1 .cartButton_hover{ top: 42px;} .com_cartBtn .cartBtn_2{border-radius:5px; cursor:pointer; height:43px; position:relative; background:#fff none repeat scroll 0 0; z-index:1;} .com_cartBtn .cartBtn_2 .cartLeft{right:0; left: auto; width:43px; border-radius:0 2px 2px 0; height:43px; top: 0;} .com_cartBtn .cartBtn_2 .cartLeftIcon{position:absolute; right:0; top:0; width:43px; height:43px; background:url("../images/ico_car.png") no-repeat 0 -53px;} .com_cartBtn .cartBtn_2 .cartRight{text-align:center;} .com_cartBtn .cartBtn_2 .shoppingCart_a{color:#fff; padding:0; background-color:#3d3d3d; height:43px; text-align: center; padding-right: 43px;} .com_cartBtn .shoppingCart:hover .cartBtn_3 .cartRight{background:url("../images/ico_car.png") no-repeat 0 -210px;} .com_cartBtn .cartBtn_3.cartPanel{border:1px solid #b2b2b2; background-color:#fff; text-align:left; width:180px; height:43px; border-radius:25px;} .com_cartBtn .cartBtn_3 .cartLeft{left:120px; top:1px; height:41px; width:43px;} .com_cartBtn .cartBtn_3 .cartLeftIcon{position:absolute; left:120px; top:1px; width:43px; height:43px; background:url("../images/ico_car.png") 0 -106px;} .com_cartBtn .cartBtn_3 .cartRight{position:absolute; top:18px; right:68px; width:10px; height:6px; background:url("../images/ico_car.png") no-repeat 0 -196px;} .com_cartBtn .cartBtn_3 .shoppingCart_a{padding:0 40px 0 23px; color:#666; font-size:14px; height:43px; line-height:43px;} .com_cartBtn .cartBtn_4.cartPanel{border:0; background-color:#3d3d3d; text-align:left; width:180px; height:43px; border-radius:25px;} .com_cartBtn .cartBtn_4 .cartLeft{left:140px; top:6px; height:31px; width:31px;} .com_cartBtn .cartBtn_4 .cartLeftIcon{position:absolute; left:140px; top:6px; width:31px; height:31px; background:url("../images/ico_car.png") 0 -157px;} .com_cartBtn .cartBtn_4 .cartRight{text-align:left;} .com_cartBtn .cartBtn_4 .shoppingCart_a{padding:0 40px 0 23px; color:#fff; font-size:14px; height:43px; line-height:43px;} #lljz_webService{ position: fixed; z-index: 11;} #lljz_webService.webSerType_0{right: 40px; bottom: 110px;} #lljz_webService.webSerType_1{ top:50%; transform: translateY(-50%); right: 0;} .com_webService{outline: none!important;} .com_webService .ui-resizable-handle{ display: none!important;} .com_webService .serList.serType_0{ width: 65px; background-color: #fff; border-radius: 6px; border: 1px solid #e3e7ec;} .com_webService .serList.serType_0 li.serItem{ border-top: 1px solid #ddd; padding-top: 10px; padding-bottom: 5px; position: relative;} .com_webService .serList.serType_0 li.serItem:first-child{ border: 0;} .com_webService .serList.serType_0 li.serItem .serBox{ text-align: center; padding: 0 5px; color: #666;} .com_webService .serList.serType_0 li.serItem .serIcon{ font-size: 24px; line-height: 1; color: #555;} .com_webService .serList.serType_0 li.serItem .serIconImg{background-repeat: no-repeat; background-size: cover; background-position: center; width: 24px; height: 24px; margin: 0 auto;} .com_webService .serList.serType_0 li.serItem .serName{ text-align: center; padding-top: 5px; line-height: 20px; font-size: 12px; } .com_webService .serList.serType_0 li.serItem .serInfo{ position: absolute;left: -16px; text-align: center; top: 50%; transform: translate(-100%,-50%) scale(0); transform-origin: center; padding: 15px;line-height: 24px; color: #333; font-size: 14px; transition: transform .3s; background: #fff; box-shadow: 0 0 10px rgba(0,0,0,.12); border-radius: 6px;} .com_webService .serList.serType_0 li.serItem .serInfo::after{ content: "";position: absolute; width: 8px; height: 8px; top: 50%;right: 0;transform: translate(-100%,-50%) rotate(45deg); right: -12px;filter: drop-shadow(2px -2px 1px rgba(0,0,0,.05));background: #fff} .com_webService .serList.serType_0 li.serItem .serInfo img{ display:block; width:110px; height: 110px; margin-bottom: 5px;} .com_webService .serList.serType_0 li.serItem .serInfo::before{ position: absolute; content: ""; width: 16px; right: -16px; top: 0; bottom: 0;} .com_webService .serList.serType_0 li.serItem:hover{ cursor: pointer;} .com_webService .serList.serType_0 li.serItem:hover .serBox{ color: #5874d8;} .com_webService .serList.serType_0 li.serItem:hover .serInfo{transform: translate(-100%,-50%) scale(1);} .com_webService .serList.serType_1{ width: 50px; background-color: #5874d8; border-radius: 6px; border-radius:6px 0 0 6px;} .com_webService .serList.serType_1 li.serItem{border-top: 1px solid rgba(221, 221, 221, .6);position: relative;} .com_webService .serList.serType_1 li.serItem:first-child{ border: 0;} .com_webService .serList.serType_1 li.serItem .serBox{text-align: center;padding: 12px 5px; color: #fff;border: 1px solid transparent;} .com_webService .serList.serType_1 li.onHover .serBox{transition: transform .3s ease 0s;} .com_webService .serList.serType_1 li.serItem .serIcon{ font-size: 24px; line-height: 1; display: inline-block; vertical-align: middle; height: 24px; width: 24px;} .com_webService .serList.serType_1 li.serItem .serIconImg{background-repeat: no-repeat; background-size: cover; background-position: center; width: 24px; height: 24px; margin: 0 auto;} .com_webService .serList.serType_1 li.serItem .serName{ text-align:left; line-height: 24px; display:none; width: 110px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; vertical-align: middle; margin-left: 10px;} .com_webService .serList.serType_1 li.serItem .serInfo{position: absolute;left: -16px;text-align: center;top: 50%;transform: translate(-100%,-50%) scale(0);transform-origin: center;padding: 15px;line-height: 24px;color: #333;font-size: 14px;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,.12);border-radius: 6px;} .com_webService .serList.serType_1 li.onHover .serInfo{transition: transform .3s;} .com_webService .serList.serType_1 li.serItem .serInfo::after{ content: "";position: absolute; width: 8px; height: 8px; top: 50%;right: 0;transform: translate(-100%,-50%) rotate(45deg); right: -12px;filter: drop-shadow(2px -2px 1px rgba(0,0,0,.05));background: #fff} .com_webService .serList.serType_1 li.serItem .serInfo img{ display:block; width:110px; height: 110px; margin-bottom: 5px;} .com_webService .serList.serType_1 li.serItem .serInfo::before{ position: absolute; content: ""; width: 16px; right: -16px; top: 0; bottom: 0;} .com_webService .serList.serType_1 li.serItem:hover{ cursor: pointer; border-top: transparent;} .com_webService .serList.serType_1 li.serItem:hover .serBox{background-color: #fff;border-color: #5874d8;color: #5874d8;transform: translateX(-121px);border-radius: 4px 0 0 4px;width: 159px; text-align: left;} .com_webService .serList.serType_1 li.serItem:hover .serIcon{ margin-left: 10px;} .com_webService .serList.serType_1 li.serItem:hover .serName{ display: inline-block;} .com_webService .serList.serType_1 li.serItem:hover .serInfo{transform: translate(-210px,-50%) scale(1);} .com_webService .serList.serType_1 li.serItem:hover .serInfo.imgInfo{transform: translate(-256px,-50%) scale(1);} /* 婊氬姩鍏憡 */ .com_noticeMarquee{ height: 35px!important;} .com_noticeMarquee .noticeMarquee_view{ height: 35px!important;} .com_noticeMarquee .noticeBox{ position: relative; height: 35px;} .com_noticeMarquee .noticeBox.hasIcon{ padding-left: 26px;} .com_noticeMarquee .noticeIcon{ position: absolute; width: 21px; height: 35px; background-size:21px 21px; background-repeat: no-repeat; top: 0; left: 0; background-position: left center;} .com_noticeMarquee .noticeIcon.iconType_0{background-image: url("/static/images/noticeIcon_0.gif");} .com_noticeMarquee .noticeIcon.iconType_1{background-image: url("/static/images/noticeIcon_1.gif");} .com_noticeMarquee .noticeIcon.iconType_2{background-image: url("/static/images/noticeIcon_2.gif");} .com_noticeMarquee .liMarquee{ height: 35px; line-height: 35px;} .com_noticeMarquee .liMarquee a{ margin: 0 15px;} .com_noticeMarquee .liMarquee li > a{margin: 0;} .com_noticeMarquee .str_wrap{overflow:hidden;width:100%;position:relative;-moz-user-select: none;-khtml-user-select: none;user-select: none;white-space:nowrap;} .com_noticeMarquee .str_move{white-space:nowrap;position:absolute;top:0;left:0;cursor:move;} .com_noticeMarquee .str_move_clone{display:inline-block;vertical-align:top;position:absolute;left:100%;top:0;} .com_noticeMarquee .str_vertical .str_move_clone{left:0;top:100%;} .com_noticeMarquee .str_down .str_move_clone{left:0;bottom:100%;} .com_noticeMarquee .str_vertical .str_move,.com_noticeMarquee .str_down .str_move{white-space:normal;width:100%;} .com_noticeMarquee .str_static .str_move,.com_noticeMarquee .no_drag .str_move,.com_noticeMarquee .noStop .str_move{cursor:inherit;} .com_noticeMarquee .str_wrap img{max-width:none !important;} /* 寮圭獥妯″潡 */ #showWebLayer{ position: fixed; z-index: 999; top: 0; right: 0; bottom: 0; left: 0; display: none;} #showWebLayer .webLayer_mask{ position: absolute; z-index: 1; background-color: rgba(0, 0, 0, .8); top: 0; right: 0; bottom: 0; left: 0;} #showWebLayer .webLayer_box{ position: absolute; z-index: 9; left: 50%;; top: 50%;} #showWebLayer .webLayer_close{ width:30px; height: 30px; position: absolute; cursor: pointer; right: 5px; top: 5px; z-index: 99; color: #fff; background-color: rgba(0, 0, 0, .5); border: 2px solid #fff; border-radius: 100%; text-align: center; line-height: 30px; font-size: 24px;} #showWebLayer .webLayer_img{ height: 100%;} #showWebLayer .webLayer_img img{border: 0; outline: none; display: block; width: 100%; height: 100%;}