/****************************************reset******************************************/ * { box-sizing:border-box; margin:0; padding:0; outline:none; blr:expression(this.onFocus=this.blur()); } ol,ul,li { list-style:none; } a { color:inherit; text-decoration:none; } button,input,textarea { border-radius:0; -webkit-appearance:none; font-family:'寰蒋闆呴粦'; font-size:14px; color:#666; border:1px solid #ddd; padding:0 10px; vertical-align:middle; resize:none; } button,input[type="submit"] { cursor:pointer; } body { width:100%; font-size:14px; line-height:1.8; font-family:'寰蒋闆呴粦'; color:#666; overflow-x:hidden; } .wrap { width:90%; max-width:1440px; margin:auto; } .over { overflow:hidden; width:100%; display:block; } .l { float:left; } .r { float:right; } .img-box { display:block; } .img-box img { display:block; width:100%; } .show p { display:block; max-width:100% !important; margin:0 auto !important; height:auto !important; max-height:none !important } .show img { display:block; max-width:100% !important; margin:0 auto !important; height:auto !important; max-height:none !important } .height-170 { height:170px; } .height-120 { height:120px; } .height-70 { height:70px; } .height-60 { height:60px; } .height-50 { height:50px; } .height-40 { height:20px; } .height-30 { height:30px; } .height-20 { height:20px; } @media only screen and (max-width:1279px) { .height-170 { height:100px; } .height-120 { height:70px; } .height-70 { height:40px; } .height-60 { height:30px; } .height-50 { height:30px; } .height-40 { height:20px; } .height-30 { height:20px; } .height-20 { height:20px; } }@media only screen and (max-width:640px) { .height-170 { height:40px; } .height-120 { height:30px; } .height-70 { height:25px; } .height-60 { height:20px; } .height-50 { height:20px; } .height-40 { height:20px; } .height-30 { height:20px; } .height-20 { height:20px; } }.header .main .logo { float:left; height:42px; margin:14px 0; } .header .main .logo img { display:block; height:100%; } .header .main .nav-b { display:none; } .header .main .nav-s { display:none; } @media only screen and (min-width:1280px) { .header .main .nav-b { float:right; display:block; text-align:center; } .header .main .nav-b a { color:rgba(255,255,255,0.47); } .header .main .nav-b .li1 { height:70px; line-height:70px; margin-left:25px; display:inline-block; position:relative; } .header .main .nav-b .li1 a { display:block; padding:0 15px; font-size:16px; } .header .main .nav-b .ul2 { background:rgba(0,0,0,0.6); position:absolute; top:100%; left:50%; width:200px; margin-left:-100px; } .header .main .nav-b .ul2 li { display:block; position:relative; } .header .main .nav-b .li2 { display:block; height:100%; font-size:14px; line-height:40px; height:40px; color:#666; } .header .main .nav-b .li2 ul { left:100%; top:0; width:100%; background:rgba(0,0,0,0.6); } .header .main .nav-b li a:hover { color:rgba(255,255,255,1); } .header .main .nav-b li.cur a { color:rgba(255,255,255,1); } }@media only screen and (max-width:1279px) { .header { height:60px; } .header .main .logo { height:30px; margin:15px 0; } .header .main .nav-s { display:block; position:relative; z-index:9; } .header .main .nav-s .nav-btn { width:40px; height:40px; float:right; cursor:pointer; padding:4px; margin-top:10px; } .header .main .nav-s .nav-btn span { width:26px; height:2px; background:#fff; display:block; margin:7px auto; } .header .main .nav-s .nav { position:fixed; width:100%; top:60px; left:0; background:rgba(0,0,0,0.9); display:none; } .header .main .nav-s .nav li { position:relative; } .header .main .nav-s .nav .li1 a { font-size:15px; display:block; height:50px; line-height:50px; color:#fff; padding:0 5%; position:relative; } .header .main .nav-s .nav .li1>a:after { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#666; } .header .main .nav-s .nav .ul2 { border-bottom:1px solid #666; padding:10px; } .header .main .nav-s .nav .li2 a { font-size:12px; display:block; height:35px; line-height:35px; color:#eee; } .header .main .nav-s .btn1 { position:absolute; right:5%; top:10px; width:30px; height:30px; z-index:9; } .header .main .nav-s .btn1 .x1 { width:2px; height:16px; position:absolute; left:50%; top:50%; margin-top:-8px; margin-left:-1px; background:#fff; } .header .main .nav-s .btn1 .x2 { width:16px; height:2px; position:absolute; left:50%; top:50%; margin-left:-8px; margin-top:-1px; background:#fff; } .header .main .nav-s .li1.cur .btn1 .x1 { display:none; } }.banner { position:relative; } .banner img { display:block; width:100%; } .banner .slick-slide { position:relative } .banner .slider-for .banner-z { width:40%; margin:auto; position:absolute; z-index:9; left:50%; left:30%; top:50%; opacity:0; } .banner .slider-for .slick-current .banner-z { top:45%; transition:1s; opacity:1; } .banner .slider-nav { position:absolute; bottom:20px; left:50%; width:240px; margin-left:-120px; text-align:center; color:rgba(255,255,255,0.12); border-bottom:1px solid rgba(255,255,255,0.12); padding-bottom:5px; } .banner .slider-nav .lump { border-bottom:1px solid rgba(255,255,255,0.12); width:36px; margin:auto; padding-bottom:3px; cursor:pointer; } .banner .slider-nav .slick-current .lump { color:#fff; } .banner2 { background:no-repeat top fixed; background-size:cover; overflow:hidden; padding-top:170px; } .banner2 .txt { position:relative; } .banner2 .t1 { font-size:30px; color:#fff; position:relative; } .banner2 .t1:before { content:""; position:absolute; right:100%; width:1920px; height:1px; background:#f3f3f3; top:50%; margin-right:30px; opacity:0.2; } .banner2 .t2 { font-size:16px; color:#fff; opacity:0.6; } @media only screen and (max-width:1279px) { .banner2 { padding-top:140px; } .banner2 .t1 { font-size:24px; } .banner2 .t2 { font-size:14px; } }@media only screen and (max-width:640px) { .banner2 { padding-top:100px; } .banner2 .txt { padding-left:0; } .banner2 .t1 { font-size:18px; } .banner2 .t1:before { display:none; } .banner2 .t2 { font-size:12px; } }.banner3 img { display:block; width:100% } @media only screen and (min-width:1279px) { .banner3 .img { display:block; } }@media only screen and (max-width:600px) { .banner3 { /* margin-top:60px */ } .banner3 img { /* display:none; */ } }.web-bt-1 { font-size:0; } .web-bt-1 img { height:100%; } @media only screen and (max-width:1279px) { .web-bt-1 { height:50px; } }@media only screen and (max-width:640px) { .web-bt-1 { height:40px; } }.web-in-1 .main { overflow:hidden; } .web-in-1 .mainleft { width:26%; float:left; } .web-in-1 .mainleft .z1 { margin-top:10px } .web-in-1 .mainleft .nav li { line-height:40px; height:40px; } .web-in-1 .mainleft .nav a { font-size:16px; transition:0.2s } .web-in-1 .mainright { width:100%; float:right; } .web-in-1 .mainright .zbl-lump { overflow:hidden; } .web-in-1 .mainright .zbl-lump .txt-box { width:100%; transform:translateY(0); line-height:40px; height:40px; background:#555858; font-size:18px; color:#fff; text-align:center; } .web-in-1 .mainright img { transition:0.3s; } @media only screen and (min-width:1280px) { .web-in-1 .mainleft .nav a:hover { font-size:18px; color:#b97a46; } .web-in-1 .mainright .zbl-lump:hover img { transform:scale(1.1); opacity:3; } }@media only screen and (max-width:1279px) { .web-in-1 .mainright .zbl-lump .txt-box { bottom:0; transform:translateY(0); line-height:30px; height:30px; opacity:1; background:rgba(0,0,0,0.5); font-size:14px; } }@media only screen and (max-width:980px) { .web-in-1 .mainleft { float:none; width:100%; margin-bottom:20px; } .web-in-1 .mainleft .nav { overflow:hidden; } .web-in-1 .mainleft .nav li { display:inline-block; margin-right:30px; line-height:30px; height:30px } .web-in-1 .mainright { float:none; width:100%; } }.web-in-2 { background:url(../img/bj-in-2.jpg) no-repeat center; background-size:cover; color:rgba(255,255,255,0.4); } .web-in-2 .main { overflow:hidden; position:relative; } .web-in-2 .main .logo { position:absolute; left:0; top:0; } .web-in-2 .mainleft { float:left; width:50%; } .web-in-2 .mainleft .txt { font-size:26px; color:#333; margin-bottom:70px; } .web-in-2 .mainleft .ys { overflow:hidden; text-align:center; } .web-in-2 .mainleft .ys .lump { width:33.3%; float:left; } .web-in-2 .mainleft .ys .lump .z1 { font-size:80px; color:#b97a46; line-height:100px; } .web-in-2 .mainleft .ys .lump .z2 { font-size:32px; color:#333; } .web-in-2 .mainright { float:right; width:45%; position:relative; padding-right:20px; padding-bottom:40px; } .web-in-2 .mainright .jb { position:absolute; right:0; bottom:0; z-index:90; width:40%; } .web-in-2 .zbl-lunbo { position:relative; overflow:hidden; } .web-in-2 .zbl-lunbo .zbl-lun-box { width:100%; overflow:hidden; position:relative; padding-top:85%; } .web-in-2 .zbl-lunbo .zbl-lun-box ul { position:absolute; width:100%; height:100%; top:0; left:0; padding:0; margin:0 } .web-in-2 .zbl-lunbo .zbl-lun-box ul li { position:absolute; transition:0.4s; list-style:none } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-0 { z-index:0; width:36%; height:50%; left:32%; top:0%; opacity:0; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-1 { z-index:10; width:36%; height:60%; left:13%; top:0%; opacity:0.6; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-2 { z-index:20; width:36%; height:60%; left:7%; top:10%; opacity:0.7; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-3 { z-index:30; width:36%; height:60%; left:0%; top:20%; opacity:0.8; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-4 { z-index:40; width:36%; height:60%; left:12%; top:30%; opacity:0.9; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-5 { z-index:50; width:36%; height:60%; left:32%; top:40%; opacity:1; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-6 { z-index:40; width:36%; height:60%; left:52%; top:30%; opacity:0.9; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-7 { z-index:30; width:36%; height:60%; left:64%; top:20%; opacity:0.8; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-8 { z-index:20; width:36%; height:60%; left:57%; top:10%; opacity:0.7; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-9 { z-index:10; width:36%; height:60%; left:51%; top:0%; opacity:0.6; } .web-in-2 .zbl-lunbo .left-btn { position:absolute; width:32%; height:90%; left:0; top:0%; z-index:100; } .web-in-2 .zbl-lunbo .right-btn { position:absolute; width:32%; height:90%; right:0; top:0%; z-index:100; } .web-in-2 .zbl-lunbo .img-box { width:100%; height:100%; border:1px solid #ccc; box-sizing:border-box; } .web-in-2 .zbl-lunbo .img-box img { display:block; width:100%; height:100% !important; } @media only screen and (max-width:1279px) { .web-in-2 .main .logo { display:none; } .web-in-2 .mainleft .txt { font-size:24px; margin-bottom:50px; } .web-in-2 .mainleft .ys .lump .z1 { font-size:60px; line-height:70px; } .web-in-2 .mainleft .ys .lump .z2 { font-size:26px; } }@media only screen and (max-width:980px) { .web-in-2 .mainleft .txt { font-size:20px; margin-bottom:20px; } .web-in-2 .mainleft .ys .lump .z1 { font-size:40px; line-height:50px; } .web-in-2 .mainleft .ys .lump .z2 { font-size:20px; } .web-in-2 .mainright { padding:0; } .web-in-2 .mainright .jb { display:none; } }@media only screen and (max-width:768px) { .web-in-2 .mainleft .txt { font-size:16px; margin-bottom:10px; } .web-in-2 .mainleft .ys .lump .z1 { font-size:24px; line-height:30px; } .web-in-2 .mainleft .ys .lump .z2 { font-size:14px; } }@media only screen and (max-width:640px) { .web-in-2 .mainleft { float:none; width:100%; margin-bottom:20px; } .web-in-2 .mainleft .txt { font-size:14px; } .web-in-2 .mainright { float:none; width:90%; max-width:400px; margin:auto; } .web-in-2 .zbl-lunbo .zbl-lun-box { padding-top:55%; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-0 { z-index:0; width:0%; height:0%; left:50%; top:50%; opacity:0; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-1 { z-index:10; width:8%; height:20%; left:0%; top:40%; opacity:0.6; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-2 { z-index:20; width:15%; height:30%; left:3%; top:35%; opacity:0.7; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-3 { z-index:30; width:20%; height:60%; left:8%; top:20%; opacity:0.8; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-4 { z-index:40; width:30%; height:80%; left:17%; top:10%; opacity:0.9; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-5 { z-index:50; width:40%; height:100%; left:30%; top:0; opacity:1; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-6 { z-index:40; width:30%; height:80%; left:53%; top:10%; opacity:0.9; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-7 { z-index:30; width:20%; height:60%; left:72%; top:20%; opacity:0.8; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-8 { z-index:20; width:15%; height:30%; left:82%; top:35%; opacity:0.7; } .web-in-2 .zbl-lunbo .zbl-lun-box ul li.li-9 { z-index:10; width:8%; height:20%; left:92%; top:40%; opacity:0.6; } }.web-in-3 { background:url(../img/bj-in-3.jpg) no-repeat center; background-size:cover; color:#000; } .web-in-3 .main { position:relative; } .web-in-3 .dbt { position:absolute; left:30px; top:60px; z-index:10; } .web-in-3 .more { position:absolute; right:30px; top:60px; z-index:10; } .web-in-3 .zbl-lump { padding:200px 0 230px; border-right:1px solid rgba(255,255,255,0.2); } .web-in-3 .zbl-lump:first-child { border-left:1px solid rgba(255,255,255,0.2); } .web-in-3 .zbl-lump:before { content:""; position:absolute; top:0; height:100%; background:#0cb9b7; width:80%; opacity:0; } .web-in-3 .zbl-lump.hover1:before { left:0; width:100%; opacity:1; transition:0.8s; } .web-in-3 .zbl-lump.hover2:before { right:0; width:80%; opacity:0; transition:0.8s; } .web-in-3 .zbl-lump .box { position:relative; z-index:1; } .web-in-3 .zbl-lump .sz { font-size:48px; position:relative; padding-left:40px; margin-bottom:75px; font-weight:100; } .web-in-3 .zbl-lump .sz:before { content:""; position:absolute; left:0; top:50%; width:23px; height:4px; background:#000; } .web-in-3 .zbl-lump .bt { font-size:30px; padding:0 30px; margin-bottom:75px; } .web-in-3 .zbl-lump .txt { font-size:16px; padding:0 30px; line-height:30px; height:90px; overflow:hidden; } @media only screen and (max-width:1279px) { .web-in-3 .zbl-lump { padding:140px 0 130px; } .web-in-3 .zbl-lump .sz { font-size:30px; margin-bottom:40px; } .web-in-3 .zbl-lump .sz:before { height:3px; } .web-in-3 .zbl-lump .bt { font-size:24px; margin-bottom:40px; } }@media only screen and (max-width:980px) { .web-in-3 .zbl-lump { padding:120px 0 80px; } .web-in-3 .zbl-lump .sz { font-size:24px; margin-bottom:20px; } .web-in-3 .zbl-lump .sz:before { height:2px; } .web-in-3 .zbl-lump .bt { font-size:18px; margin-bottom:20px; } .web-in-3 .zbl-lump .txt { font-size:14px; } }@media only screen and (max-width:640px) { .web-in-3 .dbt { top:40px; } .web-in-3 .more { top:40px; font-size:12px } .web-in-3 .zbl-lump { padding:80px 0 40px; } .web-in-3 .zbl-lump .sz { display:none; } .web-in-3 .zbl-lump .bt { font-size:16px; margin-bottom:10px; } }.web-bread { padding:10px 0 } .web-bread a { margin:0 5px } .web-pages { text-align:center; overflow:hidden; width:100%; } .page_list { text-align:center; overflow:hidden; margin:auto } .page_list li { display:inline-block; } .page_list li a { width:30px; height:30px; line-height:28px; margin:6px 3px; font-size:16px; display:inline-block; vertical-align:middle; border:1px solid #666; } .page_list li span { width:30px; height:30px; line-height:28px; margin:6px 3px; font-size:16px; display:inline-block; vertical-align:middle; border:1px solid #666; } .page_list li a:hover { background:#9e713f; color:#fff; border:1px solid #9e713f; } .page_list li:nth-child(n+3):nth-last-child(n+3) span { background:#9e713f; color:#fff; border:1px solid #9e713f; } /* .page_list li a:first-child { border:1px solid #fff; background-size:70%; margin-right:15px; } */ /* .page_list li a:last-child { border:1px solid #fff; background-size:70%; margin-left:15px; } */ .web-nav-1 .main { padding:15px 0; overflow:hidden; } .web-nav-1 .main a { float:left; width:100%; line-height:40px; text-align:center; font-size:16px; background:#f5f5f5; margin-bottom:5px; } .web-nav-1 .main a.cur { color:#9e713f; } @media only screen and (max-width:1279px) { .web-nav-1 .main a { width:33.33%; } }@media only screen and (max-width:640px) { .web-nav-1 .main a { width:50%; font-size:14px; } }/*浜у搧,鏂规*/ .web-box-1 .zbl-lump { border:1px solid #dadada; } .web-box-1 .img-box { overflow:hidden } .web-box-1 .img-box img { transition:0.2s } .web-box-1 .txt-box { padding:20px; } .web-box-1 .txt-box .time { font-size:14px; color:#333; margin-bottom:15px; } .web-box-1 .txt-box .t1 { font-size:18px; color:#333; line-height:30px; height:30px; overflow:hidden; margin-bottom:15px; transition:0.2s; } .web-box-1 .txt-box .t2 { font-size:14px; color:#333; line-height:25px; height:50px; overflow:hidden; margin-bottom:35px; } .web-box-1 .txt-box .more { display:inline-block; border:1px solid #dadada; width:140px; height:45px; line-height:43px; text-align:center; font-size:16px; color:#333; transition:0.2s } @media only screen and (min-width:1280px) { .web-box-1 .img-box:hover img { transform:scale(1.1); } .web-box-1 .txt-box .more:hover { border:1px solid #9e713f; background:#366fb6; color:#fff } .web-box-1 .txt-box .t1:hover { color:#9e713f; } }@media only screen and (max-width:640px) { .web-box-1 .txt-box .time { margin-bottom:5px; } .web-box-1 .txt-box .t1 { font-size:16px; margin-bottom:5px; } .web-box-1 .txt-box .t2 { margin-bottom:15px; } .web-box-1 .txt-box .more { width:100px; height:35px; line-height:33px; font-size:14px; } }/*瑙嗛*/ .web-box-2 { }.web-box-2 .video-box { position:relative; width:100%; padding-top:45%; } .web-box-2 .video { width:100%; display:block; position:absolute; left:0; top:0; height:100%; } .web-box-2 .txt { font-size:18px; color:#333333; border:1px solid #dadada; border-top:0; line-height:76px; padding:0 20px; } @media only screen and (max-width:1280px) { .web-box-2 .txt { font-size:16px; line-height:60px; } }@media only screen and (max-width:640px) { .web-box-2 .txt { font-size:14px; line-height:40px; padding:0 10px; } }/*鏂伴椈*/ .web-box-3 { overflow:hidden; } .web-box-3 .img-box { width:490px; float:left; margin-right:40px; } .web-box-3 .txt-box { padding:20px; } .web-box-3 .txt-box .time { font-size:14px; color:#333; margin-bottom:15px; } .web-box-3 .txt-box .t1 { font-size:18px; color:#333; line-height:30px; height:30px; overflow:hidden; margin-bottom:15px; } .web-box-3 .txt-box .t2 { font-size:14px; color:#333; line-height:25px; height:50px; overflow:hidden; margin-bottom:35px; } .web-box-3 .txt-box .more { display:inline-block; width:140px; height:45px; line-height:43px; text-align:center; font-size:16px; color:#333; background:#dadada; } @media only screen and (max-width:1279px) { .web-box-3 .img-box { width:400px; margin-right:30px; } .web-box-3 .txt-box .time { margin-bottom:5px; } .web-box-3 .txt-box { padding:0; } .web-box-3 .txt-box .t2 { margin-bottom:20px; } }@media only screen and (max-width:980px) { .web-box-3 .img-box { width:315px; margin-right:20px; } .web-box-3 .txt-box .time { margin-bottom:0; } .web-box-3 .txt-box .t1 { margin-bottom:5px } .web-box-3 .txt-box .t2 { margin-bottom:5px; } .web-box-3 .txt-box .more { width:100px; height:35px; line-height:33px; font-size:14px; } }@media only screen and (max-width:640px) { .web-box-3 { margin-top:20px; } .web-box-3 .img-box { width:100%; margin-right:0; margin-bottom:20px; } .web-box-3 .txt-box .t2 { margin-bottom:10px; } }.about-1 { max-width:750px; width:100%; color:#fff; padding-left:20%; } @media only screen and (max-width:640px) { .about-1 { padding-left:0; } }.about-2 { width:100%; color:#fff; padding-left:20%; } @media only screen and (max-width:640px) { .about-2 { padding-left:0; } }.about-3 { width:100%; } .about-3 .zbl-lunbo { position:relative; overflow:hidden; padding:0 10%; } .about-3 .zbl-lunbo .zbl-lun-box { width:100%; overflow:hidden; position:relative; padding-top:55%; } .about-3 .zbl-lunbo .zbl-lun-box ul { position:absolute; width:100%; height:100%; top:0; left:0; padding:0; margin:0 } .about-3 .zbl-lunbo .zbl-lun-box ul li { position:absolute; transition:0.4s; list-style:none } .about-3 .zbl-lunbo .zbl-lun-box ul li.li-0 { z-index:10; width:8%; height:20%; left:50%; top:40%; } .about-3 .zbl-lunbo .zbl-lun-box ul li.li-1 { z-index:20; width:15%; height:30%; left:3%; top:35%; } .about-3 .zbl-lunbo .zbl-lun-box ul li.li-2 { z-index:30; width:20%; height:60%; left:8%; top:20%; } .about-3 .zbl-lunbo .zbl-lun-box ul li.li-3 { z-index:40; width:30%; height:80%; left:17%; top:10%; } .about-3 .zbl-lunbo .zbl-lun-box ul li.li-4 { z-index:50; width:40%; height:100%; left:30%; top:0; } .about-3 .zbl-lunbo .zbl-lun-box ul li.li-5 { z-index:40; width:30%; height:80%; left:53%; top:10%; } .about-3 .zbl-lunbo .zbl-lun-box ul li.li-6 { z-index:30; width:20%; height:60%; left:72%; top:20%; } .about-3 .zbl-lunbo .zbl-lun-box ul li.li-7 { z-index:20; width:15%; height:30%; left:82%; top:35%; } .about-3 .zbl-lunbo .left-btn { position:absolute; width:10%; height:20%; left:0; top:40%; z-index:100; background:url(../img/jt-2-left.png) no-repeat center; background-size:30%; } .about-3 .zbl-lunbo .right-btn { position:absolute; width:10%; height:20%; right:0; top:40%; z-index:100; background:url(../img/jt-2-right.png) no-repeat center; background-size:30%; } .about-3 .zbl-lunbo .zbl-lun-box img { }.about-3 .zbl-lunbo .img-box { width:100%; height:100%; border:1px solid #ccc; box-sizing:border-box; } .about-3 .zbl-lunbo .img-box img { display:block; width:100%; height:100% !important; } .contact .box-1 { background:url(../Images/contact.jpg) no-repeat left #ceaa7a; height:110px; position:relative; border-radius:5px; } .contact .box-1 .btn { width:153px; height:50px; line-height:45px; background:#3a3a3a; color:#fff; text-align:center; font-size:24px; position:absolute; right:7%; bottom:50%; margin-bottom:-25px; border-radius:10px; cursor:pointer; } .contact .box-2 { position:relative; overflow:hidden; } .contact .box-2 .boxleft { float:left; width:45%; overflow:hidden } .contact .box-2 .boxleft .lump { color:#fff; margin:16px 0; font-size:16px; } .contact .box-2 .boxleft .lump .img { display:inline-block; vertical-align:middle; margin-right:20px; width:30px; height:30px; background:no-repeat center; } .contact .box-2 .boxleft .lump span { display:inline-block; vertical-align:middle; } .contact .box-2 .boxright { width:55%; height:450px; float:right } @media only screen and (max-width:980px) { .contact .box-2 { padding-left:0; } .contact .box-2 .boxleft { position:initial; margin-bottom:30px; } }@media only screen and (max-width:640px) { .contact .box-1 { background-image:url(../Images/contact-s.jpg); height:90px; background-size:cover; } .contact .box-1 .btn { right:50%; margin-right:-60px; width:120px; margin-bottom:0; bottom:10px; line-height:27px; height:30px; font-size:18px; } .contact .box-2 .boxleft .lump .img { display:none; } }.tanchuang { position:fixed; z-index:100; background:#fff; border-radius:15px; overflow:hidden; width:50%; height:460px; top:50%; left:25%; margin-top:-230px; padding:10px 25px 25px; display:none; } .tanchuang .xbt { font-size:20px; margin-bottom:70px; } .tanchuang .off { background:#25242a; width:40px; height:40px; position:absolute; right:0; top:0; cursor:pointer; text-align:center; line-height:40px; color:#fff; font-size:16px; transition:0.2s; } .tanchuang .off:hover { background-color:#b97a46; } .tanchuang form .lump { float:left; width:100%; margin-bottom:40px; overflow:hidden; } .tanchuang form .lump:nth-child(1) { float:left; width:48%; } .tanchuang form .lump:nth-child(2) { float:right; width:48%; } .tanchuang form .b { font-size:16px; margin-bottom:5px; } .tanchuang form input[type="text"] { border:0; border-bottom:1px solid #ddd; display:block; width:100%; padding:0; line-height:40px; font-size:16px; } .tanchuang form textarea { border:0; border-bottom:1px solid #ddd; display:block; width:100%; padding:0; font-size:16px; } .tanchuang form input[type="submit"] { background:#b97a46; display:block; width:160px; height:50px; border:0; line-height:50px; text-align:center; margin:0 auto; font-size:20px; color:#fff; border-radius:10px; opacity:0.9; } @media only screen and (max-width:980px ) { .tanchuang { width:90%; left:5%; } }@media only screen and (max-width:640px ) { .tanchuang .xbt { margin-bottom:30px; } .tanchuang form .lump { width:100% !important; } .tanchuang form .lump { margin-bottom:25px; } }.productshow { overflow:hidden; } .productshow .show-1 { overflow:hidden; position:relative; } .productshow .show-1:before { content:""; position:absolute; top:0; left:41%; width:0; height:100%; border-right:1px dashed #d2d2d2; } .productshow .show-1 .lunbo { width:32%; float:left; background:#fff; padding-bottom:2px; } .productshow .show-1 .lunbo img { display:block; width:100%; } .productshow .show-1 .lunbo .lunbo-box { overflow:hidden; } .productshow .show-1 .lunbo .slider-for { width:100%; margin-bottom:13px; border:1px solid #ddd; padding:1px; } .productshow .show-1 .lunbo .slider-nav { position:relative; } .productshow .show-1 .lunbo .slider-nav .left { cursor:pointer; position:absolute; left:0; top:0; width:30px; height:100%; background:url(../img/jt-left.png) no-repeat center; background-size:auto 70%; } .productshow .show-1 .lunbo .slider-nav .right { cursor:pointer; position:absolute; right:0; top:0; width:30px; height:100%; background:url(../img/jt-right.png) no-repeat center; background-size:auto 70%; } .productshow .show-1 .lunbo .slider-nav .slick-slide .lump { padding:5px; } .productshow .show-1 .lunbo .slider-nav .slick-slide .lump img { display:block; width:100%; border:1px solid #ddd; } .productshow .show-1 .lunbo .slider-nav .slick-current .lump img { border:1px solid #66ad45; } .productshow .show-1 .boxright { width:50%; float:right; } .productshow .show-1 .boxright .t1 { font-size:24px; color:#bf8c47; border-bottom:1px solid #dcdcdc; line-height:55px; margin-bottom:15px; } .productshow .show-1 .boxright .t2 { font-size:16px; color:#333; margin-bottom:30px; } .productshow .show-1 .boxright .t3 { overflow:hidden; } .productshow .show-1 .boxright .t3 .lump { float:left; width:34%; line-height:40px; } .productshow .show-1 .boxright .t3 .img { display:inline-block; vertical-align:middle; width:30px; height:30px; background:no-repeat center; margin-right:10px; } .productshow .show-1 .boxright .t3 .t { font-size:14px; color:#b3813e; } .productshow .show-2 .nav-box { background:#eee; overflow:hidden; } .productshow .show-2 .nav-box .li-box { float:left; height:60px; line-height:44px; font-size:16px; padding:8px 30px; margin-right:10px; } .productshow .show-2 .nav-box .li-box span { display:inline-block; position:relative; padding-left:65px; } .productshow .show-2 .nav-box .li-box span:before { content:""; position:absolute; left:0; top:0; width:50px; height:100%; background:no-repeat center; border-right:1px dashed #676767; } .productshow .show-2 .nav-box .li-box:nth-child(1) span:before { background-image:url(../img/proshow-icon-5-b.png); } .productshow .show-2 .nav-box .li-box:nth-child(1).cur span:before { background-image:url(../img/proshow-icon-5-w.png); } .productshow .show-2 .nav-box .li-box:nth-child(2) span:before { background-image:url(../img/proshow-icon-6-b.png); } .productshow .show-2 .nav-box .li-box:nth-child(2).cur span:before { background-image:url(../img/proshow-icon-6-w.png); } .productshow .show-2 .nav-box .li-box:nth-child(3) span:before { background-image:url(../img/proshow-icon-7-b.png); } .productshow .show-2 .nav-box .li-box:nth-child(3).cur span:before { background-image:url(../img/proshow-icon-7-w.png); } .productshow .show-2 .nav-box .li-box:nth-child(4) span:before { background-image:url(../img/proshow-icon-8-b.png); } .productshow .show-2 .nav-box .li-box:nth-child(4).cur span:before { background-image:url(../img/proshow-icon-8-w.png); } .productshow .show-2 .nav-box .li-box.cur { background:#b3813e; color:#fff; } .productshow .show-2 .nav-box .li-box.cur span:before { border-right:1px dashed #fff; } .productshow .show-2 .b-box .bt { margin:50px 0 25px; font-size:18px; color:#333; font-weight:bold; } .productshow .show-2 .b-box .s-box:nth-child(1) dl { font-size:16px; margin:15px 0; } .productshow .show-2 .b-box .s-box:nth-child(1) dt { color:#333 } .productshow .show-2 .b-box .s-box:nth-child(1) dd { color:#666 } .productshow .show-2 .b-box .s-box:nth-child(3) .video-box { background:#000; position:relative; width:100%; padding-top:45%; } .productshow .show-2 .b-box .s-box:nth-child(3) .video { width:100%; display:block; position:absolute; left:0; top:0; height:100%; } .productshow .show-2 .b-box .s-box:nth-child(3) .txt { font-size:18px; color:#333333; border:1px solid #dadada; border-top:0; line-height:76px; padding:0 20px; } .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo { position:relative; padding:0 50px; } .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo .lump { border:1px solid #dadada; margin:0 15px; padding-bottom:20px; } .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo .lump .img-box { padding:10px; margin-bottom:10px; } .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo .lump .txt-box { font-size:12px; text-align:center; padding:0 10px; line-height:20px; height:20px; overflow:hidden; } .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo .left { cursor:pointer; position:absolute; left:0; top:0; width:30px; height:100%; background:url(../img/jt-1-left.png) no-repeat center; background-size:19px; } .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo .right { cursor:pointer; position:absolute; right:0; top:0; width:30px; height:100%; background:url(../img/jt-1-right.png) no-repeat center; background-size:19px; } .productshow .show-2 .b-box .s-box:nth-child(4) form { overflow:hidden; } .productshow .show-2 .b-box .s-box:nth-child(4) form .box { width:100%; margin-bottom:2.5%; position:relative; float:left; padding-right:15px; } .productshow .show-2 .b-box .s-box:nth-child(4) form .box.l { float:left; width:48.5%; } .productshow .show-2 .b-box .s-box:nth-child(4) form .box.r { float:right; width:48.5%; } .productshow .show-2 .b-box .s-box:nth-child(4) form .box .xing { position:absolute; right:0; top:0; font-size:16px; color:red; } .productshow .show-2 .b-box .s-box:nth-child(4) form .box .xbt { position:absolute; left:0; top:0; line-height:42px; padding:0 10px; } .productshow .show-2 .b-box .s-box:nth-child(4) form input[type="text"] { border:1px solid #bfbfbf; display:block; width:100%; line-height:40px; padding-left:62px; } .productshow .show-2 .b-box .s-box:nth-child(4) form textarea { border:1px solid #bfbfbf; width:100%; height:200px; padding:10px; padding-left:62px; } .productshow .show-2 .b-box .s-box:nth-child(4) form input[type="submit"] { float:left; font-size:16px; width:125px; line-height:40px; background:#b3813e; color:#fff; border:0; margin-right:3%; } .productshow .show-2 .b-box .s-box:nth-child(4) form input[type="reset"] { float:left; font-size:16px; width:125px; line-height:40px; background:#aaaaaa; color:#fff; border:0; } @media only screen and (max-width:1279px) { .productshow .show-1 .lunbo { width:37%; float:left; background:#fff; } .productshow .show-1 .boxright { width:55%; float:right; } .productshow .show-1 .boxright .t1 { font-size:20px; line-height:30px; margin-bottom:10px; padding-bottom:5px; } .productshow .show-1 .boxright .t2 { font-size:14px; margin-bottom:10px; } .productshow .show-1 .boxright .t3 .lump { width:50%; line-height:35px; } .productshow .show-2 .b-box .bt { margin:40px 0 20px; } .productshow .show-2 .b-box .s-box:nth-child(1) dl { font-size:14px; margin:10px 0; } .productshow .show-2 .b-box .s-box:nth-child(3) .txt { font-size:16px; line-height:60px; } .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo { padding:0 40px; } .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo .lump { margin:0 10px; } }@media only screen and (max-width:980px) { .productshow .show-1:before { display:none; } .productshow .show-1 .lunbo { width:100%; float:none; } .productshow .show-1 .boxright { width:100%; float:none; margin-bottom:20px; } .productshow .show-2 .nav-box .li-box { height:50px; line-height:40px; padding:5px 20px; margin-right:0; } .productshow .show-2 .nav-box .li-box span { padding-left:35px; } .productshow .show-2 .nav-box .li-box span:before { border-right:0 !important; width:30px; } .productshow .show-2 .b-box .bt { margin:30px 0 15px; } }@media only screen and (max-width:640px) { .productshow .show-1 .boxright .t1 { font-size:18px; } .productshow .show-1 .boxright .t3 .lump { width:100%; } .productshow .show-2 .nav-box .li-box { width:25%; float:left; text-align:center; padding:0; height:40px; } .productshow .show-2 .nav-box .li-box span { padding-left:0; } .productshow .show-2 .nav-box .li-box span:before { display:none; } .productshow .show-2 .b-box .bt { margin:20px 0 10px; font-size:16px; } .productshow .show-2 .b-box .s-box:nth-child(3) .txt { font-size:14px; line-height:40px; padding:0 10px; } .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo { padding:0 30px; } .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo .lump { margin:0 5px; padding-bottom:10px; } .productshow .show-2 .b-box .s-box:nth-child(3) .lunbo .lump .img-box { margin-bottom:0; } .productshow .show-2 .b-box .s-box:nth-child(4) form .box { width:100% !important; } .productshow .show-2 .b-box .s-box:nth-child(4) form .box .xbt { height:32px; line-height:32px; } .productshow .show-2 .b-box .s-box:nth-child(4) form input[type="text"] { line-height:30px; } .productshow .show-2 .b-box .s-box:nth-child(4) form textarea { height:75px; padding-top:5px; } .productshow .show-2 .b-box .s-box:nth-child(4) form input[type="submit"] { width:100px; height:35px; line-height:35px; font-size:14px; } .productshow .show-2 .b-box .s-box:nth-child(4) form input[type="reset"] { width:100px; height:35px; line-height:35px; font-size:14px; } }@media only screen and (max-width:480px) { .productshow .show-2 .nav-box .li-box { width:50%; } }.newshow .bt { text-align:center; font-size:30px; color:#383838; } .newshow .time { text-align:center; margin-bottom:40px; color:#999999; } .newshow .show { font-size:16px; color:#444; } .newshow .txt { display:inline; } .newshow .grid { margin:30px 0; } .newshow .fx { display:inline-block !important; width:15px !important; height:15px !important; } .newshow .fx .buzzButton { display:inline-block !important; width:15px !important; height:15px !important; background:url(../img/fx.png) no-repeat center !important; background-size:contain !important; } #bsBox { width:560px !important; left:50% !important; margin-left:-280px !important; box-sizing:border-box; } #bsBox .bsTop { width:100% !important; } #bsBox .bFind-wrapper-top { height:25px; position:relative; padding-left:25px; } #bsBox .bFind-wrapper-top .bFind-placeholder { position:absolute; left:4px; top:4px; } #bsBox .bFind-wrapper-top #searchBox { width:100% !important; } #bsBox .bsPlatDiv { height:313px; } #bsMorePanel { width:100% !important; height:372px !important; } #bsPanel { box-sizing:content-box; } .newshow .fy { line-height:30px; padding:15px 0; border:1px dashed #dbdbdb; border-left:0; border-right:0; overflow:hidden; } .newshow .fy .lump { float:left; width:50%; padding-right:10px; } .newshow .fy span { margin-right:5px; } .newshow .tuijian { border:1px solid #d7d7d7; } .newshow .tuijian .xbt { background:#fff; padding:0 20px; line-height:30px; display:inline-block; position:relative; top:-15px; left:20px; color:#666; font-weight:bold; } .newshow .tuijian .box { overflow:hidden; padding:15px 20px; margin-top:-30px; } .newshow .tuijian .box .lump { float:left; width:50%; border-bottom:1px dashed #d7d7d7; line-height:30px; height:30px; padding:0 10px; margin:5px 0; overflow:hidden; } @media only screen and (max-width:1280px) { .newshow .bt { font-size:24px; } }@media only screen and (max-width:980px) { .newshow .bt { font-size:18px; } .newshow .time { margin-bottom:20px; } .newshow .grid { margin:20px 0; } }@media only screen and (max-width:640px) { .newshow .bt { font-weight:normal; } .newshow .time { margin-bottom:10px; } .newshow .grid { margin:10px 0; } #bsBox { width:80% !important; margin-left:-40% !important; } .newshow .fy .lump { width:100%; float:none; } .newshow .tuijian .box .lump { width:100%; float:none; } }.jiejuefangan .main { overflow:hidden; position:relative; } .jiejuefangan .mainleft .nav-box { position:absolute; left:0; top:0; width:250px; } .jiejuefangan .mainleft .nav-box.cur { transition:0.3s; } .jiejuefangan .mainleft .nav-box .li-box { background:url(../img/jjfa-navbj.png) no-repeat center; background-size:contain; line-height:50px; font-size:18px; color:#6d3901; padding:0 30px; margin-bottom:2px; } .jiejuefangan .mainleft .nav-box .li-box.cur { text-shadow:0 1px #fff,1px 0 #fff,-1px 0 #fff,0 -1px #fff; } .jiejuefangan .mainright { width:75%; float:left; } @media only screen and (max-width:900px) { .jiejuefangan .mainright { width:100%; } }.jiejuefangan .mainright .s-box { padding-bottom:40px; } .jiejuefangan .mainright .bt { font-size:24px; line-height:40px; color:#333; font-weight:bold; border-bottom:4px solid #a0a0a0; padding-bottom:10px; margin-bottom:25px; } .jiejuefangan .mainrigh { width:100%; } .jiejuefangan .mainrigh .box-0 { overflow:hidden; margin-bottom:30px; } .jiejuefangan .mainrigh .box-0 .b1 { font-size:14px; color:#333; margin-bottom:40px; } .jiejuefangan .mainrigh .box-0 .img-box { float:left; margin-right:20px; width:45%; max-width:380px; } .jiejuefangan .mainrigh .box-0 .txt-box .t1 { font-size:18px; color:#333; font-weight:bold; margin-bottom:10px; } .jiejuefangan .mainrigh .box-0 .txt-box .t2 { color:#333; } .jiejuefangan .mainright .box-1 { font-size:14px; color:#333; } .jiejuefangan .mainright .box-2 .zbl-lump { border:1px solid #e9e9e9; text-align:center; } .jiejuefangan .mainright .box-2 .zbl-lump .txt-box { padding:15px; } .jiejuefangan .mainright .box-2 .zbl-lump .txt-box .t1 { font-size:14px; color:#333; line-height:20px; height:20px; overflow:hidden; } .jiejuefangan .mainright .box-2 .zbl-lump .txt-box .t2 { font-size:12px; color:#333; line-height:20px; height:40px; overflow:hidden; margin-bottom:10px; } .jiejuefangan .mainright .box-2 .zbl-lump .txt-box .t3 { font-size:12px; background:#d5b386; width:90px; height:30px; line-height:30px; margin:auto; } .jiejuefangan .mainright .box-3 { padding:0 60px; position:relative; } .jiejuefangan .mainright .box-3 .slider { border:1px solid #dadada; padding:10px; } .jiejuefangan .mainright .box-3 .left { cursor:pointer; position:absolute; left:0; top:0; width:30px; height:100%; background:url(../img/jt-1-left.png) no-repeat center; background-size:19px; } .jiejuefangan .mainright .box-3 .right { cursor:pointer; position:absolute; right:0; top:0; width:30px; height:100%; background:url(../img/jt-1-right.png) no-repeat center; background-size:19px; } .jiejuefangan .mainright .box-3 .lump .txt-box { font-size:12px; text-align:center; } .jiejuefangan .mainright .box-4 { text-align:center; } .jiejuefangan .mainright .box-4 .b1 { background:url() no-repeat center; background-size:auto 25%; margin-bottom:65px; height:140px } .jiejuefangan .mainright .box-4 .lump { display:inline-block; width:140px; height:140px; border-radius:50%; vertical-align:top; margin:0 10px; background:rgba(178,136,80,0.4); position:relative; } .jiejuefangan .mainright .box-4 .lump:before { content:""; position:absolute; width:90%; height:90%; left:5%; top:5%; border-radius:50%; background:#b28850; } .jiejuefangan .mainright .box-4 .lump span { position:relative; z-index:2; font-size:14px; color:#fff; } .jiejuefangan .mainright .box-4 .lump:nth-child(1) { padding:45px 10px; top:45px; } .jiejuefangan .mainright .box-4 .lump:nth-child(2) { padding:20px 10px; } .jiejuefangan .mainright .box-4 .lump:nth-child(3) { padding:35px 10px; } .jiejuefangan .mainright .box-4 .lump:nth-child(4) { padding:35px 10px; top:45px; } .jiejuefangan .mainright .box-4 .b2 { width:80%; margin:auto; } .jiejuefangan .mainright .box-4 .b2 img { display:block; width:100%; } .jiejuefangan .mainright .box-5 .zbl-lump .txt-box { width:100%; padding-top:70%; position:relative; background:url(../img/jjfa-5.png) no-repeat center; background-size:contain; transition:0.2s; } .jiejuefangan .mainright .box-5 .zbl-lump .txt-box .txt { position:absolute; left:0; top:0; width:100%; height:100%; } .jiejuefangan .mainright .box-5 .zbl-lump .txt-box .txt .t1 { font-size:16px; width:30px; height:30px; border-radius:50%; overflow:hidden; text-align:center; line-height:30px; background:#ffffff; color:#d5b386; margin:10% auto 2%; } .jiejuefangan .mainright .box-5 .zbl-lump .txt-box .txt .t2 { padding:0 10px; color:#fff; } .jiejuefangan .mainright .box-5 .zbl-lump:hover .txt-box { background-image:url(../img/jjfa-5-h.png); } .jiejuefangan .mainright .box-6 .video-box { background:#000; position:relative; width:100%; padding-top:45%; } .jiejuefangan .mainright .box-6 .video { width:100%; display:block; position:absolute; left:0; top:0; height:100%; } .jiejuefangan .mainright .box-6 .txt { font-size:18px; color:#333333; border:1px solid #dadada; border-top:0; line-height:76px; padding:0 20px; } .right1 .box-7 { border:1px solid #d8d8d8; padding:10px; overflow:hidden } .right1 .box-7 .lump { width:100%; margin:1%; line-height:46px; height:48px; border:1px solid #d8d8d8; position:relative; color:#666; font-size:14px; } .right1 .box-7 .lump .xbt { padding-left:1px; height:46px; overflow:hidden; } .right1 .box-7 .lump .xbt span { margin-right:1px; } .jiejuefangan .mainright .box-8 .lump { margin-top:25px; font-size:14px; color:#666; } .jiejuefangan .mainright .box-9 form { overflow:hidden; } .jiejuefangan .mainright .box-9 form .box { width:100%; margin-bottom:2.5%; position:relative; float:left; padding-right:15px; } .jiejuefangan .mainright .box-9 form .box.l { float:left; width:48.5%; } .jiejuefangan .mainright .box-9 form .box.r { float:right; width:48.5%; } .jiejuefangan .mainright .box-9 form .box .xing { position:absolute; right:0; top:0; font-size:16px; color:red; } .jiejuefangan .mainright .box-9 form .box .xbt { position:absolute; left:0; top:0; line-height:42px; padding:0 10px; } .jiejuefangan .mainright .box-9 form input[type="text"] { border:1px solid #bfbfbf; display:block; width:100%; line-height:40px; padding-left:62px; } .jiejuefangan .mainright .box-9 form textarea { border:1px solid #bfbfbf; width:100%; height:200px; padding:10px; padding-left:62px; } .jiejuefangan .mainright .box-9 form input[type="submit"] { float:left; font-size:16px; width:125px; line-height:40px; background:#b3813e; color:#fff; border:0; margin-right:3%; } .jiejuefangan .mainright .box-9 form input[type="reset"] { float:left; font-size:16px; width:125px; line-height:40px; background:#aaaaaa; color:#fff; border:0; } @media only screen and (max-width:1279px) { .jiejuefangan .main { padding:0; } .jiejuefangan .mainleft { display:none; } .jiejuefangan .mainright .bt { font-size:20px; } .jiejuefangan .mainright .s-box { padding-bottom:25px; } .jiejuefangan .mainrigh .box-0 { margin-bottom:25px; } .jiejuefangan .mainright .box-6 .txt { line-height:60px; font-size:16px; } }@media only screen and (max-width:980px) { .jiejuefangan .mainright .box-4 .b1 { margin-bottom:0; height:auto; padding:0 !important; overflow:hidden; background:none; } .jiejuefangan .mainright .box-4 .b2 { display:none; } .jiejuefangan .mainright .box-4 .lump { border-radius:0; padding:10px !important; width:49%; float:left; margin:0 !important; margin-right:2% !important; margin-bottom:2% !important; background:#b28850; height:70px; line-height:25px; top:0 !important; } .jiejuefangan .mainright .box-4 .lump:nth-child(2n) { margin-right:0 !important } .jiejuefangan .mainright .box-4 .lump:before { display:none; } .jiejuefangan .mainright .box-4 .lump br { display:none; } }@media only screen and (max-width:640px) { .jiejuefangan .mainright .bt { font-size:16px; line-height:35px; border-bottom:2px solid #d5b386; padding-bottom:0; margin-bottom:15px; } .jiejuefangan .mainright .s-box { padding-bottom:20px; } .jiejuefangan .mainrigh .box-0 { margin-bottom:20px; } .jiejuefangan .mainrigh .box-0 .b1 { margin-bottom:20px; } .jiejuefangan .mainrigh .box-0 .img-box { width:100%; max-width:100%; margin:0 auto 20px; } .jiejuefangan .mainrigh .box-0 .txt-box .t1 { font-size:16px; } .jiejuefangan .mainright .box-3 { padding:0 40px; } .jiejuefangan .mainright .box-4 .lump { height:95px; } .jiejuefangan .mainright .box-6 .txt { line-height:40px; font-size:14px; } .right1 .box-7 { padding:10px } .right1 .box-7 .lump { line-height:40px; height:42px; width:100%; margin:1% 0; } .right1 .box-7 .lump .time { height:42px; line-height:42px; padding:0 10px; } .right1 .box-7 .lump .xbt { padding-left:10px; height:42px; } .right1 .box-7 .lump .xbt span { margin-right:10px; } .jiejuefangan .mainright .box-8 .lump { margin-top:10px; } .jiejuefangan .mainright .box-8 .lump span { margin-right:10px; } .jiejuefangan .mainright .box-9 form .box { width:100% !important; } .jiejuefangan .mainright .box-9 form .box .xbt { height:32px; line-height:32px; } .jiejuefangan .mainright .box-9 form input[type="text"] { line-height:30px; } .jiejuefangan .mainright .box-9 form textarea { height:75px; padding-top:5px; } .jiejuefangan .mainright .box-9 form input[type="submit"] { width:100px; height:35px; line-height:35px; font-size:14px; } .jiejuefangan .mainright .box-9 form input[type="reset"] { width:100px; height:35px; line-height:35px; font-size:14px; } }.solution .main { border:1px solid #d8d8d8; padding:15px; } .solution .lump { line-height:46px; height:48px; border:1px solid #d8d8d8; position:relative; padding-right:170px; color:#666; font-size:14px; margin:20px 0; } .solution .lump .time { position:absolute; right:0; top:0; height:48px; line-height:48px; padding:0 30px; } .solution .lump .xbt { padding-left:30px; height:46px; overflow:hidden; } .solution .lump .xbt span { margin-right:20px; } .footer { color:#fff; } .footer .yqlj { color:#fff; position:relative; padding:25px 0; } .footer .yqlj:before { content:""; position:absolute; left:0; bottom:0; width:100%; height:1px; background:#000; } .footer .yqlj:after { content:""; position:absolute; left:0; bottom:-1px; width:100%; height:1px; background:#fff; opacity:0.09; } .footer .yqlj span { font-size:18px; } .footer .yqlj a { font-size:14px; display:inline-block; margin-right:25px; } .footer .grid { overflow:hidden; } .footer .grid .lump:nth-child(1) { float:left; width:40%; } .footer .grid .lump:nth-child(2) { float:right; width:38%; } .footer .grid .lump:nth-child(1) .lump2 { padding:10px 0; line-height:30px; } .footer .grid .lump:nth-child(2) .fx { border-bottom:1px dashed #999; height:50px; padding:10px 0; margin-bottom:30px; } .footer .grid .lump:nth-child(2) .fx a { display:inline-block; vertical-align:middle; margin-right:10px; } .footer .grid .lump:nth-child(2) .fx img { display:block; } .footer .grid .lump:nth-child(2) .showbot { width:100%; max-width:430px; overflow:hidden; padding-bottom:20px; } .footer .grid .lump:nth-child(2) form { width:100%; max-width:430px; overflow:hidden; padding-top:20px; } .footer .grid .lump:nth-child(2) form .f-box { float:left; margin-top:20px; background:#626262; position:relative; padding-left:40px; width:100%; } .footer .grid .lump:nth-child(2) form .f-box:nth-child(1) { width:46%; float:left; margin-top:0; } .footer .grid .lump:nth-child(2) form .f-box:nth-child(2) { width:46%; float:right; margin-top:0; } .footer .grid .lump:nth-child(2) form .f-box .bt { font-size:12px; position:absolute; left:0; top:0; line-height:30px; padding-left:10px; color:#fff; } .footer .grid .lump:nth-child(2) form input { display:block; width:100%; background:#626262; color:#fff; border:0; line-height:30px; font-size:12px; } .footer .grid .lump:nth-child(2) form textarea { width:100%; line-height:24px; border:0; padding:3px 10px; height:70px; color:#fff; background:#626262; font-size:12px; } .footer .grid .lump:nth-child(2) form input[type="submit"] { float:left; line-height:40px; font-size:16px; color:#fff; width:100%; max-width:240px; margin-top:20px; } .banquan { font-size:12px; text-align:center; color:rgba(255,255,255,0.4); background:#000; line-height:20px; padding:15px 10px; font-family:arial; } @media only screen and (max-width:1279px) { .footer .yqlj { display:none; } .footer .web-bt-1 { display:none; } }@media only screen and (max-width:640px) { .footer .grid .lump { width:100% !important; float:none !important; } .footer .grid .lump:nth-child(2) .fx { border-bottom:0; margin-bottom:0; } .footer .grid .lump:nth-child(2) form .f-box { margin-top:15px; } .footer .grid .lump:nth-child(2) form input[type="submit"] { margin-top:15px; } }.fuchuang { position:fixed; bottom:10%; right:0; z-index:101; } .fuchuang .lump { width:75px; height:75px; position:relative; overflow:hidden; cursor:pointer; margin-top:5px; } .fuchuang .lump .btn { display:block; width:100%; height:100%; background:no-repeat center; background-size:contain; transition:0.2s; position:relative; z-index:2; } .fuchuang .lump .box { position:absolute; right:0; top:0; opacity:0; transition:0.2s; } .fuchuang .lump:nth-child(1) { margin-top:0; } .fuchuang .lump:nth-child(1) .btn { background-image:url(../img/fuchuang-2.png); } .fuchuang .lump:nth-child(2) .btn { background-image:url(../img/fuchuang-3.png); } .fuchuang .lump:nth-child(3) { height:59px; } .fuchuang .lump:nth-child(3) .btn { background-image:url(../img/fuchuang-4.png); } .fuchuang .lump:nth-child(2) .box { width:160px; height:160px; } .fuchuang .lump:nth-child(2) .box img { display:block; width:100%; } .fuchuang .lump:nth-child(3) .box { width:160px; height:160px; } .fuchuang .lump:nth-child(3) .box img { display:block; width:100%; } .fuchuang .lump:hover { overflow:initial; } .fuchuang .lump:hover .box { right:100%; opacity:1; } @media only screen and (max-width:640px) { .fuchuang .lump { width:50px; height:50px; } .fuchuang .lump:nth-child(2) .box { width:85px; height:85px; } .fuchuang .lump:nth-child(3) .box { width:85px; height:85px; } .fuchuang .lump:nth-child(4) { height:30px; } }@media only screen and (max-width:1279px) { .shouji.box-5.zbl-grid { width:100% } .shouji.box-5.zbl-grid.zbl-grid { width:100% } .shouji.box-5.zbl-grid.zbl-grid.txt-box { display:none; } .shouji.box-5.zbl-grid.zbl-grid.txt-box.txt { width:100% } .shouji.box-5.zbl-grid.zbl-grid.txt-box.txt.t1 { display:none; } }.t10 { text-align:center; border:1px solid #615d5d; } .t10:hover { background-color:#333; color:#ffffff; } .right1 { width:23%; float:right; } .right1 .bt { font-size:18px; background:#a0a0a0; color:#FFF; padding-left:20px; } @media only screen and (max-width:900px) { .right1 { width:100%; } }.wrap-add { padding:20px 0; width:1440px; margin:0 auto; overflow:hidden; } .web-nav-1 { float:left; width:15%; overflow:hidden; } .web-box-2 { float:right; width:80%; overflow:hidden; } @media screen and (max-width:768px) { .wrap-add { padding:15px; width:100%; } .web-nav-1 { width:100%; } .wrap { width:100%; } .web-nav-1 .main a { width:48%; margin-left:1%; margin-right:1%; } .web-box-2 { float:right; width:100%; overflow:hidden; } #youku-playerBox { width:100% !important; height:262px !important; } .img-box { overflow-x:scroll; } .enlargeImg_wrapper { background-size:100% !important; } .m_team table { width:100% !important; } .wrap .main { padding:15px; } .contact .box-2 .boxright { width:100%; height:250px; float:right; } .contact .box-2 .boxleft { width:100%; } } .ttt{ width:25% !important; } @media only screen and (max-width:480px) { .ttt{ width:100% !important; }