@import "../../../font/iconFont2/iconfont.css"; .breadBox { background-color: #fff; } .breadCrumb2 { line-height: 40px; } .breadCrumb2>li.bt { display: inline-block; color: #999; font-size: 12px; } .breadCrumb2>li.bt.active { color: #2199ee; } .mainBox1 { border: 1px solid #e5e5e5; position: relative; background-color: #fafbfc; z-index: 5; } .mainBox1 .verticalNav { width: 180px; height: 100%; background-color: #fff; position: absolute; top: 0; left: 0; z-index: 10; } .mainBox1 .verticalNav .vi { font-size: 18px; line-height: 54px; border-bottom: 1px solid #e5e5e5; text-align: center; cursor: default; } .mainBox1 .verticalNav .vi i.bu { display: none; } .mainBox1 .verticalNav .vi.active { position: relative; color: #2199ee; background-color: #fafbfc; } .mainBox1 .verticalNav .vi.active i.bu { display: block; position: absolute; width: 2px; height: 100%; right: -1px; top: 0; z-index: 20; background-color: #fafbfc; } .mainBox1 .choseBox { border-left: 1px solid #e5e5e5; margin-left: 180px; min-height: 330px; } .mainBox1 .choseBox .ci { display: none; padding: 30px; } .mainBox1 .choseBox .ci.active { display: block; } @media ( max-width : 768px) { .mainBox1 { border: none; position: static; } .mainBox1 .verticalNav { width: auto; height: auto; position: static; padding: 5px 0; margin-left: -5px; margin-right: -5px; } .mainBox1 .verticalNav:before,.mainBox1 .verticalNav:after { content: " "; display: table; } .mainBox1 .verticalNav:after { clear: both; } .mainBox1 .verticalNav .vi { width: 4.42rem; height: 1.25rem; font-size: 0.6rem; line-height: 1.25rem; border: 1px solid #2199ee; background-color: #fff; padding: 0; margin: 0.25rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; border-radius: 1rem; float: left; } .mainBox1 .verticalNav .vi h4 { font-size: .6rem; } .mainBox1 .verticalNav .vi i.bu { display: none; } .mainBox1 .verticalNav .vi.active { color: #fff; background-color: #2199ee; } .mainBox1 .verticalNav .vi.active i.bu { display: none; } .mainBox1 .choseBox { border-left: none; margin-left: 0; min-height: 100px; } .mainBox1 .choseBox .ci { padding: 0.5rem 0; } } .main .title { color: #333; font-size: 16px; margin-bottom: 10px; font-weight: 600; } .main .group1 { margin-bottom: 30px; } .main .group1 .g_head { font-size: 16px; margin-bottom: 10px; color: #2199ee; } .main .group1 .g_content .check_txt,.main .group1 .g_content .p1 { display: block; line-height: 18px; padding: 2px 0 8px; color: #333; font-size: 16px; } .main .group1 .g_content .check_txt .falseCheckBox,.main .group1 .g_content .p1 .falseCheckBox { margin-right: 8px; } .main .process { padding: 14px 0 0; position: relative; margin: 0 -35px 40px 0; } .main .process .line { height: 2px; background-color: #e5e5e5; position: absolute; top: 28px; left: 0; z-index: 10; width: 100%; } .main .process .presI { padding: 0 50px 0 20px; position: relative; z-index: 50; cursor: context-menu; width: 124px; margin-bottom: 50px; } .main .process .presI .step { width: 54px; height: 54px; background-color: #fff; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; border: 2px solid #ddd; text-align: center; line-height: 54px; color: #4c4c4c; font-size: 24px; position: relative; z-index: 20; } .main .process .presI .sup { position: absolute; top: 66px; left: -12px; color: #4c4c4c; font-size: 16px; text-align: center; width: 100%; padding: 0 10px; } .main .process .presI.active .step,.main .process .presI.active .sup { color: #2199ee; } .main .problem_lis { margin-top: 18px; } .main .problem_lis .item { font-size: 16px; line-height: 1.6; margin-bottom: 16px; } .main .problem_lis .item .q,.main .problem_lis .item .a { padding-left: 32px; position: relative; } .main .problem_lis .item .q .person,.main .problem_lis .item .a .person { position: absolute; top: 0; left: 0; width: 32px; height: 22px; } .main .problem_lis .item .q { color: #333; margin-bottom: 2px; } .main .problem_lis .item .q .person { color: #2199ee; } .main .problem_lis .item .a { color: #666666; } .main .problem_lis .item .a .person { color: #ff7f00; } .main .s_pro .txt { font-size: 16px; color: #333; line-height: 28px; } .main .s_pro .call_kh { padding: 16px 0; } .main .s_pro .fixOn { display: block; font-size: 12px; margin-top: 10px; } @media ( max-width : 768px) { .main .title { font-size: 0.65rem; margin-bottom: 0.35rem; } .main .group1 { margin-bottom: 0.75rem; } .main .group1 .g_head { font-size: 0.65rem; margin-bottom: 0.2rem; } .main .group1 .g_content .check_txt,.main .group1 .g_content .p1 { line-height: 1.2; padding: 0.05rem 0 0.2rem; font-size: 0.5rem; } .main .group1 .g_content .check_txt .falseCheckBox,.main .group1 .g_content .p1 .falseCheckBox { font-size: 12px; margin-right: 0.2rem; } .main .process { padding: 0.35rem 0 0; margin: 0; } .main .process .line { height: 0.05rem; top: 0.7rem; width: 100%; } .main .process .presI { width: 20%; margin: 0 0 1.9rem 0; padding: 0; } .main .process .presI .step { width: 1.35rem; height: 1.35rem; line-height: 1rem; font-size: 0.65rem; margin: 0 auto; } .main .process .presI .sup { top: 1.65rem; left: -0.2rem; font-size: 0.5rem; width: 120%; padding: 0 0.2rem; } .main .process .presI:nth-child(5n+5) { position: relative; } .main .process .presI:nth-child(5n+5):after { content: ""; display: block; width: 1px; height: 2rem; background-color: #e5e5e5; clear: both; position: absolute; top: 1.3rem; left: 1.35rem; z-index: 1; } .main .problem_lis { margin-top: 0.45rem; } .main .problem_lis .item { font-size: 0.5rem; line-height: 1.6; margin-bottom: 0.25rem; } .main .problem_lis .item .q,.main .problem_lis .item .a { padding-left: 0.65rem; } .main .problem_lis .item .q .person,.main .problem_lis .item .a .person { top: 0; left: 0; width: 0.75rem; height: 100%; } .main .problem_lis .item .q { margin-bottom: 2px; } .main .s_pro .txt { font-size: 0.5rem; line-height: 1.6; } .main .s_pro .call_kh { padding: 0.4rem 0; } } .focus2 { height: 380px; background-position: center 0; background-repeat: no-repeat; border-bottom: 1px solid #e5e5e5; } .focus2 .fs_t { color: #93a280; padding-top: 148px; } .focus2 .fs_t .makeAic { margin: 0 2px; } .focus2 .fs_t .fh1 { font-size: 60px; line-height: 86px; margin-bottom: 10px; font-weight: 600; } .focus2 .fs_t .fhp1 { font-size: 18px; line-height: 30px; font-weight: 600; } .focus2 .fs_t .fhp1 .iconfont { margin-right: 8px; } .focus2 .fs_t .fhp1 .item { margin-right: 50px; } @media ( max-width : 768px) { .focus2 { height: auto; position: relative; border-bottom: none; } .focus2 .phoneFocus { width: 100%; } .focus2 .phoneFocus img { width: 100%; } .focus2 .wrap { position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .focus2 .fs_t { width: 100%; } .focus2 .fs_t .makeAic { margin: 0 2px; } .focus2 .fs_t .fh1 { line-height: 140%; margin-bottom: 0.2rem; } .focus2 .fs_t .fhp1 { font-size: 0.6rem; line-height: 140%; } .focus2 .fs_t .fhp1 .iconfont { margin-right: 4px; font-size: 0.6rem; } .focus2 .fs_t .fhp1 .item { margin-right: 0.75rem; } } .ad { margin-top: 30px; height: 160px; padding: 45px 0 20px; text-align: center; color: #fff; font-weight: 600; } .ad .makeAic { margin: 0 4px; line-height: 46px; position: relative; } .ad .ad_h1 { font-size: 46px; line-height: 1; margin-bottom: 20px; } .ad .ad_h1 .makeAic { top: -10px; } .ad .ad_h4 { font-size: 22px; } .ad .ad_h4 .makeAic { top: -4px; } @media ( max-width : 768px) { .ad { display: none; } } .tip-wrap { position: absolute; display: none; font-size: 14px; line-height: 20px; } .tip-arr-a,.tip-arr-b { position: absolute; width: 0; height: 0; line-height: 0; border-style: dashed; border-color: transparent; } .sup_nav2 { padding: 30px 0; background-color: #f5f5f5; border-bottom: #f5f5f5; } .sup_nav2 .sp_item { display: table; } .sup_nav2 .sp_item .i_m { margin-right: 10px; margin-bottom: 8px; display: table-cell; width: 58px; height: 62px; background-image: url("../images/icon.png"); background-repeat: no-repeat; } .sup_nav2 .sp_item .i_m:before,.sup_nav2 .sp_item .i_m:after { content: " "; display: table; } .sup_nav2 .sp_item .i_m:after { clear: both; } .sup_nav2 .sp_item .text h5 { color: #2199ee; font-size: 16px; margin-bottom: 6px; } .sup_nav2 .sp_item .text p { font-size: 14px; line-height: 120%; } @media ( max-width : 768px) { .sup_nav2 { padding: 0.4rem 0 0.6rem; margin-left: -0.25rem; margin-right: -0.25rem; } .sup_nav2 .sp_item { margin-bottom: 0.3rem; width: 33.33% !important; padding: 0 0 0 0.25rem; } .sup_nav2 .sp_item .i_m { float: none; display: block; margin-right: auto; margin-left: auto; margin-bottom: 0; width: 1.85rem; height: 1.4rem; background-repeat: no-repeat; background-size: 14.9rem; } .sup_nav2 .sp_item .text { width: 100%; text-align: center; } .sup_nav2 .sp_item .text h5 { font-size: 0.55rem; margin-bottom: 0.2rem; } .sup_nav2 .sp_item .text p { font-size: 0.4rem; line-height: 1.4; } } /* .index_focus { position: relative; } .index_focus .carousel { width: 100% !important; } .index_focus .carousel>li { height: 430px; position: relative; z-index: 40; background-position: center 0; background-repeat: no-repeat; display: none; cursor: pointer; } .index_focus .carousel>li.active { display: block; } .index_focus .carousel .li1 { background-image: url("../../../image/version3/index/banner/banner1.png"); } .index_focus .carousel .li2 { cursor: pointer; background-image: url("../../../image/version3/index/banner/banner2.png"); } .index_focus .carousel .li3 { cursor: pointer; background-image: url("../../../image/version3/index/banner/banner3.png"); } .index_focus .carousel .li4 { cursor: pointer; background-image: url("../../../image/version3/index/banner/banner4.png"); } .index_focus .carousel .li5 { cursor: pointer; background-image: url("../../../image/version3/index/banner/banner5.png"); } .index_focus .carousel .li6 { cursor: pointer; background-image: url("../../../image/version3/index/banner/banner6.jpg"); } .index_focus .list { width: 100%; position: absolute; bottom: 4px; text-align: center; z-index: 1000; } .index_focus .list>li { display: inline-block; width: 50px; height: 8px; background-color: #fff; margin: 0 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .index_focus .list>li.on { background-color: #2cb4ea; } .index_focus .login_box { position: absolute; width: 100%; height: 430px; top: 0; left: 0; } .index_focus .login_box .lg_1 { background-color: rgba(234, 250, 253, 0.8); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#C8eafafd, endColorstr=#C8eafafd ); border: 2px solid #fff; border-radius: 4px; padding: 10px; position: relative; z-index: 555; margin-top: 72px; } .index_focus .login_box .lg_1 .luotuo { text-align: center; display: block; line-height: 50px; color: #2cb4ea; font-size: 18px; } .index_focus .login_box .lg_1 .password,.index_focus .login_box .lg_1 .userName { display: block; border: 1px solid #e0e0e0; width: 198px; height: 34px; border-radius: 4px; color: #999; text-indent: 2em; margin-bottom: 10px; line-height: 160%; font-size: 12px; } .index_focus .login_box .lg_1 .forget { text-align: left; font-size: 12px; padding-left: 15px; } .index_focus .login_box .lg_1 .error_msg { height: 23px; } .index_focus .login_box .lg_1 .error_msg .messageInfo { line-height: 23px; color: #F60; font-size: 13px; } .index_focus .login_box .lg_1 .loginBtn { display: block; height: 34px; width: 198px; border: 1px solid #2cb4ea; border-radius: 4px; font-size: 16px; color: #2cb4ea; background-color: #fff; margin-bottom: 10px; } .index_focus .login_box .lg_1 .registered { height: 34px; line-height: 35px; width: 198px; text-align: center; background-color: #2cb4ea; border: 1px solid #2cb4ea; border-radius: 3px; font-size: 16px; color: #fefefe; display: inline-block; } @media ( max-width : 768px) { .index_focus { height: 7.5rem; } .index_focus .carousel { width: 100% !important; } .index_focus .carousel>li { height: 7.5rem; background-size: 16rem; } .index_focus .carousel .li1 { background-image: url("../../../image/version3/phone/index/banner1.png"); } .index_focus .carousel .li2 { cursor: pointer; background-image: url("../../../image/version3/phone/index/banner2.png"); } .index_focus .carousel .li3 { cursor: pointer; background-image: url("../../../image/version3/phone/index/banner3.png"); } .index_focus .carousel .li4 { cursor: pointer; background-image: url("../../../image/version3/phone/index/banner4.png"); } .index_focus .carousel .li5 { cursor: pointer; background-image: url("../../../image/version3/phone/index/banner5.png"); } .index_focus .carousel .li6 { cursor: pointer; background-image: url("../../../image/version3/phone/index/banner6.jpg"); } .index_focus .list { bottom: 2px; text-align: center; } .index_focus .list>li { width: 10px; height: 10px; background-color: transparent; border: 1px solid #fff; margin: 0 8px; -webkit-border-radius: 50%; -moz-border-radius: 50%; border-radius: 50%; } .index_focus .list>li.on { background-color: #fff; } } */ .nav { margin: 23px 0 12px; padding: 0 7px; } .nav .nav_1 { margin-bottom: 5px; font-size: 16px; padding-left: 30px; line-height: 190%; background-repeat: no-repeat; background-size: 24px; background-position: 0 2px; } .nav .nav_1 .strong { color: #ff7f00; font-size: 120%; } .nav .nav_2 { margin-left: 90px; height: 36px; } .nav .nav_2 p.horn { padding-left: 34px; background-repeat: no-repeat; background-size: 26px; background-position: 0 4px; height: 30px; line-height: 190%; font-size: 16px; background-image: url("../images/horn.png"); font-size: 16px; } .nav .nav_2 .nav_hots_box li { height: 36px; } .nav .nav_2 .horn_p .span { color: #ff7f00; margin: 0 20px 0 10px; } .nav .nav_2 .horn_p span,.nav .nav_2 .horn_p a { float: left; vertical-align: middle; line-height: 190%; font-size: 16px; } .nav .nav_2 .horn_p .product { max-width: 154px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .nav .nav_2 .horn_p .horn_link { color: #2199ee; } .nav .floor { background-image: url("../images/floor.png"); } .nav .shares { background-image: url("../images/shares.png"); } @media ( max-width : 768px) { .nav { margin: 0.6rem 0 0.4rem; padding: 0; } .nav .nav_1 { float: none; margin-bottom: 0.2rem; padding-left: 18px; background-size: 14px; background-position: 0 center; font-size: 12px; line-height: 170%; } .nav .nav_1 .strong { color: #ff7f00; font-size: 120%; } .nav .nav_2 { float: none; margin-left: 0; height: 22px; margin-bottom: 0.2rem; } .nav .nav_2 p.horn { padding-left: 18px; background-size: 14px; background-position: 0 4px; height: 22px; line-height: 170%; font-size: 12px; } .nav .nav_2 .nav_hots_box li { height: 22px; } .nav .nav_2 .horn_p .span,.nav .nav_2 .horn_p a { margin: 0 10px 0 0; } .nav .nav_2 .horn_p span,.nav .nav_2 .horn_p a { float: left; vertical-align: middle; line-height: 170%; font-size: 12px; } .nav .nav_2 .horn_p .product { max-width: 108px; } } @media ( max-width : 768px) and (min-width: 384px) { .nav .nav_1 { padding-left: 0.75rem; background-size: 0.66666665rem; background-position: 0 0.08333333rem; font-size: 0.5rem; } .nav .nav_2 { height: 0.88rem; } .nav .nav_2 p.horn { padding-left: 0.75rem; background-size: 0.66666667rem; background-position: 0 0.08333333rem; font-size: 0.5rem; height: 0.88rem; } .nav .nav_2 .nav_hots_box li { height: 0.88rem; } .nav .nav_2 .horn_p .span,.nav .nav_2 .horn_p a { margin: 0 .25rem 0 0; } .nav .nav_2 .horn_p span,.nav .nav_2 .horn_p a { font-size: 0.5rem; } .nav .nav_2 .horn_p .product { max-width: 4.32rem; } } .sup_nav { padding: 30px 0; background-color: #f5f5f5; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .sup_nav .sp_item { display: table; } .sup_nav .sp_item .i_m { margin-right: 10px; display: table-cell; width: 58px; height: 62px; background-image: url("../images/icon.png"); background-repeat: no-repeat; } .sup_nav .sp_item .i_m:before,.sup_nav .sp_item .i_m:after { content: " "; display: table; } .sup_nav .sp_item .i_m:after { clear: both; } .sup_nav .sp_item .guan { background-position: 0 2px; } .sup_nav .sp_item .days { background-position: -98px 0; } .sup_nav .sp_item .rong { background-position: -200px 0; } .sup_nav .sp_item .ke { background-position: -312px 0; } .sup_nav .sp_item .text h5 { color: #333; font-size: 16px; margin-bottom: 6px; } .sup_nav .sp_item .text p { margin-bottom: 8px; font-size: 14px; line-height: 120%; } .sup_nav .sp_1 { width: 278px; margin-right: 82px; } .sup_nav .sp_2 { width: 205px; margin-right: 104px; } .sup_nav .sp_3 { width: 210px; margin-right: 124px; } .sup_nav .sp_4 { width: 194px; } @media ( max-width : 768px) { .sup_nav { padding: 0.25rem 0; } .sup_nav .sp_item { margin: 0.4rem 0; background-repeat: no-repeat; background-size: 1.2rem; background-position: 0 center; } .sup_nav .sp_item .i_m { display: none; } .sup_nav .sp_item .text { padding-left: 1.45rem; } .sup_nav .sp_item .text h5 { font-size: 0.6rem; margin-bottom: 0.2rem; } .sup_nav .sp_item .text p { margin-bottom: 0.2rem; font-size: 12px; line-height: 120%; } .sup_nav .sp_item:nth-of-type(odd) { float: left; } .sup_nav .sp_item:nth-of-type(even) { float: right; } .sup_nav .sp_1 { width: 54%; margin-right: 0; background-image: url("../images/i1.png"); } .sup_nav .sp_2 { width: 45%; margin-right: 0; background-image: url("../images/i2.png"); } .sup_nav .sp_3 { width: 54%; margin-right: 0; background-image: url("../images/i3.png"); } .sup_nav .sp_4 { width: 45%; background-image: url("../images/i4.png"); } } @media ( max-width : 768px) and (min-width: 549px) { .sup_nav .sp_item .text p { font-size: 0.35294118px; } } .belly .blc { margin: 18px 0; } .belly .blc .blc11 { width: 802px; } .belly .blc .blc12 { width: 380px; } .belly .blc .blc_t { border-bottom: 1px solid #e5e5e5; margin-bottom: 12px; } .belly .blc .blc_t .th { font-size: 18px; color: #333; line-height: 24px; text-indent: 10px; border-left: 2px solid #ff7f00; margin: 8px 0; font-weight: 600; } .belly .blc .blc_t .th .small { color: #666666; margin-left: 10px; font-weight: 500; } .belly .blc .blc_t2 { margin-bottom: 12px; } .belly .blc .blc_t2 .chose { font-size: 16px; color: #666666; display: inline-block; line-height: 44px; margin: 0 28px; text-align: center; } .belly .blc .blc_t2 .chose.active { font-weight: 600; color: #ff7f00; border-bottom: 1px solid #ff7f00; position: relative; top: -1px; } .belly .blc1 { height: 260px; } .belly .blc2 { height: 272px; } .belly .hot .con { margin: 0 -0.1%; } .belly .hot .con .imgBox { width: 24.9%; margin-left: 0.1%; overflow: hidden; position: relative; } .belly .hot .con .imgBox img { max-width: 100%; } .belly .hot .con .imgBox .img_alt { color: #fff; text-align: center; position: absolute; bottom: 0; left: 0; width: 100%; height: 36px; background-color: rgba(0, 0, 0, 0.3); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d000000, endColorstr=#4d000000 ); overflow: hidden; } .belly .hot .con .imgBox .img_alt h6 { font-size: 18px; line-height: 2; margin-bottom: 4px; } .belly .hot .con .imgBox .img_alt p { font-size: 16px; line-height: 137.5%; } .belly .notice { height: 100%; overflow: hidden; } .belly .noticeBox { height: 100%; overflow: hidden; } .belly .noticeBox .notice_item { display: none; } .belly .noticeBox .notice_item.active { display: block; } .belly .noticeBox .ni_con .ni_1 { font-size: 14px; margin-bottom: 15px; padding-left: 8px; background: url("../images/desc.png") no-repeat 0 center; line-height: 1.1; } .belly .noticeBox .ni_con .ni_1 .things { color: #666; width: 74%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .belly .noticeBox .ni_con .ni_1 .things:hover a{ color:#2199ee; text-decoration:underline; } .belly .noticeBox .ni_con .ni_1 .date { color: #999; width: 25%; text-align: right; } .belly .newest .news { padding: 0 10px; } .belly .newest .news .company,.belly .newest .news .clause,.belly .newest .news .money,.belly .newest .news .timer,.belly .newest .news .country { text-align: center; } .belly .newest .news .country { width: 74px; } .belly .newest .news .company { width: 190px; } .belly .newest .news .clause { width: 140px; } .belly .newest .news .money { width: 246px; } .belly .newest .news .timer { width: 130px; } .belly .newest .news .news_head { margin-bottom: 14px; } .belly .newest .news .news_head .company,.belly .newest .news .news_head .clause,.belly .newest .news .news_head .money,.belly .newest .news .news_head .timer,.belly .newest .news .news_head .country { color: #333; font-size: 16px; } .belly .newest .news .news_body { height: 188px; overflow: hidden; } .belly .newest .news .news_body .news_li { padding-bottom: 12px; } .belly .newest .news .news_body .news_li .company,.belly .newest .news .news_body .news_li .clause,.belly .newest .news .news_body .news_li .money,.belly .newest .news .news_body .news_li .timer,.belly .newest .news .news_body .news_li .country { font-size: 14px; color: #666666; line-height: 28px; height: 28px; } .belly .newest .news .news_body .news_li .country img { width: 22px; margin: 4px 0 0; } .belly .media { height: 100%; } .belly .media .play { height: 210px; } .belly .media .play img { width: 100%; height: 100%; } .belly .friend { margin: 22px 0 12px; } .belly .friend .f1,.belly .friend .f2 { height: 120px; } .belly .friend .f1 h4,.belly .friend .f2 h4 { font-size: 20px; color: #333; line-height: 24px; text-align: center; } .belly .friend .f1 img,.belly .friend .f2 img { max-width: 100%; } .belly .friend .f1 { width: 458px; } .belly .friend .f1 img { margin-top: 4px; } .belly .friend .f2 { width: 670px; } .belly .friend .f2 img { margin-top: 10px; } @media ( max-width : 768px) { .belly .blc { margin: 0.3rem 0 0; } .belly .blc .blc11 { width: 100%; } .belly .blc .blc12 { width: 100%; } .belly .blc .blc_t { margin-bottom: 0.4rem; } .belly .blc .blc_t .th { font-size: 0.65rem; line-height: 107.69230769%; text-indent: .3em; margin: 0.3rem 0; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } .belly .blc .blc_t .th .small { font-size: 61.53846154%; margin-left: .1em; } .belly .blc .blc_t2 { margin-bottom: 0.6rem; } .belly .blc .blc_t2 .chose { font-size: 0.65rem; line-height: 208.33333333%; margin: 0 2.2rem 0 0.6rem; } .belly .blc .blc_t2 .chose:last-child { margin-right: 0; } .belly .blc1 { height: auto; } .belly .blc2 { height: auto; } .belly .hot { margin-bottom: 0.4rem; } .belly .hot .con { margin: -3.44827586% 0 0 -3.44827586%; } .belly .hot .con .imgBox { width: 46.55172414%; margin-left: 3.44827586%; margin-top: 3.44827586%; overflow: hidden; position: relative; } .belly .hot .con .imgBox img { width: 100%; } .belly .hot .con .imgBox .img_alt { height: 1rem; } .belly .hot .con .imgBox .img_alt h6 { font-size: 0.65rem; line-height: 1.5; margin-bottom: 4px; } .belly .hot .con .imgBox .img_alt p { font-size: 0.45rem; line-height: 137.5%; } .belly .notice { height: auto; } .belly .noticeBox { height: auto; } .belly .noticeBox .ni_con .ni_1 { font-size: 0.45rem; margin-bottom: 0.3rem; padding-left: 0.25rem; background-size: 4px; } .belly .noticeBox .ni_con .ni_1 .things { color: #666; width: 74%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .belly .noticeBox .ni_con .ni_1 .date { color: #999; width: 25%; text-align: right; } .belly .noticeBox .ni_con .ni_1:last-child { margin-bottom: 0; } .belly .newest .news { overflow-x: auto; padding: 0; } .belly .newest .news .country { width: 8.2781457%; } .belly .newest .news .company { width: 21.52317881%; } .belly .newest .news .clause { width: 17.21854305%; } .belly .newest .news .money { width: 30.46357616%; } .belly .newest .news .timer { width: 22.51655629%; } .belly .newest .news .news_head { margin-bottom: 0.5rem; } .belly .newest .news .news_head .company,.belly .newest .news .news_head .clause,.belly .newest .news .news_head .money,.belly .newest .news .news_head .timer,.belly .newest .news .news_head .country { font-size: 12px; } .belly .newest .news .news_body { height: 7.2rem; overflow: hidden; } .belly .newest .news .news_body .news_li { padding-bottom: 0.4rem; } .belly .newest .news .news_body .news_li .company,.belly .newest .news .news_body .news_li .clause,.belly .newest .news .news_body .news_li .money,.belly .newest .news .news_body .news_li .timer,.belly .newest .news .news_body .news_li .country { font-size: 12px; line-height: 141.66666667%; height: auto; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .belly .newest .news .news_body .news_li .country img { width: 0.9rem; margin: 0.1rem 0; } .belly .newest .news .news_body .news_li .timer { display: inline-block; text-align: right; } .belly .media { height: auto; } .belly .media .play { height: auto; width: 100%; } .belly .media .play img { width: 100%; height: auto; } .belly .friend { margin: 22px 0 12px; } .belly .friend .f1,.belly .friend .f2 { height: auto; float: none; margin-bottom: 0.3rem; text-align: center; } .belly .friend .f1 h4,.belly .friend .f2 h4 { font-size: 0.65rem; line-height: 138.46153846%; font-weight: 600; } .belly .friend .f1 img,.belly .friend .f2 img { max-width: 100%; } .belly .friend .f1 { width: 100%; } .belly .friend .f1 img { width: 93.99656947%; margin-top: 0.2rem; } .belly .friend .f2 { width: 100%; } .belly .friend .f2 img { width: 100%; margin-top: 0.1rem; } } .rank { background-color: #e6e6e6; padding: 33px 0 28px; } .rank .ritem { text-align: center; } .rank .ritem p { font-size: 20px; color: #666; line-height: 140%; margin-bottom: 3px; } .rank .r2 { width: 220px; margin-left: 350px; } @media ( max-width : 768px) { .rank { padding: 0.5rem 0; } .rank .r1,.rank .r2,.rank .r3 { float: none; width: 100%; margin-left: 0; } .rank .ritem { text-align: center; } .rank .ritem p { font-size: 0.6rem; line-height: 1.8; margin-bottom: 3px; color: #333; font-weight: 600; } .rank .ritem .rt1,.rank .ritem .rt2 { display: inline; } } .about_focus { background: url("../images/banner.png") center 0; } .about_focus .fs_t { color: #6f789b; padding-top: 126px; } @media ( max-width : 768px) { .about_focus { background-image: none; } .about_focus .fs_t { padding-top: .8rem; } .about_focus .fs_t .fh1 { font-size: 1.1rem; } .about_focus .fs_t .fhp1 .item { margin-right: 1.25rem; } } .about_main .branch .picImg { width: 950px; margin: 0 auto; } .about_main .branch .picImg img { width:100%; } .about_main .branch .picImg2 { line-height: 36px; text-indent: 2em; margin-bottom: 20px; margin-top: 20px; } .about_main .branch .tong>.t_box p { margin-bottom:25px !important; } .about_main .ci_title { font-size: 20px; color: #333; margin-bottom: 22px; font-weight: 600; line-height: 105%; } @media ( max-width : 768px) { .about_main .branch .picImg { width: 100%; } .about_main .branch .picImg2 { line-height: 190%; } .about_main .branch .tong>.t_box p { margin-bottom:0.6rem !important; } } .about_main .ci_title.hasLine { position: relative; } .about_main .ci_title.hasLine .isVline { position: absolute; width: 70px; height: 3px; bottom: -14px; left: 0; background-color: #2199ee; } .about_main .profile .column p { font-size: 14px; color: #333; } .about_main .profile .tong>.t_box p { line-height: 36px; text-indent: 2em; margin-bottom: 6px; } .about_main .profile .tong .picture { position: relative; z-index: 10; height: 200px; width: 100%; margin: 24px 0 40px; } .about_main .profile .tong .picture .picsBox { width: 882px; height: 100%; position: absolute; top: 0; left: 38px; z-index: 30; overflow: hidden; } .about_main .profile .tong .picture .picsBox .pics { height: 100%; width: 1806px; margin-left: -10.5px; margin-right: -10.5px; } .about_main .profile .tong .picture .picsBox .pics .psi { width: 280px; height: 100%; margin: 0 10.5px; } .about_main .profile .tong .picture .picsBox .pics .psi img { max-width: 100%; } .about_main .profile .tong .picture .control { position: absolute; height: 100%; width: 24px; top: 0; background: url("../image/icon.png"); z-index: 30; } .about_main .profile .tong .picture .controlL { left: 0; background-position: -502px -51px; } .about_main .profile .tong .picture .controlR { right: 0; background-position: -572px -51px; } .about_main .profile .tong .pro_child { padding-left: 30px; background: url("../images/j.png") 0 0 no-repeat; } .about_main .profile .tong .pro_child .pro_c1,.about_main .profile .tong .pro_child .pro_c2 { margin-bottom: 58px; } .about_main .profile .tong .pro_child .pro_c1 .t p,.about_main .profile .tong .pro_child .pro_c2 .t p { line-height: 36px; padding-left: 20px; } .about_main .profile .tong .pro_child .pro_c3 { padding-top: 6px; } .about_main .profile .tong .pro_child .pro_c3 .c3_ba { width: 824px; height: 234px; margin-top: 34px; overflow: hidden; } .about_main .profile .tong .pro_child .pro_c3 .c3_ba>li { width: 378px; height: 88px; background: url("../images/icon3.png"); margin-bottom: 57px; } .about_main .profile .tong .pro_child .pro_c3 .c3_ba .c3_item1 { background-position: 0 0; } .about_main .profile .tong .pro_child .pro_c3 .c3_ba .c3_item2 { background-position: -480px 0; } .about_main .profile .tong .pro_child .pro_c3 .c3_ba .c3_item3 { background-position: 0 -149px; } .about_main .profile .tong .pro_child .pro_c3 .c3_ba .c3_item4 { background-position: -480px -149px; } .about_main .things { background: url("../images/bg1.png") no-repeat 0 -1px; } .about_main .things .column .cl_1 .cl_11 { overflow: hidden; margin: 10px auto 12px; } .about_main .things .column .cl_1 .cl_11 .year,.about_main .things .column .cl_1 .cl_11 .monthThing { font-size: 14px; color: #333; line-height: 32px; } .about_main .things .column .cl_1 .cl_11 .year { width: 5.625%; } .about_main .things .column .cl_1 .cl_11 .year .y_h { font-weight: 600; font-size: 14px; } .about_main .things .column .cl_1 .cl_11 .monthThing { width: 94.375%; overflow: hidden; padding-left: 15px; } .about_main .things .column .cl_1 .cl_11 .monthThing .m_h { width: 60px; float: left; } .about_main .things .column .cl_1 .cl_11 .monthThing .e_p { margin-left: 60px; } .about_main .things .column .cl_2 { margin-top: 8px; /* height: 639px; */ margin-right: -30px; overflow: hidden; } .about_main .things .column .cl_2 .cl_21 { height: 188px; text-align: center; } .about_main .things .column .cl_2 .cl_21 img { max-width: 100%; } /* ************************************** */ .posi_dotted{ position:relative; } .about_main .things .column .cl_2 .cl_21a { width: 214px; margin-right: 30px; } .about_main .things .column .cl_2 .cl_21b { width: 211px; margin-right: 30px; } .about_main .things .column .cl_2 .cl_21b img{ margin-top:-4px; } .about_main .things .column .cl_2 .cl_21c { width: 199px; margin-right: 29px; } .about_main .things .column .cl_2 .cl_21d { width: 236px; } .about_main .things .column .cl_2 .cl_21e { width: 214px; margin-right: 57px; } .about_main .things .column .cl_2 .cl_21e img { } .about_main .things .column .cl_2 .cl_21f { width: 111px; margin-right: 57px; } .about_main .things .column .cl_2 .cl_21g { width: 115px; margin-right: 57px; } .about_main .things .column .cl_2 .cl_21g img { } .about_main .things .column .cl_2 .cl_21h { width: 71px; margin-right: 57px; } .about_main .things .column .cl_2 .cl_21h img { } .about_main .things .column .cl_2 .cl_21i { width: 91px; margin-right: 57px; } .about_main .things .column .cl_2 .cl_21i img { } .about_main .things .column .cl_2 .cl_21j { width: 51px; } .about_main .things .column .cl_2 .cl_21j img { } .about_main .things .column .cl_2 .cl_21k { width: 214px; margin-right: 30px; } .about_main .things .column .cl_2 .cl_21l { width: 215px; margin-right: 22px; } .about_main .things .column .cl_2 .cl_21l img { margin-top: -3px; } .about_main .things .column .cl_2 .cl_21m { margin-right: 30px; width: 214px; } .about_main .things .column .cl_2 .cl_21m img { margin-top: 4px; } .about_main .things .column .cl_2 .cl_21n { width: 204px; } .about_main .things .column .cl_2 .cl_21n img { margin-top: 4px; } .about_main .things .column .cl_2 .cl_21o { width: 214px; margin-right: 30px; } .about_main .things .column .cl_2 .cl_21p { width: 214px; margin-right: 30px; } .about_main .things .column .cl_2 .cl_21q { width: 214px; margin-right: 23px; } .about_main .things .column .cl_2 .cl_21r { width: 106px; margin-right: 75px; } .about_main .things .column .cl_2 .cl_21t { width: 203px; } .about_main .shareholders .group { width: 860px; font-size: 0; margin-bottom: 50px; } .about_main .shareholders .group .picBox,.about_main .shareholders .group .textBox { display: inline-block; letter-spacing: -1px; vertical-align: middle; } .about_main .shareholders .group .picBox { width: 130px; } .about_main .shareholders .group .picBox img { max-width: 100%; } .about_main .shareholders .group .textBox { width: 712px; color: #333; padding-left: 24px; letter-spacing: 0; } .about_main .shareholders .group .textBox .g_head { font-size: 18px; margin-bottom: 12px; font-weight: 600; } .about_main .shareholders .group .textBox .g_p { font-size: 14px; line-height: 28px; } .about_main .partner .picColumn .pictures { width: 100%; height: auto; overflow: hidden; margin: -28px 0 12px; } .about_main .partner .picColumn .pictures .picI { width: 180px; height: 68px; overflow: hidden; margin: 28px 78px 30px 0; } .about_main .partner .picColumn .pictures .picI:nth-child(4n-3){ margin-left:0; } .about_main .partner .picColumn .pictures .picI:nth-child(4n){ margin-right:0; } .about_main .joinUs { background: url("../images/bg1.png") no-repeat 0 -4px; } .about_main .joinUs .msg .join p { color: #333; font-size: 14px; line-height: 36px; } .about_main .joinUs .msg .deal { color: #333; font-size: 14px; margin-top: 24px; } .about_main .joinUs .msg .deal h6 { line-height: 20px; font-weight: 600; margin-bottom: 10px; } .about_main .joinUs .msg .deal p { padding-left: 14px; line-height: 36px; } .about_main .joinUs .msg .hope { color: #ff7f00; margin-top: 30px; } .about_main .joinUs .require { margin-top: 30px; } .about_main .joinUs .require .reply { color: #333; font-size: 14px; line-height: 30px; } .about_main .joinUs .require .reply .you { color: #2cb4ea; } .about_main .joinUs .require .post { margin-top: 30px; margin-left: -20px; margin-right: -20px; height: 1008px; } .about_main .joinUs .require .post .ps_i { width: 470px; height: 450px; padding: 26px 16px 10px; margin: 0px 0 78px 20px; position: relative; } .about_main .joinUs .require .post .ps_i .pag { position: absolute; left: -1px; top: -20px; height: 40px; width: 150px; background-image: url("../images/icon.png"); background-repeat: no-repeat; font-size: 20px; text-indent: 16px; font-weight: 600; color: #fff; line-height: 40px; } .about_main .joinUs .require .post .ps_i .pag1 { background-position: -312px -160px; } .about_main .joinUs .require .post .ps_i .pag2 { background-position: -312px -80px; } .about_main .joinUs .require .post .ps_i .pag3 { background-position: -311px -246px; } .about_main .joinUs .require .post .ps_i .pag4 { background-position: -312px -328px; } .about_main .joinUs .require .post .ps_i .p_i_a,.about_main .joinUs .require .post .ps_i .p_i_b { font-size: 14px; color: #333; margin-top: 6px; } .about_main .joinUs .require .post .ps_i .p_i_a dt,.about_main .joinUs .require .post .ps_i .p_i_b dt { font-weight: 600; margin-bottom: 6px; text-align: left; } .about_main .joinUs .require .post .ps_i .p_i_a dd,.about_main .joinUs .require .post .ps_i .p_i_b dd { padding-left: 16px; line-height: 28px; margin-bottom: 2px; position: relative; } .about_main .joinUs .require .post .ps_i .p_i_a .iconfont,.about_main .joinUs .require .post .ps_i .p_i_b .iconfont { font-size: 14px; position: absolute; left: 0; top: 0; width: 14px; height: 28px; } .about_main .joinUs .require .post .psItem1 { border: 1px solid #2199ee; } .about_main .joinUs .require .post .psItem1 .iconfont { color: #2199ee; } .about_main .joinUs .require .post .psItem2 { border: 1px solid #12cc77; } .about_main .joinUs .require .post .psItem2 .iconfont { color: #12cc77; } .about_main .joinUs .require .post .psItem3 { border: 1px solid #ff972f; } .about_main .joinUs .require .post .psItem3 .iconfont { color: #ff972f; } .about_main .joinUs .require .post .psItem4 { border: 1px solid #ff5470; } .about_main .joinUs .require .post .psItem4 .iconfont { color: #ff5470; } .about_main .contact { position: relative; } .about_main .contact .group { color: #333; } .about_main .contact .group p { font-size: 14px; line-height: 34px; } .about_main .contact .address { margin-bottom: 36px; } .about_main .contact .address .ci_title { margin-bottom: 30px; } .about_main .contact .call { margin-top: 44px; } .about_main .contact .wx { padding-left: 100px; margin-top: 20px; max-width: 100%; } .about_main .contact .map { width: 536px; height: 378px; position: absolute; right: 30px; top: 66px; } .about_main .contact .map .sanbox { position: absolute; top: 0; left: 0; width: 15px; height: 100%; z-index: 999999999; } .about_main .contact .map .sanbox .san { width: 0px; height: 0px; border-right: 8px solid transparent; border-top: 8px solid transparent; border-bottom: 8px solid #fafbfc; border-left: 8px solid #fafbfc; } .about_main .contact .map .sanbox .other { width: 15px; height: 363px; background-color: #fafbfc; } .about_main .contact .map .baiduMap { width: 100%; height: 100%; } @media ( max-width : 768px) { .about_main .ci_title { font-size: 0.65rem; margin-bottom: 0.5rem; } .about_main .ci_title.hasLine { position: relative; } .about_main .ci_title.hasLine .isVline { position: absolute; width: 40px; height: 2px; bottom: -8px; left: 0; } .about_main .profile .column p { font-size: 0.5rem; } .about_main .profile .tong>.t_box p { line-height: 190%; margin-bottom: 0.1rem; } .about_main .profile .tong .picture { position: relative; z-index: 10; height: 6.05rem; width: 100%; margin: 0.35rem 0 0.6rem; } .about_main .profile .tong .picture .picsBox { width: 9.35rem; left: 2.55rem; } .about_main .profile .tong .picture .picsBox .pics { height: 100%; width: 500%; margin-left: 0; margin-right: 0; } .about_main .profile .tong .picture .picsBox .pics .psi { width: 9.35rem; height: 100%; margin: 0; } .about_main .profile .tong .picture .picsBox .pics .psi img { width: 100%; } .about_main .profile .tong .picture .control { width: 0.75rem; height: 4.65rem; background-size: 15rem; top: 0.7rem; } .about_main .profile .tong .picture .controlL { left: 0; background-position: -12.63422819rem -1.28355705rem; } .about_main .profile .tong .picture .controlR { right: 0; background-position: -14.27013423rem -1.28355705rem; } .about_main .profile .tong .pro_child { padding-left: 0.75rem; background-size: 0.25rem; } .about_main .profile .tong .pro_child .pro_c1,.about_main .profile .tong .pro_child .pro_c2 { margin-bottom: 0.7rem; } .about_main .profile .tong .pro_child .pro_c1 .t p,.about_main .profile .tong .pro_child .pro_c2 .t p { line-height: 180%; padding-left: 1em; } .about_main .profile .tong .pro_child .pro_c3 { padding-top: 0; } .about_main .profile .tong .pro_child .pro_c3 .c3_ba { width: 9.4rem; height: 10.25rem; margin-top: 0.6rem; overflow: hidden; } .about_main .profile .tong .pro_child .pro_c3 .c3_ba>li { width: 9.45rem; height: 2.2rem; margin-bottom: 0.6rem; background-size: 21.45rem; } .about_main .profile .tong .pro_child .pro_c3 .c3_ba .c3_item1 { background-position: 0 0; } .about_main .profile .tong .pro_child .pro_c3 .c3_ba .c3_item2 { background-position: -12rem 0; } .about_main .profile .tong .pro_child .pro_c3 .c3_ba .c3_item3 { background-position: 0 -3.725rem; } .about_main .profile .tong .pro_child .pro_c3 .c3_ba .c3_item4 { background-position: -12rem -3.725rem; } .about_main .things { margin-left: -0.7rem; margin-right: -0.7rem; padding-left: 0.7rem !important; padding-right: 0.7rem !important; } .about_main .things .column { margin-bottom: 0.5rem; } .about_main .things .column .cl_1 .cl_11 { margin: 0.5rem auto 0.5rem; } .about_main .things .column .cl_1 .cl_11 .year,.about_main .things .column .cl_1 .cl_11 .monthThing { font-size: 0.5rem; line-height: 190%; } .about_main .things .column .cl_1 .cl_11 .year { width: 15.75342466%; } .about_main .things .column .cl_1 .cl_11 .year .y_h { font-size: 0.5rem; } .about_main .things .column .cl_1 .cl_11 .monthThing { width: 84.24657534%; overflow: hidden; padding-left: 7px; } .about_main .things .column .cl_1 .cl_11 .monthThing .m_h { width: 16.2601626%; } .about_main .things .column .cl_1 .cl_11 .monthThing .e_p { margin-left: 17.07317073%; } .about_main .things .column .cl_2 { margin-top: 0.9rem; height: 55.15rem; position: relative; margin-right: 0; } .about_main .things .column .cl_2 .cl_21 { height: auto; margin: 0 !important; text-align: center; position: absolute; } .about_main .things .column .cl_2 .cl_21 img { margin-top: 0 !important; } .about_main .things .column .cl_2 .cl_21a { width: 6.8rem; left: .3rem; top: 0; } .about_main .things .column .cl_2 .cl_21b { width: 6.79rem; left: 7.6rem; top: 0; } .about_main .things .column .cl_2 .cl_21c { width: 6.1rem; left: .3rem; top: 5.66rem; } .about_main .things .column .cl_2 .cl_21d { width: 6.5rem; left: 7.8rem; top: 5.7rem; } .about_main .things .column .cl_2 .cl_21e { width: 6.5rem; left: .1rem; top: 11.5rem; } .about_main .things .column .cl_2 .cl_21f { width: 3.5rem; left: 9.1rem; top: 11.4rem; } .about_main .things .column .cl_2 .cl_21g { width: 3.7rem; left: .1rem; top: 17.29rem; } .about_main .things .column .cl_2 .cl_21h { top: 17.29rem; width: 2.3rem; left: 5.9rem; } .about_main .things .column .cl_2 .cl_21i { width: 3.5rem; left: 10.5rem; top: 17.29rem; } .about_main .things .column .cl_2 .cl_21j { width: 1.8rem; left: 0.1rem; top: 23.4rem; } .about_main .things .column .cl_2 .cl_21k { top: 24.1rem; left: 3.49rem; width: 4.9rem; } .about_main .things .column .cl_2 .cl_21l { top: 23.9rem; width: 5rem; left: 9.5rem; } .about_main .things .column .cl_2 .cl_21m { top: 29.9rem; width: 6.9rem; left: 0rem; } .about_main .things .column .cl_2 .cl_21n { top: 29.9rem; width: 6.4rem; left: 8rem; } .about_main .things .column .cl_2 .cl_21o { top: 35.9rem; width: 6.7rem; left: 0rem; } .about_main .things .column .cl_2 .cl_21p { top: 35.9rem; width: 6.7rem; left: 8rem; } .about_main .things .column .cl_2 .cl_21q { top: 42.6rem; width: 6.9rem; left: 0rem; } .about_main .things .column .cl_2 .cl_21t { top: 42.6rem; width: 6.4rem; left: 8.1rem; } .about_main .things .column .cl_2 .cl_21r { top: 49.6rem; width: 4.4rem; left: 6rem; } .about_main .things .column .cl_2 .cl_21s { top: 49.6rem; width: 4.4rem; left: 0rem; } .about_main .shareholders .group { width: 100%; margin-bottom: 1.25rem; overflow: hidden; } .about_main .shareholders .group .picBox,.about_main .shareholders .group .textBox { display: block; } .about_main .shareholders .group .picBox { float: left; width: 3.85rem; margin-right: 0.6rem; } .about_main .shareholders .group .picBox img { width: 100%; } .about_main .shareholders .group .textBox { width: auto; padding-left: 0; } .about_main .shareholders .group .textBox .g_head { font-size: 0.65rem; margin-bottom: 0.25rem; } .about_main .shareholders .group .textBox .g_p { font-size: 0.5rem; line-height: 1.4; } .about_main .partner .picColumn { overflow: hidden; } .about_main .partner .picColumn .pictures { width: 16.3rem; margin: -0.7rem -0.7rem 0.3rem; height: auto; } .about_main .partner .picColumn .pictures .picI { width: 4.5rem; height: 1.7rem; margin: 0.7rem 0 0 0.7rem; } .about_main .partner .picColumn .pictures .picI:nth-child(4n-3) { margin-left: 0.7rem; } .about_main .partner .picColumn .pictures .picI img { width: 100%; } .about_main .partner .picColumn .pictures1 { height: 12.7rem; } .about_main .partner .picColumn .pictures2 { height: 15.1rem; } .about_main .joinUs .msg .join p { font-size: 0.5rem; line-height: 1.86; } .about_main .joinUs .msg .deal { font-size: 0.5rem; margin-top: 0.75rem; } .about_main .joinUs .msg .deal h6 { line-height: 0.65rem; margin-bottom: 0.25rem; } .about_main .joinUs .msg .deal p { padding-left: 0.35rem; line-height: 1.86; } .about_main .joinUs .msg .hope { margin-top: 0.7rem; line-height: 1.7; font-size: 0.7rem; } .about_main .joinUs .require { margin-top: 0.75rem; } .about_main .joinUs .require .reply { font-size: 0.5rem; line-height: 2; } .about_main .joinUs .require .post { margin-top: 0; margin-left: 0; margin-right: 0; height: auto; } .about_main .joinUs .require .post .ps_i { width: 100%; height: auto; padding: 0.65rem 0.4rem 0.25rem; margin: 1.2rem 0 0; } .about_main .joinUs .require .post .ps_i .pag { top: -0.5rem; height: 1rem; width: 3.75rem; background-size: 14.9rem; font-size: 0.5rem; text-indent: 0.4rem; line-height: 1rem; } .about_main .joinUs .require .post .ps_i .pag1 { background-position: -7.8rem -4rem; } .about_main .joinUs .require .post .ps_i .pag2 { background-position: -7.8rem -2rem; } .about_main .joinUs .require .post .ps_i .pag3 { background-position: -7.775rem -6.15rem; } .about_main .joinUs .require .post .ps_i .pag4 { background-position: -7.8rem -8.2rem; } .about_main .joinUs .require .post .ps_i .p_i_a,.about_main .joinUs .require .post .ps_i .p_i_b { font-size: 0.45rem; margin-top: 0.15rem; } .about_main .joinUs .require .post .ps_i .p_i_a dt,.about_main .joinUs .require .post .ps_i .p_i_b dt { margin-bottom: 0.15rem; } .about_main .joinUs .require .post .ps_i .p_i_a dd,.about_main .joinUs .require .post .ps_i .p_i_b dd { padding-left: 0.5rem; line-height: 2; margin-bottom: 0.05rem; } .about_main .joinUs .require .post .ps_i .p_i_a .iconfont,.about_main .joinUs .require .post .ps_i .p_i_b .iconfont { font-size: 0.35rem; width: 0.35rem; height: 100%; text-align: left; } .about_main .contact { position: relative; } .about_main .contact .group p { font-size: 0.5rem; line-height: 175%; } .about_main .contact .address { margin-bottom: 0.6rem; } .about_main .contact .address .ci_title { margin-bottom: 0.5rem; } .about_main .contact .address_txt { margin-bottom: 0.1rem; } .about_main .contact .call { margin-top: 0.75rem; } .about_main .contact .wx { padding-left: 0; text-align: center; margin-top: 0.6rem; } .about_main .contact .wx .wx_img { width: 5.65rem; height: auto; } .about_main .contact .map { width: 100%; height: 7.4rem; position: static; margin-bottom: 0.75rem; } .about_main .contact .map .sanbox { display: none; } } .logistics_focus { background: url("../images/banner.png") center 0; } .logistics_focus .fs_t { color: #2199ee; padding-top: 130px; } @media ( max-width : 768px) { .logistics_focus { background-image: none; } .logistics_focus .fs_t { padding-top: .4rem; } .logistics_focus .fs_t .fh1 { font-size: 1.5rem; margin-bottom: 0; } .logistics_focus .fs_t .fhp1 .item { margin-right: 1.25rem; } } .logistics_sup_nav .door { background-position: 0 -78px; } .logistics_sup_nav .unit { background-position: -103px -78px; } .logistics_sup_nav .car { background-position: -200px -76px; } .logistics_sup_nav .sp_1 { width: 230px; margin-right: 256px; } .logistics_sup_nav .sp_2 { width: 236px; margin-right: 246px; } .logistics_sup_nav .sp_3 { width: 232px; } @media ( max-width : 768px) { .logistics_sup_nav .door { background-position: 0 -1.95rem; } .logistics_sup_nav .unit { background-position: -2.575rem -1.95rem; } .logistics_sup_nav .car { background-position: -5rem -1.9rem; } .logistics_sup_nav .sp_1 { width: auto; margin-right: auto; } .logistics_sup_nav .sp_2 { width: auto; margin-right: auto; } .logistics_sup_nav .sp_3 { width: auto; margin-right: auto; } } .logistics_main .cServer .g4 { padding: 40px 0; } @media ( max-width : 768px) { .logistics_main .cServer .g4 { padding: 0.5rem 0 0; } } .logistics_ad { background: url("../images/ad.png") no-repeat center 0; } .media_focus { background: url("../images/banner.png") center 0; } .media_focus .fs_t { color: #1a99ae; } @media ( max-width : 768px) { .media_focus { background-image: none; } .media_focus .fs_t { padding-top: .8rem; } .media_focus .fs_t .fh1 { font-size: 1.5rem; margin-bottom: .3rem; } .media_focus .fs_t .fhp1 .item { margin-right: 1.25rem; } } .media_main .toggle_a .chose_i { background-color: #fff; color: #2199ee; font-size: 14px; border: 1px solid #2199ee; padding: 8px 10px; margin-right: 10px; } .media_main .toggle_a .chose_i.active { background-color: #2199ee; color: #fff; } .media_main .ma_item { display: none; } .media_main .ma_item.active { display: block; } .media_main .group { height: 160px; margin-top: 40px; } .media_main .group .imgBox { width: 260px; height: 100%; overflow: hidden; } .media_main .group .imgBox img { width: 100%; } .media_main .group .txtBox { width: 696px; height: 100%; padding: 0 24px 0 30px; } .media_main .group .txtBox .txt_head { font-size: 18px; color: #333; font-weight: 600; } .media_main .group .txtBox .txt_body { font-size: 14px; line-height: 28px; color: #333; height: 124px; padding: 16px 0; } .media_main .group .txtBox .txt_foot { height: 20px; position: relative; } .media_main .group .txtBox .txt_foot .timer { font-size: 12px; color: #999; line-height: 28px; } .media_main .group .txtBox .txt_foot .baoMing { position: absolute; right: 0; bottom: 0; font-weight: 600; padding: 12px 26px; border: 1px solid #ff7f00; font-size: 16px; -webkit-border-radius: 18px; -moz-border-radius: 18px; border-radius: 18px; color: #fff; background-color: #ff7f00; } .media_main .group .txtBox .txt_foot .baoMing.end { border: 1px solid #b3b3b3; background-color: #b3b3b3; color: #fff; } .media_main .cMsg .medias { margin-top: 10px; } .media_main .cMsg .medias .mLis { height: 40px; border-bottom: 1px solid #e5e5e5; font-size: 14px; color: #333; margin-bottom: 4px; } .media_main .cMsg .medias .mLis .p1 { line-height: 40px; width: 84%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .media_main .cMsg .medias .mLis .p1:hover a{ color:#2199ee; text-decoration:underline; } .media_main .cMsg .medias .mLis .p1 .iconfont { display: inline-block; font-size: 12px; color: #999; margin-right: 4px; } .media_main .cMsg .medias .mLis .time1 { line-height: 40px; width: 12%; text-align: right; } @media ( max-width : 768px) { .media_main .toggle_a { border-bottom: 1px solid #ddd; } .media_main .toggle_a .chose_i { background-color: inherit; color: #666666; font-size: 0.5rem; border: none; padding: 0.25rem 0.75rem; margin-right: 0.6rem; } .media_main .toggle_a .chose_i.active { background-color: inherit; color: #2199ee; border-bottom: 1px solid #2199ee; } .media_main .group { height: auto; margin-top: 0.75rem; } .media_main .group .imgBox { width: 100%; height: auto; } .media_main .group .imgBox img { width: 100%; } .media_main .group .txtBox { width: 100%; height: auto; padding: 0; } .media_main .group .txtBox .txt_head { font-size: 0.65rem; } .media_main .group .txtBox .txt_body { font-size: 0.5rem; line-height: 180%; height: auto; padding: 0.4rem 0; } .media_main .group .txtBox .txt_foot { height: 0.5rem 0; } .media_main .group .txtBox .txt_foot .timer { font-size: 0.5rem; line-height: 88.88888889%; } .media_main .group .txtBox .txt_foot .baoMing { padding: 0.3rem 0.6rem; font-size: 0.65rem; -webkit-border-radius: 0.75rem; -moz-border-radius: 0.75rem; border-radius: 0.75rem; } .media_main .cMsg .medias { margin-top: 10px; } .media_main .cMsg .medias .mLis { height: 1.2rem; font-size: 0.5rem; margin-bottom: 0.15rem; } .media_main .cMsg .medias .mLis .p1 { line-height: 1.2rem; width:76%; } .media_main .cMsg .medias .mLis .p1 .iconfont { display: inline-block; font-size: 0.3rem; margin-right: 2px; } .media_main .cMsg .medias .mLis .time1 { line-height: 1.2rem; width: 20%; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } } .clearance_focus { background: url("../images/banner.png") center 0; } .clearance_focus .fs_t { color: #ff7f00; padding-top: 130px; } @media ( max-width : 768px) { .clearance_focus { background-image: none; } .clearance_focus .fs_t { padding-top: 1rem; } .clearance_focus .fs_t .fh1 { font-size: 1.1rem; } } .clearance_sup_nav .export { background-position: 0 -160px; } .clearance_sup_nav .exchange { width: 66px !important; background-position: -104px -160px; } .clearance_sup_nav .rebate { background-position: -200px -160px; } .clearance_sup_nav .sp_1 { width: 172px; margin-right: 334px; } .clearance_sup_nav .sp_2 { width: 214px; margin-right: 248px; } .clearance_sup_nav .sp_3 { width: 230px; } @media ( max-width : 768px) { .clearance_sup_nav .export { background-position: 0 -4rem; } .clearance_sup_nav .exchange { width: 1.85rem !important; background-position: -2.6rem -4rem; } .clearance_sup_nav .rebate { background-position: -5rem -4rem; } .clearance_sup_nav .sp_1 { width: auto; margin-right: auto; } .clearance_sup_nav .sp_2 { width: auto; margin-right: auto; } .clearance_sup_nav .sp_3 { width: auto; margin-right: auto; } } .clearance_main .cServer .g4 { padding: 40px 0; } .clearance_main .cServer .g5 .g_content { margin-top: 10px; } .clearance_main .cServer .g5 .g_content .p1 { font-size: 16px; color: #ff5500; line-height: 20px; } .clearance_main .cServer .g5 .g_content .fixOn { display: block; font-size: 12px; margin-top: 10px; } .clearance_main .cServer .process .line { width: 100%; } .clearance_main .cExport .s_pro .txt { font-size: 16px; color: #333; line-height: 28px; } .clearance_main .cExport .s_pro .call_kh { padding: 16px 0; } .clearance_main .cExport .problem { margin-top: 20px; } @media ( max-width : 768px) { .clearance_main .cServer .g4 { padding: 0.75rem 0 0; } .clearance_main .cServer .g5 .g_content { margin-top: 0.25rem; } .clearance_main .cServer .g5 .g_content .p1 { font-size: 0.45rem; line-height: 125%; } .clearance_main .cServer .g5 .g_content .fixOn { display: block; font-size: 12px; margin-top: 0.25rem; } .clearance_main .cExport .s_pro .txt { font-size: 0.5rem; line-height: 170%; } .clearance_main .cExport .s_pro .call_kh { padding: 0.5rem 0; } .clearance_main .cExport .problem { margin-top: 0.5rem; } } .clearance_ad { background: url("../images/ad.png") no-repeat center 0; } .credit_focus { background: url("../images/banner.png") center 0; } .credit_focus .fs_t { color: #cfa25c; padding-top: 108px; } @media ( max-width : 768px) { .credit_focus { background-image: none; } .credit_focus .fs_t { padding-top: .2rem; } .credit_focus .fs_t .fh1 { font-size: 1.6rem; } .credit_focus .fs_t .fhp1 .item { margin-right: 1.25rem; } } .credit_sup_nav .check { background-position: 0 -335px; } .credit_sup_nav .bao { background-position: -105px -332px; } .credit_sup_nav .xian { background-position: -199px -336px; } .credit_sup_nav .sp_1 { width: 230px; margin-right: 268px; } .credit_sup_nav .sp_2 { width: 252px; margin-right: 216px; } .credit_sup_nav .sp_3 { width: 234px; } @media ( max-width : 768px) { .credit_sup_nav .check { background-position: 0 -8.375rem; } .credit_sup_nav .bao { background-position: -2.625rem -8.3rem; } .credit_sup_nav .xian { background-position: -4.975rem -8.4rem; } .credit_sup_nav .sp_1 { width: auto; margin-right: auto; } .credit_sup_nav .sp_2 { width: auto; margin-right: auto; } .credit_sup_nav .sp_3 { width: auto; margin-right: auto; } } .credit_main .cServer .explain .ex_head { font-size: 16px; color: #333; margin-bottom: 16px; font-weight: 600; } .credit_main .cServer .explain .ex_p1 { font-size: 16px; line-height: 26px; color: #ff7f00; font-weight: 600; } .credit_main .cServer .explain .note { display: block; color: #666666; margin-bottom: 4px; font-size: 12px; } .credit_main .cExport .s_pro .txt { font-size: 16px; color: #333; line-height: 28px; } .credit_main .cExport .s_pro .call_kh { padding: 16px 0; } .credit_main .cExport .problem { margin-top: 20px; } .credit_main .cExport .problem .problem_lis { margin-top: 18px; } .credit_main .cExport .problem .problem_lis .item { font-size: 16px; line-height: 22px; margin-bottom: 16px; } .credit_main .cExport .problem .problem_lis .item .q,.credit_main .cExport .problem .problem_lis .item .a { padding-left: 32px; position: relative; } .credit_main .cExport .problem .problem_lis .item .q .person,.credit_main .cExport .problem .problem_lis .item .a .person { position: absolute; top: 0; left: 0; width: 32px; height: 22px; } .credit_main .cExport .problem .problem_lis .item .q { color: #333; margin-bottom: 2px; } .credit_main .cExport .problem .problem_lis .item .q .person { color: #2199ee; } .credit_main .cExport .problem .problem_lis .item .a { color: #666666; } .credit_main .cExport .problem .problem_lis .item .a .person { color: #ff7f00; } @media ( max-width : 768px) { .credit_main .cServer .explain .ex_head { font-size: 0.6rem; margin-bottom: 0.35rem; } .credit_main .cServer .explain .ex_p1 { font-size: 0.45rem; line-height: 1.6; } .credit_main .cServer .explain .note { margin-bottom: 0.2rem; font-size: 0.4rem; } .credit_main .cExport .s_pro .txt { font-size: .5rem; line-height: 1.6; } .credit_main .cExport .s_pro .call_kh { padding: 0.4rem 0; } .credit_main .cExport .problem { margin-top: 0.4rem; } .credit_main .cExport .problem .problem_lis { margin-top: .45rem; } .credit_main .cExport .problem .problem_lis .item { font-size: .5rem; line-height: 1.6; margin-bottom: .25rem; } .credit_main .cExport .problem .problem_lis .item .q,.credit_main .cExport .problem .problem_lis .item .a { padding-left: .65rem; } .credit_main .cExport .problem .problem_lis .item .q .person,.credit_main .cExport .problem .problem_lis .item .a .person { top: 0; left: 0; width: .75rem; height: 100%; } .credit_main .cExport .problem .problem_lis .item .q { margin-bottom: 2px; } } .credit_ad { background: url("../images/ad.png") no-repeat center 0; } .trade_focus { background: url("../images/banner.png") center 0; } .trade_focus .fs_t { color: #93a280; padding-top: 132px; } .trade_focus .hot { margin-top: 10px; width: 860px; line-height: 1.3; font-size: 14px; } @media ( max-width : 768px) { .trade_focus { background-image: none; } .trade_focus .fs_t { padding-top: 1rem; } .trade_focus .fs_t .fh1 { font-size: 1.1rem; } .trade_focus .fs_t .fhp1 .item { margin-right: 0; } .trade_focus .fs_t .fhp1 .item:after { content: ""; display: block; } .trade_focus .bottom { display: none; } } .trade_sup_nav .zi { background-position: 0 -248px; } .trade_sup_nav .pei { background-position: -104px -248px; } .trade_sup_nav .she { background-position: -201px -246px; } .trade_sup_nav .sp_1 { width: 230px; margin-right: 286px; } .trade_sup_nav .sp_2 { width: 252px; margin-right: 198px; } .trade_sup_nav .sp_3 { width: 234px; } @media ( max-width : 768px) { .trade_sup_nav .zi { background-position: 0 -6.2rem; } .trade_sup_nav .pei { background-position: -2.6rem -6.2rem; } .trade_sup_nav .she { background-position: -5.025rem -6.15rem; } .trade_sup_nav .sp_1 { width: auto; margin-right: auto; } .trade_sup_nav .sp_2 { width: auto; margin-right: auto; } .trade_sup_nav .sp_3 { width: auto; margin-right: auto; } } .trade_main .title { color: #333; font-size: 16px; margin-bottom: 10px; font-weight: 600; } .trade_main .cExport .problem { margin-top: 20px; } @media ( max-width : 768px) { .trade_main .title { font-size: 0.65rem; margin-bottom: 0.25rem; } .trade_main .cExport .problem { margin-top: 0.75rem; } } .trade_ad { background: url("../images/ad.png") no-repeat center 0; } .tool_banner { height: 214px; background: url("../images/banner.png") no-repeat center center; } .tool_main { padding: 44px 0 60px; } .tool_main .wrap { background: url("../images/camel.png") no-repeat 12px 124px; } .tool_main .tool_box { border: 1px solid #ccc; width: 876px; margin-left: -26px; } .tool_main .tool_box a { width: 246px; height: 102px; font-size: 18px; line-height: 102px; color: #4c4c4c; text-align: center; background-color: #f0f0f0; margin-top: 26px; background-repeat: no-repeat; } .tool_main .tool_box a:hover { border: 1px solid #0474d2; } .tool_main .tool_box .item1,.tool_main .tool_box .item4,.tool_main .tool_box .item7 { margin-left: 26px; } .tool_main .tool_box .item2,.tool_main .tool_box .item5,.tool_main .tool_box .item8,.tool_main .tool_box .item3,.tool_main .tool_box .item6,.tool_main .tool_box .item9 { margin-left: 42px; } .tool_main .tool_box .item3,.tool_main .tool_box .item6,.tool_main .tool_box .item9 { margin-bottom: 26px; } .tool_main .tool_box .item1 { background-image: url("../images/tool1.png"); background-position: 42px center; text-indent: 3em; } .tool_main .tool_box .item2 { background-image: url("../images/tool2.png"); background-position: 42px center; text-indent: 3em; } .tool_main .tool_box .item3 { background-image: url("../images/tool3.png"); background-position: 42px center; text-indent: 2.4em; } .tool_main .tool_box .item4 { background-image: url("../images/tool4.png"); background-position: 46px center; text-indent: 2.6em; } .tool_main .tool_box .item5 { background-image: url("../images/tool5.png"); background-position: 44px center; text-indent: 2.7em; } .tool_main .tool_box .item6 { background-image: url("../images/tool6.png"); background-position: 26px center; text-indent: 3.6em; } .tool_main .tool_box .item7 { background-image: url("../images/tool7.png"); background-position: 42px center; text-indent: 2.6em; } .tool_main .tool_box .item8 { background-image: url("../images/tool8.png"); background-position: 42px center; text-indent: 4.6em; } .tool_main .tool_box .item9 { background-image: url("../images/tool9.png"); background-position: 26px center; text-indent: 5.6em; } .toolCode_main,.purchaseList_main { padding-top: 40px; border-top: 1px solid #ddd; } .toolCode_main .code_list .item { font-size: 16px; color: #4c4c4c; line-height: 40px; text-align: center; width: 110px; background-color: #cccccc; border-radius: 4px; margin-right: 14px; } .toolCode_main .code_list .item.active { background-color: #1080e9; color: #fff; } .toolCode_main .chose_list,.purchaseList_main .purchaseList_box { margin-top: 50px; margin-bottom: 66px; padding-bottom: 42px; } .toolCode_main .chose_list .item { display: none; text-align: center; } .toolCode_main .chose_list .item.active { display: block; } .toolCode_main .chose_list .item .title,.purchaseList_main .title { background-color: #1080e9; color: #fff; font-size: 30px; line-height: 60px; text-align: center; } .toolCode_main .chose_list .item .txt_box .txt_item { width: 286px; margin-top: 20px; margin-left: 38px; margin-right: 94px; } .toolCode_main .chose_list .item .txt_box .txt_item dt { color: #1080e9; line-height: 20px; margin-bottom: 16px; font-size: 16px; display: block; } .purchaseList_main .txt_box .headBox span{ color: #1080e9; line-height: 24px; font-size: 16px; display: block; } .toolCode_main .chose_list .item .txt_box .txt_item dd { color: #666; line-height: 30px; margin-bottom: 4px; font-size: 16px; display: block; } .purchaseList_main .txt_box .main .list span { color: #666; line-height: 24px; font-size: 16px; display: block; } .toolCode_main .chose_list .item .txt_box .txt_item .area { font-size: 16px; color: inherit; line-height: inherit; width: 128px; } .toolCode_main .chose_list .item .txt_box .txt_item .code { font-size: 16px; color: inherit; line-height: inherit; width: 92px; } .toolCode_main .chose_list .item .txt_box .txt_item3 { margin-right: 0; } .purchaseList_main .txt_box { padding-top: 20px; padding-left: 5px; padding-right: 5px; } .purchaseList_main .txt_box .item { margin-left: 16px; text-align: center; padding:6px 0; } .purchaseList_main .txt_box .item1 { width: 162px; } .purchaseList_main .txt_box .item2 { width: 100px; } .purchaseList_main .txt_box .item3 { width: 172px;; } .purchaseList_main .txt_box .item4 { width: 90px; } .purchaseList_main .txt_box .item5 { width: 144px; } .purchaseList_main .txt_box .item6 { width: 74px; } .purchaseList_main .txt_box .item7 { width: 194px; } .purchaseList_main .txt_box .item8 { width: 118px; } .purchaseList_mobile_main { display: none; } @media ( max-width : 768px) { .purchaseList_main { display: none; } .purchaseList_mobile_main { display: block; } .wrap { width: 100%; padding-left: 0.7rem; padding-right: 0.7rem; } .purchaseList_mobile_main .wrap .order_list { color: #333; font-size: 0.65rem; border-left: 2px solid #2199ee; line-height: 1.14; margin-top: .8rem; text-indent: .4rem } .purchaseList_mobile_main .wrap .all_list { margin-top: .5rem; } .purchaseList_mobile_main .wrap .list_box { border: 1px solid #999999; margin-bottom: .75rem; padding: .4rem; } .purchaseList_mobile_main .wrap .list_box .li_p { font-size: .55rem; line-height: 170%; color: #999; } .purchaseList_mobile_main .wrap .list_box .li_p .li_s { color: #666; } .paginationBox .left { display: none; } } .spread { height: 96px; border: none; background: url("../images/spread_slide.jpg") center center no-repeat; margin-bottom: 14px; } .spread .spread_close { float: right; font-size: 21px; font-weight: 700; line-height: 1; color: #000; text-shadow: 0 1px 0 #fff; filter: alpha(opacity = 20); opacity: .2; position: relative; top: 10px; right: 20px; -webkit-appearance: none; padding: 0; cursor: pointer; background: 0 0; border: 0; } @media ( max-width :768px) { .spread { display: none } }