body, button, dd, dl, dt, fieldset, form, h1, h2, h3, h4, h5, h6, hr, html, iframe, input, li, ol, p, pre, td, textarea, th, ul { margin: 0px; padding: 0px; }
dl, ol, ul { list-style-type: none; }
address, b, caption, cite, code, dfn, em, i, th, var { font-style: normal; font-weight: 400; }
button, input, optgroup, option, select, textarea { font-family: inherit; font-size: inherit; font-style: inherit; font-weight: inherit; }
button, input { overflow: visible; vertical-align: middle; outline: 0px none; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: 400; }
a, area { outline: 0px none; }
a:active, a:focus, a:hover { outline: 0px none; }
table { border-collapse: collapse; border-spacing: 0px; }
input[type="button"], input[type="submit"] { cursor: pointer; }
img { border: 0px none; vertical-align: middle; }
a img, img {  }
a { text-decoration: none; color: rgb(102, 102, 102); }
a:hover { text-decoration: none; }
body, button, input, select, td, textarea, th { font-family: Arial,"微软雅黑"; font-size: 12px; color: rgb(0, 0, 0); }
.clearLink, .clearLink:hover { cursor: text; text-decoration: none; }
.layout { width: 1200px; margin: 0px auto; clear: both; }
.clearfix::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; font-size: 0px; line-height: 0; }
body { min-width: 1220px; }
.slick-track::after, .slick-track::before { display: table; content: ""; }
.slick-track::after { clear: both; }
.header { z-index: 1000; background: rgb(255, 255, 255) none repeat scroll 0% 0%; left: 0px; right: 0px; top: 0px; }
.headerbox { background: rgb(255, 255, 255) none repeat scroll 0% 0%; position: relative; z-index: 1000; height: 106px; }
.header-msg, .logo { transition: padding-top 0.25s ease 0s; }
.header.an .header-msg, .header.an .logo { padding-top: 10px; margin-top: 0px; }
.header.an .logo img { margin-top: 13px; }
.header.an .nav li { line-height: 52px; }
.header.an { box-shadow: 0px 0px 5px 1px rgb(204, 204, 204); border-bottom: 1px solid rgb(238, 238, 238); }
.nav li { transition: line-height 0.25s ease 0s; }
.layout { width: 1200px; margin: 0px auto; }
.logo { margin-top: 13px; float: left; padding-top: 20px; }
.header-right { width: 900px; float: right; }
.header-msg { float: right; padding-top: 20px; line-height: 20px; }
.ph { float: left; font-size: 14px; margin-right: 18px; border-right: 1px solid rgb(243, 243, 243); color: rgb(0, 170, 246); }
.ph i { background: rgba(0, 0, 0, 0) url('../images/png_ph1.png') no-repeat scroll 0% 0%; display: inline-block; vertical-align: middle; width: 17px; margin-right: 11px; height: 17px; }
.ph em { margin-right: 25px; }
.nav { margin-right: -5px; float: right; }
.nav li { margin-left: 53px; float: left; line-height: 64px; }
.nav li > a { position: relative; font-size: 16px; display: block; padding: 0px 5px 2px; color: rgb(102, 102, 102); }
a { transition: color 0.2s ease 0s, background 0.2s ease 0s; }
.nav li:hover > a { color: rgb(0, 149, 226); }
.nav li .line { bottom: 0px; left: 0px; transition: all 0.2s ease 0s; width: 0px; height: 2px; background: rgb(0, 149, 226) none repeat scroll 0% 0%; position: absolute; }
.nav li:hover .line { width: 100%; }
.nav-sub { display: none; width: 100%; background: rgb(255, 255, 255) none repeat scroll 0% 0%; left: 0px; position: absolute; top: 100%; }
.nav-sub-box { width: 140px; background-position: right bottom; height: 300px; background-repeat: no-repeat; padding: 0px 20px; float: left; }
.nav-sub-box dl { padding-bottom: 6px; }
.nav-sub-box dd, .nav-sub-box dt { width: 100%; float: left; }
.nav-sub-box.i1 { margin-left: 40px; width: 190px; }
.nav-sub-box.i1 dd { width: 50%; }
.nav-sub-box dt { padding-top: 11px; margin-bottom: 14px; line-height: 60px; border-bottom: 1px solid rgb(233, 233, 233); }
.nav-sub-box dt a { color: rgb(102, 102, 102); display: block; font-size: 18px; font-weight: 700; }
.nav-sub-box dd { line-height: 26px; }
.nav-sub-box dd a { color: rgb(51, 51, 51); font-size: 12px; }
.nav-sub-box dd a:hover { border-bottom: 1px solid rgb(255, 255, 255); }
.nav-icon { display: inline-block; vertical-align: middle; margin-left: 6px; width: 26px; height: 12px; }
.nav-icon.hot { background-image: url('../images/png_hot1.png'); }
.nav-icon.new { background-image: url('../images/png_new1.png'); }
.nav-sub-box.b1 { background-color: rgb(252, 252, 252); }
.bannerplace a:hover, .j-name span a:hover, .nav-sub-box dd a:hover { color: rgb(0, 149, 226); }
.nav-sub-link a { border-radius: 2px; height: 30px; line-height: 30px; text-align: center; color: rgb(255, 255, 255); margin-top: 8px; display: block; }
.nav-sub-link .c1 { background: rgb(0, 195, 92) none repeat scroll 0% 0%; }
.nav-sub-link .c2 { background: rgb(0, 162, 255) none repeat scroll 0% 0%; }
.nav-sub-box.i1 { background-image: url('../images/n1_1.png'); }
.nav-sub-box.i2 { background-image: url('../images/n2_1.png'); }
.nav-sub-box.i3 { background-image: url('../images/n3_1.png'); }
.nav-sub-box.i4 { background-image: url('../images/n4_1.png'); }
.nav-sub-box.i5 { background-image: url('../images/n5_1.png'); }
.nav-sub-box.i6 { background-image: url('../images/n6_1.png'); }
.btnhover { transition: all 0.1s ease 0s; }
.btnhover:hover { box-shadow: 0px 0px 5px 1px rgb(255, 255, 255) inset; }
.nav-sub-box.i1:hover { background-image: url('../images/n1.png'); }
.nav-sub-box.i2:hover { background-image: url('../images/n2.png'); }
.nav-sub-box.i3:hover { background-image: url('../images/n3.png'); }
.nav-sub-box.i4:hover { background-image: url('../images/n4.png'); }
.nav-sub-box.i5:hover { background-image: url('../images/n5.png'); }
.nav-sub-box.i6:hover { background-image: url('../images/n6.png'); }
.nav-sub-box:hover dd a, .nav-sub-box:hover dt a { transition: all 0s ease 0s; }
.nav-sub-box:hover dd a, .nav-sub-box:hover dt a { color: rgb(255, 255, 255); }
.footer { background: rgb(22, 24, 26) url('../images/gui.png') no-repeat scroll center 132px; }
.footer-top { padding-top: 35px; }
.webmap { float: left; margin-right: 68px; }
.webmap dt { line-height: 53px; }
.webmap dt a { color: rgb(0, 149, 226); font-size: 16px; }
.webmap dd { line-height: 24px; }
.webmap dd a { color: rgb(102, 102, 102); font-size: 14px; }
.webmap dd a:hover { color: rgb(255, 255, 255); }
.ewm { margin-right: 13px; }
.nomr { margin-right: 0px !important; float: right; }
.footer-m { padding: 10px 0px 50px; }
.ad li { padding-right: 1.3%; float: left; width: 24%; }
.ad li i { float: left; padding-top: 52px; font-size: 18px; margin-right: 23px; margin-bottom: 5px; color: rgb(153, 153, 153); background-position: center top; background-repeat: no-repeat; line-height: 22px; }
.ad li .i1 { background-image: url('../images/png_adbg2.png'); }
.ad li .i2 { background-image: url('../images/png_adbg1.png'); }
.ad li .i3 { background-image: url('../images/home_foshan.png'); }
.ad li .i4 { background-image: url('../images/home-shanghai.jpg'); background-size: 28px auto; }
.ad li.last { padding-right: 0px; }
.ad li h5 { line-height: 37px; color: rgb(127, 127, 127); font-size: 30px; }
.ad li p { font-size: 14px; color: rgb(102, 102, 102); line-height: 20px; }
.footer-b { border-top: 1px solid rgb(34, 37, 40); padding: 10px 0px; line-height: 37px; }
.copyright { color: rgb(95, 95, 95); font-size: 12px; }
.sb_s1 { margin-left: 10px; vertical-align: middle; }
.enfont { font-family: 华文细黑; letter-spacing: 0.06em; transform: scale(1, 1.1); text-transform: uppercase; }
.kwicks-horizontal > :first-child { margin-left: 0px; }
.kwicks-vertical > :first-child { margin-top: 0px; }
.clumbo { background: rgb(255, 255, 255) none repeat scroll 0% 0%; border-bottom: 1px solid rgb(238, 238, 238); }
.clumbo .searchbo { overflow: hidden; font-size: 0px; float: right; width: 246px; height: 41px; border: 1px solid rgb(233, 233, 233); margin-top: 18px; border-radius: 5px; }
.clumbo .searchbo input { display: inline-block; width: 190px; line-height: 41px; height: 41px; font-size: 14px; border: medium none; padding-left: 20px; }
.clumbo .searchbo .submit { display: inline-block; padding: 0px; margin: 0px; background: rgba(0, 0, 0, 0) url('../images/searchboi.jpg') no-repeat scroll 0% 0%; width: 36px; height: 22px; }
.newslistbo .newSbo li:nth-child(4n) { margin-right: 0px; }
.nieslit li:nth-child(3n) { margin-right: 0px; }
.j-honor li:nth-child(4n) { margin-right: 0px; }
.sub_about .about_mian .a2 .mian ul li::before { display: block; position: absolute; content: ""; left: 10px; right: 11px; border-top: 1px solid rgb(112, 164, 205); }
.sub_about .about_mian .a2 .mian ul li::after { display: block; position: absolute; content: ""; left: 0px; top: -70px; }
.sub_about .about_mian .a2 .mian ul li:last-child::before { border: medium none; }
.sub_about .about_mian .a2 .mian ul li h6::before { display: block; position: absolute; content: ""; left: 19px; top: -10px; width: 21px; height: 21px; border: 1px solid rgb(112, 164, 205); border-radius: 50%; transition: all 0.5s ease 0s; }
.sub_about .about_mian .a2 .mian ul li h6::after { display: block; position: absolute; content: ""; left: 25px; top: -4px; width: 11px; height: 11px; border-radius: 50%; background: rgb(112, 164, 205) none repeat scroll 0% 0%; transition: all 0.5s ease 0s; }
.sub_about .about_mian .a2 .mian ul li span::before { display: block; position: absolute; left: 0px; bottom: 10px; content: ""; width: 1px; height: 118px; background: rgb(112, 164, 205) none repeat scroll 0% 0%; }
.sub_about .about_mian .a2 .mian ul li span::after { display: block; position: absolute; left: 0px; bottom: 128px; content: ""; width: 7px; height: 1px; background: rgb(112, 164, 205) none repeat scroll 0% 0%; }
.sub_about .about_mian .a2 .mian ul li span::before { transform: scaleY(0); transform-origin: center bottom 0px; transition: transform 150ms cubic-bezier(0.25, 0.74, 0.22, 0.99) 0s; }
.sub_about .about_mian .a2 .mian ul li span::after { transform: scaleX(0); transform-origin: left center 0px; transition: transform 150ms cubic-bezier(0.25, 0.74, 0.22, 0.99) 50ms; }
.sub_about .about_mian .a2 .mian ul li.on h6::before, .sub_about .about_mian .a2 .mian ul li:hover h6::before { border: 1px solid rgb(255, 255, 255); }
.sub_about .about_mian .a2 .mian ul li.on h6::after, .sub_about .about_mian .a2 .mian ul li:hover h6::after { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.sub_about .about_mian .a2 .mian ul li.on span::before, .sub_about .about_mian .a2 .mian ul li:hover span::before { background: rgb(255, 255, 255) none repeat scroll 0% 0%; transform: scaleY(1); transition-delay: 0s; }
.sub_about .about_mian .a2 .mian ul li.on span::after, .sub_about .about_mian .a2 .mian ul li:hover span::after { background: rgb(255, 255, 255) none repeat scroll 0% 0%; transform: scaleX(1); transition-delay: 150ms; }
.sub_about .about_mian .a2 .mian ul li.br span::after { left: auto; right: 100%; margin-right: -1px; transform-origin: right center 0px; }
.w_title h2::after { content: ""; display: block; width: 65px; height: 3px; font-family: 华文细黑; margin: 44px auto auto; background: rgb(0, 149, 226) none repeat scroll 0% 0%; }
.w_solutions .w_title h2::after { margin-top: 56px; }
.w_advantage::after { content: ""; clear: both; }
.w_advantage .w_icon_wrap li h1::after { content: ""; width: 45px; height: 3px; background: rgb(0, 149, 226) none repeat scroll 0% 0%; display: block; margin-top: 21px; }
.w_advantage .w_icon_wrap li:hover h1::after { background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.cap_1 .cap_tit .c_tit h4::before { position: absolute; left: 0px; bottom: 0px; width: 44px; height: 3px; content: ""; background: rgb(0, 166, 234) none repeat scroll 0% 0%; }
.bt { background: rgb(0, 0, 0) none repeat scroll 0% 0%; position: relative; }
.bt img { width: 100%; }
.bj-banner-wrap h5::after { content: ""; height: 3px; width: 44px; position: absolute; background: rgb(247, 176, 68) none repeat scroll 0% 0%; bottom: 0px; left: 0px; }
.clumbo.spe { float: left; transition: all 0.35s ease 0s; overflow: hidden; border: medium none; position: relative; margin-top: -8px; }
.clumbo.spe .searchbo { width: 150px; height: 31px; }
.clumbo.spe .searchbo input { height: 31px; padding-left: 10px; width: 108px; line-height: 31px; }
.clumbo.spe .searchbo .submit { padding-left: 0px; width: 26px; height: 22px; }
.clumbo.spe .searchbo { margin-top: 0px; }
.clumbo.spe form { width: 150px; }
.phbtn { float: left; width: 21px; height: 18px; background-image: url('../images/al3.png'); font-size: 12px; color: rgb(153, 153, 153); margin-left: 10px; }
.kefu { position: absolute; right: 3px !important; left: auto !important; top: 300px; z-index: 10000; }
.kefu .kfdiv { width: 63px; height: 63px; margin-bottom: 1px; cursor: pointer; color: rgb(255, 255, 255); text-align: center; margin-right: 0px; background: rgba(0, 0, 0, 0) url('../images/kefu.png') no-repeat scroll 0% 0%; }
.kefu .c2 { background-position: 0px 0px; position: relative; display: block; }
.kfQQ { width: 138px; margin-left: -77px; position: relative; margin-bottom: 1px; display: none; }
.kfQQ dt { height: 63px; background: rgba(0, 0, 0, 0) url('../images/ket.png') no-repeat scroll 0% 0%; }
.kfQQ dd { border-width: 1px 1px 3px; border-style: solid; border-color: rgb(220, 220, 220) rgb(220, 220, 220) rgb(8, 150, 222); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; width: 138px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.kfQQ dd span { padding-left: 14px; padding-bottom: 13px; font-size: 12px; text-align: left; display: block; color: rgb(92, 92, 92); }
.kfQQ dd span img { margin-right: 10px; width: 23px; height: 23px; vertical-align: middle; }
.kfQQ dd span a { color: rgb(119, 119, 119); display: block; padding-top: 8px; }
.kfQQ dd span a:hover { color: rgb(119, 119, 119); }
.kefu .c3 { background-position: 0px -64px; }
.cooperationLogo dd li img, .serviceClient dd li img, input, select, textarea { vertical-align: middle; }
.select-val::after { content: ""; display: inline-block; vertical-align: middle; margin: 0px 16px; width: 0px; height: 0px; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid rgb(238, 238, 238); }
.bjlc-t span:last-child::after { content: ""; position: absolute; right: -2px; top: 0px; width: 108px; height: 108px; background-image: url('../images/msgtit1.png'); }
.bjlc-t.on2 span:last-child::after { background-image: url('../images/msgtit2.png'); }
.bjlc-t.on3 span:last-child::after { background-image: url('../images/msgtit3.png'); }
.bc_seo_2_h::after { content: ""; height: 2px; width: 50px; position: absolute; background: rgb(59, 182, 235) none repeat scroll 0% 0%; left: 50%; margin-left: -25px; top: 120px; }
.bc_seo_5_h::after { content: ""; height: 2px; width: 50px; position: absolute; background: rgb(59, 182, 235) none repeat scroll 0% 0%; left: 50%; margin-left: -25px; top: 80px; }
.bc_seo_6_h::after { content: ""; height: 2px; width: 50px; position: absolute; background: rgb(59, 182, 235) none repeat scroll 0% 0%; left: 50%; margin-left: -25px; top: 110px; }
.sod_select .sod_list .selected::before { content: ""; position: absolute; right: 10px; top: 50%; transform: translateY(-50%); display: inline-block; color: rgb(128, 128, 128); height: 9px; width: 10px; background: rgba(0, 0, 0, 0) url('../images/undefined') repeat scroll 0% 0%; }
.sod_select.no_highlight .sod_list .selected::before { display: none; }
.header { transform: translateZ(0px); }
.xi_tover { display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.nav-sub { background: rgb(255, 255, 255) url('../images/xhxt.png') repeat-x scroll center top; box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.05); }
.nav-sub .xhicon { font-size: 0px; padding: 24px 0px; text-align: center; line-height: 1; }
.nav-sub .xhicon .img { height: 45px; line-height: 45px; font-size: 0px; margin: 10px auto 15px; }
.nav-sub .xhicon .img img { max-height: 100%; transition: all 0.25s ease 0s; }
.nav-sub .xhicon dd { display: inline-block; vertical-align: top; width: 109px; }
.nav-sub .xhicon dd p { font-size: 14px; color: rgb(102, 102, 102); line-height: 22px; transition: all 0.25s ease 0s; }
.nav-sub .xhicon dd:hover p { color: rgb(0, 149, 226); }
.nav-sub .xhicon dd:hover img { transform: translate3d(0px, -2px, 0px); }
.header.an .nav-sub .xhicon { padding: 18px 0px; }
.header.an .nav-sub .xhicon .img { margin-bottom: 10px; }
.xi_doetit { text-align: center; font-weight: 100; margin-bottom: 8px; font-size: 48px; color: rgb(204, 204, 204); line-height: 70px; transform: none; }
.xi_doctit { text-align: center; font-family: "黑体"; font-size: 40px; color: rgb(59, 153, 240); }
.xi_donplist .xi_doetit, .xi_donplist .xi_doctit, .xi_host_sup .xi_doetit, .xi_host_sup .xi_doctit, .xi_ema_fun .xi_doetit, .xi_ema_fun .xi_doctit, .xi_ema_pri .xi_doetit, .xi_ema_pri .xi_doctit { color: rgb(255, 255, 255); }
.xi_donpbox { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); margin-top: 55px; background: rgb(255, 255, 255) none repeat scroll 0% 0%; }
.xi_donp_top li { cursor: pointer; width: 50%; text-align: center; height: 80px; line-height: 80px; float: left; background: rgb(238, 238, 238) none repeat scroll 0% 0%; color: rgb(85, 85, 85); font-size: 18px; transition: all 0.25s ease 0s; }
.xi_donp_top li.on { background: rgb(255, 255, 255) none repeat scroll 0% 0%; color: rgb(59, 153, 240); }
.xi_donp_top li:hover { color: rgb(59, 153, 240); }
.xi_donp_bot { padding: 50px; }
.xi_donp_wrap table { width: 100%; }
.xi_donp_wrap th { border: 1px solid rgb(238, 238, 238); width: 33.3%; box-sizing: border-box; font-size: 16px; color: rgb(51, 51, 51); background: rgb(246, 246, 246) none repeat scroll 0% 0%; height: 50px; padding: 0px 30px; line-height: 50px; text-align: left; }
.xi_donp_wrap td { border: 1px solid rgb(238, 238, 238); font-size: 14px; color: rgb(85, 85, 85); padding: 12.5px 30px; height: 25px; line-height: 25px; }
.xi_donp_wrap tr span { color: rgb(0, 124, 239); }
.xi_donp_wrap .xi_price { border-right: medium none; color: rgb(230, 0, 10); }
.xi_donp_wrap .xi_price.gray { color: rgb(85, 85, 85); }
.xi_donp_wrap .xi_price em { font-size: 18px; }
.xi_donp_wrap .xi_new { color: rgb(230, 0, 10); }
.xi_donp_wrap .xi_new i { display: inline-block; vertical-align: middle; width: 26px; height: 13px; margin-left: 12px; background: rgba(0, 0, 0, 0) url('../images/xicon2.png') no-repeat scroll center center; }
.xi_donp_wrap .xi_hot { color: rgb(35, 156, 40); }
.xi_donp_wrap .xi_hot i { display: inline-block; vertical-align: middle; width: 26px; height: 13px; margin-left: 12px; background: rgba(0, 0, 0, 0) url('../images/xicon3.png') no-repeat scroll center center; }
.xi_donp_wrap tr th:first-child, .xi_donp_wrap tr td:first-child { border-left: medium none; }
.xi_donp_bot .xi_donp_wrap { display: none; opacity: 0.6; }
.xi_donp_bot .xi_donp_wrap:first-child { display: block; opacity: 1; }
.xi_doser li:nth-child(2n) { margin-right: 0px; }
.xi_ti_h2 span::before { content: ""; position: absolute; top: 50%; height: 1px; left: -380px; width: 380px; background: rgb(246, 246, 246) none repeat scroll 0% 0%; }
.xi_ti_h2 span::after { content: ""; position: absolute; top: 50%; height: 1px; right: -380px; width: 380px; background: rgb(246, 246, 246) none repeat scroll 0% 0%; }
.xi_tel_pac { overflow: hidden; padding: 50px 0px 65px; background: rgb(240, 240, 240) url('../images/xbg4.jpg') no-repeat scroll center top / cover ; }
.xi_tel_pac ul.clearfix { margin-top: 50px; width: 1230px; }
.xi_tel_pac .xi_li { float: left; margin-right: 30px; position: relative; padding: 55px 20px; text-align: center; width: 277px; height: 520px; box-sizing: border-box; border-top: 2px solid rgb(221, 221, 221); background: rgb(255, 255, 255) none repeat scroll 0% 0%; transition: all 0.25s ease 0s; }
.xi_tel_pac .xi_li:last-child { margin-right: 0px; }
.xi_tel_pac .xi_li::before { content: ""; position: absolute; left: 0px; top: -2px; width: 0px; height: 2px; background: rgb(59, 153, 240) none repeat scroll 0% 0%; transition: all 0.25s ease 0s; }
.xi_tel_pac .xi_li .xi_tit { width: 21px; height: 42px; display: block; position: absolute; left: 30px; top: -2px; }
.xi_tel_pac .xi_li.hot .xi_tit { background: rgba(0, 0, 0, 0) url('../images/xicon33.png') no-repeat scroll center center; }
.xi_tel_pac .xi_li.new .xi_tit { background: rgba(0, 0, 0, 0) url('../images/xicon34.png') no-repeat scroll center center; }
.xi_tel_pac .xi_li h2 { margin-bottom: 30px; font-size: 24px; color: rgb(51, 51, 51); font-weight: 100; }
.xi_tel_pac .xi_bpri { margin-bottom: 20px; color: rgb(230, 0, 10); }
.xi_tel_pac .xi_bpri em { vertical-align: middle; font-size: 60px; }
.xi_tel_pac .xi_bpri font { margin-left: 10px; font-size: 14px; width: 15px; word-break: break-all; overflow-wrap: break-word; display: inline-block; vertical-align: middle; line-height: 15px; }
.xi_pack_buy { border: medium none; margin-top: 52px; width: 100%; height: 50px; line-height: 50px; background: rgb(59, 153, 240) none repeat scroll 0% 0%; color: rgb(255, 255, 255); font-size: 18px; display: block; border-radius: 3px; transition: all 0.25s ease 0s; }
.xi_pack_buy:hover { box-shadow: 0px 0px 5px 1px rgb(237, 237, 237) inset; }
.xi_tel_pac .xi_li:hover { box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.1); }
.xi_tel_pac .xi_li:hover::before { width: 100%; }
.xi_host_pac { padding: 40px 0px; }
.xi_host_pac ul.clearfix { margin-top: 0px; }
.xi_host_pac .xi_li { width: 380px; padding: 40px 30px 30px; height: 600px; }
.xi_host_pac .xi_li h2 { font-size: 36px; margin-bottom: 34px; }
.xi_host_pac .box { height: 50px; border-left: 1px solid rgb(238, 238, 238); width: 33.3%; float: left; box-sizing: border-box; }
.xi_host_pac .box1 { text-align: left; border-left: medium none; }
.xi_host_pac .box .xi_btop { font-size: 24px; color: rgb(51, 51, 51); line-height: 26px; }
.xi_host_pac .box .xi_bbot { font-size: 14px; color: rgb(153, 153, 153); line-height: 24px; }
.xi_host_pac .xi_bpri { margin: 53px 0px 45px; }
.xi_host_pac .xi_bpri em { font-size: 72px; }
.xi_host_pac .xi_bpri font { font-size: 18px; line-height: 18px; }
.xi_host_pac .xi_pack_buy { height: 60px; line-height: 60px; margin-top: 36px; }
.xi_ema_pac .xi_li h2 { margin-bottom: 5px; }
.xi_ema_pac .xi_li h3 { font-size: 16px; color: rgb(153, 153, 153); }
.xi_ema_pac .xi_bpri { margin: 44px 0px 42px; }
.xi_ema_pac .box { width: 50%; text-align: center; height: 60px; }
.xi_ema_pac .box .xi_btop { font-size: 30px; line-height: 36px; }
.xi_ema_pac .box .xi_btop img { vertical-align: initial; }
.xi_ema_pac .box .xi_bbot { font-size: 16px; }
.xi_ema_pac .xi_pack_buy { margin-top: 50px; }
.xi_count { font-size: 0px; }
.xi_count input[type="button"] { border: 1px solid rgb(221, 221, 221); border-radius: 2px; width: 40px; height: 40px; display: inline-block; vertical-align: top; transition: all 0.25s ease 0s; }
.xi_count input.xi_minus { background: rgba(0, 0, 0, 0) url('../images/xicon47.png') no-repeat scroll center center; }
.xi_count input.xi_minus:hover { background: rgba(0, 0, 0, 0) url('../images/xicon47on.png') no-repeat scroll center center; }
.xi_count input.xi_add { background: rgba(0, 0, 0, 0) url('../images/xicon48.png') no-repeat scroll center center; }
.xi_count input.xi_add:hover { background: rgba(0, 0, 0, 0) url('../images/xicon48on.png') no-repeat scroll center center; }
.xi_count input.xi_num { width: 140px; font-size: 36px; color: rgb(51, 51, 51); height: 39px; line-height: 39px; border-width: medium medium 1px; border-style: none none solid; border-color: currentcolor currentcolor rgb(221, 221, 221); -moz-border-top-colors: none; -moz-border-right-colors: none; -moz-border-bottom-colors: none; -moz-border-left-colors: none; border-image: none; text-align: center; margin: 0px 30px; }
.xi_ema_pac .xi_tips { margin: 12px 0px 40px; color: rgb(59, 153, 240); font-size: 16px; }
.xi_count input[type="button"]:hover { border-color: rgb(59, 153, 240); }
.xi_ema_fun { padding: 40px 0px 60px; background: rgb(246, 246, 246) url('../images/xbg7.jpg') no-repeat scroll center top; }
.xi_ema_table { background: rgb(255, 255, 255) none repeat scroll 0% 0%; margin-top: 55px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05); }
.xi_ema_fea { padding: 40px 0px 80px; background: rgb(255, 255, 255) url('../images/xbg8.png') no-repeat scroll center top; }
.xi_ema_fea li { overflow: hidden; background: rgb(255, 255, 255) none repeat scroll 0% 0%; float: left; border-top: 1px solid rgb(238, 238, 238); border-left: 1px solid rgb(238, 238, 238); text-align: center; padding: 60px; width: 400px; height: 280px; box-sizing: border-box; }
.xi_efimg { position: relative; top: 0px; margin-bottom: 66px; height: 80px; line-height: 80px; font-size: 0px; transition: all 0.25s ease 0s; }
.xi_efimg img { max-height: 100%; }
.xi_efh2 { margin-top: 0px; font-size: 20px; color: rgb(85, 85, 85); transition: all 0.25s ease 0s; }
.xi_dftxt { margin-top: 30px; height: 0px; overflow: hidden; font-size: 14px; color: rgb(153, 153, 153); line-height: 24px; text-align: left; transition: all 0.25s ease 0s; }
.xi_eflist { margin-top: 70px; }
.xi_ema_fea li.xi_efl1, .xi_ema_fea li.xi_efl4 { border-left: medium none; }
.xi_ema_fea li.xi_efl1, .xi_ema_fea li.xi_efl2, .xi_ema_fea li.xi_efl3 { border-top: medium none; }
.xi_ema_fea li:hover { box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.05), 1px 0px 1px rgba(0, 0, 0, 0.04); z-index: 1; position: relative; }
.xi_ema_fea li:hover .xi_efimg { top: -100%; height: 0px; }
.xi_ema_fea li:hover .xi_efh2 { margin-top: -46px; }
.xi_ema_fea li:hover .xi_dftxt { height: 72px; }
.xi_ema_pri { padding: 40px 0px 70px; background: rgb(37, 188, 179) url('../images/xbg9.jpg') no-repeat scroll center top; }
.xi_ema_pri .xi_donp_top li.rec::before { content: ""; position: absolute; left: 0px; top: 0px; width: 75px; height: 75px; background: rgba(0, 0, 0, 0) url('../images/xicon55.png') no-repeat scroll center center; display: block; }
.xi_ema_pri .xi_donp_top li { position: relative; width: 33.3%; font-size: 24px; }
.xi_ema_pri .xi_donp_top li span { display: inline-block; vertical-align: middle; margin-left: 20px; }
.xi_ema_pri .xi_donp_bot { padding-top: 30px; }
.xi_ema_type { margin-bottom: 30px; font-size: 0px; text-align: center; }
.xi_ema_type dd { cursor: pointer; min-width: 100px; padding: 0px 10px; height: 38px; line-height: 38px; border: 1px solid rgb(221, 221, 221); text-align: center; border-radius: 18px; margin: 0px 15px; display: inline-block; vertical-align: top; font-size: 16px; color: rgb(85, 85, 85); }
.xi_ema_type dd.on { background: rgb(59, 153, 240) none repeat scroll 0% 0%; border-color: rgb(59, 153, 240); color: rgb(255, 255, 255) !important; }
.xi_ema_type dd:hover { color: rgb(59, 153, 240); border-color: rgb(59, 153, 240); }
.xi_ema_pri .xi_donp_wrap th { width: 20%; }
.xi_ema_detail table { display: none; opacity: 0.6; }
.xi_ema_detail table:first-child { display: table; opacity: 1; }