.banner img{ width: 100%; display: block; } .ximg img { width:100%; } .tab_ul{ border-bottom: 1px solid #d0d0d0; height: 49px; margin-bottom: 40px; } .tab_ul li{ float: left; height: inherit; line-height: 49px; border-bottom: 1px solid transparent; font-size: 15px; margin-right: 60px; } .tab_ul li:hover{ cursor: pointer; } .tab_active{ color: #da251d !important; border-color: #da251d !important; } .tab_active a{ color: #da251d !important; border-color: #da251d !important; } .com_title1{ font-size: 22px; margin-bottom: 5px; } .com_title2{ font-size: 18px; color: #c9c9c9; margin-bottom: 30px; } .com_infor{ display: none; padding-bottom: 100px; } .com_infor_active{ display: block; } .com_infor .main_ul{ margin-bottom: 40px; } .com_infor .main_ul li{ padding: 25px; border: 2px solid transparent; transition: all 0.3s; } .com_infor .main_ul li:hover{ border-color: #da251d !important; } .com_infor .main_ul li:hover .more{ color: #da251d; } .com_infor .main_ul li:nth-child(2n+1){ background: #f0f0f0; } .com_infor .main_ul li:nth-child(2n){ background: #fff; } .com_infor .main_ul li .img_box{ width: 226px; height: 138px; overflow: hidden; margin-right: 28px; } .com_infor .main_ul li .img_box img{ display: block; width: 100%; } .com_infor .main_ul li .cont{ width: 77%; } .com_infor .main_ul li .p1{ height: 34px; line-height: 34px; display: block; font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; border-bottom: 1px solid #d2d2d2; margin-bottom: 5px; } .com_infor .main_ul li .p2{ color: #a0a0a0; margin-bottom: 10px; } .com_infor .main_ul li .p3{ color: #666; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-bottom: 5px; } .com_infor .main_ul li .more{ color: #333; transition: all 0.3s; } .com_infor .main_ul li .p3 span{ font-weight: bold; } .apply_p1{ font-size: 16px; margin-bottom: 40px; } .detail_content{ padding-bottom: 85px; } .detail_content>.title{ font-size: 26px; margin-bottom: 20px; } .detail_content>.title2{ font-size: 12px; color: #666; margin-bottom: 30px; } .detail_content .content{ padding-bottom: 40px; border-bottom: 1px dashed #686868; margin-bottom: 45px; } .detail_content .com_box{ margin-bottom: 16px; } .detail_content .com_box span{ line-height: 38px; } .detail_content .com_box input{ width: 280px; height: 38px; border: 1px solid #d0d0d0; padding: 0 10px; outline: 0; } .detail_content .com_box textarea{ width: 280px; height: 100px; border: 1px solid #d0d0d0; font-family: '微软雅黑'; padding: 10px; outline: 0; } .title_join{ font-size: 22px; text-align: center; margin-bottom: 20px; } .detail_content .sub{ width: 212px; height: 36px; background: #da251d; color: #fff; border: 0; outline: 0; border-radius: 5px; display: inline-block; margin-bottom: 25px; } .detail_content .sub:hover{ cursor: pointer; } .infor_title2 { font-size: 16px; height: 40px; line-height: 40px; font-weight: bold; } .apply .input_box{ width: 50%; margin-bottom: 18px; height: 36px; line-height: 36px; } .apply .input_box .sign{ width: 200px; height: 100%; background: #eaeaea; font-size: 16px; text-align: center; } .apply .input_box input[type="text"]{ width: 65%; height: 100%; padding: 0 20px; font-size: 16px; /*border: 0;*/ border: 1px solid #ddd; } .apply .input_box input[type="text"]::-webkit-input-placeholder{ color: #d0d0d0;font-size: 16px; } .apply .input_box input[type="text"]::-ms-input-placeholder{ color: #d0d0d0;font-size: 16px; } .apply .input_box input[type="text"]::-moz-placeholder{ color: #d0d0d0;font-size: 16px; } .apply .input_box input[type="text"]:-moz-placeholder{ color: #d0d0d0;font-size: 16px; } .apply .input_box .select1{ width: 65%; height: 100%; padding: 0 20px; font-size: 16px; /*border: 0;*/ border: 1px solid #ddd; outline: 0; } #date{ height: 100%; } .select2{ width: 128px; height: 36px; font-size: 16px; border: 0; outline: 0; padding-left: 20px; } .apply textarea{ width: 100%; height: 95px; border: 1px solid #e8e8e8; padding: 10px; font-size: 16px; font-family: '微软雅黑'; margin-bottom: 20px; } .apply .sub{ width: 122px; height: 38px; background: #da251d; font-size: 15px; outline: 0; border: 0; color: #fff; display: inline-block; margin-top: 60px; } .apply .sub:hover{ cursor: pointer; } .apply .check_box span{ float: left; font-size: 16px; width: 5%; } .apply .check_box{ margin-bottom: 15px; } .apply .check_box .lab_box{ width: 95%; } .apply .check_box label{ font-size: 16px; float: left; margin-right: 20px; } .apply .check_box label:hover{ cursor: pointer; } .apply .check_box input[type='checkbox']{ float: left; margin-top: 6px; margin-right: 5px; } .apply .check_box input[type='checkbox']:hover{ cursor: pointer; } #sure11{ float: left; margin-top: 6px; margin-right: 5px; } .sure11{ float: left; font-size: 16px; } .like_files { width: 120px; height: 38px; background: #da251d; color: #fff; font-size: 16px; line-height: 38px; text-align: center; cursor: pointer; margin-top:20px; } .like_files a { color: #fff; } @media screen and (max-width: 1220px){ .com_infor .main_ul li .cont { width: 72%; } .apply .input_box input[type="text"]{ width: 60%; } .apply .input_box .select1{ width: 60%; } .apply .input_box .sign{ width: 160px; } .select2{ width: 105px; padding-left: 15px; } .form_box .ad_img{ width: 635px; } .form_box .ad_img img{ display: block; width: 100%; } } @media screen and (max-width: 999px){ .banner{ padding-top: 62px; } .tab_ul{ padding-left: 20px; } .tab_ul li{ font-size: 18px; margin-right: 40px; } .com_title1,.com_title2{ padding-left: 20px; } .com_infor .content{ padding: 0 20px; } .com_infor{ padding-bottom: 40px; } .com_infor .main_ul{ width: 600px; margin: 0 auto 40px; } .com_infor .main_ul li{ padding: 10px; } .com_infor .main_ul li .img_box{ margin-right: 10px; } .com_infor .main_ul li .cont { width: 59%; } .com_infor .main_ul li .p1{ font-size: 18px; line-height: 18px; height: auto; padding-bottom: 5px; } .com_infor .main_ul li .p2,.com_infor .main_ul li .p3,.com_infor .main_ul li .more{ font-size: 16px; } .apply_p1{ padding: 0 20px; } .infor_title2{ padding-left: 20px; font-size: 18px; } .apply .input_box{ width: 100%; float: none; width: 600px; margin: 0 auto 18px; } .apply .input_box .sign{ font-size: 18px; width: 180px; } .select2 { width: 117.5px; padding-left: 20px; } .apply .check_box{ width: 600px; margin: 0 auto 20px; } .apply .check_box span{ width: 10%; font-size: 18px; } .apply .check_box .lab_box{ width: 90%; } .apply .check_box label{ font-size: 18px; } .sure11{ padding-left: 20px; font-size: 18px; } .apply .sub{ font-size: 18px; } .detail_content .content{ padding: 0 20px; } .form_box{ width: 600px; margin: 0 auto; text-align: center; } .form_box .ad_img { width: 100%; margin-bottom: 20px; float: none; } .form_box form{ float: none; display: inline-block; } .detail_content .com_box span,.detail_content .com_box input,.detail_content .com_box textarea,.detail_content .sub{ font-size: 18px; } }