/* CSS Document */ * { font-family: "Microsoft YaHei"; } body, p, h1, h2, h3, ul, li, a { margin: 0 auto; padding: 0; } .clear { clear: both; } a { outline: none; text-decoration: none; } a img { border: 0; } ul li { list-style: none; } /*pre自动换行*/ pre { white-space: pre-wrap; white-space: -moz-pre-wrap; white-space: -pre-wrap; white-space: -o-pre-wrap; word-wrap: break-word; } @media screen and (max-device-width: 320px) { body { -webkit-text-size-adjust: none } } @media screen and (max-device-width: 480px) { body { -webkit-text-size-adjust: none } } @media screen and (max-device-width: 640px) { body { -webkit-text-size-adjust: none } } @media only screen and (-webkit-min-device-pixel-ratio: 2) { body { -webkit-text-size-adjust: none } } @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) { body { -webkit-text-size-adjust: none } } /*********************首页************************/ .header { width: 100%; height: 70px; } .head_box { width: 1200px; height: 70px; margin: 0 auto; } .logo { width: 293px; height: 60px; margin-top: 10px; float: left; } .logo img { width: 293px; height: 60px; } .nav_box { float: right; width: 845px; line-height: 70px; } .nav { float: left; width: 570px; } .nav ul li { float: left; font-size: 16px; color: #666; margin-right: 42px; } .nav ul li:last-child { margin-right: 0; } .nav ul li a { color: #666; } .zc_dl { float: right; width: 248px; margin-top: 20px; } .zc, .dl { display: block; float: left; width: 118px; height: 28px; border: 1px solid #e6e6e6; border-radius: 20px; line-height: 27px !important; text-align: center; font-size: 14px; color: #666; } .zc { margin-right: 8px; } .zc_dl a:hover { border: 1px solid #07a3ea; } .on { border: 1px solid #07a3ea !important; } .banner { width: 100%; height: 600px; position: relative; overflow: hidden; } .51buypic img { width: 100%; height: 600px; } .banner_box { width: 760px; height: 290px; position: absolute; top: 120px; left: 31%; } .banner_box h1 { font-size: 60px; text-align: center; color: #3b2f2f } .banner_box p { font-size: 26px; color: #605858; text-align: center; } .kt { display: block; margin: 85px auto 0; width: 280px; height: 55px; line-height: 55px; text-align: center; color: #fff; border-radius: 10px; background: #2a72be; font-size: 24px; } .lj { font-size: 22px; color: #2a72be; margin-top: 5px; } .lj a { color: #2a72be; } .banner .num { overflow: hidden; height: 5px; position: absolute; bottom: 33px; left: 45%; zoom: 1; z-index: 3 } .banner .num li { width: 50px; height: 5px; background: #bfbfce; margin-right: 10px; cursor: pointer; float: left; font-size: 0; } .banner .num li.on { background: #2a72be; } .dk1 { width: 1200px; margin: 55px auto 0; } .title { text-align: center; } .title h1 { font-size: 30px; color: #333; } .title p { margin-top: 15px; color: #999; font-size: 14px; line-height: 30px; } .gn { width: 100%; height: 170px; margin: 40px auto 0; } .gn ul li { width: 140px; height: 150px; float: left; margin-right: 125px; text-align: center; } .gn ul li:last-child { margin-right: 0; } .gn ul li p { color: #333; font-size: 16px; margin-top: 10px; } .gn ul li img { text-align: center; } .dk2 { width: 1200px; margin: 65px auto 0; } .dz { width: 100%; height: 510px; margin-top: 35px; } .k1 { width: 595px; float: left; height: 250px; margin-right: 10px; margin-bottom: 8px; } .k1_1 { float: left; width: 325px; height: 250px; } .k1_1 img { width: 325px; height: 250px; } .k1_2 { float: right; height: 250px; width: 270px; background: #2a72be; text-align: center; } .k1_2 p { color: #fff; font-size: 18px; margin-top: 5px; } .k1_2 p a { color: #fff; } .t1 { width: 110px; height: 123px; margin-top: 40px; } .t2 { width: 123px; height: 89px; margin-bottom: 15px; margin-top: 60px; } .t3 { width: 108px; height: 118px; margin-top: 40px; margin-bottom: 10px; } .t4 { width: 115px; height: 97px; margin-top: 50px; margin-bottom: 22px; } .dk3 { width: 1200px; margin: 80px auto 0; } .gn2 { margin-top: 65px; height: 345px; } .gn2 li { width: 120px; height: 150px; float: left; margin-right: 95px; margin-bottom: 44px; text-align: center; } .gn2 li:nth-child(6n+6) { margin-right: 0; } .gn2 li p { font-size: 14px; color: #666; } .gn2 li a div { width: 112px; height: 103px; overflow: hidden; position: relative; margin: 0 auto; margin-bottom: 25px; line-height: 130px; font-size: 14px; color: #666; } .gn2 li a div a { color: #666; } .gn2 li a div img { width: 112px; height: 103px; } .gn2 li a:hover .tb1_2 { top: 0; } .gn2 li a div .tb1_2 { position: absolute; top: 103px; left: 0; } .dk4 { width: 1200px; margin: 55px auto 0; } .fa { margin-top: 55px; height: 585px; } .fa ul li { border: 2px solid #eee; width: 376px; height: 271px; text-align: center; float: left; margin-right: 30px; margin-bottom: 30px; } .fa ul li:nth-child(3n+3) { margin-right: 0; } .fa ul li img { width: 360px; height: 150px; margin-top: 10px; } .fa ul li h1 { font-size: 27px; color: #333; font-weight: normal; } .fa ul li p { font-size: 17px; color: #666; margin-top: 5px; } .dk5 { width: 1200px; margin: 40px auto 0; padding-bottom: 70px; } .gl { width: 100%; margin-top: 55px; height: 245px; } .gl ul li { float: left; text-align: center; margin-right: 128px; } .gl ul li:last-child { margin-right: 0; } .gl ul li h1 { font-size: 17px; color: #333; font-weight: normal; margin-top: 45px; } .gl ul li p { margin-top: 20px; font-size: 16px; color: #666; line-height: 25px; } .dk6 { width: 100%; padding-top: 32px; background: #fafafa; padding-bottom: 30px; } .dk6_box { width: 1200px; height: auto; margin: 0 auto; overflow: hidden; zoom: 1; } .k2 { width: 340px; float: left; margin-right: 90px; } .k2:last-child { margin-right: 0; } .title2 { height: 30px; } .title2 h1 { font-size: 24px; color: #03b3e9; font-weight: normal; float: left; } .title2 span { margin-left: 12px; line-height: 37px; font-size: 18px; color: #a1a1a1; } .t5 { width: 340px; height: 110px; margin-top: 20px; } .t5 img { width: 340px; height: 110px; } .nr { margin-top: 15px; } .nr_p { line-height: 28px; font-size: 14px; color: #666; } .nr_p span a { color: #666; } .news li span { float: left; margin-right: 12px; } .news li span img { width: 38px; height: 38px; } .news li { font-size: 14px; color: #666; margin-bottom: 12px; } .news li:last-child { margin-bottom: 0; } .news li a { color: #666; } .news li p { font-size: 14px; color: #ccc; } .al li { font-size: 14px; color: #666; line-height: 28px; } .al li a { color: #666; } .footer { width: 100%; background: #464646; } .footer_box { width: 1200px; margin: 0 auto; padding-top: 25px; padding-bottom: 25px; } .footer_box p { text-align: center; font-size: 14px; color: #fff; margin-bottom: 5px; } .footer_box p:last-child { margin-bottom: 0; } .footer_box p a { color: #fff; } .fx_t span { margin-right: 32px; } .fx_t span img { width: 33px; height: 33px; } .yq a { margin-left: 2px; margin-right: 2px; } /*********************案例展示************************/ .content { width: 100%; background: #f8f8f8; overflow: hidden; zoom: 1; } .content_box { width: 1200px; margin: 0 auto; background: #fff; } .al_box { padding: 42px 75px 45px 75px; overflow: hidden; zoom: 1; } .alfl { width: 890px; height: 30px; margin: 0 auto; } .alfl ul { height: 30px; } .alfl ul li { float: left; width: 110px; height: 30px; border-radius: 15px; background: #a1a1a1; color: #fff; font-size: 14px; text-align: center; line-height: 30px; cursor: pointer; margin-right: 20px; } .alfl ul li:last-child { margin-right: 0; } .alfl .on2 { background: #2a72be; } .alfl_box { margin-top: 30px; overflow: hidden; zoom: 1; } .pane { display: none; overflow: hidden; zoom: 1; } .pane ul { overflow: hidden; zoom: 1; } .pane ul li { width: 340px; float: left; height: 260px; margin-right: 15px; margin-bottom: 25px; } .pane ul li img { width: 340px; height: 200px; } .pane ul li:nth-child(3n+3) { margin-right: 0; } .pane ul li p { font-size: 14px; color: #666; margin-left: 20px; } .tit { margin-top: 15px; font-size: 16px !important; color: #333 !important; } .pages { display: table; margin-left: auto; margin-right: auto; margin-top: 60px; } .pages a { display: block; width: 38px; height: 38px; border: 1px solid #dcdcdc; border-radius: 2px; color: #999; text-align: center; line-height: 40px; float: left; margin-right: 15px; } .pages a:hover { color: #fff; background: #2a72be; display: block; width: 40px; height: 40px; border: 0; } .on3 { color: #fff !important; background: #2a72be; border: 0 !important; width: 40px !important; height: 40px !important; } .pages a:last-child { margin-right: 0; } .net, .pre { width: 88px !important } .net:hover, .pre:hover { width: 88px !important; background: #fff !important; color: #999 !important; border: 1px solid #dcdcdc !important; height: 38px !important; } /*********************案例展示详情************************/ .dk7 { width: 1200px; margin: 0 auto; padding-top: 30px; margin-bottom: 10px; } .title3 { height: 35px; background: url("/memberspqtstccom/img/title_bg.png") left no-repeat; line-height: 35px; color: #333; font-size: 24px; padding-left: 25px; } .xm { margin-bottom: 30px; } .xm_nr, .sj_nr { padding-left: 25px; } .xm_nr h1 { font-size: 18px; color: #333; padding-top: 20px; padding-bottom: 20px; font-weight: normal; } .xm_nr p { font-size: 14px; color: #666; line-height: 30px; } .sj_nr { margin-top: 45px; overflow: hidden; zoom: 1; } .sj_img { float: left; width: 737px; height: 502px; } .sj_img img { width: 737px; height: 502px; } .sj_list { float: right; margin-right: 70px; margin-top: 80px; } .sj_list ul li { color: #333; font-size: 22px; line-height: 60px; } .sj_list ul li span { float: left; color: #25acfd; margin-right: 15px; } .dk8 { width: 100%; background: #eff2f4; } .dk8_box { width: 1200px; margin: 0 auto; padding-top: 60px; padding-bottom: 50px; overflow: hidden; zoom: 1; } .al_list { width: 1200px; height: 275px; position: relative; overflow: hidden; } .al_listbox { width: 1050px; height: 275px; margin: 0 auto; } .allist { float: left; background: #fff; width: 340px; height: 275px; margin-right: 10px; } .allist:hover { background: #1dacea; color: #fff; } .allist_img { width: 340px; height: 200px; position: relative; } .allist_img img { width: 340px; height: 200px; } .tm { width: 340px; height: 200px; left: 0; bottom: 0; position: absolute; background: url("/memberspqtstccom/img/tm_bg.png") no-repeat; display: none; } .allist:hover .tm { width: 340px; height: 200px; left: 0; bottom: 0; position: absolute; display: block; } .allist p { margin-left: 20px; color: #999; font-size: 14px; } .allist:hover p { color: #fff !important; } .al_list .prev { width: 23px; height: 45px; background: url("/memberspqtstccom/img/net.png") no-repeat; position: absolute; top: 115px; } .al_list .prev:hover { background: url("/memberspqtstccom/img/net_2.png") no-repeat; } .al_list .next { width: 23px; height: 45px; background: url("/memberspqtstccom/img/pre.png") no-repeat; position: absolute; top: 115px; } .al_list .next:hover { background: url("/memberspqtstccom/img/pre_2.png") no-repeat; } .al_list .prev { left: 0; } .al_list .next { right: 0; background-position: right } /*********************产品介绍************************/ .con_box { width: 1200px; margin: 0 auto; padding-top: 40px; overflow: hidden; zoom: 1; } .nav_list { float: left; width: 260px; } .nva_box { margin-bottom: 25px; } .nav_title { width: 100%; height: 80px; color: #fff; background: #2a72be; margin-bottom: 25px; } .nav_title p { font-size: 14px; text-align: center; } .nav_zh { font-size: 18px !important; padding-top: 20px; } .t6 { float: left; margin-right: 12px; width: 30px; height: 27px; } .nva_box ul li { color: #666; font-size: 14px; height: 30px; line-height: 30px; margin-bottom: 10px; } .nva_box ul li a { margin-left: 45px; padding-left: 45px; display: block; color: #666; } /*.nva_box ul li a:hover{ color:#a1bee0 !important;}*/ .nva_box ul #pic1 a { background: url("/memberspqtstccom/img/t12.png") no-repeat left; } .nva_box ul #pic1 .on4, .nva_box ul #pic1:hover a { background: url("/memberspqtstccom/img/t12_2.png") no-repeat left; color: #a1bee0; } .nva_box ul #pic2 a { background: url("/memberspqtstccom/img/t13.png") no-repeat left; } .nva_box ul #pic2 .on4, .nva_box ul #pic2:hover a { background: url("/memberspqtstccom/img/t13_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic3 a { background: url("/memberspqtstccom/img/t14.png") no-repeat left; } .nva_box ul #pic3 .on4, .nva_box ul #pic3:hover a { background: url("/memberspqtstccom/img/t14_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic4 a { background: url("/memberspqtstccom/img/t15.png") no-repeat left; } .nva_box ul #pic4 .on4, .nva_box ul #pic4:hover a { background: url("/memberspqtstccom/img/t15_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic5 a { background: url("/memberspqtstccom/img/t16.png") no-repeat left; } .nva_box ul #pic5 .on4, .nva_box ul #pic5:hover a { background: url("/memberspqtstccom/img/t16_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic6 a { background: url("/memberspqtstccom/img/t17.png") no-repeat left; } .nva_box ul #pic6 .on4, .nva_box ul #pic6:hover a { background: url("/memberspqtstccom/img/t17_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic7 a { background: url("/memberspqtstccom/img/t18.png") no-repeat left; } .nva_box ul #pic7 .on4, .nva_box ul #pic7:hover a { background: url("/memberspqtstccom/img/t18_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic8 a { background: url("/memberspqtstccom/img/t19.png") no-repeat left; } .nva_box ul #pic8 .on4, .nva_box ul #pic8:hover a { background: url("/memberspqtstccom/img/t19_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic9 a { background: url("/memberspqtstccom/img/t20.png") no-repeat left; } .nva_box ul #pic9 .on4, .nva_box ul #pic9:hover a { background: url("/memberspqtstccom/img/t20_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic10 a { background: url("/memberspqtstccom/img/t21.png") no-repeat left; } .nva_box ul #pic10 .on4, .nva_box ul #pic10:hover a { background: url("/memberspqtstccom/img/t21_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic11 a { background: url("/memberspqtstccom/img/t22.png") no-repeat left; } .nva_box ul #pic11 .on4, .nva_box ul #pic11:hover a { background: url("/memberspqtstccom/img/t22_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic12 a { background: url("/memberspqtstccom/img/t23.png") no-repeat left; } .nva_box ul #pic12 .on4, .nva_box ul #pic12:hover a { background: url("/memberspqtstccom/img/t23_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic13 a { background: url("/memberspqtstccom/img/t24.png") no-repeat left; } .nva_box ul #pic13 .on4, .nva_box ul #pic13:hover a { background: url("/memberspqtstccom/img/t24_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic14 a { background: url("/memberspqtstccom/img/t25.png") no-repeat left; } .nva_box ul #pic14 .on4, .nva_box ul #pic14:hover a { background: url("/memberspqtstccom/img/t25_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic15 a { background: url("/memberspqtstccom/img/t26.png") no-repeat left; } .nva_box ul #pic15 .on4, .nva_box ul #pic15:hover a { background: url("/memberspqtstccom/img/t26_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic16 a { background: url("/memberspqtstccom/img/t27.png") no-repeat left; } .nva_box ul #pic16 .on4, .nva_box ul #pic16:hover a { background: url("/memberspqtstccom/img/t27_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic17 a { background: url("/memberspqtstccom/img/t28.png") no-repeat left; } .nva_box ul #pic17 .on4, .nva_box ul #pic17:hover a { background: url("/memberspqtstccom/img/t28_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic18 a { background: url("/memberspqtstccom/img/t29.png") no-repeat left; } .nva_box ul #pic18 .on4, .nva_box ul #pic18:hover a { background: url("/memberspqtstccom/img/t29_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic19 a { background: url("/memberspqtstccom/img/t30.png") no-repeat left; } .nva_box ul #pic19 .on4, .nva_box ul #pic19:hover a { background: url("/memberspqtstccom/img/t30_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic20 a { background: url("/memberspqtstccom/img/t31.png") no-repeat left; } .nva_box ul #pic20 .on4, .nva_box ul #pic20:hover a { background: url("/memberspqtstccom/img/t31_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic21 a { background: url("/memberspqtstccom/img/t32.png") no-repeat left; } .nva_box ul #pic21 .on4, .nva_box ul #pic21:hover a { background: url("/memberspqtstccom/img/t32_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic22 a { background: url("/memberspqtstccom/img/t33.png") no-repeat left; } .nva_box ul #pic22 .on4, .nva_box ul #pic22:hover a { background: url("/memberspqtstccom/img/t33_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic23 a { background: url("/memberspqtstccom/img/t34.png") no-repeat left; } .nva_box ul #pic23 .on4, .nva_box ul #pic23:hover a { background: url("/memberspqtstccom/img/t34_2.png") no-repeat left !important; color: #a1bee0 !important; } .nva_box ul #pic24 a { background: url("/memberspqtstccom/img/t35.png") no-repeat left; } .nva_box ul #pic24 .on4, .nva_box ul #pic24:hover a { background: url("/memberspqtstccom/img/t35_2.png") no-repeat left !important; color: #a1bee0 !important; } .nr_rigth { float: right; width: 840px; } .tg_gn { padding-top: 40px; padding-bottom: 29px; border-bottom: 1px solid #eee; overflow: hidden; zoom: 1; } .tg_gn img { float: left; width: 118px; height: 108px; } .tg_gn h1 { width: 710px; float: left; font-size: 32px; margin-left: 12px; font-weight: normal; color: #2a72be; } .tg_gn p { margin-left: 12px; float: left; color: #2a72be; margin-top: 20px; border-radius: 2px; text-align: center; line-height: 45px; font-size: 18px; width: 178px; height: 43px; border: 1px solid #2a72be; } .tg_gn p a { display: block; color: #2a72be; } .tggn { margin-top: 20px; } .tg_title { padding-top: 8px; padding-bottom: 8px; font-size: 18px !important; color: #333 !important; } .tggn p, .gnwd_a p { font-size: 14px; color: #666; line-height: 30px; } .gntd { float: left; } .gntd li, .gntd_2 li { font-size: 14px; color: #666; line-height: 30px; } .gntd li span, .gntd_2 li span { margin-right: 10px; } .timg { float: right; width: 219px; height: 199px; } .timg_2 { float: left; width: 299px; height: 181px; margin-top: 25px; } .nr_list { overflow: hidden; zoom: 1; } .gntd_2 { float: right; margin-top: 25px; } .wz_list { margin-top: 47px; } .wzsy { float: left; width: 320px; margin-right: 70px; } .wzsy_title { height: 39px; border-bottom: 1px solid #eee; line-height: 40px; font-size: 18px; color: #333; } .wzsy_title a { font-size: 14px !important; color: #5d5d5d; float: right; } .wzsy ul { margin-top: 10px; } .wzsy ul li { font-size: 14px; color: #666; line-height: 25px; } .wzsy ul li span { float: left; margin-right: 10px; } .wzsy ul li a { color: #666; } /*********************行业应用************************/ .xh_img { width: 1200px; height: 250px; margin: 0 auto; margin-top: 110px; margin-bottom: 45px; } .xh_img img { width: 1200px; height: 250px; } /*********************使用说明************************/ .sysm_listbox { border-bottom: 1px solid #eee; clear: both; height: 55px; } .sysm_list a { color: #999; padding-left: 82px; padding-right: 82px; font-size: 24px; padding-bottom: 20px; margin-right: 115px; } .sysm_list a:last-child { margin-right: 0; } #pic25 { background: url("/memberspqtstccom/img/t36.png") no-repeat; background-position: 30px 5px; } .sysm_list #pic25.on5, .sysm_list #pic25:hover { border-bottom: 5px solid #2a72be; color: #2a72be !important; background: url("/memberspqtstccom/img/t36_2.png") no-repeat; background-position: 30px 5px; } #pic26 { background: url("/memberspqtstccom/img/t37.png") no-repeat; background-position: 30px 5px; } .sysm_list #pic26.on5, .sysm_list #pic26:hover { border-bottom: 5px solid #2a72be; color: #2a72be !important; background: url("/memberspqtstccom/img/t37_2.png") no-repeat; background-position: 30px 5px; } #pic27 { background: url("/memberspqtstccom/img/t38.png") no-repeat; background-position: 30px 5px; } .sysm_list #pic27.on5, .sysm_list #pic27:hover { border-bottom: 5px solid #2a72be; color: #2a72be !important; background: url("/memberspqtstccom/img/t38_2.png") no-repeat; background-position: 30px 5px; } .sysm_list a:hover { border-bottom: 5px solid #2a72be; color: #2a72be; position: relative; } .sysm_dbox { margin-top: 20px; } .sysm_box { display: none; } .gnwd_title { font-size: 24px; color: #333; padding-top: 20px; padding-bottom: 20px; font-weight: normal; border-bottom: 1px dashed #b4b4b4; } .gned_q { padding-top: 15px; padding-bottom: 15px; color: #333; font-size: 18px; cursor: pointer; padding-left: 30px; border-bottom: 1px dashed #b4b4b4; background: url("/memberspqtstccom/img/q.png") no-repeat left; background-position: 0 19px; } .gnwd_a { background: url("/memberspqtstccom/img/a.png") no-repeat left; background-position: 0 22px; padding-left: 30px; padding-top: 15px; padding-bottom: 30px; border-bottom: 1px dashed #b4b4b4; } /*********************新闻资讯列表************************/ .news_title { width: 100%; height: 60px; background: #fdfdfd; } .news_box { width: 1200px; margin: 0 auto; overflow: hidden; zoom: 1; } .newstitle { width: 850px; height: 60px; float: left; } .newstitle ul li { font-size: 14px; color: #666; height: 57px; line-height: 57px; margin-right: 45px; cursor: pointer; float: left; } .newstitle .on6 { border-bottom: 3px solid #2a72be; } .black { float: right; width: 335px; height: 60px; } .black p { line-height: 60px; font-size: 14px; color: #666; text-align: right; } .black p span { margin-left: 5px; margin-right: 5px; } .black p img { width: 17px; height: 17px; margin-top: 4px; } .black p span a { color: #666; } .news_xg { margin: 15px auto 0; width: 1200px; overflow: hidden; zoom: 1; margin-bottom: 20px; } .newslist { width: 800px; float: left; background: #fff; padding-left: 25px; padding-right: 25px; padding-bottom: 25px; } .news_list { display: none; } .news_list ul li { padding-top: 25px; padding-bottom: 25px; border-bottom: 1px solid #eee; overflow: hidden; zoom: 1; } .news_list ul li img { width: 200px; height: 130px; } .news_img { float: left; width: 200px; height: 130px } .news_js { width: 580px; float: right; } .new_title { color: #333; font-size: 18px; margin-bottom: 5px; } .new_js { color: #666; font-size: 14px; line-height: 25px; } .news_fb { font-size: 14px; color: #999; margin-top: 10px; } .xgtj { width: 305px; padding-left: 15px; padding-right: 15px; padding-top: 25px; padding-bottom: 15px; float: right; background: #fff; overflow: hidden; zoom: 1; } .xgtj_title { font-size: 18px; color: #333; margin-bottom: 15px; } .xgtj_title span { color: #999; } .xgtj_title a { float: right; font-size: 14px; color: #666; } .xgtj ul li { line-height: 45px; font-size: 16px; color: #666; } .xgtj ul li a { color: #666; } .xgtj ul li span { float: left; margin-right: 10px; } /*********************新闻资讯详情************************/ .newsxq_title { padding-top: 25px; padding-bottom: 30px; border-bottom: 1px solid #eee; text-align: center; position: relative; margin-bottom: 20px; } .newsxq_title h1 { font-size: 18px; color: #666; padding-bottom: 15px; } .newsxq_title p { font-size: 14px; color: #a1a1a1; } .bdsharebuttonbox { position: absolute; position: absolute; right: 185px; bottom: 25px; } .newsxq_img { text-align: center; } .news_nr { padding-bottom: 20px; border-bottom: 1px solid #eee; } .news_pages { padding-top: 15px; padding-bottom: 15px; } .news_pre { float: left; } .news_net { float: right; } .news_pre, .news_net { font-size: 14px; color: #999; } .news_pre:hover, .news_net:hover { color: #2a72be; } .on7 { color: #2a72be; } /*********************落地页样式************************/ .luodi_dk1 { width: 100%; text-align: center; } .ldcont { width: 1200px; margin: 0 auto; overflow: hidden; zoom: 1; } .ldtitle { width: 100%; text-align: center; padding: 60px 0 60px 0; } .ldtitle h3 { font-size: 32px; color: #333; font-weight: normal; } .ldtitle p { font-size: 16px; color: #666; line-height: 25px; margin-top: 35px; } .ld_list1 { margin-bottom: 30px; } .hidden { overflow: hidden; zoom: 1; } .ld_list1 li { width: 240px; float: left; text-align: center; margin-right: 20px; } .ld_list1 li:last-child { margin-right: 0; } .ld_list1 li img { width: 240px; height: 160px; } .ld_list1 p { font-size: 18px; color: #333; margin-top: 20px; } .luodi_dk3 { width: 100%; background: url("/memberspqtstccom/img/ldbg1.jpg") no-repeat; height: 600px; } .ld_box { width: 1200px; margin: 0 auto; } .ld_img { float: left; } .ld_word { float: left; } .ld_1 li span { float: left; color: #25acfd; margin-right: 15px; } .ld_1 { width: 325px; margin-top: 50px; } .ld_1 li { font-size: 22px; color: #333; padding-top: 20px; padding-bottom: 20px; line-height: 30px; } .ld_word p { font-size: 16px; color: #333; line-height: 35px; } .ld_liast { margin-top: 20px; } .ld_liast li span { float: left; margin-right: 10px; color: #117bda; } .ld_liast li { color: #666; font-size: 14px; line-height: 30px; } .luodi_dk4 { width: 100%; background: url("/memberspqtstccom/img/ldbg2.jpg") no-repeat; height: 600px; } .ld_list2 { overflow: hidden; zoom: 1; margin-left: 190px; padding-bottom: 115px; } .ld_list2 li { width: 220px; text-align: center; float: left; margin-right: 100px; } .ld_list2 li img { text-align: center; } .ld_list2 li p { font-size: 18px; color: #333; line-height: 30px; } .ld_list2 li span { font-size: 14px; color: #666; display: inline-block; } .luodi_dk2 { overflow: hidden; zoom: 1; } .luodi_dk5 { width: 100%; background: url("/memberspqtstccom/img/ldbg3.jpg") no-repeat; height: 600px; } .luodi_dk6 { width: 100%; background: url("/memberspqtstccom/img/ldbg4.jpg") no-repeat; height: 600px; } .ld_list3 { width: 1020px; margin: 0 auto; overflow: hidden; zoom: 1; } .ld_list3 li { float: left; width: 240px; height: 160px; position: relative; margin-right: 20px; } .ld_list3 li:last-child { margin-right: 0; } .ld_list3 li img { width: 240px; height: 160px; } .ld_list3 li span { width: 100%; height: 30px; position: absolute; left: 0; bottom: 0; font-size: 18px; line-height: 30px; color: #fff; display: block; background-color: rgba(87,87,87,0.8); border-radius: 0 0 5px 5px; } .tm_nr { width: 240px; height: 160px; left: 0; bottom: 0; position: absolute; display: none; background-color: rgba(87,87,87,0.8); border-radius: 5px; color: #fff; } .ld_list3 li:hover .tm_nr { width: 240px; height: 160px; left: 0; bottom: 0; position: absolute; display: block; background-color: rgba(0,0,0,0.8); border-radius: 5px; color: #fff; } .tm_nr p { margin-top: 80px; text-align: center; font-size: 18px; } .more { margin: 60px auto 0; width: 200px; height: 60px; text-align: center; line-height: 60px; color: #fff; font-size: 24px; background: #117bda; border-radius: 30px; } .more a { color: #fff; display: block; } .luodi_dk7 { width: 100%; background: url("/memberspqtstccom/img/ldbg5.jpg") no-repeat; height: 600px; } .ld_list4 { width: 400px; height: 220px; margin: 45px auto 0; overflow: hidden; zoom: 1; } .ld_list4 li { width: 120px; height: 100px; float: left; margin-right: 20px; text-align: center; margin-top: 15px; } .ld_list4 li p { text-align: center; color: #666; font-size: 14px; } .ld_list4 li img { width: 69px; height: 61px; } .luodi_dk8 { width: 100%; background: url("/memberspqtstccom/img/ldbg6.jpg") no-repeat; height: 600px; } .ld_list5 { width: 545px; margin: 10px auto 0; } .ld_list5 li:nth-child(4n+4) { margin-right: 0; } .ld_list5 li { float: left; text-align: center; margin-right: 15px; margin-top: 20px; } .ld_list5 li img { width: 75px; height: 75px; } /*********************登录页************************/ /*头部*/ .login_head { width: 100%; height: 80px; background: #fff; } .phone_nav { display: none; } .login_hbox { margin: 0 auto; padding: 0; height: 80px; } .login_logo { margin-top: 10px; float: left; width: 30%; height: 60px; } .login_logo img { float: left; } .logo_text{ float: left; margin-left: 3%; } .logo_text .login_china{ font-size: 24px; color: #333; padding:5px 0; } .logo_text .login_en{ color: #999; font-size: 16px; } .login_zc { float: right; } .login_zc { color: #929292; font-size: 16px; line-height: 80px; } .login_zc a { color: #333; } /* 新增导航+脚部样式 */ .top-nav{ width: auto; overflow: hidden; float: left; } .nav-title{ width: 95px; height: 30px; line-height: 30px; float: left; text-indent: 0.2rem; margin: 25px 0px 0px 10px; background-size: 20%; } .nav-title img{ display: block; width: 20px; float: left; margin: 6px 3px 0px 3px; } .nav-title a{ font-size: 14px; color: #666; } .foot-content{ width: 1200px; overflow: hidden; margin: 0 auto; } .foot-c-left{ width: 130px; overflow: hidden; float: left; } .foot-c-left p{ width: 100%; height: 30px; line-height: 30px; } .foot-c-left img{ display: block; width: 90px; height: 90px; margin: 0 auto; } .foot-c-right{ width: 1070px; overflow: hidden; float: left; font-size: 14px; } .foot-r-left,.foot-r-right{ width: 50%; overflow: hidden; float: left; text-align: left; } .foot-r-left p,.foot-r-right p{ width: 100%; height: 25px; line-height: 25px; padding-left: 130px; } .font-blod{ color: #666; font-weight: 600; } /* 新增导航+脚部样式 end */ /*.login_cont { width: 100%; background: #10a1da; }*/ /*我修改的*/ .login_cont { width: 100%; background: #10a1da;/*min-height: 752px;*/ /*padding-bottom: 9%;*/ } /*我修改的*/ .cont_box { margin: 0 auto; /*padding-top: 7%;*/ overflow: hidden; zoom: 1; position: relative; } .Loinbanner { width: 700px; left: 0; bottom: 25%; /* height: 310px;*/ position: absolute; } .loginBaanr { width: 100%; position: relative; height: 390px; } .loginBaanr .num { overflow: hidden; height: 25px; position: absolute; bottom: 0; left: 43%; zoom: 1; z-index: 3 } .loginBaanr img{ width:100%;} .loginBaanr .num li { width:10px; height: 10px; font-size:0; background: #dcdcdc; margin-right: 10px; border-radius: 50%; cursor: pointer; float: left; border:0; } .loginBaanr .num li.on { background: #fff; border:0 !important; } .yzmImg{ width:140px !important;} /*.login_img { width: 605px; min-width: 605px; float: left; margin-top: 10px; position:absolute; left:0; bottom:25%; }*/ /*.login_img img { width: 605px; min-width: 605px; }*/ .login { float: right; width: 380px; min-width: 300px; border-radius: 5px; background: #e8f6fb; position: absolute; right: 0; bottom: 25%; } .login_title { padding: 20px 35px; border-bottom: 1px solid #d8e6ec; font-size: 16px; color: #333; } .login_box { padding: 0 5%; overflow: hidden; zoom: 1; padding-bottom: 30px; border-bottom: 1px solid #d8e6ec; } .login_input { color: #999; width: 100%; height: 40px; margin-top: 15px; margin-bottom: 15px; } .input { float: left; width: 20%; height: 38px; border: 1px solid #e5e4e4; background-color: #f3f3f3; } i { display: block; text-align: center; line-height: 35px; color: #bebebe; font-size: 20px !important; } /*.user { background: #f3f3f3 url("/memberspqtstccom/memberimages/login_user.png") no-repeat; background-position: 50% 47%; } .paswd { background: #f3f3f3 url("/memberspqtstccom/memberimages/login_paswd.png") no-repeat; background-position: 50% 47%; }*/ .sjyz_icon, .icon-yanzhengma { display: none; } .login_input input { float: left; border: 1px solid #e5e4e4; background: #fff; width: 70%; line-height: 40px; padding-left: 10px; height: 36px; margin-left: -1px; color: #999; font-size: 0.95rem; } .jz { width: 14px !important; height: 14px !important; margin-top: 3px; float: left; margin-right: 10px; } .submit { width: 100%; height: 45px; color: #fff; text-align: center; line-height: 45px; background: #10a1da; font-size: 18px; border: 0; border-radius: 5px; cursor: pointer; -webkit-appearance: none; appearance: none; } .dlfs { padding: 0 5%; height: 60px; background: #e5f3f9; line-height: 60px; border-radius: 0 0 5px 5px; } .dlfs ul li { float: left; font-size: 12px; color: #999; line-height: 65px; margin-right: 15px; } .dlfs ul li a { color: #999; } .dlfs ul li img { vertical-align: middle; margin-right: 10px; } .login_fot { width: 100%; background: #f8f8f8; } .sj_foot { display: none; } .fot_box { width: 57.75%; margin: 0 auto; padding-top: 40px; padding-bottom: 40px; } .logo_fot { float: left; width: 160px; } .login_rit { float: right; } .login_rit p { text-align: right; font-size: 14px; color: #94939e; } .login_rit p a { color: #94939e; } .yqlj a { margin: 0 2px; } /********************************个人注册页**********************/ input { outline: none; } h4 { margin: 0; padding: 0; } .login_grzc { width: 960px; margin: 0 auto; padding: 55px 70px 150px 70px; overflow: hidden; zoom: 1; } /*弹出层*/ .tc_title { position: relative; background: #f3f3f3; height: 31px; font-size: 18px; color: #333; /*text-align: center;*/ line-height: 31px; padding-left: 22px; font-weight: bold; } .black_overlay { display: none; position: absolute; top: 0%; left: 0%; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 1001; } .white_content { display: none; position: absolute; top: 10%; left: 29%; width: 45%; background-color: white; z-index: 1002; overflow: auto; border: 4px solid rgba(0,0,0,.1); } .t_box { overflow: hidden; padding: 10px 10px 30px 10px; } .t_box p { font-size: 14px; color: #333; } .t_nr { height: 426px; padding: 10px 12px; line-height: 20px; overflow-x: hidden; overflow-y: auto; margin-bottom: 25px; } .but button { margin: 0 auto; display: block; width: 160px; height: 40px; color: #fff; background: #1f9acd; border: 0; font-size: 16px; } .zc_right { float: left; width: 385px; margin-left: 77px; padding-left: 65px; border-left: 1px solid #ddd; height: 605px; } .qy_zclj { width: 160px; height: 64px; border-bottom: 1px solid #ddd; margin-left: 55px; } .qy_zclj a { color: #333; font-size: 14px; display: block; width: 160px; height: 30px; } .qy_zclj a:hover { font-weight: bold; } .qy_zclj i { display: inline-block; width: 29px; height: 31px; vertical-align: middle; margin-right: 15px; background: url("/memberspqtstccom/img/login_img2.png") no-repeat; } .close_close { background: url("/memberspqtstccom/img/close.png") no-repeat; background-size: 13px 13px; cursor: pointer; display: block; position: absolute; z-index: 100000; top: 10px; right: 10px; overflow: hidden; width: 13px; height: 13px; font-size: 0; } .zcbg { margin-top: 110px; } /********************************个人注册成功页**********************/ .zccg { width: 1100px; margin: 0 auto; padding-top: 50px; padding-bottom: 245px; } /*.zccg_title { height: 75px; text-align: center; background: url("/memberspqtstccom/img/loginzc_cg.png") no-repeat; background-position: 175px 3px; } .zccg_title h2 { font-size: 30px; color: #333; } .zcdl { height: 312px; width: 100%; position: relative; margin-top: 150px; } .ljdl { width: 250px; height: 40px; background: url("/memberspqtstccom/img/qyzc_an.png") no-repeat; position: absolute; right: 200px; bottom: 110px; font-size: 16px; color: #dcdcdc; border: 0; outline: none; cursor: pointer; }*/ /* xiugai3-31 */ .zccg_title { height: 75px; text-align: center; background: url("/memberspqtstccom/img/loginzc_cg.png") no-repeat; background-position: 255px 2px; } .zccg_title h2 { font-size: 30px; color: #333; line-height: 75px; } .zcdl { height: 312px; width: 100%; position: relative; margin-top: 150px; } .dl_img img { margin-left: 100px; } .ljdl { width: 250px; height: 40px; background: url("/memberspqtstccom/img/qyzc_an.png") no-repeat; position: absolute; right: 105px; bottom: 110px; font-size: 16px; color: #fff; border: 0; outline: none; cursor: pointer; font-weight: bold; } /* xiugaijieshu */ .zcdl form { width: 250px; height: 40px; } /********************************企业注册页2**********************/ .sj_login_tab { display: none; } .qyzc { padding-top: 20px; background: #f2f2f2; padding-bottom: 90px; } .qyzc_box { width: 63%; margin: 0 auto; overflow: hidden; zoom: 1; position: relative; } .qyyh_title { width: 118px; height: 39px; background: #fff; line-height: 40px; float: right; margin-right: 25px; border: 1px solid #d2d2d2; color: #0092da; text-align: center; font-size: 16px; -moz-box-shadow: 2px 0 2px #DDDDDD; -webkit-box-shadow: 2px 0 2px #DDDDDD; box-shadow: 2px 0 0 0 #DDDDDD; border-bottom: 0; } .qyyh_box { background: #fff; border: 1px solid #dddddd; border-bottom: 0; margin-top: -1px; } .fwxz { height: 74px; background: #fff; padding-left: 40px; padding-right: 50px; } .fwxz p { line-height: 75px; font-size: 14px; color: #333; } .fwxz p a { color: #2a7abe; } .qyzc_title { padding-top: 15px; padding-bottom: 15px; background: #f7f7f7; padding-left: 40px; padding-right: 50px; font-size: 14px; } .sydw { padding: 20px 50px 20px 40px; border-left: 1px solid #dddddd; border-right: 1px solid #dddddd; background: #fff; } .sydw_box { border: 1px solid #e5e4e4; padding: 20px 0 20px 30px; } .sydw_box p { font-size: 14px; color: #999; line-height: 30px; } .kg { height: 5px; background: #f7f7f7; } .zjsc { padding: 15px 50px 45px 55px; background: #fff; border: 1px solid #dcdcdc; border-top: 0; } .zjsc_title { height: 35px; } .zjzp { float: left; font-size: 14px; color: #333; line-height: 30px; } .wjsc { width: 148px; border: 1px solid #e5e4e4; height: 33px; line-height: 35px; background: #fff url("/memberspqtstccom/img/login_wj.png") no-repeat; background-position: 13px 7px; float: left; margin-left: 20px; font-size: 14px; color: #666; text-align: center; padding-left: 10px; border-bottom: 0; } .wjsc_box { width: 720px; border: 1px solid #e5e4e4; padding: 25px 135px 30px 45px; margin-left: 90px; margin-top: -2px; } .zjx { font-size: 14px; color: #666; margin-bottom: 20px; } .ly { width: 20px; height: 20px; border-radius: 50%; line-height: 20px; text-align: center; background: #61a9f4; color: #d3e5fb; font-size: 14px; float: left; margin-right: 15px; } .sczp_slbox { overflow: hidden; font-size: 14px; color: #666; width: 100%; } .ly span { margin-left: 2px; } .sczp { margin-bottom: 40px; overflow: hidden; } .sczp_sl { width: 353px; float: left; margin-bottom: 20px; } .sczp_sl p { margin-bottom: 30px; font-size: 14px; color: #666; } .but2 { width: 165px; height: 40px; line-height: 40px; text-align: center; color: #fff; background: #e43e42; border-radius: 5px; font-size: 16px; border: 0; cursor: pointer; } .but_box { width: 165px; height: 40px; margin: 35px auto 0; } .control-group { width: 220px; height: 138px; position: relative; float: left; } .js_upFile { width: 220px; height: 135px; position: relative; z-index: 9; cursor: pointer; } .sc_1 { background: url("/memberspqtstccom/img/login_sc2.png") no-repeat; } .sc_2 { background: url("/memberspqtstccom/img/login_sc.png") no-repeat; } .js_showBox { top: 0; left: 0; width: 100%; padding-bottom: 2%; } .js_logoBox { width: 100%; } /********************************企业注册页3**********************/ .qyzc2 { margin: 0 auto; padding-bottom: 45px; background: #fff; width: 1098px; border: 1px solid #dcdcdc; } .yth_box { padding-bottom: 80px; border-bottom: 1px solid #dcdcdc; padding-left: 40px; padding-right: 35px; background: url("/memberspqtstccom/img/qyzc_bg.jpg") no-repeat; overflow: hidden; zoom: 1; margin-top: -1px; margin-left: -1px; } .yth_box h4 { color: #2a72be; text-align: center; padding-top: 45px; padding-bottom: 75px; font-weight: normal; font-size: 20px; } .yth_box ul { overflow: hidden; zoom: 1; } .yth_box ul li { width: 145px; float: left; text-align: center; margin-right: 25px; } .yth_box ul li:last-child { margin-right: 0; } h5 { margin: 0 auto; padding: 0; } .yth_box ul li h5 { font-size: 14px; color: #333; margin-bottom: 10px; font-weight: normal; } .yth_box ul li p { font-size: 12px; color: #999; } .yth_img { width: 145px; height: 105px; text-align: center; } .tjsh { padding-left: 40px; padding-right: 25px; padding-top: 45px; position: relative; } .tjsh_title { background: url("/memberspqtstccom/img/qyzc_img8.png") no-repeat; padding-left: 65px; } .tjsh_title h5 { font-size: 18px; color: #333; font-weight: normal; margin-bottom: 20px; } .tjsh_title p { font-size: 12px; color: #666; } .tjsh_title a { color: #2a7abe; } .more_lj { float: right; position: absolute; bottom: 83px; right: 25px; font-size: 12px; } /********************************企业注册页**********************/ .yhrk { float: right; margin-right: 25px; } .yhrk li { width: 113px; height: 34px; text-align: center; line-height: 35px; color: #666; font-size: 16px; border: 1px solid #d2d2d2; margin-right: 6px; float: left; border-bottom: 0; } .yhrk li a { color: #666; } .yhrk li:last-child { margin-right: 0; } .on8 { -moz-box-shadow: 2px 0 2px #eae9ea; -webkit-box-shadow: 2px 0 2px #eae9ea; box-shadow: 2px 0 0 0 #eae9ea; background: #fff; height: 40px !important; line-height: 40px !important; color: #0092da !important; font-weight: bold; } .qyzc_form { padding-bottom: 30px; /*border: 1px solid #dcdcdc;*/ background: #fff; margin-top: -1px; } .fwxz_2 { line-height: 30px; color: #333; font-size: 14px; padding-left: 40px; margin-top: 20px; } .fwxz_2 a { color: #2a7abe; } .qyzc_form h4 { color: #333; font-size: 14px; background: #f7f7f7; padding: 15px 0; padding-left: 40px; } .form_bg { width: 100%; margin: 0 auto; background: #fff; padding-top: 20px; overflow: hidden; zoom: 1; } /*********************************************************新增*************************************/ .lc_xz { margin: 20px 40px; overflow: hidden; zoom: 1; } .xc_sele { width: 67%; height: 40px; line-height: 40px; background: #fff; background-color: #fff; border: 1px solid #e5e4e4; outline: none; text-indent: 1em; font-size: 0.95rem; } .xc_sele2 { width: 440px; height: 40px; line-height: 40px; background: #fff; border: 1px solid #e5e4e4; outline: none; padding-left: 10px; } .sczp2 { overflow: hidden; position: relative; } .sc_but { position: absolute; width: 100px; height: 35px; line-height: 35px; color: #fff; text-align: center; background: #2099cc; border-radius: 5px; } .js_upFile { width: 97% !important; } .dr { left: 120px; width: 100px; height: 30px; } .tp2 { width: 100px !important; height: 30px !important; border: 0; } .wzc { width: 98%; height: 40px; line-height: 40px; background: #fff; border: 1px solid #e5e4e4; outline: none; padding-left: 10px; padding: 0; font-size: 0.95rem; } .tj_but { width: 150px !important; height: 40px; line-height: 40px; color: #fff !important; text-align: center; background: #2099cc; border: 0; border-radius: 5px; } .xzcg_box { margin: 0 auto; background: #fff; padding: 75px 10%; overflow: hidden; padding-top: 0; } .xzcg_box h6 { background: url("/memberspqtstccom/images/right_xz.png") no-repeat; font-size: 24px; color: #348b00; font-weight: normal; padding-left: 85px; background-position: 0 0; } .xzcg_box h6 p { margin-top: 10px; line-height: 25px; font-size: 14px; color: #333; } .xzcg_box h6 p a { color: #2a7abe; } .wc_but { margin: 0 auto; margin-top: 55px; display: block; width: 160px; color: #fff; background: #2099cc; height: 40px; line-height: 40px; text-align: center; border-radius: 5px; -moz-appearance: none; -webkit-appearance: none; appearance: none; } .sj_login_content { display: none; } /*自适应步骤样式*/ .zsy_bz_box { width: 90%; margin: 0 auto; margin-top: 2%; overflow: hidden; padding-bottom: 20px; } .blue_bak_bor { background: #2099cc; border: 3px solid #9ddffb; } .gray_bak_bor { background: #a1a1a1; border: 3px solid #cdcdcd; } .blue_bor { border: 3px solid #2099cc; } .gray_bor { border: 3px solid #a1a1a1; } .blue_bor_t { border-top: 5px solid #2099cc; } .gray_bor_t { border-top: 5px solid #a1a1a1; } .cor_blue { color: #2099cc; } .cor_black { color: #333; } .dsb_txt { width: 96%; float: left; display: inline-block; margin-left: 2%; line-height: 18px; } .dsb_line_num { width: 96%; float: left; display: inline-block; margin-left: 2%; line-height: 18px; } .dsb_line_num_unit { width: 25%; float: left; display: inline-block; float: left; text-align: center; margin-left: -1px; } .dsb_line_num_unit_bigunit { width: 41px; height: 41px; background: #fff; display: inline-block; border-radius: 41px; color: #fff; font-weight: 600; margin: auto; border-radius: 30px; position: relative; z-index: 10; } .dsb_line_num_unit_unit { width: 32px; height: 32px; line-height: 32px; font-size: 20px; text-align: center; color: #fff; font-weight: 600; float: left; margin: 2px; border-radius: 30px; position: relative; z-index: 10; margin-top: 5px; } .dsb_line_num_unit_Bline { width: 100%; height: 3px; float: left; position: relative; margin-top: -23px; z-index: 9; } .dsb_line_num_unit_line { width: 50%; float: left; } .dsb_line_num_unit_txt { width: 100%; line-height: 30px; font-size: 16px; } .dsb_Bti { width: 100%; height: 40px; line-height: 40px; text-indent: 1em; display: inline-block; float: left; background: #f0f1f6; } .dsb_list_unit { width: 96%; float: left; display: inline-block; margin-left: 2%; font-size: 14px; line-height: 50px; } .dsb_list_unit_dian { width: 20px; height: 20px; text-align: center; line-height: 20px; font-size: 16px; color: #FFF; background: #2099cc; float: left; border-radius: 20px; font-weight: 600; margin-top: 15px; margin-right: 10px; } .dsb_list_unit_bt { display: inline-block; padding-left: 15px; padding-right: 15px; border-radius: 5px; padding-top: 5px; padding-bottom: 5px; background: #2099cc; font-size: 18px; color: #FFF; float: left; margin-left: 8%; } .dsb_log_img { width: 46%; float: left; margin-left: 27%; } .dsb_bt_all { width: 96%; float: left; display: inline-block; margin-left: 2%; } .dsb_bt { display: inline-block; padding-left: 15px; padding-right: 15px; border-radius: 5px; padding-top: 5px; padding-bottom: 5px; background: #2099cc; font-size: 18px; color: #FFF; float: left; margin-right: 10px; border: none; outline: none; } .js_showBox img { width: 100%; float: left; margin-left: 27%; height: 252px; } .tab_smqk { width: 85%; margin: 3% auto; margin-top: 5%; overflow: hidden; zoom: 1; border: 1px solid #dcdcdc; border-radius: 5px; } .tab_smqk ul li { float: left; width: 50%; text-align: center; line-height: 30px; font-size: 16px; color#666; } .tab_smqk ul li:nth-child(1) { border-right: 1px solid #dcdcdc; } .hot_tab { color: #fff; background: #2099cc; } .js_showBox { width: 200px; } .checkbox_box { float: left; width: 67%; } .cont_box, .login_hbox { width: 63%; } .sj_rhsq { display: none; } /******************************找回密码**************************************/ .header_smq { border-bottom: 3px solid #2099cc; width: 100%; } .head_topsmq { width: 100%; height: 30px; background: #2099cc; } .headn_smq { overflow: hidden; width: 57.2%; /*height:30px;*/ margin: 0 auto; zoom: 1;/*overflow: hidden; height: 75px;*/ } .dl_right { cursor: pointer; float: right; /*width: 130px;*/ color: #fff; font-size: 14px; line-height: 30px; text-align: center; } .j_smq { display: inline-block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-top: 8px solid #fff; margin-left: 5px; } .logo_smq { margin-left: 25px; margin-top: 4px; float: left; display: inline-block; } .logo_smq img { margin-right: 5px; } .dl_hidesmq { display: none; padding-right: 10px; /*width: 180px;*/ border: 1px solid #e5e5e5; overflow: hidden; zoom: 1; background: #fff; position: absolute; right: 0; top: -1px; } .dl_hidesmq li { line-height: 30px; font-size: 14px; color: #b0b0b0; text-align: center; } .dl_hidesmq li a { color: #b0b0b0; } .dl_hidesmq li a:hover, .on_smq { color: #5bb6fc !important; } .dl_hidesmq li:nth-child(1) { color: #5bb6fc; background: url("/memberspqtstccom/index=.htm"); ?>/images/logo_smq.png) no-repeat; background-position: 9px 5px; padding-left: 30px; } .jdown_smq { display: inline-block; width: 0; height: 0; border-left: 4px solid transparent; border-right: 4px solid transparent; border-bottom: 8px solid #5bb6fc; margin-left: 9px; } .head_botsmq { overflow: hidden; zoom: 1; background: #fff; } .logosmq { width: 215px; float: left; padding: 10px 0; } .logosmq img { width: 100%; } .login_fot { width: 100%; } .fot_box { width: 100%; margin: 0 auto; padding: 30px 0; } .logo_fot { float: left; width: 160px; } .login_rit { float: right; } .login_rit p { text-align: right; font-size: 14px; color: #94939e; } .login_rit p a { color: #94939e; } .yqlj a { margin: 0 2px; } .dl_right:hover .dl_hidesmq { display: block; } #find_password_page .zsy_bz_box { width: 100%; } #find_password_page .dsb_line_num_unit { width: 33%; } #find_password_page .login_fot { background: #fff; } .icon-yonghu, .icon-mima { display: none } @media screen and (max-width:1900px) { .cont_box, .login_hbox{ width:70%;} } @media screen and (max-width:1600px) { .cont_box, .login_hbox{ width:80%;} } @media screen and (max-width:1400px) { .cont_box, .login_hbox{ width:100%;} .foot-content{ width: 100%; overflow: hidden; margin: 0 auto;} .foot-c-left{ width: 25%; overflow: hidden; float: left;} .foot-c-left p{ width: 100%; height: 30px; line-height: 30px;} .foot-c-left img{ display: block; width: 90px; height: 90px; margin: 0 auto;} .foot-c-right{ width: 75%; overflow: hidden; float: left; font-size: 14px;} } /************************手机******************/ @media screen and (max-width:768px) { .login_head, .login_fot, .yhrk, .header_smq, .login_fot, .icon-yonghu1, .icon-xiugaimima,.Loinbanner { display: none; } .yzmImg{ width:40% !important;} i { display: block; text-align: center; line-height: 50px; color: #cfcfcf; font-size: 20px !important; } .logo_text{ float: left; margin-left: 3%; height: 55px; width: 80%; } .logo_text .login_china{ font-size: 16px; color: #333; padding:0; } .logo_text .login_en{ color: #999; text-transform:uppercase; font-size: 12px; } .input { background: none; border: 0; width: 16%; position: absolute; height: 51px; left: 6px; top: 6px; } .sjyz_icon, .icon-yonghu, .icon-mima, .icon-yanzhengma { display: block; } .phone_nav { display: block; background: #f5f5f5; overflow: hidden; padding: 0 5%; height: 55px; } .login_cont { background: #fff; /*padding-bottom:10%;*/ max-height: 708px; min-height: 431px; } .sj_logo { float: left; width: 8%; height: 55px; line-height: 52px; } .sj_logo img { height: 52%; vertical-align: middle; } .sj_login_img { float: right; width: 8%; height: 55px; line-height: 52px; } .sj_login_img img { width: 100%; vertical-align: middle; height: 2rem; } .sj_foot { display: block; background: #ebebee; overflow: hidden; padding: 5px 0; } #yudeng-login .sj_foot { width: 100%; position: relative; } .sj_foot p { text-align: center; font-size: 12px; color: #666; line-height: 20px; } .sj_foot p a { color: #666; } .sj_foot p span:first-child { float: left; } .sj_foot p span:last-child { float: right; } .sj_login_content { display: block; width: 100%; background: #fff; padding-bottom: 25%; } .sj_login_tab { display: block; overflow: hidden; border-bottom: 1px solid #e5e5e5; border-top: 1px solid #e5e5e5; } .sj_login_tab a { display: block; float: left; width: 50%; text-align: center; font-size: 24px; background: #fff; line-height: 50px; color: #c9c7c7; } .sj_login_tab .on { background: #2099cc; color: #fff; border: 0 !important; } .denlugo { padding-top: 20%; text-align: center; } .denlugo img { height: 135px; } .denlugo p { text-align: center; font-size: 16px; color: #999; } .mainForm { width: 75%; margin: 0 auto; margin-top: 50px; background-image: url("/memberspqtstccom/images3/denlu.png"); background-repeat: no-repeat; background-size: 100% 100%; height: 170px; } .login_inp { margin-left: 20%; width: 75%; height: 42px; margin-top: 10px; border: 0; line-height: 42px; background: #fff; } .login_inp_sj_yzm { margin-left: 20%; width: 50%; height: 42px; margin-top: 10px; border: 0; line-height: 42px; background: #fff; float: left; } .sj_yzm_img { float: right; width: 65px; margin-top: 10px; margin-right: 2%; height: 46px; } .denlubut { margin-top: 10%; margin-bottom: 5px; } .dl_but { display: block; -webkit-appearance: none; appearance: none; color: #fff; width: 72%; background: #2099cc; font-size: 16px; line-height: 40px; border-radius: 5px; margin: 0 auto; border: 0; } .qyzc { width: 100%; padding: 0 !important; background: #fff; } .qyzc_box { width: 100%; } .qyzc_form { border: 0; } .form_bg { padding: 5%; width: 90%; } .tj_but { width: 30% !important; } .xzcg_box { padding: 5%; width: 90%; margin: 0; background: #fff; } .xzcg_box h6 { margin: 5% 0; } .wc_but { margin: 5% 0; margin-left: 36%; } .select_3 { width: 32.5%; } .js_showBox img { margin: 0; } .fwxz_2 { padding: 0 5%; margin-top: 0; } .white_content { width: 90%; left: 5%; } .checkbox_box { width: 84%; } .xzcg_box h6 { background-position: 10px 0; padding-left: 90px; } .zsy_bz_box { padding-bottom: 0; } .login_img { display: none; } .cont_box { width: 100%; padding-top: 0; } .login { float: none; margin: 0 auto; width: 100%; background: #fff; top: 0; } .login_title { border-bottom: 0; } .login_title a { width: 50% !important; float: left; display: block !important; } .login_title .hovera { color: #fff !important; background: #10a1da; border-bottom: 0 !important; } .dlfs { display: none; } .login_box { border: 0; width: 75%; margin: 0 auto; padding-top: 50px; } .sj_dl_form { background-image: url("/memberspqtstccom/memberimages/denlu.png"); background-repeat: no-repeat; background-size: 100% 100%; height: 170px; } .login_input input { margin-left: 20%; width: 70%; height: 35px; margin-top: 10px; border: 0; line-height: 35px; background: #fff; float: left; } .yzm_img img { float: right; width: 65px; margin-top: 10px; margin-right: 2%; height: 46px; } .login_input { margin: 0; height: 55px; position: relative; } .yzm_img { margin-top: 5px; margin-left: 0 !important; width: 30% !important; height: 48px !important; } .yzm_img img { margin-top: 0 !important; height: 48px !important; } .jz { margin-left: 0 !important; margin-top: 0 !important; } .sj_check { padding: 20px 0; } .sj_rhsq { display: block; text-align: center; font-size: 12px; color: #999; padding: 5% 0; } .sj_rhsq a { color: #10a1da; } .login .login_title { border-top: 1px solid #dcdcdc; border-bottom: 1px solid #dcdcdc; overflow: hidden; } } @media screen and (max-width:375px) { .logo_text { margin-left: 6%; } } @media screen and (max-width:320px) { .sj_foot p span { display: block; width: 100%; text-align: center; } .logo_text { margin-left: 11%; } }