锘緻charset "utf-8"; /* CSS Document */ /* reset */ html { height: 100%; } body { min-height: 100% } body { _height: 100% } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, input, select, textarea, button, p, blockquote, th, td, figure { margin: 0; padding: 0 } body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, iframe, pre, code, fieldset, legend, form, p, blockquote, figure, header, footer, nav, article, section, aside, address, figcaption { *zoom: 1 } li { list-style-type: none } h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight:normal; } iframe, frame, fieldset, img { border: 0 none } img { vertical-align: top } input[type=button], input[type=submit], input[type=reset] { cursor: pointer } button { cursor: pointer } input, textarea, button { -webkit-border-radius: 0; -webkit-appearance: none } input[type=radio] { -webkit-border-radius: 100%; -webkit-appearance: radio } input[type=checkbox] { -webkit-appearance: checkbox } input[type=search] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; -ms-box-sizing: content-box; -o-box-sizing: content-box; box-sizing: content-box } textarea { overflow: auto; resize: none } blockquote, q { quotes: none } blockquote:before, blockquote:after, q:before, q:after { content: ""; content: none } table { border-collapse: collapse; border-spacing: 0 } caption, th { text-align: left } th { font-weight: normal } em, cite, address,i { font-style: normal } sup { vertical-align: text-top } sub { vertical-align: text-bottom } body, input, select, button, textarea { color:#333; font-size: 14px; /*font-family:"Microsoft Yahei","寰蒋闆呴粦",arial,"\5b8b\4f53"; */ font-family: "瀹嬩綋" !important;font: "瀹嬩綋" !important} body { line-height: 1.5 } a:link, a:visited, a:active, a { text-decoration: none; color:#2D2E32;transition:0.5s all; -webkit-transition:0.5s all;} a:hover { color:#b92a30 ;} a { blr:expression(this.onFocus=this.blur()) } a * { *cursor: pointer } :focus { outline: none } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {opacity:0.5;} input:-moz-placeholder, textarea:-moz-placeholder {opacity:0.5;} input::-moz-placeholder, textarea::-moz-placeholder { opacity:0.5;} input:-ms-input-placeholder, textarea:-ms-input-placeholder {opacity:0.5;} .edit_con_original{ line-height:1.8; padding:0 0; color:#333;font-family: "瀹嬩綋" !important;} .edit_con_original ul{ margin:inherit; padding:inherit} .edit_con_original ul li { list-style-type:disc; margin:auto; padding:inherit} .edit_con_original ol{ margin:inherit; padding:inherit} .edit_con_original ol li { list-style-type:decimal; margin:auto; padding:inherit} .edit_con_original h1 { font-size: 2em; font-weight:bold } .edit_con_original h2 { font-size: 1.5em; font-weight:bold } .edit_con_original h3 { font-size: 1.17em; font-weight:bold } .edit_con_original h4 { font-size: 1em; font-weight:bold } .edit_con_original h5 { font-size: 0.83em; font-weight:bold } .edit_con_original h6 { font-size: 0.67em; font-weight:bold } .edit_con_original em { font-style: italic } .edit_con_original cite{ font-style: italic } .edit_con_original address{ font-style: italic } .edit_con_original i { font-style: italic } .edit_con_original table{ border-collapse: separate; border-spacing: 2px } .edit_con_original img{ max-width:100%; height:auto;} /* .edit_con_original p,.edit_con_original span,.edit_con_original em,.edit_con_original strong,.edit_con_original h1,.edit_con_original h2,.edit_con_original h3,.edit_con_original h4,.edit_con_original h5{font-family: "瀹嬩綋" !important;} .edit_con_original span,.edit_con_original p{text-indent:2em;display: inline-block;}*/ .edit_con_original p{text-indent:2em !important; line-height: 1.8em !important;} .edit_con_original p span{line-height:inherit !important;} .edit_con_original p.imgcur{text-indent:0;} /*鎵€鏈夊悗鍙扮紪杈戝櫒鍖哄煙閮借寮曠敤 edit_con_original 绫诲悕*/ /* clear 椤靛ご锛岄〉鑴氾紝鍐呭鍖洪兘涓嶇敤鍐嶅姞娓呴櫎鏍峰紡 */ .fixed:before, .clearfix:before, .cf:before, body:before, .header:before, .main:before, .footer:before { content: ''; display: table } .fixed:after, .clearfix:after, .cf:after, after, .header:after, .main:after, .footer:after { content: ''; display: table; clear: both } .fixed, .clearfix, .cf, .header, .main, .footer { *zoom: 1 } .clear, .cl { display: block!important; float: none!important; clear: both; width: auto!important; max-width: none!important; min-width: 0!important; max-height: none!important; min-height: 0!important; overflow: hidden; margin: 0!important; padding: 0!important; border: 0 none!important; font-size: 0!important; line-height: 0!important } /*鍏敤鏍峰紡end*/ .ratio-img{ width:100%; height:auto;} img.ratio-img{ width:100%; height:auto; background:url(../images/error.png) center no-repeat #fff;} .auto-bg { background-repeat:no-repeat; overflow:hidden; position:relative; background-position:center; background-size:cover; -ms-behavior: url(../css/backgroundsize.min.htc); behavior: url(../css/backgroundsize.min.htc);} .tran_scale{ overflow:hidden; display:block;} .tran_scale img{transition:1000ms all; -webkit-transition:1000ms all;} .tran_scale:hover img{transform:scale(1.1,1.1); -webkit-transform:scale(1.1,1.1);} .ellipsis{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;} .font-18{ font-size:18px;} .font-22{ font-size:22px;} .font-28{ font-size:28px;} .wrapper{width: 100%;} .wrap_index{ max-width:1660px; margin:0 auto;} .wrap_footer{ max-width:1500px; margin:0 auto;} .font-12{ font-size:12px;} .font-14{ font-size:14px;} .font-16{ font-size:16px;} .font-18{ font-size:18px;} .font-20{ font-size:20px;} .font-22{ font-size:22px;} .font-24{ font-size:24px;} .font-30{ font-size:30px;} .font-33{ font-size:33px;} .font-36{ font-size:36px;} .font-40{ font-size:40px;} .font-44{ font-size:44px;} .font-48{ font-size:48px;} .font-60 { font-size: 60px;} .font-100{ font-size:100px;} .website_sel{ float:left; width:120px; height:28px; line-height:28px; border-bottom:1px solid #A3A3A3;} /*妯℃嫙select*/ .select-wrap.disabled .select-box{ background:#eee; } .select-wrap.disabled .select-box a { color:#aaa; opacity:0.2; filter:alpha(opacity=20);} .select-wrap.disabled .select-box .ico { opacity:0.2; filter:alpha(opacity=20);} .select-box { position:relative;box-sizing:border-box; } .select-box dt a { display:block; text-indent:5px; position:relative; z-index:2; } .select-box dt a b { overflow:hidden; margin:0 12px 0 0; color:#3D3D3D; font-size:12px; display:block; text-overflow:ellipsis; white-space:nowrap; font-weight:normal;} .select-box .ico { position:absolute; right:0; top:0; width:10px; height:100%; z-index:1; background:url(../images/point.png) no-repeat right center;} .select-box dd { display:none;} .select-body-box { position:absolute; margin-top:2px; border:1px solid #ddd; border-top:0; background:#fff; box-sizing:border-box;max-height:200px; overflow:auto; z-index:111111;} .select-body-box a { display:block; padding:5px; color:#666; font-size:12px;} .select-body-box:hover a.on { background:none; color:#666;} .select-body-box a.on, .select-body-box a:hover, .select-body-box:hover a.on:hover { background:#257E44; color:#fff;} .selectmask { display:none;} .t_share{ float:left; width:178px; height:30px; margin:0 20px 0 30px;} .t_share a{width:24px; height:24px; float:left; margin:0 10px; } .t_share a.a1{background:url(../images/wb.png) no-repeat;} .t_share a.a2{background:url(../images/wx.png) no-repeat;} .t_share a.a3{background:url(../images/qq.png) no-repeat;} .t_share a.a4{background:url(../images/yx.png) no-repeat;} .t_share a.a1:hover,.t_share a.a2:hover,.t_share a.a3:hover,.t_share a.a4:hover { opacity:0.5;} /*寰俊浜岀淮鐮佸脊绐?/ .weixin { position: fixed; width: 300px; height: 260px; z-index: 100000; left: 50%; top: 50%; margin: -120px 0 0 -150px; background: #fff; border: 1px solid #ddd; border-radius: 4px; box-shadow: 1px 1px 2px #aaa; } .weixin .c { position: absolute; width: 30px; height: 30px; right: 0; top: 0; font-size: 20px; font-style: normal; text-align: center; cursor: pointer; z-index: 2; } .weixin h2 { position: relative; line-height: 30px; font-size: 16px; padding-left: 10px; } .weixin .img { padding: 10px; text-align: center; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; } .weixin .img img { width: 180px; height: 180px; } .weixin p { padding: 2px 10px 0; text-align: center; } .outlink{ float:left;} .outlink a{ padding:0 12px; font-weight:bold; font-size:13px; color:#257E44;} .lang{ float:left; margin-left:10px;} .lang em{ font-size:12px;color:#8B8B8B;} .lang a{ color:#8B8B8B;} .lang a:hover{ color:#3D3D3D;} .lang a.en{ font-family:Arial, Helvetica, sans-serif;} .search {float:left; margin-left:45px; margin-top:-5px; width:255px; height:28px; line-height:28px; border:1px solid #D1D1D1; border-radius: 20px; } .search input { height:28px; line-height:28px; float: left;box-sizing:border-box;} .search input.s_inp{ width:190px; *+margin-left:-50px; text-align:left; border:0;font-size: 12px; float: left; background: url(../images/search.png) 10px center no-repeat; padding-left:30px; color: #000} .search input.s_inp + input {float: right;width:34px; border: 0; background: url(../images/search1.png) center center no-repeat;overflow: hidden; text-indent: -100px; } .search .button {display: inline-block;float: right;width:34px; height: 28px; border: 0; background: url(../images/search1.png) center center no-repeat;overflow: hidden; text-indent: -100px; } .header{ position:fixed; z-index:10000;height: 131px; background:#fff;width: 100%;} .header .wrap{position: relative; max-width: 1280px;} .header .logo{ float:left; width:520px;margin-top: 20px;} .header .logo img{ max-width:100%; height:auto;} .top-list{ float:right; margin-left:0px;height:30px; margin-top:20px;} ul.nav { float:none; width: 100%; clear: both; padding-top: 22px;} ul.nav li { float: left; padding:0 10px 0px; margin:0 20px; position:relative; } ul.nav li.on,ul.nav li.hover{border-bottom: 4px solid #b8292f;color:#b8292f;} ul.nav li.on a,ul.nav li.hover a{color: #b8292f;} ul.nav li a{ display: block; height:36px; line-height:36px; font-size: 16px; color: #3E3E3E; } ul.nav li:last-child{ padding-right:0; margin-right:0;} /*涓嬫媺瀵艰埅 */ .header .nav li .child { overflow:hidden; opacity:0; transition:0.3s all; visibility:hidden; transform:translateY(30px); position:absolute; left:0; top:61px; background:rgba(246,244,240,0.9); width:140px;padding:40px 0; z-index:-1; } .header .nav li.hover .child{ opacity:1; height:auto; visibility:visible; transform:translateY(-10px); z-index:999; } .header .nav li .child .txt{ float:left; width:100px; padding:0 15px 0 25px;} .header .nav li.l1 .child .txt,.header .nav li.l4 .child .txt,.header .nav li.l6 .child .txt{border-right:1px dashed #838383;} .header .nav li .child .txt:last-child{ border:none;} .header .nav li .child .txt.last{ border:none;} .header .nav li .child .txt h3{font-size:16px; margin-bottom:1em; background:url(../images/dot09.jpg) left center no-repeat;} .header .nav li .child .txt h3 a{ height:auto; line-height:1; color:#262626; padding-left:15px;} .header .nav li .child .txt h3 a:hover,.header .nav li .child .txt h3 a.on{ color:#b8292f;} .header .nav li .child .txt span{ display:block; margin-left:15px;} .header .nav li .child .txt span a{font-size:14px; color:#4A4D55;height:auto; line-height:1.6;} .header .nav li .child .txt span a:hover,.header .nav li .child .txt span a.on{color:#b8292f;} .header .nav li.l4 .child,.header .nav li.l5 .child{ left:auto; right:0;} .lt9 .header .nav li .child{ background:#F6F4F0;} /*涓嬫媺瀵艰埅 End */ .headerNav .header{ height:50px; box-shadow:2px 2px 10px rgba(0,0,0,0.3); background: #fff } /*.headerNav .header .top-list{ display: none;}*/ .headerNav .header .logo{ margin-top: 10px; width: 300px} .headerNav .header ul.nav { margin:10px 0 0 0;} .headerNav .header ul.nav li{ padding:0 10px;} .header,.header *{transition: all .3s ease-in-out;} .headerNav .header .nav li .child{top:40px} .headerNav ul.nav{ float: right; width: auto; clear: inherit; padding-top: 0} .in_banner{ position: relative; width: 90%; margin:0 auto; } .in_banner li{ position:absolute; width:100%; float:none; top:0; left:0;} .in_banner li img{ width:100%; } .in_banner li .text{ position:absolute; bottom:50px; width:75%; right:10%; color:#fff; text-align:left;transition:All 0.2s ease-in-out; -webkit-transition:All 0.2s ease-in-out; -moz-transition:All 0.2s ease-in-out; -o-transition:All 0.2s ease-in-out; } .in_banner li .text p{ color:#fff; text-align:left;} .in_banner li:nth-child(2n+1) .text{ left: 10%; text-align: right;} .in_banner li:nth-child(2n+1) .text p{ left: 10%; text-align: right;} .in_banner .bx-wrapper .bx-controls-direction a{display: block;width: 40px;height: 40px;background-size: cover} .in_banner .bx-wrapper .bx-controls-direction .bx-prev{left: 5px;background-image: url(../images/index_icon05.png);} .in_banner .bx-wrapper .bx-controls-direction .bx-next{right: 5px;background-image: url(../images/index_icon06.png);} .in_banner .bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto{bottom: 30px;} @media only screen and (max-width: 767px){ .in_banner .bx-wrapper .bx-controls-direction a{display: none;} } .main{ padding:0 0 70px;} .footer{width: 100%; padding:30px 0 100px;background: #f8f8f9;position: relative; border-top: 1px solid #b8292f} .footer a:hover{ color: #b92a30} .foot_ll{ float:right; /*width:23%;*/ color:#000; margin:20px 0 0; } .foot_rr{ float:left; width:58%; *+margin-left:-1px;} .foot_ll ul li{ float:left; font-size:12px;} .foot_ll li a{ padding:0 20px; color:#000;} .foot_ll li:first-child a{ padding-left:0;} .foot_rr .cop{ margin:20px 0 0;} .foot_rr .cop span{ margin:0 0 0 20px;} .foot_rr .cop a{ color:#000;} .foot_rr .cop .xhr{ display: none;color:#585858; font-size:12px; font-family:Arial, Helvetica, sans-serif; margin-top: 20px;} .foot_rr dl{ float:left; } .foot_rr dl dd{ float:left; width:91px; font-size:12px;color:#fff; text-align:center;margin-right: 20px;} .foot_rr dl dd img{ max-width:100%; height:auto;margin:20px 0 10px;} .foot_rr dl dd:last-child{margin-right: 0} .menu_h{ display:none;} /*鍐呴〉瀵艰埅浠ュ強闈㈠寘灞?/ .other_banner {/* width:86%;*/ height:auto; position:relative; margin:0 auto; } .other_banner img { width:100%; height:auto; } .other_banner_tit { position:relative; width:100%; } .other_banner_box { color:#fff; position:relative; width: 1280px; margin:0 auto;} .other_banner_box h1{ position: absolute; bottom: 158px; left:0; color: #fff; font-size:28px;} .site{ height:58px; line-height:58px; position:absolute; left:0; bottom:100px; color:#fff;} .site a{ padding:0px 2px; display:inline-block; zoom:1; color:#fff;} .site a:hover { color:#ddd;} .site span{ padding:0px 4px;color:#fff;} .site1{text-align:right;line-height:65px;overflow:hidden;position:relative; } .site1 a{ padding:0px 2px; display:inline-block; zoom:1; color:#969696;} .site1 a:hover{color:#b92a30;} .site1 span{ padding:0px 2px;color:#000;} /*鍒嗛〉*/ /*涓婁竴椤典笅涓€椤?/ .wapper{ width:100%; margin:0px auto;padding-top:20px;} .page { vertical-align: middle; text-align: center; margin: 20px 0px; color: #808080 } .page select {display: none;} .page input { vertical-align: middle; } .page span { margin-left: 12px;font-size:12px;} .page a { vertical-align: middle; display: inline-block; width: 17px; height: 17px; line-height: 17px; text-align: center; color: #808080; margin: 0px 2px; font-family: Arial, Helvetica, sans-serif; } .page a.on { width: 17px; height: 17px; line-height: 17px; text-align: center; background-color: #c70f1a; border: 1px solid #d9d9d9; color: #fff; } .page a.prev { width: 17px; height: 17px;background:url(../images/l_s_012.jpg) no-repeat center; margin: 0px 5px 0px 0px; } .page a.next { width: 17px; height: 17px;background:url(../images/l_s_013.jpg) no-repeat center; margin: 0px 0px 0px 5px; } .page a.first { width: 40px; height: 17px; font-size: 12px; font-family: "寰蒋闆呴粦"; } .page a.last { width: 40px; height: 17px; font-size: 12px; font-family: "寰蒋闆呴粦"; } .page span.txtnum { display: inline-block; width: 17px; height: 17px; line-height: 17px; background: #efefef; border: 1px solid #d9d9d9; margin: 0px 8px; vertical-align: middle; } .page span.txtnum input { width: 17px; color: #c70f1a; height: 17px; line-height: 17px; text-align: center; font-family: Arial, Helvetica, sans-serif; font-size: 11px; background: none; border: none; } .page a.go { font-size: 13px; color: #fff;background:#b9b9b9;height:25px;width:25px;line-height:25px;} .page label{ color:#c70f1a;} /* 鍔ㄧ敾 */ @media (min-width:1000px) and (max-width:2000px) { .home04_index{/*opacity: 0;-webkit-transition:All 0.6s ease-in-out;transform:scale(0.2);-moz-transition:All 0.6s ease-in-out;transform:scale(0.2);-ms-transition:All 0.6s ease-in-out;transform:scale(0.2);-o-transition:All 0.6s ease-in-out;transform:scale(0.2);transition:All 0.6s ease-in-out;transform:scale(0.2);*/} .home04_index.cur{opacity: 1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .about_wt .wt_l{ /* transform: translateX(-100px); -webkit-transform: translateX(-100px);-ms-transform: translateX(-100px);opacity: 0;*/ transition: 0.5s all; -webkit-transition: 0.5s all; -ms-transition: 0.5s all;} .about_wt .wt_l.cur{ transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);opacity: 1;} .about_wt .wt_m{/*transform: translateY(100px); -webkit-transform: translateY(100px);-ms-transform: translateY(100px); opacity: 0;*/ transition: 0.5s all; -webkit-transition: 0.5s all;-ms-transition: 0.5s all;} .about_wt .wt_m.cur{ transform: translateY(50%); -webkit-transform: translateY(50%);-ms-transform: translateY(0); opacity: 1;} .about_wt .wt_r{/* transform: translateX(100px); -webkit-transform: translateX(100px);-ms-transform: translateX(-100px);opacity: 0;*/ transition: 0.5s all; -webkit-transition: 0.5s all; -ms-transition: 0.5s all;} .about_wt .wt_r.cur{ /* transform: translateX(0);-webkit-transform: translateX(0);-ms-transform: translateX(0);*/opacity: 1;} .news1{/*opacity: 0;-webkit-transition:All 0.6s ease-in-out;transform:scale(0.2);-moz-transition:All 0.6s ease-in-out;transform:scale(0.2);-ms-transition:All 0.6s ease-in-out;transform:scale(0.2);-o-transition:All 0.6s ease-in-out;transform:scale(0.2);transition:All 0.6s ease-in-out;transform:scale(0.2);*/} .news1.cur{opacity: 1;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1);} .in_banner{/*transform: translateY(100px); -webkit-transform: translateY(100px);-ms-transform: translateY(100px); opacity: 0;*/ transition: 0.5s all; -webkit-transition: 0.5s all;-ms-transition: 0.5s all;} .in_banner.cur { transform: translateY(0); -webkit-transform: translateY(0);-ms-transform: translateY(0); opacity: 1;} /* .index_gk02 .left{transform: translateX(100px); -webkit-transform: translateX(100px); -ms-transform: translateX(100px);opacity: 0; transition: 1s all; -webkit-transition: 1s all;-ms-transition: 1s all; transition:all 1s cubic-bezier(0.215, 0.61, 0.355, 1) 0s; } .index_gk02 .left.cur{transform: translateX(0); -webkit-transform: translateX(0);-ms-transform: translateX(0); opacity: 1;} .pro_01 .pr dl{transform: scale(0.5,0.5) rotate(3deg);-webkit-transform: scale(0.5,0.5) rotate(3deg); opacity: 0; transition: 0.5s all; -webkit-transition: 0.5s all;-ms-transition: 0.5s all; -moz-transition: 0.5s all;-o-transition: 0.5s all;} .pro_01 .pr dl.cur{ transform: scale(1,1) rotate(0deg); -webkit-transform: scale(1,1) rotate(0deg);opacity: 1;} */ .news_index{/*transform: translateY(100px); -webkit-transform: translateY(100px);-ms-transform: translateY(100px); opacity: 0; transition: 0.5s all; -webkit-transition: 0.5s all;-ms-transition: 0.5s all;*/} .news_index.cur{ transform: translateY(0); -webkit-transform: translateY(0);-ms-transform: translateY(0); opacity: 1;} } @media only screen and (max-width:1660px) { .in_banner{ width: 90%;} .wrap_index{ max-width:90%; } .wrap_index.full_width { max-width:100%; } .other_banner { width:100%; } .wrap_footer { max-width:90%; } .foot_ll { /*width: 360px;*/ } } @media only screen and (max-width: 1500px) { .foot_rr .cop span.link_xhr { display: block; margin-left: 0; } } @media only screen and (max-width:1366px) { .font-18{ font-size:16px;} .font-22{ font-size:20px;} .font-28{ font-size:24px;} .font-40{font-size:36px;} .top-list{ margin-left:236px;} ul.nav li a{ font-size:15px;} .newsbox,.servicebox,.busnessbox,.developmentbox,.adv{ margin:40px 0 0;} .main{ padding:0 0 40px;} .footer{ padding:30px 0 60px;} .bus_tabc{ height:509px;} .top-list { margin-left:0; } .other_banner_box { width: 100%; } } @media only screen and (max-width:1280px) { .in_banner{ width:100%;} .font-18{ font-size:14px;} .font-22{ font-size:18px;} .font-28{ font-size:20px;} .font-40{font-size:30px;} .top-list{ margin-left:50px;} ul.nav li a,.tab-tit li,.bus_tabt li em{ font-size:14px;} .t_share{ margin:0 10px;} .search{ margin-left:10px;} ul.nav li{ margin:0 10px;} .header .nav li .child{width:140px;} .header .nav li .child .txt span a{ font-size:12px;} .header .nav li .child .txt{ padding:0 20px; width:100px;} /*.header .nav li.l1 .child{ width:422px;} .header .nav li.l4 .child{ width:342px;} .header .nav li.l4 .child .txt{ padding:0 20px; width:130px;} .header .nav li.l6 .child{ width:282px;}*/ .newsbox,.servicebox,.busnessbox,.developmentbox,.adv{ margin:30px 0 0;} .main{ padding:0 0 30px;} .footer{ padding:30px 0;} .news_crr ul{ height:4em; overflow:hidden;} .news_crr a.more{ margin-top:10px;} .bus_tabt li img{ margin:15px auto 0;} .bus_tabc{ height:407px;} .other_banner_box { width: 100%; } .other_banner_box h1{ bottom: 38px; font-size:18px;} .site{ height:38px; line-height:38px; } .header .logo { width: 400px; } .foot_ll { float: none; } .foot_rr { float: none; width: 100%; } } @media only screen and (max-width: 1200px) { .other_banner_tit { width: auto; padding: 0 30px; } } @media only screen and (max-width:1023px) { body{font-size:12px;} .font-18{ font-size:12px;} .font-22{ font-size:14px;} .font-28{ font-size:16px;} ul.nav li a, .tab-tit li,.bus_tabt li em{ font-size:12px;} .newsbox,.servicebox,.busnessbox,.developmentbox,.adv{ margin:20px 0 0;} .main{ padding:0 0 20px;} .outlink a{ padding:0 5px;} .search{ width:185px; display:none;} .containers .search { display: block; } .search input.s_inp{ width:140px;} ul.nav li{ padding:0 0 21px;} .tab-tit{ top:20px;} .news_crr .inner{ padding-top:15%;} .news_crr .c,.news_crr ul{ height:3em;} .news_crr ul li{ height:20px; line-height:20px;} .bus_tabt li img{ max-width:50%;} .bus_tabt li em{ margin:10px 0 0;} .devlist li a.more{ width:20px; height:20px;} .foot_rr dl dd{ width:80px;} .bus_tabc{ height:305px;} .other_banner_box { width: 90%; } } @media only screen and (max-width:1024px) { /*妯℃嫙select*/ .wrap_index{ max-width:100%; } .wrap_footer{ max-width:100%; } .select-body-box { z-index:100000; position:fixed; top:50%; left:10% !important; width:80% !important; max-height:80%; } .selectmask { position:fixed; left:0; top:0; width:100%; height:100%; background:#000; opacity:0.5; z-index:2; display:block; } /**/ ul.nav { display: none; } /*鎵嬫満瀵艰埅鏍峰紡 Start*/ body.menu-open { overflow: hidden; width: 100%; height: 100%; } .menu_h { display: block; background: none; border: none; width:30px; height:20px; padding: 0; outline: none; position: absolute; right:1%; top: 50%;margin-top:-10px;z-index: 2000; } .menu_h::before, .menu_h::after, .menu_h span { background: #b8292f; } .menu_h::before, .menu_h::after { content: ''; position: absolute; height:2px; width: 100%; left: 0; top: 50%; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; -webkit-transition: -webkit-transform 0.25s; transition: transform 0.25s; } .menu_h span { position: absolute; width: 100%; height: 2px; left: 0; overflow: hidden; text-indent: 200%; -webkit-transition: opacity 0.25s; transition: opacity 0.25s; } .menu_h::before { -webkit-transform: translate3d(0, -8px, 0); transform: translate3d(0, -8px, 0); } .menu_h::after { -webkit-transform: translate3d(0, 8px, 0); transform: translate3d(0, 8px, 0); } .menu-open .menu_h span { opacity: 0; } .menu-open .menu_h::before { -webkit-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .menu-open .menu_h::after { -webkit-transform: rotate3d(0, 0, 1, -45deg); transform: rotate3d(0, 0, 1, -45deg); } .menu-open ul.nav { display: block; float: none; width: 102%; height: auto; overflow: scroll; position: fixed; top: 32px; left: -1%; z-index: 99; background: #fff; bottom: 0; } .menu-open ul.nav li { float: none; width:100%; padding:0; margin:0;} .menu-open ul.nav li.l0,.menu-open ul.nav li.l5{border-bottom: 33px solid #f6f5f1} .menu-open ul.nav li a { height:auto; font-size: 1.2em; line-height:2em; color:#fff; background: #b8292f; display: block; text-align:center; width: 100%; padding:0; margin:0;} .menu-open ul.nav li a:hover { color: #fff;} .menu-open ul.nav li .child{ margin:0; transform:translateY(0px);opacity:1; visibility:visible; position:relative; top:0; z-index:0;} .header .nav li .child,.header .nav li.l1 .child,.header .nav li.l4 .child,.header .nav li.l6 .child{ width:90%; padding:10px 5%;} .header .nav li.l1 .child .txt,.header .nav li.l4 .child .txt,.header .nav li.l6 .child .txt{ width:33.3%; padding:0; margin:0; text-align:center; border:none;} .header .nav li .child .txt span{ margin:0;} .header .nav li .child .txt h3{ font-size:14px;} .header .nav li .child .txt h3 a,.header .nav li .child .txt span a{font-size: 1em; margin:0; padding:0; background:none;} .header .nav li .child .txt h3 a.on,.header .nav li .child .txt h3 a:hover,.header .nav li .child .txt span a.on,.header .nav li .child .txt span a:hover{ } .header .nav li.l1 .child .txt,.header .nav li.l2 .child .txt,.header .nav li.l3 .child .txt,.header .nav li.l4 .child .txt,.header .nav li.l5 .child .txt,.header .nav li.l6 .child .txt,.header .nav li.l7 .child .txt{ width:100%;} .header .nav li.l1 .child .txt h3,.header .nav li.l2 .child .txt h3,.header .nav li.l3 .child .txt h3,.header .nav li.l4 .child .txt h3,.header .nav li.l5 .child .txt h3,.header .nav li.l6 .child .txt h3 ,.header .nav li.l7 .child .txt h3{ float:left; width:33.3%;} .header .nav li.l4 .child .txt{ height:120px;} .header .nav li.l4 .child .txt:last-child{ height:auto;} .header .nav li .child .txt{ padding:0;} /*鎵嬫満瀵艰埅鏍峰紡 End*/ .header{ height:auto; padding:10px 0;} .header .logo{ width:200px; margin:0;} .top-list{ display:none;} .foot_ll,.foot_rr{ width:98%; margin:1%;} .foot_ll li a{ padding:0 5px;} .foot_ll .cop{ margin:5px 0 0;} .foot_rr dl{ float:left; margin:10px 0 0;} .foot_rr dl dd{ width:70px; margin:0 10px 0 0;} .other_banner_box h1{ bottom: 30px; font-size:14px;} .site{ height:18px; line-height:18px;bottom: 10px; } .page { padding: 20px 0; height: 30px; } .page select {display: inline-block;} .page a, .page span { display: none; } .page a.prev, .page a.next { display: block; float: left; margin: 0; width: 25%;height: 21px;line-height: 21px; border: 1px solid #257e44; margin-left: 12%; } .page a.next { float: right; margin:0 12% 0 0; } .page a.prev:hover, .page a.next:hover { border: 1px solid #257e44; } .main { padding-top: 56px !important; } .wrap_footer { padding: 0 20px; } .vertical { display: block; width: 0; height: 0; font-size: 0; } .in_banner li .text p { /*display: none;*/ } } @media only screen and (max-width:500px) { .other_banner_box h1{ bottom: 20px; font-size:14px;} .site{ height:18px; line-height:18px;bottom: 3px; } .header .logo { width: 200px !important; } .header{padding-top: 20px;} } .banner li video{position: absolute;left: 0;top: 0;width: 100%;height: 100%;object-fit: cover;z-index: 2;} .vv{transition:all 0.3s;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;} .vv.cur{opacity: 0;visibility: hidden;} .banner .lhl_but div{display: block;width: 40px;height: 40px;background-size: cover} .banner .swiper-button-prev{left: 5px;background-image: url(../images/index_icon05.png);} .banner .swiper-button-next{right: 5px;background-image: url(../images/index_icon06.png);} @media only screen and (max-width: 767px){ .banner .lhl_but{display: none;} } .banner .swiper-pagination{bottom:50px;width:100%;} .banner .swiper-pagination span{ background: #fff; opacity:0.5; width:10px; height:10px; margin: 0 5px; outline: 0; -moz-border-radius:50%; -webkit-border-radius:50%; border-radius:50%; position:relative; } .banner .swiper-pagination span.swiper-pagination-bullet-active{opacity:1;} .banner li .text{ z-index: 9;position:absolute; bottom:85px; width:75%; right:10%; color:#fff; text-align:left;transition:All 0.2s ease-in-out; -webkit-transition:All 0.2s ease-in-out; -moz-transition:All 0.2s ease-in-out; -o-transition:All 0.2s ease-in-out; } .banner li .text p{ color:#fff; text-align:left;} /*.banner li:nth-child(2n+1) .text{ left: 10%; text-align: right;}*/ @media only screen and (max-width: 767px){ .banner .swiper-pagination{bottom: 30px;} .banner li video{display:none !important;} } @media only screen and (max-width:768px) { .banner li .text { display: inline-block; height: 1em; line-height: 1em; overflow: hidden; } .banner li .text br{ display: none; } } @media only screen and (max-width:500px) { bottom: auto; top: 20px; }