.banner{width:100%;height:640px;position:relative}.banner.first{background:url(../images/banner.png) top center no-repeat}.banner.second{background:url(../images/banner2.png) top center no-repeat}.main-content{max-width:1200px;margin:0 auto}.main-content .title{padding-top:4%;line-height:2;text-align:center}.main-content .title h2{font-size:28px;color:#2c3240}.main-content .title p{font-size:16px;color:#a8abbc}.main-content .title::after{display:block;content:'';width:21px;height:5px;margin:10px auto;background:url(line.jpg) no-repeat}.part1{padding:0 0 2%;width:100%;background:url(part1-bg.png) no-repeat}.part1-text{font-size:18px;color:#6c757d;line-height:2;text-indent:2em}.part1 .swiper-container{margin:20px 0;width:100%;height:540px}.part1 .swiper-container .swiper-wrapper{height:500px}.part1 .swiper-container .swiper-pagination-bullet-active{background:#fff;border:2px solid #005bab;box-sizing:border-box}.service-item ul{margin-top:2%;margin-bottom:4%;font-size:16px}.service-item ul li{float:left;width:32%;margin-bottom:2%;margin-right:2%;height:170px;overflow:hidden;position:relative}.service-item ul li img{display:block;width:100%;position:relative;z-index:3}.service-item ul li h2{position:absolute;width:24%;max-width:138px;height:100%;border-radius:0 20px 0 0;width:100%;padding:5%;left:0;top:0;color:#fff;margin:0;font-size:16px;font-weight:normal;z-index:4;transition:all ease-in-out 0.3s;-webkit-transition:all ease-in-out 0.3s;-moz-transition:all ease-in-out 0.3s;-ms-transition:all ease-in-out 0.3s;-o-transition:all ease-in-out 0.3s;padding:10% 0 10% 0;background:url(s-bg.png) no-repeat}.service-item ul li h2 span{display:block;max-width:32px;margin:0 0 0 25px}.service-item ul li h2 b{display:block;margin:15px 0 0 20px;font-size:15px}.service-item ul li:nth-child(3n){margin-right:0}.service-item ul li:hover h2{opacity:0}.service-item ul li:hover .hover-item{opacity:1;cursor:pointer}.service-item ul li .hover-item{position:absolute;width:100%;height:100%;top:0;left:0;background:linear-gradient(-125deg, rgba(0,128,241,0.9), rgba(0,91,171,0.9));color:#fff;z-index:5;padding:20px;transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s;-ms-transition:all 0.3s;-moz-transition:all 0.3s;opacity:0;box-sizing:border-box}.service-item ul li h3{text-align:left}.service-item ul li p{line-height:1.5;overflow:hidden;margin:4% 0 4%;text-align:left;font-size:15px}.part3{background:url(part3-bg.jpg) no-repeat;background-size:cover;padding:0 0 5%}.part3 .title h2{color:#fff;text-transform:uppercase}.part3 ul{position:relative;margin-top:40px}.part3 li{float:left;width:50%;min-height:200px}.part3 li .pointer{cursor:pointer}.part3 li .txt{background:url(youshibg1.jpg) no-repeat;box-sizing:border-box;padding:28px;height:200px;overflow:hidden}.part3 li .txt .stitle{font-size:12px;color:#a8abbc;margin-bottom:20px}.part3 li .txt .stitle h1{color:#2c3240;font-size:30px;font-weight:normal;margin:0 0 5px}.part3 li .txt p{line-height:1.8;color:#2c3240;overflow:hidden;text-align:left;position:relative;padding-bottom:8px;font-size:16px}.part3 li .txt,.part3 li .Ispic{float:left;width:50%}.part3 li .Ispic{padding-bottom:33.4%;transition:transform 1.5s;-webkit-transition:transform 1.5s;-moz-transition:transform 1.5s;-ms-transition:transform 1.5s;-o-transition:transform 1.5s}.part3 li .Ispic:hover{transform:rotateY(360deg);-webkit-transform:rotateY(360deg);-moz-transform:rotateY(360deg);-ms-transform:rotateY(360deg);-o-transform:rotateY(360deg)}.part3 li:nth-child(3) .txt{float:right}.part3 li:nth-child(4) .txt{float:right}.part4{background:url(part4-bg.jpg) no-repeat;background-size:cover;padding:0 0 8%}.part4-content{margin-top:40px}.part4-content ul li{float:left;width:32%;height:201px;background:url(cbg.png) no-repeat;overflow:hidden;color:#fff;padding:3%;box-sizing:border-box;text-align:center;margin-right:2%}.part4-content ul li:last-child{margin-right:0}.part4-content ul li h3{font-size:32px;margin-bottom:10px}.part4-content ul li p{font-size:17px;line-height:1.8}.footer{background:#2c3240;padding:30px 0;color:#fff}.footer .icon-police{padding-left:18px;background:url(icon-police.png) left center/18px 20px no-repeat}.footer a{color:#fff;margin:0 10px;opacity:1}.footer a:hover{opacity:.8}.footer-left{float:left;width:50%;line-height:2}.footer-left p{font-size:18px}.footer-left ul{font-size:16px;color:#a8abbc}.footer-right{float:left;width:50%}.footer-right ul{float:right;width:100%;text-align:right}.footer-right ul li{float:left;margin-left:1%;width:18.5%}.footer-right ul li a{font-size:18px;color:#fff;padding:0 8%}.footer .copyright{margin-top:30px;border-top:1px solid rgba(255,255,255,0.1);text-align:center;padding-top:30px}.footer .copyright span{margin:0 0 0 5px}.focus{padding:40px 0 150px}.focus li{line-height:1.8;padding:40px;border-bottom:1px solid #f2f2f2;padding-left:170px}.focus li:hover{box-shadow:2px 2px 8px 2px rgba(124,128,148,0.1)}.focus li h3{color:#2c3240;font-size:30px}.focus li p{color:#a8abbc;font-size:20px}.focus li.item1{background:url(focus01.png) 20px center no-repeat}.focus li.item2{background:url(focus02.png) 20px center no-repeat}.focus li.item3{background:url(focus03.png) 20px center no-repeat}.focus li.item4{background:url(focus04.png) 20px center no-repeat;border:none}@media only screen and (max-width: 414px){.part1{background:none}.part1 .swiper-container{height:200px}.part1 .swiper-container .swiper-wrapper img{width:100%}.banner{width:100%;height:375px;position:relative}.banner.first{background:url(../images/bannerwap.png) top center no-repeat;background-size:100% 100%}.banner.second{background:url(../images/bannerwap2.jpg) top center no-repeat;background-size:100% 100%}.main-content{max-width:414px;padding:0 10px}.main-content .title{line-height:1.5;margin-bottom:20px}.main-content .title h2{font-size:24px;color:#2c3240}.main-content .title p{font-size:14px;color:#a8abbc}.service-item ul{margin-top:2%;margin-bottom:4%;font-size:16px}.service-item ul li{float:none;width:100%;margin-bottom:3%;margin-right:0}.service-item ul li img{height:100%}.part3 li{float:none;width:100%;height:auto;margin-bottom:20px}.part3 li .txt{background:url(youshibg1.jpg) no-repeat;box-sizing:border-box;padding:14px;overflow:hidden;text-align:center;background-size:100% 100%}.part3 li .txt .stitle h1{color:#2c3240;font-size:20px;font-weight:normal;margin:0 0 5px}.part3 li .Ispic{background-size:100%;padding-bottom:60%}.part3 .title h2{color:#fff;text-transform:uppercase}.part3 li .txt,.part3 li .Ispic{float:none;width:100%;display:block}.part3 li:nth-child(3) .txt,.part3 li:nth-child(4) .txt{float:none}.part4{background:url(part4-bg.jpg) no-repeat;background-size:cover;padding:0 0 8%}.part4-content{margin-top:40px}.part4-content ul li{float:none;width:100%;height:100px;margin-right:0;margin-bottom:10px;background:url(cbg-wap.png) no-repeat;background-size:100% auto}.part4-content ul li h3{font-size:24px;margin-bottom:10px}.part4-content ul li p{font-size:14px;line-height:1.8}.focus{padding:10px 0 75px}.focus li{line-height:1.8;padding:10px;border-bottom:1px solid #f2f2f2}.focus li:hover{box-shadow:2px 2px 8px 2px rgba(124,128,148,0.1)}.focus li h3{color:#2c3240;font-size:18px}.focus li p{color:#a8abbc;font-size:14px}.focus li.item1{background:none}.focus li.item2{background:none}.focus li.item3{background:none}.focus li.item4{background:none;border:none}.footer{background:#2c3240;padding:15px 0 40px}.footer a{margin:0 2px}.footer-left{float:left;width:100%;line-height:2;color:#fff}.footer-left p{font-size:16px}.footer-left ul{font-size:14px;color:#a8abbc}.footer-right{float:left;width:100%;padding:10px 0}.footer-right ul{float:right;width:100%;text-align:right}.footer-right ul li{float:left;margin-left:1%;width:18%}.footer-right ul li a{font-size:14px;color:#fff;padding:0 2%}.footer .copyright{margin-top:15px;border-top:1px solid rgba(255,255,255,0.1);text-align:center;padding-top:15px;font-size:12px;line-height:1.8}}