.wrap{ max-width:1494px; margin:0 auto;} .main{max-width:1494px; margin: 0 auto;} .index_page .main{max-width: 1660px;} /*------------------妫f牠銆夐弽绋跨妇娴溠傜瑹----------------*/ .tittle{ position: relative;} .tittle h2{ font-size:36px; color:#b8292f; text-align:center; font-weight:normal; margin-bottom:16px;} .tittle h2 a { color: #b8292f; } .tittle .newti{ font-size:14px; color:#535353; text-align:center; color:#b4b4b4; margin-bottom:32px;} .tittle .more{font-size:15px; color:#b8292f; text-align: right; position: absolute; top: 50px; right: 0} .tittle .more a { color: #b8292f;} .home04{width:90%; margin:auto; overflow:hidden; margin-top:60px;margin-bottom:60px;} .home04_main li { width:12.5%; float:left; overflow:hidden; position:relative; } .home04_main li.on .hide_link { display: block; } .home04_main li .hide_link {position: absolute;top:0;left: 0;display: none;width: 100%;height: 100%;} .home04_main li.on { width:50%;} .home04_box { position:absolute; width:60%; top:30px; left:30px; padding:30px; display:none;} .home04_box.bottom30 { top: auto; bottom: 30px;} .home04_box h4 { font-size:36px; font-weight:normal; margin-bottom:10px;text-shadow: 3px 3px 6px #333;} .home04_box p { font-size:18px; margin-bottom:26px; } .home04_box a { display:block; width:36px; height:36px; background:url(../images/ab_bg01.png) no-repeat left center; } .home04_main li.on .home04_box { display:block;} .home04_main li h5 { font-size:24px; color:#fff; position:absolute; bottom:0; left:0; font-weight:normal; width:100%; text-align:center; padding: 10px 0;background: rgba(0,0,0,0.8)} .home04_main li.on h5 { display:none;} .industry_h{ position:relative;} .industry_h .home_bj{ position: absolute;top: 0; left:0;} .industry_h .home_bj img{ width: 100%} .industry_h .tittle h2,.industry_h .tittle .newti{ color: #fff} .industry_h .tittle h2 a,.industry_h .tittle .newti a{ color: #fff} .industry_h .tittle{ margin-top: 100px} .wrap_index.full_width { /*width: 86%;*/ } /*妫f牠銆夐柌宥囧仯妞ゅ湱娲?/ .news{ padding:0 0 20px;} .news.news_index .tittle{width: 90%; margin:auto;} .news2 { padding: 20px 0; width: 100%; margin: 20px auto;} .news ul li{ width: 28%; float: left; margin-left: 4%; margin-top: 20px;} .news ul li img{ width: 100%;} .news ul li h1{ line-height: 50px; color: #70707b; font-size: 13px; font-weight: bold;} .news ul li h1 i{ width: 19px; height: 19px; display: inline-block; background: url(../images/timer_01.png) no-repeat; vertical-align: sub; } .news ul li dl{ color: #999;} .news ul li dl h2 a{ font-weight: bold;font-size: 20px; color: #70707b} .news ul li:hover{ cursor: pointer;} .news ul li:hover dl a{ color:#b8292f } .news ul li .text{ line-height: 1.5em; height: 4.5em; overflow: hidden;} .news ul li em{ width: 50px; height: 2px; background: #005eab; display: block;} .news ul li dl h3 a{ font-weight: bold;font-size: 20px; color: #000; padding:10px 0; line-height: 50px} /*妫f牠銆夐弬浼存娑擃厼绺?/ .news1{ padding:20px 0;width: 90%;margin:20px auto;} .news1 ul{ background: #f3f3f3;height:250px } .news1 ul li:last-child em{display: none} .news1 ul li{ width: 25%; float: left; padding:30px 4% 30px 4%; position: relative;} .news1 ul li em{ width: 1px; height: 150px; position: absolute; right: 0;top:50px; background: #858585;} .news1 ul li img{ width: 100%;} .news1 ul li h1{ line-height: 30px; color: #656565; font-size: 13px; font-weight: bold;} .news1 ul li dl{ color: #999; margin-top: 20px} .news1 ul li dl h2{ font-weight: bold;font-size: 20px; color: #2D2E32} .news1 ul li:hover{ cursor: pointer;} .news1 ul li:hover h2{ color:#b8292f } .news1 ul li:hover h1{ background: #403e43; color: #fff; width: 100px; text-align: center; } .news1 ul li .text{ line-height: 2em; height: 4em; overflow: hidden; margin-top: 20px;color: #999} .news1 ul li .ico{ margin-top: 10px} .news1 ul li .ico img{ width: 19px;} /*妫f牠銆夌挧鎷岀箻閺傚洦濮?/ .about_wt{ width: 90%; margin:50px auto;} .about_wt .wt_l{ width: 35%; float: left; overflow: hidden;} .about_wt .wt_l img{ width: 100%; } .about_wt .wt_m{ width: 15%; float: left; text-align: right;} .about_wt .wt_m p.wt_name{ color: #b8292f; font-size: 36px;} .about_wt .wt_m p.wt_name a {color: #b8292f;} .about_wt .wt_m p{ font-size: 14px; color: #999} .about_wt .wt_r{ width: 48%; float: left; margin-left: 2%} .about_wt .wt_r .wt_r_img{ margin:40px 0 0;} .about_wt .wt_r .wt_r_img ul li{ float: left; width: 30%; margin-right: 2%} .about_wt .wt_r .wt_r_img ul li img{ width: 100%;} .about_wt .wt_r .wt_r_text{height: 190px; overflow: hidden;border-left: 4px solid #82828f;font-size: 16px; color: #82828f; } .about_wt .wt_r .wt_r_text p{ margin-left: 40px; height:144px;overflow: hidden} /*闁喚鍍?/ .tbg_01{position: absolute;z-index: 99999; width: 100%; background:#000; top:0; left: 0; display: none;} .box_01{position:fixed; z-index: 1000999; display: none; left:50%; margin-left: -35%; width:70%; background:#ececec; } .box_01 .colose{position: absolute; top:0px; right:-55px; width:53px; height:53px; cursor: pointer; } { overflow:hidden;} /*.lun01 ul{ width:100%; height: auto; } .lun01 li{ width:100%; margin-bottom:0; position:absolute; top:0; overflow:hidden; } .lun01 ul li{ position:absolute !important; top:0; left: 0; opacity: 0;} .lun01 ul li:first-child{ position:relative !important;opacity: 1;}*/ .lun01 .bx-wrapper .bx-pager.bx-default-pager a{background: #dddfdf;} .lun01 .bx-wrapper .bx-pager.bx-default-pager a:hover, .lun01 .bx-wrapper .bx-pager.bx-default-pager a.active{background: #fff} #box { padding:28px; position:relative; padding-bottom: 48px; } #box .jsa a { width:40px; height:40px; background:none; position:absolute;color:#000; text-align:center; text-decoration:none; top:-40px; } #box a img{ border:none;} #box #prev { right:40px; width:40px; height:40px; background:url(../images/prev01.png) no-repeat 0 center; } #box #prev:hover { background:url(../images/hover1.png) no-repeat 0 center; } #box #next { right:0; background:url(../images/nert01.png) no-repeat 0 center;} #box #next:hover { background:url(../images/hover2.png) no-repeat 0 center; } #box #img1 { width:100%; height:450px; border:none; } .jsa{ height:20px; position:relative;} #im2{ position:absolute; top:-64px; width:100px; height:100px; margin-left:-50px; left:50%; top:-34%;} .jsa h2{ font-size:16px; color:#ab966e; text-align:center; margin:20px 0;} .jsa #p1{font-size:14px; color:#333;} #p1{color: #82828f; line-height: 30px; text-align: center;} .st_s{ position: relative;} .st_s .ratio-img{ width:100% !important;} .st_s .stuents{ position:absolute; bottom: -36px; left:20px;} .lun01 li{ position: relative;} .lun01 li h3{ position: absolute; bottom: 0;left: 0; background: url(../images/geibg.png) repeat; width: 100%; height: 35px; line-height: 35px;} .lun01 li h3 span{ padding: 0 10px; color: #fff; font-size: 16px; font-weight: normal;} .lun01 .bx-wrapper .bx-pager{ text-align: right !important; bottom:34px;} .lun01 .bx-wrapper .bx-pager.bx-default-pager a{text-indent: 9999px;} /*鐠ф媽绻橀弬鍥ㄥ*/ .about_c{ overflow: hidden; padding-bottom: 50px;} .about_c .about_c01{ width: 45%;float: right;} .about_c .about_c02{ width: 40%;float: left;} .about_c02 h1{ font-size: 36px;; color:#b8292f; line-height: 44px;} .about_c02 h1 a { color: #b8292f; } .about_c02 h1 span{ font-size: 14px; color: #666; display:block; font-weight: normal;} .about_c02 h2{ font-size: 26px; color:#000; line-height: 30px; margin:20px 0;} .about_c02 p{line-height:1.8; height:5.4em; overflow:hidden;} .about_c02 .xqm{ margin: 0; margin-top: 20px;} /*娴溠傜瑹鐢啫鐪?/ .layout{position: relative;} .layout .lay_img img{ width: 100%;} .layout .lay_tittle{position: absolute;top:50px; text-align: center; left: 30%; font-size: 18px} .layout .lay_tittle em{ display: block;width: 60px; height: 2px; background: #f00; margin-left: 211px; margin-top: 10px} .layout .lay_ly{ position: absolute;top:30px; left: 20%} .layout .lay_ry{ position: absolute;top:80px; left: 75%} .layout .lay_lk{ position: absolute;bottom:80px; right: 50px} .layout .lay_cir{ border-radius: 50%; background: url(../images/tm01.png) repeat; border:1px solid #fff;padding:30px; color: #fff; text-align: center;position: absolute; width: 230px; height: 230px;} .layout .lay_cir h1{font-size: 30px; font-weight: bold; line-height: 50px; margin-top: 20px} .layout .lay_cir p{ margin-top: 20px; line-height: 25px} .layout ._1{top:300px; left:150px;} .layout ._2{top:453px; left:479px;} .layout ._3{top:373px; left:792px;} .layout ._4{top:600px; left:200px;} .layout ._5{top:777px; left:543px;} .layout ._6{top:929px; left:252px;} /*閺嶇绺炬禍褌绗?/ .core{ margin:0 0 20px 0;} .core .even{margin:30px 0; overflow: hidden;} .core .even .imgbox{float: left;width: 30%;overflow: hidden;} .core .even .imgbox img{width: 100%;} .core .even .rightbox{float: right;width: 60%;} .core .even .rightbox h3{color: #b8292f;line-height: 1.1em;font-size: 26px;font-weight: bold;margin-bottom: 10px;} @media only screen and (max-width: 768px){ .core .even .rightbox{float: none;width: 90%;margin: auto;} .core .even .rightbox h3{font-size: 20px;} .core .even .imgbox{float: none;width: 60%;margin: auto;} } .core.margin_top_no {margin-top: 0px;} .edit_con_original img { padding:0 !important; width: 95%;} .core > div.cf{margin-bottom: 30px;} .core .core_l{float: left; width: 40%;position: relative;} .core .core_l .img img{width: 100%} .core .core_l .img{ position: absolute;top:0; width: 100%; height: 100%;} .core .core_l .img_bj img{width: 100%} .core .core_r{float: left; width: 45%; margin-left: 2%} .core .core_r_detail{ width: 58%} .core .core_r h1{ font-size: 36px;; color: #b8292f; margin-top: 20px;} .core .core_r h1 a {color: #b8292f;} .core .core_r h2{ font-size: 24px; color: #000; margin:20px 0;} .core .core_r h3{ color: #000; margin:10px 0;} /*.core .core_r p{ color: #82828f;}*/ .core .core_r .more{ width: 250px; line-height: 35px; border:1px solid #eee; border-radius: 5px; display: block; text-align: center; margin-top: 20px; float:left; margin-right:20px;} .core .core_r .more:hover{ background: #b8292f; color: #fff;} .core .odd{margin:50px 0; } .core .odd .core_l{float: right;} .core .odd .core_l .img{ position: absolute;top:30px; left:-20px;right: 30px} .core .odd .core_r{margin-right: 5%} .core .about_c02{ width: 40%;float: left; margin-left: 10%;margin-top: 50px} .core .about_c02 h1{ font-size: 36px;; color:#b8292f; line-height: 44px;} .core .about_c02 h1 span{ font-size: 14px; color: #666; display:block; font-weight: normal;} .core .about_c02 h2{ font-size: 26px; color:#000; line-height: 30px; margin:20px 0;} .core .about_c02 p{line-height:1.8; height:5.4em; overflow:hidden;} .core .about_c02 .xqm{ margin: 0; margin-top: 20px;} /*娴滅儤澧犻崣鎴濈潔*/ .job_wt{ width: 1280px; margin:0 auto;} .job_wt ul li{ width: 31%; float: left; margin:0 1.166%; position: relative; color: #fff} .job_wt ul li a {display:block;color: #fff} .job_wt ul li a .bg { display: block; position: absolute; top:0; right:0; bottom: 0; left:0; background: #000; filter:alpha(opacity=30); opacity:0.3; z-index: 1; } .job_wt ul li img{width: 100%;} .job_wt ul li p{position: absolute; bottom: 50%; text-align: center;left:0;right:0;z-index: 2} .job_wt ul li p i{ width: 14px; height: 14px; margin-right: 10px; background: url(../images/timer_02.png) no-repeat 100%;background-size: 100%; display: inline-block; } .job_wt ul li h1{ position: absolute;bottom:35%; text-align: center;left:0;right:0;z-index: 2} .mt50{ margin-top: 50px !important} .job_new{padding:20px 0;} .job_new .job_zx{width: 45%; float: left;} .job_new .job_dw{width: 45%; float: right;} .job_new h2 { padding-bottom: 20px; } .job_zx .zpxx_ll .join_hi{ background: #257e44; color: #fff; margin:20px 0 0;} .job_zx .join_hi ul li{ float: left; width: 25%; text-align: center; line-height: 40px;} .job_zx .zpxx_ll .join_ti{} .join_ti ul li{ width: 100%; text-align: left; line-height: 44px; border-bottom: 1px dotted #ccc;} /*.join_ti ul li:hover{ background: #eee;}*/ .join_ti ul li dd{ width: 24%; float: left;} .join_ti ul li dd i{width: 19px; height: 19px; margin-right: 5px; background: url(../images/timer_01.png) no-repeat; display: inline-block; background-size:19px} .join_ti ul li dd.tl{ width: 28%; text-align: right;} .join_ti .more{ display: block; width: 100px; line-height: 25px; background: #959595; color: #fff; margin-top: 8px; margin-left: 50px;} .zpxx_ll h1{ line-height: 40px; font-size: 30px; text-align: left; color: #b8292f; } .zpxx_ll h1 a{ float: right; color:#b8292f; font-size: 16px ; display: block; line-height: 40px; padding-right: 20px;} .job_dw h1{ line-height: 40px; font-size: 30px; text-align: left; color: #b8292f; } .job_dw h1 a{ float: right; color:#b8292f; font-size: 16px ; display: block; line-height: 40px; padding-right: 20px;} .job_dw .job_dw_1 h3{ font-size: 24px; margin:10px 0;} .job_dw .job_dw_1 .zishen{ color: #444444} .job_dw .job_dw_1 .ziqian{ color: #82828f; margin-top: 10px; margin-bottom: 20px} /*閺嶇绺炬禍褌绗熷锝嗘瀮妞わ拷*/ .int02{position: relative;} .contact{ margin:60px 0 40px 0;} .map01{ width: 100%; height: 544px; } .address_in{ width: 422px; padding:30px 20px; filter:alpha(opacity=100); z-index:999;background:#b8292f; position:absolute; bottom:20%; right: 200px;} .address_in p{ line-height: 15px; color: #fff;} .address_in p a{color: #fff;} .address_in p i{ margin-right: 5px} .close a{ font-size: 18px; color:#b8292f; float: right; } /*閸愬懘銆夐柌宥囧仯妞ゅ湱娲?/ .keypro{ padding:0 0 20px;} .keypro ul li{ width: 31%; float: left; padding:0 14px; margin-bottom: 20px;} .keypro ul li img{ width: 100%;} .keypro ul li h1{ line-height: 50px; color: #70707b; font-size: 13px; font-weight: bold;} .keypro ul li h1 i{ width: 19px; height: 19px; display: inline-block; margin: 10px 10px 0 0; background: url(../images/timer_01.png) no-repeat; } .keypro ul li dl{ color: #999;} .keypro ul li dl h2 a{ font-weight: bold;font-size: 20px; color: #70707b} .keypro ul li:hover{ cursor: pointer;} .keypro ul li:hover dl a{ color:#b8292f } .keypro ul li .text{ line-height: 1.5em; height: 4.5em; overflow: hidden; margin-top: 20px} .keypro ul li em{ width: 50px; height: 2px; background: #005eab; display: block;} .keypro ul li dl h3 a{ font-weight: bold;font-size: 20px; color: #000; padding:10px 0; line-height: 50px} .load_img { display: none; } @media only screen and (max-width:1660px) { .home04_box { top: 0; } .home04_box h4 { font-size:30px;} .home04 h2,.home04_box h4 { margin-top:25px;} .wrap_index.full_width { width: 100%; } .wrap_index.full_width .home04 { max-width: 1280px; } .wrap_index.wrap_key { max-width: 1280px; margin: 0 auto; } .wrap_index { max-width: 100%; } } @media only screen and (max-width:1440px) { .home04{ margin:40px auto;} .home04_main li h5 { font-size:20px; } .home04_box h4 { font-size:25px;} #box #img1 { height:350px;} .industry_h .home04 { width:100%; } .industry_h .job_wt { width: 1280px; margin:0 auto; } } @media only screen and (max-width:1366px) { .home04_box h4 { font-size:20px;} .job_wt { width: 100%; } .job_wt ul { margin-left: -1.166%; margin-right: -1.166%; } .industry_h .job_wt { width: auto; padding:0 30px; } } @media only screen and (max-width:1660px) { .wrap{ width: 90%; margin:0 auto;} .header .wrap{ width: 90%; margin:0 auto;} } @media only screen and (max-width:1494px) { #box #img1 { height:300px;} .about_wt .wt_m{ width: 17%; } .about_wt .wt_r{ width: 46%;} .about_wt .wt_m p.wt_name{ font-size: 30px; } .about_wt .wt_r .wt_r_text { height: 144px; } } @media only screen and (max-width: 1024px) { .news1,.news2,.about_wt {width: 96%} .home04 h2,.home05 h2 { font-size:20px;} .home04 .newti { margin-bottom:15px;} .home04 h2,.home04_box h4 { margin-top:15px;} .home04,.home05 h2 { margin:20px 0;} .home04_box h4 { font-size:18px;} .home04_box p { font-size:14px;} .home04_box h4 { margin:10px 0;} .home04_main li { width:48% !important; margin-bottom:10px; padding:0 1%; } .home04_main li img { width:100% !important; height:auto !important;} .home04_box { width:100% !important; height:auto; left:0; margin:0; top:0; box-sizing:border-box; display:block !important;} .home04_box a{ background-size:15px } .home04_box h4 { font-size:16px;} .home04_box p { font-size:12px;} .home04_main li h5 { display: none} .tittle h2{ font-size:20px; margin-bottom:16px;} .tittle .newti{ font-size:14px; margin-bottom:32px;} .tittle .more{font-size:15px; right: 10px;top: 20px;} .home04 {width: 99%;} .header .logo {width: 320px;} .about_wt .wt_m{ width: 21%; } .about_wt .wt_r{ width: 41%;} } @media only screen and (max-width:768px) { #box #img1 { height: 240px; } .news1 ul li em { display: none; } .about_wt { width: auto; padding: 0 0px; margin-bottom:0; margin-top: 20px; } .about_wt .wt_r .wt_r_text { height: auto; border: none; padding: 10px 0; } .news1{ width: 100%;} .news2 {width: 100%;} .wrap_index{width: 96%} .news.news_index .tittle{width: 100%;} .news1 ul li{ width: 96%; padding:2%;} .news1 ul{ background: #f3f3f3;height:auto;margin: 0 0px; } .home04,.home05 h2 { margin:10px 0;width: 100%;} .home04{width: 100%; margin: auto} .home04_main li { width:100% !important; } .font-40{ font-size: 16px} .font-20{ font-size: 10px} .news ul li{ width: 98%; margin-left: 1%;} .about_c .about_c01 {width: 100%;float:left;margin-bottom: 20px;} .about_c .about_c02 {width: 100%;} .map01 { height: 400px; } .address_in { position: static; width: 100%; padding:10px 0; } .address_in p { padding: 0 20px; } .industry_h .tittle { margin-top: 30px; } .about_c02 h1 { font-size: 18px; line-height: 24px; } .about_c02 h2 { font-size: 16px; line-height: 20px; } .about_c02 .xqm img { width: 20px; } .about_c02 h1 { font-size: 18px; line-height: 24px; } .about_c02 h2 { font-size: 16px; line-height: 20px; margin: 10px 0; } .about_c { padding-bottom: 20px; } .news ul { padding: 0 20px; } .news ul li { width: 100%; padding: 0; display: block; margin: 10px 0; } .home04_main li { width: 100% !important; padding: 0 0px; } .industry_h .tittle { margin-top: 10px; } .industry_h .home04 .tittle h2 { margin-bottom: 6px; padding-top: 10px; } .core .core_l { width: 100%; } .core .core_l .img { top:0; left:0; right:0; } .core .core_r { width: 100%; margin: 0; padding-bottom:20px; } .core .odd .core_l .img { top:0; right:0; bottom:0; left:0; } .core .core_r h1 { font-size: 18px; } .core .core_r h2 { font-size: 16px; margin: 6px 0; } .keypro ul li { width: 46%; padding: 0 2% !important; } .mt50 { margin-top: 20px !important; } .job_wt ul { padding: 0; margin-left: 0; margin-right: 0; } .job_wt ul li { width: 100%; margin:10px 0; } .job_new .job_zx, .job_new .job_dw{ width: 100%; } .job_new .job_dw{ margin-top: 20px; } .core .about_c02 { width: 100%; margin: 20px 0 0; } .core .even { margin: 0 0 20px 0; } .news ul li .text { height: auto; } .about_wt .wt_l { width: 100%; } .about_wt .wt_l .wrap {width: 100%} .about_wt .wt_m { width: 100%; text-align: left; padding-top: 10px; } .about_wt .wt_m p br { display: none; } .about_wt .wt_r { width: 100%; margin-left: 0; } .about_wt .wt_r .wt_r_text p { width: 100%; margin:0; float: left; height: auto; } .about_wt .wt_r .wt_r_text p br { display: none; } .news1 ul li dl h2, .news ul li dl h2{ font-size: 16px; } .home04_box p { font-size: 16px; } .home04_box h4 { font-size: 20px; } .home04_box.bottom30 { top: 0; bottom: auto; } .load_img { display: block; background: #000; opacity: 0.6; position: fixed; top: 0; right: 0; bottom: 0; left: 0; z-index: 10002; text-align: center; vertical-align: middle; } .load_img img { position: absolute; top: 50%; left: 50%; margin-top: -12px; margin-left: -12px; } .load_img.hide { display: none; } .in_banner li .text { display: inline-block; height: 1em; line-height: 1em; overflow: hidden; } .in_banner li .text br{ display: none; } .industry_h .job_wt { width: 95%; margin:0 auto; padding: 0; } .home04_main li .hide_link { display: block; } .news ul{padding: 0} } @media only screen and (max-width: 640px) { .keypro ul li { padding: 10px 0 !important; } .core .about_c02 h1 { font-size: 18px; line-height: 24px; } .core .about_c02 .xqm { margin-top: 10px; } .tittle h2 { font-size: 18px; line-height: 24px; margin-bottom: 0; } .zpxx_ll h1, .job_dw h1{ font-size: 18px; line-height: 24px; } .job_dw .job_dw_1 h3 { font-size: 18px; line-height: 24px; } .news ul li dl h2 a { font-size: 16px; line-height: 22px; } .news ul li h1 { line-height: 30px; margin-top: 10px; } .map01 { height: 300px; } .industry_h .tittle.mt50 { margin-top: 0!important; } .industry_h .home04 .tittle h2 { margin-top: 0px; } } @media only screen and (max-width:500px) { #box #img1 { height: 140px; } .font-40{ font-size: 12px} .in_banner li .text{bottom:25px;} .news1 ul li dl h2{ font-size: 14px;} .news ul li dl h2{ font-size: 14px;} .industry_h .home_bj { height: 70px; width: 100%; overflow: hidden; } .industry_h .home_bj img { width: 100%; height: 100%; } .tittle .newti { margin-bottom: 20px; } .join_ti ul li dd, .join_ti ul li dd.tl { width: 33.333%; } .join_ti ul li dd.education { display: none; } .map01 { height: 220px; } .home04_box p { font-size: 12px; } .home04_box h4 { font-size: 16px; } } .rightvideo{ position:relative;} .video_appbox{ position:fixed; width:100%; height:100%; top:0; left:0; z-index:1000; display:none;z-index: 9999999999;} .video_appbox .video_t{ left:10%; top:15%; position:absolute; height:70%; width:80%; z-index:2; background:#000;} .video_appbox .mask{ position:absolute; z-index:1; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.5);} .lt9 .video_appbox .mask{filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr="#88000000", EndColorStr="#88000000");} .rightvideo .video_btn{ position:absolute; top:50%; left:50%; margin-top:-25px; margin-left:-26px;} .rightvideo .bg{ width:100%; height:100%; position:absolute; top:0; left:0; background: url(../images/video_bg.png) repeat;} .vide0_close{ position:absolute; top:12%; right: 10%; cursor:pointer; z-index: 99999;} /*2017-5-8淇敼*/ .in_banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom:50px;} @media only screen and (max-width: 767px){ .in_banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 5px;} } .in_banner li .text{bottom: 85px;} .slidenews{position: absolute;height: 50px;line-height: 50px;color: #fff;width: 90%;margin: auto;top: -50px;z-index: 999;left: 50%;margin-left: -45%;} .wrap_index{position: relative;} .slidenews h3{background: #9b0f14;width:12%;text-align: center;float: left;font-size: 24px;} .slidenews .slidebox{float: left;background: rgba(184,41,47,0.8);width: 88%;position: relative;height: 50px;overflow: hidden;} .slidenews .slidebox ul{height: 2000%;position: relative;} .slidenews .slidebox li{padding-left: 30px;width: 80%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;} .slidenews .slidebox li a{color: #fff;} .slidenews .slidebox li a span{display: inline-block;margin-right: 20px;font-weight: bold;} .slidenews .but{position: absolute;right: 22px;height: 50px;width: 19px;} .slidenews .but a{display: block;position: absolute;width: 19px;height: 11px;left: 0;background-repeat: no-repeat!important;background-size: contain!important;} .slidenews .but a.prev{top: 9px;background: url(../images/top.png);} .slidenews .but a.prev:hover{background: url(../images/top_on.png);} .slidenews .but a.next{bottom: 9px;background: url(../images/bottom.png);} .slidenews .but a.next:hover{background: url(../images/bottom_on.png);} @media only screen and (max-width: 1024px){ .slidenews{width: 96%; margin-left: -48%;} } @media only screen and (max-width: 1280px){ .slidenews h3{font-size: 18px;} } @media only screen and (max-width: 768px){ .slidenews{top: -30px;height: 30px;line-height: 30px;width: 100%;left: 0;margin-left: 0} .slidenews h3{font-size: 16px;height: 30px;line-height: 30px;width: 70px;} .slidenews .slidebox{height: 30px;line-height: 30px;width: calc(100% - 70px)} .slidenews .but{height: 30px;} .slidenews .but a{width: 10px;height: 6px;} .slidenews .but a.prev{top: 5px;} .slidenews .but a.next{bottom: 5px;} .slidenews .slidebox li{width: calc(100% - 50px);box-sizing: border-box;} }