.header { height: 60px; line-height: 60px; position: fixed; width: 100%; top: 0; left: 0; background: #fff; } .header .header_logo{} .header .header_logo img{ margin-top: 16.5px; } .header .header_logo .header_menu{ margin-left: 20px; } .header .header_menu li{ float: left; padding: 0 20px; position: relative; } .header .header_menu li a{ font-size: 14px; color: #333; } .header_menu .dropmenu { width: 144px; position: absolute; border: 1px solid #dddddd; padding: 10px 20px; box-sizing: border-box; display: none; } .dropmenu .item { display: inline-block; width: 100%; line-height: 40.99px; } .header .header_menu li:hover .dropmenu{ display: block; } .header .header_phone{} .header .header_phone p{ margin-right: 15px; font-size: 24px; font-weight: 600; } .header .header_phone .header_consult{ width: 100px; height: 34.97px; text-align: center; line-height: 34.97px; color: #fff; border-radius: 4px; background: #dc3545; margin-top: 12.515px; } .content { margin-top: 60px; } .banner { height: 409.08px; position: relative; } .banner img { width: 100%; height: 100%; } .banner .banner_text { position: absolute; top: 50%; margin-top: -31.665px; left: 50%; margin-left: -550px; } .banner .banner_text .title{ font-size: 40px; color: #666; } .banner .banner_text .desc{ font-size: 40px; font-weight: 600; color: #333; letter-spacing: 5px; margin-bottom: 16.667px; } .butt { width: 200px; height: 34.9px; background: #4581fb; border-radius: 5px; line-height: 34.9px; text-align: center; color: #fff; font-size: 14px; } .contact { background-color: #fafbfd; height: 115px; } .contact_wrap { padding-top: 30px; margin-left: 100px; } .contact_wrap input, .customer_me_top input{ width: 201.2px; height: 35px; padding: 6px 12px; box-sizing: border-box; border-radius: 4px; border: 1px solid #ced4da; margin-right: 15px; } .contact_wrap input:focus { border-color: #80bdff; box-shadow: 0 0 7px rgb(0 123 255 / 25%); } .contact .butt { display: inline-block; width: 107px; } .question { background: #f5f8ff; padding: 80px 0; text-align: center; } .question .question_wrap {} .question .question_wrap {} .question_wrap .question_title { font-size: 34px; color: #333; font-weight: 400; margin-bottom: 10px; } .question_wrap .question_desc { color: #7f7f7f; font-size: 14px; } .question_wrap .question_list { width: 1170px; margin: 50px auto; } .question_wrap .question_list li { float: left; width: 32%; padding: 20px; background-color: #fff; box-sizing: border-box; } .question_wrap .question_list li:nth-child(2) { margin: 0 23px; } .question_list li img{ width: 80px; height: 80px; margin-right: 20px } .question_list_right{} .question_list_right .question_lr_title{ text-align: left; font-size: 18px; color: #d75353; margin-bottom: 5px; } .question_list_right .question_lr_desc{ text-align: left; font-size: 14px; } .question_wrap .butt { margin: 0 auto; } .customer { height: 500px; background: url("http://e.baidu.com/themes/ebaidu/public/img/home/bg-contact.png"); background-repeat: no-repeat; background-size: cover; background-position: center; } .customer_me_top { padding: 30px 30px 20px; height: 448px; box-sizing: border-box; } .customer .customer_me{ position: absolute; width: 400px; height: 503px; top: -48px; right: 98px; background: #fff; border-radius: 5px; border: 1px solid #ddd; } .customer_mt_title { color: #333; font-size: 18px; font-weight: bold; margin-bottom: 20px; } .customer_me_top .butt { width: 100%; margin-top: 10px; margin-bottom: 20px; } .customer_me_top input { width: 100%; margin-bottom: 20px; } .text_grey { text-align: center; color: #7f7f7f; font-size: 14px; } .customer_me_bottom { height: 57px; border-top: 1px solid #ddd; background: #f5f5f5; padding: 10px; box-sizing: border-box; font-size: 12px; border-bottom-left-radius: 5px; border-bottom-right-radius: 5px; } .customer_mb_left{ margin-top: 6px; } .customer_mb_left img{ margin-right: 5px; } .customer_mb_left span{ font-size: 18px; color: #999; vertical-align: bottom; } .customer_mb_right { font-size: 12px; color: #999; }