.banner img { width: 100%; display: block; } .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; } .com_title1 { font-size: 22px; margin-bottom: 5px; } .com_title2 { font-size: 18px; color: #c9c9c9; margin-bottom: 30px; } .com_infor { display: none; } .com_infor_active { display: block; } .sec_infor { padding-bottom: 100px; } .sec_infor_list1 { background: #f0f0f0; padding: 26px 0; margin-bottom: 25px; } .sec_infor_list1 li { float: left; width: 240px; border-right: 1px solid #fff; } .sec_infor_list1 li:last-child { border-right: 0; } .sec_infor_list1 li p { margin-top: 10px; } .sec_infor .fw { background: #f0f0f0; margin-top: 40px; padding: 0 10px; margin-bottom: 48px; } .sec_infor .fw > p { height: 60px; line-height: 60px; font-size: 18px; } .sec_infor .fw li { float: left; margin-right: 17px; width: 282px; } .sec_infor .fw li .img_box { width: 100%; height: 186px; overflow: hidden; } .sec_infor .fw li .img_box img { display: block; width: 100%; } .sec_infor .fw li p { height: 55px; line-height: 55px; font-size: 15px; text-align: center; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec_infor .brand { background: #f0f0f0; padding: 0 10px 26px; } .sec_infor .brand > p { height: 60px; line-height: 60px; font-size: 18px; } .picScroll { width: 1180px; margin: 0 auto; } .picScroll .bd { width: 95%; margin: 0 auto; overflow: hidden; } .picScroll li { float: left; margin-right: 20px; } .picScroll li .img_box { width: 172px; height: 72px; overflow: hidden; } .picScroll li .img_box img { display: block; width: 100%; } .picScroll .hd .prev { float: left; margin-top: 24px; } .picScroll .hd .next { float: right; margin-top: 24px; } .sec_history { padding-bottom: 65px; } .time_history { background: url(../images/img21.jpg) repeat-y; background-position: 161px; margin-bottom: 20px; overflow: hidden; } .time_history .part .s_time { font-size: 16px; line-height: 16px; color: #666; margin-right: 45px; width: 110px; } .time_history .part .circle { height: 14px; width: 14px; border-radius: 50%; border: 2px solid #df181b; margin-right: 25px; } .time_history .part li { margin-bottom: 40px; } .time_history .part .cont { font-size: 15px; width: 83%; line-height: 22px; } .uploadbtn { width: 120px; height: 38px; border: 0; text-align: center; line-height: 38px; background: #AAAAAA; color: #fff; font-size: 16px; cursor: pointer; right: 0; bottom: 22%; position:absolute; } .sec_honor { padding-bottom: 100px; } .com_select{float:right;} .com_select .select1 { width: 200px; height: 35px; padding: 0 48px; font-size: 16px; border: 1px solid #ddd; outline: 0; text-align:center; } .sec_honor .honor_list li { float: left; width: 282px; margin-bottom: 30px; text-align: center; margin-right: 24px; } .sec_honor .honor_list li .img_box { height: 198px; border: 1px solid #dcdcdc; overflow: hidden; padding: 10px; margin-bottom: 10px; transition: all 0.5s; } .sec_honor .honor_list li p { font-size: 16px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.5s; } .sec_honor .honor_list li:hover .honor_pic { border-color: #da251d; } .sec_honor .honor_list li:hover .honor_p { color: #da251d; } .sec_contact { padding-bottom: 70px; } .sec_contact .con_p1 { font-size: 16px; font-weight: bold; color: #da251d; margin-bottom: 15px; } .sec_contact .con_p2 { font-size: 15px; margin-bottom: 10px; } .sec_contact .con_p2 span { width: 3px; height: 13px; background: #da251d; float: left; margin-top: 4px; margin-right: 10px; } .sec_contact .con_p3 { font-size: 15px; color: #8f8f8f; line-height: 26px; clear: both; } .sec_contact li { float: left; width: 33%; border-bottom: 1px dashed #dadada; padding-right: 20px; height: 180px; margin-bottom: 30px; } .sec_contact li .img_box { width: 98px; height: 98px; margin-right: 10px; overflow: hidden; } .sec_contact li .img_box img { display: block; width: 100%; } .sec_contact li .con_p2 { min-height: 40px; } .sec_contact li .cont { width: 70%; } .sec_talents { padding-bottom: 100px; } .sec_talents .con_p1 { font-size: 16px; font-weight: bold; color: #da251d; margin-bottom: 15px; } .sec_talents .con_p2 { font-size: 15px; margin-bottom: 10px; } .sec_talents .con_p2 span { width: 3px; height: 13px; background: #da251d; float: left; margin-top: 4px; margin-right: 10px; } .sec_talents .con_p3 { font-size: 15px; color: #8f8f8f; line-height: 26px; clear: both; } .sec_talents li { float: left; width: 33%; border-bottom: 1px dashed #dadada; /*padding-right: 20px;*/ height: 180px; margin-bottom: 30px; } .sec_talents li .img_box { width: 98px; height: 98px; margin-right: 10px; overflow: hidden; } .sec_talents li .img_box img { display: block; width: 100%; } .sec_talents li .con_p2 { min-height: 40px; } .sec_talents li .cont { width: 70%; } .talent_tab { height: 38px; margin-bottom: 30px; } .talent_tab li { float: left; width: 160px; height: 100%; line-height: 36px; font-size: 16px; text-align: center; border: 1px solid #da251d; border-right: 0; transition: all 0.3s; } .talent_tab li:nth-last-child(2) { border-right: 1px solid #da251d; } .talent_tab li:hover { cursor: pointer; background: #da251d !important; color: #fff !important; } .talent_tab li:hover a { color: #fff !important; } .talent_tab_active { background: #da251d !important; color: #fff !important; } .talent_tab_active a{ color: #fff !important; } /*.talent_list { display: none; }*/ .talent_list_active { display: block; } .hot_zp input[type='file'] { width: 120px; height: 38px; position: absolute; right: 0; bottom: 10%; opacity: 0; } .hot_zp input[type='file']:hover { cursor: pointer; } .like_file { width: 90px; height: 38px; position: absolute; left: 0; background: #da251d; color: #fff; font-size: 16px; line-height: 38px; text-align: center; } .like_files { width: 120px; height: 38px; position: absolute; right: 0; bottom: 10%; background: #da251d; color: #fff; font-size: 16px; line-height: 38px; text-align: center; cursor: pointer; } /*.content .conbtn:last-child .like_files { display: none; }*/ .infor_title2 { font-size: 16px; height: 40px; line-height: 40px; font-weight: bold; } .talent_person .input_box { width: 50%; margin-bottom: 18px; height: 36px; line-height: 36px; font-size: 16px; } .talent_person .input_box input[type=radio] { margin-left:20px; } .talent_person .input_box .sign { width: 200px; height: 100%; background: #eaeaea; font-size: 16px; text-align: center; } .talent_person .input_box input[type="text"], input[type="email"] { width: 65%; height: 100%; padding: 0 20px; font-size: 16px; /*border: 0;*/ border: 1px solid #ddd; } .talent_person .input_box input[type="text"]::-webkit-input-placeholder, input[type="email"]::-webkit-input-placeholder { color: #d0d0d0; font-size: 16px; } .talent_person .input_box input[type="text"]::-ms-input-placeholder, input[type="email"]::-webkit-input-placeholder { color: #d0d0d0; font-size: 16px; } .talent_person .input_box input[type="text"]::-moz-placeholder, input[type="email"]::-webkit-input-placeholder { color: #d0d0d0; font-size: 16px; } .talent_person .input_box input[type="text"]:-moz-placeholder, input[type="email"]::-webkit-input-placeholder { color: #d0d0d0; font-size: 16px; } .talent_person .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: 100%; font-size: 16px; border: 1px solid #ddd; outline: 0; padding-left: 20px; } .talent_person textarea { width: 100%; height: 95px; border: 1px solid #e8e8e8; padding: 10px; font-size: 16px; font-family: '微软雅黑'; margin-bottom: 20px; } .talent_person .sub { width: 90px; height: 38px; background: #da251d; font-size: 15px; outline: 0; border: 0; color: #fff; } .talent_person .sub:hover { cursor: pointer; } .hot_zp .td { height: 38px; } @media screen and (min-width: 1000px) { .sec_infor .fw li:nth-last-child(2) { margin-right: 0; } .sec_honor .honor_list li:nth-child(4n) { margin-right: 0; } } @media screen and (max-width: 1220px) { .sec_infor_list1 li { width: 163px; } .sec_infor .fw li { margin-right: 10px; width: 232px; } .sec_infor .fw li .img_box { height: 155px; } .picScroll { width: 820px; } .picScroll .bd { width: 750px; } .time_history .part .cont { width: 80%; } .sec_honor .honor_list li { margin-right: 10px; } .sec_honor .honor_list li { width: 237px; } .sec_honor .honor_list li .img_box { padding: 0; height: 170px; } .sec_honor .honor_list li .img_box img { /*width: 100%;*/ padding-top: 8%; } .sec_contact li .cont { width: 64%; } .talent_person .input_box input[type="text"] { width: 60%; } .talent_person .input_box .select1 { width: 60%; } .talent_person .input_box .sign { width: 150px; } .select2 { padding-left: 15px; width: 105px; } } @media screen and (max-width: 999px) { .banner { padding-top: 62px; } .like_files { font-size: 24px; width: 200px; height: 48px; line-height:48px; bottom:8%; } .uploadbtn { font-size: 24px; width: 200px; height: 48px; line-height:48px; right:30%; bottom:8%; } .hot_zp input[type='file'] { width: 200px; height: 48px; line-height:48px; bottom:8%; } .tab_ul { padding-left: 20px; } .tab_ul li { font-size: 18px; margin-right: 40px; } .com_title1, .com_title2 { padding-left: 20px; } .sec_infor_list1 { width: 600px; margin: 0 auto 20px; padding: 25px 0 0; } .sec_infor_list1 li { width: 200px; margin-bottom: 20px; height: 100px; overflow: hidden; } .sec_infor_list1 li p { font-size: 18px; } .about_pp { padding: 0 20px; font-size: 28px !important; } .sec_infor .fw { margin-top: 20px; } .sec_infor .fw > p, .sec_infor .brand > p { text-align: center; font-size: 20px; } .sec_infor .fw ul { width: 600px; margin: 0 auto; } .sec_infor .fw li:nth-child(2n) { margin-right: 0; } .sec_infor .fw li { width: 295px; } .sec_infor .fw li .img_box { height: 186px; } .sec_infor .fw li p { font-size: 18px; } .picScroll .bd { width: 368px; } .picScroll { width: 500px; } .sec_infor, .sec_history, .sec_honor, .sec_contact, .sec_talents { padding-bottom: 40px; } .time_history { width: 600px; margin: 0 auto; background-position: 136px; } .time_history .part .s_time { width: 120px; margin-right: 10px; font-size: 18px; line-height: 18px; } .time_history .part .cont { width: 70%; font-size: 28px; line-height: 36px; } .sec_honor .honor_list { width: 600px; margin: 0 auto; } .sec_honor .honor_list li:nth-child(2n) { margin-right: 0; } .sec_honor .honor_list li { width: 295px; } .sec_honor .honor_list li .img_box { height: 210px; } .sec_honor .honor_list li p { font-size: 24px; } .sec_contact .con_p1 { padding-left: 20px; font-size: 20px; } .sec_contact .con_p2, .sec_contact .con_p3 { padding-left: 20px; font-size: 18px; } .sec_contact ul { width: 600px; margin: 0 auto; } .sec_contact li { width: 100%; height: auto; float: none; padding-right: 0; padding-bottom: 10px; margin-bottom: 20px; } .sec_contact li .con_p2 { padding-left: 0; min-height: auto; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .sec_contact li .cont { width: 82%; } .talent_tab { height: auto; width: 600px; margin: 0 auto 20px; } .talent_tab li { width: 200px; border: 1px solid #da251d !important; font-size: 18px; } .talent_list { padding: 0 20px; } .talent_person .input_box { width: 600px; margin: 0 auto 18px; } .talent_person .input_box input[type="text"] { width: 70%; font-size: 18px; } .talent_person .input_box .select1 { width: 70%; font-size: 18px; } .talent_person .input_box .sign { width: 150px; font-size: 18px; } .select2 { padding-left: 15px; width: 137.5px; font-size: 18px; } .talent_person { width: 640px; margin: 0 auto; } .infor_title2 { font-size: 18px; } .talent_person textarea { font-size: 18px; } }