@charset "utf-8";
/* CSS Document */
/*wlo:Cflower*/
body{margin:0 auto;	padding:0; font-family:"微软雅黑","宋体", Times, serif; font-size:12px; color:#d0f1f1; font-weight:normal;  position:relative;}
*{margin:0;	padding:0;*zoom:1;}
ul,li,ol{ list-style:none outside;}
img{border:none; display:block;}
a{outline:none; text-decoration:none; color:#d0f1f1;}
a:hover{text-decoration:none;}
a:active{star:expression(this.onFocus=this.blur());}
.clearfloat:after{clear: both;content:""; display: block; height: 0; visibility: hidden;}
::-ms-clear{ display:none;}
::-ms-reveal{ display:none;}
*html{ background-image:url(about:blank); background-attachment:fixed; /*解决ie6下 层的闪动*/}
.chromeframe{background:#fff9d4;color:#000;padding:10px 0;text-align:center;width:100%;margin:0 auto; min-width:1100px; border-bottom:1px solid #000; font-size:14px;}
.chromeframe a{ color:red;}

/*导航*/
.X_HeadBg{position:fixed; top:0; left:0; width:100%;margin:0 auto;background-image:url(../images/bg_blue.png);height:94px; z-index:999;}
.X_HeadBox{width:1200px;margin:0 auto;overflow: hidden;}
.X_HeadLogo{float:left;width:285px;text-align:center;padding:15px 0 0 0;}
.X_Nav{float:left;width:835px;margin:30px 0 0 50px;}
.X_Nav a{font-size:24px;color:#00a29a;margin:0 35px;padding:8px 20px;}
.X_Nav a:hover {font-size:24px;border-bottom:2px solid #00a29a;color:#00a29a;}
.X_Nav .act {font-size:24px;border-bottom:2px solid #00a29a;}
.X_HeadLink{width:120px;float:right;margin:35px 25px 0 0;overflow: hidden;}
.X_HeadLink .QQ{width:25px;height:27px;background:url(../images/icon.png)  0 0;display: inline-block;}
.X_HeadLink .QQ:hover {filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.X_HeadLink .WX{width:34px;height:26px;background:url(../images/icon.png) -64px 0;display: inline-block;margin:0 0 0 30px;}
.X_HeadLink .WX:hover {filter:alpha(opacity=70);-moz-opacity:0.7;opacity:0.7;}
.x_dir{width:100%; height:94px; margin: 0 auto;}

/*banner*/
.X_BannerBg {width:100%;height:606px;margin:0 auto;background:#fff; position: relative;}
.X_BannerBox{width:1200px;margin:0 auto;}
@keyframes mymove2
{
0%   {width:0px;height:0px}
100%  {width:553px;height:156px}
}

@-moz-keyframes mymove2 /* Firefox */
{
0%   {width:0px;height:0px}
100%  {width:553px;height:156px}
}

@-webkit-keyframes mymove2 /* Safari 和 Chrome */
{
0%   {width:0px;height:0px}
100%  {width:553px;height:156px}
}

@-o-keyframes mymove2 /* Opera */
{
0%   {width:0px;height:0px}
100%  {width:553px;height:156px}
}
.X_BannerBox .text{display: inline-block;float:left;margin:180px 0 0 55px;}

.X_BannerBox .textanmial{animation: mymove2 1s;
-moz-animation: mymove2 1s;	/* Firefox */
-webkit-animation: mymove2 1s;	/* Safari 和 Chrome */
-o-animation: mymove2 1s;}
@keyframes mymove
{
0%   {width:0px;height:0px;transform:rotate(180deg);-ms-transform:rotate(180deg); -moz-transform:rotate(180deg); -webkit-transform:rotate(180deg);-o-transform:rotate(180deg)}
100%  {width:521px;height:294px;transform:rotate(360deg);-ms-transform:rotate(360deg); -moz-transform:rotate(360deg); -webkit-transform:rotate(360deg);-o-transform:rotate(360deg)}
}

@-moz-keyframes mymove /* Firefox */
{
0%   {width:0px;height:0px}
100%  {width:521px;height:294px}
}

@-webkit-keyframes mymove /* Safari 和 Chrome */
{
0%   {width:0px;height:0px}
100%  {width:521px;height:294px}
}

@-o-keyframes mymove /* Opera */
{
0%   {width:0px;height:0px}
100%  {width:521px;height:294px}
}
.img{position:absolute;display: inline-block;left:50%; margin-left:100px;top:120px;}
.imganmial{animation: mymove 1s;
-moz-animation: mymove 1s;	/* Firefox */
-webkit-animation: mymove 1s;	/* Safari 和 Chrome */
-o-animation: mymove 1s;
}

/*我们是谁*/

@keyframes an0
{
0%   {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%);filter: gray;}
100%  {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%);filter: normal;}}

@-moz-keyframes an0 /* Firefox */
{
0%   {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%);filter: gray;}
100%  {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%);filter: normal;}}


@-webkit-keyframes an0 /* Safari 和 Chrome */
{
0%   {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%);filter: gray;}
100%  {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%);filter: normal;}}


@-o-keyframes an0 /* Opera */
{
0%   {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%);filter: gray;}
100%  {-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%);filter: normal;}}

.X_Who{width:100%;height:762px;margin:0 auto;overflow: hidden;position: relative;}
.X_WhoBg{width:100%;height:762px;margin:0 auto;overflow: hidden;background:url(../images/who_bg.png);position: absolute;z-index: -1;}
.X_WhoBganmial{animation: an0 5s;
-moz-animation: an0 5s;	/* Firefox */
-webkit-animation: an0 5s;	/* Safari 和 Chrome */
-o-animation: an0 5s;}
@keyframes an1
{
0%   {height:0px}
100%  {height:623px}}

@-moz-keyframes an1 /* Firefox */
{
0%   {height:0px}
100%  {height:623px}
}

@-webkit-keyframes an1 /* Safari 和 Chrome */
{
0%   {height:0px}
100%  {height:623px}
}

@-o-keyframes an1 /* Opera */
{
0%   {height:0px}
100%  {height:623px}
}
.X_WhoText {width:1200px;margin:0 auto;padding:60px 0 0 0;overflow:hidden;position: absolute;left:50%; margin-left:-600px;z-index: 1;}
.X_WhoTextanmial {animation: an1 1s;
-moz-animation: an1 1s;	/* Firefox */
-webkit-animation: an1 1s;	/* Safari 和 Chrome */
-o-animation: an1 1s;}


/*我们是干什么的*/
@keyframes wm
{
0%   {top:881px}
100%   {top:0px}}

@-moz-keyframes wm /* Firefox */
{
0%   {top:881px}
100%   {top:0px}}

@-webkit-keyframes wm /* Safari 和 Chrome */
{
0%   {top:881px}
100%   {top:0px}}

@-o-keyframes wm /* Opera */
{
0%   {top:881px}
100%   {top:0px}}

.X_WokeBg{width:100%;height:881px;margin:0 auto;overflow: hidden;background:url(../images/woke_bg.png);position:relative}
.X_WokeBox {width:1200px;margin:0 auto;overflow: hidden;position:absolute;left:50%;margin-left:-600px;}
.X_WokeBoxanmial {animation: wm 1s;
-moz-animation: wm 1s;	/* Firefox */
-webkit-animation: wm 1s;	/* Safari 和 Chrome */
-o-animation: wm 1s;}
.X_WokeBox h1{width:100%;padding:37px 0 0 0;}
.X_WokeBox ul {width:100%;padding:60px 0 0 0;}
.X_WokeBox ul li{width:210px;height:300px;float:left;margin:0 15px 0 15px;}
.X_WokeBox .pcwz{background:url(../images/woke_icon.png) 0 0;cursor:pointer;}
/*.X_WokeBox .pcwz:hover{background:url(../images/woke_icon.png) 0 -300px;}*/
.X_WokeBox .wapjz{background:url(../images/woke_icon.png) -227px 0;cursor:pointer;}
/*.X_WokeBox .wapjz:hover{background:url(../images/woke_icon.png) 0 -300px;}*/
.X_WokeBox .txyf{background:url(../images/woke_icon.png) -466px 0;cursor:pointer;}
/*.X_WokeBox .txyf:hover{background:url(../images/woke_icon.png) 0 -300px;}*/
.X_WokeBox .APP{background:url(../images/woke_icon.png) -708px 0;cursor:pointer;}
/*.X_WokeBox .APP:hover{background:url(../images/woke_icon.png) 0 -300px;}*/
.X_WokeBox .fwyw{background:url(../images/woke_icon.png) -953px 0;cursor:pointer;}
/*.X_WokeBox .fwyw:hover{background:url(../images/woke_icon.png) 0 -300px;}*/
.X_WokeBtnBg{width:352px;height:152px;margin:55px 0 0 430px;display:inline-block; position: relative;}
.X_WokeBtn {position: absolute;right:15px;bottom:10px;}

/*我们做过什么*/

@keyframes zg
{
0%   {opacity:0.3;filter:alpha(opacity=30); }
100%   {opacity:1;filter:alpha(opacity=100); }}

@-moz-keyframes zg /* Firefox */
{
0%   {opacity:0.3;filter:alpha(opacity=30); }
100%   {opacity:1;filter:alpha(opacity=100); }}

@-webkit-keyframes zg /* Safari 和 Chrome */
{
0%   {opacity:0.3;filter:alpha(opacity=30); }
100%   {opacity:1;filter:alpha(opacity=100); }}

@-o-keyframes zg /* Opera */
{
0%   {opacity:0.3;filter:alpha(opacity=30); }
100%   {opacity:1;filter:alpha(opacity=100); }}

.X_DoBg{width:100%;height:1155px;margin:0 auto;overflow: hidden;background:url(../images/bg_white.png)}
.X_DoBox{width:1200px;margin:0 auto;overflow: hidden;}
.X_DoBoxanmial {animation: zg 5s;
-moz-animation: zg 5s;	/* Firefox */
-webkit-animation: zg 5s;	/* Safari 和 Chrome */
-o-animation: zg 5s;}
.X_DoBox h1{width:100%;margin:0 auto;overflow: hidden;padding:48px 0 0 0;}
.X_DoBox a{display: inline-block;width:260px;height:350px;background: #ecf7f9;margin:48px 15px 0 15px;font-size:20px;color:#666; border-radius: 5px;}
.X_DoBox a:last-child(4n+0){margin-right:0}
.X_DoBox a img{-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%); filter: grayscale(100%);filter: gray;}
.X_DoBox a:hover{box-shadow:0 0 1px #e3e3e3, 0 0 2px #e3e3e3, 0 0 3px #e3e3e3, 0 0 40px #eee, 0 0 70px #eee;color:#00a29a;}
.X_DoBox a:hover img{-webkit-filter: grayscale(0%);-moz-filter: grayscale(0%);-ms-filter: grayscale(0%);-o-filter: grayscale(0%); filter: grayscale(0%);filter: normal;}
.X_DoBox .case{width:80%;padding:20% 15% 0 15%;text-align:center;}
.X_DoBox a p{padding:50px 0 0 0;}
.X_DoBox b{width:100%;display: inline-block;text-align:center;font-size:24px;color:#666;font-weight:normal;padding:65px 0 0 0;}

/*怎么找到我们*/

@keyframes zc
{ 0%,100%{-webkit-transform:translateX(0);}
    10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}
    20%,40%,60%,80%{-webkit-transform:translateX(10px);}}

@-moz-keyframes zc /* Firefox */
{ 0%,100%{-webkit-transform:translateX(0);}
    10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}
    20%,40%,60%,80%{-webkit-transform:translateX(10px);}}

@-webkit-keyframes zc /* Safari 和 Chrome */
{ 0%,100%{-webkit-transform:translateX(0);}
    10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}
    20%,40%,60%,80%{-webkit-transform:translateX(10px);}}
@-o-keyframes zc /* Opera */
{ 0%,100%{-webkit-transform:translateX(0);}
    10%,30%,50%,70%,90%{-webkit-transform:translateX(-10px);}
    20%,40%,60%,80%{-webkit-transform:translateX(10px);}}
.X_FindBg{width:100%;height:855px;margin:0 auto;overflow: hidden;background: #00a29a url(../images/fbj.jpg) no-repeat center;}
.X_FindBox{width:1200px;margin:0 auto;}
.X_FindBoxanmial {animation: zc 1s;
-moz-animation: zc 1s;	/* Firefox */
-webkit-animation: zc 1s;	/* Safari 和 Chrome */
-o-animation: zc 1s;}
.X_FindBox h1{width:100%;padding:40px 0 0 0;}
.X_FindBox dl{width:940px;margin:145px 0 60px 128px;}
.X_FindBox dl dt{float:left;width:200px;}
.X_FindBox dl dd{float:left;width:740px;}
.X_FindBox dl dd h2{width:100%;font-size:40px;color:#00a29a;font-weight: normal;}
.X_FindBox dl dd span{float:left;display: inline-block;margin-top:15px;font-size:14px;color:#333;line-height:32px;}
.X_FindBox dl dd .textleft{width:450px;}
.X_FindBox dl dd .textright{width:290px;}
.X_FindBox ul{width:920px;margin:0 auto;}
.X_FindBox ul li{width:164px;height:164px;text-align:center;margin:58px 60px 0 60px;float:left;}
.X_FindBox ul li a{width:164px;height:164px;display: inline-block;}
.X_FindBox .QQ{background:url(../images/find_icon.png) -351px 0;cursor:pointer; }
.X_FindBox .QQ:hover {background:url(../images/find_icon.png) 0 -174px;}
.X_FindBox .WX{background:url(../images/find_icon.png) -182px 0;cursor:pointer; }
.X_FindBox .WX:hover{background:url(../images/find_icon.png) -181px -174px;}
.X_FindBox .TEL{background:url(../images/find_icon.png) 0 0;cursor:pointer;}
.X_FindBox .TEL:hover{background:url(../images/find_icon.png) -352px -174px;}







.hB a,.hB a span,.hotE li a b{ background-image:url(../images/spr.png); background-repeat:no-repeat;}


#wrapper,#wrap{ position:relative; margin:0 auto; min-width:1100px; max-width:1920px;}
#wrapper{ background:url(../images/wrapper.jpg) no-repeat center 0;}
#wrap{ background:url(../images/wrap.jpg) no-repeat center 0; overflow-x:hidden;}

#snow{ position:absolute; width:100%; height:100%; left:0; top:0; background:url(../images/snow.png) repeat center center; z-index:1; opacity:0.9; filter:alpha(opacity=90);
-webkit-transform:translate3d(0,0,0);
        transform:translate3d(0,0,0);
-webkit-animation-name:snow;
        animation-name:snow;
-webkit-animation-timing-function:linear;
        animation-timing-function:linear;
-webkit-animation-duration:12.5s;
        animation-duration:12.5s;
-webkit-animation-iteration-count:infinite;
        animation-iteration-count:infinite;}
@-webkit-keyframes snow{
	0%{background-position:0 0;}
	100%{background-position:0 941px;}}
@-moz-keyframes snow{
	0%{background-position:0 0;}
	100%{background-position:0 941px;}}

#header,#main{ margin:0 auto; width:1100px; position:relative; z-index:2;}

#footer{ background:url(../images/footer.jpg) no-repeat center 0; padding:30px 0; margin:0 auto; color:#9b9b9b; font-family:"宋体"; z-index:4; position:relative;}
.copyright{	vertical-align:top;margin:0 auto; padding-left:0; background:url(../images/f_hr.png) no-repeat 251px 3px; width:964px;}
.copyright a.akong{ display:block; cursor:pointer; width:126px; overflow:hidden; float:left;}
.copyright img{	float:left;*+display:inline;margin:3px 20px 0 0;}
.copyright p{*+display:inline;font-size:12px;line-height:18px;margin-left:22px;float:left;width:690px; vertical-align:top;}
.copyright a{text-decoration:none; display:inline;color:#9b9b9b;}
.copyright a:hover{text-decoration:underline;}


#header{ height:490px; position:relative;}
.logoWot{ position:absolute; display:block; overflow:hidden; text-indent:-999999px; width:166px; height:94px; left:0; top:17px;}
.linkQ{ margin:0 auto; width:456px; height:57px; position:relative; background:url(../images/linkQ.png) no-repeat 0 0; overflow:hidden;}
.jG,.gW,.xZ{ text-align:center; float:left; display:inline;}
.linkQ a:hover{ text-decoration:none;}
.jG,.xZ{ width:110px; line-height:45px; height:45px; font-size:16px; color:#fff; margin-left:14px;}
.gW{ width:190px; line-height:57px; height:57px; font-size:26px; color:#f7e362; font-weight:bold; margin-left:8px; margin-right:-4px; transition:all ease 0.2s;}
.gW:hover{ font-size:24px; line-height:59px;}


#main{ height:410px; margin-bottom:18px; position:relative;}
.sayW{ position:absolute; text-align:center; font-size:23px; color:#f4d75d; font-weight:bold; background:url(../images/sayW.jpg) no-repeat 0 0; width:726px; height:50px; line-height:50px; right:0; bottom:0;}
.hB{ width:389px; height:412px; position:absolute; left:-24px; top:-2px; background:url(../images/hB.png) no-repeat 0 0;}
.hB:hover{ animation:shake 0.5s ease; -webkit-animation:shake 0.5s ease; -moz-animation:shake 0.5s ease; -ms-animation:shake 0.5s ease; -o-animation:shake 0.5s ease;}
.hB img{ position:absolute; right:0; top:3px;}
.hB p{ position:absolute; width:365px; text-align:center; color:#fff; font-size:16px; right:0; top:236px;}
.hB a{ width:342px; height:109px; position:absolute; display:block; overflow:hidden; cursor:pointer; bottom:12px; right:11px; background-position:0 0;}
.hB a span{ display:block; width:342px; height:109px; background-position:0 -109px; opacity:0; filter:alpha(opacity=0); transition:opacity ease-in 0.2s;}
.hB a:hover span{ opacity:1; filter:alpha(opacity=100);}
.hotE{ position:absolute; display:block; right:0; top:1px; width:736px;}
.hotE li{ float:left; display:inline; width:358px; height:168px; margin:0 0 11px 10px;}
.hotE li a{ display:block; width:100%; height:168px; position:relative; background-position:0 0; background-repeat:no-repeat; cursor:pointer;}
.hotE li a:hover{ text-decoration:none; animation:shake 0.5s ease; -webkit-animation:shake 0.5s ease; -moz-animation:shake 0.5s ease; -ms-animation:shake 0.5s ease; -o-animation:shake 0.5s ease;}
.hotE li a:hover span{ color:#eadd2e;}
.sC{ background-image:url(../images/sC.jpg);}
.tM{ background-image:url(../images/tM.jpg);}
.bX{ background-image:url(../images/bX.jpg);}
.lT{ background-image:url(../images/lT.jpg);}
.hotE li a b,.hotE li a h4,.hotE li a p,.hotE li a i,.hotE li a span{ position:absolute; display:block; overflow:hidden; font-style:normal;}
.hotE li a h4,.hotE li a p,.hotE li a i,.hotE li a span{ left:160px;}
.hotE li a h4{ font-size:24px; top:24px; font-weight:bold;}
.hotE li a p{ font-size:18px; top:54px;}
.hotE li a i{ font-size:16px; top:80px;}
.hotE li a b{ width:78px; height:94px; left:30px; top:50%; margin-top:-47px;}
.hotE li a span{ font-size:16px; color:#fff; text-align:center; width:117px; height:30px; line-height:30px; border-radius:24px; bottom:16px;}
.sC b{ background-position:0 -234px;}
.tM b{ background-position:-78px -234px;}
.bX b{ background-position:-156px -234px;}
.lT b{ background-position:-234px -234px;}
.sC span{ background:#9e7806;}
.tM span{ background:#821693;}
.bX span{ background:#ba4918;}
.lT span{ background:#148dbe;}
.sC h4,.sC p,.sC i{ color:#9e7806;}
.tM h4,.tM p,.tM i{ color:#f8dbfc;}
.bX h4,.bX p,.bX i{ color:#7c3c14;}
.lT h4,.lT p,.lT i{ color:#135872;}
.tM strong{position: absolute;right: 0;top: -80px;}

.ewm{ width:178px; height:182px; position:absolute; right:20px; top:20px; background:url(../images/ewm.png) no-repeat 0 0; display:block; z-index:2;}
.ewm b{ position:absolute; background:#910001; overflow:hidden; width:4px; height:90px; left:50%; margin-left:-2px; top:-80px; display:block;}
.ewm span{ position:absolute; display:block; overflow:hidden; background:url(../images/ewmspan.png) no-repeat 0 0; width:178px; height:140px; left:12px; top:172px; animation:shake 0.5s ease; -webkit-animation:dL_shake 4s ease infinite; -moz-animation:dL_shake 4s ease infinite; -ms-animation:dL_shake 4s ease infinite; -o-animation:dL_shake 4s ease infinite; -webkit-transform-origin:50% 0; -moz-transform-origin:50% 0; -o-transform-origin:50% 0; -ms-transform-origin:50% 0; transform-origin:50% 0;}

/*
.ewm{ width:178px; height:182px; position:absolute; right: -70px;top: 98px; background:url(../images/ewm.png) no-repeat 0 0; display:block; z-index:2;}
.ewm b{ position:absolute; background:; overflow:hidden; width:4px; height:90px; left:50%; margin-left:-2px; top:-80px; display:block;}
.ewm span{ position:absolute; display:block; overflow:hidden; background:url(../images/ewmspan.png) no-repeat 0 0; width:178px; height:140px; left:12px; top:172px; animation:shake 0.5s ease; -webkit-animation:dL_shake 4s ease infinite; -moz-animation:dL_shake 4s ease infinite; -ms-animation:dL_shake 4s ease infinite; -o-animation:dL_shake 4s ease infinite; -webkit-transform-origin:50% 0; -moz-transform-origin:50% 0; -o-transform-origin:50% 0; -ms-transform-origin:50% 0; transform-origin:50% 0;}
*/

@keyframes dL_shake{
	0{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
	25%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	50%{transform:rotate(-3deg);-ms-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-o-transform:rotate(-3deg)}
	75%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	100%{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
}
@-ms-keyframes dL_shake{
	0{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
	25%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	50%{transform:rotate(-3deg);-ms-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-o-transform:rotate(-3deg)}
	75%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	100%{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
}
@-moz-keyframes dL_shake{
	0{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
	25%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	50%{transform:rotate(-3deg);-ms-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-o-transform:rotate(-3deg)}
	75%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	100%{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
}
@-o-keyframes dL_shake{
	0{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
	25%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	50%{transform:rotate(-3deg);-ms-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-o-transform:rotate(-3deg)}
	75%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	100%{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
}
@-webkit-keyframes dL_shake{
	0{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
	25%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	50%{transform:rotate(-3deg);-ms-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-o-transform:rotate(-3deg)}
	75%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	100%{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
}


@keyframes shake{
	from{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
	20%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	40%{transform:rotate(-3deg);-ms-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-o-transform:rotate(-3deg)}
	60%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	80%{transform:rotate(-3deg);-ms-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-o-transform:rotate(-3deg)}
	to{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
}
@-ms-keyframes shake{
	from{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
	20%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	40%{transform:rotate(-3deg);-ms-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-o-transform:rotate(-3deg)}
	60%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	80%{transform:rotate(-3deg);-ms-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-o-transform:rotate(-3deg)}
	to{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
}
@-moz-keyframes shake{
	from{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
	20%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	40%{transform:rotate(-3deg);-ms-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-o-transform:rotate(-3deg)}
	60%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	80%{transform:rotate(-3deg);-ms-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-o-transform:rotate(-3deg)}
	to{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
}
@-o-keyframes shake{
	from{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
	20%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	40%{transform:rotate(-3deg);-ms-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-o-transform:rotate(-3deg)}
	60%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	80%{transform:rotate(-3deg);-ms-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-o-transform:rotate(-3deg)}
	to{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
}
@-webkit-keyframes shake{
	from{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
	20%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	40%{transform:rotate(-3deg);-ms-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-o-transform:rotate(-3deg)}
	60%{transform:rotate(3deg);-ms-transform:rotate(3deg);-moz-transform:rotate(3deg);-webkit-transform:rotate(3deg);-o-transform:rotate(3deg)}
	80%{transform:rotate(-3deg);-ms-transform:rotate(-3deg);-moz-transform:rotate(-3deg);-webkit-transform:rotate(-3deg);-o-transform:rotate(-3deg)}
	to{transform:rotate(0deg);-ms-transform:rotate(0deg);-moz-transform:rotate(0deg);-webkit-transform:rotate(0deg);-o-transform:rotate(0deg)}
}


.focusbox{overflow: hidden;position: absolute; top: 0; left: 0; width: 100%; height: 606px; right:0;bottom:0;}
.focusbox .slides {position: relative;display: block;width: 100%;height: 100%;zoom: 1;overflow: hidden;}
.focusbox .slides li {width: 100%; height: 100%;overflow: hidden;}
.focusbox .slides li img{ min-width:100%; min-height:100%; _width:100%; _height:100%;}
	.focusbox .slides li .note-bg{ position:absolute; left:0; right:0; bottom:0; width:100%; height:125px; background:url(../images/pic-bg.png) 0 bottom repeat-x; _height:50px; _background:url(none) 0 0 repeat #000; }
	.focusbox .slides li .note-txt{ position:absolute; left:0; right:0; bottom:0; display:block; padding:10px; height:24px; line-height:24px; color:#fff; font-size:16px; white-space:nowrap; text-overflow:ellipsis; overflow:hidden; }
	
	.focusbox .flex-control-nav{ position:absolute; left:0; right:0;  bottom:7%; display:block; z-index:4; text-align:center;}
	.focusbox .flex-control-nav li{ margin:0 5px 0 0; display:inline-block; zoom:1; *display:inline; }
	.focusbox .flex-control-nav li a{ display:block; width:8px; height:8px; text-indent:-9999px;background-color:#e1e1e1; border:1px solid #e1e1e1; border-radius:8px; cursor:pointer; overflow:hidden; }
	.focusbox .flex-control-paging li a:hover { width:18px; }
	.focusbox .flex-control-paging li a.flex-active { width:20px;cursor:default; }