/*e_OrdinaryStyleBox-001*/ .e_OrdinaryStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ .e_OrdinaryStyleBox-001 .stylebox_top{ background-color: #F0F0F0; height: 67px; } /*stylebox_link*/ .e_OrdinaryStyleBox-001 .stylebox_link{ font-size: 30px; color: #a7a7a7; display: table; height: inherit; border-width: 0; padding: 0 15px; margin: 0; float: right; vertical-align: middle; } .e_OrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } /*stylebox_content*/ .e_OrdinaryStyleBox-001 .stylebox_content{ width: 100%; height: calc(100% - 48px); border-style: solid; border-width: 1px; border-color: #f0f0f0; width-uint:%; } .e_OrdinaryStyleBox-001 .title_main{ font-size: 34px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; max-width: 352px; display: inline-block; vertical-align: middle; color:#333333; font-weight: normal; } .e_OrdinaryStyleBox-001 .title_sub{ font-size: 34px; display: inline-block; vertical-align: middle; font-weight: normal; margin-left: 10px; color: #333333; } .e_OrdinaryStyleBox-001 .stylebox_title{ background-color:transparent; } .e_OrdinaryStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } /*stylebox_title*/ .e_OrdinaryStyleBox-001 .stylebox_title{ line-height: 67px; display: inline-block; width: auto; height: inherit; background-color: transparent; padding-left: 20px; padding-right: 20px; font-size: 0; vertical-align: bottom; white-space: nowrap; } /*stylebox_link*/ .e_OrdinaryStyleBox-001 .stylebox_link i:before{ content: "\e6ae"; } .e_OrdinaryStyleBox-001 .stylebox_link:active{ background-color:#4E9694 ; } .e_OrdinaryStyleBox-001 .stylebox_title .title_icon{ text-align: center; line-height: normal; display: inline-block; vertical-align: middle; color: rgba(255,255,255,1); margin-right: 10px; font-size: initial; } .e_OrdinaryStyleBox-001 .stylebox_title .title_icon:before { content: "\e63d"; font-size: 34px; color: #333; } .e_OrdinaryStyleBox-001 .stylebox_link a { color: inherit; vertical-align: middle; display: table-cell; } .e_OrdinaryStyleBox-001 .link_icon { display: inline-block; margin-left: 5px; }.w_img-001{position:absolute; width:280px; height:280px; font-size: 30px;} .w_img-001 .animated{ width:100%; height:100%; } .w_img-001 .p_link001{ width:100%; height:calc(100% - 30px); } .w_img-001 .p_link002{ width:100%; height:30px; } .w_img-001 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-001 .p_dimage{ height: inherit; } .w_img-001 .e_image:hover:after { background: transparent; }.w_img-001 .p_MatteIcon:before{content:'\e752'; }.c_nav_main-61003{position:absolute;width:400px;height:200px;overflow:hidden} .menu_bg { position: absolute; width:100%; height: 80px; z-index: 0; /* background-color: #333; */ } header{ position: relative; } header .m-btn { width: 50px; height: 50px; display: block; padding: 10px; cursor: pointer; position: absolute; right: 0; margin-top: 15px; z-index: 9999999999; } .fr { float: right; display: inline; } header .m-btn .box { display: block; width: 30px; height: 30px; overflow: hidden; position: relative; } header .m-btn .line { display: block; width: 100%; height: 3px; background-color: #fff; position: absolute; left: 0; transition: all .5s; } header .m-btn .line1 { width: 18px; top: 0; } header .m-btn .line2 { width: 26px; top: 10px; } header .m-btn .line3 { width: 22px; top: 21px; } header .m-btn.cur .line1, header .m-btn.cur .line2, header .m-btn.cur .line3 { width: 100%; background: #fff; } .m-sub-menu { position: fixed; right: -100%; width: 66%; top: 0; z-index: 0; height: 100%; background-color: #fff; transition: all 0.64s ease 0s; } .m-sub-menu.show { right: 0; transition: all 0.44s ease 0s; } .m-sub-menu .top-box { line-height: 80px; background-color: #333; } .f-cb { zoom: 1; } .f-cb:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; } .fl { float: left; display: inline; } .fr { float: right; display: inline; } .m-sub-menu .top-box .stt { display: inline-block; font-size: 22px; color: #acacac; margin-left: 8.2%; font-family: 'iconfont'!important; } .m-sub-menu .list-wrap ul { width: 100%; } .m-sub-menu .list-wrap li { line-height: 60px; width: 100%; border-bottom: 1px solid #f2f2f2; } .m-sub-menu .list-wrap li .col-box { display: block; width: 100%; } .m-sub-menu .list-wrap .tit { font-size: 22px; color: #666; margin-left: 8.2%; } ul:after { display: block; height: 0; clear: both; visibility: hidden; overflow: hidden; content: "."; }.w_rbox-001{ position:absolute; width:600px; height:600px; } .w_rbox-001 .p_stylebox{ width: 100%; height: 100%; }.c_nav_multiLine-01001{height:171px; width:573px; font-size: 0px;position:absolute; overflow:hidden;} .c_nav_multiLine-01001 .p_main { height: auto; width: auto; background-color: transparent; } .c_nav_multiLine-01001 .p_PreAndNext { display: inline-block; width: auto; height: 80px; } .c_nav_multiLine-01001 .p_PreAndNext.left { float: left; } .c_nav_multiLine-01001 .p_PreAndNext.right { float: right; } .c_nav_multiLine-01001 .p_ToForward { width: 40px; height: 100%; display: inline-block; } .c_nav_multiLine-01001 .p_ToForward.disabled { cursor: not-allowed; } .c_nav_multiLine-01001 .p_ToForward.disabled .iconfont:before { color: rgba(240,240,240,1); } .c_nav_multiLine-01001 .p_ToForward.disabled:hover { background-color: rgba(202,202,202,.3);} .c_nav_multiLine-01001 .p_ToForward.disabled:active { background-color: rgba(202,202,202,.3);} .c_nav_multiLine-01001 .p_ToBack .iconfont:before { content: "\e6af"; } .c_nav_multiLine-01001 .p_ToBack { width: 40px; height: 100%; display: inline-block; } .c_nav_multiLine-01001 .p_ToBack.disabled { cursor: not-allowed; } .c_nav_multiLine-01001 .p_ToBack.disabled .iconfont:before { color: rgba(240,240,240,1); } .c_nav_multiLine-01001 .p_ToBack.disabled:hover { background-color: rgba(202,202,202,.3);} .c_nav_multiLine-01001 .p_ToBack.disabled:active { background-color: rgba(202,202,202,.3);} .c_nav_multiLine-01001 .p_nav {width: auto;display: block;border-top: 1px solid #5AA9A5;border-left: 1px solid #5AA9A5;border-color:rgba(61, 124, 196, 1); } .c_nav_multiLine-01001 .p_articles {white-space: nowrap;overflow: hidden;width:calc((100% - 0px)/4);border: 1px solid #014c8d;border-top: none;border-left: none;margin:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;background-color:rgba(99, 162, 232, 1);border-color: #014c8d;} .c_nav_multiLine-01001 .p_articles { height: 100%; font-size: 0; width: calc(100% / 4); vertical-align: middle; text-align: center; margin: 0 auto; display: inline-block; background-color: #015baa; } .c_nav_multiLine-01001 .p_articles:hover {background-color:rgba(55, 125, 204, 1); } .c_nav_multiLine-01001 .p_articles:active { background-color: rgba(69,165,161,1); } .c_nav_multiLine-01001 .p_articles.active { background-color: rgba(69,165,161,1); } .c_nav_multiLine-01001 .p_image { display: none; vertical-align: middle; border-width: 0; background: none; position: relative; margin-right: 5px; } .c_nav_multiLine-01001 .p_NavBtn { display: inline-block; vertical-align: middle; height: 100%; display: inline-table; width: auto; font-size: 26px; color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: transparent; padding-top: 0; text-align: center; line-height: 60px; } .c_nav_multiLine-01001 .p_NavBtn .font { width:5em; overflow: hidden; display: block; } .c_nav_multiLine-01001 .p_NavBtn:hover {box-shadow: 0 0 0 transparent;background-color:rgba(55, 125, 204, 1); } .c_nav_multiLine-01001 .p_NavBtn:active { background-color: rgba(69,165,161,1); } .c_nav_multiLine-01001 .p_MatteIcon:before{content:'\e752'; }#c_nav_multiLine-15426332274236790{ position:absolute; top:92px; left:0px; z-index:104; width:640px; height:121px; }#c_nav_main-15140084602199056{ position:absolute; top:6px; left:206px; z-index:101; width:434px; height:80px; }#w_rbox-1542633153705 .p_rbox{ background-color:rgba(0, 75, 141, 1); } #w_rbox-1542633153705 .p_MatteIcon:before{ content:'\e752'; } #w_rbox-1542633153705 >div{ animation-fill-mode:both; } #w_img-1514008548089 .p_link001{ height:calc(100%); } #w_img-1514008548089 .p_MatteIcon:before{ content:'\e752'; } #w_img-1514008548089 >div{ animation-fill-mode:both; } #w_rbox-1542633153705{ position:absolute; top:0px; left:0px; z-index:106; width:640px; height:92px; } #w_img-1514008548089{ position:absolute; top:0px; left:0px; z-index:100; width:320px; height:92px; }