@charset "utf-8";
/* CSS Document */

/*@font-face {
      font-family: 'HELVETICANEUELTPRO-THEX_0';
      src: url('font/HELVETICANEUELTPRO-THEX_0.OTF');
      src: url('font/HELVETICANEUELTPRO-THEX_0.OTF') format('embedded-opentype'),
           url('font/HELVETICANEUELTPRO-THEX_0.OTF') format('OTF'),
       url('font/HELVETICANEUELTPRO-THEX_0.OTF') format('truetype'),
       url('font/HELVETICANEUELTPRO-THEX_0.OTF') format('svg');
      font-weight: normal;
      font-style: normal;
   }
字体声明如上 其中fontName替换为你的字体名称*/

*{ font-family:"微软雅黑"; outline:none;}
*{-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;} 
body,dl,dd,h1,h2,h3,h4,h5,h6,p, from{margin:0;} ol,ul,li,img{margin:0;padding:0;border:0;outline:0;vertical-align:baseline;}
input,img,textarea{ border:none; border-radius: 0;-webkit-tap-highlight-color:rgba(0,0,0,0); -webkit-tap-highlight:rgba(0,0,0,0); -webkit-text-size-adjust:none;}
body > .qing{ min-width:1250px;}
a{ text-decoration:none; blr:expression(this.onFocus=this.blur()); /* IE Opera */ outline:none; /* FF Opera */ } 
a:focus{ -moz-outline-style: none; /* FF */ }
img, input{ border:0;}
input,textarea,select {outline:none;} 
a div, a span{ cursor:pointer;}
textarea{ resize:none;}/*防止textarea放大时，三个斜线被放大*/
ul li{ list-style:none;}
.qing{ overflow:hidden; display:block; clear:both; }
.juzhong{ width:1250px; overflow:hidden; display:block; margin-left:auto; margin-right:auto;}
.lf{ overflow:hidden; display:block; float:left;}
.rf{ overflow:hidden; display:block; float:right;}
*, *:before, *:after{box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box;}
img{ }
.shu14 img, .shu12 img{ display:inline !important; max-width:100% !important; height:auto !important; }
.shu14{ line-height:30px; color:#636363; font-size:14px;}
@media screen and (min-width:1280px){/*屏幕宽度大于320px*/
body > .qing{ min-width:1260px;}
.juzhong{ width:1260px; overflow:hidden; display:block; margin-left:auto; margin-right:auto;}
}
@media screen and (max-width:1280px){/*屏幕宽度小于320px*/
body > .qing{ min-width:1250px;}
.juzhong{ width:1250px; overflow:hidden; display:block; margin-left:auto; margin-right:auto;}
}
/*******************************************index******************************************/
.topk{ width:100%; overflow:visible;zoom:1;position: absolute;left:0;top:0; z-index:9;
/*ie6不支持position：fixed
解决方案*/
_position:absolute;
_bottom:auto;
_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight-this.offsetHeight-(parseInt(this.currentStyle.marginTop,10)||0)-(parseInt(this.currentStyle.marginBottom,10)||0)));
}
@keyframes logo1-2{
0%{ filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-webkit-keyframes logo1-2{
0%{ filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-moz-keyframes logo1-2{
0%{ filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-o-keyframes logo1-2{
0%{ filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}

.logo1-1{
	animation:logo1-1 0.6s linear 0.2s both;
	-webkit-animation:logo1-1 0.6s linear 0.2s both;
	-moz-animation:logo1-1 0.6s linear 0.2s both;
	-o-animation:logo1-1 0.6s linear 0.2s both;
}
@keyframes logo1-1{
0%{transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0);}
100%{transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
}
@-webkit-keyframes logo1-1{
0%{transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0);}
100%{transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
}
@-moz-keyframes logo1-1{
0%{transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0);}
100%{transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
}
@-o-keyframes logo1-1{
0%{transform: scale(0); -ms-transform: scale(0); -webkit-transform: scale(0); -o-transform: scale(0); -moz-transform: scale(0);}
100%{transform: scale(1); -ms-transform: scale(1); -webkit-transform: scale(1); -o-transform: scale(1); -moz-transform: scale(1);}
}

.logo1-1 img{
	animation:logo1-1img 2s linear infinite both;
	-webkit-animation:logo1-1img 2s linear infinite both;
	-moz-animation:logo1-1img 2s linear infinite both;
	-o-animation:logo1-1img 2s linear infinite both;
}
@keyframes logo1-1img{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -moz-transform: rotate(-360deg);}
}
@-webkit-keyframes logo1-1img{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -moz-transform: rotate(-360deg);}
}
@-moz-keyframes logo1-1img{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -moz-transform: rotate(-360deg);}
}
@-o-keyframes logo1-1img{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(-360deg); -ms-transform: rotate(-360deg); -webkit-transform: rotate(-360deg); -o-transform: rotate(-360deg); -moz-transform: rotate(-360deg);}
}
.logo21, .logo22, .logo23, .logo24, .logo25, .logo26{
	animation:logo2 0.6s cubic-bezier(0.75,0.4,0.67,1.2) both;
	-webkit-animation:logo2 0.6s cubic-bezier(0.75,0.4,0.67,1.2) both;
	-moz-animation:logo2 0.6s cubic-bezier(0.75,0.4,0.67,1.2) both;
	-o-animation:logo2 0.6s cubic-bezier(0.75,0.4,0.67,1.2) both;
}
.logo21{animation-delay:0.2s;}
.logo22{animation-delay:0.4s;}
.logo23{animation-delay:0.6s;}
.logo24{animation-delay:0.8s;}
.logo25{animation-delay:1.0s;}
.logo26{animation-delay:1.2s;}
@keyframes logo2{
0%{ top:-80px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ top:0px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-webkit-keyframes logo2{
0%{ top:-80px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ top:0px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-moz-keyframes logo2{
0%{ top:-80px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ top:0px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-o-keyframes logo2{
0%{ top:-80px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ top:0px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
.logo21 img, .logo22 img, .logo23 img, .logo24 img, .logo25 img, .logo26 img{
	animation:logo2img 0.6s linear 1.6s both;
	-webkit-animation:logo2img 0.6s linear 1.6s both;
	-moz-animation:logo2img 0.6s linear 1.6s both;
	-o-animation:logo2img 0.6s linear 1.6s both;
}
@keyframes logo2img{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
25%{transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); -moz-transform: rotate(-20deg);}
50%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
75%{transform: rotate(20deg); -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); -o-transform: rotate(20deg); -moz-transform: rotate(20deg);}
100%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
}
@-webkit-keyframes logo2img{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
25%{transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); -moz-transform: rotate(-20deg);}
50%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
75%{transform: rotate(20deg); -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); -o-transform: rotate(20deg); -moz-transform: rotate(20deg);}
100%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
}
@-moz-keyframes logo2img{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
25%{transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); -moz-transform: rotate(-20deg);}
50%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
75%{transform: rotate(20deg); -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); -o-transform: rotate(20deg); -moz-transform: rotate(20deg);}
100%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
}
@-o-keyframes logo2img{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
25%{transform: rotate(-20deg); -ms-transform: rotate(-20deg); -webkit-transform: rotate(-20deg); -o-transform: rotate(-20deg); -moz-transform: rotate(-20deg);}
50%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
75%{transform: rotate(20deg); -ms-transform: rotate(20deg); -webkit-transform: rotate(20deg); -o-transform: rotate(20deg); -moz-transform: rotate(20deg);}
100%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
}
.logo3{
	animation:logo3 0.6s cubic-bezier(0.75,0.4,0.67,1.2) 1.6s both;
	-webkit-animation:logo3 0.6s cubic-bezier(0.75,0.4,0.67,1.2) 1.6s both;
	-moz-animation:logo3 0.6s cubic-bezier(0.75,0.4,0.67,1.2) 1.6s both;
	-o-animation:logo3 0.6s cubic-bezier(0.75,0.4,0.67,1.2) 1.6s both;
}
@keyframes logo3{
0%{ top:140px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ top:75px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-webkit-keyframes logo3{
0%{ top:140px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ top:75px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-moz-keyframes logo3{
0%{ top:140px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ top:75px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-o-keyframes logo3{
0%{ top:140px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{ top:75px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}


@media screen and (min-width:1280px){/*屏幕宽度大于320px*/
.batek{left:50%; margin-left:351px;}
}
@media screen and (max-width:1280px){/*屏幕宽度小于320px*/
.batek{left:50%; margin-left:301px;}
}
.batel{ display:block; float:left; margin-left:26px; width:58px; height:83px; position:relative; }
.batel img{ position:absolute; left:0; top:0;}
.batels{ display:block; float:left; margin-left:15px; padding-top:14px; line-height:28px; font-size:20px; color:#fff; font-family:Arial, Helvetica, sans-serif;}
.batel1{
	animation:batel1 0.8s linear infinite alternate both;
	-webkit-animation:batel1 0.8s linear infinite alternate both;
	-moz-animation:batel1 0.8s linear infinite alternate both;
	-o-animation:batel1 0.8s linear infinite alternate both;
}
@keyframes batel1{
0%{transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -moz-transform: rotate(-10deg);}
100%{transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); -moz-transform: rotate(10deg);}
}
@-webkit-keyframes batel1{
0%{transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -moz-transform: rotate(-10deg);}
100%{transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); -moz-transform: rotate(10deg);}
}
@-moz-keyframes batel1{
0%{transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -moz-transform: rotate(-10deg);}
100%{transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); -moz-transform: rotate(10deg);}
}
@-o-keyframes batel1{
0%{transform: rotate(-10deg); -ms-transform: rotate(-10deg); -webkit-transform: rotate(-10deg); -o-transform: rotate(-10deg); -moz-transform: rotate(-10deg);}
100%{transform: rotate(10deg); -ms-transform: rotate(10deg); -webkit-transform: rotate(10deg); -o-transform: rotate(10deg); -moz-transform: rotate(10deg);}
}
/*解决方案*/
.jjk{ padding-top:35px; padding-bottom:50px;}
.so-tik{ margin-bottom:44px;}
.so-tien{ margin:0 auto;}
.so-ticn{ width:262px; height:44px; margin:0 auto; position:relative; line-height:44px; font-size:28px; color:#000;}
.so-ticn span{ display:block; width:152px; height:44px; overflow:hidden; position:relative; z-index:3; text-align:center; background:#FFF; margin:0 auto;}
.so-ticn span b{ display:block; font-weight:normal; position:relative; top:0; }
.so-ticn i{ display:block; position:absolute; z-index:0; top:50%; width:100%; height:1px; background:#0dcbfa;}
.jjk:hover .so-ticn span b, .cpbg:hover .so-ticn span b, .nek:hover .so-ticn span b{ top:-100%;}
/*方案块*/
.jjfa{ display:block; padding-left:1px;}
.jjfa dd{ width:25%; height:319px; float:left; position:relative; margin-left:-1px; border-left:1px solid #e6e6e6; border-right:1px solid #e6e6e6; text-align:center;
 background:#FFF;}
.jjfa1, .jjfa2, .jjfa3{ left:120px;opacity:0;}
.jjfa dd a{ display:block; width:100%; height:319px; position:relative; z-index:6;}
.jbg{ position: absolute; left:0; bottom:0%; width:100%; height:0; background:#3275c3;}
.solk{ display:block; width:186px; height:186px; margin:0 auto; overflow:hidden; position:relative;}
.sol1, .sol10{ width:186px; height:186px; position:absolute; top:0; overflow:hidden; border-radius:50%; -o-border-radius:50%;  -moz-border-radius:50%;  -webkit-border-radius:50%;}
.sol1{ left:0; z-index:2;}.sol10{ left:0;z-index:1;}
.solm{ padding:0px 15px 18px; }
.solm span{ display:block;}
.solmcn{ display:block; height:32px; overflow:hidden; position: relative; line-height:32px; color:#000; font-size:20px;}
.solmen{ display:block; height:20px; overflow:hidden; position: relative; line-height:20px; color:#9b9b9b; font-size:12px;}
.solmcn b, .solmen b{ display:block; position:relative; font-weight:normal;}
.solmcn b{top:0; }.solmen b{top:-100%; }
.soj{ width:48px; height:48px; margin:0 auto; background: url(../images/soj.png) center center no-repeat;}
.jjfa dd:hover .soj{background: url(../images/soj2.png) center center no-repeat;}
.jjfa dd:hover .soj{
	animation:soj 0.8s linear infinite both;
	-webkit-animation:soj 0.8s linear infinite both;
	-moz-animation:soj 0.8s linear infinite both;
	-o-animation:soj 0.8s linear infinite both;
}
@keyframes soj{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes soj{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes soj{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes soj{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
.jjfa dd:hover .jbg{ height:100%; bottom:0;}
.jjfa dd:hover .sol1{ left:0;}
.jjfa dd:hover .sol10{ left:0; z-index:3;}
.jjfa dd:hover .solmcn, .jjfa dd:hover .solmen{ color:#FFF;}
.jjfa dd:hover .solmcn b{top:-100%; color:#FFF;}
.jjfa dd:hover .solmen b{top:0; color:#FFF;}
/*产品中心*/
/**大标题切入**/
.ntiy img, .sontiy img{
	animation:ntiy 0.8s linear both;
	-webkit-animation:ntiy 0.8s linear both;
	-moz-animation:ntiy 0.8s linear both;
	-o-animation:ntiy 0.8s linear both;
}
@keyframes ntiy{
0%{top:-120px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{top:0px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-webkit-keyframes ntiy{
0%{top:-120px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{top:0px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-moz-keyframes ntiy{
0%{top:-120px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{top:0px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-o-keyframes ntiy{
0%{top:-120px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{top:0px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
.nticn, .sonticn{
	animation:nticn 0.8s linear 0.4s both;
	-webkit-animation:nticn 0.8s linear 0.4s both;
	-moz-animation:nticn 0.8s linear 0.4s both;
	-o-animation:nticn 0.8s linear 0.4s both;
}
@keyframes nticn{
0%{top:120px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{top:0px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-webkit-keyframes nticn{
0%{top:120px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{top:0px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-moz-keyframes nticn{
0%{top:120px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{top:0px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}
@-o-keyframes nticn{
0%{top:120px; filter:Alpha(opacity=0); opacity:0; -moz-opacity:0; -webkit-opacity:0; -o-opacity:0;}
100%{top:0px; filter:Alpha(opacity=100); opacity:1; -moz-opacity:1; -webkit-opacity:1; -o-opacity:1;}
}

/******************************product-view*******************************/
/*大图切换*/
.main_visual2{ width:532px; height:605px; overflow:hidden;position:relative;}
.main_image2{height:605px;overflow:hidden;position:relative;}
.main_image2 ul{width:9999px;height:605px;overflow:hidden;position:absolute;top:0;left:0}
.main_image2 li{float:left;width:100%;height:605px;}

div.flicking_con2{position:absolute; right:30px; bottom:30px; z-index:999; height:10px; }
div.flicking_con2 a{float:left;width:40px;height:6px;margin:0 3px;padding:0;background:#bbb;display:block;text-indent:-1000px}
div.flicking_con2 a.on{background:#00b3f0;}
#btn_prev2,#btn_next2{z-index:11111;position:absolute;display:block;width:58px!important;height:58px!important;top:348px;display: block;}
#btn_prev2{background:url(../images/zuo1.png) no-repeat left top;left:-150px;}
#btn_next2{background:url(../images/zuo2.png) no-repeat right top;right:-150px;}
/*end*/
.cpjs{ margin-bottom:70px;}
.cpdk{ display:block; width:534px; height:607px; float:left; border:1px solid #e9e9e9;}
.cppz{ display:block; margin-left:590px;}
.cppz-ti{ line-height:40px; color:#00b3f0; font-size:36px; margin-bottom:20px;}
/*技术参数*/
.jsbg{ display:block; background:#ededed; padding:42px 0 60px; }
.jscs{ padding:37px; background:#FFF;}
.js-ti{ text-align:center; padding-bottom:34px; font-size:18px; color:#000; line-height:30px;}
/*解决方案*/
.jfk{padding:42px 0 0; }
.jfl{ display:block; margin-left:-20px;}
.jfl li{ display:block; width:615px; height:145px; background:#ededed; float:left; margin-left:20px;}
@media screen and (min-width:1280px){/*屏幕宽度大于320px*/
.jfl li{ width:664px; }
}
@media screen and (max-width:1280px){/*屏幕宽度小于320px*/
.jfl li{ width:615px; }
}
.jfl li a{ display:block; position:relative; width:100%; height:100%; padding:24px;}
.cpjtu{ float:left; width:98px; height:98px; overflow:hidden; position:relative;}
.cpjtuj{ float:right; width:48px; height:48px; margin-top:25px;}
.cpjk{ display:block; margin-left:120px; margin-right:60px; padding-top:24px;}
.cpjk-cn{ line-height:32px; font-size:18px; color:#3d3d3d;}
.cpjk-en{ line-height:20px; font-size:12px; color:#9b9b9b;}
.jfl li:hover .cpjk-cn{ padding-left:5px; color:#00b3f0;}
.jfl li:hover .cpjtu{
	animation:cpjtu 5s linear infinite both;
	-webkit-animation:cpjtu 5s linear infinite both;
	-moz-animation:cpjtu 5s linear infinite both;
	-o-animation:cpjtu 5s linear infinite both;
}
@keyframes cpjtu{
0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
30%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
}
@-webkit-keyframes cpjtu{
0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
30%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
}
@-moz-keyframes cpjtu{
0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
30%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
}
@-o-keyframes cpjtu{
0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
30%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
}
/******************************solution*******************************/
.sontiy{ width:585px; height:103px; margin:55px auto 80px;}
.sontiy img{ margin:0 auto; position:relative;}
.sonticn{ position:relative; width:230px; height:44px; margin:0 auto; text-align:center; line-height:44px; font-size:28px; color:#fff;}
.sonticn b, .sonticn i{ display:block; width:50px; height:1px; position:absolute; top:50%; background:#7facdb;}
.sonticn b{ left:0;}
.sonticn i{ right:0;}
.jjfaj dd:first-child{ border-left:none; }
.jjfaj dd:last-child{ border-right:none; }
/******************************solution-view*******************************/
.sonr{ display:block; margin-bottom:65px;}
.sonti{ margin-bottom:20px; font-size:30px; color:#00b3f0; line-height:44px;}
.sonk{ display:block; margin-right:582px;}
/******************************news*******************************/
.xwlb{ display:block; margin-left:-29px;}
.xwlb li{ width:397px; height:340px; float:left; margin-left:29px; margin-bottom:29px; position:relative; border:1px solid #9b9b9b;}
@media screen and (min-width:1280px){/*屏幕宽度大于320px*/
.xwlb li{ width:430px;}
}
@media screen and (max-width:1280px){/*屏幕宽度小于320px*/
.xwlb li{ width:397px;}
}
.xwhbg{ position:absolute; z-index:-1; width:0; height:100%; left:0; top:0;}
.xwlb li:hover .xwhbg{ background:#00b3f0; width:100%;}
.xwlb li:hover { border-color:#00b3f0;}
.xwk{ padding:38px;}
.xwk-da{ display:block; overflow:hidden; position:relative; margin-bottom:20px;}
.xwk-da1{ display:block; line-height:38px; font-size:36px; color:#383838;}
.xwk-da2{ display:block; margin-bottom:9px; line-height:20px; font-size:14px; color:#8f8f8f;}
.xwlb li:hover .xwk-da span{ color:#FFF;}
.xwk-dat{ display:block; position:relative; width:52px; height:1px; background:#000;}
.xwk-dat span{ display:block; float:right; width:0; height:1px; background:#FFF;}
.xwlb li:hover .xwk-dat span{ width:100%;}
.xwk-ti{ display:block; font-size:18px; color:#000; line-height:30px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.xwk-ti:visited{ color:#000;}
.xwk-js{display:block; height:125px; padding-top:20px;}
.xwk-js a{ display:block; font-size:14px; color:#767676; line-height:26px;}
.xwk-js a:visited{ color:#767676;}
.xwlb li:hover .xwk-ti{ color:#FFF; padding-left:8px;}
.xwlb li:hover .xwk-js a{ color:#FFF;}
.xwk-duo{ display:block; overflow:hidden; height:20px; width:80px; position:relative;}
.xwk-duo span{ display:block; position:relative; top:0; color:#9e9e9e;}
.xwlb li:hover .xwk-duo span{ top:-100%; color:#FFF;}
/******************************services*******************************/
.zclb{ display:block;}
.zclb li{ display:block; background:#FFF; overflow:hidden; margin-bottom:30px;}
.ywtu{ display:block; float:left; overflow:hidden; width:789px; height:407px;}
.ywnk{ width:461px; padding:46px 60px;}
@media screen and (min-width:1280px){/*屏幕宽度大于320px*/
.ywnk{ width:559px;}
}
@media screen and (max-width:1280px){/*屏幕宽度小于320px*/
.ywnk{ width:461px;}
}
.ywnk-ti{ display:block; margin-bottom:25px; font-size:30px; color:#00b3f0; line-height:40px;}
.ywnk-ti:visited{ color:#00b3f0;}
.ywnk-js{ display:block; height:180px;}
.ywnk-js a{ display:block;color:#636363;}
.ywnk-js a:visited{ color:#636363;}
.zclb li:hover .ywnk-jtu img{
	animation:ywnk-jtu 0.8s linear infinite both;
	-webkit-animation:ywnk-jtu 0.8s linear infinite both;
	-moz-animation:ywnk-jtu 0.8s linear infinite both;
	-o-animation:ywnk-jtu 0.8s linear infinite both;
}
@keyframes ywnk-jtu{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes ywnk-jtu{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes ywnk-jtu{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes ywnk-jtu{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
.zclb li:hover .ywtu img{
transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);	
}
.zclb li:hover .ywnk-ti{ padding-left:8px; color:#000;}
.zclb li:hover .ywnk-js a{ color:#00b3f0;}
/******************************qualification*******************************/
.zzlb{ display:block; margin-left:-28px;}
.zzlb li{ display:block; width:316px; height:420px; float:left; border:1px solid #dfdfdf; margin-left:28px; margin-bottom:28px; overflow:hidden;}
.zzlb li a{ display:block; position:relative; overflow:hidden; }
.zztuk{ position:relative; width:100%; height:100%; padding:19px;}
.zztu{ display:block; overflow:hidden; width:100%; height:100%; z-index:1;}
.zztu img{width:275px; height:372px;}
.zztm{ position:absolute; width:100%; height:100%; top:100%; z-index:8; background: url(../images/zzhbg.png) repeat;}
.zztmk{ position:absolute; width:100%; height:auto; top:50%; margin-top:-52px; padding:15px; text-align:center; font-size:20px; color:#fff; line-height:36px;}
.zztmk b, .zztmk i{ display:block; position:absolute; width:74px; height:2px; background:#FFF; left:50%; margin-left:-37px;}
.zztmk b{ top:0;} 
.zztmk i{ bottom:0;}
@media screen and (min-width:1280px){/*屏幕宽度大于320px*/
.zzlb li{ width:316px; height:418px;}
.zztu img{ width:275px; height: auto;}
}
@media screen and (max-width:1280px){/*屏幕宽度小于320px*/
.zzlb li{ width:291px; height:385px;}
.zztu img{ width:252px; height: auto;}
}
.zzlb li:hover .zztu img{
transform: scale(1.1);
-ms-transform: scale(1.1);	/* IE 9 */
-webkit-transform: scale(1.1);	/* Safari 和 Chrome */
-o-transform: scale(1.1);	/* Opera */
-moz-transform: scale(1.1);
}
.zzlb li:hover .zztm{ top:0%;}
/******************************standard*******************************/
.bzl{ display:block; margin-left:-20px;}
.bzl li{ display:block; width:615px; height:145px; background:#fff; border:1px solid #cdcdcd; float:left; margin-left:20px; margin-bottom:20px;}
@media screen and (min-width:1280px){/*屏幕宽度大于320px*/
.bzl li{ width:664px; }
}
@media screen and (max-width:1280px){/*屏幕宽度小于320px*/
.bzl li{ width:615px; }
}
.bzl li a{ display:block; position:relative; width:100%; height:100%; padding:24px;}
.bzl li .cpjtu{ float:left; width:98px; height:98px;}
.bzl li .cpjtuj{ float:right; width:48px; height:48px; margin-top:25px;}
.bzl li .cpjk{ display:block; margin-left:120px; margin-right:70px; padding-top:4px;}
.bzl li .cpjk-cn{ margin-bottom:12px; line-height:32px; font-size:18px; color:#3d3d3d;}
.bzl li .cpjk-en{ line-height:20px; font-size:12px; color:#9b9b9b;}
.bzl li:hover .cpjtu{
	animation:cpjtu2 5s linear infinite both;
	-webkit-animation:cpjtu2 5s linear infinite both;
	-moz-animation:cpjtu2 5s linear infinite both;
	-o-animation:cpjtu2 5s linear infinite both;
}
@keyframes cpjtu2{
0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
30%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
}
@-webkit-keyframes cpjtu2{
0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
30%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
}
@-moz-keyframes cpjtu2{
0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
30%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
}
@-o-keyframes cpjtu2{
0%{transform: rotateY(0deg); -ms-transform: rotateY(0deg); -webkit-transform: rotateY(0deg); -o-transform: rotateY(0deg); -moz-transform: rotateY(0deg);}
30%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
100%{transform: rotateY(360deg); -ms-transform: rotateY(360deg); -webkit-transform: rotateY(360deg); -o-transform: rotateY(360deg); -moz-transform: rotateY(360deg);}
}
.bzl li:hover .cpjtuj, .jfl li:hover .cpjtuj{
	animation:cpjtuj 1.8s linear infinite both;
	-webkit-animation:cpjtuj 1.8s linear infinite both;
	-moz-animation:cpjtuj 1.8s linear infinite both;
	-o-animation:cpjtuj 1.8s linear infinite both;
}
@keyframes cpjtuj{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-webkit-keyframes cpjtuj{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-moz-keyframes cpjtuj{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}
@-o-keyframes cpjtuj{
0%{transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg);}
100%{transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg);}
}


.bzl li:hover .cpjk-cn{ padding-left:5px; color:#00b3f0;}
/******************************news-view*******************************/
.nenk{ background:#FFF; border:1px solid #ddd; padding:40px 80px;}
.nen-ti{ text-align:center; margin-bottom:20px; font-size:22px; line-height:34px; color:#000;}
.nen-gjc{ text-align:center; padding:8px; margin-bottom:30px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; line-height:30px; font-size:12px; color:#777;}
.nen-gjc a, nen-gjc a:visited{ color:#777;}
.nen-gjc a:hover{ color:#00b3f0;}
.fanye{ margin-top:30px; border-top:1px solid #ddd; padding-top:25px;}
.fanl{ display:block; float:right; width:100px; height:34px; overflow:hidden; border:1px solid #ddd; text-align:center; font-size:14px; color:#888; line-height:32px;}
.fanl span{ display:block; position:relative; top:0;}
.fanl:hover span{ top:-100%; color:#fff;}
.fanl:hover{ background:#00b3f0; border-color:#00b3f0;}
.fanye .lf a{ display:block; line-height:26px; font-size:12px; color:#888;}
.fanye .lf a:visited{ color:#888;}
.fanye .lf a:hover span{ color:#00b3f0;}
.fanye .lf a:hover{ padding-left:5px;}
/**************************************about-job-view********************************************/
.nrq-con{ background:#fbfbfb; padding:40px 40px 50px;}
.yd{ line-height:36px; font-size:30px; color:#00b3f0;}
.rg{ padding-top:9px; padding-bottom:15px; }
.ym{ font-size:22px; color:#797979; line-height:32px; padding-bottom:4px;}
.yq{ padding-bottom:35px;}

.xm{ line-height:26px; color:#7e7e7e; font-size:14px;}
.xie002{ padding-left:16px; padding-right:16px;} .xie label{ line-height:26px; color:#7e7e7e; font-size:14px;}
.xie1{ width:240px; height:26px; color:#7e7e7e; padding:0 5px; font-size:12px; line-height:26px; border:1px solid #e3e3e3; background:#FFF;}
.xie2{ width:1020px; height:80px; padding:0 5px;line-height:26px; color:#7e7e7e; font-size:12px; border:1px solid #e3e3e3; background:#FFF; margin-top:9px;margin-bottom:9px; }
.ti{ width:70px; height:28px; background:#00b3f0; margin-left:8px; color:#FFF; font-size:12px; -webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; cursor:pointer;}

.jjfa{ display:block; padding-left:1px;}
.jjfa dd{ width:25%; height:319px; float:left; position:relative; margin-left:-1px; border:1px solid #e6e6e6; text-align:center;
 background:#FFF;}
.jjfa1, .jjfa2, .jjfa3{ left:120px;opacity:0;}
.jjfa dd a{ display:block; width:100%; height:319px; position:relative; z-index:6;}
.jbg{ position: absolute; left:0; bottom:0%; width:100%; height:0; background:#3275c3;}
.solk{ display:block; width:186px; height:186px; margin:0 auto; overflow:hidden; position:relative;}
.sol1, .sol10{ width:186px; height:186px; position:absolute; top:0; overflow:hidden; border-radius:50%; -o-border-radius:50%;  -moz-border-radius:50%;  -webkit-border-radius:50%;}
.sol1{ left:0; z-index:2;}.sol10{ left:0;z-index:1;}
.solm{ padding:0px 15px 18px; }
.solm span{ display:block;}
.solmcn{ display:block; height:32px; overflow:hidden; position: relative; line-height:32px; color:#000; font-size:20px;}
.solmen{ display:block; height:20px; overflow:hidden; position: relative; line-height:20px; color:#9b9b9b; font-size:12px;}
.solmcn b, .solmen b{ display:block; position:relative; font-weight:normal;}
.solmcn b{top:0; }.solmen b{top:-100%; }
.soj{ width:48px; height:48px; margin:0 auto; background: url(../images/soj.png) center center no-repeat;}
.jjfa dd:hover .soj{background: url(../images/soj2.png) center center no-repeat;}
.jjfa dd:hover .soj{
	animation:soj 0.8s linear infinite both;
	-webkit-animation:soj 0.8s linear infinite both;
	-moz-animation:soj 0.8s linear infinite both;
	-o-animation:soj 0.8s linear infinite both;
}

/**公共样式**/
.nav li span, .nav li i, #btn_prev,#btn_next, .so-ticn span b, .soj, .jbg, .sol1, .sol10, .solmcn, .solmen, .solmcn b, .solmen b, .cpltu img, .cpmx, .cpcn b, .cpen b, .cplbg, .nebg, .nenr-ti, .nenr-js a, .nenr-js, .nej, .youka a, .fona a, .nyfl a span, .nyfl a, .joon a span, .coad, .coadk img, .cpee, .cpjj, .yema a, .yema a span, .xwhbg, .xwlb li, .xwk-dat span, .xwk-ti, .xwk-duo span, .xwk-da span, .ywnk-jtu img, .ywtu img, .ywnk-ti, .ywnk-js a, .zztu img, .zztm, .cpjk-cn, .nen-gjc a, .fanl span, .fanl, .fanye .lf a span, .fanye .lf a, .children li a, .children li a span, .abtuu{
	transition:all 0.4s linear;
	-webkit-transition:all 0.4s linear;
	-moz-transition:all 0.4s linear;
	-o-transition:all 0.4s linear;
}