/*! init */
body{overflow-x:hidden}
body,h1,h2,h3,h4,h5,h6,li,p,ul{margin:0;padding:0}
a{color:#333;text-decoration:none;cursor:pointer}
a:focus,a:hover{color:#0060a0}
a,button,input,p,span{transition:all .3s}
h1,h2,h3,h4,h5,h6{font-weight:400}
li,ul{list-style:none}
button,input,textarea{outline:0;background:0 0;border:1px solid #999}
button{cursor:pointer}
table{border-collapse:collapse}
.table td,.table th{border:1px solid #999}
html{font-size:16px；}
body,html,textarea{font-family:Arial,Helvetica,sans-serif}
textarea::placeholder{font-family:Arial,Helvetica,sans-serif}
@media only screen and (max-width:1366px){
html{font-size:14px}
}
@media only screen and (max-width:768px){
html{font-size:12px}
}
img{max-width:100%}
.container{padding:0 15px;max-width:1200px;margin:0 auto}
.flex{display:flex}
.flex-c{display:flex;flex-direction:column}
.jc-sb{justify-content:space-between}
.jc-fe{justify-content:flex-end}
.jc-c{justify-content:center}
.jc-sa{justify-content:space-around}
.ai-c{align-items:center}
.ai-fs{align-items:flex-start}
.flex-w{flex-wrap:wrap}
.maxline-2{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/*! icon */
.icon{background-image:url(../images/icon-sprite.png);display:inline-block;position:relative}
.icon-play{width:96px;height:96px;background-position:0 0}
.icon-rocket{width:44px;height:56px;background-position:-96px 0}
.icon-plus{width:50px;height:50px;background-position:-192px 0}
.icon-reward{width:52px;height:53px;background-position:-140px 0}
.icon-reward-1{width:42px;height:48px;background-position:-242px 0}
.icon-bag{width:52px;height:46px;background-position:-284px 0}
.icon-contact1{width:27px;height:32px;background-position:-166px -56px}
.icon-contact2{width:37px;height:38px;background-position:-404px 0}
.icon-contact3{width:34px;height:28px;background-position:-193px -56px}
.icon-location{width:15px;height:23px;background-position:-577px 0}
.icon-plane{width:25px;height:23px;background-position:-227px -56px}
.icon-phone{width:17px;height:20px;background-position:-252px -56px}
.icon-clock{width:20px;height:20px;background-position:-269px -56px}
.icon-search{width:19px;height:19px;background-position:-289px -56px}
.icon-search-w{width:19px;height:19px;background-position:-308px -56px}
.icon-date{width:21px;height:19px;background-position:-327px -56px}
.icon-google{width:11px;height:17px;background-position:-348px -56px}
.icon-facebook{width:8px;height:16px;background-position:-592px 0}
.icon-download{width:20px;height:16px;background-position:-359px -56px}
.icon-twitter{width:21px;height:16px;background-position:-379px -56px}
.icon-linkedin{width:15px;height:15px;background-position:-400px -56px}
.icon-share{width:16px;height:15px;background-position:-415px -56px}
.icon-vimeo{width:15px;height:14px;background-position:-431px -56px}
.icon-tag{width:17px;height:14px;background-position:-446px -56px}
.icon-arrow-g{width:8px;height:12px;background-position:-577px -23px}
.icon-arrow-w{width:8px;height:12px;background-position:-585px -23px}
.icon-arrow-green{width:8px;height:12px;background-position:-463px -56px}
.icon-envelope{width:18px;height:12px;background-position:-471px -56px}
.icon-long-arrow{width:14px;height:11px;background-position:-489px -56px}
.icon-long-arrow-w{width:14px;height:11px;background-position:-503px -56px}
.icon-sub-g{width:15px;height:3px;background-position:-336px -38px}
.icon-sub{width:15px;height:3px;background-position:-351px -38px}
.icon-about1-g{width:34px;height:38px;background-position:-336px 0}
.icon-about2-g{width:38px;height:36px;background-position:-501px 0}
.icon-about3-g{width:30px;height:37px;background-position:-441px 0}
.icon-about4-g{width:35px;height:35px;background-position:-96px -56px}
.icon-about1-w{width:34px;height:38px;background-position:-370px 0}
.icon-about2-w{width:38px;height:36px;background-position:-539px 0}
.icon-about3-w{width:30px;height:37px;background-position:-471px 0}
.icon-about4-w{width:35px;height:35px;background-position:-131px -56px}
.hover-about1-w:hover .icon-about1-g,li.active .hover-about1-w .icon-about1-g{background-position:-370px 0}
.hover-about2-w:hover .icon-about2-g,li.active .hover-about2-w .icon-about2-g{background-position:-539px 0}
.hover-about3-w:hover .icon-about3-g,li.active .hover-about3-w .icon-about3-g{background-position:-471px 0}
.hover-about4-w:hover .icon-about4-g,li.active .hover-about4-w .icon-about4-g{background-position:-131px -56px}
.hover-sub-g:hover .icon-sub{background-position:-336px -38px}
.aboutus-main li.active .icon-arrow-g,.hover-arrow-w:hover .icon-arrow-g{background-position:-585px -23px}
.hover-arrow-g:hover .icon-arrow-w{background-position:-577px -23px}
.hover-long-arrow-w:hover .icon-long-arrow{background-position:-503px -56px}
/*! header */
header{position:relative;top:0;width:100%;z-index:100;box-shadow:0 0 5px #b3b3b3}
.top-logo,.top-logo img{max-width:180px}
.top-nav li{position:relative}
.top-nav a{font-size:.9375rem;line-height:32px;color:#fff;padding:33px 23px;display:block;position:relative;z-index:5;text-transform:uppercase;white-space:nowrap}
.top-nav a.inmenu_1,.top-nav a:hover{color:;top-nav}
.top-nav .submenu{position:absolute;background:#464646;z-index:5;display:none}
.top-nav li:hover .submenu{display:block}
.top-nav .submenu a{padding:10px 20px;text-transform:unset}
.top-search{padding:0 20px}
.top-search-box{width:0;overflow:hidden;transition:all .3s}
.top-search-box.active{width:150px;border:1px solid #777}
.top-search-box button,.top-search-box input{height:30px;box-sizing:border-box;border:0}
.top-search-box input{width:120px;color:#444;padding:0 10px}
.top-search-box button{width:30px}
.top-search-btn{border:0}
.top-search-btn .icon.active{background:0 0;transition:all .3s}
.top-search-btn .icon::after,.top-search-btn .icon::before{position:absolute;content:"";display:block;width:100%;left:0;height:3px;background:#444;transition:all .3s;opacity:0}
.top-search-btn .icon::before{top:100%}
.top-search-btn .icon::after{top:0}
.top-search-btn .icon.active::before{top:50%;transform:translateY(-50%) rotate(135deg);opacity:1}
.top-search-btn .icon.active::after{top:50%;transform:translateY(-50%) rotate(-135deg);opacity:1}
.shownav-btn{display:none}
/*! footer */
footer{background:url(../images/footer-back.jpg) no-repeat center;background-size:cover}
.footer-main-title{padding-bottom:25px;color:#fff;font-size:1.75rem}
.footer-question{padding-bottom:30px;padding-top:80px;border-bottom:1px solid #454545}
.footer-question p{font-size:26px;color:#fff}
.footer-question button{background:#0060a0;color:#fff;padding:20px 23px;border:0;font-size:16px;text-transform:uppercase}
.footer-main{padding-top:40px;padding-bottom:20px}
.footer-intro-box{width:300px}
.footer-intro-text{color:#e4e6e8;font-size:.9rem;line-height:1.6;padding-bottom:20px}
.send-box{height:55px}
.send-box input{border:0;background:#fff;width:240px;box-sizing:border-box;padding:0 20px;font-size:1.0625rem}
.send-box button{border:0;width:60px;background:#0060a0}
.footer-nav li{margin-bottom:7px}
.footer-nav a{color:#e4e6e8;margin-left:13px}
.footer-address{width:300px}
.footer-address li{margin-bottom:15px}
.footer-address a{display:block;color:#e4e6e8;font-size:1.0625rem;line-height:1.65}
.footer-address .icon-box{flex:0 0 auto;width:37px;height:28px;display:flex;align-items:center}
.copyright{background:#010101;padding:15px 0}
.copyright p{color:#696969;font-size:15px;line-height:39px}
.footer-social li{margin-left:15px}
.footer-social li a{display:block;height:37px;width:37px;border-radius:50%;border:1px solid #838383;line-height:37px;text-align:center}
.footer-social li a:hover{background:#0060a0}
@media only screen and (max-width:1366px){
.top-nav a{padding:20px 10px}
}
@media only screen and (max-width:768px){
header{padding:18px 0}
.top-nav a{padding:20px 10px}
.top-nav-box{position:absolute;bottom:0;width:100%;left:0}
.top-nav{position:absolute;width:0%;background:rgba(255,255,255,.83);display:block;top:0;transition:all .3s;right:0;opacity:0;overflow:hidden}
.top-nav-box.active .top-nav{width:100%;opacity:1}
.top-nav .submenu{position:unset;background:#fff}
.top-nav li::after{padding:0}
.top-search{display:none}
.shownav-btn{display:block;height:20px;position:absolute;top:50%;right:15px;width:30px;transform:translateY(-50%);cursor:pointer}
.shownav-btn .icon-bars,.shownav-btn::after,.shownav-btn::before{position:absolute;width:100%;height:3px;background:#444;transition:all .3s}
.shownav-btn .icon-bars{top:50%}
.shownav-btn::before{top:0;content:""}
.shownav-btn::after{top:100%;content:""}
.shownav-btn.active::before{top:50%;transform:translateY(-50%) rotate(135deg)}
.shownav-btn.active::after{top:50%;transform:translateY(-50%) rotate(-135deg)}
.shownav-btn.active .icon-bars{opacity:0}
.footer-main .container{flex-direction:column;align-items:center}
.footer-question button{flex:0 0 auto;white-space:nowrap;padding:15px 12px}
.footer-intro-box,.footer-nav{width:100%;margin-bottom:20px}
.send-box input{width:100%}
.send-box button{flex:0 0 auto}
.footer-nav ul{display:flex;flex-wrap:wrap}
.footer-nav li{margin:10px}
.footer-address{width:100%}
.footer-address .icon-box{height:21px}
}
/*! index-common */
.container-1350{max-width:1350px}
.container-1420{max-width:1420px}
.title{font-size:2.8125rem;color:#323232;text-align:center;text-transform:uppercase;font-weight:600;padding:20px 0}
.title-text{font-size:.9375rem;line-height:3.73;text-align:center;color:#7a7a7a}
.more-btn{border:1px solid #dadada;height:50px;box-sizing:border-box;border-radius:25px;font-size:1rem;color:#7a7a7a;width:182px;margin:25px auto;text-transform:uppercase;position:relative;overflow:hidden;white-space:nowrap}
.more-btn::after{position:absolute;left:0;height:100%;width:100%;top:0;transition:all .3s;transform:translateX(-100%);background:#0060a0;display:block;content:""}
.more-btn:hover::after{transform:translateX(0)}
.more-btn i,.more-btn p{position:relative;z-index:5}
.more-btn:hover p{color:#fff}
.more-btn i{margin-left:5px}
.unsee{transform:translateY(30px);opacity:0}
.moveShow{animation:moveShow 1.5s forwards .1s cubic-bezier(.68,-.55,.27,1.55)}
@keyframes moveShow{
0%{transform:translateY(60px);opacity:0}
100%{transform:translateY(0);opacity:1}
}
/*! index-header */
.index header i.icon-search{background-position:-308px -56px}
.index header{position:fixed;;top:0;width:100%;border-bottom:1px solid rgba(255,255,255,.3);background:#0060a0;box-shadow:unset}
.index .top-nav a{color:#fff}
.index .top-nav .submenu{background:#464646}
.index .top-search-box input{color:#fff}
.index .top-search-btn .icon::after,.index .top-search-btn .icon::before{background:#fff}
/*! banner */
.slider-wrapper{position:relative}
.nivoSlider{position:relative;width:100%;height:auto;overflow:hidden}
.nivoSlider img{position:absolute;top:0;left:0;max-width:none}
.nivo-main-image{display:block!important;position:relative!important;width:100%!important}
.nivoSlider a.nivo-imageLink{position:absolute;top:0;left:0;width:100%;height:100%;border:0;padding:0;margin:0;z-index:6;display:none;background:#fff;filter:alpha(opacity=0);opacity:0}
.nivo-slice{display:block;position:absolute;z-index:5;height:100%;top:0}
.nivo-box{display:block;position:absolute;z-index:5;overflow:hidden}
.nivo-box img{display:block}
.nivo-caption{position:absolute;left:0;bottom:0;background:#000;color:#fff;width:100%;z-index:8;padding:5px 10px;opacity:.8;overflow:hidden;display:none;-moz-opacity:.8;filter:alpha(opacity=8);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
.nivo-caption p{padding:5px;margin:0}
.nivo-caption a{display:inline!important}
.nivo-html-caption{display:none}
.nivo-directionNav a{position:absolute;top:45%;z-index:9;cursor:pointer;height:40px;width:40px;background:#272727;line-height:1.66;text-align:center;color:#fff;font-size:1.5rem}
.nivo-directionNav a:hover{background:rgba(39,39,39,.6)}
.nivo-prevNav{left:20px;transform:rotate(180deg)}
.nivo-nextNav{right:20px}
.nivo-controlNav{display:none}
/*! index-aboutus */
.index .aboutus{padding:87px 0 70px 0}
.index .about-main-lf{border:1px solid #eaeaea;width:500px;box-sizing:border-box;flex:0 0 auto;margin-right:50px;box-shadow:0 0 40px #d9d9d9}
.index .about-main-lf li{padding:39px 30px;overflow:hidden;position:relative;transition:all .3s}
.index .about-main-lf li::after{position:absolute;bottom:0;width:440px;height:1px;background:#eaeaea;left:30px;content:""}
.index .about-main-lf li:nth-last-child(1)::after{display:none}
.index .about-main-lf .num{position:absolute;right:40px;top:50%;transform:translateY(-50%);color:#e7e7e7;transition:all .3s;font-size:60px;cursor:default}
.index .about-title{font-size:1.25rem;color:#0060a0;text-transform:uppercase;position:relative;z-index:5}
.index .about-title a{font-size:1rem;color:#7a7a7a;margin-top:29px;display:block}
.index .about-title i{margin-left:5px}
.index .about-main-lf li.active{background:#0060a0}
.index .about-main-lf li.active .num{opacity:.15;color:#fff;font-weight:600;font-size:10.625rem;top:69%;right:20px}
.index .about-main-lf li.active .about-title{color:#fff}
.index .about-main-lf li.active .about-title a{color:#fff}
.index .about-main-rt{position:relative;left:0;width:100%}
.index .about-intro-list{position:absolute;top:0;left:0;width:100%;height:100%}
.index .about-map img{width:100%}
.index .about-intro-list li{width:100%;height:100%;position:absolute;top:0;z-index:-5;opacity:0;transition:all .3s}
.index .about-intro-list li.active{z-index:5;opacity:1}
.index .about-intro{font-size:1rem;color:#7a7a7a;border:1px solid #dcdcdc;line-height:1.5;padding:5px 35px;bottom:20px;position:absolute;text-align:left;box-shadow:0 0 40px #d9d9d9;z-index:5;background:#fff}
.index .about-intro-nav{position:absolute;bottom:-10px;z-index:10;left:50%;transform:translateX(-50%)}
.index .about-intro-nav li{width:10px;height:10px;background:#e6e6e6;border-radius:5px;margin:0 9px;cursor:pointer}
.index .about-intro-nav li.active{background:#0060a0}
/*! index-products */
.index .products{padding:60px 0 80px 0;background:#f4f4f4}
.index .products-cate{margin-bottom:50px}
.index .products-cate li{color:#878787;transition:all .3s;font-size:1.0625rem;padding:12px 23px;background:#fff;border:1px solid #d8d8d8;margin:0 1%;cursor:pointer}
.index .products-cate li:hover{color:#fff;background:#0060a0}
.index .products-cate li:hover a{color:#fff}
.index .products-list li{width:23.7%;margin-bottom:23px;background:#fff}
.index .products-list li:hover{background:#0060a0}
.index .product-pic{position:relative;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:30px 0}
.index .product-pic img{transition:all 2s cubic-bezier(0,.85,1,1.04);max-width:100%;max-height:100%}
.index .products-list li:hover .product-pic img{transform:scale(1.3)}
.index .product-pic-shadow{height:100%;width:100%;position:absolute;top:0;left:0;;z-index:-5;opacity:0;transition:all .3s}
.index .products-list li:hover .product-pic-shadow{z-index:5;opacity:1}
.index .product-pic-shadow-border{height:90%;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:block}
.index .product-pic-shadow-border i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.index .products-text{transition:all .3s;position:relative;z-index:20;overflow:hidden;padding:15px 0}
.index .products-name{font-size:17px;color:#434343;transition:all .3s;margin-bottom:10px}
.index .products-intro{line-height:1.6;font-size:14px;color:#666}
.index .products-text-lf{padding-left:5%;width:calc(85% - 53px)}
.index .products-text-rt{flex:0 0 auto;margin-left:10%}
.index .products-text-rt a{display:block;width:52px;text-align:center;height:18px;border-left:1px solid #fff}
.index .products-more{border-bottom:1px solid #d0d0d0;width:100%}
.index .products-more a{background:#f4f4f4;font-size:1rem;text-transform:uppercase;transform:translateY(50%);margin:0 auto;border:0}
.index .products-more i{margin-left:5px}
/*! index-video */
.index .video{width:100%;position:relative}
.index .video-box .more-btn:hover p{color:#666}
.index .video-box .more-btn:hover::after{background:#fff}
.index .video img{width:100%}
.index .video-play-btn{border:0;left:50%;transform:translate(-50%,-50%) scale(0);position:absolute;top:35%;transition:all .5s}
.index .video:hover .video-play-btn{transform:translate(-50%,-50%) scale(1)}
.index .video-text{background:#0060a0;padding:65px 0;transform:translateY(-50%)}
.index .video-text .video-title,.index .video-text h3,.index .video-text p{text-align:center;color:#fff;max-width:900px;padding:0 15px;margin:0 auto 25px auto}
.index .video-text h3{font-size:1.875rem;font-weight:600}
.index .video-text p{font-size:1rem;line-height:1.625}
.index .video-text p.video-title{font-size:25px}
.index .more-btn-w{border-color:#fff;margin:0 auto}
.index .more-btn-w p{color:#fff;margin:0}
/*! index-news */
.index .news-box{padding:0 0 90px 0;overflow:hidden}
.index .news-list li.active{opacity:1}
.index #news li{padding-bottom:100px}
.index .news-date{width:55px;height:55px;background:#0060a0;color:#fff;text-align:center}
.index .news-pic{display:grid}
.index .news-pic img{width:100%;object-fit:contain}
.index .news-date{flex:0 0 auto}
.index .news-date .d{font-size:20px}
.index .news-date .m{font-size:12px}
.index .news-info-box{position:relative;width:calc(100% - 55px)}
.index .news-info{padding:10px 20px;background:#fff;box-sizing:border-box;transition:all .3s}
.index .news-list li:hover .news-info{box-shadow:5px 5px 20px hsla(0,0%,81%,.29)}
.index .news-title{color:#373737;font-size:1.25rem;line-height:1.6;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}
.index .news-text{color:#909090;font-size:1rem;line-height:1.5}
.index .news-info .more-btn{margin:20px 0 0 -20px}
.index .news-page{margin-top:30px}
.index .news-page ul{border-bottom:1px solid #d6d6d6;margin:0 auto;width:250px}
.index .news-page li{margin:0 4px;color:#070707;font-size:1.25rem;padding:18px 14px 28px 14px;transition:all .3s;position:relative;transform:translateY(10px);cursor:default}
.index .news-page li.active{background:#0060a0;color:#fff}
.index #news .swiper-pagination-bullet{border-radius:0;height:50px;width:35px;line-height:50px;font-size:30px;text-align:center;background:0 0}
.index #news .swiper-pagination-bullet:nth-child(1)::after{content:"1"}
.index #news .swiper-pagination-bullet:nth-child(2)::after{content:"2"}
.index #news .swiper-pagination-bullet:nth-child(3)::after{content:"3"}
.index #news .swiper-pagination-bullet:nth-child(4)::after{content:"4"}
.index #news .swiper-pagination-bullet:nth-child(5)::after{content:"5"}
.index #news .swiper-pagination-bullet-active{background:#0060a0;color:#fff}
/*! index-number */
.numbers-box{background:#0060a0;margin-top:190px}
.numbers{background:#fff;text-align:center;padding:40px 0;transform:translateY(-50%);box-shadow:0 0 20px hsla(0,0%,41%,.25)}
.numbers li{height:160px;flex-direction:column}
.num{font-size:3.125rem;color:#0060a0;margin-top:auto;line-height:.6}
.num-text{font-size:1rem;color:#2f2f2f;margin:20px 0;font-weight:600}
/*! partners */
.index .partners-box{background:#f4f4f4;padding:77px 0 62px 0;overflow:hidden}
.index .partners-box .title{margin-bottom:25px}
.index .partners-list{position:relative}
.index .morebtn{position:absolute;top:50%;transform:translateY(-50%);background:#c3c3c3;height:50px;width:50px;transition:all .3s;line-height:50px;text-align:center;border:0}
.index .morebtn:hover{background:#999}
.index .morebtn-prev{left:0;transform:translateY(-50%) rotate(180deg)}
.index .morebtn-next{right:0}
/*! index-partner */
.index .partners-ul{margin:0 50px;position:relative;width:calc(100%-50px);height:141px;overflow:hidden}
.index .partners-ul li{border:1px solid #e4e4e4;box-sizing:border-box;width:19%;height:141px;background:#fff;transition:all .3s cubic-bezier(.65,.05,.36,1);padding:15px;position:absolute;left:0;top:0}
.index .partners-ul li:hover{border-top:2px solid #0060a0}
.index .partners-ul li img{max-width:100%;max-height:100%;object-fit:contain}
/*! index media only */
@media only screen and (max-width:768px){
.index .more-btn{height:40px;width:120px}
.index .more-btn p{margin-bottom:0}
.index .top-nav{background:rgba(33,33,33,.83)}
.index .shownav-btn .icon-bars,.index .shownav-btn::after,.index .shownav-btn::before{background:#fff}
.index .aboutus{padding:45px 0 60px 0}
.index .aboutus-main{flex-wrap:wrap}
.index .about-main-lf{width:100%;margin-right:0;position:relative;z-index:20}
.index .about-main-lf li::after{width:80%}
.index .about-map img{max-height:100%;object-fit:contain}
.index .about-intro{position:unset}
.index .about-intro-nav{bottom:-20px}
.index .about-intro-list li{height:unset}
.index .products-cate li{margin:0 5px;padding:6px 10px}
.index .products-list li{width:49%}
.index .products-text-lf{width:calc(95% - 46px)}
.index .products-text-rt{flex:0 0 auto;margin-left:15px}
.index .products-text-rt a{width:30px}
.index .video{display:grid}
.index .video-play-btn{top:50%}
.index .video-text{padding:20px 0;transform:unset}
.index .video-text .video-intro,.video-text h3{margin-bottom:15px}
.index .news-box{padding:45px 0}
.index .news-list li{width:100%;margin-bottom:60px}
.index .news-date{width:65px;height:65px}
.index .news-info{padding:10px;top:-35px}
.index .news-info .more-btn{margin:10px 0 0 -5px}
.numbers-box{margin-top:0}
.numbers{transform:unset}
.numbers ul{flex-wrap:wrap}
.numbers li{width:50%;margin-bottom:15px}
.index .partners-ul{height:70px}
.index .partners-ul li{height:70px;width:32%}
}
/*! products-content */
/*! inner-nav */
.inner-nav-box{border-bottom:1px solid #eaeaea}
.inner-nav{padding-top:1.5rem;padding-bottom:1rem}
.inner-nav-list a{font-size:.9375rem;color:#8a8a8a}
.inner-nav-list i{margin:0 10px}
.inner-nav-list a:hover{color:#0060a0}
/*! inner-page */
.products-page ul{padding-bottom:5%}
.products-page a,.products-page span{display:block;width:50px;height:50px;border:1px solid #e6e6e6;border-radius:2px;margin:0 5px;line-height:50px;text-align:center}
.products-page span{background:#e6e6e6;color:#999}
.products-page a:hover,.products-page span.ctxt{background:#0060a0;color:#fff}
/*! inner-content-protypelist*/
.content-protypelist .proIntro,.procatekeywords .proCateTags{color:#727272;font-size:.9375rem;line-height:1.6;box-sizing:border-box}
.content-protypelist .proIntro{background:#f4f4f4;margin-bottom:3%;padding:2.75% 2.33%}
.procatekeywords .proCateTags{margin-bottom:7%}
.procatekeywords .proCateTags span a{display:inline-block;margin-right:.9375rem;padding:.625rem .9375rem;background:#f4f4f4}
/*! feedbackform */
#feedbackForm span.xh,.feedbackForm #feedbackForm .atextarea,.feedbackForm #feedbackForm .fsbtn,.feedbackForm #feedbackForm .lable,.feedbackForm #feedbackForm .submita,.feedbackForm #feedbackForm .text,.feedbackForm #feedbackForm table,.feedbackForm #msg,.feedbackForm .fput,.feedbackForm .ftxt{max-width:unset;float:unset;width:unset;padding:unset;margin:unset;border:unset;height:unset;font-size:unset;line-height:1.5;font-family:Arial;color:#666;background:0 0;text-align:left}
.feedbackForm{margin-bottom:3.25rem;max-width:1200px;margin-left:auto;margin-right:auto}
.feed-title{font-size:1.875rem;color:#2c2c2c;margin-top:2.5rem;margin-bottom:1.25rem;font-weight:600;text-transform:uppercase}
.feedbackForm #feedbackForm td{border:0}
.feedbackForm #feedbackForm tbody{display:flex;flex-wrap:wrap}
.feedbackForm #feedbackForm tr{border:1px solid #d9d9d9;border-radius:2px;box-sizing:border-box;margin-bottom:22px;padding:18px;font-size:.9375rem;color:#727272}
.feedbackForm #feedbackForm tr:nth-child(-n+3){width:32.5%;margin-right:1.25%}
.feedbackForm #feedbackForm tr:nth-child(3){margin-right:0}
.feedbackForm #feedbackForm tr:nth-child(4){width:49.375%;margin-right:1.25%}
.feedbackForm #feedbackForm tr:nth-child(5){width:49.375%}
.feedbackForm #feedbackForm tr:nth-child(6){width:100%;display:flex;flex-direction:column}
.feedbackForm #feedbackForm tr:nth-child(7){border:0;padding:0}
#feedbackForm input,.feedbackForm #feedbackForm #SubmitContent{border:0;font-size:.9375rem;color:#000;padding-left:5px;box-sizing:border-box}
.feedbackForm #feedbackForm #SubmitContent{width:100%;margin-top:10px;padding-left:0;box-sizing:border-box}
.feedbackForm #feedbackForm .submita{background:#0060a0;color:#fff;padding:1.125rem 4.75rem;border:0;font-size:1rem;text-transform:uppercase}
/*! prenext-news */
.prenext-news{border-top:1px solid #e1e1e1;border-bottom:1px solid #e1e1e1;text-transform:uppercase}
.prenext-news li{width:50%;padding:2.5rem 0;display:flex;align-items:center}
.prenext-news li p{font-size:.9375rem;color:#373737;font-weight:700;line-height:1.533}
.prenext-news li a{font-size:.875rem;color:#0060a0}
.prenext-news li:nth-child(1){border-right:1px solid #e1e1e1;padding-right:10%}
.prenext-news li:nth-child(1) i{transform:rotate(180deg);margin-right:10px}
.prenext-news li:nth-child(2){padding-left:10%;text-align:right;justify-content:flex-end}
.prenext-news li:nth-child(2) i{margin-left:10px}
/*! product-detail */
.page-procontent .product-dtail{padding:3.75rem 0;justify-content:flex-start}
.page-procontent .product-img{margin-right:5.5%;flex:0 0 auto;width:44.5%}
.page-procontent .product-intro{width:50%}
.page-procontent .product-name{font-size:2rem;color:#212121;font-weight:700;padding:1.875rem 0}
.page-procontent .product-text{font-size:1rem;color:#595959;line-height:1.875}
.page-procontent .product-btn{margin-top:auto}
.page-procontent .product-btn a{border-radius:2px;background:#333;color:#fff;font-size:16px;display:inline-block;margin:0 1rem 1rem 0;padding:1rem 3.5rem;text-transform:uppercase;text-align:center;width:calc(50% - 2rem);box-sizing:border-box}
.page-procontent .product-btn .pdown1{width:calc(50% - 2rem)}
.page-procontent .product-btn .pdown1 a{width:100%}
.page-procontent .product-btn a:hover{color:#fff;background:#0060a0}
.page-procontent .product-btn a i{margin-right:1.3125rem}
.page-procontent .p-share{border-top:1px solid #ddd;border-bottom:1px solid #ddd;padding:1.25rem 0}
.page-procontent .p-hottags{padding:1.25rem 0}
.page-procontent .p-share{border-top:0}
.page-procontent .lab{color:#333;font-size:.8125rem;display:flex;align-items:center;margin-right:15px}
.page-procontent .lab i{margin-right:.75rem}
.flex.jc-sb.p-share{justify-content:start}
.page-procontent .tags{color:#515151;font-size:.8125rem}
.page-procontent .products-detail-title{white-space:nowrap;font-size:1.1875rem;color:#222;padding:1.3125rem 1.5rem;text-transform:uppercase;background:#eee}
.page-procontent .products-detail-panel{border:1px solid #e3e3e3;padding:4.17% 1.67%}
.page-procontent .products-detail-panel .iframe,.page-procontent .products-detail-panel img,.page-procontent .products-detail-panel video{max-width:100%}
.page-procontent .products-detail-panel p{font-size:1rem;margin:5px 0;line-height:initial}
.page-procontent .prenext-products{margin-bottom:10%}
.page-procontent .rec-products{margin-bottom:10%}
.page-procontent .rec-products li{width:15.4%;margin-right:1.52%;position:relative;padding-bottom:calc(15.4% + 50px);margin-bottom:2%}
.page-procontent .rec-products li:nth-child(6n+6){margin-right:0}
.page-procontent .rec-products li a{width:100%;height:100%;top:0;left:0;position:absolute;overflow:hidden}
.page-procontent .rec-products li a img{width:100%;height:calc(100% - 50px);object-fit:cover;transition:all 2s cubic-bezier(0,.85,1,1.04)}
.page-procontent .rec-products li:hover img{transform:scale(1.3)}
.page-procontent .rec-product-name{flex:0 0 auto;height:50px;padding:0 6%;transition:all .3s;position:relative;z-index:10;background:#fff}
.page-procontent .rec-product-name p{font-size:.8125rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600;color:#434343}
.page-procontent .rec-product-name i{flex:0 0 auto}
.page-procontent .rec-products li:hover .rec-product-name{background:#0060a0}
.page-procontent .rec-products li:hover p{color:#fff}
@media only screen and (max-width:768px){
.page-procontent .product-dtail{flex-direction:column}
.page-procontent .product-img{margin-right:0}
.page-procontent .product-intro{margin-top:5%}
.page-procontent .product-text{margin-bottom:5%}
.page-procontent #feedbackForm tr:nth-child(n){width:100%;margin-right:0}
.page-procontent .rec-products li{width:32%;margin-right:2%;padding-bottom:calc(32% + 50px)}
.page-procontent .rec-products li:nth-child(3n+3){margin-right:0}
}
/*! productslist */
.container-1832{max-width:1832px}
.page-prolist .cate-list-box{position:relative}
.page-prolist .cate-list-drop{padding:10px 28px;border:1px solid #c7c7c7;color:#878787;font-size:.9375rem}
.page-prolist .cate-list-drop i{transform:rotate(90deg);margin-left:5px;transition:all .3s}
.page-prolist .cate-list{position:absolute;top:100%;left:0;z-index:-5;opacity:0;transition:all .3s;background:#fff;border:1px solid #0060a0;box-sizing:border-box;min-width:100%}
.page-prolist .cate-list a{display:block;padding:10px 28px;white-space:nowrap;color:#878787;font-size:.9375rem}
.page-prolist .cate-list a:hover{color:#fff;background:#0060a0}
.page-prolist .cate-list-drop:focus i{transform:rotate(0)}
.page-prolist .cate-list-drop:focus+.cate-list{z-index:10;opacity:1}
.page-prolist .content-protypebody{padding-top:5%;padding-bottom:5%}
.page-prolist .cp-text{max-width:42.5%}
.page-prolist .cp-text h3{font-size:1.75rem;color:#373737;line-height:1.14;padding-bottom:5%;color:#373737}
.page-prolist .cp-text p{font-size:.9375rem;color:#242424;line-height:1.6;color:#727272}
.page-prolist .cp-img{max-width:40%}
.page-prolist .cp-img img{width:100%}
.page-prolist .products-list li{margin-right:1%}
.page-prolist .products-list li:hover{background:#0060a0}
.page-prolist .products-list li:nth-child(4n+4){}
.page-prolist .product-pic{position:relative;background:#fff;overflow:hidden;display:flex;align-items:center;justify-content:center;padding:30px 0;height:200px}
.page-prolist .product-pic img{transition:all 2s cubic-bezier(0,.85,1,1.04);max-width:100%;max-height:100%}
.page-prolist .products-list li:hover .product-pic img{transform:scale(1.3)}
.page-prolist .product-pic-shadow{height:100%;width:100%;position:absolute;top:0;left:0;background:#32323299;z-index:-5;opacity:0;transition:all .3s}
.page-prolist .products-list li:hover .product-pic-shadow{z-index:5;opacity:1}
.page-prolist .product-pic-shadow-border{height:90%;width:90%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);border:1px solid #fff;display:block}
.page-prolist .product-pic-shadow-border i{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
.page-prolist .products-text{transition:all .3s;overflow:hidden;padding-bottom:15px}
.page-prolist .products-name{font-size:17px;color:#434343;transition:all .3s;margin-bottom:10px;display:block;margin-top:10px}
.page-prolist .products-intro{line-height:1.6;font-size:14px;color:#666}
.page-prolist .products-text-lf{padding-left:19%;width:calc(85% - 53px)}
.page-prolist .products-text-rt{flex:0 0 auto;margin-left:10%}
.page-prolist .products-text-rt a{display:block;width:52px;text-align:center;height:18px;border-left:1px solid #fff}
.innercatelist .sf-menu{display:flex;white-space:nowrap;margin:20px 0;flex-wrap:wrap}
.innercatelist .sf-menu a{display:block;padding:10px 30px;transition:all .1s}
.innercatelist .sf-menu .sub-menu{position:absolute;top:100%;z-index:-10;background:#fff;opacity:0;transition:all .3s;left:-1px;border-top:1px solid #eaeaea}
.innercatelist .sf-menu li{position:relative;margin-right:15px;margin-bottom:15px;border:1px solid #eaeaea}
.innercatelist .sf-menu li:hover .sub-menu{opacity:1;z-index:10}
.innercatelist .sf-menu .sub-menu li{border-top:0;margin:0}
.innercatelist .sf-menu a:hover{background:#0060a0;color:#fff}
@media only screen and (max-width:768px){
.page-prolist .products-list li{width:49%;margin-right:2%}
.page-prolist .products-list li:nth-child(2n+2){margin-right:0}
.page-prolist .products-text-rt{flex:0 0 auto;margin-left:15px}
.page-prolist .products-text-rt a{width:30px}
}
/*! newslist */
.page-news .news-list{padding:70px 0}
.page-news .news-list li{background:#f7f7f7;transition:all .3s;margin-bottom:42px}
.page-news .news-img{padding:2.33% 1.33%;display:block;width:16.667%}
.page-news .news-img img{width:100%;object-fit:contain;height:120px;display:flex;align-items:center;justify-content:center}
.page-news .news-text{margin-left:3.5%;width:57.25%}
.page-news .new-title{font-size:1.25rem;color:#373737;display:block;font-weight:600;padding-bottom:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.page-news .news-intro{line-height:1.6;font-size:.9375rem;color:#909093}
.page-news .news-date{margin-left:auto;padding-right:4%;flex:0 0 auto}
.page-news .news-date .m-d{font-size:1.75rem;color:#909093;white-space:nowrap}
.page-news .news-date .y{font-size:.875rem;color:#909093;padding-bottom:10px;white-space:nowrap}
.page-news .news-detail{border-radius:50%;height:36px;width:36px;box-sizing:border-box;border:1px solid #cacaca;display:block;line-height:36px;text-align:center}
.page-news .news-list li:hover{box-shadow:5px 5px 15px #e5e5e5}
.page-news .news-list li:hover .news-img{background:#0060a0}
.page-news .news-list li:hover .new-title{color:#0060a0}
.page-news .news-list li:hover .news-detail{border-color:#0060a0;background:#0060a0}
/*! news-content */
.page-newscontent .news-main{margin-top:4.17%}
.page-newscontent .news-detail-img{width:calc(100% - 20px);margin:0 auto}
.page-newscontent .news-detail-img img{width:100%}
.page-newscontent .news-title{font-size:1.8125rem;padding:1.5% 0;border-bottom:1px solid #e1e1e1;margin-bottom:3.3%}
.page-newscontent .news-content{font-size:.9375rem;line-height:1.86;color:#626262}
.page-newscontent .news-content p{margin-bottom:6px}
.page-newscontent .date-share{padding:3.125rem 0}
.page-newscontent .date-share .date i{margin-right:8px}
.page-newscontent .news-date{font-size:.9375rem;color:#373737;line-height:2.133}
.page-newscontent .news-list{margin-top:3.75rem;margin-bottom:3rem}
.page-newscontent .news-list li{width:45%;margin-bottom:1.875rem}
.page-newscontent .news-list a{font-size:1rem;color:#373737;line-height:1.438;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:90%;display:block}
.page-newscontent .news-list a i{margin-right:10px;flex:0 0 auto;margin-bottom:4px}
.page-newscontent .news-list a:hover{color:#0060a0}
.news-main .rec-products{margin-bottom: 6%;}
.news-main .rec-products li{width:15.4%;margin-right:1.52%;position:relative;padding-bottom:calc(15.4% + 50px);margin-bottom:2%}
.news-main .rec-products li:nth-child(6n+6){margin-right:0}
.news-main .rec-products li a{width:100%;height:100%;top:0;left:0;position:absolute;overflow:hidden}
.news-main .rec-products li a img{width:100%;height:calc(100% - 50px);object-fit:cover;transition:all 2s cubic-bezier(0,.85,1,1.04)}
.news-main .rec-products li:hover img{transform:scale(1.3)}
.news-main .rec-product-name{flex:0 0 auto;height:50px;padding:0 6%;transition:all .3s;position:relative;z-index:10;background:#fff}
.news-main .rec-product-name p{font-size:.8125rem;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-weight:600;color:#434343}
.news-main .rec-product-name i{flex:0 0 auto}
.news-main .rec-products li:hover .rec-product-name{background:#0060a0}
.news-main .rec-products li:hover p{color:#fff}
@media only screen and (max-width:768px){
.news-main .rec-products li{width:32%;margin-right:2%;padding-bottom:calc(32% + 50px)}
.news-main .rec-products li:nth-child(3n+3){margin-right:0}
}
/*! inner-contact */
.page-contact .contact-us{width:34%;margin-right:2%}
.page-contact .contact-us img{max-width:100%}
.page-contact .contact-main{padding-top:5.125rem;padding-bottom:5.125rem}
.topbar-title{font-size:1.5rem;color:#0060a0;font-weight:700;text-transform:uppercase;line-height:.958;position:relative;padding:1.6875rem 0;margin-bottom:2rem}
.topbar-title::after{display:block;content:"";display:block;background-color:#0060a0;position:absolute;left:0;top:0;width:34px;height:3px}
.page-contact .contact-list{margin-top:3.4375rem}
.page-contact .contact-list li{margin-bottom:2.5rem}
.page-contact .contact-list .icon-box{width:40px;margin-right:1.25rem}
.page-contact .contact-text p{font-size:1.25rem;color:#373737;margin-bottom:.75rem}
.page-contact .contact-text a{font-size:1rem;color:#676767}
@media only screen and (max-width:768px){
.page-contact .contact-main{flex-direction:column}
.page-contact .contact-us{width:100%;margin-right:0;margin-bottom:5rem}
}
/*! inner-about */
.page-about .aboutus-panel{margin-top:1.875rem;margin-bottom:7.5rem}
.page-about .aboutus-text{width:53%}
.page-about .aboutus-text p{font-size:1rem;color:#9f9f9f;line-height:1.813;padding-bottom:2.5rem}
.page-about .aboutus-title{font-size:2.75rem;font-weight:700;color:#0060a0;padding-bottom:1.25rem;text-transform:uppercase}
.page-about .title-text{font-size:1.0625rem;color:#9f9f9f;padding-bottom:3.125rem;font-weight:600;position:relative;display:inline-block;text-align:left}
.page-about .title-text::after{content:"";display:block;position:relative;left:calc(100% + 5px);bottom:10px;width:3.75rem;height:2px;background:#0060a0}
.page-about .aboutus-img{width:42%}
.page-about .aboutus-img img{width:100%}
.page-about .switch-list li{width:23.75%;padding-bottom:12.4%;position:relative}
.page-about .switch-list div{position:absolute;top:0;left:0;width:100%;height:100%;transition:all .3s;border:1px solid #e1e6eb;box-sizing:border-box}
.page-about .switch-list div::after{content:"";display:block;position:absolute;bottom:-28px;left:50%;transform:translateX(-50%);border:14px solid transparent;transition:all .3s}
.page-about .switch-list i{margin-bottom:5%}
.page-about .switch-list div p{color:#494949;font-size:1rem;color:#494949;cursor:pointer}
.page-about .switch-list div:hover,.page-about .switch-list li.active div{border-color:#0060a0;background:#0060a0}
.page-about .switch-list div:hover p,.page-about .switch-list li.active div p{color:#fff}
.page-about .switch-list div:hover::after,.page-about .switch-list li.active div::after{border-top-color:#0060a0}
.page-about .switch-text-list{margin:5.3125rem 0}
.page-about .switch-text-list li{display:none}
.page-about .switch-text-list li.active{display:flex}
.page-about .switch-img{width:46.67%}
.page-about .switch-img img{width:100%}
.page-about .switch-text{width:47.33%;margin-left:auto}
.page-about .switch-title{color:#010101;font-size:2.375rem;margin-bottom:1.75rem}
.page-about .switch-text p{margin-bottom:3.125rem;font-size:2.375rem;color:#9f9f9f;line-height:1.1825;font-size:1rem}
@media only screen and (max-width:768px){
.page-about .aboutus-panel{flex-wrap:wrap}
.page-about .aboutus-img,.page-about .aboutus-text{width:100%}
.page-about .switch-list{flex-wrap:wrap}
.page-about .switch-list li{width:45%;padding-bottom:25%;margin-bottom:30px}
.page-about .switch-text-list li{flex-wrap:wrap}
.page-about .switch-img,.page-about .switch-text{width:100%;margin-bottom:.9375rem}
}
/*!product detail*/
#tagContent{border:1px solid #e3e3e3;padding:4.17% 1.67%}
#tags:after{content:'';display:block;clear:both;visibility:hidden;height:0}
#tags li{margin-bottom:10px;float:left}
#tags li a{text-decoration:none;display:block;margin-right:8px;background:#efefef;color:#222;padding:1.3125rem 1.5rem;text-transform:uppercase;font-size:1.1875rem}
ul#tags li.selectTag a{color:#fff;background:#0060a0}
.tagContent{display:none;width:100%;font-size:1rem;color:grey;line-height:2}
#tagContent div.selectTag{display:block}
#xyz ul{display:flex;justify-content:center;padding-bottom:10px;flex-wrap:wrap}
#xyz ul li{margin:5px}
#xyz ul li a{font-size:12px;color:#fff;display:flex;align-items:center;line-height:1.4;text-transform:capitalize}
#xyz ul li a img{margin-right:3px}
#xyz ul li{padding:0 5px;}
.table td{padding:5px 10px}
.page-procontent .products-detail-panel{font-family:sans-serif,ariral}
.news-title{text-align:center}
.LiProTypeList_Sub ul{max-width:1200px;margin:60px auto 0 auto;display:flex;flex-wrap:wrap}
.LiProTypeList_Sub ul a:hover{background:#0060a0;color:#fff}
.LiProTypeList_Sub ul a{display:block;padding:10px 30px;transition:all .1s;margin-right:15px;margin-bottom:15px;border:1px solid #eaeaea}
.index .products-list li:hover .products-intro,.index .products-list li:hover .products-name,.products-list li:hover .products-intro,.products-list li:hover .products-name{color:#fff}
.index-news-list{display:flex;justify-content:space-between}
.index-news-list>li{width:31%}
.num-t{display:flex;margin-top: 20px;}
.num-t span{font-size:3.125rem;color:#0060a0;margin-top:auto;line-height:.6}
.content-protypelist .proIntro a {color:#727272;}
.page-procontent .products-detail-panel,.page-procontent .products-detail-panel a {color:#111;}
.productsTags {font-size:.95rem;}
.productsTags a {color:#333;}

#partners .swiper-container{margin:0 50px}
#partners .swiper-slide{border:1px solid #e4e4e4;background:#fff;transition:all .3s cubic-bezier(.65,.05,.36,1);padding:15px;box-sizing:border-box;height:141px}
#partners .swiper-slide:hover{border-top:2px solid #0060a0}
.index #partners .swiper-button-prev{transform:translateY(0) rotate(180deg)!important}
.index #partners .swiper-button-next{transform:translateY(0)!important}