@charset "utf-8";
/*
Powered by ueeshop.com		http://www.ueeshop.com
广州联雅网络科技有限公司		020-83226791
*/

*{font-family: 'Raleway-Regular';}
html, div{outline:0;}
.w{width: 980px; margin:0 auto; min-width:899px;}
.hide{display:none;}
.imgbox{display:block; overflow:hidden;}
.imgbox img{max-width:100%; max-height:100%;}
input,textarea{outline: none;}
input[type=submit]{cursor: pointer;}
/*#main.w>.fl{width:190px;}*/

body{background:#fff;width: 100%;height: 100%;max-width: 1920px;margin:0 auto;overflow-x: hidden;display: block!important;}
.wrap{width:1100px; margin:0 auto; zoom:1;}
/*.wrap-1138{width:1138px; margin:0 auto; zoom:1;}*/
.wrap:after,.wrap:before{display:table; content:'';}
.wrap-1138:after,.wrap-1138:before{display:table; content:'';}
.wrap:after{clear:both;}
.wrap-1138:after{clear:both;}
.text-over{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.over{overflow: hidden;}
.text-center{text-align: center;}
.text-left{text-align: left;}
.text-right{text-align: right;}
.table{width: 100%;height: 100%;display: table;}
.table-cell{display: table-cell;}
.inline{display: inline;}
.inline-block{display: inline-block;}
.block{display: block;}
.hidden{display: none;}
.visible-hidden{visibility: hidden;opacity: 1;}
.middle{vertical-align: middle;}
.middleImg img{vertical-align: middle;}
.middleImg .mid-ilb{vertical-align: middle;display: inline-block;}
.middleImg span{height: 100%;vertical-align: middle;display: inline-block;}
.relative{position: relative;}
.absolute{position: absolute;z-index: 1;}
.fixed{position: fixed;z-index: 1;}
.center-vertical{position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}
.trans-show{transition:all .5s;-webkit-transition:all .5s;opacity: 0;visibility: hidden;}
.trans-show.visable{opacity: 1;visibility: visible;}
.trans{-webkit-transition:all 300ms ease 0s; transition:all 300ms ease 0s;}
.imgZoom img{transition: all .4s;-webkit-transition: all .4s;}
.imgZoom img:hover{transform:scale(1.1, 1.1); -webkit-transform:scale(1.1, 1.1);}
.pointer{cursor: pointer;}
.flow-shadow{-webkit-transition:all .5s;transition:all .5s;}
.flow-shadow:hover{transform:translate3d(0, -2px, 0);-webkit-transform:translate3d(0, -2px, 0);-webkit-box-shadow:0 0px 10px #e9e9e9;box-shadow:0 0px 10px #e9e9e9;}
.clear_gt_991{clear: both;}
.border-box{box-sizing: border-box;}
*.hoverColor{-webkit-transition:all .3s;transition:all .3s;}
*.hoverColor:hover{color: #262626!important;}
.show-pc-block{display: block!important;}
.show-pc-inline-block{display: inline-block!important;}
.show-mb-block{display: none!important;}
.show-mb-inline-block{display: none!important;}
body.flex-foot-bottom{display: flex;flex-direction: column;}
.flex-foot-bottom .header,
.flex-foot-bottom .footer,
.flex-foot-bottom .top-cateogry,
.flex-foot-bottom .wrap-banner,
.flex-foot-bottom .bread{flex: 0 0 auto;}
.flex-main-content{flex: 1 0 auto;}
/*.wow{visibility: hidden;}*/
/*.iconfont{font-family:"iconfont";font-style:normal;vertical-align: middle;}*/
.text-upper{text-transform: uppercase}
a:hover{text-decoration: none;}

body { box-sizing: border-box; position: relative; padding-left: 333px; }
body #header { position: fixed; top: 0; left: 0; bottom: 0; margin: auto;}


#header{background: #fff;width: 333px;left: 0;top: 0;height: 100%;overflow-x: hidden;overflow-y: auto;z-index: 50;}
#header .limit-width{max-width: 243px;width: 75%;margin: 0 auto;}
#header .logo{margin: 68px 0 40px;float: none;}
#header .nav .a{}
#header .nav .a .n{ height: 52px; line-height: 52px; font-size: 17px; color: #636363; overflow: hidden;}
#header .nav .a .n:hover{ color: #baac93;}
#header .nav .a.open .n{ color: #baac93;}
#header .nav .a.open .icon-opened:after{display: block;}
#header .nav .a .nav-child{ display: none;}
#header .nav .a .nav-child .nav_child_item{ margin: 16px auto 0 auto; max-width: 243px; width: 100%;}
#header .nav .a .nav-child .nav_child_item:first-child{ margin-top: 0;}
#header .nav .a .nav-child .nav_child_item a.li{ padding-right: 20px; width: 100%; line-height: 24px; font-size: 16px; color: #636363; background: url(../images/nav_icon.png) no-repeat right center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; -webkit-box-sizing: border-box; box-sizing: border-box;}
#header .nav .a .nav-child .nav_child_item a.li:first-child{ margin-top: 0;}
#header .nav .a .nav-child .nav_child_item a.li:hover{ color: #baac93;}
#header .nav .a .nav-child .nav_child_item .nav-child2{ display: none; width: 100%; padding: 2px 0 5px 24px; -webkit-box-sizing: border-box; box-sizing: border-box;}
#header .nav .a .nav-child .nav_child_item .nav-child2 a{ display: block; width: 100%; line-height: 40px; font-size: 15px; color: #636363;}
#header .nav .a .nav-child .nav_child_item .nav-child2 a:hover{ color: #baac93;}
#header .nav .a.open .nav-child{ display: block;}
#header .nav .a .nav-child .nav_child_item.on a.li{ color: #baac93; background-image: url(../images/nav_icon2.png);}
#header .nav .a .nav-child .nav_child_item.on .nav-child2{ display: block;}
#header .search{margin-bottom: 20px; }
#header .search form{  position: relative;display: inline-block;width: 100%; border:1px solid #d6d6d6; background: #fff;}
#header .search form.cur{ display: block;}
#header .search .text{box-sizing: border-box; height: 42px;font-size: 16px;color: #949494;width: 100%; padding: 0 10px; padding-right: 50px; border:1px solid #d6d6d6; background: none;border:none;}
#header .search .sub_btn{position: absolute; right: 0;top: 0;width: 42px;height: 42px;background: url(../images/search_icon.png) no-repeat center;border:none;}
#header .bottom{ box-sizing: border-box; margin-top: 10px; padding: 10px 20px;box-sizing: border-box;}
#header .bottom .icon_box {display: flex;justify-content: space-around;}
#header .bottom .icon_box .icon { min-width: 45px; height: 45px; }
#header .bottom .icon_box .icon.lang{font-size: 20px;color: #262626;cursor: pointer;width: auto;}
#header .bottom .icon_box .icon.lang .default_language_currency_style dt{padding-right: 0;font-size: 14px;}
#header .bottom .icon_box .icon.user a { height: 100%; background: url(../images/icon_head_user.png) no-repeat center; }
#header .bottom .icon_box .icon.inq a { height: 100%; background: url(../images/icon_head_inq.png) no-repeat center; }
#header .bottom .icon_box .icon.inq span{position: absolute;right: 4px;top: 2px;width: 16px;height: 16px;background: #262626;color: #fff;border-radius: 100px;}
#header .bottom .icon_box .icon.cart .default_shopping_cart{ display: block; height: 100%; background-size: 22px;}

#header .lang-select{background: #f4f4f4;left: -100%;top: 0%;width: 100%;height: 100%;overflow-y: auto;}
#header .lang-select.show{left: 0;}
#header .lang-select .close{margin-top: 15px;cursor: pointer;text-indent: 10px;}
#header .lang-select .close span{}
#header .lang-select a{font-size: 16px;color: #000;border-bottom: 1px solid #eee;padding:10px 0;text-indent: 20px;}

@-webkit-keyframes arrow-anim{0%{ opacity:0;-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}50%{ opacity:0.5;-ms-transform:translate(0, 60%);-webkit-transform:translate(0, 60%);transform:translate(0, 60%)}100%{ opacity:1;-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}
@-ms-keyframes arrow-anim{0%{-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}50%{-ms-transform:translate(0, 60%);-webkit-transform:translate(0, 60%);transform:translate(0, 60%)}100%{-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}
@-moz-keyframes arrow-anim{0%{-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}50%{-ms-transform:translate(0, 60%);-webkit-transform:translate(0, 60%);transform:translate(0, 60%)}100%{-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}
@-o-keyframes arrow-anim{0%{-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}50%{-ms-transform:translate(0, 60%);-webkit-transform:translate(0, 60%);transform:translate(0, 60%)}100%{-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}
@keyframes arrow-anim{0%{ opacity:0.5;-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}50%{-ms-transform:translate(0, 60%);-webkit-transform:translate(0, 60%);transform:translate(0, 60%)}100%{ opacity:0.9;-ms-transform:translate(0, 0);-webkit-transform:translate(0, 0);transform:translate(0, 0)}}
.arr-fbt.running{-webkit-transition:all .3s linear 0s;-ms-transition:all .3s linear 0s;-moz-transition:all .3s linear 0s;-o-transition:all .3s linear 0s;transition:all .3s linear 0s;-webkit-animation:arrow-anim 1.5s infinite;-ms-animation:arrow-anim 1.5s infinite;-moz-animation:arrow-anim 1.5s infinite;-o-animation:arrow-anim 1.5s infinite;animation:arrow-anim 1.5s infinite;position:absolute;left:50%;bottom:2px; background:url(../images/icon_ban_arr.png)50% 0 no-repeat; width:40px;height:40px;z-index:300;margin-left:-19px}

.index-title{font-size: 36px;color: #33363f;margin-bottom: 20px;}
.index-module .brief{ font-size: 15px;color: #808080;line-height: 28px; text-align: left;}

.index_item { box-sizing: border-box; width: 100%; max-width: 1920px; padding: 100px 0; margin: auto; }
.index_item .title{ width: 100%; height: 40px; line-height: 40px; font-size: 28px; color: #000; text-align: center;}
.index_item .content{ word-wrap: break-word;width: 77%; line-height: 30px; font-size: 16px; color: #393939; text-align: center;margin: 44px auto 0; font-family: "Tahoma";}
.index_item .wrap { width: 1437px;}

.index-banner { padding: 0; }
.index-banner .bx-controls-direction{display: none;}
.index-banner .bx-wrapper .bx-pager{bottom: 7%;padding-top: 0;}
/*.bx-wrapper .bx-pager .bx-pager-item{}*/
.index-banner .bx-wrapper .bx-pager.bx-default-pager a{width: 6px;height: 6px;border:2px solid transparent;background: #baac93;border-radius: 100px;}
.index-banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.index-banner .bx-wrapper .bx-pager.bx-default-pager a.active{background: none;border-color: #baac93;}
.index-banner:hover .arr-fbt.running{bottom: -40px;opacity: 0;}

.index_pro{ background: #f7f7f7;}
/* .index_pro .list{ display: grid; grid-template-columns: 31.5455% 31.5455% 31.5455%; justify-content: space-between; width: 77%; margin: 52px auto 0;} */
.index_pro .list{ grid-template-columns: 31.5455% 31.5455% 31.5455%; display: flex;justify-content: space-between; width: 77%; margin: 52px auto 0;}
.index_pro .list .item{ width: 31.1%;display: inline-block; margin-left: 2%; font-size: 0px;}
.index_pro .list .item:first-child{ margin-left: 0;}
.index_pro .list .item .img{ display: block; width: 100%; text-align: center; overflow: hidden; padding-top: 100%;position: relative;}
.index_pro .list .item .img img{position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin:auto; max-width: 80%;}
.index_pro .list .item .name{ display: block; margin-top: 58px; line-height: 23px; font-size: 18px; color: #393939; text-align: center; -webkit-transition: all 0.3s; transition: all 0.3s;}
.index_pro .list .item .price{ display: block; margin-top: 10px; line-height: 23px; font-size: 18px; color: #393939; text-align: center;}
.index_pro .list .item:hover .img img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.index_pro .list .item:hover .name{ color: #baac93;}

.index_news{text-align: center;}
.index_news .list{ display: inline-flex; margin-top: 54px; width: 77%;}
.index_news .list .item{ margin-left: 7.6364%; width: 28.5455%;}
.index_news .list .item:first-child{margin-left: 0;}
.index_news .list .item .cate_name{ display: block; position: relative; padding-right: 100px; width: 100%; height: 21px; line-height: 21px; font-size: 14px; color: #909090; -webkit-box-sizing: border-box; box-sizing: border-box;}
.index_news .list .item .cate_name:before{ display: block; content: ''; position: absolute; left: 0; top: 50%; width: 34px; height: 2px; background: #909090; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.index_news .list .item .name{ display: block; margin-top: 19px; width: 100%; line-height: 36px; font-size: 24px; color: #393939; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;text-align: left;}
.index_news .list .item .brief{ margin-top: 13px; line-height: 26px; font-size: 14px; color: #393939; text-align: left; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.index_news .list .item .desc_btn{ display: block; margin-top: 30px; width: 170px; height: 49px; line-height: 49px; border: 2px solid #bdbdbd; font-size: 14px; color: #393939; text-align: center; text-transform: uppercase;}

#footer{ width: 100%; height: auto; padding-top: 80px; background: #f5f5f5; -webkit-box-sizing: border-box; box-sizing: border-box;}
#footer .logo{ float: none; width: 100%; text-align: center;}
#footer .limit-width{text-align: center; width: 77%; margin:0 auto;/*margin: 50px auto 0;*/}
#footer .share_img{ text-align: center; width: 77%; margin: 50px auto 0;}
#footer .friendship-link{margin-bottom: 25px; width: 77%; margin: 40px auto 0;}
#footer .friendship-link .title{font-size: 20px;color: #cecece;font-weight: bold; text-align: center;}
#footer .friendship-link .list{width: 100%;text-align: center;margin-top: 20px;}
#footer .friendship-link .list a{display: inline-block; font-size: 16px;color: #cecece;width: 9%;margin-right: 1%;}
#footer .friendship-link .list a.pic{background: #fff;}
#copymsg{ margin-top: 32px; font-size: 12px; color: #9d9d9d; text-align: center; padding-bottom: 75px; background: #f5f5f5;}
#copymsg a{ font-size: 12px; color: #9d9d9d; text-decoration: underline;}


.page-position{margin-top: 15px;}
.page-position .ueeshop_responsive_position{border-bottom: none;}
.page-position .ueeshop_responsive_position .title{ display: none; font-size: 30px;}
/*.page-position .ueeshop_responsive_position .title{ display: none;}*/
.product-detail .ueeshop_responsive_products_detail .description .title,
.product-detail .ueeshop_responsive_products_detail_review .review_form h1{position: relative;font-size: 30px;color: #000;padding-bottom: 7px;}
.page-position .ueeshop_responsive_position .title:after,
.product-detail .ueeshop_responsive_products_detail .description .title span.cur:after,
.product-detail .ueeshop_responsive_products_detail_review .review_form h1:after{position: absolute;left: 0;bottom: 0;width: 62px;height: 3px;background: #000;content: '';}


.menu-wrap-style{margin: 15px 0;}
.menu-wrap-style .menu{}
.menu-wrap-style .menu .cate-top{display: none;}
.menu-wrap-style .menu .sublist{display: none;}
.product-list .menu-wrap-style .menu .sublist{display: block;clear: both;margin-top: 10px;}
.product-list .menu-wrap-style .menu .sublist a{background: none;}
.menu-wrap-style .menu{ margin-top: 15px; width: 100%; text-align: center;}
.menu-wrap-style .menu .cate_one{ width: 160px; font-size: 17px; color: #393939; vertical-align: top; text-align: center; margin-bottom: 20px; float: left; }
.menu-wrap-style .menu .cate_list{ display: flex; width: calc(100% - 160px); float: right; flex-wrap: wrap;}
.menu-wrap-style .menu .cate_list a{ display: inline-block; margin: 0 25px 10px 0; line-height: 21px; font-size: 17px; color: #999;}
.menu-wrap-style .menu .cate_list a.on,
.menu-wrap-style .menu .cate_list a:hover{ color: #393939;}
.menu-wrap-style .menu .cate_list .parting{ display: inline-block; float: left; margin-right: 25px; font-size: 17px; color: #999;}
.product-list .menu-wrap-style .menu { width: 100%; }
.menu-wrap-style{margin: 15px 0;}
.menu-wrap-style .menu{}
.menu-wrap-style .menu .cate-top{display: none;}
.menu-wrap-style .menu .sublist{display: none;}
.product-list .menu-wrap-style .menu .sublist{display: block;clear: both;margin-top: 10px;}
.product-list .menu-wrap-style .menu .sublist a{background: none;}
.menu-wrap-style .menu{ margin: 0 auto; width: 77.036%;}
.menu-wrap-style .menu a{ line-height: 21px; font-size: 18px;color: #33363f;/*background: url(../images/icon_cate_menu.png) no-repeat left center;*/ float: left;margin-right: 60px;margin-bottom: 10px;}
.menu-wrap-style .menu a.on,
/*.menu-wrap-style .menu a:hover{background-image: url(../images/icon_cate_menu_black.png);text-decoration: underline;}*/
.menu-wrap-style .brief_desction{margin-bottom: 2%;}
.menu-wrap-style .brief_desction,
.menu-wrap-style .brief_desction *{font-size: 18px;color: #555;font-family: "Opensans-Regular";}
/*
	.menu-wrap-style .menu a.on,
	.menu-wrap-style .menu a:hover{background-image: url(../images/icon_cate_menu_black.png);}
*/
.menu-wrap-style .brief_desction{ margin-top: 30px; margin-bottom: 2%;}
.menu-wrap-style .brief_desction,
.menu-wrap-style .brief_desction *{font-size: 18px;color: #555;}

.product-list{padding-bottom: 60px;}
.product-list .contenter #plist{margin-top: 50px;}
.product-list .contenter #plist .contents{ display: grid; grid-template-columns: 37.44% 37.44%; grid-auto-rows: auto; justify-content: center; grid-gap: 52px 30px;}
/*.product-list .contenter #plist .contents .blk{ width: 48.9091%;}*/
.product-list .contenter #plist .contents .blk .imgbox{}
.product-list .contenter #plist .contents .blk .imgbox a{ display: block;}
.product-list .contenter #plist .contents .blk .imgbox img{ -webkit-transition: all 0.3s; transition: all 0.3s;}
.product-list .contenter #plist .contents .blk .name{ margin-top: 22px; width: 100%; height: 32px; line-height: 32px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.product-list .contenter #plist .contents .blk .name a{ font-size: 22px; color: #393939;}
.product-list .contenter #plist .contents .blk .price{ margin-top: 5px; font-size: 22px; line-height: 32px;}
.product-list .contenter #plist .contents .blk .brief{ width: 100%; line-height: 28px; font-size: 14px; color: #999; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.product-list .contenter #plist .contents .blk:hover .imgbox a img{ -webkit-transform: scale(1.1); transform: scale(1.1);}
.product-list .contenter #plist .contents .blk:hover .name a{ color: #baac93;}
.product-list .contenter .view_btn{ display: block; margin: 50px auto 0 auto; width: 141px; height: 41px; line-height: 41px; background: #606060; font-size: 14px; color: #fff; text-align: center; text-transform: uppercase;}

body .ueeshop_responsive_products_detail .gallery .left_small_img .imgbox.on{border:1px solid #1d1d1d;}
/*body .ueeshop_responsive_products_detail .info .button > a,body .ueeshop_responsive_products_detail .info .button .download_button > span{background-color: #33363f!important;}*/

.index-pro{padding: 45px 0;}
.index-pro .list_top{ width: 100%; height: 64px; border-bottom: 1px solid #ededed;}
.index-pro .list_top .title{ float: left; width: 50%; text-align: left; font-size: 20px; height: 55px; line-height: 55px; color: #555; max-width: 60%; overflow: hidden; text-transform: uppercase;}
.index-pro .list_top .btn_list{ width: 85px; height: 100%;}
.index-pro .list_top .btn_list div{ width: 50%; height: 100%; text-align: center;}
.index-pro .row{margin-top: 40px;}
.index-pro .row .swiper-slide{}
/*.index-pro .row .swiper-slide .pic{ height: 277px; background: #ccc;}*/
.index-pro .row .swiper-slide .btn{ display: block; margin-top: 25px; width: 146px; height: 47px; line-height: 47px; border: 2px solid #393939; font-size: 13px; color: #33363f; text-transform: uppercase; -webkit-transition: all 0.5s; transition: all 0.5s;}
.index-pro .row .swiper-slide .btn:hover{ background: #393939; color: #fff;}
/*.index-pro .row .swiper-slide .pic{ width: 258px; height: 258px;}*/
.index-pro .row .swiper-slide .name{ margin-top: 19px; height: 49px; line-height: 49px; font-size: 24px; color: #393939; font-family: inherit; text-align: left; -webkit-transition: all 0.3s; transition: all 0.3s;}
.index-pro .row .swiper-slide:hover .name{ color: #baac93;}
.index-pro .row .swiper-slide .price{ margin-top: 5px; font-size: 24px; color: #393939; font-family: inherit; text-align: left;}
.index-pro .row .swiper-slide .brief{ display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
.index-pro .row .ipro-button-prev,
.index-pro .row .ipro-button-next{top: 35%;width: 80px;opacity: .7;}
.index-pro .row .ipro-button-prev{left: -140px;}
.index-pro .row .ipro-button-next{right: -140px;}
.index-pro .row .ipro-button-prev:hover,
.index-pro .row .ipro-button-next:hover{opacity: 1;}

.product-detail .ueeshop_responsive_products_detail .description .title{border:none;margin-bottom: 35px;}
.product-detail .ueeshop_responsive_products_detail .description .title span{padding-bottom: 20px;font-size: 30px;position: relative;}

.product-detail .ueeshop_responsive_products_detail_review{border-top: none;}
.product-detail .ueeshop_responsive_products_detail_review .review_form h1{padding-bottom: 10px;margin-bottom: 10px;font-weight: normal;}

.support{margin-top: 35px;}
.support .list{}
.support .list .row{width:48%;margin: 0 1% 30px;}
.support .list .row .title{font-size: 18px;color: #33363f;padding: 0 0 0 27px;margin-bottom: 12px;background: url(../images/icon_cate_menu.png) no-repeat left 4px;}
.support .list .row .title:hover{background-image: url(../images/icon_cate_menu_black.png);}
.support .list .row .content{padding-left: 27px;max-height: 145px;overflow: hidden;overflow-y: auto;font-size: 14px;color: #6e6e6e;line-height: 200%;}
.support .list .row .content *{font-size: 14px;color: #6e6e6e;line-height: 200%;}

.page-position .ueeshop_responsive_position .position{ float: right;}
.page-position .ueeshop_responsive_position .position a{font-size: 14px;}

body .ueeshop_responsive_info_list .item .info .desc{font-size: 16px;max-height: 75px;}
body .ueeshop_responsive_case_list .item .info .desc{font-size: 16px;}

/* 新闻详细(推荐文章) */
.rale_news{ padding-bottom: 56px; width: 100%;}
.rale_news .news_title{ width: 100%; height: 30px; line-height: 30px;}
.rale_news .news_title .title{ font-size: 22px; color: #191919;}
.rale_news .news_title .read_btn{ font-size: 14px; color: #888;}
.rale_news .news_title .read_btn span{ font-size: 14px; color: #888; font-family: cursive; font-weight: bold;}
.rale_news .list{ display: grid; grid-template-columns: repeat(4, 23.25%); justify-content: space-between; margin-top: 23px; width: 100%;}
.rale_news .list .item{ }
.rale_news .list .item .img{ display: block; width: 100%; text-align: center; text-decoration: none; overflow: hidden;}
.rale_news .list .item .title{ display: -webkit-box; margin-top: 15px; line-height: 21px; font-size: 16px; color: #333; text-decoration: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 2;}
.rale_news .list .item .time{ margin-top: 8px; width: 100%; height: 21px; line-height: 21px; font-size: 14px; color: #989898;}
.rale_news .list .item .brief{ display: -webkit-box; margin-top: 6px; line-height: 24px; font-size: 14px; color: #888; text-decoration: none; overflow: hidden; -webkit-box-orient: vertical; -webkit-line-clamp: 3;}
.rale_news .list .item:hover .img img{ -webkit-transform: scale(1.1); transform: scale(1.1);}

.rale_news.desc_news{ margin-top: 55px;}
.rale_news.desc_news .news_title{ position: relative; width: 100%; text-align: center;}
.rale_news.desc_news .news_title:before{ display: block; content: ''; position: absolute; left: 0; top: 50%; width: 100%; height: 1px; background: #ddd; -webkit-transform: translateY(-50%); transform: translateY(-50%);}
.rale_news.desc_news .news_title .title{ position: relative; z-index: 1; padding: 0 40px; width: 100%; background: #fff; text-align: center;}
.rale_news.desc_news .list{ grid-template-columns: repeat(2, 49%); grid-row-gap: 44px;}
.rale_news.desc_news .list .item .img{ width: 39.2857%; height: 100%; text-align: center;}
.rale_news.desc_news .list .item .text{ width: calc(100% - 43.5374%);}
.rale_news.desc_news .list .item.no_img .text{ width: 100%;}
.rale_news.desc_news .list .item .text .title{ margin-top: 0; font-size: 18px;}
.rale_news.desc_news .list .item .brief{ font-size: 15px; color: #888;}

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

@media (max-width: 1680px){
    .wrap{ width: 96% !important;}

    .index_item .wrap { width: 96%;}

    .index_news .list .item .cate_name{ /* padding-right: 0; */ padding-left: 47px;  }
}

@media (max-width: 1440px){
    body { padding-left: 270px; }
    #header{width: 270px;}

    .index_item { padding: 60px 0; }
    .index-title{font-size: 28px;margin-bottom: 10px;}

    .index_news .list .box .name{font-size: 16px;}
}

@media (max-width: 991px){
    .show-pc-block,
    .show-pc-inline-block,
    .hide-991{display: none!important;}
    .show-mb-block{display: block!important;}
    .show-mb-inline-block{display: inline-block!important;}
    .clear_991{clear: both;}
    .clear_gt_991{clear: none;}

    body {padding-left: 0;}
    #header{display: none;}

	.product-list .contenter #plist{margin-top: 25px;}
	.product-list .contenter #plist .contents .blk{ margin: 0 1% 20px;}

    .index_news .list .box{width: 48%;margin:0 1% 3%;}

    .arr-fbt.running{background-size: contain;left: 51%;width: 26px;height: 20px;}

    .support .list .row{width: 100%;margin: 0 0% 20px;}

}

@media (max-width: 768px){

	.index-title{font-size: 32px;}
	.index-module .brief{font-size: 16px;}

	#copymsg{margin-top: 20px;}
	#footer .friendship-link{margin-top: 10px;}
	#footer .friendship-link .list a{width: 13%;}

	.support .row .title{font-size: 14px;padding-right:10px;background-position: 100% center;}
	.support .row .content{font-size: 14px;padding-bottom: 20px;}

    .menu-wrap-style{display: none;}

	.index_item{ padding: 6.6667vw 0;}
    .index_news .list{ display: block;width: 100%}
    .index_news .list .item{ margin: 20px 0 0 0; width: 100%;}
    
    .index_pro .list{ grid-template-columns: 90%; grid-gap: 30px 0; justify-content: center;}
    /* .index_pro .list .item { width: 30%;border: 1px solid red;} */
    .index_pro .list .item .name{ margin-top: 15px;}

    .index-pro .row .swiper-slide .name{ margin-top: 2.5333vw; height: 6.5333vw; line-height: 6.5333vw; font-size: 4.2vw;}
    .index-pro .row .swiper-slide .brief{ font-size: 2.6667vw;}
    .index-pro .row .swiper-slide .btn{ margin-top: 3.3333vw; width: 19.4667vw; height: 6.2667vw; line-height: 6.2667vw; font-size: 3.2vw;}

    .product-detail .ueeshop_responsive_products_detail .description .title span{margin-right: 8px; font-size: 18px;}

	.page-position .ueeshop_responsive_position .position{ float: left;}
	.rale_news .list{ grid-template-columns: repeat(2, 46.5%);}
}

@media (max-width: 640px){
    .clear_991{clear: none;}
    .clear_640{clear: both;}

	#footer .friendship-link{}
	#footer .friendship-link .title{width: 100%;float: none;text-align: center;margin-bottom: 10px;margin-right: 0;}
	#footer .friendship-link .list{width: 100%;float: none;}
	#footer .friendship-link .list a{width: 19%;}

	.index-pro .row .ipro-button-prev,
	.index-pro .row .ipro-button-next{display: none;}

	/*.product-list .contenter #plist .contents .blk{width: 48%;}*/

    .arr-fbt.running{display: none;}

    .index-title{font-size: 22px;}

    .product-list .contenter #plist .contents .blk .more{width: 100%;}
    .product-list .contenter #plist{margin-top: 15px;}

    .index_news{padding:20px 0;}
    .index_news .list .box{width: 100%;margin:0 0 20px;}
    /*.index_news .list .box + .box{margin:0 0 20px;}*/
    .index_news .list .box .date{margin:8px 0;}
}


@media (max-width: 450px){
	.index-title{font-size: 24px;}

	#footer .friendship-link .list a{width: 24%;text-align: center;margin: 0 .5% 5px;}
	#copymsg,
	#copymsg a{font-size: 14px;}
}