/*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_bbox-001{ position:absolute; width:100%; height:120px; } .w_bbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } #w_common_text-1506411419743 a,#w_common_text-1509017481644 a,#content_box-1506411439642 a,#content_box-1506351116125 a{ color:#fff; text-decoration: none; transition: all 0.5s; } #w_common_text-1506411419743 a:hover,#w_common_text-1509017481644 a:hover,#content_box-1506411439642 a:hover{ color:#fff; } #w_common_text-1518015836564 a{ color:#fff; text-decoration: none; transition: all 0.5s; }.c_ads_banner-36002{position:absolute; width:400px; height:200px; overflow:hidden;} .swipe { width: 100%; overflow: hidden; } .swipe ul { margin: 0; padding: 0; list-style-type: none; } .swipe li a{ width: 100%; } .swipe li div, .swipe div div div { background: #1db1ff; font-weight: bold; color: #fff; font-size: 20px; text-align: center; } .swipe li a img { width: 100%; } .swipe li { margin: 0px; } #slider4 { line-height: 0; text-align: center; } #slider4 ul { -webkit-transition: left 800ms ease-in 0; -moz-transition: left 800ms ease-in 0; -o-transition: left 800ms ease-in 0; -ms-transition: left 800ms ease-in 0; transition: left 800ms ease-in 0; } #pagenavi { position: absolute; bottom: 10px; display: block; overflow: hidden; margin: auto; text-align: center; width: 100%; } #pagenavi .line { display: table; margin: 0 auto; height: 15px; text-align: center; padding: 0; } #pagenavi .line a { width: 15px; height: 15px; background: #fff; margin-right: 5px; border-radius: 50px; margin-left: 5px; float: left; display: block; text-overflow: ellipsis; white-space: nowrap; font-size: 0px; } #pagenavi .line a.active { background: #e70012; }.c_ads_banner-36002 .p_MatteIcon:before{content:'\e752'; }.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: #fff; } 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: #1267a7; 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: #0a6eb9; } .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: #fff; margin-left: 8.2%; } .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_common_text-001{font-size:26px; }#c_ads_banner-15407384181803311 .p_MatteIcon:before{content:'\e752'; }#c_ads_banner-15407384181803311{ position:absolute; top:108px; left:-2px; z-index:111; width:640px; height:500px; }#w_img-1516348118399 .p_link001{height:calc(100%); }#w_img-1516348118399 .p_MatteIcon:before{content:'\e752'; }#w_img-1516348118399 >div{animation-fill-mode:both; }#w_img-1540779380032 .p_link001{height:calc(100%); }#w_img-1540779380032 .p_MatteIcon:before{content:'\e752'; }#w_img-1540779380032 >div{animation-fill-mode:both; }#w_bbox-1506411439642 .p_wbox{background-color:rgba(238, 238, 238, 1); margin-top:30px; }#w_bbox-1506411439642 .p_MatteIcon:before{content:'\e752'; }#w_bbox-1506411439642 >div{animation-fill-mode:both; }#w_img-1516348118399{ position:absolute; top:9px; left:0px; z-index:113; width:193px; height:90px; }#w_img-1540779380032{ position:absolute; top:715px; left:105px; z-index:108; width:426px; height:29px; }#w_bbox-1506411439642{ position:absolute; top:2124.5px; left:0px; z-index:112; width:640px; height:161px; }#w_common_text-1534315799533{ position:absolute; top:109px; left:50px; z-index:2; width:540px; height:25px; }#w_common_text-1534315799523{ position:absolute; top:72px; left:50px; z-index:1; width:540px; height:22px; }#c_nav_main-15163483809148886 .p_MatteIcon:before{ content:'\e752'; } #c_nav_main-15163483809148886{ z-index:114; top:19.5px; left:435.734px; width:190px; position:absolute; height:70px; }