/* CSS Document */

* { margin:0; padding:0; border:0; }
body { font:14px Arial, Helvetica, sans-serif; color:#666; line-height:18px; z-index:-10000; min-width: 1000px;}
a { color:#00aeef; text-decoration: underline; cursor:pointer; outline:none }
a:hover { text-decoration: none; }
li { list-style:none }
h1, .t1 { font:34px/34px 'Roboto', sans-serif; color:#222222; line-height:34px; padding:35px 0 24px 0; }
.t1 { font:24px Verdana, Geneva, sans-serif; color:#666; }
h2 { font:24px 'Roboto', sans-serif; color:#333; line-height:20px; padding:35px 0 20px 0; }
p{ padding-bottom:18px;}
img{ vertical-align:top}
.clear { clear:both; overflow:hidden; }

.top_sales{ height:32px; line-height:32px; background:#282d32; width:auto;}
.top_sales_mian{ width:1000px; margin: 0 auto;}
.top_sales_text{ float:left; width:650px; text-align:left; height:32px; color:#FFEF00;}
.top_sales_text a{color:#00FF00; text-decoration: none;}
.top_sales_text a:hover { text-decoration: underline; }
.international{ width:200px; float:right; text-align:right;}
.international span{ padding-right:10px; color:#b4b4b4;}
.Language { width:32px; height:32px; position:relative; float:right;}
.Language li a, .Language li a:visited { display:block; width:30px; height:45px; text-align:center; line-height:45px; font-size:14px; overflow:hidden; }
.Language li { float:left; margin-right:1px; position:relative; height:45px; line-height:45px; }
.Language li a { background:url(../image/Language_module.png) no-repeat -4px -150px; height:35px; width:30px; line-height:35px; }
.Language li ul { display: none; z-index:999999; }
.Language li:hover a { color:#fff; }
.Language li:hover ul { display:block; position:absolute; left:-120px; top:32px; width:150px; background:#fff; border:1px solid #CCC; }
.Language li:hover ul li { float:none; margin:0px; width:150px; height:30px; }
.Language li:hover ul li a { display:block; color:#000; width:120px; padding:0px 15px; text-align:left; height:30px; line-height:30px; text-decoration:none; }
.Language li:hover ul .jp a { background-position:115px -238px; }
.Language li:hover ul .de a { background-position:115px -180px; }
.Language li:hover ul .fr a { background-position:115px -209px; }
.Language li:hover ul .ru a { background-position:115px -150px; }
.Language li:hover ul .zh a { background-position:115px -122px; }
.Language .english a { background-position:115px -265px; }
.Language li:hover ul li:hover { background:#f7f7f7; }
/* top start */
.head { width:100%; height:70px; z-index:99999; background:url(../image/headbg.png); border-bottom:2px solid #ccc; position:fixed;-webkit-backface-visibility: hidden;}
.header { width:1000px; height:70px;z-index:99999; margin:0 auto;}
.logo { padding-top:15px; width:200px; height:55px; line-height:70px; float:left; }
.logo a{ line-height:70px;}

.nav { width:610px; height:70px; margin:0 auto;  float:left;}
.nav .nav_list { float:left;}
.nav li { float:left; height:70px; line-height:70px; position:relative;}
.nav li.last { background:none; }
.nav li a { float:left; display:block; width:110px; height:70px; text-align:center; font-size:17px; line-height:70px; text-decoration:none; color:#6a6a6a;   }
.nav li a:hover, .now, .over{ color:#333;text-decoration:none; background:#f6f6f6;border-bottom:2px solid #009ad9; }
.nav li a.selected { background:#f6f6f6; color:#333;border-bottom:2px solid #009ad9;}
.nav li.selected .submenu { display:block; }
.nav li .submenu { display:none; position:absolute; top:72px; left:-100px; background:url(../image/headbg.png);z-index:99;border:1px solid #ccc;border-top:none;}
.nav .nav_list .drop-menu-effect .products-img img{ padding-top:33px; padding-left:5px;}

.Media_Player { height:230px; margin:20px 0px; padding-left:10px; border-right:1px solid #CCC; float:left; }
#drop-down-menu { width:324px; height:230px; margin:0px; padding:0px; }
#drop-down-menu-title { margin:0px; padding:0px; line-height:40px; height:40px; font-size:16px; padding-bottom:10px; }

#drop-down-menu .div-list{float:left; width:150px; height:185px; font-size:14px; background:none; color:#666;text-align:center;margin-right:5px; border:none;   border-right:dashed 1px #CCC;padding-right:5px;}
#drop-down-menu .div-list span{ clear:both; line-height:40px; height:40px;}
#drop-down-menu .div-list a{ background:none; color:#666;font-size:13px; border:none; text-align:center; line-height:21px; width:100%;padding-left:55px}
#drop-down-menu .div-list a:hover{ color:#00aeef; text-decoration:none; }

#drop-down-menu .div-list p{ padding:0px; margin:0px; line-height:30px; }
#drop-down-menu .div-list p .dot-gray{ height:28px; line-height:28px; overflow:hidden; margin:0 auto;  text-align:left;}

#drop-down-menu .div-list p .dot-gray-mac{background:url(../image/xitong-icon-25.png) no-repeat 25px 0px;}
#drop-down-menu .div-list p .dot-gray-mac:hover{background:url(../image/xitong-icon-25.png) no-repeat 25px  -25px;}
#drop-down-menu .div-list p .dot-gray-win{background:url(../image/xitong-icon-25.png) no-repeat 25px -50px;}
#drop-down-menu .div-list p .dot-gray-win:hover{background:url(../image/xitong-icon-25.png) no-repeat 25px -75px;}


.facebook_icon{ width:140px; float:right; z-index:999; height:70px; }
.facebook_icon li{ float:left; height:52px; padding-top:17px; margin-right:10px;}
.facebook_icon li a{filter:alpha(opacity=80); -moz-opacity:0.8;  -khtml-opacity: 0.8;  opacity: 0.8; }
.facebook_icon li a:hover{filter:alpha(opacity=100); -moz-opacity:1.0;  -khtml-opacity: 1.0;  opacity: 1.0;}
.facebook_icon li img{ width:36px; height:36px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px;}
/* top over */

.banner { height: 530px; overflow: hidden; position:relative; -webkit-transform: translate3d(0px, 0px, 0px); }
.flexslider .slides > li { display: none; -webkit-backface-visibility: hidden; }
.slides:after { content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0; }
html[xmlns] .slides { display: block; }
.no-js .slides > li:first-child { display: block; }
.flexslider { margin: 0 auto;   }
.flexslider .slides .ban1{ background:url(../image/banner_001.jpg) no-repeat center center; width:auto; height:530px;}
.flexslider .slides .ban2{ background:url(../image/banner_002.jpg) no-repeat center center; width:auto; height:530px;}
.flexslider .slides .ban3{ background:url(../image/back-to-school-banner.jpg) no-repeat center center; width:auto; height:530px;}
.flexslider .slides .ban5{ background:url(../image/thxbanner.jpg) no-repeat center center; width:auto; height:530px;}

.flexslider .slides li .banli{ width:1000px; height:360px; margin:0 auto; padding-top:170px;}
.flexslider .slides li .banli p{ text-align:center; margin-top:30px; font-size:19px; color:#fff;}

.flexslider .slides li .banli p .banner-a1{ color:#FFF; text-decoration:none; padding:0px 55px; width:240px; height:30px; display:block; margin:0 auto; background:url(../image/banner-abg.png) no-repeat -10px -5px; }
.flexslider .slides li .banli p .banner-a1:hover{  text-decoration:underline;background-position:-10px -43px; }

.flexslider .slides li .banli p .banner-a2{ color:#FFF; text-decoration:none; padding:0px 15px;width:260px; height:30px; display:block; margin:0 auto;background:url(../image/banner-abg.png) no-repeat 0px -80px; }
.flexslider .slides li .banli p .banner-a2:hover{  text-decoration:underline; background-position:0px -118px;}

.flex-viewport { max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease; }
.flex-direction-nav { *height: 0; }
.flex-direction-nav a { width: 60px; height: 90px; margin: -60px 0 0; display: block; background: url(../image/ad_ctr.png) no-repeat 0 0; position: absolute; top: 50%;  cursor: pointer; text-indent: -9999px; opacity: 0; filter:alpha(opacity=0); -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next { background-position: 0 -90px; right: 0; top:312px; }
.flex-direction-nav .flex-prev { left: 0;top:312px; }
.flexslider:hover .flex-next { opacity: 0.8; filter:alpha(opacity=25); }
.flexslider:hover .flex-prev { opacity: 0.8; filter:alpha(opacity=25); }
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover { opacity: 1; filter:alpha(opacity=50); }
.flex-control-nav { width: 100%; position: absolute; text-align: center; left:0; top:500px; }
.flex-control-nav li { margin: 0 5px; display: inline-block;  *display: inline;}
.flex-control-paging li a {background: url(../image/dot.png) no-repeat 0 -16px;display:block; height: 16px;overflow: hidden; text-indent:-99em; width: 16px; cursor: pointer; }
.flex-control-paging li a.flex-active { background-position: 0 0; }

.sichanpibg{border-bottom: 1px solid #e8e8e8;background:url(../image/sichanpibg.jpg) repeat-x 0px 300px; }
.sichanpi{  position:relative; margin:0 auto; width:1000px;}
.sichanpi_h1{ font-size:26px; text-align:center; height:100px; line-height:100px;}
.sichanpi_title { height: 200px; overflow: hidden;  width:1000px; margin:0 auto; }
.sichanpi_title ul {  width:1000px;position:relative;}
.sichanpi_title .fx li { float: left;width:999px;text-align:center; cursor:pointer; font-size:17px;}
.sichanpi_title .fx li img{ width:130px; margin-top:7px;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.sichanpi_title .fx li p{ margin-top:15px;}
.sichanpi_title .fx li:hover p{color:#00aeef;}
.sichanpi_title .fx li:hover img{ margin-top:0px;}
.sichanpi_content { width:auto;   border-top: 1px solid #e8e8e8;}
.sichanpi_box { width:1000px; overflow: hidden; float: left;  }
.sichanpi_box .list ul {  width: 1000px; overflow: hidden; }
.sichanpi_box .list ul li { width: 1000px; padding:40px 0px; }
.list_box_left{ float:left; width:490px; height:360px;}
.list_box_left p{ text-align:center; margin-top:10px;}
.list_box_left p a{ text-decoration:none;}
.list_box_left p a:hover{ text-decoration: underline; }
.list_box_right{ float:right; width:490px; line-height:21px;}
.list_box_right h3{ padding-bottom:20px; padding-top:20px;}
.list_box_right h3 a{font-size:26px; text-decoration:none; }
.list_box_right h3 a:hover{ text-decoration:underline;}
.sichanpi_box .list_box_right ul li{ line-height:28px; padding:0px; background:url(../image/arrow-down.png) no-repeat 0px 10px; padding-left:15px;}
.sichanpi_box .list_box_right ul li a{ text-decoration:none; color:#666; }
.sichanpi_box .list_box_right ul li a:hover{ text-decoration:underline;}


.sy-down-a {overflow: hidden; display:block; height:40px; width:200px; line-height:40px; text-align:center; float:left; margin-right:30px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; text-decoration:none; font-size:16px; text-transform:uppercase;}
.sy-down-a span {  position: relative; display: inline-block; -webkit-transition: -webkit-transform 0.3s; -moz-transition: -moz-transform 0.3s; transition: transform 0.3s; width:200px;text-align:center;}
.sy-down-a span::before {
position: absolute;
top: 100%;
content: attr(data-hover);
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);text-align:center;display:block;width:200px; height:40px;}
.sy-down-a:hover span, .sy-down-a:focus span { -webkit-transform: translateY(-100%); -moz-transform: translateY(-100%); transform: translateY(-100%); }
.sy-down-a1{border:1px solid #5ab3f6; color:#fff; background:#5ab3f6; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.sy-down-a1:hover{border:1px solid #5ab3f6;  background:#51a6e6;}
.sy-down-a2{border:1px solid #fa594b; color:#fa594b; -webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;}
.sy-down-a2:hover{ border:1px solid #fa594b; color:#fff; background:#fa594b;}




div.t.none { display: none; }
.sichanpi_title ul.fx li { background-color: transparent; }
.sichanpi_title ul.fx {position:relative; }
.sichanpi_title ul.fx .on p{ color:#00aeef}
.sichanpi_title div.animate { height: 250px;  position:absolute; top: 65px;   background:url(../image/indexqhbg.png) no-repeat bottom center; }

.Review{ margin-top:50px; width:auto; height:auto;}
.Reviewbg{ width:1000px; height:auto; margin:0 auto; border-bottom:1px solid #e5e5e5; padding-bottom:20px; }
.Review_title{ text-align:center; font-size:14px; margin-bottom:40px;}
.Review_title p{ font-size:24px; margin-bottom:0px; }
.Review_box{ width:220px; margin-right:40px; float:left; text-align:center;overflow:hidden;}
.Review_box p{line-height:24px;}

.security{ width:auto; height:250px; margin-top:50px; }
.securitybg{width:1000px; height:auto; margin:0 auto;}
.securitybg div{ float:left; width:280px; margin-right:50px; text-align:center; padding:0px 10px; line-height:24px;}

.footer{ width:auto; height:auto; background:#e2e2e2;  clear:both;}
.footerbg{ width:1000px; height:auto; margin:0 auto;}
.footerbg div{ float:left; width:170px; padding:30px 15px; }
.footerbg div p{ font-size:18px}
.footerbg div ul li{ padding-bottom:10px;padding-right:15px; overflow:hidden;}
.footerbg div ul li a{ text-decoration:none; color:#888;font-size:13px}
.footerbg div ul li a:hover{ text-decoration:underline; color:#555;}

.ban1-ios8{	display:block; width:200px; height:50px; font-size:20px; text-decoration:none; color:#545353; margin-left:555px; margin-top:208px; border:1px solid #545353; text-align:center; line-height:50px;-moz-border-radius:5px; -webkit-border-radius:5px; border-radius: 5px; }
.ban1-ios8:hover{ color:#ee8300; border:1px solid #ee8300; }