@charset "utf-8";

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#333333;
	font-family: -apple-system-font, "Helvetica Neue", Helvetica, "Hiragino Sans GB", "STHeitiSC-Light", "Microsoft YaHei", "微软雅黑", Arial, sans-serif;
    font-size: .12rem;
	width: 100%;
	max-width: 750px;
	margin: 0 auto;
	word-break:break-all;
	background: #FFFFFF;
}

dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, i, em{
	margin:0;
	padding:0;
    -moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
    -webkit-box-sizing: border-box;
	box-sizing: border-box;
}
i,em,span{display:inline-block; font-style:normal}
table{border-collapse: collapse;}

a:link {
	color: #333333;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #333333;
}
a:hover {
	text-decoration: none;
	color: #333333;
}
a:active {
	text-decoration: none;
	color: #333333;
}
img{vertical-align:middle}

a{
	transition: all 0.3s ;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.ak1{
	transition: all 0.3s ;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}
.ak2{
	transition: all 1s ;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
	-webkit-transition: all 1s;
}


ul,dl{list-style:none; list-style-type:none; margin:0; padding:0;}
li,dt,dd{list-style-type:none; list-style:none; list-style-image:none; margin:0; padding:0;}

.wik{width:100%}
.maau{margin: 0 auto;}
.oveh{overflow:hidden}
.por{position:relative}
.poa{position:absolute}
.he1{height:.4rem}
.he2{height:.12rem}
.he3{height:1.1rem}
.pat{padding-top:.12rem}
.par{padding-right:.12rem}
.pab{padding-bottom:.12rem}
.pal{padding-left:.12rem}
.pmt{margin-top:.12rem}
.pmr{margin-right:.12rem}
.pmb{margin-bottom:.12rem}
.pml{margin-left:.12rem}
.pat2{padding-top:.06rem}
.par2{padding-right:.06rem}
.pab2{padding-bottom:.06rem}
.pal2{padding-left:.06rem}
.pmt2{margin-top:.06rem}
.pmr2{margin-right:.06rem}
.pmb2{margin-bottom:.06rem}
.pml2{margin-left:.06rem}
.bordert{border-top:solid 1px #e1e1e1}
.borderr{border-right:solid 1px #e1e1e1}
.borderb{border-bottom:solid 1px #e1e1e1}
.borderl{border-left:solid 1px #e1e1e1}
.border2{border:solid 1px rgba(255,255,255,.3)}
.borderb2{border-bottom:solid 1px rgba(255,255,255,.3)}
.bobg{box-shadow: 0 0 8px rgba(0,0,0,.2)}
.hiid{display:none}
.texl{text-align: left;}
.texc{text-align: center;}
.texr{text-align: right;}
.wid20{width: 20%;}
.wid25{width: 25%;}
.wid33{width: 33%;}
.wfl{float:left}
.wfr{float:right}
.co1,.co1:link,.co1:visited,.co1:hover,.co1:active{color: #0f75c7}
.co2,.co2:link,.co2:visited,.co2:hover,.co2:active{color: #e4192b}
.co3,.co3:link,.co3:visited,.co3:hover,.co3:active{color: #289bf8}
.co4,.co4:link,.co4:visited,.co4:hover,.co4:active{color: #333333}
.co5,.co5:link,.co5:visited,.co5:hover,.co5:active{color: #ffffff}
.co6,.co6:link,.co6:visited,.co6:hover,.co6:active{color: #959595}
.bg1{background: #0f75c7}
.bg1_1{background:#047fcc}
.bg2{background: #e4192b}
.bg3{background: #289bf8}
.bg4{background: #333333}
.bg5{background: #ffffff}
.bg6{background: #f6f6f6}
.font08{font-size:.08rem}
.font08 i{font-size:.08rem}
.font09{font-size:.09rem}
.font09 i{font-size:.09rem}
.font10{font-size:.1rem}
.font10 i{font-size:.1rem}
.font11{font-size:.11rem}
.font11 i{font-size:.11rem}
.font12{font-size:.12rem}
.font12 i{font-size:.12rem}
.font13{font-size:.14rem}
.font13 i{font-size:.13rem}
.font14{font-size:.14rem}
.font14 i{font-size:.14rem}
.font15{font-size:.15rem}
.font15 i{font-size:.15rem}
.font16{font-size:.16rem}
.font16 i{font-size:.16rem}
.font18{font-size:.18rem}
.font18 i{font-size:.18rem}
.font20{font-size:.2rem}
.font20 i{font-size:.2rem}
.font22{font-size:.22rem}
.font22 i{font-size:.22rem}
.font24,.font24 i{font-size: .24rem;}
.font26,.font26 i{font-size: .26rem;}
.font28,.font28 i{font-size: .28rem;}
.font30,.font30 i{font-size: .3rem;}
.fontb{font-weight: bold}
.fontn{font-weight: normal}
.fontd{text-transform: uppercase}
.fonts{letter-spacing: .05rem; padding-left: .05rem;}
.disb{display:block}
.curp{cursor: pointer}
.line125{line-height: 125%}
.line180{line-height: 180%}
.line200{line-height: 200%}

.borb{
	-moz-border-radius:.03rem;
	-ms-border-radius:.03rem;
	-o-border-radius:.03rem;
	-webkit-border-radius:.03rem;
	border-radius:.03rem;
}
.bory{
	-moz-border-radius:6rem;
	-ms-border-radius:6rem;
	-o-border-radius:6rem;
	-webkit-border-radius:6rem;
	border-radius:6rem;
}

.swiper-container{width: 100%; height: 100%;}
/*滚动条*/
.swiper3 .swiper-slide {height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.wbt{background: #ffffff; border-bottom: solid 1px #e5e5e5}
.wb1{background:url(../images/wb1.jpg) repeat-x;}
.wb2{background:url(../images/wb2.jpg) no-repeat top center; background-size: cover}

.topk{position:fixed; top: 0px; left:0; right:0; z-index:9990; width:100%; color:#FFF; max-width: 750px; margin:0 auto; height: .4rem;}
.topp{position:relative; color:#000; line-height:.4rem; height: .4rem;}
.topp a{color:#395ea2}
.tol{position:absolute; left:0;}
.tom{position:absolute;left:0;}
.ton{position:absolute; text-align:center; color: #0f75c7; font-size:.14rem; left:.4rem; right:.4rem; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.tor{position:absolute; right:0; top:0; text-align:right;}
.tol img,.tor img,.tor2 img{border:none;width:.2rem}
.tom img{border:none; width:2.55rem;}

.tol a{text-align:left; width:.4rem;height:.4rem; position: absolute; left: 0;top:0;background: url(../images/ft1.png) no-repeat center center;background-size:.2rem;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

#header span.right{ text-align:right; width:.4rem;height:.4rem; position: absolute; right: 0;top:0;background: url(../images/ft2.png) no-repeat center center;background-size:.2rem;
	-ms-transform:rotate(0deg);     /* IE 9 */
	-moz-transform:rotate(0deg);    /* Firefox */
	-webkit-transform:rotate(0deg); /* Safari 和 Chrome */
	-o-transform:rotate(0deg);
	transform:rotate(0deg);
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
#header span.right.on{background: url(../images/btn.png) no-repeat center center;background-size:.25rem;top:0;
	-ms-transform:rotate(135deg);     /* IE 9 */
	-moz-transform:rotate(135deg);    /* Firefox */
	-webkit-transform:rotate(135deg); /* Safari 和 Chrome */
	-o-transform:rotate(135deg);
	transform:rotate(135deg);
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

.menu{overflow: hidden;background:rgba(3,96,171,.92);position: absolute;left: 0;top: .4rem;right: 0; z-index: 9990;height: 0;
	-webkit-transition: all 0.3s linear;
	-ms-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}
.menu ul{}
.menu li{line-height: .4rem; border-bottom: solid 1px rgba(255,255,255,.2); font-size: .12rem;}
.menu li a{color:#ffffff; display:block;text-decoration:none; padding-left: .12rem}
.menu li i{color:#ffffff;float: right; margin-top: .14rem; margin-right: .12rem;}

.navn{ background: #1b51a6; overflow: hidden}
.navn a{float: left; width: 32.9%;line-height: .3rem; border-left: solid 1px rgba(255,255,255,.1); border-bottom: solid 1px rgba(255,255,255,.1);color: #FFFFFF; text-align: center;}

.swiper-container {
	width: 100%;
	height: 100%;
}

.swiper1 .swiper-slide {
	color:#fff;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.bas2{overflow: hidden}
.bas2 img {
    width: 100%;
    height: auto;
    display: block;
    vertical-align: middle;
    max-width: 100%;
}
.swiper-slide-active.bas2 img {
    -webkit-transition: all 12s linear;
    transition: all 12s linear;
    -webkit-transform: scale(1.2);
    transform: scale(1.2);
}

.bas3 .divs{
	width: 100%;
	height: auto;
	display: block;
	vertical-align: middle;
	max-width: 100%;
	background-size: cover;
}
.swiper-slide-active.bas3 .divs{
    -webkit-transition: all 8s linear;
    transition: all 8s linear;
	-webkit-transform: translateX(-200px);
    transform: translateX(-200px);
}

/*滚动条*/
.swiper2 .swiper-slide {height: auto;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.swiper3 .swiper-slide {width: auto;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.swiper6 .swiper-slide {
  background-position: center;
  background-size: cover;
  width: 74%;
}

.sear3{}
.sear3_1{float: left; width: 70%; height: .3rem; border:none; padding: 0 .06rem; border: solid 1px #e5e5e5;
	-moz-border-top-left-radius:500px;
	-ms-border-top-left-radius:500px;
	-o-border-top-left-radius:500px;
	-webkit-top-left-border-radius:500px;
	border-top-left-radius:500px;
	-moz-border-bottom-left-radius:500px;
	-ms-border-bottom-left-radius:500px;
	-o-border-bottom-left-radius:500px;
	-webkit-bottom-left-border-radius:500px;
	border-bottom-left-radius:500px;
}
.sear3_2{float: left; width: 30%; height: .3rem; border:none; background: url(../images/sear2.png) no-repeat bottom center #0f75c7; background-size: .15rem; background-position: .12rem .08rem; color: #FFFFFF; cursor: pointer; font-size: .12rem;
	-moz-border-top-right-radius:500px;
	-ms-border-top-right-radius:500px;
	-o-border-top-right-radius:500px;
	-webkit-top-right-border-radius:500px;
	border-top-right-radius:500px;
	-moz-border-bottom-right-radius:500px;
	-ms-border-bottom-right-radius:500px;
	-o-border-bottom-right-radius:500px;
	-webkit-bottom-right-border-radius:500px;
	border-bottom-right-radius:500px;
}
.sear1{line-height: .2rem;}
.sear1 a{display: inline-block; margin-right: .04rem;}

.ti1{background: url(../images/t1bg.png) no-repeat top center; background-size: 100%}
.ti2{background: url(../images/t2bg.png) no-repeat center center; background-size: 85%; letter-spacing: 2px;}

.yos ul{margin-top:.12rem; overflow: hidden;}
.yotu,.yon{}
.yotu img{width: 100%;}
.yon_k{}
.yon_1{margin-top: .1rem; overflow: hidden;}
.yon_1 img{float:left; width: 16%; height: 16%;}
.yon_1 dl{float:left; width:80%; margin-left: 4%;}
.yon_1 dl dt{font-size: .2rem;}
.yon_1 dl dd{font-size: .12rem; margin-top: .05rem;}
.yon_2{line-height: 180%; margin-top: .12rem; overflow: hidden;}

.abn{color: #646464; line-height: 180%;}

.newtui,.newtui img{width:100%; height: 2rem;}
.newtui img{width:100%;}
.newst{width:100%; height: .54rem; z-index: 1; background: rgba(0,0,0,.7); bottom:0; color: #FFFFFF}
.newstime{float:left; width:20%; text-align: center; line-height: 200%;}
.newstime p{font-size:.3rem; margin-top: .07rem;}
.newsti{float:left; width:80%}
.newsti dt{font-size: .14rem; padding-top: .05rem; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.newsti dd{padding-top: .05rem;line-height: 160%;display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.news{ background: #ffffff; padding: .06rem .12rem;}
.news dl{height: .34rem; line-height: .34rem; border-bottom: dashed 1px #e2e2e2; font-size: .12rem;}
.news dl dt{float:left; width:72%;}
.news dl dd{float:left; width:25%; text-align: right;}
.news dl dt a{display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }

.pro{overflow: hidden}
.pro li{float: left; width: 46%; margin-left: 2%; margin-right: 2%; margin-bottom: 4%; text-align: center; border: solid 1px #e5e5e5; background: #ffffff}
.pro li a{display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro img{width: 100%;height: .9rem;}
.pro li h3{display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: .3rem; font-weight: normal; font-size: .12rem}

.pro2{overflow: hidden}
.pro2 li{float: left; width: 46%; margin-left: 2%; margin-right: 2%; margin-bottom: 1%; text-align: center;background: #ffffff}
.pro2 li a{display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro2 img{width: 100%;height: .9rem; border:solid 1px #e5e5e5}
.pro2 li h3{display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height: .3rem; font-weight: normal; font-size: .12rem}

.nkf{}
.nkfn{height: 1.02rem; border-bottom: solid 1px #e5e5e5; margin-top: .12rem;}
.nkfn_tu{float: left;width:45%;}
.nkfn_tu img{width:95%; height: .9rem}
.nkfn_n{float: right; width:55%;}
.nkfn_n h3{height:.22rem; font-size: .12rem; font-weight: normal; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.nkfn_n em{color: #8f8f8f; margin-bottom: .06rem; font-size: .09rem; display: block}
.nkfn_n i{color: #8F8F8F;margin-top: .06rem;font-size: .1rem; display: block}
.nkfn_n .nkfn_d{height:.3rem; line-height: 160%; font-size: .1rem; overflow: hidden; color: #727272}


.menu2,.menu2w{overflow:hidden; text-align:center;}
.menu2 a{padding:.02rem .02rem; font-size: .09rem; color:#ffffff; background: #089ff5;display:inline-block; margin:3px 0px;}
.menu2h:link,.menu2h:visited,.menu2h:hover,.menu2h:active{background: #e4192b; color: #FFFFFF}
/*.menu2w a{width:31%;padding:.06rem 0;color:#4d4d4d; overflow: hidden; display:inline-block;}*/

.ab1{font-size:.14rem;}
.ab2{color:#a9a9a9; padding-top:.06rem; padding-bottom: .06rem; font-size: .1rem; line-height: 160%;}
.ab3{overflow:hidden;}
.ab3 img{border:none; width:100%;}
.ab4{line-height:180%; overflow: hidden;}
.ab4 img{border:none; width:100%; margin-top: .06rem; margin-bottom: .06rem; margin-left: 0; margin-right: 0}
.ab4 span{display: inline}

.ta1 td{border: solid 1px #dbdbdb; padding: 5px;word-break:break-all; }
.ta1 tr:nth-child(2n+1) {background:#f2f2f2;}
.ta1 tr:nth-child(2n+2) {background:#ffffff;}
.ta1 tr:hover{background: #ff9b81}


.ym{width:99.5%; font-size:.12rem; overflow:hidden; border:solid 1px #cba77f}
.ym a{float:left; width:24.5%; text-align: center; line-height:.4rem; border-right:solid 1px #3885e4; color:#3885e4}
.ym a:last-child{border:none}

.f_l ul{height:.4rem; margin-left:0; margin-top: .1rem}
.f_l ul li{float:left; width:50%; height:.34rem; line-height:.34rem; margin:0 auto; text-align:center}
.f_l ul li a:link,.f_l ul li a:visited,.f_l ul li a:hover,.f_l ul li a:active{width:1rem;margin:0 auto; color:#FFFFFF; display:block; text-align:center; background: #3885e4;}

.snr p{margin-bottom:.01rem;}
.snr span{position:absolute; right:.1rem; top:.08rem; }
.snr span img{height:.22rem}
.snr em{position:absolute; right:.1rem; top:.14rem;color: #D93640}
.sna{border-bottom: solid 1px #e5e5e5; padding:.15rem}
.sna a{width: 100%; text-align: center; line-height: .4rem; display: block; color: #646464}
.sna i{float: right}
.sna p{padding: .04rem 0}
.snd{text-align: center}
.snd a{display: block; padding: .15rem 0;}

.bgd{background: #2b2e31; color:#FFF; }
.foot{font-size:.1rem; line-height:.2rem; background: #2b2e31; color:#FFF; padding: .12rem .12rem .5rem .12rem}
.down{width: 100%; height:.45rem; background:rgba(0,0,0,.8); text-align: center; position:fixed; left: 0; bottom: 0;z-index: 999; color:#FFF;}
.down ul{
	display: -webkit-box;
	display: -ms-flexbox;
	display: -moz-box;
	display: -o-box;
    display: box;
}
.down li{
	display: block;
	-webkit-box-flex:1;
	-moz-box-flex:1;
	-o-box-flex:1;
	-ms-flex:1;
	box-flex:1;
}
/*.dok{border-right:solid 1px rgba(255,255,255,.2); height: .26rem}*/
.down li:last-child{border-right:none;}
.down a{display: block; color:#FFF;}
.down i{ font-size:.18rem;  margin-top: .12rem}
.down span{font-size:.14rem;}
.dok a{ float: right; line-height: .44rem; margin-right: .05rem;}
.dok em{ float: right; color:rgba(255,255,255,0.4); margin: 0 .05rem; line-height: .44rem}
.dok1:link,.dok1:visited,.dok1:hover,.dok1:active{ color:rgba(255,255,255,1);}
.dok2:link,.dok2:visited,.dok2:hover,.dok2:active{ color:rgba(255,255,255,0.4);}
.dok i{ font-size: .3rem;margin-top: .06rem}
.dost{position: absolute; z-index: 1; width: 100%; height: .45rem}

.bu{border:none; -webkit-appearance:none;height:.36rem; line-height: .36rem; font-size: .12rem;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	-webkit-transition: all 0.3s;
}

.bu1:link,.bu1:visited,.bu1:hover,.bu1:active,.bu1{width:40%; display:block; margin: 0 auto;}

.bu2:link,.bu2:visited,.bu2:hover,.bu2:active,.bu2{width:100%;display:block; margin: 0 auto;}

.bu3:link,.bu3:visited,.bu3:hover,.bu3:active,.bu3{width:40%; text-align:center; display:block; border: solid 1px #e5e5e5}

.bu4{width:100%; height:.4rem; line-height:.4rem; background: #44b7ee; display:block; text-align:center; margin:0 auto; font-size:.12rem; font-family:"微软雅黑"; margin-bottom:.1rem; color: #FFFFFF; margin-top: .1rem; cursor: pointer;
-moz-border-radius: 3px;
	-msborder-radius: 3px;
	-o-border-radius: 5px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
}
.bu5{width:100%; height:.4rem; line-height:.4rem; background: #e5e5e5; display:block; text-align:center; margin:0 auto; font-size:.12rem; font-family:"微软雅黑";cursor: pointer;
	-moz-border-radius: 3px;
	-msborder-radius: 3px;
	-o-border-radius: 5px;
    -webkit-border-radius: 3px;
	border-radius: 3px;
}

.tx{-webkit-appearance:none;border-radius:.03rem; padding: .1rem}
.tx1{border:solid 1px #e5e5e5;overflow: hidden; font-size: .12rem; margin-bottom: .05rem;}
.tx2{width:20px}
.sel1{height:40px}
select,input,textarea{width:100%; overflow:hidden; border:solid 1px #d9d9d9; background:#FFF; font-size:1em; font-family: "微软雅黑"}

.cd-popupk{height: 90%}
.cd-popup,.cd-popup3,.cd-popup4,.cd-popup5,.cd-popup6,.cd-popup7,.cd-popup8,.cd-popup9,.cd-popup10,.cd-popup11,.cd-popup12,.cd-popup13,.cd-popup14,.cd-popup15,.cd-popup16,.cd-popup17,.cd-popup18,.cd-popup19,.cd-popup20{
  	position: fixed;
	z-index: 1002;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0, 0.8);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup2{
  	position: fixed;
	z-index: 1003;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(255,255,255, 0.8);
	opacity: 0;
	visibility: hidden;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible,.cd-popup2.is-visible2,.cd-popup3.is-visible3,.cd-popup4.is-visible4,.cd-popup5.is-visible5,.cd-popup6.is-visible6,.cd-popup7.is-visible7,.cd-popup8.is-visible8,.cd-popup9.is-visible9,.cd-popup10.is-visible10,.cd-popup11.is-visible11,.cd-popup12.is-visible12,.cd-popup13.is-visible13,.cd-popup14.is-visible14,.cd-popup15.is-visible15,.cd-popup16.is-visible16,.cd-popup17.is-visible17,.cd-popup18.is-visible18,.cd-popup19.is-visible19,.cd-popup20.is-visible20{
	overflow: hidden;
	opacity: 1;
	visibility: visible;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0s;
	transition: opacity 0.3s 0s, visibility 0s 0s;
}

.cd-popup-container,.cd-popup-container2,.cd-popup-container3,.cd-popup-container4,.cd-popup-container5,.cd-popup-container6,.cd-popup-container7,.cd-popup-container8,.cd-popup-container9,.cd-popup-container10,.cd-popup-container11,.cd-popup-container12,.cd-popup-container13,.cd-popup-container14,.cd-popup-container15,.cd-popup-container16,.cd-popup-container17,.cd-popup-container18,.cd-popup-container19,.cd-popup-container20{
	position: relative;
	width: 80%;
	box-shadow: 0 0 .12rem rgba(0,0,0,.2);
	top:30%;
	margin: 0 auto;
	background: #FFF;
	border-radius:.06rem;
	padding: .12rem;
	text-align: center;
	-webkit-transform: translateY(-40px);
	-moz-transform: translateY(-40px);
	-ms-transform: translateY(-40px);
	-o-transform: translateY(-40px);
	transform: translateY(-40px);
	/* Force Hardware Acceleration in WebKit */
	-webkit-backface-visibility: hidden;
	-webkit-transition-property: -webkit-transform;
	-moz-transition-property: -moz-transform;
	transition-property: transform;
	-webkit-transition-duration: 0.3s;
	-moz-transition-duration: 0.3s;
	transition-duration: 0.3s;
}

@-webkit-keyframes bounce-up1 {
    25% {
        -webkit-transform: translateY(-.08rem);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(.08rem);
    }
}
 
@keyframes bounce-up1 {
    25% {
        transform: translateY(-.08rem);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(.08rem);
    }
}
 
.animate-bounce-up1{
    -webkit-animation: bounce-up1 2.4s linear infinite;
    animation: bounce-up1 2.4s linear infinite;
}

.anm1 p{
	-moz-transition:-moz-transform 1.5s; /* Firefox 4 */
	-webkit-transition:-webkit-transform 1.5s; /* Safari and Chrome */
	-o-transition:-o-transform 1.5s; /* Opera */
	-ms-transition:-o-transform 1.5s;
	transition:transform 1.5s;
}
.anm1:hover p{
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
}

.anm2 p img{
	transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}
.anm2:hover p img{transform:scale(1.2);}

.anm3 p,.anm3 p i,.anm3 p img{
	transition: all 1.5s ;
	-moz-transition: all 1.5s;
	-ms-transition: all 1.5s;
	-o-transition: all 1.5s;
}
	
.anm3:hover p img,.anm3:hover p i{
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
}

.anm4 p,.anm4 p i,.anm4 p img{
	transition: all 1s ;
	-moz-transition: all 1s;
	-ms-transition: all 1s;
	-o-transition: all 1s;
}

.anm4:hover p img,.anm4:hover p i{
	-ms-transform:rotate(360deg); 	/* IE 9 */
	-moz-transform:rotate(360deg); 	/* Firefox */
	-webkit-transform:rotate(360deg); /* Safari 和 Chrome */
	-o-transform:rotate(360deg);
	transform:rotate(360deg);
}

.anmn{
	transition: all 0.5s ;
	-moz-transition: all 0.5s;
	-ms-transition: all 0.5s;
	-o-transition: all 0.5s;
	-webkit-transition: all 0.5s;
}