*{margin:0;padding:0;box-sizing:border-box;}
body{font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;font-size:14px;color:#646464;background:#fff;}
.container-fluid{width:100%;}
.container{width:1200px;margin-left:auto;margin-right:auto;}
ul,li{list-style:none;}
img{width:100%;display:block;}
a{text-decoration:none;}
.clear{clear:both;}

.header{height:178px;}
.logo{width:200px;float:left;}
.header-center{width:715px;height:178px;float:left;background:url(../images/header-center.jpg) no-repeat center;}
.header .tel400{width:285px;height:178px;float:left;background:url(../images/tel400.jpg) no-repeat center;}
.banner-layer{height:244px;}
.banner-layer .container{height:244px;background:url(../images/banner-layer.jpg) no-repeat center;position:relative;left:0;top:-85px;}

.display{}
.display .swiper01{width:776px;overflow:hidden;float:left;}
.display .swiper01 .swiper-wrapper .swiper-slide{width:776px;height:531px;}
.display .right{width:424px;height:531px;float:right;position:relative;}
.display .right .propety{width:510px;height:290px;background:#fff;position:relative;left:-86px;top:50px;padding-left:30px;overflow:hidden;z-index:1;}
.display .right .propety .title{height:30px;line-height:30px;font-size:30px;color:#415773;margin-top:25px;}
.display .right .propety .title span{font-weight:bold;color:#88afff;}
.display .right .propety ul{margin-top:10px;overflow:hidden;}
.display .right .propety ul li{height:20px;line-height:20px;font-size:16px;float:left;margin-top:20px;}
.display .right .propety ul li:nth-child(odd){width:220px;}
.display .right .propety .button{display:block;width:165px;height:40px;background:#ff9c6e url(../images/button-arrow.png) no-repeat 130px center;
	border-radius:20px;line-height:40px;font-size:20px;color:#fff;text-indent:30px;margin-top:30px;}


.display .right .pic{width:235px;height:235px;position:absolute;right:0;bottom:0;z-index:2;}
.display .right .prev-next{position:absolute;z-index:3;width:120px;height:60px;right:175px;bottom:0;}
.display .right .prev-next .swiper01-button-prev,
.display .right .prev-next .swiper01-button-next{width:60px;height:60px;float:left;outline:none;cursor:pointer;}
.display .right .prev-next .swiper01-button-prev{background:#fff url(../images/prev-arrow.png) no-repeat center;position:relative;}
.display .right .prev-next .swiper01-button-prev:after{display:block;content:"";width:1px;height:40px;background:#dcdcdc;position:absolute;top:10px;right:0;}
.display .right .prev-next .swiper01-button-next{background:#fff url(../images/next-arrow.png) no-repeat center;}
.display .right .swiper01-pagination{position:absolute;z-index:3;font-size:20px;left:45px;bottom:0;}
.display .right .swiper01-pagination .swiper-pagination-current{font-size:42px;color:#88afff;}

.reason{margin-top:110px;}
.reason .reason01{height:142px;background:url(../images/reason01.jpg) no-repeat center;}
.reason .reason02{height:523px;background:url(../images/reason02.jpg) no-repeat center top;padding-top:400px;}
.reason .reason02 .item{font-size:16px;float:left;text-align:center;line-height:25px;}
.reason .reason02 .item01{width:208px;margin-left:60px;}
.reason .reason02 .item02{width:208px;margin-left:83px;}
.reason .reason02 .item03{width:210px;margin-left:78px;}
.reason .reason02 .item04{width:208px;margin-left:83px;}
.reason .button{display:block;width:245px;height:40px;background:#ff9c6e url(../images/button-arrow.png) no-repeat 210px center;
	border-radius:20px;line-height:40px;font-size:20px;color:#fff;text-indent:25px;margin-left:auto;margin-right:auto;margin-top:35px;}


.case{margin-top:170px;}
.case .title{height:30px;line-height:30px;font-size:36px;color:#415773;text-align:center;}
.case .title span{font-weight:bold;color:#88afff;}
.case .ftitle{height:20px;line-height:20px;font-size:16px;text-align:center;margin-top:20px;}
.case .pic{margin-top:45px;}

.question{margin-top:120px;}
.question .title{height:30px;line-height:30px;font-size:36px;color:#415773;text-align:center;}
.question .title span{font-weight:bold;color:#88afff;}
.question .content{height:1410px;margin-top:90px;position:relative;}
.question .content:after{display:block;content:"";width:1px;height:1410px;background:#dcdcdc;position:absolute;left:50%;margin-left:-2px;top:25px;z-index:-1;}
.question .content .question01{width:685px;height:279px;float:left;background:url(../images/question01.png) no-repeat center;margin-left:1px;}
.question .content .question02{width:697px;height:206px;float:right;background:url(../images/question02.png) no-repeat center;margin-right:1px;margin-top:35px;}
.question .content .question03{width:685px;height:159px;float:left;background:url(../images/question03.png) no-repeat center;margin-left:1px;margin-top:35px;}
.question .content .question04{width:697px;height:130px;float:right;background:url(../images/question04.png) no-repeat center;margin-right:1px;margin-top:35px;}
.question .content .question05{width:685px;height:126px;float:left;background:url(../images/question05.png) no-repeat center;margin-left:1px;margin-top:35px;}
.question .content .question06{width:697px;height:130px;float:right;background:url(../images/question06.png) no-repeat center;margin-right:1px;margin-top:35px;}
.question .content .question07{width:685px;height:157px;float:left;background:url(../images/question07.png) no-repeat center;margin-left:1px;margin-top:35px;}
.question .button{display:block;width:245px;height:40px;background:#ff9c6e url(../images/button-arrow.png) no-repeat 210px center;
	border-radius:20px;line-height:40px;font-size:20px;color:#fff;text-indent:20px;margin-left:auto;margin-right:auto;margin-top:25px;}

.about{height:683px;background:url(../images/about-bg.jpg) no-repeat center;margin-top:100px;padding-top:60px;}
.about .text{width:540px;float:right;color:#fff;}
.about .text .title{height:40px;line-height:40px;font-size:40px;}
.about .text .title span{font-size:20px;margin-left:10px;}
.about .text .content{margin-top:30px;}
.about .text .content p{line-height:24px;margin-bottom:15px;}
.about .factory{width:1205px;height:236px;float:left;margin-left:355px;background:#fff;padding-top:26px;padding-left:30px;position:relative;}
.about .factory .swiper02{width:755px;overflow:hidden;}
.about .factory .swiper02 .title{height:20px;line-height:20px;text-align:center;margin-top:15px;}
.about .factory .prev-next{width:120px;height:60px;position:absolute;left:725px;top:78px;z-index:999;}
.about .factory .prev-next .swiper02-button-prev,
.about .factory .prev-next .swiper02-button-next{width:60px;height:60px;float:left;outline:none;cursor:pointer;}
.about .factory .prev-next .swiper02-button-prev{background:#fff url(../images/prev-arrow.png) no-repeat center;position:relative;}
.about .factory .prev-next .swiper02-button-next{background:#88afff url(../images/next-arrow-white.png) no-repeat center;}

.advantage{margin-top:110px;}
.advantage .container>.title{height:60px;line-height:60px;font-size:55px;color:#415773;text-align:center;}
.advantage .container>.title span{font-weight:bold;color:#88afff;}
.advantage .container>.ftitle{height:25px;line-height:25px;font-size:24px;text-align:center;color:#415773;margin-top:15px;}
.advantage .container>.description{height:20px;line-height:20px;font-size:18px;text-align:center;margin-top:20px;}
.advantage .list{margin-top:80px;margin-left:-30px;margin-right:-30px;}
.advantage .list .item{width:50%;height:500px;float:left;padding-left:30px;padding-right:30px;margin-bottom:110px;position:relative;}
.advantage .list .wrapper{height:500px;border-bottom:3px solid #88afff;}
.advantage .list .item .title{height:30px;line-height:30px;font-size:30px;margin-top:55px;}
.advantage .list .item ul{margin-top:20px;}
.advantage .list .item ul li{line-height:28px;font-size:16px;padding-right:75px;padding-left:15px;position:relative;}
.advantage .list .item ul li:before{display:block;content:"";width:5px;height:5px;background:#88afff;border-radius:50%;position:absolute;top:12px;left:0;}
.advantage .list .item .number{width:76px;height:76px;line-height:76px;text-align:center;background:#ff9c6e;font-size:45px;font-weight:bold;color:#fff;border-radius:50%;position:absolute;right:0;top:330px;}

.contact{height:693px;background:url(../images/contact-bg.jpg) no-repeat center;overflow:hidden;}
.contact .title{height:30px;line-height:30px;font-size:30px;color:#415773;margin-top:180px;text-align:center;}
.contact .title span{font-weight:bold;color:#88afff;}
.contact .ftitle{height:20px;line-height:20px;font-size:16px;text-align:center;margin-top:15px;}
.contact .form{padding-left:50px;padding-right:50px;}
.contact .form .inputs{margin-left:-24px;margin-right:-24px;margin-top:65px;}
.contact .form .inputs .input{width:25%;float:left;padding-left:24px;padding-right:24px;}
.contact .form .inputs input{display:block;width:100%;height:35px;background:#f2f2f2;border:none;outline:none;text-indent:10px;font-size:16px;color:#969696;}
.contact .form textarea{width:100%;height:120px;background:#f2f2f2;border:none;outline:none;padding:10px;margin-top:30px;font-size:16px;color:#969696;}
.contact .form .inputs input:placeholder,
.contact .form .inputs input::placeholder,
.contact .form textarea:placeholder,
.contact .form textarea::placeholder{color:#969696;}
.contact .form .button{display:block;width:150px;height:40px;background:#ff9c6e;
	border-radius:20px;line-height:40px;font-size:20px;color:#fff;text-align:center;margin-top:35px;margin-left:auto;margin-right:auto;user-select:none;cursor:pointer;}

.footer{overflow:hidden;padding-bottom:100px;}
.footer .footer-logo{width:200px;float:left;margin-top:30px;}
.footer .contacts{width:350px;float:left;margin-left:65px;margin-top:40px;}
.footer .contacts>div{height:20px;line-height:20px;font-size:16px;margin-bottom:15px;}
.footer .footer-tel400{width:284px;float:left;margin-left:120px;margin-top:40px;}
.footer .footer-qrcode{width:100px;float:right;}

.kefu{width:180px;height:225px;position:fixed;right:10px;top:50%;z-index:999;}
/*.kefu{display:none;}*/
.kefu-title{height:55px;line-height:55px;text-align:center;background:#88afff;color:#fff;font-size:20px;font-weight:bolder;box-shadow:0 0 2px #aeaeae;}
.kefu-qq,
.kefu-phone{height:40px;line-height:40px;box-sizing:border-box;border:1px solid #dcdcdc;font-size:15px;font-weight:bolder;text-indent:50px;box-shadow:0 0 2px #aeaeae;}
.kefu-qq{background:url(../images/qq.png) no-repeat 20px center #fff;}
.kefu-qq:hover,
.kefu-phone:hover{background-position:-180px center;}
.kefu-phone:hover{color:#414e5d}
.kefu-qq a{display:block;height:40px;color:#414e5d;text-decoration:none;}
.kefu-qq:hover a{color:#414e5d;}
.kefu-phone{background:url(../images/phone.png) no-repeat 20px center #fff;color:#414e5d;}
.kefu-wechat,
.gotop{width:40px;height:40px;box-sizing:border-box;border:1px solid #dcdcdc;float:right;cursor:pointer;box-shadow:0 0 2px #aeaeae;}
.gotop a{display:inline-block;width:40px;height:40px;outline:none;}
.kefu-wechat{background:url(../images/wechat.png) no-repeat 6px center #fff;}
.kefu-wechat:hover{background-position:-44px center;}
.gotop{background:url(../images/up.png) no-repeat 12px center #fff;}
.gotop:hover{background-position:-38px center;}
.kf-qrcode{width:180px;height:180px;box-shadow:0 0 5px #ccc;position:fixed;right:50px;top:50%;display:none;z-index:1000;}
.kf-qrcode img{width:180px;height:180px;}

.huodong{width:220px;height:330px;box-shadow:0 0 20px #999;position:fixed;top:50%;margin-top:-330px;left:15px;z-index:9999;}
.huodong img{width:100%;height:330px;}
.huodong .close{position:absolute;width:30px;height:30px;border:1px solid #dcdcdc;background:red;right:0;top:0;line-height:30px;text-align:center;color:#fff;cursor:pointer;opacity:0.5;}
.huodong .close:hover{opacity:1;}