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

*{font-family: 'Roboto-Regular';}
html, div{outline:0;}
cite, em, strong, i{font-style:normal;}
.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;}*/
.trans{transition: all 0.4s ease-out;-moz-transition: all 0.4s ease-out;-ms-transition: all 0.4s ease-out;-o-transition: all 0.4s ease-out;-webkit-transition: all 0.4s ease-out;}
body{background:#fff;width: 100%;height: 100%;max-width: 1920px;margin:0 auto;overflow-x: hidden;}
.wrap{width:1470px; 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;}

#header{background: #111111;width:18.23%;max-width: 350px;left: 0;top: 0;height: 100%;/*overflow-x: hidden;overflow-y: auto;*/z-index: 50;}
#header .headerWrapper{overflow-y: auto;height: 100%;}
#header .limit-width{max-width: 243px;width: 90%;margin-left:auto;margin-right:auto;}
#header .logo{float: none;margin: 60px 0 40px;text-align: center;}
#header .nav *{font-family: "Oswald-Regular";}
#header .nav .a{margin-bottom: 5px;}
#header .nav .a .n{font-size: 14px;color: #fff;height: 45px;line-height: 45px;text-transform: uppercase;overflow: hidden;}
#header .nav .a .n span{position: relative;}
#header .nav .a .n span:before,
#header .nav .a .n span:after{position: absolute;top: 0;bottom: 0;margin:auto;width: 12px;height: 2px;background: #eee;transition: all .7s .05s ease-in-out; content: '';opacity: 0;visibility: hidden;}
#header .nav .a .n span:before{left:-35px;}
#header .nav .a .n span:after{right: -35px;}
#header .nav .a:hover .n span:before,
#header .nav .a:hover .n span:after{opacity: 1;visibility: visible;}
#header .nav .a:hover .n span:before{left:-30px;}
#header .nav .a:hover .n span:after{right:-30px;}
#header .nav .a.open{}
#header .nav .a .nav-child{ position: absolute;left: 90%;top: 0;width:100%;height: 100%;padding-top: 100%; background-color: #1a1a1a;z-index: 0;opacity: 0;pointer-events: none;overflow-y: auto;}
#header .nav .a .nav-child a{color:#fffefe;}
#header .nav .a:hover .nav-child{opacity: 1;pointer-events: unset;}
/*#header .nav .a.open .n{font-weight: bold;}*/
/*#header .nav .a.open .icon-opened:after{display: block;}*/
/*#header .nav .a .nav-child{line-height: 1;padding:10px 0;display: none;}
#header .nav .a .nav-child a.li{font-size: 16px;color: #5f5f5f;text-transform: capitalize;}
#header .nav .a .nav-child a.li:hover{color: #000;text-decoration: underline;}
#header .nav .a.open .nav-child{display: block;}*/
#header .search{border:1px solid #292929;margin:30px auto 45px;}
#header .search .text{height: 48px;font-size: 14px;color: #666;width: 80%;text-indent: 6%;background: none;border:none;}
#header .search .sub_btn{right: 0;top: 0;width: 13%;height: 100%;background: url(../image/icon_head_search.png) no-repeat left center;border:none;}
#header .bottom{display: flex;justify-content: space-between;padding:10px 0;margin-bottom: 10px;box-sizing: border-box;border:1px solid #292929;border-left: none;border-right: none;}
#header .bottom .icon{float: left;flex: 1;}
#header .bottom .icon + .icon{border-left: 1px solid #292929;}
#header .bottom .icon.lang{font-size: 20px;color: #fff;cursor: pointer;}
#header .bottom .icon.user{}
#header .bottom .icon.inq{}
#header .bottom .icon.inq span{position: absolute;left: 60%;bottom: 75%;width: 16px;height: 16px;background: #ff4850;color: #fff;border-radius: 100px;}
#header .foot_share .foot_share_box{margin-right: 0;transform: scale(.7);}
#header #copymsg{font-size: 14px;color: #666;padding:20px 0 0;text-align: center;}
#header #copymsg a{font-size: 14px;color: #666;text-decoration: underline;padding-top: 10px;display: block;}
#header .new_bootom{left: 0; right: 0; margin: auto; bottom: 3%;}

#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;}

#page-righter{width:81.77%;float: right;}

.index-banner .bx-controls-direction{display: none;}
.index-banner .bx-wrapper .bx-pager{bottom: 4%;padding-top: 0;}
.index-banner .bx-wrapper .bx-pager.bx-default-pager a{width: 7px;height: 7px;border:3px solid #747475;background: #747475;border-radius: 0;}
.index-banner .bx-wrapper .bx-pager.bx-default-pager a:hover,
.index-banner .bx-wrapper .bx-pager.bx-default-pager a.active{border-color: #f5f5f5;background: none;}

.index_img{}
.index_img *{font-size: 0;}
.index_img .w_50{width: 50%;}
.index_img .box{display: block;overflow: hidden;}
.index_img .box img{}
.index_img .box.s1{max-height: 393px;position: relative;}
.index_img .box.s1 .more{display: flex;flex-direction: column;justify-content: center;align-items: center;position: absolute;top: 0;left: 0;width: 90%;height: 90%;padding:5%;overflow: hidden;background: rgba(255,255,255,.9);}
.index_img .box.s1 .more .ti{line-height: 1.7;margin-top: 5%;font-size: 16px;color: #333;transition: all .8s ease .1s;}
.index_img .box.s1 .more .m_btn{width: 100%;max-width: 140px;margin-top: 5%;padding:10px 0;;font-size: 14px;color: #fff;text-transform: uppercase;background: #091315;transition: all .8s ease .1s;}
.index_img .box.s1 .more .ti:hover{text-decoration: underline;}
.index_img .box.s1 .more .m_btn:hover{opacity: .85;}
.index_img .box.s1:hover .trans-show{visibility: visible;opacity: 1;}
.index_img .box.s1:hover .more .ti{margin-top: 0;}
.index_img .box.s1:hover img{transform:scale(1);}
.index_img .box.s2{max-height: 391px;}
.index_img .box.s3{max-height: 784px;}
.index_img .box img{transition: all .4s;-webkit-transition: all .4s;}
.index_img .box img:hover{transform:scale(1.1); -webkit-transform:scale(1.1);}

#footer{background: #353535;padding-top: 25px;}
#footer .friendship-link{margin-bottom: 25px;}
#footer .friendship-link .title{font-size: 20px;color: #cecece;margin-right: 3%;font-weight: bold;width: 10%;}
#footer .friendship-link .list{width: 85%;}
#footer .friendship-link .list a{font-size: 16px;color: #cecece;width: 9%;margin-right: 1%;}
#footer .friendship-link .list a.pic{background: #fff;}


.page-position{margin-top: 15px;}
.page-position .wrap-title{line-height: 1;text-align: center;text-transform: uppercase;font-size: 50px;color: #222;font-weight: bold;font-family:"Oswald-Regular";}
.page-position .cate_brief{ margin-top: 30px; width: 100%;}
.page-position .ueeshop_responsive_position{border-bottom: none;margin-bottom: 10px;}
.page-position .ueeshop_responsive_position .title,
.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: 20px;}
.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: '';}

body .ueeshop_responsive_turn_page{}
body .ueeshop_responsive_turn_page span .page_item_current{background: #000;}
body .ueeshop_responsive_turn_page span{background: none;}
body .ueeshop_responsive_turn_page span:hover{background: none;}


.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{}
.menu-wrap-style .menu a{font-size: 18px;color: #33363f;background: url(../image/icon_cate_menu.png) no-repeat left center;padding-left: 25px;float: left;margin-right: 60px;margin-bottom: 10px;}
.menu-wrap-style .menu a.on,
.menu-wrap-style .menu a:hover{background-image: url(../image/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";}

.product-list{padding-bottom: 60px;}
.product-list .contenter #plist{margin-top: 50px;}
.product-list .contenter #plist .contents{}
.product-list .contenter #plist .contents .blk{width:23.47%;margin:0 .7% 60px;}
.product-list .contenter #plist .contents .blk .pic_box{margin-bottom: 25px;}
.product-list .contenter #plist .contents .blk .name{margin-top: 15px;}
.product-list .contenter #plist .contents .blk .name a{font-size: 16px;color: #333;}
.product-list .contenter #plist .contents .blk .more{width: 100%;line-height: 45px;font-size: 14px;color: #fff;text-align: center;background: #000;bottom: 0;left: 0;opacity: 0;visibility: hidden;transition: all .4s;}
.product-list .contenter #plist .contents .blk:hover .more{opacity: 1;visibility: visible;}
.product-list .contenter #plist .contents .blk .more:hover{background: #262626;color: #fff;}

.product-list .relate{ margin-top: 80px; width: 100%;}
.product-list .relate .title{ line-height: 1;text-align: center;text-transform: uppercase;font-size: 50px;color: #222;font-weight: bold;font-family:"Oswald-Regular";}
.product-list .relate .btn{ display: block; margin: 30px auto 41px; width: 100px; height: 32px; line-height: 32px; font-size: 16px; color: #555; text-align: center; text-decoration: underline;  -webkit-text-transform: uppercase; text-transform: uppercase;}
.product-list .relate .list{ width: 100%;}
.product-list .relate .list .row{ margin-left: 2.0408%; width: 23.4694%;}
.product-list .relate .list .row:first-child{ margin-left: 0;}
.product-list .relate .list .row .img{ display: block; width: 100%; text-align: center;}
.product-list .relate .list .row .name{ display: block; margin-top: 14px; width: 100%; line-height: 25px; font-size: 14px; color: #555; text-align: center;}

body .ueeshop_responsive_products_detail .gallery .left_small_img .pic_box.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;}
.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(../image/icon_cate_menu.png) no-repeat left 4px;}
.support .list .row .title:hover{background-image: url(../image/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,
.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;}

.check_list .cheak_img { text-align: center; margin-top: 145px; }
.check_list .cheak_img img{max-width: 200px;}
.check_list .check_form { width: 720px; margin: 0 auto; margin-top: 58px; }
.check_list .check_form .from_box { position: relative; width: 100%; height: 50px; }
.check_list .check_form .from_box .text { width: 100%; height: 100%; font-family: "Oswald-Regular"; font-size: 18px; box-sizing: border-box; border: 1px solid #dddddd; padding-left: 10px; padding-right: 130px; }
.check_list .check_form .from_box .submit_btn { position: absolute; top: 0; right: 0; width: 120px; height: 100%; font-size: 18px; font-family: "Oswald-Regular"; color: #fff; background-color: #000; border: none; border-left: 1px solid #dddddd; }

.check_list .check_tips{text-align: center;}
.check_list .check_reminder{text-align: center; margin-top: 30px;}

#cheak_pop_ups { display: block;position: fixed; top: 0; left: 0; width: 100%; height: 100%; text-align: center; background: rgba(0,0,0,.5); }
#cheak_pop_ups .popups { position: relative; width: 81.77%; vertical-align: middle; top: 50%; float: right; transform: translateY(-75.5%); }
#cheak_pop_ups .popups .cheak_result { width: 360px; min-height: 190px; padding-bottom: 20px; margin: 0 auto; background-color: #fff; }
#cheak_pop_ups .popups .cheak_result .result_title { position: relative; width: 100%; height: 40px; line-height: 40px; font-size: 15px; font-family: Roboto; color: #3e3e3e; text-align: left; background-color:#eeeeee; box-sizing: border-box; padding: 0 14px; }
#cheak_pop_ups .popups .cheak_result .result_title .close_btn { position: absolute; top: -15px; right: -15px; }
#cheak_pop_ups .popups .cheak_result .result_brief { margin-top: 12px; }
#cheak_pop_ups .popups .cheak_result .result_brief .item .icon img { transform: scale(1.2); }
/* #cheak_pop_ups .popups .cheak_result .result_brief .item { position: relative; } */
/* #cheak_pop_ups .popups .cheak_result .result_brief .item .icon { position: absolute; top: 0; left: 11px; } */
#cheak_pop_ups .popups .cheak_result .result_brief .item .brief { line-height: 24px; font-size: 14px; font-family: Roboto; color: #666666; text-align: left; box-sizing: border-box; padding: 0 15px; padding-top: 10px; }

@media (max-height: 800px){
    #header .new_bootom{position: static;margin-top: 10px;}
    #header #copymsg{padding-bottom: 20px;}
}

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

@media (max-width: 1440px){

}

@media (max-width: 1280px){
    #header{width: 22%;}
    #page-righter{width: 78%;}
    #cheak_pop_ups .popups { width: 78%; }

    .check_list .check_form { width: 500px; }
    .check_list .check_form .from_box .text { }
}

@media (max-width: 1024px){
}

@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;}

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

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

    #page-righter { width: 100%; float: none; }
    /*#header{display: none;}*/
    .page-position .wrap-title{font-size: 30px;}
    .ueeshop_responsive_header .header{background: #111!important;border-bottom: 1px solid #111!important; visibility: hidden; opacity: 0;}
    .ueeshop_responsive_header .header .func{filter: invert(1);}

    #cheak_pop_ups .popups { width: 100%; transform: translateY(-70.5%); }
}

@media (max-width: 768px){
    /*.ueeshop_responsive_header{ filter: invert(1);}*/
    /*.ueeshop_responsive_header .header .logo img{ filter: invert(1);}*/
	#footer .friendship-link{margin-top: 10px;}
	#footer .friendship-link .list a{width: 13%;}

    .index_img .w_50{width: 100%;}
    .index_img .box.s1{width: 50%;}

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

    .check_list .cheak_img { margin-top: 35px; }
    .check_list .check_form { width: 400px; }
    .check_list .check_form .from_box { height: 35px; }
    .check_list .check_form .from_box .text { font-size: 13px; padding-right: 90px; }
    .check_list .check_form .from_box .submit_btn { width: 80px; font-size: 14px; }
    #cheak_pop_ups .popups { transform: translateY(-50%); }
}

@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%;}

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

}


@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;}
    
    .check_list .check_form { width: 90%; }
    #cheak_pop_ups .popups .cheak_result { width: 80%; min-height: 200px; }
}