html, div, body, p, form, img, dd, h1, h2, h3, h4, input{margin:0 auto;padding:0;font-family:Segoe UI, Arial, Segoe, Tahoma, sans-serif;color:#222222;line-height:160%;font-weight:normal;}
.flex_box{display:-webkit-box;display:-webkit-flex;display:flex;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;flex-wrap:wrap;}i{display:inline-block;}
.clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
body{font-size:62.5%;}
p{line-height:20px;}
dl, dd, dt{margin:0;padding:0;}
ul{margin:0;padding:0;list-style:none;}
li{margin:0;list-style:none;padding:0;}
img{border:none;}
a, a:link, a:visited{text-decoration:none;color:#222;}
a:hover, a:active{text-decoration:underline;color:#222;}
input{font-size:1.2em;float:left;}
table{border-collapse:collapse;}
dl, dt, dd{text-align:left;}
.clearfloat::after{content:"";display: block;height: 0;clear: both;overflow: hidden;visibility: hidden;}
.clearfloat{zoom:1;}
.container{max-width:1200px;width: 100%;overflow:hidden;margin: auto;}
#header{width:100%;height:72px;position:relative;}
#header .container{overflow:visible;}
#logo{width:20%;float:left;margin-top:20px;}
/*new header index*/
#header{width:100%;height:72px;position:relative;}
#logo{width:20%;float:left;margin-top:20px;}

#lookfor{float:right;margin-top:3px;}
.toggle-nav{display:none;}
.flex-box{display: -webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;}i{display: inline-block;}
h1,h2{font-size: 36px;color: #222;font-weight: 550;text-align: center;}
/* header */
.header{height:80px;position:relative;z-index:9;background:#fff;box-shadow:0px 0px 20px 0px rgba(45, 45, 45, 0.3);}
.header>.center{-webkit-align-items:center;align-items:center;height:80px;}
.header>.center>a{display: block;width: 100%;max-width:210px;}
.header .logo{display: block;width: 100%;max-width: 193px;margin: 0;height: auto;}
.header>div *{margin: 0;padding: 0;}
.header .toggle{display:none;}
.header .menu{margin-bottom:12px;}
.header .menu,.header .product_nav{text-align:right;}
.header .menu>li,.header .product_nav>li{display:inline-block;text-align:left;}
.header .menu>li{font-size:16px;color:#222;line-height:16px;margin-right:17px;padding-right:17px;position:relative;}
.header .menu>li::before{clear:both;content:"";width:1px;height:13px;background:#ABABAB;position:absolute;right:0px;top:2px;}
.header .menu>li:last-child::before{display:none;}
.header .menu>li:nth-child(1) i{width: 18px;height: 18px;background: url(/style/images/boutique.png);display: inline-block;margin-right: 10px;vertical-align: -4px;}
.header .menu>li:nth-child(1) a{color:#FF6A49;}
.header .menu>li:last-child{margin-right:0px;padding-right:0px;}
.header .product_nav>li .drop_box li i{display: inline-block;margin-left: 12px;vertical-align: -2px;}
.header .product_nav>li .drop_box li i.ai{width:21px;height: 14px;background: url(/style/images/ai.svg) no-repeat;}
.header .product_nav>li .drop_box li i.hot{width: 18px;height: 14px;background: url(/style/images/hot.svg) no-repeat;}
/* product_nav */
.header .product_nav>li{font-size:18px;color:#222;line-height:18px;font-weight:bold;margin-left:32px;}
.header .product_nav>li>i{width: 12px;height: 6px;background: url(/style/index/arrow-down-up.png)right top no-repeat;display: inline-block;margin-left: 8px;vertical-align: 2px}
.header .product_nav.pc>li:hover>a{color:#2577FF;text-decoration:none;}
.header .product_nav.pc>li:hover>i{background-position-y: -6px;}
.header .product_nav.pc>li:hover .drop_box{display:block;}
.header .product_nav>li .drop_box{position:absolute;left:50%;transform: translateX(-50%);max-width: 1200px;box-sizing: border-box;padding: 0 40px;top:80px;width:100%;border-radius: 0 0 8px 8px;
    box-shadow: 0 10px 15px rgb(0 0 0 / 20%);;background:#fff;border-top:2px solid #2577FF;padding-bottom:30px;display:none;}
.header .product_nav>li .drop_box .center{margin: auto;}
.header .product_nav>li .drop_box::before{clear:both;content:"";width:100%;height:20px;position:absolute;left:0px;top:-20px;}
.header .product_nav>li .drop_box>div>div{max-width:540px;width:100%;}
.header .product_nav>li .drop_box .title{font-size:20px;color:#333;padding-bottom:14px;border-bottom:1px solid #d7d7d7;margin-bottom:16px;margin-top:30px;}
.header .product_nav>li .drop_box li{width:260px;margin-top:6px;margin-bottom:6px;}
.header .product_nav>li .drop_box li a{font-size:14px;color:#333;font-weight:normal;line-height:24px;padding-left:14px;position:relative;}
.header .product_nav>li .drop_box li a::before{clear:both;content:"";width:0px;height:0px;position:absolute;left:0px;top:8px;border:4px solid #333;border-color:transparent transparent transparent #333;}
.header .product_nav>li .drop_box li img{margin-left: 12px;vertical-align: -2px;}
.header .product_nav>li .drop_box li:hover a{color:#2577FF;text-decoration:none;}
.header .product_nav>li .drop_box li:hover a::before{border-left-color:#2577FF;}
.header .product_nav>li .drop_box .title i{width:24px;height:24px;background:url(/images/index/menu-icons.png);vertical-align:-4px;margin-right:12px;}
.header .product_nav>li:nth-child(1) .drop_box div div:nth-child(1) .title:nth-of-type(1) i{background-position-y:-0px;}
.header .product_nav>li:nth-child(1) .drop_box div div:nth-child(2) .title:nth-of-type(1) i{background-image: url(/images/index/icone-recorder.png);}
.header .product_nav>li:nth-child(1) .drop_box div div:nth-child(2) .title:nth-of-type(2) i{background-image: url(/images/index/icone-blu-ray-dvd.png)}
.header .product_nav>li:nth-child(2) .drop_box div div:nth-child(1) .title:nth-of-type(1) i{background-image: url(/images/index/icone-ios.png);}
.header .product_nav>li:nth-child(2) .drop_box div div:nth-child(2) .title:nth-of-type(1) i{background-image: url(/images/index/icone-android.png);}
.header .product_nav>li:nth-child(2) .drop_box div div:nth-child(2) .title:nth-of-type(2) i{background-image: url(/style/images/autre.png);}
.header .product_nav>li:nth-child(3) .drop_box div div:nth-child(1) .title:nth-of-type(1) i{background-image: url(/style/images/pdf.png);}
.header .product_nav>li:nth-child(3) .drop_box div div:nth-child(2) .title:nth-of-type(1) i{background-image: url(/style/images/gestionnaire-donnees.png);}
.header .product_nav>li:nth-child(3) .drop_box div div:nth-child(2) .title:nth-of-type(2) i{background-image: url(/style/images/autre.png);}
.header .product_nav>li:nth-child(4) .drop_box div div:nth-child(1) .title:nth-of-type(1) i{background-image: url(/style/images/en-ligne.png);}
.header .product_nav>li:nth-child(4) .drop_box div div:nth-child(2) .title:nth-of-type(1) i{background-image: url(/style/images/bureau-gratuit.png);}
.header .toggle{display: none;}
.header_bg{width: 100%;height: 100%;background: rgba(0, 0, 0, .6);position: fixed;top: 0px;left: 0px;z-index: 1;display: none;}

/* gotop */
.gotop{position: fixed;right: 10px;bottom: 70px;z-index: 2;cursor: pointer;display: none;}
.gotop i{width: 84px;height: 103px;background: url(/style/index/go-top.png);display: block;}
.gotop:hover i{background-position-y: -103px;}
/*footer*/
#footer{clear:both;background:#292929;width:100%;}
#footer p{color:#fff;text-align:center;margin:15px auto 10px;}
#footer p a{text-align:center;color:#fff;font-size:14px;}
#footer span.copyright{margin:0 auto 25px;color:#7c7c7c;}
.center{max-width: 1200px;margin: 0 auto;width: 100%;}
.footer{background: #2f2f2f;font-family: Arial;}
.footer_box{display:-webkit-box;display: -webkit-flex;display: flex;-webkit-box-pack:justify;-webkit-justify-content: space-between;justify-content: space-between;flex-wrap: wrap;padding-bottom: 40px;}
.footer_box .footer_down{padding-top: 58px;margin-top: 0;}
.footer_box .footer_down li:nth-child(2) a{font-size: 14px;color: #fff;border: 1px solid #fff;box-sizing: border-box;height: 38px;line-height: 38px;width: 164px;padding-left: 12px;display: block;position: relative;}
.footer_box .footer_down li:nth-child(2) a:nth-child(2) i{background: url(/style/images/footer-icon.png);width:24px;height: 24px;position: absolute;right: 12px;top:5px;background-position-y: -24px;}
.footer_box .footer_down li:nth-child(2) a:nth-child(1):hover{background-color:#1eb8ff;border: 1px solid #1eb8ff;text-decoration:none;}
.footer_box .footer_down li:nth-child(2) a:nth-child(2):hover{background-color:#1eb8ff;border: 1px solid #1eb8ff;text-decoration:none;}
.footer_box .footer_down li:nth-child(2) a:nth-child(1) i{background: url(/style/images/footer-icon.png);width:24px;height: 24px;position: absolute;right: 12px;top:5px;}
.footer_box .footer_down li:nth-child(2) a:nth-child(1){margin-top: 30px;margin-bottom: 18px;}
.footer_box ul{margin-top: 70px;}
.footer_box ul li:nth-child(1){font-size:18px;color: #fff;margin-bottom: 24px;}
.footer_box ul li{margin-bottom: 10px;}
.footer_box ul li a{font-size: 14px;color: #aeaeae;}
.footer_box ul:last-child li a i{width: 30px;height: 30px;display: inline-block;background: url(/style/images/social-media-new.png);margin-right:20px;}
.footer_box ul:last-child li a:nth-child(1) i{background-position-y: 0px;}
.footer_box ul:last-child li a:nth-child(2) i{background-position-y: -30px;}
.footer_box ul:last-child li a:nth-child(3) i{background-position-y: -60px;margin-right: 0;}
.footer>div:last-child{font-size:14px;color: #aeaeae;height: 68px;display:-webkit-box;display: -webkit-flex;display: flex;-webkit-box-align:center;-webkit-align-items: center;align-items: center;-webkit-box-pack:center;-webkit-justify-content: center;justify-content: center;background: #272727;text-align:center;}

span.copyright{text-align:center;font-size:14px;padding-left:10px;}
p.copyright{color:#7c7c7c;text-align:center;font-size:14px;padding-left:10px;}
#footer p.copyright{color:#7c7c7c;}
a#subscribe{background:url(/images/subscribe.png) no-repeat;width:264px;height:28px;display:block;color:#fff;font-size:14px;padding:10px 0 0 25px;}
a#subscribe:hover{text-decoration:none;background:url(/images/subscribe.png) no-repeat 0 -38px;}
.bottom-ads{position:relative;}
.ads{background:#bee6ff url(/images/system/mid-sale-top.jpg) no-repeat 50% 0;height:39px;display:block;}
.bottom_ad_s{position: fixed;bottom:0;left:0;width:100%;display:block;}
.bottom_ad_s a{display: inline-block;width:100%;}
.bottom_ad_s a img{display: block;width: 100%;max-width:1920px;}
.bottom_ad_s>img{position: absolute;right:0;top: 0;cursor: pointer;}
/*search*/
.slidingDiv{clear:both;z-index:10000;position:absolute;top:72px;background-color:#fff;width:100%;padding:20px 0;background:url(/style/images/search-box-shadow.png) repeat-x;height:45px;border-top:1px solid #ccc;}
.show_hide{background:#fff url(/style/images/search-logo.jpg) no-repeat 0 center;height:18px;float:left;width:17px;cursor:pointer;}
#search{max-width:1000px;width:95%;margin:0 auto;overflow:hidden;}
#search-container{width:100%;}
#search-container input#q{width:80%;height:40px;border:1px solid #d3d8dc;border-radius:5px 0 0 5px;font-size:18px;padding-left:5px;color:#CCC;}
#search-container input#q, #search-container input#search_btn{float:left;}
#search-container input#search_btn{width:60px;height:42px;border-radius:0 5px 5px 0;cursor:pointer;border:1px solid #222;border-left:none;background-color:#222;color:#fff;}
#search-container input#search_btn:hover{background-color:#222;color:#fff;}
.topic_wrap h1{background-color:#504e4f;font-size:24px;color:#fff;height:50px;border-radius:5px;line-height:50px;padding-left:19px;max-width:1000px;width:100%;}
#search_result{height:1250px;}
#exclusive_discount{line-height:14px;margin-top:10px;color:#7c7c7c;}
.media h2{margin-top:70px;text-align:center;}
/*cookies*/
.usernotice_pop{display: table;width:100%;padding:5px;position:fixed;bottom:0px;background: rgba(0,0,0, 0.55);z-index:1000;text-align:center;color:#fff;transition: all 0.3s ease;font-size:14px;}
.usernotice_pop a{color:#fff;text-decoration:underline;}
.usernotice_pop span{cursor:pointer;border:1px solid #fff;display:inline-block;margin-left:10px;width:75px;padding-bottom:2px;line-height: 100%;}
.usernotice_pop span:hover{background-color:#646465;}
@media screen and (max-width: 1541px){
    .menu ul li ul.submenu{padding-left: 10%;}
    .menu ul li ul.submenu li{padding-left:1%;}
    .menu ul li ul.submenu li.version{background-position:2px 2px;}
}
@media screen and (max-width: 1520px){
    .menu ul li ul.submenu li{width: 550px;}
    .menu ul li ul.submenu li >a{font-size:15px;width:220px;}
}
@media screen and (max-width: 1420px){
    .menu ul li ul.submenu{padding-left: 8%;}
    .menu ul li ul.submenu li a{font-size:14px;line-height:30px;width:230px;}
    .menu ul li ul.submenu li a.more{font-size:14px;}
    .menu ul li ul.submenu li{width:475px;line-height: 30px;}
}
@media screen and (max-width: 1250px){
    .menu ul li ul.submenu{padding-left: 2%;}
    .menu ul li ul.submenu li.version{font-size:20px;}
    .menu ul li ul.submenu li a{font-size:14px;line-height:30px;}
}
@media screen and (max-width: 1180px){
.header .header_nav{display:none;}
.header .header_nav.active{display:block;}
.header .toggle{width:26px;height:26px;display:block;position:relative;}
.header .toggle.active {
    background: url(/style/images/fermer.png) no-repeat 7px;
}
.header .toggle i{width:26px;height:2px;background:#444;display:block;margin-top:12px;border-radius:2px;-webkit-transition:all .2s .3s ease;transition:all .2s .3s ease;}
.header .toggle i::after,.header .toggle i::before{clear:both;content:"";position:absolute;width:26px;height:2px;background:#444;left:0px;-webkit-transition:top .2s .3s ease,-webkit-transform .3s ease;transition:top .2s .3s ease,transform .3s ease;}
.header .toggle i::after{top:2px;}
.header .toggle i::before{top:22px;}
.header .toggle.active{background-position-y:-26px;}
.header .toggle.active i{background:#fff;-webkit-transition:all .2s 0s ease;transition:all .2s 0s ease;}
.header .toggle.active i::after{-webkit-transform:rotate3d(0,0,1,-45deg);transform:rotate3d(0,0,1,-45deg);top:12px;-webkit-transition:top .2s ease,-webkit-transform .2s .3s ease;transition:top .2s ease,transform .2s .3s ease;}
.header .toggle.active i::before{-webkit-transform:rotate3d(0,0,1,45deg);transform:rotate3d(0,0,1,45deg);top:12px;-webkit-transition:top .2s ease,-webkit-transform .2s .3s ease;transition:top .2s ease,transform .2s .3s ease;}

.header .header_nav{position:absolute;left:0px;top:80px;}
.header .menu{margin-bottom:0px;}
.header .menu>li,.header .product_nav>li{display:block;padding:15px 40px;margin:0px;border-bottom:1px solid #eee;}
.header .menu>li::before{content:none;}
.header .header_nav{background:#fff;width:100%;}
.header .product_nav>li{font-size:16px;}
.header .product_nav>li .drop_box{position:static;box-shadow:none;border-top:0px;padding-bottom:0px;transform: none;padding: 0;}
.header .product_nav>li .drop_box::before{content:none;}
.header .product_nav>li .drop_box .center{padding-left:20px;padding-right:0px;}
.header .product_nav>li .drop_box>div>div{max-width:100%;}
/* .header .product_nav>li .drop_box>div>div>div{display:block;} */
.header .product_nav>li .drop_box ol{max-width:400px;width:100%;}
.header .product_nav>li .drop_box li{width:auto;}
.header .product_nav>li .drop_box .title{margin-top:20px;margin-bottom:0px;position: relative;}
.header .product_nav>li .drop_box .title::after{content: '';display: block;position: absolute;right: 2px;top: 8px;background: url(/style/index/arrow-down-up.png) right top no-repeat;width: 12px;height: 6px;}
.header .product_nav>li .drop_box .title.active::after{background-position: right -6px;}
.header .product_nav>li .drop_box .title+div.hide_hide{display: none;}
.header .product_nav>li .drop_box>div>div:nth-last-of-type(1) .title:nth-last-of-type(1){border-bottom: 1px solid transparent;}
.header .product_nav>li .drop_box>div>div:nth-last-of-type(1) .title.active:nth-last-of-type(1){border-bottom: 1px solid #d7d7d7;}
.header .product_nav>li .drop_box li:last-child{margin-bottom:0px;}
.header .product_nav>li{position:relative;}
.header .product_nav>li>a{position:relative;z-index:1;}
.header .product_nav>li>i{width:100%;height:6px;position:absolute;top:18px;right:40px;}
.header .product_nav>li.active>.drop_box{display:block;}
.header .product_nav>li.active>i{background-position-y:-6px;}
.header .product_nav>li.active>a{color:#2577ff;}
.header_bg{z-index: 3;}
    .menu ul li ul.submenu li{height: 25px;margin-bottom: 5px;}
    .menu ul li ul.submenu li a.second{padding-left:0;}
    .center{padding-left: 10px !important;padding-right: 10px !important;box-sizing: border-box;}
}
@media screen and (max-width: 956px){
    .toggle-nav{display:inline-block;}
    .toggle-nav{padding:28px;float:right;display:inline-block;color:#222;font-size:30px;border-radius:5px;padding-right: 0px;}
    a.toggle-nav{color:#222;}
    .toggle-nav:hover, .toggle-nav .active{text-decoration:none;}
}
@media screen and (max-width:850px){
	.center{padding: 0 40px 40px;box-sizing: border-box;}
	.header>.center{padding: 0;}
    .footer_box{display: block;}
    .footer_box ul.footer_down li{display: block;margin-left:0;}
    .footer_box .footer_down{padding-top: 30px;}
    .footer_box .footer_down li:nth-child(2) a{display: inline-block;margin-right:22px;}
    .footer_box .footer_down li:nth-child(2) a:nth-child(1){margin-top:0px;margin-bottom:0;}
    .footer_box .footer_down li:last-child{margin-bottom: 30px;}
    .footer_box ul{border-bottom: 1px solid #4f4f4f;margin-top: 25px;}
    .footer_box ul li:nth-child(1){font-size:20px;display: block;margin-bottom: 20px;margin-left: 0;}
    .footer_box ul li{display: none;margin-left: 15px;}
    .footer_box ul li:last-child{margin-bottom: 26px;}
    .footer_box ul.active li{display: block;}
    .footer_box ul li:nth-child(1) i{width:15px;height:15px;background: url(/style/images/footer-icon.png);display: inline-block;background-position-y: -72px;float: right;margin-top: 4px;}
    .footer_box ul.active li:nth-child(1) i{background-position-y: -86px;}
    .footer_box ul:last-child{border-bottom: none;}
}
@media screen and (max-width:630px){
    .header,.header>.center{height:60px;}
    .header .logo{width:128px;}
    .header .menu>li, .header .product_nav>li{padding:15px 20px;}
    .header .product_nav>li .drop_box .title{font-size:16px;}
    .header .product_nav>li .drop_box .title i{vertical-align:-6px;}
    .header .product_nav>li>i{right:20px;}
    .header .toggle{zoom:.8;}
    .header .header_nav{top:60px;border-top:2px solid #f2f2f2;}
    .footer_box .footer_down li:nth-child(2) a{width: 150px;height: 38px;line-height: 38px;padding-left: 6px;}
    .footer_box .footer_down li:nth-child(2) a:nth-child(1) i,.footer_box .footer_down li:nth-child(2) a:nth-child(2) i{right:6px;}
    .footer_box .footer_down li:nth-child(2) a:nth-child(2){margin-top: 20px;}
}
@media screen and (max-width:540px){
    .banner>p img{bottom: 70px;}
}
@media screen and (max-width: 480px){
    #header #logo img{width:150px;height:34px;}
    .header>.center>a{max-width: 150px;}
    .usernotice_pop{width:100%;bottom:0;right:0;padding:5px 0;border-radius:0;}
    .usernotice_pop span{display:inline;padding:0 15px;margin-left:5px;}
}
@media screen and (max-width: 320px){
    .center{padding-left: 10px !important;padding-right: 10px !important;}
}