/* * name:Global && Pc StyleSheet * version:v3.3.1 * update:雪碧图对齐 * date:2016-04-30 */ /* 雪碧图 */ /* 对齐方案引用(http://www.zhangxinxu.com/wordpress/2016/03/css-layout-base-20px/) */ .ico { display: inline-block; width: 20px; height: 20px; white-space: nowrap; letter-spacing: -1em; text-indent: -99em; color: transparent; background: url(../images/ico.png); *text-indent:0; *zoom:expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = '\3000'); } .ico:before { content: '\3000'; } .ico1_2 { background-position: -20px 0; } .ico1_3 { background-position: -40px 0; } .ico1_4 { background-position: -60px 0; } .ico1_5 { background-position: -80px 0; } .ico2_1 { background-position: 0 -20px; } .ico2_2 { background-position: -20px -20px; } .ico2_3 { background-position: -40px -20px; } .ico2_4 { background-position: -60px -20px; } .ico2_5 { background-position: -80px -20px; } .ico3_1 { background-position: 0 -40px; } .ico3_2 { background-position: -20px -40px; } .ico3_3 { background-position: -40px -40px; } .ico3_4 { background-position: -60px -40px; } .ico3_5 { background-position: -80px -40px; } .ico4_1 { background-position: 0 -60px; } .ico4_2 { background-position: -20px -60px; } .ico4_3 { background-position: -40px -60px; } .ico4_4 { background-position: -60px -60px; } .ico4_5 { background-position: -80px -60px; } /* 常量设置 */ html { overflow-x: hidden } html, body, .wrap { min-width: 1200px; } .wrap { width: 1200px; margin-right: auto; margin-left: auto; } body { font-size: 13px; line-height: 1.6; color: #555; background: #fff; } a { color: inherit; } a:hover { color: #39f; } ::-moz-selection { color:#fff; background:#39f; } ::selection { color: #fff; background: #39f; } ::-webkit-input-placeholder { color:#aaa; } li { list-style: none } .placeholder { color: #aaa; } /*css组件设置*/ .form-control, .input-group-addon, .btn { border-radius: 2px; } .form-control:focus { border-color: #66afe9; outline: 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.075), 0 0 6px rgba(102, 175, 233, 0.6); } .imgZoom img, .imgY180 img { -moz-transition: all .8s ease 0s; -ms-transition: all .8s ease 0s; -o-transition: all .8s ease 0s; -webkit-transition: all .8s ease 0s; transition: all .8s ease 0s; } .imgZoom { overflow: hidden; } .imgZoom:hover img { -moz-transform: scale(1.1, 1.1); -ms-transform: scale(1.1, 1.1); -o-transform: scale(1.1, 1.1); -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1); } .imgY180:hover img { cursor: pointer; -moz-transform: rotateY(180deg); -ms-transform: rotateY(180deg); -o-transform: rotateY(180deg); -webkit-transform: rotateY(180deg); transform: rotateY(180deg) } /* 网站样式 */ /*顶部*/ a:hover { color: #333; } .top { padding-top: 10px; } .top .top_nav { width: 15%; } .top li { float: left; width: 24%; text-align: center; font-size: 13px; color: #555; } .top .li04, .top .li01 { position: relative; } .top .li03:before, .top .li04:before, .top .li05:before, .top .li01:before { content: ''; position: absolute; height: 13px; width: 1px; border-left: dashed 1px #c8c8c8; top: 3px; left: -1px; } /*.top .li04{padding-left:15px}*/ .top ._option { display: none; position: absolute; left: 0px; width: 100%; background: #fff; z-index: 20; } .top .li04:hover ._option { display: block; } .top ._option a { display: block; height: 40px; line-height: 40px; } .top ._option a:hover { background: #f1f1f1; } .logo { position: relative; width: 250px; height: 48px; } .logo img { position: absolute; bottom: -10px; left: 0px; } .norecord { background-image: url(/images/norecord.png); background-repeat: no-repeat; margin:75px 100px; background-size: 40px; font-size: 24px; padding-left: 80px; line-height: 32px; } /*导航条*/ .widget-nav { position: relative; z-index: 10; width: 70%; float: right; } .widget-nav > ul > li { width: 16.666%; float: left; position: relative; } .widget-nav > ul > li > a { display: block; text-align: center; font-size: 16px; height: 50px; line-height: 50px; font-weight: bold; } /*下拉css*/ .nav_layer05 { display: none; width:150px; position: absolute; background: #fafafa; padding: 0 0 0 15px; } .nav_layer05 ul { width: 100px; float: left; padding-top: 20px; } .nav_layer05 li { border-bottom: #ddd 1px solid; padding: 0; width: 100%; display: inline-block; } .nav_layer05 li a { display: block; line-height: 1.5; padding: 5px; text-align: left; border-bottom: none; } /*.nav_layer05 li a:hover { border-bottom: solid 2px #03468a;}*/ .nav_layer05 ._img { width: 35%; float: right; padding-bottom: 10px; } .nav_layer05 ._img img { width: 100%; height: auto; display: block; } /*下拉css end*/ .widget-nav .nav4 .nav_layer05 { left: -240px; } .widget-nav .last .nav_layer05 { left: auto; right: 0; } .widget-nav .nav5 .nav_layer05, .widget-nav .nav6 .nav_layer05 { right: 0; left: auto; } .widget-nav .hover > a { border-bottom: solid 4px #03468a; } .widget-nav a { border-bottom: solid 4px #fff; } .widget-nav .hover ._layer { display: block; } .mobile_key { display: none; } /*尾部*/ .footer { width: 100%; background: #0059ad; color: #fff; padding: 30px 0; color: #fff; } .footer>.wrap { /*height: 220px;*/ overflow: hidden; } .footer dl { float: left; width: 12%; margin-right: 5%; } .footer a { color: #fff; } .footer dt { font-size: 16px; margin-bottom: 15px; } .footer dd { line-height: 24px; } .footer .code { width: 32%; border-right: none; margin-right: 0; } .footer .code ._img { margin-bottom: 20px; } .footer .code ._img>p { float: left; text-align: center; margin-right: 15px; } .footer .code ._img>p span { display: block; } .footer .code .bd_share { padding-top: 30%; } .footer .code .bd_share p { float: left; line-height: 42px; } .footer .code .bdsharebuttonbox { float: left; padding-left: 10px; } .footer .code .bdsharebuttonbox a { padding-left: 0; display: inline-block; width: 32px; height: 30px; background: url(../images/bd_share.png) no-repeat 0 0; } .footer .code .bdsharebuttonbox .bds_tsina { background-position: 0 0; } .footer .code .bdsharebuttonbox .bds_tqq { background-position: -39px 0; } .footer .code .bdsharebuttonbox .bds_tqf { background-position: -77px 0; } .footer .code .bdsharebuttonbox .bds_qzone { background-position: -115px 0; } .footer .code .bdsharebuttonbox .bds_kaixin001 { background-position: -153px 0; } .footer .code .bdsharebuttonbox .bds_douban { background-position: -192px 0; } .footer_bottom { line-height: 60px; height: 60px; width: 100%; background: #0f121a; color: #e1e1e1; } .footer_bottom a { color: #ddd } .footer_bottom .r span { margin-left: 30px; } /*首页*/ .banner_img { display: block; overflow: hidden; height: 509px; text-align: center; } .banner_img img { position: absolute; top: 0; left: 50%; margin-left: -960px; min-height: 300px; width: 1920px; } .banner_img .i_title { font-size: 55px; color: #b37f13; text-align: left; } .banner_img .i_content { font-size: 30px; color: #fff; } .banner_img .english { font-size: 12px; color: #fff; } .banner_img .bd_arr { position: absolute; bottom: 20%; } .banner_img .bd_prev { left: 14% } .banner_img .bd_next { left: 19% } /*.banner_img .bd_arr .ion{font-size: 6em;color: #374250;margin: 0}*/ /*.banner_img .bd_arr .ion:hover{color: #00478b;}*/ .sec1 { padding-top: 66px; } .sec1 .box1 ._txt { padding: 25px; background: #00478b; color: #fff; } .sec1 .box1 ._date { margin-bottom: 10px; } .sec1 .box1 ._txt h3 { color: #ffbb1f; font-size: 18px; } .sec1 .box1 ._txt ._info { overflow: hidden; } .sec1 .box1 ._img { height: 100%; overflow: hidden; } .sec1 .box1 ._img img { width: 100%; } /*.sec1 ._tit{ font-size: 32px; color: #000; line-height: 1; margin-bottom: 20px;}*/ .sec1 .box2 h3 { font-size: 16px; font-weight: normal; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } /*.sec1 .box2 .btns{ margin-bottom: 23px;text-align: right; }*/ .sec1 .box2 ._info { padding-bottom: 50px; overflow: hidden; } .sec1 .box2 .narrs { display: inline-block; width: 25px; height: 25px; text-align: center; line-height: 25px; background: #e4e4e4; color: #fff; } .sec1 .box2 .narrs:hover { background: #00478b; } .sec1 .box2 li { margin-bottom: 12px; line-height: 44px; overflow: hidden; position: relative; width: 50%; float: left } .sec1 .box2 li a { text-overflow: ellipsis; overflow: hidden; white-space: nowrap; display: block; overflow: hidden; position: relative; width: 320px; height: 211px; margin: 0 auto } .sec1 .box2 li a .case { display: none; background: url("../images/case.png") no-repeat; position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; color: #fff } .sec1 .box2 li a .case h2 { font-size: 24px; padding: 30px 0 0px 0; text-align: center; font-weight: normal } .sec1 .box2 li a .case span { padding: 20px; display: block; white-space: normal; line-height: 24px; color: #c8dbed; height: 72px; overflow: hidden } .sec1 .box2 li:hover { } .sec1 .box2 li a:hover .case { display: block } .n_list { position: relative; height: 434px; overflow: hidden; } .sec2 { padding-top: 66px; } .sec2 ._tit { font-size: 32px; color: #000; line-height: 1; margin-bottom: 25px; } .sec2 ul { margin-top: 20px; height: 200px; } .sec2 li { float: left; width: 25%; padding-top: 20px; text-align: center; } .sec2 .box { position: relative; display: inline-block; margin: 0 0px; width: 156px; height: 154px; background-image: url("../images/service.jpg"); background-repeat: no-repeat; margin: 0 42px; } .sec2 .service1 { background-position: 0 0; } .sec2 .service2 { background-position: 0 -154px; } .sec2 .service3 { background-position: 0 -308px; } .sec2 .service4 { background-position: 0 -462px; } .sec2 .service5 { background-position: 0 -616px; } .sec2 .service6 { background-position: 0 -770px; } .sec2 .service7 { background-position: 0 -924px; } .sec2 .service8 { background-position: 0 -1078px; } .sec2 .service9 { background-position: 0 -1232px; } .sec2 .service10 { background-position: 0 -1386px; } .sec2 .service1:hover { background-position: -156px 0; } .sec2 .service2:hover { background-position: -156px -154px; } .sec2 .service3:hover { background-position: -156px -308px; } .sec2 .service4:hover { background-position: -156px -462px; } .sec2 .service5:hover { background-position: -156px -616px; } .sec2 .service6:hover { background-position: -156px -770px; } .sec2 .service7:hover { background-position: -156px -924px; } .sec2 .service8:hover { background-position: -156px -1078px; } .sec2 .service9:hover { background-position: -156px -1232px; } .sec2 .service10:hover { background-position: -156px -1386px; } .sec2 .li_title { font-size: 14px; color: #333; text-align: center; width: 100%; display: block; padding-top: 100px; font-weight: normal; } .sec2 .box:hover .li_title { color: #fff } .sec3 { padding-top: 66px; padding-bottom: 37px; } .sec3 ._tit { font-size: 32px; color: #000; line-height: 1; margin-bottom: 25px; display: inline-block; } .sec3 span { font-size: 16px; color: #555; } .sec3 ._cont ._title { font-size: 16px; font-weight: normal; text-align: center } .sec3 ._cont ._ct { font-size: 13px; color: #555; text-align: center } .sec4 { background: #f5f4f4; } .sec4 .c_box { height: 80px; padding: 30px 0; } .sec4 .company { float: left; width: 160px; color: #fff; background: #00478b; padding: 21px 30px; font-size: 22px; } .c_lists { float: left; width: 980px; overflow: hidden } .sec4 .c_lists li { float: left; width: 194px; border-top: solid 1px #ddd; border-bottom: solid 1px #ddd; border-right: solid 1px #ddd; } .sec4 .c_lists li img { display: block; padding: 10px 68px; } .sec4 .c_lists li span { display: block; font-size: 12px; color: #919191; text-align: center; padding-bottom: 6px; } .sec4 .scroll_nav { display: none; } .sec4 .scroll_c { margin-right: 0px !important; } .banner_img.slide.slide_effect_slide ul { height: 504px; overflow: hidden } .slide_nav { display: none } .index_company_list { height: 81px; overflow: hidden } .sec4 .c_lists li:hover span { color: #f7ac00; } .sec4 .c_lists li:hover img { color: #f7ac00; } /*公司简介*/ .bread_b { background: #f2f2f2; } .bread { padding: 10px 0; } .ab_main { padding-top: 50px; padding-bottom: 100px; } .ab_main_l { width: 20%; float: left; } .shu_dh { background: url(../images/about_us.jpg); min-height: 100px; background-size: 100% 100%; text-align: center; } .shu_dh span { color: #fff; font-size: 23px; line-height: 100px; } .main_cont { padding-bottom: 30px; } .main_cont .li1 { border-bottom: solid 1px #eeeeee; background: #f8f8f8; text-align: center; } .main_cont .li1.hover a:hover { color: #fff; } .main_cont .li1 .span { font-size: 15px; line-height: 25px; display: block;/*width: 150px;*/ margin: 0 auto; padding: 10px; } .main_cont .li1 .ion1 { display: none; float: right; } .main_cont .ul2 { background: #f8f8f8; height: 0; overflow: hidden; } .main_cont .li2 { text-align: center; } .main_cont .li2 span { line-height: 40px; } .main_cont .li1.hover .ion1 { display: inline-block; } /*.main_cont .li1 a:hover{color: #00478b;}*/ .main_cont .li1.hover { background: #0066a1; cursor: pointer; } .main_cont .li1.hover span { color: #fff; } .main_cont .li1.hover .ul2 { height: auto; } .main_cont .li1.hover .ul2 .li2 span { color: #333; } .main_cont .li1.hover .ul2 .li2 a:hover { color: #00478b } .ab_main_r { float: right; width: 77%; } /* newsdetail-3 start*/ /*.widget-newsdetail-3 ._head { border-bottom: 1px dotted #cccccc;}*/ .widget-newsdetail-3 ._head ._title { font-size: 35px; color: #131313; font-weight: bold; padding-bottom: 35px; } /*.widget-newsdetail-3 .myart { padding: 30px 0;}*/ /*新闻详细*/ .left_news .img_news { padding: 20px; } .left_news .title { font-size: 20px; padding-bottom: 6px; } .left_news li { border-bottom: solid 1px #e8e8e8; padding-bottom: 6px; } .left_news .div { font-size: 14px;/*padding-bottom: 5px;*/ color: #5f5f5f; padding-top: 6px; } .left_news .time { font-size: 14px; color: #b6b6b6; } .news_detail .title { text-align: center; } .news_detail .date { text-align: center; } .news_detail .num { font-weight: bold; } .left_news { position: relative; } .news_detail .r_cont { border-bottom: solid 1px #cccccc; } .fenye { padding: 20px 0; text-align: center; } .fenye .back, .fenye .prev, .fenye .next { display: inline-block; padding: 15px 30px; background: #00478b; font-size: 14px; } .fenye .back a, .fenye .prev a, .fenye .next a { color: #fff; } .fenye .prev { margin: 0 10px; } /* newsdetail-4 start*/ .widget-newsdetail-4 ._head { text-align: center; } .widget-newsdetail-4 ._head ._title { font-size: 24px; color: #333333; margin: 0 0 10px; font-weight: bold; } .widget-newsdetail-4 ._tools { padding: 0 5px; color: #555555; } .widget-newsdetail-4 ._tools a:hover { color: #00478b; } .widget-newsdetail-4 .ion { font-size: 1.1em; } .widget-newsdetail-4 .myart { padding: 30px 0; } .widget-newsdetail-4 ._bottom_bar { line-height: 30px; height: 30px; padding: 20px 0; text-align: left; border-top: 1px solid #cccccc; position: relative} .widget-newsdetail-4 ._bottom_bar p{ margin-bottom: 12px;} .widget-newsdetail-4 ._bottom_bar a { display: inline-block; margin: 0 5px; padding: 0 10px; color: #ffffff; background: #00478b; font-size: 14px; } .widget-newsdetail-4 ._bottom_bar a:hover { opacity: .8; } .widget-newsdetail-4 ._bottom_bar .slink{ position: absolute; right: 0px; } /*新闻列表*/ .news_lists .title { } .news_lists .r_cont_l { float: left; width: 70%; } } /* newslist-9 start*/ .widget-newslist-9 { margin-bottom: 20px; } .widget-newslist-9 li { clear: both; overflow: hidden; border-bottom: #eee 1px dotted; padding: 30px 0 } .widget-newslist-9 ._img { width: 225px; float: left; margin-right: 30px; } .widget-newslist-9 ._img img { -moz-transition: all .5s ease 0s; -ms-transition: all .5s ease 0s; -o-transition: all .5s ease 0s; transition: all .5s ease 0s; } .widget-newslist-9 ._intro { overflow: hidden; padding: 10px 0; } .widget-newslist-9 ._title { display: block; height: 32px; line-height: 32px; font-size: 20px; font-weight: normal; color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; padding: 10px 0; } .widget-newslist-9 ._info { height: 20px; line-height: 20px; color: #999999; } .widget-newslist-9 ._text { line-height: 1.8em; height: 3.6em; overflow: hidden; font-size: 14px; padding-top: 10px; } .widget-newslist-9 li:hover ._title { color: #00478b; } .widget-newslist-9 li:hover ._img img { transform: scale(1.05); -moz-transform: scale(1.05); -webkit-transform: scale(1.05); } .choose, button { display: block; width: 200px; margin: 10px; } .r_cont_r { float: right; width: 26%; } .r_cont_r .search { margin-bottom: 30px; } .r_cont_r .search, .r_cont_r .lianluo { background: #f2f2f2; padding-bottom: 30px; } .r_cont_r .s_title { font-size: 17px; font-weight: bold; border-bottom: 1px solid #ddd; padding: 20px; } .r_cont_r #news_form { padding: 10px 18px; } .r_cont_r .search .select-ui-choose-default { border-radius: 0; height: 30px; border: none; margin-bottom: 10px; width: 97%; } .r_cont_r .search .select-ui-choose-default ._arrow { width: 30px; background: #dbdbdb; } .r_cont_r .search .select-ui-choose ._arrow .arr { position: absolute; top: 50%; left: 30%; } .r_cont_r .lianluo div { padding: 5px 25px; } .r_cont_r .lianluo .s_title_t { font-size: 16px; padding: 10px 30px; } .news_lists .r_cont_r .search #news_form .input { width: 57%; border: none; vertical-align: middle; margin: 0 0 7px 1px; } .news_lists .r_cont_r .search #news_form .span {width: 30px; height: 30px; display: inline-block; background: #00478b; vertical-align: top; color: #fff; text-align: center; font-size: 15px; margin: 0;} /*产品详细*/ .rect_667 { width: 200px; height: 150px } .product_detail .pic { display: inline-block; padding-right: 30px; width: 45% } .product_detail .content { display: inline-block; width: 50%; } .product_detail .leibie { font-size: 21px; } .product_detail .title { font-size: 35px; padding: 0 0 35px 0; font-weight: bold; color: #131313 } .product_detail .cont { font-size: 14px; padding-bottom: 30px; } .product_detail .see { padding-bottom: 30px; } .product_detail .see a { margin-right: 10px; } .product_detail .see .ion { display: inline-block; width: 20px; height: 20px; } .product_detail .bottom .ion { display: inline-block; width: 25px; height: 25px; } .product_detail .bottom .ion img { width: 100%; height: 100%; } .product_detail .bdshare-button-style0-16 { width: 60px; height: 60px; } .content .bdshare-button-style0-16 .bds_more { background: url(../images/product_share.jpg); background-size: 100% 100%; background-position: 0 0; display: block; width: 60px; height: 60px; } .target_wrap { height: 42px; padding-top: 50px; } .Target { width: 100%; margin: 0 auto; overflow: hidden; *zoom:1; background: #fff; border-left: 1px solid #eee; } .Target li { float: left; height: 40px; line-height: 40px; width: 48%; text-align: center; cursor: pointer; background: #f2f2f2; padding: 5px 0; font-size: 18px; font-weight: bold; } .Target.fixed { position: fixed; left: 62.5%; margin-left: -491px; top: 0; z-index: 99; } .Target.fixed li { width: 33.3%; } .Target .active { color: #fff; background: #ffc540; } .section_c { margin: 15px 0; } /*.pb_slide li{margin:0}*/ /*.pp_slide{padding: 25px 10px 80px 10px;}*/ .pp_slide img { width: 100%; } .left_news .form { position: absolute; top: 30px; left: 20px; width: 80% } ._inputbox { position: relative; padding: 20px 0; } ._inputbox input { border: none; background: #ffffff; padding: 5px 10px; width: 137px; } .nl_xiala { background: #ffffff; text-align: center; position: absolute; width: 100%; display: none; z-index: 10; } .nl_xiala ul>li { padding: 5px 0; } .nl_xiala ul>li:hover { background: #dbdbdb; color: #ffffff } ._inputbox ._b_box { border: 1px solid #ddd; } ._inputbox ._b_box span { font-size: 14px; padding: 4px; background: #dbdbdb } .product_detail .section_c { position: relative; padding-top: 30px; } .product_detail .pb_slide { float: right; right: 30px; border: 6px solid #ddd; margin-top: 5%; } .product_detail .tuijian { font-size: 16px; font-weight: bold; padding: 10px; } .product_detail .slide_nav { display: block; bottom: 37%; text-align: center; width: 100%; } .product_detail .slide_nav a { width: 18px; height: 18px; background: url(../images/pro_slide.png); background-position: -18px 0; overflow: hidden; margin: 5px; display: inline-block; font-size: 0; } .product_detail .slide_nav .on { background: url(../images/pro_slide.png); background-position: 0 0; } .product_detail .slide_c div, .product_detail .slide_c span { padding-left: 30px; } .sousuo { text-align: center; background: #00489d; padding: 5px; } .sousuo a { color: #fff; } .ab_main .left_news { background: url(../images/left_bg.jpg); background-size: 100% 100%; min-height: 300px; } .ab_main .left_news .left_n_l { padding: 30px 10px; } .ab_main .left_news .left_n_l .smal-t { text-align: center; font-size: 20px; font-weight: bold; color: #898989; } .left_n_l .select-ui-choose-default { border-radius: 0; height: 30px; } .left_n_l .select-ui-choose-default ._arrow { width: 30px; background: #dbdbdb; } .left_n_l .select-ui-choose ._arrow .arr { position: absolute; top: 50%; left: 30%; } input { padding: 0 10px; width: 80%; height: 30px; margin: 7px 0 7px 1px; border: solid 1px #f4f4f4; } button { height: 30px; background: #00478b; border: none; color: #fff; } .tedian { font-size: 21px; font-weight: bold; padding: 10px 0; } .canshu { font-size: 21px; font-weight: bold; padding: 10px 0; } /*招聘*/ /* job-1 start*/ .lists_pic li { border-bottom: none; } .widget-job-1 li.first { background: #f2f2f2; border-bottom: none; padding: 0; } .widget-job-1 li { border-bottom: 1px solid #cccccc; float: left; width: 100%; height: 34px; line-height: 34px; background: url("../images/list_type.png") 15px center no-repeat; } .widget-job-1 li ._t1, .widget-job-1 li ._t2, .widget-job-1 li ._t4, .widget-job-1 li ._t5, .widget-job-1 li ._t6 { width: 15%; } .widget-job-1 li ._t3 { width: 20%; } /*.widget-job-1 li ._t6{width: 20%;}*/ .widget-job-1 li.first ._ut { float: left; text-align: center; font-weight: 700; font-size: 14px; } .widget-job-1 li ._un { float: left; text-align: center; height: 50px; cursor: pointer; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; } @media only screen and (max-width: 40rem) { .widget-job-1 li ._t1 { width: 30%; } .widget-job-1 li ._t2 { width: 30%; } .widget-job-1 li ._t3 { width: 40%; } .widget-job-1 li ._t4 { display: none; } .widget-job-1 li ._t5 { display: none; } .widget-job-1 li ._t6 { display: none; } } /* job-2 start*/ .widget-job-2 ._jt { height: 26px; line-height: 26px; margin-top: 10px; overflow: hidden; *zoom: 1; cursor: pointer; border-bottom: 1px solid #f2f2f2; padding-bottom: 10px; } .widget-job-2 ._jc p { padding-bottom: 10px; padding-top: 20px; } .widget-job-2 ._jt strong { float: left; width: 15%; text-align: center; } .widget-job-2 ._jt span { float: right; } .widget-job-2 ._jt .ion { font-size: 12px; color: #999999; } .widget-job-2 ._jc { display: none; padding: 20px 50px; } .widget-job-2 ._jcon { padding: 10px; } .widget-job-2 ._jt_act .ion { color: #0e90d2; } .widget-job-2 ._jcon .but { margin-top: 30px; } .widget-job-2 ._jcon .but a { padding: 11px 37px; background: #f3950d; color: #fff; } /*产品列表*/ .lists_tab { border: solid 7px #ddd; padding: 20px; } ._t { float: left; padding-right: 20px; } ._box { display: inline-block; } ._b_ico { width: 15px; height: 15px; border: 1px solid #ddd; display: inline-block; padding: 1px; vertical-align: middle; } ._b_ico span { width: 100%; height: 100%; display: block; } ._t.tab_t_cur ._b_ico span { background: #f6ab00 } ._b_t { display: inline-block; vertical-align: middle; } .lists_cont { padding: 30px 0; } /*.lists_img{padding-bottom: 5px;}*/ .lists_t { padding: 10px 20px; background: #ddd; } .product_lists .span-3 { margin-bottom: 30px; } /*.product_lists .span-3 img{border: solid 1px #ddd;}*/ .product_lists .lists_c { position: relative; overflow: hidden; } .product_lists .lists_c .pd_bac { position: absolute; top: 100%; background: url(../images/pd_hover.png); background-position: center; background-repeat: no-repeat; width: 100%; height: 100%; background-size: cover; transition: 0.3s all ease } .product_lists .lists_c:hover .pd_bac { top: 0; } .product_lists .lists_c:hover .lists_t { color: #fff } /*分页*/ /* page-1 start*/ .page { font-size: 12px; color: #777777; text-align: center; padding: 30px 0; } .page a, .page span { color: #777777; display: inline-block; border: 1px solid #ededed; padding: 5px 10px; vertical-align: middle; margin: 0 0 10px -1px; } .page .goprev { margin-right: 10px; } .page .gonext, .page .count { margin-left: 10px; } .page a:hover, .page span { color: #fff; background: #00478b; } .page span.goprev, .page span.gonext { color: #777777; background: none } .page span.count { border: 0; background: 0; color: #777777; } /*简历投递*/ .Form-J1 .Form-J1-Left { float: left; width: 50%; } .Form-J1 .Form-J1-right { float: right; width: 50%; } .Form-J1 .Form-J1-li { margin-top: 10px; position: relative; } .Form-J1 .Form-J1-li label { width: 5em; display: inline-block; color: #666; vertical-align: middle; } .Form-J1 .Form-J1-li input { height: 28px; line-height: 28px; border: 1px #ddd solid; width: 70%; } .Form-J1 .Form-J1-li textarea { border: 1px #ddd solid; width: 70%; padding: 0; height: 100px; } .Form-J1 .Form-J1-li em { color: red; vertical-align: middle; padding-left: 10px; } .Form-J1 .Form-J1-li input._yzm { width: 20%; } .Form-J1 .Form-J1-li img { vertical-align: middle; padding-left: 10px; cursor: pointer; height: 32px; } .Form-J1 .Form-J1-li b { color: #666; font-size: 12px; padding-left: 4px; } .Form-J1 .Form-J1-li select { border: 1px #ddd solid; width: 70%; padding: 7px 0; } .Form-J1 .Form-J1-Btn { clear: both; text-align: center; padding-top: 40px; } .Form-J1 .Form-J1-Btn button { border: none; border-radius: 0; height: 32px; line-height: 32px; width: 120px; padding: 0; color: #fff; cursor: pointer; } .Form-J1 .Form-J1-Btn ._submit { background: #f6ab00; margin-right: 10px; } .Form-J1 .Form-J1-Btn ._reset { background: #909090; } .Form-J1 .Validform_wrong { position: absolute; top: 5px; right: 19%; } /*2017-01-12 cong*/ /*对外采购*/ .downlist_dl { border-top: 1px solid #ddd; } .downlist_dl ul { margin-bottom: 20px; display: block; } .downlist_d1 ul li { padding: 12px 4px; border-bottom: 1px solid #ddd; display: block; margin-top: -1px; clear: both; } .downlist_d1 h5 { font-size: 13px; line-height: 34px; margin: 0; font-weight: normal; } .downlist_d1 h5 { text-transform: none !important; } .downlist_d1 .time { line-height: 34px; font-size: 13px; text-align: right; } .ico1_13 { background-position: -40px -40px; } .ico { vertical-align: middle; } .ico1_14 { background-position: -60px -40px; } .ico1_15 { background-position: -80px -40px; } /*荣誉*/ .tab_c ._con { margin-bottom: 40px; display: block; } .tab_c ._img { height: 0; padding-bottom: 75%; margin-bottom: 10px; overflow: hidden; position: relative; border: 1px solid #ddd; } .tab_c ._con ._tit { height: 34px; line-height: 34px; text-align: center; background: #ededed; font-weight: normal; } /*视频*/ .proTab ._con { margin-bottom: 40px; display: block; } .videobtn { cursor: pointer; } .proTab ._img { height: 0; padding-bottom: 75%; margin-bottom: 10px; overflow: hidden; position: relative; border: 1px solid #ddd; } .proTab ._con ._tit { height: 34px; line-height: 34px; text-align: center; background: #ededed; font-weight: normal; } .footer .code { width: 30%; } /*.footer .footnav02,.footer .footnav03,.footer .footnav04{width: 12%;}*/ /* *下载列表 */ .downlist_d1 { border-top: 1px solid #ddd; } .downlist_d1 ul { margin-bottom: 20px; display: block } .downlist_d1 .well { margin-top: 10px; font-size: 12px; border: none; border-radius: 0; padding: 10px } .downlist_d1 h5 { text-transform: none !important } .downlist_d1 ul li { padding: 12px 4px; border-bottom: 1px solid #ddd; display: block; margin-top: -1px; clear: both } .downlist_d1 td, .downlist_d1 th { border-top: none; border-bottom: 1px solid #ddd } .downlist_d1 h5 { font-size: 13px; line-height: 34px; margin: 0; font-weight: normal; } .downlist_d1 small { display: block } .downlist_d1 .time { line-height: 34px; font-size: 13px; text-align: right; } .downlist_d1 i.fa { margin-right: 5px } /*2017-01-21 cong*/ /*在线留言*/ .content-42982 .form-m1 .form-m1-li { position: relative; } .content-42982 .form-m1 .Validform_wrong { position: absolute; top: 22px; right: 19%; } .content-42982 .form-m1 .form-m1-li textarea { vertical-align: middle; margin-left: 10px; width: 75%!important; } .content-42982 .form-m1 .form-m1-btn button { display: inline-block; } .content-42982 .form-m1 .form-m1-right .Validform_wrong { left: 20%; } .content-42982 .form-m1 .form-m1-btn ._submit { background: #f6ab00 !important; } /*首页*/ .top { padding-bottom: 2px; } .top .top_nav .li01 span { font-size: 14px; color: #eca400; display: inline-block; } .top .top_nav .li01 { width: 23%; height: 20px; } .top .top_nav .li02, .top .top_nav .li03 { width: 50%; } .top .top_nav .li04, .top .top_nav .li05 { width: 15%; } .nav_banner { padding-bottom: 20px; } .widget-nav { bottom: -20px; } .widget-nav .cur > a { border-bottom: solid 4px #03468a; } .banner_img .slide_c { position: absolute; } .banner_img .arr_prev .ion { background: url(../images/banner_left.png) no-repeat; width: 33px; height: 62px; } .banner_img .arr_next .ion { background: url(../images/banner_right.png) no-repeat; width: 33px; height: 62px; } .nav_layer05 li a { line-height: 2; } .nav_layer05 li { margin-left: 20px; } .sec1 .box1 ._img { height: 208px; } .sec3 ._cont { padding: 20px 0; } .sec4 .c_box { padding: 47px 0 } .sec4 .logo_ico { display: block; width: 70px; height: 50px; background: url(../images/logo_ico.png); padding-top: 3px; margin: 0 auto; } .sec4 .li2 .logo_ico { background-position: -70px 0; } .sec4 .li3 .logo_ico { background-position: 0px 0; } .sec4 .li4 .logo_ico { background-position: -210px 0; } .sec4 .li5 .logo_ico { background-position: -280px 0; } .sec4 .li6 .logo_ico { background-position: -420px 0; } .sec4 .li7 .logo_ico { background-position: -350px 0; } .sec4 .li1:hover .logo_ico { background-position: 0 -50px; } .sec4 .li2:hover .logo_ico { background-position: -70px -50px; } .sec4 .li3:hover .logo_ico { background-position: 0px -50px; } .sec4 .li4:hover .logo_ico { background-position: -210px -50px; } .sec4 .li5:hover .logo_ico { background-position: -280px -50px; } .sec4 .li6:hover .logo_ico { background-position: -420px -50px; } .sec4 .li7:hover .logo_ico { background-position: -350px -50px; } /*下层页公共banner图*/ .about_img { position: relative; width: 100%; height: 314px; overflow: hidden; } .about_img img { position: absolute; width: 1920px; height: 314px; top: 0; left: 50%; margin-left: -960px; max-width: none; } /*二级导航*/ .main_cont .li1 .span { position: relative; } .main_cont .li1 .ion1 { background: url(../images/erjinav_jiantou.png) no-repeat; position: absolute; top: 50%; right: -35px; width: 12px; height: 7px; margin-top: -3.5px; } .main_cont .li1:hover { background: #0066a1; } .main_cont .li1:hover .span { color: #fff; } .main_cont .li2 .ion2 { display: inline-block; width: 10px; height: 2px; background: url(../images/erji_nav_hui.png) no-repeat; } .main_cont .li1.hover .ul2 .li2.cur span { color: #00478b; } .main_cont .li2 a { display: inline-block; width: 100%; } /*集团产品*/ .lists_img { border: solid 1px #ddd; } .bdshare-button-style0-16 a { display: none; } /*新闻中心*/ .news_lists .r_cont_r .search #news_form .input { width: 73%; } /*搜索*/ .select-ui-choose-default ._arrow .arr { border-color: #b8b8b8 transparent transparent !important; } .select-ui-choose-default { border: 1px solid #eeeeee !important; } .left_n_l .select-ui-choose-default ._arrow { background: #f3f3f3; } /*荣誉资质*/ /*._head ._title{font-size: 35px;color: #131313; font-weight:bold;}*/ .ab_main .ab_main_r .title { font-size: 35px; color: #131313; font-weight: bold; line-height: 100px; border-bottom: solid 1px #d7d7d7; } ._head ._title { font-size: 35px; color: #131313; font-weight: bold; padding-bottom: 35px; } /*招聘*/ .widget-job-2 ._jt .unit { width: 20%; } /*实习生管理*/ /* qa-1 start*/ .widget-qa-1 { font-size: 14px; } .widget-qa-1 .li1 { border-top: 1px solid #dddddd; } .widget-qa-1 .li1 ._data, .widget-qa-1 .li1 ._title { padding-top: 20px; } .widget-qa-1 li { background: #ffffff; position: relative; padding-left: 3em; margin-bottom: 20px; border-bottom: 1px solid #dddddd; padding-bottom: 20px; } .widget-qa-1 ._data { position: absolute; left: 0; top: 0; font-family: Arial; font-size: 18px; color: #2a63a4; line-height: 30px; } .widget-qa-1 li ._title { cursor: pointer; font-weight: normal; font-size: 13px; line-height: 30px; color: #575757; } .widget-qa-1 li ._p { padding-top: 10px; line-height: 30px; font-size: 13px; color: #575757; } .widget-qa-1 li .time { float: right; font-size: 13px; } .widget-qa-1 li ._title .ask { display: inline-block; font-size: 14px; width: 30px; height: 30px; background: #2a63a4; border: solid 1px #9fb9d6; color: #fff; text-align: center; margin-right: 15px; position: relative; } .widget-qa-1 li ._title .ask:after { content: ""; width: 0; height: 0; border-top: 5px transparent solid; border-bottom: 5px transparent solid; border-left: 5px #2a63a4 solid; position: absolute; top: 50%; margin-top: -5px; left: 103%; } .widget-qa-1 li ._p .answer { display: inline-block; font-size: 14px; width: 30px; height: 30px; background: #fff; border: solid 1px #333333; color: #202020; text-align: center; margin-right: 15px; position: relative; } .widget-qa-1 li ._p .answer:after { content: ""; width: 5px; height: 5px; position: absolute; top: 50%; margin-top: -3px; left: 96%; border-top: solid 1px #797979; border-right: solid 1px #797979; transform: rotate(45deg); background: #fff; } .ab_main_r .liuyan { border: solid 1px #99c4e4; width: 100px; padding: 10px 19px; color: #2a63a4; text-align: center; border-radius: 5px; margin-bottom: 20px; margin-left: 85%; } .ab_main_r .liuyan .ion { display: inline-block; width: 30px; height: 30px; background: url(../images/liuyan_pen.png) no-repeat; } @media only screen and (max-width: 480px) { .widget-qa-1 ._title { float: none; width: auto; } } /*在线留言*/ .content-42982 { overflow: hidden; } .content-42982 .form-m1 .form-m1-Left { float: left; width: 50%; } .content-42982 .form-m1 .form-m1-right { float: right; width: 50%; } .content-42982 .form-m1 .form-m1-li { padding-top: 10px; } .content-42982 .form-m1 .form-m1-li label { width: 5em; display: inline-block; color: #666; vertical-align: middle; } .content-42982 .form-m1 .form-m1-li label span { padding: 0 6px; } .content-42982 .form-m1 .form-m1-li input { height: 28px; line-height: 28px; border: 1px #ddd solid; width: 70%; } .content-42982 .form-m1 .form-m1-li textarea { border: 1px #ddd solid; width: 70%; } .content-42982 .form-m1 .form-m1-li em { color: red; vertical-align: middle; padding-left: 10px; } .content-42982 .form-m1 .form-m1-li input._yzm { width: 20%; } .content-42982 .form-m1 .form-m1-li img { height: 28px; vertical-align: middle; padding-left: 10px; cursor: pointer; } .content-42982 .form-m1 .form-m1-li b { color: #666; font-size: 12px; padding-left: 4px; } .content-42982 .form-m1 .form-m1-btn { clear: both; text-align: center; padding-top: 40px; } .content-42982 .form-m1 .form-m1-btn button { width: 90px; height: 24px; line-height: 24px; text-align: center; color: #fff; border-radius: 4px; cursor: pointer; } .content-42982 .form-m1 .form-m1-btn ._submit { background: #d50e25; margin-right: 10px; } .content-42982 .form-m1 .form-m1-btn ._reset { background: #909090; } .content-42982 .form-m1 .Validform_right { white-space: nowrap; } @media only screen and (max-width: 40em) { .content-42982 .form-m1 .form-m1-Left { width: 100%; } .content-42982 .form-m1 .form-m1-li input { width: 65%; } .content-42982 .form-m1 .form-m1-right { width: 100%; } .content-42982 .form-m1 .form-m1-li textarea { width: 65%; } .content-42982 .form-m1 .form-m1-li input._yzm { width: 27%; } .content-42982 .form-m1 .form-m1-li b { display: none; } } /*简历投递 复杂版*/ .content-42072 { overflow: hidden; } .content-42072 .job ._c { background: #fff; padding: 20px; } .content-42072 .job_form ._items { height: 10px; border-bottom: 1px solid #ddd; position: relative; margin: 1em 0 2em; } .content-42072 .job_form ._items ._t { position: absolute; left: 0; top: 0; line-height: 20px; padding:0 .content-42072 .5em; background: #fff; font-size: 1rem; } .content-42072 .job_form ._item { font-weight: bold; margin: .5em 3em; } .content-42072 .job_form_row { margin-bottom: 10px; line-height: 28px; } .content-42072 .job_form_row ._t { width: 11em; text-align: right; vertical-align: middle; } .content-42072 .job_form_row ._input { width: 60%; vertical-align: middle; border: 1px solid #ddd; padding: 0 2px; } .content-42072 .job_form_row b { display: inline-block; color: red; vertical-align: middle; } .content-42072 .job_form_row ._short { width: 8.2em; } .content-42072 .job_form_row ._long { width: 80%; } .content-42072 .job_form_row .inp, .job_form_row ._select { width: 100%; } .content-42072 .job_form_row ._textarea { overflow: auto; height: 5em; width: 100%; } .content-42072 .job_form ._act { text-align: center; margin-top: 1em; } .content-42072 .job_form ._act button { padding: .5em 2.5em; color: #fff; margin: 0 .5em; cursor: pointer; } .content-42072 .job_form .sub { background: #d70c25; } .content-42072 .job_form .res { background: #909090; } @media only screen and (max-width: 40em) { .content-42072 .job_form_row ._t { width: 7em; } .content-42072 .job_form_row ._long { width: 60%; } } .content-42072 .add_btn, .content-42072 .dele_btn { clear: both; text-align: right; height: 0px; border-bottom: 0px solid #ddd; position: relative; } .content-42072 .add_btn a, .content-42072 .dele_btn a { padding: 0px; display: inline-block; width: 61px; height: 23px; line-height: 22px; position: absolute; right: 25px; top: 0px; background: #fff; text-align: center; border-radius: 4px; border: #adadad 1px solid; } .content-42072 .add_btn a { right: 95px; } .content-42072 .dele_btn { margin-bottom: 30px; } .content-42072 .team, .content-42072 .teamW { min-height: 30px; } .content-42072 .job_form_row ._input { border: none !important; } .content-42072 .job_form_row ._input input { border: solid 1px #ddd; } .job_form_row ._select { height: 32px; border: solid 1px #ddd; margin-left: 10px; width: 104%; } .content-42072 .job_form_row ._t { float: none; } .content-42072 .job_form_row ._long { width: 39% !important; margin-left: 10px; } .content-42072 .job_form ._act button { display: inline-block; width: 130px; } .content-42072 .job_form .sub { background: #f6ab00 !important } .content-42072 .job_form_row ._textarea { border: solid 1px #ddd; } /*社会招聘*/ .job_info { padding-top: 30px; } /*产品详细*/ .ab_main_l .slide_c { width: 208px !important } .ab_main_l .pb_slide { border: 6px solid #ddd; margin-top: 10%; width: 95%; max-height: 300px; } .ab_main_l .tuijian { font-size: 16px; font-weight: bold; padding: 10px; } .ab_main_l .slide_nav { display: block; bottom: 35%; text-align: center; width: 100%; } .ab_main_l .slide_nav a { width: 18px; height: 18px; background: url(../images/pro_slide.png); background-position: -18px 0; overflow: hidden; margin: 5px; display: inline-block; font-size: 0; } .ab_main_l .slide_nav .on { background: url(../images/pro_slide.png); background-position: 0 0; } .ab_main_l .slide_c span { display: block; text-align: center; } .pp_slide { padding-bottom: 80px; padding-top: 20px; } /*简历投递*/ ._links ._t { font-size: 16px; float: none; } .tr { text-align: left !important } /*服务网点*/ .chanel_cont { margin-bottom: 60px; min-height: 300px; } .network_se { height: 64px; border: 1px solid #ddd; z-index: 13; padding: 0 20px; background: #eee; } .network_se .nte_se_o { line-height: 64px; font-size: 16px; color: #5a5a5a; margin-right: 10px; } .sele { width: 16%; height: 23px; line-height: 23px; border: 1px solid #dadada; text-indent: 5px; margin-right: 10px; margin-top: 20px; position: relative; } .netse_inp input { height: 16px; line-height: 16px; border: 1px solid #dadada; width: 140px; background: #fff; margin-top: 20px; margin-left: 10px; padding-left: 15px; box-sizing: content-box; padding: 3.5px 0; } .netse_btn input { width: 45px; height: 24px; background: #2a63a4; color: #fff; text-align: center; margin-top: 20px; outline: none; border: none; cursor: pointer; } .map-M2-map { width: 100%; height: 550px; border: 1px solid #ccc; } #map-43054-ditucontent0 { display: none; } .map-M2-map img { max-width: none; } .main_cont .manage { text-align: center; padding-left: 10px; } .widget-newsdetail-3 .company { padding-top: 30px; } .content-42056 .sear_f .inp { margin: 0; } .news_lists .r_cont_r .search #news_form .span .ion { padding-top: 2px; } .left_news input { margin-left: 10px; width: 82%; } /*0221-2017 lujx*/ .sec4 { background: #fff; } .sec4 .c_lists li span { padding-bottom: 3px; } .sec4 .c_lists li img { padding: 0px; margin: 0 auto; } .cs_cont tr:nth-child(odd) { background: #eee; } .odd { background: #eee; } .footer .code ._img>p { margin-right: 25px; } .sec3 { padding-bottom: 0px; } .sec4 .c_box { padding: 40px 0 47px 0 } /*20170227 cong*/ /*.sec1 .box3 ._txt{background: #ffbb1f;}*/ /*.sec2 .b_cont{display: block;}*/ /*.sec3 .row>.span-3:hover ._cont{background: #ffbb1f;}*/ /*.sec3 ._cont{min-height: 100px;}*/ /*.sec3 ._cont ._title{padding-left: 25px;}*/ .sec3 ._cont ._ct { padding-top: 10px; } /*.main_cont .li1.hover .ul2 ul{background: rgba(0,102,161,0.6);} .main_cont .li1.hover .ul2 .li2 span{color: #fff;}*/ .main_cont .li1.hover .ul2 .li2.cur { background: rgba(0,102,161,0.6); } .main_cont .li1.hover .ul2 .li2.cur span { color: #fff; } .main_cont .li1.hover .ul2 .li2.cur .ion2 { background: url(../images/erjinav_gang.png) no-repeat; } /*2017228 cong index改后样式*/ .sec1 .title_box { background: #f3f3f3; border: 1px solid #ddd; padding: 10px 15px 0 15px; margin-bottom: 30px; } .sec1 .title_box ._tit { font-size: 23px; color: #131313; border-bottom: 4px solid #f7ac00; padding-bottom: 6px; } .sec1 .title_box .narrs { display: inline-block; width: 25px; height: 25px; text-align: center; line-height: 25px; background: #e4e4e4; color: #fff; } .sec1 .title_box .btns { padding-top: 6px; } .sec1 .title_box .narrs:hover { background: #00478b; } .sec1 .box3 { padding-top: 0px; background: #f1f1f1; } .sec1 .box3 h3 { font-size: 20px; line-height: 48px; border-bottom: 1px #ccc dashed; padding: 4px 12px; } .sec1 .box3 ._info { padding: 12px 6px 0px 12px; line-height: 26px; font-size: 14px; height: 198px } /*.sec1 .box3 ._txt{height: 157px;}*/ .sec2 .title_box { background: #f3f3f3; border: 1px solid #ddd; padding: 15px 15px 0 15px; } .sec2 .title_box ._tit { font-size: 23px; color: #131313; border-bottom: 4px solid #f7ac00; padding-bottom: 15px; margin-bottom: 0px; width: 8% } .sec3 .title_box { background: #f3f3f3; border: 1px solid #ddd; padding: 15px 15px 0 15px; margin-bottom: 50px; } .sec3 .title_box ._tit { font-size: 23px; color: #131313; border-bottom: 4px solid #f7ac00; padding-bottom: 15px; margin-bottom: 0px; width: 8%; margin-right: 20px; } .sec3 span { font-size: 14px; color: #787878; } .widget-nav a { border-bottom: solid 4px #f3f3f3; } .nav_banner { background: #f3f3f3; } .pageHeader { background: #f3f3f3; } .album_wrap .slide_wrap img { max-width: 35% !important; max-height: 70%!important; } /*.banner_img img{display:inline-block; margin:0 -100%; margin:0 -50%\9; max-width:none; width:auto;}*/ .mo_nav { display: none; } .product_detail .see a { cursor: default; } .album_wrap { position: fixed!important; left: 0; top: 0; z-index: 98; background: rgba(0,0,0,.8); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#99000000", endColorstr="#99000000") } .album_ordinary .slide_c { text-align: center } .album_ordinary .slide_c img { vertical-align: middle; width: auto; max-height: 100% } .album_ordinary .slide_c p { position: absolute; left: 0; bottom: 80px; width: 100%; line-height: 22px; color: #fff; font-size: 16px } .album_ordinary .album_btns { position: absolute; z-index: 99; } .album_ordinary .album_btns:hover { filter: alpha(opacity=80); opacity: 0.8; } .album_ordinary .album_prev, .album_ordinary .album_next { width: 10%; height: 5em; line-height: 5em; top: 50%; margin-top: -3em; font-size: 4em; text-align: center; color: #fff; cursor: pointer; } .album_ordinary .album_prev { left: 10%; } .album_ordinary .album_next { right: 10%; } .album_ordinary .album_close { width: 2em; height: 2em; line-height: 38px; margin: 0; text-align: center; cursor: pointer; background: #fabd00; color: #fff; font-size: 20px; right: 0; top: 0; } .album_ordinary .slide_nav, .album_ordinary.unable .album_next, .album_ordinary.unable .album_prev { display: none } .album_preview .slide_nav { display: block; width: 100%; left: 0; top: 50% } .album_preview .slide_nav a { display: none; position: absolute; top: -28px; width: 80px; height: 55px; line-height: 55px; border: 4px solid #ffd643; cursor: pointer } .album_preview .slide_nav img { vertical-align: top; width: 100%; height: 100% } .album_preview .slide_nav .nav_prev { display: block; left: 10% } .album_preview .slide_nav .nav_next { display: block; right: 10% } .album_preview .album_close { position: absolute; width: 2em; height: 2em; line-height: 38px; z-index: 99; margin: 0; text-align: center; cursor: pointer; background: #fabd00; color: #fff; font-size: 20px; right: 0; top: 0 } .album_preview .album_close .ion { font-size: 28px; margin: 0 } .album_preview .album_pages { position: absolute; top: 10px; left: 20px; font-size: 14px; color: #fabd00; line-height: 38px; margin: 0 1em } .album_preview .arrs { display: none } .album_gallery .album_bar { position: absolute; left: 0; bottom: 0; height: 50px; width: 100%; background: #000; z-index: 0 } .album_gallery .arrs { position: absolute; width: 40px; height: 40px; line-height: 40px; font-size: 22px; color: #fff; bottom: 5px } .album_gallery .arr_prev { left: 0 } .album_gallery .arr_next { left: 100px } .album_gallery .arrs:hover { color: red } .album_gallery .album_close, .album_gallery .album_pages { position: absolute; line-height: 40px; bottom: 5px; text-align: center; color: #fff; background-color: transparent; } .album_gallery .album_pages { height: 40px; left: 40px; width: 60px; font-size: 16px } .album_gallery .slide_nav { position: absolute; left: 140px; height: 40px; line-height: 40px; width: 60%; display: block; bottom: 5px; white-space: nowrap; overflow: hidden; overflow-x: auto; } .album_gallery .slide_nav a { float: left; height: 36px; border: 2px solid #ccc; margin-right: 4px; opacity: 0; cursor: pointer } .album_gallery .slide_nav img { height: 100% } .album_gallery .slide_nav .on { border-color: red; opacity: 1 } .album_gallery .album_close { height: 40px; width: 40px; right: 0; cursor: pointer; z-index: 2 } .album_gallery .album_close .ion { margin: 0; font-size: 22px } .album_gallery .album_close:hover { color: red; } .album_wrap .slide_wrap img { max-width: 100%; } @media screen and (max-width:768px) { .album_ordinary { background: #000 } .album_ordinary .album_prev, .album_ordinary .album_next { width: 20%; } .album_ordinary .album_prev { left: 0; } .album_ordinary .album_next { right: 0; } .album_preview .slide_nav .nav_next, .album_preview .slide_nav .nav_prev { display: none } } @media screen and (max-width:480px) { .album_ordinary .album_prev, .album_ordinary .album_next { font-size: 2em; } .album_ordinary .slide_c p { bottom: 4em } .album_gallery .slide_nav { display: none } }