/*产品*/ .product_01{padding: 5% 0;overflow: hidden;} .product_t{text-align: center;line-height: 30px;} .product_b{margin-top: 5%;} .product_b dl:first-child{background: url(../upload/product_01.jpg) no-repeat center;background-size: cover;width: 48%;float: left;} .product_b dl:last-child{background: url(../upload/product_02.jpg) no-repeat center;background-size: cover;width: 48%;float: right;} .product_b dl {padding: 55px 0 40px;box-sizing: border-box;color: #fff;} .product_b dl a{width: 100%;height: 100%;text-align: center;color: #fff;} .product_b dl dd{margin-bottom: 35px;} .product_b dl dd img{width: 69px;height: 66px;} .product_b dl dt h2{margin-bottom: 25px;} .product_b dl dt i{font-size: 24px;} .product_b dl:first-child:hover a{color: #fff!important;} @media only screen and (max-width:767px) { .product_01{padding: 30px 0;} .product_t{text-align: left;} .product_t p br{display: none;} .product_b{margin-top: 30px;} .product_b dl{width: 100% !important;float: none;margin-bottom: 20px;} .product_b dl dt h2{font-size: 24px;} } .public_box{text-align: center;} .public_box li{display: inline-block;width: 280px;height: 50px;line-height: 50px;text-align: center;} .own_01{padding: 5% 0;overflow: hidden;text-align: center;} .own_01 p{line-height: 30px;} .own_01 h1{margin-bottom: 30px;} .public_box{margin-top: 50px;} .public_box li{margin: 0 8px;} .public_box li a{color: #f39809;display: block;border: 1px solid #f39809;} .public_box li.on{} .public_box li.on a{color: #fff;background: #f39809;} .public_box li.on:hover a{color: #fff!important;opacity: .8;} .own_02{background: #f5f5f5;padding: 4% 0;overflow: hidden;} .own_list li{padding: 25px 40px;box-sizing: border-box;background: #fff;width: 49%;margin-right: 2%;float: left;margin-bottom: 30px;} .own_list li:nth-child(2n){margin-right: 0;} .own_list li p{padding-left: 25px;position: relative;white-space: nowrap;text-overflow: ellipsis;} .own_list li p:before{content: "";display: block;position: absolute;width: 6px;height: 6px;border-radius: 100%;background: #f39809;top: 50%;margin-top: -3px;left: 0;} .own_02 .wrap{overflow: hidden;} .own_03{background: #fff;overflow: hidden;padding: 40px 0;} @media only screen and (max-width:767px) { .own_01{padding: 40px 0;} .own_01 p{text-align: left;} .own_01 p br{display: none;} .public_box li{width: 44%;margin: 0 5px;} .public_box {margin-top: 30px;} .own_list li{width: 100%;padding: 20px;} .own_02{padding: 40px 0;} } /*自有产品 数据线*/ .dataline_02{padding: 2.5% 0 4%;overflow: hidden;background: #f5f5f5;} .dataline_02 ul{margin:0 -0.7%;padding-bottom: 30px;} .dataline_02 li{ float: left; width:31.93%; margin:0 0.7% 1.5%; position: relative;overflow: hidden;} .dataline_02 li h3{position: absolute; left:0;bottom:0; width:100%; padding:5% 5% 4%; text-align: center; color:#fff;} .dataline_02 li h3 span{ display: block; font-family: Arial, Helvetica, sans-serif;} .solution_text{position: absolute;left: 0;top: 0;width: 100%;height: 100%;background: rgba(0,0,0,0.5);z-index: 20;padding: 30px;box-sizing: border-box;color: #fff;text-align: center; transform: translateY(100%);transition: all .3s; } .mar-20{margin-top: 20px;} .solution_text .fnt_16{height: 3em; overflow: hidden; line-height: 1.5;} @media only screen and (min-width: 1025px){ .dataline_02 li:hover h3{display: none;} .dataline_02 li:hover .solution_text{transform: translateY(0);} } @media only screen and (max-width: 767px){ .dataline_02{padding: 40px 0;} .dataline_02 ul{margin: 0;padding-bottom: 0;} .dataline_02 li{width: 100%;margin: 0 0 3%;} } /*代理产品*/ .agent_02{padding-bottom: 40px;} .agent_02 ul {padding-bottom: 20px;} .agent_02 ul li{float: left; width:23.5%; margin-right: 2%;margin-bottom: 20px;background: #f5f5f5;position: relative;overflow: hidden;} .agent_02 ul li:nth-child(4n){margin-right: 0;} .agent_02 ul li>p{color: #fff;text-align: center;width: 100%;padding: 0 20px;box-sizing: border-box;} .agent_txt{position: absolute;left: 0;top: 0;background: rgba(37,95,190,0.9);color: #fff;padding: 4% 30px;box-sizing: border-box; width: 100%;height: 100%;transform: translateY(100%);transition: all .3s;} .agent_txt p{height: 84px;overflow: hidden;} .agent_txt h2{text-align: center;margin-bottom: 10px;font-size: 18px;} .bus_body .agent_02 ul li>p,.bus_body .agent_02 ul li>a>p{display: none;} @media only screen and (max-width:1280px){ .agent_02 ul li{width: 32%;margin-right: 2%;} .agent_02 ul li:nth-child(4n){margin-right: 2%;} .agent_02 ul li:nth-child(3n){margin-right: 0;} } @media only screen and (max-width:1024px){ .agent_02 ul li{} .agent_txt{position: static;transform: inherit;padding: 20px;} .agent_02 ul li>p{display: none;} } @media only screen and (max-width:767px){ .agent_02 ul li{width: 100%;margin-right: 0;} .agent_02 ul li:nth-child(4n){margin-right:0;} .agent_txt p{height: auto;} } @media only screen and (min-width:1025px) { .agent_02 ul li:hover .agent_txt{transform: translateY(0);} } /*解决方案*/ .solution_02{padding: 5% 0;overflow: hidden;box-sizing: border-box;} .solution_list dl{float: left;width: 32%;margin-right: 2%;margin-bottom: 20px;} .solution_list dl:nth-child(3n){margin-right: 0;} .solution_list dl dd{position: relative;} .solution_list dl dd h2{position: absolute;left: 0;bottom: 0;padding: 25px;overflow: hidden;box-sizing: border-box;color: #fff;text-align: center;width: 100%;} .solution_list dl dt{padding: 30px 40px;box-sizing: border-box;background: #f5f5f5;color: #8a8a8a;line-height: 24px;} .solution_list dl dt p{height: 120px;overflow: hidden;} @media only screen and (max-width:1280px){ .solution_list dl dt p{height: 168px;} } @media only screen and (max-width:1024px){ .solution_list dl dt{padding: 20px;} .solution_list dl dt p{height: 200px;} } @media only screen and (max-width:767px){ .solution_list dl{width: 100%;margin-right: 0;} .solution_list dl dt p{height: auto;} } /*金融*/ .finance_01 h1{color: #5a5a5a;} .finance_02{padding-bottom: 5%;overflow: hidden;} .finance-item ul{padding: 0 2%;box-sizing: border-box;overflow: hidden;font-size: 0;margin-bottom: 40px;} .finance-item li{width: 32%;float: left;box-sizing: border-box; display: inline-block; float: none; vertical-align: top;} .finance-item li .item_finance{padding: 35px 40px;box-sizing: border-box;} .finance-item li.first-li .item_finance a{color: #fff;} .item_finance span{font-size: 12px;} .item_finance span i{display: inline-block;vertical-align: middle;font-size: 16px;color: #f39809;margin-left: 10px;margin-bottom: 2px;} .item_finance h2{font-weight: bold;} .item_finance p{margin-top: 5px;margin-bottom: 10px;} .two-li .item_finance{height: 50%;} .two-li .item_finance a span{color: #f39809;font-size: 12px;} .two-li .item_finance:nth-child(2){background: #f5f5f5;} .three-li .item_finance:first-child{height: 60%;background: url(../upload/finance_02.jpg) no-repeat center;background-size: 100% 100%;} .three-li .item_finance:first-child a{color: #fff;} .three-li .item_finance:nth-child(2){height: 40%;} .four-li .item_finance:first-child{height: 40%;} .four-li .item_finance:nth-child(2){height: 60%;background: url(../upload/finance_03.jpg) no-repeat center;background-size: 100% 100%;} .four-li .item_finance:nth-child(2) a{color: #fff;} .four-li .item_finance:nth-child(2) a i{color: #fff;} .four-li .item_finance:nth-child(2) a:hover{color: #fff!important;} .three-li .item_finance:last-child{border-bottom: 1px solid #f7f3f2;border-right: 1px solid #f7f3f2;} .four-li .item_finance:first-child{border-top: 1px solid #f7f3f2;border-right: 1px solid #f7f3f2;} @media only screen and (max-width:1280px){ .finance-item li .item_finance{padding: 20px 25px;} } @media only screen and (max-width:1024px){ .finance-item li{width: 48%;} } @media only screen and (max-width:767px){ .finance-item ul{padding: 0;} .finance-item li{width: 100%;height: auto!important;} } /*成功案例*/ .index-part03{padding: 5% 0;overflow: hidden;box-sizing: border-box;} .csae_search{background: #f5f5f5;padding: 20px 40px 30px;box-sizing: border-box;} .search_ipt{width: 100%;position: relative;} .search_ipt input{width: 100%;display: block;padding: 15px 0;border: none;border-bottom: 1px solid #cacaca;background: #f5f5f5;} .search_ipt i{color: #f39809;font-size: 22px;position: absolute;right: 30px;top: 10px;} .index-part03 .con{position: relative; padding:2% 0;} .index-part03 li .txt{padding:8%;background: #F5F5F5;} .index-part03 li p{height: 4.5em; margin:8% 0;} .index-part03 li{ float: left; width:32%;margin-right: 2%;margin-bottom: 2%;} .index-part03 li span{ display:block; color:#F39809; font-family: Arial, Helvetica, sans-serif;} .index-part03 li:nth-child(3n){margin-right: 0;} .case_01{padding-bottom: 0;} .case_01 .con{padding: 40px 0;} .case_01 .ellipsis{white-space: inherit;height: 52px;overflow: hidden;} .case_01 ul{padding-bottom: 20px;} @media only screen and (max-width: 1279px){ .case_01 h3.ellipsis{height: 42px;} } @media only screen and (max-width:767px){ .csae_search{padding: 20px;} .index-part03 li{width: 100%;margin-right: 0;margin-bottom: 30px;} .case_01 h3.ellipsis{height: auto;} .index-part03 li p{height: auto;} } /*it 技术*/ .technology_02{padding: 3% 0;overflow: hidden;background: #f5f5f5;} .technology_02 h2{text-align: center;} .technical{margin-top: 5%;display: table;width: 100%;} .technical_item{width: 32%;margin-right: 2%;background: #fff;border-bottom: 2px solid #f39809;padding: 35px;position: relative;height: 120px;float: left; text-align: center;} .technical_item:last-child{margin-right: 0;} .technical_con{display: inline-block;} .technical_con img{width: 45px;height: 45px;float: left;margin-right: 30px;} .technical_text{float: left;text-align: left;} .technical_item:nth-child(2) .technical_text p,.technical_item:nth-child(3) .technical_text p{margin-top: 7px;} .technical_item:nth-child(2) .technical_text p span,.technical_item:nth-child(3) .technical_text p span{margin-right: 80px;} .technical_item:nth-child(2) .technical_text p i,.technical_item:nth-child(3) .technical_text p i{font-size: 14px;color: #000;} .technical_item:nth-child(2) .technical_text p a:hover i,.technical_item:nth-child(3) .technical_text p a:hover i{color: #FFC11B;} .hover_code{ position: absolute; top: -115px; left: 50%; margin-left: -57px; display: none; } .hover_code.on{display: block;} .technical-l,.technical-r{width: 50%;float: left;} .technical-line{padding: 25px 0;} .technical-l .technical-line{border-right: 1px solid #e2e2e2;overflow: hidden;padding-right: 30px;} .technical-r{padding-left: 30px;} .technical_b{margin-top: 50px;overflow: hidden;} .technical_b ul{overflow: hidden;height: 155px;} .technical_b li{width: 50%;float: left;color: #8a8a8a;margin-bottom: 10px;padding-left: 18px;position: relative;} .technical_b li::before{content: "";display: block;width: 4px;height: 4px;border-radius: 4px;background: #8a8a8a;position: absolute; left: 5px;top: 50%;margin-top: -2px;} .outer_chain{margin-top: 40px;} .outer_chain a{width: 162px;height: 40px;display: block;text-align: center;font-size: 12px;color: #fff;background: #ffc11b;line-height: 40px;} .outer_chain a:hover{color: #fff!important;opacity: .8;} .technology_03{padding: 3% 0;overflow: hidden;} .it_item{float: left;width: 49%;margin-right: 2%;border: 1px solid #e3e3e3;padding: 50px 60px 60px;box-sizing: border-box;margin-bottom: 2%;} .it_item:nth-child(2n){margin-right: 0;} .it_item-tit{margin-bottom: 30px;} .it_item-tit h1{color: #5a5a5a;margin-bottom: 30px;white-space: nowrap;overflow: hidden;} .it_item-tit span{display: block;width: 30px;height: 4px;background: #ffc11b;} .text1{height: 240px;overflow: hidden;margin-bottom: 20px;} .text1-item {color: #8a8a8a;line-height: 30px;} .text1-item h4{color: #000000;} .squire{height: 200px;background: #f5f5f5;margin-top: 25px;padding: 10px 28px;box-sizing: border-box;} .squire .technical_con{float: left;width: 50%;padding: 25px 0;border-bottom: 1px solid #eaeaea;color: #8a8a8a;} .squire .technical_con i{width: 45px;float: left;font-size: 32px;color: #ffc11b;margin-right: 20px;height: 42px;line-height: 42px;} .squire .technical_con .technical_text{width: calc(100% - 68px);} .squire .technical_con .technical_text p{white-space: nowrap;overflow: hidden;} .squire .technical_con a{color: #8a8a8a;} .squire .technical_con:nth-child(2) i{font-size: 28px;} .squire .technical_con:nth-child(3){width: 100%;border-bottom: 0;} .it_item:nth-child(2),.it_item:nth-child(3){background: url(../upload/it_bg1.jpg) no-repeat;background-size: 100% 100%;border-color: #a8c4f2;} .it_item:nth-child(2) .text1-item,.it_item:nth-child(3) .text1-item{color: rgba(255,255,255,0.7);} .it_item:nth-child(2) .text1-item h4,.it_item:nth-child(3) .text1-item h4{color: #fff;} .it_item:nth-child(2) .text2 h3,.it_item:nth-child(3) .text2 h3{color: #fff;} .it_item:nth-child(2) .squire,.it_item:nth-child(3) .squire{background: none;border: 1px solid rgba(255,255,255,0.3);} .it_item:nth-child(2) .squire .technical_con,.it_item:nth-child(3) .squire .technical_con{color: #fff;border-bottom: 1px solid rgba(255,255,255,0.3);} .it_item:nth-child(2) .squire .technical_con a,.it_item:nth-child(3) .squire .technical_con a{color: #fff;} .it_item:nth-child(2) .squire .technical_con:nth-child(3),.it_item:nth-child(3) .squire .technical_con:nth-child(3){border-bottom: 0;} .it_item:nth-child(2) h1,.it_item:nth-child(3) h1{color: #fff;} @media only screen and (max-width:1366px){ .it_item{padding: 30px;} } @media only screen and (max-width:1200px){ .squire .technical_con{width: 100%;} .squire{height: auto;overflow: hidden;} } @media only screen and (max-width:1100px){ .technical_item{padding: 35px 20px;} } @media only screen and (max-width:1024px){ .technology_02{padding: 40px 0;padding-top: 60px;} .technical_item{padding: 20px 10px;height: 132px;} .technical .technical_con img{float: none;margin-right: 0;} .technical .technical_text{float: none;text-align: center;} .technical_item:nth-child(2) .technical_text p span, .technical_item:nth-child(3) .technical_text p span{margin-right: 0px;} .technical_item:nth-child(2) .technical_text p i, .technical_item:nth-child(3) .technical_text p i { font-size: 12px; vertical-align: middle; margin-bottom: 2px; display: inline-block; } .technical_b ul{height: auto;} .it_item{width: 100%;margin-right: 0;margin-bottom: 30px;} .text1{height: auto;} } @media only screen and (max-width:767px){ .technology_02,.technology_03{padding: 30px 0;} .technical_item{width: 100%;margin-right: 0;margin-bottom: 30px; } .technical-l, .technical-r{width: 100%;} .technical-l .technical-line{padding-right: 0;} .technical-r{padding-left: 0;} .technical_b{margin: 20px 0;} .technical_b li{width: 100%;} .outer_chain{margin-top: 10px;} .it_item{padding: 20px;} .squire{padding: 10px 20px;} .squire .technical_con{text-align: center;} .squire .technical_con i{float: none;} .squire .technical_con .technical_text{float: none;width: 100%;text-align: center;} .squire .technical_con .technical_text p{white-space: inherit;} } @media only screen and (min-width:1025px){ .details_btn a:hover{opacity: .8;color: #fff!important;} } /*自有产品详情页*/ .owndetails_01{padding: 4% 0;overflow: hidden;} .owndetails_01 h1{margin-bottom: 3%;} .summary_l,.summary_r{float: left;width: 50%;} .summary_r{padding: 30px 30px 20px 50px;box-sizing: border-box;} .tit_c{text-align: center;margin-bottom: 3%;color: #5a5a5a;} .summary_r>p{color: #5a5a5a;} .details_word{margin-top: 30px;color: #8a8a8a;} .details_btn{margin-top: 40px;} .details_btn a{display: block;width: 162px;height: 40px;text-align: center;line-height: 40px;background: #f39809;color: #fff;font-size: 12px;} .owndetails_02{padding: 4% 0;overflow: hidden;background: #f5f5f5;} .owndetails_02 h1{margin-bottom: 2%;} .details_p{width: 80%;margin: 0 auto;} .performance{margin-top: 40px;} .performance dl{float: left;width: 25%;padding: 0 40px; margin-bottom: 3%; border-right: 1px solid #e3e4ea;} .performance dl:last-child{border-right: 0;} .performance dl dd i{font-size: 24px;color: #f39809;} .performance dl dd p{margin-top: 30px;} .performance dl dd span{display: block;width: 35px;height: 35px;} .performance dl dd span img{width: 100%;height: 100%;} .performance dl dt{color: #8a8a8a;line-height: 1.5;margin-top: 30px;} .owndetails_03{padding: 4% 0;overflow: hidden;padding-bottom: 0;} .owndetails_03 .index-part03{padding-top: 3%;padding-bottom: 0;} .owndetails_03 .index-part03 .con{padding-top: 0;} .owndetails_04{padding: 4% 0;overflow: hidden;background: #f5f5f5;} .owndetails_04 .dataline_02{padding: 0;} .owndetails_04 .details_btn a{margin-left: auto;margin-right: auto;} .owndetails_05{padding: 3% 0 4%;overflow: hidden;} .relation>div{width: 50%;float: left;padding: 40px;box-sizing: border-box;text-align: center;} .relation .l{background: #f39809;} .relation .r{background: #255fbe;} .relation .technical_con{color: #fff;} .relation .technical_con i { width: 45px; float: left; font-size: 40px; color: #fff; margin-right: 20px; height: 60px; line-height: 60px; } .relation .technical_con a{color: #fff;} .relation .l a:hover{color: #fff!important;} .worth_swiper{margin: 0 auto;position: relative;width: 90%;margin-bottom: 35px;} .worth_swiper .swiper-wrapper{} .worth_swiper dl{padding: 0 30px;} .worth_con{border-left: 1px solid #e3e4ea;height: 100px;position: relative;padding: 50px 0 50px 30px;box-sizing: border-box;display: table;} .worth_swiper .swiper-container{padding-top: 20px;} .worth_swiper .swiper-container .swiper-wrapper{padding: 0 3%;} .circle_span{position: absolute;width: 34px;height: 34px;display: block;left: 0;top: 0;margin-left: -17px;margin-top: -17px;background: url(../upload/cty.png) no-repeat;background-size: 100% 100%; text-align: center;line-height: 34px;color: #fff;} .worth_con dd{/*white-space: nowrap;*/overflow: hidden;} .worth_con dt{color: #8a8a8a;margin-top: 35px;} .worth_con dt{overflow: hidden;} .worth_swiper .but>div{background: none;width: 50px;height: 50px;border-radius: 100%;background: #fff;box-shadow: 0 0 10px rgba(0,0,0,0.3);text-align: center;line-height: 50px;top: 17px;} .worth_swiper .but>div i{font-size: 24px;} .worth_swiper .but>div.swiper-button-prev{left: -80px;} .worth_swiper .but>div.swiper-button-next{right: -80px;} .swi_line{border-top: 1px solid #e3e4ea;position: absolute;left: 0;top: 18px;display: block;width: 100%;} @media only screen and (max-width:1200px){ .summary_r{padding: 20px 30px;} .performance dl{width:33.33%;} } @media only screen and (max-width:1024px){ .summary_l, .summary_r{width: 100%;float: none;} .performance dl{padding: 0 15px;margin-bottom: 30px;} .performance dl dt{margin-top: 10px;} .performance dl dd p{margin-top: 10px;} .worth_swiper .swiper-container .swiper-wrapper{padding: 0;} .worth_swiper .but>div.swiper-button-prev{left: -60px;} .worth_swiper .but>div.swiper-button-next{right: -60px;} .worth_con{padding: 50px 0 50px 20px;} .details_p{text-align: left;} .details_p br{display: none;} } @media only screen and (max-width:767px){ .summary_r{padding: 20px 0;} .performance dl{width: 100%;padding-right: 0;padding: 0;border-right: 0;} .worth_swiper{width: 80%;} .worth_swiper .but>div{width: 30px;height: 30px;line-height: 30px;top: 27px;} .worth_swiper .but>div.swiper-button-prev{left: -40px;} .worth_swiper .but>div.swiper-button-next{right: -40px;} .worth_swiper dl{padding-right: 0;padding-left: 20px;} .worth_con dt{height: auto;} .relation>div{width: 100%;} .performance dl dt{height: auto;} } /*案例详情中心*/ .case_title{text-align: center;margin-bottom: 20px;} .case_title h1{margin-bottom: 10px;} .case_title span{display: inline-block;width: 67px;height: 6px;background: #f39809;} .casedetails_01 p{} .casedetails_01{margin-bottom: 30px;} .casedetails_01 h2{color: #5a5a5a;text-align: center;margin-bottom: 30px;} .casedetails_02 dd{white-space: inherit;height: 48px;overflow: hidden;} .casedetails_02{padding-bottom: 45px;} .index-part03 .swiper-button-prev,.index-part05 .swiper-button-prev{ left:-25px; margin-top:-25px; widtH:50px; height: 50px; border-radius: 100%; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); background: url(../images/dot01.jpg) center no-repeat #fff;} .index-part03 .swiper-button-next,.index-part05 .swiper-button-next{ right:-25px; margin-top:-25px; widtH:50px; height: 50px;border-radius: 100%; box-shadow: 0 0 5px 5px rgba(0,0,0,0.1); background: url(../images/dot02.jpg) center no-repeat #fff;} .casedetails_03 .index-part03{padding: 5% 40px;padding-bottom: 0;} .casedetails_03 .index-part03 li .txt{background: #fff;} .casedetails_03 .index-part03 li .txt h3 a{color: #000;} .casedetails_03 .clamp{color: #8a8a8a;} .casedetails_04{padding: 4% 0;overflow: hidden;} .owndetails_04 .index-part03{padding-top: 0;} .casedetails_03 .index-part03{padding-top: 4%;} .owndetails_04{padding: 4% 0;overflow: hidden;} .owndetails_04 .index-part03{padding-bottom: 0;} .owndetails_04 .index-part03 .con{padding: 0;} .casedetails_044 .details_btn{margin-top: 0;} @media only screen and (max-width:1399px){ .casedetails_02 dd{height: 64px;} } @media only screen and (max-width:767px){ .case_title{} .owndetails_03{padding: 30px 0;} .details_p{width: 100%;} .casedetails_02{margin-bottom: 0;} .casedetails_03{padding: 30px 0;} .casedetails_03 .index-part03{padding: 20px 30px;} .casedetails_03 .clamp{height: 4.5rem;} .casedetails_04{padding: 30px 0;} .owndetails_04{padding: 30px 0;} .relation>div{text-align: left;} .owndetails_05{padding: 30px 0;} } /*会员中心 登陆*/ .login_con{padding: 60px 0;overflow: hidden;padding-top: 160px;} .member_login{background: #f5f5f5;overflow: hidden;} .member_login .l,.member_login .r{float: left;width: 50%;} .member_login .r{float: right;} .member_login .l{height: 535px;overflow: hidden;} .member_login .l img{width: 100%;height: 100%;} .login_form{width: 65%;margin: 45px auto;} .login_tit{overflow: hidden;} .login_tit h2{float: left;} .login_tit p{color: #5a5a5a;float: right;line-height: 36px;} .login_tit p a{color: #f39809;} .formCon{margin-top: 30px;} .form_group{padding-bottom: 20px;position: relative;} .form_group input{width: 100%;border: 1px solid #a8a8a8;height: 48px;line-height: 48px;box-sizing: border-box;display: block;text-indent: 20px;} .form_forget{margin-bottom: 20px;overflow: hidden;} .form_forget p{float: left;color: #5a5a5a;} .form_forget span{float: right;} .form_forget p a{color: #f39809;} .from_btn .btn{border: 0;box-shadow: inherit;display: block;width: 100%;height: 50px;line-height: 50px;text-align: center;background: #255fbe;color: #fff; transition: all .3s;} .from_btn .btn:hover{opacity: .8;} .wxlog{margin-top: 15px;} .wxlog i{font-size: 30px;color: #0bb20b;vertical-align: middle;display: inline-block;margin-bottom: 2px;margin-right: 10px;} .wxlog a{display: block;line-height: 30px;color: #5a5a5a;} .remember i{display: inline-block;width: 12px;height: 12px;border: 1px solid #cecece;border-radius: 100%;margin-right: 10px;vertical-align: middle;margin-bottom: 2px;} .remember{cursor: pointer;} .remember.on i{background: url(../upload/ty.png) no-repeat;background-size: 100% 100%;} .agreement{padding: 5% 0;overflow: hidden;} .agreement_text p{margin-bottom: 10px;} .log_yzm{position: absolute;width: 110px;height: 46px;right: 1px;top: 1px;} .log_yzm img{width: 100%;height: 100%;} .getnum{width: auto;line-height: 46px;color: #f39809;padding-right: 20px;cursor: pointer;} .profile_tit{text-align: center;color: #5a5a5a;} .profile_tit span{display:inline-block;border-bottom: 3px solid #f39809;padding-bottom: 25px;} .profile_con{background: #f5f5f5;display: table;width: 100%;} .profile_from{width: 65%;margin: 60px auto;} .profile_from .formCon .form_group{width: 48%;float: left;margin-right: 4%;} .profile_from .from_btn{overflow: hidden;display: table;width: 100%;padding-top: 30px;} .profile_from .from_btn .btn{width: 40%;margin: 0 auto;} .profile_from .formCon .form_group:nth-child(2n){margin-right: 0;} .pub_select {width: 100%; position: relative;} .pub_select dt {position: relative; padding: 0 20px; cursor: pointer; height: 48px; line-height: 48px;border:1px solid #a8a8a8;color: #5a5a5a;background: #fff;} .pub_select dt i{position: absolute;top:0;;right: 20px;height: 100%;font-size: 12px;color: #000;} .pub_select dd {z-index: 99; position: absolute; max-height:200px; overflow-y: auto; overflow-x: hidden; background: #fff; width:100%; left: 0px; top:100%; display: none; border: 1px solid #eee;border-top: 0; box-sizing:border-box;box-shadow: 0 0 10px rgba(0,0,0,0.2); } .pub_select dd a { display: block; line-height: 40px; color: #a0a0a0; white-space: normal; padding: 0 20px; } @media only screen and (max-width:1280px){ .login_form{width: 80%;} } @media only screen and (max-width:1024px){ .member_login .l{float: none;width: 100%;height: auto;} .member_login .r{float: none;width: 100%;} .profile_from{width: 80%} } @media only screen and (max-width:767px){ .login_form,.profile_from { width: 90%; margin: 30px auto; } .profile_from .formCon .form_group{width: 100%;margin-right: 0;} } /*个人资料*/ .memnber_box{padding: 60px 0;display: table; width: 100%;} .changeProfile{margin-bottom: 20px;overflow: hidden;} .changeProfile span{float: right;width: 150px;height: 40px;line-height: 40px;text-align: center;color: #fff;background: #f39809;cursor: pointer;transition: all .3s;} .changeProfile span:hover{opacity: .8;} .member-l{float: left;width: 308px;margin-right: 50px;border: 1px solid #f7f3f2;padding: 10px;box-sizing: border-box;} .member-r{float: left;width: calc(100% - 358px);} .member_nav li{} .member_nav li>a{display: block;padding: 15px;box-sizing: border-box;border-bottom: 1px solid #f7f3f2;} .member_nav li:last-child>a{border-bottom: none;} .member_navlist{padding: 0 15px;display: none;background: #f7f3f2;} .member_navlist p{padding: 15px;border-bottom: 1px solid #e1e1e1;position: relative;} .member_navlist p:last-child{border-bottom: none;} .member_navlist p em{width: 3px;height: 16px;background: #255fbe;position: absolute;left: 0;top: 50%;margin-top: -8px;display: none;} .member_nav li.on>a{background: #255fbe;color: #fff;} .member_nav li.on .member_navlist{display: block;} .member_navlist p.on em{display: block;} .member_navlist p.on a{color: #000;} .information ul li{padding: 20px 60px;box-sizing: border-box;background: #f5f5f5;margin-bottom: 10px;overflow: hidden;} .information ul li span{float: left;} .information ul li span i{color: #000;font-size: 18px;line-height: 21px;} .icon{width: 74px;} .attribute{width: 210px;color: #5a5a5a;} .name{width: calc(100% - 284px);color: #000;} .information ul li:last-child .attribute{width: calc(100% - 74px);} .information ul li em{display: block;} .information ul li em b{color: #000;margin-right: 40px;font-weight: inherit;} .information ul li em:first-child{margin-bottom: 10px;} /*资料修改*/ .modifyCon{ position: fixed; width: 100%; height: 100%; top: 0; left: 0; z-index: 9999999; opacity: 0; visibility: hidden; transition: all 0.6s; -webkit-transition: all 0.6s; -moz-transition: all 0.6s; -o-transition: all 0.6s; -ms-transition: all 0.6s; } .modifyCon .mask { position: absolute; z-index: 1; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); } .modify_close { position: absolute; top: 20px; right: 20px; cursor: pointer; z-index: 99999; } .modifyCon.show { visibility: visible; opacity: 1; } body.lightbox-noscrol{ overflow: hidden; height: 100%; } .modif_info{width: 70%;margin: 5% auto;background: #fff;position: relative;z-index: 2;box-sizing: border-box;display: table;} .form_group em{display: block;padding-bottom: 10px;} .modif_info .from_btn{text-align: center;} .modif_info .from_btn .btn{display: inline-block;width: 200px;margin:0 5px;} .modif_info .from_btn .cancel{background: #f5f5f5;color: #000000;} .modif_info .profile_from{width: 80%;} .form_title{position: relative;border-bottom: 1px solid #e3e3e3;text-align: center;color: #5a5a5a;padding: 20px 0;margin-bottom: 40px;} .form_title span{position: absolute;display: block;width: 96px;height: 3px;background: #f39809;left: 50%;margin-left: -48px;bottom: -1px;} .modif_info .profile_from{margin: 30px auto 60px;} .modif_info .formCon{height: 25rem;overflow: hidden;} /*资料下载*/ .down_t{margin-bottom: 40px;} .down_t ul{text-align: center;} .down_t ul li{display: inline-block;margin: 0 5px;width: 280px;height: 50px;line-height: 50px;text-align: center;border: 1px solid #f39809;} .down_t ul li a{color: #f39809;display: block;} .down_t ul li.on{background: #f39809;} .down_t ul li.on a{color: #fff!important;} .down_thead{background: #255fbe;overflow: hidden;} .down_b span{float: left;padding: 12px 0;color: #fff;} span.t1{width: 10%;padding-left: 2%;text-align: center;} span.t2{width:40%;} span.t3{width:10%;} span.t4{width:10%;} span.t5{width:20%;} span.t6{width:10%;padding-right: 2%;text-align: center;} .down_tbody li{background: #f5f5f5;margin-top: 10px;display: table;width: 100%;transition: all .3s;} .down_tbody li span{color: #5a5a5a;padding: 28px 0;} .down_tbody li span em{display: none;} .down_tbody li span.t1{padding-left: 2%;} .down_tbody li span.t6{line-height: 21px;padding-right: 2%;} span.t6 a i{color: #f39809;} .whitepaper span.t2{width: 50%;} @media only screen and (min-width:1025px){ .down_tbody li:hover{box-shadow: 0 0 10px rgba(0,0,0,0.3);background: #fff;} } @media only screen and (max-width:1024px){ .member-l{margin-bottom: 30px;} .member-l,.member-r{float: none;width: 100%;} } @media only screen and (max-width:767px){ .down_thead{display: none;} .down_t ul li{width: 42%;} .down_b span{float: none;width: 100%;display: block;text-align: right;padding: 20px!important;} .down_tbody li span em{float: left;display: block;margin-right: 30px;} .modif_info .from_btn .btn{width: 100px;height: 40px; line-height: 40px;} .modif_info .from_btn{padding-top: 0;} .modif_info .profile_from { margin: 20px auto 30px; } .modif_info .formCon{height: 23rem;} .form_title{margin-bottom: 20px;} } /*安全中心*/ .security_con ul li{padding: 20px;background: #f5f5f5;margin-bottom: 30px;overflow: hidden;box-sizing: border-box;} .security_con ul li span{float: left;line-height: 40px;} .security01{width: 30%;} .security02{width: 50%;} .security03{width: 20%;text-align: right;} .security03 a{display: inline-block;width: 150px;height: 40px;line-height: 40px;text-align: center;background: #255fbe;color: #fff;} /*登录*/ .body_gray { background: #f8f8f8; } .login_block{background: #fff;padding: 60px 0;padding-bottom: 70px;} .login_box{width: 535px;margin: auto;max-width:100%;} .login_box input{height: 46px; line-height: 46px; width: 100%; /*-moz-user-select:none; !*火狐*!*/ /*-webkit-user-select:none; !*webkit浏览器*!*/ /*-ms-user-select:none; !*IE10*!*/ /*-khtml-user-select:none; !*早期浏览器*!*/ /*user-select:none;*/ border: none; outline: none; background: none; } .login_box li{border-bottom: 1px solid #c0c0c0;position: relative;height: 46px; line-height: 46px;margin-bottom: 25px;} .login_box li:last-child{margin:0;} .login_box li span{position: absolute;top:0;right: 0;height: 100%;font-size: 26px;color: #878787;cursor: pointer;width: 40px;text-align: right;} .eye02{display: none;} .eye_box.cur .eye01 {display:none;} .eye_box.cur .eye02 {display:block;} .login_box li span.eye_box i{color: #878787;} .login_box li.code_box{border: none;} .code_box input{float: left;border-bottom: 1px solid #c0c0c0;width: calc(100% - 165px)} .code_box em{float: right;width: 145px;height:48px;cursor: pointer; text-align: center;background: #ccc;} .code_box em img{width: 100%;height: 100%;} .forget_a{text-align: right;clear: both;padding-top: 10px;} .forget_a a{color: #f39809;} .login_btn{text-align: center;padding-top: 60px;} .login_btn button,.login_btn a{display: inline-block;width: 200px;height: 50px;line-height: 50px;text-align: center;background: #f39809;color: #fff;margin: 0 5px;} .login_p{padding-top: 40px;text-align: center;} .login_p a{color: #f39809;border-bottom: 1px solid #f39809;padding-bottom: 5px;} .code_time{background: #d8d9d3;} .code_time input{width: 100% !important;color: #000;border: none} .login_btn button:hover,.login_btn a:hover{color: #fff!important;opacity: .8;} @media screen and (max-width:767px) { .login_block{padding: 20px;padding-bottom: 40px;} .login_box li{margin-bottom:10px} .login_box li span{font-size: 22px;} .eye_box.cur .eye02{font-size: 18px;} .code_box em{width: 108px;} .code_box input{width: calc(100% - 120px)} .code_box em,.login_box input{height: 36px;line-height: 36px;} .login_btn{padding-top: 20px;} .login_btn button,.login_btn a{height: 40px;line-height: 40px;} .login_p{padding-top: 20px;} } /*找回密码*/ .forget_flow{padding: 40px 0 30px 0;background: #fff;} .forget_flow ul{width: 885px;max-width: 100%;overflow: hidden;margin: auto;} .forget_flow li{float: left;width: 33.33%;overflow: hidden;position: relative;overflow: hidden;} .forget_flow li:first-child dl{float: left;} .forget_flow li:last-child dl{float: right;} .forget_flow dl{width: 120px;text-align: center;margin: auto;padding: 0 15px;background: #fff;position: relative;z-index: 2;} .forget_line{position: absolute;top:16px;left: 0;width: 100%;height: 1px;border-bottom: 1px dashed #727171;} .forget_flow dt{height: 34px;line-height: 34px;text-align: center;color: #fff;background: #d9d9d9;font-size: 22px;margin-bottom: 10px;} .forget_flow li.on dt{background: #f39809;} .success_box{text-align: center;} .success_icont{margin-bottom: 10px;} .success_icont span{color: #f39809;font-size: 66px;} @media screen and (max-width:767px) { .forget_flow{padding: 20px 0;} .forget_flow dl{width: 100%;box-sizing:border-box;padding: 0 5px;} .forget_line{display: none;} .forget_flow dt{font-size: 18px;} .success_icont span{font-size: 40px} .success_icont{margin-bottom: 5px;} } .member_body .header{box-shadow: 0 0 10px rgba(0,0,0,0.2);} /*修改手机号*/ .choose_phone,.choose_item{display: table;width: 100%;} .choose_item{margin-bottom: 20px;} .choose_item>p{float: left;width: 130px;line-height: 48px;color: #5a5a5a;} .choose_item .choose_group{float: left;width: calc(100% - 130px);position: relative;line-height: 48px;} .choose_item .choose_group .pub_select dt{border: none;border-bottom: 1px solid #a8a8a8;} .choose_box{display: none;} .login_btn .cancel{background: #f5f5f5;color: #5a5a5a;} .login_btn .cancel:hover{color: #5a5a5a!important;} .new_phone{border-bottom: 0!important;} .new_phone .choose_group{float: left;width: 30%;margin-right: 2%;} .new_phone input{float: left;width: 68%;border-bottom: 1px solid #a8a8a8;} .new_phone .pub_select dt{border: none;border-bottom: 1px solid #a8a8a8;line-height: 46px;height: 46px;} .down_b>.fnt_16{padding-bottom: 40px;} @media screen and (max-width:1024px) { .login_con{padding-top: 60px;} .large_group{width: 100% !important;} .modif_info{width: 90%;} } @media screen and (max-width:767px) { .information ul li{padding: 20px;} .icon{width: 40px;} .attribute{width: 140px;} .name{width: calc(100% - 180px);} .information ul li:last-child .attribute{width: calc(100% - 40px);} .security01{width: 20%;} .security02{width: 40%;} .security03{width: 40%;} .security03 a{width: 100%;} .login_btn button, .login_btn a{width: 130px;} .new_phone .pub_select dt{line-height: 36px;height: 36px;} } /*弹窗*/ .xcx_modal{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility: hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .xcx_modal.show{visibility: visible;opacity:1;} .xcx_modal video{object-fit: cover; width: 100%;} .xcx_modal .xcx_t{ z-index:2; width: 1035px;max-width:94%;height: 60%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:60%; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s; visibility: hidden;opacity: 0; text-align: center; } .xcx_modal .xcx_t p{margin-top: 10px;color: #fff;} .xcx_modal .xcx_t img{width: 300px;} .xcx_modal.show .xcx_t{ visibility: visible;opacity:1; top:60%; } .xcx_modal .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);} .lt9 .xcx_modal .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");} .xcx_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;} .xcx_close i{color: #fff;font-size:20px;font-weight: bold;} body.lightbox-noscrol{overflow: hidden;height: 100%;} .forget_modal{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:9999999;opacity: 0;visibility:hidden;transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s;} .forget_modal.show{visibility: visible;opacity:1;} .forget_modal .forget_con{ z-index:2; width: 1035px;max-width:94%;height: 60%; transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%);-ms-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);-o-transform: translate(-50%,-50%); position:absolute; left:50%; top:25%; transition:all 0.6s;-webkit-transition:all 0.6s;-moz-transition:all 0.6s;-o-transition:all 0.6s;-ms-transition:all 0.6s; visibility: hidden;opacity: 0; text-align: center; } .forget_modal .forget_con p{margin-top: 10px;} .forget_modal .forget_con img{width: 300px;} .forget_modal.show .forget_con{ visibility: visible;opacity:1; top:50%; } .forget_modal .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8);} .lt9 .forget_modal .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");} .forget_close{ position:absolute; top:20px; right:20px; cursor:pointer; z-index: 99999;} .forget_close i{color: #fff;font-size:20px;font-weight: bold;} body.lightbox-noscrol{overflow: hidden;height: 100%;} .forget_con .login_form{background: #fff;padding: 50px 100px;margin: 0 auto;} .login_form .from_group { position: relative; } .login_form h2 { text-align: center; margin-bottom: 25px; } .login_form ul { border-bottom: 1px solid #e5e5e5; display: table; width: 100%; margin-bottom: 20px; } .login_form ul li { width: 50%; float: left; position: relative; padding-bottom: 17px; text-align: center; cursor: pointer; } .login_form ul li em { position: absolute; display: block; width: 100%; height: 2px; left: 0; bottom: -1px; background: #f39809; display: none; } .login_form ul li.on { color: #f39809; } .login_form ul li.on em { display: block; } .backAll .backItem { display: none; } .backAll .backItem.on { display: block; } .addNum { position: absolute; width: 65px; height: 100%; line-height: 55px; color: #000; text-align: center; } .addNum p { height: 48px; line-height: 48px; } .addNum ul { position: absolute; left: 0; top: 49px; width: 100%; z-index: 100; background: #fff; border: 1px solid #ccc; display: none; } .addNum ul li { display: block; line-height: 30px; color: #000; float: none; padding: 0 10px; box-sizing: border-box; width: 100%; } .addNum em { width: 1px; height: 17px; display: block; position: absolute; right: -1px; top: 16px; background: #000; } .addNum.on ul { display: block; } .imgCode { position: absolute; width: 120px; height: 48px; line-height: 48px; background: #f39809; right: -2px; top: 0; } .imgCode img { width: 100%; height: 100%; } .getCode { position: absolute; height: 48px; line-height: 48px; right: 1px; top: 1px; padding: 0 20px; box-sizing: border-box; color: #f39809; z-index: 9; } .stepTwo { display: none; } .stepThree { text-align: center; display: none; } .stepThree p { margin: 40px 0 55px 0; color: #7d7d7d; } .successImg{margin-top: 55px;} .successImg i { font-size: 50px;color: #f39809; } .from_group { margin-bottom: 20px; line-height: 50px; display: table; width: 100%; } .from_group input { border: none; background: none; border: 1px solid #ccc; line-height: 48px; display: block; text-indent: 20px; width: 100%; color: #7d7d7d; font-size: 16px; box-sizing: border-box; height: 48px; position: relative; z-index: 2; } .loginBtn {display: inline-block;width: 200px;height: 50px;line-height: 50px;text-align: center;background: #f39809;color: #fff;margin: 0 5px;border: none;box-shadow: none; transition: all .3s;} .loginBtn:hover{opacity: .8;color: #fff!important;} .code_time{position: absolute;right: 20px;top: 0;text-align: center;height: 48px;padding-bottom: 0!important;background: none!important;} .code_time input{width: 100% !important;color: #000;border: none;text-indent: 0;background: none;color: #f39809;} .code_text{background: #d8d9d3;background: none!important;} .code_text.on{height: 100%;line-height: 48px;color: #f39809;} @media screen and (max-width:767px) { .forget_con .login_form{padding: 30px 20px;} .forget_modal.show .forget_con{top: 45%;} } /*下拉框*/ .sel-box { text-align: left; background: #fff; position: relative;} .sel-box dt{height: 48px; line-height: 48px;cursor: pointer;position:relative; z-index:2; border:1px solid #a8a8a8;} .sel-box dt a { display:block;padding:0 10px; color: #5a5a5a; font-weight: normal;} .sel-box i { position:absolute; right:20px; top:0; z-index:1;} .sel-box.open .ico{border-bottom:6px solid #DC3A3B;border-top:none;} .sel-box dd { display:none;position:absolute; border:1px solid #DFDFDF; border-top:0; background:#fff; max-height:200px; width: 100%!important; top:50px; left: 0!important; overflow:auto; z-index:111111;padding: 10px 0;} .sel-box.open dd{ display: block;} .sel-box dd a { display:block; padding:5px 20px; color:#383838;} .sel-box dd a.on { background:#DC3A3B; color:#fff!important;} .check-box dt{overflow: hidden;} .check-box dt>a{height: 48px;padding:0 40px 0 20px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display: inline-block; max-width:99%;} /*.check-box.open dd i{ float: left; width: 18px; height: 18px; margin-right:10px; margin-top:2px; border:1px solid #DFDFDF; position: relative;} .check-box.open dd a.on{background: none; color:#999999;} .check-box.open dd a.on i{ border:1px solid #DC3A3B;} .check-box.open dd a.on i:before{content: ""; position: absolute; left:4px; top:4px; width: 8px; height:8px;background:#DC3A3B;}*/ .check-box.open dd .label-checkbox{ width: 100%;} .label-checkbox{ position:relative; display:inline-block; font-weight: normal; padding-left: 25px;} .label-checkbox:before{content: ""; position: absolute;left:0; top:2px; width: 16px; height: 16px; border:1px solid #DFDFDF; } .label-checkbox.on:before{border:1px solid #DC3A3B;} .label-checkbox.on:after{ content: ""; position: absolute; width: 10px; height: 10px; left:4px; top:6px; background: #DC3A3B;} .label-checkbox input { opacity:0; filter:alpha(opacity=0);display: none;} .label-checkbox em{line-height: 23px;} .label-checkbox.on em{color:#DC3A3B;} .owndetails_04 .own_list ul{overflow:hidden;}