body{font-size:14px;padding:0;margin:0;color:#666666;background:#fff;min-width:1200px;word-wrap:break-word}
body,div,input,button,select,textarea,span,small,big,p,applet,object,iframe,h1,h2,h3,h4,h5,h6,a,em,font,img,q,dl,dt,dd,ol,ul,li,fieldset,form,label,caption,tbody,tfoot,thead,tr,th,td,section,article,header,footer,aside,nav,pre{padding:0;margin:0;list-style:none;font-family:\5FAE\8F6F\96C5\9ED1}
section,article,header,footer,aside,nav{padding:0;margin:0;display:block}
input[type="button"],input[type="submit"],input[type="reset"],button{-webkit-appearance:none;cursor:pointer}
img{border:none}
a{color:#666666;text-decoration:none;cursor:pointer}
.clear{clear:both;overflow:hidden;height:0;line-height:0}
.clearafter:after{content:"";width:100%;clear:both;height:0;overflow:hidden;display:block}
.left{float:left}
.right{float:right}
.red{color:#ee7700}
pre{white-space:pre-wrap;word-wrap:break-word}
.contain{width:100%;height:100%;position:relative}
.index_sec{position:absolute;top:0;left:0;width:100%;height:100%;display:table;vertical-align:middle}
.sec_box{display:table-cell;vertical-align:middle}
.overhide{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.main1200{width:1200px;margin:0 auto;}
.banbenqh input::-webkit-input-placeholder{color: #d9d2d2}
.banbenqh input:-moz-placeholder{color: #d9d2d2}
.banbenqh input::-moz-placeholder{color: #d9d2d2}
.banbenqh input:-ms-input-placeholder{color:#d9d2d2}
/*图片hover效果*/
.scaleimg img,.rotateimg img,.gyan,.jszsle,.jjfabot,.fyanli span,.fyzizhi li img,.fyjjfaicn,.fyjszs .jszsleimg:after,.fyjjfaicn img,#itemlist li span,.fytjcp li,.fytjcp li span,.nav li a,.anniubox a,.nav li a{transition:all 0.4s ease-in-out;-moz-transition:all 0.4s ease-in-out;-webkit-transition:all 0.4s ease-in-out;-o-transition:all 0.4s ease-in-out}
.scaleimg:hover img{-webkit-transform:scale(1.2);-moz-transform:scale(1.2);-o-transform:scale(1.2);transform:scale(1.2)}
.rotateimg:hover img{-webkit-transform:rotateY(180deg);-moz-transform:rotateY(180deg);-o-transform:rotateY(180deg);transform:rotateY(180deg)}
/*按钮more*/
.more{font-size:14px;color:#666666;line-height:48px;height:48px;font-weight:normal;width:125px;text-align:center;display:block;margin:0 auto;position:relative}
.more span{display:inline-block;position:relative;z-index:10;margin:0 !important;color:#666666 !important}
.more::before,.more::after{content:'';position:absolute;top:0;left:0;z-index:0;width:100%;height:100%;-webkit-transition:-webkit-transform 0.3s,background-color 0.3s;transition:transform 0.3s,background-color 0.3s;-webkit-transition-timing-function:cubic-bezier(0.25,0,0.3,1);transition-timing-function:cubic-bezier(0.25,0,0.3,1)}
.more::before{border:none;-webkit-transform:scale3d(0.7,0.7,1);transform:scale3d(0.7,0.7,1)}
.more::after{border:2px solid #e9e8e7;background:none;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.more:hover,.fyfwbot li:hover{color:#fff}
.more:hover span,.fyfwbot li:hover .more span{color:#fff !important}
.more:hover::before,.fyfwbot li:hover .more::before{background-color:#ee7700;-webkit-transform:scale3d(1,1,1);transform:scale3d(1,1,1)}
.more:hover::after,.fyfwbot li:hover .more::after{border-color:#ee7700;-webkit-transform:scale3d(0.7,0.7,1);transform:scale3d(0.7,0.7,1)}
.bgjb{
    background-color:#d6d6d6;

}
.gyan{display:block;width:50px;height:50px;border:1px solid #eeeeee;text-align:center;line-height:50px;margin-top:30px;position:relative}
.gyan:after{position:absolute;content:"";background-image:url(../images/morejt.png);background-position:center center;background-repeat:no-repeat;top:0;left:0;width:100%;height:100%}
.gyan:hover{background-color:#ee7700;box-shadow:0 0 5px 0 rgba(234, 88, 4,.2);
    background-image:-moz-linear-gradient( 0deg, rgb(234,84,4) 0%, rgb(248,184,0) 100%);
    background-image:-webkit-linear-gradient( 0deg, rgb(234,84,4) 0%, rgb(248,184,0) 100%);
    background-image:-ms-linear-gradient( 0deg, rgb(234,84,4) 0%, rgb(248,184,0) 100%);
}
.gyan:hover:after{background-image:url(../images/morejt0.png)}
/*头部*/
.header{height:90px;position: fixed;top: 0;left: 0;width: 100%;background: #fff;z-index: 999;}
.header .main1200{position: relative}
.headerheig{height: 90px}
.headertel{position: absolute;top: 3px;right: 0; line-height: 22px;font-size: 18px;font-weight: bold;color: #ee7700}
.headertel img{vertical-align: top;margin-right: 8px;height: 22px}
.logo{width:161px;margin-top:23px}
.logo img{display:block;width:161px;height:44px}
.nav{line-height:90px;height:90px}
.nav li{float:left;position:relative;line-height:90px;height:90px;margin-right:10px;padding: 0 15px}
.nav li a{font-size:16px;color:#282828;position:relative;display:block;line-height:90px;height:90px}
.nav li  span{width:0;display:block;left:50%;position:absolute;bottom:0;height:100%;z-index: -1}
.nav li.clinav  span{width:100%;left:0;right:0}
.nav li.clinav a,.nav li:hover a{font-weight: bold}

.banbenqh{line-height:35px;border:1px solid #eeeeee;height:35px;width:135px;margin-top:27px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;padding:0 10px 0 15px;position: relative}
.ssinpt{width:110px;border:0;height:35px;line-height:35px\9;background:none;vertical-align:top;outline:none}
.ssbtn{vertical-align:top;border:0;height:35px;line-height:35px;background:url(../images/sousuo.png) no-repeat center center;width:24px;outline:none;cursor:pointer}
.banbenqh img{position: absolute;top:10px;left:15px;}
/*banner*/
.banner{position:relative;overflow:hidden;width:100%;height:0;padding-bottom:41%}
#focus{display:block;height:100%;width:100%}
.focus_slide{width:100%;height:100%;position:absolute;top:0;left:0}
.focus_slide .owl-stage-outer,.focus_slide .owl-stage,.focus_slide .owl-item{width:100%;height:100%}
.focus_slide .item{position:relative;height:100%;width:100%}
.focus_slide .item a{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:center center;background-size:cover}
.focus_slide .owl-controls{position:absolute;width:3px;top:50%;right:8%;margin-top:-96px;display: none}
.focus_slide .owl-dots .owl-dot span{margin:12px 0 12px 1px;background:rgba(255,255,255,.6);width:3px;height:40px;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0}
.focus_slide .owl-dots .owl-dot.active span,.focus_slide .owl-dots .owl-dot:hover span{background:#fff}
.banner:after{content:"";position:absolute;right:8%;top:0;width:1px;height:100%;background:rgba(255,255,255,.2);z-index:2;display: none}
.bannnum{position:absolute;width:100%;text-align:center;bottom:50px;left:0;font-size:24px;color:#fff;z-index:2}
.bannnum span{display:inline-block;vertical-align:middle;margin:0 5px}
.jjfa{padding:60px 0 70px;overflow:hidden}
.jjfatop span{width:21px;height:5px;display:none}
.jjfatop p{font-size:30px;color:#17161a;font-weight:bold;display:block;margin:10px 0 5px}
.jjfatop pre{font-size:16px;color:#808080;display:block;padding-right:80px}
.jjfabot{margin-top:70px}
.jjfabot li{float:left;width:400px;text-align:center;background:#fafafa;height:256px;position:relative}
.jjfabot li:nth-child(2n){background:#f0f0f0}
.jjfanr{padding:60px}
.jjfanr img{display:block;width:39px;height:39px;margin:0 auto}
.jjfanr p{font-size:24px;margin:12px 0 5px;display:block;color:#282828}
.jjfanr span{font-size:14px;color:#666666;line-height:24px;height:48px;overflow:hidden;display:block}
.jjfabox{
    height:256px;width:400px;
    overflow:hidden;
    position:absolute;top:0;left:0;
    z-index:1;
    transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s
}
.jjfabox:hover{box-shadow:0 0 20px rgba(0,0,0,0.5)}
.jjfabox img.jjfaimg{display:none;
    width:400px;
    height:256px;
    transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s
}
.jjfabox:hover img.jjfaimg{display:block}
.jjfabox .jjfacontent{
    color:#fff;
    text-align:center;
    width:100%;
    height:100%;
    position:absolute;
    left:0;
    top:0;
    z-index:2;
}
.jjfabox:before,.jjfabox:after,.jjfabox .jjfacontent:before,.jjfabox .jjfacontent:after{
    content:'';
    height:50%;
    width:50%;
    background-color:rgba(27,27,27,0.8);
    position:absolute;
    left:0;
    top:100%;
    transition:all 0.5s;
    -moz-transition:all 0.5s;-webkit-transition:all 0.5s;-o-transition:all 0.5s;
    z-index:1;
}
.jjfabox:before{transition-delay:0.1s;-moz-transition-delay:0.1s;-webkit-transition-delay:0.1s;-o-transition-delay:0.1s}
.jjfabox:after{
    left:50%;
    transition-delay:0.2s;
    -moz-transition-delay:0.2s;-webkit-transition-delay:0.2s;-o-transition-delay:0.2s;
}
.jjfabox .jjfacontent:before,.jjfabox .jjfacontent:after{
    z-index:-1;
    top:100%;
    transition-delay:0.3s;
    -moz-transition-delay:0.3s;-webkit-transition-delay:0.3s;-o-transition-delay:0.3s;
}
.jjfabox .jjfacontent:after{
    left:50%;
    transition-delay:0.35s;
    -moz-transition-delay:0.35s;-webkit-transition-delay:0.35s;-o-transition-delay:0.35s;
}
.jjfabox:hover:before,.jjfabox:hover:after{
    top:0;
}
.jjfabox:hover .jjfacontent:before,.jjfabox:hover .jjfacontent:after{
    top:50%;
}
.jjfabox img.jjfaicn,.jjfabox .jjfatit,.jjfabox .jjfapost{
    transform:translateX(-400px);
    -webkit-transform:translateX(-400px);
    -moz-transform:translateX(-400px);
    -ms-transform:translateX(-400px);
    -o-transform:translateX(-400px);
    transition:all 0.3s ease 0.3s;
    -moz-transition:all 0.3s ease 0.3s;-webkit-transition:all 0.3s ease 0.3s;-o-transition:all 0.3s ease 0.3s;
}
.jjfabox img.jjfaicn{width:39px;height:39px;margin-top:60px}
.jjfabox .jjfatit{font-size:24px;padding:0 60px;margin:12px 0 5px}
.jjfabox .jjfapost{
    font-size:14px;padding:0 60px;
    line-height:24px;height:48px;overflow:hidden;
    display:block;
}
.jjfabox:hover .jjfatit,.jjfabox:hover .jjfapost,.jjfabox:hover img.jjfaicn{
    transform:translateX(0);
    -webkit-transform:translateX(0);
    -moz-transform:translateX(0);
    -ms-transform:translateX(0);
    -o-transform:translateX(0);
}
.cpzx{background:url(../images/cpzxbg.jpg) no-repeat center top fixed;background-size:cover;padding:80px 0;overflow:hidden}
.cpzx .jjfatop .gyan,.wmdfw .jjfatop .gyan{box-shadow:0 0 5px 0 rgba(234, 88, 4,.2);border:0;
    background-color:#ee7700;
    background-image:-moz-linear-gradient( 0deg, rgb(234,84,4) 0%, rgb(248,184,0) 100%);
    background-image:-webkit-linear-gradient( 0deg, rgb(234,84,4) 0%, rgb(248,184,0) 100%);
    background-image:-ms-linear-gradient( 0deg, rgb(234,84,4) 0%, rgb(248,184,0) 100%);
}
.cpzx .jjfatop .gyan:after,.wmdfw .jjfatop .gyan:after{background-image:url(../images/morejt0.png)}
.cpzxbot{margin-top:70px}
.cpzxbotdiv{margin-left:-36px}
.box{position:relative;overflow:hidden;width:582px;float:left;margin:0 0 40px 36px}
.box span{position:absolute;top:30px;left:40px;color:#fff;font-size:24px;padding-left:2%;width:84%}
.box span:after{content:"";position:absolute;top:5px;left:0;width:4px;height:22px;background:#fff}
.box:before,.box:after,.box-content:before,.box-content:after{
    content:'';
    background:linear-gradient(transparent,rgba(0,0,0,0.2));
    height:100%;
    width:25%;
    transform:translateY(-100%);
    -ms-transform:translateY(-100%);
    -moz-transform:translateY(-100%);
    -webkit-transform:translateY(-100%);
    -o-transform:translateY(-100%);
    position:absolute;
    left:0;
    top:0;
    z-index:1;
    transition:all 0.3s;
    -moz-transition:all 0.3s;-webkit-transition:all 0.3s;-o-transition:all 0.3s
}
.box:hover:before,.box:hover:after,.box:hover .box-content:before,.box:hover .box-content:after{
    transform:translateY(0);
    -ms-transform:translateY(0);
    -moz-transform:translateY(0);
    -webkit-transform:translateY(0);
    -o-transform:translateY(0);
}
.box:after{left:25%}
.box .box-content:before{left:50%}
.box .box-content:after{left:75%}
.box:hover:before{transition-delay:0.225s;-moz-transition-delay:0.225s;-webkit-transition-delay:0.225s;-o-transition-delay:0.225s}
.box:hover:after{transition-delay:0.075s;-moz-transition-delay:0.075s;-webkit-transition-delay:0.075s;-o-transition-delay:0.075s}
.box:hover .box-content:before{transition-delay:0.15s;-moz-transition-delay:0.15s;-webkit-transition-delay:0.15s;-o-transition-delay:0.15s}
.box:hover .box-content:after{transition-delay:0s;-moz-transition-delay:0s;-webkit-transition-delay:0s;-o-transition-delay:0s}
.box img{
    display:block;
    width:582px;
    height:356px;
    transition:all 0.3s ease 0s;
    -moz-transition:all 0.3s ease 0s;-webkit-transition:all 0.3s ease 0s;-o-transition:all 0.3s ease 0s
}
.xmal{padding:60px 0 80px;overflow:hidden}
.xmalbot{margin-top:70px}
.xmaldiv{width:400px;float:left}
.xmaldiv img{display:block;width:400px;height:256px}
.image06{width:100%;overflow:hidden;position:relative}
.image06 .imgB{width:100%;top:0;left:0;position:relative;opacity:1;filter:alpha(opacity=100)}
.image06 .imgT{
    width:100%;
    top:0;
    left:0;
    position:absolute;
    -webkit-transform:scale(5);
    -moz-transform:scale(5);
    -ms-transform:scale(5);
    -o-transform:scale(5);
    transform:scale(5);
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
    opacity:0;filter:alpha(opacity=0)
}
.image06 .ovrly{
    background:rgba(27, 27, 27, .8);
    height:100%;
    left:0;
    top:0;
    position:absolute;
    width:100%;
    opacity:0;filter:alpha(opacity=0);
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.image06 .buttons{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    opacity:0;filter:alpha(opacity=0);
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.image06:hover .imgT{
    opacity:0.5;filter:alpha(opacity=50);
    -webkit-transform:scale(1);
    -moz-transform:scale(1);
    -ms-transform:scale(1);
    -o-transform:scale(1);
    transform:scale(1);
}
.image06:hover .ovrly{
    opacity:1;filter:alpha(opacity=100);
}
.image06:hover .buttons {
    opacity:1;filter:alpha(opacity=100)
}
.anlitxt{padding:60px 9% 0;text-align:center}
.anlitxt p{font-size:24px;color:#fff}
.anlitxt pre{font-size:14px;color:#fff;line-height:24px;height:48px;overflow:hidden;display:block;margin:12px 0 23px}
.anlitxt span{font-size:14px;color:#fff;line-height:37px;height:37px;border:1px solid #fff;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;display:block;margin:0 auto;width:37px}
.wmdfw{background:url(../images/fwbg.jpg) no-repeat center top fixed;background-size:cover;padding:85px 0 20px;overflow:hidden}
.wmdfw .jjfatop span.bgjb{background:#fff}
.wmdfw .jjfatop p,.wmdfw .jjfatop pre{color:#fff}
.fwys{background:#fff;margin:40px auto 70px;padding:40px 0 35px}
.fwys li{float:left;width:12%;text-align:center;padding:0 4%}
.fwys li img{height:54px;display:block;margin:0 auto}
.fwys li p{font-size:14px;color:#17161a;line-height:24px;margin-top:10px}
.wmdfw .jjfatop .gyan{margin-top:0}
.jszs{margin-top:36px}
.jszsle{width:609px;padding-bottom:35px}
.jszsle:hover{box-shadow:0 0 20px rgba(255,255,255,.5)}
.jszsleimg{width:609px;overflow:hidden}
.jszsleimg img{display:block;height:300px;width:609px}
.jszsletxt{padding:40px 30px 0}
.jszsletxt p{font-size:24px;color:#fff}
.jszsletxt span{font-size:14px;color:#fff;line-height:30px;height:60px;overflow:hidden;display:block;margin:5px 0 20px}
.jszsletxt b{font-size:16px;color:#fff;display:block;font-weight:normal}
.jszsri{width:465px;margin-right:60px}
.jszsri li{margin-bottom:66px}
.jszsriimg{width:149px;overflow:hidden}
.jszsriimg img{display:block;height:117px;width:149px}
.jszsritxt{margin-left:187px;padding-top:10px}
.jszsritxt p{font-size:18px;color:#fff;line-height:24px;height:48px;overflow:hidden;display:block}
.jszsritxt b{font-size:16px;color:#929292;display:block;font-weight:normal;margin-top:20px}
/*底部*/
.footer{padding-top:45px}
.footer span.footbt{font-size:24px;color:#282828;font-weight:bold;position:relative;margin-bottom:30px;display:block}
.footer span.footbt:after{content:"";position:absolute;background:url(../images/xingxing.png) no-repeat top left;width:12px;height:12px;top:10px;left:-20px}
.footerle{width:320px;padding-left:20px}
.footerle pre{font-size:14px;color:#808080;line-height:24px;height:72px;overflow:hidden}
.footerle p{font-size:14px;color:#808080;margin-top:15px;background-position:top left;padding-left:30px;background-repeat:no-repeat}
.footercen{margin-left:100px;width:320px;;padding-left:20px}
.footercen li{float:left;width:50%;margin-bottom:19px}
.footercen li a{color:#808080;font-size:14px}
.footerri{width:380px;padding-left:20px}
.footerri li{margin-bottom:15px}
.zxlyinpt{width:42%;border:1px solid #e7e7e7;line-height:44px;height:44px;padding:0 3%;outline:none}
.zxlytex{width:94%;border:1px solid #e7e7e7;line-height:28px;height:50px;padding:10px 3%;outline:none}
.zxlybut{width:92px;border:0;line-height:43px;height:43px;outline:none;background:#212121;text-align:center;color:#fff}
.footerbq{background:#f2f2f2;padding:20px 0;color:#bdbdbd;margin-top:40px}
.footerbq a{color:#bdbdbd}
.footerbq a:hover,.footercen li a:hover{color:#ee7700}
/*分页-我们的服务*/
.fybanner img{display:block;width:100%}
.fymain{background-repeat:no-repeat;background-position:center top;background-size:cover;padding-bottom:40px}
.fysub{padding:0 100px;background:rgba(255,255,255,.7);box-shadow:0 0 20px 0 rgba(40, 40, 40, 0.1);overflow:hidden}
.fyfwtop{font-size:30px;color:#333333;padding-top:50px}
.fyfwbot{padding:50px 0 80px}
.fyfwbot li{}
.fyfwbotle{float:left;width:603px}
.ovrly23{
    width:100%;
    overflow:hidden;
    position:relative;
}
.ovrly23 img{
    position:relative;
    width:603px;display:block;height:384px;
    top:0;
    left:0;
}
.ovrly23 .ovrly{
    position:absolute;
    background:rgba(0, 0, 0, 0.1);
    height:100%;
    left:0;
    top:0;
    width:100%;
    opacity:0;filter:alpha(opacity=0);
    -webkit-transform:scale(0.5) rotateZ(180deg);
    -moz-transform:scale(0.5) rotateZ(180deg);
    -ms-transform:scale(0.5) rotateZ(180deg);
    -o-transform:scale(0.5) rotateZ(180deg);
    transform:scale(0.5) rotateZ(180deg);
    -webkit-transition:all 0.3s;
    -moz-transition:all 0.3s;
    -o-transition:all 0.3s;
    transition:all 0.3s;
}
.fyfwbotri{float:right;width:450px;padding:107px 80px 0 0;text-align:center}
.fyfwbotri p{font-size:24px;color:#000000}
.fyfwbotri span{font-size:12px;color:#cccccc;text-transform:uppercase;margin:10px 0 20px}
.fyfwbotri pre{font-size:14px;color:#666666;line-height:20px;height:40px;overflow:hidden;display:block;margin-bottom:20px}
.fyfwbot li:nth-child(2n) .fyfwbotle{float:right}
.fyfwbot li:nth-child(2n) .fyfwbotri{float:left;padding:107px 0 0 80px}
.fyfwbot li:hover .ovrly{
    opacity:1;filter:alpha(opacity=100);
    -webkit-transform:scale(1) rotateZ(0deg);
    -moz-transform:scale(1) rotateZ(0deg);
    -ms-transform:scale(1) rotateZ(0deg);
    -o-transform:scale(1) rotateZ(0deg);
    transform:scale(1) rotateZ(0deg);
}
/*页码*/
.page{clear:both;text-align:center;line-height:40px;padding-bottom:70px}
.page a,.page span{display:inline-block;color:#555;padding:0 15px;text-decoration:none;margin:0 5px;border:1px solid #5d5c5c}
.page a:hover{background:#5d5d5c;color:#fff}
.page span.pageCurrent{background:#5d5d5c;color:#fff}
.page span.dianspan{border:none;padding-top:0;vertical-align:top}
/*投标案例*/
.fyerji{background:#000;line-height:80px;text-align:center;height: 80px;}
.fyerji a{display:inline-block;font-size:18px;color:#fff;width:165px}
.fyerji a.clifyerji,.fyerji a:hover{font-weight:bold;background:url(../images/erjibg.png) no-repeat center top;color:#282828}
/*.fyerji a:hover{font-weight:bold;background:url(../images/erjibg0.png) no-repeat center top}*/
.fyanli{padding:70px 0 30px}
.fyanli ul{margin-left:-30px}
.fyanli li{float:left;text-align:center;margin:0 0 72px 30px;width:380px;position:relative}
.fyanli span{font-size:16px;color:#333333;position:absolute;width:100%;left:0;bottom:-35px}
.media{position:relative;width:380px;height:243px}
.media__image{display:block;width:380px;height:243px}
.media__body{
    background:rgba(238, 119, 0, 0.5);
    bottom:0;
    left:0;
    opacity:0;filter:alpha(opacity=0);
    overflow:hidden;
    position:absolute;
    text-align:center;
    top:0;
    right:0;
    transition:0.6s;
    -moz-transition:0.6s;-webkit-transition:0.6s;-o-transition:0.6s
}
.media__body:after, .media__body:before{
    border:1px solid rgba(255, 255, 255, 0.7);
    bottom:1em;
    content:'';
    left:1em;
    opacity:0;filter:alpha(opacity=0);
    position:absolute;
    right:1em;
    top:1em;
    -webkit-transition:0.6s 0.2s;
    -moz-transition:0.6s 0.2s;
    -o-transition:0.6s 0.2s;
    transition:0.6s 0.2s;
    -webkit-transform:scale(1.5);-moz-transform:scale(1.5);-o-transform:scale(1.5);transform:scale(1.5)
}
.media__body:before{
    border-bottom:none;
    border-top:none;
    left:2em;
    right:2em;
}
.media__body:after{
    border-left:none;
    border-right:none;
    bottom:2em;
    top:2em;
}
.fyanli li:hover .media__body{opacity:1;filter:alpha(opacity=100)}
.fyanli li:hover .media__body:after, .fyanli li:hover .media__body:before{
    opacity:1;filter:alpha(opacity=100);
    -webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);transform:scale(1)
}
.fyanli li:hover span{bottom:110px;color:#fff}
/*资质*/
.fyzizhi{padding:106px 0 30px}
.fyzizhi ul{margin-left: -30px}
.fyzizhi li{margin-bottom:50px;width:277px;float:left;text-align:center;cursor: pointer;margin-left: 30px}
.fyzizhi li img{width:100%;display:block;height: 100%;position: absolute;top: 0;left: 0}
.fyzizhi li p{font-size:16px;color:#282828;margin-top:40px}
.fyzizhiimg{overflow: hidden;height: 0;padding-bottom: 67%;position: relative}


/*联系我们*/
.fylxmap{position:relative;margin:0 0 40px;height:374px}
.fylxmai{padding:40px 0}
.fylxmaile span.fylxtop,.fylxmairi span.fylxtop{font-size:24px;color:#212121;margin-bottom:30px;display:block}
.fylxmaile{width:440px}
.fylxmaile p{font-size:18px;color:#666666;margin-bottom:30px}
.fylxmaile pre{font-size:14px;color:#666666;line-height:34px}
.fylxmairi{width:540px}
.fylxmairi li{margin-bottom:10px}
.fylxinpt{height:50px;line-height:50px\9;border:1px solid #dcdddd;background:none;width:94%;padding:0 3%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;color:#757575;font-size:14px}
.fylxsel{height:50px;line-height:50px\9;border:1px solid #dcdddd;background:none;width:100%;padding:0 3%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;color:#757575;font-size:14px}
.fylxtex{height:110px;line-height:28px;border:1px solid #dcdddd;background:none;width:94%;padding:15px 3%;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;outline:none;color:#757575;font-size:14px}
.fylxbut{height:40px;line-height:40px;border:0;background:#ee7700;width:132px;outline:none;color:#fff;font-size:14px;text-align:center}
/*新闻资讯-详情1*/
.fyxwxqtitle{text-align:center;padding:50px 0 20px;border-bottom:1px dashed #ccc}
.fyxwxqtitle h2{font-weight:normal;font-size:36px;color:#171717;padding:0 0 30px}
.fyxwxqtitle h3{font-weight:normal;font-size:16px;color:#808080}
.fyxwxqcont{font-size:14px;color:#808080;line-height:30px;margin:20px auto 60px}
.fyxwxqcont img{max-width:100%}
.fyjstj li{line-height:30px;padding-left:10px;position:relative;color:#f7af00}
.fyjstj li:after{content:"";position:absolute;top:15px;left:0;width:3px;height:3px;background:#f7af00}
.fyjstj li a{color:#f7af00}
.xqytext{padding:60px 0 90px;position:relative}
.xqytext span{font-size:14px;color:#808080;display:block;line-height:30px;width:40%}
.xqytext span a{font-size:14px;color:#808080}
.xqytext span a:hover,.fyjstj li a:hover{color:#ee7700;text-decoration:underline}
/*关于我们*/
.fygyjj{font-size:30px;color:#333333;padding:100px 0 30px}
/*健身知识*/
.fyjszs{margin:0 0 45px;padding:60px 0 0;border-bottom:1px dashed #ccc;overflow:hidden}
.fyjszs .jszsleimg{position:relative}
.fyjszs .jszsleimg:after{content:"";position:absolute;bottom:0;left:0;width:160px;height:4px;background:#f7af00}
.fyjszs .jszsletxt p{color:#171717}
.fyjszs .jszsletxt span,.fyjszs .jszsletxt b{color:#808080}
.fyjszs .jszsritxt p{color:#282828}
.fyjszs .jszsle{padding-bottom:0}
.fyjszs .jszsle:hover{box-shadow:none}
.fyjszs .jszsle:hover .jszsleimg:after{width:100%}
.fyjslb{padding-bottom:40px}
.fyjslb ul{margin-left:-40px}
.fyjslb li{float:left;width:580px;margin:0 0 40px 40px;position:relative}
.fyjslb li img{width:580px;height:300px;display:block;}
.fyjslb li p{font-size:24px;color:#171717;margin:25px 0 15px}
.fyjslb li span{font-size:14px;color:#808080;display:block}
.fyjslb li b{font-size:16px;color:#808080;display:block;font-weight:normal;margin-top:20px}
.fyjslb li:hover p{color:#ee7700}


.ovrly03 {
    width: 100%;
    overflow: hidden;
    position: relative;
    -webkit-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
    box-shadow: 1px 1px 3px 0 rgba(0, 0, 0, 0.3);
}
.ovrly03 img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
}
.ovrly03 .ovrlyT {
    background: rgba(255, 255, 255, 0.2);
    height: 100%;
    left: -100%;
    position: absolute;
    top: -100%;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.ovrly03 .ovrlyB {
    background: rgba(255, 255, 255, 0.2);
    height: 100%;
    left: 100%;
    position: absolute;
    top: 100%;
    width: 100%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}

.ovrly03 .buttons {
    position: absolute;
    top: -50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: url(../images/ljicn.png) no-repeat center center;
    background-size: 20px 20px;
    background-position: center center;
    background-repeat: no-repeat;
    width: 40px;height: 40px;
    background-color: #fff;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
    display: none;
}


.fyjslb li:hover .ovrly03 .ovrlyT {
    left: 0;
    top: 0;
}
.fyjslb li:hover .ovrly03 .ovrlyB {
    left: 0;
    top: 0;
}
.fyjslb li:hover .ovrly03 .buttons {
    top: 50%;
}




/*产品中心*/
.fycpsx{margin:40px 0;border:1px solid #eee;padding:0 20px 40px}
.fyqcfl{border-bottom:1px dashed #fff;padding-top:30px}
.fyqcflle{width:100px;font-size:18px;color:#333333;text-align:center}
.fyqcflri{margin-left:100px}
.fyqcflri span{font-size:16px;color:#808080;display:inline-block;margin:0 30px 0 48px;padding-bottom:26px;position:relative;cursor:pointer}
.fyqcflri span.clifycpfl{color:#ee7700;font-weight:bold}
.fyqcflri span.clifycpfl:after,.fyqcflri span:hover:after{content:"";position:absolute;bottom:18px;left:0;width:100%;height:2px;background:#ee7700}
.fyqctj{border-bottom:0}
.fyqctj span.clifycpfl{font-weight:normal}
.fyqctj span.clifycpfl:after,.fyqctj span:hover:after{content:"";position:absolute;bottom:15px;left:50%;background:url(../images/sanjiao.png) no-repeat center center;width:12px;height:6px;margin-left:-6px}
.fyqcdc{padding-top:0;border-bottom:0}
.fyqcdc .fyqcflle{font-size:16px;color:#ee7700;font-weight:bold;padding-top:5px}
.fyqcdc .fyqcflri span{font-size:16px;color:#ee7700;margin:0 30px 20px 48px;padding:4px 8px;-webkit-border-radius:30px;-moz-border-radius:30px;border-radius:30px;border: 1px solid transparent}
.fyqcdc .fyqcflri span.clifycpfl,.fyqcdc .fyqcflri span:hover{font-weight:normal;border:1px solid #ee7700}
.fyqcdc .fyqcflri span.clifycpfl:after{display:none}
.fyqcdc .fyqcflri span:hover:after{display: none}


.fycplb{padding-bottom:20px}
.fycplb ul{margin-left:-30px}
.fycplb li{width:380px;float:left;margin:0 0 30px 30px}
.fycplbimg{width:380px;overflow:hidden}
.fycplbimg img{display:block;width:380px;height:232px}
.fycplb li p{font-size:30px;color:#e70202;display:block;margin:20px 0}
.fycplb li h2{font-size:18px;color:#1b1b1b;line-height:30px;height:30px;font-weight:normal;display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;}
.fycplb li span{font-size:14px;color:#808080;display:block;margin:8px 0 40px;display: none}
.fycplb li b{font-size:14px;color:#ee7700;font-weight:normal;display:block}
/*解决方案*/
.fyjjfa{padding:60px 0 70px}
.fyjjfa ul{margin-left:-76px}
.fyjjfa li{float:left;width:134px;text-align:center;margin-left:76px}
.fyjjfaicn{width:79px;height:79px;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;border:1px solid #ebebea;position:relative;overflow:hidden;margin: 0 auto}
.fyjjfaicn img{position:absolute;left:20px;width:39px;height:39px}
.fyjjfaicn img.fyfaicn0{top:20px}
.fyjjfaicn img.fyfaicn1{top:79px}
.fyjjfa li:hover .fyjjfaicn,.fyjjfa li.clifyjjfa .fyjjfaicn{background:#ee7700;border-color:#ee7700}
.fyjjfa li:hover .fyjjfaicn img.fyfaicn0,.fyjjfa li.clifyjjfa img.fyfaicn0{top:-79px}
.fyjjfa li:hover .fyjjfaicn img.fyfaicn1,.fyjjfa li.clifyjjfa img.fyfaicn1{top:20px}
.fyjjfa li p{color:#808080;font-size:16px;margin-top:17px}
.fyfalb{overflow:hidden}
.fyfalb li{margin-bottom:50px}
.fyfalb  li p{color:#282828;margin:15px 0 25px}
.fyfalb  li span{color:#666;line-height:24px;height:48px;overflow:hidden}
.fyfalb  li b{color:#ee7700}
/*服务流程*/
.fyfwlc{padding:70px 59px 60px;background:url(../images/fylcbg.png) no-repeat 70px center;height:1704px}
.fyfwlc li{overflow:hidden}
.fyfwlcle{float:left;width:466px;background-position:left top;background-repeat:no-repeat;padding-left:104px;min-height:126px}
.fyfwlcle p{font-size:14px;color:#959595}
.fyfwlcle span{font-size:35px;font-weight:bold;display:block;margin-bottom:18px}
.fyfwlcle pre{font-size:14px;color:#666666;line-height:24px;display:block;position:relative}
.fyfwlcle pre:after{content:"";position:absolute;width:8px;height:8px;border:3px solid #1aa2f8;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;top:6px;left:-20px}
.fyfwlcri{float:right;width:452px;text-align:right}
.fyfwlcri img{max-width:100%}
.fyfwlc li.fyfwlcodd .fyfwlcle{float:right}
.fyfwlc li.fyfwlcodd .fyfwlcri{float:left}
.fyfwlc li.fyfwlcodd .fyfwlcri{text-align:left;margin-left:40px}
.fyfwlc li.fyfwlcli0{padding:15px 0 0;height:348px}
.fyfwlc li.fyfwlcli1{padding:38px 0 0;height:254px}
.fyfwlc li.fyfwlcli2{padding:50px 0 0;height:269px}
.fyfwlc li.fyfwlcli3{padding:37px 0 0;height:254px}
.fyfwlc li.fyfwlcli4{padding:30px 0 0;height:288px}
.fyfwlc li.fyfwlcli0 .fyfwlcle span{color:#5ab840}
.fyfwlc li.fyfwlcli1 .fyfwlcle span{color:#ff9702}
.fyfwlc li.fyfwlcli2 .fyfwlcle span{color:#1aa2f8}
.fyfwlc li.fyfwlcli3 .fyfwlcle span{color:#ff3e3e}
.fyfwlc li.fyfwlcli4 .fyfwlcle span{color:#efc316}
/*品牌文化*/
.fyppwh{margin:45px 0 0}
#container{display:block;margin:0 auto;-webkit-perspective:2000px;-moz-perspective:2000px;-ms-perspective:2000px;-o-perspective:2000px;perspective:2000px}
#itemlist{display:block;width:649px;height:360px;position:relative;-webkit-transform-style:preserve-3d;-moz-transform-style:preserve-3d;-ms-transform-style:preserve-3d;-o-transform-style:preserve-3d;transform-style:preserve-3d;margin-left:400px;margin-bottom:80px}
#itemlist li{position:absolute;cursor:pointer;left:0}
#itemlist li:hover{top:-5px}
#itemlist li:hover span{background:rgba(238,119,0,.6)}
#itemlist li span{position:absolute;top:50%;left:40px;width:22px;background:rgba(27,27,27,.6);font-size:22px;color:#fff;padding:30px 15px}
#itemlist li.item-0{z-index:6;-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1);transform:scale(1)}
#itemlist li.item-1{z-index:5;left:-200px;-webkit-transform:scale(0.85);-moz-transform:scale(0.85);-ms-transform:scale(0.85);-o-transform:scale(0.85);transform:scale(0.85)}
#itemlist li.item-2{z-index:4;left:-365px;-webkit-transform:scale(0.7);-moz-transform:scale(0.7);-ms-transform:scale(0.7);-o-transform:scale(0.7);transform:scale(0.7)}
.transition{-webkit-transition:0.5s ease-out;-moz-transition:0.5s ease-out;-ms-transition:0.5s ease-out;-o-transition:0.5s ease-out;transition:0.5s ease-out}
.show{-webkit-animation:show 1s linear;-moz-animation:show 1s linear;-ms-animation:show 1s linear;-o-animation:show 1s linear;animation:show 1s linear}
@-webkit-keyframes show{
    25%{left:-400px}
    50%{z-index:5;left:-400px;-webkit-transform:rotate3d(0, 1, 0, 0deg)}
    70%{z-index:5;left:-400px;-webkit-transform:rotate3d(0, 1, 0, 180deg)}
    100%{z-index:5;left:0;-webkit-transform:rotate3d(0, 1, 0, 360deg)}
}
@-moz-keyframes show{
    25%{left:-400px}
    50%{z-index:5;left:-400px;-webkit-transform:rotate3d(0, 1, 0, 0deg)}
    70%{z-index:5;left:-400px;-webkit-transform:rotate3d(0, 1, 0, 180deg)}
    100%{z-index:5;left:0;-webkit-transform:rotate3d(0, 1, 0, 360deg)}
}
@-ms-keyframes show{
    25%{left:-400px}
    50%{z-index:5;left:-400px;-webkit-transform:rotate3d(0, 1, 0, 0deg)}
    70%{z-index:5;left:-400px;-webkit-transform:rotate3d(0, 1, 0, 180deg)}
    100%{z-index:5;left:0;-webkit-transform:rotate3d(0, 1, 0, 360deg)}
}
@-o-keyframes show{
    25%{left:-400px}
    50%{z-index:5;left:-400px;-webkit-transform:rotate3d(0, 1, 0, 0deg)}
    70%{z-index:5;left:-400px;-webkit-transform:rotate3d(0, 1, 0, 180deg)}
    100%{z-index:5;left:0;-webkit-transform:rotate3d(0, 1, 0, 360deg)}
}
@keyframes show{
    25%{left:-400px}
    50%{z-index:5;left:-400px;-webkit-transform:rotate3d(0, 1, 0, 0deg)}
    70%{z-index:5;left:-400px;-webkit-transform:rotate3d(0, 1, 0, 180deg)}
    100%{z-index:5;left:0;-webkit-transform:rotate3d(0, 1, 0, 360deg)}
}
.fyppnr{display:none}
.fyppnrtop{font-size:24px;color:#010101}
.fyppnr .fyxwxqcont{font-size:16px;color:#666;line-height:24px;margin:20px auto 140px}
/*产品中心详情*/
.fycptop{margin:76px 0 60px}
.picArea{width:565px;height:auto}
.picArea .picBox{width:565px;height:346px;position:relative;*z-index:1}
.picBox img.yuantu{width:565px;height:346px;display:block}
.smallPicBox{width:565px;height:auto;position:relative;margin-top:10px}
.smallPicList{width:492px;height:100px;overflow:hidden;position:relative;margin:0 auto}
.smallPicList ul{height:100px;width:10000px;position:absolute;left:0;top:0}
.smallPicList li{float:left;width:160px;height:96px;overflow:hidden;border:2px solid #fff;cursor:pointer}
.smallPicList li.current{border-color:#ee7700}
.smallPicList li img{display:block;width:160px;height:96px}
.switchL,.switchR{position:absolute;width:26px;height:96px;top:0;background:#e5e5e5 url(../images/picLeftArr.png) no-repeat center center;cursor:pointer}
.switchL{left:0}
.switchR{right:0;background:#e5e5e5 url(../images/picRightArr.png) no-repeat center center}
.proInfo{width:590px}
.proInfo h2{font-size:24px;color:#1b1b1b;line-height:30px;font-weight:normal;padding:30px 0}
.proInfo p{font-size:14px;color:#808080;padding-bottom:15px;border-bottom:1px solid #eee}
.proInfo b{font-size:30px;color:#e70202;font-weight:normal;margin:38px 0 30px;display:block}
.fycpxqsx{margin-bottom:30px}
.fycpxqsx span{display:inline-block;color:#666666;font-size:14px;margin-right:20px;margin-bottom:5px}
.fycpxqa a.fyljzx{width:155px;height:54px;color:#fff;background:#f34e3a;display:inline-block;text-align:center;line-height:54px;position:relative;margin-right:80px}
.fycpxqa a.fyljzx:after{content:"";position:absolute;width:45px;background:#f34e3a url(../images/jiantou.jpg) no-repeat center center;height:54px;top:0;left:156px}
.fycpxqa a.fysplj{font-size:16px;color:#6e6b6b;background:url(../images/splink.png) no-repeat center left;padding-left:30px}
.fycpxqa a.fyljzx:hover,.fycpxqa a.fyljzx:hover:after{background-color:#ee7700}
.fycpxqa a.fysplj:hover{color:#ee7700;background:url(../images/splink0.png) no-repeat center left}
.fycpbotle{width:908px}
.fycpbotle .fyxwxqcont{margin-top:40px}
.fycpbotlebt{font-size:24px;color:#282828;padding-left:26px;position:relative;line-height:29px}
.fycpbotlebt:after{content:"";position:absolute;top:0;left:0;width:5px;height:29px;background:#ee7700}
.fycpbotri{width:273px;padding-top:68px}
.fytjcp{margin-top:27px;padding-bottom:40px}
.fytjcp li{background:#fff;margin-bottom:20px;text-align:center;position:relative}
.fytjcp li img{display:block;width:100%}
.fytjcp li span{padding:15px;font-size:16px;color:#666666}
.fytjcp li p{width:43px;height:43px;display:block;background:#ee7700;line-height:43px;text-align:center;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;color:#fff;font-size:14px;position:absolute;top:8px;left:8px}
.fytjcp li:hover{background:#ee7700;box-shadow:0  0 20px rgba(238,119,0,.5)}
.fytjcp li:hover span{color:#fff}
.fyzzbg{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0,0,0,.8);display: none}
.fyzztutu{position: absolute;width: 100%;text-align: center;height: 90%;top: 5%;left: 0;}
.fyzztutu img{display: block;margin: 0 auto;}
.fyjjfajsq{background: url(../images/jjfaimgjsq.jpg) no-repeat center top;height: 90px;cursor: pointer;padding-top: 110px}




.anniubox{width: 150px;height: 50px;text-align: center;line-height: 50px;margin: 0 auto;background: #fff}
.anniubox a{font-size: 14px;color: #212121}
.anniubox a:hover{color: #fff}
/*按钮*/
.clibtn{display: block;width: 100%;height: 100%;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;position: relative;overflow: hidden;z-index: 1}
.clibtn::after{content: '';position: absolute;-webkit-transition: all 0.3s;-moz-transition: all 0.3s;transition: all 0.3s;width: 100%;height: 0;top: 50%;left: 50%;background: #8fc31f;opacity: 0;-webkit-transform: translateX(-50%) translateY(-50%) rotate(45deg);-moz-transform: translateX(-50%) translateY(-50%) rotate(45deg);-ms-transform: translateX(-50%) translateY(-50%) rotate(45deg);transform: translateX(-50%) translateY(-50%) rotate(45deg);z-index: -1}
.clibtn:hover:after {height: 200%;opacity: 1;}
.anniubox:hover{border-color: #8fc31f}



.jsqbg{background:rgba(0,0,0,.8);position: fixed;top: 0;left: 0;width: 100%;height: 100%;display: none;z-index: 999}
.jsqbgdiv{width: 908px;height: 500px;position: absolute;top: 50%;left: 50%;margin-left: -454px;margin-top: -250px;background: url(../images/jsqbg.jpg) no-repeat center top}
.jsqbgdiv ul{width: 432px;margin: 120px 0 0 44px}
.jsqbgdiv li{margin-bottom: 14px;}
.jsqsel{width: 48%;border: 1px solid #ebebeb;height: 40px;line-height: 40px\9;padding: 0 3%;outline: none;font-size: 14px;color: #999999}
.jsqinpt{width: 94%;border: 1px solid #ebebeb;height: 40px;line-height: 40px\9;padding: 0 3%;outline: none;font-size: 14px;color: #999999}
.jsqtex{width: 94%;border: 1px solid #ebebeb;height: 80px;line-height: 28px;padding:15px 3%;outline: none;font-size: 14px;color: #999999}
.jsqbtn{width: 104px;border:0;height: 32px;line-height: 32px;outline: none;font-size: 14px;background: #ee7700;color: #fff;display: block;margin: 20px auto 0}
.jsqbgdiv li label{margin: 0 20px}
.jsqbgdiv li label input{margin-right: 8px;}
.closejsq{position: absolute;top:15px;right:15px;cursor: pointer}

.fyjjfajsq .fyjjfajsqbtn{position: relative;text-align: left;padding: 0 20px;width: 100px;background: #fff;margin: 0 auto;line-height: 50px;height: 50px;}
.fyjjfajsq .fyjjfajsqbtn:after{content: ">>";position: absolute;top: 0;right: 21px;animation:dsjbg 1s  linear infinite;-webkit-animation:dsjbg 1s  linear infinite;-moz-animation:dsjbg 1s  linear infinite;-ms-animation:dsjbg 1s  linear infinite;-o-animation:dsjbg 1s  linear infinite;}
@keyframes dsjbg{
    0% {right: 21px;opacity: 1}
    100% {right: 12px;opacity: 0}
}
@-webkit-keyframes dsjbg{
    0% {right: 21px;opacity: 1}
    100% {right: 12px;opacity: 0}
}
@-o-keyframes dsjbg{
    0% {right: 21px;opacity: 1}
    100% {right: 12px;opacity: 0}
}
@-ms-keyframes dsjbg{
    0% {right: 21px;opacity: 1}
    100% {right: 12px;opacity: 0}
}
@-moz-keyframes dsjbg{
    0% {right: 21px;opacity: 1}
    100% {right: 12px;opacity: 0}
}