@charset "utf-8";
/* CSS Document */

html, body { width:100%;}
body { font-family:"微软雅黑", "Microsoft YaHei", arial, sans-serif; font-size:14px; line-height:1.5; color:#333; background:#fff; -webkit-text-size-adjust:100% !important; text-size-adjust:100% !important; -moz-text-size-adjust:100% !important;}
a { text-decoration:none; color:#333; -webkit-tap-highlight-color:transparent; }
* { list-style:none; margin:0; border:none; outline:none; padding:0; }
.fl { float:left; }
.fr { float:right; }
.ov { overflow:hidden; }
.dis { display:block !important; }
.dn { display:none; }
.clear { clear:both; }
.clear:after { content:""; display:block; clear:both; }
 input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
color:#999;
}
 input:-moz-placeholder, textarea:-moz-placeholder {
color:#999;
}
 input::-moz-placeholder, textarea::-moz-placeholder {
color:#999;
}
 input:-ms-input-placeholder, textarea:-ms-input-placeholder {
color:#999;
}
input, select, textarea { -webkit-appearance:none; }
input[type=checkbox] { -webkit-appearance:checkbox; }
@font-face { font-family:fine; src:url(../fonts/Bodoni.woff2) }

/*@font-face {

	font-family:ggt;

	src:url(../fonts/ggt.woff2)

}*/



/*header*/

@media screen and (min-width:1280px) {
.header { width:100%; position:fixed; left:0; top:0; height:141px; background-color:#fff; box-shadow:0 7px 7px rgba(0,0,0,.14); z-index:99; }
.header .head { min-width:1200px; width:80%; height:94px; margin:auto; }
.header .head .left { float:left; display:flex; align-items:center; height:100%; }
.header .head .left .logo { height:50px; }
.header .head .left .logo img { display:block; height:50px; }
.header .head .left .logo img.img02 { display:none; }
.header .head .left .logo01 { margin-left:20px; }
.header .head .left .logo01 span { font-size:24px; line-height:30px; height:30px; overflow:hidden; color:#c30d23; display:flex; align-items:center; font-family:'黑体'; font-weight:bold; }
.header .head .left .logo01 span b { width:6px; height:6px; display:block; border-radius:100%; margin:0 9px; background-color:#c30d23; overflow:hidden; }
.header .head .left .logo01 p { font-size:14px; line-height:22px; height:22px; overflow:hidden; color:#333; }
.header .head .right { height:60px; float:right; padding:17px 0; }
.header .head .right .ss { float:right; height:60px; padding-left:30px; margin-left:30px; border-left:1px solid #eee; width:300px; display:none; align-items:center; }
.header .head .right .ss p { display:block; width:100%; height:30px; border-radius:30px; box-sizing:border-box; border:1px solid #ddd; }
.header .head .right .ss p .text { width:230px; display:block; float:left; margin-left:15px; height:28px; line-height:28px; overflow:hidden; }
.header .head .right .ss p .sub { width:24px; height:24px; display:block; float:right; margin:2px; border-radius:100%; background-color:#c30d23; overflow:hidden; cursor:pointer; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; }
.header .head .right .ss span { width:calc(100% + 10px); display:flex; flex-wrap:wrap; overflow:hidden; margin-top:3px; font-size:14px; line-height:24px; height:24px; }
.header .head .right .ss span a { margin-right:10px; display:block; }
.header .head .right .tel { padding-top:4px; float:right; }
.header .head .right .tel span { display:block; overflow:hidden; }
.header .head .right .tel span img { display:block; float:right; margin:5px 6px; height:14px; }
.header .head .right .tel span a { display:block; float:right; font-size:14px; line-height:24px; height:24px; color:#666; }
.header .head .right .tel b { display:block; overflow:hidden; font-size:24px; line-height:28px; height:28px; color:#c30d23; }
.header .nav { width:100%; height:46px; border-top:1px solid #eee; }
.header .nav ul { width:1196px; margin:auto; height:46px; display:block; }
.header .nav li { display:block; float:left; width:132px; padding-right:1px; height:100%; position:relative; text-align:center; background-image:url(../images/nav_11.jpg); background-position:right center; background-repeat:no-repeat; }
.header .nav li:last-child { padding-right:0; background-image:none; }
.header .nav li>a { width:100%; height:46px; display:block; line-height:46px; font-size:16px; }
.header .nav li:hover>a, .header .nav li.on>a { color:#c30d23; }
.header .nav li svg { display:none; }
.header .nav li p { display:none; padding:10px 20px; background:rgba(255,255,255,.7); width:92px; position:absolute; left:0; top:100%; z-index:99; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.header .nav li p a { display:block; color:#333; font-size:14px; line-height:30px; text-align:center; height:30px; overflow:hidden; }
.header .nav li p a:hover { color:#c30d23; }
.header .nav li:hover p { display:block; }
.header .nav .di { display:none; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.header { width:100%; height:131px; position:fixed; left:0; top:0; background-color:#fff; box-shadow:0 7px 7px rgba(0,0,0,.14); z-index:99; }
.header .head { width:94%; height:90px; margin:auto; }
.header .head .left { float:left; display:flex; align-items:center; height:100%; }
.header .head .left .logo { height:50px; }
.header .head .left .logo img { display:block; height:50px; }
.header .head .left .logo img.img02 { display:none; }
.header .head .left .logo01 { margin-left:1vw; }
.header .head .left .logo01 span { font-size:24px; line-height:30px; height:30px; overflow:hidden; color:#c30d23; display:flex; align-items:center; font-family:'黑体'; font-weight:bold; }
.header .head .left .logo01 span b { width:6px; height:6px; display:block; border-radius:100%; margin:0 9px; background-color:#c30d23; overflow:hidden; }
.header .head .left .logo01 p { font-size:14px; line-height:22px; height:22px; overflow:hidden; color:#333; }
.header .head .right { height:60px; float:right; padding:15px 0; }
.header .head .right .ss { width:250px; float:right; height:60px; padding-left:2vw; margin-left:2vw; border-left:1px solid #eee; display:none; align-items:center; }
.header .head .right .ss p { display:block; width:100%; height:30px; border-radius:30px; box-sizing:border-box; border:1px solid #ddd; }
.header .head .right .ss p .text { width:calc(100% - 45px); display:block; float:left; margin-left:10px; height:28px; line-height:28px; overflow:hidden; }
.header .head .right .ss p .sub { width:24px; height:24px; display:block; float:right; margin:2px; border-radius:100%; background-color:#c30d23; overflow:hidden; cursor:pointer; background-image:url(../images/ser.png); background-position:center; background-repeat:no-repeat; }
.header .head .right .ss span { width:calc(100% + 10px); display:flex; flex-wrap:wrap; overflow:hidden; margin-top:3px; font-size:14px; line-height:24px; height:24px; }
.header .head .right .ss span a { margin-right:10px; display:block; }
.header .head .right .tel { padding-top:4px; float:right; }
.header .head .right .tel span { display:block; overflow:hidden; }
.header .head .right .tel span img { display:block; float:right; margin:5px 6px; height:14px; }
.header .head .right .tel span a { display:block; float:right; font-size:14px; line-height:24px; height:24px; color:#666; }
.header .head .right .tel b { display:block; overflow:hidden; font-size:24px; line-height:28px; height:28px; color:#c30d23; }
.header .nav { width:100%; height:40px; border-top:1px solid #eee; }
.header .nav ul { width:94%; margin:auto; height:40px; display:block; }
.header .nav li { display:block; float:left; width:calc((100% - 8px)/9); padding-right:1px; height:100%; position:relative; text-align:center; background-image:url(../images/nav_11.jpg); background-position:right center; background-repeat:no-repeat; }
.header .nav li:last-child { padding-right:0; background-image:none; }
.header .nav li>a { width:100%; height:40px; display:block; line-height:40px; font-size:15px; }
.header .nav li:hover>a, .header .nav li.on>a { color:#c30d23; }
.header .nav li svg { display:none; }
.header .nav li p { display:none; padding:10px 20px; background:rgba(255,255,255,.7); width:92px; position:absolute; left:0; top:100%; z-index:99; border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.header .nav li p a { display:block; color:#333; font-size:14px; line-height:30px; text-align:center; height:30px; overflow:hidden; }
.header .nav li p a:hover { color:#c30d23; }
.header .nav li:hover p { display:block; }
.header .nav .di { display:none; }
}
 @media only screen and (max-width:1023px) {
.header { width:100%; height:60px; position:fixed; left:0; top:0; background-color:#fff; box-shadow:0 7px 7px rgba(0,0,0,.14); z-index:99; }
.header .head { width:94%; height:60px; margin:auto; position:relative; }
.header .head .left { float:left; display:flex; align-items:center; height:100%; }
.header .head .left .logo { height:36px; }
.header .head .left .logo img { display:block; height:36px; }
.header .head .left .logo img.img01 { display:none; }
.header .head .left .logo01 { margin-left:5px; }
.header .head .left .logo01 span { font-size:18px; line-height:22px; height:22px; overflow:hidden; color:#c30d23; display:flex; align-items:center; font-family:'黑体'; font-weight:bold; }
.header .head .left .logo01 span b { width:4px; height:4px; display:block; border-radius:100%; margin:0 3px; background-color:#c30d23; overflow:hidden; }
.header .head .left .logo01 p { font-size:12px; line-height:16px; height:16px; overflow:hidden; color:#333; }
.header .head .right { display:none; }
.header .head .menu { width:24px; background-color:transparent; height:22px; margin:18px 0; position:relative; float:right; }
.header .head .menu::after { content:""; display:block; width:100%; height:2px; position:absolute; background:#333; bottom:0; left:0; transition:all 0.3s; }
.header .head .menu::before { content:""; display:block; width:100%; height:2px; position:absolute; background:#333; top:0; left:0; transition:all 0.3s; }
.header .head .menu span { display:block; height:2px; width:100%; background:#333; position:absolute; left:0; top:50%; margin-top:-1px; }
.header .head .menu.on span { opacity:0; }
.header .head .menu.on::after { transform:rotate(-45deg); top:50%; }
.header .head .menu.on::before { transform:rotate(45deg); top:50%; }
.header .nav { width:100%; height:0; position:absolute; left:0; top:59px; z-index:999; background-color:#f7f7f7; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.header .open.nav { height:calc(100vh - 60px); }
.header .nav ul { display:block; height:calc(100vh - 109px); overflow:auto; }
.header .nav ul li { font-size:16px; font-weight:500; display:block; border-bottom:1px solid #eee; position:relative; }
.header .nav ul li:last-child { border-bottom:none; }
.header .nav ul li a { color:#333; display:block; }
.header .nav ul li>a { text-transform:uppercase; padding:12px 3%; width:calc(94% - 40px); font-size:16px; line-height:26px; height:26px; overflow:hidden; }
.header .nav ul li b { display:block; width:16px; padding:17px 3%; position:absolute; right:0; top:0; -webkit-transition:all .3s; -o-transition:all .3s; transition:all .3s; }
.header .nav ul li svg { height:16px; display:block; color:#666; }
.header .nav ul li.active>a { color:#c30d23; }
.header .nav ul li.active b { transform:rotate(180deg); -ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg); -o-transform:rotate(180deg); }
.header .nav ul li.active { border-bottom:none; }
.header .nav ul li p { padding:10px 8%; background-color:#f1f1f1; display:none; text-align:left; overflow:hidden; }
.header .nav ul li.active p { display:block; }
.header .nav ul li p a { padding:10px 0; border-bottom:1px solid #ddd; font-size:14px; line-height:18px; display:block; text-transform:capitalize; color:#333; }
.header .nav ul li p a:hover { color:#c30d23; }
.header .nav ul li p a:last-child { border-bottom:none; }
.header .nav .di { width:94%; height:50px; padding:0 3%; background-color:#fff; }
.header .nav .di a { width:calc(50% - 20px); font-size:16px; line-height:50px; float:left; display:flex; justify-content:center; align-items:center; }
.header .nav .di a img { display:block; float:left; height:16px; margin:17px 5px; margin-left:0; }
.header .nav .di b { width:40px; display:block; float:left; padding:17px 0; }
.header .nav .di b img { display:block; height:16px; margin:auto; }
}
@media only screen and (max-width:406px) {
.header .head .menu { width:24px; background-color:transparent; height:22px; margin:18px 0; position:absolute; right:0; top:0; float:right; }
}


/*免费报价*/

@media screen and (min-width:1280px) {
.layui-layer-shade { top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.9); position:fixed; z-index:990; display:none; }
.layui-layer-shade01 { top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); position:fixed; z-index:990; display:none; }
.dialog-znzf-con { overflow:hidden; z-index:999; width:560px; position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:none; }
.dialog-znzf-con .fd-close { position:absolute; top:20px; right:20px; z-index:3; width:30px; height:30px; cursor:pointer; }
.dialog-znzf-con .fd-close img { width:100%; display:block; }
.dialog-znzf-con .left { width:100%; padding:50px; box-sizing:border-box; padding-top:45px; background-position:center; background-repeat:no-repeat; background-size:cover; }
.dialog-znzf-con .right { display:none; width:30%; height:100%; position:absolute; right:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; }
.dialog-znzf-con .left .bt { font-size:24px; line-height:34px; color:#fff; margin-bottom:5px; font-weight:400; }
.dialog-znzf-con .left .bt01 { font-size:16px; line-height:26px; color:#fff; }
.dialog-znzf-con .left .bt01 b { color:#c30d23; }
.dialog-znzf-con .left .inp { width:calc(100% - 30px); height:38px; padding:0 14px; border:solid 1px #eaeaea; border-radius:5px; margin-top:25px; }
.dialog-znzf-con .left .inp input { width:100%; height:38px; line-height:38px; font-size:14px; background-color:transparent; color:#fff; border-radius:5px; display:block; overflow:hidden; }
.dialog-znzf-con .left .btn { margin-top:30px; text-align:center; }
.dialog-znzf-con .left .btn button { width:100%; border-radius:5px; background-color:#c30d23; color:#fff; cursor:pointer; font-size:14px; overflow:hidden; font-weight:700; height:40px; line-height:40px; }
.dialog-znzf-con.layui-layer02 .left { float:right; }
.dialog-znzf-con.layui-layer02 .right { left:0; right:auto; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.layui-layer-shade { top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.9); position:fixed; z-index:990; display:none; }
.layui-layer-shade01 { top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); position:fixed; z-index:990; display:none; }
.dialog-znzf-con { overflow:hidden; z-index:999; width:560px; position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:none; }
.dialog-znzf-con .fd-close { position:absolute; top:20px; right:20px; z-index:3; width:30px; height:30px; cursor:pointer; }
.dialog-znzf-con .fd-close img { width:100%; display:block; }
.dialog-znzf-con .left { width:100%; padding:50px; box-sizing:border-box; padding-top:45px; background-position:center; background-repeat:no-repeat; background-size:cover; }
.dialog-znzf-con .right { display:none; width:30%; height:100%; position:absolute; right:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; }
.dialog-znzf-con .left .bt { font-size:24px; line-height:34px; color:#fff; margin-bottom:5px; font-weight:400; }
.dialog-znzf-con .left .bt01 { font-size:16px; line-height:26px; color:#fff; }
.dialog-znzf-con .left .bt01 b { color:#c30d23; }
.dialog-znzf-con .left .inp { width:calc(100% - 30px); height:38px; padding:0 14px; border:solid 1px #eaeaea; border-radius:5px; margin-top:25px; }
.dialog-znzf-con .left .inp input { width:100%; height:38px; line-height:38px; font-size:14px; background-color:transparent; color:#fff; border-radius:5px; display:block; overflow:hidden; }
.dialog-znzf-con .left .btn { margin-top:30px; text-align:center; }
.dialog-znzf-con .left .btn button { width:100%; border-radius:5px; background-color:#c30d23; color:#fff; cursor:pointer; font-size:14px; overflow:hidden; font-weight:700; height:40px; line-height:40px; }
.dialog-znzf-con.layui-layer02 .left { float:right; }
.dialog-znzf-con.layui-layer02 .right { left:0; right:auto; }
}
 @media only screen and (max-width:1023px) {
.layui-layer-shade { top:0; left:0; width:100%; height:100%; background-color:rgba(255,255,255,0.9); position:fixed; z-index:990; display:none; }
.layui-layer-shade01 { top:0; left:0; width:100%; height:100%; background-color:rgba(0,0,0,0.3); position:fixed; z-index:990; display:none; }
.dialog-znzf-con { overflow:hidden; z-index:999; width:94%; position:fixed; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); display:none; }
.dialog-znzf-con .fd-close { position:absolute; top:15px; right:15px; z-index:3; width:30px; height:30px; cursor:pointer; }
.dialog-znzf-con .fd-close img { width:100%; display:block; }
.dialog-znzf-con .left { width:100%; padding:30px 15px; box-sizing:border-box; padding-top:25px; background-position:center; background-repeat:no-repeat; background-size:cover; }
.dialog-znzf-con .right { display:none; width:100%; height:200px; background-position:center; background-repeat:no-repeat; background-size:cover; }
.dialog-znzf-con .left .bt { font-size:18px; line-height:28px; color:#fff; font-weight:400; }
.dialog-znzf-con .left .bt01 { font-size:14px; line-height:24px; color:#fff; }
.dialog-znzf-con .left .bt01 b { color:#c30d23; }
.dialog-znzf-con .left .inp { width:calc(100% - 30px); height:34px; padding:0 14px; border:solid 1px #eaeaea; border-radius:5px; margin-top:15px; }
.dialog-znzf-con .left .inp input { width:100%; height:34px; line-height:34px; font-size:14px; background-color:transparent; color:#fff; border-radius:5px; display:block; overflow:hidden; }
.dialog-znzf-con .left .btn { margin-top:20px; text-align:center; }
.dialog-znzf-con .left .btn button { width:100%; border-radius:5px; background-color:#c30d23; color:#fff; cursor:pointer; font-size:14px; overflow:hidden; font-weight:700; height:36px; line-height:36px; }
}
 @media screen and (min-width:1280px) {
.layui-layer04 { width:800px; height:600px; }
.layui-layer04 .layer01 { position:absolute; left:443px; top:108px; }
.layui-layer04 .layer01 .inp { width:315px; height:55px; padding:0 17px; box-sizing:border-box; margin-bottom:45px; }
.layui-layer04 .layer01 .inp input { color:#333; width:100%; height:55px; line-height:55px; overflow:hidden; font-size:20px; display:block; background-color:transparent; }
.layui-layer04 .layer02 { position:absolute; left:443px; bottom:117px; width:315px; height:55px; opacity:0; }
.layui-layer04 .layer02 button { width:100%; display:block; height:55px; cursor:pointer; overflow:hidden; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.layui-layer04 { width:800px; height:600px; }
.layui-layer04 .layer01 { position:absolute; left:443px; top:108px; }
.layui-layer04 .layer01 .inp { width:315px; height:55px; padding:0 17px; box-sizing:border-box; margin-bottom:45px; }
.layui-layer04 .layer01 .inp input { color:#333; width:100%; height:55px; line-height:55px; overflow:hidden; font-size:20px; display:block; background-color:transparent; }
.layui-layer04 .layer02 { position:absolute; left:443px; bottom:117px; width:315px; height:55px; opacity:0; }
.layui-layer04 .layer02 button { width:100%; display:block; height:55px; cursor:pointer; overflow:hidden; }
}
 @media only screen and (max-width:1023px) {
.layui-layer04 { width:94vw; height:70.5vw; }
.layui-layer04 .layer01 { position:absolute; left:56.2925%; top:12.69vw; width:40.3025%; }
.layui-layer04 .layer01 .inp { width:100%; height:6.4625vw; padding:0 10px; box-sizing:border-box; margin-bottom:5.31vw; }
.layui-layer04 .layer01 .inp input { color:#333; width:100%; height:6.4625vw; line-height:6.4625vw; overflow:hidden; font-size:18px; display:block; background-color:transparent; }
.layui-layer04 .layer02 { position:absolute; left:55.2925%; bottom:13.6925vw; width:40.3025%; height:6.4625vw; opacity:0; }
.layui-layer04 .layer02 button { width:100%; display:block; height:6.4625vw; cursor:pointer; overflow:hidden; }
}
/* @media screen and (min-width:1280px) {
.layui-layer04 { width:800px; height:600px; }
.layui-layer04 .layer01 { position:absolute; left:389px; top:83px; }
.layui-layer04 .layer01 .inp { width:372px; height:60px; padding:0 17px; box-sizing:border-box; margin-bottom:56px; }
.layui-layer04 .layer01 .inp input { color:#333; width:100%; height:60px; line-height:60px; overflow:hidden; font-size:20px; display:block; background-color:transparent; }
.layui-layer04 .layer02 { position:absolute; left:389px; bottom:83px; width:372px; height:60px; opacity:0; }
.layui-layer04 .layer02 button { width:100%; display:block; height:60px; cursor:pointer; overflow:hidden; }
}

 @media screen and (min-width:1024px) and (max-width:1279px) {
.layui-layer04 { width:800px; height:600px; }
.layui-layer04 .layer01 { position:absolute; left:389px; top:83px; }
.layui-layer04 .layer01 .inp { width:372px; height:60px; padding:0 17px; box-sizing:border-box; margin-bottom:56px; }
.layui-layer04 .layer01 .inp input { color:#333; width:100%; height:60px; line-height:60px; overflow:hidden; font-size:20px; display:block; background-color:transparent; }
.layui-layer04 .layer02 { position:absolute; left:389px; bottom:83px; width:372px; height:60px; opacity:0; }
.layui-layer04 .layer02 button { width:100%; display:block; height:60px; cursor:pointer; overflow:hidden; }
}
 @media only screen and (max-width:1023px) {
.layui-layer04 { width:94vw; height:70.5vw; }
.layui-layer04 .layer01 { position:absolute; left:48.625%; top:10vw; width:46.5%; }
.layui-layer04 .layer01 .inp { width:100%; height:7vw; padding:0 10px; box-sizing:border-box; margin-bottom:6.5vw; }
.layui-layer04 .layer01 .inp input { color:#333; width:100%; height:7vw; line-height:6.4625vw; overflow:hidden; font-size:18px; display:block; background-color:transparent; }
.layui-layer04 .layer02 { position:absolute; left:48.625%; bottom:10vw; width:46.5%; height:6.4625vw; opacity:0; }
.layui-layer04 .layer02 button { width:100%; display:block; height:7vw; cursor:pointer; overflow:hidden; }
}*/
 @media only screen and (max-width:640px) {
.layui-layer04 .layer01 .inp input { font-size:16px; }
}
 @media only screen and (max-width:480px) {
.layui-layer04 .layer01 .inp input { font-size:13px; }
}


/*banner*/

@media screen and (min-width:1280px) {
.banner { width:100%; height:700px; position:relative; z-index:1; border-top:141px solid #fff; }
.banner .swiper-container { width:100%; height:100%; position:relative; z-index:1; }
.banner .swiper-container .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-container .swiper-slide { width:100%; height:100%; display:block; overflow:hidden; background-size:cover; background-position:center; background-repeat:no-repeat; }
.banner .swiper-container .swiper-slide img { display:none; }
.banner .swiper-pagination { text-align:center; position:absolute; right:50%; margin-right:-600px; bottom:30px; z-index:3; }
.banner .swiper-pagination span { display:block; float:left; width:40px; height:6px; background-color:#000; opacity:.7; margin-left:10px; cursor:pointer; border-radius:6px; overflow:hidden; }
.banner .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; opacity:1; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.banner { width:100%; height:45vw; position:relative; z-index:1; border-top:131px solid #fff; }
.banner .swiper-container { width:100%; height:100%; position:relative; z-index:1; }
.banner .swiper-container .swiper-wrapper{ width:100%; height:100%;}
.banner .swiper-container .swiper-slide { width:100%; height:100%; display:block; overflow:hidden; background-size:cover; background-position:center; background-repeat:no-repeat; }
.banner .swiper-container .swiper-slide img { display:none; }
.banner .swiper-pagination { text-align:center; position:absolute; right:3%; bottom:20px; z-index:3; }
.banner .swiper-pagination span { display:block; float:left; width:30px; height:5px; background-color:#000; opacity:.7; margin-left:10px; cursor:pointer; border-radius:6px; overflow:hidden; }
.banner .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; opacity:1; }
}
 @media only screen and (max-width:1023px) {
.banner { width:100%; position:relative; z-index:1; border-top:60px solid #fff; }
.banner .swiper-container { width:100%; height:100%; position:relative; z-index:1; }
.banner .swiper-container .swiper-slide { width:100%; height:100%; display:block; overflow:hidden; background-image:none !important; }
.banner .swiper-container .swiper-slide img { width:100%; display:block; }
.banner .swiper-pagination { text-align:center; position:absolute; right:3%; bottom:15px; z-index:3; }
.banner .swiper-pagination span { display:block; float:left; width:20px; height:4px; background-color:#000; opacity:.7; margin-left:10px; cursor:pointer; border-radius:6px; overflow:hidden; }
.banner .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; opacity:1; }
}



/*装修报价*/

@media screen and (min-width:1280px) {
.zbox { padding:50px; width:1100px; margin:auto; position:relative; z-index:9; margin-top:-70px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.2); }
.zbox .left { float:left; width:810px; margin-top:-18px; }
.zbox .left .z01 { width:390px; height:46px; display:flex; align-items:center; border:1px solid #cacaca; float:left; padding:0 19px; box-sizing:border-box; margin-left:30px; margin-top:18px; }
.zbox .left .z01:nth-child(2n+1) { margin-left:0; }
.zbox .left .z01:nth-child(4) { display:none; }
.zbox .left .z01:nth-child(3) { width:100%; }
.zbox .left .z01 strong { width:26px; height:16px; display:block; overflow:hidden; }
.zbox .left .z01 strong img { height:16px; display:block; }
.zbox .left .z01 input { flex:1; display:block; font-size:14px; line-height:44px; height:44px; }
.zbox .left .z01 p { flex:1; display:block; font-size:14px; line-height:44px; height:44px; }
.zbox .left .z01 p b { font-size:18px; color:#c30d23; }
.zbox .right { float:right; width:240px; }
.zbox .right span { display:block; font-size:24px; line-height:34px; margin-top:-5px; text-align:right; }
.zbox .right p { display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-align:right; color:#999; }
.zbox .right p b { font-weight:normal; font-size:24px; color:#c30d23; }
.zbox .right a { width:310px; margin-top:11px; height:65px; display:block; position:relative; }
.zbox .right a strong { display:block; width:100%; height:65px; background-image:url(../images/zx.png); background-position:right bottom; background-repeat:no-repeat; }
.zbox .right a input { width:100%; height:46px; line-height:46px; text-align:center; display:block; position:absolute; left:0; top:0; cursor:pointer; color:#fff; font-size:16px; background-color:transparent; text-indent:2px; letter-spacing:2px; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.zbox { padding:40px; width:94%; box-sizing:border-box; margin:auto; position:relative; z-index:9; margin-top:-50px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.2); }
.zbox .left { float:left; width:calc(100% - 260px); margin-top:-15px; }
.zbox .left .z01 { width:calc(50% - 10px); height:46px; display:flex; align-items:center; border:1px solid #cacaca; float:left; padding:0 14px; box-sizing:border-box; margin-left:20px; margin-top:15px; }
.zbox .left .z01:nth-child(2n+1) { margin-left:0; }
.zbox .left .z01:nth-child(4) { display:none; }
.zbox .left .z01:nth-child(3) { width:100%; }
.zbox .left .z01 strong { width:26px; height:16px; display:block; overflow:hidden; }
.zbox .left .z01 strong img { height:16px; display:block; }
.zbox .left .z01 input { flex:1; display:block; font-size:14px; line-height:44px; height:44px; }
.zbox .left .z01 p { flex:1; display:block; font-size:14px; line-height:44px; height:44px; }
.zbox .left .z01 p b { font-size:18px; color:#c30d23; }
.zbox .right { float:right; width:230px; }
.zbox .right span { display:block; font-size:20px; line-height:30px; margin-top:-5px; text-align:right; }
.zbox .right p { display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-align:right; color:#999; }
.zbox .right p b { font-weight:normal; font-size:22px; color:#c30d23; }
.zbox .right a { width:290px; margin-top:12px; height:46px; display:block; position:relative; }
.zbox .right a strong { display:block; width:100%; height:65px; background-image:url(../images/zx.png); background-position:right bottom; background-repeat:no-repeat; }
.zbox .right a input { width:100%; height:46px; line-height:46px; text-align:center; display:block; position:absolute; left:0; top:0; cursor:pointer; color:#fff; font-size:16px; background-color:transparent; text-indent:2px; letter-spacing:2px; }
}
 @media only screen and (max-width:768px) {
.zbox { padding:95px 15px; padding-top:25px; width:94%; box-sizing:border-box; margin:auto; position:relative; z-index:9; margin-top:-30px; background-color:#fff; box-shadow:0 0 10px rgba(0,0,0,.2); }
.zbox .left { float:left; width:100%; }
.zbox .left .z01 { width:100%; height:40px; display:flex; align-items:center; border:1px solid #cacaca; float:left; padding:0 9px; box-sizing:border-box; margin-top:15px; }
.zbox .left .z01:nth-child(2n+1) { margin-left:0; }
.zbox .left .z01:nth-child(4) { display:none; }
.zbox .left .z01 strong { width:26px; height:16px; display:block; overflow:hidden; }
.zbox .left .z01 strong img { height:16px; display:block; }
.zbox .left .z01 input { flex:1; display:block; font-size:14px; line-height:38px; height:38px; }
.zbox .left .z01 p { flex:1; display:block; font-size:14px; line-height:38px; height:38px; }
.zbox .left .z01 p b { font-size:18px; color:#c30d23; }
.zbox .right { width:100%; }
.zbox .right span { display:block; font-size:20px; line-height:30px; text-align:center; }
.zbox .right p { display:block; font-size:14px; line-height:24px; text-align:center; color:#999; }
.zbox .right p b { font-weight:normal; font-size:20px; color:#c30d23; }
.zbox .right a { width:calc(100% - 5px); max-width:310px; margin-top:10px; height:40px; display:block; position:absolute; right:-10px; bottom:40px; }
.zbox .right a strong { display:block; width:100%; height:49px; background-image:url(../images/zx.png); background-position:right bottom; background-repeat:no-repeat; background-size:auto 33px; }
.zbox .right a input { width:100%; height:40px; line-height:40px; text-align:center; display:block; position:absolute; left:0; top:0; cursor:pointer; color:#fff; font-size:14px; background-color:#c30d23; text-indent:2px; letter-spacing:2px; }
}



/*选择盛世的理由*/

@media screen and (min-width:1280px) {
.wbox { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff; }
.wbox .title { width:1200px; margin:auto; text-align:center; }
.wbox .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.wbox .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; }
.wbox .title b { width:50px; height:2px; background-color:#333; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.wbox .box { width:1200px; margin:auto; margin-top:30px; }
.wbox .box .w01 { width:204px; height:180px; background-color:#c30d23; float:left; padding:50px 30px; padding-bottom:25px; box-sizing:border-box; }
.wbox .box .w01 span { display:block; font-size:18px; line-height:28px; color:#fff; overflow:hidden; }
.wbox .box .w01 p { display:block; font-size:30px; line-height:40px; color:#fff; overflow:hidden; font-weight:bold; margin-top:9px; }
.wbox .box .w02 { width:249px; height:180px; padding:0 5px; border:1px solid #cacaca; border-left:none; float:left; box-sizing:border-box; }
.wbox .box .w02 strong { height:40px; display:block; overflow:hidden; margin-top:30px; -webkit-transition:-webkit-transform 1s, height 1s, width 1s; }
.wbox .box .w02 strong img { display:block; height:40px; margin:auto; }
.wbox .box .w02 span { display:block; text-align:center; font-size:18px; line-height:28px; overflow:hidden; margin-top:10px; }
.wbox .box .w02 p { display:block; text-align:center; font-size:14px; line-height:20px; height:40px; overflow:hidden; margin-top:13px; color:#999; }
.wbox .box .w02:nth-child(7), .wbox .box .w02:nth-child(8) { width:250px; height:179px; border:1px solid #cacaca; border-top:none; }
.wbox .box .w02:hover strong { -webkit-transform:rotateY(-360deg); }
.wbox .box .w03 { width:950px; height:358px; float:left; position:relative; float:left; cursor:pointer; }
.wbox .box .w03 img { width:100%; display:block; }
.wbox .box .w03 b { display:none; width:60px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.wbox { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#fff; }
.wbox .title { width:94%; margin:auto; text-align:center; }
.wbox .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.wbox .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; }
.wbox .title b { width:40px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.wbox .box { width:94%; margin:auto; margin-top:25px; }
.wbox .box .w01 { width:17%; height:160px; background-color:#c30d23; float:left; padding:46px 20px; padding-bottom:0; box-sizing:border-box; }
.wbox .box .w01 span { display:block; font-size:16px; line-height:26px; color:#fff; overflow:hidden; }
.wbox .box .w01 p { display:block; font-size:24px; line-height:34px; color:#fff; overflow:hidden; font-weight:bold; margin-top:8px; }
.wbox .box .w02 { width:20.75%; height:160px; padding:0 5px; border:1px solid #cacaca; border-left:none; float:left; box-sizing:border-box; }
.wbox .box .w02 strong { height:40px; display:block; overflow:hidden; margin-top:20px; -webkit-transition:-webkit-transform 1s, height 1s, width 1s; }
.wbox .box .w02 strong img { display:block; height:40px; margin:auto; }
.wbox .box .w02 span { display:block; text-align:center; font-size:18px; line-height:28px; overflow:hidden; margin-top:5px; }
.wbox .box .w02 p { display:block; text-align:center; font-size:14px; line-height:20px; overflow:hidden; margin-top:2px; color:#999; }
.wbox .box .w02:nth-child(7), .wbox .box .w02:nth-child(8) { height:159px; border-top:none; }
.wbox .box .w02:hover strong { -webkit-transform:rotateY(-360deg); }
.wbox .box .w03 { width:79.25%; height:318px; float:left; position:relative; float:left; cursor:pointer; border-right:1px solid #cacaca; box-sizing:border-box; }
.wbox .box .w03>img { height:100%; display:block; float:right; }
.wbox .box .w03 b { display:none; width:50px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); }
.wbox .box .w03 b img { width:50px; display:block; }
}
 @media only screen and (max-width:768px) {
.wbox { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff; }
.wbox .title { width:94%; margin:auto; text-align:center; }
.wbox .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.wbox .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; }
.wbox .title b { width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.wbox .box { width:94%; margin:auto; margin-top:20px; display:flex; flex-wrap:wrap; }
.wbox .box .w01 { width:100%; background-color:#c30d23; float:left; padding:15px; box-sizing:border-box; text-align:center; }
.wbox .box .w01 span { display:block; font-size:16px; line-height:26px; color:#fff; overflow:hidden; }
.wbox .box .w01 p { display:block; font-size:24px; line-height:34px; color:#fff; overflow:hidden; font-weight:bold; }
.wbox .box .w02 { width:50%; padding:20px 10px; padding-bottom:10px; border-bottom:1px solid #cacaca; border-right:1px solid #cacaca; float:left; box-sizing:border-box; }
.wbox .box .w02 strong { height:40px; display:block; overflow:hidden; -webkit-transition:-webkit-transform 1s, height 1s, width 1s; }
.wbox .box .w02 strong img { display:block; height:40px; margin:auto; }
.wbox .box .w02 span { display:block; text-align:center; font-size:16px; line-height:26px; overflow:hidden; margin-top:5px; }
.wbox .box .w02 p { display:block; text-align:center; font-size:14px; line-height:20px; overflow:hidden; color:#999; }
.wbox .box .w02:nth-child(2n) { border-left:1px solid #cacaca; }
.wbox .box .w02:nth-child(7) { border-left:1px solid #cacaca; }
.wbox .box .w02:nth-child(8) { border-left:none; }
.wbox .box .w02:hover strong { -webkit-transform:rotateY(-360deg); }
.wbox .box .w03 { width:100%; float:left; position:relative; float:left; cursor:pointer; margin-top:-1px; }
.wbox .box .w03>img { width:100%; display:block; }
.wbox .box .w03 b { display:none; width:50px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); }
.wbox .box .w03 b img { width:50px; display:block; }
}



/*视频弹框*/

@media screen and (min-width:1280px) {
.xuan { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:999999; display:none; }
.xuan .box { padding:10px; background-color:#fff; border-radius:5px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); box-sizing:border-box; }
.xuan .video { width:100%; position:relative; z-index:1; }
.xuan .video video { max-width:90vw; max-height:80vh; display:block; overflow:hidden; }
.xuan .close { cursor:pointer; display:block; position:absolute; right:30px; top:30px; z-index:3; }
.xuan .close img { display:block; height:28px; -webkit-transition:1s linear; transition:1s ease-in; }
.xuan .close img:hover { transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.xuan { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:999999; display:none; }
.xuan .box { padding:10px; background-color:#fff; border-radius:5px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); box-sizing:border-box; }
.xuan .video { width:100%; position:relative; z-index:1; }
.xuan .video video { max-width:90vw; max-height:80vh; display:block; overflow:hidden; }
.xuan .close { cursor:pointer; display:block; position:absolute; right:20px; top:20px; z-index:3; }
.xuan .close img { display:block; height:28px; -webkit-transition:1s linear; transition:1s ease-in; }
.xuan .close img:hover { transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
}
 @media only screen and (max-width:768px) {
.xuan { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:fixed; top:0; left:0; z-index:999999; display:none; }
.xuan .box { width:94%; padding:5px; background-color:#fff; border-radius:5px; position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); box-sizing:border-box; }
.xuan .video { width:100%; position:relative; z-index:1; }
.xuan .video video { width:100%; display:block; overflow:hidden; }
.xuan .close { cursor:pointer; display:block; position:absolute; right:10px; top:10px; z-index:3; }
.xuan .close img { display:block; height:28px; -webkit-transition:1s linear; transition:1s ease-in; }
.xuan .close img:hover { transform:rotate(360deg); -ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg); -o-transform:rotate(360deg); }
}



/*精品案例品鉴*/

@media screen and (min-width:1280px) {
.cbox { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-color:#f1f1f1; }
.cbox .bg { width:100%; height:790px; position:absolute; left:0; top:0; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.cbox .title { width:1200px; margin:auto; position:relative; z-index:3; }
.cbox .title .left { float:left; }
.cbox .title .left span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.cbox .title .left p { font-size:26px; line-height:36px; height:36px; overflow:hidden; color:#fff; }
.cbox .title .left b { width:50px; height:2px; background-color:#fff; margin-top:8px; display:block; overflow:hidden; }
.cbox .title .right { float:right; max-width:calc(100% - 310px); }
.cbox .title .right span { float:right; display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#fff; }
.cbox .title .right p { clear:right; display:block; overflow:hidden; float:right; }
.cbox .title .right p a { display:block; float:left; margin-top:10px; margin-left:10px; padding:0 20px; height:30px; line-height:30px; background-color:#fff; text-align:center; overflow:hidden; cursor:pointer; padding:0 10px; box-sizing:border-box; }
.cbox .title .right p a:hover { background-color:#c30d23; color:#fff; }
.cbox .box { width:1200px; margin:auto; margin-top:30px; position:relative; z-index:3; }
.cbox .box .swiper-container { width:100%; }
.cbox .box .swiper-container .left { width:800px; height:440px; float:left; }
.cbox .box .swiper-container .left img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.cbox .box .swiper-container .left:hover img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.cbox .box .swiper-container .right { width:360px; height:440px; float:right; }
.cbox .box .swiper-container .right .c01 { width:100%; height:210px; }
.cbox .box .swiper-container .right .c01 img { width:100%; display:block; }
.cbox .box .swiper-container .right .c02 { width:100%; padding-top:15px; padding-bottom:10px; border-bottom:1px solid rgba(255,255,255,.3); }
.cbox .box .swiper-container .right .c02 a { display:block; text-overflow:ellipsis; white-space:nowrap; font-size:18px; line-height:28px; height:28px; color:#fff; }
.cbox .box .swiper-container .right .c02 a:hover { color:#d2192f; }
.cbox .box .swiper-container .right .c03 { text-overflow:ellipsis; white-space:nowrap; font-size:14px; line-height:38px; height:38px; color:#fff; border-bottom:1px solid rgba(255,255,255,.3) }
.cbox .box .swiper-container .right .c04 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:14px; line-height:24px; height:72px; color:#fff; margin-top:15px; }
.cbox .box .swiper-container .right .c05 { width:100%; margin-top:15px; }
.cbox .box .swiper-container .right .c05 a { width:120px; height:34px; line-height:34px; text-align:center; color:#fff; background-color:#c30d23; overflow:hidden; display:block; border-radius:34px; overflow:hidden; }
.cbox .box .swiper-container .right .c05 a:hover { background-color:#d2192f; }
.cbox .box .swiper-container .swiper-button-white { width:40px; height:40px; position:absolute; top:50%; margin-top:-20px; background-color:rgba(0,0,0,.7); border-radius:100%; background-position:center; background-repeat:no-repeat; }
.cbox .box .swiper-container .swiper-button-prev { left:20px; background-image:url(../images/prev.png); }
.cbox .box .swiper-container .swiper-button-next { left:740px; background-image:url(../images/next.png); }
.cbox .box .swiper-container .swiper-button-white:hover { background-color:#c30d23; }
.cbox .box .list { width:100%; display:block; }
.cbox .box .list li { display:block; float:left; margin-top:30px; margin-left:30px; width:380px; background-color:#fff; padding:10px; box-sizing:border-box; }
.cbox .box .list li:nth-child(3n+1) { clear:left; float:left; margin-left:0; }
.cbox .box .list li a { display:block; overflow:hidden; }
.cbox .box .list li a .c01 { width:100%; height:210px; }
.cbox .box .list li a .c01 img { width:100%; display:block; }
.cbox .box .list li a .c02 { width:calc(100% - 20px); margin:auto; height:58px; line-height:58px; font-size:18px; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #f5f5f5; }
.cbox .box .list li a .c03 { width:calc(100% - 20px); margin:5px auto; margin-top:10px; }
.cbox .box .list li a .c03 p { display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cbox .box .list li a .c03 p span { color:#999; }
.cbox .more { width:100%; margin-top:30px; }
.cbox .more a { width:180px; height:40px; line-height:40px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; margin:auto; }
.cbox .more a:hover { background-color:#c30d23; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.cbox { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#f1f1f1; }
.cbox .bg { width:100%; height:790px; position:absolute; left:0; top:0; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.cbox .title { width:94%; margin:auto; position:relative; z-index:3; }
.cbox .title .left { float:left; }
.cbox .title .left span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.cbox .title .left p { font-size:22px; line-height:32px; height:32px; overflow:hidden; color:#fff; }
.cbox .title .left b { width:40px; height:2px; background-color:#fff; margin-top:5px; display:block; overflow:hidden; }
.cbox .title .right { float:right; max-width:calc(100% - 250px); }
.cbox .title .right span { float:right; display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#fff; }
.cbox .title .right p { clear:right; display:block; overflow:hidden; float:right; }
.cbox .title .right p a { display:block; float:left; margin-top:10px; margin-left:10px; padding:0 15px; height:30px; line-height:30px; background-color:#fff; text-align:center; overflow:hidden; cursor:pointer; padding:0 10px; box-sizing:border-box; }
.cbox .title .right p a:hover { background-color:#c30d23; color:#fff; }
.cbox .box { width:94%; margin:auto; margin-top:25px; position:relative; z-index:3; }
.cbox .box .swiper-container { width:100%; }
.cbox .box .swiper-container .left { width:66.66%; height:34.67vw; float:left; }
.cbox .box .swiper-container .left img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.cbox .box .swiper-container .left:hover img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.cbox .box .swiper-container .right { width:30%; float:right; }
.cbox .box .swiper-container .right .c01 { width:100%; height:16.45vw; }
.cbox .box .swiper-container .right .c01 img { width:100%; display:block; }
.cbox .box .swiper-container .right .c02 { width:100%; padding-top:10px; padding-bottom:5px; border-bottom:1px solid rgba(255,255,255,.3); }
.cbox .box .swiper-container .right .c02 a { display:block; text-overflow:ellipsis; white-space:nowrap; font-size:18px; line-height:28px; height:28px; color:#fff; }
.cbox .box .swiper-container .right .c02 a:hover { color:#d2192f; }
.cbox .box .swiper-container .right .c03 { text-overflow:ellipsis; white-space:nowrap; font-size:14px; line-height:34px; height:34px; color:#fff; border-bottom:1px solid rgba(255,255,255,.3) }
.cbox .box .swiper-container .right .c04 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:14px; line-height:24px; height:72px; color:#fff; margin-top:10px; }
.cbox .box .swiper-container .right .c05 { width:100%; margin-top:10px; }
.cbox .box .swiper-container .right .c05 a { width:120px; height:34px; line-height:34px; text-align:center; color:#fff; background-color:#c30d23; overflow:hidden; display:block; border-radius:34px; overflow:hidden; }
.cbox .box .swiper-container .right .c05 a:hover { background-color:#d2192f; }
.cbox .box .swiper-container .swiper-button-white { width:40px; height:40px; position:absolute; top:17.335vw; margin-top:-20px; background-color:rgba(0,0,0,.7); border-radius:100%; background-position:center; background-repeat:no-repeat; }
.cbox .box .swiper-container .swiper-button-prev { left:15px; background-image:url(../images/prev.png); }
.cbox .box .swiper-container .swiper-button-next { left:66.66%; margin-left:-55px; background-image:url(../images/next.png); }
.cbox .box .swiper-container .swiper-button-white:hover { background-color:#c30d23; }
.cbox .box .list { width:100%; display:block; }
.cbox .box .list li { display:block; float:left; margin-top:25px; margin-left:2%; width:30%; background-color:#fff; padding:10px 1%; }
.cbox .box .list li:nth-child(3n+1) { clear:left; float:left; margin-left:0; }
.cbox .box .list li a { display:block; overflow:hidden; }
.cbox .box .list li a .c01 { width:100%; height:16.45vw; }
.cbox .box .list li a .c01 img { width:100%; display:block; }
.cbox .box .list li a .c02 { width:calc(100% - 20px); margin:auto; height:48px; line-height:48px; font-size:18px; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #f5f5f5; }
.cbox .box .list li a .c03 { width:calc(100% - 20px); margin:5px auto; }
.cbox .box .list li a .c03 p { display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cbox .box .list li a .c03 p span { color:#999; }
.cbox .more { width:100%; margin-top:25px; }
.cbox .more a { width:180px; height:40px; line-height:40px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; margin:auto; }
.cbox .more a:hover { background-color:#c30d23; }
}
 @media only screen and (max-width:768px) {
.cbox { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f1f1f1; }
.cbox .bg { width:100%; height:calc(100% - 270px); position:absolute; left:0; top:0; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.cbox .title { width:94%; margin:auto; position:relative; z-index:3; }
.cbox .title .left { width:100%; text-align:center; }
.cbox .title .left span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.cbox .title .left p { font-size:18px; line-height:26px; height:26px; overflow:hidden; color:#fff; }
.cbox .title .left b { width:30px; height:2px; background-color:#fff; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.cbox .title .right { width:100%; text-align:center; padding-top:10px; }
.cbox .title .right span { display:block; overflow:hidden; font-size:14px; line-height:24px; color:#fff; }
.cbox .title .right p { display:flex; justify-content:center; flex-wrap:wrap; overflow:hidden; width:100%; }
.cbox .title .right p a { display:block; margin:0 5px; margin-top:10px; padding:0 10px; height:30px; line-height:30px; background-color:#fff; text-align:center; overflow:hidden; cursor:pointer; padding:0 10px; box-sizing:border-box; }
.cbox .title .right p a:hover { background-color:#c30d23; color:#fff; }
.cbox .box { width:94%; margin:auto; margin-top:20px; position:relative; z-index:3; }
.cbox .box .swiper-container { width:100%; }
.cbox .box .swiper-container .left { width:100%; height:51.7vw; float:left; }
.cbox .box .swiper-container .left img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.cbox .box .swiper-container .left:hover img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.cbox .box .swiper-container .right { width:100%; float:right; }
.cbox .box .swiper-container .right .c01 { width:100%; height:16.45vw; display:none; }
.cbox .box .swiper-container .right .c01 img { width:100%; display:block; }
.cbox .box .swiper-container .right .c02 { width:100%; padding-top:10px; padding-bottom:5px; border-bottom:1px solid rgba(255,255,255,.3); }
.cbox .box .swiper-container .right .c02 a { display:block; text-overflow:ellipsis; white-space:nowrap; font-size:16px; line-height:26px; height:26px; color:#fff; }
.cbox .box .swiper-container .right .c02 a:hover { color:#d2192f; }
.cbox .box .swiper-container .right .c03 { text-overflow:ellipsis; white-space:nowrap; font-size:14px; line-height:30px; height:30px; color:#fff; border-bottom:1px solid rgba(255,255,255,.3) }
.cbox .box .swiper-container .right .c04 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:14px; line-height:24px; height:72px; color:#fff; margin-top:5px; }
.cbox .box .swiper-container .right .c05 { width:100%; margin-top:10px; }
.cbox .box .swiper-container .right .c05 a { width:120px; height:30px; line-height:30px; text-align:center; color:#fff; background-color:#c30d23; overflow:hidden; display:block; border-radius:34px; overflow:hidden; }
.cbox .box .swiper-container .right .c05 a:hover { background-color:#d2192f; }
.cbox .box .swiper-container .swiper-button-white { width:40px; height:40px; position:absolute; top:25.85vw; margin-top:-20px; background-color:rgba(0,0,0,.7); border-radius:100%; background-position:center; background-repeat:no-repeat; }
.cbox .box .swiper-container .swiper-button-prev { left:15px; background-image:url(../images/prev.png); }
.cbox .box .swiper-container .swiper-button-next { right:15px; background-image:url(../images/next.png); }
.cbox .box .swiper-container .swiper-button-white:hover { background-color:#c30d23; }
.cbox .box .list { width:100%; display:block; padding-top:5px; }
.cbox .box .list li { display:block; float:left; margin-top:15px; width:100%; background-color:#fff; }
.cbox .box .list li a { display:block; overflow:hidden; }
.cbox .box .list li a .c01 { width:190px; height:110px; float:left; }
.cbox .box .list li a .c01 img { width:100%; display:block; }
.cbox .box .list li a .c02 { width:calc(100% - 210px); float:left; margin-left:10px; height:36px; line-height:36px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #f5f5f5; }
.cbox .box .list li a .c03 { width:calc(100% - 210px); float:left; margin-left:10px; margin-top:5px; height:60px; }
.cbox .box .list li a .c03 p { display:block; font-size:14px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.cbox .box .list li a .c03 p span { color:#999; }
.cbox .more { width:100%; margin-top:20px; }
.cbox .more a { width:170px; height:34px; line-height:34px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; margin:auto; }
.cbox .more a:hover { background-color:#c30d23; }
}



/*精选楼盘展示*/

@media screen and (min-width:1280px) {
.lbox { width:100%; padding-top:64px; padding-bottom:50px; position:relative; z-index:1; background-color:#fff; }
.lbox .title { width:1200px; margin:auto; text-align:center; }
.lbox .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.lbox .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; }
.lbox .title b { width:50px; height:2px; background-color:#333; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.lbox .box { width:1200px; margin:auto; margin-top:20px; }
.lbox .box .list { width:100%; display:block; }
.lbox .box .list li { display:block; float:left; margin-top:10px; margin-left:20px; width:285px; }
.lbox .box .list li:nth-child(4n+1) { clear:left; float:left; margin-left:0; }
.lbox .box .list li .tu { width:100%; height:240px; }
.lbox .box .list li .tu img { width:100%; display:block; }
.lbox .box .list li .wen { padding:20px; padding-top:10px; }
.lbox .box .list li .wen p { width:calc(100% - 100px); display:block; float:left; font-size:16px; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:4px; background-image:url(../images/lline_56.png); background-position:left bottom; background-repeat:no-repeat; }
.lbox .box .list li .wen span { width:90px; height:30px; line-height:30px; border-radius:30px; text-align:center; background-color:#333; overflow:hidden; color:#fff; float:right; overflow:hidden; display:block; text-transform:uppercase; margin-top:10px; font-size:12px; }
.lbox .box .list li:hover { background-color:#f1f1f1; }
.lbox .box .list li:hover .wen span { background-color:#c30d23; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.lbox { width:100%; padding-top:50px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff; }
.lbox .title { width:94%; margin:auto; text-align:center; }
.lbox .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.lbox .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; }
.lbox .title b { width:40px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.lbox .box { width:94%; margin:auto; margin-top:15px; }
.lbox .box .list { width:100%; display:block; }
.lbox .box .list li { display:block; float:left; margin-top:10px; margin-left:2%; width:23.5%; }
.lbox .box .list li:nth-child(4n+1) { clear:left; float:left; margin-left:0; }
.lbox .box .list li .tu { width:100%; height:18.6vw; }
.lbox .box .list li .tu img { width:100%; display:block; }
.lbox .box .list li .wen { padding:15px; padding-top:5px; }
.lbox .box .list li .wen p { width:calc(100% - 90px); display:block; float:left; font-size:16px; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:4px; background-image:url(../images/lline_56.png); background-position:left bottom; background-repeat:no-repeat; }
.lbox .box .list li .wen span { width:80px; height:30px; line-height:30px; border-radius:30px; text-align:center; background-color:#333; overflow:hidden; color:#fff; float:right; overflow:hidden; display:block; text-transform:uppercase; margin-top:10px; font-size:12px; }
.lbox .box .list li:hover { background-color:#f1f1f1; }
.lbox .box .list li:hover .wen span { background-color:#c30d23; }
}
 @media only screen and (max-width:768px) {
.lbox { width:100%; padding-top:35px; padding-bottom:30px; position:relative; z-index:1; background-color:#fff; }
.lbox .title { width:94%; margin:auto; text-align:center; }
.lbox .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.lbox .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; }
.lbox .title b { width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.lbox .box { width:94%; margin:auto; margin-top:15px; }
.lbox .box .list { width:100%; display:block; }
.lbox .box .list li { display:block; float:left; margin-top:5px; margin-left:3%; width:48.5%; }
.lbox .box .list li:nth-child(2n+1) { clear:left; float:left; margin-left:0; }
.lbox .box .list li .tu { width:100%; height:38.39vw; }
.lbox .box .list li .tu img { width:100%; display:block; }
.lbox .box .list li .wen { padding:10px; }
.lbox .box .list li .wen p { width:calc(100% - 80px); display:block; float:left; font-size:16px; height:26px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:4px; background-image:url(../images/lline_56.png); background-position:left bottom; background-repeat:no-repeat; }
.lbox .box .list li .wen span { width:70px; height:26px; line-height:26px; border-radius:26px; text-align:center; background-color:#333; overflow:hidden; color:#fff; float:right; overflow:hidden; display:block; text-transform:uppercase; font-size:12px; margin-top:2px; }
.lbox .box .list li:hover { background-color:#f1f1f1; }
.lbox .box .list li:hover .wen span { background-color:#c30d23; }
}



/*精选楼盘展示*/

@media screen and (min-width:1280px) {
.tbox { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.tbox .bg { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1; }
.tbox .title { width:1200px; margin:auto; text-align:center; position:relative; z-index:3; }
.tbox .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.tbox .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; color:#fff; }
.tbox .title b { width:50px; height:2px; background-color:#fff; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.tbox .box { width:1200px; margin:auto; margin-top:30px; position:relative; z-index:3; }
.tbox .box .gallery-thumbs { width:432px; height:400px; position:absolute; left:330px; bottom:0; z-index:1; }
.tbox .box .gallery-thumbs .swiper-slide { width:144px; height:200px; display:block; position:relative; }
.tbox .box .gallery-thumbs .swiper-slide img { width:100%; display:block; }
.tbox .box .gallery-thumbs .swiper-slide p { display:flex; align-items:center; padding:20px; box-sizing:border-box; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(195,13,35,.7); opacity:0; cursor:pointer; }
.tbox .box .gallery-thumbs .swiper-slide p span { text-align:center; display:block; width:100%; font-size:18px; font-weight:bold; color:#fff; }
.tbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p { opacity:1; }
.tbox .box .gallery-top { width:100%; height:460px; position:relative; z-index:1; }
.tbox .box .gallery-top .swiper-slide { display:block; opacity:0 !important; }
.tbox .box .gallery-top .swiper-slide.swiper-slide-active { opacity:1 !important; }
.tbox .box .gallery-top .left { width:330px; height:460px; float:left; }
.tbox .box .gallery-top .left img { width:100%; display:block; }
.tbox .box .gallery-top .right { width:300px; float:right; padding-top:25px; }
.tbox .box .gallery-top .right .t01 { font-size:40px; line-height:42px; height:42px; text-transform:uppercase; color:#c30d23; }
.tbox .box .gallery-top .right .t02 { padding-top:20px; }
.tbox .box .gallery-top .right .t02 a { display:block; float:left; color:#fff; font-size:24px; line-height:34px; }
.tbox .box .gallery-top .right .t02 span { display:block; float:left; color:#999; font-size:14px; line-height:24px; margin-left:10px; margin-top:10px; }
.tbox .box .gallery-top .right .t03 { margin:15px 0; width:100%; }
.tbox .box .gallery-top .right .t03 a { min-width:90px; padding:0 15px; display:block; float:left; height:30px; background-color:#c30d23; text-align:center; font-size:14px; line-height:30px; color:#fff; }
.tbox .box .gallery-top .right .t04 { width:100%; }
.tbox .box .gallery-top .right .t04 span { display:block; font-size:14px; line-height:24px; margin-top:10px; color:#999; }
.tbox .box .gallery-top .right .t04 p { display:block; font-size:14px; line-height:24px; color:#fff; }
.tbox .box .gallery-top .right .t05 { width:100%; margin-top:25px; }
.tbox .box .gallery-top .right .t05 a { display:block; width:118px; height:34px; border-radius:5px; line-height:34px; text-align:center; overflow:hidden; color:#fff; border:1px solid #999; cursor:pointer; }
.tbox .box .gallery-top .right .t05 a:hover { background-color:#c30d23; border:1px solid #c30d23; }
.tbox .box .swiper-button-white { width:40px; height:40px; background-color:rgba(255,255,255,.7); background-position:center; background-repeat:no-repeat; position:absolute; top:0; }
.tbox .box .swiper-button-white:hover { background-color:#c30d23; }
.tbox .box .swiper-button-prev { left:672px; background-image:url(../images/prev01.png); }
.tbox .box .swiper-button-next { left:722px; background-image:url(../images/next01.png); }
.tbox .box .swiper-button-prev:hover { background-image:url(../images/prev.png); }
.tbox .box .swiper-button-next:hover { background-image:url(../images/next.png); }
.tbox .more { width:100%; margin-top:30px; position:relative; z-index:3; }
.tbox .more a { width:180px; height:40px; line-height:40px; display:block; border-radius:40px; text-align:center; background-color:#c30d23; color:#fff; overflow:hidden; margin:auto; }
.tbox .more a:hover { background-color:#d2192f; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.tbox { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.tbox .bg { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1; }
.tbox .title { width:94%; margin:auto; text-align:center; position:relative; z-index:3; }
.tbox .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.tbox .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; color:#fff; }
.tbox .title b { width:40px; height:2px; background-color:#fff; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.tbox .box { width:94%; margin:auto; margin-top:25px; position:relative; z-index:3; }
.tbox .box .gallery-thumbs { width:36%; height:31.3302vw; position:absolute; left:27.5%; bottom:0; z-index:1; }
.tbox .box .gallery-thumbs .swiper-slide { width:33.33%; height:15.6651vw; display:block; position:relative; }
.tbox .box .gallery-thumbs .swiper-slide img { width:100%; display:block; }
.tbox .box .gallery-thumbs .swiper-slide p { display:flex; align-items:center; padding:15px; box-sizing:border-box; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(195,13,35,.7); opacity:0; cursor:pointer; }
.tbox .box .gallery-thumbs .swiper-slide p span { text-align:center; display:block; width:100%; font-size:16px; font-weight:bold; color:#fff; }
.tbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p { opacity:1; }
.tbox .box .gallery-top { width:100%; height:36.03vw; position:relative; z-index:1; }
.tbox .box .gallery-top .swiper-slide { display:block; opacity:0 !important; }
.tbox .box .gallery-top .swiper-slide.swiper-slide-active { opacity:1 !important; }
.tbox .box .gallery-top .left { width:27.5%; height:36.03vw; float:left; }
.tbox .box .gallery-top .left img { width:100%; display:block; }
.tbox .box .gallery-top .right { width:33.5%; float:right; padding-top:15px; }
.tbox .box .gallery-top .right .t01 { font-size:30px; line-height:34px; height:34px; text-transform:uppercase; color:#c30d23; }
.tbox .box .gallery-top .right .t02 { padding-top:15px; }
.tbox .box .gallery-top .right .t02 a { display:block; float:left; color:#fff; font-size:20px; line-height:30px; height:30px; }
.tbox .box .gallery-top .right .t02 span { display:block; float:left; color:#999; font-size:14px; line-height:24px; margin-left:10px; margin-top:6px; }
.tbox .box .gallery-top .right .t03 { margin:10px 0; width:100%; }
.tbox .box .gallery-top .right .t03 a { min-width:90px; padding:0 15px; display:block; float:left; height:30px; background-color:#c30d23; text-align:center; font-size:14px; line-height:30px; color:#fff; }
.tbox .box .gallery-top .right .t04 { width:100%; }
.tbox .box .gallery-top .right .t04 span { display:block; font-size:14px; line-height:24px; margin-top:10px; color:#999; }
.tbox .box .gallery-top .right .t04 p { display:block; font-size:14px; line-height:24px; color:#fff; }
.tbox .box .gallery-top .right .t05 { width:100%; margin-top:20px; }
.tbox .box .gallery-top .right .t05 a { display:block; width:118px; height:34px; border-radius:5px; line-height:34px; text-align:center; overflow:hidden; color:#fff; border:1px solid #999; cursor:pointer; }
.tbox .box .gallery-top .right .t05 a:hover { background-color:#c30d23; border:1px solid #c30d23; }
.tbox .box .swiper-button-white { width:3.6vw; height:3.6vw; background-color:rgba(255,255,255,.7); background-position:center; background-repeat:no-repeat; position:absolute; top:0; left:63.5%; }
.tbox .box .swiper-button-white:hover { background-color:#c30d23; }
.tbox .box .swiper-button-prev { margin-left:-8vw; background-image:url(../images/prev01.png); }
.tbox .box .swiper-button-next { margin-left:-3.6vw; background-image:url(../images/next01.png); }
.tbox .box .swiper-button-prev:hover { background-image:url(../images/prev.png); }
.tbox .box .swiper-button-next:hover { background-image:url(../images/next.png); }
.tbox .more { width:100%; margin-top:25px; position:relative; z-index:3; }
.tbox .more a { width:180px; height:40px; line-height:40px; display:block; border-radius:40px; text-align:center; background-color:#c30d23; color:#fff; overflow:hidden; margin:auto; }
.tbox .more a:hover { background-color:#d2192f; }
}
 @media only screen and (max-width:768px) {
.tbox { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.tbox .bg { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1; }
.tbox .title { width:94%; margin:auto; text-align:center; position:relative; z-index:3; }
.tbox .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.tbox .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; color:#fff; }
.tbox .title b { width:30px; height:2px; background-color:#fff; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.tbox .box { width:94%; margin:auto; margin-top:20px; position:relative; z-index:3; }
.tbox .box .gallery-thumbs { width:100%; height:87.02vw; margin-top:15px; }
.tbox .box .gallery-thumbs .swiper-slide { width:33.33%; height:43.51vw; display:block; position:relative; }
.tbox .box .gallery-thumbs .swiper-slide img { width:100%; display:block; }
.tbox .box .gallery-thumbs .swiper-slide p { display:flex; align-items:center; padding:15px; box-sizing:border-box; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(195,13,35,.7); opacity:0; cursor:pointer; }
.tbox .box .gallery-thumbs .swiper-slide p span { text-align:center; display:block; width:100%; font-size:16px; font-weight:bold; color:#fff; }
.tbox .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p { opacity:1; }
.tbox .box .gallery-top { width:100%; position:relative; z-index:1; }
.tbox .box .gallery-top .swiper-slide { display:block; opacity:0 !important; }
.tbox .box .gallery-top .swiper-slide.swiper-slide-active { opacity:1 !important; }
.tbox .box .gallery-top .left { width:50%; height:65.51vw; float:left; }
.tbox .box .gallery-top .left img { width:100%; display:block; }
.tbox .box .gallery-top .right { width:47%; float:right; }
.tbox .box .gallery-top .right .t01 { font-size:20px; line-height:24px; height:24px; text-transform:uppercase; color:#c30d23; }
.tbox .box .gallery-top .right .t02 { width:100%; }
.tbox .box .gallery-top .right .t02 a { display:block; float:left; color:#fff; font-size:18px; line-height:28px; height:28px; }
.tbox .box .gallery-top .right .t02 span { display:block; float:left; color:#999; font-size:14px; line-height:24px; margin-left:5px; margin-top:4px; }
.tbox .box .gallery-top .right .t03 { margin:5px 0; width:100%; }
.tbox .box .gallery-top .right .t03 a { min-width:90px; padding:0 10px; display:block; float:left; height:24px; background-color:#c30d23; text-align:center; font-size:14px; line-height:24px; color:#fff; }
.tbox .box .gallery-top .right .t04 { width:100%; }
.tbox .box .gallery-top .right .t04 span { display:block; font-size:14px; line-height:24px; margin-top:5px; color:#999; }
.tbox .box .gallery-top .right .t04 p { display:block; font-size:14px; line-height:20px; color:#fff; height:40px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.tbox .box .gallery-top .right .t05 { width:100%; margin-top:10px; }
.tbox .box .gallery-top .right .t05 a { display:block; width:88px; height:30px; border-radius:5px; line-height:30px; text-align:center; overflow:hidden; color:#fff; border:1px solid #999; cursor:pointer; }
.tbox .box .gallery-top .right .t05 a:hover { background-color:#c30d23; border:1px solid #c30d23; }
.tbox .box .swiper-button-white { width:40px; height:40px; background-color:rgba(0,0,0,.7); background-position:center; background-repeat:no-repeat; position:absolute; bottom:0; right:50%; }
.tbox .box .swiper-button-white:hover { background-color:#c30d23; }
.tbox .box .swiper-button-prev { margin-right:40px; background-image:url(../images/prev.png); }
.tbox .box .swiper-button-next { background-image:url(../images/next.png); }
.tbox .more { width:100%; margin-top:20px; position:relative; z-index:3; }
.tbox .more a { width:170px; height:34px; line-height:34px; display:block; border-radius:40px; text-align:center; background-color:#c30d23; color:#fff; overflow:hidden; margin:auto; }
.tbox .more a:hover { background-color:#d2192f; }
}



/*全案设计服务*/

@media screen and (min-width:1280px) {
.qbox { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff; }
.qbox .title { width:1200px; margin:auto; text-align:center; }
.qbox .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.qbox .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; }
.qbox .title b { width:50px; height:2px; background-color:#333; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.qbox .box { width:1200px; margin:auto; margin-top:30px; }
.qbox .box .list { width:100%; display:block; }
.qbox .box .list dt { width:285px; height:480px; display:block; position:relative; float:left; overflow:hidden; }
.qbox .box .list dt img { width:100%; display:block; }
.qbox .box .list dt a { display:block; padding:45px 20px; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); }
.qbox .box .list dt a p { display:block; overflow:hidden; }
.qbox .box .list dt a b { display:block; font-size:24px; line-height:34px; color:#fff; }
.qbox .box .list dt a span { display:block; font-size:14px; line-height:24px; color:#fff; margin-top:8px; text-transform:uppercase; }
.qbox .box .list dd { width:285px; height:480px; display:block; position:relative; float:left; overflow:hidden; margin-left:20px; }
.qbox .box .list dd img { width:100%; display:block; }
.qbox .box .list dd a { display:block; padding:45px 20px; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background:linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0)); }
.qbox .box .list dd a p { display:block; overflow:hidden; position:absolute; left:20px; bottom:45px; }
.qbox .box .list dd a b { display:block; font-size:20px; line-height:30px; color:#fff; font-weight:normal; }
.qbox .box .list dd a span { display:block; font-size:14px; line-height:24px; color:#fff; margin-top:10px; text-transform:uppercase; }
.qbox .more { width:100%; margin-top:30px; }
.qbox .more a { width:180px; height:40px; line-height:40px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; margin:auto; }
.qbox .more a:hover { background-color:#c30d23; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.qbox { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#fff; }
.qbox .title { width:94%; margin:auto; text-align:center; }
.qbox .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.qbox .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; }
.qbox .title b { width:40px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.qbox .box { width:94%; margin:auto; margin-top:25px; }
.qbox .box .list { width:100%; display:block; }
.qbox .box .list dt { width:23.5%; height:37.2vw; display:block; position:relative; float:left; overflow:hidden; }
.qbox .box .list dt img { width:100%; display:block; }
.qbox .box .list dt a { display:block; padding:35px 15px; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); }
.qbox .box .list dt a p { display:block; overflow:hidden; }
.qbox .box .list dt a b { display:block; font-size:22px; line-height:32px; color:#fff; }
.qbox .box .list dt a span { display:block; font-size:14px; line-height:24px; color:#fff; margin-top:5px; text-transform:uppercase; }
.qbox .box .list dd { width:23.5%; height:37.2vw; display:block; position:relative; float:left; overflow:hidden; margin-left:2%; }
.qbox .box .list dd img { width:100%; display:block; }
.qbox .box .list dd a { display:block; padding:35px 15px; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background:linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0)); }
.qbox .box .list dd a p { display:block; overflow:hidden; position:absolute; left:15px; bottom:35px; }
.qbox .box .list dd a b { display:block; font-size:18px; line-height:28px; color:#fff; font-weight:normal; }
.qbox .box .list dd a span { display:block; font-size:14px; line-height:24px; color:#fff; margin-top:6px; text-transform:uppercase; }
.qbox .more { width:100%; margin-top:25px; }
.qbox .more a { width:180px; height:40px; line-height:40px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; margin:auto; }
.qbox .more a:hover { background-color:#c30d23; }
}
 @media only screen and (max-width:768px) {
.qbox { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff; }
.qbox .title { width:94%; margin:auto; text-align:center; }
.qbox .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.qbox .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; }
.qbox .title b { width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.qbox .box { width:94%; margin:auto; margin-top:5px; }
.qbox .box .list { width:100%; display:block; }
.qbox .box .list dt { width:48.5%; height:76.78vw; display:block; position:relative; float:left; overflow:hidden; margin-top:15px; }
.qbox .box .list dt img { width:100%; display:block; }
.qbox .box .list dt a { display:block; padding:25px 10px; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); }
.qbox .box .list dt a p { display:block; overflow:hidden; }
.qbox .box .list dt a b { display:block; font-size:18px; line-height:28px; color:#fff; }
.qbox .box .list dt a span { display:block; font-size:14px; line-height:20px; color:#fff; margin-top:5px; text-transform:uppercase; }
.qbox .box .list dd { width:48.5%; height:76.78vw; display:block; position:relative; float:left; overflow:hidden; margin-left:3%; margin-top:15px; }
.qbox .box .list dd:nth-child(3) { margin-left:0; }
.qbox .box .list dd img { width:100%; display:block; }
.qbox .box .list dd a { display:block; padding:25px 10px; overflow:hidden; width:100%; height:100%; box-sizing:border-box; position:absolute; left:0; top:0; background:linear-gradient(to top, rgba(0,0,0,.5), rgba(0,0,0,0)); }
.qbox .box .list dd a p { display:block; overflow:hidden; position:absolute; left:10px; bottom:25px; }
.qbox .box .list dd a b { display:block; font-size:16px; line-height:26px; color:#fff; font-weight:normal; }
.qbox .box .list dd a span { display:block; font-size:14px; line-height:20px; color:#fff; margin-top:2px; text-transform:uppercase; }
.qbox .more { width:100%; margin-top:20px; }
.qbox .more a { width:170px; height:34px; line-height:34px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; margin:auto; }
.qbox .more a:hover { background-color:#c30d23; }
}



/*热门软装案例*/

@media screen and (min-width:1280px) {
.rbox { width:100%; padding-top:70px; padding-bottom:70px; position:relative; z-index:1; background-color:#f1f1f1; }
.rbox .title { width:1200px; margin:auto; }
.rbox .title .left { float:left; padding-top:44px; width:400px; }
.rbox .title .left span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.rbox .title .left p { font-size:26px; line-height:36px; height:36px; overflow:hidden; }
.rbox .title .left b { width:50px; height:2px; background-color:#333; margin-top:8px; display:block; overflow:hidden; }
.rbox .title .left .bt { font-size:18px; line-height:28px; margin:25px 0; }
.rbox .title .left .more { width:100%; }
.rbox .title .left .more a { width:180px; height:40px; line-height:40px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; }
.rbox .title .left .more a:hover { background-color:#c30d23; }
.rbox .title .right { width:750px; height:300px; float:right; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; }
.rbox .title .right .wen { width:460px; height:200px; background-color:rgba(0,0,0,.5); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); }
.rbox .title .right .wz { width:calc(100% - 84px); height:calc(100% - 24px); border:2px solid rgba(255,255,255,.5); margin:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:0 30px; text-align:center; }
.rbox .title .right .wz .t01 { width:100%; color:#fff; font-size:24px; line-height:34px; font-weight:bold; }
.rbox .title .right .wz .t02 { width:50px; height:2px; background-color:#fff; margin:5px auto; margin-bottom:15px; }
.rbox .title .right .wz .t03 { width:100%; color:#fff; font-size:16px; line-height:26px; }
.rbox .box { width:1200px; margin:auto; margin-top:10px; }
.rbox .box .list { width:100%; display:block; overflow:hidden; }
.rbox .box .list li { width:285px; float:left; display:block; position:relative; background-color:#fff; margin-left:20px; margin-top:20px; }
.rbox .box .list li:nth-child(4n+1) { margin-left:0; }
.rbox .box .list li .tu { width:100%; height:250px; position:relative; z-index:1; }
.rbox .box .list li .tu>img { width:100%; display:block; }
.rbox .box .list li .tu p { width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.rbox .box .list li .tu p img { display:block; margin:auto; }
.rbox .box .list li:hover .tu p { opacity:1; }
.rbox .box .list li .fg { min-width:125px; padding:0 20px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:232px; background-color:#c30d23; text-align:center; color:#fff; font-size:16px; line-height:36px; height:36px; z-index:3; }
.rbox .box .list li .wen { padding:15px 20px; padding-top:33px; text-align:center; }
.rbox .box .list li .wen .bt { display:flex; justify-content:center; align-items:center; }
.rbox .box .list li .wen .bt span { width:10px; height:10px; background-color:#333; margin-right:10px; display:block; }
.rbox .box .list li .wen .bt b { font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.rbox .box .list li .wen .wz { font-size:14px; line-height:24px; height:48px; color:#666; text-align:center; margin-top:6px; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.rbox { width:100%; padding-top:55px; padding-bottom:55px; position:relative; z-index:1; background-color:#f1f1f1; }
.rbox .title { width:94%; margin:auto; }
.rbox .title .left { float:left; padding-top:35px; width:300px; margin-right:3%; }
.rbox .title .left span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.rbox .title .left p { font-size:22px; line-height:32px; height:32px; overflow:hidden; }
.rbox .title .left b { width:40px; height:2px; background-color:#333; margin-top:5px; display:block; overflow:hidden; }
.rbox .title .left .bt { font-size:16px; line-height:26px; margin:20px 0; }
.rbox .title .left .more { width:100%; }
.rbox .title .left .more a { width:180px; height:40px; line-height:40px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; }
.rbox .title .left .more a:hover { background-color:#c30d23; }
.rbox .title .right { width:calc(97% - 300px); height:250px; float:right; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; }
.rbox .title .right .wen { width:460px; height:200px; background-color:rgba(0,0,0,.5); position:absolute; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); }
.rbox .title .right .wz { width:calc(100% - 84px); height:calc(100% - 24px); border:2px solid rgba(255,255,255,.5); margin:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:0 20px; text-align:center; }
.rbox .title .right .wz .t01 { width:100%; color:#fff; font-size:22px; line-height:32px; font-weight:bold; }
.rbox .title .right .wz .t02 { width:50px; height:2px; background-color:#fff; margin:5px auto; margin-bottom:10px; }
.rbox .title .right .wz .t03 { width:100%; color:#fff; font-size:16px; line-height:26px; }
.rbox .box { width:94%; margin:auto; margin-top:5px; }
.rbox .box .list { width:100%; display:block; overflow:hidden; }
.rbox .box .list li { width:23.5%; float:left; display:block; position:relative; background-color:#fff; margin-left:2%; margin-top:20px; }
.rbox .box .list li:nth-child(4n+1) { margin-left:0; }
.rbox .box .list li .tu { width:100%; height:19.37vw; position:relative; z-index:1; }
.rbox .box .list li .tu>img { width:100%; display:block; }
.rbox .box .list li .tu p { width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.rbox .box .list li .tu p img { display:block; margin:auto; }
.rbox .box .list li:hover .tu p { opacity:1; }
.rbox .box .list li .fg { min-width:115px; padding:0 15px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:19.37vw; margin-top:-16px; background-color:#c30d23; text-align:center; color:#fff; font-size:16px; line-height:32px; height:32px; z-index:3; }
.rbox .box .list li .wen { padding:10px 15px; padding-top:26px; text-align:center; }
.rbox .box .list li .wen .bt { display:flex; justify-content:center; align-items:center; }
.rbox .box .list li .wen .bt span { width:8px; height:8px; background-color:#333; margin-right:10px; display:block; }
.rbox .box .list li .wen .bt b { font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.rbox .box .list li .wen .wz { font-size:14px; line-height:24px; height:48px; color:#666; text-align:center; margin-top:5px; }
}
 @media only screen and (max-width:768px) {
.rbox { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f1f1f1; }
.rbox .title { width:94%; margin:auto; text-align:center; }
.rbox .title .left { width:100%; }
.rbox .title .left span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.rbox .title .left p { font-size:18px; line-height:26px; height:26px; overflow:hidden; }
.rbox .title .left b { width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.rbox .title .left .bt { font-size:14px; line-height:24px; margin:15px 0; }
.rbox .title .left .more { width:100%; }
.rbox .title .left .more a { width:170px; height:34px; line-height:34px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; margin:auto; }
.rbox .title .left .more a:hover { background-color:#c30d23; }
.rbox .title .right { width:100%; margin-top:20px; float:right; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; }
.rbox .title .right .wen { background-color:rgba(0,0,0,.5); margin:20px; }
.rbox .title .right .wz { min-height:116px; border:2px solid rgba(255,255,255,.5); margin:10px; display:flex; flex-direction:column; justify-content:center; align-items:center; padding:10px 15px; text-align:center; }
.rbox .title .right .wz .t01 { width:100%; color:#fff; font-size:18px; line-height:28px; font-weight:bold; }
.rbox .title .right .wz .t02 { width:50px; height:2px; background-color:#fff; margin:5px auto; }
.rbox .title .right .wz .t03 { width:100%; color:#fff; font-size:14px; line-height:24px; }
.rbox .box { width:94%; margin:auto; margin-top:5px; }
.rbox .box .list { width:100%; display:block; overflow:hidden; }
.rbox .box .list li { width:48.5%; float:left; display:block; position:relative; background-color:#fff; margin-left:3%; margin-top:15px; }
.rbox .box .list li:nth-child(2n+1) { margin-left:0; }
.rbox .box .list li .tu { width:100%; height:39.99vw; position:relative; z-index:1; }
.rbox .box .list li .tu>img { width:100%; display:block; }
.rbox .box .list li .tu p { width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.rbox .box .list li .tu p img { display:block; margin:auto; }
.rbox .box .list li:hover .tu p { opacity:1; }
.rbox .box .list li .fg { min-width:105px; padding:0 10px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:39.99vw; margin-top:-14px; background-color:#c30d23; text-align:center; color:#fff; font-size:14px; line-height:28px; height:28px; z-index:3; }
.rbox .box .list li .wen { padding:10px; padding-top:21px; text-align:center; }
.rbox .box .list li .wen .bt { display:flex; justify-content:center; align-items:center; }
.rbox .box .list li .wen .bt span { width:6px; height:6px; background-color:#333; margin-right:5px; display:block; }
.rbox .box .list li .wen .bt b { font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.rbox .box .list li .wen .wz { font-size:14px; line-height:20px; height:40px; color:#666; text-align:center; margin-top:2px; }
}



/*装修百科*/

@media screen and (min-width:1280px) {
.nbox { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.nbox .bg { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1; }
.nbox .title { width:1200px; margin:auto; text-align:center; position:relative; z-index:3; }
.nbox .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.nbox .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; color:#fff; }
.nbox .title b { width:50px; height:2px; background-color:#fff; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.nbox .box { width:1200px; margin:auto; position:relative; z-index:3; }
.nbox .box .left { width:380px; float:left; background-color:#fff; padding:30px; padding-top:50px; box-sizing:border-box; margin-top:30px; }
.nbox .box .right { width:380px; float:left; background-color:#fff; padding:30px; padding-top:50px; box-sizing:border-box; margin-top:30px; margin-left:30px; }
.nbox .box .tou { width:100%; text-align:center; }
.nbox .box .tou img { display:block; height:50px; margin:auto; }
.nbox .box .tou p { display:block; font-size:20px; line-height:30px; height:30px; overflow:hidden; margin-top:15px; }
.nbox .box .left .list { display:block; overflow:hidden; padding-top:7px; }
.nbox .box .left .list li { display:flex; align-items:center; overflow:hidden; margin-top:18px; }
.nbox .box .left .list li .tu { width:110px; height:74px; margin-right:15px; }
.nbox .box .left .list li .tu img { width:100%; display:block; }
.nbox .box .left .list li .wen { width:calc(100% - 125px); }
.nbox .box .left .list li .wen a { font-size:14px; line-height:22px; height:44px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.nbox .box .left .list li .wen p { font-size:14px; line-height:20px; height:20px; color:#999; display:block; overflow:hidden; margin-top:6px; }
.nbox .box .left .list li .wen a:hover { color:#c30d23; }
.nbox .box .right .list { display:block; overflow:hidden; padding-top:5px; }
.nbox .box .right .list li { height:34px; border-bottom:1px dashed #cacaca; padding-left:16px; background-image:url(../images/li_89.jpg); background-position:left center; background-repeat:no-repeat; overflow:hidden; margin-top:10px; }
.nbox .box .right .list li:last-child { border-bottom:none; }
.nbox .box .right .list li a { font-size:14px; display:block; line-height:34px; height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nbox .box .right .list li a:hover { color:#c30d23; }
.nbox .box .right .tu { margin-top:16px; width:100%; height:130px; }
.nbox .box .right .tu img { width:100%; display:block; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.nbox { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.nbox .bg { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1; }
.nbox .title { width:94%; margin:auto; text-align:center; position:relative; z-index:3; }
.nbox .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.nbox .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; color:#fff; }
.nbox .title b { width:40px; height:2px; background-color:#fff; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.nbox .box { width:94%; margin:auto; position:relative; z-index:3; }
.nbox .box .left { width:32%; float:left; background-color:#fff; padding:25px; padding-top:40px; box-sizing:border-box; margin-top:25px; }
.nbox .box .right { width:32%; float:left; background-color:#fff; padding:25px; padding-top:40px; box-sizing:border-box; margin-top:25px; margin-left:2%; }
.nbox .box .tou { width:100%; text-align:center; }
.nbox .box .tou img { display:block; height:50px; margin:auto; }
.nbox .box .tou p { display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; margin-top:10px; }
.nbox .box .left .list { display:block; overflow:hidden; padding-top:5px; }
.nbox .box .left .list li { display:flex; align-items:center; overflow:hidden; margin-top:15px; }
.nbox .box .left .list li .tu { width:110px; height:74px; margin-right:10px; }
.nbox .box .left .list li .tu img { width:100%; display:block; }
.nbox .box .left .list li .wen { width:calc(100% - 120px); }
.nbox .box .left .list li .wen a { font-size:14px; line-height:22px; height:44px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.nbox .box .left .list li .wen p { font-size:14px; line-height:20px; height:20px; color:#999; display:block; overflow:hidden; margin-top:6px; }
.nbox .box .left .list li .wen a:hover { color:#c30d23; }
.nbox .box .right .list { display:block; overflow:hidden; padding-top:2px; }
.nbox .box .right .list li { height:34px; border-bottom:1px dashed #cacaca; padding-left:16px; background-image:url(../images/li_89.jpg); background-position:left center; background-repeat:no-repeat; overflow:hidden; margin-top:8px; }
.nbox .box .right .list li:last-child { border-bottom:none; }
.nbox .box .right .list li a { font-size:14px; display:block; line-height:34px; height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nbox .box .right .list li a:hover { color:#c30d23; }
.nbox .box .right .tu { margin-top:15px; width:100%; height:130px; }
.nbox .box .right .tu img { width:100%; display:block; }
}
 @media only screen and (max-width:768px) {
.nbox { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.nbox .bg { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1; }
.nbox .title { width:94%; margin:auto; text-align:center; position:relative; z-index:3; }
.nbox .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.nbox .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; color:#fff; }
.nbox .title b { width:30px; height:2px; background-color:#fff; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.nbox .box { width:94%; margin:auto; margin-top:20px; position:relative; z-index:3; }
.nbox .box .left { width:100%; background-color:#fff; padding:20px 15px; box-sizing:border-box; }
.nbox .box .right { width:100%; background-color:#fff; padding:20px 15px; box-sizing:border-box; margin-top:15px; }
.nbox .box .tou { width:100%; text-align:center; }
.nbox .box .tou img { display:block; height:50px; margin:auto; }
.nbox .box .tou p { display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; margin-top:5px; }
.nbox .box .left .list { display:block; overflow:hidden; }
.nbox .box .left .list li { display:flex; align-items:center; overflow:hidden; margin-top:15px; }
.nbox .box .left .list li .tu { width:110px; height:74px; margin-right:10px; }
.nbox .box .left .list li .tu img { width:100%; display:block; }
.nbox .box .left .list li .wen { width:calc(100% - 120px); }
.nbox .box .left .list li .wen a { font-size:14px; line-height:22px; height:44px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:2; overflow:hidden; }
.nbox .box .left .list li .wen p { font-size:14px; line-height:20px; height:20px; color:#999; display:block; overflow:hidden; margin-top:6px; }
.nbox .box .left .list li .wen a:hover { color:#c30d23; }
.nbox .box .right .list { display:block; overflow:hidden; }
.nbox .box .right .list li { height:30px; border-bottom:1px dashed #cacaca; padding-left:16px; background-image:url(../images/li_89.jpg); background-position:left center; background-repeat:no-repeat; overflow:hidden; margin-top:7px; }
.nbox .box .right .list li:last-child { border-bottom:none; }
.nbox .box .right .list li a { font-size:14px; display:block; line-height:30px; height:30px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.nbox .box .right .list li a:hover { color:#c30d23; }
.nbox .box .right .tu { margin-top:12px; width:100%; height:130px; }
.nbox .box .right .tu img { width:100%; display:block; }
}



/*盛世精工管理*/

@media screen and (min-width:1280px) {
.sbox { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff; }
.sbox .title { width:1200px; margin:auto; text-align:center; }
.sbox .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.sbox .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; }
.sbox .title b { width:50px; height:2px; background-color:#333; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.sbox .box { width:1200px; margin:auto; margin-top:30px; }
.sbox .box .list { margin-left:-30px; display:block; padding-top:25px; }
.sbox .box .list li { width:200px; display:block; float:left; overflow:hidden; margin-top:-25px; margin-left:30px; }
.sbox .box .list li:nth-child(6) { margin-left:110px; }
.sbox .box .list li img { width:100%; display:block; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.sbox { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#fff; }
.sbox .title { width:94%; margin:auto; text-align:center; }
.sbox .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.sbox .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; }
.sbox .title b { width:40px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.sbox .box { width:94%; margin:auto; margin-top:25px; }
.sbox .box .list { display:block; padding-top:20px; }
.sbox .box .list li { width:16%; display:block; float:left; overflow:hidden; margin-top:-20px; margin-left:3%; }
.sbox .box .list li:nth-child(1), .sbox .box .list li:nth-child(11) { margin-left:0; }
.sbox .box .list li:nth-child(6) { margin-left:8%; }
.sbox .box .list li img { width:100%; display:block; }
}
 @media only screen and (max-width:768px) {
.sbox { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff; }
.sbox .title { width:94%; margin:auto; text-align:center; }
.sbox .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.sbox .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; }
.sbox .title b { width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.sbox .box { width:94%; margin:auto; margin-top:20px; }
.sbox .box .list { display:block; padding-top:12vw; }
.sbox .box .list li { width:30%; display:block; float:left; overflow:hidden; margin-top:-12vw; margin-left:5%; }
.sbox .box .list li:nth-child(1), .sbox .box .list li:nth-child(6), .sbox .box .list li:nth-child(11) { margin-left:0; }
.sbox .box .list li:nth-child(4), .sbox .box .list li:nth-child(9), .sbox .box .list li:nth-child(14) { margin-left:17.5%; }
.sbox .box .list li img { width:100%; display:block; }
}



/*盛世大宅装饰集团*/

@media screen and (min-width:1280px) {
.abox { width:100%; padding-top:70px; padding-bottom:70px; position:relative; z-index:1; background-color:#f1f1f1; }
.abox .bg { width:50%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; }
.abox .mask { width:calc(50% + 140px); height:calc(100% - 140px); background-color:#fff; position:absolute; right:0; top:70px; z-index:2; }
.abox .box { width:660px; padding-bottom:47px; padding-left:540px; margin:auto; position:relative; z-index:3; }
.abox .title { width:100%; padding-top:44px; }
.abox .title span { font-size:42px; line-height:42px; height:42px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.abox .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; margin-top:18px; }
.abox .title b { width:50px; height:2px; background-color:#333; margin-top:15px; display:block; overflow:hidden; }
.abox .wen { margin:22px 0; font-size:14px; line-height:30px; height:120px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.abox .more { width:100%; }
.abox .more a { width:180px; height:40px; line-height:40px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; }
.abox .more a:hover { background-color:#c30d23; }
.abox .list { width:calc(100% + 50px); display:block; padding-top:20px; }
.abox .list li { display:block; float:left; margin-top:30px; margin-right:50px; }
.abox .list li strong { display:block; overflow:hidden; }
.abox .list li strong img { display:block; height:30px; }
.abox .list li span { display:block; font-size:18px; line-height:32px; height:32px; padding-top:7px; overflow:hidden; }
.abox .list li p { display:block; font-size:14px; line-height:18px; height:36px; overflow:hidden; color:#999; text-transform:uppercase; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.abox { width:100%; padding-top:55px; padding-bottom:55px; position:relative; z-index:1; background-color:#f1f1f1; }
.abox .bg { width:50%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; }
.abox .mask { width:80%; height:calc(100% - 110px); background-color:#fff; position:absolute; right:0; top:55px; z-index:2; }
.abox .box { width:74%; padding-bottom:31px; padding-left:23%; position:relative; z-index:3; }
.abox .title { width:100%; padding-top:30px; }
.abox .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.abox .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; margin-top:8px; }
.abox .title b { width:40px; height:2px; background-color:#333; margin-top:8px; display:block; overflow:hidden; }
.abox .wen { margin:17px 0; font-size:14px; line-height:30px; height:120px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.abox .more { width:100%; }
.abox .more a { width:180px; height:40px; line-height:40px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; }
.abox .more a:hover { background-color:#c30d23; }
.abox .list { width:calc(100% + 50px); display:block; padding-top:10px; }
.abox .list li { display:block; float:left; margin-top:20px; margin-right:30px; }
.abox .list li strong { display:block; overflow:hidden; }
.abox .list li strong img { display:block; height:30px; }
.abox .list li span { display:block; font-size:18px; line-height:32px; height:32px; padding-top:5px; overflow:hidden; }
.abox .list li p { display:block; font-size:14px; line-height:18px; height:36px; overflow:hidden; color:#999; text-transform:uppercase; }
}
 @media only screen and (max-width:768px) {
.abox { width:100%; padding-top:40px; padding-bottom:40px; position:relative; z-index:1; background-color:#f1f1f1; }
.abox .bg { width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-position:center; background-repeat:no-repeat; background-size:cover; }
.abox .box { width:94%; margin:auto; padding:25px 15px; padding-bottom:27px; background-color:#fff; box-sizing:border-box; position:relative; z-index:3; }
.abox .title { width:100%; text-align:center; }
.abox .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.abox .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; }
.abox .title b { width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.abox .wen { margin:15px 0; font-size:14px; line-height:24px; height:120px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; }
.abox .more { width:100%; }
.abox .more a { width:170px; height:34px; line-height:34px; display:block; border-radius:40px; text-align:center; background-color:#333; color:#fff; overflow:hidden; margin:auto; }
.abox .more a:hover { background-color:#c30d23; }
.abox .list { width:100%; display:block; padding-top:5px; }
.abox .list li { width:48.5%; display:block; float:left; margin-top:15px; margin-left:3%; text-align:center; }
.abox .list li:nth-child(2n+1) { clear:left; float:left; margin-left:0; }
.abox .list li strong { display:block; overflow:hidden; }
.abox .list li strong img { display:block; height:30px; margin:auto; }
.abox .list li span { display:block; font-size:16px; line-height:26px; height:26px; padding-top:5px; overflow:hidden; }
.abox .list li p { display:block; font-size:14px; line-height:18px; height:36px; overflow:hidden; color:#999; text-transform:uppercase; padding-top:2px; }
}



/*盛世大宅装饰集团*/

@media screen and (min-width:1280px) {
.xbox { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.xbox .bg { width:100%; height:100%; background-color:rgba(0,0,0,.8); position:absolute; left:0; top:0; z-index:1; }
.xbox .box { width:1200px; margin:auto; position:relative; z-index:3; }
.xbox .box .right { width:570px; float:right; padding-top:37px; }
.xbox .box .right img { max-width:100%; display:block; float:right; }
.xbox .box .left { width:580px; float:left; }
.xbox .title { width:100%; }
.xbox .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.xbox .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; color:#fff; }
.xbox .title b { width:50px; height:2px; background-color:#fff; margin-top:8px; display:block; overflow:hidden; }
.xbox .bt { width:550px; font-size:24px; line-height:34px; font-weight:bold; color:#fff; margin-top:35px; }
.xbox .wen { width:550px; font-size:14px; line-height:30px; height:120px; color:#fff; margin-top:7px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.xbox .list { display:block; padding-top:22px; margin-left:-20px; }
.xbox .list li { display:block; width:180px; height:120px; overflow:hidden; float:left; margin-left:20px; margin-top:20px; }
.xbox .list li:nth-child(3n+1) { clear:left; float:left; }
.xbox .list li img { width:100%; display:block; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.xbox { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.xbox .bg { width:100%; height:100%; background-color:rgba(0,0,0,.8); position:absolute; left:0; top:0; z-index:1; }
.xbox .box { width:94%; margin:auto; position:relative; z-index:3; }
.xbox .box .right { width:47.5%; float:right; padding-top:3.5vw; }
.xbox .box .right img { max-width:100%; display:block; float:right; }
.xbox .box .left { width:48%; float:left; }
.xbox .title { width:100%; }
.xbox .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.xbox .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; color:#fff; }
.xbox .title b { width:40px; height:2px; background-color:#fff; margin-top:5px; display:block; overflow:hidden; }
.xbox .bt { font-size:22px; line-height:32px; font-weight:bold; color:#fff; margin-top:25px; }
.xbox .wen { font-size:14px; line-height:30px; height:120px; color:#fff; margin-top:7px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:4; }
.xbox .list { display:block; padding-top:12px; }
.xbox .list li { display:block; width:31.33%; height:9.42vw; overflow:hidden; float:left; margin-left:3%; margin-top:15px; }
.xbox .list li:nth-child(3n+1) { clear:left; float:left; margin-left:0; }
.xbox .list li img { width:100%; display:block; }
}
 @media only screen and (max-width:768px) {
.xbox { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.xbox .bg { width:100%; height:100%; background-color:rgba(0,0,0,.8); position:absolute; left:0; top:0; z-index:1; }
.xbox .box { width:94%; margin:auto; position:relative; z-index:3; }
.xbox .box .right { width:100%; float:right; padding-top:20px; }
.xbox .box .right img { max-width:100%; display:block; float:right; }
.xbox .box .left { width:100%; float:left; }
.xbox .title { width:100%; text-align:center; }
.xbox .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.xbox .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; color:#fff; }
.xbox .title b { width:30px; height:2px; background-color:#fff; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.xbox .bt { font-size:18px; line-height:28px; font-weight:bold; color:#fff; margin-top:15px; }
.xbox .wen { font-size:14px; line-height:24px; height:120px; color:#fff; margin-top:5px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:5; }
.xbox .list { display:block; padding-top:5px; }
.xbox .list li { display:block; width:31.33%; height:19.63vw; overflow:hidden; float:left; margin-left:3%; margin-top:10px; }
.xbox .list li:nth-child(3n+1) { clear:left; float:left; margin-left:0; }
.xbox .list li img { width:100%; display:block; }
}



/*footer*/

@media screen and (min-width:1280px) {
.footer { width:100%; background-color:#1b1b1b; position:relative; z-index:1; }
.footer .bg { position:absolute; left:0; bottom:0; z-index:1; background-color:#c30d23; width:calc(50% - 140px); height:calc(100% - 30px); }
.footer .foot { width:1200px; margin:auto; position:relative; z-index:2; }
.footer .foot .left { width:410px; padding-top:70px; float:left; padding-bottom:35px; }
.footer .foot .left .f01 { width:190px; float:left; }
.footer .foot .left .f01 img { max-width:150px; display:block; }
.footer .foot .left .f02 { width:220px; float:left; border-top:1px solid #fff; height:99px; }
.footer .foot .left .f02 span { width:100%; float:right; display:block; font-size:24px; line-height:32px; height:32px; padding-top:14px; color:#fff; text-transform:uppercase; text-align:right; }
.footer .foot .left .f02 p { width:100%; float:right; display:block; font-size:14px; line-height:22px; height:22px; color:#ccc; text-align:right; }
.footer .foot .left .f02 a { float:right; display:block; font-size:24px; line-height:32px; height:32px; color:#fff; text-align:right; margin-top:5px; }
.footer .foot .left .f02 a img { display:block; float:left; height:16px; margin-top:10px; margin-right:10px; }
.footer .foot .left .f03 { padding-top:15px; width:100%; }
.footer .foot .left .f03 p { display:block; font-size:14px; line-height:26px; color:#fff; overflow:hidden; }
.footer .foot .left .f03 p img { display:block; height:16px; margin:5px 10px; margin-left:0; float:left; }
.footer .foot .left .f04 { margin-left:-20px; margin-top:20px; }
.footer .foot .left .f04 p { display:block; float:left; font-size:14px; line-height:24px; color:#ccc; margin-left:20px; }
.footer .foot .left .f04 p a { color:#ccc; }
.footer .foot .right { width:740px; float:right; padding-top:65px; }
.footer .foot .right .f01 { padding-bottom:51px; width:110px; float:left; display:block; }
.footer .foot .right .f01:first-child { margin-left:50px; }
.footer .foot .right .f01 dt { font-size:18px; line-height:28px; color:#fff; display:block; }
.footer .foot .right .f01 dd { padding-top:5px; display:block; }
.footer .foot .right .f01 dd a { display:block; font-size:14px; height:30px; line-height:30px; overflow:hidden; color:#ccc; }
.footer .foot .right .f01 dd a:hover { color:#fff; }
.footer .foot .right .f02 { float:right; width:110px; display:block; padding-bottom:65px; }
.footer .foot .right .f02 dt { width:100%; display:block; padding:5px 0; overflow:hidden; }
.footer .foot .right .f02 dt img { width:100%; display:block; }
.footer .foot .right .f02 dd { display:block; text-align:center; font-size:14px; line-height:24px; color:#ccc; }
.footer .foot .right .f03 { width:calc(50vw + 140px); display:none; float:left; height:1px; background-color:#333; }
.footer .foot .right .f04 { clear:left; width:100%; float:left; height:70px; display:none; align-items:center; }
.footer .foot .right .f04 dt { padding-left:50px; padding-right:30px; overflow:hidden; }
.footer .foot .right .f04 dt span { float:left; font-size:14px; display:block; line-height:24px; height:24px; overflow:hidden; color:#aaa; }
.footer .foot .right .f04 dt a { float:left; font-size:14px; display:block; line-height:26px; height:24px; overflow:hidden; color:#666; margin-left:10px; text-transform:uppercase; }
.footer .foot .right .f04 dd { display:block; flex:1; }
.footer .foot .right .f04 dd a { float:left; font-size:14px; display:block; line-height:24px; height:24px; overflow:hidden; color:#666; }
.footer .foot .right .f04 dd span { float:left; font-size:12px; display:block; line-height:24px; height:24px; overflow:hidden; color:#666; margin:0 20px; }
.footer .foot .right .f04 dd a:hover { color:#fff; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.footer { width:100%; background-color:#1b1b1b; position:relative; z-index:1; }
.footer .bg { position:absolute; left:0; bottom:0; z-index:1; background-color:#c30d23; width:30%; height:calc(100% - 25px); }
.footer .foot { width:94%; margin:auto; position:relative; z-index:2; margin-top:25px; }
.footer .foot .left { width:34%; padding-right:4%; padding-top:25px; float:left; padding-bottom:20px; background-color:#c30d23; }
.footer .foot .left .f01 { width:calc(100% - 200px); float:left; }
.footer .foot .left .f01 img { max-width:100%; display:block; }
.footer .foot .left .f02 { width:180px; float:right; border-top:1px solid #fff; height:84px; }
.footer .foot .left .f02 span { width:100%; float:right; display:block; font-size:20px; line-height:28px; height:28px; padding-top:10px; color:#fff; text-transform:uppercase; text-align:right; }
.footer .foot .left .f02 p { width:100%; float:right; display:block; font-size:14px; line-height:22px; height:22px; color:#ccc; text-align:right; }
.footer .foot .left .f02 a { float:right; display:block; font-size:20px; line-height:28px; height:28px; color:#fff; text-align:right; }
.footer .foot .left .f02 a img { display:block; float:left; height:16px; margin-top:7px; margin-right:10px; }
.footer .foot .left .f03 { padding-top:10px; width:100%; }
.footer .foot .left .f03 p { display:block; font-size:14px; line-height:26px; color:#fff; overflow:hidden; }
.footer .foot .left .f03 p img { display:block; height:16px; margin:5px 10px; margin-left:0; float:left; }
.footer .foot .left .f04 { margin-left:-15px; margin-top:10px; }
.footer .foot .left .f04 p { display:block; float:left; font-size:14px; line-height:24px; color:#ccc; margin-left:15px; }
.footer .foot .left .f04 p a { color:#ccc; }
.footer .foot .right { width:62%; float:right; padding-top:20px; }
.footer .foot .right .f01 { padding-bottom:45px; width:calc((93% - 90px)/5); float:left; display:block; }
.footer .foot .right .f01:first-child { margin-left:6.45%; }
.footer .foot .right .f01 dt { font-size:16px; line-height:26px; color:#fff; display:block; }
.footer .foot .right .f01 dd { display:block; }
.footer .foot .right .f01 dd a { display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; color:#ccc; }
.footer .foot .right .f01 dd a:hover { color:#fff; }
.footer .foot .right .f02 { float:right; width:90px; display:block; padding-bottom:45px; }
.footer .foot .right .f02 dt { width:100%; display:block; padding:5px 0; overflow:hidden; }
.footer .foot .right .f02 dt img { width:100%; display:block; }
.footer .foot .right .f02 dd { display:block; text-align:center; font-size:14px; line-height:24px; color:#ccc; }
.footer .foot .right .f03 { width:calc(50vw + 140px); display:none; float:left; height:1px; background-color:#333; }
.footer .foot .right .f04 { clear:left; width:100%; float:left; padding:15px 0; display:none; align-items:center; }
.footer .foot .right .f04 dt { padding-left:6.45%; padding-right:20px; overflow:hidden; }
.footer .foot .right .f04 dt span { float:left; font-size:14px; display:block; line-height:24px; height:24px; overflow:hidden; color:#aaa; }
.footer .foot .right .f04 dt a { float:left; font-size:14px; display:block; line-height:26px; height:24px; overflow:hidden; color:#666; margin-left:10px; text-transform:uppercase; }
.footer .foot .right .f04 dd { display:block; flex:1; }
.footer .foot .right .f04 dd a { float:left; font-size:14px; display:block; line-height:20px; height:20px; overflow:hidden; color:#666; }
.footer .foot .right .f04 dd span { float:left; font-size:12px; display:block; line-height:20px; height:20px; overflow:hidden; color:#666; margin:0 15px; }
.footer .foot .right .f04 dd a:hover { color:#fff; }
}
 @media only screen and (max-width:768px) {
.footer { width:100%; background-color:#1b1b1b; position:relative; z-index:1; }
.footer .foot { width:100%; position:relative; z-index:2; margin-top:20px; padding-bottom:20px; }
.footer .foot .left { width:91%; background-color:#c30d23; padding:15px 3%; padding-bottom:10px; background-color:#c30d23; }
.footer .foot .left .f01 { width:calc(100% - 215px); float:left; }
.footer .foot .left .f01 img { max-width:100%; display:block; }
.footer .foot .left .f02 { width:200px; float:right; border-top:1px solid #fff; height:92px; }
.footer .foot .left .f02 span { width:100%; float:right; display:block; font-size:22px; line-height:30px; height:30px; padding-top:10px; color:#fff; text-transform:uppercase; text-align:right; }
.footer .foot .left .f02 p { width:100%; float:right; display:block; font-size:14px; line-height:22px; height:22px; color:#ccc; text-align:right; }
.footer .foot .left .f02 a { float:right; display:block; font-size:22px; line-height:30px; height:30px; color:#fff; text-align:right; margin-top:5px; }
.footer .foot .left .f02 a img { display:block; float:left; height:16px; margin-top:8px; margin-right:10px; }
.footer .foot .left .f03 { padding-top:10px; width:100%; }
.footer .foot .left .f03 p { display:block; font-size:14px; line-height:24px; color:#fff; overflow:hidden; }
.footer .foot .left .f03 p img { display:block; height:14px; margin:5px 10px; margin-left:0; float:left; }
.footer .foot .left .f04 { margin-left:-10px; margin-top:5px; }
.footer .foot .left .f04 p { display:block; float:left; font-size:14px; line-height:24px; color:#ccc; margin-left:10px; }
.footer .foot .left .f04 p a { color:#ccc; }
.footer .foot .right { width:100%; margin-top:10px; position:relative; }
.footer .foot .right .f01 { padding-top:5px; width:calc(94% - 125px); margin-left:3%; display:block; }
.footer .foot .right .f01 dt { font-size:16px; line-height:26px; color:#fff; display:block; }
.footer .foot .right .f01 dd { display:block; margin-left:-10px; overflow:hidden; }
.footer .foot .right .f01 dd a { display:block; font-size:14px; height:20px; line-height:20px; overflow:hidden; color:#ccc; float:left; margin-left:10px; }
.footer .foot .right .f01 dd a:hover { color:#fff; }
.footer .foot .right .f02 { position:absolute; right:3%; top:5px; width:110px; display:block; }
.footer .foot .right .f02 dt { width:100%; display:block; padding:5px 0; overflow:hidden; }
.footer .foot .right .f02 dt img { width:100%; display:block; }
.footer .foot .right .f02 dd { display:block; text-align:center; font-size:14px; line-height:24px; color:#ccc; }
.footer .foot .right .f03 { width:100%; display:none; margin-top:17px; height:1px; background-color:#333; }
.footer .foot .right .f04 { width:94%; padding:15px 3%; padding-bottom:17px; display:none; }
.footer .foot .right .f04 dt { overflow:hidden; }
.footer .foot .right .f04 dt span { float:left; font-size:14px; display:block; line-height:24px; height:24px; overflow:hidden; color:#aaa; }
.footer .foot .right .f04 dt a { float:left; font-size:14px; display:block; line-height:26px; height:24px; overflow:hidden; color:#666; margin-left:10px; text-transform:uppercase; }
.footer .foot .right .f04 dd { display:block; width:100%; }
.footer .foot .right .f04 dd a { float:left; font-size:14px; display:block; line-height:20px; height:20px; overflow:hidden; color:#666; }
.footer .foot .right .f04 dd span { float:left; font-size:12px; display:block; line-height:20px; height:20px; overflow:hidden; color:#666; margin:0 10px; }
.footer .foot .right .f04 dd a:hover { color:#fff; }
}



/*客服*/

@media screen and (min-width:1280px) {
.xj-backtop { position:fixed; right:1%; bottom:10%; z-index:99; }
.xj-backtop .right-con { width:60px; display:block; margin-bottom:10px; }
.xj-backtop .fixed-item { width:100%; height:70px; background-color:rgba(0,0,0,.9); display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; cursor:pointer; }
.xj-backtop .right-con .fixed-item { border-bottom:1px solid #222; }
.xj-backtop .right-con .fixed-item:last-child { border-bottom:none; }
.xj-backtop .fixed-item img { display:block; height:30px; margin:0 auto; }
.xj-backtop .fixed-item span { display:block; font-size:12px; line-height:22px; height:17px; color:#fff; }
.xj-backtop .fixed-item:hover { background-color:#c30d23; }
.xj-backtop .fixed-item p { display:none; position:absolute; right:65px; bottom:0; width:110px; border-radius:5px; border:1px solid #ddd; overflow:hidden; padding:5px; padding-bottom:9px; box-shadow:0 0 1px rgba(0,0,0,.1); background-color:#fff; }
.xj-backtop .fixed-item p img { width:100%; display:block; height:auto; margin:auto; }
.xj-backtop .fixed-item p b { text-align:center; display:block; font-size:12px; line-height:14px; color:#666; font-weight:normal; }
.xj-backtop .fixed-item:hover p { display:block; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.xj-backtop { position:fixed; right:1%; bottom:5%; z-index:99; }
.xj-backtop .right-con { width:60px; display:block; margin-bottom:10px; }
.xj-backtop .fixed-item { width:100%; height:70px; background-color:rgba(0,0,0,.9); display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; cursor:pointer; }
.xj-backtop .right-con .fixed-item { border-bottom:1px solid #222; }
.xj-backtop .right-con .fixed-item:last-child { border-bottom:none; }
.xj-backtop .fixed-item img { display:block; height:30px; margin:0 auto; }
.xj-backtop .fixed-item span { display:block; font-size:12px; line-height:22px; height:17px; color:#fff; }
.xj-backtop .fixed-item:hover { background-color:#c30d23; }
.xj-backtop .fixed-item p { display:none; position:absolute; right:65px; bottom:0; width:110px; border-radius:5px; border:1px solid #ddd; overflow:hidden; padding:5px; padding-bottom:9px; box-shadow:0 0 1px rgba(0,0,0,.1); background-color:#fff; }
.xj-backtop .fixed-item p img { width:100%; display:block; height:auto; margin:auto; }
.xj-backtop .fixed-item p b { text-align:center; display:block; font-size:12px; line-height:14px; color:#666; font-weight:normal; }
.xj-backtop .fixed-item:hover p { display:block; }
}
 @media only screen and (max-width:768px) {
.xj-backtop { position:fixed; right:3%; bottom:70px; z-index:99; }
.xj-backtop .right-con { width:54px; display:block; margin-bottom:10px; }
.xj-backtop .fixed-item { width:100%; height:54px; background-color:rgba(0,0,0,.9); display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative; cursor:pointer; }
.xj-backtop .right-con .fixed-item { display:none; }
.xj-backtop .fixed-item img { display:block; height:20px; margin:0 auto; }
.xj-backtop .fixed-item span { display:block; font-size:12px; line-height:22px; height:17px; color:#fff; }
.xj-backtop .fixed-item:hover { background-color:#c30d23; }
}



/*内页*/

@keyframes scaleDraw {  /*定义关键帧、scaleDrew是需要绑定到选择器的关键帧名称*/ 0% {
 transform:scale(1);  /*开始为原始大小*/
}
 25% {
 transform:scale(1.1); /*放大1.1倍*/
}
 50% {
 transform:scale(1);
}
 75% {
 transform:scale(1.1);
}
}
 @media screen and (min-width:1280px) {
.ban { width:100%; height:400px; position:relative; overflow:hidden; z-index:1; border-top:141px solid #fff; }
.ban .bg { width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0; }
.ban .box { width:100%; background-color:rgba(0,0,0,0.5); height:100%; position:absolute; left:0%; bottom:0; z-index:1; display:flex; align-items:center; }
.ban .title { width:1200px; margin:auto; text-align:center; position:relative; z-index:3; }
.ban .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.ban .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; color:#fff; margin-top:10px; }
.wei { width:100%; height:60px; background-color:#fff; border-bottom:1px solid #eee; }
.wei .box { width:1200px; margin:auto; }
.wei .box .right { float:right; font-size:14px; height:60px; line-height:60px; }
.wei .box .right a:hover { color:#c30d23; }
.wei .box .left { display:block; float:left; overflow:hidden; }
.wei .box .left a { float:left; display:block; overflow:hidden; position:relative; font-size:14px; height:60px; line-height:60px; margin-right:35px; }
.wei .box .left a b { width:0; height:2px; background-color:#c30d23; display:block; position:absolute; left:50%; transform:translateX(-50%); bottom:0; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.wei .box .left a.on { color:#c30d23; }
.wei .box .left a:hover a { color:#c30d23; }
.wei .box .left a:hover b, .wei .box .left a.on b { width:100%; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.ban { width:100%; height:300px; position:relative; overflow:hidden; z-index:1; border-top:131px solid #fff; }
.ban .bg { width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0; }
.ban .box { width:100%; background-color:rgba(0,0,0,0.5); height:100%; position:absolute; left:0%; bottom:0; z-index:1; display:flex; align-items:center; }
.ban .title { width:94%; margin:auto; text-align:center; position:relative; z-index:3; }
.ban .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.ban .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; color:#fff; margin-top:5px; }
.wei { width:100%; height:50px; background-color:#fff; border-bottom:1px solid #eee; }
.wei .box { width:94%; margin:auto; }
.wei .box .right { float:right; font-size:14px; height:50px; line-height:50px; }
.wei .box .right a:hover { color:#c30d23; }
.wei .box .left { display:block; float:left; overflow:hidden; }
.wei .box .left a { float:left; display:block; overflow:hidden; position:relative; font-size:14px; height:50px; line-height:50px; margin-right:30px; }
.wei .box .left a b { width:0; height:2px; background-color:#c30d23; display:block; position:absolute; left:50%; transform:translateX(-50%); bottom:0; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.wei .box .left a.on { color:#c30d23; }
.wei .box .left a:hover a { color:#c30d23; }
.wei .box .left a:hover b, .wei .box .left a.on b { width:100%; }
}
 @media only screen and (max-width:1023px) {
.ban { width:100%; height:200px; position:relative; overflow:hidden; z-index:1; border-top:60px solid #fff; }
.ban .bg { width:100%; height:100%; background-size:cover; background-position:center; background-repeat:no-repeat; animation:scaleDraw 30s ease-in-out infinite; position:relative; z-index:0; }
.ban .box { width:100%; background-color:rgba(0,0,0,0.5); height:100%; position:absolute; left:0%; bottom:0; z-index:1; display:flex; align-items:center; }
.ban .title { width:94%; margin:auto; text-align:center; position:relative; z-index:3; }
.ban .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.ban .title p { font-size:18px; line-height:30px; height:30px; overflow:hidden; color:#fff; }
.wei { width:100%; }
.wei .box { width:100%; margin:auto; }
.wei .box .right { display:none; float:right; font-size:14px; height:50px; line-height:50px; }
.wei .box .right a:hover { color:#c30d23; }
.wei .box .left { display:flex; flex-wrap:wrap; justify-content:center; width:94%; overflow:hidden; padding:10px 3%; background-color:#fff; border-bottom:1px solid #eee; }
.wei .box .left a { display:block; overflow:hidden; position:relative; font-size:14px; height:20px; line-height:20px; margin:0 7px; }
.wei .box .left a b { display:none; }
.wei .box .left a.on { color:#c30d23; }
.wei .box .left a:hover a { color:#c30d23; }
}



/*案例介绍*/

@media screen and (min-width:1280px) {
.sx { width:1200px; margin:auto; margin-top:50px; background-color:#fff; box-sizing:border-box; border:1px solid #ddd; }
.sx .sx01 { height:44px; padding:0 29px; background-color:#f1f1f1; }
.sx .sx01 .s01 { width:90px; float:left; font-size:14px; height:44px; line-height:44px; }
.sx .sx01 .s02 { margin:7px 10px; margin-left:0; float:left; height:30px; padding:0 10px; background-color:#c30d23; overflow:hidden; }
.sx .sx01 .s02 span { display:block; font-size:14px; height:30px; line-height:30px; color:#fff; margin-right:15px; float:left; }
.sx .sx01 .s02 a { display:block; height:10px; margin:10px 0; float:left; }
.sx .sx01 .s02 a img { display:block; height:10px; cursor:pointer; }
.sx .sx01 .s03 { float:right; font-size:14px; line-height:44px; }
.sx .sx01 .s03 a { color:#999; cursor:pointer; }
.sx .sx01 .s03 a:hover { color:#c30d23; }
.sx .sx02 { padding:15px 29px; padding-bottom:30px; background-color:#fff; }
.sx .sx02 dl { display:block; overflow:hidden; padding:10px 0; border-bottom:1px solid #ddd; }
.sx .sx02 dl dt { display:block; width:90px; font-size:14px; line-height:24px; float:left; }
.sx .sx02 dl dd { display:block; width:calc(100% - 60px); margin-left:-30px; overflow:hidden; float:left; }
.sx .sx02 dl dd a { display:block; float:left; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-left:30px; }
.sx .sx02 dl dd a.on, .sx .sx02 dl dd a:hover { color:#c30d23; }
.sx .sx02 .s01 { width:100%; margin-top:20px; }
.sx .sx02 .s01 .left { display:block; width:300px; height:40px; border-radius:40px; overflow:hidden; float:left; }
.sx .sx02 .s01 .left span { display:block; float:left; overflow:hidden; width:calc(100% - 71px); height:38px; border:1px solid #ddd; border-right:none; border-bottom-left-radius:20px; border-top-left-radius:20px; }
.sx .sx02 .s01 .left span input { padding:0 19px; width:100%; box-sizing:border-box; font-size:14px; height:38px; line-height:38px; overflow:hidden; display:block; }
.sx .sx02 .s01 .left a { width:70px; height:40px; background-color:#c30d23; display:block; float:left; }
.sx .sx02 .s01 .left a input { width:100%; height:40px; cursor:pointer; display:block; overflow:hidden; background-image:url(../images/sx01.png); background-position:center; background-repeat:no-repeat; background-color:#c30d23; }
.sx .sx02 .s01 .right { font-size:14px; float:right; line-height:40px; display:none; }
.sx .sx02 .s01 .right b { color:#c30d23; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.sx { width:94%; margin:auto; margin-top:40px; background-color:#fff; box-sizing:border-box; border:1px solid #ddd; }
.sx .sx01 { height:44px; padding:0 19px; background-color:#f1f1f1; }
.sx .sx01 .s01 { width:90px; float:left; font-size:14px; height:44px; line-height:44px; }
.sx .sx01 .s02 { margin:7px 10px; margin-left:0; float:left; height:30px; padding:0 10px; background-color:#c30d23; overflow:hidden; }
.sx .sx01 .s02 span { display:block; font-size:14px; height:30px; line-height:30px; color:#fff; margin-right:10px; float:left; }
.sx .sx01 .s02 a { display:block; height:10px; margin:10px 0; float:left; }
.sx .sx01 .s02 a img { display:block; height:10px; cursor:pointer; }
.sx .sx01 .s03 { float:right; font-size:14px; line-height:44px; }
.sx .sx01 .s03 a { color:#999; cursor:pointer; }
.sx .sx01 .s03 a:hover { color:#c30d23; }
.sx .sx02 { padding:10px 19px; padding-bottom:25px; background-color:#fff; }
.sx .sx02 dl { display:block; overflow:hidden; padding:10px 0; border-bottom:1px solid #ddd; }
.sx .sx02 dl dt { display:block; width:90px; font-size:14px; line-height:24px; float:left; }
.sx .sx02 dl dd { display:block; width:calc(100% - 70px); margin-left:-20px; overflow:hidden; float:left; }
.sx .sx02 dl dd a { display:block; float:left; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-left:20px; }
.sx .sx02 dl dd a.on, .sx .sx02 dl dd a:hover { color:#c30d23; }
.sx .sx02 .s01 { width:100%; margin-top:15px; }
.sx .sx02 .s01 .right { font-size:14px; float:right; line-height:40px; display:none; }
.sx .sx02 .s01 .right b { color:#c30d23; }
.sx .sx02 .s01 .left { display:block; width:300px; height:40px; border-radius:40px; overflow:hidden; float:left; }
.sx .sx02 .s01 .left span { display:block; float:left; overflow:hidden; width:calc(100% - 71px); height:38px; border:1px solid #ddd; border-right:none; border-bottom-left-radius:20px; border-top-left-radius:20px; }
.sx .sx02 .s01 .left span input { padding:0 19px; width:100%; box-sizing:border-box; font-size:14px; height:38px; line-height:38px; overflow:hidden; display:block; }
.sx .sx02 .s01 .left a { width:70px; height:40px; background-color:#c30d23; display:block; float:left; }
.sx .sx02 .s01 .left a input { width:100%; height:40px; cursor:pointer; display:block; overflow:hidden; background-image:url(../images/sx01.png); background-position:center; background-repeat:no-repeat; background-color:#c30d23; }
}
 @media only screen and (max-width:1023px) {
.sx { width:94%; margin:auto; margin-top:30px; background-color:#fff; box-sizing:border-box; border:1px solid #ddd; }
.sx .sx01 { padding:10px 4px; background-color:#f1f1f1; }
.sx .sx01 .s01 { width:calc(100% - 105px); padding-left:4px; float:left; font-size:14px; height:24px; line-height:24px; }
.sx .sx01 .s02 { margin:5px; float:left; height:28px; padding:0 10px; background-color:#c30d23; overflow:hidden; }
.sx .sx01 .s02 span { display:block; font-size:14px; height:28px; line-height:28px; color:#fff; margin-right:10px; float:left; }
.sx .sx01 .s02 a { display:block; height:10px; margin:9px 0; float:left; }
.sx .sx01 .s02 a img { display:block; height:10px; cursor:pointer; }
.sx .sx01 .s03 { float:right; font-size:14px; line-height:24px; margin-right:4px; }
.sx .sx01 .s03 a { color:#999; cursor:pointer; }
.sx .sx01 .s03 a:hover { color:#c30d23; }
.sx .sx02 { padding:5px 9px; padding-bottom:10px; background-color:#fff; }
.sx .sx02 dl { display:block; overflow:hidden; padding:10px 0; border-bottom:1px solid #ddd; }
.sx .sx02 dl dt { display:block; width:90px; font-size:14px; line-height:20px; float:left; }
.sx .sx02 dl dd { display:block; width:calc(100% - 80px); margin-left:-10px; overflow:hidden; float:left; }
.sx .sx02 dl dd a { display:block; float:left; font-size:14px; height:20px; line-height:20px; overflow:hidden; margin-left:10px; }
.sx .sx02 dl dd a.on, .sx .sx02 dl dd a:hover { color:#c30d23; }
.sx .sx02 .s01 { width:100%; margin-top:15px; }
.sx .sx02 .s01 .left { display:block; width:100%; max-width:300px; margin:auto; height:40px; border-radius:40px; overflow:hidden; margin-bottom:5px; }
.sx .sx02 .s01 .left span { display:block; float:left; overflow:hidden; width:calc(100% - 71px); height:38px; border:1px solid #ddd; border-right:none; border-bottom-left-radius:20px; border-top-left-radius:20px; }
.sx .sx02 .s01 .left span input { padding:0 19px; width:100%; box-sizing:border-box; font-size:14px; height:38px; line-height:38px; overflow:hidden; display:block; }
.sx .sx02 .s01 .left a { width:70px; height:40px; background-color:#c30d23; display:block; float:left; }
.sx .sx02 .s01 .left a input { width:100%; height:40px; cursor:pointer; display:block; overflow:hidden; background-image:url(../images/sx01.png); background-position:center; background-repeat:no-repeat; background-color:#c30d23; }
.sx .sx02 .s01 .right { width:100%; font-size:14px; line-height:24px; text-align:center; margin-top:5px; display:none; }
.sx .sx02 .s01 .right b { color:#c30d23; }
}
 @media screen and (min-width:1280px) {
.case { width:1200px; display:block; margin:auto; }
.case li { width:380px; display:block; float:left; border-radius:10px; margin-left:30px; margin-top:30px; background-color:#fff; overflow:hidden; }
.case li:nth-child(3n+1) { clear:left; float:left; margin-left:0; }
.case li:hover { box-shadow:0 0 10px rgba(0,0,0,.1); }
.case li .tu { width:100%; height:220px; }
.case li .tu img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.case li:hover .tu img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.case li .wen { padding:20px 29px; padding-top:20px; border:1px solid #ddd; border-top:none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
.case li .wen .c01 { height:28px; line-height:28px; font-size:18px; text-overflow:ellipsis; white-space:nowrap; }
.case li .wen .c01 a:hover { color:#c30d23; }
.case li .wen .c02 { margin-top:5px; }
.case li .wen .c02 p { display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case li .wen .c02 p span { color:#999; }
.case li .wen .c03 { margin-top:11px; }
.case li .wen .c03 p { float:left; display:block; overflow:hidden; font-size:14px; line-height:34px; height:34px; }
.case li .wen .c03 p strong { width:34px; height:34px; display:block; float:left; border-radius:100%; overflow:hidden; margin-right:10px; background-color:#f1f1f1; }
.case li .wen .c03 p strong img { width:100%; display:block; }
.case li .wen .c03 span { display:block; float:right; margin:5px 0; font-size:14px; line-height:24px; cursor:pointer; }
.case li .wen .c03 span img { display:block; float:left; height:16px; margin:4px 10px; margin-left:0; }
.fanye { width:100%; max-width:1200px; margin:50px auto; margin-bottom:70px; text-align:center; }
.fanye ul { width:100%; display:block; overflow:hidden; text-align:center; }
.fanye li { margin:0 5px; display:inline-block; }
.fanye li a { width:40px; height:40px; line-height:40px; background-color:#f1f1f1; border-radius:40px; display:block; }
.fanye li span { width:40px; height:40px; line-height:40px; border-radius:40px; display:block; }
.fanye li.active span { color:#fff; background-color:#c30d23; }
.fanye li.disabled span { color:#aaa; background-color:#f7f7f7; cursor:no-drop; }
.fanye li a:hover { color:#c30d23; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.case { width:94%; display:block; margin:auto; }
.case li { width:32%; display:block; float:left; border-radius:10px; margin-left:2%; margin-top:25px; background-color:#fff; overflow:hidden; }
.case li:nth-child(3n+1) { clear:left; float:left; margin-left:0; }
.case li:hover { box-shadow:0 0 10px rgba(0,0,0,.1); }
.case li .tu { width:100%; height:17.41vw; }
.case li .tu img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.case li:hover .tu img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.case li .wen { padding:20px; padding-top:15px; border:1px solid #ddd; border-top:none; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
.case li .wen .c01 { height:28px; line-height:28px; font-size:18px; text-overflow:ellipsis; white-space:nowrap; }
.case li .wen .c01 a:hover { color:#c30d23; }
.case li .wen .c02 { margin-top:5px; }
.case li .wen .c02 p { display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case li .wen .c02 p span { color:#999; }
.case li .wen .c03 { margin-top:8px; }
.case li .wen .c03 p { float:left; display:block; overflow:hidden; font-size:14px; line-height:34px; height:34px; }
.case li .wen .c03 p strong { width:34px; height:34px; display:block; float:left; border-radius:100%; overflow:hidden; margin-right:10px; background-color:#f1f1f1; }
.case li .wen .c03 p strong img { width:100%; display:block; }
.case li .wen .c03 span { display:block; float:right; margin:5px 0; font-size:14px; line-height:24px; cursor:pointer; }
.case li .wen .c03 span img { display:block; float:left; height:16px; margin:4px 10px; margin-left:0; }
.fanye { width:94%; margin:35px auto; margin-bottom:55px; text-align:center; }
.fanye ul { width:100%; display:block; overflow:hidden; text-align:center; }
.fanye li { margin:0 5px; display:inline-block; }
.fanye li a { width:40px; height:40px; line-height:40px; background-color:#f1f1f1; border-radius:40px; display:block; }
.fanye li span { width:40px; height:40px; line-height:40px; border-radius:40px; display:block; }
.fanye li.active span { color:#fff; background-color:#c30d23; }
.fanye li.disabled span { color:#aaa; background-color:#f7f7f7; cursor:no-drop; }
.fanye li a:hover { color:#c30d23; }
}
 @media only screen and (max-width:1023px) {
.case { width:94%; display:block; margin:auto; padding-top:5px; }
.case li { width:100%; display:block; float:left; border-radius:5px; margin-top:15px; background-color:#fff; overflow:hidden; position:relative; }
.case li:hover { box-shadow:0 0 5px rgba(0,0,0,.1); }
.case li .tu { width:100%; height:54.05vw; }
.case li .tu img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.case li:hover .tu img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.case li .wen { padding:10px; border:1px solid #ddd; border-top:none; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.case li .wen .c01 { height:26px; line-height:26px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
.case li .wen .c01 a:hover { color:#c30d23; }
.case li .wen .c02 { width:100%; }
.case li .wen .c02 p { width:32%; margin-left:2%; display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case li .wen .c02 p:nth-child(3n+1) { clear:left; float:left; margin-left:0; }
.case li .wen .c02 p:last-child { display:none; }
.case li .wen .c02 p span { color:#999; }
.case li .wen .c03 { position:absolute; left:15px; top:15px; }
.case li .wen .c03 p { float:left; display:none; overflow:hidden; font-size:14px; line-height:30px; height:30px; }
.case li .wen .c03 p strong { width:30px; height:30px; display:block; float:left; border-radius:100%; overflow:hidden; margin-right:5px; background-color:#f1f1f1; }
.case li .wen .c03 p strong img { width:100%; display:block; }
.case li .wen .c03 span { display:block; float:right; padding:0 10px; background-color:rgba(255,255,255,.9); font-size:14px; line-height:24px; cursor:pointer; border-radius:24px; }
.case li .wen .c03 span img { display:block; float:left; height:14px; margin:5px; margin-left:0; }
.fanye { width:94%; margin:20px auto; margin-bottom:40px; text-align:center; }
.fanye ul { width:100%; display:block; overflow:hidden; text-align:center; }
.fanye li { margin:0 5px; display:inline-block; }
.fanye li a { width:40px; height:40px; line-height:40px; background-color:#f1f1f1; border-radius:40px; display:block; }
.fanye li span { width:40px; height:40px; line-height:40px; border-radius:40px; display:block; }
.fanye li.active span { color:#fff; background-color:#c30d23; }
.fanye li.disabled span { color:#aaa; background-color:#f7f7f7; cursor:no-drop; }
.fanye li a:hover { color:#c30d23; }
}



/*案例介绍内页*/

@media screen and (min-width:1280px) {
.case01 { width:1200px; margin:auto; padding:50px 0; border-bottom:1px dashed #ddd; }
.case01 .left { width:800px; position:relative; float:left; }
.case01 .left .xh { position:absolute; right:20px; top:25px; z-index:3; }
.case01 .left .xh a { display:block; font-size:16px; line-height:26px; color:#c30d23; cursor:pointer; overflow:hidden; }
.case01 .left .xh img { display:block; float:left; height:16px; margin:5px 10px; margin-left:0; }
.case01 .tuo { display:none; }
.case01 .left .gallery-top { width:100%; height:460px; display:block; position:relative; z-index:1; }
.case01 .left .gallery-top .swiper-slide { width:100%; display:block; overflow:hidden; position:relative; }
.case01 .left .gallery-top .swiper-slide>img { width:100%; display:block; }
.case01 .left .gallery-thumbs { width:100%; display:block; margin-top:10px; overflow:hidden; }
.case01 .left .gallery-thumbs .swiper-slide { opacity:.5; overflow:hidden; position:relative; display:block; cursor:pointer; height:72px; }
.case01 .left .gallery-thumbs .swiper-slide img { width:100%; display:block; }
.case01 .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active { opacity:1; }
.case01 .left .gallery-top .swiper-button-white { width:40px; height:40px; background-color:rgba(0,0,0,.7); background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-20px; cursor:pointer; border-radius:100%; overflow:hidden; }
.case01 .left .gallery-top .swiper-button-white:hover { background-color:#c30d23; }
.case01 .left .gallery-top .swiper-button-prev { left:20px; background-image:url(../images/prev.png); }
.case01 .left .gallery-top .swiper-button-next { right:20px; background-image:url(../images/next.png); }
.case01 .right { width:350px; float:right; }
.case01 .right .wen { width:100%; min-height:350px; margin-bottom:30px; background-color:#f7f7f7; padding:30px; padding-bottom:25px; box-sizing:border-box; }
.case01 .right .wen .w01 { width:100%; }
.case01 .right .wen .w01 p { display:block; padding:0 15px; min-width:90px; box-sizing:border-box; float:left; background-color:#c30d23; color:#fff; line-height:30px; height:30px; overflow:hidden; }
.case01 .right .wen .w02 { width:100%; font-size:22px; line-height:32px; margin-top:10px; }
.case01 .right .wen .w03 { width:100%; font-size:14px; line-height:24px; height:96px; overflow:auto; }
.case01 .right .wen .w03.hei { height:144px; }
.case01 .right .wen .w03::-webkit-scrollbar {
width:2px;
height:1px;
}
.case01 .right .wen .w03::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#999;
}
.case01 .right .wen .w03::-webkit-scrollbar-track {
border-radius:10px;
background:rgba(0,0,0,0.1);
}
.case01 .right .wen .w04 { padding-top:15px; margin-top:15px; border-top:1px solid #ddd; }
.case01 .right .wen .w04 p { display:block; font-size:14px; line-height:24px; overflow:hidden; }
.case01 .right .click { width:100%; height:140px; background-position:center; background-repeat:no-repeat; background-size:cover; cursor:pointer; }
.case01 .right .click p { width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:rgba(0,0,0,.5); overflow:hidden; }
.case01 .right .click p b { display:block; color:#fff; font-size:20px; line-height:30px; margin:0; }
.case01 .right .click p strong { display:block; color:#fff; font-size:14px; line-height:22px; margin:0; margin-top:5px; text-transform:uppercase; opacity:.7; text-align:center; }
.case01 .tup { display:none; }
.case01 .bigimg { max-width:100%; max-height:100vh; position:fixed; display:none; z-index:9999; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); }
.case01 .mask { position:fixed; left:0; top:0; right:0; bottom:0; background-color:#000; opacity:0.5; filter:Alpha(opacity=50); z-index:9998; transition:all 1s; display:none }
.case01 .mask:hover { cursor:zoom-out; }
.case01 .mask>img { position:fixed; right:30px; top:30px; width:50px; display:block; }
.case01 .mask>img:hover { cursor:pointer }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.case01 { width:94%; margin:auto; padding:40px 0; border-bottom:1px dashed #ddd; }
.case01 .left { width:66%; position:relative; float:left; }
.case01 .left .xh { position:absolute; right:20px; top:20px; z-index:3; }
.case01 .left .xh a { display:block; font-size:16px; line-height:26px; color:#c30d23; cursor:pointer; overflow:hidden; }
.case01 .left .xh img { display:block; float:left; height:16px; margin:5px 10px; margin-left:0; }
.case01 .tuo { display:none; }
.case01 .left .gallery-top { width:100%; height:34.122vw; display:block; position:relative; z-index:1; }
.case01 .left .gallery-top .swiper-slide { width:100%; display:block; overflow:hidden; position:relative; }
.case01 .left .gallery-top .swiper-slide>img { width:100%; display:block; }
.case01 .left .gallery-thumbs { width:100%; display:block; margin-top:10px; overflow:hidden; }
.case01 .left .gallery-thumbs .swiper-slide { opacity:.5; overflow:hidden; position:relative; display:block; cursor:pointer; height:calc(7.56vw - 10px); }
.case01 .left .gallery-thumbs .swiper-slide img { width:100%; display:block; }
.case01 .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active { opacity:1; }
.case01 .left .gallery-top .swiper-button-white { width:40px; height:40px; background-color:rgba(0,0,0,.7); background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-20px; cursor:pointer; border-radius:100%; overflow:hidden; }
.case01 .left .gallery-top .swiper-button-white:hover { background-color:#c30d23; }
.case01 .left .gallery-top .swiper-button-prev { left:20px; background-image:url(../images/prev.png); }
.case01 .left .gallery-top .swiper-button-next { right:20px; background-image:url(../images/next.png); }
.case01 .right { width:30%; float:right; }
.case01 .right .wen { width:100%; margin-bottom:25px; background-color:#f7f7f7; padding:20px; padding-bottom:15px; box-sizing:border-box; }
.case01 .right .wen .w01 { width:100%; }
.case01 .right .wen .w01 p { display:block; padding:0 15px; min-width:90px; box-sizing:border-box; float:left; background-color:#c30d23; color:#fff; line-height:30px; height:30px; overflow:hidden; }
.case01 .right .wen .w02 { width:100%; font-size:20px; line-height:30px; margin-top:8px; }
.case01 .right .wen .w03 { width:100%; font-size:14px; line-height:24px; margin-top:2px; height:96px; overflow:auto; }
.case01 .right .wen .w03.hei { height:144px; }
.case01 .right .wen .w03::-webkit-scrollbar {
width:2px;
height:1px;
}
.case01 .right .wen .w03::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#999;
}
.case01 .right .wen .w03::-webkit-scrollbar-track {
border-radius:10px;
background:rgba(0,0,0,0.1);
}
.case01 .right .wen .w04 { padding-top:10px; margin-top:10px; border-top:1px solid #ddd; }
.case01 .right .wen .w04 p { display:block; font-size:14px; line-height:24px; overflow:hidden; }
.case01 .right .click { width:100%; height:120px; background-position:center; background-repeat:no-repeat; background-size:cover; cursor:pointer; }
.case01 .right .click p { width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:rgba(0,0,0,.5); overflow:hidden; }
.case01 .right .click p b { display:block; color:#fff; font-size:18px; line-height:28px; margin:0; }
.case01 .right .click p strong { display:block; color:#fff; font-size:14px; line-height:20px; margin:0; margin-top:5px; text-transform:uppercase; opacity:.7; text-align:center; }
.case01 .tup { display:none; }
.case01 .bigimg { max-width:100%; max-height:100vh; position:fixed; display:none; z-index:9999; top:50%; left:50%; transform:translateX(-50%) translateY(-50%); }
.case01 .mask { position:fixed; left:0; top:0; right:0; bottom:0; background-color:#000; opacity:0.5; filter:Alpha(opacity=50); z-index:9998; transition:all 1s; display:none }
.case01 .mask:hover { cursor:zoom-out; }
.case01 .mask>img { position:fixed; right:20px; top:20px; width:40px; display:block; }
.case01 .mask>img:hover { cursor:pointer }
}
 @media only screen and (max-width:1023px) {
.case01 { width:100%; margin:auto; padding-bottom:30px; border-bottom:1px dashed #ddd; }
.case01 .left { width:100%; position:relative; }
.case01 .left .xh { position:absolute; right:15px; top:15px; z-index:3; }
.case01 .left .xh a { display:block; font-size:16px; line-height:26px; color:#c30d23; cursor:pointer; overflow:hidden; }
.case01 .left .xh img { display:block; float:left; height:16px; margin:5px; margin-left:0; }
.case01 .tuo { width:100%; display:block; position:relative; z-index:1; }
.case01 .tuo img { width:100%; display:block; height:auto; }
.case01 .left .gallery-top { width:100%; height:51.7vw; display:none; position:relative; z-index:1; }
.case01 .left .gallery-top .swiper-slide { width:100%; display:block; overflow:hidden; position:relative; }
.case01 .left .gallery-top .swiper-slide>img { width:100%; display:block; }
.case01 .left .gallery-thumbs { width:100%; display:none; margin-top:5px; overflow:hidden; }
.case01 .left .gallery-thumbs .swiper-slide { opacity:.5; overflow:hidden; position:relative; display:block; cursor:pointer; height:calc(13.5125vw - 5px); }
.case01 .left .gallery-thumbs .swiper-slide img { width:100%; display:block; }
.case01 .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active { opacity:1; }
.case01 .left .gallery-top .swiper-button-white { width:40px; height:40px; background-color:rgba(0,0,0,.7); background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-20px; cursor:pointer; border-radius:100%; overflow:hidden; }
.case01 .left .gallery-top .swiper-button-white:hover { background-color:#c30d23; }
.case01 .left .gallery-top .swiper-button-prev { left:15px; background-image:url(../images/prev.png); }
.case01 .left .gallery-top .swiper-button-next { right:15px; background-image:url(../images/next.png); }
.case01 .right { width:94%; margin:auto; margin-top:15px; }
.case01 .right .wen { width:100%; }
.case01 .right .wen .w01 { width:100%; }
.case01 .right .wen .w01 p { display:block; padding:0 10px; min-width:80px; box-sizing:border-box; float:left; background-color:#c30d23; color:#fff; line-height:30px; height:30px; overflow:hidden; }
.case01 .right .wen .w02 { width:100%; font-size:18px; line-height:28px; margin-top:7px; }
.case01 .right .wen .w03 { width:100%; font-size:14px; line-height:24px; }
.case01 .right .wen .w04 { padding-top:8px; margin-top:10px; border-top:1px solid #ddd; }
.case01 .right .wen .w04 p { width:48.5%; float:left; margin-left:3%; display:block; font-size:14px; line-height:20px; margin-top:2px; overflow:hidden; }
.case01 .right .wen .w04 p:nth-child(2n+1) { clear:left; float:left; margin-left:0; }
.case01 .right .click { width:100%; margin-top:15px; height:120px; background-position:center; background-repeat:no-repeat; background-size:cover; cursor:pointer; }
.case01 .right .click p { width:100%; height:100%; display:flex; flex-direction:column; justify-content:center; align-items:center; background-color:rgba(0,0,0,.5); overflow:hidden; }
.case01 .right .click p b { display:block; color:#fff; font-size:18px; line-height:28px; margin:0; }
.case01 .right .click p strong { display:block; color:#fff; font-size:14px; line-height:20px; margin:0; margin-top:5px; text-transform:uppercase; opacity:.7; text-align:center; }
.case01 .tup { width:100%; margin-top:15px; float:left; }
.case01 .tup a { display:block; overflow:hidden; margin-top:5px; }
.case01 .tup img { display:block; max-width:100%; height:auto; }
.case01 .bigimg { display:none; }
.case01 .mask { display:none }
}
 @media screen and (min-width:1280px) {
.case02 { width:1200px; margin:auto; }
.case02 .left { padding:45px 0; float:left; width:660px; }
.case02 .left .c01 { display:block; overflow:hidden; }
.case02 .left .c01 dt { display:block; overflow:hidden; float:left; padding-bottom:10px; margin-bottom:30px; }
.case02 .left .c01 dt p { display:block; overflow:hidden; }
.case02 .left .c01 dt p b { display:block; float:left; font-size:36px; height:38px; line-height:38px; overflow:hidden; }
.case02 .left .c01 dt p span { display:block; float:left; font-size:16px; height:26px; line-height:26px; margin-left:8px; margin-top:12px; color:#666; overflow:hidden; }
.case02 .left .c01 dt a { display:block; overflow:hidden; margin-top:4px; font-size:14px; height:24px; line-height:24px; color:#666; }
.case02 .left .c01 dd { display:block; overflow:hidden; float:left; width:1px; height:20px; margin:23px 50px; margin-bottom:53px; background-color:#999; }
.case02 .left .c02 { font-size:24px; line-height:34px; font-weight:bold; color:#c30d23; }
.case02 .left .c03 { font-size:14px; line-height:24px; margin-top:10px; max-height:480px;}
.case02 .left .c03.hei{ max-height:999999999999999999999px;}
.case02 .left .c04{ font-size:16px; line-height:26px; color:#c30d23; margin-top:10px;}
.case02 .left .c04 span{ display:block; cursor:pointer; float:left;}
.case02 .left .c04 p{ display:none; cursor:pointer; float:left;}
.case02 .right { width:480px; float:right; margin:40px 0; display:flex; align-items:center; }
.case02 .right .tu { width:200px; float:left; }
.case02 .right .tu img { width:100%; display:block; }
.case02 .right .wen { width:250px; float:right; margin-left:30px; }
.case02 .right .wen .c01 { width:100%; padding-bottom:10px; border-bottom:1px dashed #ddd; }
.case02 .right .wen .c01 a { display:block; float:left; font-size:24px; line-height:34px; height:34px; overflow:hidden; font-weight:bold; }
.case02 .right .wen .c01 p { display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-top:10px; color:#999; }
.case02 .right .wen .c01 span { display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin:0 20px; margin-top:10px; color:#999; }
.case02 .right .wen .c02 { padding-top:4px; }
.case02 .right .wen .c02 p { display:block; overflow:hidden; margin-top:12px; }
.case02 .right .wen .c02 p img { width:18px; display:block; float:left; margin:4px 12px; margin-left:0; }
.case02 .right .wen .c02 p span { display:block; float:left; width:calc(100% - 30px); font-size:14px; line-height:24px; }
.case02 .right .wen .c03 { padding-top:25px; text-align:center; padding-bottom:5px; }
.case02 .right .wen .c03 a { display:block; width:100px; height:32px; line-height:32px; background-color:#c30d23; color:#fff; border-radius:5px; overflow:hidden; float:left; margin-right:10px; }
.case02 .right .wen .c03 span { display:block; width:98px; height:30px; line-height:30px; border:1px solid #c30d23; color:#c30d23; border-radius:5px; overflow:hidden; float:left; cursor:pointer; }
.case02 .right .wen .c03 a:hover { background-color:#333; }
.case02 .right .wen .c03 span:hover { background-color:#c30d23; color:#fff; }
.case02 .tup { display:none; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.case02 { width:94%; margin:auto; }
.case02 .left { padding:35px 0; float:left; width:55%; }
.case02 .left .c01 { display:block; overflow:hidden; }
.case02 .left .c01 dt { display:block; overflow:hidden; float:left; padding-bottom:10px; margin-bottom:20px; }
.case02 .left .c01 dt p { display:block; overflow:hidden; }
.case02 .left .c01 dt p b { display:block; float:left; font-size:30px; height:34px; line-height:34px; overflow:hidden; }
.case02 .left .c01 dt p span { display:block; float:left; font-size:14px; height:24px; line-height:24px; margin-left:5px; margin-top:10px; color:#666; overflow:hidden; }
.case02 .left .c01 dt a { display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#666; }
.case02 .left .c01 dd { display:block; overflow:hidden; float:left; width:1px; height:20px; margin:19px 30px; margin-bottom:39px; background-color:#999; }
.case02 .left .c02 { font-size:22px; line-height:32px; font-weight:bold; color:#c30d23; }
.case02 .left .c03 { font-size:14px; line-height:24px; margin-top:5px; max-height:360px;}
.case02 .left .c03.hei{ max-height:999999999999999999999px;}
.case02 .left .c04{ font-size:16px; line-height:26px; color:#c30d23; margin-top:5px;}
.case02 .left .c04 span{ display:block; cursor:pointer; float:left;}
.case02 .left .c04 p{ display:none; cursor:pointer; float:left;}
.case02 .right { width:42%; float:right; margin:30px 0; display:flex; align-items:center; }
.case02 .right .tu { width:42%; float:left; display:flex; align-items:center; }
.case02 .right .tu img { width:100%; display:block; }
.case02 .right .wen { width:52%; margin-left:6%; }
.case02 .right .wen .c01 { width:100%; padding-bottom:8px; border-bottom:1px dashed #ddd; }
.case02 .right .wen .c01 a { display:block; float:left; font-size:22px; line-height:32px; height:32px; overflow:hidden; font-weight:bold; }
.case02 .right .wen .c01 p { display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-top:8px; color:#999; }
.case02 .right .wen .c01 span { display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin:0 15px; margin-top:8px; color:#999; }
.case02 .right .wen .c02 { padding-top:5px; }
.case02 .right .wen .c02 p { display:block; overflow:hidden; margin-top:5px; }
.case02 .right .wen .c02 p img { width:18px; display:block; float:left; margin:4px 12px; margin-left:0; }
.case02 .right .wen .c02 p span { display:block; float:left; width:calc(100% - 30px); font-size:14px; line-height:24px; }
.case02 .right .wen .c03 { padding-top:15px; text-align:center; padding-bottom:5px; }
.case02 .right .wen .c03 a { display:block; width:90px; height:32px; line-height:32px; background-color:#c30d23; color:#fff; border-radius:5px; overflow:hidden; float:left; margin-right:10px; }
.case02 .right .wen .c03 span { display:block; width:88px; height:30px; line-height:30px; border:1px solid #c30d23; color:#c30d23; border-radius:5px; overflow:hidden; float:left; cursor:pointer; }
.case02 .right .wen .c03 a:hover { background-color:#333; }
.case02 .right .wen .c03 span:hover { background-color:#c30d23; color:#fff; }
.case02 .tup { display:none; }
}
 @media only screen and (max-width:1023px) {
.case02 { width:94%; margin:25px auto; margin-bottom:30px; }
.case02 .left { width:100%; }
.case02 .left .c01 { display:block; overflow:hidden; }
.case02 .left .c01 dt { display:block; overflow:hidden; float:left; padding-bottom:5px; margin-bottom:10px; }
.case02 .left .c01 dt p { display:block; overflow:hidden; }
.case02 .left .c01 dt p b { display:block; float:left; font-size:30px; height:34px; line-height:34px; overflow:hidden; }
.case02 .left .c01 dt p span { display:block; float:left; font-size:14px; height:24px; line-height:24px; margin-left:5px; margin-top:10px; color:#666; overflow:hidden; }
.case02 .left .c01 dt a { display:block; overflow:hidden; font-size:14px; height:24px; line-height:24px; color:#666; }
.case02 .left .c01 dd { display:block; overflow:hidden; float:left; width:1px; height:20px; margin:19px 15px; margin-bottom:29px; background-color:#999; }
.case02 .left .c02 { font-size:18px; line-height:28px; font-weight:bold; color:#c30d23; }
.case02 .left .c03 { font-size:14px; line-height:24px; max-height:168px;}
.case02 .left .c03.hei{ max-height:999999999999999999999px;}
.case02 .left .c04{ font-size:16px; line-height:26px; color:#c30d23;}
.case02 .left .c04 span{ display:block; cursor:pointer; float:left;}
.case02 .left .c04 p{ display:none; cursor:pointer; float:left;}
.case02 .right { width:100%; margin-top:15px; display:flex; align-items:center; }
.case02 .right .tu { width:70px; height:70px; border-radius:100%; float:left; }
.case02 .right .tu img { width:100%; display:block; }
.case02 .right .wen { width:calc(100% - 80px); margin-left:10px; }
.case02 .right .wen .c01 { width:100%; }
.case02 .right .wen .c01 a { display:block; float:left; font-size:18px; line-height:28px; height:28px; overflow:hidden; font-weight:bold; }
.case02 .right .wen .c01 p { display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-top:4px; color:#999; }
.case02 .right .wen .c01 span { display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin:0 10px; margin-top:4px; color:#999; }
.case02 .right .wen .c02 { padding-top:5px; display:none; }
.case02 .right .wen .c02 p { display:block; overflow:hidden; margin-top:2px; }
.case02 .right .wen .c02 p img { width:18px; display:block; float:left; margin:4px 7px; margin-left:0; }
.case02 .right .wen .c02 p span { display:block; float:left; width:calc(100% - 25px); font-size:14px; line-height:24px; }
.case02 .right .wen .c03 { padding:5px 0; text-align:center; }
.case02 .right .wen .c03 a { display:block; width:90px; height:26px; line-height:26px; background-color:#c30d23; color:#fff; border-radius:5px; overflow:hidden; float:left; margin-right:10px; }
.case02 .right .wen .c03 span { display:block; width:88px; height:24px; line-height:24px; border:1px solid #c30d23; color:#c30d23; border-radius:5px; overflow:hidden; float:left; cursor:pointer; }
.case02 .right .wen .c03 a:hover { background-color:#333; }
.case02 .right .wen .c03 span:hover { background-color:#c30d23; color:#fff; }
.case02 .tup { width:100%; margin-top:15px; }
.case02 .tup a { display:block; overflow:hidden; margin-top:5px; }
.case02 .tup img { display:block; max-width:100%; height:auto; }
}
 @media screen and (min-width:1280px) {
.case03 { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-color:#f1f1f1; }
.case03 .title { width:1200px; margin:auto; text-align:center; }
.case03 .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.case03 .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; }
.case03 .title b { width:50px; height:2px; background-color:#333; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.case03 .box { width:1200px; margin:auto; margin-top:30px; }
.case03 .box .swiper-slide { width:380px; display:block; float:left; border-radius:10px; margin-right:30px; background-color:#fff; overflow:hidden; }
.case03 .box .swiper-slide .tu { width:100%; height:220px; }
.case03 .box .swiper-slide .tu img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.case03 .box .swiper-slide:hover .tu img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.case03 .box .swiper-slide .wen { padding:20px 30px; padding-top:20px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
.case03 .box .swiper-slide .wen .c01 { height:28px; line-height:28px; font-size:18px; text-overflow:ellipsis; white-space:nowrap; }
.case03 .box .swiper-slide .wen .c01 a:hover { color:#c30d23; }
.case03 .box .swiper-slide .wen .c02 { margin-top:5px; }
.case03 .box .swiper-slide .wen .c02 p { display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case03 .box .swiper-slide .wen .c02 p span { color:#999; }
.case03 .box .swiper-slide .wen .c03 { margin-top:11px; }
.case03 .box .swiper-slide .wen .c03 p { float:left; display:block; overflow:hidden; font-size:14px; line-height:34px; height:34px; }
.case03 .box .swiper-slide .wen .c03 p strong { width:34px; height:34px; display:block; float:left; border-radius:100%; overflow:hidden; margin-right:10px; }
.case03 .box .swiper-slide .wen .c03 p strong img { width:100%; display:block; }
.case03 .box .swiper-slide .wen .c03 span { display:block; float:right; margin:5px 0; font-size:14px; line-height:24px; cursor:pointer; }
.case03 .box .swiper-slide .wen .c03 span img { display:block; float:left; height:16px; margin:4px 10px; margin-left:0; }
.case03 .swiper-pagination { display:flex; justify-content:center; width:100%; margin-top:30px; z-index:3; }
.case03 .swiper-pagination span { display:block; float:left; width:40px; height:6px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:6px; overflow:hidden; }
.case03 .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.case03 { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#f1f1f1; }
.case03 .title { width:94%; margin:auto; text-align:center; }
.case03 .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.case03 .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; }
.case03 .title b { width:40px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.case03 .box { width:94%; margin:auto; margin-top:25px; }
.case03 .box .swiper-slide { width:32%; display:block; float:left; border-radius:10px; margin-right:2%; background-color:#fff; overflow:hidden; }
.case03 .box .swiper-slide .tu { width:100%; height:17.41vw; }
.case03 .box .swiper-slide .tu img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.case03 .box .swiper-slide:hover .tu img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.case03 .box .swiper-slide .wen { padding:20px; padding-top:15px; border-bottom-left-radius:10px; border-bottom-right-radius:10px; }
.case03 .box .swiper-slide .wen .c01 { height:28px; line-height:28px; font-size:18px; text-overflow:ellipsis; white-space:nowrap; }
.case03 .box .swiper-slide .wen .c01 a:hover { color:#c30d23; }
.case03 .box .swiper-slide .wen .c02 { margin-top:5px; }
.case03 .box .swiper-slide .wen .c02 p { display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case03 .box .swiper-slide .wen .c02 p span { color:#999; }
.case03 .box .swiper-slide .wen .c03 { margin-top:8px; }
.case03 .box .swiper-slide .wen .c03 p { float:left; display:block; overflow:hidden; font-size:14px; line-height:34px; height:34px; }
.case03 .box .swiper-slide .wen .c03 p strong { width:34px; height:34px; display:block; float:left; border-radius:100%; overflow:hidden; margin-right:10px; }
.case03 .box .swiper-slide .wen .c03 p strong img { width:100%; display:block; }
.case03 .box .swiper-slide .wen .c03 span { display:block; float:right; margin:5px 0; font-size:14px; line-height:24px; cursor:pointer; }
.case03 .box .swiper-slide .wen .c03 span img { display:block; float:left; height:16px; margin:4px 10px; margin-left:0; }
.case03 .swiper-pagination { display:flex; justify-content:center; width:100%; margin-top:25px; z-index:3; }
.case03 .swiper-pagination span { display:block; float:left; width:30px; height:5px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:6px; overflow:hidden; }
.case03 .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; }
}
 @media only screen and (max-width:1023px) {
.case03 { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f1f1f1; }
.case03 .title { width:94%; margin:auto; text-align:center; }
.case03 .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.case03 .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; }
.case03 .title b { width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.case03 .box { width:94%; margin:auto; margin-top:20px; }
.case03 .box .swiper-slide { width:48.5%; display:block; float:left; border-radius:5px; margin-right:3%; background-color:#fff; overflow:hidden; }
.case03 .box .swiper-slide .tu { width:100%; height:26.39vw; }
.case03 .box .swiper-slide .tu img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.case03 .box .swiper-slide:hover .tu img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.case03 .box .swiper-slide .wen { padding:15px 10px; padding-top:10px; border-bottom-left-radius:5px; border-bottom-right-radius:5px; }
.case03 .box .swiper-slide .wen .c01 { height:26px; line-height:26px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; }
.case03 .box .swiper-slide .wen .c01 a:hover { color:#c30d23; }
.case03 .box .swiper-slide .wen .c02 { margin-top:2px; }
.case03 .box .swiper-slide .wen .c02 p { display:block; font-size:14px; line-height:20px; height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.case03 .box .swiper-slide .wen .c02 p span { color:#999; }
.case03 .box .swiper-slide .wen .c03 { margin-top:7px; }
.case03 .box .swiper-slide .wen .c03 p { float:left; display:block; overflow:hidden; font-size:14px; line-height:30px; height:30px; }
.case03 .box .swiper-slide .wen .c03 p strong { width:30px; height:30px; display:block; float:left; border-radius:100%; overflow:hidden; margin-right:5px; }
.case03 .box .swiper-slide .wen .c03 p strong img { width:100%; display:block; }
.case03 .box .swiper-slide .wen .c03 span { display:block; float:right; margin:3px 0; font-size:14px; line-height:24px; cursor:pointer; }
.case03 .box .swiper-slide .wen .c03 span img { display:block; float:left; height:16px; margin:4px 5px; margin-left:0; }
.case03 .swiper-pagination { display:flex; justify-content:center; width:100%; margin-top:20px; z-index:3; }
.case03 .swiper-pagination span { display:block; float:left; width:20px; height:4px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:6px; overflow:hidden; }
.case03 .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; }
}



/*设计大师*/

@media screen and (min-width:1280px) {
.sj { width:1200px; display:block; margin:auto; }
.sj li { width:580px; padding:20px; box-sizing:border-box; display:block; float:left; border-radius:10px; margin-left:40px; margin-top:30px; background-color:#f1f1f1; overflow:hidden; }
.sj li:nth-child(2n+1) { clear:left; float:left; margin-left:0; }
.sj li .tu { width:130px; height:180px; float:left; border-radius:10px; }
.sj li .tu img { width:100%; display:block; }
.sj li .wen { width:calc(100% - 150px); margin-left:20px; height:170px; float:left; padding-top:10px; }
.sj li .wen .s01 { width:100%; }
.sj li .wen .s01 a { display:block; float:left; font-size:24px; line-height:34px; height:34px; overflow:hidden; }
.sj li .wen .s01 p { display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-left:10px; margin-top:10px; color:#999; }
.sj li .wen .s02 { width:100%; margin-top:5px; }
.sj li .wen .s02 p { min-width:90px; padding:0 15px; display:block; float:left; height:30px; background-color:#fff; text-align:center; font-size:14px; line-height:30px; border-radius:5px; }
.sj li .wen .s02 p b { color:#c30d23; margin-right:5px; }
.sj li .wen .s03 { width:100%; margin-top:10px; }
.sj li .wen .s03 p { display:block; font-size:14px; line-height:24px; overflow:hidden; max-height:48px; }
.sj li .zp { width:100%; margin-top:18px; height:72px; float:left; }
.sj li .zp a { display:block; float:left; overflow:hidden; width:126px; height:72px; border-radius:5px; margin-right:12px; }
.sj li .zp a:last-child { margin-right:0; }
.sj li .zp a img { width:100%; display:block; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.sj { width:94%; display:block; margin:auto; }
.sj li { width:45%; padding:2%; display:block; float:left; border-radius:10px; margin-left:2%; margin-top:25px; background-color:#f1f1f1; overflow:hidden; }
.sj li:nth-child(2n+1) { clear:left; float:left; margin-left:0; }
.sj li .tu { width:130px; height:180px; float:left; border-radius:10px; }
.sj li .tu img { width:100%; display:block; }
.sj li .wen { width:calc(100% - 150px); margin-left:20px; height:170px; float:left; padding-top:10px; }
.sj li .wen .s01 { width:100%; }
.sj li .wen .s01 a { display:block; float:left; font-size:22px; line-height:32px; height:32px; overflow:hidden; }
.sj li .wen .s01 p { display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-left:10px; margin-top:8px; color:#999; }
.sj li .wen .s02 { width:100%; margin-top:5px; }
.sj li .wen .s02 p { min-width:90px; padding:0 15px; display:block; float:left; height:30px; background-color:#fff; text-align:center; font-size:14px; line-height:30px; border-radius:5px; }
.sj li .wen .s02 p b { color:#c30d23; margin-right:5px; }
.sj li .wen .s03 { width:100%; margin-top:10px; }
.sj li .wen .s03 p { display:block; font-size:14px; line-height:24px; overflow:hidden; max-height:48px; }
.sj li .zp { width:100%; margin-top:15px; float:left; height:5.499vw; }
.sj li .zp a { display:block; float:left; overflow:hidden; width:22.75%; height:5.499vw; border-radius:5px; margin-right:3%; }
.sj li .zp a:last-child { margin-right:0; }
.sj li .zp a img { width:100%; display:block; }
}
 @media only screen and (max-width:1023px) {
.sj { width:94%; display:block; margin:auto; padding-top:5px; }
.sj li { width:94%; padding:3%; display:block; float:left; border-radius:10px; margin-top:15px; background-color:#f1f1f1; overflow:hidden; }
.sj li .tu { width:130px; height:180px; float:left; border-radius:10px; }
.sj li .tu img { width:100%; display:block; }
.sj li .wen { width:calc(95% - 130px); margin-left:5%; height:175px; float:left; padding-top:5px; }
.sj li .wen .s01 { width:100%; }
.sj li .wen .s01 a { display:block; float:left; font-size:18px; line-height:28px; height:28px; overflow:hidden; }
.sj li .wen .s01 p { display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-left:5px; margin-top:4px; color:#999; }
.sj li .wen .s02 { width:100%; margin-top:5px; }
.sj li .wen .s02 p { min-width:80px; padding:0 10px; display:block; float:left; height:28px; background-color:#fff; text-align:center; font-size:14px; line-height:28px; border-radius:5px; }
.sj li .wen .s02 p b { color:#c30d23; margin-right:5px; }
.sj li .wen .s03 { width:100%; margin-top:10px; }
.sj li .wen .s03 p { display:block; font-size:14px; line-height:24px; overflow:hidden; max-height:48px; }
.sj li .zp { width:100%; margin-top:10px; float:left; height:11.86vw; }
.sj li .zp a { display:block; float:left; overflow:hidden; width:23.5%; height:11.86vw; border-radius:5px; margin-right:2%; }
.sj li .zp a:last-child { margin-right:0; }
.sj li .zp a img { width:100%; display:block; }
}



/*设计大师内页*/

@media screen and (min-width:1280px) {
.sj01 { width:1200px; margin:50px auto; margin-bottom:70px; }
.sj01 .left { width:330px; float:left; position:relative; padding-right:10px; padding-top:10px; }
.sj01 .left img { width:100%; display:block; position:relative; z-index:3; }
.sj01 .left b { display:block; width:calc(100% - 10px); height:calc(100% - 10px); position:absolute; right:0; top:0; overflow:hidden; z-index:1; background-color:#c30d23; }
.sj01 .right { width:810px; float:right; padding-top:30px; position:relative; }
.sj01 .right .click01 { cursor:pointer; position:absolute; right:0; top:30px; width:140px; height:36px; line-height:36px; font-size:16px; background-color:#c30d23; color:#fff; text-align:center; font-size:14px; border-radius:10px; }
.sj01 .right .click01:hover { background-color:#333; }
.sj01 .right .s01 { width:100%; }
.sj01 .right .s01 b { display:block; float:left; font-size:30px; line-height:40px; height:40px; overflow:hidden; }
.sj01 .right .s01 p { display:block; float:left; font-size:16px; line-height:26px; height:26px; overflow:hidden; margin-top:14px; color:#666; }
.sj01 .right .s01 span { display:block; float:left; font-size:16px; line-height:26px; height:26px; overflow:hidden; margin:0 30px; margin-top:14px; color:#666; }
.sj01 .right .s02 { width:100%; margin-top:19px; margin-bottom:28px; }
.sj01 .right .s02 img { display:block; }
.sj01 .right .s03 { margin-top:16px; width:100%; }
.sj01 .right .s03 img { width:23px; margin:2px 0; display:block; float:left; }
.sj01 .right .s03 >div { width:calc(100% - 50px); margin-left:27px; float:left; display:block; font-size:16px; line-height:24px; overflow:hidden; }
.sj01 .right .s04 { margin-top:16px; width:100%; }
.sj01 .right .s04 img { width:23px; margin:2px 0; display:block; float:left; }
.sj01 .right .s04 >div { width:calc(100% - 50px); margin-left:27px; float:left; display:block; font-size:14px; line-height:24px; overflow:hidden; }
.sj01 .right .s05 { width:100%; height:1px; margin-top:24px; border-bottom:1px dashed #ddd; margin-bottom:28px; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.sj01 { width:94%; margin:40px auto; margin-bottom:55px; }
.sj01 .left { width:330px; float:left; position:relative; padding-right:10px; padding-top:10px; }
.sj01 .left img { width:100%; display:block; position:relative; z-index:3; }
.sj01 .left b { display:block; width:calc(100% - 10px); height:calc(100% - 10px); position:absolute; right:0; top:0; overflow:hidden; z-index:1; background-color:#c30d23; }
.sj01 .right { width:calc(97% - 340px); float:right; padding-top:25px; position:relative; }
.sj01 .right .click01 { cursor:pointer; position:absolute; right:0; top:25px; width:130px; height:34px; line-height:34px; font-size:16px; background-color:#c30d23; color:#fff; text-align:center; font-size:14px; border-radius:10px; }
.sj01 .right .click01:hover { background-color:#333; }
.sj01 .right .s01 { width:100%; }
.sj01 .right .s01 b { display:block; float:left; font-size:24px; line-height:34px; height:34px; overflow:hidden; }
.sj01 .right .s01 p { display:block; float:left; font-size:16px; line-height:26px; height:26px; overflow:hidden; margin-top:8px; color:#666; }
.sj01 .right .s01 span { display:block; float:left; font-size:16px; line-height:26px; height:26px; overflow:hidden; margin:0 20px; margin-top:8px; color:#666; }
.sj01 .right .s02 { width:100%; margin-top:14px; margin-bottom:23px; }
.sj01 .right .s02 img { display:block; }
.sj01 .right .s03 { margin-top:16px; width:100%; }
.sj01 .right .s03 img { width:23px; margin:2px 0; display:block; float:left; }
.sj01 .right .s03 >div { width:calc(100% - 40px); margin-left:17px; float:left; display:block; font-size:16px; line-height:24px; overflow:hidden; }
.sj01 .right .s04 { margin-top:16px; width:100%; }
.sj01 .right .s04 img { width:23px; margin:2px 0; display:block; float:left; }
.sj01 .right .s04 >div { width:calc(100% - 40px); margin-left:17px; float:left; display:block; font-size:14px; line-height:24px; overflow:hidden; }
.sj01 .right .s05 { width:100%; height:1px; margin-top:19px; border-bottom:1px dashed #ddd; margin-bottom:23px; }
}
 @media only screen and (max-width:1023px) {
.sj01 { width:94%; margin:30px auto; margin-bottom:35px; }
.sj01 .left { width:200px; margin:auto; box-sizing:border-box; position:relative; padding-right:10px; padding-top:10px; }
.sj01 .left img { width:100%; display:block; position:relative; z-index:3; }
.sj01 .left b { display:block; width:calc(100% - 10px); height:calc(100% - 10px); position:absolute; right:0; top:0; overflow:hidden; z-index:1; background-color:#c30d23; }
.sj01 .right { width:100%; padding-top:15px; position:relative; }
.sj01 .right .click01 { cursor:pointer; position:absolute; right:0; top:15px; width:100px; height:30px; line-height:30px; font-size:14px; background-color:#c30d23; color:#fff; text-align:center; font-size:14px; border-radius:5px; }
.sj01 .right .click01:hover { background-color:#333; }
.sj01 .right .s01 { width:100%; }
.sj01 .right .s01 b { display:block; float:left; font-size:20px; line-height:30px; height:30px; overflow:hidden; }
.sj01 .right .s01 p { display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-top:6px; color:#666; }
.sj01 .right .s01 span { display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin:0 10px; margin-top:6px; color:#666; }
.sj01 .right .s02 { width:100%; margin-top:9px; margin-bottom:15px; }
.sj01 .right .s02 img { display:block; }
.sj01 .right .s03 { margin-top:5px; width:100%; }
.sj01 .right .s03 img { width:23px; margin:2px 0; display:block; float:left; }
.sj01 .right .s03 >div { width:calc(100% - 30px); margin-left:7px; float:left; display:block; font-size:14px; line-height:24px; overflow:hidden; }
.sj01 .right .s04 { margin-top:5px; width:100%; }
.sj01 .right .s04 img { width:23px; margin:2px 0; display:block; float:left; }
.sj01 .right .s04 >div { width:calc(100% - 30px); margin-left:7px; float:left; display:block; font-size:14px; line-height:24px; overflow:hidden; }
.sj01 .right .s05 { width:100%; height:1px; margin-top:9px; border-bottom:1px dashed #ddd; margin-bottom:10px; }
}
 @media screen and (min-width:1280px) {
.sj02 { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-color:#f1f1f1; }
.sj02 .title { width:1200px; margin:auto; position:relative; z-index:3; text-align:center; }
.sj02 .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.sj02 .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; }
.sj02 .title b { width:50px; height:2px; background-color:#333; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.sj02 .box { width:1200px; margin:auto; margin-top:30px; position:relative; z-index:3; }
.sj02 .box .swiper { width:100%; }
.sj02 .box .swiper .left { width:800px; height:440px; float:left; }
.sj02 .box .swiper .left img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.sj02 .box .swiper .left:hover img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.sj02 .box .swiper .right { width:360px; height:440px; float:right; }
.sj02 .box .swiper .right .c01 { width:100%; height:210px; }
.sj02 .box .swiper .right .c01 img { width:100%; display:block; }
.sj02 .box .swiper .right .c02 { width:100%; padding-top:15px; padding-bottom:10px; border-bottom:1px solid #e5e5e5; }
.sj02 .box .swiper .right .c02 a { display:block; text-overflow:ellipsis; white-space:nowrap; font-size:18px; line-height:28px; height:28px; color:#333; }
.sj02 .box .swiper .right .c02 a:hover { color:#d2192f; }
.sj02 .box .swiper .right .c03 { text-overflow:ellipsis; white-space:nowrap; font-size:14px; line-height:38px; height:38px; color:#666; border-bottom:1px solid #e5e5e5; }
.sj02 .box .swiper .right .c04 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:14px; line-height:24px; height:72px; color:#666; margin-top:15px; }
.sj02 .box .swiper .right .c05 { width:100%; margin-top:15px; }
.sj02 .box .swiper .right .c05 a { width:120px; height:34px; line-height:34px; text-align:center; color:#fff; background-color:#c30d23; overflow:hidden; display:block; border-radius:34px; overflow:hidden; }
.sj02 .box .swiper .right .c05 a:hover { background-color:#d2192f; }
.sj02 .box .swiper-container { width:100%; display:block; }
.sj02 .box .swiper-container .swiper-slide { display:block; margin-top:30px; margin-right:30px; width:380px; background-color:#fff; padding:10px; box-sizing:border-box; }
.sj02 .box .swiper-container .swiper-slide a { display:block; overflow:hidden; }
.sj02 .box .swiper-container .swiper-slide a .c01 { width:100%; height:210px; }
.sj02 .box .swiper-container .swiper-slide a .c01 img { width:100%; display:block; }
.sj02 .box .swiper-container .swiper-slide a .c02 { width:calc(100% - 20px); margin:auto; height:58px; line-height:58px; font-size:18px; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #f5f5f5; }
.sj02 .box .swiper-container .swiper-slide a .c03 { width:calc(100% - 20px); margin:5px auto; margin-top:10px; }
.sj02 .box .swiper-container .swiper-slide a .c03 p { display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sj02 .box .swiper-container .swiper-slide a .c03 p span { color:#999; }
.sj02 .swiper-pagination { display:flex; justify-content:center; width:100%; margin-top:30px; z-index:3; }
.sj02 .swiper-pagination span { display:block; float:left; width:40px; height:6px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:6px; overflow:hidden; }
.sj02 .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.sj02 { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#f1f1f1; }
.sj02 .title { width:94%; margin:auto; position:relative; z-index:3; text-align:center; }
.sj02 .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.sj02 .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; }
.sj02 .title b { width:40px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.sj02 .box { width:94%; margin:auto; margin-top:25px; position:relative; z-index:3; }
.sj02 .box .swiper { width:100%; }
.sj02 .box .swiper .left { width:66.66%; height:34.67vw; float:left; }
.sj02 .box .swiper .left img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.sj02 .box .swiper .left:hover img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.sj02 .box .swiper .right { width:30%; float:right; }
.sj02 .box .swiper .right .c01 { width:100%; height:16.45vw; }
.sj02 .box .swiper .right .c01 img { width:100%; display:block; }
.sj02 .box .swiper .right .c02 { width:100%; padding-top:10px; padding-bottom:5px; border-bottom:1px solid #e5e5e5; }
.sj02 .box .swiper .right .c02 a { display:block; text-overflow:ellipsis; white-space:nowrap; font-size:18px; line-height:28px; height:28px; color:#333; }
.sj02 .box .swiper .right .c02 a:hover { color:#d2192f; }
.sj02 .box .swiper .right .c03 { text-overflow:ellipsis; white-space:nowrap; font-size:14px; line-height:34px; height:34px; color:#666; border-bottom:1px solid #e5e5e5; }
.sj02 .box .swiper .right .c04 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:14px; line-height:24px; height:72px; color:#666; margin-top:10px; }
.sj02 .box .swiper .right .c05 { width:100%; margin-top:10px; }
.sj02 .box .swiper .right .c05 a { width:120px; height:34px; line-height:34px; text-align:center; color:#fff; background-color:#c30d23; overflow:hidden; display:block; border-radius:34px; overflow:hidden; }
.sj02 .box .swiper .right .c05 a:hover { background-color:#d2192f; }
.sj02 .box .swiper-container { width:100%; display:block; }
.sj02 .box .swiper-container .swiper-slide { display:block; float:left; margin-top:25px; margin-right:2%; width:32%; box-sizing:border-box; background-color:#fff; padding:10px 1%; }
.sj02 .box .swiper-container .swiper-slide a { display:block; overflow:hidden; }
.sj02 .box .swiper-container .swiper-slide a .c01 { width:100%; height:16.45vw; }
.sj02 .box .swiper-container .swiper-slide a .c01 img { width:100%; display:block; }
.sj02 .box .swiper-container .swiper-slide a .c02 { width:calc(100% - 20px); margin:auto; height:48px; line-height:48px; font-size:18px; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #f5f5f5; }
.sj02 .box .swiper-container .swiper-slide a .c03 { width:calc(100% - 20px); margin:5px auto; }
.sj02 .box .swiper-container .swiper-slide a .c03 p { display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sj02 .box .swiper-container .swiper-slide a .c03 p span { color:#999; }
.sj02 .swiper-pagination { display:flex; justify-content:center; width:100%; margin-top:25px; z-index:3; }
.sj02 .swiper-pagination span { display:block; float:left; width:30px; height:5px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:6px; overflow:hidden; }
.sj02 .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; }
}
 @media only screen and (max-width:768px) {
.sj02 { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f1f1f1; }
.sj02 .title { width:94%; margin:auto; position:relative; z-index:3; text-align:center; }
.sj02 .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.sj02 .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; }
.sj02 .title b { width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.sj02 .box { width:94%; margin:auto; margin-top:20px; position:relative; z-index:3; }
.sj02 .box .swiper { width:100%; }
.sj02 .box .swiper .left { width:100%; height:51.7vw; float:left; }
.sj02 .box .swiper .left img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.sj02 .box .swiper .left:hover img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.sj02 .box .swiper .right { width:100%; float:right; }
.sj02 .box .swiper .right .c01 { width:100%; height:16.45vw; display:none; }
.sj02 .box .swiper .right .c01 img { width:100%; display:block; }
.sj02 .box .swiper .right .c02 { width:100%; padding-top:10px; padding-bottom:5px; border-bottom:1px solid #e5e5e5; }
.sj02 .box .swiper .right .c02 a { display:block; text-overflow:ellipsis; white-space:nowrap; font-size:16px; line-height:26px; height:26px; color:#666; }
.sj02 .box .swiper .right .c02 a:hover { color:#d2192f; }
.sj02 .box .swiper .right .c03 { text-overflow:ellipsis; white-space:nowrap; font-size:14px; line-height:30px; height:30px; color:#666; border-bottom:1px solid #e5e5e5; }
.sj02 .box .swiper .right .c04 { display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:3; font-size:14px; line-height:24px; height:72px; color:#666; margin-top:5px; }
.sj02 .box .swiper .right .c05 { width:100%; margin-top:10px; }
.sj02 .box .swiper .right .c05 a { width:120px; height:30px; line-height:30px; text-align:center; color:#fff; background-color:#c30d23; overflow:hidden; display:block; border-radius:34px; overflow:hidden; }
.sj02 .box .swiper .right .c05 a:hover { background-color:#d2192f; }
.sj02 .box .swiper-container { width:100%; display:block; padding-top:5px; }
.sj02 .box .swiper-container .swiper-slide { display:block; float:left; margin-top:20px; margin-right:3%; width:48.5%; background-color:#fff; }
.sj02 .box .swiper-container .swiper-slide a { display:block; overflow:hidden; padding-bottom:5px;}
.sj02 .box .swiper-container .swiper-slide a .c01 { width:100%; height:26.39vw; }
.sj02 .box .swiper-container .swiper-slide a .c01 img { width:100%; display:block; }
.sj02 .box .swiper-container .swiper-slide a .c02 { width:calc(100% - 20px); margin:auto; height:30px; line-height:30px; font-size:16px; text-overflow:ellipsis; white-space:nowrap; border-bottom:1px solid #f5f5f5; margin-top:3px;}
.sj02 .box .swiper-container .swiper-slide a .c03 { width:calc(100% - 20px); margin:5px auto; }
.sj02 .box .swiper-container .swiper-slide a .c03 p { display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.sj02 .box .swiper-container .swiper-slide a .c03 p span { color:#999; }
.sj03 .swiper-pagination { display:flex; justify-content:center; width:100%; margin-top:20px; z-index:3; }
.sj03 .swiper-pagination span { display:block; float:left; width:20px; height:4px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:6px; overflow:hidden; }
.sj03 .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; }
}
 @media screen and (min-width:1280px) {
.sj03 { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff; }
.sj03 .title { width:1200px; margin:auto; text-align:center; }
.sj03 .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.sj03 .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; }
.sj03 .title b { width:50px; height:2px; background-color:#333; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.sj03 .box { width:1200px; margin:auto; margin-top:30px; }
.sj03 .box .swiper-slide { width:224px; display:block; float:left; margin-right:20px; background-color:#f1f1f1; overflow:hidden; }
.sj03 .box .swiper-slide .s01 { width:100%; height:309px; }
.sj03 .box .swiper-slide .s01 img { width:100%; display:block; }
.sj03 .box .swiper-slide .s02 { position:absolute; left:20px; top:292px; height:30px; line-height:30px; text-align:center; padding:0 15px; font-size:14px; color:#fff; background-color:#c30d23; }
.sj03 .box .swiper-slide .s03 { padding:23px 20px; padding-bottom:15px; }
.sj03 .box .swiper-slide .s03 span { display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; }
.sj03 .box .swiper-slide .s03 p { display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#666; margin-top:1px; }
.sj03 .box .swiper-slide:hover .s03 span { color:#c30d23; }
.sj03 .swiper-pagination { display:flex; justify-content:center; width:100%; margin-top:30px; z-index:3; }
.sj03 .swiper-pagination span { display:block; float:left; width:40px; height:6px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:6px; overflow:hidden; }
.sj03 .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.sj03 { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#fff; }
.sj03 .title { width:94%; margin:auto; text-align:center; }
.sj03 .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.sj03 .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; }
.sj03 .title b { width:40px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.sj03 .box { width:94%; margin:auto; margin-top:25px; }
.sj03 .box .swiper-slide { width:23.5%; display:block; float:left; margin-right:2%; background-color:#f1f1f1; overflow:hidden; }
.sj03 .box .swiper-slide .s01 { width:100%; height:30.47vw; }
.sj03 .box .swiper-slide .s01 img { width:100%; display:block; }
.sj03 .box .swiper-slide .s02 { position:absolute; left:15px; top:30.47vw; margin-top:-15px; height:30px; line-height:30px; text-align:center; padding:0 15px; font-size:14px; color:#fff; background-color:#c30d23; }
.sj03 .box .swiper-slide .s03 { padding:23px 15px; padding-bottom:10px; }
.sj03 .box .swiper-slide .s03 span { display:block; font-size:18px; line-height:28px; height:28px; overflow:hidden; }
.sj03 .box .swiper-slide .s03 p { display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#666; }
.sj03 .box .swiper-slide:hover .s03 span { color:#c30d23; }
.sj03 .swiper-pagination { display:flex; justify-content:center; width:100%; margin-top:25px; z-index:3; }
.sj03 .swiper-pagination span { display:block; float:left; width:30px; height:5px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:6px; overflow:hidden; }
.sj03 .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; }
}
 @media only screen and (max-width:1023px) {
.sj03 { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff; }
.sj03 .title { width:94%; margin:auto; text-align:center; }
.sj03 .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.sj03 .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; }
.sj03 .title b { width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.sj03 .box { width:94%; margin:auto; margin-top:20px; }
.sj03 .box .swiper-slide { width:48.5%; display:block; float:left; margin-right:3%; background-color:#f1f1f1; overflow:hidden; }
.sj03 .box .swiper-slide .s01 { width:100%; height:62.88vw; }
.sj03 .box .swiper-slide .s01 img { width:100%; display:block; }
.sj03 .box .swiper-slide .s02 { position:absolute; left:10px; top:62.88vw; margin-top:-13px; height:26px; line-height:26px; text-align:center; padding:0 10px; font-size:14px; color:#fff; background-color:#c30d23; }
.sj03 .box .swiper-slide .s03 { padding:18px 10px; padding-bottom:10px; }
.sj03 .box .swiper-slide .s03 span { display:block; font-size:16px; line-height:26px; height:26px; overflow:hidden; }
.sj03 .box .swiper-slide .s03 p { display:block; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#666; }
.sj03 .box .swiper-slide:hover .s03 span { color:#c30d23; }
.sj03 .swiper-pagination { display:flex; justify-content:center; width:100%; margin-top:20px; z-index:3; }
.sj03 .swiper-pagination span { display:block; float:left; width:20px; height:4px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:6px; overflow:hidden; }
.sj03 .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; }
}
 @media screen and (min-width:1280px) {
.sj04 { width:100%; height:160px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; }
.sj04 .bg { width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1; }
.sj04 .box { width:1200px; height:160px; position:relative; display:flex; align-items:center; margin:auto; z-index:3; }
.sj04 .box .left { width:470px; }
.sj04 .box .left span { display:block; color:#fff; font-size:24px; line-height:1; }
.sj04 .box .left p { display:block; padding-top:15px; font-size:16px; line-height:26px; display:flex; align-items:center; color:#ccc; }
.sj04 .box .left p a { padding:0 10px; margin:0 10px; height:26px; line-height:26px; border-radius:5px; background-color:#c30d23; color:#fff; display:block; overflow:hidden; }
.sj04 .box .right { width:730px; }
.sj04 .box .right p { display:block; overflow:hidden; background-color:#fff; width:200px; margin-right:10px; float:left; }
.sj04 .box .right p input { width:100%; display:block; height:40px; line-height:40px; font-size:14px; overflow:hidden; box-sizing:border-box; padding:0 15px; }
.sj04 .box .right a { display:block; overflow:hidden; width:100px; float:left; }
.sj04 .box .right a input { width:100%; display:block; height:40px; line-height:40px; font-size:14px; overflow:hidden; text-align:center; background-color:#c30d23; color:#fff; cursor:pointer; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.sj04 { width:100%; height:160px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; }
.sj04 .bg { width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1; }
.sj04 .box { width:94%; height:160px; position:relative; display:flex; align-items:center; margin:auto; z-index:3; }
.sj04 .box .left { width:38%; margin-right:2%; }
.sj04 .box .left span { display:block; color:#fff; font-size:22px; line-height:32px; }
.sj04 .box .left p { display:block; padding:5px 0; font-size:16px; line-height:26px; display:flex; align-items:center; color:#ccc; }
.sj04 .box .left p a { padding:0 10px; margin:0 10px; height:26px; line-height:26px; border-radius:5px; background-color:#c30d23; color:#fff; display:block; overflow:hidden; }
.sj04 .box .right { width:60%; }
.sj04 .box .right p { display:block; overflow:hidden; background-color:#fff; width:calc((100% - 120px)/3); margin-right:10px; float:left; }
.sj04 .box .right p input { width:100%; display:block; height:36px; line-height:36px; font-size:14px; overflow:hidden; box-sizing:border-box; padding:0 15px; }
.sj04 .box .right a { display:block; overflow:hidden; width:90px; float:left; }
.sj04 .box .right a input { width:100%; display:block; height:36px; line-height:36px; font-size:14px; overflow:hidden; text-align:center; background-color:#c30d23; color:#fff; cursor:pointer; }
}
 @media only screen and (max-width:1023px) {
.sj04 { width:100%; padding-top:35px; padding-bottom:40px; background-position:center; background-repeat:no-repeat; background-size:cover; position:relative; }
.sj04 .bg { width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.7); z-index:1; }
.sj04 .box { width:94%; position:relative; margin:auto; z-index:3; }
.sj04 .box .left { width:100%; text-align:center; }
.sj04 .box .left span { display:block; color:#fff; font-size:18px; line-height:28px; }
.sj04 .box .left p { display:block; margin-top:5px; font-size:14px; line-height:24px; display:flex; align-items:center; justify-content:center; color:#ccc; }
.sj04 .box .left p a { padding:0 5px; margin:0 5px; height:24px; line-height:24px; border-radius:5px; background-color:#c30d23; color:#fff; display:block; overflow:hidden; }
.sj04 .box .right { width:100%; margin-top:20px; }
.sj04 .box .right p { display:block; overflow:hidden; background-color:#fff; width:100%; margin-bottom:15px; border-radius:5px; }
.sj04 .box .right p input { width:100%; display:block; height:36px; line-height:36px; font-size:14px; overflow:hidden; box-sizing:border-box; padding:0 15px; }
.sj04 .box .right a { display:block; overflow:hidden; width:50%; margin:auto; border-radius:5px; }
.sj04 .box .right a input { width:100%; display:block; height:36px; line-height:36px; font-size:14px; overflow:hidden; text-align:center; background-color:#c30d23; color:#fff; cursor:pointer; }
}



/*热门楼盘*/

@media screen and (min-width:1280px) {
.lou { width:1200px; margin:auto; margin-bottom:-20px; display:block; padding-top:20px; }
.lou li { display:block; float:left; margin-top:10px; margin-left:20px; width:285px; }
.lou li:nth-child(4n+1) { clear:left; float:left; margin-left:0; }
.lou li .tu { width:100%; height:240px; }
.lou li .tu img { width:100%; display:block; }
.lou li .wen { padding:20px; padding-top:10px; }
.lou li .wen p { width:calc(100% - 100px); display:block; float:left; font-size:16px; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:4px; background-image:url(../images/lline_56.png); background-position:left bottom; background-repeat:no-repeat; }
.lou li .wen span { width:90px; height:30px; line-height:30px; border-radius:30px; text-align:center; background-color:#333; overflow:hidden; color:#fff; float:right; overflow:hidden; display:block; text-transform:uppercase; margin-top:10px; font-size:12px; }
.lou li:hover { background-color:#f1f1f1; }
.lou li:hover .wen span { background-color:#c30d23; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.lou { width:94%; margin:auto; margin-bottom:-15px; display:block; padding-top:15px; }
.lou li { display:block; float:left; margin-top:10px; margin-left:2%; width:23.5%; }
.lou li:nth-child(4n+1) { clear:left; float:left; margin-left:0; }
.lou li .tu { width:100%; height:18.6vw; }
.lou li .tu img { width:100%; display:block; }
.lou li .wen { padding:15px; padding-top:5px; }
.lou li .wen p { width:calc(100% - 90px); display:block; float:left; font-size:16px; height:36px; line-height:36px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:4px; background-image:url(../images/lline_56.png); background-position:left bottom; background-repeat:no-repeat; }
.lou li .wen span { width:80px; height:30px; line-height:30px; border-radius:30px; text-align:center; background-color:#333; overflow:hidden; color:#fff; float:right; overflow:hidden; display:block; text-transform:uppercase; margin-top:10px; font-size:12px; }
.lou li:hover { background-color:#f1f1f1; }
.lou li:hover .wen span { background-color:#c30d23; }
}
 @media only screen and (max-width:1023px) {
.lou { width:94%; margin:auto; margin-bottom:-10px; display:block; padding-top:15px; }
.lou li { display:block; float:left; margin-top:5px; margin-left:3%; width:48.5%; }
.lou li:nth-child(2n+1) { clear:left; float:left; margin-left:0; }
.lou li .tu { width:100%; height:38.39vw; }
.lou li .tu img { width:100%; display:block; }
.lou li .wen { padding:10px; }
.lou li .wen p { width:calc(100% - 80px); display:block; float:left; font-size:16px; height:26px; line-height:20px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-bottom:4px; background-image:url(../images/lline_56.png); background-position:left bottom; background-repeat:no-repeat; }
.lou li .wen span { width:70px; height:26px; line-height:26px; border-radius:26px; text-align:center; background-color:#333; overflow:hidden; color:#fff; float:right; overflow:hidden; display:block; text-transform:uppercase; font-size:12px; margin-top:2px; }
.lou li:hover { background-color:#f1f1f1; }
.lou li:hover .wen span { background-color:#c30d23; }
}



/*热门楼盘内页*/

@media screen and (min-width:1280px) {
.lou01 { width:1200px; margin:50px auto; margin-bottom:70px; }
.lou01 .left { width:600px; float:left; }
.lou01 .left img { width:100%; display:block; position:relative; z-index:3; }
.lou01 .right { width:550px; float:right; padding-top:15px; position:relative; }
.lou01 .right .s01 { width:100%; padding-bottom:10px; border-bottom:1px dashed #ddd; }
.lou01 .right .s01 b { display:block; float:left; font-size:30px; line-height:40px; height:40px; overflow:hidden; }
.lou01 .right .s01 p { display:block; float:left; font-size:16px; line-height:26px; height:26px; overflow:hidden; margin-top:14px; color:#666; }
.lou01 .right .s01 span { display:block; float:left; font-size:16px; line-height:26px; height:26px; overflow:hidden; margin:0 20px; margin-top:14px; color:#666; }
.lou01 .right .s01 p strong { color:#c30d23; margin:0 10px; }
.lou01 .right .s02 { width:100%; padding-top:14px; }
.lou01 .right .s02 p { display:block; font-size:14px; line-height:24px; margin-top:6px; }
.lou01 .right .s03 { margin-top:25px; text-align:center; }
.lou01 .right .s03 a { display:block; width:140px; height:36px; line-height:36px; background-color:#c30d23; color:#fff; border-radius:5px; overflow:hidden; float:left; margin-right:20px; cursor:pointer; }
.lou01 .right .s03 span { display:block; width:138px; height:34px; line-height:34px; border:1px solid #333; color:#333; border-radius:5px; overflow:hidden; float:left; cursor:pointer; }
.lou01 .right .s03 a:hover { background-color:#333; }
.lou01 .right .s03 span:hover { border:1px solid #c30d23; color:#c30d23; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.lou01 { width:94%; margin:40px auto; margin-bottom:55px; }
.lou01 .left { width:50%; float:left; }
.lou01 .left img { width:100%; display:block; position:relative; z-index:3; }
.lou01 .right { width:47%; float:right; padding-top:5px; position:relative; }
.lou01 .right .s01 { width:100%; padding-bottom:7px; border-bottom:1px dashed #ddd; }
.lou01 .right .s01 b { display:block; float:left; font-size:24px; line-height:34px; height:34px; overflow:hidden; }
.lou01 .right .s01 p { display:block; float:left; font-size:16px; line-height:26px; height:26px; overflow:hidden; margin-top:8px; color:#666; }
.lou01 .right .s01 span { display:block; float:left; font-size:16px; line-height:26px; height:26px; overflow:hidden; margin:0 15px; margin-top:8px; color:#666; }
.lou01 .right .s01 p strong { color:#c30d23; margin:0 7px; }
.lou01 .right .s02 { width:100%; padding-top:7px; }
.lou01 .right .s02 p { display:block; font-size:14px; line-height:24px; margin-top:3px; }
.lou01 .right .s03 { margin-top:15px; text-align:center; }
.lou01 .right .s03 a { display:block; width:140px; height:36px; line-height:36px; background-color:#c30d23; color:#fff; border-radius:5px; overflow:hidden; float:left; margin-right:15px; cursor:pointer; }
.lou01 .right .s03 span { display:block; width:138px; height:34px; line-height:34px; border:1px solid #333; color:#333; border-radius:5px; overflow:hidden; float:left; cursor:pointer; }
.lou01 .right .s03 a:hover { background-color:#333; }
.lou01 .right .s03 span:hover { border:1px solid #c30d23; color:#c30d23; }
}
 @media only screen and (max-width:1023px) {
.lou01 { width:94%; margin:30px auto; margin-bottom:40px; }
.lou01 .left { width:100%; margin:auto; }
.lou01 .left img { width:100%; display:block; position:relative; z-index:3; }
.lou01 .right { width:100%; padding-top:10px; position:relative; }
.lou01 .right .s01 { width:100%; padding-bottom:5px; border-bottom:1px dashed #ddd }
.lou01 .right .s01 b { display:block; float:left; font-size:20px; line-height:30px; height:30px; overflow:hidden; }
.lou01 .right .s01 p { display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin-top:6px; color:#666; }
.lou01 .right .s01 span { display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; margin:0 10px; margin-top:6px; color:#666; }
.lou01 .right .s01 p strong { color:#c30d23; margin:0 5px; }
.lou01 .right .s02 { width:100%; padding-top:10px; }
.lou01 .right .s02 p { display:block; font-size:14px; line-height:24px; }
.lou01 .right .s03 { margin-top:10px; text-align:center; }
.lou01 .right .s03 a { display:block; width:130px; height:32px; line-height:32px; background-color:#c30d23; color:#fff; border-radius:5px; overflow:hidden; float:left; margin-right:10px; cursor:pointer; }
.lou01 .right .s03 span { display:block; width:128px; height:30px; line-height:30px; border:1px solid #333; color:#333; border-radius:5px; overflow:hidden; float:left; cursor:pointer; }
.lou01 .right .s03 a:hover { background-color:#333; }
.lou01 .right .s03 span:hover { border:1px solid #c30d23; color:#c30d23; }
}



/*全案设计*/

@media screen and (min-width:1280px) {
.qa01 { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff; }
.qa01 .title { width:1200px; margin:auto; text-align:center; }
.qa01 .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.qa01 .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; }
.qa01 .title b { width:50px; height:2px; background-color:#333; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.qa01 .box { width:1200px; margin:auto; margin-top:30px; }
.qa01 .box .left { width:550px; float:left; border-radius:30px; }
.qa01 .box .left img { width:100%; display:block; }
.qa01 .box .right { width:600px; float:right; padding-top:25px; }
.qa01 .box .right .q01 { font-size:24px; line-height:34px; font-weight:bold; }
.qa01 .box .right .q02 { font-size:14px; line-height:22px; text-transform:uppercase; color:#666; }
.qa01 .box .right .q03 { width:50px; height:2px; background-color:#333; margin-top:10px; }
.qa01 .box .right .q04 { font-size:14px; line-height:30px; margin-top:17px; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.qa01 { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#fff; }
.qa01 .title { width:94%; margin:auto; text-align:center; }
.qa01 .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.qa01 .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; }
.qa01 .title b { width:40px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.qa01 .box { width:94%; margin:auto; margin-top:25px; }
.qa01 .box .left { width:47%; float:left; border-radius:20px; }
.qa01 .box .left img { width:100%; display:block; }
.qa01 .box .right { width:50%; float:right; padding-top:15px; }
.qa01 .box .right .q01 { font-size:22px; line-height:32px; font-weight:bold; }
.qa01 .box .right .q02 { font-size:14px; line-height:22px; text-transform:uppercase; color:#666; }
.qa01 .box .right .q03 { width:40px; height:2px; background-color:#333; margin-top:7px; }
.qa01 .box .right .q04 { font-size:14px; line-height:30px; margin-top:12px; }
}
 @media only screen and (max-width:1023px) {
.qa01 { width:100%; padding-top:35px; padding-bottom:35px; position:relative; z-index:1; background-color:#fff; }
.qa01 .title { width:94%; margin:auto; text-align:center; }
.qa01 .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.qa01 .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; }
.qa01 .title b { width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.qa01 .box { width:94%; margin:auto; margin-top:20px; }
.qa01 .box .left { width:100%; float:left; border-radius:10px; }
.qa01 .box .left img { width:100%; display:block; }
.qa01 .box .right { width:100%; float:right; padding-top:10px; }
.qa01 .box .right .q01 { font-size:18px; line-height:28px; font-weight:bold; }
.qa01 .box .right .q02 { font-size:14px; line-height:22px; text-transform:uppercase; color:#666; }
.qa01 .box .right .q03 { width:30px; height:2px; background-color:#333; margin-top:5px; }
.qa01 .box .right .q04 { font-size:14px; line-height:24px; margin-top:10px; }
}
 @media screen and (min-width:1280px) {
.qa02 { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-color:#f1f1f1; }
.qa02 .title { width:1200px; margin:auto; text-align:center; }
.qa02 .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.qa02 .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; }
.qa02 .title b { width:50px; height:2px; background-color:#333; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.qa02 .box { width:1200px; margin:auto; margin-top:10px; }
.qa02 .box ul { width:100%; display:block; overflow:hidden; }
.qa02 .box ul li { width:285px; display:block; float:left; margin-left:20px; margin-top:20px; overflow:hidden; }
.qa02 .box ul li:nth-child(4n+1) { clear:left; float:left; margin-left:0; }
.qa02 .box ul li span { width:270px; height:196px; display:block; overflow:hidden; border-top-left-radius:10px; border-top-right-radius:25px; }
.qa02 .box ul li span img { width:100%; display:block; }
.qa02 .box ul li p { display:flex; overflow:hidden; width:100%; height:44px; background-color:#c30d23; align-items:center; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-right-radius:15px; }
.qa02 .box ul li p a { display:block; text-align:center; color:#fff; font-size:16px; line-height:20px; width:calc(100% - 10px); margin:auto; overflow:hidden; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.qa02 { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#f1f1f1; }
.qa02 .title { width:94%; margin:auto; text-align:center; }
.qa02 .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.qa02 .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; }
.qa02 .title b { width:40px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.qa02 .box { width:94%; margin:auto; margin-top:5px; }
.qa02 .box ul { width:100%; display:block; overflow:hidden; }
.qa02 .box ul li { width:23.5%; display:block; float:left; margin-left:2%; margin-top:20px; overflow:hidden; }
.qa02 .box ul li:nth-child(4n+1) { clear:left; float:left; margin-left:0; }
.qa02 .box ul li span { width:95%; height:15.23vw; display:block; overflow:hidden; border-top-left-radius:10px; border-top-right-radius:20px; }
.qa02 .box ul li span img { width:100%; display:block; }
.qa02 .box ul li p { display:flex; overflow:hidden; width:100%; height:44px; background-color:#c30d23; align-items:center; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-right-radius:15px; }
.qa02 .box ul li p a { display:block; text-align:center; color:#fff; font-size:16px; line-height:18px; width:calc(100% - 10px); margin:auto; overflow:hidden; }
}
 @media only screen and (max-width:1023px) {
.qa02 { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f1f1f1; }
.qa02 .title { width:94%; margin:auto; text-align:center; }
.qa02 .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.qa02 .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; }
.qa02 .title b { width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.qa02 .box { width:94%; margin:auto; margin-top:5px; }
.qa02 .box ul { width:100%; display:block; overflow:hidden; }
.qa02 .box ul li { width:48.5%; display:block; float:left; margin-left:3%; margin-top:15px; overflow:hidden; }
.qa02 .box ul li:nth-child(2n+1) { clear:left; float:left; margin-left:0; }
.qa02 .box ul li span { width:95%; height:31.44vw; display:block; overflow:hidden; border-top-left-radius:10px; border-top-right-radius:15px; }
.qa02 .box ul li span img { width:100%; display:block; }
.qa02 .box ul li p { display:flex; overflow:hidden; width:100%; height:40px; background-color:#c30d23; align-items:center; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top-right-radius:10px; }
.qa02 .box ul li p a { display:block; text-align:center; color:#fff; font-size:14px; line-height:16px; width:calc(100% - 10px); margin:auto; overflow:hidden; }
}
 @media screen and (min-width:1280px) {
.qa03 { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.qa03 .bg { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1; }
.qa03 .title { width:1200px; margin:auto; text-align:center; position:relative; z-index:3; }
.qa03 .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.qa03 .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; color:#fff; }
.qa03 .title b { width:50px; height:2px; background-color:#fff; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.qa03 .box { width:1200px; margin:auto; margin-top:30px; position:relative; z-index:3; }
.qa03 .box .gallery-thumbs { width:432px; height:400px; position:absolute; left:330px; bottom:0; z-index:1; }
.qa03 .box .gallery-thumbs .swiper-slide { width:144px; height:200px; display:block; position:relative; }
.qa03 .box .gallery-thumbs .swiper-slide img { width:100%; display:block; }
.qa03 .box .gallery-thumbs .swiper-slide p { display:flex; align-items:center; padding:20px; box-sizing:border-box; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(195,13,35,.7); opacity:0; cursor:pointer; }
.qa03 .box .gallery-thumbs .swiper-slide p span { text-align:center; display:block; width:100%; font-size:18px; font-weight:bold; color:#fff; }
.qa03 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p { opacity:1; }
.qa03 .box .gallery-top { width:100%; height:460px; position:relative; z-index:1; }
.qa03 .box .gallery-top .swiper-slide { display:block; opacity:0 !important; }
.qa03 .box .gallery-top .swiper-slide.swiper-slide-active { opacity:1 !important; }
.qa03 .box .gallery-top .left { width:330px; height:460px; float:left; }
.qa03 .box .gallery-top .left img { width:100%; display:block; }
.qa03 .box .gallery-top .right { width:390px; float:right; height:460px; background-color:#fff; padding:25px 30px; box-sizing:border-box; }
.qa03 .box .gallery-top .right .t01 { width:100%; }
.qa03 .box .gallery-top .right .t01 b { font-size:18px; line-height:28px; display:block; float:left; }
.qa03 .box .gallery-top .right .t01 p { font-size:14px; line-height:24px; display:block; float:left; text-transform:uppercase; margin-left:10px; margin-top:4px; }
.qa03 .box .gallery-top .right .t02 { width:100%; font-size:14px; line-height:24px; margin-top:5px; }
.qa03 .box .gallery-top .right .t03 { width:50px; height:2px; background-color:#c30d23; margin-top:10px; }
.qa03 .box .gallery-top .right .t04 { width:100%; font-size:14px; line-height:24px; margin-top:15px; height:288px; }
.qa03 .box .swiper-button-white { width:40px; height:40px; background-color:rgba(255,255,255,.7); background-position:center; background-repeat:no-repeat; position:absolute; top:0; }
.qa03 .box .swiper-button-white:hover { background-color:#c30d23; }
.qa03 .box .swiper-button-prev { left:672px; background-image:url(../images/prev01.png); }
.qa03 .box .swiper-button-next { left:722px; background-image:url(../images/next01.png); }
.qa03 .box .swiper-button-prev:hover { background-image:url(../images/prev.png); }
.qa03 .box .swiper-button-next:hover { background-image:url(../images/next.png); }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.qa03 { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.qa03 .bg { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1; }
.qa03 .title { width:94%; margin:auto; text-align:center; position:relative; z-index:3; }
.qa03 .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.qa03 .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; color:#fff; }
.qa03 .title b { width:40px; height:2px; background-color:#fff; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.qa03 .box { width:94%; margin:auto; margin-top:25px; position:relative; z-index:3; }
.qa03 .box .gallery-thumbs { width:36%; height:31.3302vw; position:absolute; left:27.5%; bottom:0; z-index:1; }
.qa03 .box .gallery-thumbs .swiper-slide { width:33.33%; height:15.6651vw; display:block; position:relative; }
.qa03 .box .gallery-thumbs .swiper-slide img { width:100%; display:block; }
.qa03 .box .gallery-thumbs .swiper-slide p { display:flex; align-items:center; padding:15px; box-sizing:border-box; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(195,13,35,.7); opacity:0; cursor:pointer; }
.qa03 .box .gallery-thumbs .swiper-slide p span { text-align:center; display:block; width:100%; font-size:16px; font-weight:bold; color:#fff; }
.qa03 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p { opacity:1; }
.qa03 .box .gallery-top { width:100%; height:36.03vw; position:relative; z-index:1; }
.qa03 .box .gallery-top .swiper-slide { display:block; opacity:0 !important; }
.qa03 .box .gallery-top .swiper-slide.swiper-slide-active { opacity:1 !important; }
.qa03 .box .gallery-top .left { width:27.5%; height:36.03vw; float:left; }
.qa03 .box .gallery-top .left img { width:100%; display:block; }
.qa03 .box .gallery-top .right { width:33.5%; float:right; height:36.03vw; background-color:#fff; padding:20px 25px; box-sizing:border-box; overflow:auto; }
.qa03 .box .gallery-top .right .t01 { width:100%; }
.qa03 .box .gallery-top .right .t01 b { font-size:18px; line-height:28px; display:block; float:left; }
.qa03 .box .gallery-top .right .t01 p { font-size:14px; line-height:24px; display:block; float:left; text-transform:uppercase; margin-left:10px; margin-top:4px; }
.qa03 .box .gallery-top .right .t02 { width:100%; font-size:14px; line-height:24px; }
.qa03 .box .gallery-top .right .t03 { width:40px; height:2px; background-color:#c30d23; margin-top:5px; }
.qa03 .box .gallery-top .right .t04 { width:100%; font-size:14px; line-height:24px; margin-top:10px; }
.qa03 .box .swiper-button-white { width:3.6vw; height:3.6vw; background-color:rgba(255,255,255,.7); background-position:center; background-repeat:no-repeat; position:absolute; top:0; left:63.5%; }
.qa03 .box .swiper-button-white:hover { background-color:#c30d23; }
.qa03 .box .swiper-button-prev { margin-left:-8vw; background-image:url(../images/prev01.png); }
.qa03 .box .swiper-button-next { margin-left:-3.6vw; background-image:url(../images/next01.png); }
.qa03 .box .swiper-button-prev:hover { background-image:url(../images/prev.png); }
.qa03 .box .swiper-button-next:hover { background-image:url(../images/next.png); }
}
 @media only screen and (max-width:768px) {
.qa03 { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.qa03 .bg { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1; }
.qa03 .title { width:94%; margin:auto; text-align:center; position:relative; z-index:3; }
.qa03 .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.qa03 .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; color:#fff; }
.qa03 .title b { width:30px; height:2px; background-color:#fff; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.qa03 .box { width:94%; margin:auto; margin-top:20px; position:relative; z-index:3; }
.qa03 .box .gallery-thumbs { width:100%; height:87.02vw; margin-top:15px; }
.qa03 .box .gallery-thumbs .swiper-slide { width:33.33%; height:43.51vw; display:block; position:relative; }
.qa03 .box .gallery-thumbs .swiper-slide img { width:100%; display:block; }
.qa03 .box .gallery-thumbs .swiper-slide p { display:flex; align-items:center; padding:15px; box-sizing:border-box; width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(195,13,35,.7); opacity:0; cursor:pointer; }
.qa03 .box .gallery-thumbs .swiper-slide p span { text-align:center; display:block; width:100%; font-size:16px; font-weight:bold; color:#fff; }
.qa03 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active p { opacity:1; }
.qa03 .box .gallery-top { width:100%; position:relative; z-index:1; }
.qa03 .box .gallery-top .swiper-slide { display:block; opacity:0 !important; }
.qa03 .box .gallery-top .swiper-slide.swiper-slide-active { opacity:1 !important; }
.qa03 .box .gallery-top .left { width:50%; height:65.51vw; float:left; }
.qa03 .box .gallery-top .left img { width:100%; display:block; }
.qa03 .box .gallery-top .right { width:47%; float:right; height:65.51vw; background-color:#fff; padding:10px 15px; box-sizing:border-box; overflow:auto; }
.qa03 .box .gallery-top .right .t01 { width:100%; }
.qa03 .box .gallery-top .right .t01 b { font-size:16px; line-height:26px; display:block; float:left; }
.qa03 .box .gallery-top .right .t01 p { font-size:12px; line-height:22px; display:block; float:left; text-transform:uppercase; margin-left:5px; margin-top:4px; }
.qa03 .box .gallery-top .right .t02 { width:100%; font-size:14px; line-height:20px; }
.qa03 .box .gallery-top .right .t03 { width:30px; height:2px; background-color:#c30d23; margin-top:5px; }
.qa03 .box .gallery-top .right .t04 { width:100%; font-size:14px; line-height:20px; margin-top:10px; }
.qa03 .box .swiper-button-white { width:40px; height:40px; background-color:rgba(0,0,0,.7); background-position:center; background-repeat:no-repeat; position:absolute; bottom:0; right:50%; }
.qa03 .box .swiper-button-white:hover { background-color:#c30d23; }
.qa03 .box .swiper-button-prev { margin-right:40px; background-image:url(../images/prev.png); }
.qa03 .box .swiper-button-next { background-image:url(../images/next.png); }
}
 @media screen and (min-width:1280px) {
.qa04 { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff; }
.qa04 .title { width:1200px; margin:auto; text-align:center; }
.qa04 .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.qa04 .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; }
.qa04 .title b { width:50px; height:2px; background-color:#333; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.qa04 .box { width:1200px; margin:auto; margin-top:10px; }
.qa04 .box ul { width:1210px; display:block; margin-top:25px; }
.qa04 .box ul li { display:block; float:left; margin-right:10px; width:220px; height:450px; position:relative; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.qa04 .box ul li.on { width:510px; }
.qa04 .box ul li .tu { width:510px; height:450px; overflow:hidden; position:relative; z-index:1; }
.qa04 .box ul li .tu img { width:100%; display:block; }
.qa04 .box ul li .wen { padding:20px; padding-top:45px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:9; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); }
.qa04 .box ul li .wen span { display:block; font-size:18px; line-height:28px; color:#fff; }
.qa04 .box ul li .wen b { display:block; width:40px; height:3px; margin-top:10px; background-color:#c30d23; }
.qa04 .box ul li .wen p { display:none; font-size:14px; line-height:24px; color:#fff; margin-top:10px; }
.qa04 .box ul li.on .wen { padding:15px 20px; background:linear-gradient(to bottom, rgba(195,13,35,.9), rgba(195,13,35,0.9)); }
.qa04 .box ul li.on .wen b { background-color:#fff; }
.qa04 .box ul li.on .wen p { display:block; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.qa04 { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#fff; }
.qa04 .title { width:94%; margin:auto; text-align:center; }
.qa04 .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.qa04 .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; }
.qa04 .title b { width:40px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.qa04 .box { width:94%; margin:auto; margin-top:5px; }
.qa04 .box ul { width:100%; display:block; margin-top:25px; }
.qa04 .box ul li { display:block; float:left; margin-right:1%; width:18.33%; height:35.24vw; position:relative; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.qa04 .box ul li:last-child { margin-right:0; }
.qa04 .box ul li.on { width:42.01%; }
.qa04 .box ul li .tu { height:35.24vw; overflow:hidden; position:relative; z-index:1; }
.qa04 .box ul li .tu img { height:35.24vw; display:block; }
.qa04 .box ul li .wen { padding:15px; padding-top:30px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:9; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); }
.qa04 .box ul li .wen span { display:block; font-size:18px; line-height:28px; color:#fff; }
.qa04 .box ul li .wen b { display:block; width:40px; height:3px; margin-top:10px; background-color:#c30d23; }
.qa04 .box ul li .wen p { display:none; font-size:14px; line-height:24px; color:#fff; margin-top:10px; }
.qa04 .box ul li.on .wen { padding:10px 15px; background:linear-gradient(to bottom, rgba(195,13,35,.9), rgba(195,13,35,0.9)); }
.qa04 .box ul li.on .wen b { background-color:#fff; }
.qa04 .box ul li.on .wen p { display:block; }
}
 @media only screen and (max-width:1023px) {
.qa04 { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff; }
.qa04 .title { width:94%; margin:auto; text-align:center; }
.qa04 .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.qa04 .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; }
.qa04 .title b { width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.qa04 .box { width:94%; margin:auto; margin-top:5px; }
.qa04 .box ul li { display:block; float:left; margin-left:3%; width:48.5%; height:80vw; position:relative; overflow:hidden; margin-top:15px; }
.qa04 .box ul li:nth-child(2n+1) { clear:left; float:left; margin-left:0; }
.qa04 .box ul li .tu { width:100%; height:100%; overflow:hidden; position:relative; z-index:1; }
.qa04 .box ul li .tu img { height:80vw; display:block; }
.qa04 .box ul li .wen { padding:15px 10px; padding-top:20px; width:100%; box-sizing:border-box; position:absolute; left:0; bottom:0; z-index:9; background:linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.7)); }
.qa04 .box ul li .wen span { display:block; font-size:16px; line-height:26px; color:#fff; }
.qa04 .box ul li .wen b { display:block; width:30px; height:2px; margin-top:5px; background-color:#c30d23; }
.qa04 .box ul li .wen p { display:none; font-size:14px; line-height:18px; color:#fff; margin-top:7px; }
.qa04 .box ul li.on .wen { padding:10px; padding-bottom:12px; background:linear-gradient(to bottom, rgba(195,13,35,.9), rgba(195,13,35,0.9)); }
.qa04 .box ul li.on .wen b { background-color:#fff; }
.qa04 .box ul li.on .wen p { display:block; }
}
 @media screen and (min-width:1280px) {
.qa05 { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.qa05 .bg { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1; }
.qa05 .title { width:1200px; margin:auto; text-align:center; position:relative; z-index:3; }
.qa05 .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.qa05 .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; color:#fff; }
.qa05 .title b { width:50px; height:2px; background-color:#fff; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.qa05 .box { width:1200px; margin:auto; margin-top:20px; position:relative; z-index:3; }
.qa05 .box ul { width:1220px; display:block; overflow:hidden; }
.qa05 .box ul li { display:block; width:245px; padding:0 20px; height:220px; overflow:hidden; float:left; margin-top:10px; margin-right:20px; }
.qa05 .box ul li:nth-child(1), .qa05 .box ul li:nth-child(3), .qa05 .box ul li:nth-child(6), .qa05 .box ul li:nth-child(8) { background-image:url(../images/a04.png); }
.qa05 .box ul li:nth-child(1):hover, .qa05 .box ul li:nth-child(3):hover, .qa05 .box ul li:nth-child(6):hover, .qa05 .box ul li:nth-child(8):hover { background-image:url(../images/a04h.png); }
.qa05 .box ul li:nth-child(2), .qa05 .box ul li:nth-child(4), .qa05 .box ul li:nth-child(5), .qa05 .box ul li:nth-child(7) { background-image:url(../images/a04r.png); }
.qa05 .box ul li:nth-child(2):hover, .qa05 .box ul li:nth-child(4):hover, .qa05 .box ul li:nth-child(5):hover, .qa05 .box ul li:nth-child(7):hover { background-image:url(../images/a04rh.png); }
.qa05 .box ul li strong { padding-top:35px; display:block; overflow:hidden; }
.qa05 .box ul li strong img { display:block; height:60px; margin:auto; }
.qa05 .box ul li strong img.img02 { display:none; }
.qa05 .box ul li:hover img.img01 { display:none; }
.qa05 .box ul li:hover img.img02 { display:block; }
.qa05 .box ul li a { font-size:18px; height:36px; line-height:36px; display:block; overflow:hidden; }
.qa05 .box ul li span { font-size:18px; height:26px; line-height:26px; display:block; overflow:hidden; }
.qa05 .box ul li p { font-size:14px; line-height:24px; display:block; overflow:hidden; color:#666; }
.qa05 .box ul li:hover a, .qa05 .box ul li:hover span, .qa05 .box ul li:hover p { color:#fff; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.qa05 { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.qa05 .bg { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1; }
.qa05 .title { width:94%; margin:auto; text-align:center; position:relative; z-index:3; }
.qa05 .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.qa05 .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; color:#fff; }
.qa05 .title b { width:40px; height:2px; background-color:#fff; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.qa05 .box { width:94%; margin:auto; margin-top:15px; position:relative; z-index:3; }
.qa05 .box ul { width:100%; display:block; overflow:hidden; }
.qa05 .box ul li { display:block; width:23.5%; padding:0 15px; box-sizing:border-box; height:210px; overflow:hidden; float:left; margin-top:10px; margin-left:2%; background-size:100% 100%; }
.qa05 .box ul li:nth-child(4n+1) { margin-left:0; }
.qa05 .box ul li:nth-child(1), .qa05 .box ul li:nth-child(3), .qa05 .box ul li:nth-child(6), .qa05 .box ul li:nth-child(8) { background-image:url(../images/a04.png); }
.qa05 .box ul li:nth-child(1):hover, .qa05 .box ul li:nth-child(3):hover, .qa05 .box ul li:nth-child(6):hover, .qa05 .box ul li:nth-child(8):hover { background-image:url(../images/a04h.png); }
.qa05 .box ul li:nth-child(2), .qa05 .box ul li:nth-child(4), .qa05 .box ul li:nth-child(5), .qa05 .box ul li:nth-child(7) { background-image:url(../images/a04r.png); }
.qa05 .box ul li:nth-child(2):hover, .qa05 .box ul li:nth-child(4):hover, .qa05 .box ul li:nth-child(5):hover, .qa05 .box ul li:nth-child(7):hover { background-image:url(../images/a04rh.png); }
.qa05 .box ul li strong { padding-top:30px; display:block; overflow:hidden; }
.qa05 .box ul li strong img { display:block; height:60px; margin:auto; }
.qa05 .box ul li strong img.img02 { display:none; }
.qa05 .box ul li:hover img.img01 { display:none; }
.qa05 .box ul li:hover img.img02 { display:block; }
.qa05 .box ul li a { font-size:18px; height:36px; line-height:36px; display:block; overflow:hidden; }
.qa05 .box ul li span { font-size:18px; height:28px; line-height:28px; display:block; overflow:hidden; }
.qa05 .box ul li p { font-size:14px; line-height:20px; display:block; overflow:hidden; color:#666; }
.qa05 .box ul li:hover a, .qa05 .box ul li:hover span, .qa05 .box ul li:hover p { color:#fff; }
}
 @media only screen and (max-width:768px) {
.qa05 { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.qa05 .bg { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1; }
.qa05 .title { width:94%; margin:auto; text-align:center; position:relative; z-index:3; }
.qa05 .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.qa05 .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; color:#fff; }
.qa05 .title b { width:30px; height:2px; background-color:#fff; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.qa05 .box { width:94%; margin:auto; margin-top:15px; position:relative; z-index:3; }
.qa05 .box ul { width:100%; display:block; overflow:hidden; }
.qa05 .box ul li { display:block; width:48.5%; padding:0 10px; box-sizing:border-box; height:160px; overflow:hidden; float:left; margin-top:5px; margin-left:3%; background-size:100% 100%; }
.qa05 .box ul li:nth-child(2n+1) { margin-left:0; }
.qa05 .box ul li:nth-child(1), .qa05 .box ul li:nth-child(4), .qa05 .box ul li:nth-child(5), .qa05 .box ul li:nth-child(8) { background-image:url(../images/a04.png); }
.qa05 .box ul li:nth-child(1):hover, .qa05 .box ul li:nth-child(3):hover, .qa05 .box ul li:nth-child(6):hover, .qa05 .box ul li:nth-child(8):hover { background-image:url(../images/a04h.png); }
.qa05 .box ul li:nth-child(2), .qa05 .box ul li:nth-child(3), .qa05 .box ul li:nth-child(6), .qa05 .box ul li:nth-child(7) { background-image:url(../images/a04r.png); }
.qa05 .box ul li:nth-child(2):hover, .qa05 .box ul li:nth-child(4):hover, .qa05 .box ul li:nth-child(5):hover, .qa05 .box ul li:nth-child(7):hover { background-image:url(../images/a04rh.png); }
.qa05 .box ul li strong { padding-top:20px; display:block; overflow:hidden; }
.qa05 .box ul li strong img { display:block; height:30px; margin:auto; }
.qa05 .box ul li strong img.img02 { display:none; }
.qa05 .box ul li:hover img.img01 { display:none; }
.qa05 .box ul li:hover img.img02 { display:block; }
.qa05 .box ul li a { font-size:16px; height:26px; line-height:26px; display:block; overflow:hidden; }
.qa05 .box ul li span { font-size:16px; height:26px; line-height:26px; display:block; overflow:hidden; }
.qa05 .box ul li p { font-size:14px; line-height:20px; display:block; overflow:hidden; color:#666; }
.qa05 .box ul li:hover a, .qa05 .box ul li:hover span, .qa05 .box ul li:hover p { color:#fff; }
}
 @media screen and (min-width:1280px) {
.qa06 { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-color:#f1f1f1; }
.qa06 .title { width:1200px; margin:auto; text-align:center; }
.qa06 .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.qa06 .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; }
.qa06 .title b { width:50px; height:2px; background-color:#333; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.qa06 .box { width:1200px; margin:auto; position:relative; padding-top:30px; }
.qa06 .box .gg { position:absolute; right:60px; top:20px; width:410px; text-align:right; z-index:3; }
.qa06 .box .gg span { display:block; font-size:24px; line-height:34px; }
.qa06 .box .gg p { display:block; font-size:14px; line-height:24px; }
.qa06 .box .swiper-container { width:100%; padding-right:60px; padding-left:50px; box-sizing:border-box; height:470px; background-image:url(../images/qa06_20.png); background-position:bottom right; background-repeat:no-repeat; position:relative; z-index:3; }
.qa06 .box .swiper-container .swiper-wrapper { width:640px; float:left; position:relative; z-index:3; }
.qa06 .box .swiper-container .bg { width:calc(100% - 60px); position:absolute; left:0; bottom:0; background-color:#fff; z-index:1; height:400px; }
.qa06 .box .swiper-container .swiper-slide { width:100%; display:block; overflow:hidden; height:420px; }
.qa06 .box .swiper-container .swiper-slide .left { width:640px; height:420px; float:left; background-color:#fff; }
.qa06 .box .swiper-container .swiper-slide .left img { width:100%; display:block; }
.qa06 .box .swiper-container .right { width:350px; height:260px; float:left; padding:50px; margin-top:70px; padding-bottom:40px; text-align:right; position:relative; z-index:3; }
.qa06 .box .swiper-container .right .k01 { width:100%; }
.qa06 .box .swiper-container .right .k01 b { display:block; float:right; width:40px; height:4px; background:#c30d23; }
.qa06 .box .swiper-container .right .k02 { width:100%; padding-top:24px; text-transform:uppercase; font-weight:bold; font-size:30px; line-height:36px; }
.qa06 .box .swiper-container .right .k03 { width:100%; padding-top:40px; color:#c30d23; font-weight:bold; font-size:18px; line-height:28px; }
.qa06 .box .swiper-container .right .k04 { width:100%; padding-top:5px; font-size:14px; line-height:24px; }
.qa06 .box .swiper-pagination { position:absolute; right:110px; bottom:50px; z-index:9; overflow:hidden; }
.qa06 .box .swiper-pagination span { display:block; width:10px; height:10px; border-radius:10px; background-color:#999; overflow:hidden; margin-left:10px; float:left; }
.qa06 .box .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.qa06 { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#f1f1f1; }
.qa06 .title { width:94%; margin:auto; text-align:center; }
.qa06 .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.qa06 .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; }
.qa06 .title b { width:40px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.qa06 .box { width:94%; margin:auto; position:relative; padding-top:20px; }
.qa06 .box .gg { margin-left:53%; width:42%; text-align:right; z-index:3; }
.qa06 .box .gg span { display:block; font-size:22px; line-height:32px; }
.qa06 .box .gg p { display:block; font-size:14px; line-height:24px; }
.qa06 .box .swiper-container { width:95%; padding-right:5%; background-image:url(../images/qa06_20.png); background-position:bottom right; background-repeat:no-repeat; position:relative; z-index:3; background-size:5% auto; margin-top:10px; overflow:visible; padding-bottom:30px; }
.qa06 .box .swiper-container .swiper-wrapper { width:94%; position:relative; z-index:3; margin:0 3%; }
.qa06 .box .swiper-container .bg { width:95%; position:absolute; left:0; bottom:0; background-color:#fff; z-index:1; height:100%; }
.qa06 .box .swiper-container .swiper-slide { width:100%; display:block; position:relative; z-index:3; margin-top:-61px; }
.qa06 .box .swiper-container .swiper-slide .left { width:50%; height:29.3vw; float:left; background-color:#fff; }
.qa06 .box .swiper-container .swiper-slide .left img { width:100%; display:block; }
.qa06 .box .swiper-container .right { width:38.5%; right:8%; top:30px; text-align:right; position:absolute; z-index:3; }
.qa06 .box .swiper-container .right .k01 { width:100%; }
.qa06 .box .swiper-container .right .k01 b { display:block; float:right; width:30px; height:3px; background:#c30d23; }
.qa06 .box .swiper-container .right .k02 { width:100%; padding-top:20px; text-transform:uppercase; font-weight:bold; font-size:24px; line-height:30px; }
.qa06 .box .swiper-container .right .k03 { width:100%; padding-top:10px; color:#c30d23; font-weight:bold; font-size:18px; line-height:28px; }
.qa06 .box .swiper-container .right .k04 { width:100%; padding-top:5px; font-size:14px; line-height:24px; }
.qa06 .box .swiper-pagination { position:absolute; right:8%; bottom:30px; z-index:9; overflow:hidden; }
.qa06 .box .swiper-pagination span { display:block; width:10px; height:10px; border-radius:10px; background-color:#999; overflow:hidden; margin-left:10px; float:left; }
.qa06 .box .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; }
}
 @media only screen and (max-width:1023px) {
.qa06 { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f1f1f1; }
.qa06 .title { width:94%; margin:auto; text-align:center; }
.qa06 .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.qa06 .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; }
.qa06 .title b { width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.qa06 .box { width:94%; margin:auto; margin-top:20px; position:relative; }
.qa06 .box .gg { display:none; }
.qa06 .box .swiper-container { width:95%; padding-right:5%; background-image:url(../images/qa06_20.png); background-position:bottom right; background-repeat:no-repeat; position:relative; z-index:3; background-size:30px auto; padding-bottom:15px; }
.qa06 .box .swiper-container .swiper-wrapper { position:relative; z-index:3; }
.qa06 .box .swiper-container .bg { width:95%; position:absolute; left:0; bottom:0; background-color:#fff; z-index:1; height:calc(100% - 15px); }
.qa06 .box .swiper-container .swiper-slide { width:100%; overflow:hidden; position:relative; z-index:3; }
.qa06 .box .swiper-container .swiper-slide .left { width:94%; height:55.08vw; margin:0 3%; background-color:#fff; }
.qa06 .box .swiper-container .swiper-slide .left img { width:100%; display:block; }
.qa06 .box .swiper-container .right { width:94%; padding:15px 3%; padding-bottom:25px; background-color:#fff; position:relative; z-index:3; }
.qa06 .box .swiper-container .right .k01 { width:100%; }
.qa06 .box .swiper-container .right .k01 b { display:block; width:30px; height:3px; background:#c30d23; }
.qa06 .box .swiper-container .right .k02 { width:100%; padding-top:10px; text-transform:uppercase; font-weight:bold; font-size:18px; line-height:22px; }
.qa06 .box .swiper-container .right .k03 { width:100%; padding-top:5px; color:#c30d23; font-weight:bold; font-size:16px; line-height:26px; }
.qa06 .box .swiper-container .right .k04 { width:100%; font-size:14px; line-height:24px; }
.qa06 .box .swiper-pagination { position:absolute; left:3%; bottom:20px; z-index:9; overflow:hidden; }
.qa06 .box .swiper-pagination span { display:block; width:10px; height:10px; border-radius:10px; background-color:#999; overflow:hidden; margin-right:10px; float:left; }
.qa06 .box .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; }
}



/*盛世软装*/

@media screen and (min-width:1280px) {
.sx03 { width:1200px; margin:auto; margin-top:50px; }
.sx03 .left { display:block; width:300px; height:40px; border-radius:40px; overflow:hidden; float:left; }
.sx03 .left span { display:block; float:left; overflow:hidden; width:calc(100% - 71px); height:38px; border:1px solid #ddd; border-right:none; border-bottom-left-radius:20px; border-top-left-radius:20px; }
.sx03 .left span input { padding:0 19px; width:100%; box-sizing:border-box; font-size:14px; height:38px; line-height:38px; overflow:hidden; display:block; }
.sx03 .left a { width:70px; height:40px; background-color:#c30d23; display:block; float:left; }
.sx03 .left a input { width:100%; height:40px; cursor:pointer; display:block; overflow:hidden; background-image:url(../images/sx01.png); background-position:center; background-repeat:no-repeat; background-color:#c30d23; }
.sx03 .right { font-size:14px; float:right; line-height:40px; display:none; }
.sx03 .right b { color:#c30d23; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.sx03 { width:94%; margin:auto; margin-top:40px; }
.sx03 .right { font-size:14px; float:right; line-height:40px; display:none; }
.sx03 .right b { color:#c30d23; }
.sx03 .left { display:block; width:300px; height:40px; border-radius:40px; overflow:hidden; float:left; }
.sx03 .left span { display:block; float:left; overflow:hidden; width:calc(100% - 71px); height:38px; border:1px solid #ddd; border-right:none; border-bottom-left-radius:20px; border-top-left-radius:20px; }
.sx03 .left span input { padding:0 19px; width:100%; box-sizing:border-box; font-size:14px; height:38px; line-height:38px; overflow:hidden; display:block; }
.sx03 .left a { width:70px; height:40px; background-color:#c30d23; display:block; float:left; }
.sx03 .left a input { width:100%; height:40px; cursor:pointer; display:block; overflow:hidden; background-image:url(../images/sx01.png); background-position:center; background-repeat:no-repeat; background-color:#c30d23; }
}
 @media only screen and (max-width:1023px) {
.sx03 { width:94%; margin:5px auto; margin-top:30px; }
.sx03 .left { display:block; width:100%; max-width:300px; margin:auto; height:40px; border-radius:40px; overflow:hidden; }
.sx03 .left span { display:block; float:left; overflow:hidden; width:calc(100% - 71px); height:38px; border:1px solid #ddd; border-right:none; border-bottom-left-radius:20px; border-top-left-radius:20px; }
.sx03 .left span input { padding:0 19px; width:100%; box-sizing:border-box; font-size:14px; height:38px; line-height:38px; overflow:hidden; display:block; }
.sx03 .left a { width:70px; height:40px; background-color:#c30d23; display:block; float:left; }
.sx03 .left a input { width:100%; height:40px; cursor:pointer; display:block; overflow:hidden; background-image:url(../images/sx01.png); background-position:center; background-repeat:no-repeat; background-color:#c30d23; }
.sx03 .right { width:100%; font-size:14px; line-height:24px; text-align:center; margin-top:5px; display:none; }
.sx03 .right b { color:#c30d23; }
}
 @media screen and (min-width:1280px) {
.rz01 { width:1200px; margin:auto; display:block; }
.rz01 li { width:285px; float:left; display:block; position:relative; background-color:#fff; margin-left:20px; margin-top:30px; }
.rz01 li:nth-child(4n+1) { margin-left:0; }
.rz01 li .tu { width:100%; height:250px; position:relative; z-index:1; }
.rz01 li .tu>img { width:100%; display:block; }
.rz01 li .tu p { width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.rz01 li .tu p img { display:block; margin:auto; }
.rz01 li:hover .tu p { opacity:1; }
.rz01 li .fg { min-width:125px; padding:0 20px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:232px; background-color:#c30d23; text-align:center; color:#fff; font-size:16px; line-height:36px; height:36px; z-index:3; }
.rz01 li .wen { padding:15px 19px; padding-top:32px; text-align:center; border:1px solid #ddd; border-top:none; box-sizing:border-box; }
.rz01 li .wen .bt { display:flex; justify-content:center; align-items:center; }
.rz01 li .wen .bt span { width:10px; height:10px; background-color:#333; margin-right:10px; display:block; }
.rz01 li .wen .bt b { font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.rz01 li .wen .wz { font-size:14px; line-height:24px; height:48px; color:#666; text-align:center; margin-top:6px; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.rz01 { width:94%; margin:auto; display:block; }
.rz01 li { width:23.5%; float:left; display:block; position:relative; background-color:#fff; margin-left:2%; margin-top:25px; }
.rz01 li:nth-child(4n+1) { margin-left:0; }
.rz01 li .tu { width:100%; height:19.37vw; position:relative; z-index:1; }
.rz01 li .tu>img { width:100%; display:block; }
.rz01 li .tu p { width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.rz01 li .tu p img { display:block; margin:auto; }
.rz01 li:hover .tu p { opacity:1; }
.rz01 li .fg { min-width:115px; padding:0 15px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:19.37vw; margin-top:-16px; background-color:#c30d23; text-align:center; color:#fff; font-size:16px; line-height:32px; height:32px; z-index:3; }
.rz01 li .wen { padding:10px 14px; padding-top:25px; text-align:center; border:1px solid #ddd; border-top:none; box-sizing:border-box; }
.rz01 li .wen .bt { display:flex; justify-content:center; align-items:center; }
.rz01 li .wen .bt span { width:8px; height:8px; background-color:#333; margin-right:10px; display:block; }
.rz01 li .wen .bt b { font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.rz01 li .wen .wz { font-size:14px; line-height:24px; height:48px; color:#666; text-align:center; margin-top:5px; }
}
 @media only screen and (max-width:768px) {
.rz01 { width:94%; margin:auto; margin-top:5px; display:block; }
.rz01 li { width:48.5%; float:left; display:block; position:relative; background-color:#fff; margin-left:3%; margin-top:15px; }
.rz01 li:nth-child(2n+1) { margin-left:0; }
.rz01 li .tu { width:100%; height:39.99vw; position:relative; z-index:1; }
.rz01 li .tu>img { width:100%; display:block; }
.rz01 li .tu p { width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.rz01 li .tu p img { display:block; margin:auto; }
.rz01 li:hover .tu p { opacity:1; }
.rz01 li .fg { min-width:105px; padding:0 10px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:39.99vw; margin-top:-14px; background-color:#c30d23; text-align:center; color:#fff; font-size:14px; line-height:28px; height:28px; z-index:3; }
.rz01 li .wen { padding:10px; padding-top:20px; text-align:center; border:1px solid #ddd; border-top:none; box-sizing:border-box; }
.rz01 li .wen .bt { display:flex; justify-content:center; align-items:center; }
.rz01 li .wen .bt span { width:6px; height:6px; background-color:#333; margin-right:5px; display:block; }
.rz01 li .wen .bt b { font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.rz01 li .wen .wz { font-size:14px; line-height:20px; height:40px; color:#666; text-align:center; margin-top:2px; }
}



/*软装案例内页*/

@media screen and (min-width:1280px) {
.rz02 { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-color:#f1f1f1; }
.rz02 .title { width:1200px; margin:auto; text-align:center; }
.rz02 .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.rz02 .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; }
.rz02 .title b { width:50px; height:2px; background-color:#333; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.rz02 .box { width:1200px; margin:auto; margin-top:30px; }
.rz02 .box .swiper-slide { width:285px; display:block; float:left; margin-right:20px; background-color:#fff; overflow:hidden; }
.rz02 .box .swiper-slide .tu { width:100%; height:250px; position:relative; z-index:1; }
.rz02 .box .swiper-slide .tu>img { width:100%; display:block; }
.rz02 .box .swiper-slide .tu p { width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.rz02 .box .swiper-slide .tu p img { display:block; margin:auto; }
.rz02 .box .swiper-slide:hover .tu p { opacity:1; }
.rz02 .box .swiper-slide .fg { min-width:125px; padding:0 20px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:232px; background-color:#c30d23; text-align:center; color:#fff; font-size:16px; line-height:36px; height:36px; z-index:3; }
.rz02 .box .swiper-slide .wen { padding:15px 20px; padding-top:33px; text-align:center; }
.rz02 .box .swiper-slide .wen .bt { display:flex; justify-content:center; align-items:center; }
.rz02 .box .swiper-slide .wen .bt span { width:10px; height:10px; background-color:#333; margin-right:10px; display:block; }
.rz02 .box .swiper-slide .wen .bt b { font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.rz02 .box .swiper-slide .wen .wz { font-size:14px; line-height:24px; height:48px; color:#666; text-align:center; margin-top:6px; }
.rz02 .swiper-pagination { display:flex; justify-content:center; width:100%; margin-top:30px; z-index:3; }
.rz02 .swiper-pagination span { display:block; float:left; width:40px; height:6px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:6px; overflow:hidden; }
.rz02 .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.rz02 { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#f1f1f1; }
.rz02 .title { width:94%; margin:auto; text-align:center; }
.rz02 .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.rz02 .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; }
.rz02 .title b { width:40px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.rz02 .box { width:94%; margin:auto; margin-top:25px; }
.rz02 .box .swiper-slide { width:23.5%; display:block; float:left; margin-right:2%; background-color:#fff; overflow:hidden; }
.rz02 .box .swiper-slide .tu { width:100%; height:19.37vw; position:relative; z-index:1; }
.rz02 .box .swiper-slide .tu>img { width:100%; display:block; }
.rz02 .box .swiper-slide .tu p { width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.rz02 .box .swiper-slide .tu p img { display:block; margin:auto; }
.rz02 .box .swiper-slide:hover .tu p { opacity:1; }
.rz02 .box .swiper-slide .fg { min-width:115px; padding:0 15px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:19.37vw; margin-top:-16px; background-color:#c30d23; text-align:center; color:#fff; font-size:16px; line-height:32px; height:32px; z-index:3; }
.rz02 .box .swiper-slide .wen { padding:10px 15px; padding-top:26px; text-align:center; }
.rz02 .box .swiper-slide .wen .bt { display:flex; justify-content:center; align-items:center; }
.rz02 .box .swiper-slide .wen .bt span { width:8px; height:8px; background-color:#333; margin-right:10px; display:block; }
.rz02 .box .swiper-slide .wen .bt b { font-size:18px; line-height:28px; height:28px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.rz02 .box .swiper-slide .wen .wz { font-size:14px; line-height:24px; height:48px; color:#666; text-align:center; margin-top:5px; }
.rz02 .swiper-pagination { display:flex; justify-content:center; width:100%; margin-top:25px; z-index:3; }
.rz02 .swiper-pagination span { display:block; float:left; width:30px; height:5px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:6px; overflow:hidden; }
.rz02 .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; }
}
 @media only screen and (max-width:1023px) {
.rz02 { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f1f1f1; }
.rz02 .title { width:94%; margin:auto; text-align:center; }
.rz02 .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.rz02 .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; }
.rz02 .title b { width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.rz02 .box { width:94%; margin:auto; margin-top:20px; }
.rz02 .box .swiper-slide { width:48.5%; display:block; float:left; margin-right:3%; background-color:#fff; overflow:hidden; }
.rz02 .box .swiper-slide .tu { width:100%; height:39.99vw; position:relative; z-index:1; }
.rz02 .box .swiper-slide .tu>img { width:100%; display:block; }
.rz02 .box .swiper-slide .tu p { width:100%; height:100%; position:absolute; left:0; top:0; background-color:rgba(0,0,0,.5); display:flex; align-items:center; opacity:0; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.rz02 .box .swiper-slide .tu p img { display:block; margin:auto; }
.rz02 .box .swiper-slide:hover .tu p { opacity:1; }
.rz02 .box .swiper-slide .fg { min-width:105px; padding:0 10px; box-sizing:border-box; position:absolute; left:50%; transform:translateX(-50%); top:39.99vw; margin-top:-14px; background-color:#c30d23; text-align:center; color:#fff; font-size:14px; line-height:28px; height:28px; z-index:3; }
.rz02 .box .swiper-slide .wen { padding:10px; padding-top:21px; text-align:center; }
.rz02 .box .swiper-slide .wen .bt { display:flex; justify-content:center; align-items:center; }
.rz02 .box .swiper-slide .wen .bt span { width:6px; height:6px; background-color:#333; margin-right:5px; display:block; }
.rz02 .box .swiper-slide .wen .bt b { font-size:16px; line-height:26px; height:26px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block; }
.rz02 .box .swiper-slide .wen .wz { font-size:14px; line-height:20px; height:40px; color:#666; text-align:center; margin-top:2px; }
.rz02 .swiper-pagination { display:flex; justify-content:center; width:100%; margin-top:20px; z-index:3; }
.rz02 .swiper-pagination span { display:block; float:left; width:20px; height:4px; background-color:#999; margin:0 5px; cursor:pointer; border-radius:6px; overflow:hidden; }
.rz02 .swiper-pagination span.swiper-pagination-bullet-active { background-color:#c30d23; }
}



/*单品推荐*/

@media screen and (min-width:1280px) {
.rz03 { width:1200px; margin:auto; display:block; }
.rz03 li { width:380px; float:left; display:block; position:relative; background-color:#fff; margin-left:30px; margin-top:30px; }
.rz03 li:nth-child(3n+1) { margin-left:0; }
.rz03 li strong { width:100%; height:190px; overflow:hidden; display:block; }
.rz03 li strong img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.rz03 li p { display:block; font-size:16px; height:40px; line-height:40px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rz03 li b { display:block; width:100%; height:1px; background-color:#cacaca; overflow:hidden; }
.rz03 li b span { width:40px; height:1px; display:block; background-color:#333; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.rz03 li:hover strong img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.rz03 li:hover p { color:#c30d23; }
.rz03 li:hover b span { width:100%; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.rz03 { width:94%; margin:auto; display:block; }
.rz03 li { width:32%; float:left; display:block; position:relative; background-color:#fff; margin-left:2%; margin-top:25px; }
.rz03 li:nth-child(3n+1) { margin-left:0; }
.rz03 li strong { width:100%; height:15.04vw; overflow:hidden; display:block; }
.rz03 li strong img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.rz03 li p { display:block; font-size:16px; height:38px; line-height:38px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rz03 li b { display:block; width:100%; height:1px; background-color:#cacaca; overflow:hidden; }
.rz03 li b span { width:30px; height:1px; display:block; background-color:#333; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.rz03 li:hover strong img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.rz03 li:hover p { color:#c30d23; }
.rz03 li:hover b span { width:100%; }
}
 @media only screen and (max-width:768px) {
.rz03 { width:94%; margin:auto; margin-top:5px; display:block; }
.rz03 li { width:100%; float:left; display:block; position:relative; background-color:#fff; margin-top:15px; }
.rz03 li strong { width:100%; height:47vw; overflow:hidden; display:block; }
.rz03 li strong img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.rz03 li p { display:block; font-size:14px; height:34px; line-height:34px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.rz03 li b { display:block; width:100%; height:1px; background-color:#cacaca; overflow:hidden; }
.rz03 li b span { width:20px; height:1px; display:block; background-color:#333; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.rz03 li:hover strong img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
.rz03 li:hover p { color:#c30d23; }
.rz03 li:hover b span { width:100%; }
}



/*单品推荐内页*/
@media screen and (min-width:1280px) {
.rz05 { width:1200px; margin:50px auto; }
.rz05 .gallery-top { width:100%; height:600px; display:block; position:relative; z-index:1; }
.rz05 .gallery-top .swiper-slide { width:100%; display:block; overflow:hidden; position:relative; }
.rz05 .gallery-top .swiper-slide>img { width:100%; display:block; }
.rz05 .gallery-thumbs { width:100%; display:block; margin-top:10px; overflow:hidden; }
.rz05 .gallery-thumbs .swiper-slide { opacity:.5; overflow:hidden; position:relative; display:block; cursor:pointer; height:92px; }
.rz05 .gallery-thumbs .swiper-slide img { width:100%; display:block; }
.rz05 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active { opacity:1; }
.rz05 .gallery-top .swiper-button-white { width:40px; height:40px; background-color:rgba(0,0,0,.7); background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-20px; cursor:pointer; border-radius:100%; overflow:hidden; }
.rz05 .gallery-top .swiper-button-white:hover { background-color:#c30d23; }
.rz05 .gallery-top .swiper-button-prev { left:15px; background-image:url(../images/prev.png); }
.rz05 .gallery-top .swiper-button-next { right:15px; background-image:url(../images/next.png); }
.rz05 .tup { display:none; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.rz05 { width:94%; margin:40px auto; }
.rz05 .gallery-top { width:100%; height:47vw; display:block; position:relative; z-index:1; }
.rz05 .gallery-top .swiper-slide { width:100%; display:block; overflow:hidden; position:relative; }
.rz05 .gallery-top .swiper-slide>img { width:100%; display:block; }
.rz05 .gallery-thumbs { width:100%; display:block; margin-top:10px; overflow:hidden; }
.rz05 .gallery-thumbs .swiper-slide { opacity:.5; overflow:hidden; position:relative; display:block; cursor:pointer; height:calc(9.4vw - 15px); }
.rz05 .gallery-thumbs .swiper-slide img { width:100%; display:block; }
.rz05 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active { opacity:1; }
.rz05 .gallery-top .swiper-button-white { width:40px; height:40px; background-color:rgba(0,0,0,.7); background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-20px; cursor:pointer; border-radius:100%; overflow:hidden; }
.rz05 .gallery-top .swiper-button-white:hover { background-color:#c30d23; }
.rz05 .gallery-top .swiper-button-prev { left:15px; background-image:url(../images/prev.png); }
.rz05 .gallery-top .swiper-button-next { right:15px; background-image:url(../images/next.png); }
.rz05 .tup { display:none; }
}
 @media only screen and (max-width:768px) {
.rz05 { width:94%; margin:30px auto; }
.rz05 .gallery-top { width:100%; height:47vw; display:none; position:relative; z-index:1; }
.rz05 .gallery-top .swiper-slide { width:100%; display:block; overflow:hidden; position:relative; }
.rz05 .gallery-top .swiper-slide>img { width:100%; display:block; }
.rz05 .gallery-thumbs { width:100%; display:none; margin-top:5px; overflow:hidden; }
.rz05 .gallery-thumbs .swiper-slide { opacity:.5; overflow:hidden; position:relative; display:block; cursor:pointer; height:calc(11.75vw - 5px); }
.rz05 .gallery-thumbs .swiper-slide img { width:100%; display:block; }
.rz05 .gallery-thumbs .swiper-slide.swiper-slide-thumb-active { opacity:1; }
.rz05 .gallery-top .swiper-button-white { width:40px; height:40px; background-color:rgba(0,0,0,.7); background-position:center; background-repeat:no-repeat; position:absolute; top:50%; margin-top:-20px; cursor:pointer; border-radius:100%; overflow:hidden; }
.rz05 .gallery-top .swiper-button-white:hover { background-color:#c30d23; }
.rz05 .gallery-top .swiper-button-prev { left:15px; background-image:url(../images/prev.png); }
.rz05 .gallery-top .swiper-button-next { right:15px; background-image:url(../images/next.png); }
.rz05 .tup { width:100%; margin-top:-5px; }
.rz05 .tup a { display:block; overflow:hidden; margin-top:5px; }
.rz05 .tup img { display:block; max-width:100%; height:auto; }
}

/*文章页*/
@media screen and (min-width:1280px) {
.rz04 { width:1200px; margin:65px auto; margin-top:50px; }
.rz04 .lbar { width:910px; float:left; }
.rz04 .lbar .bt { text-align:center; color:#c30d23; font-size:24px; line-height:34px; }
.rz04 .lbar .time { text-align:center; color:#999; font-size:14px; line-height:32px; height:37px; border-bottom:1px solid #eee; }
.rz04 .lbar .wen { font-size:14px; line-height:24px; margin-top:30px; }
.rz04 .lbar .wen img { max-width:100%; height:auto; }
.rz04 .lbar .back { margin-top:20px; padding-top:9px; border-top:1px solid #eee; position:relative; }
.rz04 .lbar .back p { display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; margin-top:6px; }
.rz04 .lbar .back p a { overflow:hidden; display:inline-block; vertical-align:middle; height:24px; text-overflow:ellipsis; white-space:nowrap; }
.rz04 .lbar .back p a:hover { color:#c30d23; }
.rz04 .lbar .back span { position:absolute; right:0; top:15px; font-size:14px; height:24px; line-height:24px; }
.rz04 .lbar .back span a:hover { color:#c30d23; }
.rz04 .rbar { width:258px; border:1px solid #ddd; border-top:2px solid #c30d23; float:right; margin:5px 0; }
.rz04 .rbar .title { padding-left:19px; font-size:18px; height:50px; line-height:50px; border-bottom:1px solid #ddd; }
.rz04 .rbar ul { display:block; padding:4px 19px; padding-bottom:15px; }
.rz04 .rbar ul li { display:block; width:100%; margin-top:15px; overflow:hidden; }
.rz04 .rbar ul li strong { width:100%; display:block; height:154px; overflow:hidden; }
.rz04 .rbar ul li strong img { width:100%; display:block; }
.rz04 .rbar ul li p { display:block; overflow:hidden; font-size:16px; height:26px; line-height:26px; padding-top:5px; }
.rz04 .rbar ul li span { display:block; overflow:hidden; font-size:14px; height:22px; line-height:22px; color:#999; }
.rz04 .rbar ul li:hover p { color:#c30d23; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.rz04 { width:94%; margin:40px auto; margin-bottom:50px; }
.rz04 .lbar { width:76%; float:left; }
.rz04 .lbar .bt { text-align:center; color:#c30d23; font-size:20px; line-height:30px; }
.rz04 .lbar .time { text-align:center; color:#999; font-size:14px; line-height:24px; height:28px; border-bottom:1px solid #eee; }
.rz04 .lbar .wen { font-size:14px; line-height:24px; margin-top:20px; }
.rz04 .lbar .wen img { max-width:100%; height:auto; }
.rz04 .lbar .back { margin-top:15px; padding-top:10px; border-top:1px solid #eee; position:relative; }
.rz04 .lbar .back p { display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; }
.rz04 .lbar .back p a { max-width:60%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; vertical-align:middle; height:24px; }
.rz04 .lbar .back p a:hover { color:#c30d23; }
.rz04 .lbar .back span { position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px; }
.rz04 .lbar .back span a:hover { color:#c30d23; }
.rz04 .rbar { width:21.5%; border:1px solid #ddd; border-top:2px solid #c30d23; float:right; margin:5px 0; }
.rz04 .rbar .title { padding-left:14px; font-size:16px; height:40px; line-height:40px; border-bottom:1px solid #ddd; }
.rz04 .rbar ul { display:block; padding:4px 14px; padding-bottom:10px; }
.rz04 .rbar ul li { display:block; width:100%; margin-top:10px; overflow:hidden; }
.rz04 .rbar ul li strong { width:100%; display:block; overflow:hidden; }
.rz04 .rbar ul li strong img { width:100%; display:block; }
.rz04 .rbar ul li p { display:block; overflow:hidden; font-size:16px; height:22px; line-height:22px; padding-top:5px; }
.rz04 .rbar ul li span { display:block; overflow:hidden; font-size:14px; height:18px; line-height:18px; color:#999; }
.rz04 .rbar ul li:hover p { color:#c30d23; }
}
 @media only screen and (max-width:768px) {
.rz04 { width:94%; margin:35px auto; margin-top:30px; }
.rz04 .lbar { width:100%; }
.rz04 .lbar .bt { text-align:center; color:#c30d23; font-size:18px; line-height:28px; }
.rz04 .lbar .time { text-align:center; color:#999; font-size:14px; line-height:24px; height:28px; border-bottom:1px solid #eee; }
.rz04 .lbar .wen { font-size:14px; line-height:24px; margin-top:15px; }
.rz04 .lbar .wen img { max-width:100%; height:auto; }
.rz04 .lbar .back { margin-top:10px; padding-top:10px; border-top:1px solid #eee; position:relative; }
.rz04 .lbar .back p { display:block; font-size:14px; height:24px; line-height:24px; overflow:hidden; }
.rz04 .lbar .back p a { max-width:calc(94vw - 130px); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:inline-block; vertical-align:middle; height:24px; }
.rz04 .lbar .back p a:hover { color:#c30d23; }
.rz04 .lbar .back span { position:absolute; right:0; top:10px; font-size:14px; height:24px; line-height:24px; }
.rz04 .lbar .back span a:hover { color:#c30d23; }
.rz04 .rbar { display:none; }
}



/*施工介绍*/

@media screen and (min-width:1280px) {
.jg01 { width:100%; padding-top:65px; padding-bottom:70px; position:relative; z-index:1; }
.jg01 .box { width:1200px; margin:auto; position:relative; z-index:3; }
.jg01 .box .right { position:absolute; right:0; bottom:0; z-index:1; }
.jg01 .box .right img { display:block; }
.jg01 .box .left { position:relative; z-index:3; width:650px; }
.jg01 .box .left .w01 { width:100%; }
.jg01 .box .left .w01 b { display:block; float:left; font-size:30px; line-height:40px; margin-right:10px; }
.jg01 .box .left .w01 p { display:block; float:left; font-size:24px; line-height:30px; height:40px; font-family:fine; color:#999; text-transform:uppercase; position:relative; }
.jg01 .box .left .w01 p span { width:50px; height:2px; display:block; position:absolute; left:0; bottom:5px; overflow:hidden; background-color:#333; }
.jg01 .box .left .w02 { width:100%; margin-top:12px; font-size:14px; line-height:30px; }
.jg01 .box .left .w03 { display:block; }
.jg01 .box .left .w03 li { display:block; margin-top:22px; overflow:hidden; float:left; width:100%; }
.jg01 .box .left .w03 li p { width:100%; box-sizing:border-box; display:block; overflow:hidden; border-left:2px solid #c30d23; padding-left:18px; }
.jg01 .box .left .w03 li p span { display:none; float:left; line-height:50px; height:50px; font-size:48px; }
.jg01 .box .left .w03 li p strong { display:block; float:left; font-size:14px; line-height:20px; font-weight:normal; text-transform:uppercase; color:#999; }
.jg01 .box .left .w03 li p strong a { display:block; font-size:18px; line-height:26px; font-weight:bold; }
.jg01 .box .left .w03 li b { font-size:14px; line-height:24px; padding-top:10px; display:block; font-weight:normal; }
.jg01 .box .left .w04 { padding-top:35px; }
.jg01 .box .left .w04 b { display:block; overflow:hidden; }
.jg01 .box .left .w04 b span { display:block; float:left; text-transform:uppercase; padding-top:1px; font-size:30px; line-height:48px; height:48px; }
.jg01 .box .left .w04 b img { display:block; float:left; margin-left:15px; }
.jg01 .box .left .w04 p { font-size:16px; line-height:26px; color:#666; padding-bottom:15px; overflow:hidden; }
.jg01 .list { width:1200px; margin:auto; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; }
.jg01 .list .bg { width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#c30d23; opacity:.9; }
.jg01 .list .wen { position:relative; display:block; z-index:3; padding:30px; padding-top:15px; }
.jg01 .list .wen li { display:block; width:353px; margin-top:15px; margin-left:40px; float:left; overflow:hidden; }
.jg01 .list .wen li:nth-child(3n+1) { clear:left; float:left; margin-left:0; }
.jg01 .list .wen li .left { width:29px; float:left; padding-bottom:5px; }
.jg01 .list .wen li .left img { display:block; width:24px; }
.jg01 .list .wen li .right { width:calc(100% - 29px); font-size:14px; line-height:24px; color:#fff; float:left; margin-top:-2px; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.jg01 { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; }
.jg01 .box { width:94%; margin:auto; position:relative; z-index:3; }
.jg01 .box .right { float:right; width:43%; }
.jg01 .box .right img { display:block; width:100%; }
.jg01 .box .left { position:relative; z-index:3; width:53%; float:left; }
.jg01 .box .left .w01 { width:100%; }
.jg01 .box .left .w01 b { display:block; float:left; font-size:24px; line-height:34px; margin-right:10px; }
.jg01 .box .left .w01 p { display:block; float:left; font-size:20px; line-height:24px; height:34px; font-family:fine; color:#999; text-transform:uppercase; position:relative; }
.jg01 .box .left .w01 p span { width:40px; height:2px; display:block; position:absolute; left:0; bottom:5px; overflow:hidden; background-color:#333; }
.jg01 .box .left .w02 { width:100%; margin-top:10px; font-size:14px; line-height:24px; }
.jg01 .box .left .w03 { display:block; }
.jg01 .box .left .w03 li { display:block; margin-top:15px; overflow:hidden; float:left; width:100%; }
.jg01 .box .left .w03 li:nth-child(3n+1) { clear:left; float:left; margin-left:0; }
.jg01 .box .left .w03 li p { width:100%; box-sizing:border-box; display:block; overflow:hidden; border-left:2px solid #c30d23; padding-left:13px; }
.jg01 .box .left .w03 li p span { display:none; float:left; line-height:50px; height:50px; font-size:48px; }
.jg01 .box .left .w03 li p strong { display:block; float:left; font-size:14px; line-height:18px; font-weight:normal; text-transform:uppercase; color:#999; }
.jg01 .box .left .w03 li p strong a { display:block; font-size:18px; line-height:24px; font-weight:bold; }
.jg01 .box .left .w03 li b { font-size:14px; line-height:24px; padding-top:10px; display:block; font-weight:normal; }
.jg01 .box .left .w04 { padding-top:20px; }
.jg01 .box .left .w04 b { display:block; overflow:hidden; }
.jg01 .box .left .w04 b span { display:block; float:left; text-transform:uppercase; font-size:26px; line-height:34px; height:34px; }
.jg01 .box .left .w04 b img { display:block; float:left; margin-left:10px; }
.jg01 .box .left .w04 p { font-size:16px; line-height:26px; color:#666; padding-bottom:10px; overflow:hidden; }
.jg01 .list { width:94%; margin:auto; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; }
.jg01 .list .bg { width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#c30d23; opacity:.9; }
.jg01 .list .wen { position:relative; display:block; z-index:3; padding:20px; padding-top:15px; }
.jg01 .list .wen li { display:block; width:32%; margin-top:10px; margin-left:2%; float:left; overflow:hidden; }
.jg01 .list .wen li:nth-child(3n+1) { clear:left; float:left; margin-left:0; }
.jg01 .list .wen li .left { width:29px; float:left; padding-bottom:5px; }
.jg01 .list .wen li .left img { display:block; width:24px; }
.jg01 .list .wen li .right { width:calc(100% - 29px); font-size:14px; line-height:24px; color:#fff; float:left; margin-top:-2px; }
}
 @media only screen and (max-width:768px) {
.jg01 { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; }
.jg01 .box { width:94%; margin:auto; position:relative; z-index:3; }
.jg01 .box .right { position:absolute; right:0; bottom:0; z-index:1; width:50%; }
.jg01 .box .right img { display:block; width:100%; }
.jg01 .box .left { position:relative; z-index:3; width:100%; }
.jg01 .box .left .w01 { width:100%; }
.jg01 .box .left .w01 b { display:block; font-size:18px; line-height:28px; }
.jg01 .box .left .w01 p { display:block; font-size:16px; line-height:24px; padding-bottom:10px; font-family:fine; color:#999; text-transform:uppercase; position:relative; }
.jg01 .box .left .w01 p span { width:30px; height:2px; display:block; position:absolute; left:0; bottom:5px; overflow:hidden; background-color:#333; }
.jg01 .box .left .w02 { width:100%; margin-top:5px; font-size:14px; line-height:24px; }
.jg01 .box .left .w03 { display:block; width:47%; }
.jg01 .box .left .w03 li { display:block; margin-top:10px; overflow:hidden; float:left; width:100%; }
.jg01 .box .left .w03 li:nth-child(3n+1) { clear:left; float:left; margin-left:0; }
.jg01 .box .left .w03 li p { width:100%; box-sizing:border-box; display:block; overflow:hidden; border-left:2px solid #c30d23; padding-left:8px; }
.jg01 .box .left .w03 li p span { display:none; float:left; line-height:40px; height:40px; font-size:38px; }
.jg01 .box .left .w03 li p strong { display:block; float:left; font-size:14px; line-height:26px; font-weight:normal; text-transform:uppercase; color:#999; }
.jg01 .box .left .w03 li p strong a { float:left; display:block; font-size:16px; line-height:26px; font-weight:bold; margin-right:5px; }
.jg01 .box .left .w03 li b { font-size:14px; line-height:20px; padding-top:5px; display:block; font-weight:normal; }
.jg01 .box .left .w04 { padding-top:20px; }
.jg01 .box .left .w04 b { display:block; overflow:hidden; }
.jg01 .box .left .w04 b span { display:block; float:left; text-transform:uppercase; font-size:22px; line-height:26px; height:26px; }
.jg01 .box .left .w04 b img { display:block; float:left; margin-left:5px; width:25px; }
.jg01 .box .left .w04 p { font-size:14px; line-height:24px; color:#666; padding-bottom:10px; overflow:hidden; }
.jg01 .list { width:94%; margin:auto; position:relative; background-position:center; background-repeat:no-repeat; background-size:cover; }
.jg01 .list .bg { width:100%; height:100%; position:absolute; left:0; top:0; z-index:1; background-color:#c30d23; opacity:.9; }
.jg01 .list .wen { position:relative; display:block; z-index:3; padding:15px; padding-top:5px; }
.jg01 .list .wen li { display:block; width:100%; margin-top:10px; float:left; overflow:hidden; }
.jg01 .list .wen li .left { width:29px; float:left; padding-bottom:5px; }
.jg01 .list .wen li .left img { display:block; width:24px; }
.jg01 .list .wen li .right { width:calc(100% - 29px); font-size:14px; line-height:24px; color:#fff; float:left; margin-top:-2px; }
}
 @media screen and (min-width:1280px) {
.jg02 { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-color:#f1f1f1; }
.jg02 .title { width:1200px; margin:auto; text-align:center; }
.jg02 .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.jg02 .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; }
.jg02 .title b { width:50px; height:2px; background-color:#333; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.jg02 .box { width:1200px; margin:auto; margin-top:30px; background-position:center; background-repeat:no-repeat; background-size:cover; }
.jg02 .box ul { width:100%; display:block; overflow:hidden; }
.jg02 .box ul li { padding:50px 30px; padding-bottom:42px; box-sizing:border-box; width:360px; min-height:460px; display:block; float:left; overflow:hidden; margin-left:60px; background-color:rgba(0,0,0,.7); position:relative; }
.jg02 .box ul li:nth-child(3n+1) { clear:left; float:left; margin-left:0; }
.jg02 .box ul li .w01 { width:100%; height:100px; position:relative; }
.jg02 .box ul li .w01 strong { width:50px; height:100%; background-color:#c30d23; display:block; position:absolute; left:0; top:0; z-index:1; }
.jg02 .box ul li .w01 a { padding-top:25px; padding-left:20px; height:75px; display:block; position:relative; z-index:3; float:left; }
.jg02 .box ul li .w01 a span { display:block; font-size:20px; line-height:30px; color:#fff; }
.jg02 .box ul li .w01 a b { display:block; width:20px; height:2px; background-color:#fff; margin:5px 0; }
.jg02 .box ul li .w01 a p { display:block; font-size:16px; line-height:28px; color:#fff; }
.jg02 .box ul li .w02 { width:100%; margin-top:22px; font-size:14px; line-height:30px; color:#fff; }
.jg02 .box ul li .w04 { position:absolute; z-index:3; width:50px; top:-100px; right:30px; opacity:.3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.jg02 .box ul li .w04 img { width:100%; display:block; }
.jg02 .box ul li:hover .w04 { top:30px; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.jg02 { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#f1f1f1; }
.jg02 .title { width:94%; margin:auto; text-align:center; }
.jg02 .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.jg02 .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; }
.jg02 .title b { width:40px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.jg02 .box { width:94%; margin:auto; margin-top:25px; background-position:center; background-repeat:no-repeat; background-size:cover; }
.jg02 .box ul { width:100%; display:block; overflow:hidden; }
.jg02 .box ul li { padding:40px 25px; padding-bottom:32px; box-sizing:border-box; width:31%; min-height:460px; display:block; float:left; overflow:hidden; margin-left:3.5%; background-color:rgba(0,0,0,.7); position:relative; }
.jg02 .box ul li:nth-child(3n+1) { clear:left; float:left; margin-left:0; }
.jg02 .box ul li .w01 { width:100%; height:90px; position:relative; }
.jg02 .box ul li .w01 strong { width:50px; height:100%; background-color:#c30d23; display:block; position:absolute; left:0; top:0; z-index:1; }
.jg02 .box ul li .w01 a { padding-top:15px; padding-left:20px; height:75px; display:block; position:relative; z-index:3; float:left; }
.jg02 .box ul li .w01 a span { display:block; font-size:18px; line-height:28px; color:#fff; }
.jg02 .box ul li .w01 a b { display:block; width:20px; height:2px; background-color:#fff; margin:5px 0; }
.jg02 .box ul li .w01 a p { display:block; font-size:16px; line-height:28px; color:#fff; }
.jg02 .box ul li .w02 { width:100%; margin-top:17px; font-size:14px; line-height:30px; color:#fff; }
.jg02 .box ul li .w04 { position:absolute; z-index:3; width:50px; top:-100px; right:30px; opacity:.3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.jg02 .box ul li .w04 img { width:100%; display:block; }
.jg02 .box ul li:hover .w04 { top:30px; }
}
 @media only screen and (max-width:768px) {
.jg02 { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#f1f1f1; }
.jg02 .title { width:94%; margin:auto; text-align:center; }
.jg02 .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.jg02 .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; }
.jg02 .title b { width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.jg02 .box { width:94%; margin:auto; margin-top:20px; background-position:center; background-repeat:no-repeat; background-size:cover; }
.jg02 .box ul { width:100%; display:block; overflow:hidden; }
.jg02 .box ul li { padding:15px; padding-top:20px; box-sizing:border-box; width:100%; display:block; overflow:hidden; margin-top:15px; background-color:rgba(0,0,0,.7); position:relative; }
.jg02 .box ul li:nth-child(3n+1) { margin-top:0; }
.jg02 .box ul li .w01 { width:100%; position:relative; }
.jg02 .box ul li .w01 strong { width:50px; height:100%; background-color:#c30d23; display:block; position:absolute; left:0; top:0; z-index:1; }
.jg02 .box ul li .w01 a { padding:10px 0; padding-left:15px; display:block; position:relative; z-index:3; float:left; }
.jg02 .box ul li .w01 a span { display:block; font-size:16px; line-height:26px; color:#fff; }
.jg02 .box ul li .w01 a b { display:block; width:20px; height:2px; background-color:#fff; margin:5px 0; }
.jg02 .box ul li .w01 a p { display:block; font-size:14px; line-height:24px; color:#fff; }
.jg02 .box ul li .w02 { width:100%; margin-top:10px; font-size:14px; line-height:24px; color:#fff; }
.jg02 .box ul li .w04 { position:absolute; z-index:3; width:50px; top:-100px; right:15px; opacity:.3; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.jg02 .box ul li .w04 img { width:100%; display:block; }
.jg02 .box ul li:hover .w04 { top:15px; }
}
 @media screen and (min-width:1280px) {
.jg03 { width:100%; padding-top:64px; padding-bottom:65px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.jg03 .bg { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1; }
.jg03 .title { width:1200px; margin:auto; text-align:center; position:relative; z-index:3; }
.jg03 .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.jg03 .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; color:#fff; }
.jg03 .title b { width:50px; height:2px; background-color:#fff; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.jg03 .box { width:1200px; margin:auto; margin-top:25px; position:relative; z-index:3; display:flex; align-items:center; }
.jg03 .box .left { width:630px; float:left; margin-right:60px; }
.jg03 .box .left .k01 { width:100%; margin-top:5px; }
.jg03 .box .left .k01 b { display:block; box-sizing:border-box; max-width:100%; float:left; background-color:#c30d23; padding:5px 20px; font-size:20px; line-height:30px; color:#fff; }
.jg03 .box .left .k02 { width:100%; font-size:16px; line-height:26px; color:#fff; margin-top:5px; text-transform:uppercase; }
.jg03 .box .left .k04 { display:block; }
.jg03 .box .left .k04 li { overflow:hidden; margin-top:10px; }
.jg03 .box .left .k04 li .top { display:flex; }
.jg03 .box .left .k04 li .top strong { display:block; font-size:72px; line-height:76px; height:76px; color:#fff; }
.jg03 .box .left .k04 li .top p { display:block; margin-left:10px; overflow:hidden; flex:1; padding-top:9px; }
.jg03 .box .left .k04 li .top p span { display:block; font-size:16px; line-height:18px; color:#aaa; overflow:hidden; text-transform:uppercase; }
.jg03 .box .left .k04 li .top p b { display:block; font-size:20px; line-height:30px; overflow:hidden; margin-top:1px; color:#fff; }
.jg03 .box .left .k04 li .top p a { display:block; width:20px; height:2px; margin-top:5px; background-color:#c30d23; }
.jg03 .box .left .k04 li .bot { padding-top:5px; font-size:14px; line-height:24px; color:#fff; }
.jg03 .box .right { margin:5px 0; float:right; overflow:hidden; position:relative; }
.jg03 .box .right b { width:calc(100% - 24px); height:calc(100% - 44px); display:block; border:2px solid #c30d23; position:absolute; right:20px; top:20px; z-index:1; overflow:hidden; }
.jg03 .box .right dl { width:100%; height:100%; display:block; overflow:hidden; position:relative; z-index:3; }
.jg03 .box .right dl dt { width:150px; height:500px; display:block; float:left; overflow:hidden; margin-left:20px; }
.jg03 .box .right dl dd { width:150px; height:500px; display:block; float:left; overflow:hidden; margin-left:20px; margin-top:60px; }
.jg03 .box .right dl img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.jg03 .box .right dl dt:hover img, .jg03 .box .right dl dd:hover img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.jg03 { width:100%; padding-top:50px; padding-bottom:50px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.jg03 .bg { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1; }
.jg03 .title { width:94%; margin:auto; text-align:center; position:relative; z-index:3; }
.jg03 .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.jg03 .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; color:#fff; }
.jg03 .title b { width:40px; height:2px; background-color:#fff; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.jg03 .box { width:94%; margin:auto; margin-top:20px; position:relative; z-index:3; display:flex; align-items:center; }
.jg03 .box .left { width:53%; float:left; margin-right:2%; }
.jg03 .box .left .k01 { width:100%; margin-top:5px; }
.jg03 .box .left .k01 b { display:block; box-sizing:border-box; max-width:100%; float:left; background-color:#c30d23; padding:5px 15px; font-size:18px; line-height:28px; color:#fff; }
.jg03 .box .left .k02 { width:100%; font-size:16px; line-height:24px; color:#fff; margin-top:5px; text-transform:uppercase; }
.jg03 .box .left .k04 { display:block; }
.jg03 .box .left .k04 li { overflow:hidden; margin-top:5px; }
.jg03 .box .left .k04 li .top { display:flex; }
.jg03 .box .left .k04 li .top strong { display:block; font-size:62px; line-height:66px; height:66px; color:#fff; }
.jg03 .box .left .k04 li .top p { display:block; margin-left:10px; overflow:hidden; flex:1; padding-top:5px; }
.jg03 .box .left .k04 li .top p span { display:block; font-size:16px; line-height:18px; color:#aaa; overflow:hidden; text-transform:uppercase; }
.jg03 .box .left .k04 li .top p b { display:block; font-size:18px; line-height:28px; overflow:hidden; margin-top:1px; color:#fff; }
.jg03 .box .left .k04 li .top p a { display:block; width:20px; height:2px; margin-top:5px; background-color:#c30d23; }
.jg03 .box .left .k04 li .bot { font-size:14px; line-height:24px; color:#fff; }
.jg03 .box .right { width:45%; margin:5px 0; float:right; overflow:hidden; position:relative; }
.jg03 .box .right b { width:calc(97% - 4px); height:calc(100% - 44px); display:block; border:2px solid #c30d23; position:absolute; right:3%; top:20px; z-index:1; overflow:hidden; }
.jg03 .box .right dl { width:100%; height:100%; display:block; overflow:hidden; position:relative; z-index:3; }
.jg03 .box .right dl dt { width:30.33%; height:42.76vw; display:block; float:left; overflow:hidden; margin-left:3%; }
.jg03 .box .right dl dd { width:30.33%; height:42.76vw; display:block; float:left; overflow:hidden; margin-left:3%; margin-top:40px; }
.jg03 .box .right dl img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.jg03 .box .right dl dt:hover img, .jg03 .box .right dl dd:hover img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
}
 @media only screen and (max-width:768px) {
.jg03 { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat; }
.jg03 .bg { width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1; }
.jg03 .title { width:94%; margin:auto; text-align:center; position:relative; z-index:3; }
.jg03 .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine; }
.jg03 .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; color:#fff; }
.jg03 .title b { width:30px; height:2px; background-color:#fff; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.jg03 .box { width:94%; margin:auto; margin-top:20px; position:relative; z-index:3; }
.jg03 .box .left { width:100%; float:left; }
.jg03 .box .left .k01 { width:100%; }
.jg03 .box .left .k01 b { display:block; box-sizing:border-box; max-width:100%; float:left; background-color:#c30d23; padding:2px 10px; font-size:16px; line-height:26px; color:#fff; font-weight:normal; }
.jg03 .box .left .k02 { width:100%; font-size:14px; line-height:22px; color:#fff; margin-top:5px; text-transform:uppercase; }
.jg03 .box .left .k04 { display:block; }
.jg03 .box .left .k04 li { overflow:hidden; margin-top:5px; }
.jg03 .box .left .k04 li .top { display:flex; }
.jg03 .box .left .k04 li .top strong { display:block; font-size:58px; line-height:60px; height:60px; color:#fff; }
.jg03 .box .left .k04 li .top p { display:block; margin-left:10px; overflow:hidden; flex:1; }
.jg03 .box .left .k04 li .top p span { display:block; font-size:14px; line-height:16px; color:#aaa; overflow:hidden; text-transform:uppercase; margin-top:5px; }
.jg03 .box .left .k04 li .top p b { display:block; font-size:16px; line-height:26px; overflow:hidden; margin-top:1px; color:#fff; }
.jg03 .box .left .k04 li .top p a { display:block; width:20px; height:2px; margin-top:5px; background-color:#c30d23; }
.jg03 .box .left .k04 li .bot { font-size:14px; line-height:20px; color:#fff; }
.jg03 .box .right { width:100%; margin-top:12px; float:right; overflow:hidden; position:relative; }
.jg03 .box .right b { width:calc(97% - 4px); height:calc(100% - 34px); display:block; border:2px solid #c30d23; position:absolute; right:3%; top:15px; z-index:1; overflow:hidden; }
.jg03 .box .right dl { width:100%; height:100%; display:block; overflow:hidden; position:relative; z-index:3; }
.jg03 .box .right dl dt { width:30.33%; height:95vw; display:block; float:left; overflow:hidden; margin-left:3%; }
.jg03 .box .right dl dd { width:30.33%; height:95vw; display:block; float:left; overflow:hidden; margin-left:3%; margin-top:30px; }
.jg03 .box .right dl img { width:100%; display:block; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.jg03 .box .right dl dt:hover img, .jg03 .box .right dl dd:hover img { transform:scale(1.1, 1.1); -ms-transform:scale(1.1, 1.1); -moz-transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1); -o-transform:scale(1.1, 1.1); }
}
 @media screen and (min-width:1280px) {
.jg04 { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff; }
.jg04 .title { width:1200px; margin:auto; text-align:center; }
.jg04 .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.jg04 .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; }
.jg04 .title b { width:50px; height:2px; background-color:#333; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.jg04 .box { width:1200px; margin:auto; }
.jg04 .box strong { display:block; width:100%; overflow:hidden; margin-top:50px; }
.jg04 .box strong img { max-width:100%; display:block; margin:auto; }
.jg04 .box dl { width:1230px; display:block; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; margin-top:20px; }
.jg04 .box dl dt { display:block; margin:30px 15px; margin-bottom:0; overflow:hidden; width:216px; }
.jg04 .box dl dt img { width:100%; display:block; }
/*.jg04 .box ul{ width:100%; display:block; overflow:hidden; display:flex; flex-wrap:wrap;}

.jg04 .box ul li{ display:block; margin-left:30px; margin-top:30px; overflow:hidden; width:380px; border-bottom-right-radius:20px; border-top-left-radius:20px; background-color:#c30d23; position:relative;}

.jg04 .box ul li:nth-child(3n+1){ margin-left:0;}

.jg04 .box ul li .wen{ width:320px; padding:10px 20px; border-bottom-right-radius:20px; border-top-left-radius:20px; background-color:#f1f1f1; box-sizing:border-box; margin-top:10px;}

.jg04 .box ul li .wen b{ font-size:18px; line-height:28px; display:block; overflow:hidden;}

.jg04 .box ul li .wen p{ font-size:14px; line-height:24px; display:block; overflow:hidden; color:#666;}

.jg04 .box ul li:hover .wen b{ color:#c30d23;}

.jg04 .box ul li .tu{ width:60px; position:absolute; right:0; top:50%; margin-top:-20px; font-weight:bold; font-size:30px; line-height:40px; height:40px; text-align:center; color:#fff;}*/

}
 @media screen and (min-width:769px) and (max-width:1279px) {
.jg04 { width:100%; padding-top:50px; padding-bottom:55px; position:relative; z-index:1; background-color:#fff; }
.jg04 .title { width:94%; margin:auto; text-align:center; }
.jg04 .title span { font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.jg04 .title p { font-size:22px; line-height:32px; height:32px; overflow:hidden; }
.jg04 .title b { width:40px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.jg04 .box { width:94%; margin:auto; }
.jg04 .box strong { display:block; width:100%; overflow:hidden; margin-top:40px; }
.jg04 .box strong img { max-width:100%; display:block; margin:auto; }
.jg04 .box dl { width:100%; display:block; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; margin-top:15px; }
.jg04 .box dl dt { display:block; margin:25px 2%; margin-bottom:0; overflow:hidden; width:16%; }
.jg04 .box dl dt img { width:100%; display:block; }
/*.jg04 .box ul{ width:100%; display:block; overflow:hidden; display:flex; flex-wrap:wrap;}

.jg04 .box ul li{ display:block; margin-left:2%; margin-top:25px; overflow:hidden; width:32%; border-bottom-right-radius:15px; border-top-left-radius:15px; background-color:#c30d23; position:relative;}

.jg04 .box ul li:nth-child(3n+1){ margin-left:0;}

.jg04 .box ul li .wen{ width:calc(100% - 60px); padding:10px 15px; border-bottom-right-radius:15px; border-top-left-radius:15px; background-color:#f1f1f1; box-sizing:border-box; margin-top:10px;}

.jg04 .box ul li .wen b{ font-size:18px; line-height:28px; display:block; overflow:hidden;}

.jg04 .box ul li .wen p{ font-size:14px; line-height:24px; display:block; overflow:hidden; color:#666;}

.jg04 .box ul li:hover .wen b{ color:#c30d23;}

.jg04 .box ul li .tu{ width:60px; position:absolute; right:0; top:50%; margin-top:-20px; font-weight:bold; font-size:30px; line-height:40px; height:40px; text-align:center; color:#fff;}*/

}
 @media only screen and (max-width:768px) {
.jg04 { width:100%; padding-top:35px; padding-bottom:40px; position:relative; z-index:1; background-color:#fff; }
.jg04 .title { width:94%; margin:auto; text-align:center; }
.jg04 .title span { font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.jg04 .title p { font-size:18px; line-height:26px; height:26px; overflow:hidden; }
.jg04 .title b { width:30px; height:2px; background-color:#333; margin:auto; margin-top:5px; display:block; overflow:hidden; }
.jg04 .box { width:94%; margin:auto; }
.jg04 .box strong { display:block; width:100%; margin:auto; overflow:hidden; margin-top:30px; }
.jg04 .box strong img { max-width:100%; display:block; margin:auto; }
.jg04 .box dl { width:100%; display:block; overflow:hidden; display:flex; flex-wrap:wrap; justify-content:center; margin-top:15px; }
.jg04 .box dl dt { display:block; margin:15px 3%; margin-bottom:0; overflow:hidden; width:44%; }
.jg04 .box dl dt img { width:100%; display:block; }
/*.jg04 .box ul{ width:100%; display:block; overflow:hidden; display:flex; flex-wrap:wrap;}

.jg04 .box ul li{ display:block; margin-top:15px; overflow:hidden; width:100%; border-bottom-right-radius:10px; border-top-left-radius:10px; background-color:#c30d23; position:relative;}

.jg04 .box ul li .wen{ width:calc(100% - 50px); padding:5px 15px; border-bottom-right-radius:10px; border-top-left-radius:10px; background-color:#f1f1f1; box-sizing:border-box; margin-top:10px;}

.jg04 .box ul li .wen b{ font-size:16px; line-height:26px; display:block; overflow:hidden;}

.jg04 .box ul li .wen p{ font-size:14px; line-height:24px; display:block; overflow:hidden; color:#666;}

.jg04 .box ul li:hover .wen b{ color:#c30d23;}

.jg04 .box ul li .tu{ width:50px; position:absolute; right:0; top:50%; margin-top:-17px; font-weight:bold; font-size:24px; line-height:34px; height:34px; text-align:center; color:#fff;}*/

}



/*施工管理*/

@media screen and (min-width:1280px) {
.jg05 { width:100%; padding-top:64px; padding-bottom:70px; position:relative; z-index:1; background-color:#fff; }
.jg05 .title { width:1200px; margin:auto; text-align:center; }
.jg05 .title span { font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#999; overflow:hidden; font-family:fine; }
.jg05 .title p { font-size:26px; line-height:36px; height:36px; overflow:hidden; }
.jg05 .title b { width:50px; height:2px; background-color:#333; margin:auto; margin-top:8px; display:block; overflow:hidden; }
.jg05 .box { width:1200px; margin:auto; margin-top:30px; position:relative; }
.jg05 .box .gallery-thumbs { width:100%; position:relative; z-index:1; overflow:hidden; }
.jg05 .box .gallery-thumbs .swiper-slide { height:110px; width:270px; display:block; cursor:pointer; margin-right:40px; }
.jg05 .box .gallery-thumbs .swiper-slide .k01 { width:100%; height:2px; background-color:#999; }
.jg05 .box .gallery-thumbs .swiper-slide .k01 p { width:80px; height:2px; display:block; background-color:#333; overflow:hidden; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.jg05 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .k01 p { background-color:#c30d23; }
.jg05 .box .gallery-thumbs .swiper-slide .k02 { width:100%; font-size:12px; height:20px; line-height:20px; color:#999; text-transform:uppercase; margin-top:10px; }
.jg05 .box .gallery-thumbs .swiper-slide .k03 { width:100%; font-size:18px; height:28px; line-height:28px; }
.jg05 .box .gallery-thumbs .swiper-slide .k04 { width:100%; font-size:40px; height:42px; line-height:42px; font-weight:bold; -webkit-transition:.5s; -moz-transition:.5s; -o-transition:.5s; transition:.5s; }
.jg05 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .k04 { color:#c30d23; height:40px; }
.jg05 .box .gallery-top { width:100%; overflow:hidden; position:relative; z-index:1; }
.jg05 .box .gallery-top .swiper-slide { width:100%; display:block; overflow:hidden; }
.jg05 .box .gallery-top .swiper-slide .left { width:700px; height:360px; float:left; }
.jg05 .box .gallery-top .swiper-slide .left img { width:100%; display:block; }
.jg05 .box .gallery-top .swiper-slide .right { padding:55px 30px; box-sizing:border-box; width:500px; height:360px; float:left; position: relative; background-color: #c30d23; }
.jg05 .box .gallery-top .swiper-slide .right .k01 { position: absolute; right: 30px; top: 35px; font-size: 30px; line-height: 32px; height: 32px; opacity: .1; color: #fff; }
.jg05 .box .gallery-top .swiper-slide .right .k02 { font-size: 20px; line-height: 30px; font-weight: bold; color: #fff; }
.jg05 .box .gallery-top .swiper-slide .right .k03 { font-size: 14px; line-height: 24px; opacity: .5; color: #fff; }
.jg05 .box .gallery-top .swiper-slide .right .k04 { font-size: 14px; line-height: 24px; color: #fff; margin-top: 15px; }
.jg05 .box .swi { position: absolute; right: 30px; bottom: 40px; z-index: 9; }
.jg05 .box .swiper-button-white { width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; background-color: #fff; margin-left: 10px; float: left; }
.jg05 .box .swiper-button-prev { background-image: url(../images/prev01.png); }
.jg05 .box .swiper-button-next { background-image: url(../images/next01.png); }
.jg05 .box .swiper-button-prev:hover { background-image: url(../images/prev02.png); }
.jg05 .box .swiper-button-next:hover { background-image: url(../images/next02.png); }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.jg05 { width: 100%; padding-top: 50px; padding-bottom: 55px; position: relative; z-index: 1; background-color: #fff; }
.jg05 .title { width: 94%; margin: auto; text-align: center; }
.jg05 .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg05 .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; }
.jg05 .title b { width: 40px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg05 .box { width: 94%; margin: auto; margin-top: 25px; position: relative; }
.jg05 .box .gallery-thumbs { width: 100%; position: relative; z-index: 1; overflow: hidden; }
.jg05 .box .gallery-thumbs .swiper-slide { height: 110px; width: 31%; display: block; cursor: pointer; margin-right: 3.5%; }
.jg05 .box .gallery-thumbs .swiper-slide .k01 { width: 100%; height: 2px; background-color: #999; }
.jg05 .box .gallery-thumbs .swiper-slide .k01 p { width: 60px; height: 2px; display: block; background-color: #333; overflow: hidden; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.jg05 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .k01 p { background-color: #c30d23; }
.jg05 .box .gallery-thumbs .swiper-slide .k02 { width: 100%; font-size: 12px; height: 20px; line-height: 20px; color: #999; text-transform: uppercase; margin-top: 10px; }
.jg05 .box .gallery-thumbs .swiper-slide .k03 { width: 100%; font-size: 18px; height: 28px; line-height: 28px; }
.jg05 .box .gallery-thumbs .swiper-slide .k04 { width: 100%; font-size: 40px; height: 42px; line-height: 42px; font-weight: bold; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.jg05 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .k04 { color: #c30d23; height: 40px; }
.jg05 .box .gallery-top { width: 100%; overflow: hidden; position: relative; z-index: 1; }
.jg05 .box .gallery-top .swiper-slide { width: 100%; display: block; overflow: hidden; }
.jg05 .box .gallery-top .swiper-slide .left { width: 58%; height: 28.03vw; float: left; }
.jg05 .box .gallery-top .swiper-slide .left img { width: 100%; display: block; }
.jg05 .box .gallery-top .swiper-slide .right { padding: 35px 25px; padding-bottom: 70px; box-sizing: border-box; width: 42%; height: 28.03vw; float: left; position: relative; background-color: #c30d23; overflow: auto; }
.jg05 .box .gallery-top .swiper-slide .right::-webkit-scrollbar {
width:5px;
height:1px;
}
.jg05 .box .gallery-top .swiper-slide .right::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#333;
}
.jg05 .box .gallery-top .swiper-slide .right::-webkit-scrollbar-track {
border-radius:10px;
background:rgba(0,0,0,0.7);
}
.jg05 .box .gallery-top .swiper-slide .right .k01 { position: absolute; right: 25px; top: 20px; font-size: 40px; line-height: 42px; height: 42px; opacity: .1; color: #fff; }
.jg05 .box .gallery-top .swiper-slide .right .k02 { font-size: 18px; line-height: 28px; font-weight: bold; color: #fff; }
.jg05 .box .gallery-top .swiper-slide .right .k03 { font-size: 14px; line-height: 24px; opacity: .5; color: #fff; }
.jg05 .box .gallery-top .swiper-slide .right .k04 { font-size: 14px; line-height: 24px; color: #fff; margin-top: 15px; }
.jg05 .box .swi { position: absolute; right: 25px; bottom: 30px; z-index: 9; }
.jg05 .box .swiper-button-white { width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; background-color: #fff; margin-left: 10px; float: left; }
.jg05 .box .swiper-button-prev { background-image: url(../images/prev01.png); }
.jg05 .box .swiper-button-next { background-image: url(../images/next01.png); }
.jg05 .box .swiper-button-prev:hover { background-image: url(../images/prev02.png); }
.jg05 .box .swiper-button-next:hover { background-image: url(../images/next02.png); }
}
 @media only screen and (max-width:768px) {
.jg05 { width: 100%; padding-top: 35px; padding-bottom: 40px; position: relative; z-index: 1; background-color: #fff; }
.jg05 .title { width: 94%; margin: auto; text-align: center; }
.jg05 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg05 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; }
.jg05 .title b { width: 30px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg05 .box { width: 94%; margin: auto; margin-top: 20px; position: relative; }
.jg05 .box .gallery-thumbs { width: 100%; position: relative; z-index: 1; overflow: hidden; }
.jg05 .box .gallery-thumbs .swiper-slide { height: 90px; width: 48.5%; display: block; cursor: pointer; margin-right: 3%; }
.jg05 .box .gallery-thumbs .swiper-slide .k01 { width: 100%; height: 2px; background-color: #999; }
.jg05 .box .gallery-thumbs .swiper-slide .k01 p { width: 40px; height: 2px; display: block; background-color: #333; overflow: hidden; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.jg05 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .k01 p { background-color: #c30d23; }
.jg05 .box .gallery-thumbs .swiper-slide .k02 { width: 100%; font-size: 12px; height: 20px; line-height: 20px; color: #999; text-transform: uppercase; margin-top: 5px; }
.jg05 .box .gallery-thumbs .swiper-slide .k03 { width: 100%; font-size: 16px; height: 26px; line-height: 26px; }
.jg05 .box .gallery-thumbs .swiper-slide .k04 { width: 100%; font-size: 30px; height: 32px; line-height: 32px; font-weight: bold; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.jg05 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active .k04 { color: #c30d23; height: 30px; }
.jg05 .box .gallery-top { width: 100%; overflow: hidden; position: relative; z-index: 1; background-color: #c30d23; }
.jg05 .box .gallery-top .swiper-slide { width: 100%; display: block; overflow: hidden; }
.jg05 .box .gallery-top .swiper-slide .left { width: 100%; height: 48.34vw; float: left; }
.jg05 .box .gallery-top .swiper-slide .left img { width: 100%; display: block; }
.jg05 .box .gallery-top .swiper-slide .right { padding: 15px; padding-bottom: 60px; box-sizing: border-box; width: 100%; float: left; position: relative; }
.jg05 .box .gallery-top .swiper-slide .right .k01 { position: absolute; right: 15px; top: 10px; font-size: 24px; line-height: 32px; height: 32px; opacity: .1; color: #fff; }
.jg05 .box .gallery-top .swiper-slide .right .k02 { font-size: 16px; line-height: 26px; font-weight: bold; color: #fff; }
.jg05 .box .gallery-top .swiper-slide .right .k03 { font-size: 14px; line-height: 24px; opacity: .5; color: #fff; }
.jg05 .box .gallery-top .swiper-slide .right .k04 { font-size: 14px; line-height: 24px; height: 120px; overflow: auto; color: #fff; margin-top: 10px; }
.jg05 .box .swi { position: absolute; right: 15px; bottom: 20px; z-index: 9; }
.jg05 .box .swiper-button-white { width: 34px; height: 34px; background-position: center; background-repeat: no-repeat; background-color: #fff; margin-left: 10px; float: left; }
.jg05 .box .swiper-button-prev { background-image: url(../images/prev01.png); }
.jg05 .box .swiper-button-next { background-image: url(../images/next01.png); }
.jg05 .box .swiper-button-prev:hover { background-image: url(../images/prev02.png); }
.jg05 .box .swiper-button-next:hover { background-image: url(../images/next02.png); }
}
 @media screen and (min-width:1280px) {
.jg06 { width: 100%; padding-top: 64px; padding-bottom: 70px; position: relative; z-index: 1; background-color: #f1f1f1; }
.jg06 .title { width: 1200px; margin: auto; text-align: center; }
.jg06 .title span { font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg06 .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; }
.jg06 .title b { width: 50px; height: 2px; background-color: #333; margin: auto; margin-top: 8px; display: block; overflow: hidden; }
.jg06 .box { width: 1198px; margin: auto; margin-top: 30px; position: relative; }
.jg06 .box .swiper-wrapper { display: flex; }
.jg06 .box .swiper-slide { width: 280px; padding-bottom: 35px; background-color: #fff; border-radius: 10px; margin-right: 26px; overflow: hidden; height: auto; }
.jg06 .box .swiper-slide .t01 { width: 100%; height: 200px; position: relative; z-index: 1; }
.jg06 .box .swiper-slide .t01 img { width: 100%; display: block; }
.jg06 .box .swiper-slide .t01 p { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 2; background-color: #c30d23; opacity: .7; }
.jg06 .box .swiper-slide .t01 b { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background-image: url(../images/jg06.png); z-index: 3; }
.jg06 .box .swiper-slide .t02 { width: 80px; height: 80px; border-radius: 100%; background-color: #fff; margin: auto; margin-top: -40px; box-shadow: 0 5px 10px rgba(0,0,0,.1); position: relative; z-index: 2; display: flex; align-items: center; }
.jg06 .box .swiper-slide .t02 img { max-height: 40px; max-width: 40px; display: block; margin: auto; }
.jg06 .box .swiper-slide .t03 { width: calc(100% - 40px); margin: 15px auto; margin-bottom: 10px; font-size: 18px; line-height: 28px; font-weight: bold; text-align: center; }
.jg06 .box .swiper-slide .t04 { width: calc(100% - 40px); margin: auto; font-size: 14px; line-height: 24px; color: #666; text-align: center; }
.jg06 .box .swiper-slide:hover .t03 { color: #d91f11; }
.jg06 .box .swi { width: 200px; height: 18px; padding-top: 27px; margin: auto; margin-top: 25px; position: relative; }
.jg06 .box .swi .swiper-button-prev { width: 12px; height: 18px; cursor: pointer; float: left; background-image: url(../images/prev01.png); }
.jg06 .box .swi .swiper-button-next { width: 12px; height: 18px; cursor: pointer; float: right; background-image: url(../images/next01.png); }
.jg06 .box .swi .swiper-button-prev:hover { background-image: url(../images/prev02.png); }
.jg06 .box .swi .swiper-button-next:hover { background-image: url(../images/next02.png); }
.jg06 .box .swi .swiper-pagination { width: 140px; height: 1px; position: absolute; left: 50%; margin-left: -70px; background-color: #ddd; bottom: 8px; }
.jg06 .box .swi .swiper-pagination .swiper-pagination-progressbar-fill { height: 2px; background-color: #c30d23; }
.jg06 .box .swi .swiper-num { width: 140px; height: 22px; line-height: 22px; text-align: center; position: absolute; left: 50%; margin-left: -70px; top: 0; }
.jg06 .box .swi .swiper-num .active { color: #c30d23; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.jg06 { width: 100%; padding-top: 50px; padding-bottom: 55px; position: relative; z-index: 1; background-color: #f1f1f1; }
.jg06 .title { width: 94%; margin: auto; text-align: center; }
.jg06 .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg06 .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; }
.jg06 .title b { width: 40px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg06 .box { width: 94%; margin: auto; margin-top: 25px; position: relative; }
.jg06 .box .swiper-wrapper { display: flex; }
.jg06 .box .swiper-slide { width: 32%; padding-bottom: 25px; background-color: #fff; border-radius: 10px; margin-right: 2%; overflow: hidden; height: auto; }
.jg06 .box .swiper-slide .t01 { width: 100%; height: 21.48vw; position: relative; z-index: 1; }
.jg06 .box .swiper-slide .t01 img { width: 100%; display: block; }
.jg06 .box .swiper-slide .t01 p { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 2; background-color: #c30d23; opacity: .7; }
.jg06 .box .swiper-slide .t01 b { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background-image: url(../images/jg06.png); background-size: 100% auto; background-repeat: no-repeat; background-position: bottom center; z-index: 3; }
.jg06 .box .swiper-slide .t02 { width: 80px; height: 80px; border-radius: 100%; background-color: #fff; margin: auto; margin-top: -40px; box-shadow: 0 5px 10px rgba(0,0,0,.1); position: relative; z-index: 2; display: flex; align-items: center; }
.jg06 .box .swiper-slide .t02 img { max-height: 40px; max-width: 40px; display: block; margin: auto; }
.jg06 .box .swiper-slide .t03 { width: calc(100% - 40px); margin: 10px auto; margin-bottom: 5px; font-size: 18px; line-height: 28px; font-weight: bold; text-align: center; }
.jg06 .box .swiper-slide .t04 { width: calc(100% - 40px); margin: auto; font-size: 14px; line-height: 24px; color: #666; text-align: center; }
.jg06 .box .swiper-slide:hover .t03 { color: #d91f11; }
.jg06 .box .swi { width: 200px; height: 18px; padding-top: 22px; margin: auto; margin-top: 20px; position: relative; }
.jg06 .box .swi .swiper-button-prev { width: 12px; height: 18px; cursor: pointer; float: left; background-image: url(../images/prev01.png); }
.jg06 .box .swi .swiper-button-next { width: 12px; height: 18px; cursor: pointer; float: right; background-image: url(../images/next01.png); }
.jg06 .box .swi .swiper-button-prev:hover { background-image: url(../images/prev02.png); }
.jg06 .box .swi .swiper-button-next:hover { background-image: url(../images/next02.png); }
.jg06 .box .swi .swiper-pagination { width: 140px; height: 1px; position: absolute; left: 50%; margin-left: -70px; background-color: #ddd; bottom: 8px; }
.jg06 .box .swi .swiper-pagination .swiper-pagination-progressbar-fill { height: 2px; background-color: #c30d23; }
.jg06 .box .swi .swiper-num { width: 140px; height: 22px; line-height: 22px; text-align: center; position: absolute; left: 50%; margin-left: -70px; top: 0; }
.jg06 .box .swi .swiper-num .active { color: #c30d23; }
}
 @media only screen and (max-width:768px) {
.jg06 { width: 100%; padding-top: 35px; padding-bottom: 40px; position: relative; z-index: 1; background-color: #f1f1f1; }
.jg06 .title { width: 94%; margin: auto; text-align: center; }
.jg06 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg06 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; }
.jg06 .title b { width: 30px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg06 .box { width: 94%; margin: auto; margin-top: 20px; position: relative; }
.jg06 .box .swiper-wrapper { display: flex; }
.jg06 .box .swiper-slide { width: 48.5%; padding-bottom: 15px; background-color: #fff; border-radius: 10px; margin-right: 3%; overflow: hidden; height: auto; }
.jg06 .box .swiper-slide .t01 { width: 100%; height: 32.26vw; position: relative; z-index: 1; }
.jg06 .box .swiper-slide .t01 img { width: 100%; display: block; }
.jg06 .box .swiper-slide .t01 p { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 2; background-color: #c30d23; opacity: .7; }
.jg06 .box .swiper-slide .t01 b { width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; background-image: url(../images/jg06.png); background-size: 100% auto; background-repeat: no-repeat; background-position: bottom center; z-index: 3; }
.jg06 .box .swiper-slide .t02 { width: 60px; height: 60px; border-radius: 100%; background-color: #fff; margin: auto; margin-top: -30px; box-shadow: 0 5px 10px rgba(0,0,0,.1); position: relative; z-index: 2; display: flex; align-items: center; }
.jg06 .box .swiper-slide .t02 img { max-height: 30px; max-width: 30px; display: block; margin: auto; }
.jg06 .box .swiper-slide .t03 { width: calc(100% - 40px); margin: 10px auto; margin-bottom: 0; font-size: 16px; line-height: 26px; font-weight: bold; text-align: center; }
.jg06 .box .swiper-slide .t04 { width: calc(100% - 40px); margin: auto; font-size: 14px; line-height: 24px; color: #666; text-align: center; }
.jg06 .box .swiper-slide:hover .t03 { color: #d91f11; }
.jg06 .box .swi { width: 200px; height: 18px; padding-top: 17px; margin: auto; margin-top: 15px; position: relative; }
.jg06 .box .swi .swiper-button-prev { width: 12px; height: 18px; cursor: pointer; float: left; background-image: url(../images/prev01.png); }
.jg06 .box .swi .swiper-button-next { width: 12px; height: 18px; cursor: pointer; float: right; background-image: url(../images/next01.png); }
.jg06 .box .swi .swiper-button-prev:hover { background-image: url(../images/prev02.png); }
.jg06 .box .swi .swiper-button-next:hover { background-image: url(../images/next02.png); }
.jg06 .box .swi .swiper-pagination { width: 140px; height: 1px; position: absolute; left: 50%; margin-left: -70px; background-color: #ddd; bottom: 8px; }
.jg06 .box .swi .swiper-pagination .swiper-pagination-progressbar-fill { height: 2px; background-color: #c30d23; }
.jg06 .box .swi .swiper-num { width: 140px; height: 22px; line-height: 22px; text-align: center; position: absolute; left: 50%; margin-left: -70px; top: 0; }
.jg06 .box .swi .swiper-num .active { color: #c30d23; }
}
 @media screen and (min-width:1280px) {
.jg07 { width: 100%; padding-top: 70px; padding-bottom: 70px; position: relative; z-index: 1; background-position: center; background-size: cover; background-repeat: no-repeat; }
.jg07 .bg { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1; }
.jg07 .box { width: 1200px; margin: auto; position: relative; z-index: 3; display: flex; align-items: center; }
.jg07 .box .left { width: 600px; height: 420px; margin: 5px 0; }
.jg07 .box .left img { width: 100%; display: block; }
.jg07 .box .right { width: 520px; margin-right: 70px; }
.jg07 .title { position: relative; z-index: 3; }
.jg07 .title span { font-size: 42px; line-height: 50px; height: 50px; text-transform: uppercase; color: #fff; overflow: hidden; font-family: fine; }
.jg07 .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; color: #fff; }
.jg07 .title b { width: 50px; height: 2px; background-color: #fff; margin-top: 8px; display: block; overflow: hidden; }
.jg07 .box .right .w04 { margin-top: 25px; font-size: 16px; line-height: 36px; color: #fff; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.jg07 { width: 100%; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 1; background-position: center; background-size: cover; background-repeat: no-repeat; }
.jg07 .bg { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1; }
.jg07 .box { width: 94%; margin: auto; position: relative; z-index: 3; display: flex; align-items: center; }
.jg07 .box .left { width: 50%; height: 32.712vw; margin: 5px 0; }
.jg07 .box .left img { width: 100%; display: block; }
.jg07 .box .right { width: 47%; margin-right: 3%; }
.jg07 .title { position: relative; z-index: 3; }
.jg07 .title span { font-size: 32px; line-height: 40px; height: 40px; text-transform: uppercase; color: #fff; overflow: hidden; font-family: fine; }
.jg07 .title p { width: 100%; font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; color: #fff; }
.jg07 .title b { width: 40px; height: 2px; background-color: #fff; margin-top: 5px; display: block; overflow: hidden; }
.jg07 .box .right .w04 { margin-top: 20px; font-size: 16px; line-height: 30px; color: #fff; }
}
 @media only screen and (max-width:768px) {
.jg07 { width: 100%; padding-top: 35px; padding-bottom: 40px; position: relative; z-index: 1; background-position: center; background-size: cover; background-repeat: no-repeat; }
.jg07 .bg { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1; }
.jg07 .title { width: 94%; margin: auto; text-align: center; position: relative; z-index: 3; }
.jg07 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #fff; overflow: hidden; font-family: fine; }
.jg07 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; color: #fff; }
.jg07 .title b { width: 30px; height: 2px; background-color: #fff; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg07 .box { width: 94%; margin: auto; margin-top: 20px; position: relative; z-index: 3; }
.jg07 .box .left { width: 100%; height: 56.4vw; margin-top: 15px; }
.jg07 .box .left img { width: 100%; display: block; }
.jg07 .box .right { width: 100%; }
.jg07 .box .right .w04 { font-size: 14px; line-height: 24px; color: #fff; margin-top: 15px; }
}
 @media screen and (min-width:1280px) {
.jg08 { width: 100%; padding-top: 64px; padding-bottom: 70px; position: relative; z-index: 1; background-color: #fff; }
.jg08 .title { width: 1200px; margin: auto; text-align: center; }
.jg08 .title span { font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg08 .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; }
.jg08 .title b { width: 50px; height: 2px; background-color: #333; margin: auto; margin-top: 8px; display: block; overflow: hidden; }
.jg08 .box { width: 1200px; margin: auto; position: relative; }
.jg08 .box a { width: 380px; height: 250px; display: block; background-color: #fff; margin-top: 30px; margin-left: 30px; float: left; position: relative; overflow: hidden; cursor: pointer; }
.jg08 .box a img { width: 100%; display: block; }
.jg08 .box a:nth-child(3n+1) { clear: left; float: left; margin-left: 0; }
.jg08 .box a span { width: 220px; padding: 0 20px; height: 40px; line-height: 40px; box-sizing: border-box; font-size: 16px; color: #fff; background-color: rgba(195,13,35,.7); position: absolute; left: 0; bottom: -40px; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.jg08 .box a:hover span { bottom: 0; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.jg08 { width: 100%; padding-top: 50px; padding-bottom: 55px; position: relative; z-index: 1; background-color: #fff; }
.jg08 .title { width: 94%; margin: auto; text-align: center; }
.jg08 .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg08 .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; }
.jg08 .title b { width: 40px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg08 .box { width: 94%; margin: auto; position: relative; }
.jg08 .box a { width: 32%; height: 19.78vw; display: block; background-color: #fff; margin-top: 25px; margin-left: 2%; float: left; position: relative; overflow: hidden; cursor: pointer; }
.jg08 .box a img { width: 100%; display: block; }
.jg08 .box a:nth-child(3n+1) { clear: left; float: left; margin-left: 0; }
.jg08 .box a span { width: 220px; max-width: 100%; padding: 0 15px; height: 36px; line-height: 36px; box-sizing: border-box; font-size: 16px; color: #fff; background-color: rgba(195,13,35,.7); position: absolute; left: 0; bottom: -40px; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.jg08 .box a:hover span { bottom: 0; }
}
 @media only screen and (max-width:768px) {
.jg08 { width: 100%; padding-top: 35px; padding-bottom: 40px; position: relative; z-index: 1; background-color: #fff; }
.jg08 .title { width: 94%; margin: auto; text-align: center; }
.jg08 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg08 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; }
.jg08 .title b { width: 30px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg08 .box { width: 94%; margin: auto; padding-top: 5px; position: relative; }
.jg08 .box a { width: 48.5%; height: 29.99vw; display: block; background-color: #fff; margin-top: 15px; margin-left: 3%; float: left; position: relative; overflow: hidden; cursor: pointer; }
.jg08 .box a img { width: 100%; display: block; }
.jg08 .box a:nth-child(2n+1) { clear: left; float: left; margin-left: 0; }
.jg08 .box a span { width: 220px; max-width: 100%; padding: 0 10px; height: 30px; line-height: 30px; box-sizing: border-box; font-size: 14px; color: #fff; background-color: rgba(195,13,35,.7); position: absolute; left: 0; bottom: -40px; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.jg08 .box a:hover span { bottom: 0; }
}
 @media screen and (min-width:1280px) {
.jg09 { width: 100%; padding-top: 64px; padding-bottom: 70px; position: relative; z-index: 1; background-color: #f1f1f1; }
.jg09 .title { width: 1200px; margin: auto; text-align: center; }
.jg09 .title span { font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg09 .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; }
.jg09 .title b { width: 50px; height: 2px; background-color: #333; margin: auto; margin-top: 8px; display: block; overflow: hidden; }
.jg09 .box { width: 1198px; margin: auto; margin-top: 30px; position: relative; }
.jg09 .box .swiper-container { width: 1198px; margin: auto; position: relative; overflow: hidden; display: block; }
.jg09 .box .swiper-wrapper { display: flex; }
.jg09 .box .swiper-container .swiper-slide { width: 280px; display: block; padding-bottom: 76px; background-color: #fff; background-image: url(../images/jg09.jpg); background-size: 100% 100%; margin-right: 26px; height: auto; }
.jg09 .box .swiper-container .swiper-slide:hover { background-image: url(../images/jg09h.jpg); }
.jg09 .box .swiper-container .swiper-slide .t01 { width: 130px; height: 130px; border-radius: 100%; margin: 25px auto; margin-top: 50px; border: 5px solid #ededed; }
.jg09 .box .swiper-container .swiper-slide .t01 img { width: 100%; display: block; }
.jg09 .box .swiper-container .swiper-slide .t02 { width: calc(100% - 60px); margin: auto; font-size: 18px; line-height: 28px; font-weight: bold; text-align: center; }
.jg09 .box .swiper-container .swiper-slide .t03 { width: calc(100% - 60px); margin: 19px auto; text-align: center; font-size: 14px; line-height: 24px; margin-top: 10px; }
.jg09 .box .swiper-container .swiper-slide .t04 { width: 140px; height: 36px; position: absolute; left: 50%; margin-left: -70px; bottom: 40px; line-height: 36px; font-size: 14px; text-align: center; border-radius: 36px; background: #c30d23; color: #fff; text-transform: uppercase; }
.jg09 .box .swiper-container .swiper-slide:hover:hover .t02, .jg09 .box .swiper-container .swiper-slide:hover:hover .t03 { color: #fff; }
.jg09 .box .swiper-container .swiper-slide:hover:hover .t04 { background: #fff; color: #c30d23; }
.jg09 .box .swiper-pagination { width: 100%; display: flex; justify-content: center; margin-top: 30px; }
.jg09 .box .swiper-pagination span { display: block; width: 40px; height: 6px; border-radius: 10px; background-color: #999; overflow: hidden; margin: 0 5px; }
.jg09 .box .swiper-pagination span.swiper-pagination-bullet-active { background: #c30d23; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.jg09 { width: 100%; padding-top: 50px; padding-bottom: 55px; position: relative; z-index: 1; background-color: #f1f1f1; }
.jg09 .title { width: 94%; margin: auto; text-align: center; }
.jg09 .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg09 .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; }
.jg09 .title b { width: 40px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg09 .box { width: 94%; margin: auto; margin-top: 25px; position: relative; }
.jg09 .box .swiper-container { width: 100%; margin: auto; position: relative; overflow: hidden; display: block; }
.jg09 .box .swiper-container .swiper-slide { width: 32%; display: block; padding-top: 40px; padding-bottom: 76px; background-color: #fff; background-image: url(../images/jg09.jpg); margin-right: 2%; background-size: 100% 100%; height: auto; }
.jg09 .box .swiper-container .swiper-slide:hover { background-image: url(../images/jg09h.jpg); }
.jg09 .box .swiper-container .swiper-slide .t01 { width: 130px; height: 130px; border-radius: 100%; margin: 15px auto; margin-top: 0; border: 5px solid #ededed; }
.jg09 .box .swiper-container .swiper-slide .t01 img { width: 100%; display: block; }
.jg09 .box .swiper-container .swiper-slide .t02 { width: calc(100% - 50px); margin: auto; font-size: 18px; line-height: 28px; font-weight: bold; text-align: center; }
.jg09 .box .swiper-container .swiper-slide .t03 { width: calc(100% - 50px); margin: 10px auto; text-align: center; font-size: 14px; line-height: 24px; margin-top: 5px; }
.jg09 .box .swiper-container .swiper-slide .t04 { width: 140px; height: 36px; position: absolute; left: 50%; margin-left: -70px; bottom: 40px; line-height: 36px; font-size: 14px; text-align: center; border-radius: 36px; background: #c30d23; color: #fff; text-transform: uppercase; }
.jg09 .box .swiper-container .swiper-slide:hover:hover .t02, .jg09 .box .swiper-container .swiper-slide:hover:hover .t03 { color: #fff; }
.jg09 .box .swiper-container .swiper-slide:hover:hover .t04 { background: #fff; color: #c30d23; }
.jg09 .box .swiper-pagination { width: 100%; display: flex; justify-content: center; margin-top: 25px; }
.jg09 .box .swiper-pagination span { display: block; width: 30px; height: 5px; border-radius: 10px; background-color: #999; overflow: hidden; margin: 0 5px; }
.jg09 .box .swiper-pagination span.swiper-pagination-bullet-active { background: #c30d23; }
}
 @media only screen and (max-width:768px) {
.jg09 { width: 100%; padding-top: 35px; padding-bottom: 40px; position: relative; z-index: 1; background-color: #f1f1f1; }
.jg09 .title { width: 94%; margin: auto; text-align: center; }
.jg09 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg09 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; }
.jg09 .title b { width: 30px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg09 .box { width: 94%; margin: auto; padding-top: 20px; position: relative; }
.jg09 .box .swiper-container { width: 100%; margin: auto; position: relative; overflow: hidden; display: block; }
.jg09 .box .swiper-container .swiper-slide { width: 48.5%; display: block; padding-top: 30px; padding-bottom: 60px; background-color: #fff; background-image: url(../images/jg09.jpg); margin-right: 3%; background-size: 100% 100%; height: auto; }
.jg09 .box .swiper-container .swiper-slide:hover { background-image: url(../images/jg09h.jpg); }
.jg09 .box .swiper-container .swiper-slide .t01 { width: 100px; height: 100px; border-radius: 100%; margin: 10px auto; margin-top: 0; border: 2px solid #ededed; }
.jg09 .box .swiper-container .swiper-slide .t01 img { width: 100%; display: block; }
.jg09 .box .swiper-container .swiper-slide .t02 { width: calc(100% - 30px); margin: auto; font-size: 16px; line-height: 26px; font-weight: bold; text-align: center; }
.jg09 .box .swiper-container .swiper-slide .t03 { width: calc(100% - 30px); margin: auto; margin-bottom: 5px; text-align: center; font-size: 14px; line-height: 24px; }
.jg09 .box .swiper-container .swiper-slide .t04 { width: 120px; height: 30px; position: absolute; left: 50%; margin-left: -60px; bottom: 30px; line-height: 30px; font-size: 12px; text-align: center; border-radius: 36px; background: #c30d23; color: #fff; text-transform: uppercase; }
.jg09 .box .swiper-container .swiper-slide:hover:hover .t02, .jg09 .box .swiper-container .swiper-slide:hover:hover .t03 { color: #fff; }
.jg09 .box .swiper-container .swiper-slide:hover:hover .t04 { background: #fff; color: #c30d23; }
.jg09 .box .swiper-pagination { width: 100%; display: flex; justify-content: center; margin-top: 20px; }
.jg09 .box .swiper-pagination span { display: block; width: 20px; height: 4px; border-radius: 10px; background-color: #999; overflow: hidden; margin: 0 5px; }
.jg09 .box .swiper-pagination span.swiper-pagination-bullet-active { background: #c30d23; }
}
 @media screen and (min-width:1280px) {
.jg10 { width: 100%; padding-top: 64px; padding-bottom: 70px; position: relative; z-index: 1; background-position: center; background-size: cover; background-repeat: no-repeat; }
.jg10 .bg { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1; }
.jg10 .title { width: 1200px; margin: auto; text-align: center; position: relative; z-index: 3; }
.jg10 .title span { font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #fff; overflow: hidden; font-family: fine; }
.jg10 .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; color: #fff; }
.jg10 .title b { width: 50px; height: 2px; background-color: #fff; margin: auto; margin-top: 8px; display: block; overflow: hidden; }
.jg10 .box { width: 1200px; margin: auto; position: relative; z-index: 3; display: flex; align-items: center; }
.jg10 .box .list { width: 100%; display: block; padding-top: 135px; }
.jg10 .box .list li { width: 230px; height: 257px; background-image: url(../images/jg10.png); background-position: top center; background-repeat: no-repeat; overflow: hidden; float: left; position: relative; margin-left: 47px; margin-top: -105px; }
.jg10 .box .list li:nth-child(1) { margin-left: 0; }
.jg10 .box .list li:nth-child(5) { margin-left: 139px; }
.jg10 .box .list li:nth-child(9) { margin-left: 0; }
.jg10 .box .list li:nth-child(13) { margin-left: 139px; }
.jg10 .box .list li b { width: 70px; height: 70px; line-height: 70px; display: block; text-align: center; font-size: 24px; color: #c30d23; margin: auto; }
.jg10 .box .list li p { width: 230px; height: 230px; position: absolute; left: 0; bottom: 0; display: flex; align-items: center; overflow: hidden; }
.jg10 .box .list li p span { display: block; width: 190px; margin: auto; text-align: center; }
.jg10 .box .list li p span strong { font-size: 18px; line-height: 28px; display: block; overflow: hidden; }
.jg10 .box .list li p span a { font-size: 14px; line-height: 22px; display: block; overflow: hidden; color: #666; margin-top: 5px; }
.jg10 .box .list li:hover { background-image: url(../images/jg10h.png); }
.jg10 .box .list li:hover b { color: #fff; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.jg10 { width: 100%; padding-top: 50px; padding-bottom: 55px; position: relative; z-index: 1; background-position: center; background-size: cover; background-repeat: no-repeat; }
.jg10 .bg { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1; }
.jg10 .title { width: 94%; margin: auto; text-align: center; position: relative; z-index: 3; }
.jg10 .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #fff; overflow: hidden; font-family: fine; }
.jg10 .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; color: #fff; }
.jg10 .title b { width: 40px; height: 2px; background-color: #fff; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg10 .box { width: 94%; margin: auto; position: relative; z-index: 3; display: flex; align-items: center; }
.jg10 .box .list { width: 100%; display: block; padding-top: 110px; }
.jg10 .box .list li { width: 19%; height: 20vw; background-image: url(../images/jg10.png); background-position: top center; background-repeat: no-repeat; overflow: hidden; float: left; position: relative; margin-left: 4.2%; margin-top: -85px; background-size: 100% 100%; }
.jg10 .box .list li:nth-child(1) { margin-left: 0; }
.jg10 .box .list li:nth-child(5) { margin-left: 11.4%; }
.jg10 .box .list li:nth-child(9) { margin-left: 0; }
.jg10 .box .list li:nth-child(13) { margin-left: 11.4%; }
.jg10 .box .list li b { width: 5.44vw; height: 5.44vw; line-height: 5.44vw; display: block; text-align: center; font-size: 20px; color: #c30d23; margin: auto; }
.jg10 .box .list li p { width: 100%; height: 17.86vw; position: absolute; left: 0; bottom: 0; display: flex; align-items: center; overflow: hidden; }
.jg10 .box .list li p span { display: block; width: 75%; margin: auto; text-align: center; }
.jg10 .box .list li p span strong { font-size: 18px; line-height: 28px; display: block; overflow: hidden; }
.jg10 .box .list li p span a { font-size: 14px; line-height: 22px; display: block; overflow: hidden; color: #666; margin-top: 3px; }
.jg10 .box .list li:hover { background-image: url(../images/jg10h.png); }
.jg10 .box .list li:hover b { color: #fff; }
}
 @media only screen and (max-width:768px) {
.jg10 { width: 100%; padding-top: 35px; padding-bottom: 40px; position: relative; z-index: 1; background-position: center; background-size: cover; background-repeat: no-repeat; }
.jg10 .bg { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1; }
.jg10 .title { width: 94%; margin: auto; text-align: center; position: relative; z-index: 3; }
.jg10 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #fff; overflow: hidden; font-family: fine; }
.jg10 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; color: #fff; }
.jg10 .title b { width: 30px; height: 2px; background-color: #fff; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg10 .box { width: 94%; margin: auto; position: relative; z-index: 3; }
.jg10 .box .list { width: 100%; display: flex; flex-wrap: wrap; padding-top: 5px; }
.jg10 .box .list li { width: 22.75%;/* background-image:url(../images/jg10.png); background-position:top center; background-repeat:no-repeat;*/ overflow: hidden; float: left; position: relative; margin-left: 3%; margin-top: 15px; background-size: 100% 100%; background-color: rgba(255,255,255,.3); padding: 10px; box-sizing: border-box; border-radius: 3px; }
.jg10 .box .list li:nth-child(4n+1) { clear: left; float: left; margin-left: 0; }
.jg10 .box .list li b { width: 30px; height: 30px; line-height: 30px; display: block; background-color: #fff; text-align: center; font-size: 16px; color: #c30d23; margin: auto; border-radius: 100%; }
.jg10 .box .list li p { width: 100%; overflow: hidden; }
.jg10 .box .list li p span { display: block; width: 100%; margin: auto; text-align: center; margin-top: 5px; }
.jg10 .box .list li p span strong { font-size: 14px; line-height: 1.2; display: block; overflow: hidden; color: #fff; }
.jg10 .box .list li p span a { font-size: 12px; line-height: 1.2; display: block; overflow: hidden; color: #fff; margin-top: 2px; }
/*.jg10 .box .list li:hover{ background-image:url(../images/jg10h.png);}

.jg10 .box .list li:hover b{ color:#fff;}*/

}



/*严选材料*/

@media screen and (min-width:1280px) {
.jg11 { width: 100%; padding-top: 64px; padding-bottom: 70px; position: relative; z-index: 1; background-color: #fff; }
.jg11 .title { width: 1200px; margin: auto; text-align: center; }
.jg11 .title span { font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg11 .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; }
.jg11 .title b { width: 50px; height: 2px; background-color: #333; margin: auto; margin-top: 8px; display: block; overflow: hidden; }
.jg11 .box { width: 1200px; margin: auto; margin-top: 30px; position: relative; }
.jg11 .box .left { width: 500px; height: 360px; padding: 20px 20px 30px 30px; float: left; position: relative; }
.jg11 .box .left img { width: 100%; display: block; position: relative; z-index: 3; }
.jg11 .box .left b { width: 190px; height: 140px; display: block; position: absolute; right: 0; top: 0; background-color: #c30d23; z-index: 1; }
.jg11 .box .left p { width: 190px; height: 190px; display: block; position: absolute; left: 0; bottom: 0; background-color: #c30d23; z-index: 1; }
.jg11 .box .right { width: 580px; float: right; padding-top: 25px; position: relative; }
.jg11 .box .right .w01 { position: absolute; right: 0; top: 30px; }
.jg11 .box .right .w01 img { display: block; }
.jg11 .box .right .w02 { font-weight: bold; font-size: 24px; line-height: 34px; }
.jg11 .box .right .w03 { width: 100%; margin-top: 5px; }
.jg11 .box .right .w03 p { display: block; float: left; overflow: hidden; position: relative; padding-right: 30px; }
.jg11 .box .right .w03 p span { display: block; font-size: 16px; line-height: 24px; overflow: hidden; position: relative; z-index: 3; color: #666; text-transform: uppercase; }
.jg11 .box .right .w03 p b { width: 200px; height: 10px; border-radius: 10px; position: absolute; right: 0; bottom: 2px; z-index: 1; background: linear-gradient(to right, #c30e23, #e54f61); }
.jg11 .box .right .w04 { font-size: 14px; line-height: 30px; margin-top: 20px; }
.jg11 .box .right .w05 { width: 100%; display: block; padding-top: 12px; }
.jg11 .box .right .w05 li { display: block; float: left; margin-top: 25px; overflow: hidden; width: 270px; margin-left: 40px; }
.jg11 .box .right .w05 li:nth-child(2n+1) { clear: left; float: left; margin-left: 0; }
.jg11 .box .right .w05 li strong { height: 20px; padding-top: 21px; display: block; float: left; }
.jg11 .box .right .w05 li strong img { display: block; height: 20px; }
.jg11 .box .right .w05 li b { display: block; color: #c30d23; margin: 0 10px; float: left; font-size: 48px; line-height: 48px; height: 48px; overflow: hidden; }
.jg11 .box .right .w05 li p { display: block; font-size: 14px; line-height: 20px; padding: 4px 0; height: 40px; overflow: hidden; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.jg11 { width: 100%; padding-top: 50px; padding-bottom: 55px; position: relative; z-index: 1; background-color: #fff; }
.jg11 .title { width: 94%; margin: auto; text-align: center; }
.jg11 .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg11 .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; }
.jg11 .title b { width: 40px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg11 .box { width: 94%; margin: auto; margin-top: 25px; position: relative; }
.jg11 .box .left { width: 42%; height: 28.4256vw; padding: 15px 15px 25px 25px; float: left; position: relative; }
.jg11 .box .left img { width: 100%; display: block; position: relative; z-index: 3; }
.jg11 .box .left b { width: 170px; height: 120px; display: block; position: absolute; right: 0; top: 0; background-color: #c30d23; z-index: 1; }
.jg11 .box .left p { width: 170px; height: 170px; display: block; position: absolute; left: 0; bottom: 0; background-color: #c30d23; z-index: 1; }
.jg11 .box .right { width: calc(55% - 40px); float: right; padding-top: 15px; position: relative; }
.jg11 .box .right .w01 { position: absolute; right: 0; top: 20px; }
.jg11 .box .right .w01 img { display: block; }
.jg11 .box .right .w02 { font-weight: bold; font-size: 20px; line-height: 30px; }
.jg11 .box .right .w03 { width: 100%; }
.jg11 .box .right .w03 p { display: block; float: left; overflow: hidden; position: relative; padding-right: 20px; }
.jg11 .box .right .w03 p span { display: block; font-size: 16px; line-height: 24px; overflow: hidden; position: relative; z-index: 3; color: #666; text-transform: uppercase; }
.jg11 .box .right .w03 p b { width: 200px; height: 10px; border-radius: 10px; position: absolute; right: 0; bottom: 2px; z-index: 1; background: linear-gradient(to right, #c30e23, #e54f61); }
.jg11 .box .right .w04 { font-size: 14px; line-height: 26px; margin-top: 10px; }
.jg11 .box .right .w05 { width: 100%; display: block; padding-top: 2px; }
.jg11 .box .right .w05 li { display: block; float: left; margin-top: 10px; overflow: hidden; width: 48%; margin-left: 4%; }
.jg11 .box .right .w05 li:nth-child(2n+1) { clear: left; float: left; margin-left: 0; }
.jg11 .box .right .w05 li strong { height: 20px; padding-top: 21px; display: block; float: left; }
.jg11 .box .right .w05 li strong img { display: block; height: 20px; }
.jg11 .box .right .w05 li b { display: block; color: #c30d23; margin: 0 7px; float: left; font-size: 48px; line-height: 48px; height: 48px; overflow: hidden; }
.jg11 .box .right .w05 li p { display: block; font-size: 14px; line-height: 20px; padding: 4px 0; height: 40px; overflow: hidden; }
}
 @media only screen and (max-width:768px) {
.jg11 { width: 100%; padding-top: 35px; padding-bottom: 35px; position: relative; z-index: 1; background-color: #fff; }
.jg11 .title { width: 94%; margin: auto; text-align: center; }
.jg11 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg11 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; }
.jg11 .title b { width: 30px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg11 .box { width: 94%; margin: auto; padding-top: 10px; position: relative; }
.jg11 .box .left { width: 100%; padding: 10px 10px 15px 15px; float: left; position: relative; }
.jg11 .box .left img { width: calc(100% - 25px); display: block; position: relative; z-index: 3; }
.jg11 .box .left b { width: 150px; height: 100px; display: block; position: absolute; right: 0; top: 0; background-color: #c30d23; z-index: 1; }
.jg11 .box .left p { width: 150px; height: 150px; display: block; position: absolute; left: 0; bottom: 0; background-color: #c30d23; z-index: 1; }
.jg11 .box .right { width: 100%; float: right; padding-top: 10px; position: relative; }
.jg11 .box .right .w01 { position: absolute; right: 0; top: 15px; }
.jg11 .box .right .w01 img { display: block; }
.jg11 .box .right .w02 { width: calc(100% - 70px); font-weight: bold; font-size: 16px; line-height: 26px; }
.jg11 .box .right .w03 { width: calc(100% - 70px); }
.jg11 .box .right .w03 p { display: block; float: left; overflow: hidden; position: relative; padding-right: 10px; }
.jg11 .box .right .w03 p span { display: block; font-size: 14px; line-height: 20px; overflow: hidden; position: relative; z-index: 3; color: #666; text-transform: uppercase; }
.jg11 .box .right .w03 p b { width: 100px; height: 6px; border-radius: 10px; position: absolute; right: 0; bottom: 0; z-index: 1; background: linear-gradient(to right, #c30e23, #e54f61); }
.jg11 .box .right .w04 { font-size: 14px; line-height: 24px; margin-top: 10px; }
.jg11 .box .right .w05 { width: 100%; display: block; }
.jg11 .box .right .w05 li { display: block; float: left; margin-top: 10px; overflow: hidden; width: 48.5%; margin-left: 3%; }
.jg11 .box .right .w05 li:nth-child(2n+1) { clear: left; float: left; margin-left: 0; }
.jg11 .box .right .w05 li strong { height: 20px; padding-top: 15px; display: block; float: left; }
.jg11 .box .right .w05 li strong img { display: block; height: 20px; }
.jg11 .box .right .w05 li b { display: block; color: #c30d23; margin: 0 5px; float: left; font-size: 38px; line-height: 40px; height: 40px; overflow: hidden; }
.jg11 .box .right .w05 li p { display: block; font-size: 14px; line-height: 20px; height: 40px; overflow: hidden; }
}
 @media screen and (min-width:1280px) {
.jg12 { width: 100%; padding-top: 64px; padding-bottom: 70px; position: relative; z-index: 1; background-color: #f1f1f1; }
.jg12 .title { width: 1200px; margin: auto; text-align: center; }
.jg12 .title span { font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg12 .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; }
.jg12 .title b { width: 50px; height: 2px; background-color: #333; margin: auto; margin-top: 8px; display: block; overflow: hidden; }
.jg12 .box { width: 1200px; margin: auto; margin-top: 30px; position: relative; }
.jg12 .box .gallery-top { width: 100%; overflow: hidden; position: relative; z-index: 1; }
.jg12 .box .gallery-top .swiper-slide { width: 100%; display: block; overflow: hidden; position: relative; }
.jg12 .box .gallery-top .swiper-slide .left { width: 640px; height: 350px; float: left; }
.jg12 .box .gallery-top .swiper-slide .left img { width: 100%; display: block; }
.jg12 .box .gallery-top .swiper-slide .right { padding: 35px 40px; box-sizing: border-box; width: 600px; height: 280px; position: absolute; right: 0; top: 50%; margin-top: -140px; background-color: #fff; }
.jg12 .box .gallery-top .swiper-slide .right .k01 { position: relative; padding-left: 10px; }
.jg12 .box .gallery-top .swiper-slide .right .k01 p { display: block; font-size: 20px; line-height: 30px; font-weight: bold; position: relative; z-index: 3; }
.jg12 .box .gallery-top .swiper-slide .right .k01 b { width: 100px; height: 8px; border-radius: 10px; position: absolute; left: 0; bottom: 0; z-index: 1; background: linear-gradient(to right, #c30e23, #e54f61); }
.jg12 .box .gallery-top .swiper-slide .right .k02 { margin-top: 12px; font-size: 14px; line-height: 30px; color: #666; }
.jg12 .box .gallery-thumbs { width: 100%; position: relative; z-index: 1; overflow: hidden; margin-top: 20px; }
.jg12 .box .gallery-thumbs .swiper-slide { width: 285px; height: 150px; display: block; cursor: pointer; margin-right: 20px; position: relative; }
.jg12 .box .gallery-thumbs .swiper-slide img { width: 100%; display: block; }
.jg12 .box .gallery-thumbs .swiper-slide b { width: 100%; height: 100%; border: 5px solid #c30d23; box-sizing: border-box; position: absolute; left: 0; top: 0; opacity: 0; display: block; overflow: hidden; }
.jg12 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b { opacity: 1; }
.jg12 .box .swi { position: absolute; right: 40px; bottom: 75px; z-index: 9; }
.jg12 .box .swiper-button-white { width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; background-color: #f1f1f1; margin-left: 10px; float: left; }
.jg12 .box .swiper-button-prev { background-image: url(../images/prev01.png); }
.jg12 .box .swiper-button-next { background-image: url(../images/next01.png); }
.jg12 .box .swiper-button-prev:hover { background-image: url(../images/prev02.png); }
.jg12 .box .swiper-button-next:hover { background-image: url(../images/next02.png); }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.jg12 { width: 100%; padding-top: 50px; padding-bottom: 55px; position: relative; z-index: 1; background-color: #f1f1f1; }
.jg12 .title { width: 94%; margin: auto; text-align: center; }
.jg12 .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg12 .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; }
.jg12 .title b { width: 40px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg12 .box { width: 94%; margin: auto; margin-top: 25px; position: relative; }
.jg12 .box .gallery-top { width: 100%; overflow: hidden; position: relative; z-index: 1; }
.jg12 .box .gallery-top .swiper-slide { width: 100%; display: block; overflow: hidden; position: relative; }
.jg12 .box .gallery-top .swiper-slide .left { height: 300px; float: left; }
.jg12 .box .gallery-top .swiper-slide .left img { height: 300px; display: block; }
.jg12 .box .gallery-top .swiper-slide .right { padding: 25px 30px; box-sizing: border-box; width: 50%; height: 250px; position: absolute; right: 0; top: 50%; margin-top: -125px; background-color: #fff; }
.jg12 .box .gallery-top .swiper-slide .right .k01 { position: relative; padding-left: 10px; }
.jg12 .box .gallery-top .swiper-slide .right .k01 p { display: block; font-size: 18px; line-height: 28px; font-weight: bold; position: relative; z-index: 3; }
.jg12 .box .gallery-top .swiper-slide .right .k01 b { width: 80px; height: 8px; border-radius: 10px; position: absolute; left: 0; bottom: 0; z-index: 1; background: linear-gradient(to right, #c30e23, #e54f61); }
.jg12 .box .gallery-top .swiper-slide .right .k02 { margin-top: 12px; font-size: 14px; line-height: 26px; color: #666; }
.jg12 .box .gallery-thumbs { width: 100%; position: relative; z-index: 1; overflow: hidden; margin-top: 20px; }
.jg12 .box .gallery-thumbs .swiper-slide { width: 32%; height: 15.83vw; display: block; cursor: pointer; margin-right: 2%; position: relative; }
.jg12 .box .gallery-thumbs .swiper-slide img { width: 100%; display: block; }
.jg12 .box .gallery-thumbs .swiper-slide b { width: 100%; height: 100%; border: 4px solid #c30d23; box-sizing: border-box; position: absolute; left: 0; top: 0; opacity: 0; display: block; overflow: hidden; }
.jg12 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b { opacity: 1; }
.jg12 .box .swi { position: absolute; right: 30px; bottom: 50px; z-index: 9; }
.jg12 .box .swiper-button-white { width: 40px; height: 40px; background-position: center; background-repeat: no-repeat; background-color: #f1f1f1; margin-left: 10px; float: left; }
.jg12 .box .swiper-button-prev { background-image: url(../images/prev01.png); }
.jg12 .box .swiper-button-next { background-image: url(../images/next01.png); }
.jg12 .box .swiper-button-prev:hover { background-image: url(../images/prev02.png); }
.jg12 .box .swiper-button-next:hover { background-image: url(../images/next02.png); }
}
 @media only screen and (max-width:768px) {
.jg12 { width: 100%; padding-top: 35px; padding-bottom: 40px; position: relative; z-index: 1; background-color: #f1f1f1; }
.jg12 .title { width: 94%; margin: auto; text-align: center; }
.jg12 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg12 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; }
.jg12 .title b { width: 30px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg12 .box { width: 94%; margin: auto; margin-top: 20px; position: relative; }
.jg12 .box .gallery-top { width: 100%; overflow: hidden; position: relative; z-index: 1; }
.jg12 .box .gallery-top .swiper-slide { width: 100%; display: block; overflow: hidden; position: relative; }
.jg12 .box .gallery-top .swiper-slide .left { width: 100%; height: 51.4vw; }
.jg12 .box .gallery-top .swiper-slide .left img { width: 100%; display: block; }
.jg12 .box .gallery-top .swiper-slide .right { padding: 15px; padding-bottom: 70px; box-sizing: border-box; width: 100%; background-color: #fff; }
.jg12 .box .gallery-top .swiper-slide .right .k01 { position: relative; padding-left: 5px; }
.jg12 .box .gallery-top .swiper-slide .right .k01 p { display: block; font-size: 16px; line-height: 26px; font-weight: bold; position: relative; z-index: 3; }
.jg12 .box .gallery-top .swiper-slide .right .k01 b { width: 60px; height: 6px; border-radius: 10px; position: absolute; left: 0; bottom: 3px; z-index: 1; background: linear-gradient(to right, #c30e23, #e54f61); }
.jg12 .box .gallery-top .swiper-slide .right .k02 { margin-top: 7px; font-size: 14px; line-height: 24px; color: #666; }
.jg12 .box .gallery-thumbs { width: 100%; position: relative; z-index: 1; overflow: hidden; margin-top: 10px; }
.jg12 .box .gallery-thumbs .swiper-slide { width: 48.5%; height: 23.99vw; display: block; cursor: pointer; margin-right: 3%; position: relative; }
.jg12 .box .gallery-thumbs .swiper-slide img { width: 100%; display: block; }
.jg12 .box .gallery-thumbs .swiper-slide b { width: 100%; height: 100%; border: 3px solid #c30d23; box-sizing: border-box; position: absolute; left: 0; top: 0; opacity: 0; display: block; overflow: hidden; }
.jg12 .box .gallery-thumbs .swiper-slide.swiper-slide-thumb-active b { opacity: 1; }
.jg12 .box .swi { position: absolute; right: 15px; bottom: 20px; z-index: 9; }
.jg12 .box .swiper-button-white { width: 34px; height: 34px; background-position: center; background-repeat: no-repeat; background-color: #f1f1f1; margin-left: 10px; float: left; }
.jg12 .box .swiper-button-prev { background-image: url(../images/prev01.png); }
.jg12 .box .swiper-button-next { background-image: url(../images/next01.png); }
.jg12 .box .swiper-button-prev:hover { background-image: url(../images/prev02.png); }
.jg12 .box .swiper-button-next:hover { background-image: url(../images/next02.png); }
}
 @media screen and (min-width:1280px) {
.jg13 { width: 100%; padding-top: 64px; padding-bottom: 70px; position: relative; z-index: 1; background-color: #fff; }
.jg13 .title { width: 1200px; margin: auto; text-align: center; }
.jg13 .title span { font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg13 .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; }
.jg13 .title b { width: 50px; height: 2px; background-color: #333; margin: auto; margin-top: 8px; display: block; overflow: hidden; }
.jg13 .tab_menu { width: 1200px; margin: auto; padding-top: 10px; display: flex; justify-content: center; flex-wrap: wrap; }
.jg13 .tab_menu a { padding: 0 20px; min-width: 140px; height: 40px; display: block; margin: 0 10px; line-height: 40px; text-align: center; font-size: 16px; border-radius: 40px; background-color: #f1f1f1; color: #333; cursor: pointer; margin-top: 30px; }
.jg13 .tab_menu a.on { background-color: #c30d23; color: #fff; }
.jg13 .box { width: 1200px; margin: auto; position: relative; }
.jg13 .box ul { width: 100%; display: block; position: relative; z-index: 1; background-color: #fff; overflow: hidden; }
.jg13 .box ul li { width: 380px; margin-left: 30px; margin-top: 30px; display: block; float: left; overflow: hidden; }
.jg13 .box ul li:nth-child(3n+1) { clear: left; float: left; margin-left: 0; }
.jg13 .box ul li .tu { width: 100%; height: 260px; }
.jg13 .box ul li .tu img { width: 100%; display: block; }
.jg13 .box ul li .wen { padding: 25px 20px; }
.jg13 .box ul li .wen span { font-size: 18px; display: block; line-height: 28px; overflow: hidden; }
.jg13 .box ul li .wen p { font-size: 14px; display: block; line-height: 24px; height: 48px; color: #666; margin-top: 10px; overflow: hidden; }
.jg13 .box ul li:hover .wen { padding: 15px 20px; }
.jg13 .box ul li:hover .wen span { color: #c30d23; }
.jg13 .box ul li:hover .wen p { height: auto; margin-top: 5px; }
.jg13 .box ul li .line { width: 100%; height: 2px; background-color: #cacaca; margin: auto; }
.jg13 .box ul li:hover .line { width: calc(100% - 40px); background-color: #c30d23; }
.jg13 .swiper-pagination { display: flex; justify-content: center; width: 100%; margin-top: 30px; z-index: 3; }
.jg13 .swiper-pagination span { display: block; float: left; width: 40px; height: 6px; background-color: #999; margin: 0 5px; cursor: pointer; border-radius: 6px; overflow: hidden; }
.jg13 .swiper-pagination span.swiper-pagination-bullet-active { background-color: #c30d23; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.jg13 { width: 100%; padding-top: 50px; padding-bottom: 55px; position: relative; z-index: 1; background-color: #fff; }
.jg13 .title { width: 94%; margin: auto; text-align: center; }
.jg13 .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg13 .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; }
.jg13 .title b { width: 40px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg13 .tab_menu { width: 94%; margin: auto; padding-top: 15px; display: flex; justify-content: center; flex-wrap: wrap; }
.jg13 .tab_menu a { padding: 0 20px; min-width: 140px; height: 34px; display: block; margin: 0 10px; line-height: 34px; text-align: center; font-size: 16px; border-radius: 40px; background-color: #f1f1f1; color: #333; cursor: pointer; margin-top: 10px; }
.jg13 .tab_menu a.on { background-color: #c30d23; color: #fff; }
.jg13 .box { width: 94%; margin: auto; }
.jg13 .box ul { width: 100%; display: block; position: relative; z-index: 1; background-color: #fff; overflow: hidden; }
.jg13 .box ul li { width: 32%; margin-left: 2%; display: block; float: left; overflow: hidden; margin-top: 25px; }
.jg13 .box ul li:nth-child(3n+1) { clear: left; float: left; margin-left: 0; }
.jg13 .box ul li .tu { width: 100%; height: 20.58vw; }
.jg13 .box ul li .tu img { width: 100%; display: block; }
.jg13 .box ul li .wen { padding: 20px 15px; }
.jg13 .box ul li .wen span { font-size: 18px; display: block; line-height: 28px; overflow: hidden; }
.jg13 .box ul li .wen p { font-size: 14px; display: block; line-height: 24px; height: 48px; color: #666; margin-top: 5px; overflow: hidden; }
.jg13 .box ul li:hover .wen { padding: 10px 15px; }
.jg13 .box ul li:hover .wen span { color: #c30d23; }
.jg13 .box ul li:hover .wen p { height: auto; }
.jg13 .box ul li .line { width: 100%; height: 2px; background-color: #cacaca; margin: auto; }
.jg13 .box ul li:hover .line { width: calc(100% - 30px); background-color: #c30d23; }
.jg13 .swiper-pagination { display: flex; justify-content: center; width: 100%; margin-top: 25px; z-index: 3; }
.jg13 .swiper-pagination span { display: block; float: left; width: 30px; height: 5px; background-color: #999; margin: 0 5px; cursor: pointer; border-radius: 6px; overflow: hidden; }
.jg13 .swiper-pagination span.swiper-pagination-bullet-active { background-color: #c30d23; }
}
 @media only screen and (max-width:1023px) {
.jg13 { width: 100%; padding-top: 35px; padding-bottom: 40px; position: relative; z-index: 1; background-color: #fff; }
.jg13 .title { width: 94%; margin: auto; text-align: center; }
.jg13 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.jg13 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; }
.jg13 .title b { width: 30px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg13 .tab_menu { width: 94%; margin: auto; padding-top: 10px; display: flex; justify-content: center; flex-wrap: wrap; }
.jg13 .tab_menu a { padding: 0 15px; min-width: 120px; height: 30px; display: block; margin: 0 5px; line-height: 30px; text-align: center; font-size: 14px; border-radius: 40px; background-color: #f1f1f1; color: #333; cursor: pointer; margin-top: 10px; }
.jg13 .tab_menu a.on { background-color: #c30d23; color: #fff; }
.jg13 .box { width: 94%; margin: auto; margin-top: 5px; }
.jg13 .box ul { width: 100%; display: block; position: relative; z-index: 1; background-color: #fff; overflow: hidden; }
.jg13 .box ul li { width: 48.5%; margin-top: 15px; display: block; float: left; margin-left: 3%; overflow: hidden; }
.jg13 .box ul li:nth-child(2n+1) { clear: left; float: left; margin-left: 0; }
.jg13 .box ul li .tu { width: 100%; height: 31.19vw; }
.jg13 .box ul li .tu img { width: 100%; display: block; }
.jg13 .box ul li .wen { padding: 10px 0; }
.jg13 .box ul li .wen span { font-size: 16px; display: block; line-height: 26px; overflow: hidden; }
.jg13 .box ul li .wen p { font-size: 14px; display: block; line-height: 24px; color: #666; height: 48px; overflow: auto; }
.jg13 .box ul li:hover .wen span { color: #c30d23; }
.jg13 .box ul li .line { width: 100%; height: 2px; background-color: #cacaca; margin: auto; }
.jg13 .box ul li:hover .line { background-color: #c30d23; }
.jg13 .swiper-pagination { display: flex; justify-content: center; width: 100%; margin-top: 20px; z-index: 3; }
.jg13 .swiper-pagination span { display: block; float: left; width: 20px; height: 4px; background-color: #999; margin: 0 5px; cursor: pointer; border-radius: 6px; overflow: hidden; }
.jg13 .swiper-pagination span.swiper-pagination-bullet-active { background-color: #c30d23; }
}
 @media screen and (min-width:1280px) {
.jg14 { width: 100%; padding-top: 64px; padding-bottom: 70px; position: relative; z-index: 1; background-position: center; background-size: cover; background-repeat: no-repeat; }
.jg14 .bg { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1; }
.jg14 .title { width: 1200px; margin: auto; text-align: center; position: relative; z-index: 3; }
.jg14 .title span { font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #fff; overflow: hidden; font-family: fine; }
.jg14 .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; color: #fff; }
.jg14 .title b { width: 50px; height: 2px; background-color: #fff; margin: auto; margin-top: 8px; display: block; overflow: hidden; }
.jg14 .box { width: 1200px; margin: auto; position: relative; z-index: 3; }
.jg14 .box .bt { text-align: center; color: #fff; font-weight: bold; padding-top: 25px; font-size: 24px; line-height: 34px; }
.jg14 .box .bt01 { text-align: center; color: #fff; padding-top: 5px; font-size: 16px; line-height: 26px; }
.jg14 .box .swiper-container { width: 100%; margin-top: 50px; }
.jg14 .box .swiper-slide { width: 200px; margin-right: 50px; }
.jg14 .box .swiper-slide strong { width: 200px; height: 200px; display: flex; align-items: center; overflow: hidden; background-color: #fff; border-radius: 100%; }
.jg14 .box .swiper-slide strong img { max-width: 150px; max-height: 150px; display: block; margin: auto; }
.jg14 .box .swiper-slide p { width: 100%; padding-top: 9px; height: 60px; overflow: hidden; display: flex; align-items: center; border-bottom: 1px solid #fff; }
.jg14 .box .swiper-slide p span { display: block; width: 100%; text-align: center; font-size: 18px; line-height: 28px; color: #fff; overflow: hidden; }
.jg14 .box .swiper-slide:hover p { border-bottom: 1px solid #c30d23; }
.jg14 .box .swi { width: 200px; height: 18px; padding-top: 27px; margin: auto; margin-top: 45px; position: relative; }
.jg14 .box .swi .swiper-button-prev { width: 12px; height: 18px; cursor: pointer; float: left; background-image: url(../images/prev.png); }
.jg14 .box .swi .swiper-button-next { width: 12px; height: 18px; cursor: pointer; float: right; background-image: url(../images/next.png); }
.jg14 .box .swi .swiper-button-prev:hover { background-image: url(../images/prev02.png); }
.jg14 .box .swi .swiper-button-next:hover { background-image: url(../images/next02.png); }
.jg14 .box .swi .swiper-pagination { width: 140px; height: 1px; position: absolute; left: 50%; margin-left: -70px; background-color: #ddd; bottom: 8px; }
.jg14 .box .swi .swiper-pagination .swiper-pagination-progressbar-fill { height: 2px; background-color: #c30d23; }
.jg14 .box .swi .swiper-num { width: 140px; height: 22px; line-height: 22px; text-align: center; position: absolute; left: 50%; margin-left: -70px; top: 0; color: #fff; }
.jg14 .box .swi .swiper-num .active { color: #c30d23; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.jg14 { width: 100%; padding-top: 50px; padding-bottom: 55px; position: relative; z-index: 1; background-position: center; background-size: cover; background-repeat: no-repeat; }
.jg14 .bg { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1; }
.jg14 .title { width: 94%; margin: auto; text-align: center; position: relative; z-index: 3; }
.jg14 .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #fff; overflow: hidden; font-family: fine; }
.jg14 .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; color: #fff; }
.jg14 .title b { width: 40px; height: 2px; background-color: #fff; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg14 .box { width: 94%; margin: auto; position: relative; z-index: 3; }
.jg14 .box .bt { text-align: center; color: #fff; font-weight: bold; padding-top: 20px; font-size: 22px; line-height: 32px; }
.jg14 .box .bt01 { text-align: center; color: #fff; padding-top: 5px; font-size: 14px; line-height: 24px; }
.jg14 .box .swiper-container { width: 100%; margin-top: 30px; }
.jg14 .box .swiper-slide { width: 23.5%; margin-right: 2%; }
.jg14 .box .swiper-slide strong { width: 100%; height: 22.09vw; display: flex; align-items: center; overflow: hidden; background-color: #fff; border-radius: 100%; }
.jg14 .box .swiper-slide strong img { max-width: 16.56vw; max-height: 16.56vw; display: block; margin: auto; }
.jg14 .box .swiper-slide p { width: 100%; padding-top: 4px; height: 52px; overflow: hidden; display: flex; align-items: center; border-bottom: 1px solid #fff; }
.jg14 .box .swiper-slide p span { display: block; width: 100%; text-align: center; font-size: 16px; line-height: 26px; color: #fff; overflow: hidden; }
.jg14 .box .swiper-slide:hover p { border-bottom: 1px solid #c30d23; }
.jg14 .box .swi { width: 200px; height: 18px; padding-top: 22px; margin: auto; margin-top: 30px; position: relative; }
.jg14 .box .swi .swiper-button-prev { width: 12px; height: 18px; cursor: pointer; float: left; background-image: url(../images/prev.png); }
.jg14 .box .swi .swiper-button-next { width: 12px; height: 18px; cursor: pointer; float: right; background-image: url(../images/next.png); }
.jg14 .box .swi .swiper-button-prev:hover { background-image: url(../images/prev02.png); }
.jg14 .box .swi .swiper-button-next:hover { background-image: url(../images/next02.png); }
.jg14 .box .swi .swiper-pagination { width: 140px; height: 1px; position: absolute; left: 50%; margin-left: -70px; background-color: #ddd; bottom: 8px; }
.jg14 .box .swi .swiper-pagination .swiper-pagination-progressbar-fill { height: 2px; background-color: #c30d23; }
.jg14 .box .swi .swiper-num { width: 140px; height: 22px; line-height: 22px; text-align: center; position: absolute; left: 50%; margin-left: -70px; top: 0; color: #fff; }
.jg14 .box .swi .swiper-num .active { color: #c30d23; }
}
 @media only screen and (max-width:768px) {
.jg14 { width: 100%; padding-top: 35px; padding-bottom: 40px; position: relative; z-index: 1; background-position: center; background-size: cover; background-repeat: no-repeat; }
.jg14 .bg { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1; }
.jg14 .title { width: 94%; margin: auto; text-align: center; position: relative; z-index: 3; }
.jg14 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #fff; overflow: hidden; font-family: fine; }
.jg14 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; color: #fff; }
.jg14 .title b { width: 30px; height: 2px; background-color: #fff; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.jg14 .box { width: 94%; margin: auto; position: relative; z-index: 3; }
.jg14 .box .bt { text-align: center; color: #fff; font-weight: bold; padding-top: 15px; font-size: 16px; line-height: 26px; }
.jg14 .box .bt01 { text-align: center; color: #fff; font-size: 12px; line-height: 18px; margin-top: 5px; }
.jg14 .box .swiper-container { width: 100%; margin-top: 20px; }
.jg14 .box .swiper-slide { width: 48.5%; margin-right: 3%; }
.jg14 .box .swiper-slide strong { width: 100%; height: 45.59vw; display: flex; align-items: center; overflow: hidden; background-color: #fff; border-radius: 100%; }
.jg14 .box .swiper-slide strong img { max-width: 34.19vw; max-height: 34.19vw; display: block; margin: auto; }
.jg14 .box .swiper-slide p { width: 100%; height: 48px; overflow: hidden; display: flex; align-items: center; border-bottom: 1px solid #fff; }
.jg14 .box .swiper-slide p span { display: block; width: 100%; text-align: center; font-size: 14px; line-height: 24px; color: #fff; overflow: hidden; }
.jg14 .box .swiper-slide:hover p { border-bottom: 1px solid #c30d23; }
.jg14 .box .swi { width: 200px; height: 18px; padding-top: 17px; margin: auto; margin-top: 25px; position: relative; }
.jg14 .box .swi .swiper-button-prev { width: 12px; height: 18px; cursor: pointer; float: left; background-image: url(../images/prev.png); }
.jg14 .box .swi .swiper-button-next { width: 12px; height: 18px; cursor: pointer; float: right; background-image: url(../images/next.png); }
.jg14 .box .swi .swiper-button-prev:hover { background-image: url(../images/prev02.png); }
.jg14 .box .swi .swiper-button-next:hover { background-image: url(../images/next02.png); }
.jg14 .box .swi .swiper-pagination { width: 140px; height: 1px; position: absolute; left: 50%; margin-left: -70px; background-color: #ddd; bottom: 8px; }
.jg14 .box .swi .swiper-pagination .swiper-pagination-progressbar-fill { height: 2px; background-color: #c30d23; }
.jg14 .box .swi .swiper-num { width: 140px; height: 22px; line-height: 22px; text-align: center; position: absolute; left: 50%; margin-left: -70px; top: 0; color: #fff; }
.jg14 .box .swi .swiper-num .active { color: #c30d23; }
}



/*装修攻略*/

@media screen and (min-width:1280px) {
.zx { width: 100%; padding-top: 64px; position: relative; z-index: 1; background-color: #fff; }
.zx .title { width: 1200px; margin: auto; text-align: center; }
.zx .title span { font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.zx .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; }
.zx .title b { width: 50px; height: 2px; background-color: #333; margin: auto; margin-top: 8px; display: block; overflow: hidden; }
.zx .list01 { width: 1200px; margin: auto; display: block; }
.zx .list01 li { width: 100%; box-sizing: border-box; margin: auto; margin-top: 30px; padding: 19px 39px; border: 1px solid #d9d9d9; display: flex; align-items: center; overflow: hidden; }
.zx .list01 li:nth-child(2n) { flex-direction: row-reverse; }
.zx .list01 li:hover { box-shadow: 0 0 5px rgba(0,0,0,0.1); }
.zx .list01 li .tu { width: 240px; height: 160px; float: left; }
.zx .list01 li .tu img { width: 100%; display: block; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; -moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; -webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease; }
.zx .list01 li .wen { width: 590px; height: 136px; padding-left: 50px; padding-right: 100px; }
.zx .list01 li:nth-child(2n) .wen { padding-left: 100px; padding-right: 50px; }
.zx .list01 li:hover .tu img { transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); }
.zx .list01 li .wen a { display: block; overflow: hidden; font-size: 20px; height: 40px; line-height: 40px; text-overflow: ellipsis; white-space: nowrap; }
.zx .list01 li:hover .wen a { color: #c30d23; }
.zx .list01 li .wen p { display: block; overflow: hidden; font-size: 14px; height: 96px; line-height: 24px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.zx .list01 li .more { width: 140px; height: 40px; float: left; background-color: #333; margin: 60px 0; position: relative; }
.zx .list01 li .more a { width: 122px; padding-right: 20px; display: block; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; text-transform: uppercase; }
.zx .list01 li .more b { width: 18px; height: 2px; display: block; background-color: #fff; position: absolute; right: 0; top: 19px; }
.zx .list01 li:hover .more { background-color: #c30d23; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.zx { width: 100%; padding-top: 50px; position: relative; z-index: 1; background-color: #fff; }
.zx .title { width: 94%; margin: auto; text-align: center; }
.zx .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.zx .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; }
.zx .title b { width: 40px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.zx .list01 { width: 94%; margin: auto; display: block; }
.zx .list01 li { width: 100%; box-sizing: border-box; margin: auto; margin-top: 25px; padding: 14px 29px; border: 1px solid #d9d9d9; overflow: hidden; display: flex; align-items: center; }
.zx .list01 li:nth-child(2n) { flex-direction: row-reverse; }
.zx .list01 li:hover { box-shadow: 0 0 5px rgba(0,0,0,0.1); }
.zx .list01 li .tu { width: 240px; height: 160px; float: left; }
.zx .list01 li .tu img { width: 100%; display: block; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; -moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; -webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease; }
.zx .list01 li .wen { width: calc(100% - 430px); height: 136px; padding: 0 30px; }
.zx .list01 li:hover .tu img { transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); }
.zx .list01 li .wen a { display: block; overflow: hidden; font-size: 18px; height: 28px; line-height: 28px; text-overflow: ellipsis; white-space: nowrap; }
.zx .list01 li:hover .wen a { color: #c30d23; }
.zx .list01 li .wen p { display: block; overflow: hidden; font-size: 14px; height: 96px; line-height: 24px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; }
.zx .list01 li .more { width: 130px; height: 40px; float: left; background-color: #333; margin: 60px 0; position: relative; }
.zx .list01 li .more a { width: 112px; padding-right: 20px; display: block; height: 40px; line-height: 40px; text-align: center; color: #fff; font-size: 14px; text-transform: uppercase; }
.zx .list01 li .more b { width: 18px; height: 2px; display: block; background-color: #fff; position: absolute; right: 0; top: 19px; }
.zx .list01 li:hover .more { background-color: #c30d23; }
}
 @media only screen and (max-width:1023px) {
.zx { width: 100%; padding-top: 35px; position: relative; z-index: 1; background-color: #fff; }
.zx .title { width: 94%; margin: auto; text-align: center; }
.zx .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.zx .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; }
.zx .title b { width: 30px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.zx .list01 { width: 94%; margin: auto; display: block; }
.zx .list01 li { width: 100%; box-sizing: border-box; margin: auto; margin-top: 15px; padding: 9px; border: 1px solid #d9d9d9; overflow: hidden; display: flex; align-items: center; }
.zx .list01 li:hover { box-shadow: 0 0 5px rgba(0,0,0,0.1); }
.zx .list01 li .tu { width: 180px; height: 120px; float: left; }
.zx .list01 li .tu img { width: 100%; display: block; transition-delay: 0s; transition-duration: 1s; transition-property: all; transition-timing-function: ease; -moz-transition-delay: 0s; -moz-transition-duration: 1s; -moz-transition-property: all; -moz-transition-timing-function: ease; -webkit-transition-delay: 0s; -webkit-transition-duration: 1s; -webkit-transition-property: all; -webkit-transition-timing-function: ease; -o-transition-delay: 0s; -o-transition-duration: 1s; -o-transition-property: all; -o-transition-timing-function: ease; }
.zx .list01 li .wen { width: calc(100% - 190px); margin-left: 10px; float: left; }
.zx .list01 li:hover .tu img { transform: scale(1.05, 1.05); -ms-transform: scale(1.05, 1.05); -moz-transform: scale(1.05, 1.05); -webkit-transform: scale(1.05, 1.05); -o-transform: scale(1.05, 1.05); }
.zx .list01 li .wen a { display: block; overflow: hidden; font-size: 16px; height: 26px; line-height: 26px; text-overflow: ellipsis; white-space: nowrap; }
.zx .list01 li:hover .wen a { color: #c30d23; }
.zx .list01 li .wen p { display: block; overflow: hidden; font-size: 14px; line-height: 24px; height: 72px; color: #666; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.zx .list01 li .more { display: none; }
}



/*装修问答*/

@media screen and (min-width:1280px) {
.zx .list02 { width: 1200px; margin: auto; }
.zx .list02 dl { display: block; width: 100%; padding-top: 25px; padding-bottom: 20px; border-bottom: 1px solid #cacaca; overflow: hidden; }
.zx .list02 dl dt { display: block; overflow: hidden; }
.zx .list02 dl dd { display: block; overflow: hidden; margin-top: 15px; }
.zx .list02 dl dt span { width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 18px; border-radius: 36px; background-color: #c30d23; color: #fff; display: block; float: left; }
.zx .list02 dl dt a { display: block; float: right; width: calc(100% - 46px); height: 36px; line-height: 36px; font-size: 18px; overflow: hidden; }
.zx .list02 dl dt a:hover { color: #c30d23; }
.zx .list02 dl dd span { width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 18px; border-radius: 36px; background-color: #eee; display: block; float: left; }
.zx .list02 dl dd a { display: block; float: right; width: calc(100% - 46px); height: 48px; line-height: 24px; font-size: 14px; overflow: hidden; color: #666; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.zx .list02 { width: 94%; margin: auto; }
.zx .list02 dl { display: block; width: 100%; padding-top: 20px; padding-bottom: 15px; border-bottom: 1px solid #cacaca; overflow: hidden; }
.zx .list02 dl dt { display: block; overflow: hidden; }
.zx .list02 dl dd { display: block; overflow: hidden; margin-top: 10px; }
.zx .list02 dl dt span { width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; border-radius: 36px; background-color: #c30d23; color: #fff; display: block; float: left; }
.zx .list02 dl dt a { display: block; float: right; width: calc(100% - 46px); height: 36px; line-height: 36px; font-size: 18px; overflow: hidden; }
.zx .list02 dl dt a:hover { color: #c30d23; }
.zx .list02 dl dd span { width: 36px; height: 36px; line-height: 36px; text-align: center; font-size: 16px; border-radius: 36px; background-color: #eee; display: block; float: left; }
.zx .list02 dl dd a { display: block; float: right; width: calc(100% - 46px); height: 48px; line-height: 24px; font-size: 14px; overflow: hidden; color: #666; }
}
 @media only screen and (max-width:1023px) {
.zx .list02 { width: 94%; margin: auto; }
.zx .list02 dl { display: block; width: 100%; padding-top: 15px; padding-bottom: 10px; border-bottom: 1px solid #cacaca; overflow: hidden; }
.zx .list02 dl dt { display: block; overflow: hidden; }
.zx .list02 dl dd { display: block; overflow: hidden; margin-top: 10px; }
.zx .list02 dl dt span { width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 16px; border-radius: 36px; background-color: #c30d23; color: #fff; display: block; float: left; }
.zx .list02 dl dt a { display: block; float: right; width: calc(100% - 40px); height: 30px; line-height: 30px; font-size: 16px; overflow: hidden; }
.zx .list02 dl dt a:hover { color: #c30d23; }
.zx .list02 dl dd span { width: 30px; height: 30px; line-height: 30px; text-align: center; font-size: 14px; border-radius: 36px; background-color: #eee; display: block; float: left; }
.zx .list02 dl dd a { display: block; float: right; width: calc(100% - 40px); height: 48px; line-height: 24px; font-size: 14px; overflow: hidden; color: #666; }
}



/*线下门店*/

@media screen and (min-width:1280px) {
.zx .list04 { width: 1200px; margin: -20px auto; margin-top: 20px; display: block; }
.zx .list04 li { width: 380px; float: left; display: block; overflow: hidden; margin-left: 30px; }
.zx .list04 li:nth-child(3n+1) { clear: left; float: left; margin-left: 0; }
.zx .list04 li a { width: 100%; display: block; margin-top: 10px; overflow: hidden; }
.zx .list04 li .tu { width: 100%; height: 240px; position: relative; }
.zx .list04 li .tu img { width: 100%; display: block; }
.zx .list04 li .tu b { width: 100%; height: 100%; display: block; background-color: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; background-image: url(../images/xx_06.png); background-position: center; background-repeat: no-repeat; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; }
.zx .list04 li a:hover .tu b { opacity: 1; }
.zx .list04 li .wen { padding: 19px 0; height: 52px; background-color: #fff; position: relative; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.zx .list04 li .wen span { width: 290px; font-size: 18px; height: 28px; line-height: 28px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zx .list04 li .wen p { width: 290px; font-size: 14px; height: 24px; line-height: 24px; color: #999; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zx .list04 li .wen b { width: 40px; height: 40px; border-radius: 100%; position: absolute; right: 20px; top: 25px; background-color: #c30d23; background-image: url(../images/xx01_11.png); background-position: center; background-repeat: no-repeat; opacity: 0; }
.zx .list04 li a:hover .wen b { opacity: 1; }
.zx .list04 li a:hover .wen { background-color: #f1f1f1; padding-left: 20px; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.zx .list04 { width: 94%; margin: -15px auto; margin-top: 15px; display: block; }
.zx .list04 li { width: 32%; float: left; margin-left: 2%; display: block; overflow: hidden; }
.zx .list04 li:nth-child(3n+1) { clear: left; float: left; margin-left: 0; }
.zx .list04 li a { width: 100%; display: block; margin-top: 10px; overflow: hidden; }
.zx .list04 li .tu { width: 100%; height: 18.99vw; position: relative; }
.zx .list04 li .tu img { width: 100%; display: block; }
.zx .list04 li .tu b { width: 100%; height: 100%; display: block; background-color: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; background-image: url(../images/xx_06.png); background-position: center; background-repeat: no-repeat; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; }
.zx .list04 li a:hover .tu b { opacity: 1; }
.zx .list04 li .wen { padding: 14px 0; height: 50px; background-color: #fff; position: relative; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.zx .list04 li .wen span { width: calc(100% - 50px); font-size: 16px; height: 26px; line-height: 26px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zx .list04 li .wen p { width: calc(100% - 50px); font-size: 14px; height: 24px; line-height: 24px; color: #999; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zx .list04 li .wen b { width: 40px; height: 40px; border-radius: 100%; position: absolute; right: 15px; top: 50%; margin-top: -20px; background-color: #c30d23; background-image: url(../images/xx01_11.png); background-position: center; background-repeat: no-repeat; transition: .5s; opacity: 0; }
.zx .list04 li a:hover .wen b { opacity: 1; }
.zx .list04 li a:hover .wen { background-color: #f1f1f1; padding-left: 15px; }
}
 @media only screen and (max-width:1023px) {
.zx .list04 { width: 94%; margin: -10px auto; margin-top: 15px; display: block; }
.zx .list04 li { width: 48.5%; margin-left: 3%; float: left; display: block; overflow: hidden; }
.zx .list04 li:nth-child(2n+1) { clear: left; float: left; margin-left: 0; }
.zx .list04 li a { width: 100%; display: block; margin-top: 5px; overflow: hidden; }
.zx .list04 li .tu { width: 100%; height: 28.79vw; position: relative; }
.zx .list04 li .tu img { width: 100%; display: block; }
.zx .list04 li .tu b { width: 100%; height: 100%; display: block; background-color: rgba(0,0,0,0.7); position: absolute; left: 0; top: 0; background-image: url(../images/xx_06.png); background-position: center; background-repeat: no-repeat; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; }
.zx .list04 li a:hover .tu b { opacity: 1; }
.zx .list04 li .wen { padding: 5px 0; height: 50px; background-color: #fff; position: relative; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; }
.zx .list04 li .wen span { font-size: 16px; height: 26px; line-height: 26px; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zx .list04 li .wen p { font-size: 14px; height: 24px; line-height: 24px; color: #999; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.zx .list04 li a:hover .wen span { color: #c30d23; }
}



/*盛世新闻*/

@media screen and (min-width:1280px) {
.zx .list03 { width: 1200px; margin: auto; padding-top: 10px; display: block; }
.zx .list03 li { padding: 20px 0; display: block; overflow: hidden; border-bottom: 1px solid #eee; }
.zx .list03 li .left { width: 170px; height: 110px; float: left; }
.zx .list03 li .left img { width: 100%; display: block; }
.zx .list03 li .right { width: 1010px; height: 110px; float: right; }
.zx .list03 li .right .bt { font-size: 16px; height: 28px; line-height: 28px; }
.zx .list03 li .right .bt.b01 a { display: block; float: left; position: relative; padding-right: 25px; }
.zx .list03 li .right .bt.b01 a b { display: block; position: absolute; right: 0; top: 0; }
.zx .list03 li .right .bt.b01 a b img { width: 16px; float: right; display: block; }
.zx .list03 li .right:hover .bt a { color: #c30d23; }
.zx .list03 li .right .wen { width: 100%; height: 48px; line-height: 24px; font-size: 14px; margin: 5px 0; color: #666; }
.zx .list03 li .right .shi { width: 100%; height: 24px; }
.zx .list03 li .right .shi span { display: block; float: right; font-size: 14px; color: #999; height: 24px; line-height: 24px; }
.zx .list03 li .right .shi b { display: block; float: right; width: 120px; height: 1px; background-color: #cacaca; margin-right: 15px; margin-top: 11px; }
.zx .list03 li .right:hover .shi b { background-color: #c30d23; }
.zx .list03 li .right:hover .shi span { color: #c30d23; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.zx .list03 { width: 94%; margin: auto; margin-top: 5px; display: block; }
.zx .list03 li { padding: 20px 0; display: block; overflow: hidden; border-bottom: 1px solid #eee; position: relative; }
.zx .list03 li .left { width: 170px; height: 110px; position: absolute; left: 0; top: 20px; }
.zx .list03 li .left img { width: 100%; display: block; }
.zx .list03 li .right { padding-left: 190px; height: 110px; }
.zx .list03 li .right .bt { font-size: 16px; height: 28px; line-height: 28px; }
.zx .list03 li .right .bt.b01 a { display: block; float: left; position: relative; padding-right: 25px; }
.zx .list03 li .right .bt.b01 a b { display: block; position: absolute; right: 0; top: 0; }
.zx .list03 li .right .bt.b01 a b img { width: 16px; float: right; display: block; }
.zx .list03 li .right:hover .bt a { color: #c30d23; }
.zx .list03 li .right .wen { width: 100%; height: 48px; line-height: 24px; font-size: 14px; margin: 5px 0; color: #666; }
.zx .list03 li .right .shi { width: 100%; height: 22px; }
.zx .list03 li .right .shi span { display: block; float: right; font-size: 14px; color: #999; height: 22px; line-height: 22px; }
.zx .list03 li .right .shi b { display: block; float: right; width: 120px; height: 1px; background-color: #cacaca; margin-right: 15px; margin-top: 10px; }
.zx .list03 li .right:hover .shi b { background-color: #c30d23; }
.zx .list03 li .right:hover .shi span { color: #c30d23; }
}
 @media only screen and (max-width:1023px) {
.zx .list03 { width: 94%; margin: auto; margin-top: 5px; display: block; }
.zx .list03 li { padding: 15px 0; display: block; overflow: hidden; border-bottom: 1px solid #eee; }
.zx .list03 li .left { width: 30%; height: 110px; float: left; }
.zx .list03 li .left img { height: 100%; display: block; }
.zx .list03 li .right { width: 67%; height: 110px; float: right; }
.zx .list03 li .right .bt { font-size: 16px; height: 28px; line-height: 28px; }
.zx .list03 li .right .bt.b01 a { display: block; float: left; position: relative; padding-right: 20px; }
.zx .list03 li .right .bt.b01 a b { display: block; position: absolute; right: 0; top: 0; }
.zx .list03 li .right .bt.b01 a b img { width: 16px; float: right; display: block; }
.zx .list03 li .right:hover .bt a { color: #c30d23; }
.zx .list03 li .right .wen { width: 100%; height: 48px; line-height: 24px; font-size: 14px; margin: 5px 0; color: #666; }
.zx .list03 li .right .shi { width: 100%; height: 22px; }
.zx .list03 li .right .shi span { display: block; float: right; font-size: 14px; color: #999; height: 22px; line-height: 22px; }
.zx .list03 li .right .shi b { display: block; float: right; width: 120px; height: 1px; background-color: #cacaca; margin-right: 15px; margin-top: 10px; }
.zx .list03 li .right:hover .shi b { background-color: #c30d23; }
.zx .list03 li .right:hover .shi span { color: #c30d23; }
}



/*盛世服务*/

@media screen and (min-width:1280px) {
.ab07 { width: 100%; padding-top: 64px; padding-bottom: 70px; position: relative; z-index: 1; background-color: #fff; }
.ab07 .title { width: 1200px; margin: auto; text-align: center; }
.ab07 .title span { font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab07 .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; }
.ab07 .title b { width: 50px; height: 2px; background-color: #333; margin: auto; margin-top: 8px; display: block; overflow: hidden; }
.ab07 .box { width: 1200px; margin: auto; margin-top: 30px; position: relative; }
.ab07 .box .left { width: 670px; height: 340px; float: left; }
.ab07 .box .left img { width: 100%; display: block; }
.ab07 .box .right { width: 500px; padding-left: 30px; float: right; padding-top: 25px; }
.ab07 .box .right .w01 { padding-left: 80px; position: relative; font-size: 30px; line-height: 40px; font-weight: bold; color: #c30d23; }
.ab07 .box .right .w01 b { width: 110px; height: 4px; display: block; position: absolute; left: -60px; top: 50%; margin-top: -2px; background-color: #c30d23; overflow: hidden; }
.ab07 .box .right .w02 { font-size: 20px; line-height: 30px; font-weight: bold; color: #666; margin-top: 25px; }
.ab07 .box .right .w03 { font-size: 18px; line-height: 28px; margin-top: 20px; }
.ab07 .box01 { width: 1200px; margin: auto; margin-top: 30px; position: relative; }
.ab07 .box01 .left { width: 530px; height: 330px; float: right; }
.ab07 .box01 .left img { width: 100%; display: block; }
.ab07 .box01 .right { width: 600px; float: left; padding-top: 25px; font-size: 14px; line-height: 24px; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.ab07 { width: 100%; padding-top: 50px; padding-bottom: 55px; position: relative; z-index: 1; background-color: #fff; }
.ab07 .title { width: 94%; margin: auto; text-align: center; }
.ab07 .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab07 .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; }
.ab07 .title b { width: 40px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.ab07 .box { width: 94%; margin: auto; margin-top: 25px; }
.ab07 .box .left { width: 55.83%; height: 26.63vw; float: left; }
.ab07 .box .left img { width: 100%; display: block; }
.ab07 .box .right { width: 41.66%; float: right; padding-top: 10px; }
.ab07 .box .right .w01 { padding-left: 60px; position: relative; font-size: 24px; line-height: 34px; font-weight: bold; color: #c30d23; }
.ab07 .box .right .w01 b { width: 90px; height: 4px; display: block; position: absolute; left: -60px; top: 50%; margin-top: -2px; background-color: #c30d23; overflow: hidden; }
.ab07 .box .right .w02 { font-size: 18px; line-height: 28px; font-weight: bold; color: #666; margin-top: 15px; }
.ab07 .box .right .w03 { font-size: 16px; line-height: 26px; margin-top: 10px; }
.ab07 .box01 { width: 94%; margin: auto; margin-top: 25px; position: relative; }
.ab07 .box01 .left { width: 44.17%; height: 25.85vw; float: right; }
.ab07 .box01 .left img { width: 100%; display: block; }
.ab07 .box01 .right { width: 50%; float: left; padding-top: 10px; font-size: 14px; line-height: 24px; }
}
 @media only screen and (max-width:1023px) {
.ab07 { width: 100%; padding-top: 35px; padding-bottom: 35px; position: relative; z-index: 1; background-color: #fff; }
.ab07 .title { width: 94%; margin: auto; text-align: center; }
.ab07 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab07 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; }
.ab07 .title b { width: 30px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.ab07 .box { width: 94%; margin: auto; margin-top: 20px; }
.ab07 .box .left { width: 100%; height: 47.7vw; float: left; }
.ab07 .box .left img { width: 100%; display: block; }
.ab07 .box .right { width: 100%; float: right; padding-top: 10px; }
.ab07 .box .right .w01 { padding-left: 40px; position: relative; font-size: 18px; line-height: 28px; font-weight: bold; color: #c30d23; }
.ab07 .box .right .w01 b { width: 30px; height: 2px; display: block; position: absolute; left: 0; top: 50%; margin-top: -1px; background-color: #c30d23; overflow: hidden; }
.ab07 .box .right .w02 { font-size: 16px; line-height: 26px; font-weight: bold; color: #666; margin-top: 5px; }
.ab07 .box .right .w03 { font-size: 14px; line-height: 24px; margin-top: 5px; }
.ab07 .box01 { width: 94%; margin: auto; margin-top: 15px; position: relative; }
.ab07 .box01 .left { width: 100%; height: 58.52vw; float: right; }
.ab07 .box01 .left img { width: 100%; display: block; }
.ab07 .box01 .right { width: 100%; float: left; padding-top: 10px; font-size: 14px; line-height: 24px; }
}
 @media screen and (min-width:1280px) {
.ab08 { width: 100%; padding-top: 64px; padding-bottom: 70px; position: relative; z-index: 1; background-color: #f1f1f1; }
.ab08 .title { width: 1200px; margin: auto; text-align: center; }
.ab08 .title span { font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab08 .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; }
.ab08 .title b { width: 50px; height: 2px; background-color: #333; margin: auto; margin-top: 8px; display: block; overflow: hidden; }
.ab08 .box { width: 1200px; margin: auto; margin-top: 30px; position: relative; }
.ab08 .box dl { width: 1240px; display: block; }
.ab08 .box dl dt { width: 270px; display: block; float: left; margin-top: 42px; margin-right: 40px; overflow: hidden; }
.ab08 .box dl dd { width: 270px; display: block; float: left; margin-right: 40px; overflow: hidden; }
.ab08 .box dl dt .top { margin-bottom: 20px; }
.ab08 .box dl dd .top { margin-top: 12px; }
.ab08 .box dl .top { width: 240px; height: 36px; border-bottom: 2px solid #333; }
.ab08 .box dl .top b { display: block; float: left; font-size: 24px; line-height: 36px; height: 36px; color: #999; }
.ab08 .box dl .top a { display: block; float: right; font-size: 18px; line-height: 36px; height: 36px; color: #333; max-width: 200px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ab08 .box dl dt:hover .top, .ab08 .box dl dd:hover .top { border-bottom: 2px solid #c30d23; }
.ab08 .box dl .bot { width: 100%; height: 400px; background-position: center; background-repeat: no-repeat; background-size: cover; }
.ab08 .box dl .bot a { padding: 45px 30px; padding-bottom: 42px; display: block; overflow: auto; background-color: rgba(0,0,0,.7); width: 100%; height: 100%; box-sizing: border-box; opacity: 0; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.ab08 .box dl .bot .bt { font-weight: bold; color: #fff; font-size: 18px; line-height: 28px; }
.ab08 .box dl .bot .wen { color: #fff; font-size: 14px; line-height: 30px; margin-top: 7px; }
 .ab08 .box dl .bot a::-webkit-scrollbar {
width:5px;
height:1px;
}
 .ab08 .box dl .bot a::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#c30d23;
}
 .ab08 .box dl .bot a::-webkit-scrollbar-track {
border-radius:10px;
}
/*.ab08 .box dl .bot a:hover{ opacity:1;}*/

}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.ab08 { width: 100%; padding-top: 50px; padding-bottom: 55px; position: relative; z-index: 1; background-color: #f1f1f1; }
.ab08 .title { width: 94%; margin: auto; text-align: center; }
.ab08 .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab08 .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; }
.ab08 .title b { width: 40px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.ab08 .box { width: 94%; margin: auto; margin-top: 25px; }
.ab08 .box dl { width: 100%; display: block; }
.ab08 .box dl dt { width: 23.5%; display: block; float: left; margin-top: 22px; margin-right: 2%; overflow: hidden; }
.ab08 .box dl dd { width: 23.5%; display: block; float: left; margin-right: 2%; overflow: hidden; }
.ab08 .box dl dd:last-child { margin-right: 0; }
.ab08 .box dl dt .top { margin-bottom: 15px; }
.ab08 .box dl dd .top { margin-top: 7px; }
.ab08 .box dl .top { width: 90%; height: 36px; border-bottom: 2px solid #333; }
.ab08 .box dl .top b { display: block; float: left; font-size: 20px; line-height: 36px; height: 36px; color: #999; }
.ab08 .box dl .top a { display: block; float: right; font-size: 16px; line-height: 36px; height: 36px; color: #333; text-align: right; width: calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ab08 .box dl dt:hover .top, .ab08 .box dl dd:hover .top { border-bottom: 2px solid #c30d23; }
.ab08 .box dl .bot { width: 100%; height: 32.72vw; background-position: center; background-repeat: no-repeat; background-size: cover; }
.ab08 .box dl .bot a { padding: 35px 20px; display: block; overflow: auto; background-color: rgba(0,0,0,.7); width: 100%; height: 100%; box-sizing: border-box; opacity: 0; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.ab08 .box dl .bot .bt { font-weight: bold; color: #fff; font-size: 18px; line-height: 28px; }
.ab08 .box dl .bot .wen { color: #fff; font-size: 14px; line-height: 26px; margin-top: 5px; }
 .ab08 .box dl .bot a::-webkit-scrollbar {
width:5px;
height:1px;
}
 .ab08 .box dl .bot a::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#c30d23;
}
 .ab08 .box dl .bot a::-webkit-scrollbar-track {
border-radius:10px;
}
/*.ab08 .box dl .bot a:hover{ opacity:1;}*/

}
 @media only screen and (max-width:1023px) {
.ab08 { width: 100%; padding-top: 35px; padding-bottom: 40px; position: relative; z-index: 1; background-color: #f1f1f1; }
.ab08 .title { width: 94%; margin: auto; text-align: center; }
.ab08 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab08 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; }
.ab08 .title b { width: 30px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.ab08 .box { width: 94%; margin: auto; margin-top: 5px; }
.ab08 .box dl { width: 100%; display: block; }
.ab08 .box dl dt { width: 48.5%; display: block; float: left; margin-top: 15px; overflow: hidden; }
.ab08 .box dl dd { width: 48.5%; display: block; float: left; margin-top: 15px; margin-left: 3%; overflow: hidden; }
.ab08 .box dl dt .top { margin-bottom: 10px; }
.ab08 .box dl dd .top { margin-top: 10px; }
.ab08 .box dl .top { width: 100%; height: 34px; border-bottom: 2px solid #333; }
.ab08 .box dl .top b { display: block; float: left; font-size: 18px; line-height: 34px; height: 34px; color: #999; }
.ab08 .box dl .top a { display: block; float: right; font-size: 16px; line-height: 34px; height: 34px; color: #333; text-align: right; width: calc(100% - 30px); overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.ab08 .box dl dt:hover .top, .ab08 .box dl dd:hover .top { border-bottom: 2px solid #c30d23; }
.ab08 .box dl .bot { width: 100%; height: 67.54vw; background-position: center; background-repeat: no-repeat; background-size: cover; }
.ab08 .box dl .bot a { padding: 20px 15px; display: block; overflow: auto; background-color: rgba(0,0,0,.7); width: 100%; height: 100%; box-sizing: border-box; opacity: 0; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.ab08 .box dl .bot .bt { font-weight: bold; color: #fff; font-size: 16px; line-height: 26px; }
.ab08 .box dl .bot .wen { color: #fff; font-size: 14px; line-height: 24px; margin-top: 5px; }
 .ab08 .box dl .bot a::-webkit-scrollbar {
width:5px;
height:1px;
}
 .ab08 .box dl .bot a::-webkit-scrollbar-thumb {
border-radius:10px;
background-color:#c30d23;
}
 .ab08 .box dl .bot a::-webkit-scrollbar-track {
border-radius:10px;
}
/*.ab08 .box dl .bot a:hover{ opacity:1;}*/

}
 @media screen and (min-width:1280px) {
.ab09 { width: 100%; padding-top: 64px; padding-bottom: 70px; position: relative; z-index: 1; background-position: center; background-size: cover; background-repeat: no-repeat; }
.ab09 .bg { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1; }
.ab09 .title { width: 1200px; margin: auto; text-align: center; position: relative; z-index: 3; }
.ab09 .title span { font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #fff; overflow: hidden; font-family: fine; }
.ab09 .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; color: #fff; }
.ab09 .title b { width: 50px; height: 2px; background-color: #fff; margin: auto; margin-top: 8px; display: block; overflow: hidden; }
.ab09 .box { width: 1200px; margin: auto; margin-top: 30px; position: relative; z-index: 3; }
.ab09 .box .tu { width: 100%; position: relative; z-index: 1; }
.ab09 .box .tu img { display: block; margin: auto; }
.ab09 .box .tu a { display: block; width: 240px; height: 40px; line-height: 40px; border-radius: 40px; text-align: center; overflow: hidden; font-size: 16px; background: #c30d23; color: #fff; position: absolute; left: 50%; margin-left: -120px; bottom: 0; z-index: 3; }
.ab09 .box .item { position: absolute; z-index: 3; width: 330px; background-repeat: no-repeat; }
.ab09 .box .item:nth-child(2n) { padding-right: 40px; text-align: right; background-image: url(../images/ab091_03.png); background-position: top right; }
.ab09 .box .item:nth-child(2n+1) { padding-left: 40px; background-image: url(../images/ab092_05.png); background-position: top left; }
.ab09 .box .item .t01 { display: block; font-size: 18px; line-height: 30px; height: 30px; font-weight: bold; color: #fff; }
.ab09 .box .item .t02 { display: block; font-size: 14px; line-height: 24px; height: 72px; margin-top: 5px; color: #fff; }
.ab09 .box .item:nth-child(2) { top: 10px; right: 740px; }
.ab09 .box .item:nth-child(3) { top: 10px; left: 740px; }
.ab09 .box .item:nth-child(4) { top: 120px; right: 850px; }
.ab09 .box .item:nth-child(5) { top: 120px; left: 850px; }
.ab09 .box .item:nth-child(6) { bottom: 120px; right: 850px; }
.ab09 .box .item:nth-child(7) { bottom: 120px; left: 850px; }
.ab09 .box .item:nth-child(8) { bottom: 10px; right: 800px; }
.ab09 .box .item:nth-child(9) { bottom: 10px; left: 800px; }
.ab09 .box .item:hover .t01 { color: #c30d23; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.ab09 { width: 100%; padding-top: 50px; padding-bottom: 55px; position: relative; z-index: 1; background-position: center; background-size: cover; background-repeat: no-repeat; }
.ab09 .bg { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1; }
.ab09 .title { width: 94%; margin: auto; text-align: center; position: relative; z-index: 3; }
.ab09 .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #fff; overflow: hidden; font-family: fine; }
.ab09 .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; color: #fff; }
.ab09 .title b { width: 40px; height: 2px; background-color: #fff; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.ab09 .box { width: 94%; margin: auto; margin-top: 25px; position: relative; z-index: 3; }
.ab09 .box .tu { width: 100%; margin: auto; position: relative; z-index: 1; }
.ab09 .box .tu img { width: 35%; display: block; margin: auto; }
.ab09 .box .tu a { display: block; padding: 0 20px; height: 36px; line-height: 36px; border-radius: 40px; text-align: center; overflow: hidden; font-size: 16px; background: #c30d23; color: #fff; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 3; }
.ab09 .box .item { position: absolute; z-index: 3; width: 27%; background-repeat: no-repeat; }
.ab09 .box .item:nth-child(2n) { padding-right: 40px; text-align: right; background-image: url(../images/ab091_03.png); background-position: top right; }
.ab09 .box .item:nth-child(2n+1) { padding-left: 40px; background-image: url(../images/ab092_05.png); background-position: top left; }
.ab09 .box .item .t01 { display: block; font-size: 18px; line-height: 28px; height: 28px; font-weight: bold; color: #fff; }
.ab09 .box .item .t02 { display: block; font-size: 14px; line-height: 24px; margin-top: 5px; color: #fff; }
.ab09 .box .item:nth-child(2) { top: 10px; left: 2%; }
.ab09 .box .item:nth-child(3) { top: 10px; right: 2%; }
.ab09 .box .item:nth-child(4) { top: 50%; transform: translateY(-50%); left: 0; }
.ab09 .box .item:nth-child(5) { top: 50%; transform: translateY(-50%); right: 0; }
.ab09 .box .item:nth-child(6) { bottom: 10px; left: 2%; }
.ab09 .box .item:nth-child(7) { bottom: 10px; right: 2%; }
.ab09 .box .item:hover .t01 { color: #c30d23; }
}
 @media only screen and (max-width:768px) {
.ab09 { width: 100%; padding-top: 35px; padding-bottom: 35px; position: relative; z-index: 1; background-position: center; background-size: cover; background-repeat: no-repeat; }
.ab09 .bg { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1; }
.ab09 .title { width: 94%; margin: auto; text-align: center; position: relative; z-index: 3; }
.ab09 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #fff; overflow: hidden; font-family: fine; }
.ab09 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; color: #fff; }
.ab09 .title b { width: 30px; height: 2px; background-color: #fff; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.ab09 .box { width: 94%; margin: auto; position: relative; z-index: 3; }
.ab09 .box .tu { width: 100%; margin: 15px auto; margin-top: 20px; position: relative; z-index: 1; }
.ab09 .box .tu img { width: 50%; display: block; margin: auto; }
.ab09 .box .tu a { display: block; padding: 0 15px; height: 30px; line-height: 30px; border-radius: 40px; text-align: center; overflow: hidden; font-size: 14px; background: #c30d23; color: #fff; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; z-index: 3; }
.ab09 .box .item { padding-left: 30px; background-image: url(../images/ab092_05.png); background-position: top left; background-size: 20px auto; margin-top: 10px; background-repeat: no-repeat; }
.ab09 .box .item .t01 { display: block; font-size: 16px; line-height: 20px; height: 20px; font-weight: bold; color: #fff; }
.ab09 .box .item .t02 { display: block; font-size: 14px; line-height: 24px; color: #fff; margin-top: 3px; }
.ab09 .box .item:hover .t01 { color: #c30d23; }
}



/*关于盛世*/

@media screen and (min-width:1280px) {
.ab01 { width: 100%; padding-top: 64px; padding-bottom: 70px; position: relative; z-index: 1; background-color: #fff; }
.ab01 .title { width: 1200px; margin: auto; text-align: center; }
.ab01 .title span { font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab01 .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; }
.ab01 .title b { width: 50px; height: 2px; background-color: #333; margin: auto; margin-top: 8px; display: block; overflow: hidden; }
.ab01 .box { width: 1200px; margin: auto; margin-top: 30px; position: relative; }
.ab01 .box .left { width: 580px; float: left; padding-top: 35px; background-image: url(../images/ab01_22.png); background-position: right top; background-repeat: no-repeat; margin-top: 30px; }
.ab01 .box .left .k01 { font-size: 24px; line-height: 34px; font-weight: bold; color: #333; }
.ab01 .box .left .k02 { font-size: 14px; line-height: 24px; color: #666; text-transform: uppercase; }
.ab01 .box .left .k03 { width: 50px; height: 2px; margin-top: 10px; background-color: #c30d23; }
.ab01 .box .left .k04 { font-size: 14px; line-height: 30px; color: #333; margin-top: 17px; }
.ab01 .box .left .k05 { display: none; width: 100%; justify-content: space-between; margin-top: 25px; }
.ab01 .box .left .k05 li { display: block; overflow: hidden; }
.ab01 .box .left .k05 li p { width: 100%; box-sizing: border-box; display: block; overflow: hidden; border-left: 2px solid #c30d23; padding-left: 8px; }
.ab01 .box .left .k05 li p b { display: block; float: left; line-height: 50px; height: 50px; font-size: 48px; color: #333; font-weight: normal; }
.ab01 .box .left .k05 li p span { display: block; float: left; font-size: 18px; line-height: 24px; margin-left: 5px; margin-top: 25px; color: #333; }
.ab01 .box .left .k05 li a { font-size: 14px; line-height: 24px; padding-top: 1px; display: block; color: #666; }
.ab01 .box .right { width: 540px; float: right; position: relative; padding-right: 30px; padding-bottom: 30px; }
.ab01 .box .right strong { width: 100%; display: block; position: relative; z-index: 3; }
.ab01 .box .right strong img { width: 100%; display: block; }
.ab01 .box .right b { width: calc(100% - 30px); height: calc(100% - 30px); display: block; position: absolute; right: 0; bottom: 0; z-index: 1; background-color: #c30d23; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.ab01 { width: 100%; padding-top: 50px; padding-bottom: 55px; position: relative; z-index: 1; background-color: #fff; }
.ab01 .title { width: 94%; margin: auto; text-align: center; }
.ab01 .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab01 .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; }
.ab01 .title b { width: 40px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.ab01 .box { width: 94%; margin: auto; margin-top: 25px; }
.ab01 .box .left { width: 48.33%; float: left; padding-top: 20px; background-image: url(../images/ab01_22.png); background-position: right top; background-repeat: no-repeat; background-size: 237px auto; margin-top: 20px; }
.ab01 .box .left .k01 { font-size: 22px; line-height: 32px; font-weight: bold; color: #333; }
.ab01 .box .left .k02 { font-size: 14px; line-height: 22px; color: #666; text-transform: uppercase; }
.ab01 .box .left .k03 { width: 40px; height: 2px; margin-top: 5px; background-color: #c30d23; }
.ab01 .box .left .k04 { font-size: 14px; line-height: 24px; color: #333; margin-top: 15px; }
.ab01 .box .left .k05 { display: none; width: 100%; justify-content: space-between; margin-top: 15px; }
.ab01 .box .left .k05 li { display: block; overflow: hidden; }
.ab01 .box .left .k05 li p { width: 100%; box-sizing: border-box; display: block; overflow: hidden; border-left: 2px solid #c30d23; padding-left: 8px; }
.ab01 .box .left .k05 li p b { display: block; float: left; line-height: 40px; height: 40px; font-size: 38px; color: #333; font-weight: normal; }
.ab01 .box .left .k05 li p span { display: block; float: left; font-size: 18px; line-height: 24px; margin-left: 5px; margin-top: 15px; color: #333; }
.ab01 .box .left .k05 li a { font-size: 14px; line-height: 24px; padding-top: 1px; display: block; color: #666; }
.ab01 .box .right { width: 47.5%; box-sizing: border-box; float: right; position: relative; padding-right: 20px; padding-bottom: 20px; }
.ab01 .box .right strong { width: 100%; display: block; position: relative; z-index: 3; }
.ab01 .box .right strong img { width: 100%; display: block; }
.ab01 .box .right b { width: calc(100% - 20px); height: calc(100% - 20px); display: block; position: absolute; right: 0; bottom: 0; z-index: 1; background-color: #c30d23; }
}
 @media only screen and (max-width:1023px) {
.ab01 { width: 100%; padding-top: 35px; padding-bottom: 35px; position: relative; z-index: 1; background-color: #fff; }
.ab01 .title { width: 94%; margin: auto; text-align: center; }
.ab01 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab01 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; }
.ab01 .title b { width: 30px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.ab01 .box { width: 94%; margin: auto; margin-top: 10px; }
.ab01 .box .left { width: 100%; float: left; padding-top: 5px; background-image: url(../images/ab01_22.png); background-position: right top; background-repeat: no-repeat; background-size: 237px auto; }
.ab01 .box .left .k01 { font-size: 18px; line-height: 28px; font-weight: bold; color: #333; }
.ab01 .box .left .k02 { font-size: 14px; line-height: 22px; color: #666; text-transform: uppercase; }
.ab01 .box .left .k03 { width: 30px; height: 2px; margin-top: 5px; background-color: #c30d23; }
.ab01 .box .left .k04 { font-size: 14px; line-height: 24px; color: #333; margin-top: 10px; }
.ab01 .box .left .k05 { display: none; width: 100%; justify-content: space-between; flex-wrap: wrap; }
.ab01 .box .left .k05 li { display: block; overflow: hidden; width: 48.4%; margin-top: 10px; }
.ab01 .box .left .k05 li p { width: 100%; box-sizing: border-box; display: block; overflow: hidden; border-left: 2px solid #c30d23; padding-left: 8px; }
.ab01 .box .left .k05 li p b { display: block; float: left; line-height: 30px; height: 30px; font-size: 28px; color: #333; font-weight: normal; }
.ab01 .box .left .k05 li p span { display: block; float: left; font-size: 14px; line-height: 30px; height: 24px; margin-left: 5px; margin-top: 5px; color: #333; }
.ab01 .box .left .k05 li a { font-size: 14px; line-height: 24px; display: block; color: #666; }
.ab01 .box .right { width: 100%; box-sizing: border-box; float: right; position: relative; padding-right: 15px; padding-bottom: 15px; margin-top: 15px; }
.ab01 .box .right strong { width: 100%; display: block; position: relative; z-index: 3; }
.ab01 .box .right strong img { width: 100%; display: block; }
.ab01 .box .right b { width: calc(100% - 15px); height: calc(100% - 15px); display: block; position: absolute; right: 0; bottom: 0; z-index: 1; background-color: #c30d23; }
}
 @media screen and (min-width:1280px) {
.ab02 { width: 100%; padding-top: 70px; padding-bottom: 70px; position: relative; z-index: 1; background-color: #f1f1f1; display: ; }
.ab02 .title { width: 770px; position: absolute; right: 50%; margin-right: -600px; top: 64px; text-align: right; }
.ab02 .title span { width: 100%; float: right; font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab02 .title p { width: 100%; float: right; font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; }
.ab02 .title b { float: right; width: 50px; height: 2px; background-color: #333; margin-top: 8px; display: block; overflow: hidden; }
.ab02 .box { width: 1200px; margin: auto; position: relative; }
.ab02 .box .left { width: 378px; float: left; position: relative; }
.ab02 .box .left p { width: calc(100% - 30px); margin-bottom: 20px; padding-bottom: 10px; padding-right: 10px; display: block; position: relative; z-index: 3; background-color: #f1f1f1; overflow: hidden; }
.ab02 .box .left p img { width: 100%; display: block; }
.ab02 .box .left b { width: calc(100% - 30px); height: calc(100% - 30px); display: block; position: absolute; right: 0; bottom: 0; z-index: 1; background-color: #c30d23; overflow: hidden; }
.ab02 .box .right { width: 770px; float: right; position: relative; padding-top: 130px; }
.ab02 .box .right .w01 { display: flex; justify-content: center; align-items: center; }
.ab02 .box .right .w01 b { display: block; font-size: 24px; line-height: 34px; color: #c30d23; margin-right: 15px; }
.ab02 .box .right .w01 img { display: block; height: 60px; }
.ab02 .box .right .w02 { width: 100%; background-color: #fff; margin-top: 30px; padding: 30px 50px; min-height: 330px; box-sizing: border-box; display: flex; align-items: center; }
.ab02 .box .right .w02 .tu { float: left; width: 200px; }
.ab02 .box .right .w02 .tu img { display: block; }
.ab02 .box .right .w02 .wen { float: left; width: calc(100% - 200px); font-size: 16px; line-height: 30px; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.ab02 { width: 100%; padding-top: 55px; padding-bottom: 55px; position: relative; z-index: 1; background-color: #f1f1f1; display: ; }
.ab02 .title { width: 64.16%; position: absolute; right: 3%; top: 55px; text-align: right; }
.ab02 .title span { width: 100%; float: right; font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab02 .title p { width: 100%; float: right; font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; }
.ab02 .title b { float: right; width: 40px; height: 2px; background-color: #333; margin-top: 5px; display: block; overflow: hidden; }
.ab02 .box { width: 94%; margin: auto; }
.ab02 .box .left { width: 31.5%; float: left; position: relative; }
.ab02 .box .left p { width: calc(100% - 25px); margin-bottom: 15px; padding-bottom: 10px; padding-right: 10px; display: block; position: relative; z-index: 3; background-color: #f1f1f1; overflow: hidden; }
.ab02 .box .left p img { width: 100%; display: block; }
.ab02 .box .left b { width: calc(100% - 25px); height: calc(100% - 25px); display: block; position: absolute; right: 0; bottom: 0; z-index: 1; background-color: #c30d23; overflow: hidden; }
.ab02 .box .right { width: 64.16%; float: right; position: relative; padding-top: 95px; }
.ab02 .box .right .w01 { display: flex; justify-content: center; align-items: center; }
.ab02 .box .right .w01 b { display: block; font-size: 22px; line-height: 32px; color: #c30d23; margin-right: 10px; }
.ab02 .box .right .w01 img { display: block; height: 40px; }
.ab02 .box .right .w02 { width: 100%; background-color: #fff; margin-top: 20px; padding: 25px 40px; box-sizing: border-box; display: flex; align-items: center; }
.ab02 .box .right .w02 .tu { float: left; width: 150px; }
.ab02 .box .right .w02 .tu img { display: block; }
.ab02 .box .right .w02 .wen { float: left; width: calc(100% - 150px); font-size: 16px; line-height: 26px; }
}
 @media only screen and (max-width:1023px) {
.ab02 { width: 100%; padding-top: 35px; padding-bottom: 40px; position: relative; z-index: 1; background-color: #f1f1f1; display: ; }
.ab02 .title { width: 94%; margin: auto; text-align: center; }
.ab02 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab02 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; }
.ab02 .title b { width: 30px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.ab02 .box { width: 94%; margin: auto; margin-top: 20px; }
.ab02 .box .left { width: 50%; margin: auto; position: relative; }
.ab02 .box .left p { width: calc(100% - 15px); margin-bottom: 10px; padding-bottom: 5px; padding-right: 10px; display: block; position: relative; z-index: 3; background-color: #f1f1f1; overflow: hidden; }
.ab02 .box .left p img { width: 100%; display: block; }
.ab02 .box .left b { width: calc(100% - 15px); height: calc(100% - 15px); display: block; position: absolute; right: 0; bottom: 0; z-index: 1; background-color: #c30d23; overflow: hidden; }
.ab02 .box .right { width: 100%; float: right; position: relative; padding-top: 15px; }
.ab02 .box .right .w01 { display: flex; justify-content: center; align-items: center; }
.ab02 .box .right .w01 b { display: block; font-size: 18px; line-height: 28px; color: #c30d23; margin-right: 5px; }
.ab02 .box .right .w01 img { display: block; height: 30px; }
.ab02 .box .right .w02 { width: 100%; background-color: #fff; margin-top: 10px; padding: 10px 15px; box-sizing: border-box; display: flex; align-items: center; }
.ab02 .box .right .w02 .tu { float: left; width: 50px; }
.ab02 .box .right .w02 .tu img { display: block; width: 30px; }
.ab02 .box .right .w02 .wen { float: left; width: calc(100% - 50px); font-size: 14px; line-height: 24px; }
}
 @media screen and (min-width:1280px) {
.ab03 { width: 100%; padding-top: 64px; height: 646px; position: relative; z-index: 1; }
.ab03 .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-position: top center; background-size: cover; background-repeat: no-repeat; }
.ab03 .bg01 { display: none; }
.ab03 .title { width: 1200px; margin: auto; text-align: center; position: relative; z-index: 3; }
.ab03 .title span { font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab03 .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; color: #333; }
.ab03 .title b { width: 50px; height: 2px; background-color: #333; margin: auto; margin-top: 8px; display: block; overflow: hidden; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.ab03 { width: 100%; padding-top: 50px; height: 51vw; box-sizing: border-box; position: relative; z-index: 1; }
.ab03 .bg { width: 100%; height: 100%; position: absolute; left: 0; top: 0; z-index: 1; background-position: top center; background-size: cover; background-repeat: no-repeat; }
.ab03 .bg01 { display: none; }
.ab03 .title { width: 94%; margin: auto; text-align: center; position: relative; z-index: 3; }
.ab03 .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab03 .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; color: #333; }
.ab03 .title b { width: 40px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
}
 @media only screen and (max-width:768px) {
.ab03 { width: 100%; position: relative; z-index: 1; }
.ab03 .bg { display: none; }
.ab03 .bg01 { width: 100%; }
.ab03 .bg01 img { width: 100%; display: block; }
.ab03 .title { width: 94%; margin: auto; text-align: center; position: absolute; left: 3%; top: 35px; z-index: 3; }
.ab03 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab03 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; color: #333; }
.ab03 .title b { width: 30px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
}

/*@media screen and (min-width:1280px){

.ab03{ width:100%; padding-top:64px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat;}

.ab03 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}

.ab03 .title{ width:1200px; margin:auto; text-align:center; position:relative; z-index:3;}

.ab03 .title span{ font-size:42px; line-height:40px; height:40px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine;}

.ab03 .title p{ font-size:26px; line-height:36px; height:36px; overflow:hidden; color:#fff;}

.ab03 .title b{ width:50px; height:2px; background-color:#fff; margin:auto; margin-top:8px; display:block; overflow:hidden;}

.ab03 .bg01{ width:calc(50% + 140px); height:400px; background-color:#c30d23; opacity:.7; position:absolute; right:0; bottom:0; z-index:2; border-top-left-radius:30px;}

.ab03 .box{ width:1200px; margin:auto; margin-top:25px; height:535px; position:relative; z-index:3;}

.ab03 .box .left{ width:100%;}

.ab03 .box .left .w01{ font-size:24px; line-height:34px; color:#fff;}

.ab03 .box .left .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:10px;}

.ab03 .box .left .w03{ width:40px; height:2px; background-color:#c30d23; margin-top:15px;}

.ab03 .box .left .gallery-thumbs{ margin-top:20px; width:400px; margin-left:0;}

.ab03 .box .left .gallery-thumbs .swiper-slide{ overflow:hidden; cursor:pointer;}

.ab03 .box .left .gallery-thumbs .swiper-slide span{ display:block; float:left; width:25px; font-size:24px; height:36px; line-height:36px; color:#fff; opacity:0; overflow:hidden;}

.ab03 .box .left .gallery-thumbs .swiper-slide a{ width:calc(100% - 25px); display:block; float:left; font-size:16px; line-height:36px; height:36px; color:#fff;}

.ab03 .box .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ opacity:1;}

.ab03 .box .an{ position:absolute; right:0; top:5px; z-index:2;}

.ab03 .box .an .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:rgba(255,255,255,.3); overflow:hidden; display:block; margin-bottom:20px; background-position:center; background-repeat:no-repeat;}

.ab03 .box .an .swiper-button-white:hover{ background-color:#c30d23;}

.ab03 .box .an .swiper-button-prev{ background-image:url(../images/prev03.png);}

.ab03 .box .an .swiper-button-next{ background-image:url(../images/next03.png);}

.ab03 .box .gallery-top{ position:absolute; right:0; bottom:0; width:690px; z-index:3;}

.ab03 .box .gallery-top .swiper-slide{ display:block; overflow:hidden; position:relative; width:100%; padding-bottom:65px;}

.ab03 .box .gallery-top .swiper-slide .w01{ width:100%; font-size:20px; line-height:30px; font-weight:bold; color:#fff; text-overflow:ellipsis; white-space:nowrap;}

.ab03 .box .gallery-top .swiper-slide .w01 a{ display:block; color:#fff;}

.ab03 .box .gallery-top .swiper-slide .w02{ width:100%; font-size:16px; line-height:26px; margin-top:10px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}

.ab03 .box .gallery-top .swiper-slide .w03{ width:100%; font-size:14px; line-height:24px; height:120px; margin-top:10px; padding-top:25px; border-top:1px solid rgba(255,255,255,.7); color:#fff; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5;}

.ab03 .box .gallery-top .swiper-slide .w04{ margin-top:25px;}

.ab03 .box .gallery-top .swiper-slide .w04 a{ display:block; float:left; overflow:hidden;}

.ab03 .box .gallery-top .swiper-slide .w04 a span{ display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#fff;}

.ab03 .box .gallery-top .swiper-slide .w04 a b{ display:block; float:left; width:10px; height:10px; overflow:hidden; margin-left:7px; margin-top:9px; background-image:url(../images/duo.png); background-position:center; background-repeat:no-repeat;}

.ab03 .box .gallery-top .swiper-slide .w04 a:hover b{ margin-top:7px;}

.ab03 .box .gallery-top .swiper-slide .w05{ font-size:60px; line-height:60px; color:#fff; position:absolute; right:0; bottom:45px; opacity:.2;}

}

@media screen and (min-width:769px) and (max-width:1279px){

.ab03{ width:100%; padding-top:50px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat;}

.ab03 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}

.ab03 .title{ width:94%; margin:auto; text-align:center; position:relative; z-index:3;}

.ab03 .title span{ font-size:32px; line-height:30px; height:30px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine;}

.ab03 .title p{ font-size:22px; line-height:32px; height:32px; overflow:hidden; color:#fff;}

.ab03 .title b{ width:40px; height:2px; background-color:#fff; margin:auto; margin-top:5px; display:block; overflow:hidden;}

.ab03 .box{ width:100%; margin:auto; margin-top:20px; position:relative; z-index:3;}

.ab03 .box .left{ width:94%; padding:0 3%;}

.ab03 .box .left .w01{ font-size:22px; line-height:32px; color:#fff;}

.ab03 .box .left .w02{ font-size:14px; line-height:24px; color:#fff; margin-top:5px;}

.ab03 .box .left .w03{ width:40px; height:2px; background-color:#c30d23; margin-top:10px;}

.ab03 .box .left .gallery-thumbs{ margin-top:10px; width:40%; margin-left:0; min-height:350px;}

.ab03 .box .left .gallery-thumbs .swiper-slide{ overflow:hidden; cursor:pointer;}

.ab03 .box .left .gallery-thumbs .swiper-slide span{ display:block; float:left; width:25px; font-size:24px; height:36px; line-height:36px; color:#fff; opacity:0; overflow:hidden;}

.ab03 .box .left .gallery-thumbs .swiper-slide a{ width:calc(100% - 25px); display:block; float:left; font-size:16px; line-height:36px; height:36px; color:#fff;}

.ab03 .box .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ opacity:1;}

.ab03 .box .an{ position:absolute; right:3%; top:5px; z-index:2;}

.ab03 .box .an .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:rgba(255,255,255,.3); overflow:hidden; display:block; margin-bottom:15px; background-position:center; background-repeat:no-repeat;}

.ab03 .box .an .swiper-button-white:hover{ background-color:#c30d23;}

.ab03 .box .an .swiper-button-prev{ background-image:url(../images/prev03.png);}

.ab03 .box .an .swiper-button-next{ background-image:url(../images/next03.png);}

.ab03 .box .gallery-top{ position:absolute; right:0; bottom:0; width:50%; overflow:hidden; z-index:3; background-color:rgba(195,13,35,.7); border-top-left-radius:20px;}

.ab03 .box .gallery-top .swiper-slide{ display:block; overflow:hidden; position:relative; width:100%; box-sizing:border-box; padding:20px 6%; padding-bottom:50px;}

.ab03 .box .gallery-top .swiper-slide .w01{ width:100%; font-size:18px; line-height:28px; font-weight:bold; color:#fff; text-overflow:ellipsis; white-space:nowrap;}

.ab03 .box .gallery-top .swiper-slide .w01 a{ display:block; color:#fff;}

.ab03 .box .gallery-top .swiper-slide .w02{ width:100%; font-size:14px; line-height:24px; margin-top:5px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}

.ab03 .box .gallery-top .swiper-slide .w03{ width:100%; font-size:14px; line-height:24px; height:120px; margin-top:5px; padding-top:15px; border-top:1px solid rgba(255,255,255,.7); color:#fff; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5;}

.ab03 .box .gallery-top .swiper-slide .w04{ margin-top:15px;}

.ab03 .box .gallery-top .swiper-slide .w04 a{ display:block; float:left; overflow:hidden;}

.ab03 .box .gallery-top .swiper-slide .w04 a span{ display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#fff;}

.ab03 .box .gallery-top .swiper-slide .w04 a b{ display:block; float:left; width:10px; height:10px; overflow:hidden; margin-left:7px; margin-top:9px; background-image:url(../images/duo.png); background-position:center; background-repeat:no-repeat;}

.ab03 .box .gallery-top .swiper-slide .w04 a:hover b{ margin-top:7px;}

.ab03 .box .gallery-top .swiper-slide .w05{ font-size:50px; line-height:50px; color:#fff; position:absolute; right:6%; bottom:30px; opacity:.2;}

}

@media only screen and (max-width:768px){

.ab03{ width:100%; padding-top:35px; position:relative; z-index:1; background-position:center; background-size:cover; background-repeat:no-repeat;}

.ab03 .bg{ width:100%; height:100%; background-color:rgba(0,0,0,.7); position:absolute; left:0; top:0; z-index:1;}

.ab03 .title{ width:94%; margin:auto; text-align:center; position:relative; z-index:3;}

.ab03 .title span{ font-size:26px; line-height:26px; height:26px; text-transform:uppercase; color:#fff; overflow:hidden; font-family:fine;}

.ab03 .title p{ font-size:18px; line-height:26px; height:26px; overflow:hidden; color:#fff;}

.ab03 .title b{ width:30px; height:2px; background-color:#fff; margin:auto; margin-top:5px; display:block; overflow:hidden;}

.ab03 .box{ width:100%; margin:auto; margin-top:15px; position:relative; z-index:3;}

.ab03 .box .left{ width:94%; padding:0 3%;}

.ab03 .box .left .w01{ font-size:18px; line-height:28px; color:#fff;}

.ab03 .box .left .w02{ font-size:14px; line-height:24px; color:#fff;}

.ab03 .box .left .w03{ width:40px; height:2px; background-color:#c30d23; margin-top:5px;}

.ab03 .box .left .gallery-thumbs{ margin-top:10px; width:100%;}

.ab03 .box .left .gallery-thumbs .swiper-slide{ overflow:hidden; cursor:pointer;}

.ab03 .box .left .gallery-thumbs .swiper-slide span{ display:block; float:left; width:20px; font-size:20px; height:24px; line-height:24px; color:#fff; opacity:0; overflow:hidden;}

.ab03 .box .left .gallery-thumbs .swiper-slide a{ width:calc(100% - 70px); display:block; float:left; font-size:14px; line-height:24px; height:26px; color:#fff;}

.ab03 .box .left .gallery-thumbs .swiper-slide.swiper-slide-thumb-active span{ opacity:1;}

.ab03 .box .an{ position:absolute; right:3%; bottom:290px; z-index:2;}

.ab03 .box .an .swiper-button-white{ width:40px; height:40px; border-radius:100%; background-color:rgba(255,255,255,.3); overflow:hidden; display:block; margin-top:10px; background-position:center; background-repeat:no-repeat;}

.ab03 .box .an .swiper-button-white:hover{ background-color:#c30d23;}

.ab03 .box .an .swiper-button-prev{ background-image:url(../images/prev03.png);}

.ab03 .box .an .swiper-button-next{ background-image:url(../images/next03.png);}

.ab03 .box .gallery-top{ width:97%; margin-left:3%; overflow:hidden; z-index:3; background-color:rgba(195,13,35,.7); border-top-left-radius:10px; margin-top:10px;}

.ab03 .box .gallery-top .swiper-slide{ display:block; overflow:hidden; position:relative; width:100%; box-sizing:border-box; padding:15px 3vw; padding-bottom:35px;}

.ab03 .box .gallery-top .swiper-slide .w01{ width:100%; font-size:16px; line-height:26px; font-weight:bold; color:#fff; text-overflow:ellipsis; white-space:nowrap;}

.ab03 .box .gallery-top .swiper-slide .w01 a{ display:block; color:#fff;}

.ab03 .box .gallery-top .swiper-slide .w02{ width:100%; font-size:14px; line-height:24px; color:#fff; text-overflow:ellipsis; white-space:nowrap;}

.ab03 .box .gallery-top .swiper-slide .w03{ width:100%; font-size:14px; line-height:24px; height:120px; margin-top:5px; padding-top:10px; border-top:1px solid rgba(255,255,255,.7); color:#fff; display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:5;}

.ab03 .box .gallery-top .swiper-slide .w04{ margin-top:10px;}

.ab03 .box .gallery-top .swiper-slide .w04 a{ display:block; float:left; overflow:hidden;}

.ab03 .box .gallery-top .swiper-slide .w04 a span{ display:block; float:left; font-size:14px; line-height:24px; height:24px; overflow:hidden; color:#fff;}

.ab03 .box .gallery-top .swiper-slide .w04 a b{ display:block; float:left; width:10px; height:10px; overflow:hidden; margin-left:7px; margin-top:9px; background-image:url(../images/duo.png); background-position:center; background-repeat:no-repeat;}

.ab03 .box .gallery-top .swiper-slide .w04 a:hover b{ margin-top:7px;}

.ab03 .box .gallery-top .swiper-slide .w05{ font-size:30px; line-height:30px; color:#fff; position:absolute; right:6%; bottom:30px; opacity:.2;}

}*/



@media screen and (min-width:1280px) {
.ab04 { width: 100%; padding-top: 64px; padding-bottom: 70px; position: relative; z-index: 1; background-color: #fff; }
.ab04 .title { width: 1200px; margin: auto; text-align: center; }
.ab04 .title span { font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab04 .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; }
.ab04 .title b { width: 50px; height: 2px; background-color: #333; margin: auto; margin-top: 8px; display: block; overflow: hidden; }
.ab04 .box { width: 1200px; margin: auto; margin-top: 30px; position: relative; }
.ab04 .box .swiper-container { width: 100%; position: relative; height: 530px; }
.ab04 .box .swiper-container .swiper-slide { width: 840px; height: 100%; margin: 0 30px; position: relative; overflow: hidden; }
.ab04 .box .swiper-container .swiper-slide img { width: 100%; display: block; }
.ab04 .box .swiper-container .swiper-slide .bg { width: 100%; height: 100%; background-color: #000; opacity: 0.7; position: absolute; left: 0; top: 0; }
.ab04 .box .swiper-container .swiper-slide .wen { padding: 15px 20px; position: absolute; left: 0; bottom: 0; display: none; width: 100%; box-sizing: border-box; background-color: rgba(195,13,35,.8); }
.ab04 .box .swiper-container .swiper-slide .wen .h01 { font-size: 20px; line-height: 30px; color: #fff; font-weight: bold; }
.ab04 .box .swiper-container .swiper-slide .wen .h02 { font-size: 14px; line-height: 24px; color: #fff; margin-top: 5px; }
.ab04 .box .swiper-container .swiper-slide.swiper-slide-active .bg { display: none; }
.ab04 .box .swiper-container .swiper-slide.swiper-slide-active .wen { display: block; }
.ab04 .box .swiper-button-white { position: absolute; top: 50%; margin-top: -30px; width: 60px; height: 60px; }
.ab04 .box .swiper-button-white img { width: 100%; display: block; }
.ab04 .box .swiper-button-prev { left: 30px; }
.ab04 .box .swiper-button-next { right: 30px; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.ab04 { width: 100%; padding-top: 50px; padding-bottom: 55px; position: relative; z-index: 1; background-color: #fff; }
.ab04 .title { width: 94%; margin: auto; text-align: center; }
.ab04 .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab04 .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; }
.ab04 .title b { width: 40px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.ab04 .box { width: 94%; margin: auto; margin-top: 25px; position: relative; }
.ab04 .box .swiper-container { width: 100%; position: relative; height: 34.595vw; }
.ab04 .box .swiper-container .swiper-slide { width: 69.44%; height: 100%; margin: 0 1.5%; position: relative; overflow: hidden; }
.ab04 .box .swiper-container .swiper-slide img { width: 100%; display: block; }
.ab04 .box .swiper-container .swiper-slide .bg { width: 100%; height: 100%; background-color: #000; opacity: 0.7; position: absolute; left: 0; top: 0; }
.ab04 .box .swiper-container .swiper-slide .wen { padding: 10px 15px; position: absolute; left: 0; bottom: 0; display: none; width: 100%; box-sizing: border-box; background-color: rgba(218,0,0,.8); }
.ab04 .box .swiper-container .swiper-slide .wen .h01 { font-size: 18px; line-height: 28px; color: #fff; font-weight: bold; }
.ab04 .box .swiper-container .swiper-slide .wen .h02 { font-size: 14px; line-height: 24px; color: #fff; margin-top: 3px; }
.ab04 .box .swiper-container .swiper-slide.swiper-slide-active .bg { display: none; }
.ab04 .box .swiper-container .swiper-slide.swiper-slide-active .wen { display: block; }
.ab04 .box .swiper-button-white { position: absolute; top: 50%; margin-top: -25px; width: 50px; height: 50px; }
.ab04 .box .swiper-button-white img { width: 100%; display: block; }
.ab04 .box .swiper-button-prev { left: 6.14%; margin-left: -25px; }
.ab04 .box .swiper-button-next { right: 6.14%; margin-right: -25px; }
}
 @media only screen and (max-width:768px) {
.ab04 { width: 100%; padding-top: 35px; padding-bottom: 40px; position: relative; z-index: 1; background-color: #fff; }
.ab04 .title { width: 94%; margin: auto; text-align: center; }
.ab04 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab04 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; }
.ab04 .title b { width: 30px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.ab04 .box { width: 94%; margin: auto; margin-top: 20px; padding-top: 5px; position: relative; }
.ab04 .box .swiper-container { width: 100%; position: relative; }
.ab04 .box .swiper-container .swiper-wrapper { align-items: center; }
.ab04 .box .swiper-container .swiper-slide { width: 69.44%; margin: 0 1.5%; height: 100%; overflow: hidden; }
.ab04 .box .swiper-container .swiper-slide .tu { height: 34.595vw; }
.ab04 .box .swiper-container .swiper-slide img { width: 100%; display: block; }
.ab04 .box .swiper-container .swiper-slide .bg { width: 100%; height: 100%; background-color: #000; opacity: 0.7; position: absolute; left: 0; top: 0; }
.ab04 .box .swiper-container .swiper-slide .wen { width: 94%; margin: auto; position: relative; z-index: 3; margin-top: -25px; display: none; padding: 10px 15px; box-sizing: border-box; background-color: rgba(218,0,0,.8); }
.ab04 .box .swiper-container .swiper-slide .wen .h01 { font-size: 16px; line-height: 26px; color: #fff; font-weight: bold; }
.ab04 .box .swiper-container .swiper-slide .wen .h02 { font-size: 14px; line-height: 20px; color: #fff; }
.ab04 .box .swiper-container .swiper-slide.swiper-slide-active .bg { display: none; }
.ab04 .box .swiper-container .swiper-slide.swiper-slide-active .wen { display: block; }
.ab04 .box .swiper-button-white { position: absolute; top: 50%; margin-top: -15px; width: 30px; height: 30px; }
.ab04 .box .swiper-button-white img { width: 100%; display: block; }
.ab04 .box .swiper-button-prev { left: 6.14%; margin-left: -15px; }
.ab04 .box .swiper-button-next { right: 6.14%; margin-right: -15px; }
}
 @media screen and (min-width:1280px) {
.ab05 { width: 100%; padding-top: 64px; padding-bottom: 70px; position: relative; z-index: 1; background-color: #f1f1f1; }
.ab05 .title { width: 1200px; margin: auto; text-align: center; }
.ab05 .title span { font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab05 .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; }
.ab05 .title b { width: 50px; height: 2px; background-color: #333; margin: auto; margin-top: 8px; display: block; overflow: hidden; }
.ab05 .box { width: 1200px; margin: auto; position: relative; }
.ab05 .box a { width: 380px; height: 270px; display: block; background-color: #fff; margin-top: 30px; margin-left: 30px; float: left; position: relative; overflow: hidden; cursor: pointer; }
.ab05 .box a img { width: 100%; display: block; }
.ab05 .box a:nth-child(3n+1) { clear: left; float: left; margin-left: 0; }
.ab05 .box a span { width: 100%; padding: 0 20px; height: 40px; line-height: 40px; box-sizing: border-box; font-size: 16px; color: #fff; background-color: rgba(0,0,0,.7); position: absolute; left: 0; bottom: 0; text-align: center; }
.ab05 .box a:hover span { background-color: rgba(218,0,0,.9); }
.ab05 .box .swiper-pagination { width: 100%; display: flex; justify-content: center; margin-top: 30px; }
.ab05 .box .swiper-pagination span { display: block; width: 40px; height: 6px; border-radius: 10px; background-color: #999; overflow: hidden; margin: 0 5px; }
.ab05 .box .swiper-pagination span.swiper-pagination-bullet-active { background: #c30d23; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.ab05 { width: 100%; padding-top: 50px; padding-bottom: 55px; position: relative; z-index: 1; background-color: #f1f1f1; }
.ab05 .title { width: 94%; margin: auto; text-align: center; }
.ab05 .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab05 .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; }
.ab05 .title b { width: 40px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.ab05 .box { width: 94%; margin: auto; position: relative; }
.ab05 .box a { width: 32%; height: 21.37vw; display: block; background-color: #fff; margin-top: 25px; margin-left: 2%; float: left; position: relative; overflow: hidden; cursor: pointer; }
.ab05 .box a img { width: 100%; display: block; }
.ab05 .box a:nth-child(3n+1) { clear: left; float: left; margin-left: 0; }
.ab05 .box a span { width: 100%; padding: 0 15px; height: 36px; line-height: 36px; box-sizing: border-box; font-size: 16px; color: #fff; background-color: rgba(0,0,0,.7); position: absolute; left: 0; bottom: 0; text-align: center; }
.ab05 .box a:hover span { background-color: rgba(218,0,0,.9); }
.ab05 .box .swiper-pagination { width: 100%; display: flex; justify-content: center; margin-top: 25px; }
.ab05 .box .swiper-pagination span { display: block; width: 30px; height: 5px; border-radius: 10px; background-color: #999; overflow: hidden; margin: 0 5px; }
.ab05 .box .swiper-pagination span.swiper-pagination-bullet-active { background: #c30d23; }
}
 @media only screen and (max-width:768px) {
.ab05 { width: 100%; padding-top: 35px; padding-bottom: 40px; position: relative; z-index: 1; background-color: #f1f1f1; }
.ab05 .title { width: 94%; margin: auto; text-align: center; }
.ab05 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #999; overflow: hidden; font-family: fine; }
.ab05 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; }
.ab05 .title b { width: 30px; height: 2px; background-color: #333; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.ab05 .box { width: 94%; margin: auto; padding-top: 5px; position: relative; }
.ab05 .box a { width: 48.5%; height: 32.39vw; display: block; background-color: #fff; margin-top: 15px; margin-left: 3%; float: left; position: relative; overflow: hidden; cursor: pointer; }
.ab05 .box a img { width: 100%; display: block; }
.ab05 .box a:nth-child(2n+1) { clear: left; float: left; margin-left: 0; }
.ab05 .box a span { width: 100%; padding: 0 10px; height: 30px; line-height: 30px; box-sizing: border-box; font-size: 14px; color: #fff; background-color: rgba(0,0,0,.7); position: absolute; left: 0; bottom: 0; text-align: center; }
.ab05 .box a:hover span { background-color: rgba(218,0,0,.9); }
.ab05 .box .swiper-pagination { width: 100%; display: flex; justify-content: center; margin-top: 20px; }
.ab05 .box .swiper-pagination span { display: block; width: 20px; height: 4px; border-radius: 10px; background-color: #999; overflow: hidden; margin: 0 5px; }
.ab05 .box .swiper-pagination span.swiper-pagination-bullet-active { background: #c30d23; }
}
 @media screen and (min-width:1280px) {
.ab06 { width: 100%; padding-top: 64px; padding-bottom: 65px; position: relative; z-index: 1; background-position: center; background-size: cover; background-repeat: no-repeat; }
.ab06 .bg { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1; }
.ab06 .title { width: 1200px; margin: auto; text-align: center; position: relative; z-index: 3; }
.ab06 .title span { font-size: 42px; line-height: 40px; height: 40px; text-transform: uppercase; color: #fff; overflow: hidden; font-family: fine; }
.ab06 .title p { font-size: 26px; line-height: 36px; height: 36px; overflow: hidden; color: #fff; }
.ab06 .title b { width: 50px; height: 2px; background-color: #fff; margin: auto; margin-top: 8px; display: block; overflow: hidden; }
.ab06 .box { width: 1200px; margin: auto; margin-top: 25px; position: relative; z-index: 3; }
.ab06 .box .an { position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 2; }
.ab06 .box .an .swiper-button-white { width: 40px; height: 40px; border-radius: 100%; background-color: rgba(255,255,255,.3); overflow: hidden; display: block; margin: 20px 0; background-position: center; background-repeat: no-repeat; }
.ab06 .box .an .swiper-button-white:hover { background-color: #c30d23; }
.ab06 .box .an .swiper-button-prev { background-image: url(../images/prev03.png); }
.ab06 .box .an .swiper-button-next { background-image: url(../images/next03.png); }
.ab06 .box .gallery-top { width: 100%; float: left; }
.ab06 .box .gallery-top .swiper-slide { width: 100%; }
.ab06 .box .gallery-top .swiper-slide .bt { font-size: 20px; line-height: 30px; font-weight: bold; color: #fff; }
.ab06 .box .gallery-top .swiper-slide .wen { width: calc(100% - 80px); font-size: 14px; line-height: 30px; color: #fff; margin-top: 17px; }
.ab06 .box .shu { float: left; margin-top: 27px; }
.ab06 .box .shu p { display: block; font-size: 36px; height: 80px; line-height: 80px; color: #fff; overflow: hidden; }
.ab06 .box .gallery-thumbs { width: 920px; float: right; margin-top: 27px; }
.ab06 .box .gallery-thumbs .swiper-slide { width: 200px; height: 80px; margin-right: 40px; padding-top: 43px; padding-bottom: 39px; position: relative; }
.ab06 .box .gallery-thumbs .swiper-slide p { width: 60px; height: 60px; border-radius: 100%; background-color: rgba(255,255,255,.7); margin: 5px auto; overflow: hidden; padding: 5px; }
.ab06 .box .gallery-thumbs .swiper-slide p a { width: 60px; height: 60px; background-color: #fff; font-size: 16px; line-height: 60px; text-align: center; display: block; border-radius: 100%; overflow: hidden; }
.ab06 .box .gallery-thumbs .swiper-slide span { width: 100%; position: absolute; left: 0; bottom: 0; display: block; text-align: center; color: #fff; overflow: hidden; font-size: 14px; line-height: 24px; height: 24px; text-align: center; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.ab06 .box .gallery-thumbs .swiper-slide.cur p { width: 70px; height: 70px; margin: auto; background-color: #c30d23; }
.ab06 .box .gallery-thumbs .swiper-slide.cur p a { background-color: #c30d23; color: #fff; width: 70px; height: 70px; line-height: 70px; }
.ab06 .box .gallery-thumbs .swiper-slide.cur span { bottom: calc(100% - 28px); font-size: 18px; line-height: 28px; height: 28px; }
.ab06 .line { width: 100%; height: 2px; background-color: #fff; position: absolute; left: 0; bottom: 143px; z-index: 2; opacity: .3; }
}
 @media screen and (min-width:769px) and (max-width:1279px) {
.ab06 { width: 100%; padding-top: 50px; padding-bottom: 50px; position: relative; z-index: 1; background-position: center; background-size: cover; background-repeat: no-repeat; }
.ab06 .bg { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1; }
.ab06 .title { width: 94%; margin: auto; text-align: center; position: relative; z-index: 3; }
.ab06 .title span { font-size: 32px; line-height: 30px; height: 30px; text-transform: uppercase; color: #fff; overflow: hidden; font-family: fine; }
.ab06 .title p { font-size: 22px; line-height: 32px; height: 32px; overflow: hidden; color: #fff; }
.ab06 .title b { width: 40px; height: 2px; background-color: #fff; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.ab06 .box { width: 94%; margin: auto; margin-top: 20px; position: relative; z-index: 3; }
.ab06 .box .an { position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 2; }
.ab06 .box .an .swiper-button-white { width: 40px; height: 40px; border-radius: 100%; background-color: rgba(255,255,255,.3); overflow: hidden; display: block; margin: 15px 0; background-position: center; background-repeat: no-repeat; }
.ab06 .box .an .swiper-button-white:hover { background-color: #c30d23; }
.ab06 .box .an .swiper-button-prev { background-image: url(../images/prev03.png); }
.ab06 .box .an .swiper-button-next { background-image: url(../images/next03.png); }
.ab06 .box .gallery-top { width: 100%; float: left; }
.ab06 .box .gallery-top .swiper-slide { width: 100%; }
.ab06 .box .gallery-top .swiper-slide .bt { font-size: 18px; line-height: 28px; font-weight: bold; color: #fff; }
.ab06 .box .gallery-top .swiper-slide .wen { width: calc(100% - 60px); font-size: 14px; line-height: 24px; color: #fff; margin-top: 15px; }
.ab06 .box .shu { float: left; margin-top: 20px; }
.ab06 .box .shu p { display: block; font-size: 30px; height: 70px; line-height: 70px; color: #fff; overflow: hidden; }
.ab06 .box .gallery-thumbs { width: calc(100% - 120px); float: right; margin-top: 20px; }
.ab06 .box .gallery-thumbs .swiper-slide { width: 23.5%; height: 80px; margin-right: 2%; padding-top: 36px; padding-bottom: 34px; position: relative; }
.ab06 .box .gallery-thumbs .swiper-slide p { width: 60px; height: 60px; border-radius: 100%; background-color: rgba(255,255,255,.7); margin: 5px auto; overflow: hidden; padding: 5px; }
.ab06 .box .gallery-thumbs .swiper-slide p a { width: 60px; height: 60px; background-color: #fff; font-size: 16px; line-height: 60px; text-align: center; display: block; border-radius: 100%; overflow: hidden; }
.ab06 .box .gallery-thumbs .swiper-slide span { width: 100%; position: absolute; left: 0; bottom: 0; display: block; text-align: center; color: #fff; overflow: hidden; font-size: 14px; line-height: 24px; height: 24px; text-align: center; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.ab06 .box .gallery-thumbs .swiper-slide.cur p { width: 70px; height: 70px; margin: auto; background-color: #c30d23; }
.ab06 .box .gallery-thumbs .swiper-slide.cur p a { background-color: #c30d23; color: #fff; width: 70px; height: 70px; line-height: 70px; }
.ab06 .box .gallery-thumbs .swiper-slide.cur span { bottom: calc(100% - 26px); font-size: 16px; line-height: 26px; height: 26px; }
.ab06 .line { width: 100%; height: 2px; background-color: #fff; position: absolute; left: 0; bottom: 123px; z-index: 2; opacity: .3; }
}
 @media only screen and (max-width:768px) {
.ab06 { width: 100%; padding-top: 35px; padding-bottom: 35px; position: relative; z-index: 1; background-position: center; background-size: cover; background-repeat: no-repeat; }
.ab06 .bg { width: 100%; height: 100%; background-color: rgba(0,0,0,.7); position: absolute; left: 0; top: 0; z-index: 1; }
.ab06 .title { width: 94%; margin: auto; text-align: center; position: relative; z-index: 3; }
.ab06 .title span { font-size: 26px; line-height: 26px; height: 26px; text-transform: uppercase; color: #fff; overflow: hidden; font-family: fine; }
.ab06 .title p { font-size: 18px; line-height: 26px; height: 26px; overflow: hidden; color: #fff; }
.ab06 .title b { width: 30px; height: 2px; background-color: #fff; margin: auto; margin-top: 5px; display: block; overflow: hidden; }
.ab06 .box { width: 94%; margin: auto; margin-top: 15px; position: relative; z-index: 3; }
.ab06 .box .an { position: absolute; right: 0; top: 50%; transform: translateY(-50%); z-index: 2; }
.ab06 .box .an .swiper-button-white { width: 40px; height: 40px; border-radius: 100%; background-color: rgba(255,255,255,.3); overflow: hidden; display: block; margin: 15px 0; background-position: center; background-repeat: no-repeat; }
.ab06 .box .an .swiper-button-white:hover { background-color: #c30d23; }
.ab06 .box .an .swiper-button-prev { background-image: url(../images/prev03.png); }
.ab06 .box .an .swiper-button-next { background-image: url(../images/next03.png); }
.ab06 .box .gallery-top { width: 100%; float: left; }
.ab06 .box .gallery-top .swiper-slide { width: 100%; }
.ab06 .box .gallery-top .swiper-slide .bt { font-size: 16px; line-height: 26px; font-weight: bold; color: #fff; }
.ab06 .box .gallery-top .swiper-slide .wen { width: calc(100% - 50px); font-size: 14px; line-height: 20px; color: #fff; margin-top: 10px; }
.ab06 .box .shu { float: left; margin-top: 10px; display: none; }
.ab06 .box .shu p { display: block; font-size: 30px; height: 70px; line-height: 70px; color: #fff; overflow: hidden; }
.ab06 .box .gallery-thumbs { width: 100%; float: right; margin-top: 10px; }
.ab06 .box .gallery-thumbs .swiper-slide { width: 31.33%; height: 80px; margin-right: 3%; padding-top: 36px; padding-bottom: 29px; position: relative; }
.ab06 .box .gallery-thumbs .swiper-slide p { width: 60px; height: 60px; border-radius: 100%; background-color: rgba(255,255,255,.7); margin: 5px auto; overflow: hidden; padding: 5px; }
.ab06 .box .gallery-thumbs .swiper-slide p a { width: 60px; height: 60px; background-color: #fff; font-size: 16px; line-height: 60px; text-align: center; display: block; border-radius: 100%; overflow: hidden; }
.ab06 .box .gallery-thumbs .swiper-slide span { width: 100%; position: absolute; left: 0; bottom: 0; display: block; text-align: center; color: #fff; overflow: hidden; font-size: 14px; line-height: 24px; height: 24px; text-align: center; -webkit-transition: .5s; -moz-transition: .5s; -o-transition: .5s; transition: .5s; }
.ab06 .box .gallery-thumbs .swiper-slide.cur p { width: 70px; height: 70px; margin: auto; background-color: #c30d23; }
.ab06 .box .gallery-thumbs .swiper-slide.cur p a { background-color: #c30d23; color: #fff; width: 70px; height: 70px; line-height: 70px; }
.ab06 .box .gallery-thumbs .swiper-slide.cur span { bottom: calc(100% - 26px); font-size: 16px; line-height: 26px; height: 26px; }
.ab06 .line { width: 100%; height: 2px; background-color: #fff; position: absolute; left: 0; bottom: 123px; z-index: 2; opacity: .3; }
}

/*手机端*/
@media screen and (min-width:1280px) {
.db, .sav { display: none; }
}
 @media screen and (min-width:1024px) and (max-width:1279px) {
.db, .sav { display: none; }
}
 @media only screen and (max-width:1023px) {
.sav { width: 94%; padding: 15px 3%; padding-bottom: 25px; border-bottom: 1px solid #eee; }
.sav a { width: 25%; display: block; float: left; text-align: center; margin-top: 15px; }
.sav a img { height: 32px; display: block; margin: auto; }
.sav a p { display: block; font-size: 14px; line-height: 24px; margin-top: 4px; overflow: hidden; width: 100%; }
.footer { padding-bottom: 60px; }
.db { display: flex; align-items: center; width: 100%; height: 60px; background-color: rgba(0,0,0,.7); position: fixed; left: 0; bottom: 0; z-index: 999; }
.db a { display: block; width: 25%; text-align: center; border-right: 1px solid rgba(255,255,255,.1); box-sizing: border-box; }
.db a img { display: block; height: 20px; margin: 5px auto; margin-bottom: 0; }
.db a span { font-size: 12px; line-height: 22px; height: 22px; display: block; color: #fff; width: 100%; text-align: center; }
}