body{
    overflow-x: hidden;
	overflow-y: scroll;
	font-size:12px; color:#363636;
	background:#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:17px;
}
a.yiyi1:hover 
{
color:#F00;
}
a.yiyi100
{
color:#FFF; font-size:18px; width:120px; height:51px; display:block; background-color:rgba(122,9,9,0.6);
}
a.yiyi100:hover 
{
color:#FFF;
}
a.yiyi1000
{
color:#777; font-size:12px; font-family:Arial, Helvetica, sans-serif;
}
a.yiyi1000:hover 
{
color:#F00;
}
a.yiyi2
{
color:#141414; font-size:14px; 
}
a.yiyi2:hover 
{
color:#F00;
}
a.yiyi2000
{
color:#000; font-size:14px; 
}
a.yiyi2000:hover 
{
color:#F00;
}
a.yiyi20000
{
color:#959595; font-size:12px; 
}
a.yiyi20000:hover 
{
color:#F00;
}
a.yiyi200000
{
color:#FFF; font-size:13px; width:100px; height:28px; line-height:27px; display:block; font-family:Arial, Helvetica, sans-serif; background-color:#707070;
}
a.yiyi200000:hover 
{
color:#FFF; background-color:#F00;
}
a.yiyi3
{
width:180px; height:39px; line-height:38px; color:#0b0b0b; font-size:16px; display:block; padding-left:40px;
}
a.yiyi3:hover 
{
background:url(images/classes.jpg); color:#FFF;
}
a.yiyi3000
{
width:180px; height:39px; line-height:38px; color:#FFF; font-size:16px; display:block; padding-left:40px; background:url(images/classes.jpg);
}
a.yiyi3000:hover 
{
color:#FFF;
}
a.yiyi5
{
width:180px; height:39px; line-height:38px; color:#0b0b0b; font-size:16px; display:block; padding-left:40px;
}
a.yiyi5:hover 
{
background:url(images/classes.jpg); color:#FFF;
}
a.yiyi5000
{
width:180px; height:39px; line-height:38px; color:#FFF; font-size:16px; display:block; padding-left:40px; background:url(images/classes.jpg);
}
a.yiyi5000:hover 
{
color:#FFF;
}
a.yiyi6
{
color:#FFF; font-size:15px;
}
a.yiyi6:hover 
{
color:#F00;
}
a.yiyi60
{
color:#7aafff; font-size:12px;
}
a.yiyi60:hover 
{
color:#F00;
}
a.yiyi600
{
color:#FFF; font-size:12px; font-family:Arial, Helvetica, sans-serif;
}
a.yiyi600:hover 
{
color:#F00;
}
a.yiyi7
{
color:#141414; font-size:16px; 
}
a.yiyi7:hover 
{
color:#F00;
}
a.yiyi70
{
color:#898989; font-size:14px; 
}
a.yiyi70:hover 
{
color:#F00;
}
a.yiyi8
{
color:#666; font-size:12px;
}
a.yiyi8:hover 
{
color:#F00;
}
a.yiyi80
{
color:#FFF; font-size:13px; font-family:Arial, Helvetica, sans-serif; width:100px; height:20px; line-height:21px; background-color:#2058ae; display:block; text-align:center;
border-radius:10px;
-webkit-border-radius:10px;
-o-border-radius:10px;
-moz-border-radius:10px;
-ms-border-radius:10px;
}
a.yiyi80:hover 
{
color:#FFF; background-color:#468efc;
}
a.yiyi9
{
color:#333; font-size:24px;
}
a.yiyi9: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:109px; margin:0px auto; clear:both; overflow:hidden;
}
.header div{
overflow:hidden;
}
.headerlogo{
float:left;
}
.headright{
float:right; width:688px; height:110px;
}
.headmenubg{
width:100%; min-width:1200px; height:51px; margin:0px auto; clear:both; overflow:hidden; background:url(images/index_13.jpg);
}
.headmenu{
width:1200px; height:50px; margin:0px auto; clear:both; overflow:hidden;
}
.headmenu div{
overflow:hidden;
}
.headmenuall{
width:1300px; height:50px; clear:both;
}
.headmenu01{
float:left; height:51px; line-height:53px; text-align:center; margin-left:24px; margin-right:25px;
}
.flasher-about{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:225px; background:url(images/flash_about.jpg) no-repeat center #FFF;
}
.flasher-pro{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:225px; background:url(images/flash_pro.jpg) no-repeat center #FFF;
}
.flasher-case{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:225px; background:url(images/flash_case.jpg) no-repeat center #FFF;
}
.flasher-news{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:225px; background:url(images/flash_news.jpg) no-repeat center #FFF;
}
.flasher-video{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:225px; background:url(images/flash_video.jpg) no-repeat center #FFF;
}
.flasher-download{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:225px; background:url(images/flash_download.jpg) no-repeat center #FFF;
}
.flasher-hr{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:225px; background:url(images/flash_hr.jpg) no-repeat center #FFF;
}
.flasher-contact{
width:100%; min-width:1200px; margin:0px auto; clear:both; height:225px; background:url(images/flash_contact.jpg) no-repeat center #FFF;
}
/* ––––––––––––––––––––––––––––––––––––––––––––––––––
Mobile style's
–––––––––––––––––––––––––––––––––––––––––––––––––– */

@media screen and (max-width: 980px){
}
.shareall{
width:100%; min-width:1200px; height:189px; clear:both; margin:0px auto; font-family:Arial, Helvetica, sans-serif; overflow:hidden; background-color:#212733;
}
.shareall div{
overflow:hidden;
}
.share{
width:830px; height:180px; padding-left:370px; clear:both; margin:0px auto;
}
.share .bdsharebuttonbox{height:180px; overflow:hidden;}
.share .bdsharebuttonbox a{width:62px; height:80px; border:2px solid #1a1e27; margin-top:55px; margin-right:25px;
border-radius:40px;
-webkit-border-radius:40px;
-o-border-radius:40px;
-moz-border-radius:40px;
-ms-border-radius:40px;
}
.share .bdsharebuttonbox a.bds_tsina{background:url(images/share_12.png) no-repeat center #212733;}
.share .bdsharebuttonbox a.bds_tsina:hover{border:2px solid #242a37; background-color:#3e4a60;}
.share .bdsharebuttonbox a.bds_weixin{background:url(images/share_15.png) no-repeat center #212733;}
.share .bdsharebuttonbox a.bds_weixin:hover{border:2px solid #242a37; background-color:#3e4a60;}
.share .bdsharebuttonbox a.bds_linkedin{background:url(images/share_17.png) no-repeat center #212733;}
.share .bdsharebuttonbox a.bds_linkedin:hover{border:2px solid #242a37; background-color:#3e4a60;}
.share .bdsharebuttonbox a.bds_fbook{background:url(images/share_19.png) no-repeat center #212733;}
.share .bdsharebuttonbox a.bds_fbook:hover{border:2px solid #242a37; background-color:#3e4a60;}
.share .bdsharebuttonbox a.bds_sqq{background:url(images/share_21.png) no-repeat center #212733;}
.share .bdsharebuttonbox a.bds_sqq:hover{border:2px solid #242a37; background-color:#3e4a60;}


.footer{
width:100%; min-width:1200px; clear:both; margin:0px auto; font-family:Arial, Helvetica, sans-serif; overflow:hidden; background-color:#1c212b; color:#6e84af; font-size:14px;
}
.footer div{
overflow:hidden;
}
.footer a{ color:#6e84af; font-size:14px;}
.footer a:hover{ color:#F00;}
.footerall{
width:1200px; clear:both; margin:0px auto; padding-bottom:40px;
}
.footer01{
float:left; width:875px; padding-left:15px; padding-top:40px; font-size:14px; color:#6e84af; line-height:21px;
}
.footer01 p{
padding-bottom:12px;
}
.footer02a{
float:right; width:110px; font-size:12px; color:#6e84af; line-height:35px; text-align:center; padding-top:45px; margin-right:10px;
}
.footer02b{
float:right; width:110px; font-size:12px; color:#6e84af; line-height:35px; text-align:center; padding-top:45px; margin-right:20px;
}
.footer03{
width:100%; min-width:1200px; clear:both; margin:0px auto; font-size:14px; color:#2d4160; padding-bottom:2px; line-height:42px; text-align:center; background-color:#181d25;
}
.footer03 a{ color:#2d4160; font-size:14px;}
.footer03 a:hover{ color:#F00;}
.titleleft{
float:left;
}
.titleright{
float:right; line-height:31px; padding-right:8px;
}
.titlecn{
font-size:22px; color:#fb3737; float:left; padding-left:10px; padding-right:5px; line-height:25px;
}
.titleen{
font-size:24px; color:#494949; font-family:"Arial Black", Gadget, sans-serif; float:left; line-height:25px;
}
.titleall{
width:1200px; margin:0 auto; clear:both; padding:0px 0px 10px 0px; overflow:hidden; border-bottom:3px solid #d9d9d9;
}
.titleall01{
clear:both;
}

.indexservice{
width:1200px; margin:0 auto; clear:both; padding-top:51px;
}
@media screen and (max-width: 980px){
.indexservice{
width:1200px; margin:0 auto; clear:both; padding-top:51px; overflow:hidden;
}
}
.serviceall{
width:1500px; clear:both; padding-top:25px;
}
.servicelist{
float:left; width:225px; height:280px; text-align:center; margin-right:100px; margin-bottom:30px; overflow:hidden; display:block; cursor:pointer; background-color:#FFF;
}
.servicelist:hover{
top:-6px; box-shadow:0 0 25px rgba(0,0,0,0.3); background-color:#EEE;
border-radius:0px;
-webkit-border-radius:0px;
-o-border-radius:0px;
-moz-border-radius:0px;
-ms-border-radius:0px;
}
.servicelist01{
padding-top:5px;
}
.servicelist02{
padding-top:12px; line-height:25px; color:#141414; font-size:17px;
}
.servicelist03{
padding-top:8px; line-height:25px; color:#808080; font-size:14px;
}
.hotsale{
width:1200px; margin:0 auto; clear:both; overflow:hidden; padding-bottom:22px;
}
.hotsale div{
overflow:hidden;
}
.hotsaleall{
width:1250px; clear:both; padding-top:33px;
}
.hotsalelist{
float:left; width:275px; margin:0px 33px 33px 0px; text-align:center;
}
.hotsalelist:hover .hotsaleline{border:1px solid #FFF;}
.hotsalelist:hover .hotsalelist01{background-color:#F00; width:203px;}

.hotsalelistin{
float:left; width:275px; margin:0px 45px 33px 0px; text-align:center;
}
.hotsalelistin:hover .hotsalelinein{border:1px solid #FFF;}
.hotsalelistin:hover .hotsalelist01{background-color:#F00; width:203px;}

.hotsaleline{
width:273px; border:1px solid #FFF;
}
.hotsalelinein{
width:273px; border:1px solid #FFF;
}
.hotsalelist01{
width:24px; height:4px; clear:both; background-color:#000; margin-left:35px; margin-top:10px;
}
.hotsalelist02{
line-height:20px; padding-bottom:1px; padding-top:8px; text-align:left; margin-left:35px;
}
.hotsalelist02in{
line-height:20px; padding-bottom:1px; padding-top:8px; text-align:left; margin-left:35px;
}
.hotsalelist03{
line-height:20px; padding-bottom:8px; padding-top:0px; text-align:left; margin-left:35px;
}
.hotsalelist03in{
line-height:20px; padding-bottom:8px; padding-top:0px; text-align:left; margin-left:35px;
}

.banner01{
width:100%; min-width:1200px; height:520px; margin:0px auto; clear:both; overflow:hidden; background:url(images/banner.jpg) no-repeat center;
}
.indexcase{
width:1200px; clear:both; margin:0 auto; overflow:hidden;
}
.indexcase div{
overflow:hidden;
}
.indexcasepic{
width:1200px; clear:both; margin:-367px auto 0px auto; overflow:hidden;
}
.indexcaseall{
width:1200px; clear:both; margin:0 auto; padding-top:64px;
}
@media screen and (max-width: 980px){
.indexcaseall{
width:1200px; clear:both; margin:0 auto; padding-top:64px; overflow:hidden;
}
}
.indexcaseallshow{
width:1350px; clear:both;
}
.indexcaselist{
float:left; width:370px; margin-right:45px; margin-bottom:125px; background-color:#2058ae;
}
.indexcaselist:hover{
background-color:#276bd4; box-shadow:0 0 25px rgba(25,70,139,1.0);
}
.caselist1{
width:370px; height:249px; position:relative; overflow:hidden;
}
.caselist1 img{
width:370px; height:249px; border:0px; position: absolute; left: 50%; top: 50%; margin: -124.5px 0 0 -185px; z-index:1;
}

.indexnews{
width:1200px; margin:0 auto; clear:both;
}
.indexnews div{
overflow:hidden;
}
.newsleft{
float:left; width:352px; margin-top:-56px; padding-bottom:60px;
}
.newsright{
float:right; width:740px; margin-right:10px; padding-top:30px;  padding-bottom:60px;
}
.newsimg{
float:left; width:272px;
}
.newsleft:hover .newsimg{
box-shadow:0 0 25px rgba(0,0,0,0.9);
}
.newsright:hover .newsimg{
box-shadow:0 0 25px rgba(0,0,0,0.9);
}
.newslist{
float:left; width:280px; margin-left:15px; overflow:hidden;
}
.newslist div{
overflow:hidden;
}
.aboutindexbg{
width:100%; min-width:1200px; height:480px; background-color:#181c25; margin:0px auto; clear:both;
}
.aboutindex{
width:1200px; margin:0 auto; clear:both;
}
.aboutindex div{
overflow:hidden;
}
.aboutleft{
float:left; margin-left:15px; width:840px; padding-top:86px;
}
.aboutright{
float:right; width:267px; background-color:#232c3e; margin-right:12px; margin-top:-64px;
}
.aboutright:hover{
background-color:#2a354b;
}
.aboutall1{
color:#FFF; font-size:13px; line-height:26px; padding:12px 0px 0px 0px;
}
.aboutall1 p{
padding-bottom:13px;
}
.titlemenu{
width:1200px; margin:0 auto; clear:both; overflow:hidden; padding-top:40px;
}
.classmenu{
width:1200px; margin:0px auto; clear:both; overflow:hidden; padding-top:35px; padding-bottom:10px;
}
.classmenu div{
overflow:hidden;
}
.classmenuall{
width:1250px; clear:both;
}

.indexpageshow{
width:1200px; margin:0 auto; clear:both; overflow:hidden; padding-bottom:23px;
}
.indexpage{
width:1200px; margin:0 auto; clear:both; overflow:hidden; padding-top:30px; padding-bottom:40px;
}
.indexpage div{
overflow:hidden;
}
.indexpageleft{
float:left; width:220px; margin-top:10px; background-color:#EEE;
}
.indexpageright{
float:right; width:962px;
}
.lefttitle{
width:220px; height:79px; clear:both; background-color:#313131; color:#FFF; font-size:20px; text-align:center; line-height:79px;
}
.leftall{
width:220px; clear:both; padding-top:5px; padding-bottom:10px;
}
.leftlist{
width:220px; clear:both; border-bottom:1px solid #FFF;
}
.leftcontact{
width:220px; height:79px; clear:both; background-color:#313131; color:#FFF; font-size:20px; text-align:center; line-height:79px;
}
.leftcontactall{
clear:both;
}
.leftcontactall p{
padding-bottom:8px;
}
.indexabout{
width:932px; padding:2px 5px 0px 25px; clear:both; line-height:185%; font-size:16px;
}
.indexabout p{
padding-bottom:15px;
}
.indexaboutshow{
width:932px; padding:10px 5px 0px 25px; clear:both; line-height:185%; font-size:16px;
}
.indexaboutshow p{
padding-bottom:15px;
}
.indexnetbook{
width:937px; padding:8px 5px 0px 20px; clear:both; line-height:185%; font-size:16px;
}
.indexdownload{
width:937px; padding:9px 5px 0px 20px; clear:both; line-height:185%; font-size:16px;
}
.downloadlist{
clear:both; padding:0px 12px;
}
.downloadlist:hover{
background-color:#f0f0f0; box-shadow:0 0 5px rgba(0,0,0,0.5);
}
.indexpro{
width:987px; padding:0px 0px 0px 27px; clear:both; line-height:185%; font-size:16px;
}
.indexproject{
width:987px; padding:9px 0px 0px 6px; clear:both; line-height:185%; font-size:16px;
}
.indexshow{
width:1180px; padding:20px 10px 20px 10px; clear:both; line-height:185%; font-size:16px; overflow:hidden;
}
.indexshow p{
padding-bottom:10px;
}
.caselist{
width:302px; height:200px; position:relative; border:1px solid #d5d5d5; overflow:hidden;
}
.caselist img{
width:302px; height:200px; border:0px; position: absolute; left: 50%; top: 50%; margin: -100px 0 0 -151px; z-index:1;
}

.righttop{
width:960px; height:42px; padding-top:12px; clear:both; border-bottom:1px solid #d8d8d8;
}
.rightall{
width:940px; padding:20px 10px 0px 10px; clear:both; line-height:185%; font-size:16px;
text-align:justify; text-justify:distribute-all-lines; text-align-last:left;
}
.rightall p{
padding-bottom:10px;
}
.rightallnetbook{
width:940px; padding:20px 10px 0px 10px; clear:both; line-height:185%; font-size:16px;
}
.rightallnews{
width:940px; padding:20px 10px 0px 10px; clear:both; line-height:185%; font-size:16px;
}
.rightallcase{
width:960px; padding:20px 0px 0px 0px; clear:both; line-height:185%; font-size:16px;
}
.rightallpro{
width:980px; padding:20px 0px 0px 0px; clear:both; line-height:185%; font-size:16px;
}
.rightallcaseshow{
width:949px; padding:22px 15px 0px 15px; 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;
}


.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:563px;position:relative; min-width:1200px;} /*height e*/
.prev,.next{display:block;width:44px;height:44px;position:absolute;z-index:222;top:240px;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:500px;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:563px;overflow:hidden;} /*height e*/
.slide-box{position:relative;}
.slide{display:none;height:473px;padding-top:90px;background-color:#FFF;position:relative;position:absolute;z-index:8;} /*height e*/
#bgstylea{background:url(images/adv01.jpg) no-repeat center; background-color:#FFF;}
#bgstyleb{background:url(images/adv02.jpg) no-repeat center; background-color:#FFF;}
#bgstylec{background:url(images/adv03.jpg) no-repeat center; background-color:#FFF;}
#bgstyled{background:url(images/adv04.jpg) no-repeat center; background-color:#FFF;}
#bgstylee{background:url(images/adv05.jpg) no-repeat center; background-color:#FFF;}
.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*/

/*响应缓冲*/
.huanchong, .aboutalllist, .downloadlist, .yiyi1, .yiyi600, .yiyi7, .yiyi20000, .yiyi200000, .hotsalelist:hover .hotsaleline, .hotsalelistin:hover .hotsaleline, .youshilist, .youshilist img {
	-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;
}
/*响应缓冲*/
.ban{ width:538px; height:622px; position:relative; overflow:hidden; margin:0px auto 0px auto;}
.ban2{ width:500px; height:500px; position:relative; overflow:hidden; margin-left:12px;}
.ban2 ul{ position:absolute; left:0; top:0;}
.ban2 ul li{ width:500px; height:500px;}
.prev{ float:left; cursor:pointer;}
.num{ height:112px;overflow:hidden; width:448px; position:relative; float:left;}
.min_pic{ padding-top:10px; width:472px; margin-left:25px;}
.num ul{ position:absolute; left:0; top:0;}
.num ul li{ width:105px; height:105px; margin-right:4px; padding:1px; border:1px solid #d4d4d4;}
.num ul li.on{ border:1px solid #2058ae; padding:1px;}
.prev_btn1{ width:9px; text-align:center; height:18px; margin-top:44px; margin-right:3px; cursor:pointer; float:left;}
.next_btn1{ width:9px; text-align:center; height:18px; margin-top:44px; margin-left:0px; cursor:pointer;float:right;}
.prev1{ position:absolute; top:295px; left:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.next1{ position:absolute; top:295px; right:20px; width:28px; height:51px;z-index:9;cursor:pointer;}
.mhc{ background:#000; width:100%; min-width:1200px; opacity:0.5;-moz-opacity:0.5;filter:alpha(Opacity=50); position:absolute; left:0; top:0; display:none;}
.pop_up{ width:650px; height:650px; padding:10px; background:#fff; position:fixed; -position:absolute; left:50%; top:50%; margin-left:-325px; margin-top:-325px; display:none; z-index:9999;}
.pop_up_xx{ width:100%; height:100%; min-width:1200px; position:fixed; top:0px; right:0; cursor:pointer; text-align:right;}
.pop_up_xxx{ width:40px; height:40px; position:absolute; top:0; right:0; cursor:pointer; z-index:20000;}
.pop_up2{ width:650px; height:650px; position:relative; overflow:hidden;}
.pop_up2{ width:650px; height:650px; position:relative; overflow:hidden; float:left;}
.pop_up2 ul{ position:absolute; left:0; top:0;}
.pop_up2 ul li{ width:650px; height:650px; float:left;}

.inxun_title {
float:left; margin-left:250px;
}
.inxun_title div {
text-align: center; width:150px; display:inline; background-color:#e6e6e6; margin-right:6px; float:left; height:40px; line-height:40px; cursor:pointer; color:#525252; font-size:17px;
}
.inxun_title div.hover {
background-color:#2058ae; color:#FFFFFF;
}

.allcase{ width:586px; height:367px; position:relative;}
.screen{
	width:586px;
	height:367px;
	overflow:hidden; 
	position:relative;
}
.screen li{ width:586px; height:367px; overflow:hidden; float:left;}
.screen ul{ position:absolute; left:0; top:0px; width:3900px;}
.allcase ol{ position:absolute; right:6px; bottom:6px; line-height:20px; text-align:center;}
.allcase ol li{ float: left; width: 24px; height: 24px; background:url(images/caseqh.png);  margin-left: 5px; cursor: pointer; font-size: 14px; font-family:Verdana; line-height: 24px; color:#FFF;}
.allcase ol li.current{background:url(images/caseqh.png) bottom;}