@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; overflow:hidden; display:-webkit-box;-webkit-line-clamp:2; text-overflow:ellipsis; -webkit-box-orient:vertical;}

.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; white-space: normal;}
.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: 38px; position: relative; font-size: 0; background-color: #f6f6f6;}
.com_proDetail .proTab_list::after{ content: ""; height: 0; position: absolute; left: 0; right: 0; bottom: 0; border-top:1px solid #ddd; z-index: 1;}
.com_proDetail .proTab_list ul{ height: 100%; white-space: nowrap; overflow: hidden; position: relative; z-index: 9;}
.com_proDetail .proTab_list li{ display: inline-block; height: 100%; border-right: 1px solid #ddd; font-size: 14px; text-align: center;  cursor: pointer; min-width:100px; padding: 0 10px;}
.com_proDetail .proTab_list li::after{ display: inline-block; vertical-align: middle; height: 100%; content: "";}
.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:inline-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%;}