html,body{font-size:14px;font-family:"Microsoft YaHei","Helvetica Neue",Helvetica,Arial,sans-serif,"微软雅黑";color:#666;padding:0;margin:0;line-height:150%}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video,address,del,ins{display:block;padding:0;margin:0;background:none;color:#666}h1,h2,h3,h4,h5,h6,em,img,strong,sub,sup,tt,dd,dl,dt,form,label,table,caption,tbody,tfoot,thead,tr,th,td,ul,li,p,a{margin:0;padding:0}ul,ol{list-style-type:none;padding:0}img{border:none;outline:none}.clear{clear:both}.clearfix:after{clear:both;content:'.';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0}.clearfix{zoom:1}input,select,textarea{vertical-align:middle}.relative{position:relative}a{color:#666;text-decoration:none;outline:none}a:hover{color:#0000b4}.w{width:1200px;margin:0 auto}.fl{float:left}.fr{float:right}.header{display:flex;position:fixed;left:0;right:0;z-index:1000;background:white;flex-direction:column}.header .top{display:flex;background:#0000b4;height:36px;align-items:center}.header .top .w{display:flex;justify-content:space-between;color:white}.header .top .w div{display:flex}.header .top .w div a{color:white;margin-left:10px}.header .top .w .Hlang{display:flex;align-items:center;background:url("../images/icon-Hlang.png") no-repeat 0 center;padding-left:25px;font-weight:bold}.header .header_top{display:flex}.header .header_top .logo{display:inline-flex;width:164px;height:85px}.header .header_top .nav{display:flex;flex:1}.header .header_top .nav ul{display:flex;flex:1;justify-content:flex-end;font-size:18px}.header .header_top .nav ul li{display:inline-flex;flex:0 0 120px;height:85px;margin-left:12px}.header .header_top .nav ul li:first-child{margin-left:0}.header .header_top .nav ul li i{position:absolute;left:0;right:0;top:36px;height:5px;background-color:#0000b4;opacity:0}.header .header_top .nav ul li a{display:flex;flex:1;align-items:center;justify-content:center;position:relative}.header .header_top .nav ul li:hover a{background:#0000b4;color:white}.header .header_top .nav ul li:hover .drop-down{display:block;-webkit-animation:opGradient .6s;animation:opGradient .6s}.header .header_top .nav ul li.active i{opacity:1}.header .header_top .nav ul li.active a{background:#0000b4;color:white}.header .header_top .nav ul li .drop-down{display:none;background:rgba(0,0,180,0.6);position:absolute;top:121px;width:100%;left:0;min-height:150px;padding:10px 0 30px 0;z-index:33}.header .header_top .nav ul li .drop-down .erji{display:flex;flex-wrap:wrap;position:relative;justify-content:space-between;width:300px}.header .header_top .nav ul li .drop-down .erji a{display:flex;justify-content:flex-start;flex:0 0 130px;height:35px;font-size:14px;color:white;padding-left:10px;background:unset}.header .header_top .nav ul li .drop-down .erji a::after{content:"";position:absolute;left:0;width:0;height:0;border-left:5px solid white;border-top:5px solid transparent;border-bottom:5px solid transparent}.header .header_top .nav ul li .drop-down .erji a:hover{color:#b2c9fe}.header .header_top .nav ul li .drop-down .erji a:hover::after{border-left:5px solid #b2c9fe}.header .header_top .nav ul li .drop-down .pro{display:block;position:relative;width:100%;height:100%}.header .header_top .nav ul li .drop-down .pro::after{content:"";position:absolute;left:0;right:0;height:2px;top:30px;background:#333998}.header .header_top .nav ul li .drop-down .pro .meuntab{position:relative}.header .header_top .nav ul li .drop-down .pro .meuntab .pic1{display:flex;width:600px;position:relative;font-size:14px;height:30px}.header .header_top .nav ul li .drop-down .pro .meuntab .pic1 a{color:white;background:unset}.header .header_top .nav ul li .drop-down .pro .meuntab .pic1 a.hover1{color:#b2c9fe;position:relative}.header .header_top .nav ul li .drop-down .pro .meuntab .pic1 a.hover1::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:#b2c9fe}.header .header_top .nav ul li .drop-down .pro .meuntab .tab{display:block;width:600px;padding-top:15px}.header .header_top .nav ul li .drop-down .pro .meuntab .tab .menu{display:none;flex-wrap:wrap;justify-content:space-between}.header .header_top .nav ul li .drop-down .pro .meuntab .tab .menu a{display:inline-flex;flex:0 0 250px;font-size:14px;height:35px;position:relative;color:white;padding-left:10px;justify-content:flex-start;background:unset}.header .header_top .nav ul li .drop-down .pro .meuntab .tab .menu a::after{content:"";position:absolute;left:0;width:0;height:0;border-left:5px solid white;border-top:5px solid transparent;border-bottom:5px solid transparent}.header .header_top .nav ul li .drop-down .pro .meuntab .tab .menu a:hover{color:#b2c9fe}.header .header_top .nav ul li .drop-down .pro .meuntab .tab .menu a:hover::after{border-left:5px solid #b2c9fe}.container-banner{width:100%;overflow:hidden}.container-banner .swiper-container{width:100%;position:relative}.container-banner .swiper-slide{height:850px;overflow:hidden;position:relative}.container-banner .swiper-slide img{width:100%;height:100%;object-fit:cover;transform:matrix(1.1, 0, 0, 1.1, 0, 0);-webkit-transition:all 0.4s ease 1.2s;-moz-transition:all 0.4s ease 1.2s;-ms-transition:all 0.4s ease 1.2s;-o-transition:all 0.4s ease 1.2s;transition:all 0.4s ease 1.2s}.container-banner .swiper-slide.swiper-slide-active img{transition-delay:0.4s !important;transform:matrix(1, 0, 0, 1, 0, 0);-webkit-transition:all 5s ease;-moz-transition:all 5s ease;-ms-transition:all 5s ease;-o-transition:all 5s ease;transition:all 5s ease}.container-banner .swiper-slide.swiper-slide-active .banner-text h2{animation:bannerup 1s ease both}.container-banner .swiper-slide.swiper-slide-active .banner-text h3{animation:bannerri 1s ease both}.container-banner .swiper-slide.swiper-slide-active .banner-text h4{animation:bannerup0 1s ease both}.container-banner .swiper-slide.swiper-slide-active .banner-text h5{animation:bannerri1 1s ease both}.container-banner .swiper-slide video{width:100%;height:100%;object-fit:fill}.container-banner .banner-text{position:relative}.container-banner .banner-text h2{position:absolute;font-size:50px;font-weight:bold;letter-spacing:4px;top:380px;left:50%;transform:translate(-50%, -50%);color:white;z-index:99;opacity:0}.container-banner .banner-text h3{position:absolute;font-size:14px;top:440px;letter-spacing:2px;left:50%;color:white;transform:translate(-50%, -50%);z-index:99;opacity:0}.container-banner .banner-text h4{position:absolute;font-size:50px;top:580px;letter-spacing:2px;left:260px;color:white;z-index:99;opacity:0}.container-banner .banner-text h5{position:absolute;font-size:14px;top:620px;letter-spacing:2px;left:260px;color:white;z-index:99;opacity:0}@keyframes bannerup{0%{left:40%;opacity:0}100%{left:50%;opacity:1}}@keyframes bannerri{0%{left:60%;opacity:0}100%{left:50%;opacity:1}}@keyframes bannerup0{0%{left:-100%;opacity:0}100%{left:200px;opacity:1}}@keyframes bannerri1{0%{left:90%;opacity:0}100%{left:200px;opacity:1}}@-webkit-keyframes opGradient{0%{-webkit-transform:translate3d(0, -10px, 0);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);opacity:1}}@keyframes opGradient{0%{-webkit-transform:translate3d(0, -10px, 0);transform:translate3d(0, -10px, 0);opacity:0}100%{-webkit-transform:translate3d(0, 0, 0);transform:translate3d(0, 0, 0);opacity:1}}.title{display:flex;justify-content:center;flex-direction:column;align-items:center;margin-top:52px}.title b{display:inline-flex;font-size:36px;line-height:40px}.title span{font-size:16px;color:#999999}.home_product{display:block}.home_product ul{display:flex;flex-wrap:wrap;justify-content:space-between}.home_product ul li{display:flex;flex:0 0 585px;height:300px;margin-top:30px;overflow:hidden}.home_product ul li a{display:flex;color:white;position:relative}.home_product ul li a .txt{display:flex;position:absolute;flex-direction:column;align-items:flex-end;bottom:10px;right:10px;font-size:18px;z-index:100;text-shadow:0 0 3px rgba(0,0,0,0.5)}.home_product ul li a .txt b{font-size:24px;padding-bottom:5px}.home_product ul li a img{display:block;width:585px;height:300px;transition:all ease .2s;-webkit-transition:all ease .2s;-moz-transition:all ease .2s;-o-transition:all ease .2s;box-sizing:border-box}.home_product ul li a .maks{position:absolute;left:35%;top:35%;right:35%;bottom:35%;background:none;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;box-sizing:border-box}.home_product ul li a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05)}.home_product ul li a:hover .maks{background:rgba(0,0,0,0.4);left:0;top:0;right:0;bottom:0}.quality{display:flex;flex:1;height:400px}.quality ul{display:flex;align-items:center;flex:1;justify-content:space-between}.quality ul li{display:flex;color:white;flex-direction:column;justify-content:center;font-size:18px;padding-left:60px}.quality ul li b{font-size:50px;line-height:60px}.quality ul li:nth-child(1){background:url("../images/q1.png") no-repeat 0 center}.quality ul li:nth-child(2){background:url("../images/q2.png") no-repeat 0 center}.quality ul li:nth-child(3){background:url("../images/q3.png") no-repeat 0 center}.quality ul li:nth-child(4){background:url("../images/q4.png") no-repeat 0 center}.home_news{display:flex;padding-top:40px}.home_news .ad{display:flex;flex:0 0 530px;height:530px;overflow:hidden}.home_news .ad img{display:block;width:100%}.home_news .artice{display:flex;margin-left:20px;height:530px}.home_news .artice ul{display:flex;flex-direction:column;height:530px;justify-content:space-between;position:relative}.home_news .artice ul li{display:flex;position:relative;box-sizing:border-box}.home_news .artice ul li::after{content:"";position:absolute;border-bottom:1px dashed #e5e5e5;left:0;right:0;bottom:-12px}.home_news .artice ul li:last-child{margin-bottom:10px}.home_news .artice ul li span{display:flex;flex:0 0 100px;height:85px;flex-direction:column;background:#e5e5e5;margin-right:10px;justify-content:center;align-items:center;font-size:18px}.home_news .artice ul li span b{font-size:30px;padding-bottom:5px}.home_news .artice ul li div{display:flex;flex-direction:column;font-size:14px}.home_news .artice ul li div a{display:inline-flex;font-size:18px;color:#0000b4;font-weight:bold;padding-bottom:5px}.more{display:flex;justify-content:center;padding:40px 0}.more a{display:flex;height:52px;width:214px;background:#4c4cca;color:white;align-items:center;justify-content:center;border-radius:25px;font-size:14px}.picScroll-left{width:100%;padding:50px 55px;box-sizing:border-box;position:relative;overflow:hidden}.picScroll-left .next,.picScroll-left .prev{position:absolute;top:50%;width:20px;height:30px;cursor:pointer}.picScroll-left .next{background:url("../images/r.png") no-repeat center;right:0}.picScroll-left .prev{background:url("../images/l.png") no-repeat center;left:0}.picScroll-left .bd{display:block;width:100%}.picScroll-left .picList{display:block}.picScroll-left .picList li{display:flex;float:left;position:relative;overflow:hidden;margin-right:30px}.picScroll-left .picList li a{display:flex;width:100%}.picScroll-left .picList li a img{display:block;width:340px;height:100%;object-fit:cover;transition:all ease .2s;-webkit-transition:all ease .2s;-moz-transition:all ease .2s;-o-transition:all ease .2s;box-sizing:border-box}.picScroll-left .picList li a:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05)}.picScroll-left .picList li a:hover .maks{background:rgba(52,84,209,0.5);left:0;top:0;right:0;bottom:0}.picScroll-left .picList li a .txt{display:flex;position:absolute;left:10px;bottom:10px;right:10px;color:white;flex-direction:column;font-size:18px;font-weight:bold}.picScroll-left .picList li a .txt b{font-weight:normal}.picScroll-left .picList li a .maks{position:absolute;left:35%;top:35%;right:35%;bottom:35%;background:none;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;box-sizing:border-box}.meun{background:#cccccc}.meun .meun-float{display:flex;height:100px}.meun .meun-float a{display:flex;flex:0 0 150px;justify-content:center;align-items:center;color:#333333;font-size:18px;font-weight:bold}.meun .meun-float a.active{background:white;color:black}.pic{display:flex;margin-top:50px;display:flex;flex-wrap:wrap}.pic .item{display:flex;flex:0 0 372px;margin-bottom:35px;margin-right:27px;flex-direction:column;align-items:center}.pic .item:nth-child(3n){margin-right:0}.pic .item .img{display:flex;width:372px;height:372px;border:5px solid #f8f8f8;overflow:hidden}.pic .item .img img{display:block;width:372px;height:372px;object-fit:cover;transition:all ease .2s;-webkit-transition:all ease .2s;-moz-transition:all ease .2s;-o-transition:all ease .2s;box-sizing:border-box}.pic .item .img:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05)}.pic .item .name{display:inline-flex;color:#0000b4;font-weight:bold;font-size:18px;padding:10px 0}.news{display:block;padding-bottom:20px;overflow:hidden}.news .item{display:flex;padding:20px 0;border-bottom:1px solid #e5e5e5}.news .item span{display:flex;flex:0 0 80px;height:80px;flex-direction:column;background:#e5e5e5;align-items:center;justify-content:center}.news .item span b{font-size:30px}.news .item div{display:flex;flex:1;flex-direction:column;margin-left:20px;font-size:16px}.news .item div a{font-size:20px;font-weight:bold;padding-bottom:5px}.news .item div .txt-desc{margin-left:0}.news .items{display:flex;float:left;width:380px;margin-top:30px;margin-right:29px;position:relative;overflow:hidden}.news .items:nth-child(3n){margin-right:0}.news .items:hover img{transform:scale(1.05);-webkit-transform:scale(1.05);-moz-transform:scale(1.05);-o-transform:scale(1.05)}.news .items:hover .maks{background:rgba(52,84,209,0.5);left:0;top:0;right:0;bottom:0}.news .items .img{display:block;width:100%}.news .items .img img{display:block;width:380px;height:260px;transition:all ease .2s;-webkit-transition:all ease .2s;-moz-transition:all ease .2s;-o-transition:all ease .2s;box-sizing:border-box}.news .items .txt{display:flex;flex-direction:column;position:absolute;padding:10px;bottom:0;left:0;color:white;font-size:18px;font-weight:bold}.news .items .txt b{font-weight:normal}.news .items .maks{position:absolute;left:35%;top:35%;right:35%;bottom:35%;background:none;transition:all ease .3s;-webkit-transition:all ease .3s;-moz-transition:all ease .3s;-o-transition:all ease .3s;box-sizing:border-box}.page{display:flex;justify-content:center;padding:30px 0}.page span{display:inline-block;font-size:14px;color:#000;line-height:100%;padding:5px 8px;margin:0 5px;border:1px solid #ccc}.page a{display:inline-block;background:#ddd;font-size:14px;color:#666;line-height:100%;padding:6px 10px;margin:0 5px;border:1px solid #ddd;border-radius:2px}.page a:hover,.page span.current{border-color:#0000B4;color:white;background:#0000B4}.page span.disabled{color:#ccc}.s-text{display:flex;justify-content:center;background:#cccccc;flex-direction:column;align-items:center;padding:20px 0;font-size:16px}.s-text b{font-size:48px;color:#0000b4;font-weight:bold;line-height:50px;padding-bottom:10px}.content-pic{display:flex;justify-content:space-between;margin-top:40px}.content-pic .tedian{display:flex;flex:1;flex-direction:column;margin-right:30px}.content-pic .tedian .tit{display:flex;border-bottom:1px solid #ccc;color:#0000b4;font-size:30px;font-weight:bold;line-height:50px}.content-pic .tedian .content1{display:block;padding:10px;line-height:200%;font-size:20px;overflow:hidden}.content-pic .tedian .content1 img{display:block;max-width:100%}.content-pic .pc-slide{display:flex;width:410px;flex:0 0 410px;flex-direction:column;overflow:hidden}.content-pic .pc-slide .view{display:flex}.content-pic .pc-slide .view .swiper-container{display:block;width:300px;height:300px}.content-pic .pc-slide .view .swiper-container .swiper-slide{display:block}.content-pic .pc-slide .view .swiper-container .swiper-slide img{display:block;width:100%}.content-pic .pc-slide .preview{display:flex}.content{display:block;height:100% !important;min-height:600px;height:600px;padding:20px 0;line-height:200%}.content img{max-width:100%}#footer{background:#2e2e2e}#footer .footer_content{display:flex;align-items:center;font-size:16px;line-height:200%;color:rgba(255,255,255,0.5);justify-content:center}#footer .footer-box{display:flex;border-top:1px solid #000;position:relative;padding:20px 0;text-align:center;color:rgba(255,255,255,0.5)}#footer .footer-box::after{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:#585858}