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

*{font-family: 'Montserrat-Regular';}
html, div{outline:0;}
cite, em, strong, i{font-style:normal;}
.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;border:none;}

body{background:#fff;width: 100%;height: 100%;max-width: 1920px;margin:0 auto;overflow-x: hidden;position: relative;}
.wrap{width:1200px; margin:0 auto; zoom:1;}
.wrap.i-wrap{width:1440px;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap: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: #fcac21!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;}
a:hover{text-decoration: none;}
#preview {positioN:absolute;top:0;left:0;width:auto;height:auto;z-index:1;opacity:0.3;pointer-events:none;}
.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;}
#header{background: #2d2d2d;width: 100%;top: 0;left: 0;right: 0;margin:auto;z-index: 100;border-bottom: 8px solid #fcac21;}
#header .wrap{height: 116px;width: 1486px;}
#header .logo{float: left;max-width: 300px;height: 100%;}
#header .logo a{}

.responsive_pc_header{ height: 124px;}
.responsive_pc_header .header_in{ width: 100%; background: #2d2d2d; transition: all 0.3s;}
.responsive_pc_header .header_in.fixed{ position: fixed; left: 0; top: 0; z-index: 100;}

#nav{max-width:760px;margin-left: 120px;height: 116px;}
#nav .list{display: inline-block;vertical-align: middle;margin: 0 60px 0 0;position: relative;line-height: 122px;}
#nav .list:last-child{margin-right: 0;}
#nav .list > a{max-width: 110px;display: block;;font-size: 16px;color: #fff;font-family: 'OpenSans-Bold'}
#nav .list > a:hover{color: #fcac21;}
#nav .list .sub_row{position: absolute;left: 0;top: 100%;/*width: 140px;*/background: rgba(0,0,0,.8);box-sizing: border-box;z-index: 100;padding: 15px 10px 30px;line-height: 28px;opacity: 0;visibility: hidden;}
#nav .list .sub_row:before{width: 9999px;height: 100%;position: absolute;left: 100%;top: 0;background: rgba(0,0,0,.8);content: '';}
#nav .list .sub_row:after{width: 9999px;height: 100%;position: absolute;right: 100%;top: 0;background: rgba(0,0,0,.8);content: '';}
#nav .list .sub_row a{display: block;line-height: 30px;font-size: 16px;color: #fff;}
#nav .list .sub_row a span{margin-right: 10px;}
#nav .list:hover .sub_row{opacity: 1;visibility: visible;}
#header .func{float: right;margin-top: 35px;}
#header .func .icon{margin-right: 24px;cursor: pointer;float: left;margin-top: 12px;}
#header .func .icon:last-child{margin-right: 0;}
#header .func .icon.searchBox{margin-top: 15px;position: relative;}
#header .func .icon.searchBox .searchInput{position: absolute;right: -10px;height: 40px;top: -10px;opacity: 0;width: 200px;border-radius: 5px;border: none;box-sizing:border-box;text-indent: 15px;pointer-events:none;}
#header .func .icon.searchBox.active .searchInput{pointer-events:auto;opacity: 1;z-index: 10;cursor: text;}
#header .func .icon.searchBox #SearchBtn{position: relative;z-index: 11;}
#header .func .icon.headerInq{height:54px;width: 150px;box-sizing:border-box;border:3px solid white;line-height: 49px;text-align: center;text-transform: uppercase;font-family: 'Roboto-Regular' ;font-size: 15px;color: white;margin-top: 0;}
#header .func .icon.inquiry{}
#header .func .icon.inquiry span{width: 19px;line-height: 19px;right: -10px;top: -6px;background: #f0ac03;font-size: 12px;color: #000;border-radius: 100px;}
#header .func .icon.language_icon{position: relative;font-size: 20px;background: url(../images/language_arrow.png) no-repeat right center;}
#header .func .icon.language_icon span{color: #fff;text-transform: uppercase;font-family: Arial;}
#header .func .icon.language_icon .down{position: absolute;left: 0;top: 100%;background: rgba(0,0,0,.8);opacity: 0;visibility: hidden;z-index: 100;padding: 10px;border-radius: 5px;}
#header .func .icon.language_icon:hover .down{opacity: 1;visibility: visible;}
#header .func .icon.language_icon .down a{display: block;width: 120px;line-height: 25px;font-size: 17px;color: #fff;overflow: hidden;}
/*#header.index_header{position: absolute;left: 0;top: 47px;width: 100%;z-index: 10001;}
#header.index_header .wrap{background: rgba(0,0,0,.8);border-radius: 10px;}*/
#header.fiexd{position: fixed;top: 0;left: 0;width: 100%;background: white;z-index: 10001;}
#header.fiexd #nav .list{padding-bottom: 9px;}
#header .search_box{margin-top: 20px;}
#header .search_box .search{}
#header .search_box .search input[name=Keyword]{width: 176px;height: 26px;background: #f1f1f1;box-sizing: border-box;padding:0 7px;margin-right: 5px;font-size: 12px;color: #505050;}
#header .search_box .search input[type=submit]{width: 28px;height: 28px;background: url(../images/icon_search.png) no-repeat center;}

.ueeshop_responsive_header .header{background: #000 !important;border-bottom: 0 !important;}
.ueeshop_responsive_header .header .func{margin-top: 12px !important;}
.ueeshop_responsive_header .header .func .search_btn{width:23px; height:23px; background:url(../images/search_btn_white.png) no-repeat center center / 100% !important;}
.ueeshop_responsive_header .header .func .member_btn{width:23px; height:23px; background:url(../images/account_btn_white.png) no-repeat center center / 100% !important;}
.ueeshop_responsive_header .header .func .menu_btn{width:23px; height:23px; background:url(../images/menu_btn_white.png) no-repeat center center / 100% !important;}
.ueeshop_responsive_header .header .func .menu_btn.on{background:url(../images/close_btn_white.png) no-repeat center center / 80% !important;}

/*尾部*/
#footer{background: #0e2032;}
#footer .top_warp{background: #f4b62a;height: 123px;}
#footer .top_warp .cont{width: 1200px;overflow: hidden;}
#footer .top_warp .cont .char{float: left;margin-top: 37px;}
#footer .top_warp .cont .char .title{font-family: 'Roboto-Regular';font-size: 16px;color: white;}
#footer .top_warp .cont .char .subTitle{font-family: 'Roboto-Bold';font-size: 24px;color: white;margin-top: 6px;}
#footer .top_warp .cont .contact{float: right;width: 166px;height: 47px;border: 2px solid #2e2e2e;text-align: center;line-height: 47px;font-family: 'Roboto-Bold';font-size: 16px;color: #2e2e2e;margin-top: 37px;}
#footer .wrap{padding-top: 51px;padding-bottom: 75px;}
#footer .wrap .left_area{width: 22%;float: left;margin-right: 110px;}
#footer .wrap .left_area .logo{margin-bottom: 43px;height: 58px;}
#footer .wrap .left_area .char{padding-left: 63px;font-family: 'Opensans-Regular';font-size: 16px;color: white;margin-bottom: 30px;line-height: 21px;color: #e4e4e4;background-repeat: no-repeat;background-position: 16px 0;}
/*#footer .wrap .left_area .char.phone{background-image: url(../images/footer_icon_1.png);min-height: 23px;}*/
#footer .wrap .left_area .char.phone{background-image: url(../images/footer_icon_4.png);min-height: 30px; background-size:9%;}
#footer .wrap .left_area .char.mobile{background-image: url(../images/footer_icon_5.png);min-height: 30px; background-size:7%;}
#footer .wrap .left_area .char.address{background-image: url(../images/footer_icon_2.png);min-height: 24px;}
#footer .wrap .left_area .char.email{background-image: url(../images/footer_icon_3.png);min-height: 18px;}
#footer .copy{float: left;padding-top: 32px;padding-left: 23px; float:left; width:15%; overflow:hidden;}
#footer .copy.follow{float: right;width: 26.4%;}
#footer .copy.follow .brief{font-family: 'Opensans-Regular';font-size: 16px;color: #6e6e6e;line-height: 24px;}
#footer .justify{width: 100%;height: 0;font-size: 0;display: inline-block;}
#footer .footer_title{font-family: 'OpenSans-Bold';font-size: 20px;color: #ffffff;position: relative;margin-bottom: 36px;text-transform: uppercase;}
#footer .footer_title:after{width: 5px;height: 21px;background: #fcac21;position: absolute;left:-23px;top: 4px;content: '';}
#footer .copy .d{display: block;line-height: 30px; height:30px; overflow:hidden;}
#footer .copy .d a{color:#6e6e6e;font-size: 14px;font-family: 'Opensans-Semibold'}
#footer .copy p{width: 350px;padding-top: 5px;font-size: 12px;line-height:24px;color: #a9a9a9;font-family: "Opensans-Regular";}
#footer .copy form{padding: 26px 0 14px 0;overflow: hidden;}
#footer .copy form input[type=text]{border: none;background:url('../images/newletter_emailIco.png') no-repeat left 15px center #fff;width: 275px;height: 45px;font-size: 12px;color: #918f9a;padding: 0 15px 0 48px;float: left;border-radius: 22.5px 0 0 22.5px;border: 1px solid transparent;}
#footer .copy form input[type=submit]{width: 60px;height: 47px;border:none;text-transform: uppercase;font-size: 12px;color: #272c4c;float: left;background:url('../images/newletter_butIco.png') no-repeat center #fff;border-radius: 0 22.5px 22.5px 0; border: 1px solid transparent;}
#footer .copy .share{margin: 30px 0 0;padding:0;}
#footer .copy .foot_share .foot_share_box{margin-right: 19px;background-color: #464646;border-radius: 50%;margin-bottom: 15px;}
#footer .copy .share .img{display: inline-block;margin-right: 20px;}
#footer .copy .share a{display: inline-block;padding: 0;}
#footer .copyer{font-size: 14px;color: #fff;line-height: 24px;padding: 25px 0;background: #2e2e2e;margin-top: 35px;}
#footer .copyer a{color:#fff;}
#footer .global_swap_chain{padding-top: 20px;}

@media screen and (max-width: 1280px) {
    #nav{max-width:610px;}
}
@media screen and (max-width: 900px) {
	#footer .wrap .left_area{margin-right: 0;width: 30%;box-sizing:border-box;}
	#footer .copy{width: 30%;box-sizing:border-box;margin-left: 5%;}
	#footer .copy.follow{width: 100%;margin-top: 25px;box-sizing:border-box;}
}
@media screen and (max-width: 768px) {


	#footer .copy{padding:0 0 10px 0; width:100%; float:none;}
	#footer .footer_title{border-bottom:1px solid #f8c800;border-left:none;margin-bottom: 5px;height: 28px;line-height: 28px;padding-bottom: 7px;}
	#footer .footer_title:after{display: none;}
	#footer .copy .d{display:none; padding-left:15px;}
	#footer .copy.news_letter{display:none;}
	#footer .copyer{padding:10px 0; text-align:center;}

	
	#footer .wrap .left_area{width: 100%;}
	#footer .copy{margin-left: 0}
	#footer .copy.follow{margin-top: 0}
	#footer .top_warp{height: auto;padding-bottom: 25px;}
	#footer .top_warp .cont .contact{width: 100%;box-sizing:border-box;}
}

.banner{}
.banner.emp_img{}
.banner.emp_img .absolute.wrap{position: relative;padding-top: 10px;color: #000;}
.banner .wrap{left: 0;right: 0;z-index: 1;margin:auto;bottom: 10%;font-family: "OpenSans-Bold";font-size: 48px;color: #fff;}
.banner .title{border-left: 6px solid #feb900;padding-left: 35px;}


.wrap.inner{padding-top: 15px;}
.products{}
.products .left{width: 22.5%;}
.products .left *{font-family: "OpenSans-Regular";}
.products .left .cate_title{ width: 100%; height: 49px; line-height: 49px; background: #feb900; font-size: 20px; color: #fff; text-indent: 16px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.products .left .cate_row span{display: block;position:relative;padding:15px;line-height: 30px;font-size: 16px;color: #333333;border-top: 1px solid #ebebeb;cursor: pointer;}
.products .left .cate_row:nth-child(2) span{ border-top: 0;}
.products .left .cate_row span em{width: 10px;height: 100%;background: #000;position: absolute;top: 0;right: 2%;background: url(../images/icon_p_close.png) no-repeat center 25px;}
.products .left .cate_row a.topa{font-size: 16px;color: #333;}
.products .left .cate_row:first-child span{border-top:none;}
.products .left .cate_row ul{ display: none; margin-top: 0px;padding-left: 35px;padding-bottom: 0px;transition:all 0.5s;}
.products .left .cate_row ul li{margin:3px 0;}
.products .left .cate_row ul li a{display: block;font-size: 16px;line-height: 25px;color: #8d8d8d;height: 0px;overflow: hidden;}
.products .left .cate_row ul li a:hover{color: #f0ac03;}
.products .left .cate_row ul li.v3{padding-left: 15px;margin:0;}
.products .left .cate_row ul li.v3 a{font-size: 14px;}
.products .left .cate_row.on span em{background-image: url(../images/icon_p_open.png);}
.products .left .cate_row.on ul li a{height: auto;}
.products .left .cate_row.on ul{ display: block; margin-top: -8px;padding-bottom: 23px;}

.products .left{/*padding-top: 35px;*/}
.products .left .hot_pro{ margin: 30px 0; width: 100%;}
.products .left .hot_pro .title{ font-size: 18px;color: #191919;font-weight: bold;margin-bottom: 20px;}
.products .left .hot_pro .list{ display: block; width: 100%; height: 100%; text-decoration: none;}
.products .left .hot_pro .list .item{ margin-top: 16px; padding: 15px 0; width: 100%; height: 74px; border-bottom: 1px solid #e3e3e3;}
.products .left .hot_pro .list .item:first-child{ margin-top: 0;}
.products .left .hot_pro .list .item .img{ display: block; width: 74px; height: 100%; background: #d1d1d1;}
.products .left .hot_pro .list .item .item_title{ display: block; width: calc(100% - 80px); height: 100%; line-height: 24px; font-size: 15px; color: #555; overflow: hidden;}
.products .left .hot_pro .list .item .item_title:hover{ text-decoration: underline;}

.products .right{width: 73.75%;}
.products .right .cate_title{ margin: 0 auto; width: 96%; height: 37px; line-height: 37px; font-size: 24px; color: #000; font-family: 'Opensans-Bold';}
.products .right .brief_desction{ margin: 18px auto 0 auto; width: 96%;}
.products .right .list{ margin-top: 34px;}
.products .right .ueeshop_responsive_turn_page{text-align: center;}

body .ueeshop_responsive_products_list{margin-top: 0;}
body .ueeshop_responsive_products_list .item{margin-bottom: 30px;}
body .ueeshop_responsive_products_list .item .pro{width: 90%;border:1px solid #eee;}
body .ueeshop_responsive_products_list .item .info{width:90%;padding:0 5%;}
body .ueeshop_responsive_products_list .item .info .name{text-align:left; line-height:180%; height:50px;}
body .ueeshop_responsive_products_list .item .info .name a{font-size:16px; color:#333;}

body .ueeshop_responsive_turn_page{text-align: right;}
body .ueeshop_responsive_turn_page.s1 > span .page_item_current{color: #f0ac03;}
body .ueeshop_responsive_turn_page span a,
body .ueeshop_responsive_turn_page span font{color: #787878;}
body .ueeshop_responsive_turn_page span em{width: 20px;height: 8px;}
body .ueeshop_responsive_turn_page span em.icon_page_prev{background: url(../images/prev_page.png) no-repeat center;}
body .ueeshop_responsive_turn_page span em.icon_page_next{background: url(../images/next_page.png) no-repeat center;}

body .ueeshop_responsive_products_detail .description .title{padding-bottom: 15px;}
body .ueeshop_responsive_products_detail .description .title span{padding-left: 25px;font-size: 30px;color: #333;font-family: "OpenSans-Bold";border-left: 5px solid #feb900;}

.ueeshop_responsive_products_detail .info .desc,
.ueeshop_responsive_case_list .item .info .desc,
.ueeshop_responsive_info_list .item .info .desc,
.ueeshop_responsive_article_detail > .contents *{font-family: "Opensans-Regular";}

/* 新闻详细(推荐文章) */
.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;}

.cont{margin: 0 auto;}

@media screen and (max-width: 1280px) {
    .wrap{width: 96%;}
    #nav .list{margin: 0 26px 0 0;}
}
@media screen and (max-width: 1220px) {
	#footer .top_warp .cont{width: 90%;}
}
@media screen and (max-width: 1140px) {
	#nav .list{margin:0 16px 0 0;}
}
@media screen and (max-width: 1080px) {
	#nav .list{margin:0 2px 0 0;}
}
@media screen and (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;}

	.banner .wrap{display: none;}

	body .ueeshop_responsive_products_list .item{margin-bottom: 10px;}
}
@media screen and (max-width: 768px) {
	.products{padding:0;}
	.products .left{display: none;}
	.products .right{width: 100%;}
	.products .page{height: auto;padding-left:20px;margin-bottom:25px;}
	.products .page .of{line-height: 40px;font-size: 14px;}
}

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

	body .ueeshop_responsive_products_detail .description .title span{font-size: 22px;padding-left: 10px;margin-right: 15px;}
}