body{font-family: "Helvetica Neue",Helvetica,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","微软雅黑",Arial,sans-serif;}
.container-fluid,
.container{padding-left:0;padding-right:0;}
ul,li{list-style:none;}
img{width:100%;}
.container{width:1100px;}
.clear{clear:both;}

.header .container .pic{margin-left:-74px;}
.block1{margin-top:75px;}

.block2{margin-top:65px;}
.block2 .title{height:30px;line-height:30px;font-size:28px;font-weight:bold;color:#0086d9;text-align:center;letter-spacing:2px;}
.block2 .ftitle{height:20px;line-height:20px;margin-top:15px;font-size:16px;color:#808da4;text-align:center;letter-spacing:2px;}

.block3{margin-top:75px;}
.block3 .row{margin-left:-35px;margin-right:-35px;}
.block3 .row .item{padding-left:35px;padding-right:35px;position:relative;margin-bottom:70px;}
.block3 .row .item .tag{width:60px;height:60px;border-radius:50%;background:#fff;line-height:60px;text-align:center;font-size:24px;font-weight:bold;color:#75caff;position:absolute;top:-30px;left:calc(50% - 30px);transition:all .5s ease}
.block3 .row .item:hover .tag{background:#75caff;color:#fff;}
.block3 .row .item .title{height:30px;line-height:30px;font-size:18px;font-weight:bold;color:#0086d9;margin-top:20px;}
.block3 .row .item .description{line-height:25px;font-size:14px;color:#808da4;margin-top:5px;}

.block4 .button{width:300px;height:40px;border-radius:20px;background:url(../images/arrow.png) no-repeat 260px center #ff8257;line-height:40px;text-indent:22px;font-size:18px;font-weight:bold;color:#fff;letter-spacing:3px;margin-left:auto;margin-right:auto;}
.block4 .button a{display:block;height:40px;text-decoration:none;color:#fff;}

.block5{margin-top:125px;}
.block5 .title{height:30px;line-height:30px;font-size:28px;font-weight:bold;color:#0086d9;text-align:center;letter-spacing:2px;}
.block5 .ftitle{height:20px;line-height:20px;margin-top:15px;font-size:16px;color:#808da4;text-align:center;letter-spacing:2px;}

.block6{margin-top:80px;}
.block6 .vs{height:400px;}
.block6 .vs .left,
.block6 .vs .right{width:400px;height:400px;border-radius:50%;border:10px solid #dfedfd;float:left;overflow:hidden;}
.block6 .vs .center{width:300px;height:400px;float:left;background:url(../images/vs.png) no-repeat center center;}
.block6 .vs .left .wrapper,
.block6 .vs .right .wrapper{width:100%;height:800px;margin-top:-10px;transition:all 1s ease;}
.block6 .vs .left .wrapper.toggle,
.block6 .vs .right .wrapper.toggle{margin-top:-400px;}
.block6 .vs .left .wrapper .pic,
.block6 .vs .right .wrapper .pic{width:380px;height:380px;border-radius:50%;margin-top:10px;margin-bottom:10px;}
.block6 .vs .center .controller{width:48px;height:14px;margin-left:auto;margin-right:auto;margin-top:300px;}
.block6 .vs .center .dot{width:14px;height:14px;border-radius:50%;background:#0086d9;margin:0 5px;float:left;cursor:pointer;}
.block6 .vs .center .dot.active{background:#ff8257;}
.block6 .text{margin-top:40px;}
.block6 .text .item{display:none;}
.block6 .text .item.active{display:block;}
.block6 .text .left{width:400px;float:left;text-align:center;padding:0 45px;}
.block6 .text .right{width:400px;float:right;text-align:center;padding:0 45px;}
.block6 .text .title{height:25px;line-height:25px;font-size:22px;font-weight:bold;color:#0086d9;letter-spacing:2px;}
.block6 .text .ftitle{height:20px;line-height:20px;font-size:16px;color:#323232;letter-spacing:2px;margin-top:10px;}
.block6 .text .description{line-height:25px;font-size:16px;color:#808da4;}

.block7{height:700px;margin-top:90px;background:url(../images/aaa_02.jpg) no-repeat center;overflow:hidden;}
.block7 .left{width:460px;float:left;}
.block7 .left .title{height:35px;font-size:34px;font-weight:bold;color:#0086d9;margin-top:70px;}
.block7 .left ul{padding-left:0;margin-top:35px;padding-right:50px;}
.block7 .left ul li{line-height:25px;font-size:16px;color:#424f5e;margin-top:5px;}
.block7 .left .button{width:235px;height:40px;margin-top:175px;line-height:40px;border-radius:20px;font-size:18px;font-weight:bold;background:url(../images/arrow-blue.png) no-repeat 200px center #fff;text-indent:18px;letter-spacing:2px;}
.block7 .left .button a{display:block;height:40px;text-decoration:none;color:#75caff;}
.block7 .right{width:640px;margin-top:70px;float:right;overflow:hidden;}
.block7 .right .swiper1-pagination{margin-top:50px;margin-left:85px;}
.block7 .right .swiper-pagination-bullet{width:14px;height:14px;margin-left:0;margin-right:20px;background:#fff;opacity:1;}
.block7 .right .swiper-pagination-bullet-active{background:#ff8257;} 

.block8{margin-top:120px;}
.block8 .title{height:35px;line-height:35px;text-align:center;font-size:34px;font-weight:bold;color:#0086d9;letter-spacing:2px;}
.block8 .ftitle{height:20px;line-height:20px;text-align:center;font-size:16px;color:#808da4;margin-top:15px;letter-spacing:2px;}

.block9{height:420px;margin-top:75px;background:url(../images/aaa_04.jpg) no-repeat center top;}
.block9 .left{width:365px;float:left;}
.block9 .right{width:365px;float:right;}
.block9 .item{padding-left:40px;position:relative;}
.block9 .item .title{height:20px;line-height:20px;font-size:18px;font-weight:bold;color:#424f5e;letter-spacing:2px;}
.block9 .item .description{line-height:25px;font-size:15px;color:#818da4;letter-spacing:2px;margin-top:10px;}
.block9 .item:before{display:block;width:30px;height:30px;line-height:30px;text-align:center;background:#ff8257;font-size:12px;color:#fff;position:absolute;border-radius:50%;top:-5px;left:0;}
.block9 .item01:before{content:"01"}
.block9 .item02:before{content:"02"}
.block9 .item03:before{content:"03"}
.block9 .item04:before{content:"04"}
.block9 .item02,
.block9 .item04{margin-top:220px;}
.block9 .button{width:205px;height:40px;float:left;margin-top:355px;margin-left:82px;text-indent:-999px;overflow:hidden;}
.block9 .button a{display:block;height:40px;border-radius:20px;}

.block10{margin-top:130px;overflow:hidden;}
.block10 .title{height:30px;line-height:30px;text-align:center;font-size:28px;font-weight:bold;color:#0086d9;margin-bottom:15px;}
.block10 .ftitle{line-height:30px;text-align:center;font-size:16px;color:#818da4;}

.block11{margin-top:50px;}
.block11 .tabs{text-align:center;}
.block11 .tab{width:120px;height:30px;line-height:30px;display:inline-block;font-size:18px;cursor:pointer;user-select:none;}
.block11 .tab.active{border-radius:15px;background:#ff8257;color:#fff;}
.block11 .tab-panes{margin-top:55px;overflow:hidden;}
.block11 .tab-panes .wrapper{width:2240px;transition:all 1s ease;}
.block11 .tab-panes .wrapper.toggle{margin-left:-1120px;}
.block11 .tab-panes .pane{width:1100px;float:left;}
.block11 .tab-panes .pane:last-child{margin-left:20px;}
.block11 .tab-panes .row{margin-left:-10px;margin-right:-10px;}
.block11 .tab-panes .row .item{padding-left:10px;padding-right:10px;margin-bottom:20px;}

.block12{background:url(../images/block12-bg.png) no-repeat center top;overflow:hidden;margin-top:110px;}
.block12 .text .title{height:25px;line-height:25px;font-size:22px;font-weight:bold;color:#424f5e;letter-spacing:2px;}
.block12 .text .description{margin-top:20px;}
.block12 .text .description p{line-height:25px;margin-bottom:0;font-size:15px;color:#818da4;letter-spacing:1px;}
.block12 .left{width:550px;float:left;}
.block12 .left .pic01{width:440px;margin-top:100px;position:relative;}
.block12 .left .pic01:before{content:"";display:block;width:160px;height:2px;background:#90d4fe;position:absolute;left:386px;top:300px;}
.block12 .left .pic01:after{display:block;height:46px;line-height:46px;content:"01";font-size:46px;font-weight:bold;color:#75caff;position:absolute;left:500px;top:240px;}
.block12 .left .text02{margin-top:60px;padding-left:85px;position:relative;}
.block12 .left .text02:before{display:block;height:46px;line-height:46px;content:"02";font-size:46px;font-weight:bold;color:#75caff;position:absolute;left:0;top:0;}
.block12 .left .text02:after{content:"";display:block;width:160px;height:2px;background:#90d4fe;position:absolute;left:386px;top:10px;}
.block12 .left .pic03{width:518px;margin-top:70px;}
.block12 .left .text03{margin-top:20px;}
.block12 .left .text03 .n03{height:46px;line-height:46px;font-size:46px;font-weight:bold;color:#75caff;}
.block12 .left .text03 .title{margin-top:15px;}
.block12 .right{width:520px;float:right;}
.block12 .right .text01{margin-top:340px;}
.block12 .right .pic02{width:100%;margin-top:54px;}
.block12 .right .pic04{width:100%;margin-top:20px;}
.block12 .right .text04{margin-top:20px;}
.block12 .right .text04 .n04{height:46px;line-height:46px;font-size:46px;font-weight:bold;color:#75caff;}
.block12 .right .text04 .title{margin-top:15px;}

.about{height:830px;margin-top:150px;background:url(../images/about-bg.png) no-repeat center bottom;}
.about .left{width:550px;float:left;margin-top:25px;}
.about .right{width:490px;float:right;}
.about .right .title{float:left;margin-top:25px;}
.about .right .title .cn{height:40px;line-height:40px;font-size:38px;font-weight:bold;color:#75caff;letter-spacing:1px;}
.about .right .title .en{height:20px;line-height:20px;font-size:20px;color:#818da4;letter-spacing:1px;margin-top:10px;}
.about .right .more{width:112px;height:112px;background:url(../images/about-more.png) no-repeat center;float:right;border-radius:50%;overflow:hidden;text-indent:-999px;}
.about .right .more a{display:block;height:112px;border-radius:50%;}
.about .right .content{margin-top:25px;}
.about .right .content p{line-height:22px;font-size:14px;color:#818da4;letter-spacing:1px;text-align:justify;}
.about .container{overflow:hidden;}
.about .factory{margin-top:60px;}
.about .factory .title{height:20px;line-height:20px;font-size:16px;color:#818da4;margin-top:20px;text-align:center;}
.about .factory>.swiper-wrapper{-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear;}

.customer{height:320px;background:#75caff;overflow:hidden;}
.customer .title{margin-top:15px;}
.customer .title .cn{height:40px;line-height:40px;font-size:38px;font-weight:bold;color:#fff;letter-spacing:1px;}
.customer .title .en{height:20px;line-height:20px;font-size:20px;color:#fff;margin-top:10px;letter-spacing:1px;}
.customer .row{margin-top:50px;margin-left:-6px;margin-right:-6px;}
.customer .row .item{padding-left:6px;padding-right:6px;}

.footer{padding-top:90px;padding-bottom:135px;overflow:hidden;position:relative;}
.footer:after{content:"";display:block;width:100%;height:35px;background:#424f5e;position:absolute;bottom:0;}
.footer .qrcode{width:106px;float:left;}
.footer .contact{width:360px;float:left;margin-left:30px;}
.footer .contact .tel400{width:278px;}
.footer .company{height:20px;line-height:20px;font-size:18px;color:#818da4;margin-top:35px;}
.footer .address,
.footer .phone,
.footer .mail{height:20px;line-height:20px;font-size:14px;color:#818da4;margin-top:20px;}
.footer .message{width:590px;float:right;}
.footer .message input::placeholder,
.footer .message textarea::placeholder,
.footer .message input,
.footer .message textarea{color:#818da4;}
.footer .message input,
.footer .message textarea{border:none;outline:none;}
.footer .message .left{width:240px;float:left;}
.footer .message .left .field{height:47px;border-bottom:1px solid #c0c6d1;}
.footer .message .left .field:first-child{border-top:1px solid #c0c6d1;}
.footer .message .left .field input{width:240px;height:45px;}
.footer .message .left .submit{width:100px;height:30px;line-height:30px;text-align:center;background:#ff8257;font-size:20px;color:#fff;cursor:pointer;margin-top:20px;}
.footer .message .right{width:310px;height:188px;float:right;border-top:1px solid #c0c6d1;border-bottom:1px solid #c0c6d1;}
.footer .message .right textarea{width:310px;height:186px;resize:none;}

.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:#0086d9;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:#0086d9}
.kefu-qq a{display:block;height:40px;color:#646464;text-decoration:none;}
.kefu-qq:hover a{color:#0086d9;}
.kefu-phone{background:url(../images/phone.png) no-repeat 20px center #fff;color:#646464;}
.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;}