@font-face{font-family:DIN-Light;src:url("../fonts/DIN-Light.otf.html")}
@font-face{font-family:DIN-Bold;src:url("../fonts/DIN-Bold.otf.html")}
@font-face{font-family:EuclidCircularA-Bold;src:url("../fonts/EuclidCircularA-Bold.ttf.html")}
@font-face{font-family:EuclidCircularA-Regular;src:url("../fonts/euclidcirculara-regular.ttf")}
@font-face{font-family:EuclidCircularA-Light;src:url("../fonts/euclidcirculara-light.ttf")}
@keyframes o-upfade-top{0%{opacity:0;transform:translateY(40px)}
100%{opacity:1;transform:translateY(0)}
}
@keyframes rings{0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
100%{opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
@keyframes line-1{0%{stroke-dashoffset:638}
100%{stroke-dashoffset:0}
}
@keyframes line-2{0%{stroke-dashoffset:526}
100%{stroke-dashoffset:0}
}
@keyframes line-3{0%{stroke-dashoffset:414}
100%{stroke-dashoffset:0}
}
@keyframes line-4{0%{opacity:0}
100%{opacity:1}
}
@keyframes scale{0%{opacity:1;-webkit-transform:scale(0);-moz-transform:scale(0);-ms-transform:scale(0);transform:scale(0)}
100%{opacity:0;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}
}
@keyframes o-run{0%{width:0;height:0}
50%{width:90px;height:90px}
100%{width:30px;height:100px}
}
@keyframes o-opacity{0%{opacity:0}
100%{opacity:1}
}
@keyframes o-scroll{0%{transform:translateY(-100%)}
100%{transform:translateY(100%)}
}
.wrapper{width:81.25vw;max-width:1560px;margin:0 auto;position:relative}
.wrapper:after{content:'';display:block;clear:both}
@media screen and (min-width:1025px){.dom-loaded .header .nav .drop{transition:all .3s ease}
.dom-loaded .ope .box .ewm-hide,.dom-loaded .ope .box .lang-hide{transition:all .3s ease}
}
/*! header */
.header{position:fixed;top:0;left:0;right:0;font-size:0;transition:all .3s ease;z-index:9;background:linear-gradient(rgba(0,0,0,.7),rgba(0,0,0,0))}
.header .main{text-align:right}
.header .logo{position:absolute;left:3.125vw;top:50%;transform:translateY(-50%)}
.header .logo img{display:block;height:60px;transition:all .3s ease}
.header .logo img.hide{position:absolute;top:0;left:0;opacity:0}
.header .nav{display:inline-block;vertical-align:middle;text-align:left}
.header .nav li{display:inline-block;vertical-align:top;margin-left:2vw;position:relative}
.header .nav li a.single{display:block;font-size:18px;line-height:120px;color:#fff;padding:0 10px;position:relative;transition:all .3s ease}
.header .nav li a.single:before{content:'';position:absolute;top:0;left:0;width:100%;height:8px;background-color:#0047aa;transform:scaleX(0);transform-origin:left center;transition:transform .3s ease}
.header .nav li .drop{position:absolute;top:100%;left:50%;transform:translateX(-50%);width:260px;padding:15px 0;background-color:#fff;opacity:0;visibility:hidden}
.header .nav li .drop a{display:block;text-align:center;font-size:18px;line-height:60px;color:#333;transition:all .3s ease}
@media screen and (min-width:1025px){.header .nav li .drop a:hover{background-color:#0047aa;color:#fff}
}
@media screen and (min-width:1025px){.header .nav li:nth-of-type(1){margin-left:0}
.header .nav li:hover a.single{color:#0047aa!important}
.header .nav li:hover a.single:before{transform:scaleX(1)}
.header .nav li:hover .drop{opacity:1;visibility:visible}
.header .nav li.active a.single{color:#0047aa!important}
}

.header .nav li.active a.single:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 4px;
    background-color: #fff;
    transform: scaleX(1);
    transition: all .3s ease;
}
.header .ope{display:inline-block;vertical-align:middle;text-align:left;padding:0 3.125vw 0 5vw}
.header .ope .box{display:inline-block;vertical-align:middle;position:relative;margin-right:30px}
.header .ope .box:before{content:'';width:18px;height:18px;display:inline-block;vertical-align:middle;background-position:center;background-repeat:no-repeat;cursor:pointer;transition:all .3s ease}
.header .ope .box.wechat:before{background-image:url("../bg/icon-1-1.png")}
.header .ope .box.sina:before{background-image:url("../bg/icon-2-1.png")}
.header .ope .box.phone:before{background-image:url("../bg/icon-3-1.png")}
.header .ope .box.search:before{background-image:url("../bg/icon-4-1.png")}
.header .ope .box.lang:before{background-image:url("../bg/icon-5-1.png")}
.header .ope .box span{display:inline-block;vertical-align:middle;font-size:14px;color:#fff;padding-left:10px;cursor:pointer;transition:color .3s ease}
.header .ope .box span:after{content:'';width:0;height:0;border-left:3px solid transparent;border-right:3px solid transparent;border-top:4px solid #fff;display:inline-block;vertical-align:middle;margin:-3px 0 0 5px;transition:border .3s ease}
.header .ope .box .ewm-hide{position:absolute;top:100%;left:50%;margin-left:-60px;padding-top:24px;width:120px;opacity:0;visibility:hidden}
.header .ope .box .ewm-hide:before{content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;display:block;margin:0 auto;position:relative;z-index:2}
.header .ope .box .ewm-hide .img{background-color:#fff;box-shadow:0 10px 20px rgba(0,0,0,.3)}
.header .ope .box .ewm-hide img{display:block;width:100%}
.header .ope .box .lang-hide{position:absolute;width:90px;top:100%;left:50%;margin-left:-45px;padding-top:24px;opacity:0;visibility:hidden}
.header .ope .box .lang-hide:before{content:'';width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;display:block;margin:0 auto;position:relative;z-index:2}
.header .ope .box .lang-hide .link{box-shadow:0 10px 20px rgba(0,0,0,.3)}
.header .ope .box .lang-hide a{display:block;font-size:12px;line-height:30px;color:#0047aa;margin-bottom:1px;text-align:center;background-color:#fff;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;-ms-transition:all .3s ease;transition:all .3s ease}
@media screen and (min-width:1025px){.header .ope .box .lang-hide a:hover{background-color:#0047aa;color:#fff}
}
.header .ope .box:hover .ewm-hide,.header .ope .box:hover .lang-hide{opacity:1;visibility:visible}
.header .ope a.btn{display:inline-block;vertical-align:middle;width:120px;font-size:14px;line-height:40px;color:#fff;text-align:center;background-color:#0047aa;border-radius:6px}
.header.down .logo img{height:50px}
.header.down .nav li a.single{line-height:80px}
.header.down,.header:hover{background-image:url("../w.png");box-shadow:0 0 5px rgba(0,0,0,.1)}
.header.down .logo img.show,.header:hover .logo img.show{opacity:0}
.header.down .logo img.hide,.header:hover .logo img.hide{opacity:1}
.header.down .nav li a.single,.header:hover .nav li a.single{color:#373838}
.header.down .ope .box.search:before,.header:hover .ope .box.search:before{background-image:url("../bg/icon-4-2.png")}
.header.down .ope .box.lang:before,.header:hover .ope .box.lang:before{background-image:url("../bg/icon-5-2.png")}
.header.down .ope .box span,.header:hover .ope .box span{color:#373838}
.header.down .ope .box span:after,.header:hover .ope .box span:after{border-top:4px solid #373838}

/*! other */
.fixed-search{position:fixed;top:0;left:0;right:0;bottom:0;z-index:10;background-image:linear-gradient( #0978FF -6.85%, #5BD311 109.68%);display:none}
.fixed-search .close{width:40px;height:40px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url("../bg/close-2.png");position:absolute;top:3.125vw;right:3.125vw;cursor:pointer;z-index:3}
.fixed-search .main{position:absolute;top:0;left:0;right:0;bottom:0;z-index:2}
.fixed-search .box{width:90%;max-width:960px;margin:0 auto}
.fixed-search h3{text-align:center;font-size:60px;color:#fff;margin-bottom:4.5vw}
.fixed-search input{display:block;width:100%;height:100px;border-bottom:4px solid #fff;background-color:transparent;padding:0 30px;font-size:16px;color:rgba(255,255,255,.5)}
.fixed-search input::-webkit-input-placeholder{color:rgba(255,255,255,.5)}
.fixed-search input::-moz-placeholder{color:rgba(255,255,255,.5)}
.fixed-search input:-ms-input-placeholder{color:rgba(255,255,255,.5)}
/*! footer */
.footer{position:relative;padding:0 3.125vw;background-color:#022654;background-repeat:no-repeat;background-size:100% auto;background-image:url("../bg/img-1.png");z-index:2}
.footer:before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background-image:linear-gradient(90deg, #0978FF -6.85%, #5BD311 109.68%)}
.footer .top-block{display:flex;justify-content:space-between;padding:4.5vw 0 3.125vw}
.footer .logo img{display:block;height:60px}
.footer .nav .box{display:inline-block;vertical-align:top;margin-left:6.25vw}
.footer .nav .box:nth-of-type(1){margin-left:0}
.footer .nav .box:nth-of-type(3){ width: 180px; height: 300px;}
.footer .nav h3{font-size:18px;color:#fff; padding-bottom: 20px;}
.footer .nav h3:after{width:12px;position:absolute;left:0;bottom:0;z-index:2;height:4px;background:#fff;content:""}
.footer .nav h3 a:after{width:12px;position:absolute;left:0;bottom:0;z-index:2;height:4px;background:#fff;content:""}
.footer .nav h3 a{color:#fff}
.footer .nav .link{margin-top:20px}
.footer .nav .link a{display:block;font-size:14px;color:rgba(255,255,255,.3);margin-top:15px;transition:all .3s ease}
.footer .nav .link a:nth-of-type(1){margin-top:0}

.footer .nav .box:nth-of-type(3) .link {  height: 300px; width:280px;column-count:2;}

@media screen and (min-width:1025px){.footer .nav .link a:hover{color:#fff}
}
.footer .bot-block{padding:2vw 0;position:relative}
.footer .bot-block p{font-size:14px;line-height:28px;color:#fff}
.footer .bot-block p a{color:#fff}
@media screen and (max-width:1600px){.header .nav li{margin-left:10px}
.header .nav li a.single{font-size:16px;line-height:100px}
.header .nav li .drop a{font-size:16px;line-height:50px}
.header .ope .box{margin-right:20px}
.footer .nav .box{margin-left:6.125vw}
.fixed-search h3{font-size:50px}
.fixed-search input{height:90px}
}
@media screen and (max-width:1366px){.header .logo img{height:50px}
.header .nav li a.single{font-size:15px}
.header .nav li .drop a{font-size:14px;line-height:48px}
.header .ope{padding:0 3.125vw}
.fixed-search h3{font-size:40px}
.fixed-search input{height:80px;padding:0 20px}
}
@media screen and (max-width:1200px){.header .nav li{margin-left:0}
.header .ope .box{margin-right:10px}
.footer .nav h3{font-size:16px}
}
@media screen and (max-width:1024px){.header{height:60px;background-color:#fff}

.header {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    font-size: 0;
    transition: all .3s ease;
    z-index: 9;background-color:#fff
   
}
.header .logo{left:20px}
.header .logo img{height:46px!important}
.header .logo img.show{opacity:0}
.header .logo img.hide{opacity:1}
.header .main{padding:15px 64px 15px 130px}
.header .nav{position:fixed;top:60px;left:100%;width:100%;background-color:#f5f5f5;padding:60px 0;margin:0;text-align:left;overflow:auto;z-index:3;border-top:1px solid #f5f5f5;transition:left .3s linear;box-shadow:0 10px 10px rgba(0,0,0,.1)}
.header .nav li{display:block;margin:0;padding:0 30px}
.header .nav li a.single{font-size:16px;color:#373838;line-height:50px!important;padding:0;text-align:center}
.header .nav li .drop{display:none}
.header .ope{padding:0}
.header .ope .box.search:before{background-image:url("../bg/icon-4-2.png")}
.header .ope .box.lang:before{display:none;background-image:url("../bg/icon-5-2.png")}
.header .ope .box span{color:#373838;font-size:12px;padding:0}
.header .ope .box span:after{border-top:4px solid #373838}
.fixed-search .close{top:5%;right:5%}
.fixed-search h3{font-size:30px}
.fixed-search input{height:60px;border-bottom-width:2px}
.footer{padding:0 5%}
.footer .top-block{padding:30px 0 20px;display:none}
.footer .logo{display:none}
.footer .logo img{height:50px;margin:0 auto}
.footer .nav.m-hide{display:none}
.footer .bot-block{padding:20px 0}
.footer .bot-block p{line-height:24px}
.footer .nav .box{display:block;margin:0;border-bottom:1px solid rgba(255,255,255,.1);transition:padding .3s linear}
.footer .nav h3{line-height:50px;position:relative}
.footer .nav h3:after{content:'';width:14px;height:14px;background-position:center;background-repeat:no-repeat;background-size:contain;background-image:url("../bg/icon-6.png");position:absolute;right:0;top:50%;margin-top:-7px}
.footer .nav .link{display:none;margin-top:0;padding:0 20px}
}
.index-tit h3{font-size:42px}
.index-tit.white h3{color:#fff}
.home-banner{position:relative}
.home-banner .item{overflow:hidden;height:100vh;position:relative}
.home-banner .item .txt-box{position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;z-index:3}
.home-banner .item h3{font-size:48px;color:#fff;}
.home-banner .pagination{position:absolute;left:0;right:0;text-align:center;font-size:0;bottom:3.125vw;z-index:2}
.home-banner .button{width:23px;height:34px;position:absolute;top:50%;margin-top:-9px;background-position:center;background-repeat:no-repeat;background-size:contain;opacity:.3;transition:all .3s ease;z-index:2;cursor:pointer}
.home-banner .button:hover{opacity:1}
.home-banner .button-prev{left:3.125vw;background-image:url("../bg/prev-1.png")}
.home-banner .button-next{background-image:url("../bg/next-1.png");right:3.125vw}
.home-banner .scroll{position:absolute;left:3.125vw;bottom:0;z-index:2}
.home-banner .scroll span{display:block;font-size:14px;color:#fff;transform-origin:bottom left;transform:rotate(-90deg) translateY(26px)}
.home-banner .scroll i{display:block;width:1px;height:60px;margin:10px auto 0;position:relative;overflow:hidden}
.home-banner .scroll i:before{content:'';width:1px;height:60px;background-color:#fff;display:block;animation:o-scroll 1.5s linear infinite}
.home-contact-map-5{display:flex;position:relative;z-index:2}
.home-contact-map-5 .left-box{width:50%;padding:12.5vw 3.125vw;background-position:center;background-repeat:no-repeat;background-size:cover;background-image:url("../bg/img-1.jpg")}
.home-contact-map-5 .info{margin-top:3.125vw}
.home-contact-map-5 .info span{display:block;font-size:24px;color:#fff;margin-top:30px}
.home-contact-map-5 .info span:before{content:'';width:24px;height:24px;background-position:center;background-repeat:no-repeat;display:inline-block;vertical-align:middle;margin:-2px 20px 0 0}
.home-contact-map-5 .info span:nth-of-type(1){margin-top:0}
.home-contact-map-5 .info span:nth-of-type(1):before{background-image:url("../bg/icon-2-1.png")}
.home-contact-map-5 .info span:nth-of-type(2):before{background-image:url("../bg/icon-2-2.png")}

.home-contact-map-5 .info span:nth-of-type(3):before{background-image:url("../bg/icon-2-3.png")}
.home-contact-map-5 .info span:nth-of-type(4):before{background-image:url("../bg/icon-2-3.png")}

.home-contact-map-5 .info span:nth-of-type(5):before{background-image:url("../bg/icon-2-4.png")}
.home-contact-map-5 .info span:nth-of-type(6):before{background-image:url("../bg/icon-2-5.png")}
.home-contact-map-5 .info span:nth-of-type(7):before{background-image:url("../bg/icon-2-6.png")}
.home-contact-map-5 .right-box{width:50%}
.home-contact-map-5 .right-box .map{width:100%;height:100%}
@media screen and (max-width:1600px){.home-banner .item h3{font-size:40px}
.index-tit h3{font-size:36px}
.home-contact-map-5 .info span{font-size:20px}
}
@media screen and (max-width:1366px){.home-banner .item h3{font-size:36px}
.index-tit h3{font-size:30px}
.home-contact-map-5 .info span{font-size:18px}
}
@media screen and (max-width:1024px){.home-banner .item h3{font-size:30px}
.home-banner .item{height:50vw}
.home-banner .scroll{display:none}
}

@media screen and (max-width:768px){.index-main{padding-top:60px}
.home-banner .button{display:none}
.home-banner .item .txt-box{padding:0 30px}
.home-banner .item h3{font-size:20px;letter-spacing:0}
.home-banner .pagination{bottom:10px}
.index-tit h3{font-size:20px;display:block;text-align:center}
.home-contact-map-5{display:block}
.home-contact-map-5 .left-box{width:100%;padding:40px 5vw}
.home-contact-map-5 .info span{font-size:14px;line-height:24px}
.home-contact-map-5 .info span:before{width:16px;height:16px;background-size:contain;margin:-2px 10px 0 0}
.home-contact-map-5 .info span{margin-top:15px}
.home-contact-map-5 .info{margin-top:20px}
.home-contact-map-5 .right-box{width:100%;height:60vw}
}
/*!产品内页*/
.Hnav-sub dd{font-size:16px;color:#fff;font-weight:400}
.Hnav-sub dd i{display:inline-block;margin-right:20px;width:8px;height:12px;background:url(../bg/drop.png) no-repeat center;position:relative;top:17px;float:right}
.Hnav-sub dd.cur,.Hnav-sub dd:hover{font-size:14px;color:#fff;line-height:46px;display:block;padding-left:25px}
.mMenu_dd3 a{border-bottom:0 solid rgba(255,255,255,.3);height:28px}
.Hnav-sub dd.cur a{color:#fff;display:block;border-bottom:1px solid rgba(255,255,255,.3)}
.Hnav-sub dd.cur a:hover{color:#fff;font-weight:bolder}
.Hnav-sub dd.cur:hover{color:#fff}
.Hnav-sub .son_nav{display:none}
.Hnav-sub .son_nav a{display:block;color:#fff;font-size:14px;margin:0 0 0 5px}
.Hnav-sub .son_nav a:hover{color:#fff}