/*-------------------------------------------------------------------------*/
/*   全局 
/*-------------------------------------------------------------------------*/
*,::after,::before{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;-o-box-sizing:border-box;-ms-box-sizing:border-box;box-sizing:border-box;-webkit-text-size-adjust:100%;text-size-adjust:none;}
html{font-family:sans-serif;line-height:1.5;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:transparent;font-size:1rem;}
article,aside,dialog,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}
body{font-family:'Segoe UI',SegoeUI,'Microsoft YaHei',"Helvetica Neue",Helvetica,Arial,sans-serif;font-size:1rem;font-weight:normal;line-height:1.5;color:#212529;text-align:left;background-color:#fff;overflow-x:hidden;}
body,blockquote,code,dd,div,fieldset,form,h1,h2,h3,h4,h5,h6,input,legend,p,pre,th,td,textarea,ul,li,ol,dl,dt{margin:0;padding:0;}
dl,ol,ul{list-style-type:none}
table{border-collapse:collapse;border-spacing:0;margin:0 auto}
a{outline:0;text-decoration:none;transition:all .2s ease-in-out}
a:active,a:link,a:visited{color:#000}a:hover{color:#1251AE;}
em{font-style:normal}

.left{float:left}.right{float:right}.center{margin:0 auto;text-align:center}
.c,.clear{clear: both;}
.db{display:block;visibility:visible}
.dn{display:none;visibility:hidden}
.di{display:inline;}
.dib{display: inline-block;}
.oh{overflow:hidden}
.hf{text-align:left;text-indent:-9879px;overflow:hidden}
.tal{text-align:left}.tar{text-align:right}
.img-fluid {max-width: 100%;height: auto;}

.container{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto;}
.container-fluid{padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}
.row{margin-right: -15px;margin-left: -15px;display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9{position:relative;min-height:1px;padding-right:15px;padding-left:15px}
.col-12{width:100%}.col-11{width:91.66666667%}.col-10{width:83.33333333%}
.col-9{width:75%}.col-8{width:66.66666667%}.col-7{width:58.33333333%}
.col-6{width:50%}.col-5{width:41.66666667%}.col-4{width:33.33333333%}
.col-3{width:25%}.col-2{width:16.66666667%}.col-1{width:8.33333333%}


/*-------------------------------------------------------------------------*/
/*   大图幻灯  */
/*-------------------------------------------------------------------------*/
/*   style 1  */
.callbacks_container{position: relative;z-index: 1}
/*   style 2 */
#kinMaxShow{visibility:hidden;overflow:hidden;}
#kinMaxShow .KMSPrefix_kinMaxShow_image_box .KMSPrefix_kinMaxShow_image_item{left:0;}
#kinMaxShow .KMSPrefix_kinMaxShow_button{width:200px;height:15px;filter:alpha(opacity=70);opacity:0.7;}
#kinMaxShow .KMSPrefix_kinMaxShow_button li{width:20px;height:8px;}
#KMSPrefix_kinMaxShow_image_item{border:1px solid #ccc;}
#kinMaxShow .sub_2_1{
display:block; position:absolute;left:-160px; bottom:0px;}
#kinMaxShow .sub_2_2{
display:block; position:absolute;left:110px; top:20px;}
.KMSPrefix_kinMaxShow_button li{border-radius: 50%;transition: 0.4s;}

/*   内页幻灯  */
.slider-sub{height:16rem;background:#8EC31F}
.search{height:1.5rem;background: #ddd;}

/*   小图幻灯  */
.slide-img{overflow:hidden;position:relative;}
.slide-img .slide-body{overflow:hidden;position:relative; height:100%; z-index:0;   }
.slide-img .slide-body li{ zoom:1; vertical-align:middle; }
.slide-img .slide-body img{ width:100%;display:block;}
.slide-img .prev,
.slide-img .next{position:absolute; left:1rem; top:45%;display:block;width:2rem; height:3rem;background:#000;opacity: 0.2;border-radius: 0.2rem;}
.slide-img .next{left:auto; right:1rem;}
.slide-img .prev:hover,
.slide-img .next:hover{opacity: 0.8}
.slide-img .prev:before,.slide-img .next:before{width:2rem;color:#fff;font-size:2rem;line-height: 3rem;text-align: center;display: block;}
.slide-img .prev:before{content: '\e67d';font-family:"Hui-iconfont";}
.slide-img .next:before{content: '>';content: '\e63d';font-family:"Hui-iconfont";}

/*-------------------------------------------------------------------------*/
/*   头
/*-------------------------------------------------------------------------*/
.top-info{background: #555;color: #eee;font-size: 0.875rem;}
.top-info a{color: #eee;}
.welcome,.phone{padding: 0.5rem 0;}
.phone a{padding:0 .5rem;}
.phone a:hover{color: #000;text-decoration: underline;}
.header-info{height:8rem;font-size:0;}
.header-info a{font-size: 2.6rem;font-weight: bold;color:#333;line-height: 8rem;}


/*-------------------------------------------------------------------------*/
/*   导航
/*-------------------------------------------------------------------------*/
.nav-info{background: #1251AE}
#navul{font-size: 0;}
.m:first-child h3{border-left: 1px solid #4277bc;}
.m{display:inline-block;width:calc(100% / 8);text-align: center;margin:0;padding:.5rem 0;}
.m h3{border-right: 1px solid #4277bc;}
.m h3 a{color: #fff;font-size:1.125rem;display: block;font-weight: 300;}
.m h3.selected a{background: #1251AE;color:#fff}
.m h3 a:hover,.m h3:focus,.m.on h3 a{background:#1251AE;color:#fff;}
li.m{position: relative;}
li.m li{width:100%;float:left;border-bottom:1px solid #ccc;}
li.m li a{width:100%;float:left;padding:10px 0;font-size:16px;font-weight:300;text-align:center;}
li.m li a:hover{background:#1251AE;color:#fff;}
ul.submenu{display:none;position: absolute;background: #fff;z-index: 99999;border:3px solid #1251AE;}

/*-------------------------------------------------------------------------*/
/*   路径导航
/*-------------------------------------------------------------------------*/
.crumb{color:#ccc;font-size: 0;}
.crumb.row{margin: 0;}
.crumb a{color:#777;font-size: 0.875rem;padding-right: 0.5rem;}
.current-title{width:30%}
.current-title span{background: #1251AE;padding:.8rem 3rem;font-size: 1.2rem;color:#fff;float:left;}
.current-map{padding: 2rem 1rem 0 1rem;width:70%;}
.crumb-home:before{content: '\e67f';font-family:"Hui-iconfont";color:#777;padding-right: 2px;}
.crumb ol{text-align: right;}
.crumb li{display: inline-block}
.crumb a:after{content: '\e6d7';font-family:"Hui-iconfont";color:#777;padding-left:  0.5rem;}
.crumb li:last-child a:after{content: ''}
.crumb.row{border-bottom: 1px solid #ccc;}
/*-------------------------------------------------------------------------*/
/*   分类
/*-------------------------------------------------------------------------*/
.cate ul{background: #1251AE;padding: 0.8rem;}
.cate li{border-bottom:1px solid #1251AE;}
.cate a{background:#fff;display: block;padding:.6rem;color:#555;font-size: 0.875rem;}
.cate a:before{content: '\e6d7';font-family:"Hui-iconfont";}
.cate a:hover{background:#1251AE;color:#fff}

/*-------------------------------------------------------------------------*/
/*   图像块 带 文字简介
/*-------------------------------------------------------------------------*/
.image-block ul,.image-block li,.image-block a,.image-block img,.ib-img{width:100%;float: left;}
.image-block ul{}
.image-block li{width:100%;margin-top:1%;}
.image-block a{border:3px solid #d4d4d4;padding:5px;}
.ib-img{width:20%;padding-bottom:15%;position: relative;}
.ib-img img{position: absolute;width: 100%;height: 100%;}
.ib-txt{width:78%;float:right;}
.ib-txt span{font-size:.75rem;color:#555}
.ib-txt p{font-size: .875rem;line-height:1.5!important;text-indent: 2em;color:#777}
/*-------------------------------------------------------------------------*/
/*   图像块 只带图
/*-------------------------------------------------------------------------*/
.image-list ul,.image-list li,.image-list a,.image-list img,.image-list p,.image-list span,.image-list div{width:100%;float: left;}
.image-list ul{padding-right: 0;width:102%}
.image-list li{width:33%;margin-top:1%;}
.image-list a{width:96%;border:1px solid #ddd;background: #fff;}
.image-list img{width:100%;}
.image-list p{text-align: center;padding:0.3rem 0;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.image-list span{text-align: center;white-space:nowrap;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.image-list a:hover{border:1px solid #1251AE;}


/*-------------------------------------------------------------------------*/
/*   文本列表
/*-------------------------------------------------------------------------*/
.text-list {width:100%;}
.text-list ul{float:left;width:100%;}
.text-list li{float:left;width:100%;padding: 0.5rem 0;}
.text-list li.lieven{background: #fff}
.text-list li.liodd{background: #f8f8f8}
.text-list li b{float:left;padding-right:0.3rem;}
.text-list li a{float:left;width:100%;text-indent:1rem;}
.text-list li a:before{content:"\e69a";font-family:"Hui-iconfont";color:#999;padding-right: 2px;}
.text-list li a em{width:1px;text-align: left;text-indent: -9876px;float:left;}
.text-list li span{float:right;font-size:0.8rem;padding-right:0.3rem;color: #777;margin-top: -1.5rem;}
.text-list li:hover{background: #eee;}


/*-------------------------------------------------------------------------*/
/*   侧边公共
/*-------------------------------------------------------------------------*/
.barbox{margin-bottom:1rem;width:100%;float:left;}
.barbox .bar-head{background:#1251AE;color: #fff;overflow: hidden;font-size:1.5rem;text-align:center;padding:1rem 0;}
.bar-body{background:#fff;float:left;width:100%}

/*-------------------------------------------------------------------------*/
/*   分页
/*-------------------------------------------------------------------------*/
.page{}
.pagination{padding-top: 1.5rem;text-align: center;}
.pagination li{border:1px solid #ccc;display: inline-block;border-radius: 3px;margin-right: 3px}
.pagination a{width:2rem;height:2rem;display:block;text-align: center;background: #fff;color:#555;line-height: 2rem;}
.pagination a:hover,.pagination .current a,.pagination .active a{background:#1251AE;color:#fff;border-color:#1251AE}
.pagination .ect,.pagination .ect a,.pagination .ect a:hover{background:none;border:none;color:#555;}

/*-------------------------------------------------------------------------*/
/*   内页内容区
/*-------------------------------------------------------------------------*/
.content-style{padding:1.5rem 0;line-height: 2;}
.content-style p{line-height: 2}
.content-view-style{background: #fff;}
/* 内容导航*/
.txt-nav{font-size: 0;border: 1px solid #eee;}
.txt-pre,.txt-next{width:50%;display: inline-block;font-size: 0.875rem;overflow: hidden;transition: all 1s;padding:.5rem;}
.txt-pre:hover,.txt-next:hover{background: #f4f4f4}
.txt-next{text-align: right;border-left: 1px solid #ccc;}
.txt-next:after{content: ' >>'}
.txt-pre:before{content: '<< ';}

/* 内容图示区*/
.thumb{font-size: 0;justify-content: center;vertical-align: middle;}
.thumb-left,.thumb-right{width:40%;display: inline-block;font-size: .875rem;}
.thumb-right{width:60%;vertical-align:top;padding-top: 1rem;}
.thumb-left h2{width:90%}
.thumb-left img{width:100%}
.thumb-title{font-size: 1.5rem;line-height:2;}
.thumb-desc{line-height: 2;}
.thumb-desc span{width:5rem;text-align: right;display: inline-block}
.thumb-phone em{font-size:1.25rem;color:#1251AE;}
.thumb-url{text-align: center;}
.thumb-url a{background: #1251AE;padding: 0.5rem 0.9rem;color:#fff;margin: 0.5rem;display: inline-block;}
.thumb-url a:hover{background: #FFCE44;color:#000;}


/* 内容新闻类属性*/
.txt-info,.txt-time{color:#999;font-size:14px;line-height:4;border-bottom: 1px dashed #ccc;margin-bottom: 15px;}


/* 内容相关推荐*/
.relate-box{margin:1rem 0 0 0;padding:0;}
.relate-title{background: #eee;padding: 0.5rem;}
.relate-view{display: block}
.relate-view .text-list li{width:50%;}
.relate-view .text-list li{height:2.2rem;counter-increment:index;border-bottom: 1px dashed #ddd;transition:all 0.5s;}
.relate-view .text-list li:hover{border-bottom: 1px dashed #333}
.relate-view .text-list li a{width:97%;height:2rem;font-size:0.875rem;}
.relate-view .text-list li span{padding-right:20px;line-height:2rem;color:#777;margin-top: -2rem;}
.relate-view .text-list li a:before{padding:0 5px;content:counter(index) ')'}
.relate-view .text-list li.liodd{background: none;}
.relate-view .text-list li.lieven{background: none;}
.relate-view .image-list li{width:25%;}



/*   内容优酷视频*/
.ykv{width:100%;float:left;padding-bottom:30px;}
.ykv .tdwidth{width:430px;float:left;}
.ykv iframe{width:430px;float:left;overflow: hidden;}
.ykv .tdevenwidth{width:430px;float:left;margin-left:20px;}
.ykv span{width:100%;height: 30px;line-height: 30px;text-align: center;display: block;}

/*   内容表格*/
#font-size table p,.content-style table p{text-indent: 0;}
table.table_para p{text-indent: 0;}
.table_para{margin:10px 0;border:1px solid #CCC;border-right:none;font-size:14px;width:100%;}
.table_para .oddl,.table_para .oddo{border-right:1px solid #CCC;padding:0 0 0 4px;text-align:center;background-color:#fff;border-bottom:1px solid #e5e5e5}
.table_para .oddl{background-color:#f5f5f5}
.table_para .oddll,.table_para .oddol{text-align:right;padding-right:4px}


/*-------------------------------------------------------------------------*/
/*   页脚 
/*-------------------------------------------------------------------------*/
#footer{background: #555;font-size: 0.875rem;color:#eee;}
.foot-nav{padding-top: 1.2rem;padding-bottom: 1.2rem;border-bottom: 1px solid #999;}
.foot-nav{text-align: center;font-size: 0;}
.foot-nav li{display: inline-block;border-left:1px solid #999;}
.foot-nav li:first-child{border:none;}
.foot-nav a{font-size:1rem;padding:0 1.2rem;color:#fff;}
.foot-nav a:last-child{border: none;}
#footother{padding-top: 1.2rem;}
#footother a{color: #eee;}
#footother dt{font-size:1.2rem;border-bottom: 1px solid #999;padding-bottom:10px;}
#footother dd{padding-top:1rem;font-size:0.875rem;line-height:2}
.beian{font-size: 0.825px;}

/*-------------------------------------------------------------------------*/
/*   视觉滚动  */
/*-------------------------------------------------------------------------*/
.cap-strip-wrap{position:relative;overflow:hidden}
.cap-strip-wrap span{font-size:2rem;padding: 1rem;display: block}
.cap-strip-bg{position:absolute;top:0;right:0;bottom:0;left:0;background-repeat:no-repeat;background-position:50% 50%;-webkit-transition:all .5s ease-out;-moz-transition:all .5s ease-out;transition:all .5s ease-out;background-size:cover!important}
.cap-pos{position:absolute;white-space:normal;left:10%;bottom:10%;right:10%;top:10%;margin:0 auto;z-index:3;background: rgba(0,0,0,0.4);padding:0 40px}


/*-------------------------------------------------------------------------*/
/*   留言组件 
/*-------------------------------------------------------------------------*/
.msg_input,.msg_inputarea{width:49%;background: #ccc;padding:7px 11px;color: #333;outline: none;display: inline-block;border:1px solid #333;transition: all .15s ease-in-out;}
.msg_input:hover,.msg_input:focus,.msg_inputarea:hover,.msg_inputarea:focus{background: #fff;border:1px solid #333;}
.msg_inputarea{width:100%;}
#msg_tel{float: right;}
.msg_but{width:30%;border:none;background: #FF6029;color:#fff;cursor: hand;cursor: pointer;padding:7px 0;display: inline-block;font-size: 0.875rem;}
.msg_but:hover{background:#1251AE;color:#fff;}
#ipt_code{width:20%;}

/*-------------------------------------------------------------------------*/
/*   客服组件 
/*-------------------------------------------------------------------------*/
.kefugongju{position: fixed;bottom:4rem;z-index:9999;right:0;width:3rem;background:#777;}
.kefugongju li{height:3rem;margin-bottom:1px;background:#222;cursor:pointer;transition:.3s;position: relative;}
.kefugongju li:hover{background: #1251AE}
.kefugongju li a{height:3rem;line-height:3rem;color:#fff;float:left;font-size: .875rem;}
.kefugongju li:before{width:3rem;line-height:3rem;font-family:"Hui-iconfont";color:#fff;font-size:2rem;text-align: center;float:left;}
.kefugongju li.gotop{background: #1251AE}
.gotop:before{content:"\e6d6"}
.qq_cza{overflow: hidden;}
.qq_cza:before{content:"\e737"}
.kefugongju li.qq_cza:hover{width:8rem;margin-left:-4rem;}
.qq_wx{position: static;overflow: visible;}
.kefugongju li.qq_wx:before{content:"\e738";font-size:1.8rem;}
.qq_ewm{display: none;position: absolute;background:url(wxewm.png) no-repeat;left:-170px;width:164px;top:-8rem;height:164px;border: 2px solid #999;}

/*-------------------------------------------------------------------------*/
/*   友情链接 
/*-------------------------------------------------------------------------*/
#youqinglianjie {padding: 20px 0;}
#youqinglianjie .col-2{background:#1251AE;font-size: 1.5rem;color:#fff;padding:8px 20px;}
#youqinglianjie .col-10{border:2px solid  #1251AE;font-size:0.875rem;}
#youqinglianjie a{color:#777;}
#youqinglianjie .col-10 li{display: inline;padding-right: 10px;}

/*-------------------------------------------------------------------------*/
/*   百度分享重定义*/
/*-------------------------------------------------------------------------*/
.bdshare-button-style0-24 a, .bdshare-button-style0-24 .bds_more{background:none!important;padding-left:0!important;}
.bdshare-button-style0-24 .bds_more{padding-left: auto!important;margin-right:0!important}
.bdshare-button-style0-24 a:before, .bdshare-button-style0-24 .bds_more:before{font-size:24px;color:#000;font-family:"Hui-iconfont"!important;background:none!important}
.bdshare-button-style0-24 .bds_tsina:before{content:"\e6da";}
.bdshare-button-style0-24 .bds_weixin:before{content:"\e694";}
.bdshare-button-style0-24 .bds_tqf:before{content:"\e693";}
.bdshare-button-style0-24 .bds_sqq:before{content:"\e67b";}
.bdshare-button-style0-24 .bds_more:before{content:"\e715";}


/*=========================================================================*/
/* 页面大小*/
.container{width:1230px;}
#home_slide{z-index:0;}
#home-content{z-index: 999;}
#sub-content{padding:15px;background:#F4F4F4;}
#sub-content .first-row{flex-direction:row-reverse;padding:15px;}
.content-style{flex-direction: row;padding:10px;}
#sidebar{width:260px;margin-right:20px;padding: 0;background:#fff;}
#primarytext{width:920px;width:calc(100% - 280px);overflow: hidden;}
.side_card{padding: 0;}
.crumb.row{border-bottom: 1px solid #ccc;}

/* header */
.top-info{background:#F4F4F4;color:#000}
.top-info a{color:#000}
.header-info{background: url(headeren.jpg) 50% no-repeat;height:10rem;}
.header-info a{text-align: left;overflow: hidden;text-indent: -9876px;float:left;width:100%}

/* nav */
.nav-info{background: #1251AE}
.nav-info h3{border-color:#2A69C7}
.m:first-child h3{border-color:#2A69C7}

.m{padding: 0;}
.m h3.selected a{background: #F9A819;}
.m h3{height:4rem;overflow: hidden;}
.m h3 a{line-height:4rem;height:4rem;transition:.2s;}
.m h3 a:hover,.m h3:focus,.m.on h3 a{border-top:3px solid #F9A819;background:none;}
li.m li a:hover{background:#F9A819;}
ul.submenu{border:3px solid #F9A819;}
ul.submenu li{float:left;}
#m105 ul.submenu li{width:50%;}
#m105 ul.submenu li:nth-of-type(odd){border-right: 1px solid #ccc;}

/* home */
.hc-head{text-align:center;}
/* home-catergories*/
.head-two{background: url(mpngen.png) 50% 0 no-repeat;height:120px;}

#pro{background: #f6f6f6}
#pro .container{padding-top:2rem;padding-bottom: 2rem;}
#categories{padding-top:1rem;padding-bottom: 1rem;background: #fff}
.cate-title{padding: 1rem 0 .5rem 0;background: #1251AE;color:#fff;}
.cate-title p{line-height:1;font-size:1.5rem;border-left:7px solid #fff;text-indent: 5px;font-weight: normal;margin-left: 1rem;}
.cate-title span{font-size:.875rem;line-height:2rem;margin-left:1rem;}
.cate-content{padding:0;float:left;width:100%;border-bottom: 3px solid #1251AE;padding-bottom: .5rem;}
.cate-content.cate ul{background: none;padding: 0;overflow: hidden;width:100%;font-size:0;}
.cate-content.cate li{border:none;border:none;width:50%;display: inline-block;font-size:.75rem;}
.cate-content.cate ul:last-child li{border:none;border:none;width:100%;display: inline-block;font-size:.75rem;}
.cate-content.cate a{border:none;white-space:nowrap;}
.cate-content.cate a:hover,.cate-content.cate li.on a{border:none;background: #1251AE;}
.cate-ct{height:2rem;position: relative;text-align: center;margin:1rem 0 .3rem 0;font-size:1rem;}
.cate-ct span{position: absolute;left:0;right:0;top:1rem;height:1px;background:#1251AE;z-index: 1}
.cate-ct p{z-index: 2;position: absolute;left:0;top:0;right:0;bottom:0;}
.cate-ct p em{margin:0 auto;background: #fff;padding: 0 1rem;display: inline-block;line-height: 2rem;font-weight: bold;}
.cate-contact{background: url(catecon.jpg) 0 bottom no-repeat;height:200px;margin-top: 20px;}



#products ul{width:101%;}
#products li{width:33%;margin-top:10px;}
#products .image-list a{border:none;position: relative;}
#products .image-list .proimgbg{border:none;width:100%;height:0;padding-bottom:72%;background: #999}
#products .image-list li span{position: absolute;left:0;bottom:0;right:0;height:1px;background:#999}
#products .image-list li img{height:207px;}
#products .image-list li p{font-size: 14px;}
#products .image-list a:hover p{color: #1251AE}
#products .image-list a:hover span{background: #1251AE}

/* home-yingyong*/
#yingyong{background:url(ysbj.jpg) 50% 0 no-repeat;width:100%;padding:40px 0;position: relative;}

.yy-title{background: url(mpngen.png) 50% -150px no-repeat;height:120px;}
.yymain{width:105%;float:left;padding: 2rem 0;}
.yymain li,.yymain a,.yymain div,.yymain p{width:100%;height:100%;float:left;text-align: center;}
.yymain li{width:20%;}
.yymain a{width:80%;}
.yymain div{height:100%;background: #1251AE;padding-bottom: 100%;border-radius: 50%;font-family: "hui-iconfont";color:#fff;position: relative;}
.yymain div:before{position: absolute;left:0;top:20%;right:0;text-align: center;font-size:5rem;transition:2s;}
.yymain p{height:100%;padding-top: 1rem;}
.yyli-01 div:before{content: '\e639';}
.yyli-02 div:before{content: '\e62e';}
.yyli-03 div:before{content: '\e643';}
.yyli-04 div:before{content: '\e636';}
.yyli-05 div:before{content: '\e653';}
.yymain li:hover div:before{transform: scale(1.3);}
.yycontact{position: absolute;left:0;bottom:-1rem;right:0;font-size:1.5rem;text-align: center;font-weight: normal;}
.yycontact_c{background: #1251AE;border-radius: 50px;display: inline-block;padding: 1rem 2rem;color: #fff;}
.yycontact_c:before{font-family: "hui-iconfont";content: '\e639';}


/* home-youshi*/
#youshi{padding: 40px 0;width:1200px;margin:auto;}
.yx-title{background: url(mpngen.png) 50% -300px no-repeat;height:120px;}
.ys-content{float:left;padding-top: 3rem;}
.ysfont{ width: 540px; padding: 50px 0;}
.ysfont.ysfont2{padding-bottom: 20px}
.numb{ float: left; width: 80px; height: 120px; border-radius: 10px; background: #1251AE; transition: 0.3s; text-align: center; color: #fff; font-size: 26px;}
.numb p{ font-size: 38px; font-family: arial; border-bottom: 1px solid #fff; width: 50px;margin:0 auto 10px auto;}
.ysfont:hover .numb{ background: #ffae00;}
.ysfont .textb{ width: 420px; float: right;}
.ysfont .textb .tit{ color: #303030; font-size: 25px;}
.ysfont .textb .tit p{ color: #d8d8d8; font-size: 12px; font-weight: normal; font-family: arial; text-transform: uppercase;}
.ysfont .textb .content{ color: #666666; font-size: 16px; padding-top: 10px;}
.ysfont .textb .content span{ color: #1251AE;}
.ysimg{ width: 612px; border-bottom: 1px solid #cccccc; padding-bottom: 40px;}
.ysimg.ysimg3{padding-bottom: 0;border:none;}
.ysfont:hover .content span{color:#CC1004;}
/* home-guanyu*/
#guanyu{background:url(ysbj.jpg);padding: 3rem 0;}
.gy-title{background: url(mpngen.png) 50% -450px no-repeat;height:120px;}
.gyimg-content{}
.gy-content{background: #fff;padding: 3rem;margin-top: 2rem;}
.gy-content p{text-indent: 2em;line-height: 2;}
.gy-content img{width: 100%}






/* HOME-NEWS*/
#xinwen{padding: 3rem 0;background: #fff}
#xinwen .hc-head{background: url(mpngen.png) 50% -600px no-repeat;height:120px;}
#xinwen li{border-bottom: 1px solid #ccc;}
#xinwen li:last-child{border-bottom:none;}
#xinwen li a{padding: 1rem;}
#xinwen li a:before{content: '';display:none;}
#xinwen li p{width:100%;height:1.5rem;overflow: hidden;}
#xinwen li p:before{text-indent: 1.5rem;content:"\e69a";font-family:"Hui-iconfont";color:#999;padding-right: 2px;}
#xinwen li p span{margin-top: -1.5rem;}
#xinwen li a .txt_desc{font-size:.85rem;padding-top: .5rem;color:#777;}


/* SUBPAGE-ABOUT*/
.slider-sub{background:url(slider_sub.jpg) 50% no-repeat}

/* FOOTER */
#footother{padding-bottom: 2rem;}

/* SUBPAGE-CATE */
.barbox {border: 1px solid #ccc;border-bottom:none;}
.barbox .bar-head{background: #1251AE;color:#fff;border-bottom: 1px solid #ccc;}
.barbox .cate a{background:#fff;color:#000;padding:.7rem 1rem}
.barbox .cate a:hover{background:#1251AE;color:#fff;}
.barbox .cate li{border-bottom: 1px solid #ccc;}

/* SUBPAGE-about */
#content-about{background:#fff url(content-about-suben.jpg) right 0 no-repeat;padding-top:160px;min-height:680px;}
#content-about p{margin-left:2rem;text-indent: 2em;padding-right:240px;}

#content-contact{background: url(content-contact-suben.jpg) no-repeat;min-height:640px;padding-top: 210px;}
#content-contact p{text-indent: 3rem;font-size:20px;}

.about-content-li,.about-content-about{display: none;margin-top: 4rem;}
#content-about .about-content-about{display: block;}
#content-about .about-content-li{display: block;width:calc(100% - 250px);}
.about-content-li ul{}
.about-content-li li{width:20%;float:left;border-right: 1px solid #ccc;transition: .2s;}
.about-content-li span{width:100%;text-align:center;display: block;margin:0;padding:0;line-height:1;}
.about-content-li span:before{font-family:"Hui-iconfont";color:#FF3838;font-size:70px;}
#content-about .about-content-li p{width:100%;text-align:center;margin:0;padding: 0;text-indent:0;}
#content-about .about-content-li em{color:#FF3838;}
.about-content-li .about-icon1 span:before{content: '\e61e';}
.about-content-li .about-icon2 span:before{content: '\e6eb';}
.about-content-li .about-icon3 span:before{content: '\e643';}
.about-content-li .about-icon4 span:before{content: '\e62b';}
.about-content-li .about-icon5 span:before{content: '\e6d3';}
.about-content-li li.about-icon5{border:none}
.about-content-li li:hover{background: #f4f4f4}

#content-about .about-content-about p{width:100%;text-align:center;margin:0;padding:1rem 0 0 0;text-indent:0;}
.about-content-about .image-list{padding-top: 2rem;}
.about-content-about .image-list li{width:20%;}

/* SUBPAGE-NEWS */
.subnews-content{margin-top: 1rem;}
.subnews-head,.subnews-body{border:1px solid #ddd;}
.subnews-head{padding:.8rem 0;}
.subnews-body{border-top:none;}
.subnews-head p{width:70%;font-size:1rem;font-weight: normal;display: inline-block;text-indent:1rem;}
.subnews-head span{width:30%;display: inline-block;}
.subnews-head span a{width:90%;display: inline-block;text-align: right;font-size:.875rem;}
.subnews-head span a:after{content:'\e6d7';font-family:"Hui-iconfont";}
.subnews-body.text-list li span{}
.txt-time{background:#f4f4f4;text-indent: 2rem;color:#777;}
.zhengwenba h1{line-height:1.5;font-weight: normal;padding-bottom: 1rem;}

.nc-list.text-list li{margin: 10px 0;padding:20px 0;border-bottom:2px solid #e4e4e4;}
.nc-list.text-list li a{width:96%;margin-left:2%}
.nc-list.text-list li h3{transition:.3s;border-bottom:1px dashed #ccc;}
.nc-list.text-list li p{font-size:0.875rem;line-height:1.5;margin-top:8px;color: #555}
.nc-list.text-list li a:before{content: '';display: none;}
.nc-list.text-list li.lieven{background: #fff;}
.nc-list.text-list li.liodd{background: #fff;}
.nc-list.text-list li.liodd h3{background:none;color: #555}
.nc-list.text-list li:hover h3{background:none;color: #000}

.custome-gradient1{
background: -moz-linear-gradient(top, #ffffff, #f4f4f4); 
background: -webkit-gradient(linear,top,from(#ffffff),to(#f4f4f4));
background: -webkit-linear-gradient(top, #ffffff, #f4f4f4);
background: -o-linear-gradient(top, #ffffff, #f4f4f4);
}

/* SUBPAGE-pro */
.pc-list.image-list li{width:33%;}
.pc-list.image-list li .proimgbg{height:0;padding-bottom:75%;overflow: hidden;}
.pc-title{background: #ccc;color:#FF3838;padding: 1rem;font-size:1.25rem;font-weight: bold;margin-top: 1rem;}
.image-list.scroll-left-wrap li{width:20%;}

#content-honor .pc-list.image-list li{width:25%;}
#content-honor .pc-list.image-list .proimgbg{height:0;padding-bottom:75%;overflow: hidden;}
#content-honor .pc-list.image-list li a span{font-size:14px;}

.animated{animation-duration:1s;animation-fill-mode:both}
.animated.infinite{animation-iteration-count:infinite}
.animated.hinge{animation-duration:2s}
.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{animation-duration:.75s}
@keyframes bounce{0%,20%,53%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1);transform:translateZ(0)}
40%,43%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-30px,0)}
70%{animation-timing-function:cubic-bezier(.755,.05,.855,.06);transform:translate3d(0,-15px,0)}
90%{transform:translate3d(0,-4px,0)}
}
.bounce{animation-name:bounce;transform-origin:center bottom}
@keyframes flash{0%,50%,to{opacity:1}
25%,75%{opacity:0}
}
.flash{animation-name:flash}
@keyframes pulse{0%{transform:scaleX(1)}
50%{transform:scale3d(1.05,1.05,1.05)}
to{transform:scaleX(1)}
}
.pulse{animation-name:pulse}
@keyframes rubberBand{0%{transform:scaleX(1)}
30%{transform:scale3d(1.25,.75,1)}
40%{transform:scale3d(.75,1.25,1)}
50%{transform:scale3d(1.15,.85,1)}
65%{transform:scale3d(.95,1.05,1)}
75%{transform:scale3d(1.05,.95,1)}
to{transform:scaleX(1)}
}
.rubberBand{animation-name:rubberBand}
@keyframes shake{0%,to{transform:translateZ(0)}
10%,30%,50%,70%,90%{transform:translate3d(-10px,0,0)}
20%,40%,60%,80%{transform:translate3d(10px,0,0)}
}
.shake{animation-name:shake}
@keyframes headShake{0%{transform:translateX(0)}
6.5%{transform:translateX(-6px) rotateY(-9deg)}
18.5%{transform:translateX(5px) rotateY(7deg)}
31.5%{transform:translateX(-3px) rotateY(-5deg)}
43.5%{transform:translateX(2px) rotateY(3deg)}
50%{transform:translateX(0)}
}
.headShake{animation-timing-function:ease-in-out;animation-name:headShake}
@keyframes swing{20%{transform:rotate(15deg)}
40%{transform:rotate(-10deg)}
60%{transform:rotate(5deg)}
80%{transform:rotate(-5deg)}
to{transform:rotate(0deg)}
}
.swing{transform-origin:top center;animation-name:swing}
@keyframes tada{0%{transform:scaleX(1)}
10%,20%{transform:scale3d(.9,.9,.9) rotate(-3deg)}
30%,50%,70%,90%{transform:scale3d(1.1,1.1,1.1) rotate(3deg)}
40%,60%,80%{transform:scale3d(1.1,1.1,1.1) rotate(-3deg)}
to{transform:scaleX(1)}
}
.tada{animation-name:tada}
@keyframes wobble{0%{transform:none}
15%{transform:translate3d(-25%,0,0) rotate(-5deg)}
30%{transform:translate3d(20%,0,0) rotate(3deg)}
45%{transform:translate3d(-15%,0,0) rotate(-3deg)}
60%{transform:translate3d(10%,0,0) rotate(2deg)}
75%{transform:translate3d(-5%,0,0) rotate(-1deg)}
to{transform:none}
}
.wobble{animation-name:wobble}
@keyframes jello{0%,11.1%,to{transform:none}
22.2%{transform:skewX(-12.5deg) skewY(-12.5deg)}
33.3%{transform:skewX(6.25deg) skewY(6.25deg)}
44.4%{transform:skewX(-3.125deg) skewY(-3.125deg)}
55.5%{transform:skewX(1.5625deg) skewY(1.5625deg)}
66.6%{transform:skewX(-.78125deg) skewY(-.78125deg)}
77.7%{transform:skewX(.390625deg) skewY(.390625deg)}
88.8%{transform:skewX(-.1953125deg) skewY(-.1953125deg)}
}
.jello{animation-name:jello;transform-origin:center}
@keyframes bounceIn{0%,20%,40%,60%,80%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:scale3d(.3,.3,.3)}
20%{transform:scale3d(1.1,1.1,1.1)}
40%{transform:scale3d(.9,.9,.9)}
60%{opacity:1;transform:scale3d(1.03,1.03,1.03)}
80%{transform:scale3d(.97,.97,.97)}
to{opacity:1;transform:scaleX(1)}
}
.bounceIn{animation-name:bounceIn}
@keyframes bounceInDown{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:translate3d(0,-3000px,0)}
60%{opacity:1;transform:translate3d(0,25px,0)}
75%{transform:translate3d(0,-10px,0)}
90%{transform:translate3d(0,5px,0)}
to{transform:none}
}
.bounceInDown{animation-name:bounceInDown}
@keyframes bounceInLeft{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:translate3d(-3000px,0,0)}
60%{opacity:1;transform:translate3d(25px,0,0)}
75%{transform:translate3d(-10px,0,0)}
90%{transform:translate3d(5px,0,0)}
to{transform:none}
}
.bounceInLeft{animation-name:bounceInLeft}
@keyframes bounceInRight{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:translate3d(3000px,0,0)}
60%{opacity:1;transform:translate3d(-25px,0,0)}
75%{transform:translate3d(10px,0,0)}
90%{transform:translate3d(-5px,0,0)}
to{transform:none}
}
.bounceInRight{animation-name:bounceInRight}
@keyframes bounceInUp{0%,60%,75%,90%,to{animation-timing-function:cubic-bezier(.215,.61,.355,1)}
0%{opacity:0;transform:translate3d(0,3000px,0)}
60%{opacity:1;transform:translate3d(0,-20px,0)}
75%{transform:translate3d(0,10px,0)}
90%{transform:translate3d(0,-5px,0)}
to{transform:translateZ(0)}
}
.bounceInUp{animation-name:bounceInUp}
@keyframes bounceOut{20%{transform:scale3d(.9,.9,.9)}
50%,55%{opacity:1;transform:scale3d(1.1,1.1,1.1)}
to{opacity:0;transform:scale3d(.3,.3,.3)}
}
.bounceOut{animation-name:bounceOut}
@keyframes bounceOutDown{20%{transform:translate3d(0,10px,0)}
40%,45%{opacity:1;transform:translate3d(0,-20px,0)}
to{opacity:0;transform:translate3d(0,2000px,0)}
}
.bounceOutDown{animation-name:bounceOutDown}
@keyframes bounceOutLeft{20%{opacity:1;transform:translate3d(20px,0,0)}
to{opacity:0;transform:translate3d(-2000px,0,0)}
}
.bounceOutLeft{animation-name:bounceOutLeft}
@keyframes bounceOutRight{20%{opacity:1;transform:translate3d(-20px,0,0)}
to{opacity:0;transform:translate3d(2000px,0,0)}
}
.bounceOutRight{animation-name:bounceOutRight}
@keyframes bounceOutUp{20%{transform:translate3d(0,-10px,0)}
40%,45%{opacity:1;transform:translate3d(0,20px,0)}
to{opacity:0;transform:translate3d(0,-2000px,0)}
}
.bounceOutUp{animation-name:bounceOutUp}
@keyframes fadeIn{0%{opacity:0}
to{opacity:1}
}
.fadeIn{animation-name:fadeIn}
@keyframes fadeInDown{0%{opacity:0;transform:translate3d(0,-100%,0)}
to{opacity:1;transform:none}
}
.fadeInDown{animation-name:fadeInDown}
@keyframes fadeInDownBig{0%{opacity:0;transform:translate3d(0,-2000px,0)}
to{opacity:1;transform:none}
}
.fadeInDownBig{animation-name:fadeInDownBig}
@keyframes fadeInLeft{0%{opacity:0;transform:translate3d(-100%,0,0)}
to{opacity:1;transform:none}
}
.fadeInLeft{animation-name:fadeInLeft}
@keyframes fadeInLeftBig{0%{opacity:0;transform:translate3d(-2000px,0,0)}
to{opacity:1;transform:none}
}
.fadeInLeftBig{animation-name:fadeInLeftBig}
@keyframes fadeInRight{0%{opacity:0;transform:translate3d(100%,0,0)}
to{opacity:1;transform:none}
}
.fadeInRight{animation-name:fadeInRight}
@keyframes fadeInRightBig{0%{opacity:0;transform:translate3d(2000px,0,0)}
to{opacity:1;transform:none}
}
.fadeInRightBig{animation-name:fadeInRightBig}
@keyframes fadeInUp{0%{opacity:0;transform:translate3d(0,100%,0)}
to{opacity:1;transform:none}
}
.fadeInUp{animation-name:fadeInUp}
@keyframes fadeInUpBig{0%{opacity:0;transform:translate3d(0,2000px,0)}
to{opacity:1;transform:none}
}
.fadeInUpBig{animation-name:fadeInUpBig}
@keyframes fadeOut{0%{opacity:1}
to{opacity:0}
}
.fadeOut{animation-name:fadeOut}
@keyframes fadeOutDown{0%{opacity:1}
to{opacity:0;transform:translate3d(0,100%,0)}
}
.fadeOutDown{animation-name:fadeOutDown}
@keyframes fadeOutDownBig{0%{opacity:1}
to{opacity:0;transform:translate3d(0,2000px,0)}
}
.fadeOutDownBig{animation-name:fadeOutDownBig}
@keyframes fadeOutLeft{0%{opacity:1}
to{opacity:0;transform:translate3d(-100%,0,0)}
}
.fadeOutLeft{animation-name:fadeOutLeft}
@keyframes fadeOutLeftBig{0%{opacity:1}
to{opacity:0;transform:translate3d(-2000px,0,0)}
}
.fadeOutLeftBig{animation-name:fadeOutLeftBig}
@keyframes fadeOutRight{0%{opacity:1}
to{opacity:0;transform:translate3d(100%,0,0)}
}
.fadeOutRight{animation-name:fadeOutRight}
@keyframes fadeOutRightBig{0%{opacity:1}
to{opacity:0;transform:translate3d(2000px,0,0)}
}
.fadeOutRightBig{animation-name:fadeOutRightBig}
@keyframes fadeOutUp{0%{opacity:1}
to{opacity:0;transform:translate3d(0,-100%,0)}
}
.fadeOutUp{animation-name:fadeOutUp}
@keyframes fadeOutUpBig{0%{opacity:1}
to{opacity:0;transform:translate3d(0,-2000px,0)}
}
.fadeOutUpBig{animation-name:fadeOutUpBig}
@keyframes flip{0%{transform:perspective(400px) rotateY(-1turn);animation-timing-function:ease-out}
40%{transform:perspective(400px) translateZ(150px) rotateY(-190deg);animation-timing-function:ease-out}
50%{transform:perspective(400px) translateZ(150px) rotateY(-170deg);animation-timing-function:ease-in}
80%{transform:perspective(400px) scale3d(.95,.95,.95);animation-timing-function:ease-in}
to{transform:perspective(400px);animation-timing-function:ease-in}
}
.animated.flip{-webkit-backface-visibility:visible;backface-visibility:visible;animation-name:flip}
@keyframes flipInX{0%{transform:perspective(400px) rotateX(90deg);animation-timing-function:ease-in;opacity:0}
40%{transform:perspective(400px) rotateX(-20deg);animation-timing-function:ease-in}
60%{transform:perspective(400px) rotateX(10deg);opacity:1}
80%{transform:perspective(400px) rotateX(-5deg)}
to{transform:perspective(400px)}
}
.flipInX{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInX}
@keyframes flipInY{0%{transform:perspective(400px) rotateY(90deg);animation-timing-function:ease-in;opacity:0}
40%{transform:perspective(400px) rotateY(-20deg);animation-timing-function:ease-in}
60%{transform:perspective(400px) rotateY(10deg);opacity:1}
80%{transform:perspective(400px) rotateY(-5deg)}
to{transform:perspective(400px)}
}
.flipInY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipInY}
@keyframes flipOutX{0%{transform:perspective(400px)}
30%{transform:perspective(400px) rotateX(-20deg);opacity:1}
to{transform:perspective(400px) rotateX(90deg);opacity:0}
}
.flipOutX{animation-name:flipOutX;-webkit-backface-visibility:visible!important;backface-visibility:visible!important}
@keyframes flipOutY{0%{transform:perspective(400px)}
30%{transform:perspective(400px) rotateY(-15deg);opacity:1}
to{transform:perspective(400px) rotateY(90deg);opacity:0}
}
.flipOutY{-webkit-backface-visibility:visible!important;backface-visibility:visible!important;animation-name:flipOutY}
@keyframes lightSpeedIn{0%{transform:translate3d(100%,0,0) skewX(-30deg);opacity:0}
60%{transform:skewX(20deg);opacity:1}
80%{transform:skewX(-5deg);opacity:1}
to{transform:none;opacity:1}
}
.lightSpeedIn{animation-name:lightSpeedIn;animation-timing-function:ease-out}
@keyframes lightSpeedOut{0%{opacity:1}
to{transform:translate3d(100%,0,0) skewX(30deg);opacity:0}
}
.lightSpeedOut{animation-name:lightSpeedOut;animation-timing-function:ease-in}
@keyframes rotateIn{0%{transform-origin:center;transform:rotate(-200deg);opacity:0}
to{transform-origin:center;transform:none;opacity:1}
}
.rotateIn{animation-name:rotateIn}
@keyframes rotateInDownLeft{0%{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}
to{transform-origin:left bottom;transform:none;opacity:1}
}
.rotateInDownLeft{animation-name:rotateInDownLeft}
@keyframes rotateInDownRight{0%{transform-origin:right bottom;transform:rotate(45deg);opacity:0}
to{transform-origin:right bottom;transform:none;opacity:1}
}
.rotateInDownRight{animation-name:rotateInDownRight}
@keyframes rotateInUpLeft{0%{transform-origin:left bottom;transform:rotate(45deg);opacity:0}
to{transform-origin:left bottom;transform:none;opacity:1}
}
.rotateInUpLeft{animation-name:rotateInUpLeft}
@keyframes rotateInUpRight{0%{transform-origin:right bottom;transform:rotate(-90deg);opacity:0}
to{transform-origin:right bottom;transform:none;opacity:1}
}
.rotateInUpRight{animation-name:rotateInUpRight}
@keyframes rotateOut{0%{transform-origin:center;opacity:1}
to{transform-origin:center;transform:rotate(200deg);opacity:0}
}
.rotateOut{animation-name:rotateOut}
@keyframes rotateOutDownLeft{0%{transform-origin:left bottom;opacity:1}
to{transform-origin:left bottom;transform:rotate(45deg);opacity:0}
}
.rotateOutDownLeft{animation-name:rotateOutDownLeft}
@keyframes rotateOutDownRight{0%{transform-origin:right bottom;opacity:1}
to{transform-origin:right bottom;transform:rotate(-45deg);opacity:0}
}
.rotateOutDownRight{animation-name:rotateOutDownRight}
@keyframes rotateOutUpLeft{0%{transform-origin:left bottom;opacity:1}
to{transform-origin:left bottom;transform:rotate(-45deg);opacity:0}
}
.rotateOutUpLeft{animation-name:rotateOutUpLeft}
@keyframes rotateOutUpRight{0%{transform-origin:right bottom;opacity:1}
to{transform-origin:right bottom;transform:rotate(90deg);opacity:0}
}
.rotateOutUpRight{animation-name:rotateOutUpRight}
@keyframes hinge{0%{transform-origin:top left;animation-timing-function:ease-in-out}
20%,60%{transform:rotate(80deg);transform-origin:top left;animation-timing-function:ease-in-out}
40%,80%{transform:rotate(60deg);transform-origin:top left;animation-timing-function:ease-in-out;opacity:1}
to{transform:translate3d(0,700px,0);opacity:0}
}
.hinge{animation-name:hinge}
@keyframes jackInTheBox{0%{opacity:0;transform:scale(.1) rotate(30deg);transform-origin:center bottom}
50%{transform:rotate(-10deg)}
70%{transform:rotate(3deg)}
to{opacity:1;transform:scale(1)}
}
.jackInTheBox{animation-name:jackInTheBox}
@keyframes rollIn{0%{opacity:0;transform:translate3d(-100%,0,0) rotate(-120deg)}
to{opacity:1;transform:none}
}
.rollIn{animation-name:rollIn}
@keyframes rollOut{0%{opacity:1}
to{opacity:0;transform:translate3d(100%,0,0) rotate(120deg)}
}
.rollOut{animation-name:rollOut}
@keyframes zoomIn{0%{opacity:0;transform:scale3d(.3,.3,.3)}
50%{opacity:1}
}
.zoomIn{animation-name:zoomIn}
@keyframes zoomInDown{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInDown{animation-name:zoomInDown}
@keyframes zoomInLeft{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(-1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInLeft{animation-name:zoomInLeft}
@keyframes zoomInRight{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(1000px,0,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-10px,0,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInRight{animation-name:zoomInRight}
@keyframes zoomInUp{0%{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,1000px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
60%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomInUp{animation-name:zoomInUp}
@keyframes zoomOut{0%{opacity:1}
50%{opacity:0;transform:scale3d(.3,.3,.3)}
to{opacity:0}
}
.zoomOut{animation-name:zoomOut}
@keyframes zoomOutDown{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,-60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutDown{animation-name:zoomOutDown}
@keyframes zoomOutLeft{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(42px,0,0)}
to{opacity:0;transform:scale(.1) translate3d(-2000px,0,0);transform-origin:left center}
}
.zoomOutLeft{animation-name:zoomOutLeft}
@keyframes zoomOutRight{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(-42px,0,0)}
to{opacity:0;transform:scale(.1) translate3d(2000px,0,0);transform-origin:right center}
}
.zoomOutRight{animation-name:zoomOutRight}
@keyframes zoomOutUp{40%{opacity:1;transform:scale3d(.475,.475,.475) translate3d(0,60px,0);animation-timing-function:cubic-bezier(.55,.055,.675,.19)}
to{opacity:0;transform:scale3d(.1,.1,.1) translate3d(0,-2000px,0);transform-origin:center bottom;animation-timing-function:cubic-bezier(.175,.885,.32,1)}
}
.zoomOutUp{animation-name:zoomOutUp}
@keyframes slideInDown{0%{transform:translate3d(0,-100%,0);visibility:visible}
to{transform:translateZ(0)}
}
.slideInDown{animation-name:slideInDown}
@keyframes slideInLeft{0%{transform:translate3d(-100%,0,0);visibility:visible}
to{transform:translateZ(0)}
}
.slideInLeft{animation-name:slideInLeft}
@keyframes slideInRight{0%{transform:translate3d(100%,0,0);visibility:visible}
to{transform:translateZ(0)}
}
.slideInRight{animation-name:slideInRight}
@keyframes slideInUp{0%{transform:translate3d(0,100%,0);visibility:visible}
to{transform:translateZ(0)}
}
.slideInUp{animation-name:slideInUp}
@keyframes slideOutDown{0%{transform:translateZ(0)}
to{visibility:hidden;transform:translate3d(0,100%,0)}
}
.slideOutDown{animation-name:slideOutDown}
@keyframes slideOutLeft{0%{transform:translateZ(0)}
to{visibility:hidden;transform:translate3d(-100%,0,0)}
}
.slideOutLeft{animation-name:slideOutLeft}
@keyframes slideOutRight{0%{transform:translateZ(0)}
to{visibility:hidden;transform:translate3d(100%,0,0)}
}
.slideOutRight{animation-name:slideOutRight}
@keyframes slideOutUp{0%{transform:translateZ(0)}
to{visibility:hidden;transform:translate3d(0,-100%,0)}
}
.slideOutUp{animation-name:slideOutUp}