@charset "UTF-8";@charset "UTF-8";@CHARSET "UTF-8"; *{ padding: 0; margin: 0; } .pagebox{ width: 100%; }/*page property_start*/.pagebox,#-remove--flag{width:100%; margin:0px auto; }/*page property_end*//*page property_start*/body,#-remove--flag{}/*page property_end*/ #c_xibDkBanner_list-15506542637896403 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkBanner_list-15506542637896403 .banner_map{ padding:50px 0; } #c_xibDkBanner_list-15506542637896403 .banner_map_w1280{ width:1280px; margin:0 auto; } #c_xibDkBanner_list-15506542637896403 .banner_map_con{ position:relative; } #c_xibDkBanner_list-15506542637896403 .banner_map_img{ width:100%; height:0; padding-bottom:15.62%; overflow:hidden; } #c_xibDkBanner_list-15506542637896403 .banner_map_img > img{ width:100%; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkBanner_list-15506542637896403 .banner_map_text{ width:100%; height:100%; position:absolute; left:0; top:0; } #c_xibDkBanner_list-15506542637896403 .banner_map_text .banner_text{ color:#fff; position:absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); } #c_xibDkBanner_list-15506542637896403 .banner_map_text > h2.banner_text{ left:90px; font-size:36px; } #c_xibDkBanner_list-15506542637896403 .banner_map_text > h2:after{ content:''; display:block; width:75px; height:1px; background-color:rgba(255,255,255,.5); margin-top:30px; } #c_xibDkBanner_list-15506542637896403 .banner_map_text > div.banner_map_right{ right:90px; font-size:16px; text-align:right; } @media only screen and (max-width: 1300px){ #c_xibDkBanner_list-15506542637896403 .banner_map_w1280 { width: 100%; padding: 0 20px; } } @media only screen and (max-width: 768px){ #c_xibDkBanner_list-15506542637896403 .banner_map_text > h2.banner_text { left: 50px; font-size: 30px; } #c_xibDkBanner_list-15506542637896403 .banner_map_text > h2:after { margin-top: 10px; } #c_xibDkBanner_list-15506542637896403 .banner_map_text > div.banner_map_right{ right: 50px; } } @media only screen and (max-width: 767px){ #c_xibDkBanner_list-15506542637896403 .banner_map_w1280 { padding: 0; } } @media only screen and (max-width: 490px){ #c_xibDkBanner_list-15506542637896403 .banner_map { padding: 0 0 20px; } #c_xibDkBanner_list-15506542637896403 .banner_map_img { padding-bottom: 41.24%; } #c_xibDkBanner_list-15506542637896403 .banner_map_text > h2.banner_text { left: 20px; font-size: 28px; } #c_xibDkBanner_list-15506542637896403 .banner_map_text > div.banner_map_right{ right: 20px; font-size: 12px; } #c_xibDkBanner_list-15506542637896403 .banner_map_text > h2:after { height: 2px; } } #c_xibDkBanner_list-15506542637896403{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_xibDkColumn_list-15506550782311394 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkColumn_list-15506550782311394 .web_nav_box{ padding:50px 0; } #c_xibDkColumn_list-15506550782311394 .web_nav_con{ position:relative; } #c_xibDkColumn_list-15506550782311394 .web_nav_con > h3{ width:185px; height:54px; background-color:#f2f2f2; font-size:24px; color:#333; text-align:center; line-height:54px; position:relative; top:10px; } #c_xibDkColumn_list-15506550782311394 .web_nav_con > .web_nav_inner{ border:1px solid #f2f2f2; padding:57px 0 51px; } #c_xibDkColumn_list-15506550782311394 .web_nav_con > .web_nav_inner > .web_nav_list{ text-align:left; font-size:18px; float:left; position:relative; line-height:36px; height:36px; overflow:hidden; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkColumn_list-15506550782311394 .web_nav_con > .web_nav_inner > .web_nav_list > a{ color:#333; padding:0 45px; } #c_xibDkColumn_list-15506550782311394 .web_nav_sanji{ width:100%; position:absolute; left:45px; top:36px; font-size:16px; } #c_xibDkColumn_list-15506550782311394 .web_nav_sanji > li > a{ color:#999999; } #c_xibDkColumn_list-15506550782311394 .web_nav_con:hover > h3{ background-color:#9bc244; } #c_xibDkColumn_list-15506550782311394 .web_nav_con:hover > h3 > a{ color:#fff; transition:all 0s; -webkit-transition:all 0s; -ms-transition:all 0s; -o-transition:all 0s; } #c_xibDkColumn_list-15506550782311394 .web_nav_con:hover > .web_nav_inner{ border:1px solid #9bc244; } #c_xibDkColumn_list-15506550782311394 .web_nav_con > .web_nav_inner .web_nav_list > a:hover{ color:#9bc244; } #c_xibDkColumn_list-15506550782311394 .web_nav_sanji > li > a:hover{ color:#9bc244; } #c_xibDkColumn_list-15506550782311394 .web_nav_pd{ padding:25px 0; } @media only screen and (max-width: 1024px){ #c_xibDkColumn_list-15506550782311394 .web_nav_con > .web_nav_inner > .web_nav_list > a { padding: 0 35px; } #c_xibDkColumn_list-15506550782311394 .web_nav_sanji { left: 35px; } } @media only screen and (max-width: 768px){ #c_xibDkColumn_list-15506550782311394 .web_nav_con > .web_nav_inner { padding: 27px 0 21px; } #c_xibDkColumn_list-15506550782311394 .web_nav_con > .web_nav_inner > .web_nav_list { height: auto; overflow: visible; } #c_xibDkColumn_list-15506550782311394 .web_nav_sanji { position: relative; top: 0; left: 35px; } } @media only screen and (max-width: 490px){ #c_xibDkColumn_list-15506550782311394 .web_nav_box { padding: 15px 0; } #c_xibDkColumn_list-15506550782311394 .web_nav_con > h3 { width: 135px; height: 44px; line-height: 44px; font-size: 18px; } #c_xibDkColumn_list-15506550782311394 .web_nav_con > .web_nav_inner { padding: 24px 0 17px; } #c_xibDkColumn_list-15506550782311394 .web_nav_con > .web_nav_inner > .web_nav_list { font-size: 16px; line-height: 26px; } #c_xibDkColumn_list-15506550782311394 .web_nav_con > .web_nav_inner > .web_nav_list > a { padding: 0 15px; } #c_xibDkColumn_list-15506550782311394 .web_nav_sanji { left: 15px; font-size: 14px; } #c_xibDkColumn_list-15506550782311394 .web_nav_pd { padding: 15px 0; } } @media only screen and (max-width: 320px){ #c_xibDkColumn_list-15506550782311394 .web_nav_con > h3 { width: 115px; font-size: 16px; } #c_xibDkColumn_list-15506550782311394 .web_nav_con > .web_nav_inner > .web_nav_list { font-size: 14px; } } #c_xibDkColumn_list-15506550782311394{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_xibDkColumn_list-15506547076763569 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkColumn_list-15506547076763569 .web_nav_box{ padding:50px 0; } #c_xibDkColumn_list-15506547076763569 .web_nav_con{ position:relative; } #c_xibDkColumn_list-15506547076763569 .web_nav_con > h3{ width:185px; height:54px; background-color:#f2f2f2; font-size:24px; color:#333; text-align:center; line-height:54px; position:relative; top:10px; } #c_xibDkColumn_list-15506547076763569 .web_nav_con > .web_nav_inner{ border:1px solid #f2f2f2; padding:57px 0 51px; } #c_xibDkColumn_list-15506547076763569 .web_nav_con > .web_nav_inner > .web_nav_list{ text-align:left; font-size:18px; float:left; position:relative; line-height:36px; height:36px; overflow:hidden; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkColumn_list-15506547076763569 .web_nav_con > .web_nav_inner > .web_nav_list > a{ color:#333; padding:0 45px; } #c_xibDkColumn_list-15506547076763569 .web_nav_sanji{ width:100%; position:absolute; left:45px; top:36px; font-size:16px; } #c_xibDkColumn_list-15506547076763569 .web_nav_sanji > li > a{ color:#999999; } #c_xibDkColumn_list-15506547076763569 .web_nav_con:hover > h3{ background-color:#9bc244; } #c_xibDkColumn_list-15506547076763569 .web_nav_con:hover > h3 > a{ color:#fff; transition:all 0s; -webkit-transition:all 0s; -ms-transition:all 0s; -o-transition:all 0s; } #c_xibDkColumn_list-15506547076763569 .web_nav_con:hover > .web_nav_inner{ border:1px solid #9bc244; } #c_xibDkColumn_list-15506547076763569 .web_nav_con > .web_nav_inner .web_nav_list > a:hover{ color:#9bc244; } #c_xibDkColumn_list-15506547076763569 .web_nav_sanji > li > a:hover{ color:#9bc244; } #c_xibDkColumn_list-15506547076763569 .web_nav_pd{ padding:25px 0; } @media only screen and (max-width: 1024px){ #c_xibDkColumn_list-15506547076763569 .web_nav_con > .web_nav_inner > .web_nav_list > a { padding: 0 35px; } #c_xibDkColumn_list-15506547076763569 .web_nav_sanji { left: 35px; } } @media only screen and (max-width: 768px){ #c_xibDkColumn_list-15506547076763569 .web_nav_con > .web_nav_inner { padding: 27px 0 21px; } #c_xibDkColumn_list-15506547076763569 .web_nav_con > .web_nav_inner > .web_nav_list { height: auto; overflow: visible; } #c_xibDkColumn_list-15506547076763569 .web_nav_sanji { position: relative; top: 0; left: 35px; } } @media only screen and (max-width: 490px){ #c_xibDkColumn_list-15506547076763569 .web_nav_box { padding: 15px 0; } #c_xibDkColumn_list-15506547076763569 .web_nav_con > h3 { width: 135px; height: 44px; line-height: 44px; font-size: 18px; } #c_xibDkColumn_list-15506547076763569 .web_nav_con > .web_nav_inner { padding: 24px 0 17px; } #c_xibDkColumn_list-15506547076763569 .web_nav_con > .web_nav_inner > .web_nav_list { font-size: 16px; line-height: 26px; } #c_xibDkColumn_list-15506547076763569 .web_nav_con > .web_nav_inner > .web_nav_list > a { padding: 0 15px; } #c_xibDkColumn_list-15506547076763569 .web_nav_sanji { left: 15px; font-size: 14px; } } @media only screen and (max-width: 320px){ #c_xibDkColumn_list-15506547076763569 .web_nav_con > h3 { width: 115px; font-size: 16px; } #c_xibDkColumn_list-15506547076763569 .web_nav_con > .web_nav_inner > .web_nav_list { font-size: 14px; } } #c_xibDkColumn_list-15506547076763569{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_xibDkColumn_list-15506546918441671 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkColumn_list-15506546918441671 .web_nav_box{ padding:50px 0; } #c_xibDkColumn_list-15506546918441671 .web_nav_con{ position:relative; } #c_xibDkColumn_list-15506546918441671 .web_nav_con > h3{ width:185px; height:54px; background-color:#f2f2f2; font-size:24px; color:#333; text-align:center; line-height:54px; position:relative; top:10px; } #c_xibDkColumn_list-15506546918441671 .web_nav_con > .web_nav_inner{ border:1px solid #f2f2f2; padding:57px 0 51px; } #c_xibDkColumn_list-15506546918441671 .web_nav_con > .web_nav_inner > .web_nav_list{ text-align:left; font-size:18px; float:left; position:relative; line-height:36px; height:36px; overflow:hidden; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkColumn_list-15506546918441671 .web_nav_con > .web_nav_inner > .web_nav_list > a{ color:#333; padding:0 45px; } #c_xibDkColumn_list-15506546918441671 .web_nav_sanji{ width:100%; position:absolute; left:45px; top:36px; font-size:16px; } #c_xibDkColumn_list-15506546918441671 .web_nav_sanji > li > a{ color:#999999; } #c_xibDkColumn_list-15506546918441671 .web_nav_con:hover > h3{ background-color:#9bc244; } #c_xibDkColumn_list-15506546918441671 .web_nav_con:hover > h3 > a{ color:#fff; transition:all 0s; -webkit-transition:all 0s; -ms-transition:all 0s; -o-transition:all 0s; } #c_xibDkColumn_list-15506546918441671 .web_nav_con:hover > .web_nav_inner{ border:1px solid #9bc244; } #c_xibDkColumn_list-15506546918441671 .web_nav_con > .web_nav_inner .web_nav_list > a:hover{ color:#9bc244; } #c_xibDkColumn_list-15506546918441671 .web_nav_sanji > li > a:hover{ color:#9bc244; } #c_xibDkColumn_list-15506546918441671 .web_nav_pd{ padding:25px 0; } @media only screen and (max-width: 1024px){ #c_xibDkColumn_list-15506546918441671 .web_nav_con > .web_nav_inner > .web_nav_list > a { padding: 0 35px; } #c_xibDkColumn_list-15506546918441671 .web_nav_sanji { left: 35px; } } @media only screen and (max-width: 768px){ #c_xibDkColumn_list-15506546918441671 .web_nav_con > .web_nav_inner { padding: 27px 0 21px; } #c_xibDkColumn_list-15506546918441671 .web_nav_con > .web_nav_inner > .web_nav_list { height: auto; overflow: visible; } #c_xibDkColumn_list-15506546918441671 .web_nav_sanji { position: relative; top: 0; left: 35px; } } @media only screen and (max-width: 490px){ #c_xibDkColumn_list-15506546918441671 .web_nav_box { padding: 15px 0; } #c_xibDkColumn_list-15506546918441671 .web_nav_con > h3 { width: 135px; height: 44px; line-height: 44px; font-size: 18px; } #c_xibDkColumn_list-15506546918441671 .web_nav_con > .web_nav_inner { padding: 24px 0 17px; } #c_xibDkColumn_list-15506546918441671 .web_nav_con > .web_nav_inner > .web_nav_list { font-size: 16px; line-height: 26px; } #c_xibDkColumn_list-15506546918441671 .web_nav_con > .web_nav_inner > .web_nav_list > a { padding: 0 15px; } #c_xibDkColumn_list-15506546918441671 .web_nav_sanji { left: 15px; font-size: 14px; } } @media only screen and (max-width: 320px){ #c_xibDkColumn_list-15506546918441671 .web_nav_con > h3 { width: 115px; font-size: 16px; } #c_xibDkColumn_list-15506546918441671 .web_nav_con > .web_nav_inner > .web_nav_list { font-size: 14px; } } #c_xibDkColumn_list-15506546918441671{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_xibDkColumn_list-15506546143178995 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkColumn_list-15506546143178995 .web_nav_box{ padding:50px 0; } #c_xibDkColumn_list-15506546143178995 .web_nav_con{ position:relative; } #c_xibDkColumn_list-15506546143178995 .web_nav_con > h3{ width:185px; height:54px; background-color:#f2f2f2; font-size:24px; color:#333; text-align:center; line-height:54px; position:relative; top:10px; } #c_xibDkColumn_list-15506546143178995 .web_nav_con > .web_nav_inner{ border:1px solid #f2f2f2; padding:57px 0 51px; } #c_xibDkColumn_list-15506546143178995 .web_nav_con > .web_nav_inner > .web_nav_list{ text-align:left; font-size:18px; float:left; position:relative; line-height:36px; height:36px; overflow:hidden; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkColumn_list-15506546143178995 .web_nav_con > .web_nav_inner > .web_nav_list > a{ color:#333; padding:0 45px; } #c_xibDkColumn_list-15506546143178995 .web_nav_sanji{ width:100%; position:absolute; left:45px; top:36px; font-size:16px; } #c_xibDkColumn_list-15506546143178995 .web_nav_sanji > li > a{ color:#999999; } #c_xibDkColumn_list-15506546143178995 .web_nav_con:hover > h3{ background-color:#9bc244; } #c_xibDkColumn_list-15506546143178995 .web_nav_con:hover > h3 > a{ color:#fff; transition:all 0s; -webkit-transition:all 0s; -ms-transition:all 0s; -o-transition:all 0s; } #c_xibDkColumn_list-15506546143178995 .web_nav_con:hover > .web_nav_inner{ border:1px solid #9bc244; } #c_xibDkColumn_list-15506546143178995 .web_nav_con > .web_nav_inner .web_nav_list > a:hover{ color:#9bc244; } #c_xibDkColumn_list-15506546143178995 .web_nav_sanji > li > a:hover{ color:#9bc244; } #c_xibDkColumn_list-15506546143178995 .web_nav_pd{ padding:25px 0; } @media only screen and (max-width: 1024px){ #c_xibDkColumn_list-15506546143178995 .web_nav_con > .web_nav_inner > .web_nav_list > a { padding: 0 35px; } #c_xibDkColumn_list-15506546143178995 .web_nav_sanji { left: 35px; } } @media only screen and (max-width: 768px){ #c_xibDkColumn_list-15506546143178995 .web_nav_con > .web_nav_inner { padding: 27px 0 21px; } #c_xibDkColumn_list-15506546143178995 .web_nav_con > .web_nav_inner > .web_nav_list { height: auto; overflow: visible; } #c_xibDkColumn_list-15506546143178995 .web_nav_sanji { position: relative; top: 0; left: 35px; } } @media only screen and (max-width: 490px){ #c_xibDkColumn_list-15506546143178995 .web_nav_box { padding: 15px 0; } #c_xibDkColumn_list-15506546143178995 .web_nav_con > h3 { width: 135px; height: 44px; line-height: 44px; font-size: 18px; } #c_xibDkColumn_list-15506546143178995 .web_nav_con > .web_nav_inner { padding: 24px 0 17px; } #c_xibDkColumn_list-15506546143178995 .web_nav_con > .web_nav_inner > .web_nav_list { font-size: 16px; line-height: 26px; } #c_xibDkColumn_list-15506546143178995 .web_nav_con > .web_nav_inner > .web_nav_list > a { padding: 0 15px; } #c_xibDkColumn_list-15506546143178995 .web_nav_sanji { left: 15px; font-size: 14px; } } @media only screen and (max-width: 320px){ #c_xibDkColumn_list-15506546143178995 .web_nav_con > h3 { width: 115px; font-size: 16px; } #c_xibDkColumn_list-15506546143178995 .web_nav_con > .web_nav_inner > .web_nav_list { font-size: 14px; } } #c_xibDkColumn_list-15506546143178995{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_xibDkColumn_list-15506546187717993 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkColumn_list-15506546187717993 .web_nav_box{ padding:50px 0; } #c_xibDkColumn_list-15506546187717993 .web_nav_con{ position:relative; } #c_xibDkColumn_list-15506546187717993 .web_nav_con > h3{ width:185px; height:54px; background-color:#f2f2f2; font-size:24px; color:#333; text-align:center; line-height:54px; position:relative; top:10px; } #c_xibDkColumn_list-15506546187717993 .web_nav_con > .web_nav_inner{ border:1px solid #f2f2f2; padding:57px 0 51px; } #c_xibDkColumn_list-15506546187717993 .web_nav_con > .web_nav_inner > .web_nav_list{ text-align:left; font-size:18px; float:left; position:relative; line-height:36px; height:36px; overflow:hidden; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkColumn_list-15506546187717993 .web_nav_con > .web_nav_inner > .web_nav_list > a{ color:#333; padding:0 45px; } #c_xibDkColumn_list-15506546187717993 .web_nav_sanji{ width:100%; position:absolute; left:45px; top:36px; font-size:16px; } #c_xibDkColumn_list-15506546187717993 .web_nav_sanji > li > a{ color:#999999; } #c_xibDkColumn_list-15506546187717993 .web_nav_con:hover > h3{ background-color:#9bc244; } #c_xibDkColumn_list-15506546187717993 .web_nav_con:hover > h3 > a{ color:#fff; transition:all 0s; -webkit-transition:all 0s; -ms-transition:all 0s; -o-transition:all 0s; } #c_xibDkColumn_list-15506546187717993 .web_nav_con:hover > .web_nav_inner{ border:1px solid #9bc244; } #c_xibDkColumn_list-15506546187717993 .web_nav_con > .web_nav_inner .web_nav_list > a:hover{ color:#9bc244; } #c_xibDkColumn_list-15506546187717993 .web_nav_sanji > li > a:hover{ color:#9bc244; } #c_xibDkColumn_list-15506546187717993 .web_nav_pd{ padding:25px 0; } @media only screen and (max-width: 1024px){ #c_xibDkColumn_list-15506546187717993 .web_nav_con > .web_nav_inner > .web_nav_list > a { padding: 0 35px; } #c_xibDkColumn_list-15506546187717993 .web_nav_sanji { left: 35px; } } @media only screen and (max-width: 768px){ #c_xibDkColumn_list-15506546187717993 .web_nav_con > .web_nav_inner { padding: 27px 0 21px; } #c_xibDkColumn_list-15506546187717993 .web_nav_con > .web_nav_inner > .web_nav_list { height: auto; overflow: visible; } #c_xibDkColumn_list-15506546187717993 .web_nav_sanji { position: relative; top: 0; left: 35px; } } @media only screen and (max-width: 490px){ #c_xibDkColumn_list-15506546187717993 .web_nav_box { padding: 15px 0; } #c_xibDkColumn_list-15506546187717993 .web_nav_con > h3 { width: 135px; height: 44px; line-height: 44px; font-size: 18px; } #c_xibDkColumn_list-15506546187717993 .web_nav_con > .web_nav_inner { padding: 24px 0 17px; } #c_xibDkColumn_list-15506546187717993 .web_nav_con > .web_nav_inner > .web_nav_list { font-size: 16px; line-height: 26px; width:100%; } #c_xibDkColumn_list-15506546187717993 .web_nav_con > .web_nav_inner > .web_nav_list > a { padding: 0 15px; } #c_xibDkColumn_list-15506546187717993 .web_nav_sanji { left: 15px; font-size: 14px; } } @media only screen and (max-width: 320px){ #c_xibDkColumn_list-15506546187717993 .web_nav_con > h3 { width: 115px; font-size: 16px; } #c_xibDkColumn_list-15506546187717993 .web_nav_con > .web_nav_inner > .web_nav_list { font-size: 14px; } } #c_xibDkColumn_list-15506546187717993{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_xibDkColumn_list-15506546207489388 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkColumn_list-15506546207489388 .web_nav_box{ padding:50px 0; } #c_xibDkColumn_list-15506546207489388 .web_nav_con{ position:relative; } #c_xibDkColumn_list-15506546207489388 .web_nav_con > h3{ width:185px; height:54px; background-color:#f2f2f2; font-size:24px; color:#333; text-align:center; line-height:54px; position:relative; top:10px; } #c_xibDkColumn_list-15506546207489388 .web_nav_con > .web_nav_inner{ border:1px solid #f2f2f2; padding:57px 0 51px; } #c_xibDkColumn_list-15506546207489388 .web_nav_con > .web_nav_inner > .web_nav_list{ text-align:left; font-size:18px; float:left; position:relative; line-height:36px; height:36px; overflow:hidden; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkColumn_list-15506546207489388 .web_nav_con > .web_nav_inner > .web_nav_list > a{ color:#333; padding:0 45px; } #c_xibDkColumn_list-15506546207489388 .web_nav_sanji{ width:100%; position:absolute; left:45px; top:36px; font-size:16px; } #c_xibDkColumn_list-15506546207489388 .web_nav_sanji > li > a{ color:#999999; } #c_xibDkColumn_list-15506546207489388 .web_nav_con:hover > h3{ background-color:#9bc244; } #c_xibDkColumn_list-15506546207489388 .web_nav_con:hover > h3 > a{ color:#fff; transition:all 0s; -webkit-transition:all 0s; -ms-transition:all 0s; -o-transition:all 0s; } #c_xibDkColumn_list-15506546207489388 .web_nav_con:hover > .web_nav_inner{ border:1px solid #9bc244; } #c_xibDkColumn_list-15506546207489388 .web_nav_con > .web_nav_inner .web_nav_list > a:hover{ color:#9bc244; } #c_xibDkColumn_list-15506546207489388 .web_nav_sanji > li > a:hover{ color:#9bc244; } #c_xibDkColumn_list-15506546207489388 .web_nav_pd{ padding:25px 0; } @media only screen and (max-width: 1024px){ #c_xibDkColumn_list-15506546207489388 .web_nav_con > .web_nav_inner > .web_nav_list > a { padding: 0 35px; } #c_xibDkColumn_list-15506546207489388 .web_nav_sanji { left: 35px; } } @media only screen and (max-width: 768px){ #c_xibDkColumn_list-15506546207489388 .web_nav_con > .web_nav_inner { padding: 27px 0 21px; } #c_xibDkColumn_list-15506546207489388 .web_nav_con > .web_nav_inner > .web_nav_list { height: auto; overflow: visible; } #c_xibDkColumn_list-15506546207489388 .web_nav_sanji { position: relative; top: 0; left: 35px; } } @media only screen and (max-width: 490px){ #c_xibDkColumn_list-15506546207489388 .web_nav_box { padding: 15px 0; } #c_xibDkColumn_list-15506546207489388 .web_nav_con > h3 { width: 135px; height: 44px; line-height: 44px; font-size: 18px; } #c_xibDkColumn_list-15506546207489388 .web_nav_con > .web_nav_inner { padding: 24px 0 17px; } #c_xibDkColumn_list-15506546207489388 .web_nav_con > .web_nav_inner > .web_nav_list { font-size: 16px; line-height: 26px; width:50%; } #c_xibDkColumn_list-15506546207489388 .web_nav_con > .web_nav_inner > .web_nav_list > a { padding: 0 10px; } #c_xibDkColumn_list-15506546207489388 .web_nav_sanji { left: 10px; font-size: 14px; } } @media only screen and (max-width: 320px){ #c_xibDkColumn_list-15506546207489388 .web_nav_con > h3 { width: 115px; font-size: 16px; } #c_xibDkColumn_list-15506546207489388 .web_nav_con > .web_nav_inner > .web_nav_list { font-size: 14px; } } #c_xibDkColumn_list-15506546207489388{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; } #c_xibDkColumn_list-15506542827328067 .p_MatteIcon .iconfont:before{ content:'\e602'; } #c_xibDkColumn_list-15506542827328067 .web_nav_box{ padding:50px 0; } #c_xibDkColumn_list-15506542827328067 .web_nav_con{ position:relative; } #c_xibDkColumn_list-15506542827328067 .web_nav_con > h3{ width:185px; height:54px; background-color:#f2f2f2; font-size:24px; color:#333; text-align:center; line-height:54px; position:relative; top:10px; } #c_xibDkColumn_list-15506542827328067 .web_nav_con > .web_nav_inner{ border:1px solid #f2f2f2; padding:57px 0 51px; } #c_xibDkColumn_list-15506542827328067 .web_nav_con > .web_nav_inner > .web_nav_list{ text-align:left; font-size:18px; float:left; position:relative; line-height:36px; height:36px; overflow:hidden; transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; -o-transition:all .5s; } #c_xibDkColumn_list-15506542827328067 .web_nav_con > .web_nav_inner > .web_nav_list > a{ color:#333; padding:0 45px; } #c_xibDkColumn_list-15506542827328067 .web_nav_sanji{ width:100%; position:absolute; left:45px; top:36px; font-size:16px; } #c_xibDkColumn_list-15506542827328067 .web_nav_sanji > li > a{ color:#999999; } #c_xibDkColumn_list-15506542827328067 .web_nav_con:hover > h3{ background-color:#9bc244; } #c_xibDkColumn_list-15506542827328067 .web_nav_con:hover > h3 > a{ color:#fff; transition:all 0s; -webkit-transition:all 0s; -ms-transition:all 0s; -o-transition:all 0s; } #c_xibDkColumn_list-15506542827328067 .web_nav_con:hover > .web_nav_inner{ border:1px solid #9bc244; } #c_xibDkColumn_list-15506542827328067 .web_nav_con > .web_nav_inner .web_nav_list > a:hover{ color:#9bc244; } #c_xibDkColumn_list-15506542827328067 .web_nav_sanji > li > a:hover{ color:#9bc244; } #c_xibDkColumn_list-15506542827328067 .web_nav_pd{ padding:25px 0; } @media only screen and (max-width: 1024px){ #c_xibDkColumn_list-15506542827328067 .web_nav_con > .web_nav_inner > .web_nav_list > a { padding: 0 35px; } #c_xibDkColumn_list-15506542827328067 .web_nav_sanji { left: 35px; } } @media only screen and (max-width: 768px){ #c_xibDkColumn_list-15506542827328067 .web_nav_con > .web_nav_inner { padding: 27px 0 21px; } #c_xibDkColumn_list-15506542827328067 .web_nav_con > .web_nav_inner > .web_nav_list { height: auto; overflow: visible; } #c_xibDkColumn_list-15506542827328067 .web_nav_sanji { position: relative; top: 0; left: 35px; } } @media only screen and (max-width: 490px){ #c_xibDkColumn_list-15506542827328067 .web_nav_box { padding: 15px 0; } #c_xibDkColumn_list-15506542827328067 .web_nav_con > h3 { width: 135px; height: 44px; line-height: 44px; font-size: 18px; } #c_xibDkColumn_list-15506542827328067 .web_nav_con > .web_nav_inner { padding: 24px 0 17px; } #c_xibDkColumn_list-15506542827328067 .web_nav_con > .web_nav_inner > .web_nav_list { font-size: 16px; line-height: 26px; } #c_xibDkColumn_list-15506542827328067 .web_nav_con > .web_nav_inner > .web_nav_list > a { padding: 0 15px; } #c_xibDkColumn_list-15506542827328067 .web_nav_sanji { left: 15px; font-size: 14px; } } @media only screen and (max-width: 320px){ #c_xibDkColumn_list-15506542827328067 .web_nav_con > h3 { width: 115px; font-size: 16px; } #c_xibDkColumn_list-15506542827328067 .web_nav_con > .web_nav_inner > .web_nav_list { font-size: 14px; } } #c_xibDkColumn_list-15506542827328067{ width:auto; max-width:none; min-width:0px; height:auto; max-height:none; min-height:0px; margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-top:0px; padding-left:0px; padding-right:0px; padding-bottom:0px; }