@charset "utf-8";
/*@font-face{font-family:'brown';src:url("https://www.logitech.com/asset/fonts/lineto-brown-pro-thin.woff") format("woff");font-weight:100;font-style:normal}
@font-face{font-family:'brown';src:url("https://www.logitech.com/asset/fonts/lineto-brown-pro-light.woff") format("woff");font-weight:200;font-style:normal}
@font-face{font-family:'brown';src:url("https://www.logitech.com/asset/fonts/lineto-brown-pro-regular.woff") format("woff");font-weight:300;font-style:normal}
@font-face{font-family:'brown';src:url("https://www.logitech.com/asset/fonts/lineto-brown-pro-bold.woff") format("woff");font-weight:800;font-style:normal}*/
/* CSS Document */
body{margin:0px; padding:0px; font-size:12px; font-family: Arial, "Arial"; color:#666; overflow-x:hidden; background: #FFFFFF; }
a{color:#666; text-decoration:none; outline:none;}
a:active{star:expression(this.onFocus=this.blur());} 
img{border:0px; vertical-align:middle;}
a:link {text-decoration: none; outline:none;}
a:visited{text-decoration: none; outline:none;}
/*a:hover{text-decoration:none; color:#f0832b; outline:none;}*/
ul, p, dl, dt, dd{padding:0px; margin:0px;}
li{list-style-position:outside; list-style-type:none;}
h1, h2, h3, h4, h5{font-size:14px; padding:0px; margin:0px;}
h1{font-size:16px;}
h5{font-size:12px;}
input, textarea{background:transparent; padding:0px; font-size:12px; font-family:"Arial"; color:#888; outline:none; border:0px;}
em{font-style:normal;}
input:focus {outline: none; } 
input:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } 
input:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } 
input:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; }
textarea:focus {outline: none; } 
textarea:focus::-webkit-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; } 
textarea:focus::-moz-placeholder {text-indent: 100%; opacity: 0; -moz-transition: .4s; } 
textarea:focus:-ms-input-placeholder {text-indent: 100%; opacity: 0; -webkit-transition: .4s; transition: .4s; }

.wal{width:1200px; margin:0px auto;}
.w1600{ width: 1600px; margin: 0 auto; }
.w1308{ width: 1308px; margin: 0 auto; }
.w1350{ width: 1350px; margin: 0 auto; }
.fl{float:left;}
.fr{float:right;}
.clear_f{clear:both; height:0px; padding:0px; margin:0px; display:block; _display:inherit;}
.pc-show{ display: block !important; }
.pc-hide{ display: none !important; }

/*头部导航*/
.headBox{ position: fixed; top: 0; left: 0; right: 0; z-index: 55; line-height: 77px; border-bottom: 1px solid #535454; height: 76px; }
.headBox2{ position: relative; background: #000!important;}
/*三种情况的头部*/
.headBox.nocolor{ background: url(../images/bg_01.png) repeat; }
/*.headBox.black{ background: #171717; }*/
.head{ position: relative; }
.head .logo{ position: absolute; left: 0; top: 0;  z-index:2;}
.head .logo img{ position:relative; top:-1px;}
.head ul {
    overflow: hidden;
	width: 100%;
	text-align:center;
    position: absolute;
    left: -46px;
    margin-left: 0;
}

.head li.sNavA { display:inline-block; padding-right: 20px;position: relative;padding-left: 20px;}
.head li:before{ content: ''; display: block; height: 15px; position: absolute; width: 4px; background: url(../images/head_i1.png) no-repeat center; right: 0; top: 50%; margin-top: -7.5px;  }
.head li:last-child:before{ display: none; }
.head li.sNavA .link{ text-transform: uppercase; font-size: 12pt; color: #FFFFFF; display: block; position: relative; }
.head li .link.active{color: #f0832b;}
/*.head li:hover a em{ position: absolute; left: 0; width: 100%; bottom: 0; height: 6px; background: #F0832B; }*/
.head .seekBox {
    position: absolute;
    line-height: normal;
    width: 138px;
    height: 34px;
    top: 22px;
    right: 129px;
}

.head .seekBox input{ height: 33px; width: 114px; position: absolute;right: 0;border-bottom: 1px solid #f0832b; font-size: 12pt; color: #FFFFFF; padding-right: 24px;}
.head .seekBox input::-moz-placeholder{ color: #F0832B; opacity: 0.8; }
.head .seekBox input::-ms-input-placeholder{ color: #F0832B; opacity: 0.8; }
.head .seekBox input::-webkit-input-placeholder{ color: #F0832B; opacity: 0.8; }
.head .seek{ width: 24px; height: 33px; background: url(../images/seek.png) no-repeat center; position: absolute; right: 0; top: 0; }
.head .clear{ width: 24px; height: 33px;font-size: 30px;color: #f0832b;font-family: -webkit-pictograph; position: absolute; right: 0; top: 0;display: none; }
.head .seekBox .show-pop-box {position: absolute;right: 0;font-size:14px; bottom: -29px;z-index: 10;width: 724px;height: 30px;line-height: 30px;background: #fff;color: #333;padding-left: 15px;box-sizing: border-box;box-shadow: 0 2px 5px rgba(0, 0, 0, .1);display: none;cursor: pointer;}
    .head .seekBox .show-pop-box:hover {
    color:#F0832B;
    }
.head .language{ float: right; position: relative; }
.head .language span{ font-size: 12pt; padding-left: 32px; background: url(../images/icoimg.png) no-repeat left center; /*text-transform: uppercase;*/ color: #999999; cursor: pointer;background-size: 20px;}
.head .language dl{ position: absolute; left: 50%; margin-left: -45px; width: 310px; background: #FFFFFF; top: 100%; padding: 12px 0; display: none; }
.head .language dd{ margin-left: 28px; line-height: 34px; position: relative; }
.head .language dd:before{ content: ''; display: block; width: 4px; height: 4px; background: #999999; position: absolute; left: 0; top: 50%; margin-top: -2px; }
.head .language dd a{ display: block; padding-left: 20px; /*text-transform: uppercase;*/font-size: 12pt;}
.head .language .open:before{ background: #F0832B; }


/*头部菜单*/
.sNav{ width:100%;position: fixed; top: 76px; left: 0; z-index:999999999; background: #484848;display: none;}
/*修改*/
.language  dl .open a{
	color: #f0832b;
}
.language dl dd a:hover{
	color: #f0832b;
}
.sNav .sNav-tag{
	width: 1350px;
	margin: 20px auto 27px;
	overflow: hidden;
	text-align: center;
}
.head ul li:hover .sNav{
	position: fixed; top: 76px; left: 0; z-index:999999999;
}
.ulnav{
	margin-right: -20px;
    overflow:hidden;
    padding-bottom: 15px;
}
.sNav_div{
	margin-right: 20px;
}
.sNav .sNav-tag .sNav-box{
	width: 12%;
	font-size: 14px;
	display: block;
	vertical-align: top;
    float:left;
}
.sNav .sNav-tag .sNav-box:last-child{
	margin-right: 0;
}
.sNav .sNav-tag .sNav-box img{
	width: 100%;
}
.sNav .sNav-tag .sNav-box .title{
	display: block;
	/*font-family: "one";*/
    font-family: "Arial";
	color: #f0832b;
	line-height: normal;
	padding: 24px 0 8px 0;
    height:72px;
	border-bottom: 1px solid #5c5c5c;
}
.sNav .sNav-tag .sNav-box .title {
	height: 44px;
	line-height: 22px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 2;
	overflow: hidden;
    text-align:center;
}
.sNav .sNav-tag .sNav-box a{
	display: block;
	/*font-family: "one";*/
	font-size: 14px;
	color: #fff;
	line-height: 26px;
	text-align: center;
}

.sNav .sNav-tag .sNav-box a:hover{ text-decoration:underline;}
/*end*/
.headBtm li.move a{ background: none; color: #333; }
.headBtm li.aNow1 a { background: #f0f9f3; color: #32B663; }

.move1{ width: 112px; height: 32px; line-height: 32px; text-align: center; border: 1px solid #333333; display: block; transition: .5s; }
.move1 em{ font-size: 14px; color: #333333; padding: 0 26px 0 0; background: url(../images/more1.png) no-repeat right center; }

.move1:hover{ background: #333333; }
.move1:hover em{ background: url(../images/more1on.png) no-repeat right center; color: #FFFFFF; }

/**/
/*分页*/
.pageNum{height:96px; padding-top:10px; text-align:center; color:#444;}
.pageNum a{margin:0 5px; display:inline-block; height:38px; line-height:38px; background:#fff; padding:0 15px; border:#e3e3e3 solid 1px; font-size:14px;}
.pageNum a:hover, .pageNum .aNow{background:#17aaeb; border:#17aaeb solid 1px; color:#FFF;}

/*尾部*/
.footerBox{ background: #212121; padding: 40px 0 45px; }
.footer_list{ overflow: hidden; }
.footer_list li{ float: left; margin-right: 60px; }
.footer_list li:last-child{ margin-right: 0; }
.footer_list dt{ line-height: 25px; border-bottom: 1px solid #797979; margin-bottom: 17px; padding-right: 10px; }
.footer_list dt a{ font-size: 12pt; color: #FFFFFF; }
.footer_list dd{ line-height: 20px; } 
.footer_list dd a{ font-size: 11pt; color: #FFFFFF; }
.footer_list dd a:hover{ color: #F0832B; }
.footer .rightDiv{ width: 392px; }
.footer .rightDiv .h6{ margin-bottom: 22px; }
.footer .rightDiv .h6 em{ font-size: 18px; color: #FFFFFF; line-height: 25px; border-bottom: 1px solid #797979; padding-right: 42px; display: inline-block; }
.footer .rightDiv input{ width: 360px; height: 30px; border: 1px solid #dcdcdc; background: #FFFFFF; padding: 0 15px; font-size: 15px; color: #333333; }
.footer .rightDiv .h7{ font-size: 14px; color: #FFFFFF; margin: 18px 0 6px; }
.footer_list2{ overflow: hidden; color: #FFFFFF; font-size: 14px; }
.footer_list2 li{ float: left; width: 33.33%; overflow: hidden; margin-bottom: 12px; }
.footer .rightDiv .footer_list2 input{ width: 14px; height: 14px; border-radius: 0; margin: 2px 4px 0 0; float: left; }
.footer .rightDiv .footer_btn{ display: block; line-height: 28px; text-align: center; color: #333333; font-size: 18px; background: #ffffff; margin-top: 4px; border-radius: 0.11rem;}

.footerBox .botbot{ text-align:center;}
.footerBox .botbot li{ display:inline-block; font-size: 11pt; color:#fff; padding:0 15px;}
.footerBox .botbot li a{ display:block; color:#fff;font-size: 11pt;}


.footerBox .links{ width:140px; height:30px; line-height:30px; position:relative;}
.footerBox .links .name{height:30px; color:#fff; background:url(../images/ico6.png) right center no-repeat; cursor:pointer; text-align:left;}
.footerBox .links dl{position:absolute; z-index:30; left:0px; bottom:30px; width:100%; display:none;}
.footerBox .links dd{ margin-bottom:1px;}
.footerBox .links a{display:block; height:30px; line-height:30px; padding-left:15px; color:#8b919f; background:rgba(0,0,0,0.2); text-align:left;}
.footerBox .links a:hover{background:#F0832B; color:#fff;}


.footer .rightDiv .qrcode-box {font-size: 0;float: left;width: 40%;text-align: center;margin: 0 auto;}
.footer .rightDiv .qrcode-box img {width: 100px;}
.footer .rightDiv .qrcode-box p {color: #fff;margin-top: 5px;font-size: 11pt;}
@media screen and (max-width: 767px) {
	.footer .rightDiv .qrcode-box {width: 50%;}
}





/*页码*/
.number_Box{ font-size: 14px; padding: 20px 0 0; }
.number_Box .number{ text-align: center; }
.number_Box .number a{ width: 34px; height: 34px; line-height: 34px; background: #ebebeb; display: inline-block; margin: 0 5px; text-align: center; color: #999999; border-radius: 4px; overflow: hidden; }
.number_Box .number a:hover ,
.number_Box .number a.on{ background: #32B663; color: #FFFFFF; }
.number_Box .number a.prev{ background: url(../images/prev1.png) no-repeat center; text-indent: 100%; }
.number_Box .number a.next{ background: url(../images/next1.png) no-repeat center; text-indent: 100%; }
.number_Box .number a.prev:hover{ background: #32B663 url(../images/prev1on.png) no-repeat center; }
.number_Box .number a.next:hover{ background: #32B663 url(../images/next1on.png) no-repeat center; }

.numMore{ line-height: 0.7rem; display: block; text-align: center; color: #fff; background: #32B663; font-size: 0.28rem; display: none; }
.numMore:hover{ color: #fff; background: #32B663; }

/*上下篇*/
.num_piece{ border-top: 1px solid #000000; padding: 20px 0 0; position: relative; }
.num_piece .prev,
.num_piece .next{ width: 60%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.num_piece strong{ font-size: 18px; color: #666666; font-family: "Arial"; }
.num_piece a{ font-size: 18px; color: #666666; }
.num_piece a:hover{ color: #F0832B; text-decoration: underline;}
.num_piece .return{ display: block; width: 167px; line-height: 38px; border:1px solid #666666; text-align: center; font-family: "Arial"; font-size: 14px; position: absolute; right: 0; top: 24px; z-index: 10; }
.num_piece .return img{ margin: -4px 0 0 16px; }
.num_piece .return .off{ display: none; }
.num_piece .return:hover{ background: #F0832B; border-color: #F0832B; color: #FFFFFF; text-decoration: none; }
.num_piece .return:hover .on{ display: none; }
.num_piece .return:hover .off{ display: inline-block; }


/*搜索弹窗*/
.popBg{ background: #000000; opacity: 0.5; position: fixed; left: 0; right: 0; top: 0; bottom: 0; z-index: 100; display: none; }
.popBox{ position: fixed; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #FFFFFF; z-index: 102; max-height: 100%; overflow-y: auto; display: none; }
.seekPop{ padding: 40px 48px 44px; width: 1096px; position: relative; }
.seekPop .h6{ text-align: center; font-size: 30px; color: #333; font-family: "Arial"; padding-bottom: 12px; border-bottom: 1px solid #818383; }
.seekPop ul{ padding: 7px 0 0; max-height: 756px; overflow-y: auto; }
.seekPop li{ line-height: 28px; overflow: hidden; padding: 11px 0 16px; border-bottom: 1px solid #e5e6e6; }
.seekPop li:nth-of-type(1) .name{ line-height: 38px; }
.seekPop .name{ font-size: 17px; color: #333333; font-family: "Arial"; float: left; margin-right: 20px; }
.seekPop input{ width: 295px; height: 36px; border: 1px solid #aaaaaa; padding: 0 15px; font-size: 18px; color: #333333; float: left; }
.seekPop .clickBox{ float: left; margin-bottom: -7px; }
.seekPop .clickBox span{ display: block; float: left; padding: 0 10px; line-height: 28px; border: 1px solid #d2d2d2; margin-right: 6px; font-size: 13px; color: #333333; font-family: "Arial"; cursor: pointer; margin-bottom: 7px; }
.seekPop .clickBox .on{ border-color: #F0832B; }
.seekPop .button{ background: #F0832B; display: block; width: 114px; line-height: 41px; text-align: center; color: #FFFFFF; font-size: 14px; margin: 16px 0 26px; transition: .5s; margin-right: 10px;height:40px;padding:0;}
.seekPop .button:hover{ transform: translateY(-5px); }
.seekPop .bottom{ background: #f4f4f4; position: absolute; left: 0; right: 0; bottom: 0; line-height: 44px; text-align: center;font-size:13px; }
.seekPop .bottom a{ color: #F0832B; border-bottom: 1px solid #F0832B; margin-left: 4px; }

/*产品详情弹窗*/
.productPop_Bg{ position: fixed; top: 0; bottom: 0; left: 0; right: 0; background: #000000; opacity: 0.7; z-index: 100; display: none; }
.productPop{ position: fixed; left: 50%; top: 50%; background: #FFFFFF; z-index: 102; padding: 50px 68px 72px; transform: translate(-50%,-50%); display: none; }
.productPop .h6{ font-size: 30px;  color: #333333; text-transform: uppercase; margin-bottom: 42px; text-align: center; }
.productPop .close{ position: absolute; right: 8px; top: 9px; cursor: pointer; }
.productPop ul{ padding: 0 50px 0 10px; height: 324px; overflow-y: auto; }
.productPop li{ width: 560px; border-bottom: 1px solid #e0e0e0; overflow: hidden; }
.productPop .img{ width: 127px; height: 80px; display: block; float: left; }
.productPop .img img{ 
    width: 125px;
height: 55px;
    position: relative;
    top: 10px; }
.productPop .btn{ float: right; line-height: 80px; display: block; font-size: 18px; color: #F0832B; }
.productPop .btn:hover{ text-decoration: underline; }



.navContent .list{ display:none;}
.sideNav .list .aNow{ color:#fea741;}
.sideNav .list dd a{ font-size:12px; padding-left:2.2rem;}

/*2020.5.25*/
.searchIco{ position: absolute; left: 2.0rem; top: 0; width: 0.86rem; height: 0.76rem; line-height: 0.76rem; text-align: center; background:#ffffff00; }
.searchIco img{ width: 0.3rem; }

.searchLayerTel{ display:none; z-index:46; top:0.76rem; left:0px; width:100%; position:fixed; background: #f5f5f5;}
.searchLayerTel .box{ padding:0.4rem 0.2rem;}
.searchLayerTel .box .form{ height:0.8rem; border:#ddd solid 1px; position:relative; background:#fff; border-radius:0.36rem; -moz-border-radius:0.36rem;}
.searchLayerTel .form .input1{ width:5.0rem; height:0.8rem; line-height:0.8rem; text-indent:0.15rem; color:#999; font-size:0.24rem;}
.searchLayerTel .form .btn1{ position:absolute; right:0px; top:0px; background: url(../images/seek.png) center no-repeat; background-size: 0.24rem; width:1.2rem; height:0.8rem; cursor:pointer;}


.notice-section {display: none;background: url(../images/bg_01.png) repeat;position:fixed;left: 9.25%;top: 92%;z-index: 99;width: 81%;color: #fff;padding: 0 30px 0 60px;font-size: 15px;box-sizing: border-box;}
.notice-box {display: flex;justify-content: space-between;}
.notice-box .txt-box {flex: 0 0 90%;padding: 24px 0;}
.notice-box > a {/*flex: 0 0 6.5%;*/flex: 0 40%;border-radius: 5px;margin-top:18px;background: #f0832b;color: #fff;text-align: center;height: 30px;line-height: 30px;}
.notice-box .txt-box  a {color: #f0832b;font-size: 15px;}
@media screen and (max-width: 1004px) {
	.notice-section {padding: 0px 10px 20px;font-size: 14px;top: auto;bottom: 0;}
	.notice-box {flex-wrap: wrap;}
	.notice-box .txt-box {flex: 0 0 100%;padding: 15px 0;text-align: justify;}
	.notice-box > a {flex: 0 40%;margin:10px auto 0;}
	.notice-box .txt-box  a {font-size: 14px;}
}