.e_ContentMajorStyleBox-001{ height:auto; height-and-height-uint:auto; width-and-width-uint:100%; width:100%; background-color:rgba(57, 88, 168, 1); width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_top{ height:40px; width:auto; background-color:rgba(101, 190, 186, 1); } .e_ContentMajorStyleBox-001 .title_icon{ vertical-align:middle; line-height:40px; margin-right:10px; color:rgba(255,255,255,1); font-size:medium; display:inline-block; } .e_ContentMajorStyleBox-001 .title_icon::before{ content:""; } .e_ContentMajorStyleBox-001 .title_main{ vertical-align:middle; line-height:40px; color:rgba(255,255,255,1); max-width:600px; font-size:16px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; font-weight:normal; } .e_ContentMajorStyleBox-001 .title_sub{ vertical-align:middle; line-height:40px; color:rgba(255,255,255,1); font-size:14px; margin-left:10px; display:inline-block; font-weight:normal; } .e_ContentMajorStyleBox-001 .stylebox_title{ padding-left:15px; padding-right:15px; vertical-align:bottom; height:inherit; width:auto; font-size:0px; background-color:rgba(101, 190, 186, 1); white-space:nowrap; display:inline-block; } .e_ContentMajorStyleBox-001 .stylebox_link{ vertical-align:middle; margin-right:15px; height:inherit; color:#666666; font-size:14px; display:table; border-width:0px; padding:0 15px; float:right; } .e_ContentMajorStyleBox-001 .stylebox_link a{ vertical-align:middle; color:inherit; display:table-cell; } .e_ContentMajorStyleBox-001 .link_icon{ margin-left:5px; display:inline-block; } .e_ContentMajorStyleBox-001 .link_icon::before{ content:'\e6af'; } .e_ContentMajorStyleBox-001 .stylebox_top_line{ height:1px; background-color:rgba(240,240,240,1); } .e_ContentMajorStyleBox-001 .stylebox_content{ height:calc(100% - 48px); width:100%; border-style:solid; border-color:#f0f0f0; border-width:1px; width-uint:%; } .e_ContentMajorStyleBox-001 .stylebox_bottom_line{ height:1px; background-color:rgba(240,240,240,1); }/*e_IndexOrdinaryStyleBox-001*/ .e_IndexOrdinaryStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_top*/ .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; } /*stylebox_link*/ .e_IndexOrdinaryStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active{ color: rgba(101,190,186,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_top{ width: auto; height: 40px; } .e_IndexOrdinaryStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size:medium; } .e_IndexOrdinaryStyleBox-001 .title_icon::before{ content: ""; } .e_IndexOrdinaryStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_IndexOrdinaryStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_IndexOrdinaryStyleBox-001 .stylebox_link{ float: right; vertical-align: middle; margin-right: 15px; } .e_IndexOrdinaryStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_IndexOrdinaryStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_IndexOrdinaryStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint:%; } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }/*e_SideMajorStyleBox-001*/ .e_SideMajorStyleBox-001{ /* position: absolute;*/ width: 100%; height: auto; width-uint:%; } /*stylebox_link*/ .e_SideMajorStyleBox-001 .stylebox_link{ color: #666666; font-size: 14px; display: table; height: inherit; border-width: 0; float: right; vertical-align: middle; margin-right: 15px; } .e_SideMajorStyleBox-001 .stylebox_top{ width: auto; height: 40px; background-color: rgba(101, 190, 186, 1); } .e_SideMajorStyleBox-001 .title_icon{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); margin-right: 10px; font-size: medium; } .e_SideMajorStyleBox-001 .title_icon::before{ content: ""; } .e_SideMajorStyleBox-001 .title_main{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow:ellipsis; white-space: nowrap; } .e_SideMajorStyleBox-001 .title_sub{ display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255,255,255,1); font-size: 14px; font-weight: normal; margin-left: 10px; } .e_SideMajorStyleBox-001 .stylebox_title{ display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; } .e_SideMajorStyleBox-001 .stylebox_link a{ color: inherit; display: table-cell; vertical-align: middle; } .e_SideMajorStyleBox-001 .link_icon{ display: inline-block; margin-left: 5px; } .e_SideMajorStyleBox-001 .link_icon::before{ content: '\e6af'; } .e_SideMajorStyleBox-001 .stylebox_top_line{ height: 1px; background-color: rgba(240,240,240,1); } .e_SideMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint:%; } .e_SideMajorStyleBox-001 .stylebox_bottom_line{ height: 1px; background-color: rgba(240,240,240,1); }.c_public_htmlCode-01001005{ position:absolute; width:300px; height:390px; } .gototop { display: none; -webkit-animation: hide 350ms ease-out forwards 1; animation: hide 350ms ease-out forwards 1; padding: 15px; border: 0; text-align: center; background-color:#D5D6E2; color: #494A5F; position: fixed; bottom: 16px; right: 16px; -webkit-transition: background-color 100ms ease-in-out; transition: background-color 100ms ease-in-out; border-radius: 100%; } .gototop > span { display: inline-block; -webkit-transition: transform 100ms 100ms ease-in-out; transition: transform 100ms 100ms ease-in-out; } .gototop:hover, .gototop:focus { background-color:#D5D6E2; } .gototop:hover > span, .gototop:focus > span { -webkit-transform: translateY(-2px); transform: translateY(-2px); } .isvisible { -webkit-animation: show 1s ease-out forwards 1; animation: show 1s ease-out forwards 1; } @-webkit-keyframes hide{ 0% { opacity: 1; -webkit-transform:translateY(0); } 25%{ opacity: .5; -webkit-transform: rotate(-3deg) translateY(-40px); } 75%{ -webkit-transform: rotate(3deg); } 100%{ opacity: 0; -webkit-transform:translateY(100px); } } @keyframes hide{ 0% { opacity: 1; transform:translateY(0); } 25%{ opacity: .5; transform: rotate(-3deg) translateY(-40px); } 75%{ transform: rotate(3deg); } 100%{ opacity: 0; transform:translateY(100px); } } @-webkit-keyframes show{ 0% { -webkit-transform: rotate(0deg); } 25%{ opacity: .5; -webkit-transform: rotate(-3deg) translateY(-40px); } 75%{ -webkit-transform: rotate(3deg); } 100%{ opacity: 1; -webkit-transform: rotate(0deg); } } @keyframes show{ 0% { transform: rotate(0deg); } 25%{ opacity: .5; transform: rotate(-3deg) translateY(-40px); } 75%{ transform: rotate(3deg); } 100%{ opacity: 1; transform: rotate(0deg); } }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_wbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_wbox-001 .p_wbox { margin-top: 20px; }.w_wbox-001{ position:absolute; width:100%; height:120px; }/*竖分隔线*/ .w_vline-001 .p_Vline{ width:1px; height:200px; background-color:rgba(189,189,189,0); width:0px; border-left-width: 1px; border-left-style: solid; border-left-color:rgba(189,189,189,1); opacity:1; filter:alpha(opacity:100); }.w_vline-001{ position:absolute; width:1px; height:300px; left:20px; top:20px; } .w_vline-001 .w_vline{ width:inherit; height:100%; } .w_vline-001 .p_Vline{ width:inherit; height:100%; }.submenu a{ font-size:12px!important; } .e_ContentMajorStyleBox-001 { width: 100%; height: auto; } .e_ContentMajorStyleBox-001 .stylebox_link { color: #666; font-size: 14px; height: inherit; display: table; padding: 0 15px; border-width: 0px; float: right; vertical-align: middle; margin-right: 15px } .e_ContentMajorStyleBox-001 .stylebox_top { width: auto; height: 50px; background-color: rgba(101, 190, 186, 1) } .e_ContentMajorStyleBox-001 .title_icon { display: inline-block; vertical-align: middle; line-height: 50px; color: rgba(255, 255, 255, 1); margin-right: 10px; font-size: medium } .e_ContentMajorStyleBox-001 .title_icon::before { content: "" } .e_ContentMajorStyleBox-001 .title_main { display: inline-block; vertical-align: middle; line-height: 50px; color: rgba(255, 255, 255, 1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .e_ContentMajorStyleBox-001 .title_sub { display: inline-block; vertical-align: middle; line-height: 50px; color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: normal; margin-left: 10px } .e_ContentMajorStyleBox-001 .stylebox_title { display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap; padding-right: 22px; vertical-align: top } .e_ContentMajorStyleBox-001 .stylebox_link a { color: inherit; display: table-cell; vertical-align: middle } .e_ContentMajorStyleBox-001 .link_icon { display: inline-block; margin-left: 5px } .e_ContentMajorStyleBox-001 .link_icon::before { content: '\e6af' } .e_ContentMajorStyleBox-001 .stylebox_top_line { height: 1px; background-color: rgba(240, 240, 240, 1) } .e_ContentMajorStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; width-uint: % } .e_ContentMajorStyleBox-001 .stylebox_bottom_line { height: 1px; background-color: rgba(240, 240, 240, 1) } .e_IndexOrdinaryStyleBox-001 { width: 100%; height: auto; width-uint: % } .e_IndexOrdinaryStyleBox-001 .stylebox_top { background-color: transparent } .e_IndexOrdinaryStyleBox-001 .stylebox_link { color: #666; font-size: 14px; display: table; height: inherit; border-width: 0 } .e_IndexOrdinaryStyleBox-001 .stylebox_link:hover { color: rgba(101, 190, 186, 1) } .e_IndexOrdinaryStyleBox-001 .stylebox_link:active { color: rgba(101, 190, 186, 1) } .e_IndexOrdinaryStyleBox-001 .stylebox_top { width: auto; height: 50px } .e_IndexOrdinaryStyleBox-001 .title_icon { display: inline-block; vertical-align: middle; line-height: 50px; color: rgba(255, 255, 255, 1); margin-right: 10px; font-size: medium } .e_IndexOrdinaryStyleBox-001 .title_icon::before { content: "" } .e_IndexOrdinaryStyleBox-001 .title_main { display: inline-block; vertical-align: middle; line-height: 40px; color: rgba(255, 255, 255, 1); font-weight: normal; font-size: 16px; max-width: 600px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap } .e_IndexOrdinaryStyleBox-001 .title_sub { display: inline-block; vertical-align: middle; line-height: 50px; color: rgba(255, 255, 255, 1); font-size: 14px; font-weight: normal; margin-left: 10px } .e_IndexOrdinaryStyleBox-001 .stylebox_title { display: inline-block; width: auto; height: inherit; background-color: rgba(101, 190, 186, 1); padding-left: 15px; padding-right: 15px; font-size: 0; vertical-align: bottom; white-space: nowrap } .e_IndexOrdinaryStyleBox-001 .stylebox_link { float: right; vertical-align: middle; margin-right: 15px } .e_IndexOrdinaryStyleBox-001 .stylebox_link a { color: inherit; display: table-cell; vertical-align: middle } .e_IndexOrdinaryStyleBox-001 .link_icon { display: inline-block; margin-left: 5px } .e_IndexOrdinaryStyleBox-001 .link_icon::before { content: '\e6af' } .e_IndexOrdinaryStyleBox-001 .stylebox_top_line { height: 1px; background-color: rgba(240, 240, 240, 1) } .e_IndexOrdinaryStyleBox-001 .stylebox_content { border-style: solid; border-width: 1px; border-color: #f0f0f0; width: 100%; height: calc(100% - 48px); width-uint: % } .e_IndexOrdinaryStyleBox-001 .stylebox_bottom_line { height: 1px; background-color: rgba(240, 240, 240, 1) } .e_AllWBox-001 { width: 490px; height: 39px; background-color: rgba(77, 144, 203, 1) } .w_bbox-001 .p_wbox { background-color: rgba(255, 255, 255, 1) } .w_bbox-001 .w_bbox-001 .p_wbox { margin-top: 20px } .w_bbox-001 { position: absolute; width: 100%; height: 50px } .w_hline-001 .p_HLine { border-top-width: 1px; border-top-style: solid; border-top-color: #f0f0f0; opacity: 1; filter: alpha(opacity: 100) } .w_hline-001 { position: absolute; width: 300px; height: 1px; left: 100px; top: 20px } .w_hline-001 .w_hline { width: 100%; height: inherit } .w_img-001 .p_title { display: inline-table; margin: 0; min-width: 37px; padding: 0; color: rgba(51, 51, 51, 1); font-size: 16px; font-weight: 400; cursor: pointer } .w_img-001 .p_title .font { vertical-align: middle; line-height: 21px } .w_img-001 .p_title:hover { color: rgba(87, 177, 173, 1) } .w_img-001 .p_title:active { color: rgba(69, 165, 161, 1) } .w_img-001 .p_title .iconfont:before { display: inline-block; content: "" } .w_img-001 .p_dimage { padding: 0; border-width: 0px; border-style: solid; border-color: rgba(228, 228, 228, 1); background-color: transparent; overflow: hidden } .w_img-001 .p_dimage:hover { border-width: 0px; border-style: solid; border-color: rgba(228, 228, 228, 1); background-color: transparent } .w_img-001 .p_dimage:active { border-width: 0px; border-style: solid; border-color: rgba(228, 228, 228, 1); background-color: transparent } .e_title.w_img-001 .p_link002 { display: inline-block; padding: 0; color: #707070; font-size: 14px; text-align: left } .e_title.w_img-001 .p_link002 { white-space: nowrap; vertical-align: middle; line-height: 19px } a>.e_title.w_img-001 .p_link002:hover { text-decoration: underline; font-weight: bold; cursor: pointer; color: #60a9d7 } a>.e_title.w_img-001 .p_link002:active { color: #60a9d7; font-weight: 400 } a>.e_title.w_img-001 .p_link002:active { text-decoration: none; margin-top: 0 } .e_title.w_img-001 .p_link002 .iconfont:before { display: inline-block; content: "" } .e_title.w_img-001 .p_link001 { display: inline-block; padding: 0; color: #707070; font-size: 14px; text-align: left } .e_title.w_img-001 .p_link001 { white-space: nowrap; vertical-align: middle; line-height: 19px } a>.e_title.w_img-001 .p_link001:hover { text-decoration: underline; font-weight: bold; cursor: pointer; color: #60a9d7 } a>.e_title.w_img-001 .p_link001:active { color: #60a9d7; font-weight: 400 } a>.e_title.w_img-001 .p_link001:active { text-decoration: none; margin-top: 0 } .e_title.w_img-001 .p_link001 .iconfont:before { display: inline-block; content: "" } .w_img-001 .p_box { margin: 0; width: 236px; height: 317px; padding: 0; border-width: 1px; border-style: none; border-color: rgba(228, 228, 228, 0); background-color: transparent; overflow: hidden } .w_img-001 { position: absolute; width: 280px; height: 250px } .w_img-001 .animated { width: 100%; height: 100% } .w_img-001 .font { white-space: nowrap } .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; overflow: hidden; font-size: 0 } .w_img-001 .e_image:hover:after { background: transparent } .c_nav_main-46002 { position: absolute; width: 1030px; height: 147px; overflow: hidden } .nav { width: 100%; margin: 0 auto; text-align: center } .menu, .menu ul { list-style: none; padding: 0; margin: 0 } .menu { height: 50px; margin-top: 0px; } .menu li { border-bottom: 0px solid #181818; border-top: 0px solid #303030; min-width: 150px; border-right:1px solid #45779c; } .submenu li{ border-right:none!important; } #c_nav_main-15276683288328864 .menu li:nth-child(9){ border-right:none!important; } .menu>li { display: block; float: left; position: relative } .menu>li:first-child { } .menu a { border-left: 0px solid rgba(0, 0, 0, 0); color: #fff; display: block; font-size: 16px; line-height: 50px; text-decoration: none; text-transform: uppercase; } .menu li:hover { filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b'); -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#1c1c1c', endColorstr='#1b1b1b')"; border-top: 0px solid #1b1b1b; background:#FF9A00; color: #fff; border-right: 1px solid #FF9A00; } .menu li:hover>a { border-radius: 0px 0 0 0; border-left: 0px solid #FF9A00; color: #fff!important; } .submenu { left: 0; max-height: 0; position: absolute; top: 100%; z-index: 0; -webkit-perspective: 400px; -moz-perspective: 400px; -ms-perspective: 400px; -o-perspective: 400px; perspective: 400px; margin-top: 0px !important; } .submenu a{ line-height: 40px; } .submenu li { width: 150px; } .submenu li { opacity: 0; -webkit-transform: rotateY(90deg); -moz-transform: rotateY(90deg); -ms-transform: rotateY(90deg); -o-transform: rotateY(90deg); transform: rotateY(90deg); -webkit-transition: opacity .4s, -webkit-transform .5s; -moz-transition: opacity .4s, -moz-transform .5s; -ms-transition: opacity .4s, -ms-transform .5s; -o-transition: opacity .4s, -o-transform .5s; transition: opacity .4s, transform .5s; background: #0170c1; } .submenu li { border-bottom: 1px solid #0060a7; } .menu .submenu li:hover a { border-left: 0px solid #454545; border-radius: 0; color: #292929; background: #FF9A00; } .menu>li:hover .submenu, .menu>li:focus .submenu { max-height: 2000px; z-index: 10 } .menu>li:hover .submenu li, .menu>li:focus .submenu li { opacity: 1; -webkit-transform: none; -moz-transform: none; -ms-transform: none; -o-transform: none; transform: none } .menu li:hover .submenu li:nth-child(1) { -webkit-transition-delay: 10ms; -moz-transition-delay: 10ms; -ms-transition-delay: 10ms; -o-transition-delay: 10ms; transition-delay: 10ms; } .menu li:hover .submenu li:nth-child(2) { -webkit-transition-delay: 30ms; -moz-transition-delay: 30ms; -ms-transition-delay: 30ms; -o-transition-delay: 30ms; transition-delay: 30ms } .menu li:hover .submenu li:nth-child(3) { -webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; -ms-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms } .menu li:hover .submenu li:nth-child(4) { -webkit-transition-delay: 70ms; -moz-transition-delay: 70ms; -ms-transition-delay: 70ms; -o-transition-delay: 70ms; transition-delay: 70ms } .menu li:hover .submenu li:nth-child(5) { -webkit-transition-delay: 90ms; -moz-transition-delay: 90ms; -ms-transition-delay: 90ms; -o-transition-delay: 90ms; transition-delay: 90ms } .menu li:hover .submenu li:nth-child(6) { -webkit-transition-delay: 110ms; -moz-transition-delay: 110ms; -ms-transition-delay: 110ms; -o-transition-delay: 110ms; transition-delay: 110ms } .menu li:hover .submenu li:nth-child(7) { -webkit-transition-delay: 130ms; -moz-transition-delay: 130ms; -ms-transition-delay: 130ms; -o-transition-delay: 130ms; transition-delay: 130ms } .menu li:hover .submenu li:nth-child(8) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms } .menu li:hover .submenu li:nth-child(9) { -webkit-transition-delay: 170ms; -moz-transition-delay: 170ms; -ms-transition-delay: 170ms; -o-transition-delay: 170ms; transition-delay: 170ms } .submenu li:nth-child(1) { -webkit-transition-delay: 170ms; -moz-transition-delay: 170ms; -ms-transition-delay: 170ms; -o-transition-delay: 170ms; transition-delay: 170ms } .submenu li:nth-child(2) { -webkit-transition-delay: 150ms; -moz-transition-delay: 150ms; -ms-transition-delay: 150ms; -o-transition-delay: 150ms; transition-delay: 150ms } .submenu li:nth-child(3) { -webkit-transition-delay: 130ms; -moz-transition-delay: 130ms; -ms-transition-delay: 130ms; -o-transition-delay: 130ms; transition-delay: 130ms } .submenu li:nth-child(4) { -webkit-transition-delay: 110ms; -moz-transition-delay: 110ms; -ms-transition-delay: 110ms; -o-transition-delay: 110ms; transition-delay: 110ms } .submenu li:nth-child(5) { -webkit-transition-delay: 90ms; -moz-transition-delay: 90ms; -ms-transition-delay: 90ms; -o-transition-delay: 90ms; transition-delay: 90ms } .submenu li:nth-child(6) { -webkit-transition-delay: 70ms; -moz-transition-delay: 70ms; -ms-transition-delay: 70ms; -o-transition-delay: 70ms; transition-delay: 70ms } .submenu li:nth-child(7) { -webkit-transition-delay: 50ms; -moz-transition-delay: 50ms; -ms-transition-delay: 50ms; -o-transition-delay: 50ms; transition-delay: 50ms } .submenu li:nth-child(8) { -webkit-transition-delay: 30ms; -moz-transition-delay: 30ms; -ms-transition-delay: 30ms; -o-transition-delay: 30ms; transition-delay: 30ms } .submenu li:nth-child(9) { -webkit-transition-delay: 10ms; -moz-transition-delay: 10ms; -ms-transition-delay: 10ms; -o-transition-delay: 10ms; transition-delay: 10ms } .c_nav_main-46002001 .p_MatteIcon .iconfont:before { content: '\e602' } .c_nav_main-46002 .p_MatteIcon .iconfont:before { content: '\e602' } .c_public_htmlCode-01001 { position: absolute; width: 300px; height: 390px } .w_btn-001 .p_CommonBtn { font-size: 18px; width: 100%; height: 50px; color: rgba(255, 255, 255, 1); border-width: 1px; border-style: none; border-color: transparent; background-color: rgba(106, 186, 190, 1); padding-top: 0; padding-right: 20px; padding-left: 20px; text-align: center; transition-duration: 260ms } .w_btn-001 .p_CommonBtn .font { display: table-cell; vertical-align: middle; text-align: inherit } .w_btn-001 .p_CommonBtn:hover { background-color: rgba(25, 133, 133, 1); color: rgba(255, 255, 255, 1); box-shadow: 0 0 30px #198683 !important; border-radius: 50px; transition-duration: 260ms } .iconfont:before { content: "" } .e_title.w_btn-001 .p_link { display: inline-block; padding: 0; color: #707070; font-size: 14px; text-align: left } .e_title.w_btn-001 .p_link { white-space: nowrap; vertical-align: middle; line-height: 19px } a>.e_title.w_btn-001 .p_link:hover { text-decoration: underline; font-weight: bold; cursor: pointer; color: #60a9d7 } a>.e_title.w_btn-001 .p_link:active { color: #60a9d7; font-weight: 400 } a>.e_title.w_btn-001 .p_link:active { text-decoration: none; margin-top: 0 } .e_title.w_btn-001 .p_link .iconfont:before { display: inline-block; content: "" } .w_btn-001 { position: absolute; width: 150px; height: 50px } .w_btn-001 .p_CommonBtn { width: 100%; height: inherit; padding: 0 } .w_btn-001 .animated { width: 100%; height: 100% } .w_btn-001 .p_CommonBtn { border-style: solid } #c_public_htmlCode-15027824194501898 .foot_nav { text-align: left; font-family: Microsoft JhengHei; font-size: 15px } #c_public_htmlCode-15027824194501898 .foot_nav a { color: #888; transition-duration: 260ms } #c_public_htmlCode-15027824194501898 .foot_nav a:hover { color: #000; transition-duration: 260ms } #c_public_htmlCode-15027824194501898 { position: absolute; top: 54px; left: 357px; z-index: 5; width: 536px; height: 45px } #w_wbox-1502767579218 .p_wbox { background-image: url(/img/foot_bg.jpg); background-image-part-image: url(/img/foot_bg.jpg); background-repeat: no-repeat; background-attachment: fixed } #w_wbox-1502767579218 .p_MatteIcon .iconfont:before { content: '\e602' } #w_wbox-1502767579218>div { animation-name: bounceInUp; animation-duration: 2s; animation-delay: 0s; animation-fill-mode: both } #w_img-1502767854206 .p_link001 { height: calc(100%) } #w_img-1502767854206 .p_MatteIcon .iconfont:before { content: '\e602' } #w_img-1502767854206>div { animation-fill-mode: both } #w_wbox-1502767579218 { position: absolute; top: 5150px; left: -357px; z-index: 130; width: 1914px; height: 300px } #w_img-1502767854206 { position: absolute; top: 119px; left: 684px; z-index: 1; width: 546px; height: 61px } #c_nav_main-15024299542845452 .p_MatteIcon .iconfont:before { content: '\e602' } #c_nav_main-15024299542845452 { position: absolute; top: 4px; left: 334px; z-index: 106; width: 735px; height: 96px } #w_img-1502419549524 .p_link001 { height: calc(100%) } #w_img-1502419549524 .p_MatteIcon .iconfont:before { content: '\e602' } #w_img-1502419549524>div { animation-fill-mode: both } #w_btn-1502422652050 .p_CommonBtn { background-color: rgba(0, 0, 0, 0); border-color: rgba(25, 133, 133, 1); width: 130px; width-and-width-uint: 130px; height: 40px; height-and-height-uint: 40px; width-and-height: custom; border-radius: 40px; font-family: Microsoft JhengHei; font-size: 15px; color: rgba(25, 133, 133, 1); position: relative } #w_btn-1502422652050 .p_CommonBtn:hover { background-color: rgba(25, 133, 133, 1); box-shadow: 0 0 30px #198683 !important; color: rgba(255, 255, 255, 1); transition-duration: 260ms } #w_btn-1502422652050 .p_MatteIcon .iconfont:before { content: '\e602' } #w_btn-1502422652050>div { animation-fill-mode: both } #w_bbox-1502782690662 .p_MatteIcon .iconfont:before { content: '\e602' } #w_bbox-1502782690662>div { animation-fill-mode: both } #w_img-1502767883763 .p_link001 { height: calc(100%) } #w_img-1502767883763 .p_MatteIcon .iconfont:before { content: '\e602' } #w_img-1502767883763>div { animation-fill-mode: both } #w_hline-1502768189356 .p_HLine { border-top-color: rgba(209, 209, 209, 1); border-top-style: solid; border-top-width: 1px } #w_hline-1502768189356 .p_MatteIcon .iconfont:before { content: '\e602' } #w_hline-1502768189356>div { animation-fill-mode: both } #w_img-1502419549524 { position: absolute; top: 22px; left: 3px; z-index: 103; width: 191px; height: 61px } #w_btn-1502422652050 { position: absolute; top: 28px; left: 1069px; z-index: 102; width: 150px; height: 50px } #w_bbox-1502782690662 { position: absolute; top: 1414px; left: -357px; z-index: 101; width: 1914px; height: 159px } #w_img-1502767883763 { position: absolute; top: 38px; left: 1363px; z-index: 1; width: 191px; height: 61px } #w_common_text-1502767980341 { position: absolute; top: 77px; left: 1035px; z-index: 3; width: 302px; height: 38px } #w_hline-1502768189356 { position: absolute; top: 55px; left: 1080px; z-index: 4; width: 257px; height: 9px } #w_common_text-1502767955133 { position: absolute; top: 46px; left: 1036px; z-index: 2; width: 89px; height: 20px }.e_AllWBox-001{ width: 490px; height: 39px; background-color:rgba(77,144,203,1); } .w_bbox-001 .p_wbox{ background-color: rgba(255,255,255,1); } .w_bbox-001 .w_bbox-001 .p_wbox { margin-top: 20px; }.w_bbox-001{ position:absolute; width:100%; height:120px; } #w_bbox-1511156107296{ height: 350px!important; }.w_rbox-001{ position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%; /* height: 100%;*/ } #w_rbox-1528971897919{ border: 2px solid #0170c1; } #content_box-1514282288547,#content_box-1531711577101,#content_box-1531710120737,#content_box-1531711534917,#content_box-1531713028327,#content_box-1531721304762,#content_box-1531722105391,#content_box-1531723501163,#content_box-1531723974783,#content_box-1531724503339,#content_box-1531725038618,#content_box-1531726644214,#content_box-1531727315753,#content_box-1531729582912,#content_box-1531731065376,#content_box-1531733755464{ /* border-top:90px solid #fff; border-radius:0px 0px 5px 5px; background: linear-gradient(#f8f8f8,#eee);*/ }.w_img-002 .p_title{ display:inline-table; margin:0; min-width:37px; padding:0; color:rgba(51,51,51,1); font-size:16px; font-weight:400; cursor:pointer; } .w_img-002 .p_title .font{ vertical-align:middle; line-height: 21px; } .w_img-002 .p_title:hover{ color:rgba(87,177,173,1); } .w_img-002 .p_title:active{ color:rgba(69,165,161,1); } .w_img-002 .p_title .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_dimage{ padding:0; border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; overflow: hidden; } .w_img-002 .p_dimage:hover{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .w_img-002 .p_dimage:active{ border-width:0px; border-style:solid; border-color:rgba(228,228,228,1); background-color: transparent; } .e_title.w_img-002 .p_link002{ display:inline-block; padding:0; color:#707070; font-size:14px; text-align:left; } .e_title.w_img-002 .p_link002{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link002:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link002:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link002:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link002 .iconfont:before{ display: inline-block; content:""; } .e_title.w_img-002 .p_link001{display:inline-block;padding:0;color:#707070;font-size:14px;text-align:left;height:calc(100%); } .e_title.w_img-002 .p_link001{ white-space:nowrap; vertical-align:middle; line-height: 19px; } a>.e_title.w_img-002 .p_link001:hover{ text-decoration:underline; font-weight:bold; cursor:pointer; color: #60a9d7; } a>.e_title.w_img-002 .p_link001:active{ color:#60a9d7; font-weight:400; } a>.e_title.w_img-002 .p_link001:active{ text-decoration:none; margin-top:0; } .e_title.w_img-002 .p_link001 .iconfont:before{ display: inline-block; content:""; } .w_img-002 .p_box{ margin:0; width: 236px; height:317px; padding:0; border-width:1px; border-style: none; border-color:rgba(228,228,228,0); background-color:transparent; overflow: hidden; } .w_img-002{position:absolute; width:300px; height:249px; } .w_img-002 .animated{ width:100%; height:100%; } .w_img-002 .font { white-space: nowrap; } .w_img-002 .p_link001{ width:100%; height:calc(100%); } .w_img-002 .p_link002{ width:100%; height:30px; } .w_img-002 .p_box{ width: 100%; height: 100%; text-align:center; } .w_img-002 .p_dimage{ height: inherit; overflow: hidden; font-size: 0; } .w_img-002 .e_image:hover:after { background: transparent; }.w_img-002 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_img-002 >div{animation-fill-mode:both; }#c_nav_main-15276683288328864 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_nav_main-15276683288328864{ position:absolute; top:0px; left:356px; z-index:1; width:1200px; height:50px; } #c_public_htmlCode-15524599917579398{ position:absolute; top:69px; left:1830px; z-index:11; width:50px; height:50px; } #w_wbox-1510915282490 .p_wbox{ background-color:rgba(241, 241, 241, 1); border-bottom-color:rgba(230, 230, 230, 1); border-bottom-width:1px; } #w_wbox-1510915282490 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1510915282490 >div{ animation-fill-mode:both; } #w_wbox-1527663377454 .p_wbox{ background-color:#015ec2; } #w_wbox-1527663377454 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1527663377454 >div{ animation-fill-mode:both; } #w_bbox-1511156107296 .p_wbox{ background-image:url(/img/dbbqbj.jpg); background-image-part-image:url(/img/dbbqbj.jpg); background-repeat:repeat-x; background-position:bottom center; } #w_bbox-1511156107296 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_bbox-1511156107296 >div{ animation-fill-mode:both; } #w_rbox-1530501511743 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1530501511743 >div{ animation-fill-mode:both; } #w_rbox-1513999862928 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1513999862928 >div{ animation-fill-mode:both; } #w_img-1530501511775 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1530501511775 >div{ animation-fill-mode:both; } #w_img-1510976295016 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1510976295016 >div{ animation-fill-mode:both; } #w_vline-1552438768670 .p_Vline{ border-left-color:rgba(211, 211, 211, 1); border-left-style:solid; } #w_vline-1552438768670 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_vline-1552438768670 >div{ animation-fill-mode:both; } #w_common_text-1513999862992 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1513999862992 >div{ animation-fill-mode:both; } #w_img-1513999862962 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1513999862962 >div{ animation-fill-mode:both; } #w_img-1511156972401 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1511156972401 >div{ animation-fill-mode:both; } #w_common_text-1511157038035 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1511157038035 >div{ animation-fill-mode:both; } #w_wbox-1510915282490{ position:absolute; top:0px; left:-356px; z-index:9999; width:1912px; height:35px; } #w_wbox-1527663322355{ position:absolute; top:35px; left:-356px; z-index:9999; width:1912px; height:150px; } #w_wbox-1527663377454{ position:absolute; top:185px; left:-356px; z-index:9999; width:1912px; height:50px; } #w_bbox-1511156107296{ position:absolute; top:5087px; left:-356px; z-index:999; width:1912px; height:350px; } #w_rbox-1530501511743{ position:absolute; top:11px; left:1299px; z-index:8; width:268px; height:128px; } #w_rbox-1513999862928{ position:absolute; top:65px; left:1151px; z-index:107; width:100px; height:145px; } #w_rbox-1511157133677{ position:absolute; top:65px; left:1031px; z-index:101; width:100px; height:145px; } #w_common_text-1510974351638{ position:absolute; top:8px; left:956px; z-index:3; width:600px; height:19px; } #w_common_text-1510974305269{ position:absolute; top:7px; left:356px; z-index:1; width:600px; height:19px; } #w_img-1530501511775{ position:absolute; top:39px; left:0px; z-index:1; width:36px; height:45px; } #w_common_text-1530501511794{ position:absolute; top:35px; left:53px; z-index:2; width:101px; height:19px; } #w_common_text-1530501511811{ position:absolute; top:58px; left:53px; z-index:3; width:218px; height:34px; } #w_img-1510976295016{ position:absolute; top:31px; left:356px; z-index:3; width:94px; height:85px; } #w_vline-1552438768670{ position:absolute; top:35px; left:469px; z-index:9; width:10px; height:80px; } #w_common_text-1552438880221{ position:absolute; top:34px; left:496px; z-index:10; width:436px; height:78px; } #w_common_text-1513999862992{ position:absolute; top:113px; left:0px; z-index:169; width:100px; height:20px; } #w_img-1513999862962{ position:absolute; top:0px; left:0px; z-index:168; width:100px; height:100px; } #w_img-1511156972401{ position:absolute; top:0px; left:0px; z-index:1; width:100px; height:100px; } #w_common_text-1511157038035{ position:absolute; top:114px; left:0px; z-index:2; width:100px; height:20px; } #w_common_text-1527731140101{ position:absolute; top:65px; left:490.188px; z-index:115; width:110px; height:185px; } #w_common_text-1527731170820{ position:absolute; top:65px; left:623.391px; z-index:116; width:110px; height:152px; } #w_common_text-1527731350464{ position:absolute; top:65px; left:758.594px; z-index:117; width:110px; height:119px; } #w_common_text-1527731401634{ position:absolute; top:65px; left:892.797px; z-index:118; width:110px; height:119px; } #w_common_text-1514000100302{ position:absolute; top:65px; left:1298px; z-index:121; width:257px; height:157px; } #w_common_text-1545646942811{ position:absolute; top:311px; left:1121.5px; z-index:122; width:433px; height:19px; } #w_common_text-1511158031208{ position:absolute; top:311px; left:356px; z-index:103; width:711px; height:19px; } #w_common_text-1511156463888{ position:absolute; top:65px; left:356px; z-index:106; width:110px; height:201px; }