.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); }.w_wbox-001{ position:absolute; width:100%; height:120px; }.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; }.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: 500px; display: inline-block; height: 45px; 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: 45px; 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: rgb(125, 163, 0); text-align: center; padding-top: 0; padding-right: 25px; padding-left: 25px; position: inherit; margin: 0; 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; }.c_nav_main-166003 .nav-menu { display: block; width: 100%; } .c_nav_main-166003 .nav-menu > li { display: inline; float: left; font-family: "Microsoft YaHei"; width:calc((100% - 10px) / 6); } .c_nav_main-166003 .nav-menu li a { color: #fff; display: block; text-decoration: none; -webkit-font-smoothing: antialiased; -moz-font-smoothing: antialiased; text-transform: capitalize; overflow: visible; line-height: 20px; font-size:15px; font-weight: bold; text-align: center; padding: 35px 0px 55px; } .c_nav_main-166003 .three-d { perspective: 500px;  position: relative; } .c_nav_main-166003 .three-d:not(.active):hover { cursor: pointer; } .c_nav_main-166003 .three-d:not(.active):hover .three-d-box, .three-d:not(.active):focus .three-d-box { transform: translateZ(-45px) rotateX(90deg); -ms-transform:translateZ(-45px) rotateX(90deg);  -moz-transform:translateZ(-45px) rotateX(90deg);  -webkit-transform:translateZ(-45px) rotateX(90deg);  -o-transform:translateZ(-45px) rotateX(90deg); } .c_nav_main-166003 .three-d-box { transition: all 0.5s cubic-bezier(0.165, 0.84, 0.44, 1); transform: translatez(-45px); -ms-transform:translatez(-45px); transform-style: preserve-3d; pointer-events: none; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .c_nav_main-166003 .front { transform: rotatex(0deg) translatez(45px); -ms-transform:rotatex(0deg) translatez(45px);  -moz-transform:rotatex(0deg) translatez(45px);  -webkit-transform:rotatex(0deg) translatez(45px);  -o-transform:rotatex(-90deg) translatez(45px); } .c_nav_main-166003 .back { transform: rotatex(-90deg) translatez(45px); -ms-transform:rotatex(-90deg) translatez(45px);  -moz-transform:rotatex(-90deg) translatez(45px);  -webkit-transform:rotatex(-90deg) translatez(45px);  -o-transform:rotatex(-90deg) translatez(45px); } .c_nav_main-166003 .front { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: transparent; padding: 35px 0px 55px; color: #fff; pointer-events: none; box-sizing: border-box; transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); } .c_nav_main-166003 .back { display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background:#7ca103; padding: 35px 0px 55px; color: #fff; pointer-events: none; opacity: 0; transition: background-color,opacity 0.3s cubic-bezier(0.165, 0.84, 0.44, 1); box-sizing: border-box; } .c_nav_main-166003 .nav-menu > li:hover .front{ opacity:0; } .c_nav_main-166003 .nav-menu > li:hover .back{opacity:1;} .nav-menu li .active .front, .nav-menu li .active .back, .nav-menu li a:hover .front, .nav-menu li a:hover .back {  background-size: 0px 0px; background-position: 0 0, 30px 30px;  } .c_nav_main-166003 .nav-menu ul { position: absolute; text-align: left; line-height: 40px; font-size: 14px; width: 200px; transition: all 0.3s ease-in; transform-origin: 0px 0px; transform: rotateX(-90deg); backface-visibility: hidden; } .c_nav_main-166003 .nav-menu > li:hover ul { display: block; transform: rotateX(0deg); } .c_nav_main-166003 .p_MatteIcon .iconfont:before{ content:'\e602'; } .c_nav_main-166003{ width:993px; height:100px; position:absolute; }.w_rbox-001{position:absolute; width:300px; height:300px; } .w_rbox-001 .p_stylebox{ width: 100%; }.w_rbox-001 .p_MatteIcon .iconfont:before{content:'\e602'; }.w_rbox-001 >div{animation-fill-mode:both; }.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; }.w_icons-001 .p_icon{ margin:0; width:inherit; height:inherit; color:rgba(102,102,102,1); } .w_icons-001 .p_icon .iconfont:before{ content: '\e754'; font-size: 50px; }.w_icons-001{ position:absolute; width:100px; height:100px; }#c_nav_main-15342247390394474{ position:absolute; top:0px; left:666px; z-index:102; width:776px; height:90px; }#c_search_total-15342964121712681 .p_MatteIcon .iconfont:before{content:'\e602'; }#c_search_total-15342964121712681 >div{animation-fill-mode:both; }#c_search_total-15342964121712681 .p_product .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_search_total-15342964121712681 .p_info .iconfont:before{shadow-angle:0px; shadow-distance:0px; shadow-angle-ofInset:0px; shadow-distance-ofInset:0px; }#c_search_total-15342964121712681{ position:absolute; top:18px; left:678px; z-index:2; width:591px; height:49px; } #w_wbox-1534215710001 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1534215710001 >div{ animation-fill-mode:both; } #w_wbox-1534296199718 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_wbox-1534296199718 >div{ animation-fill-mode:both; } #w_bbox-1590131440825 .p_wbox{ background-color:rgba(48, 48, 48, 1); margin-top:0px; } #w_bbox-1590131440825 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_bbox-1590131440825 >div{ animation-fill-mode:both; } #w_rbox-1590131440843 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1590131440843 >div{ animation-fill-mode:both; } #w_rbox-1534216637634 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_rbox-1534216637634 >div{ animation-fill-mode:both; } #w_rbox-1534216637634 >div>.p_rbox{ background-image:url(../image/yx2.png); background-image-part-image:url(../image/yx2.png); background-repeat:no-repeat; } #w_img-1580970556856 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1580970556856 >div{ animation-fill-mode:both; } #w_img-1580970588846 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1580970588846 >div{ animation-fill-mode:both; } #w_img-1534230191448 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_img-1534230191448 >div{ animation-fill-mode:both; } #w_common_text-1590131440925 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1590131440925 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_icons-1534218087748 .p_icon:before{ content:'\e661'; } #w_icons-1534218087748 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_icons-1534218087748 >div{ animation-fill-mode:both; } #w_icons-1534218087748 .p_icon{ color:rgba(255,255,255,1); } #w_hline-1590131440853 .p_HLine{ border-top-color:rgba(219, 219, 219, 0.17); border-top-style:solid; border-top-width:1px; } #w_hline-1590131440853 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_hline-1590131440853 >div{ animation-fill-mode:both; } #w_common_text-1590131440862 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1590131440862 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:0.6s; animation-fill-mode:both; } #w_common_text-1590131440882 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1590131440882 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:0.8s; animation-fill-mode:both; } #w_common_text-1590131440892 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1590131440892 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1590131440904 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1590131440904 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_common_text-1590131440915 .p_MatteIcon .iconfont:before{ content:'\e602'; } #w_common_text-1590131440915 >div{ animation-name:fadeInRight; animation-duration:1s; animation-delay:1s; animation-fill-mode:both; } #w_wbox-1534215710001{ position:fixed; top:0px; left:0px; bottom:auto; right:auto; transform:none; width:1872px; height:90px; z-index:120; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; -webkit-transform:none; } #w_wbox-1534296199718{ position:fixed; top:90px; left:0px; bottom:auto; right:auto; transform:none; width:1872px; height:80px; z-index:112; max-width:none; min-width:0px; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; -webkit-transform:none; } #w_bbox-1590131440825{ position:absolute; top:3236px; left:-296px; z-index:105; width:1872px; height:355px; } #w_rbox-1590131440843{ position:absolute; top:54px; left:317px; z-index:1; width:1280px; height:279px; } #w_rbox-1534216637634{ position:absolute; top:10px; left:317px; z-index:101; width:260px; height:70px; } #w_common_text-1577331589716{ position:absolute; top:30px; left:1525px; z-index:103; width:70px; height:38px; } #w_img-1580970556856{ position:absolute; top:34px; left:1526px; z-index:104; width:44px; height:22px; } #w_img-1580970588846{ position:absolute; top:34px; left:1573px; z-index:105; width:34px; height:22px; } #w_img-1534230191448{ position:absolute; top:-5px; left:-10px; z-index:1; width:260px; height:70px; } #w_common_text-1590131440925{ position:absolute; top:0px; left:974px; z-index:126; width:298px; height:195px; } #w_icons-1534218087748{ position:absolute; top:36px; left:1485px; z-index:100; width:22px; height:22px; } #w_hline-1590131440853{ position:absolute; top:232px; left:-373px; z-index:100; width:1976px; height:21px; } #w_common_text-1590131440862{ position:absolute; top:0.5px; left:24px; z-index:107; width:98px; height:164px; } #w_common_text-1590131440872{ position:absolute; top:253px; left:0px; z-index:109; width:1003px; height:35px; } #w_common_text-1590131440882{ position:absolute; top:0.5px; left:210px; z-index:113; width:110px; height:205px; } #w_common_text-1590131440892{ position:absolute; top:0px; left:395px; z-index:115; width:98px; height:128px; } #w_common_text-1590131440904{ position:absolute; top:0px; left:750px; z-index:119; width:98px; height:139px; } #w_common_text-1590131440915{ position:absolute; top:1.5px; left:567px; z-index:122; width:98px; height:128px; }