
/*----------------------电脑板式样式----------------------*/

/*----------------------平板板式样式----------------------*/
@media screen and (min-width:641px) and (max-width:1200px) {

}
/*----------------------手机板式样式----------------------*/
@media screen and (max-width:640px) {

}
body{ background-position:left top; }





 #text_style_01_1610447254220{width:84.46601941747572%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;left:9.385113268608414%;top:80px;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1610447254220{width:50%;}}   @media screen and (max-width:640px) {#text_style_01_1610447254220{width:96%;font-size:12px;color:#333;line-height:1.6;top:0px;left:2%;}}  #text_style_01_1610447254220>.view_contents {font-size:14px;font-weight:normal;}

 #text_style_01_1610446867370{width:72.28412256267409%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;left:15.45560275080906%;top:70px;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1610446867370{left:25%;width:50%;}}   @media screen and (max-width:640px) {#text_style_01_1610446867370{width:50%;font-size:12px;color:#333;line-height:1.6;top:0px;left:25%;}}  #text_style_01_1610446867370>.view_contents {font-size:14px;}

 #text_style_01_1610449729991{width:87.05501618122977%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;left:6.634304207119741%;top:62px;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1610449729991{width:50%;}}   @media screen and (max-width:640px) {#text_style_01_1610449729991{width:50%;font-size:12px;color:#333;line-height:1.6;top:0px;left:0%;}}  #text_style_01_1610449729991>.view_contents {font-size:14px;}

 #text_style_01_1610449807741{width:72.28412256267409%;font-size:16px;color:#333;line-height:1.8;font-family:Microsoft YaHei;position:absolute;left:14.077669902912621%;top:62px;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_style_01_1610449807741{width:50%;}}   @media screen and (max-width:640px) {#text_style_01_1610449807741{width:50%;font-size:12px;color:#333;line-height:1.6;top:0px;left:0%;}}  #text_style_01_1610449807741>.view_contents {font-size:14px;} #tab_style_03_1610446285861{width:100%;height:536px;position:absolute;top:0px;left:0%;}   @media screen and (min-width:641px) and (max-width:1200px) {#tab_style_03_1610446285861{}}   @media screen and (max-width:640px) {#tab_style_03_1610446285861{height:1061px;}}  #tab_style_03_1610446285861 .tabItemSet {border-width:0px;border-style:none;background:#aad4ff;font-size:16px;font-weight:normal;font-style:normal;} #tab_style_03_1610446285861 .tabconSet {background:#ffffff;} #tab_style_03_1610446285861 .tabItemSet.tabCurItem {background:#ffffff;font-weight:normal;}
 #div_a_includeBlock_1610446591739{width:76.91666666666667%;height:536px;position:absolute;top:187.00000381469727px;left:11.533332824707031%;z-index:2;}   @media screen and (min-width:641px) and (max-width:1200px) {#div_a_includeBlock_1610446591739{}}   @media screen and (max-width:640px) {#div_a_includeBlock_1610446591739{width:100%;height:1071px;top:145px;left:0%;display:none;}}  #div_a_includeBlock_1610446591739  {border-width:10px;border-style:solid;border-color:#1169b1;border-radius:5px;}

 #button_style_02_1610501415340{width:8.083333333333332%;position:absolute;top:147px;left:64.125%;z-index:1;}   @media screen and (min-width:641px) and (max-width:1200px) {#button_style_02_1610501415340{}}   @media screen and (max-width:640px) {#button_style_02_1610501415340{width:96%;top:95px;left:2%;display:none;}} #button_style_02_1610501415340 > .view_contents{overflow:visible;}  #button_style_02_1610501415340 .btnaSet {background:#1169b1;border-radius:5px;font-size:16px;border-bottom-left-radius:0 !important;border-bottom-right-radius:0 !important;}

 #text_default_1613879390579{width:33.33333333333333%;height:300px;display:none;position:absolute;left:33.333333333333336%;top:228.2750015258789px;}   @media screen and (min-width:641px) and (max-width:1200px) {#text_default_1613879390579{width:41.62330905306972%;height:300px;display:none;left:29.18834547346514%;top:228.2750015258789px;}}   @media screen and (max-width:640px) {#text_default_1613879390579{width:96%;height:430px;display:block;top:95px;left:1.866666666666667%;}} 

 #image_logo_1762331928210{width:21%;height:86px;position:absolute;top:45px;left:0.008332570393880209%;display:block;}   @media screen and (min-width:641px) and (max-width:1200px) {#image_logo_1762331928210{display:block;}}   @media screen and (max-width:640px) {#image_logo_1762331928210{width:35%;height:44px;top:25px;left:0%;display:block;}}  #layout_diy_1610445585{height:900px;}   @media screen and (min-width:641px) and (max-width:1200px) {#layout_diy_1610445585{height:600px;}}   @media screen and (max-width:640px) {#layout_diy_1610445585{height:550px;}} #layout_diy_1610445585 > .view_contents{overflow:visible;max-width:1200px;} 

    	body{-ms-text-size-adjust: 100% !important;-webkit-text-size-adjust: 100% !important;text-size-adjust: 100% !important;}
ba.niceTab.tabStyle_3 { position: relative; width: 100%; height: 100%;}
.niceTab.tabStyle_3 li{-webkit-transition: all ease-out .2s; -moz-transition: all ease-out .2s; -o-transition: all ease-out .2s; transition: all ease-out .2s}

/*标签样式*/
.tab_nav { position: absolute; z-index: 2; overflow: hidden;}
.tab_ul { text-align: left;/* 该设置可将标签居左left、居中center、居右right,仅对标签在上面或标签在下面可用 */}
.tab_li { display: inline-block; text-align: center; background: #f6f5f4; font-size: 12px; border: 0; cursor: pointer; box-sizing: border-box;}
.tab_ul .tabCurItem { background: #eee;}
.tab_img img { width: 18px; height: 14px; min-width: 5px; min-height: 5px;}
.tab_img .bbx-new-font{
    width: 18px;
    height: 14px;
    min-width: 5px;
    min-height: 5px;
    margin: 0 auto;
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    font-weight: normal;
    letter-spacing: 0;
    text-shadow: unset;
    text-indent: 0;
    text-decoration: unset;
}
.tab_img { vertical-align: middle;line-height: 0;}
.tab_txt { vertical-align: middle; -moz-user-select:none; -khtml-user-select:none; -webkit-user-select:none; color: inherit !important;}
.tab_txt p{ white-space: nowrap; font:inherit; color:inherit; }

/*内容区样式*/
.tab_box { position: absolute; left: 0; z-index: 1; }
.tab_content { position: relative; width:100%; height:100%; overflow:hidden;}
.tab_main { background: #eee; width: 100%; height: 100%; box-sizing: border-box;}
.tab_div { width: 100%; height: 100%; display: none; overflow:hidden;}
.niceTabShow { display: block;}

/*选项卡左右箭头*/ 
.tab_left_arrow,.tab_right_arrow {display: none; z-index: 11111;position: absolute;top: 50%;-webkit-transform: translateY(-50%);-moz-transform: translateY(-50%);-o-transform: translateY(-50%);transform: translateY(-50%);text-align: center;line-height: 40px;font-size: 32px;font-weight: bold;color: #999;padding: 0px 12px;font-family: simsun,'宋体',simhei,'黑体';margin: 0 10px;cursor: pointer;}
.tab_right_arrow {right:0;} 
.tab_content:hover .tab_left_arrow,.tab_content:hover .tab_right_arrow{display:block;}

/*=========  标签位置  ==========*/
/*标签顶部样式*/
.tab_nav_top{ left: 0; top: 0; width: 100%; height: 50px;/*标签高度可以随意设置*/}
/* .tab_scroll_top { overflow-x: scroll !important; overflow-y: hidden; width: 100%; height: calc(100% + 17px);} */
.tab_scroll_top { overflow-x: scroll !important; overflow-y: hidden; width: 100%; height: 100%;scrollbar-width: none;}
.tab_scroll_top::-webkit-scrollbar { display: none;}
.tab_ul_top { min-width: 100%; height: 100%;/*该宽度是默认宽度，程序读取后替换*/}
.tab_li_top {padding:0 1em; height: 100%;/*标签宽度可以随意设置*/}
.tab_box_top { width: 100%; height: calc(100% - 50px);/*减掉标签的高度*/ top: 50px;/*标签的高度*/}

/*标签左侧样式*/
.tab_nav_left { left: 0; top: 0; width: 50px;/*标签宽度可以随意设置*/ height: 100%;}
.tab_scroll_left { overflow-x: hidden; overflow-y: scroll !important; width: 100%; height: 100%;scrollbar-width: none;}
.tab_scroll_left::-webkit-scrollbar { display: none;}
.tab_ul_left { height:100%;/*该标签的宽度要和.tab_nav_left宽度一样;*/}
.tab_li_left {padding:1em 0; width: 100%; /*标签高度可以随意设置*/}
.tab_box_left { height: 100%; width: calc(100% - 50px);/*减掉标签的宽度*/ left: 50px;/*标签的宽度*/}

/*标签底部样式*/
.tab_nav_bottom { right: 0; bottom: 0; width: 100%; height: 50px;/*标签高度可以随意设置*/}
.tab_scroll_bottom { overflow-x: scroll !important; overflow-y: hidden; width: 100%; height: 100%;scrollbar-width: none;}
.tab_scroll_bottom::-webkit-scrollbar { display: none;}
.tab_ul_bottom { min-width: 100%; height: 100%; /*该宽度是默认宽度，程序读取后替换*/}
.tab_li_bottom {padding:0 1em; height: 100%;/*标签宽度可以随意设置*/}
.tab_box_bottom { width: 100%; height: calc(100% - 50px);/*减掉标签的高度*/ bottom: 50px;/*标签的高度*/}

/*标签左侧样式*/
.tab_nav_right { right: 0; bottom: 0; width: 50px;/*标签宽度可以随意设置*/ height: 100%;}
.tab_scroll_right { overflow-x: hidden; overflow-y: scroll !important; width: 100%; height: 100%;scrollbar-width: none;}
.tab_scroll_right::-webkit-scrollbar { display: none;}
.tab_ul_right { height:100%;/*该标签的宽度要和.tab_nav_left宽度一样;*/}
.tab_li_right {padding:1em 0;width: 100%; /*标签高度可以随意设置*/}
.tab_box_right { height: 100%; width: calc(100% - 50px);/*减掉标签的宽度*/ right: 50px;/*标签的宽度*/}

.tab_pos_r {  position: relative; top: 50%; left: 50%;  transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%);}

@media screen and (max-width: 640px){
    .tab_left_arrow,.tab_right_arrow {line-height: 32px;font-size: 24px;padding: 0px 10px;margin: 0 0;}
}

#tab_style_03_1610446285861 #div_tab_style_03_1610446285861 .tab_right_arrow{display:none;}
#tab_style_03_1610446285861 #div_tab_style_03_1610446285861 .tab_left_arrow{display:none;}
#tab_style_03_1610446285861 #div_tab_style_03_1610446285861 .tab_img{display:none;}
#tab_style_03_1610446285861 #div_tab_style_03_1610446285861 .tab_nav{display:block !important;width: 150px;}
#tab_style_03_1610446285861 #div_tab_style_03_1610446285861 .tab_box{width: calc(100% - 150px); left: 150px;}
#tab_style_03_1610446285861 #div_tab_style_03_1610446285861 .tab_li{height:calc(100%/4);}

    #tab_style_03_1610446285861 .tab_ul.tab_ul_top,#tab_style_03_1610446285861 .tab_ul.tab_ul_bottom{white-space: nowrap;}
    #tab_style_03_1610446285861 .layout_mask_showName {position: absolute;width: 100%;height: 80px;line-height: 80px;left: 0px;top: 50%;margin-top: -40px;text-align: center;color: rgba(142, 142, 142, 0.63);font-size: 30px;}
        @media screen and (max-width:640px) {
        ::-webkit-scrollbar { width: 0px;}
    }
    #tab_style_03_1610446285861 .tab_nav_box{
          height: 100%;
      }
    .button_default02 { width: 100%; height:40px; background: #a2a3e9; color: #fff;border-width: 0px; box-sizing: border-box; font-size: 14px; cursor: pointer; transition: all ease-in .1s; -webkit-transition: all ease-in .1s; -moz-transition: all ease-in .1s; -o-transition: all ease-in .1s; }
    #button_style_02_1610501415340 .button_default .buttonImg {width:auto; height:100%; position:relative; top:0; left:50%;-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}@media screen and (min-width:641px) and (max-width:1200px) {#button_style_02_1610501415340 .button_default .buttonImg {width:auto; height:100%; position:relative; top:0; left:50%;-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}}@media screen and (max-width:640px) {#button_style_02_1610501415340 .button_default .buttonImg {width:auto; height:100%; position:relative; top:0; left:50%;-webkit-transform:translate(-50%,0);-o-transform:translate(-50%,0);-moz-transform:translate(-50%,0);-ms-transform:translate(-50%,0);transform:translate(-50%,0);}}h1{font-size: 2em;font-weight:bold;}h2{font-size: 1.5em;font-weight:bold;}h3{font-size: 1.17em;font-weight:bold;}h4{font-weight:bold;}.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;}

				.bottomMenu{width: 100%; box-sizing:border-box; display: none;position:fixed;bottom:0; z-index:999999;}

				.bottomMenu ul{position: relative; box-sizing: border-box; width: 100%; height: 50px; background-color: #ffffff; border-top: 1px solid #ddd; box-shadow: 0 0px 6px rgba(0,0,0,.1); display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;}
				.bottomMenu ul li{position:relative; box-sizing: border-box; -webkit-box-flex:1;-webkit-flex:1;-ms-flex:1;flex:1;padding-top:0!important;}
				.bottomMenu ul li a{display: inline-block;width: 100%;height: 100%;}
				.bottomMenu ul li .menuItem{position: relative;}
				.bottomMenu ul li .menuItem.iconTxt{top:5%;}
				.bottomMenu ul li .menuItem.txt{top: 50%;-webkit-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);}
				.bottomMenu ul li .menuItem.icon{top: 20%;}
				.bottomMenu ul li .menuIco{width: auto; height: 26px; overflow: hidden; margin: 0 auto 4px;padding-top:2px;box-sizing:border-box;}
				.bottomMenu ul li .menuIco img{width: 100%; height: 100%;box-sizing:border-box;object-fit: contain;}
				.bottomMenu ul li .menuName{font-size: 12px; white-space: nowrap; margin: auto; text-align: center; color: #000000; line-height: 1;font-family:Microsoft YaHei;}
				.bottomMenu ul li .submenuItems{position: absolute; bottom: 48px; z-index:999999; width: 100%; text-align: center; border: 1px solid #ddd; background-color: #fff; box-shadow: 0 0px 6px rgba(0,0,0,.1);}
				.bottomMenu ul li .submenuItems a{display: block; height: 36px; line-height: 36px; font-size: 12px; color: #333; border-bottom: 1px solid #ddd; }
				@media screen and (max-width:767px) {
					.bottomMenu{display: block;}
					
					body{padding-bottom:50px!important;}
				}
				