@charset 'utf-8'; /*头部*/ ::-ms-clear{display:none;} .container{ padding-left: 20px; padding-right: 20px; } .header1{ height: 33px; width: 100%; background-color: #f2f2f2; position: relative; z-index: 1050; } .header1 p{ text-align: right; color: #0094b9; line-height: 33px; font-size: 14px; } .header1 p a{ color: #7d7d7d; } .header1 p a.active, .header1 p a:hover{ color: #0094b9; } /*phone*/ .header2{ position: relative; top: 0; left: 0; width: 100%; height: 91px; z-index: 1050; background-color: #fff; } .header2::after{ content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; background-color: #eee; } .header2.act::after{ display: none; } .header2 .container{ position: relative; height: 100%; } .header2 .logo { line-height: 91px; } .header2 .logo img{ width: 180px; } .header2 .menuph{ position: absolute; bottom: 15px; right: 20px; width: 88px; } .header2 .menuph .point{ float: right; cursor: pointer; } .header2 .menuph .point2{ margin-right: 41px; } .header2 .menuph .point2 img{ width: 20px; height: 20px; } .phsou{ position: absolute; top: 88px; left: 0; width: 100%; height: 94px; background-color: #fff; z-index: 1050; display: none; } .phsou .inputk{ position: absolute; top: 27px; left: 20px; right: 20px; } .phsou .inputk input{ width: 100%; height: 40px; font-size: 14px; color: #999; padding-left: 15px; letter-spacing: .7px; border: 1px solid #ccc; } .phsou .inputk label{ position: absolute; right: 18px; top: 10px; cursor: pointer; } .phsou .inputk label img{ width: 16px; height: 16px; } .phsou .inputk input::-webkit-input-placeholder { color: #666; } .phsou .inputk input:-moz-placeholder { color: #666; } .phsou .inputk input::-moz-placeholder { color: #666; } .phsou .inputk input:-ms-input-placeholder { color: #666; } /*手机下拉*/ .xialaph{ position: absolute; top: 124px; left: 0; width: 100%; background-color: #0094b9; padding-bottom: 14px; display: none; z-index: 1022; } .xialaph .ul2, .xialaph .ul3{ display: none; } .xialaph h4 a{ color: #fff; font-size: 14px; font-weight: bold; line-height: 42px; } .xialaph h4{ position: relative; } .xialaph h4::after{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #eeeeee; opacity: 0.6; } .xialaph h5 a{ color: #fff; font-size: 14px; font-family: "微软雅黑"; line-height: 42px; } .xialaph h5{ position: relative; } .xialaph h4 img{ width: 15px; height: 8px; float: right; margin-top: 18px; cursor: pointer; margin-right: 20px; opacity: 0.6; } .xialaph h5 img{ width: 11px; height: 6px; float: right; margin-top: 20px; margin-right: 20px; cursor: pointer; opacity: 0.6; } .xialaph h4 .imgk{ position: absolute; top: 1px; right: 0; width: 55px; height: 100%; } .xialaph h5 .imgk{ position: absolute; top: 1px; right: 0; width: 55px; height: 100%; } .xialaph h4.active .imgk{ background-color: #017c9b; } .xialaph h5.active .imgk{ background-color: #026f8a; } .xialaph h4.active img.img_s, .xialaph h5.active img.img_s{ display: none; } .xialaph h4.active img.img_d, .xialaph h5.active img.img_d{ display: block; } .xialaph .ul2{ background-color: #017c9b; } .xialaph .ul3{ padding-top: 12px; padding-bottom: 18px; position: relative; position: relative; background-color: #026f8a; } .xialaph .ul3 li a{ color: #fff; font-size: 14px; line-height: 35px; display: block; } .xialaph .ul3 li{ padding-top: 5px; position: relative; z-index: 1; } .xialaph .ul3 li:first-child{ padding-top: 0; } .phonemeng{ position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: .6; z-index: 1020; display: none; } .phonemeng1.active, .phonemeng2.active{ display: block; } /*脚部*/ footer{ background-color: #eaeaea; margin-bottom: 14px; } .footerph{ padding-top: 34px; } .footerph h4{ color: #666; font-size: 14px; font-weight: bold; line-height: 42px; position: relative; } .footerph h4 span{ font-weight: bold; } .footerph h4::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #c2c2c2; } .footerph .ul2{ display: none; position: relative; padding-top: 10px; padding-bottom: 10px; } .footerph .ul3{ display: none; } .footerph .ul2::after{ content: ''; position: absolute; bottom: 0; left: 0; right: 0; height: 1px; background-color: #c2c2c2; } .footerph .ul2 li a{ color: #666; font-size: 14px; line-height: 34px; } .footerph .ul3 li a{ color: #999; font-size: 12px; line-height: 34px; } .footerph li a:hover{ color: #0094b9; } .footerph h4 img{ width: 15px; height: 8px; float: right; margin-top: 20px; cursor: pointer; } .footerph h4.active img.img_s{ display: none; } .footerph h4.active img.img_d{ display: block; } .footerph h5 img{ width: 15px; height: 8px; float: right; margin-top: 13px; cursor: pointer; } .footerph h5.active img.img_s{ display: none; } .footerph h5.active img.img_d{ display: block; } .footer1 .ul2{ float: none; width: 100%; text-align: center; padding-top: 61px; padding-bottom: 41px; display:none; } .footer1 .ul2 li{ display: inline-block; margin: 0 10px; position: relative; } .footer1 .ul2 li img{ cursor: pointer; } .footer1 .ul2 li img.erweima{ position: absolute; bottom: 41px; left: -34px; display: none; } .footer1 .ul2 li.weixind.active .erweima{ display: block; } .footer2{ padding-top: 20px; padding-bottom: 16px; text-align: center; line-height: 24px; position: relative; } .footer2 span, .footer2 a{ color: #666; font-size: 12px; letter-spacing: .1px; } .footer2 span{ margin-right: 10px; } .footer2 span:nth-child(3){ letter-spacing: .25px; margin-right: 10px; } .footer2 .span6 a{ font-family: "Arial"; text-transform: uppercase; } .footer2 .span4{ position: relative; margin-right: 16px; } .footer2 .span4::before{ content: ''; width: 2px; height: 11px; background-color: #999; position: absolute; top: 4px; right: -11px; } .footer2 span a:hover{ color: #0094b9; } .footer2 .dingtop{ position: absolute; bottom: 20px; right: 10px; cursor: pointer; width: 40px; } /*00*/ .carousel { position: relative; } .carousel-inner { position: relative; width: 100%; overflow: hidden; } .shou1{ margin-top: 25px; } .shouslick{ width: 100%; } .shouslick .shou1l{ position: relative; } .shouslick .slick_s{ margin: 0; } .shouslick .slick_s .slick-slide{ padding: 0; } .shouslick .slick_s .slick-slide img{ width: 100%; } .shouslick .slick_s .slick-arrow{ width: 39px; height: 39px; z-index: 1000; } .shouslick .slick_s .slick-prev{ background-image: url(../images/arrow_ls.png); background-size: 100% 100%; left: 0; } .shouslick .slick_s .slick-next{ background-image: url(../images/arrow_rs.png); background-size: 100% 100%; right: 0; } .shouslick .zanting{ position: absolute; top: 50%; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); right: 40px; cursor: pointer; width: 39px; height: 39px; font-size: 0; line-height: 0; display: block; padding: 0; color: transparent; border: none; outline: none; background: transparent; } .shouslick .zanting.zanting2{ display: none; } .shouslick .slick_h{ background-color: #9fa9b3; padding-left: 16px; padding-right: 22px; padding-top: 12px; padding-bottom: 12px; margin-top: -1px; display: none; } .slick_h0 .slick_h:first-child{ display: block; } .shouslick .slick_h h3{ color: #fff; letter-spacing: 1px; } .shouslick .slick_h h3 span{ margin-right: 17px; } .shouslick .slick_h h5{ color: #fff; line-height: 23px; margin-top: 14px; letter-spacing: .6px; height: 46px; overflow: hidden; } .shou1r{ width: 100%; } .shou1r .lil{ padding: 14px 15px 10px 9px; overflow: hidden; position: absolute; top: 6px; left: 0; bottom: 6px; right: 202px; z-index: 1; } .shou1r .lil .liln{ position: relative; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); } .shou1r .imgk{ width: 196px; height: 100%; overflow: hidden; position: relative; } .shou1r .imgy{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #000; opacity: 0; } @media screen and (min-width: 768px) { .shou1r li:hover img{ -webkit-transform: translateX(-10px); -moz-transform: translateX(-10px); -ms-transform: translateX(-10px); -o-transform: translateX(-10px); transform: translateX(-10px); } .shou1r li:hover .imgy{ opacity: .2; } } .shou1r li{ height: 211px; margin-bottom: 8px; background-color: #9fa9b3; position: relative; margin-top: 14px; /*padding: 6px 6px;*/ } .shou1r li:nth-child(3){ height: 242px; margin-bottom: 0px; background-color: #00a7ac; } .shou1r li h4{ font-size: 18px; color: #fff; letter-spacing: 1px; } .shou1r li h5{ color: #fff; line-height: 24px; margin-top: 12px; letter-spacing: .6px; } .shou2{ margin-top: 36px; background-color: #f2f2f2; padding-left: 15px; padding-right: 15px; } .shou2 ul{ height: 100%; } .shou2 li{ height: 100%; border-bottom: 1px dotted #919191; width: 100%; padding-top: 21px; padding-bottom: 25px; } .shou2 li:last-child{ border-bottom: 0; } .shou2 li h3{ color: #0094b9; font-size: 20px; font-weight: bold; letter-spacing: .8px; } .shou2 li:hover h3{ color: #00a7ac; } .shou2 li .h51{ color: #333; letter-spacing: .65px; line-height: 24px; margin-top: 10px; overflow: hidden; } .shou2 li .h52{ color: #333; letter-spacing: .65px; margin-top: 28px; height: 14px; overflow: hidden; } .shou2 li:nth-child(1) .h52{ color: #0094b9; } .shou2 li .h53{ color: #0094b9; letter-spacing: .65px; font-weight: bold; margin-top: 32px; } .shou2 li:hover .h53{ color: #00a7ac; } .shou3{ margin-top: 25px; margin-bottom: 37px; } .shou3 ul{} .shou3 li{ width: 100%; margin-bottom: 27px; } .shou3 li:last-child{ margin-right: 0; } .shou3 li .li1{ background: #f2f2f2; width: 100%; } .shou3 li .li1 .fl{ width: 50%; overflow: hidden; } .shou3 li .li1 h3.fl{ padding-left: 25px; } .shou3 li .li1 img{ width: 100%; height: 100%; } .shou3 li .li1 h3{ color: #0094b9; font-size: 18px; letter-spacing: 1px; } .shou3 li .li1 h3 span{ margin-top: 16px; display: inline-block; } .shou3 li .h51{ color: #0094b9; margin-top: 24px; letter-spacing: .7px; height: 14px; overflow: hidden; } .shou3 li .h52{ color: #333; line-height: 24px; margin-top: 11px; letter-spacing: .6px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .shou3 li a{ color: #0094b9; } .shou3 li:hover a{ color: #00a7ac; } .shou3 li:hover img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); } .listnav li .ul2{ position: relative; margin-top: 13px; } .listnav li .ul2::after{ content: ''; position: absolute; top: 0px; left: 50%; margin-left: -163px; width: 326px; height: 100%; background-color: #d3eafb; } .listnav li .ul2 li{ position: relative; z-index: 1; font-size: 14px; } .listnav li .ul2 li:last-child{ border-bottom: 0; } .listnav li .ul2 li a.active{ color: #0094b9; } .phnav{ color: #0094b9; font-size: 16px; line-height: 60px; height: 60px; border-bottom: 1px solid #eaeaea; } .phnav span.fl{ position: relative; height: 100%; line-height: 60px; } .phnav span.fl::after{ content: ''; position: absolute; bottom: -1px; left: 0; width: 100%; height: 2px; background-color: #0094b9; } .phnav span.fr{ cursor: pointer; height: 100%; line-height: 60px; } .phnav span.fr.active .img_s{ display: none; } .phnav span.fr.active .img_d{ display: inline-block; } .main1 { position: relative; } .ph_nav{ position: absolute; top: 60px; left: 0; width: 100%; background-color: #fff; display: none; z-index: 1000; } .ph_nav .ul1{ padding-top: 12px; padding-bottom: 12px; } .ph_nav .ul1 .l1{ padding: 0; margin: 0; } .ph_nav .ul1 .l1{ height: 42px; position: relative; } .ph_nav .ul1 .l1:hover{ background-color: transparent; } .ph_nav .ul1 li:last-child h5::after{ display: none; } .ph_nav .ul1 .l1 a{ display: block; line-height: 50px; position: relative; color: #666; } .ph_nav .ul1 .l1 a{ position: relative; z-index: 1; } .ph_nav .ul1 .l1 a:hover, .ph_nav .ul1 .l1 a.hover { color: #0094b9; } .ph_nav .ul2{ padding-left: 10px; display: none; } .ph_nav .ul2 li a{ display: block; color: #999; font-size: 12px; line-height: 35px; position: relative; } .ph_nav .ul2 li a span{ position: relative; z-index: 1; } .ph_nav .ul2 li a.acti, .ph_nav .ul2 li a:hover{ color: #0094b9; } /*13*/ .apply .h41{ color: #0094b9; font-size: 16px; font-weight: bold; line-height: 54px; background-color: #dcf0fe; margin-top: 30px; padding-left: 18px; } .apply .h42{ color: #0094b9; font-size: 16px; font-weight: bold; margin-top: 40px; } .apply .h42 img.img{ margin-right: 15px; margin-top: -3px; width: 22px; } .apply .h42 .span{ color: #fb0101; } .formh{ margin-top: 21px; border-bottom: 1px solid #c2c2c2; padding-bottom: 19px; } .formh label{ display: inline-block; color: #666; width: 58px; text-align: right; font-size: 14px; position: absolute; top: 9px; left: 0; } .formh label span{ position: absolute; top: 0; right: -7px; color: #fb0101; } .formh input{ width: 100%; height: 35px; border: 1px solid #e3e3e3; font-size: 14px; color: #666; padding-left: 10px; } .formh li{ position: relative; margin-bottom: 20px; height: 35px; padding-left: 75px; line-height: 34px; } .formh .chusheng{ position: absolute; top: 13px; right: 11px; cursor: pointer; } .btn-select { position: relative; display: inline-block; width: 100%; height: 35px; background-color: #fff; font-size: 14px; color: #999; border: 1px solid #e3e3e3; vertical-align: middle; } .btn-select .cur-select { position: absolute; display: block; width: 100%; color: #666; height: 35px; line-height: 35px; background: url(../images/arrow_x.png) no-repeat top 15px right 10px; padding-left: 10px; } .btn-select select { position: absolute; top: 0; left: 0; width: 100%; height: 35px; line-height: 35px; /*opacity: 0;*/ filter: alpha(opacity: 0;); font-size: 14px; color: #666; cursor: pointer; background-color: transparent !important; background: url(../images/arrow_x.png) no-repeat top 15px right 10px; appearance:none; -moz-appearance:none; -webkit-appearance:none; -ms-appearance:none; -o-appearance:none; } select::-ms-expand { display: none; } .btn-select select option { padding-top: 15px; padding-bottom: 15px; padding-left: 10px; cursor: pointer; position: relative; color: #666; } option:checked, option:hover { color: #fff; background: url(../images/bai.jpg); } .formh .li24{ height: auto; } .formh .li24 .btn-select { width: 100%; } .formh .li24 .btn-select#btn_select2 , .formh .li24 .btn-select#btn_select3 { margin-right: 0; margin-top: 20px; } .formh .li24 .btn-select .cur-select { background: url(../images/arrow_x.png) no-repeat top 15px right 10px; padding-left: 10px; } .formh .li21 input{ width: auto; height: auto; margin-left: 9px; -webkit-appearance: radio; } .formh .li21 span.span{ margin-right: 22px; } .formh .ul2 label{ margin-right: 19px; } .formh2{ padding-left: 10px; padding-right: 10px; border: 1px solid #0094b9; margin-top: 17px; padding-top: 21px; padding-bottom: 39px; display: none; } .formh2 li{ margin-bottom: 10px; } .formh2 .ul1 { width: 100%; } .formh2 input{ /*width: 286px;*/ } .formh2 label { margin-right: 19px; } .formh2 .btn-select { /*width: 286px;*/ } .formh2 .btn-select .cur-select { background: url(../images/arrow_x.png) no-repeat 264px 13px; } .formh2 .li11 input{ width: 100%; } .formh2 .li11 span{ padding-left: 2px; padding-right: 2px; float: right; margin-top: 8px; } .formh2 .li11 .chusheng1{ position: absolute; top: 13px; right: 12px; cursor: pointer; } .formh2 .li11 .chusheng2{ position: absolute; top: 13px; right: 12px; cursor: pointer; } .formh2 .ul2 { width: 395px; } .formh2 .ul2 .btn-select { width: 273px; } .formh2 .ul2 .btn-select .cur-select { background: url(../images/arrow_x.png) no-repeat 250px 13px; } .formh2 .li14{ height: auto; } .formh2 .li14 label{ vertical-align: top; margin-top: 8px; } .formh2 textarea{ height: 141px; width: 100%; padding-top: 10px; padding-left: 5px; border: 1px solid #e3e3e3; font-size: 14px; color: #666; resize: none; color: #999; font-size: 12px; } .formh2 .li21{ margin-top: 21px; } .formh .btn{ width: 100%; text-align: center; margin-top: 9px; } .formh .btn .btn1{ display: inline-block; width: 80px; height: 30px; background: #0094b9; color: #fff; font-size: 12px; line-height: 30px; margin: 0 11px; cursor: pointer; } .formh .btn .btn2{ display: inline-block; width: 80px; height: 30px; border: 1px solid #e3e3e3; color: #4c4c4c; font-size: 12px; line-height: 30px; margin: 0 11px; cursor: pointer; } .apply .h42 span.fr{ color: #0094b9; font-size: 14px; font-weight: 500; margin-top: 3px; cursor: pointer; } .apply .h42 span.active{ color: #999; } .apply .h42 span.fr img{ margin-right: 5px; margin-top: -2px; } .formh2zi{ margin-top: 30px; padding-top: 31px; padding-bottom: 32px; padding-left: 10px; border-top: 1px dotted #919191; border-bottom: 1px solid #c2c2c2; } .formh2zi h5{ color: #666; position: relative; letter-spacing: 1px; } .formh2zi .h51 .span2{ color: #333; font-weight: bold; display: block; margin-top: 8px; } .formh2zi .h51 .span3{ color: #333; font-weight: bold; display: block; margin-top: 8px; } .formh2zi .h52{ margin-top: 16px; } .formh2zi .h52 span{ border-right: 1px solid #666; display: inline-block; padding-right: 5px; } .formh2zi .h52 span:last-child{ border-right: 0; } .formh2zi .h53{ padding-left: 87px; margin-top: 8px; } .formh2zi .h53 .span1{ position: absolute; top: 9px; left: 0; width: 87px; } .formh2zi .h53 .span2{ color: #4c4c4c; line-height: 30px; } .formh2zi .h51{ position: relative; } .formh2zi .h51 img{ cursor: pointer; display: none; position: absolute; top: 0; right: 28px; } .formh2zi .h51 img.imgr{ right: 0; } .formh2zi2{ padding-left: 0; padding-top: 26px; padding-bottom: 40px; } .formh2zi2.active .h51 img{ display: inline-block; } .formh2zi2 .formh2zi2k{ padding-left: 10px; border: 1px solid #fff; padding-top: 22px; padding-bottom: 11px; } .formh2zi .h531{ margin-top: 0; } .applys { margin-top: 41px; margin-bottom: 22px; } .applys span{ color: #666; font-size: 14px; letter-spacing: 1px; } .applys span.spanr{ color: #fb0101; } .applys .input1{ color: #999999; width: 41%; height: 35px; border: 1px solid #e3e3e3; padding-left: 3px; font-size: 12px; margin-left: 0; } .applys .input2{ color: #333; width: 95px; height: 35px; background-color: #f2f2f2; text-align: center; margin-left: 0; margin-right: 2px; float: right; cursor: pointer; } .applys .input3{ color: #999999; width: 106px; height: 35px; border: 1px solid #e3e3e3; padding-left: 14px; font-size: 12px; margin-left: 10px; } .applys img{ height: 35px; width: 80px; margin-left: 17px; float: right; } .applys .btns{ width: 100%; text-align: center; margin-top: 66px; } .applys .btns button{ width: 141px; height: 36px; color: #fff; background: #0094b9; line-height: 36px; cursor: pointer; } /*12*/ .recruit .reform{ height: 62px; line-height: 62px; padding-left: 19px; background-color: #dcf0fe; margin-top: 21px; margin-bottom: 18px; } .recruit .reform #btn_select1{ width: 143px; height: 36px; font-size: 12px; border: 0; margin-right: 30px; } .recruit .reform #btn_select1 select{ background: url(../images/arrow_x.png) no-repeat 122px 15px; color: #999; font-size: 12px; padding-left: 6px; } .recruit .reform #btn_select2{ width: 183px; height: 36px; font-size: 12px; border: 0; margin-right: 30px; } .recruit .reform #btn_select2 select{ background: url(../images/arrow_x.png) no-repeat 162px 15px; color: #999; font-size: 12px; padding-left: 6px; } .recruit .reform .reinput{ width: 183px; height: 36px; font-size: 12px; color: #666; background-color: #fff; margin-right: 11px; padding-left: 10px; } .recruit .reform .reinput:focus{ color: #999; } .recruit .reform button{ width: 109px; height: 36px; background-color: #0094b9; color: #fff; font-size: 14px; font-weight: bold; text-align: center; line-height: 35px; letter-spacing: 1px; cursor: pointer; } .recruit .relist{ } .recruit .relist1{ border-top: 1px dotted #919191; padding-top: 6px; padding-bottom: 6px; } .recruit .relist1:last-child{ border-bottom: 1px dotted #919191; } .recruit .relist1.active{ border-top: 0; padding-top: 0; padding-bottom: 0; } .img_d{ display: none; } .recruit .relist1 .h41{ height: 40px; line-height: 40px; color: #0094b9; padding-left: 19px; font-size: 14px; cursor: pointer; } .recruit .relist1 .h41:hover{ color: #00a7ac; } .recruit .relist1 .h41.active{ background-color: #0094b9; color: #fff; font-weight: bold; font-size: 16px; } .recruit .relist1 .h41.active .img_s{ display: none; } .recruit .relist1 .h41.active .img_d{ display: block; } .recruit .relist1 .h41 img{ float: right; margin-right: 17px; margin-top: 13px; } .recruit .relist1 .relistn{ padding-left: 19px; padding-top: 34px; padding-bottom: 38px; display: none; } .recruit .relist1 .h42{ font-size: 16px; font-weight: bold; color: #333; margin-bottom: 6px; } .recruit .relist1 ul{ margin-bottom: 39px; } .recruit .relist1 li{ font-size: 14px; color: #333; padding-left: 15px; line-height: 30px; position: relative; } .recruit .relist1 li:after{ content: ''; width: 4px; height: 4px; border-radius: 50%; background-color: #00a7ac; position: absolute; top: 15px; left: 0; } .recruit .relist1 h5{ font-size: 14px; color: #333; line-height: 30px; } .recruit .relist1 h5 span{ font-family: "Arial"; } .recruit .relist1 h5 span.span{ color: #0094b9; } .recruit .relist1 h5 a{ position: relative; } .recruit .relist1 h5 a{ position: relative; } .reerwei{ position: absolute; bottom: 18px; left: -37px; display: none; height: auto; } .recruit .relist1 h5 a.a.active .reerwei{ display: block; } @media screen and (min-width: 768px) { .recruit .relist1 h5 a.a:hover .reerwei{ display: block; } } .recruit .relist1 h5 img{ margin-right: 5px; height: 14px; } .recruit .relist1 .rebtn{ margin-top: 11px; } .recruit .relist1 .rebtn button{ width: 132px; height: 31px; text-align: center; line-height: 30px; color: #fff; margin-right: 30px; background-color: #0094b9; cursor: pointer; } .recruit .relist1 .rebtn button:hover{ background-color: #00a7ac; } .recruit .relist1 .rebtn button img{ margin-right: 3px; margin-top: -2px; } .hpage{ margin-top: 41px; margin-bottom: 61px; } /*10*/ .chanx1 { margin-top: 61px; } .chanx1 .imgl{ width: 100%; } .chanx1 .imgl img{ max-width: 100%; } .chanx1 .imgr{ width: 100%; } .chanx1 .imgr h3{ font-size: 18px; color: #0094b9; font-weight: bold; margin-bottom: 17px; letter-spacing: .8px; padding-left: 5px; } .chanx1 .imgr h5{ font-size: 14px; color: #333; line-height: 30px; letter-spacing: .6px; } .chanx1 .imgr h5.h51{ padding-left: 5px; } .chanx1 .imgr h5 span{ display: inline-block; width: 28px; height: 1px; } .chanx1 .imgr h4{ font-size: 16px; color: #0094b9; font-weight: bold; border-top: 1px dotted #919191; position: relative; margin-top: 10px; padding-top: 17px; margin-bottom: 3px; letter-spacing: 1px; padding-left: 5px; } .chanx1 .imgr h4 img{ margin-left: 18px; margin-top: -5px; } .chanx1 .imgr h4:before{ border-top: 1px dotted #919191; content: ''; position: absolute; width: 100%; height: 2px; top: 1px; left: 0; } .chanx1 .imgr h5 a{ position: relative; } .chanx1 .imgr h5 img{ margin-right: 5px; height: 14px; } .chanx1 .imgr h5 img.reerwei{ height: auto; } .chanx1 .imgr h5 a.a:hover .reerwei{ display: block; } .chanx2{ margin-top: 39px; } .chanx2 li{ float: left; width: 33.333%; text-align: center; color: #333; font-size: 16px; background-color: #dcf0fe; position: relative; } .chanx2 li span{ display: inline-block; width: 100%; line-height: 40px; border-top: 2px solid #b4ecfa; cursor: pointer; } .chanx2 li span:hover, .chanx2 li span.active{ color: #fff; background-color: #0094b9; border-color: #007c9b; } .chanx3{ margin-top: 20px; display: none; } .chanxn .chanx3:first-child{ display: block; } .chanx3 h5{ color: #333; line-height: 28px; letter-spacing: 1px; } .chanx3 h5 span{ color: #0094b9; letter-spacing: 1.5px; margin-left: -5px; } .chanx3 h5 .span{ display: inline-block; width: 28px; height: 1px; } .chanx3 h5 .span1{ display: inline-block; width: 6px; height: 1px; } .chanx3 h5 img{ margin-bottom: 36px; max-width: 100%; } .chanx { margin-bottom: 59px; } /*08*/ .newsn{ padding-top: 38px; } .newsn h3{ text-align: center; color: #333333; font-size: 20px; } .newsn .xian{ width: 100%; height: 1px; background-color: #e6e6e6; margin-top: 26px; margin-bottom: 25px; } .newsn .h51{ text-align: center; color: #999; margin-top: 20px; } .newsn .img{ text-align: center; } .newsn p{ color: #333333; line-height: 30px; margin-top: 18px; margin-bottom: 22px; } .newsn .h51 span{ display: block; margin-top: 9px; } .newsn .h51 span:last-child{ margin-top: 0; } .newsn .h51 span img{ margin-right: 6px; margin-top: -3px; } .newsn .h51 span a{ position: relative; } .reerwei{ position: absolute; bottom: 18px; left: -40px; display: none; height: auto; } .recruit .relist1 h5 img.reerwei{ height: auto; } .newsn .h51 span a.a:hover .reerwei{ display: block; } .news{ margin-bottom: 10px; } /*07*/ .news .content{ } .news li{ padding-top: 1px; margin-bottom: 19px; padding-bottom: 20px; border-bottom: 1px solid #e0e0e0; } .news li .imgk{ float: left; width: 317px; height: 199px; margin-right: 23px; overflow: hidden; } .news li img{ width: 100%; height: 100%; } .news li h4{ color: #333; font-size: 16px; font-weight: bold; margin-top: 20px; height: 18px; line-height:18px; overflow: hidden; letter-spacing: .75px; } .news li .h51{ color: #999; font-family: "Arial"; margin-top: 19px; height: 14px; overflow: hidden; } .news li .h52{ color: #666; line-height: 27px; margin-top: 21px; height: 54px; overflow: hidden; letter-spacing: .9px; } .news li .h52 span{ font-family: "Arial"; } .news li .h53{ color: #0094b9; margin-top: 20px; height: 15.2167px; overflow: hidden; letter-spacing: 1px; } .news li .h53 img{ width: auto; height: auto; margin-left: 7px; } /*.news li:hover{ background-color: #ebf7fa; } .news li:hover h4{ color: #0094b9; } .news li:hover .h52{ color: #333; } .news li:hover .imgk img{ -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -ms-transform: scale(1.2); -o-transform: scale(1.2); transform: scale(1.2); }*/ .newh .page{ margin-top: 59px; margin-bottom: 52px; } .newh .content{ padding-top: 25px; } /*06*/ .contact1{ padding-bottom: 44px; border-bottom: 1px solid #0094b9; } .contact1 h3{ color: #0094b9; font-size: 20px; font-weight: bold; margin-top: 40px; margin-bottom: 20px; } .contact1 ul{ margin-top: 28px; } .contact1 li{ float: left; width: 50%; margin-bottom: 35px; } .contact1 li h4{ color: #0094b9; font-size: 16px; font-weight: bold; margin-bottom: 13px; } .contact1 li h5{ color: #555555; line-height: 28px; } .contact1 li h5 span{ line-height: 28px; } .contact1 li h5 span:nth-child(2), .contact1 .h41 span:nth-child(2){ font-family: "Arial"; } .contact1 h5 span:first-child, .contact1 h4 span:first-child { font-weight: bold; } .contact1 .h41{ font-size: 16px; } .contact1 .h41 span{ line-height: 29px; } .contact1 .dizhi{ margin-top: 19px; } .contact2 h3{ color: #0094b9; font-size: 20px; font-weight: bold; line-height: 60px; border-bottom: 1px solid #0094b9; } .contact2 h3 a{ color: #0094b9; font-weight: bold; } .contact{ margin-bottom: 49px; } .contact1 .h42{ color: #555; } .hmap{ height: 411px; width: 100%; } .dituk{ width: 258px; height: 132px; background: url(../images/5_01.png) no-repeat bottom center; padding-top: 10px; padding-left: 20px; padding-right: 22px; position: relative; display: block; } .dituk .close{ position: absolute; top: 10px; right: 10px; cursor: pointer; z-index: 100; } .BMapLib_SearchInfoWindow .BMapLib_bubble_close{ background: url(../images/close.gif) no-repeat center center !important; position: absolute !important; top: 0 !important; right: 10px !important; } .dituk h6{ color: #fff; font-size: 12px; line-height: 25px; } .dituk h6 span{ float: left; color: #fff; font-size: 12px; line-height: 25px; } .dituk h6 span.span{ font-family: "Arial"; } .BMapLib_SearchInfoWindow .BMapLib_bubble_top { border-bottom: 0 !important; height: 0 !important; } .BMapLib_SearchInfoWindow .BMapLib_sendToPhone, .BMapLib_SearchInfoWindow .BMapLib_bubble_title, .BMapLib_SearchInfoWindow .BMapLib_nav, .BMapLib_SearchInfoWindow .BMapLib_trans{ display: none !important; height: 0 !important; } .BMapLib_SearchInfoWindow { font-size: 12px !important; font-family: normal !important; border: 0 !important; background-color: transparent !important; } .BMap_Marker.BMap_noprint:first-child{ background: url(../images/5_02.png) no-repeat center center !important; width: 22px !important; height: 28px !important; background-color: transparent !important; } @media screen and (max-width: 767px) { .footer2 span.span6{ display: inline-block; width: 100%; } .shouslick .slick_s .slick-arrow, .shouslick .zanting{ width: 30px; height: 30px; } .shouslick .zanting{ right: 31px; } .shou1r li, .shou1r li:nth-child(3){ height: auto; } .shou1r .imgk { width: 50%; height: auto; overflow: hidden; position: relative; } .shou1r .imgk img{ width: 100%; } .shou1r .lil { padding: 14px 15px 10px 15px; position: relative; top: 0; left: 0; bottom: 0; right: 0; width: 50%; } .shou1r .lil .liln { top: 0; -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .contact1 li{ width: 100%; } .hmap{ height: 170px; } .news li .imgk{ float: none; width: 100%; height: auto; margin-right: 0; } .newsn .img img{ width: 100%; } .newsn h3 , .newsn .h51 { line-height: 1.3; } .recruit .reform{ height: auto; padding-left: 15px; padding-right: 15px; } .recruit .reform #btn_select1, .recruit .reform #btn_select2, .recruit .reform .reinput { width: 100%; margin-right: 0; } .recruit .reform #btn_select1 select, .recruit .reform #btn_select2 select { background: url(../images/arrow_x.png) no-repeat top 15px right 15px; } .recruit .relist1 .rebtn a{ display: block; margin-bottom: 10px; } } @media screen and (max-width: 400px) { .shou1r li h5{ max-height: 96px; overflow: hidden; } } @media screen and (max-width: 350px) { .shou1r li h5{ max-height: 72px; overflow: hidden; } }