@import url(/Themes/Extend/css/style.css);@import url(/fonts/font/6/font-face.css);@import url(/fonts/icons/icomoon.css); @import url(/Themes/Extend/css/swiper/swiper.min.css); @import url(/Themes/Extend/css/swiper/swiper.css); @import url(/Themes/Extend/css/swiper/1/banner.css); @import url(/Themes/Extend/css/skip/1/skip.css); @import url(/Themes/Extend/css/anim/2/anim.css); @import url(/Themes/Extend/css/header/5/header.css); @import url(/Themes/Extend/css/header/5/nav.css); @import url(/Themes/Extend/css/siteframe/1/siteframe.css); @import url(/Themes/Extend/css/indexinfo/2/indexinfo.css); @import url(/Themes/Extend/css/indexphoto/2/indexphoto.css); @import url(/Themes/Extend/css/indexcontact/1/indexcontact.css); @import url(/Themes/Extend/css/category/1/category.css); @import url(/Themes/Extend/css/modal/2/modal.css); @import url(/Themes/Extend/css/news/1/news.css); @import url(/Themes/Extend/css/product/1/product.css); @import url(/Themes/Extend/css/procategoryframe/1/procategoryframe.css); @import url(/Themes/Extend/css/album/2/album.css); @import url(/Themes/Extend/css/download/1/download.css); @import url(/Themes/Extend/css/pagecontrol/1/pagecontrol.css); @import url(/Themes/Extend/css/footer/4/footer.css); @import url(/Themes/Extend/css/video.css); @import url(/Themes/Extend/css/buttonhover/1/buttonhover.css); @import url(); @import url(/Themes/Extend/css/message/1/message.css); @import url(/Themes/Extend/css/colorful/match5.css); @import url(/Themes/Extend/css/colorful/nav/5/nav2.css); @import url(); @import url(/fonts/icons/iconcolor1.css); @media (min-width:1199px) {.max_header #nav>li.has_sub.open>a,.no-touch .max_header #nav>li>a:hover,#nav>li.has_sub.open>a,.no-touch #nav>li>a:hover,.no-touch .max_header #nav>li.active>a:hover,.max_header #nav>li.active>a,#nav>li.active>a{color:#1d47b3;}}nav .menu_btn{float:right;right:0;} @media (min-width:767px){nav .menu_btn{float:right;right:0;}} @media (max-width:767px){nav .menu_btn{position:relative;float:right;right:0;position: absolute;}} @media (max-width:767px) {.max_header .lang_btn, .lang_btn{position:absolute;float:left;left:0;} .max_header .top_logo .logo_img{width:70%;text-align:center;top:9px;left:0;margin-left:15%;}.max_header .top_logo .logo_img,.top_logo .logo_img{position:absolute;width:70%;text-align:center;top:9px;left:0;margin-left:15%;}.top_logo .logo_img .touchlogo{height:28px;}}.home .fixed-head .coverbg{background-size:auto 600px;} @media(max-width:1199px){.home .fixed-head .coverbg{background-size:cover;}}.home .fixed-head .coverbg{background-size:cover;}.home #head,.home #head .fixed-head,#UChomebanner,#UCpcategorybanner{height:600px;}  .home #head .cont{margin-top:-10px;} @media(max-width:767px) {.home #head,.home #head .fixed-head,#UChomebanner,#UCpcategorybanner{height:300px;}  .home .fixed-head .coverbg{background-position:top center;background-size:auto 300px;} .home #head .cont{margin-top:-20px;} .home #head .bottom{bottom:0px;top:300px;margin-top:-44px;}}#head,.head,#UCinfobanner,#UCproductbanner,#UCnewsbanner,#UCalbumbanner{height:420px;} @media(max-width:767px) and (orientation: portrait){#head,.head,#UCinfobanner,#UCproductbanner,#UCnewsbanner,#UCalbumbanner{height:210px;}}#head,.head,#UChomebanner,#UChomebanner .fixed-head,#UCpcategorybanner,#UCpcategorybanner .fixed-head,#UCinfobanner,#UCproductbanner,#UCnewsbanner,#UCalbumbanner{width:1680px;left:50%;margin-left:-840px} @media (max-width:1280px){#head,.head,#UChomebanner,#UChomebanner .fixed-head,#UCpcategorybanner,#UCpcategorybanner .fixed-head,#UCinfobanner,#UCproductbanner,#UCnewsbanner,#UCalbumbanner{width:100%;left:0;margin-left:0;}} #UChomebanner .swiper-container .btn-prev,#UCpcategorybanner .swiper-container .btn-prev{left:50%;margin-left:-790px;} #UChomebanner .swiper-container .btn-next,#UCpcategorybanner .swiper-container .btn-next{right:50%;margin-right:-790px}.swiper-container .swiper-pagination-bullet{width:8px;height:8px;display:inline-block;border-radius:100%;}.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{border-radius:100%;}@media (max-width:979px){.thumbs.product li .coverbtn,.thumbs.product li .coverbtn-square,.thumbs.product li .icon{display:none;}}.no-touch .thumbs.product li .coverbtn{position:absolute;width:90%;height:0%;top:50%;left:5%;z-index:1;opacity:0;-webkit-transition:all .4s ease;transition:all .4s ease;}.thumbs.product li:hover .coverbtn{height:90%;top:5%;left:5%;opacity:0.8;-webkit-transition:all .4s ease;transition:all .4s ease;}.no-touch .thumbs.product li .coverbtn-square,.thumbs.product li:hover .coverbtn-square{display:none;}.no-touch .thumbs.product li .icon{position:absolute;width:24px;height:24px;top:50%;left:50%;z-index:1;opacity:0;-webkit-transition:all .4s ease;transition:all .4s ease;font-size:24px;margin-top:-12px;margin-left:-12px;transform: perspective(100px) rotateX(-90deg);-webkit-transform-origin: center center 0;-ms-transform-origin: center center 0;transform-origin: center center 0;-webkit-transform-style: preserve-3d;transform-style: preserve-3d;-webkit-transition: all .6s ease;transition: all .6s ease;}.thumbs.product li:hover .icon{opacity:1;-webkit-transition:all .4s ease;transition:all .4s ease;transform: perspective(100px) rotateX(0deg);}#body,#UChomeinfolist,#UChomediyinfolist,#UChomephotolist{width:100%;left:0%;} @media(max-width:1600px){#body,#UChomeinfolist,#UChomephotolist{width:100%;left:0;}}.container,#UCfooter .container{width:1440px;} @media (min-width:1600px){.container,#UCfooter .container{width:1440px}} @media(max-width:1199px){.container,#UCfooter .container{width:86%}} @media(max-width:767px){.container,#UCfooter .container{width:100%;padding-left:20px;padding-right:20px}}.bgc-share .container{position:absolute;left:50%;margin-left:-720px;} @media (max-width:1199px){.bgc-share .container{margin-left:-43%;}} @media (max-width:1199px){.bgc-share .container ul{margin-right:90px;}} @media (max-width:767px){.bgc-share .container{left:0;margin-left:0;}}@media (min-width:979px){.category-nav>ul>li>a::before,.product-nav>ul>li>a::before{width:0%;height:0%;} .category-nav>ul>li>a .lineColor::before,.no-touch .category-nav>ul>li>a .lineColor,.product-nav>ul>li>a .lineColor::before,.no-touch .product-nav>ul>li>a .lineColor{width:0%;height:1px;position:absolute;bottom:0px;left:10%;-webkit-transition:all .4s ease;transition:all .4s ease;} .category-nav>ul>li>a .lineColor,.no-touch .category-nav>ul>li>a:hover .lineColor,.product-nav>ul>li>a .lineColor,.no-touch .product-nav>ul>li>a:hover .lineColor{width:80%;height:1px;position:absolute;bottom:0px;left:10%;} .category-nav>ul>li>a .lineColor,.product-nav>ul>li>a .lineColor{width:80%;height:1px;position:absolute;bottom:0px;left:10%;}} @media (min-width:979px){.category-nav>ul.clearfix>li>a:hover,.product-nav>ul.clearfix>li>a:hover{color:#326fec} .category-nav>ul.clearfix>li>a.active,.product-nav>ul.clearfix>li>a.active{color:#fff}}.thumbs.news li a .pic {position:relative;width: 100%;top:0;} .thumbs.news li a .pic+.info {width: 100%} .thumbs.news li a .info {width: 100%;padding:15px 25px 5px 25px;}.thumbs.product li a .price {float:none;} .thumbs.product li a .pic {position:relative;width:100%;} .thumbs.product li a .pic img {width:100%;} .thumbs.product li a .info {text-align:center;width:100%;} .thumbs.product li a .productno,.thumbs.product li a .description,.thumbs.product li a .view{display:none;} .thumbs.product li a .info{padding:7.5px 10px 7.5px 10px;} @media (max-width:979px){.thumbs.product li a .info{padding:10px;}}#UChomediyinfolist{display:none;}.homephoto{display:none;}#UChomeproductlist{display:none;}.mainphoto,.info-side .mainphoto{display:none;} @media (max-width:1199px){.mainphoto,.info-side .mainphoto{display:none;} } @media (max-width:979px){.mainphoto,.info-side .mainphoto{display:none;} } @media (max-width:767px){.mainphoto,.info-side .mainphoto{display:none;} }#UCproductsearch{display:none;}.centerbox-cont .cont{display:none;} .headbg::after{background-color:rgba(0,0,0,.0);}.home_btn{display:none}.modal .parameter{display:none;}#nav>li.has_sub.open>a .lineColor::before,.no-touch #nav>li>a .lineColor{width:0%;height:2px;position:absolute;bottom:12px;left:10%;-webkit-transition:all .4s ease;transition:all .4s ease;} #nav>li.has_sub.open>a .lineColor,.no-touch #nav>li>a:hover .lineColor{width:80%;height:2px;position:absolute;bottom:12px;left:10%;} #nav>li.active>a .lineColor{width:80%;height:2px;position:absolute;bottom:12px;left:10%;} @media (min-width:1199px){.max_header #nav>li.active>a,#nav>li.active>a,#nav>li>a::before{background-color:transparent;}} @media (max-width:1199px){nav .lineColor{display:none;}}.category-main{display:none}.thumbs.product li a .price{display:none}header,.headerfill{width:100%;left:0%;} @media (min-width:1600px){header,.headerfill{width:100%;}} @media (max-width:1199px){header,.headerfill{width:100%;left:0;}}header .container{width:1440px;left:50%;margin-left:-720px;padding:0;} @media (min-width:1600px){header .container{width:1440px;left:50%;margin-left:-720px;padding:0;}} @media(max-width:1199px){header .container{width:100%;left:0%;margin-left:0px;padding:0;}} @media(max-width:979px){header .container{width:100%;left:0;padding:0;}}.home .m-t-head,.m-t-head{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);margin-bottom:0px} #UChomebanner .cont,#UCpcategorybanner .cont{margin-top:-20px;top:55%;} @media (max-width:767px){.home .m-t-head,.m-t-head{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);margin-bottom:0px}} .max_header .centerbox-cont .cont{margin-top:18px;-webkit-transition:all .4s ease;transition:all .4s ease;} .centerbox-cont .cont{margin-top:0px;-webkit-transition:all .4s ease;transition:all .4s ease;} @media (max-width:767px){.max_header .centerbox-cont .cont{margin-top:-20px;}}#txtsName{border-radius:6px 6px 0 0;}#txtsContent{border-radius:0 0 6px 6px;} #btnSubmit{border-radius:6px;}  .shadow-sm,.shadow-lg,.pop,.qrcode-pop,.qrcode-toppop,.thumbs.download li a,.iconbtn.active,.no-touch .iconbtn:hover,header,.subnav,.max_header  header .iconbtn.active,.no-touch .max_header header .iconbtn:hover,.thumbs.news li a,.no-touch .thumbs.news li a:hover,.no-touch .thumbs.product li a:hover,.no-touch .thumbs.download li a:hover,.thumbs.product li a,.thumbs.p-category li a,.no-touch .thumbs.p-category li a:hover,.searchform .search-input,.select select,.select select:focus{box-shadow:none;} .thumbs.news li a .info,.thumbs.product li a .info,.thumbs.album li .album-group .info,.thumbs.download li a .info{background-color:transparent;}.album-group .cover img{width:100%;cursor:pointer;padding:10px 10px 0px 10px;}.album-group .info .album_btn{position:absolute;top:-25px;right:30px;margin-top:0;}.headerfill{height:80px;} .fixed-head{position:relative;} @media (max-width:979px){.headerfill{height:48px;}}#UChomebanner .bottom,#UCpcategorybanner .bottom{bottom:0px;} #UChomebanner .cont,#UCpcategorybanner .cont{margin-top:0px;top:55%;} #UChomeinfolist .shadow-lg,#UChomediyinfolist .shadow-lg,#UChomephotolist .shadow-lg{box-shadow:0 0px 0px rgba(0,0,0,.0)} #UChomeinfolist .bgc-info{background-color:transparent;}body,#head,#alertMessage,.home #head,.bgc-banner,.modal,#pageloader::after,#pageloader::before{background-color:#eee;} .loader-icon .circular .path{stroke:#3fafe9;} .thumbs.news li a,.thumbs.product li a,.thumbs.album li a,.thumbs.download li a{border:0px solid rgba(0,0,0,.1) ;} .bgc-footer{background-color:#ebebeb} footer .bottombar a,footer .bottombar span,footer .bottombar .container{color:#333} footer .bottombar a{border-left:1px solid #bbb;} .no-touch footer .bottombar a:hover{color:#000} #GotoTop{background-color:#ebebeb;color:#333;border-color:#dbdbdb;} #GotoTop:hover{background-color:#fff;color:#000;border-color:#dbdbdb;}