@charset "utf-8";

/* CSS Document */

@media screen and (min-width:1000px) {
.s3 .container { width:100%; overflow:hidden; }
.s3 .b1 { padding: 0 0 60px 0; border-bottom: 1px solid #e3e3e3; }
.s3 .b1 .title { padding: 30px 0 0 0; line-height: 60px; height: 60px; font-size: 30px; text-align: center; color: #333; overflow: hidden; }
.s3 .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; }
.s3 .b1 .container { height:855px; }
.s3 .b1 .picshow { position:absolute; top:0; left:50%; width: 1920px; height: 855px; z-index: 5; overflow: hidden; margin:0 -960px; }
.s3 .b1 .picshow .unit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.s3 .b1 .picshow .unit img { width: 100%; height: 100%; }
.s3 .b1 .picshow .unit .p0 { height:475px; }
.s3 .b1 .picshow .unit .p1 { width:1000px; height:250px; padding:130px 0 0 0; margin:0 auto; }
.s3 .b1 .label { position:absolute; top:520px; width: 850px; height:50px; margin: 0 -425px; left:50%; z-index:10; }
.s3 .b1 .label .unit { width: 266px; height: 50px; line-height:50px; margin: 0 26px 0 0; text-align: center; overflow: hidden; float: left; cursor: pointer; transition: all 0.4s ease 0s; color: #bfbfbf; font-size: 14px; background-color: #666;}
.s3 .b1 .label .unit:nth-child(3) { margin: 0; }
.s3 .b1 .label .unit.active  { background-color: #137abc; color: #fff; }

.s3 .b2 { padding: 0 0 50px 0; border-bottom: 1px solid #e3e3e3; }
.s3 .b2 .p0 .content { background-image:url(/images/s3b2p0.jpg); background-repeat:no-repeat; background-position:535px 60px; border-bottom:1px solid #e3e3e3; padding-bottom:30px; }
.s3 .b2 .title { padding: 30px 0 0 0; line-height: 60px; height: 60px; font-size: 30px; text-align: left; color: #333; overflow: hidden; }
.s3 .b2 .p0 .content .txt { padding: 13px 0; width:465px; text-align:justify; line-height: 24px;  overflow: hidden; font-size: 14px; color: #666; z-index: 10; }
.s3 .b2 .list { width:465px; }
.s3 .b2 .label { line-height:45px; border-bottom:1px solid #e3e3e3; color:#333; font-size:18px; }
.s3 .b2 .list .unit { padding:14px 0 0 0; }
.s3 .b2 .list .u0 { line-height:24px; font-size:14px; color:#666; width:300px; float:left; }
.s3 .b2 .list .u2 { width:105px; height:70px; float:right; }
.s3 .b2 .p1 .content { background-image:url(/images/s3b2p1.jpg); background-repeat:no-repeat; background-position:535px 20px; border-bottom:1px solid #e3e3e3; padding-bottom:30px; }
.s3 .b2 .p1 .content .txt { padding: 13px 0; text-align:justify; line-height: 24px;  overflow: hidden; font-size: 14px; color: #666; z-index: 10; }
.s3 .b2 .p2 .content { background-image:url(/images/s3b2p2.jpg); background-repeat:no-repeat; background-position:0 40px; padding-bottom:30px; }
.s3 .b2 .p2 .title { padding-left:535px; }
.s3 .b2 .p2 .content .txt { padding: 13px 0 13px 535px; text-align:justify; line-height: 24px;  overflow: hidden; font-size: 14px; color: #666; z-index: 10; }




.s3 .b3 { padding: 0 0 50px 0; border-bottom: 1px solid #e3e3e3; }
.s3 .b3 .title { padding: 43px 0 0 0; line-height: 60px; text-align: center; font-size: 30px; color: #333; }
.s3 .b3 .subtitle { text-align:center; }
.s3 .b3 .subtitle .t0 { display:inline-block; font-size:18px; color:#fff; background-color:#137abc; line-height:32px; padding:0 45px; }
.s3 .b3 .txt { padding: 10px 0 40px 0; line-height: 24px; color: #666; font-size: 14px; text-align:center; }

.s3 .b3 .picshow .t1 { position:absolute; top:300px; left:85px; line-height: 24px; color: #666; font-size: 14px; width:450px; }
.s3 .b3 .picshow img:nth-child(1) { float:right; }

.s3 .b3 .unit { height:214px; width:300px; float:left; margin:0 50px 30px 0; }
.s3 .b3 .unit:nth-child(3n) { margin-right:0; }
.s3 .b3 .unit .u0 { line-height:70px; color:#333; font-size:18px; font-weight:bold; height:70px; overflow:hidden; }
.s3 .b3 .unit .u1 { line-height: 24px; color: #666; font-size: 14px; height:144px; overflow:hidden; }
.s3 .b3 .unit:nth-child(4) { background:url(/images/s3b3p1.jpg) right top no-repeat;  }
.s3 .b3 .unit:nth-child(4) .u1 { width:155px;}
.s3 .b4 { padding: 60px 0; border-bottom: 1px solid #e3e3e3; }
.s3 .b4 .title { padding: 43px 0 0 0; line-height: 60px; text-align: center; font-size: 30px; color: #333; }
.s3 .b4 .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; }
.s3 .b4 .picshow { position:absolute; top:0; left:50%; width:1920px; height:500px; margin:0 -960px;}
.s3 .b4 .container { height:500px; }
.s3 .b4 .picshow ul { width:100%; height:100%; }
.s3 .b4 .picshow li { position:absolute; width:100%; height:100%; top:0; left:0; background-size:auto 100%; background-position:center; background-repeat:no-repeat; opacity:0; transition:all 0.5s ease 0s; z-index:5; }
.s3 .b4 .picshow li.active { opacity:1; z-index:10; }
.s3 .b4 .picshow .mqtab { position:absolute; bottom:18px; left:0; width:100%; height:10px; text-align:center; z-index:50; }
.s3 .b4 .picshow .mqtab .unit { display:inline-block; width:10px; height:10px; margin:0 5px; border-radius:50%; background-color:#fff; cursor:pointer; }
.s3 .b4 .picshow .mqtab .unit.active { background-color:#137abc; }
.s3 .b4 .list { padding:60px 0 0 0; }
.s3 .b4 .list .unit { width:300px; height:350px; float:left; margin-right:50px; }
.s3 .b4 .list .unit:nth-child(3n) { margin-right:0; }
.s3 .b4 .list .unit img { width:100%; height:100%; transition:all 0.5s ease 0s; }
.s3 .b4 .list .unit:hover img { transform:scale(1.1,1.1); }
.s3 .b4 .list .unit .u0 { height:200px; overflow:hidden; }
.s3 .b4 .list .unit .u1 { padding:20px 0 0 0; line-height:24px; font-size:14px; color:#666; height:96px; overflow:hidden; }




.s3 .b7 { padding: 0 0 60px 0; border-bottom: 1px solid #e3e3e3; }
.s3 .b7 .title { padding: 43px 0 0 0; line-height: 60px; text-align: center; font-size: 30px; color: #333; }
.s3 .b7 .txt { padding: 10px 0 40px 0; width: 850px; line-height: 24px; text-align: center; color: #666; font-size: 14px; margin: 0 auto; }
.s3 .b7 .list { padding: 45px 0 0 0; }
.s3 .b7 .list .unit { float: left; width: 470px; height: 390px; margin-bottom: 50px; }
.s3 .b7 .list a:nth-child(2n) .unit { margin-left: 60px; }
.s3 .b7 .list .unit .u0 { line-height: 30px; height: 60px; overflow: hidden; font-size: 16px; color: #333; padding-bottom: 17px; }
.s3 .b7 .list .unit .u1 { height: 313px; overflow: hidden; }
.s3 .b7 .list .unit .u1 img { width: 100%; height: 100%; transition: all 0.5s ease 0s; }
.s3 .b7 .list .unit:hover .u1 img { transform: scale(1.05, 1.05); }

.s3 .b8 { margin: 0 0 80px 0; text-align: center; }
.s3 .b8 .title { padding: 43px 0 0 0; line-height: 60px; text-align: center; font-size: 30px; color: #333; }
.s3 .b8 .txt { padding: 10px 0 40px 0; width: 850px; line-height: 24px; text-align: center; color: #666; font-size: 14px; margin: 0 auto; }

.s3 .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) {
.s3 .container { width:100%; overflow:hidden; }

.s3 .b1 { padding: 0 0 7rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s3 .b1 .title { padding: 3rem 0 0 0; line-height: 6rem; height: 6rem; font-size: 3rem; text-align: center; color: #333; overflow: hidden; }
.s3 .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; }
.s3 .b1 .container { height:85.5rem; }
.s3 .b1 .picshow { position:absolute; top:0; left:50%; width: 192rem; height: 85.5rem; z-index: 5; overflow: hidden; margin:0 -96rem; }
.s3 .b1 .picshow .unit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.s3 .b1 .picshow .unit img { width: 100%; height: 100%; }
.s3 .b1 .picshow .unit .p0 { height:47.5rem; }
.s3 .b1 .picshow .unit .p1 { width:100rem; height:25rem; padding:13rem 0 0 0; margin:0 auto; }
.s3 .b1 .label { position:absolute; top:52rem; width: 85rem; height:5rem; margin: 0 -42.5rem; left:50%; z-index:10; }
.s3 .b1 .label .unit { width: 26.6rem; height: 5rem; line-height:5rem; margin: 0 2.6rem 0 0; text-align: center; overflow: hidden; float: left; cursor: pointer; transition: all 0.4s ease 0s; color: #bfbfbf; font-size: 1.4rem; background-color: #666;}
.s3 .b1 .label .unit:nth-child(3) { margin: 0; }
.s3 .b1 .label .unit.active  { background-color: #137abc; color: #fff; }

.s3 .b2 { padding: 0 0 5rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s3 .b2 .p0 .content { background-image:url(/images/s3b2p0.jpg); background-repeat:no-repeat; background-position:53.5rem 6rem; background-size:44rem auto; border-bottom:0.1rem solid #e3e3e3; padding:0 1rem 3rem 1rem; box-sizing:border-box;}
.s3 .b2 .title { padding: 3rem 0 0 0; line-height: 6rem; height: 6rem; font-size: 3rem; text-align: left; color: #333; overflow: hidden; }
.s3 .b2 .p0 .content .txt { padding: 1.3rem 0; width:46.5rem; text-align:justify; line-height: 2.4rem;  overflow: hidden; font-size: 1.4rem; color: #666; z-index: 10; }
.s3 .b2 .list { width:46.5rem; }
.s3 .b2 .label { line-height:4.5rem; border-bottom:0.1rem solid #e3e3e3; color:#333; font-size:1.8rem; }
.s3 .b2 .list .unit { padding:1.4rem 0 0 0; }
.s3 .b2 .list .u0 { line-height:2.4rem; font-size:1.4rem; color:#666; width:30rem; float:left; }
.s3 .b2 .list .u2 { width:10.5rem; height:7rem; float:right; }
.s3 .b2 .list .u2 img { width:100%; height:100%; }
.s3 .b2 .p1 .content { background-image:url(/images/s3b2p1.jpg); background-repeat:no-repeat; background-position:53.5rem 2rem; background-size:44rem auto; border-bottom:0.1rem solid #e3e3e3; padding:0 1rem 3rem 1rem; box-sizing:border-box; }
.s3 .b2 .p1 .content .txt { padding: 1.3rem 0; text-align:justify; line-height: 2.4rem;  overflow: hidden; font-size: 1.4rem; color: #666; z-index: 10; }
.s3 .b2 .p2 .content { background-image:url(/images/s3b2p2.jpg); background-repeat:no-repeat; background-position:0 4rem; background-size:50rem auto; padding:0 1rem 3rem 1rem; box-sizing:border-box; }
.s3 .b2 .p2 .title { padding-left:53.5rem; }
.s3 .b2 .p2 .content .txt { padding: 1.3rem 0 1.3rem 53.5rem; text-align:justify; line-height: 2.4rem;  overflow: hidden; font-size: 1.4rem; color: #666; z-index: 10; }

.s3 .b3 { padding: 0 0 5rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s3 .b3 .title { padding: 4.3rem 0 0 0; line-height: 6rem; text-align: center; font-size: 3rem; color: #333; }
.s3 .b3 .subtitle { text-align:center; }
.s3 .b3 .subtitle .t0 { display:inline-block; font-size:1.8rem; color:#fff; background-color:#137abc; line-height:3.2rem; padding:0 4.5rem; }
.s3 .b3 .txt { padding: 1rem 0 4rem 0; line-height: 2.4rem; color: #666; font-size: 1.4rem; text-align:center; }

.s3 .b3 .picshow .t1 { position:absolute; top:30rem; left:8.5rem; line-height: 2.4rem; color: #666; font-size: 1.4rem; width:45rem; }
.s3 .b3 .content .picshow:nth-child(4) img:nth-child(1) { float:right; width:40rem; }
.s3 .b3 .content .picshow:nth-child(7) img { width:100%; }
.s3 .b3 .picshow img:nth-child(3) { width:60rem; }
.s3 .b3 .list { padding:0 1rem; }
.s3 .b3 .unit { height:21.4rem; width:30rem; float:left; margin:0 4rem 3rem 0; }
.s3 .b3 .unit:nth-child(3n) { margin-right:0; }
.s3 .b3 .unit .u0 { line-height:7rem; color:#333; font-size:1.8rem; font-weight:bold; height:7rem; overflow:hidden; }
.s3 .b3 .unit .u1 { line-height: 2.4rem; color: #666; font-size: 1.4rem; height:14.4rem; overflow:hidden; }
.s3 .b3 .unit:nth-child(4) { background:url(/images/s3b3p1.jpg) right top no-repeat; background-size:auto 15rem;  }
.s3 .b3 .unit:nth-child(4) .u1 { width:15.5rem;}
.s3 .b4 { padding: 6rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s3 .b4 .title { padding: 4.3rem 0 0 0; line-height: 6rem; text-align: center; font-size: 3rem; color: #333; }
.s3 .b4 .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; }
.s3 .b4 .picshow { width:100rem; height:26rem; }
.s3 .b4 .picshow ul { width:100%; height:100%; }
.s3 .b4 .picshow li { position:absolute; width:100%; height:100%; top:0; left:0; background-size:auto 100%; background-position:center; background-repeat:no-repeat; opacity:0; transition:all 0.5s ease 0s; z-index:5; }
.s3 .b4 .picshow img { width:100%; height:100%;}
.s3 .b4 .picshow li.active { opacity:1; z-index:10; }
.s3 .b4 .picshow .mqtab { position:absolute; bottom:1.8rem; left:0; width:100%; height:1rem; text-align:center; z-index:50; }
.s3 .b4 .picshow .mqtab .unit { display:inline-block; width:1rem; height:1rem; margin:0 0.5rem; border-radius:50%; background-color:#fff; cursor:pointer; }
.s3 .b4 .picshow .mqtab .unit.active { background-color:#137abc; }
.s3 .b4 .list { padding:6rem 1rem 0 1rem; }
.s3 .b4 .list .unit { width:30rem; height:35rem; float:left; margin-right:4rem; }
.s3 .b4 .list .unit:nth-child(3n) { margin-right:0; }
.s3 .b4 .list .unit img { width:100%; height:100%; transition:all 0.5s ease 0s; }
.s3 .b4 .list .unit:hover img { transform:scale(1.1,1.1); }
.s3 .b4 .list .unit .u0 { height:20rem; overflow:hidden; }
.s3 .b4 .list .unit .u1 { padding:2rem 0 0 0; line-height:2.4rem; font-size:1.4rem; color:#666; height:9.6rem; overflow:hidden; }

.s3 .b7 { padding: 0 0 6rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s3 .b7 .title { padding: 4.3rem 0 0 0; line-height: 6rem; text-align: center; font-size: 3rem; color: #333; }
.s3 .b7 .txt { padding: 1rem 0 4rem 0; width: 85rem; line-height: 2.4rem; text-align: center; color: #666; font-size: 1.4rem; margin: 0 auto; }
.s3 .b7 .list { padding: 4.5rem 0 0 0; }
.s3 .b7 .list .unit { float: left; width: 47rem; height: 39rem; margin-bottom: 5rem; }
.s3 .b7 .list a:nth-child(2n) .unit { margin-left: 6rem; }
.s3 .b7 .list .unit .u0 { line-height: 3rem; height: 6rem; overflow: hidden; font-size: 1.6rem; color: #333; padding-bottom: 1.7rem; }
.s3 .b7 .list .unit .u1 { height: 31.3rem; overflow: hidden; }
.s3 .b7 .list .unit .u1 img { width: 100%; height: 100%; transition: all 0.5s ease 0s; }
.s3 .b7 .list .unit:hover .u1 img { transform: scale(1.05, 1.05); }

.s3 .b8 { margin: 0 0 8rem 0; text-align: center; }
.s3 .b8 .title { padding: 4.3rem 0 0 0; line-height: 6rem; text-align: center; font-size: 3rem; color: #333; }
.s3 .b8 .txt { padding: 1rem 0 4rem 0; width: 85rem; line-height: 2.4rem; text-align: center; color: #666; font-size: 1.4rem; margin: 0 auto; }

.s3 .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) {
.s3 .container { width:100%; overflow:hidden; }

.s3 .b1 { padding: 0 0 4rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s3 .b1 .title { padding: 3rem 0 0 0; line-height: 6rem; height: 6rem; font-size: 2.8rem; text-align: center; color: #333; overflow: hidden; }
.s3 .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;  }
.s3 .b1 .container { height:53rem; }
.s3 .b1 .picshow { width: 100%; height: 60rem; z-index: 5; overflow: hidden; }
.s3 .b1 .picshow .unit { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: none; }
.s3 .b1 .picshow .unit img { width: 100%; height: 100%; }
.s3 .b1 .picshow .unit .p0 { height:28.3rem; }
.s3 .b1 .picshow .unit .p1 { width:60rem; height:15rem; padding:10rem 0 0 0; margin:0 auto; }
.s3 .b1 .label { position:absolute; top:30rem; width: 94%; height:7rem; left:3%; z-index:10; overflow:hidden; }
.s3 .b1 .label .unit { width: 32%; height: 7rem; line-height:7rem; margin: 0 2% 0 0; text-align: center; overflow: hidden; float: left; cursor: pointer; transition: all 0.4s ease 0s; color: #bfbfbf; font-size: 1.8rem; background-color: #666;}
.s3 .b1 .label .unit:nth-child(3) { margin: 0; }
.s3 .b1 .label .unit.active  { background-color: #137abc; color: #fff; }


.s3 .b2 { padding: 0 0 5rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s3 .b2 .p0 .content { background-image:url(/images/s3b2p0.jpg); background-repeat:no-repeat; background-position:center 10rem; background-size:auto 25.5rem; border-bottom:0.1rem solid #e3e3e3; padding:0rem 2rem 3rem 2rem; box-sizing:border-box;}
.s3 .b2 .title { padding: 3rem 0 0 0; line-height: 6rem; height: 6rem; font-size: 3rem; text-align: left; color: #333; overflow: hidden; }
.s3 .b2 .p0 .content .txt { padding: 30rem 0 1.3rem 0; text-align:justify; line-height: 3rem;  overflow: hidden; font-size: 1.8rem; color: #666; z-index: 10; }
.s3 .b2 .label { line-height:4.5rem; border-bottom:0.1rem solid #e3e3e3; color:#333; font-size:2.2rem; }
.s3 .b2 .list .unit { padding:1.4rem 0 0 0; }
.s3 .b2 .list .u0 { line-height:3rem; font-size:1.8rem; color:#666; width:30rem; float:left; }
.s3 .b2 .list .u2 { width:12rem; height:8rem; float:right; }
.s3 .b2 .list .u2 img { width:100%; height:100%; }
.s3 .b2 .p1 .content { background-image:url(/images/s3b2p1.jpg); background-repeat:no-repeat; background-position:center 10rem; background-size:93% auto; border-bottom:0.1rem solid #e3e3e3; padding:0 2rem 3rem 2rem; box-sizing:border-box; }
.s3 .b2 .p1 .content .txt { padding: 14rem 0 1.3rem 0; text-align:justify; line-height: 3rem;  overflow: hidden; font-size: 1.8rem; color: #666; z-index: 10; }
.s3 .b2 .p2 .content { background-image:url(/images/s3b2p2.jpg); background-repeat:no-repeat; background-position:center 10rem; background-size:auto 25rem; padding:0 2rem 3rem 2rem; box-sizing:border-box; }
.s3 .b2 .p2 .content .txt { padding: 30rem 0 1.3rem 0rem; text-align:justify; line-height: 3rem;  overflow: hidden; font-size: 1.8rem; color: #666; z-index: 10; }

.s3 .b3 { padding: 0 0 4rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s3 .b3 .title { padding: 3rem 0 0 0; line-height: 6rem; height: 6rem; font-size: 2.8rem; text-align: center; color: #333; overflow: hidden; }
.s3 .b3 .subtitle { text-align:center; }
.s3 .b3 .subtitle .t0 { display:inline-block; font-size:1.8rem; color:#fff; background-color:#137abc; line-height:3.2rem; padding:0 4.5rem; }

.s3 .b3 .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; }
.s3 .b3 .picshow .t1 { line-height: 3rem; color: #666; font-size: 1.8rem; padding:2rem 0; }
.s3 .b3 .picshow img { width: 100%; }
.s3 .b3 .unit {margin:0 0 3rem 0; }
.s3 .b3 .unit .u0 { line-height:7rem; color:#333; font-size:2.4rem; font-weight:bold; height:7rem; overflow:hidden; }
.s3 .b3 .unit .u1 { line-height: 3rem; color: #666; font-size: 1.8rem; overflow:hidden; }
.s3 .b3 .unit:nth-child(4) { background:url(/images/s3b3p1.jpg) right top no-repeat; background-size:auto 15rem; min-height:15rem;  }
.s3 .b3 .unit:nth-child(4) .u1 { width:40rem;}

.s3 .b4 { padding: 6rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s3 .b4 .title { padding: 3rem 0 0 0; line-height: 6rem; height: 6rem; font-size: 2.8rem; text-align: center; color: #333; overflow: hidden;	 }
.s3 .b4 .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; }
.s3 .b4 .picshow { width:64rem; height:31.4rem; }
.s3 .b4 .picshow img { height:100%; }
.s3 .b4 .picshow ul { width:100%; height:100%; }
.s3 .b4 .picshow li { position:absolute; width:100%; height:100%; top:0; left:0; background-size:auto 100%; background-position:center; background-repeat:no-repeat; opacity:0; transition:all 0.5s ease 0s; z-index:5; }
.s3 .b4 .picshow li.active { opacity:1; z-index:10; }
.s3 .b4 .picshow .mqtab { position:absolute; bottom:1.8rem; left:0; width:100%; height:1rem; text-align:center; z-index:50; }
.s3 .b4 .picshow .mqtab .unit { display:inline-block; width:1rem; height:1rem; margin:0 0.5rem; border-radius:50%; background-color:#fff; cursor:pointer; }
.s3 .b4 .picshow .mqtab .unit.active { background-color:#137abc; }
.s3 .b4 .list { padding:3rem 0 0 0; }
.s3 .b4 .list .unit { width:47.5%; height:39rem; float:left; margin-right:5%; }
.s3 .b4 .list .unit:nth-child(2n) { margin-right:0; }
.s3 .b4 .list .unit img { width:100%; height:100%; transition:all 0.5s ease 0s; }
.s3 .b4 .list .unit:hover img { transform:scale(1.1,1.1); }
.s3 .b4 .list .unit .u0 { height:19rem; overflow:hidden; }
.s3 .b4 .list .unit .u1 { padding:1rem 0 0 0; line-height:3rem; font-size:1.8rem; color:#666; height:15rem; overflow:hidden; }
.s3 .b5 { padding: 0 0 6rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s3 .b5 .title { padding: 3rem 0 0 0; line-height: 6rem; height: 6rem; font-size: 2.8rem; text-align: center; color: #333; overflow: hidden; }
.s3 .b5 .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; }
.s3 .b5 .list { padding: 3rem 0 0 0; }
.s3 .b5 .list .unit { width: 47.5%; height: 24.5rem; overflow: hidden; float: left; margin: 0 0 2rem 0; cursor: pointer; }
.s3 .b5 .list a:nth-child(2n-1) .unit { float:left; }
.s3 .b5 .list a:nth-child(2n) .unit { float:right; }
.s3 .b5 .list .unit .u0 { width: 100%; height: 19rem; }
.s3 .b5 .list .unit .u0 img { width: 100%; height: 100%; }
.s3 .b5 .list .unit .u2 { height: 5.5rem; line-height: 5.5rem; font-size: 1.8rem; color: #333; overflow: hidden; }

.s3 .b6 { padding: 0 0 6rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s3 .b6 .title { padding: 4.3rem 0 0 0; line-height: 6rem; text-align: center; font-size: 3rem; color: #333; }
.s3 .b6 .container { height:23.5rem; }
.s3 .b6 .picwide { position:absolute; width:112.8rem; height:23.5rem; left:50%; top:0; margin:0 -56.4rem; background:url(/images/s2b6p0.jpg) center no-repeat; background-size:100% 100%; }
.s3 .b6 .cal { height:33.5rem; background:url(/images/phone/s2b6p1.png) bottom center no-repeat; cursor:pointer; background-size:auto 100%;  }
.s3 .b6 .popup { position:absolute; bottom:2rem; left:50%; width:60rem; margin:0 -30rem; background-color:rgba(0,0,0,0.85); z-index:20; display:none; }
.s3 .b6 .popup .close { position:absolute; top:0; right:0; width:8rem; height:4.5rem; background-image:url(/images/popclos.png); background-position:5rem 1.7rem; background-repeat:no-repeat; padding:0 0 0 2rem; line-height:4.5rem; color:#fff; box-sizing:border-box; z-index:30; cursor:pointer; }
.s3 .b6 .popup .text { padding:0 8rem 4.5rem 8rem; }
.s3 .b6 .popup .t0 { line-height:3rem; text-align:center; font-size:1.8rem; color:#fff; padding:4.5rem 0 0 0; }
.s3 .b6 .popup .text .t1 { padding:2.5rem 0; }
.s3 .b6 .popup .text .t1 .unit { padding:0 0 1rem 0; height:3rem; overflow:hidden;  }
.s3 .b6 .popup .text .t1 .u0 { width:5.5rem; line-height:3rem; color:#bdbdbd; font-size:1.4rem; float:left; }
.s3 .b6 .popup .text .t1 .u1 { width:38.5rem; float:right; overflow:hidden;}
.s3 .b6 .popup .text .t1 .u1 .s2pf0 { width:37.5rem; height:3rem; padding:0 0.5rem; border:none; background-color:#fff; }
.s3 .b6 .popup .text .t2 { padding:1rem 0 0 0; text-align:center; }
.s3 .b6 .popup .text .t2 .btn { width:13rem; height:3.5rem; color:#fff; cursor:pointer; line-height:3.5rem; text-align:center; display:inline-block; background-color:#c00;}


.s3 .b7 { padding: 0 0 6rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s3 .b7 .title { padding: 3rem 0 0 0; line-height: 6rem; height: 6rem; font-size: 2.8rem; text-align: center; color: #333; overflow: hidden; }
.s3 .b7 .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; }
.s3 .b7 .list { padding:3.5rem 0 0 0; }
.s3 .b7 .list .unit { float:left; width:47.5%; height:27rem; margin-bottom:4rem; }
.s3 .b7 .list a:nth-child(2n) .unit  { margin-left:5%; }
.s3 .b7 .list .unit .u0 { line-height:3rem; height:6rem; overflow:hidden; font-size:1.6rem; color:#333; margin-bottom:1.7rem; }
.s3 .b7 .list .unit .u1 { height:19rem; overflow:hidden; }
.s3 .b7 .list .unit .u1 img { width:100%; height:100%; transition:all 0.5s ease 0s; }
.s3 .b7 .list .unit:hover .u1 img { transform:scale(1.05,1.05); }
.s3 .b8 { padding: 0 0 6rem 0; text-align: center; border-bottom: 0.1rem solid #e3e3e3; }
.s3 .b8 .title { padding: 3rem 0 0 0; line-height: 6rem; height: 6rem; font-size: 2.8rem; text-align: center; color: #333; overflow: hidden; }
.s3 .b8 .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; }

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


.s3 .b9 { padding: 0 0 6rem 0; border-bottom: 0.1rem solid #e3e3e3; }
.s3 .b9 .title { padding: 3rem 0 0 0; line-height: 6rem; height: 6rem; font-size: 2.8rem; text-align: center; color: #333; overflow: hidden; }
.s3 .b9 .list { padding:2.5rem 0 0 0; }
.s3 .b9 .list .unit { width:100%; height:35rem; border:0.1rem solid #e3e3e3; margin:0 0 2rem 0; box-sizing:border-box; }
.s3 .b9 .list .unit .u0 { padding:1.5rem 0 0 0; line-height:3rem; height:6rem; text-align:center; font-size:2rem; font-weight:bold; overflow:hidden; }
.s3 .b9 .list .unit .u1 { height:25.2rem; overflow:hidden; line-height:3.6rem; }
.s3 .b9 .list .unit .u1 tr td:nth-child(1) { color:#333; }
.s3 .b9 .list .unit .u1 tr td:nth-child(1) span { color:#666; padding-left:0.5rem; }
.s3 .b9 .list .unit .u1 tr td:nth-child(3) { font-weight:bold; font-size:1.4rem; color:#666; }

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