/*******basic********/
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font-size:14px;color:#666;font-family: "Microsoft YaHei",Verdana, Arial, Geneva, sans-serif;background:#fff;-webkit-text-size-adjust:100%;}
a{text-decoration:none;color:#666;}
a:hover{text-decoration:none;}
em{font-style:normal}
li{list-style:none}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
input,textarea,button{padding:0;margin: 0;outline: none;border:none;}
header,section,nav,footer{  width:100%;}
*{ -webkit-box-sizing: border-box !important;  -moz-box-sizing: border-box !important;  box-sizing: border-box !important;  margin:0;  padding:0;color:#666; /*word-break: break-all;*/ }
*, input, textarea {  font-family: "Microsoft YaHei",Verdana, Arial,Geneva, sans-serif;  }
.lf{  float:left;  }
.rt{  float:right;  }
.clearFix:after{  display: block;  content:"";  clear:both;  }
.point:hover{  cursor:pointer;  }
.container{width: 1050px;margin: auto;}
.hideE{  display:none;  }

*.noBorderRight{border-right:none !important;}
*.noBorderbottom{border-bottom:none !important;}
*.noMarRight{margin-right:0 !important;}
*.noAfter:after{display: none !important;}
*.transit{
    -webkit-transition: all 0.2s linear;
    -moz-transition: all 0.2s linear;
    -ms-transition: all 0.2s linear;
    -o-transition: all 0.2s linear;
    transition: all 0.2s linear;}
img.scale:hover{
    -webkit-transform: scale(1.1, 1.1);
    -moz-transform: scale(1.1, 1.1);
    -ms-transform: scale(1.1, 1.1);
    -o-transform: scale(1.1, 1.1);
    transform: scale(1.1, 1.1);}
*.shadow{
    -webkit-box-shadow: 1px 1px 1px 1px #dddddd;
    -moz-box-shadow: 1px 1px 1px 1px #dddddd;
    box-shadow: 1px 1px 1px 1px #dddddd;}
/***back to top**/
#toTop{width:56px;height:56px;position:fixed;cursor:pointer;display:none;right:3%;bottom:4%;z-index:60;background:url("../../images/home/top.gif") no-repeat 0 0;  background-position: -53px 0;  }
#toTop:hover{background-position-x:-115px}
@font-face {font-family:FontAwesome;font-style:normal;font-weight:400;src:url(fonts/fontawesome-webfont.eot?v=4.5.0);src:url(fonts/fontawesome-webfont.eot?#iefix&v=4.5.0) format('embedded-opentype'),url(fonts/fontawesome-webfont.woff2?v=4.5.0) format('woff2'),url(fonts/fontawesome-webfont.woff?v=4.5.0) format('woff'),url(fonts/fontawesome-webfont.ttf?v=4.5.0) format('truetype'),url(fonts/fontawesome-webfont.svg?v=4.5.0#fontawesomeregular) format('svg')}
@font-face {font-family:Pe-icon-7-stroke;font-style:normal;font-weight:400;src:url(fonts/Pe-icon-7-stroke.eot?d7yf1v);src:url(fonts/Pe-icon-7-stroke.eot?#iefixd7yf1v) format('embedded-opentype'),url(fonts/Pe-icon-7-stroke.woff?d7yf1v) format('woff'),url(fonts/Pe-icon-7-stroke.ttf?d7yf1v) format('truetype'),url(fonts/Pe-icon-7-stroke.svg?d7yf1v#Pe-icon-7-stroke) format('svg');}


/********header*******/
.header{width:100%;padding-bottom:14px;position: fixed;top:0;left:0;z-index:1000;background: #fff;background: rgba(255,255,255,.8)}
.headTop,.headerBottom{width:1180px;margin: auto;}
.headTop{height:33px;padding-right: 12px;}
.headTop a{display: block;height:33px;padding:0 10px;color:#222;line-height: 33px;}
.headTop span{display: block;height:33px;line-height: 33px;}
.headTop a:hover{color: #147aba;}
.headerBox{width:1300px;margin: auto;}
.logoBox{position: relative;top:-4px;}
.logoBox img{display: block;}
.logoBox span{font-size:23px;display: inline-block;height:48px;line-height: 48px;color:#000;}
.navList{position: relative;text-align: center;}
.navList>li{width:112px;position: relative;}
.navList>li>a{display: block;width:100%;height:60px;padding-top:10px;}
.navList>li:after,.navList>li:before{content: "";display: block;margin: auto;width:0;height:2px;background:#0f9de3;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -ms-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;}
.navList>li:hover>a *{color: #0f9de3;}
.navList>li:hover{border-top:0px solid transparent;}
.navList>li:hover:before,.navList>li:hover:after{width:100%;}
.navList>li .p1{font-size: 14px;color:#333;margin-bottom:5px;}
.navList>li .p2{font-size: 12px;color:#333;}
.navList>li.liActive *{color: #0f9de3;}
.navList>li:hover .smallList{display: block}
.smallList{width:150px;background: #fff;border:1px solid #e2e2e2;position: absolute;right:-21px;top:64px;display: none;z-index: 500;}
.smallList li a{display: block;width:100%;height:30px;line-height:30px;font-size: 14px;overflow: hidden;text-align: center;}
.smallList li a:hover{background: #f2f2f2;}
/******nav******/



/*****banner****/
.slick_ban{margin-top:118px;}
.slick_ban .slick-slide img{width:100%;}
.slick-prev:hover:before, .slick-next:hover:before{color:#eee;}
.slick_ban .slick-prev:before,.slick_ban .slick-next:before{font-family: "FontAwesome";font-size: 55px;}
.slick_ban .slick-prev:before {content: "\f104";}
.slick_ban .slick-next:before {content: "\f105";}

/******videoMotal******/
.videoMotal{position: fixed;width:100%;top:0;bottom:0;background: #000;background: rgba(0,0,0,.7);padding:10% 0;z-index:2000;display: none;}
.videoMotal .closeMotal{width:50px;height:50px;display: block;position: absolute;right:0;top:0;text-align: center;line-height: 50px;cursor: pointer;}
.videoMotal .closeMotal:after{font-family:FontAwesome;content: "\f00d";font-size: 30px;color:#fff;}
.videoMotal .videoBox{width:100%;margin: auto;background: #333333}
.videoMotal .videoBox embed{display: block;margin: auto}

/*****sec1*******/
.secBox{padding:40px 0;}
.sec1.secBox{padding-bottom:110px;}
.secTitle{margin:0 auto 40px;text-align: center;width:380px;}
.secTitle .p1{margin:0 auto 8px;text-align: center;font-size: 18px;color:#aaa;border-bottom:1px solid #ddd;}
.secTitle .p2{margin: auto;text-align: center;font-size: 20px;color:#222;}
.secTitle .p1:after{content:"";display:block;width:60px;margin:5px auto 0;height:3px;background: #0599e2;position: relative;bottom:-2px;}
.sec1Con{width:1080px;margin: auto;}
.sec1ItemCon{width:226px;margin: auto;}
.sec1ItemCon .picBox{width:100%;}
.sec1ItemCon .picBox img{width:100%;display: block;height:114px;}
.sec1ItemCon .msgBox{text-align: center;border:1px solid #ddd;border-top:0;padding:20px 10px;/*height:350px;*/}
.sec1ItemCon .msgBox .p1{font-size: 16px;color:#000;margin-bottom:20px;}
.sec1ItemCon .msgBox .p2{color:#aaa;line-height: 24px;display: none;}
.sec1ban .slick-prev:before, .sec1ban .slick-next:before {font-family: "FontAwesome";font-size: 107px;color:#eee;}
.sec1ban .slick-next:before {content: "\f105";}
.sec1ban .slick-prev:before {content: "\f104";}
.sec1ban  .slick-prev,.sec1ban  .slick-next{height:100px;top:33%;}
.sec1ban  .slick-prev{left:-54px;}
.sec1ban  .slick-next{right:-54px;}
.sec1ban .msgBox .p2 img{display: block;width:100% !important;height:auto !important;}
.sec1ban .msgBox .p2 td{display: none;}
.sec1 .secTitle{position: relative;}



/******sec2******/
.sec2{position: relative;background: #f1f1f1;}
.sec2 .sec2TIBox{position: absolute;left:0;width:100%;top:-70px;}
.sec2Aside{padding:40px 0;}
.sec2Con>div.sec2Center{width:40%;}
.sec2Con>div.sec2Aside{width:30%;}
.sec2Con .sec2Aside{padding:40px 10px;}
.sec2Con .msgBox{line-height: 26px;height:182px;overflow: hidden;word-wrap:break-word;text-align:justify !important; text-justify:distribute-all-lines !important;}
.sec2Con .picBox{height:176px;width:100%;position: relative; border-top-right-radius:40px;
    -webkit-border-top-right-radius: 40px;
    border-bottom-left-radius:40px;
    -webkit-border-bottom-left-radius: 40px;overflow: hidden;}
.sec2Con .picBox img{display:block;height:100%;width:100%;
    border-top-right-radius:40px;
-webkit-border-top-right-radius: 40px;
    border-bottom-left-radius:40px;
    -webkit-border-bottom-left-radius: 40px;}
.sec2Con .picBox img.playBtn{width:57px;height:57px;position: absolute;top:32%;left:41%;
    -webkit-border-radius:0;
    -moz-border-radius:0;
    border-radius:0;}
.spaceBox{height:25px;}
.sec2Center{background: #fff;}
.sec2Center img{display: block;height:463px;width:100%;}

/*****sec3******/
.sec3Con{width:1346px;margin: auto;}
.sec3ItemCon{width:292px;height:450px;margin: auto;position: relative;padding-top:100px;}
.sec3ItemCon .picBox{width:184px;height:184px;margin: auto;background: #fff;border:7px solid #fff;overflow: hidden;position: absolute;left:55px;top:0px;z-index:100;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;}
.sec3ItemCon .picBox img{display: block;width:100%;height:100%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;}
.sec3ItemCon .msgBox{padding:100px 10px 50px;background: #eaeced;position: relative;height:351px;overflow: hidden}
.sec3ItemCon .msgBox .p1{font-size:18px;height:48px;line-height:24px;color:#000;margin-bottom:15px;text-align: center;position: relative;z-index:50;}
.sec3ItemCon .msgBox .p2{font-family:"Microsoft YaHei",Verdana, Arial,Geneva, sans-serif !important;color:#000;line-height:30px;height:150px;overflow: hidden;position: relative;z-index:50;font-size:14px !important;}
.sec3ItemCon .msgBox .p2 p{font-family:"Microsoft YaHei",Verdana, Arial,Geneva, sans-serif !important;font-size:14px !important;}
.sec3ItemCon .msgBox .p2 span{font-family:"Microsoft YaHei",Verdana, Arial,Geneva, sans-serif !important;font-size:14px !important;}
.sec3ItemCon .msgBox:after{content: "";
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: #2098d1;
    -webkit-transform: scaleY(0);
    transform: scaleY(0);
    -moz-transform:scaleY(0) ;
    -ms-transform:scaleY(0) ;
    -o-transform: scaleY(0);
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    -moz-transform-origin: 50% 0;
    -ms-transform-origin: 50% 0;
    -o-transform-origin: 50% 0;
    -webkit-transition-property: transform;
    transition-property: transform;
    -moz-transition-property: transform;
    -ms-transition-property: transform;
    -o-transition-property: transform;
    -webkit-transition-duration: .5s;
    transition-duration: .5s;
    -moz-transition-duration: .5s;
    -ms-transition-duration: .5s;
    -o-transition-duration: .5s;
    -webkit-transition-timing-function: ease-out;
    transition-timing-function: ease-out;
    -moz-transition-timing-function: ease-out;
    -ms-transition-timing-function: ease-out;
    -o-transition-timing-function: ease-out;
}
.sec3ItemCon .msgBox:hover:after{    -webkit-transform: scaleY(1);
    -webkit-transform: scaleY(1);
    transform: scaleY(1);
    -moz-transform:scaleY(1) ;
    -ms-transform:scaleY(1) ;
    -o-transform: scaleY(1);
    -webkit-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    -moz-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    -ms-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
    -o-transition-timing-function: cubic-bezier(.52,1.64,.37,.66);
}
.sec3ItemCon .msgBox:hover div.p1,.sec3ItemCon .msgBox:hover div.p2{color:#fff !important;}
.sec3ItemCon .msgBox:hover div.p1 p,.sec3ItemCon .msgBox:hover div.p2 p{color:#fff !important;}
.sec3ItemCon .msgBox:hover div.p1 span,.sec3ItemCon .msgBox:hover div.p2 span{color:#fff !important;}

.sec3ban .slick-prev,.sec3ban .slick-next{top:56%;}
.sec3ban .slick-prev{left:-35px;}
.sec3ban .slick-next{right:-35px;}
.sec3ban .slick-prev:before,.sec3ban .slick-next:before{color:#2098d1;font-size: 48px;}

/*****sec4******/
.sec4 {background:#147aba;}
.sec4 .secTitle *{color:#fff;}
.sec4 .secTitle .p1:after{background:#abf1f9;}
.sec4 .picBox{width:520px;height:396px;position: relative;overflow: hidden;}
.sec4 .picBox img{display: block;width:100%;height:100%;}
.sec4 .picBox .mask{position: absolute;bottom:0;left:0;width:100%;padding:5px 50px;background: #147aba;background: rgba(23,97,140,0.8);}
.sec4 .picBox .mask .p1{height:30px;line-height: 30px;overflow: hidden;color:#fff;font-size: 16px;}
.sec4 .picBox .mask .p2{height:40px;line-height: 20px;overflow: hidden;color:#fff;font-size: 12px;}
.sec4ListBox{width:464px;}
.sec4List li{margin-bottom:14.5px;border:1px solid transparent;}
.sec4List li a{display: block;width:100%;}
.sec4ItemTime{width:86px;height:86px;background: #126faa;padding-top:14px;}
.sec4ItemTime .p1{color:#fff;font-size: 30px;text-align:center; }
.sec4ItemTime .p2{color:#fff;font-size: 12px;text-align:right;padding-right:10px; }
.sec4ItemMsg{width:376px;padding-left:30px;padding-right:10px;}
.sec4ItemMsg div{color:#fff;}
.sec4ItemMsg .p1{height:35px;line-height: 35px;font-size: 16px;}
.sec4ItemMsg .p2{height:40px;line-height: 20px;color:#dfe0e2 !important;text-align:justify !important; text-justify:distribute-all-lines !important;}
.sec4ItemMsg .p2 p,.sec4ItemMsg .p2 span{color:#dfe0e2 !important;}
.sec4List li:hover{background: #126faa;border:1px solid #fff;}


/****sec5***/
.sec5List li{width:25%;padding:123px 10px 0;position: relative;}
.sec5List li .picBox{width:100%;height:246px;position: absolute;left:0;}
.sec5List li .picBox .sec5TiOne{display: block;position: absolute;bottom:-6px;left:95px;}
.sec5List li .picBox .sec5TiTwo{display: block;width:98px;height:98px;position: relative;margin:auto;top:76px;background: url("../../images/home/bg1.png") no-repeat center;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;}
.sec5List li .picBox .sec5TiTwo img{display: block;margin: auto;height:64%;position: relative;top:19%;}
.sec5List li .msgBox {width:100%;height:272px;text-align: center;border:1px solid #ddd;}
.sec5Name .p1{font-size: 18px;margin-bottom:10px;}
.sec5Name .p2{font-size: 24px;font-weight: bold;}
.firstItem.sec5Name .p1,.firstItem.sec5Name .p2{color:#404040;}
.sec5List li:hover .msgBox{}
.sec5List li:hover .msgBox *{color:#147aba;}
.sec5List li:hover .gotoBottom{
    -webkit-transform: scale(0.78, 0.78) translateY(110px);
    -moz-transform: scale(0.78, 0.78) translateY(110px);
    -ms-transform: scale(0.78, 0.78) translateY(110px);
    -o-transform: scale(0.78, 0.78) translateY(110px);
    transform: scale(0.78, 0.78) translateY(110px);}
.sec5List li:hover .gotoTop{
    -webkit-transform: scale(0.78, 0.78) translateY(-110px);
    -moz-transform: scale(0.78, 0.78) translateY(-110px);
    -ms-transform: scale(0.78, 0.78) translateY(-110px);
    -o-transform: scale(0.78, 0.78) translateY(-110px);
    transform: scale(0.78, 0.78) translateY(-110px);}


/*****footer******/
.footer .container{width:980px;position: relative;}
.footList li{width:12.5%;position: relative;}
.footList li:after{content:"|";display: block;position: absolute;right:-2px;top:32%;color:#b0b1b2;font-size: 14px;}
.footList li a{display: block;width:100%;height:62px;line-height: 62px;color:#b0b1b2;text-align: center;}
.foot_p1,.foot_p2{background: #404040;}
.foot_p2{padding-bottom:15px;}
.contactLine{padding-left:45px;margin-top:5px;}
.contactLine img{display: block;float:left;height:32px;margin-right:8px;}
.contactLine>span{display: block;float:left;line-height: 32px;color:#b0b1b2;width:500px;}
.contactLine span{color:#b0b1b2;}
.footLogoBox{position: absolute;right:0;bottom:0;}
.footLogoBox img{display: block;}
.foot_p3{height:73px;text-align: center;color:#000;padding-top:15px; }


/******otherHTML*******/
/****goodsList****/
.adverBox{width:100%;position: relative;height:300px;margin-top:118px;}
.adverBg{position: absolute;top:0;left:0;width:100%;height:100%;z-index:0;}
.adverBg img{display:block;width:100%;height:100%;}
.adverTitle{position: relative;z-index: 50;text-align: center;top:35%;}
.adverTitle .p1{color:#fff;font-size: 30px;margin-bottom:5px;}
.adverTitle .p2{color:#fff;}
.adverTitle .p2 span,.adverTitle .p2 strong,.adverTitle .p2 *{color:#fff !important;}
.otherBox{padding:80px 0;}
.goodsList{width:1360px;margin: auto;}
.goodsList li{width:25%;margin:0 auto 90px;position: relative;padding:0 20px;padding-top:100px;}
.goodsList li a{width:100%;display:block;position: relative;}
.goodsList li a .picBox{width:184px;height:184px;display:block;position: absolute;top:-102px;left:19%;z-index:100;border:7px solid #fff;overflow: hidden;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;}
.goodsList li a .picBox img{display: block;width:100%;height:100%;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;}
.goodsList li a .msgBox{width:100%;border:1px solid #ddd;padding:100px 10px 50px;background: #eaeced;position: relative;height:351px;overflow: hidden;}
.goodsList li a .msgBox .p1{font-size:18px;line-height:24px;height:48px;color:#000;margin-bottom:15px;text-align: center;position: relative;z-index:50;}
.goodsList li a .msgBox .p2{font-family:"Microsoft YaHei",Verdana, Arial,Geneva, sans-serif !important;color:#000;line-height:30px;height:150px;overflow: hidden;position: relative;z-index:50;}
.goodsList li a .msgBox .p2 p{font-family:"Microsoft YaHei",Verdana, Arial,Geneva, sans-serif !important;font-size:14px !important;}
.goodsList li a .msgBox .p2 span{font-family:"Microsoft YaHei",Verdana, Arial,Geneva, sans-serif !important;font-size:14px !important;}
.goodsList li a:hover .msgBox{background: #2098d1;}
.goodsList li a:hover .p1,.goodsList li a:hover .p2{color:#fff !important;}
.goodsList li a:hover .p1 p,.goodsList li a:hover .p2 p{color:#fff !important;}
.goodsList li a:hover .p1 span,.goodsList li a:hover .p2 span{color:#fff !important;}
.pageBox{text-align: center;}

/******goodsDetail*******/
.goodsDetailBox{width:1100px;margin: auto;}
.curPosition{text-align: right;width:100%;height:35px;line-height: 35px;color:#848282;margin-bottom:50px;border-bottom:1px solid #ddd;}
.curPosition *{color:#848282;}
.currentName{text-align: center;font-size:24px;color:#464748;margin-bottom:50px;}
.currentName .p1{font-size:24px;color:#464748;font-weight:bold;}
.currentName .p2{font-size:12px;color:#464748;}
.currentContent{margin-bottom:50px;}
.currentContent img{display: block;margin: auto;max-width:100%;}
.gotoBox>div label,.gotoBox>div a{display: block;height:30px;line-height: 30px;color:#9c9fa0;}


/*******newsList*******/
.newsList{width:952px;margin:0 auto 40px;}
.newsList li{margin-bottom:35px;}
.newsList li a{/*display: block;width: 100%;*/}
.newsItemTime {width: 120px;height: 86px;padding-top: 14px;}
.newsItemTime .p1 {color: #0f9de3;font-size: 30px;text-align: center;}
.newsItemTime .p2 {color: #0f9de3;font-size: 12px;text-align: right;padding-right: 28px;}
.newsItemMsg {width: 815px;padding-left: 30px;padding-right: 10px;}
.newsItemMsg .p1 {height: 35px;line-height: 35px;font-size: 16px;color:#6b6c6d;margin-bottom: 5px;}
.newsItemMsg .p2 {height: 40px;line-height: 20px;color: #a5a6a8;}
.newsList li:hover{background: #126faa;}
.newsList li:hover .newsItemMsg .p1,.newsList li:hover .newsItemMsg .p2 span,.newsList li:hover .newsItemTime .p1,.newsList li:hover .newsItemTime .p2{color:#fff !important;}
.newsList li:hover .newsItemMsg .p2 *,.newsList li:hover .newsItemMsg .p2 p,.newsList li:hover .newsItemMsg .p2 span,.newsList li:hover .newsItemMsg .p2 strong{color:#fff !important;}

.otherBox .videoGroup{text-align: center}
.otherBox .videoGroup embed{display: inline-block;margin:0 auto 15px;width:30%;}

/*******aboutUS*********/
.aboutUsBox{width:1055px;margin: auto;}

.abName{margin-bottom:35px;}
.abName img{display: block;float:left;height:32px;margin-right:22px;}
.abName span{display: block;height:32px;line-height: 34px;font-size: 20px;color:#2a2727;}
.gsjj{padding-bottom:50px;}
.qywh{padding:64px 0;position: relative;}
.qywhName{text-align: center;height:80px;font-size: 36px;color:#fff;border-bottom:1px solid #f2f2f2;margin-bottom:50px;}
.qywh_bg{position: absolute;width:100%;height:100%;top:0;left:0;z-index: 0;overflow: hidden;}
.qywh_bg img{width:100%;height:100%;display: block;}
.qywh .aboutUsBox{position: relative;z-index: 50;}
.qywh .contentBox img{display: block;margin: auto;}
.jssl{padding:50px 0 ;border-bottom:1px solid #ddd;}
.shzr{padding:50px 0 ;}
.aboutUsBox .contentBox{text-align: justify !important;text-justify: distribute-all-lines !important;}
/*.aboutUsBox .contentBox p{text-align: justify !important;text-justify: distribute-all-lines !important;}*/
.aboutUsBox .contentBox td p{padding:0 10px;font-size: 12px;font-weight: normal;}
.aboutUsBox .contentBox span{text-align: justify !important;text-justify: distribute-all-lines !important;}
*.animatin_show{
    animation: show 0.5s;
    -moz-animation: show 0.5s;
    -ms-animation: show 0.5s;
    -o-animation: show 0.5s;
    -webkit-animation: show 0.5s;
    -khtml-animation: show 0.5s;

}
*.animatin_fadeshow{
    animation: fadeshow 1s;
    -moz-animation: fadeshow 1s;
    -ms-animation: fadeshow 1s;
    -o-animation: fadeshow 1s;
    -webkit-animation: fadeshow 1s;
    -khtml-animation: fadeshow 1s;

}
*.animatin_asideShow{
    animation: asideShow 0.5s;
    -moz-animation: asideShow 0.5s;
    -ms-animation: asideShow 0.5s;
    -o-animation: asideShow 0.5s;
    -webkit-animation: asideShow 0.5s;
    -khtml-animation: asideShow 0.5s;

}
*.animatin_scaleShow{
    animation: scaleShow 0.5s;
    -moz-animation: scaleShow 0.5s;
    -ms-animation: scaleShow 0.5s;
    -o-animation: scaleShow 0.5s;
    -webkit-animation: scaleShow 0.5s;
    -khtml-animation: scaleShow 0.5s;

}
@keyframes show {
    0%{
        -webkit-transform: translate3d(0,200px,0);
        -moz-transform: translate3d(0,200px,0);
        -ms-transform: translate3d(0,200px,0);
        -o-transform: translate3d(0,200px,0);
        transform: translate3d(0,200px,0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{-webkit-transform: translate3d(0,0px,0);
        -moz-transform: translate3d(0,0px,0);
        -ms-transform: translate3d(0,0px,0);
        -o-transform: translate3d(0,0px,0);
        transform: translate3d(0,0px,0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}
@-khtml-keyframes show {
    0%{
        -webkit-transform: translate3d(0,200px,0);
        -moz-transform: translate3d(0,200px,0);
        -ms-transform: translate3d(0,200px,0);
        -o-transform: translate3d(0,200px,0);
        transform: translate3d(0,200px,0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{-webkit-transform: translate3d(0,0px,0);
        -moz-transform: translate3d(0,0px,0);
        -ms-transform: translate3d(0,0px,0);
        -o-transform: translate3d(0,0px,0);
        transform: translate3d(0,0px,0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}
@-moz-keyframes show {
    0%{
        -webkit-transform: translate3d(0,200px,0);
        -moz-transform: translate3d(0,200px,0);
        -ms-transform: translate3d(0,200px,0);
        -o-transform: translate3d(0,200px,0);
        transform: translate3d(0,200px,0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{-webkit-transform: translate3d(0,0px,0);
        -moz-transform: translate3d(0,0px,0);
        -ms-transform: translate3d(0,0px,0);
        -o-transform: translate3d(0,0px,0);
        transform: translate3d(0,0px,0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}
@-ms-keyframes show {
    0%{
        -webkit-transform: translate3d(0,200px,0);
        -moz-transform: translate3d(0,200px,0);
        -ms-transform: translate3d(0,200px,0);
        -o-transform: translate3d(0,200px,0);
        transform: translate3d(0,200px,0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{-webkit-transform: translate3d(0,0px,0);
        -moz-transform: translate3d(0,0px,0);
        -ms-transform: translate3d(0,0px,0);
        -o-transform: translate3d(0,0px,0);
        transform: translate3d(0,0px,0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}
@-o-keyframes show {
    0%{
        -webkit-transform: translate3d(0,200px,0);
        -moz-transform: translate3d(0,200px,0);
        -ms-transform: translate3d(0,200px,0);
        -o-transform: translate3d(0,200px,0);
        transform: translate3d(0,200px,0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{-webkit-transform: translate3d(0,0px,0);
        -moz-transform: translate3d(0,0px,0);
        -ms-transform: translate3d(0,0px,0);
        -o-transform: translate3d(0,0px,0);
        transform: translate3d(0,0px,0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}
@-webkit-keyframes show {
    0%{
        -webkit-transform: translate3d(0,200px,0);
        -moz-transform: translate3d(0,200px,0);
        -ms-transform: translate3d(0,200px,0);
        -o-transform: translate3d(0,200px,0);
        transform: translate3d(0,200px,0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{-webkit-transform: translate3d(0,0px,0);
        -moz-transform: translate3d(0,0px,0);
        -ms-transform: translate3d(0,0px,0);
        -o-transform: translate3d(0,0px,0);
        transform: translate3d(0,0px,0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}
/**********/
@keyframes fadeshow {
    0%{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}
@-khtml-keyframes fadeshow {
    0%{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}
@-moz-keyframes fadeshow {
    0%{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}
@-ms-keyframes fadeshow {
    0%{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}
@-o-keyframes fadeshow {
    0%{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}
@-webkit-keyframes fadeshow {
    0%{filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}

/********/

@keyframes asideShow {
    0%{
        -webkit-transform: translate3d(200px,0,0);
        -moz-transform: translate3d(200px,0,0);
        -ms-transform: translate3d(200px,0,0);
        -o-transform: translate3d(200px,0,0);
        transform: translate3d(200px,0,0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{-webkit-transform: translate3d(0,0px,0);
        -moz-transform: translate3d(0,0px,0);
        -ms-transform: translate3d(0,0px,0);
        -o-transform: translate3d(0,0px,0);
        transform: translate3d(0,0px,0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}
@-khtml-keyframes asideShow {
    0%{
        -webkit-transform: translate3d(200px,0,0);
        -moz-transform: translate3d(200px,0,0);
        -ms-transform: translate3d(200px,0,0);
        -o-transform: translate3d(200px,0,0);
        transform: translate3d(200px,0,0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{-webkit-transform: translate3d(0,0px,0);
        -moz-transform: translate3d(0,0px,0);
        -ms-transform: translate3d(0,0px,0);
        -o-transform: translate3d(0,0px,0);
        transform: translate3d(0,0px,0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}
@-moz-keyframes asideShow {
    0%{
        -webkit-transform: translate3d(200px,0,0);
        -moz-transform: translate3d(200px,0,0);
        -ms-transform: translate3d(200px,0,0);
        -o-transform: translate3d(200px,0,0);
        transform: translate3d(200px,0,0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{-webkit-transform: translate3d(0,0px,0);
        -moz-transform: translate3d(0,0px,0);
        -ms-transform: translate3d(0,0px,0);
        -o-transform: translate3d(0,0px,0);
        transform: translate3d(0,0px,0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}
@-ms-keyframes asideShow {
    0%{
        -webkit-transform: translate3d(200px,0,0);
        -moz-transform: translate3d(200px,0,0);
        -ms-transform: translate3d(200px,0,0);
        -o-transform: translate3d(200px,0,0);
        transform: translate3d(200px,0,0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{-webkit-transform: translate3d(0,0px,0);
        -moz-transform: translate3d(0,0px,0);
        -ms-transform: translate3d(0,0px,0);
        -o-transform: translate3d(0,0px,0);
        transform: translate3d(0,0px,0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}
@-o-keyframes asideShow {
    0%{
        -webkit-transform: translate3d(200px,0,0);
        -moz-transform: translate3d(200px,0,0);
        -ms-transform: translate3d(200px,0,0);
        -o-transform: translate3d(200px,0,0);
        transform: translate3d(200px,0,0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{-webkit-transform: translate3d(0,0px,0);
        -moz-transform: translate3d(0,0px,0);
        -ms-transform: translate3d(0,0px,0);
        -o-transform: translate3d(0,0px,0);
        transform: translate3d(0,0px,0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}
@-webkit-keyframes asideShow {
    0%{
        -webkit-transform: translate3d(200px,0,0);
        -moz-transform: translate3d(200px,0,0);
        -ms-transform: translate3d(200px,0,0);
        -o-transform: translate3d(200px,0,0);
        transform: translate3d(200px,0,0);filter:alpha(opacity=0);-moz-opacity:0;-khtml-opacity: 0;opacity: 0;}
    to{-webkit-transform: translate3d(0,0px,0);
        -moz-transform: translate3d(0,0px,0);
        -ms-transform: translate3d(0,0px,0);
        -o-transform: translate3d(0,0px,0);
        transform: translate3d(0,0px,0);filter:alpha(opacity=100);-moz-opacity:1;-khtml-opacity: 1;opacity: 1;}
}

/******/
@keyframes scaleShow {
    0%{
        -webkit-transform: scale(0,0);
        -moz-transform: scale(0,0);
        -ms-transform: scale(0,0);
        -o-transform: scale(0,0);
        transform: scale(0,0);
    }
    90%{
        -webkit-transform: scale(1.2,1.2);
        -moz-transform: scale(1.2,1.2);
        -ms-transform: scale(1.2,1.2);
        -o-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2);
    }
    to{ -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1);
    }
}
@-khtml-keyframes scaleShow {
    0%{
        -webkit-transform: scale(0,0);
        -moz-transform: scale(0,0);
        -ms-transform: scale(0,0);
        -o-transform: scale(0,0);
        transform: scale(0,0);
    }
    90%{
        -webkit-transform: scale(1.2,1.2);
        -moz-transform: scale(1.2,1.2);
        -ms-transform: scale(1.2,1.2);
        -o-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2);
    }
    to{ -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1);
    }
}
@-moz-keyframes scaleShow {
    0%{
        -webkit-transform: scale(0,0);
        -moz-transform: scale(0,0);
        -ms-transform: scale(0,0);
        -o-transform: scale(0,0);
        transform: scale(0,0);
    }
    90%{
        -webkit-transform: scale(1.2,1.2);
        -moz-transform: scale(1.2,1.2);
        -ms-transform: scale(1.2,1.2);
        -o-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2);
    }
    to{ -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1);
    }
}
@-ms-keyframes scaleShow {
    0%{
        -webkit-transform: scale(0,0);
        -moz-transform: scale(0,0);
        -ms-transform: scale(0,0);
        -o-transform: scale(0,0);
        transform: scale(0,0);
    }
    90%{
        -webkit-transform: scale(1.2,1.2);
        -moz-transform: scale(1.2,1.2);
        -ms-transform: scale(1.2,1.2);
        -o-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2);
    }
    to{ -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1);
    }
}
@-o-keyframes scaleShow {
    0%{
        -webkit-transform: scale(0,0);
        -moz-transform: scale(0,0);
        -ms-transform: scale(0,0);
        -o-transform: scale(0,0);
        transform: scale(0,0);
    }
    90%{
        -webkit-transform: scale(1.2,1.2);
        -moz-transform: scale(1.2,1.2);
        -ms-transform: scale(1.2,1.2);
        -o-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2);
    }
    to{ -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1);
    }
}
@-webkit-keyframes scaleShow {
    0%{
        -webkit-transform: scale(0,0);
        -moz-transform: scale(0,0);
        -ms-transform: scale(0,0);
        -o-transform: scale(0,0);
        transform: scale(0,0);
    }
    90%{
        -webkit-transform: scale(1.2,1.2);
        -moz-transform: scale(1.2,1.2);
        -ms-transform: scale(1.2,1.2);
        -o-transform: scale(1.2,1.2);
        transform: scale(1.2,1.2);
    }
    to{ -webkit-transform: scale(1,1);
        -moz-transform: scale(1,1);
        -ms-transform: scale(1,1);
        -o-transform: scale(1,1);
        transform: scale(1,1);
    }
}