.e_IndexOrdinaryStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .e_IndexOrdinaryStyleBox-001 .stylebox_top{ background-color: transparent; }  .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_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; }.c_nav_main-21002{position:absolute; width:1090px; height:200px; overflow:hidden;} nav { width: 100%; } ul { margin: 0px; padding: 0px; list-style: none; } ul.dropdown { position: relative; width: 100%; } ul.dropdown li {font-weight: bold;float: left;width: auto;height: auto !important;position: relative;background: none;} ul.dropdown a:hover { color: #000; } ul.dropdown li a {display: block;padding: 0px 0px;color: #fff;position: relative;z-index: 2000;padding-right: 10px;font-size: 14px;text-align: center;text-decoration: none;font-weight: 300;transition:0.5s all;} ul.dropdown li a:hover, ul.dropdown li a.hover { background:none; position: relative; color: #fff; } ul.dropdown ul { display: none; position: absolute; top: 0; left: 0; width: 180px; z-index: 1000; } ul.dropdown ul li { font-weight: normal; background: #f6f6f6; color: #000; border-bottom: 1px solid #ccc; } ul.dropdown ul li a { display: block; color: #34495e !important; background: #eee !important; } ul.dropdown ul li a:hover { display: block; background:none !important; color: #fff !important; } .drop > a { position: relative; } .drop > a i:after { content: ""; position: absolute; right: 10px; top: 45%; border-left: 5px solid transparent; border-top: 5px solid #333; border-right: 5px solid transparent; z-index: 999; } .drop > a:hover i:after { content: ""; border-left: 5px solid transparent; border-top: 5px solid #fff; border-right: 5px solid transparent; }.c_nav_main-21002005 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_nav_main-21002 .p_MatteIcon .iconfont:before{content:'\e602'; }.cls { clear: both; } .menu { height: 80px; display: block; padding: 0px; margin-right: auto; margin-left: auto; } .menu ul { list-style: none; padding: 0; margin: 0; } .menu ul li { float: left; overflow: hidden; position: relative; line-height: 80px; text-align: center; } .menu ul li a { position: relative; display: block; width: 100px; height: 80px; font-size: 14px; text-decoration: none; cursor: pointer; } .menu ul li a span { position: absolute; left: 0; width: 100px; } .menu ul li a span.out { top: 0px; } .menu ul li a span.over, .menu ul li a span.bg { top: -80px; } #menu2 { background: none; } #menu2 ul li a { color: #333; } #menu2 ul li a span.over { color: #fff; background-color: #ff6305; }.c_nav_main-13002 .p_MatteIcon .iconfont:before{content:'\e602'; }.c_nav_main-13002{width:540px; height:80px; position:absolute; }.c_search_total-02001{ width: 890px; height: auto; font-size: 0; position: absolute; top: 20px; left: 50px; } .c_search_total-02001 .p_contentBox{ width: auto; height: auto; overflow: visible; white-space: nowrap; padding: 0; border: 1px #ccc solid; margin: 0; border-radius: 20px; background-color: transparent; position: relative; } .c_search_total-02001 .p_searchBox{ width: auto; height: auto; display: inline-block; vertical-align: middle; overflow: visible; padding: 0; margin: 0; border-width: 1px; border-style: none; border-color: rgba(228,228,228,0); background-color: transparent; position: relative; } .c_search_total-02001 .p_searchBox .p_input{ width: 150px; display: inline-block; height: 30px; vertical-align: middle; color: inherit; position: relative; font-size: 14px; } .c_search_total-02001 .p_searchBox .p_input .last{ display: none; } .c_search_total-02001 .p_searchBox .p_input .forward{ display: none; } .c_search_total-02001 .p_searchBox .p_input .forward:before{ content: "\e6d5"; color: #797979; } .i_buttonText { display:none; } .c_search_total-02001 .p_searchBtn{ width: auto; height: 30px; display: inline-block; vertical-align: middle; font-size: 14px; color: #666; border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: none; text-align: center; padding-top: 0; padding-right: 20px; padding-left: 20px; position: inherit; margin: 0; padding: 0 10px; cursor: pointer; font-family: inherit; font-weight: inherit; text-decoration: none; background-size: 100% 100%; } .c_search_total-02001 .p_searchBtn .iconfont{ margin-right: 5px; } .c_search_total-02001 .p_searchBtn .font{ display: table-cell; vertical-align: middle; bottom: 0; height: inherit; color: inherit; font-family: inherit; font-weight: inherit; font-size: inherit; text-decoration: none; position: relative; text-align: center; } .c_search_total-02001 .p_searchBtn .iconfont:before{ content: "\e661"; } .c_search_total-02001 .p_input input, .c_search_total-01001 .p_input .InputText { display: inline-block; height: 100%; width: inherit; line-height: inherit; border-width: 0px; border-style: solid; background: none; border-color: #f0f0f0; padding-left: 5px; padding-right: 5px; } .c_search_total-02001 .p_select{ height: auto; position: relative; font-size: 0; display: inline-block; width: auto; vertical-align: middle; margin-left: -1px; } .c_search_total-02001 .p_select input{ width: 75px; height: 30px; border: 1px solid rgba(240, 240, 240, 1); line-height: 30px; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 12px; padding-left: 5px } .c_search_total-02001 .p_select input:hover{ background-color: rgb(240, 248, 250); color: rgb(100, 190, 186); } .c_search_total-02001 .p_select input:hover + .shape{ background-color: rgb(240, 248, 250); } .c_search_total-02001 .p_select .shape { display: inline-block; width: 30px; height: 30px; position: absolute; right: 0; line-height: 30px; background-color: #fafafa; text-align: center; border: 1px solid rgba(240, 240, 240, 1); border-left: none; font-size: 12px; color: rgba(200, 200, 200, 1); } .c_search_total-02001 .p_select .shape:before { content: "\e6c9"; } .c_search_total-02001 .p_select .shape:hover { color: #65beba; } .c_search_total-02001 .p_select .itembox { height: auto; width: 100%; position: absolute; top: 30px; left: 0px; border: 1px solid rgba(240, 240, 240, 1); border-top: 0; overflow-y: auto; z-index: 99; background-color: #fff; font-size: 12px; max-height: 180px; } .c_search_total-02001 .p_select li { width: auto; height: 30px; line-height: 30px; display: block; text-align: center; } .c_search_total-02001 .p_select li:hover{ background-color: rgb(240, 248, 250); color: rgb(100, 190, 186); } .c_search_total-02001 .p_select li i img{ display: none; }.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_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-15533056618573761 .p_MatteIcon .iconfont:before{ content:'\e602'; }#c_nav_main-15533056618573761{ position:absolute; top:36px; left:360px; z-index:2; width:480px; height:19px; } #c_nav_main-15530927992395354 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_nav_main-15530927992395354{ position:absolute; top:0px; left:640px; z-index:3; width:713px; height:80px; } #c_search_total-15530934471009015 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_search_total-15530934471009015 >div{ animation-fill-mode:both; } #c_search_total-15530934471009015 .p_product .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_search_total-15530934471009015 .p_info .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_search_total-15530934471009015 .p_recruit .iconfont:before{ shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; } #c_search_total-15530934471009015{ position:absolute; top:25px; left:1370px; z-index:4; width:190px; height:33px; } #w_wbox-1553092721575 .p_wbox{ background-color:rgba(0, 139, 204, 1); } #w_wbox-1553092721575 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1553092721575 >div{ animation-fill-mode:both; } #w_bbox-1553305463186 .p_wbox{ background-color:rgba(51, 51, 51, 1); } #w_bbox-1553305463186 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_bbox-1553305463186 >div{ animation-fill-mode:both; } #w_wbox-1553092721575{ position:absolute; top:0px; left:-356px; z-index:105; width:1912px; height:35px; } #w_wbox-1553092738098{ position:absolute; top:35px; left:-356px; z-index:104; width:1912px; height:80px; } #w_bbox-1553305463186{ position:absolute; top:2513px; left:-356px; z-index:103; width:1912px; height:135px; } #w_img-1553093400367{ position:absolute; top:0px; left:1413px; z-index:1; width:143px; height:35px; } #w_img-1553092743139{ position:absolute; top:0px; left:360px; z-index:1; width:140px; height:80px; } #w_common_text-1553305505787{ position:absolute; top:61px; left:360px; z-index:1; width:426px; height:38px; } #w_img-1553305813116{ position:absolute; top:12.5px; left:1354px; z-index:3; width:90px; height:90px; } #w_img-1553305841276{ position:absolute; top:12.5px; left:1466px; z-index:4; width:90px; height:90px; } #w_common_text-1553305869410{ position:absolute; top:105.5px; left:1354px; z-index:5; width:90px; height:19px; } #w_common_text-1553305888295{ position:absolute; top:105.5px; left:1466px; z-index:6; width:90px; height:19px; }