body,h1,h2,h3,h4,h5,h6,hr,p,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td {margin:0;padding:0;}
body,button,input,select,textarea {font:12px/1.125 microsoft yahei,arial;}
ul,ol,li{list-style:none;}
img{ border:0;vertical-align:top;}
em,i{font-style:normal;}
a{ text-decoration:none; outline:none; color:#666;}
a:hover{ text-decoration:underline;color:#ef4c21;}
.clear{clear:both;height:0px;overflow:hidden;}
.clearfix:after{content:" ";display:block;visibility:hidden;clear:both;height:0;font-size:0;}
.clearfix{*zoom:1;}
body{ background:#fff;}
input{outline:none;}

.head{ margin:0 auto; width:1200px; height:100px; overflow:hidden;}
.head h1{ float:left; width:210px; height:100px; background:url(../images/logo.png) no-repeat;}
.head h1 a{ display:block;width:210px; height:100px; text-indent:-9999px;}
.search{ float:left; width:540px; padding:31px 0 0 10px;}
.inp1{ float:left; width:408px; border:1px solid #dedede; border-right:0; padding:0 10px; line-height:36px; font-size:14px; height:36px; color:#999;border-radius:3px 0 0 3px; }
.btn1{ float:left; width:90px; height:38px;background:#037AD9;border:0; cursor:pointer; border-radius:0 3px 3px 0; color:#fff; font-size:16px;}
.btn1:hover{ background:#0070C9;}
.hot{ float:right; width:440px; font-size:16px; line-height:38px; height:38px; overflow:hidden; margin-top:31px;color:#a9a9a9;}
.hot a{color:#a9a9a9; display:inline-block; margin-left:10px;}
.hot a:hover{color:#EF4C21;}
.w1200{ margin:0 auto; width:1200px; padding-top:20px;}
.l1_1{ float:left; width:210px; margin-right:10px; background:#0070C9; border-radius:3px; height:517px;}
.l1_2{ float:left; width:760px; overflow:hidden;}
.l1_3{ float:right; width:210px;}
.tit{ font-size:16px; font-weight:bold; color:#fff; padding-left:20px; line-height:43px; background:#037AD9;border-radius:3px;}
.chanpin{height:auto;clear:both;zoom:1;overflow:visible; width:210px;}
.chanpin ul{ width:210px;}
.chanpin li{overflow:visible; width:169px; border-top:1px solid #0066B7; border-left:1px solid #0070C9; height:35px;position:relative; padding:19px 0 0 40px; font-size:14px;}
.chanpin li a{ color:#fff;}
.chanpin li i{ position:absolute; width:40px; height:20px; left:0; top:17px; background:url(../images/index_bg.png) no-repeat; display:block;}
.chanpin li i.mobile{ background-position:0 0;}
.chanpin li i.nb{ background-position:0 -20px;}
.chanpin li i.dc{ background-position:0 -40px;}
.chanpin li i.pc{ background-position:0 -60px;}
.chanpin li i.lcd{ background-position:0 -80px;}
.chanpin li i.laserjet{ background-position:0 -100px;}
.chanpin li i.server{ background-position:0 -120px;}
.chanpin li i.projector{ background-position:0 -139px;}
.chanpin li .chanpin_box{ border:1px solid #dcdcdc; border-left:0; width:770px; background:#fff; height:515px; overflow:hidden; display:none; position:absolute;left:209px; z-index:99999;}
.chanpin li .n1{ top:-44px;}
.chanpin li .n2{ top:-99px;}
.chanpin li .n3{ top:-154px;}
.chanpin li .n4{ top:-209px;}
.chanpin li .n5{ top:-264px;}
.chanpin li .n6{ top:-319px;}
.chanpin li .n7{ top:-374px;}
.chanpin li .n8{ top:-429px;}
.chanpin li .chanpin_box_l{ float:left; width:545px; padding-left:9px;}
.chanpin li .chanpin_box_r{ float:right; width:196px;background:#fafafa; height:515px; padding:0 5px 0 15px;}
.chanpin li .chanpin_box_r b{ display:block; font-size:14px; line-height:28px; padding-top:6px;}
.chanpin li .chanpin_box_r p{ font-size:14px; line-height:28px;}
.chanpin li .chanpin_box_r p a{ display:inline-block; margin-right:10px;}
.chanpin li.all { background:#fff;border-left:1px solid #dcdcdc;border-top:1px solid #fff; }
.chanpin li.all a{ color:#333;}
.chanpin li.all a:hover{ color:#EF4C21;}
.chanpin li.all .chanpin_box{ display:block;}
.chanpin li.all i.mobile{ background-position:-40px 0;}
.chanpin li.all i.nb{ background-position:-40px -20px;}
.chanpin li.all i.dc{ background-position:-40px -40px;}
.chanpin li.all i.pc{ background-position:-40px -60px;}
.chanpin li.all i.lcd{ background-position:-40px -80px;}
.chanpin li.all i.laserjet{ background-position:-40px -100px;}
.chanpin li.all i.server{ background-position:-40px -120px;}
.chanpin li.all i.projector{ background-position:-40px -139px;}
.chanpin li .chanpin_box_l p{ display:block; clear:both;overflow:hidden; width:535px; padding:10px 0;line-height:20px; border-bottom:1px solid #eee;}
.chanpin li .chanpin_box_l p b{float:left; width:89px;color:#f60; font-size:14px;line-height:28px;}
.chanpin li .chanpin_box_l p span{float:left; width:445px;}
.chanpin li .chanpin_box_l p span a{ float:left; width:80px; padding-right:9px;line-height:28px; height:28px; overflow:hidden; font-size:12px;}
.pb0{ padding:0;}
.focus{width:760px;height:326px;position:relative;}
.f760x326{width:760px;height:326px;overflow:hidden}
.f760x326 img{width:760px;height:326px; display:block;}
.rslides{width:100%;position:relative;}
.rslides_nav{height:97px;width:45px;position:absolute;-webkit-tap-highlight-color:rgba(0,0,0,0);top:115px;left:0;opacity:0.5;text-indent:-9999px;overflow:hidden;text-decoration:none;background:url(../images/f_dot.png) no-repeat;}
.rslides_nav:active{opacity:1.0;}
.rslides_nav:hover{opacity:1.0;}
.rslides_nav.next{left:auto;background-position:-46px 0;right:0}
.focus .rslides_nav{ display:none;}
.focus:hover .rslides_nav{ display:block;}
.rslides_tabs{ width:760px; text-align:center; position:absolute; height:30px; left:0;bottom:0;}
.rslides_tabs li{ display:inline-block; margin:0 4px;}
.rslides_tabs a{height:10px; border-radius:10px; background:#bbb; display:block; width:10px; text-indent:-9999px; overflow:hidden;}
.rslides_tabs .rslides_here a{width:36px;background:#EF4C21;}
.tit2{ margin-top:25px; border-top:2px solid #f6f6f6; height:22px; position:relative;}
.tit2 h3{ position:absolute; left:0; top:-12px; background:#fff url(../images/index_bg.png) -234px 0 no-repeat;color:#606060; font-size:20px; line-height:23px; height:25px; padding-left:35px; width:112px;}
.list{ width:772px; clear:both; overflow:hidden;}
.list li{ float:left; width:180px; height:148px; position:relative; margin-right:13px; text-align:center;overflow:hidden;}
.list li span{ text-align:center; height:20px; line-height:20px; font-size:14px; color:#fff; width:180px;display:block; color:#666; margin-top:2px;}
.list li a{ display:block; text-decoration:none;overflow: hidden;}
.fenlei_box{border:1px solid #eaeaea; width:208px; height:515px; border-radius:3px;}
.fenlei_tit{border-bottom:1px solid #eaeaea; height:40px; line-height:40px; padding-left:38px;background:url(../images/index_bg.png) -224px -30px no-repeat; font-size:14px;color:#545454; font-weight:bold;}
.fenlei_list{ margin:4px auto 0; width:192px; clear:both; overflow:hidden;}
.fenlei_list li{ float:left; width:60px; height:106px; padding:5px 2px;}
.fenlei_list li a{ width:60px; height:106px; display:block;background:url(../images/index_bg.png) no-repeat; text-indent:-9999px;}
.fenlei_list li a.mobile{ background-position:-90px 0;}
.fenlei_list li a.mobile:hover{ background-position:-151px 0;}
.fenlei_list li a.nb{ background-position:-90px -110px;}
.fenlei_list li a.nb:hover{ background-position:-151px -110px;}
.fenlei_list li a.dc{ background-position:-90px -220px;}
.fenlei_list li a.dc:hover{ background-position:-151px -220px;}
.fenlei_list li a.pc{ background-position:-90px -330px;}
.fenlei_list li a.pc:hover{ background-position:-151px -330px;}
.fenlei_list li a.tabletpc{ background-position:-90px -440px;}
.fenlei_list li a.tabletpc:hover{ background-position:-151px -440px;}
.fenlei_list li a.earphone{ background-position:-90px -550px;}
.fenlei_list li a.earphone:hover{ background-position:-151px -550px;}
.fenlei_list li a.lcd{ background-position:-90px -660px;}
.fenlei_list li a.lcd:hover{ background-position:-151px -660px;}
.fenlei_list li a.mb{ background-position:-90px -770px;}
.fenlei_list li a.mb:hover{ background-position:-151px -770px;}
.fenlei_list li a.vga{ background-position:-90px -880px;}
.fenlei_list li a.vga:hover{ background-position:-151px -880px;}
.fenlei_list li a.lcdtv{ background-position:-90px -990px;}
.fenlei_list li a.lcdtv:hover{ background-position:-151px -990px;}
.fenlei_list li a.kongtiao{ background-position:-90px -1100px;}
.fenlei_list li a.kongtiao:hover{ background-position:-151px -1100px;}
.fenlei_list li a.bingxiang{ background-position:-90px -1210px;}
.fenlei_list li a.bingxiang:hover{ background-position:-151px -1210px;}
.box_1{ width:210px; height:387px; background:#4182E1; border-radius:3px; float:left;}
.box_1 h3{ background:url(../images/index_bg.png) -234px -110px no-repeat; height:50px; font-size:24px; line-height:50px; color:#fff; padding-left:12px; overflow:hidden;}
.box_1 h3 i{ font-size:32px;line-height:50px; float:left;}
.box_1 h3 em{float:left; width:6px; height:6px; background:#fff; overflow:hidden;margin:23px 10px; display:inline;}
.box_1 h3 span{ font-size:20px;}
.box_2{background:#2fd3ac;}
.box_2 h3{ background:url(../images/index_bg.png) -234px -165px no-repeat;}
.box_3{background:#ffa100;}
.box_3 h3{ background:url(../images/index_bg.png) -234px -220px no-repeat;}
.box_4{background:#f93434;}
.box_4 h3{ background:url(../images/index_bg.png) -234px -275px no-repeat;}
.box_5{background:#b393f0;}
.box_5 h3{ background:url(../images/index_bg.png) -234px -330px no-repeat;}
.box_6{background:#15b0ab;}
.box_6 h3{ background:url(../images/index_bg.png) -234px -385px no-repeat;}
.box_7{background:#9b9b9b;}
.box_7 h3{ background:url(../images/index_bg.png) -234px -440px no-repeat;}
.tab01 { width:210px; clear:both; overflow:hidden;}
.tab01 li { float:left;width:70px; text-align:center;}
.tab01 li span { display:block; line-height:30px; height:30px; font-size:14px; color:#fff; text-align:center;cursor:pointer; background:#037AD9;}
.tab01 li span.here {  background:#4182E1;}
.tab02 li span { background:#1fc494;}
.tab02 li span.here {  background:#2fd3ac;}
.tab03 li span { background:#ffb200;}
.tab03 li span.here {  background:#ffa100;}
.tab04 li span { background:#dc2626;}
.tab04 li span.here {  background:#f93434;}
.tab05 li span {background:#8d68e5;}
.tab05 li span.here {background:#b393f0;}
.tab06 li span {background:#03918c;}
.tab06 li span.here {background:#15b0ab;}
.tab07 li span {background:#8a8a8a;}
.tab07 li span.here {background:#9b9b9b;}
.tab01Cont { display:none;}
.list_top2{ margin:8px auto 0; width:190px; clear:both; overflow:hidden;}
.list_top2 li{ float:left; width:162px; line-height:18px; padding:6px 0 0 28px; position:relative; font-size:14px;color:#fff; height:36px; overflow:hidden; margin:0 0 6px;}
.list_top2 li em{ position:absolute; left:0; top:7px; width:18px; height:18px; text-align:center;line-height:18px; border-radius:2px;}
.list_top2 li em.no{ background:#fff; color:#4182e1;}
.list_top2 li a{color:#fff;}
.list_top2 li a:hover{color:#fff;}
.list_top{ margin:8px auto 0; width:190px; clear:both; overflow:hidden;}
.list_top li{ float:left; width:152px; line-height:18px; padding:7px 0 7px 38px; position:relative; font-size:14px;color:#fff;}
.list_top li em{ position:absolute; left:0; top:7px; width:18px; height:18px; text-align:center;line-height:18px; border-radius:2px;}
.list_top li em.no{ background:#fff; color:#4182e1;}
.list_top li a{color:#fff;}
.list_top li a:hover{color:#fff;}
.list_top li .n1{ float:left; width:100px;}
.list_top li .n2{ float:left; width:52px;}
.list_top_2 li em.no{color:#2fd3ac;}
.list_top_3 li em.no{color:#ffa100;}
.list_top_4 li em.no{color:#f93434;}
.list_top_5 li em.no{color:#b393f0;}
.list_top_6 li em.no{color:#3bc2be;}
.list_top_7 li em.no{color:#9b9b9b;}
.r2{ float:right; width:980px;}
.tit3{ text-align:right; line-height:50px; font-size:16px;}
.tit3 a{ display: inline-block; margin-left:20px; color:#666;}
.box2_1{border:1px solid #eaeaea; height:335px; overflow:hidden;border-radius:3px;}
.cp_box{width:300px; float:left; padding:10px 24px 0;}
.cp_box .img{width:240px; height:180px; margin:0 auto;}
.cp_box .img img{ display:block; margin:0 auto;}
.cp_box span{ display:block; font-size:18px; line-height:24px; height:48px; overflow:hidden; margin:10px 0;}
.cp_box .jiage{ font-size:24px;color:#ef4c21; line-height:30px; text-align:center;}
.cp_box .jiage a{color:#ef4c21;}
.cp_box a:hover{ text-decoration:underline;color:#f00;}
.cp_box .time{ color:#666; height:36px; line-height:36px; overflow:hidden; font-size:14px; text-align:center;}
.cp_box .time a{ color:#084b83;}
.cp_box .time i{ display:inline-block; margin-left:10px; color:#a9a9a9;}
.list4{ float:right;width:629px;}
.list4 li{ float:left;width:313px; height:144px; border-left:1px solid #eaeaea;border-bottom:1px solid #eaeaea; padding:23px 0 0 0;}
.list4 li .img{width:160px; height:120px; float:left;}
.list4 li .img img{ display:block; margin:0 auto;}
.list4 li .list4_r{width:140px;float:right; padding-right:10px;}
.list4 li span{ display:block; font-size:16px; line-height:20px; height:60px; overflow:hidden; margin:0 0 18px;}
.list4 li .jiage{ font-size:18px; color:#f00; line-height:20px;}
.list4 li .jiage a{ color:#ef4c21;}
.list4 li .jiage a:hover{ text-decoration:underline;}
.list4 li .jiage i{ display:inline-block; font-size:12px; color:#156bb4;}
.nav{width:70px; position:fixed; top:0; z-index:1999; background:#e0e0e0; display:none; left:50%; margin:0 0 0 610px; top:30px; border-radius:3px; overflow:hidden;}
.nav li{height:70px; border-bottom:1px solid #d5d5d5;}
.nav li a{display:block; height:70px; color:#fff;}
.nav li i{ display:block; margin:0 auto; width:50px; border-bottom:1px solid #fff; text-align:center; line-height:36px; font-size:18px; font-weight:bold;}
.nav li em{ display:block; text-align:center; font-size:14px; line-height:30px;}
.nav li em.tai{font-size:12px;}
.nav li.last{ border:0;}
.nav li a:hover{ text-decoration:none;}
.nav li a.f1:hover{ background:#4182E1;}
.nav li a.f2:hover{ background:#2fd3ac;}
.nav li a.f3:hover{ background:#ffa100;}
.nav li a.f4:hover{ background:#f93434;}
.nav li a.f5:hover{ background:#b393f0;}
.nav li a.f6:hover{ background:#15b0ab;}
.nav li a.f7:hover{ background:#9b9b9b;}
#footer{width:100%; margin:20px auto 0;background:#037ad9; font-size:14px;padding:15px 0; color:#fff;line-height:28px;text-align:center;}
#footer a{ color:#fff;}