.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_SideMajorStyleBox-001{  width: 100%; height: auto; width-uint:%; }  .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); }.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: 130px;position: relative;background: #eee;} ul.dropdown a:hover { color: #000; } ul.dropdown li a { display: block; font-size: 14px; padding: 20px 8px; color: #000; position: relative; z-index: 2000; text-align: center; text-decoration: none; font-weight: 300; transition:0.5s all; } ul.dropdown li a:hover, ul.dropdown li a.hover { background: #311616; 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: #311616 !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'; }.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; 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{ 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: 220px; 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; } .c_search_total-02001 .p_searchBtn{ width: auto; height: 30px; display: inline-block; vertical-align: middle; font-size: 14px; color: rgba(255,255,255,1); border-width: 0; border-style: solid; border-color: rgba(255,255,255,0); background-color: rgba(101,190,186,1); 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: 1px; border-style: solid; 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_rbox-001{ position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%;  }.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-15361361057901679{ position:absolute; top:0px; left:356px; z-index:100; width:715px; height:350px; }#c_search_total-15363127252856977 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_search_total-15363127252856977 >div{animation-fill-mode:both; }#c_search_total-15363127252856977 .p_product .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_search_total-15363127252856977 .p_info .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_search_total-15363127252856977{ position:absolute; top:12px; left:1194px; z-index:101; width:362px; height:36px; } #w_wbox-1536132684634 .p_wbox{ background-color:#eee; background-size:100% 100%; } #w_wbox-1536132684634 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1536132684634 >div{ animation-fill-mode:both; } #w_bbox-1536288385018 .p_wbox{ background-color:rgba(34, 26, 26, 1); } #w_bbox-1536288385018 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_bbox-1536288385018 >div{ animation-fill-mode:both; } #w_rbox-1536541546163 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1536541546163 >div{ animation-fill-mode:both; } #w_rbox-1536541546163 div.w_rbox>.p_rbox{ background-color:rgba(255, 255, 255, 1); } #w_rbox-1536541546163 >div>.p_rbox{ background-image:url(/img/nav_bg.jpg?tenantId=95263&viewType=1); background-image-part-image:url(/img/nav_bg.jpg?tenantId=95263&viewType=1); background-size:100% 100%; } #w_img-1536284177328 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1536284177328 >div{ animation-fill-mode:both; } #w_img-1536287283545 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1536287283545 >div{ animation-name:fadeInRight; animation-duration:1.5s; animation-delay:1s; animation-fill-mode:both; } #w_img-1536541546367 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1536541546367 >div{ animation-fill-mode:both; } #w_wbox-1536132642025{ position:absolute; top:0px; left:-164px; z-index:118; width:1528px; height:100px; } #w_wbox-1536132684634{ position:absolute; top:100px; left:-164px; z-index:119; width:1528px; height:60px; } #w_bbox-1536288385018{ position:absolute; top:2886px; left:-164px; z-index:120; width:1528px; height:300px; } #w_rbox-1536541546123{ position:absolute; top:21px; left:355.016px; z-index:1; width:1200px; height:251px; } #w_rbox-1536541546163{ position:absolute; top:91px; left:0px; z-index:2147483647; width:1200px; height:58px; } #w_common_text-1536284290534{ position:absolute; top:45px; left:606px; z-index:105; width:268px; height:32px; } #w_img-1536284177328{ position:absolute; top:0px; left:399px; z-index:104; width:206px; height:103px; } #w_img-1536287283545{ position:absolute; top:28px; left:1214px; z-index:107; width:342px; height:64px; } #w_common_text-1536287504807{ position:absolute; top:29px; left:606px; z-index:103; width:198px; height:26px; } #w_common_text-1536541546307{ position:absolute; top:18.4688px; left:21.8125px; z-index:7; width:1170px; height:22px; } #w_img-1536541546367{ position:absolute; top:-2px; left:0px; z-index:2147483647; width:187px; height:93px; } #w_common_text-1536541546379{ position:absolute; top:29.9219px; left:197.984px; z-index:2147483647; width:330px; height:42px; } #w_common_text-1536541546200{ position:absolute; top:172.344px; left:3px; z-index:2147483647; width:1193px; height:55px; } #w_common_text-1536542346172{ position:absolute; top:45.9219px; left:632.984px; z-index:2147483647; width:568px; height:26px; }