.xpyf,.kyinner, .about_shzr, .about_qywh,.about_fzlc{ display: none; } a, .shzrlist li, .cplist li p, .cplist li img, .new_bottom li:after, .media_list li:after, .media_list li:before, .media_list h2, .media_list p, .media_list h6, .med_time, .med_time:after, #swiper_3 .swiper_core_list>div p, .jxlc li { transition: all .4s cubic-bezier(.35, .75, .55, 1) 0.1s; -webkit-transition: all .4s cubic-bezier(.35, .75, .55, 1) .1s; -moz-transition: all .4s cubic-bezier(.35, .75, .55, 1) .1s; } .header_serach>ul li form { position: absolute; top: 100%; left: 50%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); box-sizing: border-box; white-space: nowrap; padding: 8px; background: #005bac; z-index: 10; line-height: 0; display: none; } .header_serach>ul li form input { outline: none; border: none; height: 36px; line-height: 36px; box-sizing: border-box; padding: 0 6px; display: inline-block; vertical-align: middle; } .header_serach>ul li form button { display: inline-block; vertical-align: middle; outline: none; border: none; height: 36px; line-height: 36px; padding: 0 5px; border-bottom: 1px solid transparent; background: transparent; color: #fff; cursor: pointer; } .header_serach>ul li form button:hover { border-color: #fff; } .container { position: relative; margin: 0 auto; box-sizing: border-box; width: 83.333%; } .swiper-button-prev, .swiper-button-next { width: auto; height: auto; background-image: none; margin-top: 0; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); opacity: 1 !important; } .pic { position: relative; } .pic>img { width: 100%; } .pic>img:nth-child(2) { display: none; } .pic:before { content: ''; display: block; width: 100%; height: 100%; background-size: auto 100%; background-repeat: no-repeat; background-position: 0 0; background-image: url(../images/picbac_01.png); position: absolute; left: 0; top: 0; } .pic .container { position: absolute; left: 50%; bottom: 17.8%; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); z-index: 9; } .pic_box { width: 27.875%; } .pic_box h2 { border-bottom: 1px solid rgba(255, 255, 255, .5); padding-bottom: 20px; font-size: 45px; color: #fff; margin-bottom: 28px; } .pic_box h2 span { display: inline-block; vertical-align: middle; margin-left: 24px; font-family: 'nb'; color: rgba(255, 255, 255, .2); font-size: 30px; text-transform: uppercase; } .crumb { color: #fff; font-size: 14px; } .crumb i { display: inline-block; vertical-align: middle; margin-right: 6px; } .crumb a { display: inline-block; vertical-align: middle; color: #fff; margin-right: 4px; border-bottom: 1px solid transparent; } .crumb a:hover { border-color: #fff; } .pic_select { margin-top: 50px; position: relative; display: inline-block; z-index: 9; } .pic_select>a { display: inline-block; padding: 0 14px; background: #fff; border-radius: 7px; } .pic_select>a span { display: inline-block; vertical-align: middle; font-size: 14px; line-height: 35px; font-weight: bold; } .pic_select>a span:after { content: ''; display: inline-block; width: 0; height: 0; border: 7px solid #cccccc; border-color: #cccccc transparent transparent transparent; vertical-align: middle; margin-bottom: -8px; margin-left: 10px; } .pic_select ul { background: #fff; border-radius: 7px; white-space: nowrap; position: absolute; left: 0; top: 100%; display: none; min-width: 100%; z-index: 9; } .pic_select ul a { line-height: 38px; padding: 0 14px; } .pic_select ul a:hover { color: #0171be } .about_js { padding: 100px 0; } /* .about_js .ejtit h3:after{ display: none; } */ .ejtit { margin-bottom: 40px; } .ejtit h2 { font-size: 30px; font-family: 'nb'; color: #d9d9d9; text-transform: uppercase; position: relative; } .ejtit h2:after { content: ''; display: inline-block; width: 17px; height: 28px; background-size: 100% 100%; background-image: url(../images/icon_8.png); margin-left: 20px; position: absolute; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .ejtit h3 { color: #323333; font-weight: bold; font-size: 35px; } .js_left { display: inline-block; width: 56.5%; vertical-align: top; box-sizing: border-box; padding-right: 70px; } .js_left p { font-size: 14px; color: #444; line-height: 26px; margin-bottom: 26px; } .abnumber .Number_roll_1 .tt span, .abnumber .Number_roll_2 .tt span, .abnumber .Number_roll_3 .tt span { color: #0171be } .abnumber .Number_roll_1, .abnumber .Number_roll_2, .abnumber .Number_roll_3 { float: none; } .abnumber>ul>li { display: inline-block; vertical-align: middle; margin-right: 85px; } .abnumber>ul>li p { margin-bottom: 0 } .abnumber>ul>li:last-of-type { margin-right: 0; } .abnumber>ul>li>div div { display: inline-block; } .abnumber>ul>li>div>span { font-size: 14px; color: #666666; display: inline-block; margin-bottom: 14px; margin-left: 8px; vertical-align: bottom; } .abnumber { margin-top: 70px } .js_right { display: inline-block; vertical-align: top; width: 43.5%; } .jsbanner { margin: 0 auto; width: calc(100% - 54px); position: relative; z-index: 2; } .jsbanner .swiper-slide img { width: 100%; } .js_add { background-size: 100% 100%; background-image: url(../images/addbac_06.png); padding: 95px 0 70px; text-align: center; margin-top: -35px; color: #fff } .js_add li { display: inline-block; width: 25%; cursor: pointer; } .js_add li span { font-size: 15px; font-weight: bold; display: block; } .js_add li p { display: inline-block; margin-top: 34px; position: relative; } .js_add li p:before { content: ''; width: 19px; height: 19px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); background-color: rgba(255, 255, 255, .2); border-radius: 50%; } .js_add li p:after { content: ''; width: 9px; height: 9px; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); background-color: rgba(255, 255, 255, 1); border-radius: 50%; } .js_add li.ac p:before { width: 26px; height: 26px; } .js_add { position: relative; } .js_add:before { content: ''; display: block; position: absolute; width: 100%; bottom: 74px; left: 0; transform: translateY(50%); -ms-transform: translateY(50%); -webkit-transform: translateY(50%); border-top: 1px dashed rgba(255, 255, 255, 1); } .about_qywh { padding: 95px 0 106px; background-size: cover; background-image: url(../images/qywhbac_02.jpg); background-position: center center; } .qywh_left { display: inline-block; vertical-align: top; width: 76.6875%; box-sizing: border-box; padding-right: 20px; } .qywh_left h6 { margin-bottom: 55px; font-size: 16px; font-weight: bold; color: #323333 } .whlist li { display: inline-block; vertical-align: top; width: 45%; margin-bottom: 48px; } .whlist li:nth-child(even) { width: 55%; } .whlist i { display: inline-block; vertical-align: middle; margin-right: 16px; padding-right: 20px; color: #0171be; font-size: 26px; border-right: 1px solid #cdcdcd; line-height: 22px; } .whlist span { color: #444; font-size: 14px; display: inline-block; width: calc(100% - 73px); vertical-align: middle; } .qywh_right { display: inline-block; vertical-align: top; width: 23.3125%; } .qywh_right img { width: 100%; } .about_fzlc { padding: 100px 0 80px; background-size: cover; background-position: center 100%; background-image: url(../images/fzlc_02.png); } .fzlcbanner .swiper-slide { background: transparent; text-align: left; } .fzlcbanner { text-align: center; } .fzlcbanner .swiper-button-prev, .fzlcbanner .swiper-button-next { width: 50px; height: 50px; position: relative; display: inline-block; transform: translateY(0); -ms-transform: translateY(0); -webkit-transform: translateY(0); border-radius: 50%; margin: 60px 10px 0; background-image: none; } .fzlcbanner .swiper-button-prev:before, .fzlcbanner .swiper-button-next:before { content: ''; width: 70%; height: 70%; border-radius: 50%; display: block; border: 1px solid #0171be; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); } .fzlcbanner .swiper-button-prev i, .fzlcbanner .swiper-button-next i { color: #0171be; font-size: 18px; display: block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); } .fzlcbanner .swiper-button-prev:hover, .fzlcbanner .swiper-button-next:hover { background: rgba(1, 113, 190, .5); } .fzlcbanner .swiper-button-prev:hover i, .fzlcbanner .swiper-button-next:hover i { color: #fff } .fzlcbanner .swiper-button-prev:hover:before, .fzlcbanner .swiper-button-next:hover:before { background: #0171be; } .fzlcbanner .swiper-slide { padding-left: 8px; } .fzbox { position: relative; } .fzbox li { padding-left: 32px; position: relative; width: 60%; border-left: 1px solid #007dc6; box-sizing: border-box; padding-bottom: 38px } .fzbox li:before { content: ''; display: block; width: 15px; height: 15px; border-radius: 50%; background: rgba(1, 113, 190, .3); position: absolute; left: 0; bottom: 0; transform: translateX(-50%) translateY(50%); -ms-transform: translateX(-50%) translateY(50%); -webkit-transform: translateX(-50%) translateY(50%); } .fzbox li:after { content: ''; display: block; width: 9px; height: 9px; border-radius: 50%; background: rgba(1, 113, 190, 1); position: absolute; left: 0; bottom: 0; transform: translateX(-50%) translateY(50%); -ms-transform: translateX(-50%) translateY(50%); -webkit-transform: translateX(-50%) translateY(50%); } .fzbox li:nth-child(2):after { bottom: 100%; } .fzlcbanner { position: relative; } .fzlcbanner:before { content: ''; display: block; width: 150%; height: 2px; background: #e8e8e8; position: absolute; left: 50%; top: calc((100% - 110px)/2); transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); } .fzbox li:nth-child(2):before { bottom: 100%; } .fzbox li:nth-child(2) { margin-left: 40%; padding-top: 38px; padding-bottom: 0; } .fzbox li h2 { font-size: 40px; font-weight: bold; color: #444; margin-bottom: 20px; } .fzbox li h3 { color: #282828; font-weight: bold; } .fzbox li p { line-height: 26px; color: #444 } .fzbox li:hover h2 { color: #0171be } .about_shzr { padding: 100px 0; } .shzrlist { background-size: cover; background-repeat: no-repeat; background-position: center center; background-image: url(../images/shzrbac_03.jpg); width: 100%; } .shzrlist li { display: inline-block; padding: 105px 30px 0; color: #fff; border-right: 1px solid rgba(255, 255, 255, .5); width: 18.375%; vertical-align: top; height: 600px; box-sizing: border-box; overflow: hidden; } .shzrlist li:last-of-type { border-right: none; } .shzrlist h2 { color: #fff; font-weight: bold; font-size: 50px; /* line-height: 50px; */ } .shzrlist h2 span { display: inline-block; vertical-align: middle; /* margin-left: 22px; */ font-size: 18px; } .shzrlist h2 font { display: inline-block; vertical-align: middle; } .shzrlist li.ac { width: 44.875%; } .shzrlist li:nth-child(1) .shzrinner { display: block; } .shzrinner { padding: 38px 60px 0; box-sizing: border-box; display: none; width: 650px; } .shzrlist li.ac .shzrinner { display: block; } .shzrinner p { line-height: 24px; color: #fff; position: relative; margin-bottom: 24px; } .shzrinner p:before { content: ''; display: block; width: 4px; height: 4px; border-radius: 50%; background: #fff; border-radius: 50%; position: absolute; left: -15px; top: 12px; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .shzrlist i { display: block; width: 60px; height: 60px; color: #fff; border: 1px solid #fff; text-align: center; margin: 90px auto 0; border-radius: 50%; position: relative; /* display: none; */ } .shzrlist li.ac i { display: none; } .shzrlist i font { display: block; position: absolute; font-size: 40px; left: 50%; top: 50%; transform: translateY(-55%) translateX(-50%); -ms-transform: translateY(-55%) translateX(-50%); -webkit-transform: translateY(-55%) translateX(-50%); font-weight: lighter; } .about_team { padding: 100px 0; background: #f4f4f4; } .teamlist{ text-align: center; } .teamlist li { display: inline-block; width: 32%; vertical-align: top; margin-right: 2%; margin-bottom: 2.41666%; background: #fff; text-align: center; padding: 30px 0 0; } .teamlist li:nth-child(3n) { margin-right: 0; } /* .teamlist li:nth-of-type(4){ margin-right: 2.4166%; } */ .teamlist li:last-of-type{ margin-right: 0; } .teamimg { display: inline-block; width: 53%; border-radius: 50%; overflow: hidden; } .teambanner .swiper-slide .teamimg { display: block; margin: 0 auto; } .teambanner .swiper-slide { display: block; padding: 30px 0 0; background: #fff; } .teamimg img { width: 100%; } .teamlist li h2:before, .teambanner .swiper-slide h2:before { content: ''; display: block; margin: 28px auto 14px; width: 36px; height: 3px; background: #0162b8; } .teamlist li h2, .teambanner .swiper-slide h2 { color: #282828; font-weight: bold; font-size: 18px; display: block; } .teamlist li h3, .teambanner .swiper-slide h3 { font-size: 16px; font-weight: bold; color: #444; display: block; } .teamlist li p, .teambanner .swiper-slide p { margin-top: 25px; padding: 25px 30px; border-top: 1px solid #eeeeee; line-height: 24px; color: #444; display: block; height: 90px; } .teambanner .swiper-pagination { position: static; margin-top: 20px; } .teambanner .swiper-button-prev, .teambanner .swiper-button-next { width: 40px; height: 40px; text-align: center; background: rgba(0, 0, 0, .2); line-height: 40px; color: #fff; } .teambanner .swiper-button-prev:hover, .teambanner .swiper-button-next:hover { background: #005bac; } .cp { padding: 100px 0 70px; background: #f6f9fb; } .cplist li { display: inline-block; vertical-align: top; width: 29.5625%; margin-right: 5.65625%; margin-bottom: 5.65625%; position: relative; } .cplist li:nth-child(3n) { margin-right: 0; } .cplist li p { position: absolute; padding: 13px 45px; border-radius: 52px; background: transparent; white-space: nowrap; left: 50%; bottom: 15px; font-weight: bold; font-size: 18px; color: #323333; transform: translateX(-50%); -ms-transform: translateX(-50%); -webkit-transform: translateX(-50%); } .cpimg { overflow: hidden; } .cpimg img { width: 100%; } .cplist li:hover img { transform: scale(1.125); -ms-transform: scale(1.125); -webkit-transform: scale(1.125); } .cplist li:hover p { background: #005aab; bottom: 0; transform: translateX(-50%) translateY(50%); -ms-transform: translateX(-50%) translateY(50%); -webkit-transform: translateX(-50%) translateY(50%); color: #fff } .cpxq_left { display: inline-block; vertical-align: middle; text-align: center; width: 36.875%; } .cpxq_left img { max-width: 80%; height: auto; } .cpxq_right { display: inline-block; vertical-align: middle; width: 63.125%; background-repeat: no-repeat; background-size: cover; background-position: 100% center; background-image: url(../images/cpxqbac.png); padding: 100px 0 170px 160px; } .cpxq_right h2 { color: #323333; font-weight: bold; font-size: 30px; } .cpxq_right h3 { margin-bottom: 35px; color: #999; font-size: 16px; } .xqlist li { font-size: 0; margin-bottom: 34px; } .xqlist h6 { display: inline-block; vertical-align: top; color: #0156a3; font-size: 20px; font-weight: bold; width: 124px; } .xqlist div { display: inline-block; vertical-align: top; width: calc(100% - 124px); } .xqlist li p { color: #666666; line-height: 26px; } .newtab { padding: 20px 0; } .newselect>a { display: inline-block; padding: 7px 40px; background-size: 100% 100%; background-image: url(../images/newtabbac.png); text-align: center; border-radius: 50px; } .newselect>a font { line-height: 36px; display: inline-block; vertical-align: middle; margin-right: 22px; color: #fff; font-size: 16px; font-weight: bold; } .newselect { position: relative; display: inline-block; } .newselect li a { padding: 0 40px; line-height: 36px; font-size: 16px; } .newselect li a:hover { color: #0171be } .newselect ul { background: #fff; border-radius: 5px; position: absolute; left: 0; top: 100%; min-width: 100%; box-sizing: border-box; display: none; z-index: 2; box-shadow: 0 0 5px rgba(0, 0, 0, .2); } .new_t_left { display: inline-block; vertical-align: top; width: 43.6875%; } .new_t_left img { width: 100%; } .new_t_left li { display: none; } .new_t_left li.ac { display: block; } .new_t_right { display: inline-block; vertical-align: top; width: 56.3125%; box-sizing: border-box; padding-left: 70px; } .new_t_right a { display: block; padding: 20px 0; font-size: 0; } .new_t_right h6 { display: inline-block; width: 126px; text-align: center; vertical-align: middle; } .new_t_right h6 span { font-size: 60px; color: #222222; border-bottom: 1px solid #eaeaea; } .new_t_right h6 font { color: #222222; line-height: 32px; display: block; } .new_t_right li div { display: inline-block; vertical-align: middle; width: calc(100% - 126px); box-sizing: border-box; padding-right: 48px } .new_t_right li h2 { color: #222222; font-size: 18px; margin-bottom: 14px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .new_t_right li p { line-height: 24px; color: #444 } .new_t_right li:hover { background: #0074cd; } .new_t_right li:hover h2, .new_t_right li:hover p, .new_t_right li:hover span, .new_t_right li:hover font { border-color: #fff; color: #fff } .new_bottom { padding: 80px 0; } .new_bottom li a { display: block; padding: 46px 0; font-size: 0; position: relative; } .new_bottom li { border-bottom: 1px solid #dfe5e9; position: relative; } .new_bottom li:after { content: ''; display: block; width: 0; height: 2px; background: #0171be; position: absolute; left: 50%; bottom: -1px; } .new_bottom li:first-child { border-top: 1px solid #dfe5e9; } .new_b_txt { display: inline-block; width: 85%; vertical-align: middle; } .new_b_txt h2 { color: #0a0a0a; font-size: 18px; font-weight: bold; margin-bottom: 20px; } .new_b_txt p { line-height: 24px; color: #444 } .new_bottom li h6 { display: inline-block; vertical-align: middle; text-align: right; width: 15%; } .new_bottom li h6 font { color: #939393; font-size: 50px; display: inline-block; vertical-align: bottom; line-height: 44px; } .new_bottom li h6 span { display: inline-block; vertical-align: bottom; color: #939393; font-size: 16px; } .page { text-align: center; padding: 80px 0 0; } .page a { display: inline-block; vertical-align: middle; width: 30px; height: 30px; box-sizing: border-box; border-radius: 50%; border-radius: 50%; border: 1px solid #c1c1c1; margin: 0 7px; line-height: 30px; color: #989898 } .page a.ac, .page a:hover { color: #fff; border-color: #0171be; background: #0171be; } .newxq { padding: 100px 0; } .newxq_left { display: inline-block; vertical-align: top; width: 75.625%; box-sizing: border-box; padding-right: 130px; } .newxq_tit { text-align: center; padding-bottom: 35px; border-bottom: 1px solid #eeeeee; margin-bottom: 42px; } .newxq_tit h2 { color: #000000; font-weight: bold; font-size: 24px; margin-bottom: 35px; } .newxq_tit span { display: inline-block; vertical-align: top; margin: 0 18px; color: #8c8c8c; font-size: 14px; } .newxq_tit span i { display: inline-block; margin-right: 16px; color: #d1d1d1; font-size: 18px; } .newxq_left p { color: #8c8c8c; font-size: 14px; line-height: 26px; margin-bottom: 26px; text-align: justify; text-indent: 2em; } .newxq_left p em{font-style: italic;font-size: 12px;} .newxq_left p strong{ color: #8c8c8c; font-size: 14px; line-height: 26px; font-weight: bold; } .newxq_left p img { display: block; margin: 0 auto; max-width: 100%; height: auto; } .newxq_right { display: inline-block; vertical-align: middle; width: 24.375%; } .tjnew h3 { color: #000000; font-weight: bold; font-size: 24px; line-height: 26px; padding-left: 24px; position: relative; margin-bottom: 40px; } .tjnew h3:before { content: ''; display: block; width: 6px; height: 100%; background: #0aa8f2; position: absolute; left: 0; top: 0; } .tjnew h3:after { content: ''; display: block; width: 6px; height: 50%; background: #0a5fac; position: absolute; left: 0; bottom: 0; } .tjnew_list li { border: 1px solid #e6e6e6; box-sizing: border-box; margin-bottom: 19px; } .tjnew_list li a { display: block; box-sizing: border-box; padding: 28px 30px; } .tjnew_list li h2 { line-height: 28px; font-size: 18px; color: #222222; } .tjnew_list li span { color: #878787; display: block; padding: 12px 0; } .tjnew_list li img { width: 100%; } .tjnew_list li:hover h2 { color: #0171be } .return { border: 1px solid #eeeeee; line-height: 0; margin-top: 100px } .return a { line-height: 46px; color: #8c8c8c; font-size: 14px; font-weight: bold; display: inline-block; vertical-align: middle; box-sizing: border-box; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; background: #fff } .return a:hover { background: #4180d5; color: #fff } .return a:nth-child(2):hover { background: #4180d5 } .return a:nth-child(1), .return a:nth-child(3) { width: 43.2%; padding: 0 50px; } .return a:nth-child(2) { width: 13.6%; text-align: center; border: 1px solid #eee; border-top: none; border-bottom: none } .return a:nth-child(3) { text-align: right } .return a:nth-child(1) img { transform: rotate(180deg); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); margin-right: 22px } .return a:nth-child(3) img { margin-left: 22px } .return a img:nth-of-type(2) { display: none } .medianew { padding: 0 0 80px; } .media_list a { display: block; } .media_list .container { padding: 36px 0; border-bottom: 1px solid #e6e6e6; z-index: 2; } .med_time { display: inline-block; vertical-align: middle; width: 178px; position: relative; text-align: center; border-left: 3px solid #216fd3; } .med_time h6 { display: inline-block; color: #0062b0; font-size: 30px; font-weight: bold; text-align: left; line-height: 26px; } .med_time h6 span { display: block; font-size: 14px; } .med_time:after { content: ''; display: block; width: 1px; height: 26px; background: #e6e6e6; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .med_img { display: inline-block; vertical-align: middle; width: 15.3125%; } .med_img img { width: 100%; } .med_inner { display: inline-block; vertical-align: middle; width: calc(84.6875% - 178px); box-sizing: border-box; padding: 0 54px; } .med_inner h2 { color: #222222; font-size: 18px; margin-bottom: 15px; } .med_inner p { color: #8b969e; line-height: 24px; } .media_list li { position: relative; overflow: hidden; } .media_list li:before { content: ''; display: block; width: 50%; height: 100%; background: #0064c2; position: absolute; left: 0; top: 0; transform: translateX(-100%); -ms-transform: translateX(-100%); -webkit-transform: translateX(-100%); } .media_list li:after { content: ''; display: block; width: 50%; height: 100%; background: #0064c2; position: absolute; right: 0; top: 0; transform: translateX(100%); -ms-transform: translateX(100%); -webkit-transform: translateX(100%); } .media_list li:hover:before, .media_list li:hover:after { transform: translateX(0); -ms-transform: translateX(0); -webkit-transform: translateX(0); } .media_list li:hover p, .media_list li:hover h2, .media_list li:hover h6 { color: #fff } .media_list li:hover .med_time { border-color: #fff } .media_list li:hover .med_time:after { background: #fff; } .xpyf { padding: 100px 0; } .xpyftable th, .xpyftable td { padding: 30px 40px; border: 3px solid #efefef; } .xpyftable td { background: #eef4f7; } .xpyftable th { text-align: center; } .xpyftable td:nth-child(4) { text-align: center; } .xpyftable th i { display: inline-block; vertical-align: middle; color: #cccccc; margin-right: 14px; font-size: 24px; } .xpyftable th span { color: #414141; font-weight: bold; font-size: 18px; } .xpyftable td { vertical-align: top; } .xpyftable td p { color: #444; line-height: 26px; font-weight: bold; } .xpyftable tr:nth-child(even)>*:nth-child(1) { background: #e4f2ff; } .xpyftable tr:nth-child(odd)>*:nth-child(1) { background: #1f7dd4; } .xpyftable tr:nth-child(odd)>*:nth-child(1) p { color: #fff; } .xpyftable tr:nth-child(1)>*:nth-child(1) { background: #0055a0; } .xpyftable tr:nth-child(1)>*:nth-child(1) i, .xpyftable tr:nth-child(1)>*:nth-child(1) span { color: #fff } .yfsl { padding: 100px 0; background: #f6f9fb; } .sl_left { display: inline-block; vertical-align: top; width: 39.25%; box-sizing: border-box; padding-right: 110px; } .sltxt p { color: #444; font-size: 14px; line-height: 26px; margin-bottom: 26px; } .sl_right { display: inline-block; vertical-align: top; width: 60.75%; } .sl_right li { display: inline-block; vertical-align: top; width: calc((100% - 56px)/3); box-sizing: border-box; margin-right: 28px; margin-top: 28px; border-radius: 7px; border: 1px solid #acc9e3; padding: 48px 40px; position: relative; } .sl_right li>* { position: relative; z-index: 2; } .sl_right li:before { content: ''; display: block; width: 100%; height: 100%; background-size: 100% 100%; background-image: url(../images/slbac.png); position: absolute; left: 0; top: 0; opacity: 0; } .sl_right li:nth-child(3n) { margin-right: 0; } .sl_right li:nth-child(1), .sl_right li:nth-child(2), .sl_right li:nth-child(3) { margin-top: 0; } .sl_right li span { width: 52px; height: 52px; border-radius: 50%; border: 1px solid rgba(0, 134, 219, .2); display: inline-block; position: relative; margin-bottom: 16px; } .sl_right li span:before { content: ''; width: 84%; height: 84%; display: block; border-radius: 50%; box-sizing: border-box; border: 1px solid rgba(0, 134, 219, .5); position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); } .sl_right li span i { display: block; position: absolute; left: 50%; top: 50%; transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); color: #0086db; font-size: 24px; z-index: 2; } .sl_right li h2 { color: #626262; font-weight: bold; font-size: 18px; margin-bottom: 16px; } .sl_right li p { line-height: 26px; height: 52px; color: #444 } .sl_right li:hover:before { opacity: 1; } .sl_right li:hover span { background: #fff; border-color: #fff } .sl_right li:hover h2, .sl_right li:hover p { color: #fff } .kyinner { margin-top: 90px; background: #0064b9; } .kyimg { display: inline-block; vertical-align: middle; width: 39.3125%; } .kyimg img { width: 100%; } .kytxt { display: inline-block; vertical-align: middle; width: 60.6875%; box-sizing: border-box; padding: 0 80px; } .kytxt i { color: #fff; font-size: 46px; display: block; margin-bottom: 16px; } .kytxt h2 { color: #fff; font-size: 24px; font-weight: bold; margin-bottom: 20px; } .kytxt p { line-height: 26px; color: #fff } .lxwm { padding: 100px 0; } .lxtit { padding-bottom: 36px; border-bottom: 2px solid #0276bb; margin-bottom: 44px; } .lxtit h2 { color: #0172ba; font-size: 30px; font-weight: bold; } .lxtit h2 i { display: inline-block; margin-right: 18px; vertical-align: middle; font-weight: normal; font-size: 40px; } .lxtit h2 span { display: inline-block; vertical-align: middle; font-weight: normal; color: #a5a5a5; font-size: 18px; } .lxlist li { display: inline-block; vertical-align: top; width: 47.1875%; border-bottom: 1px dashed #d8d8d8; margin-right: 5.625%; margin-bottom: 26px; padding-bottom: 28px; font-size: 0; } .lxlist li:nth-child(2n) { margin-right: 0; } .lxlist li i { display: inline-block; width: 56px; color: #b9b9b9; font-size: 26px; } .lxlist li div { display: inline-block; vertical-align: top; width: calc(100% - 56px); } .lxlist li h3 { color: #666666; font-size: 15px; font-weight: bold; margin-bottom: 12px; } .lxlist li h3 font { color: #d2d2d2 } .lxlist li p { color: #666666 } .zxjy { padding: 88px 0; background-repeat: no-repeat; background-size: cover; background-position: center center; background-image: url(../images/zxbac_02.jpg); } .zxjy h1 { color: #fff; font-weight: bold; font-size: 36px; margin-bottom: 54px; } .zx_left { width: 35%; display: inline-block; vertical-align: top; margin-right: 6%; } .zx_right { display: inline-block; vertical-align: top; width: 59%; position: relative; } .zx_left form { font-size: 0; } .zx_left input { display: inline-block; width: 48%; margin-right: 4%; line-height: 36px; padding: 2px 20px; box-sizing: border-box; margin-bottom: 38px; height: 52px; } .zx_left input:nth-of-type(2n) { margin-right: 0; } .zx_left textarea { margin-bottom: 38px; width: 100%; resize: none; box-sizing: border-box; padding: 18px 20px; } .zx_left button { width: 100%; text-align: center; background: #327dd0; line-height: 42px; height: 42px; color: #fff; } .zx_left button img { margin-left: 18px; } .zx_left button:hover { background: #025ba9; } #allmap { width: 100%; height: 100%; } span.BMap_Marker div img { width: 100%; } .zx_right>a { display: block; position: absolute; width: 137px; height: 42px; text-align: center; line-height: 42px; color: #fff; background: #327dd0; left: 0; bottom: 0; z-index: 2; } .zx_right>a:hover { background: #025ba9; } .zpxx { padding: 100px 0; } .zptit { border: 1px solid #dfe5e9; box-sizing: border-box; border-bottom: none; display: table; width: 100%; table-layout: fixed } .zptit h6 { display: table-cell; width: 20%; box-sizing: border-box; border-right: 1px solid #dfe5e9; background-image: url(../images/zpbac_03.jpg); background-size: 100% 100%; padding: 27px 0; line-height: 30px; font-weight: bold; color: #fff; font-size: 18px; text-align: center; } .zplist { border-bottom: 1px solid #dfe5e9 } .zplist .zptit { cursor: pointer; } .zplist .zptit h6 { background-image: none; color: #414141; font-size: 14px } .zpinner { border: 1px solid #dfe5e9; box-sizing: border-box; padding: 64px 115px 75px; background: #f3f3f3; display: none } .zpinner p { line-height: 24px; color: #737373 } .zpinner div { display: inline-block; margin-right: 150px; vertical-align: top } .zplist li:nth-child(even) .zptit { background: #ecf0f2 } .xj { padding: 100px 0 160px; } .xj_left { display: inline-block; vertical-align: top; width: 58.375%; box-sizing: border-box; padding-right: 50px; } .xj_left p { line-height: 26px; color: #444 } .xj_right { display: inline-block; vertical-align: top; width: 41.625%; } .xj_right img { width: 100%; } .zj_wrap { padding: 100px 0; background: #f6f9fb; } .xjtit { margin-bottom: 35px; } .xjtit h2 { color: #323333; font-size: 24px; font-weight: bold; } .xjtit h2 img { margin-left: 20px; display: inline-block; vertical-align: top; } .zj_wrap p { color: #444; line-height: 26px; } .zj_wrap p img { max-width: 100%; display: block; margin: 0 auto; height: auto; } .zfgzbox { margin-top: 55px; box-sizing: border-box; padding: 0 18px; } .zfgzbox h2 { color: #035fb0; font-weight: bold; font-size: 18px; position: relative; line-height: 26px; } .zfgzbox h2:before { content: ''; display: block; width: 4px; height: 4px; background: #016fbd; position: absolute; top: 13px; left: -18px; transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); } .zj_wrap div>img { display: block; max-width: 100%; height: auto; margin: 40px auto; } .zj_wrap>div { margin-top: 60px; } .zj_wrap>div:nth-child(1) { margin-top: 0; } .jxlc { margin-top: 30px; } .jxlc li { width: 18.875%; display: inline-block; vertical-align: top; box-sizing: border-box; border: 1px solid #e1e1e1; position: relative; padding: 40px 30px; margin-right: 1.40625%; background: #fff; cursor: pointer; } .jxlc li:hover{background: #0167bd;} .jxlc li:hover h2,.jxlc li:hover i,.jxlc li:hover h3,.jxlc li:hover p{color: #fff;} .jxlc li:nth-of-type(5n) { margin-right: 0; } .jxlc li i { color: #d4d4d4; font-size: 60px; display: block; margin-bottom: 15px; } .jxlc li h2 { color: #006bb7; font-weight: bold; font-size: 18px; } .jxlc li h3 { color: #c8c8c8; font-size: 16px; text-transform: uppercase; margin-bottom: 26px; } .jxlc li p { line-height: 28px; color: #999 } .jxlc li:before { content: ''; display: block; width: 0; height: 0; border: 16px solid #007ac6; border-color: #007ac6 #007ac6 transparent transparent; position: absolute; right: 0; top: 0; } .jxlc li font { display: block; color: #fff; position: absolute; right: 5px; top: 0; z-index: 2; font-weight: bold; } .tdx { padding-bottom: 100px; } .tdx .container>p { color: #444; margin-bottom: 14px; } .tdx .container>p:before { content: ''; display: inline-block; width: 6px; height: 6px; border-radius: 50%; background: #007dc9; vertical-align: middle; margin-right: 16px; } .xysc .xj_left { width: 66.625%; } .xysc .xj_right { width: 33.375%; } .xyscimg li { display: inline-block; vertical-align: top; width: calc(50% - 13px); margin-right: 26px; margin-bottom: 26px; box-sizing: border-box; padding: 15px 15px 0; background: #f2f2f2; text-align: center; } .xyscimg li:nth-of-type(2n) { margin-right: 0; } .xyscimg li span { line-height: 30px; padding: 11px 0; display: block; } .z_banner{ position: relative; } .z_banner>img{ width: 100%; height: auto; } .z_banner_title{ position: absolute; top: 50%; left: 50%; text-align: center; transform: translateX(-50%) translateY(-50%); -ms-transform: translateX(-50%) translateY(-50%); -o-transform: translateX(-50%) translateY(-50%); -webkit-transform: translateX(-50%) translateY(-50%); } .z_banner_title p:first-child{ font-size: 55px; color: #fff; font-weight: bold; letter-spacing: 24px; position: relative; left: 14px; } .z_banner_title p:last-child{ font-size: 75px; color: #fff; font-weight: bold; } .z_content{ width: 1200px; margin: 0 auto; padding-top: 50px; } .z_content>div{ width: 30%; height: 340px; margin-right: 4.5%; margin-bottom: 4.5%; position: relative; background-color: #eeeeee; display: inline-block; text-align: center; overflow: hidden; } .z_content>div:nth-child(3n){ margin-right: 0; } .z_content>div a{ width: 100%; height: 100%; padding-top: 20%; display: block; box-sizing: border-box; } .z_content_list{ position: relative; z-index: 100; } .z_content_list div:first-child{ width: 140px; height: 140px; line-height: 140px; border-radius: 50%; background-color: #c0261d; margin: 0 auto; } .z_content_list div:first-child img{ max-width: 100%; } .z_content_list div:last-child { padding: 0 50px; box-sizing: border-box; } .z_content_list div:last-child h4{ font-size: 18px; color: #414141; font-weight: bold; padding: 20px 0; } .z_content_list div:last-child p{ font-size: 16px; line-height: 14px; padding-bottom: 0; color: #e7bdbb; opacity: 0; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; } .z_content{ padding-top: 20px; } .z_content>div::after{ content: ''; display: block; width: 100%; height: 100%; background-color: #c0261d; position: absolute; top: -100%; left: 0; z-index: 0; } .z_content>div:hover .z_content_list div:last-child p, .z_content_list div:last-child p, .z_content>div:hover .z_content_list, .z_content_list, .z_content>div:hover .z_content_list div:last-child h4, .z_content_list div:last-child h4, .z_content>div::after, .z_content>div:hover .z_content_list div:first-child, .z_content_list div:first-child, .z_content>div:hover::after{ transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s; -webkit-transition: all .6s; } .z_content>div:hover::after{ top: 0; } .z_content>div:hover .z_content_list{ transform: translateY(-16%); } .z_content>div:hover .z_content_list div:last-child p{ line-height: 28px; opacity: 1; } .z_content>div:hover .z_content_list div:last-child h4{ color: #fff; } .z_content>div:hover .z_content_list div:first-child{ background: rgba(255, 255, 255, .2); } .z_contents{ width: 1200px; margin: 0 auto; padding-top: 66px; padding-bottom: 200px; } .z_contents_top h2,.z_content3_top h2{ font-size: 24px; color: #282828; font-weight: bold; padding-left: 40px; margin-bottom: 40px; line-height: 40px; box-sizing: border-box; padding-bottom: 44px; border-bottom: 1px solid #e5e5e5; position: relative; } .z_contents_top h2::after,.z_content3_top h2::after{ content: ''; display: block; width: 7px; height: 40px; background-color: #bd1d21; position: absolute; left: 0; top: 0; } .z_contents_top p,.z_content3_top p{ font-size: 14px; color: #666666; line-height: 26px; padding-bottom: 160px; } .z_content2>div{ height: auto; padding: 10px 0 10px 6%; text-align: left; } .z_contents>div a{ padding-top: 0; } .z_content2>div:hover .z_content_list{ transform: translateY(0); } .z_content_list2 div{ display: inline-block; vertical-align: middle; } .z_content_list2 div:last-child{ padding: 0; } .z_content_list2 div:first-child{ width: 70px; height: 70px; line-height: 70px; text-align: center; margin-right: 10%; } .z_content_list2 div:first-child img { max-width: 48%; } .z_content2>div::after{ top: 0; left: -100%; } .z_content2>div:hover::after{ left: 0; } .z_content3{ width: 1200px; margin: 0 auto; } .z_content3_top{ width: 70%; padding-right: 10%; display: inline-block; box-sizing: border-box; vertical-align: middle; padding-top: 66px; } .z_content3_btm{ width: 30%; display: inline-block; vertical-align: middle; } .z_content3_btm img{ width: 100%; height: auto; } .z_content3_btn{ border-bottom: 1px solid #dcdcdc; margin-bottom: 40px; } .z_content3_btn ul{ font-size: 0; } .z_content3_btn ul li{ display: inline-block; vertical-align: middle; text-align: center; } .z_content3_btn ul li a{ width: 100%; height: 100%; display: inline-block; font-size: 16px; color: #666; padding: 40px 0; box-sizing: border-box; } .z_content3_btn ul li:first-child,.z_content3_btn ul li:last-child{ width: 35%; } .z_content3_btn ul li:nth-child(2){ width: 30%; } .z_content3_btn ul li img{ max-width: 100%; vertical-align: middle; margin-right: 10px; } .z_content3_btn ul li:hover a{ color: #bd1d21; } .aboutQualification .ejtit h3:after{ display: none; } .AtQnS h4{ width: auto; height: 36px; line-height: 36px; display: inline-block; padding: 0 30px; border-radius: 6px; box-sizing: border-box; color: #fff; font-size: 14px; font-weight: bold; background-color: #007ac6; margin-bottom: 60px; } .AtQnS{ padding-bottom: 50px; } .AtQnS:last-of-type{ padding-bottom: 0; } .AtQnOne,.AtQnTwo{ padding: 0 90px; box-sizing: border-box; position: relative; } .AtQnS .swiper-slide img{ width: 100%; height: auto; } .AtQnBtn .icons{ width: 60px; height: 60px; line-height: 62px; border-radius: 50%; box-sizing: border-box; background-color: #eaeaea; text-align: center; } .AtQnBtn .icons span{ color: #757575; font-size: 20px; } .AtQnBtn .icons:hover{ background-color: #007ac6; } .AtQnBtn .icons:hover span{ color: #fff; } .ccA .container{ bottom: 27%; } .ccA h2{ /* margin: 0; padding: 0; border: none; font-size: 55px; */ } .shzp h6{ border: none; } .zpinnerBtn { display: block; padding-top: 60px; } .zpinnerBtn a{ width: 190px; height: 52px; text-align: center; line-height: 52px; background: #005cac; display: inline-block; color: #fff; font-weight: bold; font-size: 16px; } .SlRtOne{ padding-top: 30px; } .SlRtOne:first-of-type{ padding-top: 0; } .SlRtS{ padding-top: 40px; } .Social_recruitment{ padding-top: 70px; } .Social_recruitment h2{ color: #333; font-size: 55px; padding-bottom: 30px; } .SlRtOne_Left,.SlRtOne_Right{ display: inline-block; vertical-align: middle; box-sizing: border-box; } .SlRtOne_Left{ width: 100px; } .SlRtOne_Right{ width: calc(100% - 100px); width: -ms-calc(100% - 100px); width: -webkit-calc(100% - 100px); } .SlRtOneSele{ width: 300px; display: inline-block; vertical-align: middle; box-sizing: border-box; position: relative; } .SlRtOneSele h4{ width: 100%; height: 46px; line-height: 46px; padding: 0 32px; background-color: #efefef; box-sizing: border-box; cursor: pointer; position: relative; border: 1px solid transparent; border-bottom: none; } .SlRtOneSele h4 span, .SlRtOne_Left p{ color: #333; font-size: 16px; } .SlRtOneSele h4 i{ border: .4em solid; border-color: #333 transparent transparent; position: absolute; right: 20px; top: 58%; transform: translateY(-50%) translateX(-50%); -ms-transform: translateY(-50%) translateX(-50%); -moz-transform: translateY(-50%) translateX(-50%); -webkit-transform: translateY(-50%) translateX(-50%); -o-transform: translateY(-50%) translateX(-50%); } .SlRtOneSele ul { width: 100%; background-color: #efefef; display: none; } .SlRtOneSele .SlRtOneSeleA{ width: 100%; border: 1px solid transparent; border-top: none; position: absolute; top: 100%; left: 0; z-index: 300; } .SlRtOneSele ul li{ width: 100%; height: 46px; line-height: 46px; padding: 0 20px; border-top: 1px solid #333; box-sizing: border-box; cursor: pointer; } .SlRtOneSeleS .SlRtOneSeleA, .SlRtOneSeleS h4{ border-color: #333; } .SlRtOneSeleS h4 i{ top: 40%; transform: translateY(-50%) translateX(-50%) rotate(180deg); -ms-transform: translateY(-50%) translateX(-50%) rotate(180deg); -moz-transform: translateY(-50%) translateX(-50%) rotate(180deg); -webkit-transform: translateY(-50%) translateX(-50%) rotate(180deg); -o-transform: translateY(-50%) translateX(-50%) rotate(180deg); } .SlRtOneSele ul li:hover{ color: #fff; background-color: #0055a0; } .SlRtTwoUl ul li{ padding: 10px 0; padding-right: 20px; display: inline-block; vertical-align: middle; box-sizing: border-box; } .SlRtTwoUl ul li a{ color: #999999; font-size: 16px; } .SlRtTwoUl ul li.active a, .SlRtTwoUl ul li:hover a{ color: #0082d0; } .resumeDelivery{ padding: 70px 0 110px 0; } .resumeDelivery h2{ color: #333; font-size: 55px; padding-bottom: 30px; } .resumeDelivery form{ font-size: 0; } .resumeDelivery form input{ width: 49%; height: 70px; line-height: 70px; margin-right: 2%; margin-bottom: 2%; background-color: #efefef; color: #999999; font-size: 16px; padding: 0 20px; text-indent: 4em; display: inline-block; vertical-align: middle; box-sizing: border-box; } .resumeDelivery form textarea{ width: 100%; height: 200px; resize: none; outline: none; border: none; background-color: #efefef; color: #999999; font-size: 16px;padding: 0 20px; padding-top: 28px; box-sizing: border-box; text-indent: 4em; } .resumeDelivery form input:nth-of-type(2n){ margin-right: 0; } .resumeDelivery form h3{ padding: 30px 0 60px; box-sizing: border-box; color: #999999; font-size: 16px; } .resumeDelivery form h3 span{ color: #d60000; } .ReDyBtn{ text-align: center; } .ReDyBtn button{ width: 420px; height: 70px; line-height: 70px; text-align: center; display: inline-block; vertical-align: middle; border: none; outline: none; background-color: #efefef; margin-right: 20px; color: #333; font-size: 22px; } .ReDyBtn button:last-of-type{ margin-right: 0; } .ReDyBtn button:hover{ background-color: #005cac; color: #fff; } .CampusOne{ width: 49%; margin-right: 2%; margin-top: 2%; display: inline-block; vertical-align: middle; box-sizing: border-box; background-color: #f1f4f6; } .CampusOne:nth-of-type(2n){ margin-right: 0; } .CampusOne a{ width: 100%; height: 86px; line-height: 86px; padding: 0 40px; box-sizing: border-box; font-size: 0; display: block; } .CampusOne h5 img, .CampusOne h5 span, .CampusOne h4,.CampusOne h5{ display: inline-block; vertical-align: middle; box-sizing: border-box; } .CampusOne h4{ width: 86%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; color: #333; font-size: 16px; } .CampusOne h4 span{ padding-right: 20px; } .CampusOne h5{ width: 14%; text-align: right; font-size: 16px; color: #333; font-weight: bold; } .CampusOne h5 span{ padding-right: 12px; text-transform: uppercase; } .CampusOne:hover h4{ color: #0055a0; } .ZOne h2{ color: #333; font-size: 55px; text-align: center; padding: 74px 0; box-sizing: border-box; } .ZOneALeft,.ZOneARight{ height: auto; display: inline-block; vertical-align: top; box-sizing: border-box; position: relative; } .ZOneALeft{ width: 52%; } .ZOneALeft img{ width: 100%; height: auto; } .ZOneARight{ width: 48%; position: absolute; right: 0; height: 100%; } .ZOneA{ position: relative; } .CampusOne h4,.CampusOne:hover h4, .ReDyBtn button,.ReDyBtn button:hover, .SlRtTwoUl ul li a,.SlRtTwoUl ul li:hover a, .SlRtOneSeleS .SlRtOneSeleA,.SlRtOneSele .SlRtOneSeleA, .SlRtOneSeleS h4 i,.SlRtOneSeleS h4,.SlRtOneSele ul li:hover, .SlRtOneSele h4 i,.SlRtOneSele h4,.SlRtOneSele ul li, .AtQnBtn .icons, .AtQnBtn .icons span, .AtQnBtn .icons:hover, .AtQnBtn .icons:hover span{ transition: all .6s; -ms-transition: all .6s; -webkit-transition: all .6s; } .ZOneAS{ position: absolute; top: 20%; left: 16%; } .ZOneAS h4{ color: #fff; font-size: 35px; } .ZOneAS p{ padding-top: 40px; color: #fff; font-size: 16px; } .ZOneARt1,.ZOneARt2{ position: absolute; width: 100%; height: 50%; left: 0; } .ZOneARt1{ background: url(/thems/tbsw/images/zone_03.jpg) no-repeat center center; background-size: cover; } .ZOneARt2{ top: 50%; background: url(/thems/tbsw/images/zone_04.jpg) no-repeat center center; background-size: cover; } .ZOneARight a{ position: absolute; width: 100%; height: 100%; } .ZOneARight .ZOneAS{ top: 36%; } .ZOneARight .ZOneAS h4{ color: #333; } .ZOneARight .ZOneAS p{ color: #666; } .ZOneB{ text-align: center; padding: 60px 0 80px 0; box-sizing: border-box; } .ZOneB h3{ color: #333333; font-size: 35px; padding-bottom: 10px; } .ZOneB p{ padding-top: 14px; } .ZOneB p i{ color: #d5d5d5; font-size: 18px; padding-right: 20px; } .ZOneB p span{ color: #999999; font-size: 16px; } .ZOneB p i,.ZOneB p span{ display: inline-block; vertical-align: middle; box-sizing: border-box; } .zpinner h4{ color: #333; font-size: 16px; padding: 20px 0 12px 0; }