@import url(/Themes/Extend/css/style.css);@import url(/fonts/font/1/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/3/banner.css); @import url(/Themes/Extend/css/skip/3/skip.css); @import url(/Themes/Extend/css/anim/2/anim.css); @import url(/Themes/Extend/css/header/1/header.css); @import url(/Themes/Extend/css/header/1/nav.css); @import url(/Themes/Extend/css/siteframe/1/siteframe.css); @import url(/Themes/Extend/css/indexinfo/4/indexinfo.css); @import url(/Themes/Extend/css/indexphoto/5/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/1/modal.css); @import url(/Themes/Extend/css/news/1/news.css); @import url(/Themes/Extend/css/product/2/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/2/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/iconcolor2.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:left;left:0;} @media (min-width:767px){nav .menu_btn{float:left;left:0;}} @media (max-width:767px){nav .menu_btn{position:relative;float:left;left:0;position: absolute;}} @media (max-width:767px) {.max_header .top_logo .logo_img{width:70%;text-align:center;top:9px;left:0;margin-left:15%;}.top_logo .logo_img{position:absolute;width:70%;text-align:center;top:9px;left:0;margin-left:15%;}.max_header .top_logo .logo_img .touchlogo,.top_logo .logo_img .touchlogo{height:28px;}}@media (min-width:1199px){.subnav{width:auto;opacity:0;margin-top:-10px;} .subnav li{width:auto;}}.home .fixed-head .coverbg{background-size:cover;}.home #head{height:100%;} #UChomebanner,#UCpcategorybanner{height:80%;} @media(max-width:767px){.home #head{height:100%;} #UChomebanner,#UCpcategorybanner{height:40%;} /*.home #head .cont{bottom:60%;margin-top:0px;}*/} #UCinfobanner #head,#UCinfobanner .head,#UCproductbanner #head,#UCproductbanner .head,#UCnewsbanner #head,#UCnewsbanner .head,#UCalbumbanner #head,#UCalbumbanner .head{height:100%;} #UCinfobanner,#UCproductbanner,#UCnewsbanner,#UCalbumbanner{height:50%;} @media(max-width:767px) and (orientation: portrait){#UCinfobanner #head,#UCinfobanner .head,#UCproductbanner #head,#UCproductbanner .head,#UCnewsbanner #head,#UCnewsbanner .head,#UCalbumbanner #head,#UCalbumbanner .head{height:100%;} #UCinfobanner,#UCproductbanner,#UCnewsbanner,#UCalbumbanner{height:25%;}}#head,.head,#UChomebanner .fixed-head,#UCpcategorybanner .fixed-head,.fixed-head{width:100%;} #UChomebanner,#UCpcategorybanner,#UCinfobanner,#UCproductbanner,#UCnewsbanner,#UCalbumbanner{width:100%;left:0%;} #UChomebanner .swiper-container .btn-prev,#UCpcategorybanner .swiper-container .btn-prev{left:55%;margin-left:-50%;} #UChomebanner .swiper-container .btn-next,#UCpcategorybanner .swiper-container .btn-next{right:55%;margin-right:-50%} @media(max-width:1199px){#head,.head,#UChomebanner,#UChomebanner .fixed-head,#UCpcategorybanner,#UCpcategorybanner .fixed-head,#UCinfobanner,#UCproductbanner,#UCnewsbanner,#UCalbumbanner{width:100%;left:0%;}} .swiper-container .swiper-pagination-bullet{width:24px;height:1px;display:inline-block;border-radius:0;opacity:0.5;}.swiper-container .swiper-pagination-bullet.swiper-pagination-bullet-active{width:32px;height:1px;border-radius:0;opacity:1;}.thumbs.product li .coverbtn,.thumbs.product li .coverbtn-square,.thumbs.product li .icon{display:none;}#body,#UChomeinfolist,#UChomediyinfolist,#UChomephotolist{width:100%;left:0%;} @media(max-width:1600px){#body,#UChomeinfolist,#UChomephotolist{width:100%;left:0;}}.container,#UCfooter .container{width:90%;} @media (min-width:1600px){.container,#UCfooter .container{width:90%}} @media (max-width:1199px){.container,#UCfooter .container{width:90%;}} @media (max-width:767px){.container,#UCfooter .container{width:100%;}}.bgc-share .container{position:absolute;left:50%;margin-left:-45%;}@media (max-width:1199px){.bgc-share .container ul{margin-right:90px;}} @media (max-width:1199px){.bgc-share .container{margin-left:-43%;}} @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}}#UCmessage{display:none;}.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{padding-left:50px;padding-top:25px} .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%;position:relative;left:-25px;} .thumbs.product li a .productno,.thumbs.product li a .description,.thumbs.product li a .view{display:none;} .thumbs.product li a .info{padding:25px 0 25px 0;} @media (max-width:979px){.thumbs.product li a .info{padding:25px 0 25px 0;}} .thumbs.product.col-1 li a .pic,.thumbs.product.col-2 li a .pic,.thumbs.product.col-3 li a .pic,.thumbs.product.col-4 li a .pic,.thumbs.product.col-5 li a .pic {right:25px;bottom:0px;} #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;} }.swiper-slide .cont{display:none;} .centerbox-cont .cont{display:none;} .headbg::after{background-color:rgba(0,0,0,.0);}.langUrl_btn{display:none;} .home_btn{display:block}.modal .bgc-content{overflow:hidden} .modal .swiper-container{width:50%;float:left;} .modal .parameter{width:50%;float:left;} @media(max-width:1199px){.modal .swiper-container,.modal .parameter{width:100%;float:none;} .modal .scroll-cont .wrap{padding:0;} .modal .scroll-cont .wrap .wrap .wrap{padding:30px;;} .modal .scroll-cont .zindex-top{padding:30px;}}#nav>li.has_sub.open>a .lineColor::before,.no-touch #nav>li>a .lineColor{width:0%;height:2px;position:absolute;bottom:12px;left:50%;-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:1280px;left:50%;margin-left:-640px;padding:0;} @media (min-width:1600px){header .container{width:1280px;left:50%;margin-left:-640px;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;}}.m-t-head{-webkit-transform:translateY(-57px);-ms-transform:translateY(-57px);transform:translateY(-57px);margin-bottom:-57px} .home .m-t-head{-webkit-transform:translateY(0px);-ms-transform:translateY(0px);transform:translateY(0px);margin-bottom:0px} #UChomebanner .bottom,#UCpcategorybanner .bottom{bottom:0px;} #UChomebanner .cont,#UCpcategorybanner .cont{margin-top:-20px;top:55%;} #head .cont{margin-top:-30px;} @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}} @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;} #UCinfocontent .wrap h3,#UCinfocontent .wrap .big{width:80%;margin-left:10%;} @media (max-width:1199px){#UCinfocontent .wrap h3,#UCinfocontent .wrap .big{width:90%;margin-left:5%;} } @media (max-width:979px){#UCinfocontent .wrap h3,#UCinfocontent .wrap .big{width:100%;margin-left:0%;} }.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:50px 50px 0px 50px;}.album-group .info .album_btn{position:absolute;top:-25px;right:70px;margin-top:0;}.headerfill{height:80px;} .fixed-head{position:relative;} @media (max-width:979px){.headerfill{height:48px;}}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;}