@font-face{font-family:'cr';src:url(../fonts/Century-Gothic-Regular.ttf) format('truetype'),url(../fonts/Century-Gothic-Regular.eot) format('eot'),url(../fonts/Century-Gothic-Regular.woff) format('woff'),url(../fonts/Century-Gothic-Regular.woff2) format('woff2')}
@font-face{font-family:'cb';src:url(../fonts/Century-Gothic-Bold.ttf) format('truetype'),url(../fonts/Century-Gothic-Bold.eot) format('eot'),url(../fonts/Century-Gothic-Bold.woff) format('woff'),url(../fonts/Century-Gothic-Bold.woff2) format('woff2')}
@font-face{font-family:'ob';src:url(../fonts/Oswald-Bold.ttf) format('truetype'),url(../fonts/Oswald-Bold.eot) format('eot'),url(../fonts/Oswald-Bold.woff) format('woff'),url(../fonts/Oswald-Bold.woff2) format('woff2')}
@font-face{font-family:'rr';src:url(../fonts/Rubik-Regular.ttf) format('truetype'),url(../fonts/Rubik-Regular.eot) format('eot'),url(../fonts/Rubik-Regular.woff) format('woff'),url(../fonts/Rubik-Regular.woff2) format('woff2')}
@font-face{font-family:'br';src:url(../fonts/bebasneue-regular.ttf) format('truetype'),url(../fonts/bebasneue-regular.eot) format('eot'),url(../fonts/bebasneue-regular.woff) format('woff'),url(../fonts/bebasneue-regular.woff2) format('woff2')}
@font-face{font-family:'AGENCYB';src:url(../fonts/AGENCYB.ttf) format('truetype'),url(../fonts/AGENCYB.eot) format('eot'),url(../fonts/AGENCYB.woff) format('woff'),url(../fonts/AGENCYB.woff2) format('woff2')}
body{font-family:'cr'}
.ui.container{padding:0 15px;position:relative;max-width:1536px;margin:auto}
#header{z-index:20;position:relative}
#header .nav{display:inline-block;width:100%;background-color:#004da1}
#header .nav .ui.menu{display:flex;align-items:center;margin:0 auto}
#header .nav .ui.menu .logo{display:inline-block;margin-left:0;margin-right:auto;vertical-align:middle;}
#header .nav .ui.menu .menu-box{display:inline-block;vertical-align:middle;margin-left:auto;margin-right:0}
#header .nav .ui.menu .menu-box ul.menu > li{margin:0 1.5rem;font-size:0.9rem;font-family:'cb';color:white;-webkit-perspective:500px;perspective:500px;transform-style:preserve-3d;z-index:100;float:left;position:relative;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;text-transform:uppercase}
#header .nav .ui.menu .menu-box ul.menu > li:hover{color:#cc9933;-webkit-transition:.5s .5s border;-moz-transition:.5s .5s border;-ms-transition:.5s .5s border;-o-transition:.5s .5s border;transition:.5s .5s border}
#header .nav .ui.menu .menu-box ul.menu > li > a{display:block;padding:25px 0}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu{-webkit-perspective:500px;perspective:500px;transform-style:preserve-3d;text-align:left;position:absolute;font-size:15px;background:#fff;top:100%;left:-10px;width:180px;transform:rotate3d(1,0,0,-90deg);-webkit-transform:rotate3d(1,0,0,-90deg);-moz-transform:rotate3d(1,0,0,-90deg);-ms-transform:rotate3d(1,0,0,-90deg);-o-transform:rotate3d(1,0,0,-90deg);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;transition:transform 0.5s,opacity 0.3s;-webkit-transition:-webkit-transform 0.5s,opacity 0.3s;-moz-transition:-moz-transform 0.5s,opacity 0.3s;box-shadow:0px 8px 10px rgba(0,0,0,0.2);border-bottom:3px solid #004da1;display:none \9}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu.sec{width:225px}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li{display:block;float:none;padding:0 15px;line-height:40px;color:black;font-size:12px;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;text-transform:capitalize}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li a{display:block}
#header .nav .ui.menu .menu-box ul.menu > li ul.sub-menu li:hover{background:#004da1;color:white}
#header .nav .ui.menu .menu-box ul.menu > li:hover ul.sub-menu{-moz-opacity:1;-khtml-opacity:1;opacity:1;transform:rotate3d(0,0,0,0);-webkit-transform:rotate3d(0,0,0,0);-moz-transform:rotate3d(0,0,0,0);-ms-transform:rotate3d(0,0,0,0);-o-transform:rotate3d(0,0,0,0);display:block \9}
#header .nav .ui.menu .h-search{display:inline-block;font-size:18px;vertical-align:middle;padding:0 20px;margin-right:15px;margin-left:0;color:#fff;cursor:pointer;cursor:hand;border-right:2px solid #fff}
#header .nav .ui.menu .language{position:relative;display:inline-block;font-size:18px;vertical-align:middle;margin-left:0;margin-right:0;color:#fff;cursor:pointer;cursor:hand}
#header .nav .ui.menu .language img{vertical-align:middle;max-height:20px;margin:0 10px}
#header .nav .ui.menu .language ul{-webkit-perspective:500px;perspective:500px;transform-style:preserve-3d;text-align:left;position:absolute;font-size:15px;background:#fff;top:100%;left:0;width:120px;transform:rotate3d(1,0,0,-90deg);-webkit-transform:rotate3d(1,0,0,-90deg);-moz-transform:rotate3d(1,0,0,-90deg);-ms-transform:rotate3d(1,0,0,-90deg);-o-transform:rotate3d(1,0,0,-90deg);-webkit-transform-origin:0 0 0;-moz-transform-origin:0 0 0;transform-origin:0 0 0;opacity:0;transition:transform 0.5s,opacity 0.3s;-webkit-transition:-webkit-transform 0.5s,opacity 0.3s;-moz-transition:-moz-transform 0.5s,opacity 0.3s;box-shadow:0px 8px 10px rgba(0,0,0,0.2);border-bottom:3px solid #004da1;display:none \9}
#header .nav .ui.menu .language ul li{display:block;float:none;padding:0 15px;line-height:40px;color:black;font-size:12px;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;text-transform:capitalize}
#header .nav .ui.menu .language ul li a{display:block}
#header .nav .ui.menu .language ul li:hover{background:#004da1;color:white}
#header .nav .ui.menu .language:hover ul{-moz-opacity:1;-khtml-opacity:1;opacity:1;transform:rotate3d(0,0,0,0);-webkit-transform:rotate3d(0,0,0,0);-moz-transform:rotate3d(0,0,0,0);-ms-transform:rotate3d(0,0,0,0);-o-transform:rotate3d(0,0,0,0);display:block \9}
#header .nav .search-box{line-height:normal;position:fixed;top:0;left:0;background:#fff;width:100%;height:100%;z-index:99999;display:none}
#header .nav .search-box form{position:absolute;top:45%;left:50%;width:60%;margin-left:-30%}
#header .nav .search-box form input{background:none;outline:none;border:none}
#header .nav .search-box form input[type="text"]{width:100%;border-bottom:1px solid #e1e1e1;font-size:26px;color:#000;padding:10px 0}
#header .nav .search-box form input[type="submit"]{width:22px;height:22px;background:url(../images/tc-zoom.png) no-repeat;position:absolute;right:15px;top:20px}
#header .nav .search-box form input[type="submit"]:hover{opacity:0.7;filter:alpha(opacity=70)}
#header .nav .search-box .close{width:30px;height:30px;background:url(../images/close.png) no-repeat;position:absolute;right:25px;top:15px;cursor:pointer}
#banner .slick-arrow{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);width:50px;height:80px;color:transparent;border:none;z-index:1;outline:none;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;opacity:0}
#banner .slick-arrow:hover{background-color:#004da1}
#banner:hover .slick-arrow{opacity:1}
#banner .slick-prev{background:url("../images/banner-btn-l.png") no-repeat center center rgba(255,255,255,0.3);left:15px}
#banner .slick-next{background:url("../images/banner-btn-r.png") no-repeat center center rgba(255,255,255,0.3);right:15px}
#banner ul.slick-dots{position:absolute;bottom:5%;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
#banner ul.slick-dots li{width:26px;height:26px;display:inline-block;margin:0 10px;border-radius:100%;border:6px solid #b5b5b5;background-color:#fff;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
#banner ul.slick-dots li button{display:none}
#banner ul.slick-dots li.slick-active{border-color:#004da1}
#banner .slick-slide .content{display:none}
#banner .slick-active .content{display:block}
#index-body .design ul.slick-dots{position:absolute;bottom:-2.5rem;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}
#index-body .design ul.slick-dots li{width:12px;height:12px;display:inline-block;margin:0 5px;border-radius:15px;background-color:#dde1e0;padding:0;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
#index-body .design ul.slick-dots li button{display:none}
#index-body .design ul.slick-dots li.slick-active{width:2.6rem;background-color:#1be3a1}
#index-body .design .slick-slide .content{display:none}
#index-body .design .slick-active .content{display:block}
table{width:100%;margin-bottom:20px;word-break:break-word}
table td,table th{padding:5px 10px;border:1px solid #666;width:50%}
table td:first-child{color:#2d2d2d}
table td:last-child{color:#666}
.wpulike.wpulike-default{display:none}
.prodet-page .wpulike.wpulike-default,.newdet-page .wpulike.wpulike-default{display:inline-block}
.post-views-box{position:relative;margin-left:20px}
.post-views-box .wp_ulike_btn.wp_ulike_put_image:after{background-image:url(../images/fw.png) !important;filter:none}
.wpulike{z-index:10}
.wpulike.post-views-box{z-index:5}
#banner .metaslider .slider-wrapper .nivo-directionNav a{width:50px;height:80px;background-color:rgba(255,255,255,0.2);background-repeat:no-repeat;background-position:center;background-size:14px}
#banner .metaslider .slider-wrapper .nivo-directionNav a:hover{background-color:#fd2318}
#banner .metaslider .slider-wrapper .nivo-directionNav a.nivo-prevNav{background-image:url(../images/banner-btn-l.png)}
#banner .metaslider .slider-wrapper .nivo-directionNav a.nivo-nextNav{background-image:url(../images/banner-btn-r.png)}
#banner .theme-default .nivo-controlNav{position:absolute;bottom:20px;left:50%;width:auto !important}
#banner .theme-default .nivo-controlNav a{width:25px !important;height:25px !important;background:#fff !important;border:7px solid #7d7d7d !important;border-radius:100% !important;-webkit-box-shadow:none !important;-moz-box-shadow:none !important;box-shadow:none !important;margin:0 8px !important}
#banner .theme-default .nivo-controlNav a.active{border-color:#fd2318 !important}
#mobile{position:fixed;top:0;left:-280px;width:280px;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;display:none;z-index:20}
#mobile .yy{content:'';width:100vw;height:100vh;position:fixed;top:0;right:100%;display:block;background:rgba(0,0,0,0.13);z-index:-1;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
#mobile #menu-on{width:40px;height:40px;position:absolute;left:100%;top:10px;cursor:pointer;cursor:hand}
#mobile #menu-on i{width:23px;height:2px;background:#fff;display:block;position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s;-webkit-transform-origin:left center;-moz-transform-origin:left center;-ms-transform-origin:left center;-o-transform-origin:left center;transform-origin:left center}
#mobile #menu-on i.line1{top:12px}
#mobile #menu-on i.line2{top:19px}
#mobile #menu-on i.line3{top:26px}
#mobile .menu-content{width:100%;height:100vh;display:block;background:#004da1;padding:40px 10%;overflow-y:auto;color:white}
#mobile .menu-content::-webkit-scrollbar{width:3px;border-radius:1.5px}
#mobile .menu-content::-webkit-scrollbar-button{display:none}
#mobile .menu-content::-webkit-scrollbar-track{background-color:#222}
#mobile .menu-content::-webkit-scrollbar-thumb{background-color:#eee}
#mobile .menu-content h3{font-size:20px;color:inherit;text-transform:capitalize;margin-bottom:10px}
#mobile .menu-content h3 i{font-size:16px;position:relative;top:-1px}
#mobile .menu-content .menu-logo{display:block}
#mobile .menu-content .menu-logo img{margin:0 auto}
#mobile .menu-content .menu-list{margin:40px 0}
#mobile .menu-content .menu-list ul li{font-size:15px;color:inherit;text-transform:uppercase;line-height:20px}
#mobile .menu-content .menu-list ul li a{padding:8px 0;display:block}
#mobile .menu-content .menu-list ul li a:hover{color:#fd2318;text-decoration:underline}
#mobile .menu-content .menu-list ul li li a{position:relative;padding-left:15px;font-size:13px;line-height:18px}
#mobile .menu-content .menu-list ul li li a:after{content:'';width:6px;height:1px;background:white;position:absolute;top:50%;left:0;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}
#mobile .menu-content .mob-search form{position:relative}
#mobile .menu-content .mob-search form input{width:100%;height:45px;line-height:45px;border-radius:5px;border:none;padding:0 15px;font-size:14px;color:black}
#mobile .menu-content .mob-search form input[type="submit"]{width:45px;height:45px;background:url("../images/icon-search-white.png") no-repeat center center #222;position:absolute;right:0;top:0;border-radius:0}
#mobile .menu-content .mob-yuy{margin:40px 0}
#mobile .menu-content .mob-yuy ul li{margin-bottom:10px;color:inherit;font-size:14px}
#mobile .menu-content .mob-yuy ul li img{max-width:40px;display:inline-block;vertical-align:middle;margin-right:10px}
#mobile .menu-content .mob-share ul li{width:30px;height:30px;border-radius:3px;background:#333;display:inline-block;text-align:center;line-height:30px;color:white;font-size:14px;margin-right:3px;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
#mobile .menu-content .mob-share ul li:hover{background:#fd2318}
#mobile .menu-content #menu-off{margin-top:40px;cursor:pointer;cursor:hand}
#mobile.active{left:0}
#mobile.active .yy{right:0}
#mobile.active #menu-on i.line1{-webkit-transform:translateX(-50%) rotateZ(45deg);-moz-transform:translateX(-50%) rotateZ(45deg);-ms-transform:translateX(-50%) rotateZ(45deg);-o-transform:translateX(-50%) rotateZ(45deg);transform:translateX(-50%) rotateZ(45deg);top:12px;margin-left:3px}
#mobile.active #menu-on i.line2{opacity:0}
#mobile.active #menu-on i.line3{-webkit-transform:translateX(-50%) rotateZ(-45deg);-moz-transform:translateX(-50%) rotateZ(-45deg);-ms-transform:translateX(-50%) rotateZ(-45deg);-o-transform:translateX(-50%) rotateZ(-45deg);transform:translateX(-50%) rotateZ(-45deg);top:28px;margin-left:3px}
#mobile.white .menu-content{background:white;color:black}
#mobile.white .menu-content .menu-list ul li li a:after{background:black}
#mobile.white .menu-content .mob-search form input{border:1px solid black}
#mobile.white .menu-content .mob-search form input[type="submit"]{border-top-right-radius:5px;border-bottom-right-radius:5px}
#banner{position:relative}
#banner ul li{position:relative}
#banner ul li > img{min-height:250px;object-fit:cover}
#banner ul li .text{position:absolute;left:0;top:45%;transform:translateY(-50%);width:100%}
#banner ul li .text .right{text-align:center}
#banner ul li .text .right .txt{display:inline-block;font-family:'br';text-align:left;padding-right:10%}
#banner ul li .text .right .txt h3{position:relative;font-size:2.75rem;line-height:1.1;text-shadow:0 3px 3px #000;color:#fff;padding-bottom:10px;margin-bottom:1rem}
#banner ul li .text .right .txt h3::after{position:absolute;content:'';bottom:0;left:0;width:100%;height:3px;background-color:#1c9e4e}
#banner ul li .text .right .txt a{display:inline-block;font-size:1.2rem;line-height:1;color:#1c9e4e}
#banner ul li .text .right .txt a i{position:relative;left:0;margin-left:5px;transition:.3s}
#banner ul li .text .right .txt a:hover i{left:5px}
#index-body .product-cate{padding:5px 0}
#index-body .product-cate ul{font-size:0}
#index-body .product-cate ul li{display:inline-block;width:50%}
#index-body .product-cate ul li .ig{position:relative}
#index-body .product-cate ul li .ig .text{position:absolute;top:20%;left:10%;color:#fff}
#index-body .product-cate ul li .ig .text h4{position:relative;font-size:1.8rem;font-family:'ob';text-transform:uppercase;padding-bottom:8px;margin-bottom:10px}
#index-body .product-cate ul li .ig .text h4::after{position:absolute;content:'';bottom:0;left:0;width:100%;height:2px;background-color:#1cb255}
#index-body .product-cate ul li .ig .text a{position:relative;display:inline-block;font-size:0.9rem;font-family:'cr';font-weight:bold;line-height:2.04;text-transform:uppercase;transition:.5s}
#index-body .product-cate ul li .ig .text a i{position:relative;left:0;margin-left:5px;transition:.5s}
#index-body .product-cate ul li .ig .text a::after{position:absolute;content:'';left:0;bottom:0;width:0;height:2px;background-color:#1cb255;transition:.5s}
#index-body .product-cate ul li .ig .text a:hover::after{width:100%}
#index-body .product-cate ul li .ig .text a:hover i{left:5px}
#index-body .product-cate ul li:nth-child(even){padding:5px 0 5px 5px}
#index-body .product-cate ul li:nth-child(odd){padding:5px 5px 5px 0}
#index-body .product{padding:3rem 0}
#index-body .product h3{font-size:2.4rem;font-family:'cb';text-transform:capitalize;text-align:center;padding-bottom:3rem}
#index-body .product .slick-arrow{position:absolute;cursor:pointer;width:66px;height:100px;background:url(../images/left.png) no-repeat center;left:-50px;top:45%;z-index:8;color:rgba(255,255,255,0);border:none}
#index-body .product .slick-next{background:url(../images/right.png) no-repeat center;left:auto;right:-50px}
#index-body .product ul li{display:inline-block;padding:0 0.75rem}
#index-body .product ul li .ig{position:relative;border:1px solid #ddd;text-align:center}
#index-body .product ul li:hover .ig{border:none;box-shadow:0 0 10px 0 rgba(0,0,0,0.1);-webkit-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);-moz-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);-ms-box-shadow:0 0 10px 0 rgba(0,0,0,0.1);-o-box-shadow:0 0 10px 0 rgba(0,0,0,0.1)}
#index-body .product ul li .ig .link{position:absolute;z-index:1;top:50%;left:50%;transform:translate(-50%,-50%)}
#index-body .product ul li .ig .link a{display:inline-block;height:2.5rem;width:2.5rem;line-height:2.5rem;font-size:18px;color:#fff;text-align:center;border-radius:50%;background-color:#004da1;margin:0 10px;transform:scale(0)}
#index-body .product ul li .ig img{width:100%;margin:auto}
#index-body .product ul li .ig h4{position:relative;z-index:1;font-size:18px;font-family:'rr';line-height:3.5rem;transition:.3s;text-transform:uppercase}
#index-body .product ul li .ig::after{position:absolute;content:'';top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.3);opacity:0;transition:.5s}
#index-body .product ul li .ig:hover::after{opacity:1}
#index-body .product ul li .ig:hover .link a{transform:scale(1);-webkit-transition:all 0.3s cubic-bezier(0,1.135,0.73,1.405);-moz-transition:all 0.3s cubic-bezier(0,1.135,0.73,1.405);-o-transition:all 0.3s cubic-bezier(0,1.135,0.73,1.405);transition:all 0.3s cubic-bezier(0,1.135,0.73,1.405)}
#index-body .product ul li .ig:hover .link a:last-child{-webkit-transition-delay:0.1s;-moz-transition-delay:0.1s;-ms-transition-delay:0.1s;transition-delay:0.1s}
#index-body .product ul li .ig:hover h4{color:#fff;background-color:#004da1}
#index-body .product .more{text-align:center;padding-top:2.5rem}
#index-body .product .more a{display:inline-block;font-size:1rem;font-family:'rr';line-height:2.5rem;border-radius:5px;color:#fff;background-color:#004da1;padding:0 2rem;transition:.5s}
#index-body .product .more a:hover{box-shadow:0 0 10px rgba(0,0,0,0.6)}
#index-body .about{padding:3.5rem 0}
#index-body .about .grid .left{position:relative;top:-2.5rem}
#index-body .about .grid .right{width:60%;color:#000;background-color:#efefef;margin-left:-10%;padding-left:10%}
#index-body .about .grid .right .text{padding:4rem 2rem 8rem;/*max-width:750px*/}
#index-body .about .grid .right .text h4{font-size:1.5rem;font-family:'cb';line-height:1}
#index-body .about .grid .right .text h3{font-size:2.4rem;font-family:'cb'}
#index-body .about .grid .right .text h3 span{color:#004da1}

#index-body .about .grid .right .text h5{font-size:1.2rem;line-height:1}
#index-body .about .grid .right .text p{font-size:0.8rem;line-height:1.875;color:rgba(0,0,0,0.8);padding:1.5rem 0 2rem}
#index-body .about .grid .right .text .more a{display:inline-block;font-size:0.8rem;line-height:2rem;border-radius:5px;color:#fff;background-color:#004da1;padding:0 1rem;transition:.5s}
#index-body .about .grid .right .text .more a:hover{box-shadow:0 0 10px rgba(0,0,0,0.6)}
#index-body .choose{text-align:center;border-bottom:1px solid #d9d9d9}
#index-body .choose .title h3{font-size:2.4rem;font-family:'cb'}
#index-body .choose .title h3 span{color:#004da1}
#index-body .choose .title p{font-size:0.8rem;color:rgba(0,0,0,0.8);max-width:850px;margin:auto}
#index-body .choose ul{font-size:0}
#index-body .choose ul li{display:inline-block;width:25%;padding:5rem 2rem 4rem}
#index-body .choose ul li .ig .img{display:inline-block;height:6.9rem;width:6.9rem;line-height:6.9rem;border-radius:50%;background-color:#4c4c4c;transition:.5s}
#index-body .choose ul li .ig .img img{vertical-align:middle;max-width:50%}
#index-body .choose ul li .ig .text h4{font-size:18px;font-family:'cb';line-height:1;padding:1rem 0 0.5rem}
#index-body .choose ul li .ig .text p{font-size:14px;line-height:1.429;color:rgba(0,0,0,0.702)}
#index-body .choose ul li .ig:hover .img{background-color:#004da1}
#index-body .oem{text-align:center;}
#index-body .oem .title h3{font-size:2.4rem;font-family:'cb'}
#index-body .oem .title h3 span{color:#004da1}
#index-body .oem .title p{font-size:0.8rem;color:rgba(0,0,0,0.8);max-width:850px;margin:auto; padding-bottom:30px;}
#index-body .design{padding:2.5rem 0 4.5rem}
#index-body .design .title{padding-bottom:2rem}
#index-body .design .title h3{font-size:2.4rem;font-family:'cb';line-height:1.1;padding-bottom:10px}
#index-body .design .title p{font-size:0.8rem;color:rgba(0,0,0,0.8);line-height:1.75;max-width:850px}
#index-body .design ul{padding-bottom:3rem}
#index-body .design ul li .ig .left{width:62%}
#index-body .design ul li .ig .right{width:38%;padding:0 2rem 0 0.8rem}
#index-body .design ul li .ig .right h4{font-size:0.9rem;font-family:'cb';line-height:1.833;padding-bottom:10px}
#index-body .design ul li .ig .right p{font-size:0.8rem;line-height:1.625;color:rgba(0,0,0,0.8)}
#index-body .news{padding:3.5rem 0 2.5rem}
#index-body .news .title .grid .left{vertical-align:bottom}
#index-body .news .title .grid .left h3{font-size:2.4rem;font-family:'cb';line-height:1.1;padding-bottom:10px}
#index-body .news .title .grid .left p{font-size:0.8rem;color:rgba(0,0,0,0.8);line-height:1.75;max-width:850px}
#index-body .news .title .grid .right{text-align:right;vertical-align:bottom;padding-bottom:10px}
#index-body .news .title .grid .right a{display:inline-block;font-size:0.8rem;line-height:2rem;border-radius:5px;color:#fff;background-color:#004da1;padding:0 1rem;transition:.5s}
#index-body .news .title .grid .right a:hover{box-shadow:0 0 10px rgba(0,0,0,0.6)}
#index-body .news .news-box ul li{display:inline-block;padding:3.5rem 1rem 0}
#index-body .news .news-box ul li .ig .img{position:relative}
#index-body .news .news-box ul li .ig .img img{width:100%}
#index-body .news .news-box ul li .ig .img .date{position:absolute;top:-1.5rem;left:1rem;color:#fff;text-align:center;border-radius:5px;background-color:#004da1;padding:1rem 1.2rem}
#index-body .news .news-box ul li .ig .img .date span{display:inline-block;font-size:1.8rem;font-family:'ob';line-height:1;padding-bottom:5px}
#index-body .news .news-box ul li .ig .img .date p{font-size:0.9rem;line-height:1;font-family:'cb'}
#index-body .news .news-box ul li .ig .text{position:relative;top:-2.5rem;box-shadow:0px 3px 4px 0px rgba(0,0,0,0.17);border-radius:25px;color:#000;background-color:#fff;padding:1.5rem 10px 1.5rem 1.5rem}
#index-body .news .news-box ul li .ig .text h4{font-size:0.9rem;font-family:'cb';transition:.5s}
#index-body .news .news-box ul li .ig .text p{font-size:0.8rem;line-height:1.625;color:rgba(0,0,0,0.8);padding:10px 0}
#index-body .news .news-box ul li .ig .text .more a{display:inline-block;font-size:0.8rem;text-decoration:underline;line-height:1.625;color:rgba(0,0,0,0.702)}
#index-body .news .news-box ul li .ig .text .more a i{position:relative;left:0;transition:.3s}
#index-body .news .news-box ul li .ig .text .more a:hover{color:#004da1}
#index-body .news .news-box ul li .ig .text .more a:hover i{left:5px}
#index-body .news .news-box ul li .ig:hover .text h4{color:#004da1}
#index-body .news .news-box .prev-next{text-align:center;margin-top:-1rem}
#index-body .news .news-box .prev-next a{display:inline-block;font-size:1rem;width:2rem;height:2rem;line-height:2rem;border-radius:50%;color:#fff;background-color:#004da1;margin:0 6px;transition:.5s}
#index-body .news .news-box .prev-next a.prev{position:relative;right:0}
#index-body .news .news-box .prev-next a.prev:hover{right:5px}
#index-body .news .news-box .prev-next a.next{position:relative;left:0}
#index-body .news .news-box .prev-next a.next:hover{left:5px}
#footer{position:relative;color:#fff;background:url(../images/footerbgc.jpg) no-repeat center / cover;padding:4.5rem 0 0}
#footer .back-top{position:absolute;top:50%;right:3rem;transform:translateY(-50%);border-radius:50%;color:#fff;background-color:#004da1;width:2.5rem;height:2.5rem;line-height:2.5rem;text-align:center;font-size:1.5rem;cursor:pointer}
#footer .back-top i{position:relative;top:0;transition:.5s}
#footer .back-top:hover i{top:-5px}
#footer .footer-list .cum{padding:0 1rem 1.5rem}
#footer .footer-list .cum dl dt{font-size:1.2rem;font-family:'cb';text-transform:uppercase;padding-bottom:1.5rem}
#footer .footer-list .cum dl dd{font-size:0.78rem;color:rgba(255,255,255,0.702);line-height:2.063}
#footer .footer-list .cum:nth-child(1){width:25%}
#footer .footer-list .cum:nth-child(1) dl dt{text-align:center;padding-bottom:1rem}
#footer .footer-list .cum:nth-child(1) dl dd{padding-bottom:2rem}
#footer .footer-list .cum:nth-child(1) dl dd a{display:inline-block;font-size:1rem;height:2rem;width:2rem;line-height:2rem;text-align:center;border-radius:50%;color:#122045;background-color:#fff;margin:0 0.5rem;transition:.3s}
#footer .footer-list .cum:nth-child(1) dl dd a:hover{color:#fff;background-color:#004da1}
#footer .footer-list .cum:nth-child(2){width:20%}
#footer .footer-list .cum:nth-child(2) dl dd a{display:inline-block}
#footer .footer-list .cum:nth-child(2) dl dd a i{position:relative;left:0;transition:.3s;margin-right:5px}
#footer .footer-list .cum:nth-child(2) dl dd a:hover{color:#004da1}
#footer .footer-list .cum:nth-child(2) dl dd a:hover i{left:5px}
#footer .footer-list .cum:nth-child(3){width:15%}
#footer .footer-list .cum:nth-child(3) dl dd a{display:inline-block}
#footer .footer-list .cum:nth-child(3) dl dd a i{position:relative;left:0;transition:.3s;margin-right:5px}
#footer .footer-list .cum:nth-child(3) dl dd a:hover{color:#004da1}
#footer .footer-list .cum:nth-child(3) dl dd a:hover i{left:5px}
#footer .footer-list .cum:nth-child(4){width:28%;word-break:break-all}
#footer .footer-list .cum:nth-child(4) dl dd{position:relative;padding-left:0px}
#footer .footer-list .cum:nth-child(4) dl dd img{position:absolute;left:0;top:10px;max-width:30px}
#footer .footer-list .cum:nth-child(5){width:12%;text-align:center;padding:0}
#footer .footer-list .cum:nth-child(5) dl dd img{border:5px solid #fff;max-width:7.5rem;margin:auto}
#footer .copy{border-top:1px solid #28282a;color:rgba(255,255,255,0.6);padding:1rem 0}
#footer .copy .grid .left{float:left}
#footer .copy .grid .left span{display:inline-block;font-size:14px;vertical-align:middle}
#footer .copy .grid .left a{display:inline-block;font-size:14px;vertical-align:middle;margin:0 5px}
#footer .copy .grid .left a img{display:inline-block;vertical-align:middle;max-height:18px}
#footer .copy .grid .left a:hover{text-decoration:underline}
#footer .copy .grid .right{float:right}
#footer .copy .grid .right ul{text-align:right}
#footer .copy .grid .right ul li{display:inline-block;font-size:14px;padding:0 12px}
#footer .copy .grid .right ul li a{display:inline-block}
#footer .copy .grid .right ul li a:hover{color:#004da1}
@media screen and (max-width:1700px){#footer .back-top{top:0}
}
@media screen and (max-width:1440px){#index-body .about .grid .right .text{padding-bottom:4rem}
}
@media screen and (max-width:1200px){#index-body .design ul li .ig .left{width:50%}
#index-body .design ul li .ig .right{width:50%}
#index-body .news .title .grid .left{width:70%}
#index-body .news .title .grid .right{width:30%}
}
@media screen and (max-width:992px){#header .nav .ui.menu .logo img{height:35px; margin-top:-10px;}
#index-body .about .grid .left{width:100%;top:0}
#index-body .about .grid .right{width:100%;margin:0;padding:0}
#index-body .about .grid .right .text{padding:2rem}
#index-body .choose ul li{width:50%;padding:4rem 2rem 2rem}
#footer .footer-list .cum:nth-child(1){width:100%;text-align:center}
#footer .footer-list .cum:nth-child(2),#footer .footer-list .cum:nth-child(3),#footer .footer-list .cum:nth-child(4){width:30%;text-align:center}
#footer .footer-list .cum:nth-child(2) dl,#footer .footer-list .cum:nth-child(3) dl,#footer .footer-list .cum:nth-child(4) dl{display:inline-block;text-align-last:left}
#footer .footer-list .cum:nth-child(4){width:40%}
#footer .footer-list .cum:nth-child(5){display:none}
#footer .copy .grid .left,#footer .copy .grid .right{float:none;width:100%;text-align:center;padding:5px 0}
#footer .copy .grid .left ul,#footer .copy .grid .right ul{text-align:center}
}
@media screen and (max-width:768px){#index-body .choose ul li .ig .text h4{font-size:16px}
#index-body .choose ul li .ig .text p{font-size:13px}
#footer .footer-list .cum:nth-child(2),#footer .footer-list .cum:nth-child(3),#footer .footer-list .cum:nth-child(4){width:100%;text-align-last:left}
#footer .footer-list .cum:nth-child(2) dl dt,#footer .footer-list .cum:nth-child(3) dl dt,#footer .footer-list .cum:nth-child(4) dl dt{font-size:16px;padding-bottom:1rem}
#footer .footer-list .cum:nth-child(2) dl dd,#footer .footer-list .cum:nth-child(3) dl dd,#footer .footer-list .cum:nth-child(4) dl dd{font-size:14px}
}
@media screen and (max-width:767px){#index-body .product-cate ul li:nth-child(odd),#index-body .product-cate ul li:nth-child(even){width:100%;padding:5px 10px}
#index-body .news .title .grid .left{width:100%;padding-bottom:1rem}
#index-body .news .title .grid .right{width:100%}
}
@media screen and (max-width:600px){#banner ul li .text .left{width:none}
#banner ul li .text .right{width:100%;text-align:right}

}
@media screen and (max-width:500px){#index-body .product h3,#index-body .about .grid .right .text h3,#index-body .choose .title h3,#index-body .design .title h3,#index-body .news .title .grid .left h3{font-size:2rem}
#index-body .choose ul li{width:100%}
#index-body .choose ul li .ig .text h4{font-size:14px}
#index-body .choose ul li .ig .text p{font-size:12px}
#index-body .design ul li .ig .left{width:100%}
#index-body .design ul li .ig .right{width:100%;padding:1rem}
#index-body .design ul li .ig .right h4{font-size:14px}
#index-body .design ul li .ig .right p{font-size:12px}
}
.inner-page .page-box{padding:2rem 0}
.inner-page .page-box strong{font-weight:bold}
.inner-page .page-box h3.tit{font-size:1.5rem;text-align:center;max-width:1000px;margin:auto;padding-bottom:2rem}
.inner-page .grid-box{margin:0 -15px}
.inner-page .grid-box>.column,.inner-page .grid-box .swiper-slide.column{padding:0 15px}
.i-product{padding:132px 0 166px}
.i-product .i-tit{color:#1b1b1b}
.i-product .pro-list{margin-top:69px}
.i-product .pro-list > .column{margin-bottom:19px}
.i-product .pro-list  .column .img-box{border:1px solid #eee;text-align:center}
.i-product .pro-list .con-box{position:relative;z-index:10}
.i-product .pro-list .con-box a:hover{color:#004ca1!important}
.i-product .pro-list .con-box .inner-box{background:#eee;padding:5px 10px}
.i-product .pro-list .con-box .inner-box .tit a{display:block;color:#1b1b1b;font-size:17px;text-transform:capitalize;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.i-product .pro-list .con-box .inner-box .abst{margin:12px 0 18px;color:#9e9c9f;font-size:16px;line-height:28px;}
.i-product .pro-list .con-box .inner-box .more{color:#1b1b1b;font-size:16px}
.i-product .pro-list .con-box .inner-box .more .icon{margin-left:14px}
.i-whyUs{text-align:center}
.i-whyUs .why-list{margin-top:64px;padding:0 8%!important}
.i-whyUs .why-list > .column{transition:1s ease;-webkit-transition:1s ease;-moz-transition:1s ease;-ms-transition:1s ease;-o-transition:1s ease}
.i-whyUs .why-list > .column .icon,.i-whyUs .why-list > .column .tit{transition:0.4s ease;-webkit-transition:0.4s ease;-moz-transition:0.4s ease;-ms-transition:0.4s ease;-o-transition:0.4s ease}
.i-whyUs .why-list > .column .icon{max-width:119px;width:100%;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;border:2px solid #676767;color:#676767;font-size:40px;height:119px;line-height:119px}
.i-whyUs .why-list > .column .tit{color:#676767;font-size:19px;text-transform:uppercase;margin-top:21px}
.i-whyUs .why-list > .column:hover{transform:translate(0,-10px) rotate(0) scale(1,1) skew(0,0) rotateX(0) rotateY(0);-webkit-transform:translate(0,-10px) rotate(0) scale(1,1) skew(0,0) rotateX(0) rotateY(0);-moz-transform:translate(0,-10px) rotate(0) scale(1,1) skew(0,0) rotateX(0) rotateY(0);-ms-transform:translate(0,-10px) rotate(0) scale(1,1) skew(0,0) rotateX(0) rotateY(0);-o-transform:translate(0,-10px) rotate(0) scale(1,1) skew(0,0) rotateX(0) rotateY(0)}
.i-whyUs .why-list > .column:hover .icon{color:#004ca1;border-color:#004ca1}
.i-whyUs .why-list > .column:hover .tit{color:#004ca1}
@media screen and (max-width:768px){.f-bot{padding:20px 0}
.f-bot a{display:block;line-height:2em}
}
.inner-banner{height:348px;background:url("../images/inner-banner.jpg") no-repeat center;background-size:cover}
.bread-crumbs{font-size:14px;margin-top:7px}
.bread-crumbs,.bread-crumbs a,.bread-crumbs span{color:white}
.bread-crumbs a:hover{color:#fff;text-decoration:underline}
.inner-page .sideBar{padding:25px 0 22px;background:#dbdbdb}
.inner-page .sideBar .side-menu{position:relative;margin-top:15px}
.inner-page .sideBar .side-menu .nowCat{background:#004da1 url("../images/sidebar-line.png") no-repeat 93% center;cursor:pointer;width:226px;height:40px;line-height:40px;display:block;padding-left:15px;color:white;font-size:16px;border:1px solid white;text-transform:capitalize}
.inner-page .sideBar .side-menu .cat-list{display:none;z-index:111;position:absolute;width:100%;padding:10px 0;background:#004da1;left:0;top:100%}
.inner-page .sideBar .side-menu .cat-list li{padding:6px 12px 6px 16px}
.inner-page .sideBar .side-menu .cat-list li a{display:block;color:white;padding:5px}
.inner-page .sideBar .side-menu .cat-list li a:hover{color:#fff;text-decoration:underline}
.inner-page .inner-main-tit{text-align:left;color:white}
.inner-page .inner-main-tit .nowTit{font-size:34px;text-transform:capitalize}
..inner-page.service-page{padding:3rem 0}
.about-page .a-tit{font-size:29px;color:#000;text-transform:uppercase}
.about-page .a-txt p{color:#000000;font-size:16px;line-height:1.8em;margin-bottom:27px}
.about-page .inner-main-box{padding:90px 0 51px;background:#fbfbfb}
.about-page .inner-main-box .a-tit{margin:47px 0 24px}
.about-page .a-factory .swiper-slide img{width:100%}
.about-page .a-whyUs{padding:111px 0;background:#fbfbfb}
.about-page .a-whyUs .a-txt{margin:60px 0 73px}
.about-page .a-whyUs .why-list{padding:0!important}
.product-page .i-product{padding:11px 0 88px}
.m-page{text-align:center;padding:45px 0;font-size:14px}
.m-page span,.m-page a{margin:0 1px;border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-ms-border-radius:2px;-o-border-radius:2px;display:inline-block;width:28px;height:28px;line-height:31px;background-image:-moz-linear-gradient(top,#575e63,#404549);background-image:-webkit-linear-gradient(top,#575e63,#404549);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#575e63,endColorstr=#404549,GradientType='0');color:#fff}
.m-page a:hover,.m-page .current,.m-page .active{background-image:-moz-linear-gradient(top,#566f82,#3e505e);background-image:-webkit-linear-gradient(top,#566f82,#3e505e);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#566f82,endColorstr=#3e505e,GradientType='0')}
.prodet-page .prodetTit{margin-bottom:23px;color:#121212;font-size:39px;text-transform:capitalize;text-align:center}
.prodet-page .prodet-pics{padding:59px 0 82px; text-align:center;}
.prodet-page .prodet-pics .pro-bPic{width:40%; margin:0 auto;}
.prodet-page .prodet-pics .pro-bPic img{margin:0 auto;width:100%;border:1px solid #eee}
.prodet-page .prodet-pics .grid.two.column .pro-bPic ul{margin:15px -5px 0;padding:0 20px}
.prodet-page .prodet-pics .grid.two.column .pro-bPic ul .slick-arrow{width:20px;height:100%;position:absolute;top:0;background:black;color:transparent;z-index:1;border:none;-webkit-transition:.5s;-moz-transition:.5s;-ms-transition:.5s;-o-transition:.5s;transition:.5s}
.prodet-page .prodet-pics .grid.two.column .pro-bPic ul .slick-arrow:hover{background:#004ca1}
.prodet-page .prodet-pics .grid.two.column .pro-bPic ul .slick-arrow:after{position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%);color:white;font-size:14px;font-family:"FontAwesome"}
.prodet-page .prodet-pics .grid.two.column .pro-bPic ul .slick-arrow.slick-prev{left:5px}
.prodet-page .prodet-pics .grid.two.column .pro-bPic ul .slick-arrow.slick-next{right:5px}
.prodet-page .prodet-pics .grid.two.column .pro-bPic ul .slick-arrow.slick-prev:after{content:"\f104"}
.prodet-page .prodet-pics .grid.two.column .pro-bPic ul .slick-arrow.slick-next:after{content:"\f105"}
.prodet-page .prodet-pics .grid.two.column .pro-bPic ul li{padding:0 5px}
.prodet-page .prodet-pics .grid.two.column .pro-det-one{padding-left:5%;width:60%}
.prodet-page .prodet-pics .proName{color:#121212;font-size:39px;text-transform:uppercase;margin-bottom:30px}
.prodet-page .prodet-pics .grid.two.column .pro-det-one .proEmail{display:inline-block;color:#1e1e1e;font-size:17px}
.prodet-page .prodet-pics .grid.two.column .pro-det-one .proSocial{margin:18px 0 20px}
.prodet-page .prodet-pics .grid.two.column .pro-det-one .proSocial a{margin-right:6px;color:#000;font-size:16px;display:inline-block;width:35px;text-align:center;height:35px;line-height:35px;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;-ms-border-radius:50%;-o-border-radius:50%;background:#f2f2f2}
.prodet-page .prodet-pics .grid.two.column .pro-det-one .proSocial a:hover{background:#004ca1;color:#fff}
.prodet-page .prodet-pics .grid.two.column .pro-det-one .pdf-box a{display:inline-block;line-height:40px;height:40px;padding:0 40px;font-size:16px;background:#004ca1;color:white;text-align:center;border-radius:5px}
.prodet-page .prodet-pics .grid.two.column .pro-det-one .pdf-box a i{margin-left:15px;display:inline-block;vertical-align:middle}
.prodet-page .prodet-pics .grid.two.column .pro-det-one .prodet-thumb .image-gallery:after{content:'';display:block;width:0;height:0;clear:both}
.prodet-page .prodet-pics .grid.two.column .pro-det-one .prodet-thumb .image-gallery li{padding:0;float:left;width:20%;margin-right:1.5%;background:#fafafa}
.prodet-page .prodet-pics .grid.two.column .pro-det-one .prodet-thumb .image-gallery li:nth-of-type(4n){margin-right:0}
.prodet-page .prodet-det-two{padding:122px 0 146px;background:#efefef}
.prodet-page .recommand-product{padding:31px 0 133px}
.prodet-page .recommand-product .i-product{padding:0}
.prodetFeedback{padding:44px 0 64px;background:#f2f2f2}
.prodetFeedback .innerTit{font-size:32px;text-transform:uppercase;color:#000}
.prodetFeedback .ptForm{margin-top:50px}
.prodetFeedback .ptForm label{font-size:16px;color:#636363;font-weight:500;margin-bottom:0}
.prodetFeedback .ptForm input,.prodetFeedback .ptForm textarea{transition:0.3s ease;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;-ms-transition:0.3s ease;-o-transition:0.3s ease;background:none;color:#252525;font-size:16px;width:100%;outline:none;resize:none;border:none;border-bottom:1px solid #cccccc}
.prodetFeedback .ptForm .fbTop{margin-bottom:62px}
.prodetFeedback .ptForm .fbTop li{float:left;width:31%;margin-right:2%}
.prodetFeedback .ptForm .fbTop li:last-child{margin-right:0}
.prodetFeedback .ptForm .fbTop li input{height:15px;padding:0 4px}
.prodetFeedback .ptForm .fbTop li input:focus{height:43px;border-bottom:3px solid #004ca1}
.prodetFeedback .ptForm .fbBot{margin-bottom:75px}
.prodetFeedback .ptForm .fbBot textarea{height:16px;overflow:hidden}
.prodetFeedback .ptForm .fbBot textarea:focus{height:55px;border-bottom:3px solid #004ca1}
.prodetFeedback .ptForm input[type="submit"]{cursor:pointer;text-align:left;padding-left:31px;box-shadow:0 2px 6px 0 rgba(0,0,0,0.3);-webkit-box-shadow:0 2px 6px 0 rgba(0,0,0,0.3);-moz-box-shadow:0 2px 6px 0 rgba(0,0,0,0.3);-ms-box-shadow:0 2px 6px 0 rgba(0,0,0,0.3);-o-box-shadow:0 2px 6px 0 rgba(0,0,0,0.3);transition:0.3s ease;-webkit-transition:0.3s ease;-moz-transition:0.3s ease;-ms-transition:0.3s ease;-o-transition:0.3s ease;text-transform:uppercase;font-size:16px;width:203px;height:52px;border:none;background:#004ca1 url("../images/fb-send.png") no-repeat right 10px center;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;-ms-border-radius:3px;-o-border-radius:3px;color:#fff}
.prodetFeedback .ptForm input[type="submit"]:hover{background-color:#222}
.news-page .new-list{padding-top:78px!important}
.news-page .new-list li{padding-bottom:52px;margin-bottom:65px;border-bottom:2px solid #ececec}
.news-page .new-list li:last-child{margin-bottom:0}
.news-page .new-list li .new-pic{width:30%}
.news-page .new-list li .new-con{width:70%}
.news-page .new-list li .new-con .tit a{height:48px;overflow:hidden;display:block;color:#777777;font-size:21px;line-height:24px}
.news-page .new-list li .new-con .tit a:hover{color:#004ca1}
.news-page .new-list li .new-con .abst{color:#777777;font-size:16px;line-height:27px;margin:25px 0 35px}
.news-page .new-list li .new-con .abst a{color:#004ca1}
.news-page .new-list li .new-con .date span{color:#777777}
.news-page .new-list li .new-con .date span:last-child{margin-left:20px;text-transform:capitalize}
.news-page .new-list li:last-child{margin-bottom:50px}
.newdet-page .news{padding:50px 0 60px!important;color:#777777}
.newdet-page .news .news_title h1{padding-bottom:10px;font-size:30px;text-align:center;color:#222}
.newdet-page .news .news_date{text-align:center;line-height:22px;border-bottom:1px solid #555;padding-bottom:5px}
.newdet-page .news .news_abst{border-bottom:1px solid #555;padding:10px 0}
.newdet-page .news .news_abst p{display:inline-block}
.newdet-page .news .news_contents{color:#555;line-height:24px;clear:both;margin-top:10px;border-bottom:1px solid #555;padding:20px 0 40px}
.newdet-page .news .news_contents.page{border-bottom:none}
.newdet-page .news .news_contents a{color:#555;font-size:16px;line-height:24px}
.newdet-page .news .news_contents p,.newdet-page .news .news_contents div,.newdet-page .news .news_contents span,.newdet-page .news .news_contents table{color:#555;font-size:14px;line-height:24px;clear:both}
.newdet-page .news .news_next{width:99%;margin-top:0px;padding-left:5px;border-top:0px solid #CCC;text-align:left;padding-top:10px}
.newdet-page .news .news_next a{width:100%;height:25px;line-height:25px;color:#777;font-size:15px;margin-left:5px}
.newdet-page .news .news_next a:hover{width:100%;height:25px;line-height:25px;color:#000}
.newdet-page .news .newsnav{margin-bottom:30px}
.contact-page{padding-top:0}
.contact-page .c-list-box{padding:70px 0 93px;background:#f2f2f2}
.contact-page .c-list-box .contactList{position:relative}
.contact-page .c-list-box .contactList .c-name{color:#292929;font-size:39px;margin-bottom:34px}
.contact-page .c-list-box .contactList .info{line-height:34px;margin-top:24px;font-size:18px;color:#292929}
.contact-page .c-list-box .contactList .info i{width:10px}
.contact-page .c-list-box .contactList .info .add{display:block;margin-bottom:43px}
.contact-page .c-list-box .contactList .info .icon{color:#000;margin-right:29px!important;font-size:18px}
.contact-page .c-list-box .contactList .qr-box{position:absolute;right:0;top:70px;width:158px;padding:8px;background:#fff}
.faq-page .faq-list{padding:0px 0}
.faq-page .faq-list dt{box-shadow:0 0 6px 0 rgba(0,0,0,0.5);-webkit-box-shadow:0 0 6px 0 rgba(0,0,0,0.5);-moz-box-shadow:0 0 6px 0 rgba(0,0,0,0.5);-ms-box-shadow:0 0 6px 0 rgba(0,0,0,0.5);-o-box-shadow:0 0 6px 0 rgba(0,0,0,0.5);padding:16px 30px 14px;font-size:18px;cursor:pointer;color:#9e9e9e;margin-bottom:12px;transition:0.5s ease;word-break:break-word;position:relative}
.faq-page .faq-list dt .fa-plus{color:#004da1;}
.faq-page .faq-list dt:hover,.faq-page .faq-list dt.active{background:#004da1;color:#fff}
.faq-page .faq-list dt i{position:absolute;right:10px;top:20px}
.faq-page .faq-list dd{font-size:16px;line-height:22px;color:#757575;padding:15px 30px;margin-bottom:12px;display:none}
::-webkit-input-placeholder{color:#777}
:-moz-placeholder{color:#777}
::-moz-placeholder{color:#777}
:-ms-input-placeholder{color:#777}
@media screen and (max-width:768px){.inner-page .sideBar .side-menu{float:left;margin-top:10px}
.inner-banner{height:150px;display:none}

.prodet-page .prodet-pics .pro-bPic,.prodet-page .prodet-pics .grid.two.column .pro-det-one,.prodetFeedback .ptForm .fbTop li{width:100%!important;padding-left:0!important}
.contact-page .c-list-box .contactList .qr-box{display:none}
.prodetFeedback .ptForm .fbTop li{margin-bottom:30px}
.prodet-page .prodet-pics .proName{font-size:19px;margin-top:30px}
.inner-page .sideBar{display:none}
}
.button-group .button{background:#004ca1 !important}
@media screen and (max-width:1200px){.inner-page .inner-main-tit .nowTit{font-size:28px}
.about-page .a-whyUs{padding:50px 0}
.i-whyUs .why-list{margin-top:20px}
.about-page .a-tit{font-size:24px}
.i-whyUs .why-list > .column .tit{font-size:16px}
.about-page .a-txt p{font-size:14px}
.i-whyUs .why-list > .column .icon{width:80px;height:80px;font-size:30px;line-height:80px}
.i-product .pro-list .con-box .inner-box .tit a{font-size:18px}
.i-product .pro-list .con-box .inner-box .more{font-size:14px}
.faq-page .faq-list dt{font-size:16px}
.grid-box{margin:0 -5px}
.grid-box>.column,.grid-box .swiper-slide.column{padding:0 5px}
.i-product .pro-list{margin-top:20px}
.product-page .i-product{padding:20px 0}
.m-page{padding:20px 0}
.prodet-page .prodet-pics .grid.two.column .pro-det-one .proName,.prodet-page .prodetTit,.contact-page .c-list-box .contactList .c-name{font-size:30px}
.prodetFeedback .innerTit{font-size:28px}
.prodetFeedback .ptForm input[type="submit"]{font-size:14px}
.news-page .new-list li .new-con .abst{font-size:14px;margin:15px 0}
.news-page .new-list li{padding-bottom:20px;margin-bottom:20px}
.newdet-page .news .news_title h1{font-size:24px}
.contact-page .c-list-box .contactList .info{font-size:16px}
.news-page .new-list{padding-top:20px !important}
.prodet-page .prodet-det-two{padding:70px 0}
}
@media screen and (max-width:1000px){.grid-box.four>.column{width:33.3333%}
.grid-box.five>.column{width:25%}
.inner-page .sideBar .side-menu{display:none}
.inner-page .inner-main-tit .nowTit{font-size:20px}
.bread-crumbs{font-size:12px}
.inner-page .sideBar{padding:10px 0}
.about-page .inner-main-box{padding:50px 0}
.about-page .a-whyUs .a-txt{margin:30px 0}
.i-product .pro-list .con-box .inner-box .tit a{font-size:16px}
.prodet-page .prodet-pics .pro-bPic{text-align:center}
.prodet-page .prodet-pics .pro-bPic img{width:auto;margin:0 auto}
.prodet-page .prodet-det-two{padding:50px 0}
.prodet-page .prodet-pics .grid.two.column .pro-det-one .pdf-box a{font-size:14px}
.prodetFeedback .ptForm .fbTop li input{height:44px}
.prodetFeedback .ptForm .fbBot textarea{height:55px}
.prodetFeedback .ptForm .fbTop{margin-bottom:20px}
.news-page .new-list li .new-con .abst{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;max-height:48px}
.news-page .new-list li .new-con .tit a{font-size:18px;height:auto;max-height:48px}
.newdet-page .news .news_contents p,.newdet-page .news .news_contents div,.newdet-page .news .news_contents span,.newdet-page .news .news_contents table{font-size:13px}
.newdet-page .news .news_title h1{font-size:20px}
.newdet-page .news{padding:40px 0 !important}
.prodet-page .prodet-pics .grid.two.column .pro-det-one .proName,.prodet-page .prodetTit,.contact-page .c-list-box .contactList .c-name{font-size:24px}
.prodetFeedback .innerTit{font-size:20px}
.prodetFeedback .ptForm label{font-size:14px}
.prodetFeedback .ptForm .fbTop li{margin-bottom:15px}
.prodet-page .recommand-product{padding:40px 0}
}
@media screen and (max-width:700px){.inner-page .inner-main-tit .nowTit{font-size:18px}
.about-page .a-tit{font-size:18px}
.about-page .a-txt p{font-size:12px;line-height:24px}
.about-page .a-whyUs .why-list .column{width:50%;margin-bottom:15px}
.grid-box.four>.column{width:50%}
.grid-box.five>.column{width:50%}
.faq-page .faq-list dt{font-size:14px;padding:8px 15px 8px 10px}
.faq-page .faq-list dt i{top:12px}
.faq-page .faq-list{padding:20px 0}
.i-product .pro-list .con-box .inner-box .more{font-size:12px}
.i-product .pro-list .con-box .inner-box .tit a{font-size:14px}
table{display:inline-block;width:100%;overflow-y:auto}
.news-page .new-list li .new-pic,.news-page .new-list li .new-con{width:100%}
.news-page .new-list li .new-con{padding-top:10px}
.news-page .new-list li .new-con .tit a{font-size:16px}
.news-page .new-list li .new-con .abst{line-height:18px;margin:10px 0}
.newdet-page .news .news_title h1{font-size:16px}
.newdet-page .news .news_contents p,.newdet-page .news .news_contents div,.newdet-page .news .news_contents span,.newdet-page .news .news_contents table{font-size:12px;line-height:22px}
.newdet-page .news .news_next a{font-size:13px}
.contact-page .c-list-box .contactList .c-name{font-size:18px}
.contact-page .c-list-box{padding:40px 0}
.contact-page .c-list-box .contactList .info{font-size:14px;line-height:24px}
.button-group .button:nth-child(2){display:none !important}
#mapContainer{height:250px !important}
.prodetFeedback .ptForm .fbBot{margin-bottom:30px}
.inner-page .sideBar,.inner-banner{display:none}
.inner-page{margin-top:50px}
#banner ul.slick-dots{bottom:15%}
.inner-page.about-page .abt-1 .list ul li{width:50% !important;margin-bottom:20px}
.prodet-page .prodet-pics{padding:30px 0}
.prodet-page .prodet-pics .grid.two.column .pro-det-one .proName,.prodet-page .prodetTit,.contact-page .c-list-box .contactList .c-name{font-size:20px}
.inner-page .page-box strong span{font-size:16px !important}
}
.inner-banner{position:relative}
.inner-banner > h2{position:absolute;top:15%;left:12.5%;font-size:2.7rem;line-height:3.5rem;color:#fff;font-weight:bold}
.inner-banner img{min-height:200px;object-fit:cover}
.inner-banner .banner-list{position:absolute;bottom:20px;left:0;width:100%}
.inner-banner .banner-list ul{font-size:0;margin-top:20px}
.inner-banner .banner-list ul li{position:relative;display:inline-block;font-size:16px;font-weight:bold;width:25%;text-align:center;color:#888;background:url(../images/join04.png) no-repeat left center #fff}
.inner-banner .banner-list ul li a{display:block;padding:1rem}
.inner-banner .banner-list ul li::after{position:absolute;content:'';bottom:0;left:50%;width:0;height:2px;background-color:#004da1;transition:width 0.3s,left 0.3s}
.inner-banner .banner-list ul li:hover::after{left:0;width:100%}
.inner-banner .banner-search{position:absolute;bottom:20px;left:0;width:100%}
.inner-banner .banner-search h2{font-size:2rem;line-height:4.5rem;color:#fff}
.inner-banner .banner-search form{display:block;width:100%;font-size:0}
.inner-banner .banner-search form input[type="text"]{display:inline-block;width:78%;border:none;font-size:18px;color:#999;height:3.5rem;line-height:3.5rem;padding-left:5%;margin-right:2%;border-radius:5px;overflow:hidden;background:#fff url(../images/pro01.png) no-repeat 2% center;background-size:1.7%}
.inner-banner .banner-search form input[type="submit"]{display:inline-block;width:20%;height:3.5rem;line-height:3.5rem;background:#004da1;color:#fff;border:none;padding:0;margin:0;font-size:1.3rem;border-radius:5px}
.inner-page.about-page{padding:3rem 0}
.inner-page.about-page .abt-1{position:relative;z-index:2}
.inner-page.about-page .abt-1 h2.h{position:relative;font-size:2rem;color:#333;padding-bottom:1.5rem;margin-bottom:2rem}
.inner-page.about-page .abt-1 h2.h::after{position:absolute;content:'';bottom:0;left:0;width:3.8rem;height:1px;background-color:#d0d0d0}
.inner-page.about-page .abt-1 .con{font-size:16px;}
.inner-page.about-page .abt-1 .con img{margin-bottom:10px}
.inner-page.about-page .abt-1 .list{width:100%;padding:2.75rem 0 2.5rem;text-align:center;background:#004da1;margin-top:2rem}
.inner-page.about-page .abt-1 .list ul{font-size:0}
.inner-page.about-page .abt-1 .list ul li{display:inline-block;vertical-align:top;width:25%;text-align:center;background:url(../images/a09.png) no-repeat left center}
.inner-page.about-page .abt-1 .list ul li h2{font-size:2.5rem;font-family:'Arial';line-height:2.75rem;color:#fff;position:relative}
.inner-page.about-page .abt-1 .list ul li h2 .unit{font-size:13px;line-height:13px}
.inner-page.about-page .abt-1 .list ul li h2 .add{font-size:20px;line-height:20px}
.inner-page.about-page .abt-1 .list ul li h4{font-size:16px;color:#fff;opacity:0.5;font-weight:bold;line-height:23px;padding-top:8px}
.inner-page.about-page .abt-2{padding:9rem 0 2.5rem;background:url(../images/abt-2bgc.jpg) no-repeat center;width:100%;position:relative;z-index:1;margin-top:-5rem}
.inner-page.about-page .abt-2 .title h2{position:relative;text-align:center;color:#fff;font-size:2rem;line-height:3rem;padding-bottom:1.5rem}
.inner-page.about-page .abt-2 .title h2::after{position:absolute;content:'';left:50%;bottom:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:3.8rem;height:1px;background-color:#c8cacf}
.inner-page.about-page .abt-2 .list ul{font-size:0}
.inner-page.about-page .abt-2 .list ul li{display:inline-block;width:20%;padding:3rem 12px 3.5rem}
.inner-page.about-page .abt-2 .list ul li a{display:block;position:relative;border-radius:5px;text-align:center;z-index:2;background-color:rgba(255,255,255,0.9);padding:1.9rem 1.3rem 2rem;transition:.5s}
.inner-page.about-page .abt-2 .list ul li a .pic{width:4.5rem;height:4.5rem;line-height:4.5rem;margin:0 auto;text-align:center;border:1px solid #ccc;border-radius:50%}
.inner-page.about-page .abt-2 .list ul li a .pic img{display:inline-block;vertical-align:middle;max-width:80%;max-height:50px;margin:auto}
.inner-page.about-page .abt-2 .list ul li a h2{position:relative;font-size:1rem;color:#333;line-height:1.5rem;padding:14px 0 16px;margin-bottom:14px}
.inner-page.about-page .abt-2 .list ul li a h2::after{position:absolute;content:'';left:50%;bottom:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);height:1px;width:22px;background-color:#c5c5c6}
.inner-page.about-page .abt-2 .list ul li a p{font-size:13px;color:#888888;line-height:24px;min-height:96px;transition:all 0.3s}
.inner-page.about-page .abt-2 .list ul li a:hover{transform:scale(1.1,1.1);background-color:#fff}
.inner-page.about-page .abt-3{background:url(../images/a27.jpg) no-repeat center;background-size:cover;padding:3.8rem 0}
.inner-page.about-page .abt-3 .title h2{position:relative;text-align:center;color:#fff;font-size:2rem;line-height:3rem;padding-bottom:1.5rem}
.inner-page.about-page .abt-3 .title h2::after{position:absolute;content:'';left:50%;bottom:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:3.8rem;height:1px;background-color:#c8cacf}
.inner-page.about-page .abt-3 .list{padding:2.5rem 0}
.inner-page.about-page .abt-3 .list ul li{display:inline-block}
.inner-page.about-page .abt-3 .list ul .draggable{padding-top:4rem !important;padding-bottom:4rem !important}
.inner-page.about-page .abt-3 .list ul .slick-slide{transform:scale(1);transition:.5s;opacity:0}
.inner-page.about-page .abt-3 .list ul .slick-slide.slick-active{opacity:1}
.inner-page.about-page .abt-3 .list ul .slick-slide.slick-active + div{transform:scale(1.2);position:relative;z-index:2}
.inner-page.about-page .abt-3 .list ul .slick-slide.slick-center{position:relative;z-index:3 !important;transform:scale(1.4) !important}
.inner-page.about-page .abt-3 .list ul .slick-slide.slick-center + div + div{transform:scale(1);z-index:1 !important}
.inner-page.about-page .abt-4 .news{padding:3.5rem 0 2.5rem}
.inner-page.about-page .abt-4 .news .title h2{position:relative;text-align:center;color:#333;font-size:2rem;line-height:3rem;padding-bottom:1.5rem}
.inner-page.about-page .abt-4 .news .title h2::after{position:absolute;content:'';left:50%;bottom:0;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);width:3.8rem;height:1px;background-color:#c8cacf}
.inner-page.about-page .abt-4 .news .news-box ul li{display:inline-block;padding:3.5rem 1rem 0}
.inner-page.about-page .abt-4 .news .news-box ul li .ig .img{position:relative}
.inner-page.about-page .abt-4 .news .news-box ul li .ig .img img{width:100%}
.inner-page.about-page .abt-4 .news .news-box ul li .ig .img .date{position:absolute;top:-1.5rem;left:1rem;color:#fff;text-align:center;border-radius:5px;background-color:#004da1;padding:1rem 1.2rem}
.inner-page.about-page .abt-4 .news .news-box ul li .ig .img .date span{display:inline-block;font-size:1.8rem;font-family:'ob';line-height:1;padding-bottom:5px}
.inner-page.about-page .abt-4 .news .news-box ul li .ig .img .date p{font-size:0.9rem;line-height:1;font-family:'cb'}
.inner-page.about-page .abt-4 .news .news-box ul li .ig .text{position:relative;top:-2.5rem;box-shadow:0px 3px 4px 0px rgba(0,0,0,0.17);border-radius:25px;color:#000;background-color:#fff;padding:1.5rem 10px 1.5rem 1.5rem}
.inner-page.about-page .abt-4 .news .news-box ul li .ig .text h4{font-size:0.9rem;font-family:'cb';transition:.5s}
.inner-page.about-page .abt-4 .news .news-box ul li .ig .text p{font-size:0.8rem;line-height:1.625;color:rgba(0,0,0,0.8);padding:10px 0}
.inner-page.about-page .abt-4 .news .news-box ul li .ig .text .more a{display:inline-block;font-size:0.8rem;text-decoration:underline;line-height:1.625;color:rgba(0,0,0,0.702)}
.inner-page.about-page .abt-4 .news .news-box ul li .ig .text .more a i{position:relative;left:0;transition:.3s}
.inner-page.about-page .abt-4 .news .news-box ul li .ig .text .more a:hover{color:#004da1}
.inner-page.about-page .abt-4 .news .news-box ul li .ig .text .more a:hover i{left:5px}
.inner-page.about-page .abt-4 .news .news-box ul li .ig:hover .text h4{color:#004da1}
.inner-page.about-page .abt-4 .news .news-box .prev-next{text-align:center;margin-top:-1rem}
.inner-page.about-page .abt-4 .news .news-box .prev-next a{display:inline-block;font-size:1rem;width:2rem;height:2rem;line-height:2rem;border-radius:50%;color:#fff;background-color:#004da1;margin:0 6px;transition:.5s}
.inner-page.about-page .abt-4 .news .news-box .prev-next a.prev{position:relative;right:0}
.inner-page.about-page .abt-4 .news .news-box .prev-next a.prev:hover{right:5px}
.inner-page.about-page .abt-4 .news .news-box .prev-next a.next{position:relative;left:0}
.inner-page.about-page .abt-4 .news .news-box .prev-next a.next:hover{left:5px}
.inner-page.product-page{background-color:#f6f6f6;padding:2rem 0 3rem}
.inner-page.product-page.lg-page{padding:0}
.inner-page.product-page .product-nav ul{font-size:0}
.inner-page.product-page .product-nav ul li{position:relative;display:inline-block;font-size:14px;width:20%;text-align:center;color:#888;background:url(../images/join04.png) no-repeat left center #fff}
.inner-page.product-page .product-nav ul li a{display:block;padding:1.2rem;font-size:15px}
.inner-page.product-page .product-nav ul li::after{position:absolute;content:'';bottom:0;left:50%;width:0;height:2px;background-color:#004da1;transition:width 0.3s,left 0.3s}
.inner-page.product-page .product-nav ul li:hover::after{left:0;width:100%}
.inner-page.product-page .product-nav ul li:nth-child(1),.inner-page.product-page .product-nav ul li:nth-child(5n){background:#fff}
.inner-page.product-page .product-box{padding-top:2rem}
.inner-page.product-page .product-box ul{font-size:0}
.inner-page.product-page .product-box ul li{display:inline-block;width:25%;padding:0 10px 2.5rem}
.inner-page.product-page .product-box ul li .ig{position:relative;background-color:#fff;box-shadow:0 0 20px rgba(0,0,0,0.1)}
.inner-page.product-page .product-box ul li .ig img{width:100%}
.inner-page.product-page .product-box ul li .ig h3{font-size:14px;color:#666;line-height:24px;min-height:48px;text-align:center;opacity:1;text-transform:uppercase}
.inner-page.product-page .product-box ul li .ig .text{position:absolute;width:0;height:0;background:rgba(0,77,161,0.6);text-align:center;left:50%;top:50%;overflow:hidden;transition:all 0.3s}
.inner-page.product-page .product-box ul li .ig .text h4{font-size:14px;color:#fff;line-height:24px;padding-bottom:20px;text-transform:uppercase}
.inner-page.product-page .product-box ul li .ig .text i{display:inline-block;font-size:14px;color:#fff;border-bottom:3px solid #fff;line-height:24px;font-style:normal;opacity:0;transition:opacity 0.5s}
.inner-page.product-page .product-box ul li .ig:hover h3{opacity:1; line-height:2.5;}
.inner-page.product-page .product-box ul li .ig:hover .text{left:0;top:0;width:100%;height:100%;padding-top:50%}
.inner-page.product-page .product-box ul li .ig:hover .text i{opacity:1}
@media screen and (max-width:1400px){.inner-page.about-page .abt-1 .list ul li h2 .unit{left:78%}
}
@media screen and (max-width:1300px){.inner-page.about-page .abt-3 .list ul .slick-slide.slick-center{transform:scale(1.2) !important}
.inner-page.about-page .abt-3 .list ul .slick-slide.slick-active + div{transform:scale(1)}
#header .nav .ui.menu .logo img{height:60px}
}
@media screen and (max-width:1024px){.inner-page.product-page .product-box ul li{width:33.333333%}
}
@media screen and (max-width:992px){.inner-banner .banner-list{display:none}
.inner-page.product-page .product-nav{display:none}
}
@media screen and (max-width:768px){.inner-page.product-page .product-box ul li{width:50%}
.inner-page.about-page .abt-1 .list{padding:0}
.inner-page.about-page .abt-1 .list ul li{width:50%;background:none;border-bottom:1px solid #1a5fab;border-left:1px solid #1a5fab;box-sizing:border-box;padding:26px 0 22px}
.inner-page.about-page .abt-1 .list ul li h4{font-size:12px;line-height:20px}
.inner-page.about-page .abt-1 .list ul li:nth-child(3){border:none}
}
@media screen and (max-width:700px){.inner-page.about-page .abt-3 .list ul .slick-slide{opacity:1}
.inner-page.about-page .abt-3 .list ul .slick-slide.slick-center{transform:scale(1) !important}
.inner-page.about-page .abt-3 .list ul li{padding:0 10px}
.inner-page.about-page .abt-3{display:none}
.inner-page.product-page .product-nav{display:block}
.inner-page.product-page .product-nav ul li{width:50%}
#index-body .product .slick-arrow{display:none !important}
}
@media screen and (max-width:375px){.inner-page.product-page .product-box ul li{width:100%}
}