@charset "utf-8";
/*
Powered by ly200.com		http://www.ly200.com
广州联雅网络科技有限公司		020-83226791
*/
/***************************宽屏样式(start)***************************/
.w_1200 .wrap{width:1180px;}
.w_1200 #newsletter_box{ margin-right:85px;}
.w_1200 #footer .it{ width:200px;}
.w_1200 #contact_us{ width:302px;}
.w_1200 #contact_us span{ margin:9px 10px 0 0; font-size:14px;}
.w_1200 #contact_us font{ margin:8px 0 0 0;}
.w_1200 .leftside{width:240px;}
.w_1200 .rightside{width:890px;margin-right: 10px;}
.w_1200 .prolist .item{width:266px; margin: 0 14px 38px;}
/* .w_1200 .prolist .item:nth-child(3n) { margin-right: 14px; } */
.w_1200 #lib_inquire_list > ul > li .info{width:670px;}
.w_1200 #pdetail .detail{width:410px;}
.w_1200 #pdetail .gallery { width: 450px; }
.w_1200 #pdetail .gallery{width:450px;}
.w_1200 #pdetail .gallery .bigimg{width:450px; max-height:450px;}
.w_1200 #pdetail .gallery .bigimg a{width:450px;}
.w_1200 #pdetail .gallery #zoom-big{left:450px;}

/***************************宽屏样式(end)***************************/

body{background:#fff;}
.over{overflow:hidden;}
/*动画时间*/
*{font-family:'Arial';color: #000;}
html, div{outline:0;}
.trans3{ transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;}
.trans5{ transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;-o-transition: all 0.5s;}
.trans7{ transition: all 0.7s;-moz-transition: all 0.7s;-webkit-transition: all 0.7s;-o-transition: all 0.7s;}
.ovauto{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.form_button{background: #0266c3;width: 150px;height: 30px;line-height: 30px;font-size: 16px;}
#lib_inquire_list>ul>li .info{width:506px;}
#lib_down_list li a{background: #0266c3;}
#turn_page .page_item_current{background: #0266c3;}
.wrap{width:980px; margin:0 auto; zoom:1;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}


.responsive_pc_header{z-index: 3;position: relative;}
#top{line-height:34px; height:34px; background:#1e283a;}
#top .h_nav{display:block; height:28px;  padding:0 6px; margin-top:4px;}
#top .h_nav li{float:right; height:28px; line-height:25px; padding:0 12px; color:#d3d3d3;}
#top .h_nav li a{color:#d3d3d3;}
#top .h_nav li.line{padding:0;}
#top .h_nav li.member{background:url(../images/ico.png) 0 0 no-repeat; padding-left:26px;}
#top .h_nav li.inquiry{background:url(../images/ico.png) 0 -26px no-repeat; padding-left:24px;}
/*#top .h_nav li.lang{background:url(../images/ico.png) 50px -52px no-repeat; padding-right:20px;}*/
#top .h_nav li.lang{padding-right: 20px;}
#top .h_nav li.lang .default_language_currency_style dt *,
#top .h_nav li.lang .default_language_currency_style dt{color: #d3d3d3;}
#top .h_nav li.lang .default_language_currency_style dt{padding-right: 0}
#top .h_nav li.lang:hover{position:relative; z-index:1000;}
#top .h_nav li.lang .language_silder{position:absolute; right:-6px; top:22px; display:none; background:#ffffff; z-index:10; padding:0px 23px 0px 12px; border-radius:0px 0px 5px 5px;}
#top .h_nav li.lang .language_silder a{color:#333;}
#top .h_nav li.lang:hover .language_silder{display:block;}
#top .h_nav li.lang:hover dl{}

#header{position: relative;z-index:100;background: url(../images/headbg.png) repeat center;}
#header .logo{height:95px;width: 20%;}
#header .search{position: relative;margin-right: -55px;z-index: 101;}
#header .search .ico{width:38px; height: 38px; margin-top: 28px;background:url(../images/search.png) no-repeat center; cursor:pointer;border-radius: 20px;border:1px solid #95b5d3;}
#header .search .formdiv{position:absolute; top:0px;right:0px;height: 95px; background:#f6f9fc;width: 40px;background: none;}
#header .search .formdiv:hover{width: 590px;}
#header .search .formdiv .form{margin-top: 28px;height: 38px;border:1px solid #ccc;border-radius: 20px;overflow: hidden;}
#header .search .formdiv .text{width: 0;height: 38px;line-height: 38px;text-indent: 15px;outline: none;overflow: hidden;border:none;background: none;font-size: 14px; color: white;}

#header	::-webkit-input-placeholder{color:white;}
#header	:-moz-placeholder{color:white;}
#header	::-moz-placeholder{color:white;}
#header	:-ms-input-placeholder{color:white;}

#header .search .formdiv:hover .text{width: 540px;}
#header .search .formdiv .sub_btn{float: right;width:40px; height:40px;margin-top: -1px;margin-right: -1px;border:none; background: url(../images/search.png) no-repeat center center; color:#d3d3d3;cursor: pointer;border-radius: 20px;border:1px solid #ccc;}
#header .rheader{float: right;width: 72%;padding-right: 55px;}
#header .rheader .nav{width: 100%;text-align: right;font-size: 0;}
#header .rheader .nav .item{display: inline-block;margin: 0 5px;position:relative; z-index:100;}
#header .rheader .nav .item .a0{display:block; text-decoration:none; height:95px; line-height:95px; padding:0 15px;font-size:14px;text-align:center;color: white;text-transform: uppercase;}
#header .rheader .nav .item .sub{width:169px; display:none; background:#0057a9; padding:0 18px;position:absolute; top:89px; z-index:100; left: 15px;}
#header .rheader .nav .item .sub .si{position: relative;border-top: 1px dotted #1e68ae;text-align: left;}
#header .rheader .nav .item .sub .si:first-child{border-top: none;}
#header .rheader .nav .item .sub .si:first-child:before{content: '';position: absolute;top: -7px;left: 8px;width: 0;border-bottom: 7px solid white;border-left: 7px solid transparent;border-right: 7px solid transparent;}
#header .rheader .nav .item .sub .si a{color:white; display:block; height: 40px; overflow: hidden;line-height:40px;text-decoration:none; font-size:14px;color: white;}
#header .rheader .nav .item:hover .a0:before{content:'';position: absolute;bottom: 25px;left: 0;right: 0;margin: auto;width: 33px;height: 1px;background: white;}
#header .rheader .nav .item:hover .sub{display:block;}
/************ header end *****************/
#banner{top: -95px;}
.leftside{position: relative;width:24.49%;margin-top: -30px;}
.rightside{width:72.45%;margin-top: 35px;}
.lefttitle{position: relative;padding: 38px 10px; color:white; font-size:22px;font-weight: bold;text-transform: uppercase;background: url(../images/lefttitlebg.png) no-repeat center;}
.lefttitle span{display: block;overflow: hidden;height: 29px;line-height: 29px;color: white;text-align: center;}
.leftmenu{padding:35px 0 33px;margin-top: -19px;border-left: 4px solid #ededed;}
.leftmenu .item{position: relative;}
.leftmenu .item:before{display: none;content: '';position: absolute;z-index: 1;width: 4px;height: 38px;top: 0;left: -4px;background: #0267c3;}
.leftmenu .hasub .n1{position: relative;}
.leftmenu .hasub .n1:before{content:'';position: absolute;top: 0;right: 0;width: 38px;height: 38px;cursor: pointer;background: url(../images/default.png) no-repeat center center;z-index: 2;}
.leftmenu .hasub.cur .n1:before{background: url(../images/cur.png) no-repeat center center;}
.leftmenu .item .ia{position: relative;height:38px; line-height:38px;padding-left: 20px;padding-right: 38px;display:block; overflow:hidden; text-decoration:none;font-size:14px; color: #333;}
.leftmenu .item .ia:hover, .leftmenu .item.cur .ia{color:#0267c3;}
.leftmenu .item .subcate{padding-bottom: 8px;display:none;}
.leftmenu .item .subcate .sia{position: relative;display:block; height: 30px;overflow: hidden;line-height:30px; margin: 0 0px 0 16px;font-size:14px; color:#666; text-decoration:none;text-indent: 24px;}
.leftmenu .item .subcate .sia3{margin: 0 0 0 30px;}
.leftmenu  .item.cur:before{display: block;}
.leftmenu .item .subcate .sia:hover, .leftmenu .item .subcate .sia.cur{color:white;background: #9b9c99;}
.leftmenu .item .subcate .sia3:hover ,.leftmenu .item .subcate .sia3.cur{color: #0266c3;background: none;}
.leftmenu .item.cur .subcate{display:block;}
.rtitle{height: 38px;border-bottom:2px solid #e5e5e5;}
.rtitle .tname{ color:#333333; font-size:16px;font-size: 26px;}
#position{height: 50px;line-height: 50px;margin-bottom: 25px;background: #f0f0f0;}
#position a{display: inline-block;margin: 0 6px;color:#4b4b4b;font-size: 14px;}
#position a:first-child{padding-left: 20px;margin-left: 0;background: url(../images/home.png) no-repeat left center;}
#position .last{color: #0266c3;}
.desc_text{line-height:180%; min-height:300px; padding:10px 0;}
.prolist .item{width:31.833%;padding-bottom: 8px; margin-right: 1.7%; margin-bottom: 15px; border:1px solid #e5e5e5;border-radius: 3px;}
.prolist .item:nth-child(3n) { margin-right: 0; }
.prolist .item .img{position: relative;padding-top: 100%; overflow: hidden;text-align:center;}
.prolist .item .img img {position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.prolist .item .info{width:90%; margin:0 auto;}
.prolist .item .name{display: block;height: 32px;overflow: hidden;line-height:32px;color: #000;}
.prolist .item .name a{display: block;font-size:14px; text-decoration:none;}
.prolist .item .brief{line-height:20px; color:#999;margin-bottom: 10px; font-size:14px; height:40px; overflow:hidden;}
.prolist .item .price{line-height:18px; font-size:14px; margin-bottom:10px; color:#0266c3;}
.prolist .item:hover{box-shadow:0 1px 6px #ccc; }
.prolist .item:hover .name a{color:#0266c3;}
.prolist .item:hover img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}
/*************** 手机端头部 *******************/
body .ueeshop_responsive_header .header { background: #0266c3; }
body .ueeshop_responsive_header .header .func .search_btn { background-image: url(../../../images/responsive_header/search_btn_white.png); }
body .ueeshop_responsive_header .header .func .member_btn { background-image: url(../../../images/responsive_header/account_btn_white.png); }
body .ueeshop_responsive_header .header .func .menu_btn { background-image: url(../../../images/responsive_header/menu_btn_white.png); }
body .ueeshop_responsive_header .header .func .menu_btn.on { background-image: url(../../../images/responsive_header/close_btn_white.png); }
/*************** 产品详细 *******************/
#pdetail{margin-top:20px;}
#pdetail .detail{width:330px}
#pdetail .info{width:100%;}
#pdetail .name{font-size:18px; line-height:150%;}
#pdetail .brief{color:#999; font-size:14px; line-height:20px; border-bottom:1px dashed #ccc;}
#pdetail #attribute{margin-top:15px;}
#add_to_inquiry{background:#0266c3;}
.prod_info_group li a{background: #0266c3;}
#pdetail .description{margin-top:10px;}
#pdetail .description .hd{background:#f7f7f7; overflow:hidden;}
#pdetail .description .hd span{height:40px; text-align:center; line-height:40px; padding:0 9px; font-size:18px; color:#333; float:left; cursor:pointer;overflow: hidden;}
#pdetail .description .hd span.cur{color:#e4012e;}
#pdetail .description .bd .desc_txt{padding:18px 0; min-height:200px; line-height:180%;}
.pro_right .down_list li a{background: #0266c3;}
/**************************放大镜效果(start)**************************/
#pdetail .gallery{width:350px; position:relative;}
#pdetail .gallery *{_behavior:none;}
#pdetail .gallery .bigimg{width:350px; max-height:350px; overflow:hidden; border:1px solid #f0f0f0;}
#pdetail .gallery .bigimg a{width:350px; display:block; text-align:center; vertical-align:middle;}
#pdetail .gallery .bigimg a img{vertical-align:middle; max-width:100%; max-height:100%;}
#pdetail .gallery .MagicZoom{display:block; margin:0 auto;}
#pdetail .gallery .MagicZoom img{border:0 !important; padding:0 !important; margin:0 !important;}
#pdetail .gallery .MagicZoomBigImageCont{border:1px solid #999;}
#pdetail .gallery .MagicZoomHeader{font-size:8pt !important; line-height:normal !important; color:#fff; background:#666; text-align:center !important;}
#pdetail .gallery .MagicZoomPup{border:1px solid #ccc; background:#fff; cursor:move;}
#pdetail .gallery .MagicZoomLoading{border:1px solid #ddd; background:#fff url(../../../images/global/loading.gif) no-repeat 2px 50%; padding:4px 4px 4px 24px !important; margin:0; text-decoration:none; text-align:left; font-size:8pt; font-family:sans-serif; color:#444;}
#pdetail .gallery #zoom-big{position:absolute; top:0; left:350px;}
#pdetail .gallery #zoom-big img{ max-width:none; max-height:none;}
#pdetail .gallery #small_img{position:relative; overflow:hidden; margin:10px auto;}
#pdetail .gallery #small_img .bd span{float:left; margin-left:6px; border:1px solid #666; display:block; width:83px; height:83px; overflow:hidden; text-align:center;}
#pdetail .gallery #small_img .bd span:first-child{margin-left:0px;}
#pdetail .gallery #small_img .bd span.on{border:1px solid #d8b1aa;}
#pdetail .gallery #small_img .bd span a{vertical-align:middle; text-align:center;}
#lib_review_form .form_button{background: #0266c3;}
/**************************放大镜效果(end)**************************/
/************ footer *****************/
#footer{margin-top: 70px;background: #0057a9;}
#footer .share_center{text-align: center;padding:8px 0;}
#footer ul{overflow: hidden;}
#footer li{float: left;width: 31.5%;min-height: 87px;padding-left: 95px;margin: 22px 0;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;font-size: 14px;line-height: 20px;color: white;background: url(../images/footcontact.png) no-repeat;font-family: 'Lato-Regular';}
#footer li span{display: block;height: 24px;margin-bottom: 8px;font-size: 16px;font-weight: bold;color: #fff;text-transform: uppercase;}
#footer li i{color: #fff;}
#footer .tel{background-position: 45px -6px;}
#footer .email{border-left:1px dotted #4d8ac3;width: 37%;padding-left: 120px;background-position: 65px -159px;}
#footer .email a{ color:#fff;}
#footer .addr{border-left:1px dotted #4d8ac3;background-position: 45px -335px;}
#footer .parceiro { margin-top: 15px; }
#footer .parceiro .title { font-size: 16px; font-weight: bold; color: #fff; margin-bottom: 10px; }
#footer .parceiro .list { display: flex; flex-wrap: wrap; }
#footer .parceiro .list .item { position: relative; width: 100px; height: 70px; margin-right: 15px; margin-bottom: 10px; }
#footer .parceiro .list .item img { position: absolute; top: 0; left: 0; bottom: 0; right: 0; margin: auto; }
#footer .copyright{height: 30px;line-height: 30px;padding: 16px 0;border-top: 1px solid #1a68b2;text-align: center;}
#footer .copyright *{color: #d4e1ed;font-size: 14px;}
#lib_review_form textarea { max-width: 750px; width: 100%; }
#footer .follow{text-align: center; padding: 0px 0px 20px;}

/* top_language cart */
.default_shopping_cart{padding-left: 18px;background-size: 14px auto;background-position: left center;filter: brightness(0) invert(1);}
.global_shopping_cart_box *{color: #333!important;}
.global_shopping_cart_box .addcart_by_bom .bom_show_btn{color: #f24330!important;}
.global_shopping_cart_box .checkout_btn button{color: #fff!important;}
.ueeshop_responsive_products_detail .description .title{padding-bottom: 0!important;}

/* 下拉框 */
.rightside .themes_dropdown{box-shadow: 0 0 7px rgba(0, 0, 0, 0.3);border: 1px solid #dddddd;border-radius: 6px;}
.rightside .list_sort_box{position: relative;min-height: 25px;margin: 20px;}
.rightside .list_sort{position: absolute;right: 0;bottom: 0;cursor: pointer;font-size: 14px;}
.rightside .list_sort .sort_txt strong{font-weight:600;}
.rightside .list_sort:hover .sort_drop{display: block;}
.rightside .list_sort .sort_txt{line-height: 25px;position: relative;padding-right: 15px;}
.rightside .list_sort .sort_txt i{ position:absolute; right:0; top:8px;}
.rightside .list_sort .sort_txt i:after,.rightside .list_sort .sort_txt i:before{ border:5px solid transparent; border-top:5px solid #f0f0f0; width:0; height:0; position:absolute; top:0; right:0; content:''}
.rightside .list_sort .sort_txt i:before { border-top-color:#000; top:1px;}
.rightside .list_sort .sort_drop{display: none;position: absolute;right: 0;top: 100%;z-index: 11;}
.rightside .list_sort .sort_drop ul{margin-top: 10px;padding: 10px 0;background: #fff;}
.rightside .list_sort .sort_drop ul li{white-space: nowrap;}
.rightside .list_sort .sort_drop ul li:hover a{background: #f2f2f2;}
.rightside .list_sort .sort_drop ul li a{display: block;height: 34px;line-height: 34px;padding: 0 10px;text-decoration: none;}
@media screen and (max-width: 768px){
    .rightside .list_sort_box{width: calc( 100% - 32px );}
}


@media screen and (max-width: 1100px) {
    #footer li { padding-left: 70px; }
    #footer .tel { background-position: 10px -6px; }
    #footer .email { background-position: 22px -159px; padding-left: 85px; }
    #footer .addr { background-position: 10px -335px; }
}
@media screen and (max-width: 1100px) {
    .wrap { width: 92%; }
}
@media screen and (max-width: 991px) {
    .leftside { display: none; }
    .rightside { width: 100%; }
    #lib_down_list li .img{width: 50px;box-sizing: border-box;}
    #lib_down_list li span{width: calc(100% - 50px - 1.5rem);box-sizing: border-box;}
    #lib_down_list li{height: inherit;line-height: 1.2rem;}
    #lib_down_list li a{margin-top: 0.32rem;}
}
@media screen and (max-width: 768px) {
    #banner{top: 0px;}
    .wrap { box-sizing: border-box; width: 100%; padding: 0 15px; overflow: hidden;}
    body .bx-wrapper .bx-pager, body .bx-wrapper .bx-controls-auto { display: none; }
    #position { height: 40px; line-height: 40px; overflow: hidden; }
    #position a { margin: 0; }
    #position a:first-child { padding-left: 10px; }
    .rightside { margin-top: 20px; }
    .prolist .item { width: 48%; margin-right: 2.6%; }
    .prolist .item:nth-child(3n) { margin-right: 2.6%; }
    .prolist .item:nth-child(2n) { margin-right: 0; }
    #pdetail .gallery { width: 100%; }
    #pdetail .gallery .bigimg { width: 100%; }
    #pdetail .gallery .bigimg a { width: 100%; }
    #pdetail .detail { width: 100%; }
    #lib_review_form input, #lib_review_form textarea { width: 100%; }
    #footer { padding-top: 15px; margin-top: 50px; }
    #footer li { width: 100%; min-height: 60px; margin: 15px 0; }
    #footer .email,#footer .addr { width: 100%; border: none; }
    #footer .email { background-position: 10px -159px; padding-left: 70px; }
    #footer .copyright { height: unset; }
    #footer .copyright * { font-size: 12px; }
    #lib_feedback_form .rows span .input { width: 95%; }
    #lib_feedback_form .rows span .contents { width: 93%; }
}