.relative{position: relative;min-height: 100px; z-index: -1;}
.absolute{position: absolute;z-index: 1;}
/* header */
#header{width: 100%;height: 107px;zoom: 1;max-width: 1920px;margin: 0 auto; background-color: #fff;}
#nav { width: 100%; height: 100%; position: relative;z-index:100;}
#nav .nav_box { box-sizing: border-box;width: 100%;max-width: 1920px; margin: 0 auto;display: flex;flex-direction: row; justify-content: space-between; padding: 0 5.255%; height: 100%;}

#nav .nav_box .logo_box { min-width: 280px; max-width: 110px; margin-right: 15px;}
#nav .nav_box .logo_box h1,#nav .nav_box .logo_box div{line-height: 107px; height: 100%;}

#nav .nav_box .navbar { width: calc(100% - 380px); display: flex;flex-direction: row; justify-content: flex-end; margin-right: 20px;}
#nav .nav_box .navbar .n_item{ cursor: pointer;position: relative;z-index: 1;margin-right: 5%;}
#nav .nav_box .navbar .n_item:last-child {margin-right: 0;}
#nav .nav_box .navbar .n_item a{text-decoration: none; line-height: 107px; font-size: 16px; text-transform: uppercase; font-family: "Montserrat-Regular"; color: #111111; white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
#nav .nav_box .navbar .n_item a:hover {color: #04979E;}
#nav .nav_box .navbar .n_item:hover .navSub {display: block;}
#nav .nav_box .navbar .n_item .navSub a{line-height: 50px;font-family: 'Arial';font-size: 16px;}

#nav .nav_box .r_nav { min-width: 240px; display: flex;flex-direction: row;max-width: 240px;}
#nav .nav_box .r_nav:after{clear: both;}
#nav .nav_box .r_nav .nav_icon{  height: 100%;cursor: pointer;margin-right: 9%;position: relative;}
#nav .nav_box .r_nav .nav_icon:last-child {margin-right: 0;}
#nav .nav_box .r_nav .nav_icon>a{ width: 33px; height: 100%;display: block; line-height: 107px; font-family: "Montserrat-Regular"; font-size: 16px; color: #111111;}
#nav .nav_box .r_nav .nav_icon:hover .navSub {display: block;}
#nav .nav_box .r_nav .navSub a{line-height: 32px;font-family: 'Arial';font-size: 16px;}
#nav .nav_box .r_nav .nav_icon .language_icon{ line-height: 107px;font-size: 16px; text-transform: uppercase; font-family: "Montserrat-Regular"; color: #111111;}
#nav .nav_box .r_nav .nav_icon .search_icon{ background: url(../images/search.png) no-repeat center;}
#nav .nav_box .r_nav .nav_icon .sign_icon{ background: url(../images/sign.png) no-repeat center; }
#nav .nav_box .r_nav .nav_icon .info_icon{ background: url(../images/info.png) no-repeat center;}
#nav .nav_box .r_nav .nav_icon .navSub{width: 150px;}
#nav .nav_box .r_nav .nav_icon .navSub a{text-decoration: none;}
#nav .nav_box .r_nav .nav_icon .navSub a:hover a{background-color: #04979E}
/*nav_hidden*/
.trans{transition: all 300ms ease 0s;}
.navSub{width: 205px;background: no-repeat center top #fff;position: absolute;top: 75%;left: 50%;transform: translate(-50%,0);box-shadow: 0 0 10px rgba(0,0,0,.1);padding: 9px 20px;box-sizing: border-box;border-radius: 5px;display: none;z-index: 999;}
.subName{display: block;line-height: 36px;font-size: 14px;text-transform: capitalize;}
.hoverColor{transition: all .3s;}
.text-over{text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*nav_hidden_end*/

/*搜索框*/
#default_search_box{width: 100%;height: 100%;position: fixed;background: rgba(0,0,0,0.8);left: 0;top: 0;z-index: 9999;}
#default_search_box .form {width: 50%;max-width: 500px;height: 50px;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;}
#default_search_box .text {width: 100%;height: 50px;line-height: 50px;border: 0;border-bottom-color: currentcolor;border-bottom-style: none;border-bottom-width: 0px;border-bottom: 1px solid #fff;padding-right: 35px;color: #fff;background: none;outline: none;text-indent: 10px;box-sizing: border-box;}
#default_search_box .button {width: 35px;height: 48px;position: absolute;right: 0;top: 0;background: url(../images/search_btn.png) center no-repeat;cursor: pointer;border: 0;outline: none;}
#default_search_box .form i {width: 30px;height: 30px;position: absolute;right: -60px;top: -60px;background: url(../images/search_close.png) center no-repeat;cursor: pointer;}
/*搜索框-end*/
/* header_end */

/* footer_pc */
#footer {width:100%;height:7.63%;/*max-height: 450px;*/background-color:#0c0c0d;position: relative;z-index: 1;}
#footer .footer_box{width: 90%;max-width: 1440px;margin: 0 auto ;height: 100%;/*max-height: 385px;*/padding-top: 50px;}
#footer .footer_box .ft_item_box{display: flex;flex-direction: row;padding-bottom: 70px;}
#footer .footer_box .ft_item_box .ft_item{width: 25%;}
#footer .footer_box .footer_bottom_text {width: 100%;font-size: 16px;font-family: "Opensans-Regular";line-height: 32px;color: #4e4e4e;padding-bottom: 55px;}
.t264_dd {display: flex;flex-direction: column;}
.t264_dd a{display: block;font-size: 16px;font-family: "Opensans-Regular";color: #707070;margin-bottom: 15px;}
/* footer_pc-end */

/* footer_mobile */
#footer_list { display: none;width: 100%; background-color:#111111;position: relative;}
#footer_list .footer_list_box { width: 92%; padding: 1% 0; margin: 0 auto;}
#footer_list .footer_list_box .footer_list_item{font-size: 32px;font-family: "Montserrat-Regular";color: #ffffff;margin-bottom: 15px;}
#footer_list .footer_list_box .footer_list_item:last-child {margin-bottom: 0;}
#footer_list .footer_bottom_text {margin: 0 auto;width: 92%;font-size: 24px;font-family: "Opensans-Regular";line-height: 160px;text-align: center;color: #555555;}
.footer_icon{ width: 33px; height: 33px;background: url(../images/+.png) no-repeat center;float: right;}
.foot_title{display: block;cursor: pointer;}
.foot_content{display: none;}
.open{display: block}
.footer_bottom_text{font-size: 24px;}
.t264_dt {font-size: 20px;color: #ffffff;font-family: "Montserrat-Regular";display: block;margin-bottom: 25px;}
.text a {display: block;color: #555;margin-top: 5px;}
/* footer_mobile-end */

/* 内页 */
.banner .wrap{left: 0;right: 0;z-index: 1;margin:auto;bottom: 10%;font-family: "Opensans-Regular";font-size: 48px;color: #fff;position: absolute;}
.banner .title{border-left: 6px solid #04979E;padding-left: 35px;font-family: "Montserrat-Regular"}

.wrap{width:1200px; margin:0 auto; zoom:1;}
.wrap.i-wrap{width:1440px;}
.wrap:after,.wrap:before{display:table; content:'';}
.wrap:after{clear:both;}
.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: #04979E; 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: #04979E;}
.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: "Montserrat-Regular";font-weight:bold;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;}
.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;font-family: "Opensans-Regular";}
body .ueeshop_responsive_products_list .item .info .price{color:#333;font-family: "Opensans-Regular"; text-align: left;}

body .ueeshop_responsive_turn_page{text-align: right;}
body .ueeshop_responsive_turn_page.s1 > span .page_item_current{color: #04979E;}
body .ueeshop_responsive_turn_page span{width: auto;min-width: 54px;}
body .ueeshop_responsive_turn_page span a,
body .ueeshop_responsive_turn_page span font{color: #787878;width: 100%;}
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: 0px;}
body .ueeshop_responsive_products_detail .description .title span{padding-left: 25px;font-size: 30px;color: #333;font-family: "Montserrat-Regular";font-weight: bold;border-left: 5px solid #04979E;border-bottom: none;margin-bottom: 10px;}
body .ueeshop_responsive_info_list .item .info .title a {font-family: "Montserrat-Regular";overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-word;}
body .ueeshop_responsive_download_list ul li .name {width: 85%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

.ueeshop_responsive_case_list .item .info .name a,
.ueeshop_responsive_info_detail > .title,
.ueeshop_responsive_case_detail > .name{font-family: "Montserrat-Regular";}

.ueeshop_responsive_products_detail .info .name,
#global_editor_contents,
.ueeshop_responsive_products_detail .info .desc,
.ueeshop_responsive_case_list .item .info .desc,
.ueeshop_responsive_info_list .item .info .desc,
.ueeshop_responsive_products_detail .description .contents,
.ueeshop_responsive_info_detail .ext_mes,
.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;font-family: "Montserrat-Regular";}
.rale_news .news_title .title{ font-size: 22px; color: #191919;font-family: "Montserrat-Regular";}
.rale_news .news_title .read_btn{ font-size: 14px; color: #888;font-family: "Opensans-Regular";}
.rale_news .news_title .read_btn span{ font-size: 14px; color: #888; font-family: "Opensans-Regular"; 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 .img{ display: block; width: 100%; text-align: center; text-decoration: none; overflow: hidden;}
.rale_news .list .item .title{ font-family: "Montserrat-Regular";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;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;}
.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;font-family: "Opensans-Regular";}
.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;}

@media screen and (max-width: 1280px) {
	.wrap{width: 96%;}
	#nav .list{margin: 0 26px 0 0;}
}
@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) {
	#header {display: none;}
	.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;}

	/* footer */
	#footer {display: none;}
	#footer_list {display: block;}
	#footer_list .footer_bottom_text{font-size: 14px;line-height: unset;padding: 37.5px 0;}
	#footer_list_item{margin-top: 20px;}
	.t264_dt {font-size: 16px;margin-bottom: 0;}
	.t264_dd a{font-size: 14px;display: block;line-height: 25px;margin-bottom: 0;}
	.footer_icon{width: 19px;height: 19px;}
	/* footer-end */
	body .win_alert .win_pwd .pwd_text {max-width: 100%;}
}

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


/*分页样式*/
.pages{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
    height:36px;
}
.pages ul{

}
.pages ul li{
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
    line-height: 36px;
}
.pages ul li a,.pages ul li span{
    line-height: 36px;
    height:34px;
    padding-left: 15px;
    padding-right: 15px;
    border-radius: 4px;
    text-align: center;
    display: inline-block;
    border: 1px #ddd solid;
    background: linear-gradient(to bottom,#F2F2F2,#FFFFFF,#F2F2F2);
    cursor: pointer;
}
.pages ul li.disabled span{
    background: #FFF;
    color:#ddd;
    cursor: not-allowed;
}
.pages ul li.active span {
    background: #FFF;
    color:#FB4765;
    border-color: #FB4765;
    font-weight: bold;
}
.pages ul li a:hover{
    color:#FB4765;
}