@charset "utf-8";

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	color:#505050;
	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;
	min-width: 320px;
	margin: 0 auto;
}

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}

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

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%}
.oveh{overflow:hidden}
.por{position:relative}
.poa{position:absolute}
.wb1{background:rgba(242,242,242,0.92)}
.he1{height:.5rem;}
.pa1{padding:.2rem}
.pa2{padding:.2rem .2rem 0 .2rem}
.pa3{padding:.1rem .2rem .1rem .2rem}


.wb2{background:#ececec}
.wb3{background:#47bf22}

.topk{position:fixed; top: 0px; left:0; right:0; z-index:50; width:100%; color:#FFF; max-width: 750px; margin:0 auto;}

.topp{position:relative; color:#000; line-height:.5rem;}
.topp a{color:#395ea2}
.tol{position:absolute; left:0; top:.15rem;}
.tom{position:absolabnute;left:0;}
.ton{position:absolute; text-align:center; color: #000; font-size:.18rem; left:.5rem; right:.5rem; 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.7rem;}

#header span.right{ text-align:right; width:.5rem;height:.5rem; position: absolute;right: 0;top:.15rem;background: url("../images/ft2.png") no-repeat top 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;}
#header h1{font-size: 0.16rem;font-weight: normal;}
#header span.left{position:absolute;left:0;top:0;display: block;width: 0.4rem;height: 4rem;font-size: 0.14rem;padding-left:0.08rem;}

#headerf span.rightf{ text-align: center;background: #515151; color: #FFFFFF; width: 100%; line-height: .4rem; margin-top: .1rem
	-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;
}

.menu{overflow: hidden;background:rgba(0,0,0,0.82);position: absolute;left: 0;top: .5rem;right: 0;z-index: 9999;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{border-top: 1px solid #f2f2f2;}
.menu li{text-align: center;border-bottom: 1px solid #f2f2f2;line-height: .4rem;}
.menu li a{color: #FFF;display:block; text-align: center; text-decoration:none;}

.menuf{overflow: hidden;background:#515151; height: 0; position: absolute; width: 100%; max-width: 750px; z-index: 9999;
-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;
}
.menuf ul{border-bottom: 1px solid #515151;}
.menuf li{ float: left;width: 45%; margin: 2%; text-align: center;border: 1px solid rgba(255,255,255,0.26);line-height: .4rem;
	-moz-border-radius: .36rem;
	-msborder-radius: .36rem;
	-o-border-radius: .36rem;
    -webkit-border-radius: .36rem;
	border-radius: .36rem;
}
.menuf li a{color: #FFF;text-align: center; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

#banner { margin:0 auto; clear:both; width:100%;}
#slider li img { width:100%;}
.swipe{ line-height:0; width:100%; overflow:hidden; position:relative;}
.swipe ul{-webkit-transition:left 800ms ease-in 0; -moz-transition:left 800ms ease-in 0; -o-transition:left 800ms ease-in 0; -ms-transition:left 800ms ease-in 0; transition:left 800ms ease-in 0;}
.swipe #pagenavi{position:absolute;bottom:.05rem;width:100%; z-index:1; text-align:center;}
.swipe #pagenavi a{width:.08rem;height:.08rem;line-height:99rem; border-radius: 08rem; background:#FFF; margin:.01rem;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#b58779;}

.tti{color: #212121; font-size: .16rem; overflow: hidden;}
.tti i{color: #47bf22;}
.tti span{font-size: .12rem; margin-top: .03rem}
.tti em{color: #FFFFFF}

.tti2{overflow:hidden; height: .35rem;  border: solid 2px #47bf22}
.tti2 span{float:left; width:45%;font-size:.16rem; position: absolute; padding-left: .12rem;line-height: .35rem;}
.tti2 i{ color: #47bf22;}
.tti2 a{float:right; width:20%; text-align:center; display:block; height: .14rem;line-height: .14rem; border-left: solid 2px #47bf22; margin-top: .11rem;}

.tb1{text-align: center; margin: 0 auto; background: url("../images/tb1.png") no-repeat; background-size: 100%}
.tb2{text-align: center; margin: 0 auto; background: url("../images/tb2.png") no-repeat; background-size: 100%; color: #FFFFFF}

.abk{float: left; width: 57%; padding-left:5%; padding-top: 5%;}
.abt{text-align: center;background: #515151; padding:.04rem 0; color: #FFFFFF;margin-bottom: .05rem; letter-spacing: .01rem;}
.abn{float:left;overflow:hidden;}
.abd{height: .57rem; line-height: .2rem; color: #505050; overflow: hidden; margin-bottom: .06rem;
	-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;
}
.aba{font-size: .11rem; margin-top: .1rem;}
.abah{float: left; width: .55rem; height: .55rem; text-align: center; background: #47bf22; color: #FFFFFF; cursor: pointer; overflow: hidden; margin-right: .05rem;
	-moz-border-radius:36rem;
	-ms-border-radius:36rem;
	-o-border-radius:36rem;
	-webkit-border-radius:36rem;
	border-radius:36rem;
}
.abaa{float: left; width: .55rem; height: .55rem; text-align: center; border: solid 1px #47bf22; color: #47bf22; cursor: pointer; overflow: hidden; margin-right: .05rem;
	-moz-border-radius:36rem;
	-ms-border-radius:36rem;
	-o-border-radius:36rem;
	-webkit-border-radius:36rem;
	border-radius:36rem;
}
.abaa:hover{background: #47bf22; color: #FFFFFF;}
.aba i{font-size: .2rem}
.abah a{width: .55rem; height:.55rem; display: block; background:#47bf22; color: #FFFFFF;
	-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;
	-moz-border-radius:36rem;
	-ms-border-radius:36rem;
	-o-border-radius:36rem;
	-webkit-border-radius:36rem;
	border-radius:36rem;
}
.abah a:hover{
	-moz-transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	transform:rotateY(360deg);
}
.abaa a{width: .55rem; height: .55rem;  display: block; color: #47bf22;
	-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;	
}

.wk3{float: right; width: 33%}
.wk3 img{width: 100%}
.ne_tu{ margin-top: .12rem}
.ne_tu div{width: 100%; height:.5rem; color: #FFFFFF; background:rgba(0,0,0,0.7); _background:#000; _opacity:0.7; position: absolute; z-index: 2; bottom: 0}
.ne_tu dl{float: left;width:20%;text-align: center;}
.ne_tu dt{font-size:.24rem; padding-top: 2px;}
.ne_tu span{float: left; width: 65%;}
.ne_tu h3{font-weight: normal; margin-top:.05rem; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.ne_tu p{ height: .12rem; line-height: .12rem; overflow: hidden; margin-top: 5px;}
.ne_tu i{float: right; width: 15%; text-align: center; font-size: .3rem; margin-top: .04rem}

.news{border:solid 1px #e5e5e5; margin-top: .12rem; overflow: hidden; padding: .1rem 0 .1rem 0}
.news dl{float:left; width: 22%; text-align: center}
.news dt{font-size:.26rem;}
.news span{float:left; width: 70%; padding-left: 3%; border-left:solid 1px #e5e5e5}
.news h3{ width: 100%; height: .22rem; font-size: .14rem; font-weight: normal; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news p{width: 100%; height: .28rem; line-height: .14rem; overflow: hidden; color:#9a9a9a}

.xzk{margin-top: .1rem; padding: .1rem; margin-bottom: .1rem}
.xz{float: left; width: 46%; margin-left: 2%; margin-right: 2%;}
.xz dl{color: #FFFFFF; padding-bottom: .2rem; margin-bottom: .1rem}
.xz dt{width: 55%; height: .9rem; text-align: center; background: url("../images/xzt.png") no-repeat top center; background-size: 100%; font-size: .1rem; margin: 0 auto;  text-transform: uppercase}
.xz dt i{font-size: .2rem; margin-top: .14rem;}
.xz dd{width: 85%;height: .8rem; overflow: hidden; line-height:.16rem; font-size: .11rem; margin: 0 auto; text-indent: 2em;}

.pros{overflow:hidden; margin-top: .12rem;}
.pros ul{float:left;width:49.6%; margin-right: 1px; margin-bottom: 1px; vertical-align:middle; text-align:center;}
.pros ul li{width:100%; line-height: .28rem; vertical-align:middle;text-align:center; margin:0 auto; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pr1{width:100%; border:none; height: 1.2rem}
.pr2{width:90%; border:none; height: .95rem; margin-bottom: 10%}
.pr3{width:90%; border:none; height: .95rem;}

.menu2{overflow:hidden; text-align:center;}
.menu2 a{float:left; margin:1%; width:48%; line-height:.36rem; background:#47bf22; color:#FFF; border-radius:5px;display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}

.snr{background:#FFF; padding:.2rem;}
.snr p{margin-bottom:.1rem;}
.snr span{position:absolute; right:.1rem; top:.08rem; line-height:35px;}
.snr span img{height:.22rem}

.tm1{font-size:.16rem; text-align:center; margin-bottom: .1rem}
.tm2{font-family:Arial, Helvetica, sans-serif; font-size:.1rem; text-align:center; padding-top:.05rem; color:#8e8e8e;}
.tm3{color:#757575; text-align:center; margin-bottom: .1rem}
.tm3 img,.tm4 img{border:none; width:100%; overflow:hidden; margin-bottom: .1rem}
.tm4{line-height:.2rem; padding: .1rem 0 0 0}
.tmx{border-bottom: dotted 1px #e6e6e6; height: .1rem; margin-left:.1rem; margin-right:.1rem}

.ym{ width:99.5%; font-size:14px; overflow:hidden; border:solid 1px #306bba}
.ym a{float:left; width:24.5%; text-align: center; line-height:40px; border-right:solid 1px #306bba; color:#306bba}
.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:.4rem; line-height:.4rem; 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; background:#47bf22; display:block; text-align:center; border-radius:5px;}

.foot{padding-bottom:.5rem; text-align:center; font-size:.1rem; line-height:.25rem; border-top: solid 1px #ddd}
.down{width: 100%; height:.4rem; background:rgba(0,0,0,0.8); text-align: center; position:fixed; left: 0; bottom: 0;z-index: 999; color:#FFF; padding-top:.05rem;}
.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;
	margin-top: .05rem;
}
.dok{border-right:solid 1px #414141; height: .26rem}
.down li:last-child{border-right:none;}
.down a{display: block; color:#FFF;}
.down i{ font-size:.2rem;}
.down span{font-size:.1rem; font-size: .16rem;}
.dos a{ float: right; width:.5rem; height:.5rem; margin-top: -.1rem; background:rgba(71,191,34,0.92)}
.dos i{ font-size: .3rem; margin-top: .05rem}

.bu{border:none; -webkit-appearance:none;}
.bu1:link,.bu1:visited,.bu1:active{width:70%; height:.24rem; line-height:.24rem; font-size: .12rem; border: solid 1px #cccccc; text-align: center;color:#878787; display:block;
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}
.bu1:hover{border: solid 1px #47bf22; background: #47bf22; color:#FFF; 
	-moz-border-radius:3px;
	-ms-border-radius:3px;
	-o-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.bu2:link,.bu2:visited,.bu2:hover,.bu2:active{width:70%; height:.4rem; line-height:.4rem; background: #000; display:block; text-align:center; margin:0 auto; font-size:.12rem; font-family:"微软雅黑"; color: #FFFFFF; margin-top: .1rem;
	-moz-border-radius: .03rem;
	-msborder-radius: .03rem;
	-o-border-radius: .03rem;
    -webkit-border-radius: .03rem;
	border-radius: .03rem;
}

.bu3{width:100%; height:.4rem; line-height:.4rem; background: #47bf22; display:block; text-align:center; margin:0 auto; font-size:.12rem; font-family:"微软雅黑"; color: #FFFFFF; margin-top: .1rem;
	-moz-border-radius: .03rem;
	-msborder-radius: .03rem;
	-o-border-radius: .03rem;
    -webkit-border-radius: .03rem;
	border-radius: .03rem;
}

.bu4{width:100%; height:.4rem; line-height:.4rem; background: #44b7ee; display:block; text-align:center; margin:0 auto; font-size:.14rem; 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-3px: 3px;
	border-radius: 3px;
}

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

@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-.1rem);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(.1rem);
    }
}
 
@keyframes bounce-down {
    25% {
        transform: translateY(-.1rem);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(.1rem);
    }
}
 
.animate-bounce-down{
    -webkit-animation: bounce-down 2s linear infinite;
    animation: bounce-down 2s linear infinite;
}
 
@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(.1rem);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-.1rem);
    }
}
 
@keyframes bounce-up {
    25% {
        transform: translateY(.1rem);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-.1rem);
    }
}
 
.animate-bounce-up{
    -webkit-animation: bounce-up 2s linear infinite;
    animation: bounce-up 2s linear infinite;
}


/*--------*/


@-webkit-keyframes bounce-down {
    25% {
        -webkit-transform: translateY(-.1rem);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(.1rem);
    }
}
 
@keyframes bounce-down {
    25% {
        transform: translateY(-.1rem);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(.1rem);
    }
}
 
.animate-bounce-up{
    -webkit-animation: bounce-down 2s linear infinite;
    animation: bounce-down 2s linear infinite;
}
 
@-webkit-keyframes bounce-up {
    25% {
        -webkit-transform: translateY(.1rem);
    }
    50%, 100% {
        -webkit-transform: translateY(0);
    }
    75% {
        -webkit-transform: translateY(-.1rem);
    }
}
 
@keyframes bounce-up {
    25% {
        transform: translateY(.1rem);
    }
    50%, 100% {
        transform: translateY(0);
    }
    75% {
        transform: translateY(-.1rem);
    }
}
 
.animate-bounce-up{
    -webkit-animation: bounce-up 2s linear infinite;
    animation: bounce-up 2s linear infinite;
}