body{ background-color:#000000; }
body{ background-position:left top; }


 #text_style_01_1631028650062{width:30.833333333333336%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:29px;left:8.375%;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1631028650062{}}   @media screen and (max-width:640px) {#text_style_01_1631028650062{width:30.4%;font-size:12px;color:#333;line-height:1.6;top:19.5px;left:21.73333333333333%;}}  #text_style_01_1631028650062>.view_contents {color:#7f7f7f;background-color:transparent;}

 #image_logo_1631028814067{width:7.166666666666667%;height:76px;position:absolute;top:0px;left:0%;}   @media screen and (min-width:641px) and (max-width:1200px) {#image_logo_1631028814067{}}   @media screen and (max-width:640px) {#image_logo_1631028814067{width:53px;height:48px;top:5px;left:4.666666666666667%;}} 

 #homelink_style_02_1631037725400{width:33.33333333333333%;position:absolute;top:42px;left:66.66666666666666%;}   @media screen and (min-width:641px) and (max-width:1200px) {#homelink_style_02_1631037725400{}}   @media screen and (max-width:640px) {#homelink_style_02_1631037725400{width:96%;top:63px;left:2%;}}  #homelink_style_02_1631037725400 .tabItemSet {color:#ffffff;} #comm_layout_header{height:76px;z-index:99999;}   @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_header{height:76px;}}   @media screen and (max-width:640px) {#comm_layout_header{height:86px;}} #comm_layout_header > .view_contents{max-width:1200px;} 


 #image_style_01_1631036214954{width:9.406200735680505%;height:192px;position:absolute;top:13px;left:45.29689963215975%;}   @media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1631036214954{height:94px;}}   @media screen and (max-width:640px) {#image_style_01_1631036214954{width:169px;height:175px;top:7px;left:calc(50% - 84.5px);}} #image_style_01_1631036214954 > .view_contents{overflow:visible;} 

 #text_style_01_1631036488234{width:12.55911718339464%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:205px;left:43.720441408302676%;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1631036488234{left:calc(50% - 59px);top:127px;}}   @media screen and (max-width:640px) {#text_style_01_1631036488234{width:96%;font-size:12px;color:#333;line-height:1.6;top:194px;left:2%;}}  #text_style_01_1631036488234>.view_contents {font-size:20px;color:#ffffff;text-align:center;}

 #text_style_01_1631036643645{width:44.41460794844254%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:275px;left:27.79269602577873%;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1631036643645{left:calc(50% - 209.5px);top:188px;}}   @media screen and (max-width:640px) {#text_style_01_1631036643645{width:96%;font-size:12px;color:#333;line-height:1.6;top:233px;left:2%;}}  #text_style_01_1631036643645>.view_contents {color:#ffffff;text-align:center;font-size:18px;} #layout_diy_1631036081{height:485px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_diy_1631036081{height:428px;}}   @media screen and (max-width:640px) {#layout_diy_1631036081{height:476px;}} 


 #image_style_11_1631037188896{width:64.75%;position:absolute;top:40px;left:17.625%;}   @media screen and (min-width:641px) and (max-width:1200px) {#image_style_11_1631037188896{left:calc(50% - 305.5px);top:38px;}}   @media screen and (max-width:640px) {#image_style_11_1631037188896{width:89.33333333333333%;top:7px;left:5.333333333333336%;}} #image_style_11_1631037188896 > .view_contents{overflow:visible;}  #layout_1631036769577{height:394px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1631036769577{height:330px;}}   @media screen and (max-width:640px) {#layout_1631036769577{height:886px;}} #layout_1631036769577 > .view_contents{overflow:visible;max-width:1200px;} 


 #text_style_01_1631037426409{width:13.750000000000002%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;top:98px;left:43.125%;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1631037426409{left:calc(50% - 64.5px);top:46px;}}   @media screen and (max-width:640px) {#text_style_01_1631037426409{width:57.06666666666666%;font-size:12px;color:#333;line-height:1.6;top:12px;left:21.46666666666667%;}}  #text_style_01_1631037426409>.view_contents {color:#ffffff;border-style:solid;text-align:center;} #layout_1631036084947{height:191px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_1631036084947{height:115px;}}   @media screen and (max-width:640px) {#layout_1631036084947{height:45px;}} #layout_1631036084947 > .view_contents{overflow:visible;max-width:1200px;} 


 #copyright_style_01_1631032290881{width:83.33333333333334%;position:absolute;top:19px;left:8.333333333333329%;}   @media screen and (min-width:641px) and (max-width:1200px) {#copyright_style_01_1631032290881{}}   @media screen and (max-width:640px) {#copyright_style_01_1631032290881{width:96%;top:0px;left:2%;}} #copyright_style_01_1631032290881 > .view_contents{overflow:visible;}  #comm_layout_footer{height:59px;z-index:99999;}   @media screen and (min-width:641px) and (max-width:1200px) {#comm_layout_footer{}}   @media screen and (max-width:640px) {#comm_layout_footer{height:42px;}} #comm_layout_footer > .view_contents{max-width:1200px;} 
.logoStyle *{box-sizing: border-box;}
.logoStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;}
.logoStyle>a{overflow: hidden; width: 100%;height: 100%; display: block;}
.logoName{white-space: nowrap;}
.homelink_style02 { width: 100%;}
.homelink_style02 .link_ul{font-size: 0;}
.homelink_style02 .link_li { display: inline-block; position: relative; vertical-align: middle; font-size: 0;}
.homelink_style02 .home-icon{ width: 20px; display: inline-block; vertical-align: middle;margin-right: 8px;}
.homelink_style02 .bbx-new-font{ display: inline-block; vertical-align: middle;}
.homelink_style02 .link_li:first-of-type>a{ padding-left: 0 !important;}
.homelink_style02 .link_li>a { padding: 0 20px; position: relative; font-size: 14px; vertical-align: middle; box-sizing: border-box;}
.homelink_style02 .link_li span{ color: #666;z-index: 100; font-size: 14px; vertical-align: middle;}
.homelink_style02 .link_li.on>a,.homelink_style02 .link_li>a:hover{ color: #08f;}

@media screen and (max-width:767px){
	.homelink_style02 .link_ul{overflow-x: scroll;}
	.homelink_style02 .link_ul::-webkit-scrollbar{display: none;} 
}#homelink_style_02_1631037725400 .breadcrumb > li + li:before { content: "//\00a0"; }
			#homelink_style_02_1631037725400 .homelink_style02 .link_ul{text-align:right;}
	    #homelink_style_02_1631037725400 .home-icon{width: px;}
    @media screen and (min-width:641px) and (max-width:1200px) {
        #homelink_style_02_1631037725400 .home-icon{width: px;}
    }
    @media screen and (max-width:640px) {
        #homelink_style_02_1631037725400 .home-icon{width: px;}
    }

#image_style_01_1631036214954 .CompatibleImg img{width:100%; height:auto; margin-left:0px}@media screen and (min-width:641px) and (max-width:1200px) {#image_style_01_1631036214954 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}@media screen and (max-width:640px) {#image_style_01_1631036214954 .CompatibleImg img{width:100%; height:auto; margin-left:0px}}	#image_style_01_1631036214954 a{
		cursor: default;
	}
	.imgStyle { height:100%; width:100%; overflow: hidden; box-sizing: border-box;}
	.imgStyle>a{overflow: hidden; width: 100%; height: 100%;}
	.imgStyle img{box-sizing: border-box;}
	@media screen and (max-width:1200px) {
			}
	@media screen and (max-width:767px) {
			}
.imgStyle_11{position:relative; clear: both; width: 100%; height: 100%;}
.imgStyle_11 ul{width: 100%; display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:wrap; justify-content:space-between;}
.imgStyle_11 ul li.imgItems{position: relative; overflow: hidden !important; width: 19%; box-sizing:border-box; margin-bottom:10px;background: #f6f6f6;}
.imgStyle_11 ul li .ratio{margin-top: 100%;width: 100%;}
.imgStyle_11 ul li a{}
.imgStyle_11 ul li:hover .noimgLoadLate{z-index: 2; transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3);}
.imgStyle_11 ul li .theimgdiv{position: absolute;height: 100%;width: 100%;top: 0;left: 0;-webkit-transition: all ease .2s; -moz-transition: all ease .2s; -ms-transition: all ease .2s; -o-transition: all ease .2s; transition: all ease .2s;background-repeat: no-repeat !important;background-position-x: 50% !important;background-position-y: 50% !important;background-size: auto 100% !important;}
.imgStyle_11 ul li:hover .theimgdiv{z-index: 2; transform: scale(1.3); -webkit-transform: scale(1.3); -moz-transform: scale(1.3); -o-transform: scale(1.3); -ms-transform: scale(1.3);}
.imgStyle_11 ul li a img{position: absolute; width: auto; height: 100%; top: 50%; left: 50%; z-index: 100;
	-webkit-transform: translate(-50%,-50%);
	-moz-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	-o-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	-webkit-transition: all ease .2s;
	-moz-transition: all ease .2s;
	-ms-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s;
}
.imgStyle_11 ul li a  .bbx-new-font{
	display: flex;
	justify-content: center;
	align-items: center;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 100;
}
.imgStyle_11 .imgView{width: 100%;}
.imgStyle_11 .imgCont{position: absolute;height: 100%;width: 100%;top: 0;left: 0;overflow: hidden;}
.imgStyle_11 .theimgtext{height:30px;line-height: 30px;font-size: 14px;color:black;width:100%;text-align: center;word-break: keep-all;overflow: hidden;text-overflow: ellipsis;}

.imgShowBox{position: fixed; z-index: 99999; background-color: rgba(0, 0, 0, 0.4); top: 0; left: 0; width: 100%; height: 100%;}
.imgShowBox img{ position: absolute; width: auto; max-width: 80%; border: 20px solid #fff;top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); box-shadow: 0 0 10px rgba(0,0,0,.3);}
.imgShowBox .bbx-new-font{ position: absolute; width: auto; max-width: 80%; border: 20px solid #fff;top: 50%; left: 50%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); box-shadow: 0 0 10px rgba(0,0,0,.3);background: #fff;padding: 0 20px;}
.imgShowBox.scroll{overflow-y:scroll;overflow-x:hidden;}
.imgShowBox.scroll::-webkit-scrollbar {width: 6px; height: 6px; background: rgba(0,0,0,.05);}
.imgShowBox.scroll::-webkit-scrollbar{width: 6px; height: 6px; background: rgba(0,0,0,.02);}
.imgShowBox.scroll::-webkit-scrollbar-button{background: #f7f7f7; height: 0;}
.imgShowBox.scroll::-webkit-scrollbar-corner{background: rgba(0,0,0,.05);}
.imgShowBox.scroll::-webkit-scrollbar-thumb{background: rgba(255,255,255,.7); border-radius: 3px;}

.imgShowBox.scroll img{top:5%; margin-bottom: 5%; transform: translate(-50%,0%); -webkit-transform: translate(-50%,0%); -moz-transform: translate(-50%,0%); -o-transform: translate(-50%,0%);}
.pos_fixed{position: fixed; width: 100%;}
.imgButton{position: fixed; width: 70%; max-width: 400px; bottom: 15%; left: 50%;
	-webkit-transform: translateX(-50%);
	-moz-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	-o-transform: translateX(-50%);
	transform: translateX(-50%);
	display: -webkit-flex; display: -moz-flex; display: flex; flex-wrap:nowrap; justify-content:space-between; align-items:center;}
.imgButton span{display: inline-block; cursor:pointer; box-shadow: 0 0 6px rgba(0,0,0,.2);
	-webkit-transition: all ease .2s;
	-moz-transition: all ease .2s;
	-ms-transition: all ease .2s;
	-o-transition: all ease .2s;
	transition: all ease .2s;
}
.imgButton span:hover{opacity: .8;}
.imgButton span i{font-size: inherit; line-height: inherit; color:inherit;}
.imgButton span.prevImg, .imgButton span.nextImg, .imgButton span.closeShowPic{ font-size: 40px; width: 50px; height:50px; line-height: 50px;  border-radius: 100%;font-family: serif; background-color: #fff; text-align: center; box-sizing: border-box;}
.imgButton span.prevImg, .imgButton span.nextImg{font-size: 26px; width: 40px; height: 40px; line-height: 40px; text-align: center;}
@media screen and (max-width: 1024px){.imgStyle_11 ul li{width: 24%;}}
@media screen and (max-width: 768px){
	.imgStyle_11 ul li{width: 49%;}
	.imgShowBox img{border-width: 10px;}
	.imgShowBox.scroll img{top:5%; margin-bottom: 10vh;}
}



        /*pc*/
                #image_style_11_1631037188896 ul li .ratio{margin-top: 100%; float: left;}
        #image_style_11_1631037188896  ul li{width: 18.4%;}
        #image_style_11_1631037188896  ul li.imgItems{margin-bottom:2%;}
        @media screen and (max-width: 1024px){/*ipad*/
                #image_style_11_1631037188896 ul li .ratio{margin-top: 100%; float: left;}
        #image_style_11_1631037188896  ul li{width: 18.4%;}
        #image_style_11_1631037188896  ul li.imgItems{margin-bottom:2%;}
        }
        @media screen and (max-width: 768px){/*mobi*/
                #image_style_11_1631037188896 ul li .ratio{margin-top: 100%; float: left;}
        #image_style_11_1631037188896  ul li{width: 49%;}
        #image_style_11_1631037188896  ul li.imgItems{margin-bottom:2%;}
        }
    .copyrightStyle01{text-align: center;color:#999;font-size: 14px;font-family: "Microsoft YaHei",微软雅黑;} 
.copyrightStyle01 .copyright_view{display: inline;padding-right: 10px;}
.copyrightStyle01 .icp_view{display: inline-block;padding-right: 10px;}
.copyrightStyle01 .lw_view{display: inline-block;}
.copyrightStyle01 .lw_icon{width: 18px;vertical-align: top;margin-right: 4px;}
.copyrightStyle01 .line_view a{color:inherit;}

@media screen and (max-width: 640px){
    .copyrightStyle01{font-size: 12px;line-height: 1.75;}
}