@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;
	border-spacing: 0;
}
i,em,span{display:inline-block; font-style:normal}
table{border-collapse: collapse;}

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}
.he1{height:.5rem;}
.pa1{padding:.15rem}
.pa2{padding:.15rem 0}
.pa3{padding:.15rem 0 0 0;}
.wfl{float:left}
.wfr{float:right}

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

.wbt{background: #FFFFFF; border-top:solid 3px #0859be}
.wb1{background: #f7f7f7}
.wb2{background: #eff4f7}
.wb3{background: url(../images/wb3.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;box-shadow: 0px 0px 6px rgba(0,0,0,0.3); }
.topp{position:relative; color:#0859be; line-height:.5rem;}
.topp a{color:#0859be}
.tol{position:absolute; left:.1rem; top:.15rem;}
.tom{position:absolute;left:0;}
.ton{position:absolute; text-align:center; color: #0859be; 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.72rem;}

#header span.right{ text-align:right; width:.5rem;height:.5rem; 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;}
#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;}

.menu{overflow: hidden;background:rgba(25,109,174,.86);position: absolute;left: 0;top: .5rem;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{margin-top: .1rem;}
.menu li{float: left; width: 40%; margin-left: 5%; margin-right: 5%; margin-bottom: 5%; text-align: center;line-height: .36rem; border: solid 1px rgba(255,255,255,.3);
	-moz-border-radius:6rem;
	-ms-border-radius:6rem;
	-o-border-radius:6rem;
	-webkit-border-radius:6rem;
	border-radius:6rem;
}
.menu li a{color: #FFF;display:block; text-align: center; text-decoration:none;}

#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:rgba(0,0,0,0.3); margin:.01rem;overflow:hidden;cursor:pointer;display:inline-block;*display:inline;*zoom:1;}
.swipe #pagenavi a.active{background:#FFFFFF;}

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

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

}

.tti{text-align: center;}
.tti span{font-size: .2rem; display: block; color: #237cc2;text-transform: uppercase;}
.tti i img{width:70%; margin-top:.05rem}
.tti em{font-size: .14rem;text-transform: uppercase; color: #237cc2;}
.tti p{color: #ffffff}

.pro1 ul{ float: left; display:inline-block}
.pro1 li{ width:70%; margin: 0 auto; text-align: center; margin-bottom: .1rem}
.pro1 a{display: block}
.pro1 p{margin: 0 auto; padding:15%}
.pro1 h3{padding: .05rem 0 ; font-size: .1rem; font-weight: normal; overflow: hidden}
.pro1 span{height:.32rem; color: #848484; overflow: hidden; line-height: 140%;}

.pro1_1 ul{width: 33%; display: inline-block}
.pro1_1 li{}
.pro1_1 p{ background: #237cc2;}
.pro1_1 p img{width:100%; height: .46rem}
.pro1_1 h3{color: #2c2c2c; font-size: .1rem;height: .36rem}

.pro1_2 ul{width: 50%;}
.pro1_2 p img{width:100%; height: .72rem}
.pro1_2 h3{color: #FFFFFF; margin-bottom: .1rem;height: .26rem;}
.pro1_2 ul:nth-child(10n+1) p{background:linear-gradient(135deg,#3aaffa,#2270f6);}
.pro1_2 ul:nth-child(10n+2) p{background:linear-gradient(135deg,#f5b9d3,#ee86b3);}
.pro1_2 ul:nth-child(10n+3) p{background:linear-gradient(135deg,#ff7a86,#dd4249);}
.pro1_2 ul:nth-child(10n+4) p{background:linear-gradient(135deg,#f8a841,#f46425);}
.pro1_2 ul:nth-child(10n+5) p{background:linear-gradient(135deg,#4cc777,#339b57);}
.pro1_2 ul:nth-child(10n+6) p{background:linear-gradient(135deg,#e376e6,#ba3cc1);}
.pro1_2 ul:nth-child(10n+7) p{background:linear-gradient(135deg,#af79ed,#7345df);}
.pro1_2 ul:nth-child(10n+8) p{background:linear-gradient(135deg,#ffe138,#e5b00b);}
.pro1_2 ul:nth-child(10n+9) p{background:linear-gradient(135deg,#f9c9a3,#f4a161);}
.pro1_2 ul:nth-child(10n+10) p{background:linear-gradient(135deg,#45e3fa,#1bacc1);}

.pro2{border-top:solid 1px #e1e1e1; border-left:solid 1px #e1e1e1; margin: 0 auto}
.pro2 ul{float: left; width: 49.9%;border-right:solid 1px #e1e1e1; border-bottom:solid 1px #e1e1e1;}
.pro2 img{width: 100%; height: 1.44rem}

.pro3{margin-top: .15rem}
.pro3 ul{float: left; width: 50%; margin-bottom: .15rem}
.pro3 li{width: 90%; border: solid 1px #e1e1e1; margin:0 auto; position: relative}
.pro3 img{width: 100%; height: 1.25rem;}
.pro3 h3{color: #2c2c2c; padding: .06rem;font-size: .14rem;  text-align: center; font-weight: normal; display:none; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.pro3 span{height:.34rem; padding: 0 .12rem;color: #848484; overflow: hidden; line-height: 140%; margin-bottom: .06rem;}

.news ul{margin-bottom: .15rem;}
.news li{border-bottom: solid 1px #e1e1e1; overflow: hidden; background: #FFFFFF; padding-bottom: .15rem}
.news p{float: left; width: 35%;}
.news img{width: 100%; height: .9rem;}
.news dl{float: right; width: 100%;}
.news dt{height:.24rem;color: #2c2c2c;font-size: .14rem; font-weight: normal; display:block; word-break:keep-all; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.news dd{height:.4rem; color: #848484;font-size: .12rem; overflow:hidden;line-height: 160%; margin-top: .04rem}
.news dl span{color: #848484;font-size: .12rem; }

.menu2{overflow:hidden; text-align:center;}
.menu2 a{padding:.06rem .1rem; overflow: hidden; display:inline-block; margin:.02rem .01rem; font-size: .12rem; background: #ffffff; color: #333; box-shadow: 1px 1px 3px rgba(0,0,0,.1)}
.cuh:link,.cuh:visited,.cuh:hover,.cuh:active{background: #14bbea; color: #fff}

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

.ym{width:99.5%; font-size:.12rem; overflow:hidden; border:solid 1px #14bbea}
.ym a{float:left; width:24.5%; text-align: center; line-height:.36rem; border-right:solid 1px #14bbea; color:#14bbea}
.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:.36rem; line-height:.36rem; 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: #14bbea;}

.snr p{margin-bottom:.1rem;}
.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;}

.foot{padding-bottom:.44rem; text-align:center; font-size:.1rem; line-height:.25rem; background: #e5e5e5}
.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 rgba(255,255,255,0.35); height: .26rem}
.down li:last-child{border-right:none;}
.down a{display: block; color:#FFF;}
.down i{ font-size:.2rem;}
.down span{font-size: .14rem; margin-right: .1rem}
.dos a{ float: right; width:.5rem; height:.5rem; margin-top: -.1rem; background:#237bc2}
.dos i{ font-size: .3rem; margin-top: .05rem}

.bu{border:none; -webkit-appearance:none;height:.4rem; line-height: .4rem; font-size: .13rem;
	transition: all 0.3s ;
	-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:50%; text-align:center; border: solid 1px #e1e1e1; color:#4e4e4e; display:block; margin: 0 auto;}

.bu2:link,.bu2:visited,.bu2:hover,.bu2:active,.bu2{width:100%; text-align:center;background:#14bbea; color:#FFFFFF; display:block; margin: 0 auto;}

.tx{-webkit-appearance:none;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: "微软雅黑"}

.cd-popup {
  	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background-color: rgba(0, 0, 0, 0.85);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	-moz-transition: opacity 0.3s 0s, visibility 0s 0.3s;
	transition: opacity 0.3s 0s, visibility 0s 0.3s;
}
.cd-popup.is-visible {
	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 {
	position: relative;
	width: 80%;
	padding: .14rem;
	top:40%;
	max-width: 400px;
	margin: 0 auto;
	background: #FFF;
	border-radius: .25em .25em .4em .4em;
	text-align: center;
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
	-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;
}