.global_newsList li { float: left; width: 30%; margin-right: 5%; border: 1px solid #eaeaea; box-sizing: border-box; margin-bottom: 60px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); background: #fff; } .global_newsList li:hover .title span { color: #00A4FF; border-bottom: 1px solid #00A4FF; } .global_newsList li .img img { width: 100%; } .global_newsList li .bottom { padding: 20px 25px; } .global_newsList li .bottom .date { font-size: 16px; color: #999; line-height: 24px; } .global_newsList li .bottom .title { font-size: 18px; color: #333; line-height: 30px; } .global_newsList li .bottom .des { font-size: 14px; color: #999; line-height: 24px; margin-top: 15px; height: 48px; } .global_newsList li:nth-of-type(3n) { margin-right: 0; } .global_newsList .more { padding-bottom: 80px; } .global_newsList .more a { display: block; width: 100%; line-height: 64px; font-size: 16px; color: #333; background: #f2f1f6; text-align: center; } .global_banner { padding-top: 0px; position: relative; } .global_banner .img { width: 300%; margin-left: -100%; text-align: center; } .global_banner .mask { position: absolute; top: 100px; left: 0; z-index: 99; width: 100%; height: 290px; text-align: center; } .global_banner .mask .p1 { font-size: 40px; color: #333; line-height: 60px; padding-top: 110px; } .global_banner .mask .p2 { font-size: 18px; color: #666; line-height: 40px; } .global_menu_w .global_menu { text-align: center; padding: 10px 0 100px; } .global_menu_w .global_menu ul { display: inline-block; border-radius: 5px; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); } .global_menu_w .global_menu ul li { float: left; padding: 0 10px; } .global_menu_w .global_menu ul li a { display: block; width: 130px; line-height: 58px; font-size: 16px; color: #464646; border-bottom: 2px solid #fff; } .global_menu_w .global_menu ul li.current a { color: #26ABFF; border-bottom: 2px solid #26ABFF; } .news_detail_w .news_detail .top { border-bottom: 1px solid #eaeaea; text-align: center; padding-bottom: 20px; } .news_detail_w .news_detail .top .title { font-size: 36px; color: #333; line-height: 60px; } .news_detail_w .news_detail .top .info { font-size: 16px; color: #B0B0B0; line-height: 50px; } .news_detail_w .news_detail .content { padding: 30px 0; font-size: 14px; color: #333; line-height: 20px; } .news_detail_w .news_detail .bottom { line-height: 80px; border-top: 1px solid #eaeaea; font-size: 14px; padding-bottom: 50px; } .news_detail_w .news_detail .bottom a { font-size: 14px; } .contact_way_w .contact_way { text-align: center; padding: 90px 0 0; } .contact_way_w .contact_way .contact_way_title { font-size: 24px; color: #000; line-height: 40px; } .contact_way_w .contact_way .contact_way_text { font-size: 16px; color: #5C5C5C; line-height: 30px; } .contact_way_w .contact_way .list { padding: 50px 0; } .contact_way_w .contact_way .list .li { width: 28%; border-right: 1px solid #eaeaea; text-align: center; float: left; box-sizing: border-box; } .contact_way_w .contact_way .list .li .icon i { display: inline-block; width: 72px; height: 72px; border-radius: 50%; background: #00A4FF; line-height: 72px; font-size: 24px; color: #fff; } .contact_way_w .contact_way .list .li .title { font-size: 16px; color: #000; line-height: 30px; padding-top: 20px; } .contact_way_w .contact_way .list .li .text { font-size: 16px; color: #5E5E5E; line-height: 30px; padding: 0 15%; height: 60px; } .contact_way_w .contact_way .list .img { padding-top: 10px; } .contact_way_w .contact_way .list .img img { width: 120px; } .contact_way_w .contact_way .list .img .text { font-size: 16px; color: #000; line-height: 40px; } .contact_message_w .contact_message { box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); padding: 60px 0; position: relative; z-index: 99; background: #fff; } .contact_message_w .contact_message .contact_message_title { font-size: 24px; color: #000; line-height: 40px; text-align: center; } .contact_message_w .contact_message .contact_message_text { font-size: 16px; color: #5C5C5C; line-height: 30px; text-align: center; } .contact_message_w .contact_message .contact_message_text a { color: #00A4FF; } .contact_message_w .contact_message .form { padding: 0 15%; } .contact_message_w .contact_message .form .input_w { padding-top: 50px; } .contact_message_w .contact_message .form .input_w .input { width: 48%; position: relative; } .contact_message_w .contact_message .form .input_w .input input { width: 92%; height: 54px; border: 1px solid #eaeaea; border-radius: 5px; padding: 0 4%; font-size: 16px; color: #333; } .contact_message_w .contact_message .form .input_w .input label.error { position: absolute; top: 0; right: 10px; line-height: 56px; font-size: 14px; color: #ff0000; } .contact_message_w .contact_message .form .textarea { padding-top: 30px; } .contact_message_w .contact_message .form .textarea textarea { width: 96%; height: 184px; padding: 15px 2%; border: 1px solid #eaeaea; border-radius: 5px; font-size: 16px; color: #333; resize: none; } .contact_message_w .contact_message .form .button { padding-top: 20px; } .contact_message_w .contact_message .form .button button { width: 100%; height: 48px; border: none; background: #00A4FF; font-size: 16px; color: #fff; border-radius: 5px; cursor: pointer; } .contact_map_w { margin-top: -150px; } .global_caseList li { float: left; width: 30%; margin-right: 5%; box-sizing: border-box; margin-bottom: 60px; } .global_caseList li:hover .title span { color: #00A4FF; border-bottom: 1px solid #00A4FF; } .global_caseList li .img { padding: 10px; background: #f5f5f5; border-radius: 5px; box-shadow: 0 8px 20px rgba(0, 0, 0, 0.05); } .global_caseList li .img img { width: 100%; } .global_caseList li .bottom { padding: 20px 25px; text-align: center; } .global_caseList li .bottom .title { font-size: 18px; color: #333; line-height: 30px; } .global_caseList li .bottom .des { font-size: 14px; color: #999; line-height: 30px; } .global_caseList li:nth-of-type(3n) { margin-right: 0; } .global_caseList .more { padding-bottom: 80px; } .global_caseList .more a { display: block; width: 100%; line-height: 64px; font-size: 16px; color: #333; background: #f2f1f6; text-align: center; } .case_detail_w .case_detail { padding-top: 160px; } .case_detail_w .case_detail .case_detail_top { padding-bottom: 60px; } .case_detail_w .case_detail .case_detail_top .left { width: 75%; } .case_detail_w .case_detail .case_detail_top .left .title { font-size: 30px; color: #2d2d2d; line-height: 60px; } .case_detail_w .case_detail .case_detail_top .left .des { font-size: 14px; color: #656565; line-height: 24px; } .case_detail_w .case_detail .case_detail_top .left .bottom { padding-top: 60px; } .case_detail_w .case_detail .case_detail_top .right { width: 18%; border-left: 1px dashed #eaeaea; text-align: center; } .case_detail_w .case_detail .case_detail_top .right .img img { width: 160px; } .case_detail_w .case_detail .case_detail_top .right .btn { padding-top: 20px; } .case_detail_w .case_detail .case_detail_top .right .btn a { display: inline-block; width: 180px; height: 38px; line-height: 38px; border-radius: 38px; border: 1px solid #D0D0D0; text-align: left; text-indent: 20px; font-size: 14px; color: #656565; } .case_detail_w .case_detail .case_detail_top .right .btn a i { font-size: 16px; color: #656565; padding-right: 5px; } .case_detail_w .case_detail .case_detail_content { text-align: center; width: 300%; margin-left: -100%; } .case_detail_w .case_detail .case_detail_content img { display: inline-block; } .case_detail_w .case_detail .case_detail_bottom { padding: 20px 0 100px; } .case_detail_w .case_detail .case_detail_bottom .title1 { text-align: center; font-size: 30px; color: #505050; line-height: 110px; } .case_detail_w .case_detail .case_detail_bottom .more { text-align: center; } .case_detail_w .case_detail .case_detail_bottom .more a { display: inline-block; width: 265px; height: 45px; line-height: 45px; border: 1px solid #00A4FF; border-radius: 45px; font-size: 16px; color: #00A4FF; } .case_detail_w .case_detail .case_detail_bottom .more a:hover { background: #00A4FF; color: #fff; } .global_tryList li { float: left; width: 20%; margin-right: 6.6666%; box-sizing: border-box; margin-bottom: 60px; } .global_tryList li:hover .title span { color: #00A4FF; border-bottom: 1px solid #00A4FF; } .global_tryList li .img { padding: 10px; position: relative; } .global_tryList li .img img { width: 100%; } .global_tryList li .img .imgg { position: absolute; top: 10%; left: 8%; width: 84%; } .global_tryList li .img .mask { display: none; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: #f2faff; text-align: center; } .global_tryList li .img .mask .code { padding-top: 20%; } .global_tryList li .img .mask .code img { width: 150px; } .global_tryList li .img .mask .text { font-size: 14px; color: #000; line-height: 60px; } .global_tryList li .img .mask .btn { padding-top: 35%; } .global_tryList li .img .mask .btn span { display: inline-block; width: 190px; height: 36px; line-height: 36px; background: #00A4FF; border-radius: 36px; font-size: 14px; color: #fff; } .global_tryList li .bottom { padding: 20px 25px; text-align: center; } .global_tryList li .bottom .title { font-size: 18px; color: #333; line-height: 30px; } .global_tryList li .bottom .des { font-size: 14px; color: #999; line-height: 30px; } .global_tryList li:nth-of-type(4n) { margin-right: 0; } .global_tryList .more { padding-bottom: 80px; } .global_tryList .more a { display: block; width: 100%; line-height: 64px; font-size: 16px; color: #333; background: #f2f1f6; text-align: center; } .try_detail_w .try_detail .tab .li { width: 48%; margin-right: 4%; background: #e8f4ff; text-align: center; position: relative; float: left; padding: 20px 0; border-radius: 5px; cursor: pointer; } .try_detail_w .try_detail .tab .li:last-child { margin-right: 0; } .try_detail_w .try_detail .tab .li .title { font-size: 28px; color: #00A4FF; line-height: 50px; } .try_detail_w .try_detail .tab .li .text { font-size: 16px; color: #3E3E3E; line-height: 40px; } .try_detail_w .try_detail .tab .li .dui { position: absolute; right: 30px; bottom: 20px; display: none; } .try_detail_w .try_detail .tab .li .dui i { font-size: 38px; line-height: 40px; color: #fff; } .try_detail_w .try_detail .tab .li.current { background: #00A4FF; } .try_detail_w .try_detail .tab .li.current .title { color: #fff; } .try_detail_w .try_detail .tab .li.current .text { color: #fff; } .try_detail_w .try_detail .tab .li.current .dui { display: block; } .try_detail_w .try_detail .form { text-align: center; padding-top: 45px; padding-bottom: 110px; } .try_detail_w .try_detail .form .input { padding-top: 35px; position: relative; } .try_detail_w .try_detail .form .input input { width: 670px; height: 55px; border: 1px solid #DFDFDF; border-radius: 5px; font-size: 16px; color: #696969; padding: 0 15px; margin-left: 10px; } .try_detail_w .try_detail .form .input span { font-size: 20px; color: #FF0000; line-height: 55px; padding-left: 6px; } .try_detail_w .try_detail .form .input label.error { position: absolute; top: 35px; left: 968px; line-height: 56px; color: #ff0000; font-size: 14px; } .try_detail_w .try_detail .form .tips { width: 700px; display: inline-block; background: url(../img/dot.png) repeat-x center center; } .try_detail_w .try_detail .form .tips span { font-size: 18px; color: #828282; line-height: 76px; background: #fff; padding: 0 15px; } .try_detail_w .try_detail .form .button button { width: 700px; height: 56px; background: #00A4FF; border: none; border-radius: 5px; font-size: 18px; color: #fff; cursor: pointer; } }