.banner-wrap{height:auto;position:relative;background-position:center center}
.index-banner-top{margin:185px 0;z-index:99;position:absolute}
.y-page-title-bg{width:100px;height:20px;background:linear-gradient(to right,#ffffff,#FFC107);display:inline-block;position:absolute;top:37%;left:22%;z-index:2}
.center{text-align:center}
.tpm-prod-hero__btn-group{margin-top:20px}
h1.banner-title,.index-banner-top p{color:#fff;font-weight:600;margin-bottom:15px;font-size:38px;font-family:inherit;font-style:normal}
.index-banner-top p{line-height:38px !important;height:34px;font-size:16px;font-weight:400;font-family:微软雅黑}
img.products{width:1980px;height:438px}
.tpm-prod-hero__btn{background:#0e52ff;box-shadow:8px 8px 20px 0 rgb(121 172 255 / 10%);color:#fff;min-width:136px;height:44px;font-size:16px;line-height:42px;-webkit-font-smoothing:auto;transition:all .3s ease-in-out;outline:0 none;cursor:pointer;white-space:nowrap;text-align:center;text-decoration:none;vertical-align:middle;display:inline-block;box-sizing:border-box;margin-right:20px;border:2px solid #0056ff;border-radius:4px}
.tpm-prod-hero__btn--white{border:1px solid #fff;box-shadow:8px 8px 20px 0 rgba(55,99,170,.1),inset 0 4px 20px 0 hsla(0,0%,100%,.5);transition:all .3s ease-in-out;color:#fff;border-color:rgba(255,255,255,.6)}
.index-banner-top ul>li button{float:left;padding:6px 35px;background:#fff;color:#3085de;border-radius:3px;font-weight:600;margin-left:0px;margin-top:0px;border:none;height:35.5px}
.index-banner-top ul>li .contorl button{background:none;border:1px solid #fff;color:#fff;padding:5px 35px;margin-left:8px}
.index-banner{width:1240px;margin:auto}
.swiper-container{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1}
.swiper-pointer-events{touch-action:pan-y;height:438px}
.container{width:1240px;margin:0 auto}
.product-nav{border-bottom:1px solid #ddd}
.product-nav{height:70px;background:#fff;font-size:16px}
.product-nav .name{font-weight:bold;float:left;line-height:70px;margin-right:35px}
.product-nav .name:after{content:"";float:right;width:2px;height:16px;background:#ddd;float:right;margin:27px 0 0 35px}
.product-nav .btn-default{float:right;width:138px;height:38px;line-height:38px;margin:15px 0 0;color:#fff;text-align:center;font-size:16px;border:1px solid #015bfe;background:#015bfe}
.product-nav{height:70px;background:#fff;font-size:16px}
.product-nav .stype{float:left;overflow:hidden}
.product-nav li{float:left;position:relative;color:#666666;line-height:70px;margin-right:90px;cursor:pointer}
.product-nav li:after{content:"";position:absolute;left:0;bottom:0;width:0;height:3px;background:#015bfe;transition:0.2s all linear;-moz-transition:0.2s all linear;-webkit-transition:0.2s all linear;-o-transition:0.2s all linear}
.product-nav li:hover{color:#015bfe}
.product-nav li:hover:after{width:100%}
.product-nav .active{color:#015bfe !important}
.product-nav .active:after{width:100%}
.product-nav .name{font-weight:bold;float:left;line-height:70px;margin-right:55px}
.product-nav .name:after{content:"";float:right;width:2px;height:16px;background:#ddd;float:right;margin:27px 0 0 35px}
.product-nav .btn-default{float:right;width:138px;height:38px;line-height:38px;margin:15px 0 0}
.product-nav .btn-default:hover{color:#fff}
.clounm-blank{display:none;height:70px;overflow:hidden}
.nva-fixed{border-bottom:1px solid #ddd;position:fixed;left:0;right:0;top:0;z-index:11}
.intro-cloumn{line-height:50px;overflow:hidden}
.intro-cloumn h3{float:right;font-size:40px;color:#000000}
.intro-cloumn h3 span{color:#015bfe;margin-left:10px}
.intro-part1{padding:95px 0 70px;background:#f0f5ff;min-width:1240px;overflow:hidden}
.intro-part1 .container{width:1240px;background:url("../picture/bg1.png?v=1") left 45px no-repeat}
.intro-part1 .container:after{content:"";display:block;clear:both;width:100%;height:1px}
.intro-part1 .slogn{margin-top:25px;width:330px;float:left;overflow:hidden}
.intro-part1 .slogn li{float:left;margin-bottom:125px;color:#666666}
.intro-part1 .slogn li:nth-child(odd){width:202px}
.intro-part1 .slogn span{display:block;font-size:36px;margin-bottom:8px;color:#333333}
.intro-part1 .info{float:right;margin-right:20px;width:835px}
.intro-part1 .info h4{margin-bottom:25px;font-size:24px}
.intro-part1 .info h4:after{content:"";display:block;width:30px;height:3px;background:#015bfe;margin-top:18px}
.intro-part1 .info p{line-height:38px;margin-bottom:25px;text-align:justify}
.intro-part2{height:520px;background:url("../picture/bg2-0.jpg?v=1") center top no-repeat;min-width:1240px;overflow:hidden}
.intro-part2 .container{margin-top:88px}
.intro-part2 .rightSide{background:#e6ebf5}
.intro-part2 ul{margin:45px 0 0 -40px;text-align:center;overflow:hidden}
.intro-part2 ul li{float:left;background:#fff;margin-left:40px;width:280px;height:240px}
.intro-part2 ul img{display:block;height:170px;max-width:100%;margin:20px auto 15px}
.intro-part3{padding:95px 0 80px;background:#f0f5ff;min-width:1240px;overflow:hidden}
.intro-part3 ul{margin:58px 0 0 -30px;overflow:hidden}
.intro-part3 ul li{float:left;margin:0 0 20px 30px;height:300px;position:relative;overflow:hidden}
.intro-part3 li img{display:block}
.intro-part3 li h3{color:#fff;font-size:30px;padding-left:50px;position:absolute;left:44px;right:0;top:74px}
.intro-part3 .nm{position:absolute;right:28px;top:28px;width:46px;height:40px}
.intro-part3 .desc{color:#fff;line-height:30px;text-align:justify;height:100px;transition:0.4s all linear;-moz-transition:0.4s all linear;-webkit-transition:0.4s all linear;-o-transition:0.4s all linear;position:absolute;left:44px;right:44px;bottom:65px}
.intro-part3 .option{height:120px;text-align:center;position:absolute;left:44px;right:0;bottom:-140px;transition:0.4s all linear;-moz-transition:0.4s all linear;-webkit-transition:0.4s all linear;-o-transition:0.4s all linear}
.intro-part3 .option a{float:left;width:110px;color:#fff;height:25px;background:rgba(255,255,255,.2);line-height:25px;margin:0 5px 5px 0}
.intro-part3 .option a:hover{background:rgba(255,255,255,.5)}
.intro-part3 .item2 .desc{color:#666}
.intro-part3 .item2 .option a{background:#fff;color:#666666}
.intro-part3 .item2 .option a:hover{background:#f0f5ff}
.intro-part3 .item1,.intro-part3 .item4{width:370px}
.intro-part3 .item2,.intro-part3 .item3{width:840px}
.intro-part3 .item2 h3,.intro-part3 .item2 .desc,.intro-part3 .item2 .option{left:360px}
.intro-part3 .item3 .desc{right:68px}
.intro-part3 .item1 h3{background:url("../picture/cp_ico1.png") left center no-repeat}
.intro-part3 .item2 h3{color:#333333;background:url("../picture/cp_ico2.png") left center no-repeat}
.intro-part3 .item3 h3{background:url("../picture/cp_ico3.png") left center no-repeat}
.intro-part3 .item4 h3{padding-left:60px;background:url("../picture/cp_ico4.png") left center no-repeat}
.intro-part3 .item1 .nm{background:url("../picture/cp_01.png") right center no-repeat}
.intro-part3 .item2 .nm{background:url("../picture/cp_02.png") right center no-repeat}
.intro-part3 .item3 .nm{background:url("../picture/cp_03.png") right center no-repeat}
.intro-part3 .item4 .nm{background:url("../picture/cp_04.png") right center no-repeat}
.intro-part3 li:hover .desc{bottom:-110px}
.intro-part3 li:hover .option{bottom:35px}
.intro-part4{height:710px;background:url("../picture/bg13.jpg?v=2") center top no-repeat;min-width:1240px;overflow:hidden}
.intro-part4 .container{margin-top:75px}
.intro-part4 .leftSide{background:#e6ebf5}
.intro-part4 .intro-cloumn h3{line-height:75px}
.intro-part4 .clounm{float:left;font-size:18px}
.intro-part4 .clounm li{float:left;height:110px;position:relative;cursor:pointer;padding-right:80px;overflow:hidden}
.intro-part4 .clounm li:after{content:"";width:111px;height:110px;position:absolute;right:250px;top:0;transition:0.4s all linear;-moz-transition:0.4s all linear;-webkit-transition:0.4s all linear;-o-transition:0.4s all linear}
.intro-part4 .clounm li:last-child{margin-right:0}
.intro-part4 .clounm li p{font-weight:bold;font-style:italic;line-height:100px;position:relative;z-index:2;padding-left:65px}
.intro-part4 .clounm .active{color:#015bfe;font-size:24px}
.intro-part4 .clounm .active:after{right:22px;background:url("../picture/feature_a.png") center top no-repeat}
.intro-part4 .clounm .item1 p{background:url("../picture/feature_ico1.png") left 35px no-repeat}
.intro-part4 .clounm .item2 p{background:url("../picture/feature_ico2.png") left 35px no-repeat}
.intro-part4 .clounm .item3 p{background:url("../picture/feature_ico3.png") left 35px no-repeat}
.intro-part4 .clounm .item4 p{background:url("../picture/feature_ico4.png") left 35px no-repeat}
.intro-part4 .clounm .item1.active p{background:url("../picture/feature_ico1_a.png") left 35px no-repeat}
.intro-part4 .clounm .item2.active p{background:url("../picture/feature_ico2_a.png") left 35px no-repeat}
.intro-part4 .clounm .item3.active p{background:url("../picture/feature_ico3_a.png") left 35px no-repeat}
.intro-part4 .clounm .item4.active p{background:url("../picture/feature_ico4_a.png") left 35px no-repeat}
.intro-part4 .main{display:none;height:420px;margin-top:15px;overflow:hidden;width:1240px}
.intro-part4 .info{width:580px;height:auto;padding:38px 30px 0;background:#e6ebf5;float:right;margin-top:55px}
.intro-part4 .info h4{font-size:20px;margin-bottom:28px}
.intro-part4 .info p{margin-bottom:18px;font-size:16px;padding-left:30px;background:url("../picture/has.png") 2px 4px no-repeat}
.intro-part4 .main4 .info p{font-size:14px;background:url("../picture/has.png") 2px 2px no-repeat}
.intro-part4 .main4 .info span{display:block;font-weight:bold;margin-bottom:10px}
.intro-part4 .main1{background:url("../picture/feature_bg1.jpg") left top no-repeat}
.intro-part4 .main2{background:url("../picture/feature_bg2.jpg") left top no-repeat}
.intro-part4 .main3{background:url("../picture/feature_bg3.jpg") left top no-repeat}
.intro-part4 .main4{background:url("../picture/feature_bg4.jpg") left top no-repeat}
.intro-part5{height:575px;margin-top:100px;background:url("../picture/bg14.jpg") center top no-repeat;min-width:1240px;overflow:hidden}
.intro-part5 .container{margin-top:80px}
.intro-part5 .rightSide{background:#000e28}
.intro-part5 .intro-cloumn h3,.intro-part5 .intro-cloumn h3 span{color:#fff}
.intro-part5 .about-more{margin:95px 0 27px;background:#015bfe;float:right}
.intro-part5 .img{width:275px;height:180px;margin-bottom:26px}
.intro-part5 .img1{width:620px;height:390px;float:left;margin-right:25px}
.intro-part5 dt{float:right;width:295px}
.intro-part5 dd{float:left;width:925px;margin-top:12px}
.intro-part6{padding:110px 0 50px;background:#f0f5ff;min-width:1240px;overflow:hidden}
.intro-part6 .intro-cloumn p{clear:both;text-align:right;font-size:18px;margin-right:20px}
.intro-part6 .about-more{margin-top:50px;float:right}
.intro-part6 .right{float:right;width:300px}
.intro-part6 .list{float:left;margin-top:20px;width:965px}
.intro-part6 .list li{float:left;width:300px;position:relative;margin:0 20px 15px 0;height:140px;cursor:pointer;overflow:hidden}
.intro-part6 .list .img{width:220px;height:80px;position:absolute;left:40px;top:30px;transition:0.4s all linear;-moz-transition:0.4s all linear;-webkit-transition:0.4s all linear;-o-transition:0.4s all linear}
.intro-part6 .list .leftFain{left:-100px;top:-80px}
.intro-part6 .info{position:absolute;left:0;top:0;right:0;bottom:0;background:#fff;border-top:3px solid #015bfe;opacity:0}
.intro-part6 .info p{line-height:24px;text-align:justify;margin:38px 15px 0 60px;height:72px;overflow:hidden}
.intro-part6 .info img{position:absolute;left:15px;top:15px}
.intro-part6 .list li:hover .info{opacity:1;transition-duration:2s}
.about-more{display:block;width:200px;color:#fff;text-align:center;height:50px;line-height:50px;background:#0e52ff}
.about-more:after{content:"";display:inline-block;width:40px;height:50px;vertical-align:top;margin-left:10px;background:url(../picture/more.png) center no-repeat}
.main.active{display:block}
.main{display:none}
@media all and (max-width:768px){img.products{height:280px;width:120%}
.swiper-pointer-events{touch-action:pan-y;height:280px}
h1.banner-title{font-size:20px;margin-top:0px;display:inline-block}
.index-banner-top{margin:105px 0;z-index:99;position:absolute;padding:0px 80px 0 20px}
.index-banner-top p{text-align:left;font-size:14px;color:#ccc}
h1.banner-title{font-size:20px;margin-top:0px;display:inline-block;border-left:3px solid #ffc107;padding-left:14px}
.tpm-prod-hero__btn-group{display:none}
.product-nav .stype{float:inherit;overflow:hidden;text-align:center}
.product-nav .name,.product-nav .btn-default{display:none}
.product-nav li{margin-right:0;width:25%}
.product-nav li:before{content:"";height:20px;width:1px;background:#e6e6e6;position:absolute;right:0;top:25px}
.contact-part1,.contact-part2,.contact-part3{padding:55px 0 0;min-width:100%;overflow:hidden;background:#fff}
.container{width:100%;margin:0 auto}
.contact-part1 ul,.contact-part2  ul{margin-left:0;padding:0 10px}
.contact-part1 ul li,.contact-part2 ul li{float:left;margin-left:auto;position:relative;border:1px solid #ddd;width:100%;height:328px;margin-bottom:20px}
.contact-part2 ul li{height:auto}
.contact-clounm{text-align:center;font-size:20px}
.contact-part2 ul h4{font-size:18px}
.contact-part2 ul a{display:block;width:auto;text-align:center;height:45px;margin:16px 15px 26px 15px;line-height:45px;background:#0e52ff;color:#fff}
.contact-part2 ul span{margin:16px 15px 26px 15px}
.intro-part1 .container,.intro-part1 .slogn,.intro-part1 .info{width:100%}
.intro-part1{padding:30px 0 0px;background:#f0f5ff;min-width:100%;overflow:hidden}
.intro-part1 .slogn li{float:left;margin-bottom:25px;color:#666666;text-align:center;width:50%}
.intro-part1 .slogn li:nth-child(odd){width:50%;text-align:center}
.intro-part1 .slogn span{display:block;font-size:26px;margin-bottom:8px;color:#333333}
.intro-part1 .info{margin-right:0;padding:0 15px}
.intro-part1 .info h4{margin-bottom:10px;font-size:18px}
.intro-part2{height:auto;min-width:100%}
.about-more{display:block;width:auto;color:#fff;text-align:center;height:35px;line-height:35px;background:#0e52ff;float:right;font-size:14px;padding:0 15px}
.about-more:after{display:none}
.intro-cloumn h3{float:left;font-size:18px;color:#202d40;font-weight:400}
.intro-part2 .container{margin-top:18px;padding:0 15px}
.intro-part2 ul{margin:0;text-align:center;overflow:hidden}
.intro-cloumn{margin-bottom:10px}
.intro-part2 ul li{float:left;background:#fff;height:auto;display:inline-block;width:calc((100% - 10px) / 2);margin-right:10px;margin-bottom:20px;margin-left:0px}
.intro-part2 ul :nth-child(2n+2) {
    margin-right: 0px;
}
.intro-part2 ul img{display:block;height:95px;max-width:100%;margin:20px auto 5px}
.intro-part3{padding:25px 0 0px;background:#f0f5ff;min-width:100%;overflow:hidden}
.intro-part3.scoll3 .container{padding:0 15px}
.intro-part3 ul li{float:left;margin:0 0 25px 0px;height:auto;position:relative;overflow:hidden}
.intro-part3 ul{margin:8px 0 0 0px;overflow:hidden}
.intro-part3 .item1 .nm{background-size:100% 100%}
.intro-part3 .item1,.intro-part3 .item4{width:100%}
.intro-part3 .item2{width:100%}
.intro-part3 .item2,.intro-part3 .item3{width:50%}
.intro-part3{padding:5px 15px 25px 15px;background:#F0F5FF;overflow:hidden}
.intro-part3 .list{color:#fff;overflow:hidden}
.intro-part3 .list li{margin-bottom:10px;position:relative;padding:10px;overflow:hidden}
.intro-part3 .list li:after{content:'';width:24px;height:24px;position:absolute;right:0;top:0;background:url("../picture/cp4.png") center no-repeat;background-size:contain}
.intro-part3 .list li:before{content:"";width:19.2px;height:16.32px;position:absolute;right:12px;top:13.44px}
.intro-part3 .list h3{font-size:14px;line-height:20px;padding-left:28px;margin-bottom:15px}
.intro-part3 .list p{padding:40px 0}
.intro-part3 .list .item1{height:125px;background:url(../picture/cp1.jpg) center no-repeat;background-size:100% 100%}
.intro-part3 .list .item1:before{background:url("../picture/01.png") center no-repeat;background-size:contain}
.intro-part3 .list .item1 h3{background:url("../picture/cp_ico1.png") left center no-repeat;background-size:16.32px auto}
.intro-part3 .list .item2{float:left;width:49%;height:230px;background:url(../picture/cp2.jpg) center no-repeat;background-size:100% 100%}
.intro-part3 .list .item2:before{background:url("../picture/02.png") center no-repeat;background-size:contain}
.intro-part3 .list .item2 h3{background:url("../picture/cp_ico3.png") left center no-repeat;background-size:18.24px auto}
.intro-part3 .list .item4{float:right;width:49%;height:480px;padding-top:213px;color:#333333;background:url(../picture/cp3.jpg) center top #fff no-repeat;background-size:contain}
.intro-part3 .list .item4:before{background:url("../picture/04.png") center no-repeat;background-size:contain}
.intro-part3 .list .item4 h3{background:url(../picture/cp_ico2.png) left center no-repeat;background-size:16.5px auto;position:relative;color:#000;top:35px;left:0px}
.intro-part3 li h3{color:#fff;font-size:30px;padding-left:50px;position:absolute;left:10px;right:0;top:20px}
.intro-part3 .list .item3{float:left;width:49%;height:240px;background:#1C66EA}
.intro-part3 .list .item3:before{background:url("../picture/03.png") center no-repeat;background-size:contain}
.intro-part3 .list .item3 h3{background:url("../picture/cp_ico4.png") left center no-repeat;background-size:22px auto}
.intro-part1 .info p{line-height:28px;margin-bottom:25px;text-align:justify;font-size:12px;box-shadow:0 2px 4px 0 #9E9E9E;padding:10px 15px}
.intro-part5{height:auto;margin-top:0px;background:#000;min-width:100%;overflow:hidden}
.intro-part5 .container{margin-top:20px;margin-bottom:20px}
.intro-part5 dt{float:right;width:100%;padding:0 15px}
.intro-part5 .about-more{margin:0px 0 27px;background:#015bfe;float:right;margin-top:-60px}
.intro-part5 .img{width:100%;height:150px;margin-bottom:6px}
.intro-part5 dd{float:left;width:100%;margin-top:0px;padding:0 15px}
.intro-part5 .img1{width:50%;height:140px;float:left;margin-right:6px}
.intro-part5 .img1{width:49%;display:inline-block;height:110px}
.intro-part5 .img2{width:49%;display:inline-block;height:110px;float:right}
.intro-part5 .img3{display:none}
.intro-part4.flex.scoll4{display:none}
}