@charset "utf-8";
/*
Powered by ly200.com		http://www.ly200.com
广州联雅网络科技有限公司		020-83226791
*/
/***************************宽屏样式(start)***************************/
.w_1200 .wrap{width:1200px;}
.w_1200 .leftside { width: 240px; }
.w_1200 .rightside{width:905px;}
.w_1200 .prolist .item{width:222px; margin-right:119px; margin-bottom:20px;}
.w_1200 #lib_inquire_list > ul > li .info{width:670px;}
.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;}
.w_1200 #pdetail .detail{width:410px;}
/***************************宽屏样式(end)***************************/

.over{overflow:hidden;}
/*动画时间*/
html{color: #333;font-family: "Opensans-Regular",'Tahoma';}
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;}
.wrap{width:980px; margin:0 auto; zoom:1;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}
.form_button{background: #2f99e3;width: 150px;height: 30px;line-height: 30px;font-size: 16px;}
#lib_inquire_list>ul>li .info{width:506px;}
#turn_page{margin-bottom: 30px;margin-top: 25px;}
#lib_down_list li a{background: #2f99e3;}

#top{line-height:42px; height:43px; background:#ffffff;}
#top .wrap{border-bottom: 1px solid #e8e8e8;}
#top .h_nav{display:block; height:42px; float: none;}
#top .h_nav li{float:left; height:42px; line-height:42px; padding:0 8px; color:#333333;}
#top .h_nav li a{color:#333333;font-size: 14px;}
#top .h_nav li.line{padding:0;display: none;}
#top .h_nav li.member{float: right;background:url(../images/ico.png) 0 0 no-repeat; padding-left:32px;}
#top .h_nav li.inquiry{float: right;background:url(../images/ico.png) 0 -42px no-repeat; padding-left:32px;}
/*#top .h_nav li.lang{background:url(../images/ico.png) right -84px no-repeat; padding-right:32px;}
#top .h_nav li.lang:hover{position:relative; z-index:1000;}
#top .h_nav li.lang .language_silder{position:absolute; right:-6px; top:42px; display:none; background:#fafafa; z-index:10; padding:0px 23px 0px 12px; border-radius:0px 0px 5px 5px;line-height: 30px;}
#top .h_nav li.lang .language_silder a{color:#333;}*/
#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: #333;}
#top .h_nav li.lang .default_language_currency_style dt{padding-right: 0}
#top .h_nav li.lang:hover .language_silder{display:block;}
#top .h_nav li.lang:hover dl{}

#header{z-index:100; height: 100px; background: #fff;}
#header .header_in{ width: 100%; height: 100px; background: #fff;}
#header .header_in.fixed{ position: fixed; left: 0; top: 0; z-index: 100;}
#header .logo{width: 17%;padding-left: 1%;height: 80px;margin: 10px 0;}
#header .rheader{float: right;width: 80%;}
#header .rheader .nav{float: right;text-align: center;font-size: 0;}
#header .rheader .nav .item{display: inline-block;margin: 0 8px;position:relative; z-index:100;}
#header .rheader .nav .item .a0{position: relative;display:block; text-decoration:none; height:100px; line-height:100px; padding:0 20px;font-size:14px;text-align:center;color: #333;text-transform: uppercase;font-weight: bold;}
#header .rheader .nav .item .sub{width:0px; background:#e4012e; padding-top: 10px;padding-bottom: 13px;background:rgba(47,153,227,0.8); position:absolute; top:80px; z-index:100; left: 50%;margin-left: 0;}
#header .rheader .nav .item .sub .si{position: relative;margin: 0 11px;border-top: 1px dotted #73bbeb;text-align: left;}
#header .rheader .nav .item .sub .si:first-child{border-top: none;}
#header .rheader .nav .item .sub .si a{position: relative;color:#666666; display:block; height: 45px; overflow: hidden;line-height:45px; text-indent: 12px;text-decoration:none; font-size:14px;color: white;}
#header .rheader .nav .item:hover .a0{color: #2f99e3;}
#header .rheader .nav .item .a0:before{position: absolute;top: 0;bottom: 0;left: 0;right: 0;content:'';width: 0;height: 28px;margin:auto;transition: all 0.3s;-moz-transition: all 0.3s;-webkit-transition: all 0.3s;-o-transition: all 0.3s;border:1px solid transparent;}
#header .rheader .nav .item:hover .a0:before{width: 99%;border:1px solid #2f99e3;border-radius: 5px;}
#header .rheader .nav .item:hover .sub{width: 234px;margin-left: -117px;}

#search{padding-top:26px;padding-bottom: 29px;background: #efefef;}
#search .wrap{display: flex;flex-wrap: wrap;justify-content: space-between;}
#search .contact{width: 14.167%;min-height:50px;padding-left: 80px;background: url(../images/search_contact.png) no-repeat; background-position: 9px 3px;}
#search .contact .tit{height: 32px;line-height: 32px;overflow: hidden;font-size: 22px;font-weight: bold;color: #2f99e3;}
#search .contact .email_copy{font-size: 16px;text-decoration: underline;}
#search form{width: 66%;box-sizing: border-box;position: relative;padding-top: 5px;padding-right: 135px;}
#search form .text{box-sizing: border-box;height: 42px;line-height: 42px;border:none;border-radius: 21px;width: 100%;padding:0 21px;font-size: 14px;}
#search form .text::-webkit-input-placeholder { color: #888; }
#search form .text:-moz-placeholder { color: #888; }
#search form .text::-moz-placeholder { color: #888; }
#search form .text::-ms-input-placeholder { color: #888; }
#search form .sub_btn{position: absolute;height: 42px;line-height: 42px;top: 5px;right: 10px;border:none;border-radius: 21px;padding:0 21px 0 50px;/*margin:0 10px 0 10px;*/background: #2f99e3 url(../images/search.png) no-repeat 19px center;font-size: 14px;color: #fff;cursor: pointer;}
/************ header end *****************/
.page_banner{width:100%; position:relative; overflow:hidden; z-index:1;}
.page_banner .box{width:1920px; position:relative; left:50%; top:0; margin-left:-960px; z-index:1; text-align:center;}
.leftside{width:24.627%;background: #ffffff;padding: 3px 0;margin-bottom: 30px;}
.rightside{width: 72.854%;padding-top: 60px;}
.leftmenu{padding-bottom: 5px;padding-top: 38px;}
.leftmenu .lefttitle{font-size: 28px;color: #333;line-height: 33px;margin-bottom: 24px;}
.leftmenu .item{}
.leftmenu .item:first-child{border-top: none;}
.leftmenu .item .n1{position: relative;}
.leftmenu .item .ia{position: relative;padding: 0 18px;height:50px; line-height:50px; display:block; overflow:hidden; text-decoration:none;font-size:14px; color: #333333;background: #f1f2f3;border-bottom: 1px solid #fff;}
.leftmenu .item.hasub .ia{padding: 0 10px 0 25px;}
.leftmenu .item.cur .ia:before{content: '';position: absolute;left: 0;top: 0;width: 6px;height: 100%;background: #2f99e3;}
.leftmenu .item .subcate{padding-bottom: 24px;padding-top: 18px;display:none;margin: 0 5px;}
.leftmenu .item .subcate .sia{position: relative;display:block; height: 44px;overflow: hidden;line-height:44px; padding: 0 10px 0 50px;font-size:14px; color:#666666; text-decoration:none;border-top: 1px dashed #d6d6d6;background: url(../images/less.png) no-repeat 25px center;}
.leftmenu .item .subcate .sia:first-child{border-top: none;}

.leftmenu .item .subcate .sia3{height: 44px;line-height: 44px;border-top: none;background: none;}
.leftmenu .item .subcate .sia:hover, .leftmenu .item .subcate .sia.cur{color:#2f99e3;background: url(../images/plus.png) no-repeat 25px center;}
.leftmenu .item .subcate .sia3:hover ,.leftmenu .item .subcate .sia3.cur{color: #2f99e3;background: none;}
.leftmenu .item.cur .subcate{display:block;}
.leftmenu .item .subcate3{padding: 0 0 18px;}
.rtitle{height: 38px;border-bottom:2px solid #e5e5e5;}
.rtitle .tname{ color:#333333; font-size:16px;font-size: 26px;}
.positionbg{background: white;}
#position{position: relative;color:#333; padding: 6px 0;overflow: hidden;line-height:24px;font-size: 14px;text-align: right;}
#position a{display: inline-block;margin: 0 6px;color:#333;font-size: 14px;}
#position .last{color: #2f99e3;}
.desc_text{line-height:180%; min-height:300px; padding:10px 0;}
.prolist {display: flex; flex-wrap: wrap;}
.prolist .item{width:31.972%; padding-bottom: 10px;margin-right:2%;margin-bottom: 15px;border-radius: 3px;}
.prolist .item:nth-child(3n){margin-right: 0;}
.prolist .item .img{position: relative;overflow: hidden;text-align:center;background: white;padding: 1px;padding-top:98.65%;border: 1px solid #c3c3c3;text-align: center;}
.prolist .item .img img { position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
.prolist .item .info{width:98%; margin:0 auto;}
.prolist .item .name{ margin-top: 10px;}
.prolist .item .name a{display: block;max-height: 40px;overflow: hidden;line-height:20px;font-size:14px; text-decoration:none;color: #333;}
.prolist .item .price{height: 30px;line-height:30px; font-size:14px;color:#c00;}
.prolist .item .more{height: 30px;line-height: 30px;font-size: 14px;text-decoration: underline;color: #42c2fe;}
.prolist .item:hover img{transform: scale(1.05);-moz-transform: scale(1.05);-webkit-transform: scale(1.05);}
/*************** 产品详细 *******************/
#pdetail{margin-top:20px;}
#pdetail .detail{width:44.82%}
#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:#1e283a;}
#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;}
#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: #2f99e3;}
#lib_review_form .form_button{background: #2f99e3;}
/**************************放大镜效果(start)**************************/
#pdetail .gallery{width:50.423%; position:relative;}
#pdetail .gallery *{_behavior:none;}
#pdetail .gallery .bigimg{width:100%; max-height:360px; overflow:hidden;}
#pdetail .gallery .bigimg a{width:100%; 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:100%;}
#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;}
/**************************放大镜效果(end)**************************/
/************ footer *****************/
#footer{background: #f9f9f9;padding-top: 25px;}
#footer .foot_nav{box-sizing: border-box;display: flex;flex-wrap: wrap;padding: 0 10px;/*text-align: justify;*/}
#footer .foot_nav ul{width: 21.44%;display: inline-block;vertical-align: top;margin-right: 2%;}
#footer .foot_nav ul:last-child{ margin-right: 0; }
#footer .foot_nav ul .tit{height: 54px;line-height: 54px;font-size: 16px;color: #333;text-transform: uppercase;font-weight: bold;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
#footer .foot_nav ul a{display: block;height: 25px;line-height: 25px;overflow: hidden;color: #2f99e3;font-size: 14px;}
#footer .foot_nav ul.contact{width: 29.662%;}
#footer .foot_nav ul .email{padding-left: 30px;line-height: 30px;background: url(../images/foot_contact.png) no-repeat left 4px;}
#footer .foot_nav ul .email a{font-size: 16px;color: #999;}
#footer .foot_nav ul .addr{padding-left: 30px;margin-top: 10px;line-height: 30px;font-size: 16px;color: #999;background: url(../images/foot_contact.png) no-repeat left -102px;}
#footer .parceiro {box-sizing: border-box;padding: 0 10px; margin-top: 20px; }
#footer .parceiro .title { height: 54px;line-height: 54px;font-size: 16px;color: #333; font-weight: bold;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{padding:25px 10px;color: #999;font-size: 16px;}
#footer .copyright a{font-size: 14px;color: #999;}

#top .h_nav li.default_shopping_cart_out{float: right;}
#top .h_nav li.default_shopping_cart_out .default_shopping_cart{padding-left: 25px;background-size: auto 18px;background-position: left center;}
body .ueeshop_responsive_products_detail .description .title{padding-bottom: 0;}
.goods_page .rightside{width: 100%;}

/* 下拉框 */
.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) {
    .wrap {width: 90.406%;}
}
@media screen and (max-width: 991px) {
    #top{display: none;}
    #header { display: none; }
    #footer .foot_nav ul {width: 31%;}
    #footer .foot_nav ul.contact {width: 100%;}
    #search { height: unset; }
    #search .contact {width: 100%; display: flex;align-items: center; }
    #search .contact .tit{margin-right: 13px;}
    #search form { width: 100%;padding-top: 0;margin: 20px 0; }
    #search form .text{box-sizing: border-box;width: 100%;}
    #search form .sub_btn{top: 0;}
    .leftside{display: none;}
    .rightside{width: 100%;padding-top: 15px;}
    #position{text-align: left;}
}
@media screen and (max-width: 768px) {
    .wrap { width: 92%; }
    #search{padding-top: 28px;padding-bottom: 24px;}
    #search .contact{background-size:45px;background-position: 0 7px;padding-left: 73px;}
    #search .contact .tit{font-size: 28px;}
    #search .contact .email_copy{font-size: 24px;}
    #search form {padding-right: 160px;margin: 16px 0;}
    #search form .text{height: 50px;line-height: 50px;font-size:24px;border-radius: 50px;}
    #search form .sub_btn{width:150px;height: 50px;right:0;line-height: 50px;font-size:24px;border-radius: 50px;}
    #footer .foot_nav ul{width: 100%;margin-right: 0;}
    .prolist {justify-content: space-between;}
    .prolist .item { width: 48%; margin-right: 0; }
    #pdetail .gallery{width: 100%;}
    #pdetail .detail {width: 100%;margin-top: 20px;}
    #pdetail .gallery #small_img .bd span {width: 60px;height: 60px; }
    .info_list_0 .item .img {width: 100%;}
    .info_list_0 .item .ir{width: 100%;margin-top: 12px;}
    .info_list_0 .item .ir .more{margin-left: 7%;}
    #footer{padding-top: 45px;}
    #footer .foot_nav ul{margin-bottom: 20px;}
    #footer .foot_nav ul .tit{font-size: 28px;}
    #footer .foot_nav ul a{height: 35px;line-height: 35px;font-size: 20px;}
    #footer .foot_nav ul .email{background-position: 0px 9px;}
    #footer .foot_nav ul .email a{font-size: 20px;}
    #footer .foot_nav ul .addr{font-size: 20px;}
    #footer .copyright,#footer .copyright a{font-size: 20px;}
}
@media screen and (max-width: 550px) {
    #search{padding-top: 10px;padding-bottom: 15px;}
    #search .contact{min-height: 32px;background-size: 23px;padding-left: 35px}
    #search .contact .tit{font-size: 16px;margin-right: 7px;}
    #search .contact .email_copy{font-size: 14px;}
    #search form{padding-right: 82px;margin: 5px 0;}
    #search form .text{height: 35px;line-height: 35px;font-size: 14px;padding: 0 15px;}
    #search form .sub_btn{width: 76px;height: 35px;line-height: 35px;font-size:12px;background-size: 13px;background-position: 9px 10px;padding: 0 5px 0 25px;}
    #footer{padding-top: 25px;}
    #footer .foot_nav ul .tit{font-size: 16px;}
    #footer .foot_nav ul a{height:25px;line-height: 25px;font-size: 14px;}
    #footer .foot_nav ul .email{background-position: 0px 5px;}
    #footer .foot_nav ul .email a{font-size: 14px;}
    #footer .foot_nav ul .addr{line-height: 25px;font-size: 14px;}
    #footer .copyright, #footer .copyright a{font-size: 13px;}
}