body{
    overflow-x: hidden;
	overflow-y: scroll;
	font-size:12px; color:#363636;
	background-image:url(images/topbg.jpg);
	background-repeat:repeat-x;
	background-position:top;
	background-color:#FFF;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
}
a{
	font-size:12px;
	text-decoration:none;
	color:#363636;
	font-family:Arial, Helvetica, sans-serif;
}
a:hover 
{
color:#FF0000; font-family:Arial, Helvetica, sans-serif;
}
a:hover img0{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8} 
input,from,td,table,img,dl,dt,ul,dd,li,p,div,span{ padding:0; margin:0; list-style:none; font-family:Arial, Helvetica, sans-serif;}
ul,li{padding:0px; margin:0px; list-style-type:none; display: block; font-family:Arial, Helvetica, sans-serif;}
.left{float:left}
.right{float:right}
.clear{
 PADDING-BOTTOM: 0px; LINE-HEIGHT: 0; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; HEIGHT: 0px; CLEAR: both; FONT-SIZE: 0px; PADDING-TOP: 0px
}
#all{
width:100%; font-family:Arial, Helvetica, sans-serif;
}
.news{
	font-size:12px;
	text-shadow:#FFF;
	text-decoration:none;
	color:#363636;
}
.con{
	font-size:12px;
	color:#363636;
}
td{
	font-size:12px;
	color: #363636;
	font-family:Arial, Helvetica, sans-serif;
}
.wordbreak{
word-break:break-all;
}
a.yiyi1
{
color:#FFF; font-size:18px; font-family:"Arial Black", Gadget, sans-serif;
}
a.yiyi1:hover 
{
color:#FEBBB4;
}
a.yiyi100
{
color:#333; font-size:12px; font-family:Arial, Helvetica, sans-serif;
}
a.yiyi100:hover 
{
color:#F00;
}

a.yiyi2
{
color:#666; font-size:14px;
}
a.yiyi2:hover 
{
color:#F00;
}
a.yiyi3
{
color:#363636; font-size:16px;
}
a.yiyi3:hover 
{
color:#F00;
}
a.yiyi5
{
color:#5891a6; font-size:16px;
}
a.yiyi5:hover 
{
color:#F00;
}
a.yiyi6
{
color:#FFF; font-size:16px;
}
a.yiyi6:hover 
{
color:#FE8B85;
}
/*这里*/
a.yiyi7
{
color:#666; font-size:12px; 
}
a.yiyi7:hover 
{
color:#F00;
}
a.yiyi8
{
color:#3a3a3a; font-size:14px; font-family:Arial, Helvetica, sans-serif;
}
a.yiyi8:hover 
{
color:#F00;
}



a.kefu01
{
color:#e9e9e9; font-size:12px;
}
a.kefu01:hover 
{
color:#F00;
}

a.kefu02
{
color:#e9e9e9; font-size:12px;
}
a.kefu02:hover 
{
color:#F00;
}
/*这里*/
.header{
width:1200px; height:116px; margin:0px auto; background-image:url(images/index_01.jpg); background-repeat:no-repeat; clear:both; overflow:hidden;
}
.header div{
overflow:hidden;
}
.headerlogo{
float:left; width:584px; height:116px;
}
.languages{
clear:both; width:1200px; line-height:20px;
}
.headsearch{
padding-right:14px; padding-top:20px; float:right;
}
.headmenubg{
width:100%; min-width:1200px; height:57px; margin:0px auto; clear:both; overflow:hidden; background-color:#000;
}
.headmenu{
width:1200px; height:57px; margin:0px auto; clear:both; overflow:hidden;
}
.headmenuall{
width:1200px; height:57px; margin:0px auto; clear:both; overflow:hidden;
display:-webkit-inline-flex; display:inline-flex; justify-content:space-between; flex-wrap: nowrap; align-items:center; padding:0 0 0 0;
}
.headmenu01{
float:left; text-align:center; line-height:56px; margin-left:42px; margin-right:41px;
}
.flasher-about{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:233px; background:url(images/flash_about.jpg) no-repeat center #000;
}
.flasher-pro{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:233px; background:url(images/flash_pro.jpg) no-repeat center #000;
}
.flasher-case{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:233px; background:url(images/flash_case.jpg) no-repeat center #000;
}
.flasher-news{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:233px; background:url(images/flash_news.jpg) no-repeat center #000;
}
.flasher-netbook{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:233px; background:url(images/flash_netbook.jpg) no-repeat center #000;
}
.flasher-contact{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:233px; background:url(images/flash_contact.jpg) no-repeat center #000;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 980px){
}
.footer{
width:100%; min-width:1200px; line-height:22px; clear:both; margin:60px auto 0px auto; font-family:Arial, Helvetica, sans-serif; overflow:hidden; background-color:#000; color:#e9e9e9;
}
.footer a{ color:#e9e9e9;}
.footer a:hover{ color:#F00;}

.footer01{
width:1200px; clear:both; margin:0 auto; font-size:14px;
}
.footer02{
float:left; width:197px; height:100%; background-color:#FFF; padding:5px 0;
}
.footer03{
float:right; width:978px;
}
.footer04{
clear:both; border-bottom:1px solid #505664; padding-top:25px; padding-bottom:15px;
}
.footer04 a{font-size:16px; margin-left:6px; margin-right:20px;}

.footer05{
clear:both;
}

.footer06{
width:100%; min-width:1200px; border-top:1px solid #505664; line-height:50px; font-size:14px; clear:both; text-align:center; margin:0 auto; font-family:Arial, Helvetica, sans-serif; overflow:hidden; background-color:#000; color:#FFF;
}
.footer06 a{ color:#FFF; font-size:14px;}
.footer06 a:hover{ color:#FFF;}

.hotsale{
width:1200px; margin:0 auto; clear:both; overflow:hidden;
}
.hotsale div{
overflow:hidden;
}
.hotsale01{
width:1200px; margin:0 auto; padding:30px 0px 12px 0px; clear:both; overflow:hidden; border-bottom:1px solid #dbab21;
}
.hotsaleall{
width:1200px; clear:both; padding-top:35px;
}
.hotsaleleft{
width:345px; float:left;
}
.hotsaleright{
width:843px; float:right;
}

.hotsaleallline{
width:258px; height:188px; border:1px solid #dadada;
}
.hotsaleallline:hover{border:1px solid #dbab21;}

.proline{
width:298px; height:217px; border:1px solid #dadada;
}
.proline:hover{border:1px solid #dbab21;}

.titleleft{
float:left; line-height:28px;
}
.titleright{
float:right; line-height:16px; padding-right:6px; padding-top:10px;
}
.titlecn{
font-size:26px; color:#e62129; float:left; padding-left:5px; padding-right:5px;
}
.titleen{
font-size:26px; color:#c1c1c1; font-family: "Arial Black", Gadget, sans-serif; float:left; padding-top:1px;
}
.newpro{
width:1200px; margin:0 auto; clear:both; overflow:hidden;
}
.newpro div{
overflow:hidden;
}


.banner{
width:100%; min-width:1200px; height:527px; margin:60px auto 0px auto; clear:both; overflow:hidden; background:url(images/banner.jpg) no-repeat center #7c0c0b;
}
.banner div{
overflow:hidden;
}
.indexcase{
width:1200px; margin:0 auto; clear:both; overflow:hidden;
}
.caseleft{
float:left; padding-top:74px; width:333px;
}
.caseright{
float:right; width:843px; padding-top:50px;
}

.companynews{
width:1200px; margin:0 auto; clear:both; overflow:hidden;
}
.companynews div{
overflow:hidden;
}
.companynewstitle{
width:1200px; margin:0 auto; padding:30px 0px 12px 0px; clear:both; overflow:hidden; border-bottom:1px solid #dbab21; text-align:center;
}
.indexcompany{
width:722px; float:left;
}
.indexnews{
width:408px; float:right; margin-right:23px; padding-top:38px;
}


.indexpage{
width:1200px; margin:0 auto; clear:both; overflow:hidden;
}
.indexpage div{
overflow:hidden;
}
.indexpageleft{
float:left; width:210px; padding-top:20px;
}
.indexpageright{
float:right; width:962px;
}


.righttop{
width:962px; margin:0 auto; padding:30px 0px 12px 0px; clear:both; overflow:hidden; border-bottom:1px solid #dbab21;
}
.rightall{
width:952px; padding:12px 5px 0px 5px; clear:both; line-height:185%; font-size:16px;
}
.rightall p{
padding-bottom:10px;
}
.rightallnetbook{
width:952px; padding:22px 5px 0px 5px; clear:both; line-height:185%; font-size:16px;
}
.rightallcase{
width:963px; padding:22px 0px 0px 0px; clear:both; line-height:185%; font-size:16px;
}
.rightallshow{
width:952px; padding:22px 5px 0px 5px; clear:both; line-height:185%; font-size:16px;
}
.rightallcaseshow p{
padding-bottom:10px;
}


.pageshow{
width:1170px; padding:35px 15px 60px 15px; clear:both; line-height:185%; font-size:16px;
}
.pageshow p{
padding-bottom:10px;
}

.prolist{
width:210px; height:53px; line-height:52px; clear:both; background-color:#000; text-align:center; color:#FFF; font-size:18px;
border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
}
.proall{
width:210px; clear:both; padding-top:6px; padding-bottom:22px; background-color:#ededed;
}
.leftcontact{
width:210px; height:53px; line-height:52px; clear:both; background-color:#000; text-align:center; color:#FFF; font-size:18px;
border-radius:3px;
-webkit-border-radius:3px;
-o-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
}

.newpage{
text-align:center; font-size:16px; clear:both; background-color:#e9e9e9; padding-top:6px; padding-bottom:5px; width:100%; margin:20px auto 0px auto;
}
.newpage a{font-size:16px;}
.newpage a:hover{color:#F00; font-size:16px;}

.newpagecase{
text-align:center; font-size:16px; clear:both; background-color:#e9e9e9; padding-top:6px; padding-bottom:5px; width:100%; margin:20px auto 0px auto;
}
.newpagecase a{font-size:16px;}
.newpagecase a:hover{color:#F00; font-size:16px;}

.newshowtitle{
text-align:center; clear:both; font-size:22px; font-weight:bold; line-height:180%; padding-bottom:10px;
}
.newshowtime{
text-align:center; clear:both; font-size:14px; line-height:130%; padding-bottom:0px;
}
.newshowdetail{
clear:both; line-height:180%; padding-top:15px; font-size:16px; 
}
.newshowmark{
text-align:right; clear:both; line-height:180%; font-size:14px; padding-top:8px; padding-right:5px;
}
.newshowmark a{ color:#363636; font-size:14px;}
.newshowmark a:hover{ color:#FF0000; font-size:14px;}

.newpageproduct{
text-align:center; font-size:16px; clear:both; background-color:#e9e9e9; padding-top:6px; padding-bottom:5px; width:100%; margin:20px auto 0px auto;
}
.newpageproduct a{ color:#363636; font-size:16px;}
.newpageproduct a:hover{ color:#FF0000; font-size:16px;}

/*以下版头图片切换 e*/
img{margin:0;padding:0;resize:none;border:none;outline:none;} 
a:active, a:focus{outline:none;}
button::-moz-focus-inner,input::-moz-focus-inner{padding:0;border:0;}
*html{background-image:url(about:blank);background-attachment:fixed;} /* 修正IE6振动bug */
/* slide */
.slide-main{height:481px;position:relative; min-width:1200px;} /*height e*/
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:208px;overflow:hidden;cursor:pointer;opacity:0.6;-moz-opacity:0.6;filter:alpha(opacity=60);_border:1px solid none;}
.prev{left:70px;}
.next{right:70px;}
.prev:hover,.next:hover,.nav-main a:hover,.nav-main a.cur{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
.item{display:block;width:100%; min-width:1200px; height:16px;position:absolute;z-index:124;top:435px;left:0;text-align:center;}
.item a{display:inline-block;width:16px;height:16px;margin-right:11px; background:url(images/Button01.png);overflow:hidden; opacity:0.7;-moz-opacity:0.7;filter:alpha(opacity=70);}
.item a.cur{width:16px;height:16px; background:url(images/Button02.png);}
.slide-box,.slide{display:block;width:100%; min-width:1200px; height:481px;overflow:hidden;} /*height e*/
.slide-box{position:relative;}
.slide{display:none;height:391px;padding-top:90px;background-color:#e6e6e6;position:relative;position:absolute;z-index:8;} /*height e*/
#bgstylea{background:url(images/adv01.jpg) no-repeat center; background-color:#e6e6e6;}
#bgstyleb{background:url(images/adv02.jpg) no-repeat center; background-color:#e6e6e6;}
#bgstylec{background:url(images/adv03.jpg) no-repeat center; background-color:#e6e6e6;}
#bgstyled{background:url(images/adv04.jpg) no-repeat center; background-color:#e6e6e6;}
#bgstylee{background:url(images/adv05.jpg) no-repeat center; background-color:#e6e6e6;}
.slide a{display:block;width:100%;height:346px;cursor:pointer;}
.obj-a,.obj-b,.obj-c,.obj-d,.obj-e,.obj-f{position:absolute;z-index:9;left:50%;}
.obj-a,.obj-b{width:952px;margin-left:-476px;text-align:center;}
.obj-a{display:block;height:352px;top:100px;}
.obj-b{top:226px;height:100px;}
.obj-c{display:block;height:402px;top:0;margin-left:-540px;}
.obj-d{top:228px;height:164px;}
.obj-d p{display:block;padding-top:20px;font-size:16px;color:#fff;clear:both;}
.obj-e{width:366px;height:170px;margin-left:-460px;top:223px;z-index:12;}
.obj-f{width:692px;height:214px;top:158px;margin-left:-180px;}
.banAnimate .obj-a{display:block;animation-name:baoAni;-webkit-animation:baoAni 0.4s linear 0s normal none;-moz-animation:baoAni 0.4s linear 0s normal none;animation:baoAni 0.4s linear 0s normal none;}
@-webkit-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@-moz-keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
@keyframes baoAni{from{opacity:0;left:60%;} to{opacity:1;left:50%;} }
.banAnimate .obj-b{display:block;animation-name:saAni;-webkit-animation:saAni 0.4s linear 0s normal none;-moz-animation:saAni 0.4s linear 0s normal none;animation:saAni 0.4s linear 0s normal none;}
@-webkit-keyframes saAni{from{opacity:0;-webkit-transform:scale(0,0);} to{opacity:1;-webkit-transform:scale(1,1);} }
@-moz-keyframes saAni{from{opacity:0;-moz-transform:scale(0,0);} to{opacity:1;-moz-transform:scale(1,1);} }
@keyframes saAni{from{opacity:0;transform:scale(0,0);} to{opacity:1;transform:scale(1,1);} }
.watch-code.code-show{display:block;animation-name:scode;-webkit-animation:scode 0.3s linear 0s normal none;-moz-animation:scode 0.3s linear 0s normal none;animation:scode 0.3s linear 0s normal none;}
@-webkit-keyframes scode{from{opacity:0;-webkit-transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;-webkit-transform:scale(1,1); transform-origin: left bottom;} }
@-moz-keyframes scode{from{opacity:0;-moz-transform:scale(1,0); transform-origin:left bottom;} to{opacity:1;-moz-transform:scale(1,1);transform-origin:bottom bottom;} }
@keyframes scode{from{opacity:0;transform:scale(1,0);transform-origin:left bottom;} to{opacity:1;transform:scale(1,1);transform-origin: left bottom;} }
.banAnimate .obj-c,.banAnimate .obj-e{display:block;animation-name:saAnic;-webkit-animation:saAnic 0.3s linear 0s normal none;-moz-animation:saAnic 0.3s linear 0s normal none;animation:saAnic 0.3s linear 0s normal none;}
@-webkit-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
@keyframes saAnic{from{opacity:0;left:47%;} to{opacity:1;left:50%;} }
.banAnimate .obj-d,.banAnimate .obj-f{display:block;animation-name:saAnid;-webkit-animation:saAnid 0.3s linear 0s normal none;-moz-animation:saAnid 0.3s linear 0s normal none;animation:saAnid 0.3s linear 0s normal none;}
@-webkit-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@-moz-keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
@keyframes saAnid{from{opacity:0;left:53%;} to{opacity:1;left:50%;} }
/*以上版头图片切换 e*/

/*响应缓冲*/
.yiyi1, .yiyi100, .yiyi6, .yiyi7, .banner01, .banner02, .banner03, .banner04, .hotsaleallline, .caserightshow {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/*响应缓冲*/

#preview{ float:none; margin:0px auto; text-align:center; width:390px;}
.jqzoom{ width:390px; height:390px; position:relative;}

.zoomdiv{ left:859px; height:390px; width:390px;}
.list-h li{ float:left;}
#spec-n5{width:390px; height:100px; padding-top:8px; overflow:hidden;}
#spec-left{ background:url(images/left.gif) no-repeat; width:10px; height:73px; float:left; cursor:pointer; margin-top:20px;}
#spec-right{background:url(images/right.gif) no-repeat; width:10px; height:73px; float:left;cursor:pointer; margin-top:20px;}
#spec-list{ width:366px; float:left; overflow:hidden; margin-left:1px; display:inline;}
#spec-list ul li{ float:left; margin-right:0px; display:inline; width:92px;}
#spec-list ul li img{ padding:2px ; border:1px solid #e0e0e0; width:80px; height:80px;}

/*jqzoom*/
.jqzoom{position:relative;padding:0;}
.zoomdiv{z-index:100;position:absolute;top:1px;left:0px;width:390px;height:390px;background:url(i/loading.gif) #fff no-repeat center center;border:1px solid #e0e0e0;display:none;text-align:center;overflow: hidden;}
.bigimg{width:750px;}
.jqZoomPup{z-index:10;visibility:hidden;position:absolute;top:0px;left:0px;width:76px;height:50px;border:1px solid #aaa;background:#FEDE4F 50% top no-repeat;opacity:0.5;-moz-opacity:0.5;-khtml-opacity:0.5;filter:alpha(Opacity=50);cursor:move;}
#spec-list{ position:relative; width:366px; margin-right:2px;}
#spec-list div{ margin-top:0;margin-left:-30px; *margin-left:0;}

.inxun_title {
float:left; border-left:1px solid #e6e6e6;
}
.inxun_title div {
text-align: center; width:150px; display:inline; background-color:#e6e6e6; margin-right:6px; float:left; height:45px; line-height:45px; cursor:pointer; color:#525252; font-size:18px;
}
.inxun_title div.hover {
background-color:#0285cf; color:#FFFFFF;
}

.foot-share{
width:100%; clear:both; margin:0 auto;
}
.foot-share ul{
  position: relative; width:100%; clear:both;
  display: -webkit-flex; display: flex; flex-direction:row; align-items:center; flex-wrap: nowrap; justify-content: flex-start;
}
.foot-share ul li{
  width:32px; position: relative; float:left; margin:10px 7px 0px 7px;
}
.foot-share li .subeqr{ width:100px; position:absolute; left:-34px; top:-20px; z-index:5; background-color:#fff; border:1px solid #ddd; box-shadow:0 0 5px #ddd; /*display:none;*/ visibility:hidden; opacity:0; } 
.foot-share li .subeqr img{ max-width:100%; } 
.foot-share li:hover .subeqr{ /*display:block;*/ visibility:visible; opacity:1; top:-116px; } 
.foot-share li .subeqr:before{ content:''; width:0; height:0; border-top:10px solid #fff; border-right:10px solid transparent; border-left:10px solid transparent; position:absolute; left:38px; top:98px; z-index:5; } 
.foot-share li .subeqr:after{ content:''; width:0; height:0; border-top:12px solid #ddd; border-right:12px solid transparent; border-left:12px solid transparent; position:absolute; left:36px; top:100px; }