@charset "utf-8";

/* CSS Document */

@media screen and (min-width:1000px) {
.s4 .container { width:100%; overflow:hidden; }
.s4 .b1 { padding: 0 0 60px 0; border-bottom: 1px solid #e3e3e3; }
.s4 .b1 .title { padding: 30px 0 0 0; line-height: 60px; height: 60px; font-size: 30px; text-align: center; color: #333; overflow: hidden; }
.s4 .b1 .txt { padding: 13px 0; line-height: 24px; overflow: hidden; font-size: 14px; color: #666; width: 850px; margin: 0 auto; z-index: 10; text-align:justify; }

.s4 .b1 .picshow { height: 300px; z-index: 5; overflow: hidden; margin:20px 0 0 0;}
.s4 .b1 .picshow .unit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.s4 .b1 .picshow .unit img { width:100%; height:100%; }
/*
.s4 .b1 .picshow table, .s4 .b1 .picshow td, .s4 .b1 .picshow th { border:1px solid #c5c5c5; border-collapse:collapse; line-height:40px; height:40px; font-size:14px; box-sizing:border-box; text-align:center; }
.s4 .b1 .picshow th { font-weight:bold; text-align:center; }
.s4 .b1 .picshow tr th:nth-child(1), .s4 .b1 .picshow tr td:nth-child(1) { font-weight:bold; text-align:left; padding:0 0 0 17px;  }
*/
.s4 .b1 .label { margin:20px 0 0 0; height:250px; z-index:10; text-align:justify; overflow:hidden; }
.s4 .b1 .label .unit { height: 250px; text-align: center; overflow: hidden; display:inline-block; }
.s4 .b1 .label .unit:nth-child(3) { margin: 0; }
.s4 .b1 .label .unit .u0 { height:60px; padding:0 15px; cursor: pointer; transition: all 0.4s ease 0s; color: #bfbfbf; font-size: 14px; background-color: #666; line-height:60px;  }
.s4 .b1 .label .unit .u1 { padding:10px 0; line-height:24px; color:#666; transition: all 0.4s ease 0s;}
.s4 .b1 .label .unit.active .u0 { background-color: #f25b00; color: #fff; }
.s4 .b1 .label .unit.active .u1 { color:#333; }
.s4 .b1 sup { font-size:10px; }


.s4 .b2 { padding: 0 0 60px 0; border-bottom: 1px solid #e3e3e3; }
.s4 .b2 .title { padding: 30px 0 0 0; line-height: 60px; height: 60px; font-size: 30px; text-align: center; color: #333; overflow: hidden; }
.s4 .b2 .txt { padding: 13px 0; line-height: 24px; overflow: hidden; font-size: 14px; color: #666; width: 850px; margin: 0 auto; z-index: 10; text-align:justify; }
.s4 .b2 .picshow { margin:20px auto; height:460px; width:850px; }
.s4 .b2 .picshow .unit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.s4 .b2 .picshow .unit img { width:100%; height:100%; }
.s4 .b2 .label { margin:20px 0 0 0; height:135px; z-index:10; text-align:center; overflow:hidden; }
.s4 .b2 .label .unit { width:215px; height:135px; margin:0 25px; text-align:center; display:inline-block; cursor: pointer;}
.s4 .b2 .label .unit .u0 { height:60px; line-height:60px; transition: all 0.4s ease 0s; color: #bfbfbf; font-size: 14px; background-color: #666; }
.s4 .b2 .label .unit .u1 { height:75px; box-sizing:border-box; padding:13px 0 0 0; line-height:24px; background-color:#e9e9e9; color:#333; transition: all 0.4s ease 0s; }
.s4 .b2 .label .unit.active .u0 { background-color: #f25b00; color: #fff; }
.s4 .b2 .label .unit.active .u1 { background-color:#fcdecc; }


.s4 .b3 { padding: 0 0 50px 0; border-bottom: 1px solid #e3e3e3; }
.s4 .b3 .title { padding: 43px 0 0 535px; line-height: 60px; text-align: center; font-size: 30px; color: #333; }
.s4 .b3 .txt { padding: 10px 0 0 535px; line-height: 24px; color: #666; font-size: 14px;  }
.s4 .b3 .p0 { position:absolute; top:43px; left:0; width:465px; height:350px; overflow:hidden; z-index:10; }
.s4 .b3 .p1 { margin:0 0 0 535px; width:465px; height:360px; overflow:hidden; }
.s4 .b3 img { width:100%; height:100%; transition:all 0.5s ease 0s; }
.s4 .b3 .p0:hover img, .s4 .b3 .p1:hover img { transform:scale(1.05,1.05);}

.s4 .b4 { padding: 60px 0; border-bottom: 1px solid #e3e3e3; }
.s4 .b4 .title { padding: 43px 0 0 0; line-height: 60px; text-align: center; font-size: 30px; color: #333; }
.s4 .b4 .list { padding:60px 0 0 0; text-align:justify; }
.s4 .b4 .list .unit { display:inline-block; height:310px; overflow:hidden; }
.s4 .b4 .list .unit img { width:100%; height:100%; transition:all 0.5s ease 0s; }
.s4 .b4 .list .unit:hover img { transform:scale(1.1,1.1); }

.s4 .b5 { padding: 0 0 60px 0; border-bottom: 1px solid #e3e3e3; }
.s4 .b5 .title { padding: 43px 0 ; line-height: 60px; text-align: center; font-size: 30px; color: #333; }
.s4 .b5 .picshow { width:100%; height:440px; overflow:hidden; }
.s4 .b5 .picshow ul, .s4 .b5 .picshow li { width:100%; height:100%; }
.s4 .b5 .picshow li { position:absolute; top:0; left:0; background-position:center; background-repeat:no-repeat; background-size:auto 100%; opacity:0; z-index:5; transition:all 0.5s ease 0s; }
.s4 .b5 .picshow li.active { opacity:1; z-index:10; }
.s4 .b5 .picshow .arrow { position:absolute; top:200px; width:1000px; left:50%; margin:0 -500px; opacity:0.3; z-index:20; transition:opacity 0.5s ease 0s; }
.s4 .b5 .picshow:hover .arrow { opacity:1; }
.s4 .b5 .picshow .mqtab { display:none; }
.s4 .b5 .picshow .arrL { float:left; width:25px; height:47px; cursor:pointer; background:url(/images/s4arrL.png) center no-repeat; background-size:100% 100%; }
.s4 .b5 .picshow .arrR { float:right; width:25px; height:47px; cursor:pointer; background:url(/images/s4arrR.png) center no-repeat; background-size:100% 100%;}



.s4 .b8 { margin: 80px 0; text-align: center; }

.s4 .b8 .btn { width: 260px; height: 50px; display: inline-block; line-height: 50px; color: #fff; text-align: center; cursor: pointer; font-size: 14px; }

}

@media screen and (min-width:641px) and (max-width:999px) {
.s4 .container { width:100%; overflow:hidden; }
.s4 .b1 { padding: 0 0 6rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s4 .b1 .title { padding: 3rem 0 0 0; line-height: 6rem; height: 6rem; font-size: 3rem; text-align: center; color: #333; overflow: hidden; }
.s4 .b1 .txt {padding: 1.3rem 0; line-height: 2.4rem; overflow: hidden; font-size: 1.4rem; color: #666; width: 85rem; margin: 0 auto; z-index: 10; text-align:justify; }

.s4 .b1 .picshow { height: 30rem; z-index: 5; overflow: hidden; margin:2rem 1rem 0 1rem;}
.s4 .b1 .picshow .unit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.s4 .b1 .picshow .unit img { width:100%; height:100%; }

/*
.s4 .b1 .picshow table, .s4 .b1 .picshow td, .s4 .b1 .picshow th { border:0.1rem solid #c5c5c5; border-collapse:collapse; line-height:4rem; height:4rem; font-size:1.4rem; box-sizing:border-box; text-align:center; }
.s4 .b1 .picshow th { font-weight:bold; text-align:center; }
.s4 .b1 .picshow tr th:nth-child(1), .s4 .b1 .picshow tr td:nth-child(1) { font-weight:bold; text-align:left; padding:0 0 0 1.7rem;  }
*/
.s4 .b1 .label { margin:2rem 1rem 0 1rem; height:25rem; z-index:10; text-align:justify; overflow:hidden; }
.s4 .b1 .label .unit { height: 25rem; text-align: center; overflow: hidden; display:inline-block; }
.s4 .b1 .label .unit:nth-child(3) { margin: 0; }
.s4 .b1 .label .unit .u0 { height:6rem; padding:0 1rem; cursor: pointer; transition: all 0.4s ease 0s; color: #bfbfbf; font-size: 1.4rem; background-color: #666; line-height:6rem;  }
.s4 .b1 .label .unit .u1 { padding:1rem 0; line-height:2.4rem; color:#666; transition: all 0.4s ease 0s;}
.s4 .b1 .label .unit.active .u0 { background-color: #f25b00; color: #fff; }
.s4 .b1 .label .unit.active .u1 { color:#333; }
.s4 .b1 sup { font-size:1rem; }


.s4 .b2 { padding: 0 0 6rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s4 .b2 .title { padding: 3rem 0 0 0; line-height: 6rem; height: 6rem; font-size: 3rem; text-align: center; color: #333; overflow: hidden; }
.s4 .b2 .txt { padding: 1.3rem 0; line-height: 2.4rem; overflow: hidden; font-size: 1.4rem; color: #666; width: 85rem; margin: 0 auto; z-index: 10; text-align:justify; }
.s4 .b2 .picshow { margin:2rem auto; height:46rem; width:85rem; }
.s4 .b2 .picshow .unit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.s4 .b2 .picshow .unit img { width:100%; height:100%; }
.s4 .b2 .label { margin:2rem 0 0 0; height:13.5rem; z-index:10; text-align:center; overflow:hidden; }
.s4 .b2 .label .unit { width:21.5rem; height:13.5rem; margin:0 2.5rem; text-align:center; display:inline-block; cursor: pointer;}
.s4 .b2 .label .unit .u0 { height:6rem; line-height:6rem; transition: all 0.4s ease 0s; color: #bfbfbf; font-size: 1.4rem; background-color: #666; }
.s4 .b2 .label .unit .u1 { height:7.5rem; box-sizing:border-box; padding:1.3rem 0 0 0; line-height:2.4rem; background-color:#e9e9e9; color:#333; transition: all 0.4s ease 0s; }
.s4 .b2 .label .unit.active .u0 { background-color: #f25b00; color: #fff; }
.s4 .b2 .label .unit.active .u1 { background-color:#fcdecc; }


.s4 .b3 { padding: 0 0 5rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s4 .b3 .title { padding: 4.3rem 0 0 53.5rem; line-height: 6rem; text-align: center; font-size: 3rem; color: #333; }
.s4 .b3 .txt { padding: 1rem 0 0 52.5rem; line-height: 2.4rem; color: #666; font-size: 1.4rem;  }
.s4 .b3 .p0 { position:absolute; top:4.3rem; left:1rem; width:46.5rem; height:35rem; overflow:hidden; z-index:10; }
.s4 .b3 .p1 { margin:0 0 0 52.5rem; width:46.5rem; height:36rem; overflow:hidden; }
.s4 .b3 img { width:100%; height:100%; transition:all 0.5s ease 0s; }
.s4 .b3 .p0:hover img, .s4 .b3 .p1:hover img { transform:scale(1.05,1.05);}

.s4 .b4 { padding: 6rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s4 .b4 .title { padding: 4.3rem 0 0 0; line-height: 6rem; text-align: center; font-size: 3rem; color: #333; }
.s4 .b4 .list { padding:6rem 1rem 0 1rem; text-align:justify; }
.s4 .b4 .list .unit { display:inline-block; width:46.5rem; height:31rem; overflow:hidden; }
.s4 .b4 .list .unit img { width:100%; height:100%; transition:all 0.5s ease 0s; }
.s4 .b4 .list .unit:hover img { transform:scale(1.1,1.1); }


.s4 .b5 { padding: 0 0 6rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s4 .b5 .title { padding: 4.3rem 0 ; line-height: 6rem; text-align: center; font-size: 3rem; color: #333; }
.s4 .b5 .picshow { width:100%; height:44rem; overflow:hidden; }
.s4 .b5 .picshow ul, .s4 .b5 .picshow li { width:100%; height:100%; }
.s4 .b5 .picshow li { position:absolute; top:0; left:0; background-position:center; background-repeat:no-repeat; background-size:auto 100%; opacity:0; z-index:5; transition:all 0.5s ease 0s; }
.s4 .b5 .picshow li.active { opacity:1; z-index:10; }
.s4 .b5 .picshow .arrow { position:absolute; top:20rem; width:90rem; left:50%; margin:0 -45rem; opacity:0.3; z-index:20; transition:opacity 0.5s ease 0s; }
.s4 .b5 .picshow:hover .arrow { opacity:1; }
.s4 .b5 .picshow .mqtab { display:none; }
.s4 .b5 .picshow .arrL { float:left; width:2.5rem; height:4.7rem; cursor:pointer; background:url(/images/s4arrL.png) center no-repeat; background-size:100% 100%; }
.s4 .b5 .picshow .arrR { float:right; width:2.5rem; height:4.7rem; cursor:pointer; background:url(/images/s4arrR.png) center no-repeat; background-size:100% 100%;}



.s4 .b8 { margin: 8rem 0; text-align: center; }

.s4 .b8 .btn { width: 26rem; height: 5rem; display: inline-block; line-height: 5rem; color: #fff; text-align: center; cursor: pointer; font-size: 1.4rem; }
}

@media screen and (max-width:640px) {
.s4 .container { width:100%; overflow:hidden; }
.s4 .b1 { padding: 0 0 6rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s4 .b1 .title { padding: 3rem 0 0 0; line-height: 6rem; height: 6rem; font-size: 3rem; text-align: center; color: #333; overflow: hidden; }
.s4 .b1 .txt { padding: 1.3rem 0; line-height: 3rem;  overflow: hidden; font-size: 1.8rem; color: #666; margin: 0 auto; z-index: 10;text-align:justify; }

.s4 .b1 .picshow { height: 18rem; z-index: 5; overflow: hidden; margin:2rem 0 0 0;}
.s4 .b1 .picshow .unit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.s4 .b1 .picshow .unit img { width:100%; height:100%; }

.s4 .b1 .label { margin:2rem 0 0 0; z-index:10; overflow:hidden; }
.s4 .b1 .label .unit { height: 7rem;  margin:0 0 1rem 0; overflow: hidden; transition: all 0.4s ease 0s; color: #bfbfbf; background-color: #666; }
.s4 .b1 .label .unit .u0 { position:absolute; top:0; left:0; height:7rem; padding:0 0 0 1rem;  font-size: 1.8rem; line-height:7rem;  }
.s4 .b1 .label .unit .u1 { padding:0 1rem 0 22rem; width:60rem; box-sizing:border-box; height:7rem; text-align:right; line-height:2.4rem; font-size:1.6rem; display:table-cell; vertical-align:middle;}
.s4 .b1 .label .unit .u1 p { display:inline-block; }
.s4 .b1 .label .unit.active { background-color: #f25b00; color: #fff; }
.s4 .b1 sup { font-size:1rem; }


.s4 .b2 { padding: 0 0 6rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s4 .b2 .title { padding: 3rem 0 0 0; line-height: 6rem; height: 6rem; font-size: 3rem; text-align: center; color: #333; overflow: hidden; }
.s4 .b2 .txt { padding: 1.3rem 0; line-height: 3rem;  overflow: hidden; font-size: 1.8rem; color: #666; margin: 0 auto; z-index: 10;text-align:justify; }
.s4 .b2 .picshow { margin:2rem auto; height:32.5rem; width:60rem; }
.s4 .b2 .picshow .unit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.s4 .b2 .picshow .unit img { width:100%; height:100%; }
.s4 .b2 .label {margin:2rem 0 0 0; z-index:10; overflow:hidden; }
.s4 .b2 .label .unit { height: 7rem;  margin:0 0 1rem 0; overflow: hidden; transition: all 0.4s ease 0s; color: #bfbfbf; background-color: #666; }
.s4 .b2 .label .unit .u0 { position:absolute; top:0; left:0; height:7rem; padding:0 0 0 1rem;  font-size: 1.8rem; line-height:7rem; }
.s4 .b2 .label .unit .u1 { padding:0 1rem 0 22rem; width:60rem; box-sizing:border-box; height:7rem; text-align:right; line-height:2.4rem; font-size:1.6rem; display:table-cell; vertical-align:middle; }
.s4 .b2 .label .unit .u1 p { display:inline-block; }
.s4 .b2 .label .unit.active { background-color: #f25b00; color: #fff; }


.s4 .b3 { padding: 0 0 5rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s4 .b3 .title { padding: 4.3rem 0 0 0; line-height: 6rem; font-size: 3rem; color: #333; }
.s4 .b3 .txt { padding: 1rem 0; line-height: 3rem; color: #666; font-size: 1.8rem;  }
.s4 .b3 .p0 { overflow:hidden; z-index:10; }
.s4 .b3 .p1 { overflow:hidden; }
.s4 .b3 img { width:100%; height:100%; }

.s4 .b4 { padding: 0 0 5rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s4 .b4 .title { padding: 4.3rem 0 0 0; line-height: 6rem; text-align: center; font-size: 3rem; color: #333; }
.s4 .b4 .list { padding:6rem 0 0 0; text-align:justify; }
.s4 .b4 .list .unit { display:inline-block; width:28.5rem; height:19rem; overflow:hidden; }
.s4 .b4 .list .unit img { width:100%; height:100%; }


.s4 .b5 { padding: 0 0 6rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s4 .b5 .title { padding: 4.3rem 0 ; line-height: 6rem; text-align: center; font-size: 3rem; color: #333; }
.s4 .b5 .picshow { width:100%; height:29.4rem; overflow:hidden; }
.s4 .b5 .picshow ul, .s4 .b5 .picshow li { width:100%; height:100%; }
.s4 .b5 .picshow li { position:absolute; top:0; left:0; background-position:center; background-repeat:no-repeat; background-size:auto 100%; opacity:0; z-index:5; transition:all 0.5s ease 0s; }
.s4 .b5 .picshow li.active { opacity:1; z-index:10; }
.s4 .b5 .picshow .arrow { display:none; }
.s4 .b5 .picshow .mqtab { position:absolute; bottom:2rem; width:100%; height:1.2rem; text-align:center; z-index:20; }
.s4 .b5 .picshow .mqtab .unit { width:1.2rem; height:1.2rem; margin:0 0.6rem; border-radius:50%; background-color:#fff; display:inline-block; }
.s4 .b5 .picshow .mqtab .unit.active { background-color:#f25b00; }


.s4 .b8 .btn { display:none; }

#btmorder .title, #btmorder .txt { display:none; }
footer >.content:nth-child(2), footer >.content:nth-child(2) .content { padding:0; }
}