body { min-width: 1080px; }
body, blockquote, dd, dl, figure, form, p, pre, h1, h2, h3, h4, h5, h6 { margin: 0px; }
body, input, button, select, optgroup, option, textarea, pre { font-family: "Microsoft YaHei"; font-size: 12px; }
menu, ul, ol { list-style: none; margin: 0px; padding: 0px; }
img { vertical-align: middle; border: 0px; }
a img { border: 0px none; }
input[type="button"], input[type="submit"], input[type="reset"] { cursor: pointer; }
table { border-spacing: 0px; }
td, th, caption { padding: 0px; }
a { text-decoration: none; }
area { }
a:focus { outline: none; }
.clearfix::after { content: "."; display: block; height: 0px; clear: both; visibility: hidden; }
.clearfix { }
.floatleft { float: left; }
.floatright { float: right; }
input, button, select, textarea { outline: none; }
body { background-color: rgb(249, 249, 249); }
.all_main { }
.header { width: 100%; height: 85px; background-color: rgb(255, 255, 255); position: relative; z-index: 99; }
.head_main { width: 1024px; height: 85px; margin: 0px auto; }
.logo { width: 155px; height: 43px; padding: 20px 0px 22px; }
.head_phone { width: 185px; height: 20px; padding: 43px 0px 22px; }
.navigation { margin-left: 50px; }
.navigation ul { }
.navigation ul li { width: auto; height: 85px; font-size: 16px; float: left; margin: 0px 18px; position: relative; }
.navigation ul li span { display: block; color: rgb(0, 0, 0); width: auto; height: 19px; padding: 44px 0px 22px; cursor: pointer; }
.navigation ul li span:hover { color:#f6ac19; }
.navigation ul li.active a span { color: rgb(230, 32, 40); }
.sec_nav { font-size: 12px; position: absolute; top: 79px; left: -26px; display: none; }
.sec_nav .top_trangle { width: 100%; height: 6px; background:#f6ac19 55px 0px no-repeat; }
.sec_nav ul { padding: 20px 30px 30px; background:#f6ac19; float: left; }
.sec_nav ul li { margin: 0px; clear: both; height: 42px; line-height: 20px; font-size: 12px; position: relative; }
.sec_nav ul li p { background: url("../images/sec_trangle.png") 0px 18px no-repeat; color: rgb(255, 255, 255); width: 100%; height: 20px; padding: 11px 0px 11px 10px; cursor: pointer; }
.sec_nav ul li i { display: block; width: 100%; height: 1px; background-color: rgb(255, 255, 255); position: absolute; bottom: 0px; left: 0px; opacity: 0.3; }
.sec_nav ul li:hover p { text-decoration: underline; }
.sn_width_a { width: 170px; }
.sn_width_b { width: 334px; }
.sn_width_a .li_a li { width: 100px; }
.sn_width_b .li_a li { width: 100px; }
.sn_width_b .li_b { margin-left: -30px; }
.sn_width_b .li_b li { width: 100px; }
.cur { width: 698px; height: 32px; text-align: center; }
.cur ul { }
.cur ul li { width: 10px; height: 10px; background-color: rgb(255, 0, 0); border-radius: 100%; display: inline-block; }
* { padding: 0px; margin: 0px; }
ul, ol { list-style: none; }
img { border: none; outline: none; }
a { color: rgb(102, 102, 102); text-decoration: none; outline: none; }
a:hover { color: rgb(232, 67, 31); }
* { margin: 0px; padding: 0px; list-style: none; }
body { background: rgb(255, 255, 255); font: 12px/22px "Microsoft Yahei"; }
img { border: 0px; }
a { text-decoration: none; color: rgb(51, 51, 51); }
a:hover { color: rgb(25, 116, 161); }
.clearfix::after, .clearfix::before { display: table; line-height: 0; content: ""; }
.clearfix::after { clear: both; }
.banner-cloudapp { background: url("../images/home_banner_cloudapp.jpg") center center no-repeat; }
.banner-cps { background: url("../images/home_banner_cps.jpg") center center no-repeat; }
.banner-trust { background: url("../images/home_banner_trust.jpg") center center no-repeat; }
.banner-engine { height: 620px; position: relative; overflow: hidden; }
.banner-engine .banner-ul { position: relative; width: 100%; height: 720px; }
.banner-engine .banner-text { position: absolute; left: 0px; top: -720px; width: 100%; height: 552px; }
.banner-engine .banner-text { display: none; }
.banner-engine .banner-text1 { font-size: 50px; line-height: 50px; color: rgb(255, 255, 255); }
.banner-engine .banner-text2 { margin-top: 28px; font-size: 20px; line-height: 20px; color: rgb(228, 231, 235); }
.banner-engine .banner-link-button { display: inline-block; border: 1px solid rgb(255, 255, 255); margin-top: 54px; width: 160px; height: 44px; line-height: 42px; text-align: center; font-size: 16px; color: rgb(255, 255, 255); }
.banner-engine .banner-link-button:hover { background: rgb(255, 255, 255); color: rgb(51, 51, 51); border: 1px solid rgb(255, 255, 255); }
.banner-ul li { display: none; height: 100%; width: 100%; float: left; }
.banner-engine .banner-ul li { z-index: -1; position: absolute; left: 0px; top: 0px; display: block; height: 100%; width: 100%; float: left; }
.banner-engine .banner-ul li:first-child { z-index: initial; }
.banner-point { display: none; position: absolute; bottom: 48px; left: 0px; width: 100%; height: 18px; line-height: 18px; }
.banner-engine .banner-point { display: block; }
.slider-main { display: none; position: relative; margin: 0px auto; min-width: 1200px; max-width: 1200px; }
.banner-engine .slider-main { display: block; }
.slider-text { position: absolute; margin-top: 214px; }
.banner-area { width: 100%; text-align: center; }
.banner-area li { margin: 0px 15px; display: inline-block; width: 10px; height: 10px; background: url("../images/pagination_02.png") no-repeat; }
.banner-area li.active { background: url("../images/pagination_01.png") no-repeat; }
body { padding: 0px; margin: 0px; font-size: 1rem; color: rgb(51, 51, 51); background-color: rgb(255, 255, 255); }
* { font-family: Arial, "Microsoft Yahei"; }
ul { list-style: none; }
p, h1, h2, h3, h4, h5, ul { padding: 0px; margin: 0px; }
img { border: 0px; }
a { color: rgb(51, 51, 51); text-decoration: none; transition: color 0.3s ease 0s; }
a:hover { color: rgb(153, 153, 153); }
.in { margin: 0px auto; padding: 0px 1rem; box-sizing: border-box; }
.fsLarge { font-size: 3rem; }
.fs3 { font-size: 0.75rem; }
.vmiddle { vertical-align: middle; }
.textcenter { text-align: center; }
.bgpic { background-position: center center; background-size: cover; background-color: rgb(232, 232, 238); }
a.bgpic { display: block; }
.s0x0::after, .s4x3::after, .s1x1::after, .s3x4::after, .s16x9::after, .s9x16::after { content: ""; display: block; }
.s1x1::after { padding-top: 100%; }
.clearfloat::after { display: block; content: ""; clear: both; }
.hvBgpicsBlur .box .bgpic { transition: all 0.5s ease 0s; }
.hvBgpicsBlur .box:hover .bgpic { filter: blur(5px); }
.L-2::after, .L-3::after, .L-4::after, .L-5::after, .L-6::after, .L-7::after, .L-8::after { display: block; content: ""; }
.L-2 > .item, .L-3 > .item, .L-4 > .item, .L-5 > .item, .L-6 > .item, .L-7 > .item, .L-8 > .item { float: left; padding-left: 2rem; margin-bottom: 2rem; box-sizing: border-box; display:block;}
.L-2, .L-3, .L-4, .L-5, .L-6, .L-7, .L-8 { margin-left: -2rem; margin-bottom: -2rem; }
.L-2 > .item { width: 50%; }
.L-3 > .item { width: 33.33%; }
.L-4 > .item { width: 25%; }
.L-5 > .item { width: 20%; }
.L-6 > .item { width: 16.66%; }
.L-7 > .item { width: 14.28%; }
.L-8 > .item { width: 12.5%; }
.itemsSpacing1 { margin-bottom: -1rem; margin-left: -1rem !important; }
.itemsSpacing1 > .item { padding-left: 1rem !important; margin-bottom: 1rem !important; }
.itemsSpacing2 > .item { padding-left: 2rem !important; margin-bottom: 2rem !important; }
.itemsSpacing3 > .item { padding-left: 3rem !important; margin-bottom: 3rem !important; }
.itemsSpacing4 > .item { padding-left: 4rem !important; margin-bottom: 4rem !important; }
.itemsSpacing5 > .item { padding-left: 5rem !important; margin-bottom: 5rem !important; }
.itemsSpacing6 > .item { padding-left: 6rem !important; margin-bottom: 6rem !important; }
.itemsSpacing7 > .item { padding-left: 7rem !important; margin-bottom: 7rem !important; }
.itemsSpacing8 > .item { padding-left: 8rem !important; margin-bottom: 8rem !important; }
.itemsSpacing9 > .item { padding-left: 9rem !important; margin-bottom: 9rem !important; }
.items-no-spacing > .item { padding-left: 0px; margin-bottom: 0px; }
.itemsSpacing1 .space, .itemsSpacing2 .space, .itemsSpacing3 .space, .itemsSpacing4 .space, .itemsSpacing5 .space, .itemsSpacing6 .space, .itemsSpacing7 .space, .itemsSpacing8 .space, .itemsSpacing9 .space { width: 1rem; position: absolute; left: 100%; top: 0px; height: 100%; }
.boxShadow { box-shadow: rgba(29, 32, 136, 0.2) 0px 0px 20px; }
.borderRadius { border-radius: 6px; }
.bgpicsRadius .bgpic { border-radius: 6px; overflow: hidden; }
.bgpicsBoxShadow .bgpic { box-shadow: rgba(29, 32, 136, 0.2) 0px 0px 20px; }
.radiusHalf { border-radius: 50%; }
.bgpicsRelative .bgpic { position: relative; }
.hvBoxShadow:hover { box-shadow: rgba(29, 32, 136, 0.2) 0px 1rem 3rem; }
.inlineBlock { display: inline-block; font-size:20px;}
.inlineBlock:hover{color:#f6ac19}
.fixLine1 { overflow: hidden; white-space: nowrap; text-overflow: ellipsis;font-size:14px; }
.lineHeight2 { line-height: 2; }
.fixLine2.fs3 { line-height: 2; height: 3rem; }
.fixLine3.fs3 { line-height: 2; height: 4.5rem; }
.fixLine4.fs3 { line-height: 2; height: 6rem; }
.flex.boxsFull > .item { display: -webkit-flex; align-items: stretch; }
.flex.boxsFull > .item > .box { box-sizing: border-box; flex: 1 1 0%; }
.nav-mobile-btn.active > em:nth-child(1) { transform: translateY(0.45rem) rotate(45deg); }
.nav-mobile-btn.active > em:nth-child(2) { opacity: 0; }
.nav-mobile-btn.active > em:nth-child(3) { transform: translateY(-0.45rem) rotate(-45deg); }
.in { max-width: 1200px; }
.color-w { color: rgb(255, 255, 255); }
.bgcolor-w { background-color: rgb(255, 255, 255); }
.banner { padding: 8rem 0px; }
.banner h1 { font-size: 4rem; }
.yslist { padding: 1rem; }
.yslist .icon { width: 5rem; margin-right: 0.5rem; background-image: url("../images/icons.png"); background-repeat: repeat-x; background-size: 400%; background-color: transparent !important; }
.yslist .icon.s1 { background-position: 0px center; }
.yslist .icon.s2 { background-position: -100% center; }
.yslist .icon.s3 { background-position: -200% center; }
.yslist .icon.s4 { background-position: -300% center; }
.hv-bgpics-drak .box .bgpic { transition: all 0.3s ease 0s; }
.hv-bgpics-drak .box:hover .bgpic { opacity: 0.5; }
.imgmid { display: inline-block; height: 100%; width: 1px; margin-left: -1px; vertical-align: middle; }
.c_box { width: 100%; height: 100%; position: relative; overflow-wrap: break-word; }
.c_m { width: 100%; height: 100%; display: table; table-layout: fixed; }
.c_t { width: 100%; height: 100%; display: table-cell; vertical-align: middle; }
.i_vat_box { width: 100%; height: auto; padding: 60px 0px 20px; overflow: hidden; }
.i_title { width: 1200px; height: auto; text-align: center; font-size: 14px; color: rgb(109, 96, 97); margin: 0px auto; overflow: hidden; }
.i_title h6 {margin: 0px;padding: 0px 0px 10px;font-size: 40px;color: rgb(237, 27, 36);}
.i_vat_list { width: 1600px; height: auto; margin: 70px auto 0px; overflow: hidden; /*text-align:center;*/}
.i_vat_list ul { margin: 0px; padding: 0px; width: 1600px; overflow: hidden; }
.i_vat_list ul li { width: 270px; height: 270px; border-radius: 50%; display:inline-block; position: relative; margin: 0px 20px 0px 20px; overflow: hidden; }
.i_vat_list ul li a { display: block; width: 100%; height: 100%; overflow: hidden; }
.i_vat_text { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 3; text-align: center; overflow: hidden; }
.i_vat_title {width: auto;height: 44px;line-height: 44px;padding: 0px 20px;display: inline-block;text-align: center;color: rgb(255, 255, 255);font-size: 20px;background: rgb(103, 173, 20);border-radius: 22px;overflow: hidden;}
.i_vat_txt { width: 80%; height: auto; color: rgb(255, 255, 255); font-size: 12px; text-align: center; line-height: 26px; margin: 0px auto; display: none; overflow: hidden; }
.i_vat_mask { width: 100%; height: 100%; position: absolute; top: 0px; left: 0px; z-index: 2; background: rgb(0, 94, 165); opacity: 0; overflow: hidden; }
.i_vat_img { width: 100%; height: 100%; text-align: center; overflow: hidden; }
.i_vat_img img { vertical-align: middle; max-width: 100%; }
.i_vat_list ul li:hover .i_vat_mask { opacity: 0.86; }
.i_vat_list ul li:hover .i_vat_text .i_vat_title { background: none; }
.i_vat_mask, .i_vat_title { transition: all 0.5s ease 0s; }
.i_vat_box.vat_de .i_vat_list ul li { border-radius: 20px; }
.i_adv_box { width: 100%; height: auto; padding: 50px 0px; background: url("../images/adv_bg.jpg") center bottom no-repeat rgb(241, 241, 241); overflow: hidden; }
.i_adv_list { width: 1200px; height: auto; margin: 50px auto 0px; overflow: hidden; }
.i_adv_list ul { width: 1240px; margin: 0px; padding: 0px; overflow: hidden; }
.i_adv_list ul li { width: 270px; height: auto; float: left; margin: 0px 40px 0px 0px; overflow: hidden; }
.i_adv_img { width: 100%; height: 193px; text-align: center; overflow: hidden; }
.i_adv_img img { vertical-align: middle; max-width: 100%; }
.i_adv_text { width: 230px; height: auto; padding: 20px; background: rgb(255, 255, 255); overflow: hidden; }
.i_adv_number { width: 100%; height: 50px; line-height: 50px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.i_adv_number span { display: inline-block; width: auto; height: 40px; line-height: 40px; border-bottom: 2px solid rgb(0, 133, 141); font-size: 36px; color: rgb(0, 133, 141); font-family: 宋体; font-weight: 900; }
.i_adv_title { width: 100%; height: auto; padding: 10px 0px; text-align: center; font-size: 18px; color: rgb(51, 51, 51); overflow: hidden; }
.i_adv_txt { width: 100%; height: 100px; line-height: 25px; text-align: center; font-size: 14px; color: rgb(153, 153, 153); overflow: hidden; }
.subnav_list ul li a.active { background: rgb(0, 94, 165); color: rgb(255, 255, 255); }
.pro_ser_list > ul > li > a.active { color: rgb(0, 64, 141); }
.pro_ser_list ul li ul li a.active { color: rgb(0, 64, 141); }
.icon { background-image: url("../images/icon.png"); display: inline-block; padding: 0px; border: 0px; background-repeat: no-repeat; }
.active .icon-data1 { background: url("../images/icon-data1-active.png") 0% 0% / 100% no-repeat; }
.active .icon-data2 { background: url("../images/icon-data2-active.png") 0% 0% / 100% no-repeat; }
.active .icon-data3 { background: url("../images/icon-data3-active.png") 0% 0% / 100% no-repeat; }
.active .icon-data4 { background: url("../images/icon-data4-active.png") 0% 0% / 100% no-repeat; }
.active .icon-data5 { background: url("../images/icon-data5-active.png") 0% 0% / 100% no-repeat; }
.active .icon-data6 { background: url("../images/icon-data6-active.png") 0% 0% / 100% no-repeat; }
.js-list .active .icon-mater01, li:hover .icon-mater01 { background-position: -84px -260px; }
.js-list .active .icon-mater02, li:hover .icon-mater02 { background-position: -32px -260px; }
.js-list .active .icon-mater03, li:hover .icon-mater03 { background-position: -135px -260px; }
.js-list .active .icon-mater04, li:hover .icon-mater04 { background-position: -194px -260px; }
.account-cont .account-ul .icon { position: absolute; left: 10px; top: 8px; }
.account-tab li.active { color: rgb(27, 34, 93); }
.account-tab li.active span { border-bottom: 2px solid rgb(143, 147, 150); }
.read-content .list { margin-bottom: 64px; }
.ques-nav li a.active { color: rgb(36, 183, 206); }
.ques-nav li a.first-btn.active { border-left: 4px solid rgb(36, 183, 206); }
.ques-nav li.active .ques-second-list { display: block; }
.ques-nav li .icon-right-gray.active { transform: rotate(90deg); }
.ques-nav .ques-second-list li.active { border-right: 1px solid rgb(255, 255, 255); color: rgb(36, 183, 206); }
.ques-cont .tit { font-size: 22px; text-align: center; font-weight: bold; margin-top: 30px; position: relative; }
.ques-cont .tit .line { display: inline-block; width: 100%; height: 15px; border-bottom: 1px dashed rgb(36, 183, 206); position: absolute; left: 0px; top: 0px; }
.ques-cont .tit b, .ques-cont .tit strong { display: inline-block; background: rgb(255, 255, 255); position: relative; z-index: 1; font-weight: bold; padding: 0px 5px; color: rgb(36, 183, 206); }
.ques-cont .cont .msg-list .a { color: rgb(102, 102, 102); font-size: 14px; font-family: cursive; font-weight: normal; position: absolute; left: -30px; top: 2px; }
.price-bg .cont .tit { padding: 150px 40px 0px 0px; font-size: 43px; }
.home-price-table .btn:hover, .home-price-table .btn.active { color: rgb(255, 255, 255); background: rgb(95, 205, 226); }
.home-price-table .btn.active:hover { opacity: 0.8; }
.home-ques-box .tit { font-size: 30px; color: rgb(51, 51, 51); }
.func-bg .tit { font-size: 43px; margin-top: 70px; }
.func-tab-list li.active { border-bottom: 3px solid rgb(0, 193, 222); }
.func-tab-list li.active a { color: rgb(0, 193, 222); }
.main-func-content .main-infor-list .tit { margin: 80px 0px 30px; }
.help-box .help-cont .tit { color: rgb(28, 53, 68); font-size: 52px; text-align: center; }
.help-box .help-cont .tit i { vertical-align: bottom; margin-right: 80px; }
.help-box .help-cont .list { color: rgb(28, 53, 68); font-size: 14px; line-height: 70px; margin-top: 20px; }
.helps .tips .icon { position: absolute; left: 0px; top: 4px; }
.helps .content .list { padding: 15px 0px; }
.college-column-list li.active a, .college-column-list li:hover a { color: rgb(255, 102, 0); border-bottom: 2px solid rgb(255, 102, 0); }
.consBanner .tit { font-size: 110px; margin-top: 8%; font-weight: bold; }
.consfirm-list .logo { width: 280px; height: 168px; display: table-cell; vertical-align: middle; text-align: center; position: relative; }
.consfirm-list .logo img { max-width: 100%; max-height: 100%; }
.consfirm-list li:hover .logo { height: 133px; transition: all 0.3s ease-in 0s; }
.consPrice-box .tit { color: rgb(38, 202, 226); font-size: 23px; padding: 40px 0px 10px; }
.consPrice-box.active { box-shadow: rgb(220, 220, 220) 0px 0px 10px; }
.consPrice-box.active .top { animation: 1s linear 0s 1 normal forwards running changeBg; }
.consPrice-box.active .tit, .consPrice-box.active .tip { color: rgb(255, 255, 255); }
.consPrice-box.active .recom { background: rgb(22, 149, 168); }
.consPrice-box.active .btn { background: rgb(38, 202, 226); }
.consPrice-box.active .btn a { color: rgb(255, 255, 255); }
.material-nav-list li.active { border-bottom: 2px solid rgb(38, 207, 232); }
.material-nav-list li.active a, .material-nav-list li:hover a { color: rgb(38, 207, 232); }
.material-column-list li.active a, .material-column-list li:hover a { color: rgb(38, 207, 232); border-bottom: 2px solid rgb(38, 207, 232); }
.material-sidebar .list { border-bottom: 1px solid rgb(237, 237, 237); }
.material-sidebar .list li { border-top: 1px solid rgb(237, 237, 237); line-height: 50px; font-size: 14px; border-left: 2px solid transparent; cursor: pointer; }
.material-sidebar .list li.active { color: rgb(38, 207, 232); border-left: 2px solid rgb(38, 207, 232); }
.material-sidebar .list li a { display: inline-block; text-indent: 4em; width: 100%; color: rgb(51, 51, 51); }
.material-sidebar .list li.active a, .material-sidebar .list li:hover, .material-sidebar .list li:hover a { color: rgb(38, 207, 232); }
.material-box.auto { margin: auto; width: 80%; }
.material-article-list .tit { font-size: 16px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(51, 51, 51); font-family: "Microsoft YaHei"; }
.college-details-box .tit { width: 95%; margin: 42px auto 26px; text-align: center; }
.college-details-box .tit .cont { display: inline-block; text-align: left; font-size: 24px; color: rgb(0, 0, 0); text-indent: 0px; margin: 0px; }
.college-details-box .college-good.active, .college-video-box .college-good.active { background-position: -108px -22px; }
.college-comment .tit { font-size: 22px; color: rgb(38, 207, 232); font-weight: bold; border-bottom: 3px solid rgb(38, 207, 232); }
.college-comment .infor .reply:hover, .college-comment .infor .reply.active { color: rgb(38, 207, 232); }
.college-comment .infor .reply:hover .college-msg, .college-comment .infor .reply.active .college-msg { background-position: -63px -100px; }
.college-box .category-list dd.elem.active, .college-box .category-list dd.elem:hover { color: rgb(255, 255, 255); background: rgb(255, 102, 0); }
.college-box .sort-list dd.active { color: rgb(255, 102, 0); }
.college-box .drycargo-list .tit { font-size: 24px; color: rgb(68, 68, 68); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "Microsoft YaHei"; }
.material-recommend .tit { font-size: 22px; color: rgb(38, 207, 232); font-weight: bold; border-bottom: 3px solid rgb(38, 207, 232); }
.material-recommend .list { background: rgb(255, 255, 255); font-size: 12px; padding-bottom: 30px; border-width: 1px; border-style: solid; border-color: transparent rgb(237, 237, 237) rgb(237, 237, 237); border-image: initial; border-radius: 4px; box-shadow: rgb(237, 237, 237) 0px 0px 10px; }
.material-recommend .list a { width: 92%; display: inline-block; color: rgb(102, 102, 102); padding: 20px 4% 0px; opacity: 0.8; }
.material-recommend .list a:hover { opacity: 1; }
.system-head-nav li span .icon { vertical-align: sub; }
.second-nav li.second-width font.op, .second-nav li.second-width .icon { opacity: 0.6; }
.system-head-nav .second-nav li.active > a, .system-head-nav .second-nav li:hover > a, .system-head-nav .third-nav li a:hover, .system-head-nav .third-nav li.active a { color: rgb(38, 207, 232); }
.system-menu dd.active > a, .system-menu dd:hover > a { background: rgb(96, 113, 124); color: rgb(255, 255, 255); text-decoration: none; outline: none; }
.graph-count .tit { display: inline-block; width: 88%; font-size: 17px; color: rgb(196, 88, 86); font-weight: bold; padding: 40px 0px 20px; text-align: left; }
.graph-count .tit span { font-size: 15px; color: rgb(19, 42, 56); font-weight: normal; margin-left: 20px; }
.graph-count-b .graph, .graph-count-b .tit { width: 94%; }
.pay-card .pay-list li.active, .pay-card .pay-list li:hover { background: rgb(87, 100, 119); }
.pay-card .pay-list li.active a, .pay-card .pay-list li:hover a { color: rgb(255, 255, 255); }
.pay-card .pay-list li:last-child:hover .icon { background-position: -281px -44px; transition: all 0.2s ease-in 0s; }
.pay-int .pay-nav li.active, .pay-int .pay-nav li:hover { color: rgb(37, 43, 51); border-left: 2px solid rgb(47, 53, 61); border-right: 3px solid rgb(255, 255, 255); }
.invite-progress .step.active { border: 2px solid transparent; background: linear-gradient(rgb(236, 121, 139), rgb(235, 94, 117)); }
.invite-progress .step.active::before, .invite-progress .step.active::after { background: initial; }
.invite-progress .step.active b { background: linear-gradient(rgb(236, 121, 139), rgb(235, 94, 117)); }
.pay-int .pay-method dd:hover p, .pay-int .pay-method dd.active p { color: rgb(236, 119, 137); transition: all 0.2s ease-in 0s; }
.time-box:hover .icon { transform: scale(1.3); transition: all 0.4s ease-in 0s; }
.banner-list .banner { width: 500px; height: 380px; }
.banner-list .banner { float: left; height: 100%; }
.banner-btn li.active { background: rgb(28, 53, 68); }
.graph-site .select-site li:hover, .graph-site .select-site li.active { background: rgb(96, 113, 124); color: rgb(255, 255, 255); text-decoration: none; outline: none; }
.graph-group li:hover, .graph-group li.active, .graph-tit .graph-group li:hover, .graph-tit .graph-group li.active { border-bottom: 2px solid rgb(28, 53, 68); color: rgb(38, 207, 232); }
.date-btn li:hover, .date-btn li.active { background: rgb(232, 231, 232); }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { transition: all 0.2s ease-in 0s; background-color: rgb(19, 42, 56) !important; color: rgb(255, 255, 255) !important; }
.order-layer .buyer-list .tit { float: left; }
.per-add li.active { background: rgb(96, 206, 225); color: rgb(255, 255, 255); }
.per-add li.active:hover { color: rgb(255, 255, 255); background: rgb(126, 225, 243); }
.per-add li.active .checked { display: inline-block; width: 10px; height: 10px; background: url("../images/input-checked.png") 0% 0% / 100%; vertical-align: middle; }
.goods-nav li.active { color: rgb(102, 102, 102); border-width: 1px 1px 2px; border-style: solid; border-color: rgb(231, 234, 236) rgb(231, 234, 236) rgb(255, 255, 255); border-image: initial; }
.goods-list .tit { display: inline-block; width: 120px; text-align: right; font-weight: bold; color: rgb(103, 106, 108); float: left; }
.shopDefined-list dd.active a, .shopDefined-list dd:hover a { background: inherit; color: rgb(95, 105, 112); }
.timeSelect-box .time-list li.active { background: rgb(52, 112, 204); color: rgb(255, 255, 255); }
.email-tab li.active a, .email-tab li:hover a { background: rgb(19, 42, 56); color: rgb(255, 255, 255); }
.system-infor .menu-list dd.active > a, .system-infor .menu-list dd:hover > a { background: rgb(96, 113, 124); color: rgb(255, 255, 255); text-decoration: none; outline: none; }
.tab-nav li:hover, .tab-nav li.active { background: rgb(19, 42, 56); color: rgb(255, 255, 255); }
.tab-nav li:hover a, .tab-nav li.active a { color: rgb(255, 255, 255); }
.auth-box .tit { padding: 10px 0px 0px 15px; position: relative; font-weight: bold; float: left; }
.auth-box .tit::after { content: ""; width: 3px; height: 15px; background: rgb(38, 207, 232); position: absolute; left: 0px; top: 22px; }
.auth-box .auth-list li:hover, .auth-box .auth-list li.active { background: rgb(19, 42, 56); color: rgb(255, 255, 255); }
.account-msg .tit { background: rgb(207, 210, 212); line-height: 45px; font-size: 12px; padding: 0px 15px; text-align: right; }
.account-msg .tit .light-green:hover { color: rgb(77, 184, 200); }
.pay-inforList .tit { display: inline-block; width: 140px; line-height: 30px; text-align: right; float: left; color: rgb(102, 102, 102); margin-right: 15px; }
.pay-inforList .cont .acc-type.active { box-shadow: rgb(117, 176, 223) 2px 2px 4px; border: 1px solid rgb(117, 176, 223); }
.pay-lianlian-box .tit { text-align: center; }
.open-acc-steps li.active { background: rgb(117, 176, 223); }
.open-acc-steps li.step1.active::before, .open-acc-steps li.step2.active::after { content: ""; width: 37px; height: 57px; position: absolute; right: 0px; top: 0px; background: url("../images/pay-guide-step1.png"); }
.open-acc-steps li.step2.active::before, .open-acc-steps li.step3.active::before { content: ""; width: 37px; height: 57px; position: absolute; left: -36px; top: 0px; background: url("../images/pay-guide-step2.png"); }
.open-acc-steps li.active b, .open-acc-steps li.active p { color: rgb(255, 255, 255); }
.acc-success .info-table td.tit { padding: 0px 60px 40px 0px; }
.pay-cardbox .tit { width: 85px; }
.shop-card .main-content .tit { font-weight: bolder; }
.shop-card .main-content .tit span { font-family: -webkit-pictograph; font-size: 40px; }
.shop-card .list { font-size: 12px; line-height: 22px; margin-left: 26px; overflow-wrap: break-word; }
.ll-box02 .tit { display: inline-block; color: rgb(251, 252, 253); margin: 50px 0px 0px; padding: 0px 20px; position: relative; }
.ll-box03 .tit, .ll-box04 .tit, .ll-box05 .tit, .ll-box06 .tit { text-align: center; font-size: 46px; font-weight: bold; color: rgb(49, 25, 7); border-bottom: 2px solid rgb(255, 255, 255); padding: 90px 0px 7px; font-family: "Microsoft YaHei"; }
.ll-box03 .tit b, .ll-box04 .tit b, .ll-box05 .tit b, .ll-box06 .tit b { padding: 0px 10px 5px 0px; border-bottom: 5px solid rgb(27, 34, 93); font-family: lanting, sans-serif; }
.ll-box04 .tit { border-bottom: 2px solid rgb(231, 233, 236); }
.activities .head .tit { text-align: center; }
.activities .ticket-box.active { background: url("../images/ticket-bg2.png") 0px 0px / 100% no-repeat; }
.activities .ticket-box.active .ticket { background: url("../images/ticket2.png") 0px 0px / 100% no-repeat; }
.activities .ticket-box.active .infor { color: rgb(236, 105, 59); }
.activities .icon-name, .activities .icon-code, .activities .icon-time, .activities .active .icon-name, .activities .active .icon-code, .activities .active .icon-time { display: inline-block; width: 14px; height: 14px; margin-right: 10px; }
.activities .active .icon-name { background: url("../images/icon-name2.png") 0px 0px / 100% no-repeat; }
.activities .active .icon-code { background: url("../images/icon-code2.png") 0px 0px / 100% no-repeat; height: 10px; }
.activities .active .icon-time { background: url("../images/icon-time2.png") 0px 0px / 100% no-repeat; }
.activities .ticket-box.active .msg p { margin: 30px auto 0px; }
.ll-layer-box .tit { width: 350px; height: 40px; background: url("../images/ll-logo-white.png") 0px 0px / 100% no-repeat; margin: 30px auto; }
.data-search-box .search-nav li:hover, .data-search-box .search-nav li.active, .data-search-box .search-nav li:hover > a, .data-search-box .search-nav li.active > a { color: rgb(0, 193, 222); }
.data-animate3 .c1 { display: none; width: 140px; height: 150px; background: url("../images/c1.png") 0px 0px / 100% no-repeat; left: 50%; top: 100px; margin-left: -70px; }
.data-animate3 .c2 { display: none; width: 200px; height: 160px; background: url("../images/c2.png") 0px 0px / 100% no-repeat; top: 90px; left: 50%; margin-left: -100px; }
.data-animate3 .c3 { display: none; width: 254px; height: 172px; background: url("../images/c3.png") 0px 0px / 100% no-repeat; top: 81px; left: 50%; margin-left: -127px; }
.data-animate3 .c4 { display: none; width: 308px; height: 185px; background: url("../images/c4.png") 0px 0px / 100% no-repeat; top: 71px; left: 50%; margin-left: -154px; }
.add-storage-list li.active, .add-storage-list li:hover { background: rgb(0, 193, 222); color: rgb(255, 255, 255); }
.competing-list li:hover, .competing-list li.active { background: rgb(0, 193, 222); color: rgb(255, 255, 255); }
.competing-list li:hover a, .competing-list li.active a { color: rgb(255, 255, 255); }
.data-graph-box .graph-type span.active, .data-graph-box .graph-type span:hover { color: rgb(38, 207, 232); }
.data-graph-box .graph-time .day.active, .data-graph-box .graph-time .day:hover { color: rgb(255, 255, 255); background: rgb(101, 211, 227); }
.r-rank-analysis .rank-list .tit { display: inline-block; width: 70px; text-align: right; font-weight: bold; }
.r-rank-analysis .rank-nav .type.active, .r-rank-analysis .rank-nav .type:hover { color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(137, 217, 229), rgb(2, 193, 222)); }
.r-rank-analysis .rank-nav .type.active .icon-question, .r-rank-analysis .rank-nav .type:hover .icon-question { background-position: -325px -210px; }
.r-rank-analysis .rank-nav span.active .new-arrivals, .r-rank-analysis .rank-nav span:hover .new-arrivals { background: url("../images/new-arrivals-white.png") 0px 0px / 100% no-repeat; }
.r-data-steps li.active { background: rgb(87, 190, 205); color: rgb(255, 255, 255); }
.r-data-steps li.active:nth-child(1) { background: linear-gradient(to right, rgb(3, 139, 159), rgb(35, 158, 177)); }
.r-data-steps li.active:nth-child(2) { background: linear-gradient(to right, rgb(40, 161, 179), rgb(82, 187, 202)); }
.r-data-steps li.active:nth-child(3) { background: linear-gradient(to right, rgb(87, 190, 205), rgb(109, 203, 217)); }
.r-data-steps li.active:nth-child(4) { background: linear-gradient(to right, rgb(112, 205, 219), rgb(131, 216, 229)); }
.r-data-steps li.active:nth-child(5) { background: linear-gradient(to right, rgb(134, 218, 231), rgb(174, 242, 253)); }
.r-data-steps li.step2.active::before { background: url("../images/data-steps4.png") 0px 0px / 100% no-repeat; }
.r-data-steps li.step3.active::before { background: url("../images/data-steps6.png") 0px 0px / 100% no-repeat; }
.r-data-steps li.step4.active::before { background: url("../images/data-steps8.png") 0px 0px / 100% no-repeat; }
.r-data-steps li.step5.active::before { background: url("../images/data-steps10.png") 0px 0px / 100% no-repeat; }
.r-data-steps li.step1.active::after { background: url("../images/data-steps3.png") 0px 0px / 100% no-repeat; }
.r-data-steps li.step2.active::after { background: url("../images/data-steps5.png") 0px 0px / 100% no-repeat; }
.r-data-steps li.step3.active::after { background: url("../images/data-steps7.png") 0px 0px / 100% no-repeat; }
.r-data-steps li.step4.active::after { background: url("../images/data-steps9.png") 0px 0px / 100% no-repeat; }
.water-package-list li.active { border: 1px solid rgb(103, 142, 200); }
.water-package-list li.active .type { background: rgb(255, 96, 0); }
.water-package-list li.active .right { border-left: 1px dashed rgb(103, 142, 200); }
.water-package-list li.active::before { content: ""; width: 30px; height: 30px; background: url("../images/water-tick.png") 0px 0px / 100% no-repeat; position: absolute; right: 1px; bottom: 1px; }
.college-box-list .tit { font-size: 14px; color: rgb(68, 68, 68); margin: 10px 0px 0px; padding: 0px 10px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "Microsoft YaHei"; }
.college-box-list .tit:hover { color: rgb(255, 102, 0); }
.college-box .route .tit { display: inline-block; width: 110px; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.college-video-box .tit { width: 98%; color: rgb(68, 68, 68); font-size: 24px; margin: 12px 0px 20px; padding: 0px 1%; }
.college-video-box .oper .intro.active, .college-video-box .oper .intro:hover { color: rgb(255, 102, 0); }
.college-video-box .oper .intro.active::after { top: 5px; border-top: inherit; border-bottom: 6px solid rgb(255, 102, 0); }
.college-right .college-reco-box .tit { color: rgb(252, 125, 108); font-size: 22px; font-weight: bold; border-bottom: 3px solid rgb(252, 125, 108); }
.notice-list .sidebar-nav .list { padding: 10px 20px; cursor: pointer; }
.notice-list .sidebar-nav .list:hover { background: rgb(241, 242, 243); }
.notice-list .sidebar-nav .tit { font-size: 14px; font-weight: bold; color: rgb(89, 89, 89); }
.notice-list .sidebar-nav .active { background: rgb(241, 242, 243); }
.notice-list .active .slash, .notice-list .sidebar-nav .active .tit { color: rgb(38, 207, 232); }
.notice-list .sidebar-nav .active .cont { color: rgb(251, 140, 66); }
.claim-bg .tit { font-size: 4.5vw; letter-spacing: 10px; }
.claim-content1 .list { display: inline-block; width: 60%; margin: 4vw auto 0px; min-width: 1000px; }
.claim-content1 .list li { float: left; width: 33.3%; position: relative; }
.claim-content6 .ques-list .ser.a { background: rgb(23, 129, 145); }
.thematic-VAT .section { text-align: center; margin: auto; }
.thematic-VAT .section .scroll-tip { position: absolute; bottom: 30px; left: 50%; margin-left: -10px; color: rgb(255, 255, 255); line-height: 6px; }
.thematic-VAT .section .scroll-btn { display: inline-block; width: 19px; height: 36px; background: url("../images/btn.png") 0px 0px / 100% no-repeat; margin-bottom: 5px; }
.thematic-VAT .section .scroll-down { position: relative; margin-right: 2.5px; animation: 1.2s ease 0s infinite normal none running scroll-down; }
.thematic-VAT .section .scroll-down:nth-child(3) { transform: scale(0.8); }
.thematic-VAT .section .scroll-down:nth-child(4) { transform: scale(0.6); opacity: 0.8; }
.thematic-VAT .section .scroll-tip.top { top: 85px; bottom: inherit; }
.thematic-VAT .section .scroll-tip.top .scroll-down { transform: rotate(180deg); position: relative; margin-right: 2.5px; animation: 1.2s ease 0s infinite normal none running scroll-top; }
.thematic-VAT .section .scroll-tip.top .scroll-down:nth-child(2) { transform: rotate(180deg) scale(0.8); }
.thematic-VAT .section .scroll-tip.top .scroll-down:nth-child(1) { transform: rotate(180deg) scale(0.6); opacity: 0.8; }
.thematic-VAT .section.one { background: url("../images/bg.jpg") 0px 0px / cover no-repeat; }
.thematic-VAT .section.one .title { width: 48%; min-width: 700px; }
.thematic-VAT .section.one .tip { font-size: 2.6vw; color: rgb(255, 255, 255); letter-spacing: 10px; }
.thematic-VAT .vat-list li.active .cont { color: rgb(37, 191, 216); transform: scale(1.2); }
.thematic-VAT .vat-list li.active .about { background: url("../images/about_active.png") 0px 0px / 100% no-repeat; }
.thematic-VAT .vat-list li.active .ques { background: url("../images/ques_active.png") 0px 0px / 100% no-repeat; }
.thematic-VAT .vat-list li.active .notice { background: url("../images/notice_active.png") 0px 0px / 100% no-repeat; }
.thematic-VAT .vat-cont .tit { font-size: 2.8vw; font-weight: bold; margin-top: 4%; }
.thematic-VAT .section.four .tit { font-size: 36px; color: rgb(255, 255, 255); margin: 0px 0px 3%; font-weight: bold; }
.thematic-VAT .section.five .tit { font-size: 2.2vw; font-weight: bold; letter-spacing: 4px; margin-bottom: 1%; }
.thematic-VAT .section.five .list { float: left; width: 33.3%; font-weight: bold; }
.thematic-VAT .list .icon-intro { display: inline-block; width: 16%; padding-bottom: 16%; position: absolute; top: 30%; }
.thematic-VAT .list .icon-intro1 { background: url("../images/icon-intro1.png") 0px 0px / 100% no-repeat; }
.thematic-VAT .list .icon-intro2 { background: url("../images/icon-intro2.png") 0px 0px / 100% no-repeat; }
.thematic-VAT .list .icon-intro3 { background: url("../images/icon-intro3.png") 0px 0px / 100% no-repeat; width: 14%; padding-bottom: 17%; }
.thematic-VAT .list .icon-intro4 { background: url("../images/icon-intro4.png") 0px 0px / 100% no-repeat; }
.thematic-VAT .list .icon-intro5 { background: url("../images/icon-intro5.png") 0px 0px / 100% no-repeat; }
.thematic-VAT .list .icon-intro6 { background: url("../images/icon-intro6.png") 0px 0px / 100% no-repeat; width: 14%; padding-bottom: 17%; }
.thematic-VAT .section.six .tit { font-size: 36px; color: rgb(255, 255, 255); margin: 2% 0px; font-weight: bold; }
.section.active .top_animate { animation: 1.5s ease 0s 1 normal forwards running top_animate; }
.section.active .bottom_animate { animation: 1.5s ease 0s 1 normal forwards running bottom_animate; }
.section.active .left_animate { animation: 1.5s ease 0s 1 normal forwards running left_animate; }
.section.active .right_animate { animation: 1.5s ease 0s 1 normal forwards running right_animate; }
.thematic-tr-ser .section.one { background: url("../images/bg2.png") 0px 0px / cover no-repeat; }
.thematic-tr-ser .vat-list li.active .square, .thematic-tr-ser .vat-list li:hover .square, .thematic-app-ser .vat-list li.active .square { content: ""; width: 4.5vw; height: 4.5vw; position: absolute; left: 4vw; top: -2vw; background: rgb(37, 191, 216); z-index: 1; }
.thematic-tr-ser .vat-list li.active .cont { transform: scale(1); }
.thematic-tr-ser .section .flag, .thematic-app-ser .section .flag { display: inline-block; width: 8vw; height: 6vw; position: relative; z-index: 1; }
.thematic-tr-ser .section .flag.US { background: url("../images/us.png") 0px 0px / 100% no-repeat; }
.thematic-tr-ser .section .flag.UK, .thematic-app-ser .section .flag.UK { background: url("../images/uk.png") 0px 0px / 100% no-repeat; }
.thematic-tr-ser .section .flag.OM { background: url("../images/om.png") 0px 0px / 100% no-repeat; }
.thematic-tr-ser .vat-cont .tit { font-size: 36px; margin-top: 7vw; }
.thematic-tr-ser .section.three .tit { font-weight: bold; font-size: 36px; margin: 2vw 0px 4vw; }
.thematic-tr-ser .section.four .tit { color: rgb(8, 17, 34); }
.thematic-tr-ser .section.four.active .fade1 { animation: 1s ease 0s 1 normal forwards running serstep; }
.thematic-tr-ser .section.four.active .fade2 { animation: 0.7s ease 0.8s 1 normal forwards running serstep2; }
.thematic-tr-ser .section.four.active .fade3 { animation: 1s ease 1.3s 1 normal forwards running serstep3; }
.thematic-tr-tra .section.one { background: url("../images/bg3.png") 0px 0px / cover no-repeat; }
.thematic-tr-tra .section.three .tit { font-weight: bold; font-size: 36px; margin-bottom: 2vw; }
.thematic-tr-tra .section.three .list { display: inline-block; width: 60%; margin: 1vw 0px 5vw; }
.thematic-tr-tra .section.three .list li { float: left; width: 25%; }
.thematic-tr-tra .section.three .list li:hover .tr-box { background: rgb(37, 191, 216); }
.thematic-tr-tra .list li:hover .tr-icon1 { background: url("../images/tr-icon1-active.png") 0px 0px / 100% no-repeat; }
.thematic-tr-tra .list li:hover .tr-icon2 { background: url("../images/tr-icon2-active.png") 0px 0px / 100% no-repeat; }
.thematic-tr-tra .list li:hover .tr-icon3 { background: url("../images/tr-icon3-active.png") 0px 0px / 100% no-repeat; }
.thematic-tr-tra .list li:hover .tr-icon4 { background: url("../images/tr-icon4-active.png") 0px 0px / 100% no-repeat; }
.thematic-tr-tra .section.three .list li:hover .name { color: rgb(37, 191, 216); }
.thematic-app-ser .section.one { background: url("../images/bg4.png") 0px 0px / cover no-repeat; }
.thematic-app-ser .vat-cont .tit { font-size: 1.4vw; margin-bottom: 1vw; }
.thematic-app-ser .section.three .tit { font-size: 36px; font-weight: bold; padding-top: 3vw; margin-bottom: 2vw; }
.thematic-app-ser .section.three .card1 .tit { padding-top: 6vw; color: rgb(255, 255, 255); }
.thematic-app-ser .section.three .list { display: inline-block; width: 65%; }
.thematic-app-ser .section.three .list li { float: left; width: 20%; margin: 0px 2.5%; border-radius: 4px; background: rgb(255, 255, 255); }
.thematic-app-ser .section.three .list li:hover { box-shadow: rgb(142, 142, 142) 0px 0px 15px; transform: scale(1.05); }
.thematic-app-ser .section.four .tit { margin-bottom: 1vw; }
.thematic-app-ser .section.four .list { display: inline-block; width: 60%; }
.thematic-app-ser .section.four .list li { float: left; width: 38%; margin: 0.6vw 1.5%; background: rgb(33, 41, 57); color: rgb(255, 255, 255); border-radius: 4px; padding: 3.5vw 4% 3.5vw 5%; }
.thematic-app-ser .section.four .list li:hover { background: rgb(59, 71, 97); }
.thematic-tr-ser .section.one .btn, .thematic-tr-tra .section.one .btn, .thematic-app-ser .section.one .btn { display: inline-block; background: inherit; color: rgb(255, 255, 255); padding: 0.5vw 2.4vw; font-size: 1.4vw; margin-top: 2.5vw; border: 2px solid rgb(255, 255, 255); vertical-align: middle; transform: perspective(1px) translateZ(0px); box-shadow: transparent 0px 0px 1px; position: relative; transition-duration: 0.3s; transition-property: transform; }
.thematic-tr-ser .section.one .btn::before, .thematic-tr-tra .section.one .btn::before, .thematic-app-ser .section.one .btn::before { pointer-events: none; position: absolute; z-index: -1; content: ""; top: 100%; left: 5%; height: 10px; width: 90%; opacity: 0; background: radial-gradient(at center center, rgb(153, 153, 153) 0%, transparent 80%); transition-duration: 0.3s; transition-property: transform, opacity; }
.thematic-tr-ser .section.one .btn:hover, .thematic-tr-tra .section.one .btn:hover, .thematic-app-ser .section.one .btn:hover { transform: translateY(-5px); }
.thematic-tr-ser .section.one .btn:hover::before, .thematic-tr-tra .section.one .btn:hover::before, .thematic-app-ser .section.one .btn:hover::before { opacity: 1; transform: translateY(5px); }
.company-enroll .section.one { background: url("../images/banner.png") 0px 0px / cover no-repeat; }
.company-enroll .section.one .title { margin-top: 30px; }
.section.active .free-advice { position: relative; animation: 1.5s ease 0s 1 normal forwards running bottom_animate; }
.section.active .about-us { animation: 1.5s ease 0s 1 normal forwards running top_animate; }
.company-enroll .vat-list li.active .cont { color: rgb(37, 191, 216); transform: scale(1.05); }
.company-enroll .vat-list li.active .cont { background: url("../images/blue.png") 0px 0px / 100% 100% no-repeat; width: 10vw; height: 10vw; max-width: 184px; max-height: 184px; text-align: center; }
.company-enroll .vat-list li.active .about { background: url("../images/calif-on.png") 0px 0px / 100% no-repeat; }
.company-enroll .vat-list li.active .ques { background: url("../images/colorado-on.png") 0px 0px / 100% no-repeat; }
.company-enroll .vat-list li.active .notice { background: url("../images/ny-on.png") 0px 0px / 100% no-repeat; }
.company-enroll .vat-list li.active .nevada { background: url("../images/nevada-on.png") 0px 0px / 100% no-repeat; }
.company-enroll .vat-list li.active .delaware { background: url("../images/delaware-on.png") 0px 0px / 100% no-repeat; }
.company-enroll .vat-list li.active .oregon { background: url("../images/oregon-on.png") 0px 0px / 100% no-repeat; }
.company-enroll .vat-cont .tit { font-size: 24px; }
.company-enroll .vat-cont .tit b { font-size: 24px; vertical-align: middle; position: relative; top: -3px; }
.company-enroll .section.four .tit, .registr h1 { font-size: 30px; font-weight: bold; color: rgb(8, 17, 34); text-align: center; }
.company-enroll .section.four .tit { margin: 0px 0px 2%; }
.advantage .tit { font-size: 2.5vw; font-weight: bold; color: rgb(255, 255, 255); text-align: center; margin-top: 2vw; }
.company-enroll .section.five .tit { margin-bottom: 2%; font-size: 30px; }
.company-enroll .section.six .tit a { font-size: 48px; font-weight: bold; color: rgb(37, 191, 216); position: relative; top: 10px; margin: 0px 25px; font-family: fantasy; letter-spacing: 4px; }
.company-enroll .section.six .tit a:last-child { margin-left: -15px; margin-right: 5px; }
.company-enroll .section.six .tit { margin-bottom: 4%; }
.credit-card .section.one { background: url("../images/usbanner.png") 0px 0px / cover no-repeat; }
.credit-card .section.one .wrap > img { width: 48%; max-width: 700px; }
.credit-card .section.four .tit { margin: 8vw 0px 5vw; }
.credit-card .section.five .tit a { color: rgb(37, 191, 216); font-size: 48px; display: inline-block; position: relative; top: 0.5vw; margin-left: 1vw; font-family: fantasy; }
.credit-card .section.five .tit a:last-child { margin-right: 1vw; margin-left: 0vw; }
.credit-card .section.five .tit { font-size: 36px; }
.free_trial {width: 232px;height: 80px;border-radius: 10px;background-color: #de002b;font-size: 32px;color: rgb(255, 255, 255);cursor: pointer;display: block;margin: 0px auto 60px;line-height: 80px;text-align: center;}
.free_trial:hover { opacity: 0.95; }
.intelligent > p, .vat_price > p, .excellence > p { font-size: 26px; color: rgb(0, 8, 60); line-height: 39px; }
.vat_price b { border: 3px solid rgb(59, 74, 214); width: 88px; display: inline-block; margin: 10px; }
.vat_price > p { margin-top: -45px; }
.process_img .active { display: block; }
.tab_title li.active { background-color: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.12) 3px 0px 10px; border-radius: 6px; }
.tab_title li.active .icon_algor { background: url("../images/algor-on.png") 0% 0% / 100% 100%; }
.tab_title li.active .icon_declare { background: url("../images/declare-on.png") 0% 0% / 100% 100%; }
.tab_title li.active .icon_scale { background: url("../images/scale-on.png") 0% 0% / 100% 100%; }
.tab_title li.active .icon_download { background: url("../images/download-on.png") 0% 0% / 100% 100%; }
.tab_title li.active h1 { font-size: 32px; font-weight: bold; }
.vat_price { position: relative; text-align: center; margin-top: 50px; }
.country_price { max-width: 1500px; margin: 60px auto 0px; min-width: 1290px; display: inline-block; }
.country_price li:first-child { margin-left: 0px; }
.country_price li { float: left; margin-left: 27px; cursor: pointer; min-width: 215px; }
.country_price li .content_price { height: 300px; max-width: 320px; padding: 0px 14px; background-color: rgb(237, 237, 237); border-radius: 6px; }
.content_price h1 { font-size: 28px; color: rgb(34, 34, 34); font-weight: bold; padding-top: 70px; padding-bottom: 30px; }
.content_price h2 { font-size: 20px; color: rgb(34, 34, 34); margin-bottom: 15px; }
.content_price p { font-size: 18px; color: rgb(0, 8, 60); margin-top: 10px; margin-bottom: 15px; }
.content_price .price_old { text-decoration: line-through; margin-top: 20px; }
.content_price p a { color: rgb(59, 74, 214); font-weight: bold; }
.country_price .country_title { width: 141px; height: 141px; position: relative; z-index: 2; margin: 0px auto -50px; }
.country_price .country_de { background: url("../images/de-s.png") no-repeat; }
.country_price .country_uk { background: url("../images/uk-s.png") no-repeat; }
.country_price .country_es { background: url("../images/es-s.png") no-repeat; }
.country_price .country_it { background: url("../images/it-s.png") no-repeat; }
.country_price .country_fr { background: url("../images/fr-s.png") no-repeat; }
.country_price li:hover .content_price { background-color: rgb(59, 74, 214); }
.country_price li:hover .content_price h1, .country_price li:hover .content_price h2, .country_price li:hover .content_price p, .country_price li:hover .content_price p a { color: rgb(255, 255, 255); }
.country_price .country_title b { border: 3px solid rgb(59, 74, 214); border-radius: 50%; position: relative; z-index: 2; height: 116px; width: 116px; display: none; }
.country_price li:hover .country_title b { display: inline-block; }
.activity { text-align: center; position: relative; }
.activity .coded { margin-top: -300px; margin-left: -130px; position: absolute; display: none; }
.free_buy:hover { opacity: 0.95; }
.advisory_img .coded { position: absolute; bottom: 62px; margin-left: -20px; display: none; }
.problem_ul li.active .icon_dowm { background: url("../images/open.png"); width: 23px; height: 23px; vertical-align: sub; }
.vat_price > b { margin: 20px; }
.section.active .step_ul .one.left_animate { animation: 1.5s ease 0s 1 normal forwards running left_animate; }
.section.active .step_ul .two.top_animate { animation: 1.5s ease 0s 1 normal forwards running top_animate; }
.section.active .step_ul .three.right_animate { animation: 1.5s ease 0s 1 normal forwards running right_animate; }
.common_problem.active .info1 { animation-delay: 0.5s; }
.common_problem.active .info2 { animation-delay: 0.6s; }
.common_problem.active .info3 { animation-delay: 0.7s; }
.common_problem.active .info4 { animation-delay: 0.8s; }
.common_problem.active .info5 { animation-delay: 0.9s; }
.common_problem.active .info6 { animation-delay: 1s; }
.common_problem.active .info7 { animation-delay: 1.1s; }
.common_problem.active .info8 { animation-delay: 1.2s; }
.common_problem.active .info9 { animation-delay: 1.3s; }
.common_problem.active .info10 { animation-delay: 1.4s; }
.common_problem.active .info11 { animation-delay: 1.5s; }
.overflow { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
h1, h2, h3, h4, h5, h6 { font-family: 微软雅黑, arial, SimSun; }
pre { background: none; border: none; white-space: pre-wrap; }
li { list-style-type: none; }
.banner .carousel-control.left, .banner .carousel-control.right { display: block !important; }
::before, ::after, * { box-sizing: content-box; }
.phone-menu0 li:hover, .phone-menu li.active { background-color: rgb(51, 51, 51); }
body .product-detail .ProductimgSmall .ProductimgRight.active, body .product-detail .ProductimgSmall .ProductimgLeft.active { display: block; }
body .product-detail .ProductimgSmall li.active, body .product-detail .ProductimgSmall li:hover { border: 2px solid red; }
body .product-detail .BigImg.active { opacity: 1; }
body .product-detail .BigImg img.active { opacity: 1; }
#ProClassLeft li.ac .Classtriangle:hover::after, #ProClassLeft li.ac .Themebg::after { border-top-color: rgb(255, 255, 255); }
#md_detailProductClass li.ac .Classtriangle:hover::after, #md_detailProductClass li.ac .Themebg::after { border-top-color: rgb(255, 255, 255); }
#ProClassLeft li.ac .Themebg, #md_detailProductClass li.ac .Themebg { color: rgb(255, 255, 255) !important; }
.ClassLeftBox .product-class li a:hover, .ClassLeftBox .product-class li a.Themebg { color: rgb(255, 255, 255); }
.classifiCen li a.Themebg, .classifiCen li a:hover { color: rgb(255, 255, 255); }
table[align="center"] { margin: 0px auto; }
table[align="left"], table[align="right: "] { margin: auto 0px; }
.icon { background-image: url("../images/icon.png"); display: inline-block; padding: 0px; border: 0px; background-repeat: no-repeat; }
.active .icon-data1 { background: url("../images/icon-data1-active.png") 0% 0% / 100% no-repeat; }
.active .icon-data2 { background: url("../images/icon-data2-active.png") 0% 0% / 100% no-repeat; }
.active .icon-data3 { background: url("../images/icon-data3-active.png") 0% 0% / 100% no-repeat; }
.active .icon-data4 { background: url("../images/icon-data4-active.png") 0% 0% / 100% no-repeat; }
.active .icon-data5 { background: url("../images/icon-data5-active.png") 0% 0% / 100% no-repeat; }
.active .icon-data6 { background: url("../images/icon-data6-active.png") 0% 0% / 100% no-repeat; }
.js-list .active .icon-mater01, li:hover .icon-mater01 { background-position: -84px -260px; }
.js-list .active .icon-mater02, li:hover .icon-mater02 { background-position: -32px -260px; }
.js-list .active .icon-mater03, li:hover .icon-mater03 { background-position: -135px -260px; }
.js-list .active .icon-mater04, li:hover .icon-mater04 { background-position: -194px -260px; }
.account-cont .account-ul .icon { position: absolute; left: 10px; top: 8px; }
.account-tab li.active { color: rgb(27, 34, 93); }
.account-tab li.active span { border-bottom: 2px solid rgb(143, 147, 150); }
.read-content .list { margin-bottom: 64px; }
.ques-nav li a.active { color: rgb(36, 183, 206); }
.ques-nav li a.first-btn.active { border-left: 4px solid rgb(36, 183, 206); }
.ques-nav li.active .ques-second-list { display: block; }
.ques-nav li .icon-right-gray.active { transform: rotate(90deg); }
.ques-nav .ques-second-list li.active { border-right: 1px solid rgb(255, 255, 255); color: rgb(36, 183, 206); }
.ques-cont .tit { font-size: 22px; text-align: center; font-weight: bold; margin-top: 30px; position: relative; }
.ques-cont .tit .line { display: inline-block; width: 100%; height: 15px; border-bottom: 1px dashed rgb(36, 183, 206); position: absolute; left: 0px; top: 0px; }
.ques-cont .tit b, .ques-cont .tit strong { display: inline-block; background: rgb(255, 255, 255); position: relative; z-index: 1; font-weight: bold; padding: 0px 5px; color: rgb(36, 183, 206); }
.ques-cont .cont .msg-list .a { color: rgb(102, 102, 102); font-size: 14px; font-family: cursive; font-weight: normal; position: absolute; left: -30px; top: 2px; }
.price-bg .cont .tit { padding: 150px 40px 0px 0px; font-size: 43px; }
.home-price-table .btn:hover, .home-price-table .btn.active { color: rgb(255, 255, 255); background: rgb(95, 205, 226); }
.home-price-table .btn.active:hover { opacity: 0.8; }
.home-ques-box .tit { font-size: 30px; color: rgb(51, 51, 51); }
.func-bg .tit { font-size: 43px; margin-top: 70px; }
.func-tab-list li.active { border-bottom: 3px solid rgb(0, 193, 222); }
.func-tab-list li.active a { color: rgb(0, 193, 222); }
.main-func-content .main-infor-list .tit { margin: 80px 0px 30px; }
.help-box .help-cont .tit { color: rgb(28, 53, 68); font-size: 52px; text-align: center; }
.help-box .help-cont .tit i { vertical-align: bottom; margin-right: 80px; }
.help-box .help-cont .list { color: rgb(28, 53, 68); font-size: 14px; line-height: 70px; margin-top: 20px; }
.helps .tips .icon { position: absolute; left: 0px; top: 4px; }
.helps .content .list { padding: 15px 0px; }
.college-column-list li.active a, .college-column-list li:hover a { color: rgb(255, 102, 0); border-bottom: 2px solid rgb(255, 102, 0); }
.consBanner .tit { font-size: 110px; margin-top: 8%; font-weight: bold; }
.consfirm-list .logo { width: 280px; height: 168px; display: table-cell; vertical-align: middle; text-align: center; position: relative; }
.consfirm-list .logo img { max-width: 100%; max-height: 100%; }
.consfirm-list li:hover .logo { height: 133px; transition: all 0.3s ease-in 0s; }
.consPrice-box .tit { color: rgb(38, 202, 226); font-size: 23px; padding: 40px 0px 10px; }
.consPrice-box.active { box-shadow: rgb(220, 220, 220) 0px 0px 10px; }
.consPrice-box.active .top { animation: 1s linear 0s 1 normal forwards running changeBg; }
.consPrice-box.active .tit, .consPrice-box.active .tip { color: rgb(255, 255, 255); }
.consPrice-box.active .recom { background: rgb(22, 149, 168); }
.consPrice-box.active .btn { background: rgb(38, 202, 226); }
.consPrice-box.active .btn a { color: rgb(255, 255, 255); }
.material-nav-list li.active { border-bottom: 2px solid rgb(38, 207, 232); }
.material-nav-list li.active a, .material-nav-list li:hover a { color: rgb(38, 207, 232); }
.material-column-list li.active a, .material-column-list li:hover a { color: rgb(38, 207, 232); border-bottom: 2px solid rgb(38, 207, 232); }
.material-sidebar .list { border-bottom: 1px solid rgb(237, 237, 237); }
.material-sidebar .list li { border-top: 1px solid rgb(237, 237, 237); line-height: 50px; font-size: 14px; border-left: 2px solid transparent; cursor: pointer; }
.material-sidebar .list li.active { color: rgb(38, 207, 232); border-left: 2px solid rgb(38, 207, 232); }
.material-sidebar .list li a { display: inline-block; text-indent: 4em; width: 100%; color: rgb(51, 51, 51); }
.material-sidebar .list li.active a, .material-sidebar .list li:hover, .material-sidebar .list li:hover a { color: rgb(38, 207, 232); }
.material-box.auto { margin: auto; width: 80%; }
.material-article-list .tit { font-size: 16px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: rgb(51, 51, 51); font-family: "Microsoft YaHei"; }
.college-details-box .tit { width: 95%; margin: 42px auto 26px; text-align: center; }
.college-details-box .tit .cont { display: inline-block; text-align: left; font-size: 24px; color: rgb(0, 0, 0); text-indent: 0px; margin: 0px; }
.college-details-box .college-good.active, .college-video-box .college-good.active { background-position: -108px -22px; }
.college-comment .tit { font-size: 22px; color: rgb(38, 207, 232); font-weight: bold; border-bottom: 3px solid rgb(38, 207, 232); }
.college-comment .infor .reply:hover, .college-comment .infor .reply.active { color: rgb(38, 207, 232); }
.college-comment .infor .reply:hover .college-msg, .college-comment .infor .reply.active .college-msg { background-position: -63px -100px; }
.college-box .category-list dd.elem.active, .college-box .category-list dd.elem:hover { color: rgb(255, 255, 255); background: rgb(255, 102, 0); }
.college-box .sort-list dd.active { color: rgb(255, 102, 0); }
.college-box .drycargo-list .tit { font-size: 24px; color: rgb(68, 68, 68); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "Microsoft YaHei"; }
.material-recommend .tit { font-size: 22px; color: rgb(38, 207, 232); font-weight: bold; border-bottom: 3px solid rgb(38, 207, 232); }
.material-recommend .list { background: rgb(255, 255, 255); font-size: 12px; padding-bottom: 30px; border-width: 1px; border-style: solid; border-color: transparent rgb(237, 237, 237) rgb(237, 237, 237); border-image: initial; border-radius: 4px; box-shadow: rgb(237, 237, 237) 0px 0px 10px; }
.material-recommend .list a { width: 92%; display: inline-block; color: rgb(102, 102, 102); padding: 20px 4% 0px; opacity: 0.8; }
.material-recommend .list a:hover { opacity: 1; }
.system-head-nav li span .icon { vertical-align: sub; }
.second-nav li.second-width font.op, .second-nav li.second-width .icon { opacity: 0.6; }
.system-head-nav .second-nav li.active > a, .system-head-nav .second-nav li:hover > a, .system-head-nav .third-nav li a:hover, .system-head-nav .third-nav li.active a { color: rgb(38, 207, 232); }
.system-menu dd.active > a, .system-menu dd:hover > a { background: rgb(96, 113, 124); color: rgb(255, 255, 255); text-decoration: none; outline: none; }
.graph-count .tit { display: inline-block; width: 88%; font-size: 17px; color: rgb(196, 88, 86); font-weight: bold; padding: 40px 0px 20px; text-align: left; }
.graph-count .tit span { font-size: 15px; color: rgb(19, 42, 56); font-weight: normal; margin-left: 20px; }
.graph-count-b .graph, .graph-count-b .tit { width: 94%; }
.pay-card .pay-list li.active, .pay-card .pay-list li:hover { background: rgb(87, 100, 119); }
.pay-card .pay-list li.active a, .pay-card .pay-list li:hover a { color: rgb(255, 255, 255); }
.pay-card .pay-list li:last-child:hover .icon { background-position: -281px -44px; transition: all 0.2s ease-in 0s; }
.pay-int .pay-nav li.active, .pay-int .pay-nav li:hover { color: rgb(37, 43, 51); border-left: 2px solid rgb(47, 53, 61); border-right: 3px solid rgb(255, 255, 255); }
.invite-progress .step.active { border: 2px solid transparent; background: linear-gradient(rgb(236, 121, 139), rgb(235, 94, 117)); }
.invite-progress .step.active::before, .invite-progress .step.active::after { background: initial; }
.invite-progress .step.active b { background: linear-gradient(rgb(236, 121, 139), rgb(235, 94, 117)); }
.pay-int .pay-method dd:hover p, .pay-int .pay-method dd.active p { color: rgb(236, 119, 137); transition: all 0.2s ease-in 0s; }
.time-box:hover .icon { transform: scale(1.3); transition: all 0.4s ease-in 0s; }
.banner-list .banner { width: 500px; height: 380px; }
.banner-list .banner { float: left; height: 100%; }
.banner-btn li.active { background: rgb(28, 53, 68); }
.graph-site .select-site li:hover, .graph-site .select-site li.active { background: rgb(96, 113, 124); color: rgb(255, 255, 255); text-decoration: none; outline: none; }
.graph-group li:hover, .graph-group li.active, .graph-tit .graph-group li:hover, .graph-tit .graph-group li.active { border-bottom: 2px solid rgb(28, 53, 68); color: rgb(38, 207, 232); }
.date-btn li:hover, .date-btn li.active { background: rgb(232, 231, 232); }
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success { transition: all 0.2s ease-in 0s; background-color: rgb(19, 42, 56) !important; color: rgb(255, 255, 255) !important; }
.order-layer .buyer-list .tit { float: left; }
.per-add li.active { background: rgb(96, 206, 225); color: rgb(255, 255, 255); }
.per-add li.active:hover { color: rgb(255, 255, 255); background: rgb(126, 225, 243); }
.per-add li.active .checked { display: inline-block; width: 10px; height: 10px; background: url("../images/input-checked.png") 0% 0% / 100%; vertical-align: middle; }
.goods-nav li.active { color: rgb(102, 102, 102); border-width: 1px 1px 2px; border-style: solid; border-color: rgb(231, 234, 236) rgb(231, 234, 236) rgb(255, 255, 255); border-image: initial; }
.goods-list .tit { display: inline-block; width: 120px; text-align: right; font-weight: bold; color: rgb(103, 106, 108); float: left; }
.shopDefined-list dd.active a, .shopDefined-list dd:hover a { background: inherit; color: rgb(95, 105, 112); }
.timeSelect-box .time-list li.active { background: rgb(52, 112, 204); color: rgb(255, 255, 255); }
.email-tab li.active a, .email-tab li:hover a { background: rgb(19, 42, 56); color: rgb(255, 255, 255); }
.system-infor .menu-list dd.active > a, .system-infor .menu-list dd:hover > a { background: rgb(96, 113, 124); color: rgb(255, 255, 255); text-decoration: none; outline: none; }
.tab-nav li:hover, .tab-nav li.active { background: rgb(19, 42, 56); color: rgb(255, 255, 255); }
.tab-nav li:hover a, .tab-nav li.active a { color: rgb(255, 255, 255); }
.auth-box .tit { padding: 10px 0px 0px 15px; position: relative; font-weight: bold; float: left; }
.auth-box .tit::after { content: ""; width: 3px; height: 15px; background: rgb(38, 207, 232); position: absolute; left: 0px; top: 22px; }
.auth-box .auth-list li:hover, .auth-box .auth-list li.active { background: rgb(19, 42, 56); color: rgb(255, 255, 255); }
.account-msg .tit { background: rgb(207, 210, 212); line-height: 45px; font-size: 12px; padding: 0px 15px; text-align: right; }
.account-msg .tit .light-green:hover { color: rgb(77, 184, 200); }
.pay-inforList .tit { display: inline-block; width: 140px; line-height: 30px; text-align: right; float: left; color: rgb(102, 102, 102); margin-right: 15px; }
.pay-inforList .cont .acc-type.active { box-shadow: rgb(117, 176, 223) 2px 2px 4px; border: 1px solid rgb(117, 176, 223); }
.pay-lianlian-box .tit { text-align: center; }
.open-acc-steps li.active { background: rgb(117, 176, 223); }
.open-acc-steps li.step1.active::before, .open-acc-steps li.step2.active::after { content: ""; width: 37px; height: 57px; position: absolute; right: 0px; top: 0px; background: url("../images/pay-guide-step1.png"); }
.open-acc-steps li.step2.active::before, .open-acc-steps li.step3.active::before { content: ""; width: 37px; height: 57px; position: absolute; left: -36px; top: 0px; background: url("../images/pay-guide-step2.png"); }
.open-acc-steps li.active b, .open-acc-steps li.active p { color: rgb(255, 255, 255); }
.acc-success .info-table td.tit { padding: 0px 60px 40px 0px; }
.pay-cardbox .tit { width: 85px; }
.shop-card .main-content .tit { font-weight: bolder; }
.shop-card .main-content .tit span { font-family: -webkit-pictograph; font-size: 40px; }
.shop-card .list { font-size: 12px; line-height: 22px; margin-left: 26px; overflow-wrap: break-word; }
.ll-box02 .tit { display: inline-block; color: rgb(251, 252, 253); margin: 50px 0px 0px; padding: 0px 20px; position: relative; }
.ll-box03 .tit, .ll-box04 .tit, .ll-box05 .tit, .ll-box06 .tit { text-align: center; font-size: 46px; font-weight: bold; color: rgb(49, 25, 7); border-bottom: 2px solid rgb(255, 255, 255); padding: 90px 0px 7px; font-family: "Microsoft YaHei"; }
.ll-box03 .tit b, .ll-box04 .tit b, .ll-box05 .tit b, .ll-box06 .tit b { padding: 0px 10px 5px 0px; border-bottom: 5px solid rgb(27, 34, 93); font-family: lanting, sans-serif; }
.ll-box04 .tit { border-bottom: 2px solid rgb(231, 233, 236); }
.activities .head .tit { text-align: center; }
.activities .ticket-box.active { background: url("../images/ticket-bg2.png") 0px 0px / 100% no-repeat; }
.activities .ticket-box.active .ticket { background: url("../images/ticket2.png") 0px 0px / 100% no-repeat; }
.activities .ticket-box.active .infor { color: rgb(236, 105, 59); }
.activities .icon-name, .activities .icon-code, .activities .icon-time, .activities .active .icon-name, .activities .active .icon-code, .activities .active .icon-time { display: inline-block; width: 14px; height: 14px; margin-right: 10px; }
.activities .active .icon-name { background: url("../images/icon-name2.png") 0px 0px / 100% no-repeat; }
.activities .active .icon-code { background: url("../images/icon-code2.png") 0px 0px / 100% no-repeat; height: 10px; }
.activities .active .icon-time { background: url("../images/icon-time2.png") 0px 0px / 100% no-repeat; }
.activities .ticket-box.active .msg p { margin: 30px auto 0px; }
.ll-layer-box .tit { width: 350px; height: 40px; background: url("../images/ll-logo-white.png") 0px 0px / 100% no-repeat; margin: 30px auto; }
.data-search-box .search-nav li:hover, .data-search-box .search-nav li.active, .data-search-box .search-nav li:hover > a, .data-search-box .search-nav li.active > a { color: rgb(0, 193, 222); }
.data-animate3 .c1 { display: none; width: 140px; height: 150px; background: url("../images/c1.png") 0px 0px / 100% no-repeat; left: 50%; top: 100px; margin-left: -70px; }
.data-animate3 .c2 { display: none; width: 200px; height: 160px; background: url("../images/c2.png") 0px 0px / 100% no-repeat; top: 90px; left: 50%; margin-left: -100px; }
.data-animate3 .c3 { display: none; width: 254px; height: 172px; background: url("../images/c3.png") 0px 0px / 100% no-repeat; top: 81px; left: 50%; margin-left: -127px; }
.data-animate3 .c4 { display: none; width: 308px; height: 185px; background: url("../images/c4.png") 0px 0px / 100% no-repeat; top: 71px; left: 50%; margin-left: -154px; }
.add-storage-list li.active, .add-storage-list li:hover { background: rgb(0, 193, 222); color: rgb(255, 255, 255); }
.competing-list li:hover, .competing-list li.active { background: rgb(0, 193, 222); color: rgb(255, 255, 255); }
.competing-list li:hover a, .competing-list li.active a { color: rgb(255, 255, 255); }
.data-graph-box .graph-type span.active, .data-graph-box .graph-type span:hover { color: rgb(38, 207, 232); }
.data-graph-box .graph-time .day.active, .data-graph-box .graph-time .day:hover { color: rgb(255, 255, 255); background: rgb(101, 211, 227); }
.r-rank-analysis .rank-list .tit { display: inline-block; width: 70px; text-align: right; font-weight: bold; }
.r-rank-analysis .rank-nav .type.active, .r-rank-analysis .rank-nav .type:hover { color: rgb(255, 255, 255); background: linear-gradient(to right, rgb(137, 217, 229), rgb(2, 193, 222)); }
.r-rank-analysis .rank-nav .type.active .icon-question, .r-rank-analysis .rank-nav .type:hover .icon-question { background-position: -325px -210px; }
.r-rank-analysis .rank-nav span.active .new-arrivals, .r-rank-analysis .rank-nav span:hover .new-arrivals { background: url("../images/new-arrivals-white.png") 0px 0px / 100% no-repeat; }
.r-data-steps li.active { background: rgb(87, 190, 205); color: rgb(255, 255, 255); }
.r-data-steps li.active:nth-child(1) { background: linear-gradient(to right, rgb(3, 139, 159), rgb(35, 158, 177)); }
.r-data-steps li.active:nth-child(2) { background: linear-gradient(to right, rgb(40, 161, 179), rgb(82, 187, 202)); }
.r-data-steps li.active:nth-child(3) { background: linear-gradient(to right, rgb(87, 190, 205), rgb(109, 203, 217)); }
.r-data-steps li.active:nth-child(4) { background: linear-gradient(to right, rgb(112, 205, 219), rgb(131, 216, 229)); }
.r-data-steps li.active:nth-child(5) { background: linear-gradient(to right, rgb(134, 218, 231), rgb(174, 242, 253)); }
.r-data-steps li.step2.active::before { background: url("../images/data-steps4.png") 0px 0px / 100% no-repeat; }
.r-data-steps li.step3.active::before { background: url("../images/data-steps6.png") 0px 0px / 100% no-repeat; }
.r-data-steps li.step4.active::before { background: url("../images/data-steps8.png") 0px 0px / 100% no-repeat; }
.r-data-steps li.step5.active::before { background: url("../images/data-steps10.png") 0px 0px / 100% no-repeat; }
.r-data-steps li.step1.active::after { background: url("../images/data-steps3.png") 0px 0px / 100% no-repeat; }
.r-data-steps li.step2.active::after { background: url("../images/data-steps5.png") 0px 0px / 100% no-repeat; }
.r-data-steps li.step3.active::after { background: url("../images/data-steps7.png") 0px 0px / 100% no-repeat; }
.r-data-steps li.step4.active::after { background: url("../images/data-steps9.png") 0px 0px / 100% no-repeat; }
.water-package-list li.active { border: 1px solid rgb(103, 142, 200); }
.water-package-list li.active .type { background: rgb(255, 96, 0); }
.water-package-list li.active .right { border-left: 1px dashed rgb(103, 142, 200); }
.water-package-list li.active::before { content: ""; width: 30px; height: 30px; background: url("../images/water-tick.png") 0px 0px / 100% no-repeat; position: absolute; right: 1px; bottom: 1px; }
.college-box-list .tit { font-size: 14px; color: rgb(68, 68, 68); margin: 10px 0px 0px; padding: 0px 10px; width: 100%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-family: "Microsoft YaHei"; }
.college-box-list .tit:hover { color: rgb(255, 102, 0); }
.college-box .route .tit { display: inline-block; width: 110px; vertical-align: top; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; }
.college-video-box .tit { width: 98%; color: rgb(68, 68, 68); font-size: 24px; margin: 12px 0px 20px; padding: 0px 1%; }
.college-video-box .oper .intro.active, .college-video-box .oper .intro:hover { color: rgb(255, 102, 0); }
.college-video-box .oper .intro.active::after { top: 5px; border-top: inherit; border-bottom: 6px solid rgb(255, 102, 0); }
.college-right .college-reco-box .tit { color: rgb(252, 125, 108); font-size: 22px; font-weight: bold; border-bottom: 3px solid rgb(252, 125, 108); }
.notice-list .sidebar-nav .list { padding: 10px 20px; cursor: pointer; }
.notice-list .sidebar-nav .list:hover { background: rgb(241, 242, 243); }
.notice-list .sidebar-nav .tit { font-size: 14px; font-weight: bold; color: rgb(89, 89, 89); }
.notice-list .sidebar-nav .active { background: rgb(241, 242, 243); }
.notice-list .active .slash, .notice-list .sidebar-nav .active .tit { color: rgb(38, 207, 232); }
.notice-list .sidebar-nav .active .cont { color: rgb(251, 140, 66); }
.claim-bg .tit { font-size: 4.5vw; letter-spacing: 10px; }
.claim-content1 .list { display: inline-block; width: 60%; margin: 4vw auto 0px; min-width: 1000px; }
.claim-content1 .list li { float: left; width: 33.3%; position: relative; }
.claim-content6 .ques-list .ser.a { background: rgb(23, 129, 145); }
.Themebg, .Custom_Themebg:hover { background-color: rgb(17, 99, 187) !important; }
[class*="the239-"] { font-size: 16px; font-style: normal; -webkit-font-smoothing: antialiased; font-family: theme !important; }
.menu .header-box .logo { position: relative; z-index: 2; padding: 0px; }
.menu .header-box .logo img { margin: 8px 0px !important; max-height: 60px !important; }
.menu .navbar-nav > li > a.active, .menu .navbar-nav > li > a:hover, .menu .navbar-nav > li > a:focus { color: rgb(255, 255, 255); background: none; }
.menu .navbar-nav > li > a.active { background-image: none; box-shadow: none; }
.btn-navbar-t:hover, .btn-navbar-t:focus, .btn-navbar-t:active, .btn-navbar-t.active, .btn-navbar-t.disabled, .btn-navbar-t[disabled], .btn-navbar-t .icon-bar:hover, .btn-navbar-t .icon-bar:focus, .btn-navbar-t .icon-bar:active { opacity: 0.8; }
body .home-module { width: 1180px; margin: 0px auto; padding: 40px 0px 50px; }
.home-title { width: 100%; max-width: 1180px; margin: 0px auto; padding-bottom: 30px; text-align: center; }
.home-title span { display: inline-block; }
.home-title span.tit { color: rgb(51, 51, 51); font-size: 24px; font-weight: 600; margin: 0px 26px; }
.home-title span.in { position: relative; width: 60px; height: 2px; background: rgb(191, 191, 191); top: -8px; }
.con_right .header { display: none; }
.banner { width: 100%; overflow: hidden; }
.banner .carousel-control { background: none; }
.notice .notice-box .btn-danger:hover, .notice .notice-box .btn-danger:focus, .notice .notice-box .btn-danger:active, .notice .notice-box .btn-danger.active, .notice .notice-box .open > .dropdown-toggle.btn-danger { background-color: rgb(184, 45, 8); border: 1px solid rgb(184, 45, 8); }
.album_mod { background-color: rgb(245, 245, 245); }
.album_box { }
.album_box li { width: 23.5%; float: left; position: relative; margin: 0px 2% 0px 0px; box-shadow: rgba(0, 0, 0, 0.1) 1px 1px 5px; }
.album_box li a { display: block; }
.album_box li img { width: 100%; }
.album_box li p { background: rgb(255, 255, 255); line-height: 40px; color: rgb(51, 51, 51); text-align: center; font-size: 14px; padding: 0px 2%; }
.album_box li:last-child { margin-right: 0px; }
.one { margin: 50px auto; height: 160px; width: 1000px; overflow: hidden; position: relative; }
.one ul { height: 160px; width: 100000px; position: absolute; left: 0px; }
.one ul li { display: block; float: left; margin: 5px; height: 150px; border-radius: 5px; position: relative; }
.one ul li a { display: inline-block; height: 150px; }
.one ul li img { border-radius: 5px; display: block; }
.one ul li a span { height: 0px; display: block; background: rgba(0, 0, 0, 0.4); position: absolute; bottom: 0px; color: rgb(255, 255, 255); font-size: 0px; }
.one ul li a:hover span { height: 150px; line-height: 150px; font-size: 20px; text-align: center; transition: all 0.7s ease 0s; }
.del_float { display: block; height: 0px; clear: both; visibility: hidden; }
.document-width { width: 1200px; margin: auto;padding-top:50px; }
.jpavt_news .jpvat_wz_tt span.sp1 a:hover, .jpavt_news .jpvat_wz_tt span.sp1 a.cur { color: rgb(255, 255, 255); background: rgb(103, 173, 20); }
.jpvat_wt_c dl.cur dd { display: block; }
.jpvat_wt_c dl.cur dt { background: url("../images/jpvat_wt_1.png") right center no-repeat; }
.index_links span.cur { border-bottom: 3px solid rgb(103, 173, 20); background: rgb(103, 173, 20); color: rgb(255, 255, 255); }
.xinwen_div_left_tt span.cur { background: rgb(103, 173, 20); color: rgb(255, 255, 255); }
.xinwen_div_right_c dl.cur dd { display: block; }
.pro_div_left ul.u1 li a:hover, .pro_div_left ul.u1 li a.cur { background: rgb(118, 189, 33); color: rgb(51, 51, 51); }
.pro_div_left ul.u2 li:hover a span, .pro_div_left ul.u2 li.cur a span { background: rgb(103, 173, 20); color: rgb(255, 255, 255); }
.pro_div_left ul.u2 li:hover a s, .pro_div_left ul.u2 li.cur a s { background: rgb(103, 173, 20); border: 3px solid rgb(103, 173, 20); }
.pro_div_left ul.u2 li.l1.cur, .pro_div_left ul.u2 li.l1:hover { background: url("../images/dingwei_tb_1_h.png") 10px center no-repeat; }
.pro_div_left ul.u2 li.l2.cur, .pro_div_left ul.u2 li.l2:hover { background: url("../images/dingwei_tb_2_h.png") 10px center no-repeat; }
.pro_div_left ul.u2 li.l3.cur, .pro_div_left ul.u2 li.l3:hover { background: url("../images/dingwei_tb_3_h.png") 10px center no-repeat; }
.pro_div_left ul.u2 li.l4.cur, .pro_div_left ul.u2 li.l4:hover { background: url("../images/dingwei_tb_4_h.png") 10px center no-repeat; }
.pro_div_left ul.u2 li.l5.cur, .pro_div_left ul.u2 li.l5:hover { background: url("../images/dingwei_tb_5_h.png") 10px center no-repeat; }
.pro_div_left ul.u2 li.l6.cur, .pro_div_left ul.u2 li.l6:hover { background: url("../images/dingwei_tb_6_h.png") 10px center no-repeat; }
.pro_div_left ul.u2 li.l7.cur, .pro_div_left ul.u2 li.l7:hover { background: url("../images/dingwei_tb_7_h.png") 10px center no-repeat; }
.pro_div_left ul.u2 li.l8.cur, .pro_div_left ul.u2 li.l8:hover { background: url("../images/dingwei_tb_8_h.png") 10px center no-repeat; }
.index_div12 ul.ull li a:hover, ul.ull li a.cur { background: rgb(103, 173, 20); color: rgb(255, 255, 255); }
.i_h { width: 100%; height: auto; float: left; text-align: center; font-size: 32px; line-height: 32px; color: rgb(51, 51, 51); margin-bottom: 5px; }
.i_p { width: 100%; height: auto; float: left; text-align: center; font-size: 18px; color: rgb(153, 153, 153); line-height: 30px; margin-bottom: 30px; }
.index_div1 dl dd a.a { width: 100%; height: auto; font-size: 12px; color: rgb(51, 51, 51); display: none; }
.index_div4 { width: 100%; height: auto; float: left; padding: 50px 0px; border-bottom: 1px solid rgb(242, 242, 242); }
.index_div_case { height: 350px; position: relative; overflow: hidden; }
.index_div4 dl { width: 160px; height: 95px; float: left; position: relative; margin-right: 20px;margin-left:20px;margin-bottom: 40px; }
.index_div4 dl dt { width: 160px; height: 95px; border: 1px solid rgb(242, 242, 242); cursor: pointer; }
.index_div4 dl dt img { width: 160px; height: 95px; display: block; }
.index_div4 dl dd { display: none; padding: 20px; position: absolute; text-align: center; color: rgb(255, 255, 255); left: 0px; top: 0px; width: 245px; height: 165px; float: left; background: rgb(103, 173, 20); }
.index_div4 dl dd h3 a { color: rgb(255, 255, 255); width: 100%; height: 30px; overflow: hidden; line-height: 30px; font-size: 20px; margin: 5px 0px; float: left; }
.index_div4 dl dd p { width: 100%; height: 66px; overflow: hidden; float: left; font-size: 12px; line-height: 22px; }
.index_div4 dl dd a.a { width: 30px; display: block; margin: 0px auto; height: 30px; background: url("../images/index_al_a.png") center center no-repeat; padding: 20px 0px; }
.index_div4 dl:hover dd { display: block; }
.case_annu { width: 280px; height: 30px; margin: 0px auto; z-index: 99; }
.case_l { background: url("../images/case_jt_l.png") center center no-repeat rgb(255, 255, 255); width: 132px; height: 30px; cursor: pointer; float: left; margin: 0px 4px; }
.case_r { background: url("../images/case_jt_r.png") center center no-repeat rgb(255, 255, 255); width: 132px; height: 30px; cursor: pointer; float: left; margin: 0px 4px; }
.case_l:hover { background: url("../images/case_jt_l_h.png") center center no-repeat rgb(255, 255, 255); }
.case_r:hover { background: url("../images/case_jt_r_h.png") center center no-repeat rgb(255, 255, 255); }
.index_div5 a.a { width: 160px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; margin: 20px auto; border: 1px solid rgb(204, 204, 204); border-radius: 8px; display: block; }
.index_div5 a.a:hover { background: rgb(139, 198, 60); color: rgb(255, 255, 255); border: 1px solid rgb(139, 198, 60); }
.index_div6_menu ul li a:hover, .index_div6_menu ul li a.cur { width: 120px; height: auto; background: url("../images/index_xw_xt.png") center bottom no-repeat; color: rgb(139, 198, 60); }
.left_banner_span span.cur, .left_banner_span span:hover { background: rgb(103, 173, 20); border-radius: 7px; cursor: pointer; }
.index_div6 a.a { width: 160px; height: 32px; line-height: 32px; font-size: 14px; text-align: center; margin: 30px auto 0px; border: 1px solid rgb(204, 204, 204); border-radius: 8px; display: block; }
.index_div6 a.a:hover { background: rgb(139, 198, 60); color: rgb(255, 255, 255); border: 1px solid rgb(139, 198, 60); }
.footer2 { width: 100%; height: 300px; float: left; background:#f6ac19; }
.footer_div { width: 909px; height: 175px; float: left; border-right: 1px solid rgb(255, 255, 255); margin-right: 20px; }
.footer_div dl { width: 140px; height: auto; float: left; }
.footer_div dl dt { width: 100%; height: auto; float: left; font-size: 16px; color: rgb(255, 255, 255); margin-bottom: 10px; }
.footer_div dl dd a { width: 100%; height: auto; float: left; font-size: 14px; line-height: 24px; color:rgb(255, 255, 255); }
.footer_div dl dd a:hover { color: rgb(255, 255, 255); }
.footer_div1 { width: 270px; height: auto; float: right; margin-top: 20px; }
.footer_div1 ul { width: 270px; height: auto; float: left; }
.footer_div1 ul li { width: 115px; height: auto; float: left; margin: 0px 10px; }
.footer_div1 ul li img { width: 115px; height: 115px; display: block; }
.footer_div1 ul li span { width: 115px; height: 30px; line-height: 30px; float: left; text-align: center; color: rgb(255, 255, 255); }
.Copyright { width: 100%; height: 50px; line-height: 50px; float: left; text-align: center; background: rgb(30, 30, 30); color: rgb(143, 143, 143); font-size: 14px; }
a { text-decoration: none; }
.floating_ck { position: fixed; right: 20px; top: 30%; }
.floating_ck dl dd { position: relative; width: 80px; height: 80px; background-color: rgb(100, 101, 119); border-bottom: 1px solid rgb(85, 86, 102); text-align: center; background-repeat: no-repeat; background-position: center 20%; cursor: pointer; }
.floating_ck dl dd:hover { background-color: rgb(228, 2, 49); border-bottom: 1px solid rgb(164, 3, 36); }
.floating_ck dl dd:hover .floating_left { display: block; }
.consult, .words { background-image: url("../images/zxicon.png"); }
.qrcord { background-image: url("../images/erweima.png"); }
.return2 { background-image: url("../images/fanhui.png"); }
.floating_ck dd span { color: rgb(255, 255, 255); display: block; padding-top: 54px; }
.floating_left { position: absolute; left: -160px; top: 0px; width: 160px; height: 80px; background-color: rgb(228, 2, 49); border-bottom: 1px solid rgb(164, 3, 36); display: none; }
.floating_left a { color: rgb(255, 255, 255); line-height: 80px; }
.floating_ewm { height: 260px; top: -180px; }
.floating_ewm i { background-image: url("../images/erweima.png"); display: block; width: 145px; height: 145px; margin: 7px auto auto; }
.floating_ewm p { color: rgb(255, 255, 255); margin-top: 5px; }
.floating_ewm .qrcord_p01 { font-size: 12px; line-height: 20px; }
.floating_ewm .qrcord_p02 { font-size: 18px; }
#lyb { width: 240px; height: 350px; position: fixed; bottom: 0px; left: 0px; background: rgb(237, 237, 237); z-index: 999; }
#lyb li { padding-bottom: 10px; margin-left: 10px; }
.c1::-webkit-input-placeholder { color: rgb(170, 178, 189); font-size: 12px; text-align: left; padding-left: 25px; background-image: url("../images/user.png"); background-repeat: no-repeat; background-position: 5% center; }
.c2::-webkit-input-placeholder { color: rgb(170, 178, 189); font-size: 12px; text-align: left; padding-left: 25px; background-image: url("../images/nodephone.png"); background-repeat: no-repeat; background-position: 5% center; }
.c3::-webkit-input-placeholder { color: rgb(170, 178, 189); font-size: 12px; text-align: left; padding-left: 25px; background-image: url("../images/nodemail.png"); background-repeat: no-repeat; background-position: 5% center; }
.c4::-webkit-input-placeholder { color: rgb(170, 178, 189); font-size: 12px; text-align: left; padding-left: 25px; background-image: url("../images/nodelocation.png"); background-repeat: no-repeat; background-position: 5% center; }
.bt { height: 35px; width: 70px; border-style: solid; border-width: 0px 1px 4px; font-size: inherit; background-color: rgb(244, 156, 17); border-color: rgb(244, 156, 17) rgb(244, 156, 17) rgb(212, 136, 16); color: rgb(255, 255, 255); border-radius: 0.25rem; }
.lyb_head { width: 240px; height: 35px; line-height: 35px; background-image: url("../images/bg.png"); }
.te1 { font-size: 14px; color: rgb(255, 255, 255); padding-left: 10px; float: left; }
#exit { display: inline-block; float: right; height: 30px; width: 34px; margin-top: 2px; cursor: pointer; background: url("../images/nodemin.png") no-repeat transparent; }
.section.pd{padding:2rem 0;}
.in{max-width: 1200px;}
.nav a{color:#333;}
.nav li{display:inline-block;margin-right:2rem;}
.nav li:last-child{margin-right:0;}
.no-bold{font-weight:normal;}
.tel{height:3rem;}
.color-w{color:#FFF;}
.bgcolor-w{background-color:#FFF;}
.color-m{color:#fc9701;}
.banner{padding:8rem 0;}
.banner h1{font-size:4rem;}
.yslist{padding:1rem;}
.yslist .icon{width:5rem;margin-right:0.5rem; background-image:url(../images/icons.png);background-repeat:repeat-x; background-size:400% auto;background-color:transparent!important;}
.yslist .icon.s1{background-position:0 center;}
.yslist .icon.s2{background-position:-100% center;}
.yslist .icon.s3{background-position:-200% center;}
.yslist .icon.s4{background-position:-300% center;}
.border-box{box-sizing: border-box;}
.titlebg{background-repeat: no-repeat;background-position: center center;background-size:contain;padding:1rem 0;}
.subtitle{margin-top:1rem;position: relative;}
.subtitle:before{content:'';display:block;width:100%;height:1px;background-color:#f1f0f0;position: absolute;left:0;top:50%;z-index: 0;}
.subtitle .box{border:1px solid #f1f0f0;display:inline-block;padding:0.5rem 1rem;position: relative;z-index: 1;background-color:#FFF;}
.mask-half{background:linear-gradient(to top,rgba(0,0,0,0.5),rgba(0,0,0,0));}
.hv-bgpics-drak .box{background-color:#000;overflow: hidden;}
.hv-bgpics-drak .box .bgpic{transition: all 0.3s;}
.hv-bgpics-drak .box:hover .bgpic{opacity: 0.5;}
.text-shadow{text-shadow:0 0 1rem rgba(0,0,0,0.5);}
/**************增值服务**************/
.zz-banner{ height: 668px; background: url(../images/zz-banner.png) center no-repeat; }
.zz-tabs li{ float: left; width: 33.333333%; text-align: center; }
.zz-tabs{ margin:70px 0 50px 0; padding:0 100px; }
.zz-tabs li a{ width: 220px; height: 64px; line-height: 64px; display: inline-block; text-align: center; font-size: 25px; color: #000; border-radius: 4px; background: #ebebeb; }
.zz-tabs li a:hover,.zz-tabs li.active a{ background: #f6ac19; }
.zz-bj-back{ height: 492px; overflow:hidden; background: url(../images/zz-bj-back.png) center no-repeat; background-size: cover; padding-top: 100px; box-sizing: border-box;  }
.zz-bj-box{ position: relative; }
.zz-bj-list li{ float: left; width: 20%; margin-bottom: 66px; padding:0 10px; box-sizing: border-box; }
.zz-bj-list{ margin:0 -10px; box-sizing: border-box; }
.zz-bj-txt{ position: absolute; left: 0; right: 0; top: 50%; font-size: 30px; color: #fff; margin-top: -11px; text-align: center; }
.zz-bj-hot{ position: absolute; left: 0; top: 0; width: 62px; height: 59px; font-weight: bold; color: #fff; background: url(../images/hot-back.png) center no-repeat; padding:5px 0 0 5px; box-sizing: border-box; }
.zz-bj-link{ display: block; width: 193px; margin:0 auto; height: 43px; text-align: center; line-height: 43px; background: #f6ac19; border-radius: 4px; font-size: 22px; color: #000; }
.zz-title{ font-size: 35px; text-align: center; font-weight: normal; padding-top: 80px; color: #221815; }
.zz-title span{ color: #f6ac19; }
.zz-title-sm{ color: #595757; margin-bottom: 55px; text-align: center; margin-top: 13px; }
.icon-zz-box{ width: 410px; height: 166px; margin:0 auto; position: relative; box-sizing: border-box; padding-left: 70px; }
.icon-zz-l{ position: absolute; left: 0; top: 50%; width: 138px; margin-top: -69px; height: 138px; border-radius: 50%; background:#f6ac19 url(../images/icon-zz01.png) center no-repeat; }
.icon-zz-box-right{ height: 166px; background: #f2f2f2; border-radius: 10px; box-sizing: border-box; padding:45px 0 0 95px; }
.icon-zz-box-tt{ font-size: 29px; color: #221815; margin-bottom: 15px; }
.icon-zz-p{ font-size: 14px; color: #595757; line-height: 20px; }
.zz-icon-list li{ float: left; width: 50%; margin-bottom: 30px; }
.icon-zz-l02{background:#f6ac19 url(../images/icon-zz02.png) center no-repeat;}
.icon-zz-l03{background:#f6ac19 url(../images/icon-zz03.png) center no-repeat;}
.icon-zz-l04{background:#f6ac19 url(../images/icon-zz04.png) center no-repeat;}
.zz-icon-list{ margin:0 70px; padding-bottom: 90px; }
.zz-lc-box{ background: #f6ac19; padding-top: 1px; padding-bottom: 155px; }
.zz-lc-img{ padding-top: 60px; }
.zz-zl-back{ height: 672px; background: url(../images/zz-zl-back.png) center no-repeat; }
.zz-zl-left{ float: left; width: 50%; height: 350px; background: url(../images/zz-zl-left.png) center no-repeat; }
.zz-zl-right{ width: 50%; float: left; height: 350px; box-sizing: border-box; background: #f6ac19; padding-left: 35px; }
.zz-zl-tt{ font-size: 30px; color: #221815; padding-top: 60px; }
.zz-zl-list li{ float: left; margin-right: 25px; margin-bottom: 25px; background: url(../images/icon-zz-zl.png) left center no-repeat; padding-left: 27px; color: #221815; margin-top: 27px; }
.zz-sb-list li{ float: left; width: 20%; text-align: center; }
.zz-sb-tt{ font-size: 30px; color: #221815; margin:20px 0; }
.zz-sb-date span{ font-size: 20px; color: #221815; padding-left: 32px; background: url(../images/zz-sb-date.png) left center no-repeat; display: inline-block; line-height: 24px; }
.zz-sb-list{ margin:0 -24px; padding-bottom: 70px; }
.zz-wt-back{ background: #f5f5f5; padding:50px 0 40px 0; }
.zz-wt-tt{ font-size: 24px; color: #595757; position: relative; padding-left: 35px; }
.zz-wt-tt span{ color: #f6ac1d; padding-right: 5px; }
.zz-wt-tt:before{ display: block; content: ""; position: absolute; left: 0;top: 50%; margin-top: -10px; width: 20px; height: 20px; background: #f6ac1d; }
.zz-wt-list li{ padding-left: 35px; margin-top: 30px; width: 1020px; }
.zz-wt-list-tt{ font-size: 18px; color: #f6ac1d; margin-bottom: 10px; font-weight: bold; }
.zz-wt-list-p{ color: #221815; padding-left: 25px; position: relative; font-size: 14px; }
.zz-wt-list-p span{ position: absolute; left: 0; top: 0; }
.zz-wt-link{ width: 260px; height: 60px; border-radius: 4px; display: block; line-height: 60px; text-align: center; font-size: 26px; color: #000; background: #f6ac1d; margin:60px auto 0 auto; }
.zz-wt-ts{ text-align: center; font-size: 14px; color: #727171; margin-top: 10px; }
.zz-more-tt{ margin-top: 120px; height: 50px; line-height: 50px; background: #f6ac19; text-align: center; font-size: 18px; color: #000;}
.zz-more-list li{ float: left; width: 25%; text-align: center; font-size: 18px; color: #000; }
.zz-more-list{ margin:45px -23px 120px -23px; }
.zz-more-list li img{ margin-bottom: 30px; }
/***3****/
.zz-hw-back{ height: 492px; box-sizing: border-box; padding-top: 120px; background: url(../images/zz-hw-back.png) center no-repeat; }
.zz-hw-left{ float: left; }
.zz-hw-right{ width: 381px; height: 260px; box-sizing: border-box; background: #595757; padding:30px 0 0 35px; float: left; }
.zz-hw-right-tt{ font-size: 35px; color: #fff; }
.zz-hw-date{ padding-left: 35px; line-height: 24px; color: #fff; font-size: 20px; background: url(../images/icon-hw-date.png) left center no-repeat; margin-top: 25px; }
.zz-hw-a{ display: block; color: #fff; border-radius: 4px; width: 194px; height: 44px; font-size: 22px; text-align: center; line-height: 44px; background: #f6ac19; margin-top: 80px; }
.zz-hw-c{ width:692px; margin:0 auto;  }
.zz-hc-list li{ float: left; margin:0 12px; padding-left: 25px; background: url(../images/icon-zz-hc.png) left center no-repeat; margin-bottom: 25px; }
.zz-hc-list{ width: 740px; margin:0 auto; margin-bottom: 80px; margin-top: -20px; }
.zz-hc-list li.f{ margin-left: 100px; }
.zz-lc-box-sm .zz-title{ padding-top: 40px; }
.zz-lc-img-sm{ text-align: center; }
.zz-lc-box-sm{ padding-bottom: 55px; }
.zz-tj-ul{ padding-left: 115px; }
.zz-tj-ul li{ float: left; position: relative; margin:0 17px; margin-top: 75px; }
.zz-tj-ul li span{ margin-right: 10px; display: inline-block; width: 26px; height: 26px; text-align: center; line-height: 26px; background: #f6ac19; border-radius: 50%; font-size: 20px; color: #fff; }
.zz-tj-border{ border:solid 2px #f6ac19; width: 640px; height: 154px; position: relative; margin:110px auto 90px auto; }
.zz-tj-box{ position: absolute; left: 50%; top: -20px; width: 190px; background: #fff; margin-left: -95px; }
.zz-tj-box .zz-title{ padding-top: 0; }
/****2*****/
.zz-tow-list li{ float: left; width: 25%; padding:0 12px; box-sizing: border-box; }
.zz-tow-list{ margin:0 -12px; padding-bottom: 65px; }
.zz-tow-box{ position: relative; }
.zz-tow-box img{ width: 100%; height: 100%; }
.zz-tow-box span{ position: absolute; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,0.5); color: #fff; text-align: center; height: 58px; line-height: 58px; font-size: 30px; }
.zz-wg-box{ position: relative; padding-top: 70px; }
.zz-wg-list li{ float: left; width: 33.333333%; box-sizing: border-box; padding:0 42px; }
.icon-zz-wg-icon{ width: 140px; height: 140px; border-radius: 50%; position: absolute; left: 50%; top: 0; margin-left: -70px; background: #f6ac19 url(../images/icon-zz-wg01.png) center no-repeat; }
.zz-wg-bottom{ border-radius: 10px; background: #f2f2f2; text-align: center; height: 190px; box-sizing: border-box; padding-top: 90px; }
.zz-wg-tt{ font-size: 29px; color: #221815; }
.zz-wg-p{ font-size: 14px; color: #595757; margin-top: 15px; line-height: 20px; }
.icon-zz-wg-icon02{background: #f6ac19 url(../images/icon-zz-wg02.png) center no-repeat;}
.icon-zz-wg-icon03{background: #f6ac19 url(../images/icon-zz-wg03.png) center no-repeat;}
.zz-wg-list{ margin-bottom: 85px; }
.zz-lc-img02{ text-align: center; padding-top: 40px; }
.zz-sq-back{ height: 531px; background: url(../images/zz-sq-back.png) center no-repeat; background-size: cover; }
.zz-sq-list{ width: 1036px; height: 243px; background: #fff; padding-top: 46px; box-sizing: border-box; box-shadow:0 0 10px #ddd; margin:0 auto; }
.zz-sq-box{ position: relative; padding-left: 70px; margin-bottom: 50px; }
.zz-sq-p{ font-size: 14px; color: #595757; }
.zz-sq-p span{ color: #221815; font-size: 24px; display: inline-block; padding-bottom: 5px; }
.zz-sq-number{ position: absolute; left: 0;top: 50%; width: 52px; height: 52px; background: #f6ac19; line-height: 50px; text-align: center; color: #fff; margin-top: -26px; font-size: 30px; border-radius: 50%; }
.zz-sq-list li{ margin-left: 110px; float: left; }
.zz-table{ text-align: center; margin-bottom: 90px; }
/*************英国***********/
.yg-banner{ height: 319px; background: url(../images/yg-banner.png) center no-repeat; }
.tabs-yg li{ float: left; width: 20%; text-align: center; }
.tabs-yg{ border-bottom: solid 3px #f6ac1d; margin-bottom: 30px; margin-top:70px;  }
.tabs-yg li a{ display: inline-block; padding-bottom: 40px; font-size: 18px; color: #727171; }
.tabs-yg li a img{ margin-bottom: 15px; opacity: 0.6; }
.tabs-yg li a.active{ color: #000; position: relative; }
.tabs-yg li a.active img{ opacity: 1; }
.tabs-yg li a.active:before{ /*display: block; content: ""; width: 100px; height: 6px; position: absolute; bottom: 0; left: 50%; margin-left: -50px; background: #f6ac1d;*/ }
.tabs-left{ width: 356px; box-sizing:border-box; height: 305px; background: #f6ac1d; padding-top: 22px; text-align: center; }
.tabs-left img{ width: 262px; height: 177px; border:solid 2px #fff; }
.tabs-left-tt-b{ font-size: 48px; color: #000000; font-weight: bold; margin-top: 25px; }
.tabs-left-p{ font-size: 15px; color: #000; margin-top: 15px; }
.pull-left{ float: left; }
.pull-right{ float: right; }
.tabs-right{ width: 765px; padding-top: 15px; }
.tabs-right p{ color: #000; margin-bottom: 20px; }
.tabs-right p span{ font-size: 16px; color: #898989; }
.tabs-right p span.t{ color: #000; font-size: 18px; }
.tabs-right p span font{ padding-left: 32px; }
.bj-btn{ width: 208px; height: 60px; background: #f6ac1d; margin-top: 40px; border-radius: 4px; text-align: center; display: block; line-height: 60px; font-size: 32px; color: #000; }
.tab-pane{ display: none; }
.tab-pane.active{ display: block; }
.lind{ border-top: solid 1px #e7e7e7; margin:60px 0; }
.lind-tt{ font-size: 24px; color: #f6ac1d; position: relative; padding-left: 38px; }
.lind-tt span{ font-size: 14px; color: #595757; padding-left: 20px; }
.lind-tt:before{ display: block; content: ""; width: 20px; height: 20px; background: #f6ac1d; position: absolute; left: 0; top: 50%; margin-top: -10px; }
.why-list li{ float: left; width: 25%; text-align: center; margin-top: 55px; }
.why-list-tt{ font-weight: bold; font-size: 14px; margin:15px 0 10px 0; }
.why-list-p{ font-size: 14px; color: #221815; }
.qk-p p{ color: #000; margin-bottom: 10px; font-size: 14px; }
.qk-p p span{ padding-left: 28px; }
.qk-p p.h{ color: #f6ac1d; }
.qk-p{ margin-top: 35px; }
.lc-img{ text-align: center; margin-top: 60px; }
.bz-list{text-align:center}
.bz-list li{ display:inline-block; width: 24%; text-align: center; font-size: 14px; color: #000; }
.bz-list li img{ margin-bottom: 15px; }
.bz-list{width: 1200px; margin:0 auto; margin-top: 60px; }
.jd-img{ text-align: center; margin-top: 50px; }
/*********品牌介绍*******/
.about-banner{ height: 319px; box-sizing:border-box; padding-top: 115px; background: url(../images/about-banner.png) center no-repeat; line-height: 60px; text-align: center; font-size: 56px; color: #f6ac19; }
.about-banner span{ font-size: 24px; color: #fff; }
.abuot-tabs li{ display: inline-block; margin-bottom: -1px; padding:0 5px; position: relative; }
.abuot-tabs{ border-bottom: solid 1px #e2e2e2; text-align: center; margin-bottom: 100px; }
.abuot-tabs li a{ display: inline-block; border-bottom: solid 1px #e2e2e2; padding:25px 50px; position: relative; }
.abuot-tabs li.active a{ color: #f6ac19; border-color: #f6ac19; }
.abuot-tabs li:before{ display: block; content: ""; position: absolute; right: 0; top: 50%; height: 18px; border-right: solid 1px #b8b8b8; margin-top: -9px; }
.abuot-tabs li:last-child:before{ display: none; }
.ditu-right{ width: 470px; }
.ditu-p p{ font-size: 14px; color: #727171; text-align: justify; text-indent: 2em; margin-bottom: 30px; line-height: 22px; }
.ditu-p{ margin-top: 45px; }
.pt-back{ background: #efefef; margin-top: 100px; padding:65px 0;  }
.py-title{ text-align: center; font-size: 28px; color: #595757; }
.py-title span{ position: relative; padding:0 20px; }
.pt-sm{ text-align: center; font-size: 14px; margin-top: 15px; }
.zz-list li{ float: left; margin-right: 28px; font-size: 14px; text-align: center;}
.zz-list{ margin-right: -28px; margin-top: 50px; }
.zz-list li img{ margin-bottom: 10px; }
.py-title-b{ margin-top: 70px; }
.kc-tt{ text-align: center; margin-top: 3px; font-size: 20px; color: #221815; height: 48px; line-height: 48px; background: #f6ac19; }
.kc-img{ margin-top: 45px; }
.pt-ul-tt{ font-size: 18px; color: #000; text-align: center; line-height: 48px;background: #ffaa00; }
.pt-ul li{ width: 33.333333%; float: left; padding:0 25px; box-sizing:border-box; }
.pt-ul{ max-width: 1343px; width: 100%; margin:0 auto; margin-top: 65px; }
.pt-ul li img{ max-width: 100%; }




/*******轮播*******/
.lb-box{ width: 1000px; margin:0 auto; margin-top: 20px; }
.lb-box img {
    border-radius: 5px;
    display: block;
}
.lb-box a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;width: 240px;}
.lb-box a:hover span{height:150px;line-height:150px;font-size:20px;text-align:center;transition:all 0.7s;}
.slick-dots{ display: none!important; }
.multiple-items{ margin:0; }




.kc01{ margin-right: 9px; }
.kc02{ margin-bottom: 8px; }
.kc05{ margin-right: 9px; margin-bottom: 8px; }
.kc-img{ margin-right: -10px; }
.kc04{ margin-left: 8px; margin-right: 8px; }


@media screen and (max-width:1024px){
    .nav.nav-mobile-show{z-index:9147483646 ;width:100%;position:absolute;left:0;top:100%;background-color: rgba(255,255,255,0.95);box-shadow:0 0 1rem rgba(30,35,126,0.5);}
    .nav.nav-mobile-show a{color:#333;}
    .nav.nav-mobile-show>.item{display: block;text-align: center;margin:1.5rem 0;border-bottom:1px solid #F1F1F1;}
    .nav.nav-mobile-show>.item:last-child{border-bottom:none;}
    .nav-mobile-btn>em{background-color: #CCC;}
}

@media screen and (max-width: 800px){
    body{padding-bottom;3rem;}
    .telbox{position: fixed;bottom:0;left:0;background-color:#FFF;z-index: 999;width:100%;box-sizing: border-box;text-align: center;padding:0.5rem;box-shadow:0 -1rem 1rem rgba(0,0,0,0.1);}
    .tel{height:2rem;}
}
.one{margin:50px auto;height:160px;width:1000px;overflow:hidden;position:relative; }
.one ul{height:160px;width:100000px;position:absolute;left:0;} /*ul width的宽不能过小*/
.one ul li{display:block;float:left;margin:5px;height:150px;border-radius:5px;position:relative;}
.one ul li a{display:inline-block;height:150px;} 
.one ul li img{border-radius:5px;display:block;}
.one ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;width: 240px;}
.one ul li a:hover span{height:150px;line-height:150px;font-size:20px;text-align:center;transition:all 0.7s;}

.two{margin:50px auto;height:90px;width:1000px;overflow:hidden;position:relative; }
.two ul{height:90px;width:100000px;position:absolute;left:0;}/*ul width的宽不能过小*/
.two ul li{display:block;float:left;margin:5px;height:80px;border-radius:5px;position:relative;}
.two ul li a{display:inline-block;height:80px;} 
.two ul li img{display:block;border-radius:5px;height:80px;}
.two ul li a span{height:0;display:block;background:rgba(0,0,0,0.4);position:absolute;bottom:0;color:#fff;font-size:0px;}
.two ul li a:hover span{height:80px;line-height:80px;font-size:20px;text-align:center;transition:all 0.7s;}
a{ text-decoration:none;}
.floating_ck{position:fixed;right:20px;top:30%;}
.floating_ck dl dd{position:relative;width:80px;height:80px;background-color:#646577;border-bottom:solid 1px #555666;text-align:center;background-repeat:no-repeat;background-position:center 20%;cursor:pointer;}
.floating_ck dl dd:hover{background-color:#f6ac19;border-bottom:solid 1px #a40324;}
.floating_ck dl dd:hover .floating_left{display:block;}
.consult,.words{background-image:url(../images/zxicon.png);}
.quote{background-image:url(../images/kficon.png);}
.qrcord{background-image:url(../images/erweima.png);}
.return2{background-image:url(../images/fanhui.png);}
.floating_ck dd span{color:#fff;display:block;padding-top:54px;}
.floating_left{position:absolute;left:-160px;top:0px;width:160px;height:80px;background-color:#f6ac19;border-bottom:solid 1px #a40324;display:none;}
.floating_left a{color:#fff;line-height:80px;}
.floating_ewm{height:260px;top:-180px;}
.floating_ewm i{background-image:url(../images/footer_tp_ewm1.png);display:block;width:145px;height:145px;margin:auto;margin-top:7px;}
.floating_ewm p{color:#fff;margin-top:5px;}
.floating_ewm .qrcord_p01{font-size:12px;line-height:20px;}
.floating_ewm .qrcord_p02{font-size:18px;}