﻿@charset "utf-8";
/* CSS Document */
body, nav, dl, dt, dd, p, h1, h2, h3, h4, ul, ol, li, input, button, textarea, footer {margin:0;padding:0;}
html,body{-webkit-text-size-adjust:none; }
html{width: 100%;height: 100%;}
body {font-family:"Microsoft Yahei";font-size:0.24rem;color:#333333;min-width: 320px; max-width: 640px; overflow-x: hidden; position: relative; margin: 0 auto;}
.dis{display:none;}
em,i{font-style:normal;}
h1, h2, h3, h4, h5, h6{font-size:100%;font-weight:normal;}
form{display: inline}
ul, ol{list-style: none}
a {text-decoration: none;color:#333;}
a:hover,a:active,a:focus{/*color:#377cce;*/text-decoration: none;
cursor:pointer;}
a:active{color:#aaa;}
a{blr:expression(this.onFocus=this.blur());-webkit-tap-highlight-color:rgba(0,0,0,0);}
*:focus{outline:0;}
.clearfix:after{clear:both;}
.clearfix:after,.cf:before{content:" ";display:table}
.clear{clear:both;}
img { max-width: 100%;
	vertical-align:middle;
	border:0;
	-ms-interpolation-mode:bicubic;
}
input,textarea,button,select{outline:none;border: none;*border:0;padding: 0;margin: 0;box-shadow: none;background: none;font-family: "Microsoft Yahei";font-size: 0.24rem;color: #333333;}
textarea{resize:none;}
button,input[type="button"],input[type="reset"], input[type="submit"], input[type="text"],input[type="password"]{
	cursor: pointer;
	/*-webkit-appearance: button;
	-moz-appearance: button*/
	-webkit-appearance:none;
	-moz-appearance:none
}
button::-moz-focus-inner,input::-moz-focus-inner
{padding:0;border:0;}
table {border-collapse:collapse;border-spacing:0;}
.left,.fl{float: left;}
.right,.fr{float: right;}
.tr{text-align: right;}
.tl{text-align: left;}
img,object{max-width:100%;}
/*webcss reset部分结束*/
.mai_top{min-width:320px;max-width:800px;margin:0 auto; height: 100%; position: relative; z-index:666;}
.w540{ width:5.4rem; margin:0 auto;}
.w560{ width:5.6rem; margin:0 auto;}
.w580{ width:5.8rem; margin:0 auto;}
.wp{ padding:0 0.4rem;}
.icon { background: url(../images/icon.png) no-repeat;  display: inline-block; background-size: 4rem auto; vertical-align: middle;}
.icon, .iconbef::before, .iconbef::after { content: "\20"; display: block;}
/*头部及导航start*/
.wa_left { width:100%;z-index: 10;position: relative; height:1rem; background-color:#ffffff;box-shadow: 0px 1px 7px #ededed;}
.wa_left .logo{width:5.42rem; height:0.63rem; margin-left:0.14rem; margin-top:0.15rem;}
.wa_left .logo a{width:1.6rem; height:0.59rem; background-size:100%; float:left; display:block;padding-right:.2rem;}
.wa_left .logo a img{width:1.6rem; height:0.59rem; background-size:100%;padding-top:0.1rem;}
.wa_left .logo p{ float:left; font-size:0.2rem; color:#666666; line-height:0.2rem; padding-top:0.12rem;}
.wa_left .logo p span{font-size:0.15rem; color:#1677c4; display:block; line-height:0.2rem; font-weight:bold; padding-top:8px;}
.wa_left .btn{ width:0.57rem; height:0.46rem; position:relative;margin-right:0.1rem; margin-top:0.28rem; }
.wa_left .btn i{width:0.57rem; height:0.46rem; display:block; background-color:#fff; }
.wa_left .btn i img{width: 0.57rem; height: 0.46rem; }

.wa_right .logo{width: 2.87rem; height: 0.46rem; margin-left: 0.16rem; margin-top: 0.25rem;}
.wa_right .btn1{ width:0.57rem; height:0.46rem; position:relative; margin-top:0.28rem;}
.wa_right .btn1 b{width:0.57rem; height:0.46rem; display:block;  position:absolute; left:0; top:0;  }
.wa_right .btn1 img{width: 0.40rem; height: 0.34rem; }
.wa_logo{ height:1rem; width:100%; background-color:#fff; }
.wa_right .logo{width:5.42rem; height:0.63rem; margin-left:0.14rem; margin-top:0.15rem;}
.wa_right .logo a img{width:1.9rem; height:0.59rem; background-size:100%; float:left;}
.wa_right .logo p{ float:left; font-size:0.2rem; color:#666666; line-height:0.2rem; padding-top:0.12rem; margin-left:0.1rem;}
.wa_right .logo p span{font-size:0.2rem; color:#1677c4; display:block; line-height:0.2rem; font-weight:bold; padding-top:8px;}


.wa_left .topsearch { display: block; position: absolute; right: 20%; top: .24rem; text-align: center; cursor: pointer; width: .5rem; height: .5rem; margin: 0 auto;}
.wa_left .topsearch span { display: block; width: 0.46rem; height: 0.46rem;  background-position:0 -1.18rem;}
.wa_left .tsearch { position: absolute;  height: 1rem;  width: 6.4rem !important; padding: .2rem 5%; left: 0; top: .88rem; z-index: 99; background: #f2f2f2; box-sizing: border-box; display: none;}
.wa_left .tsearch .txt { width: 78%; color: #000;  text-indent: .1rem; font-size: .22rem; height: .64rem; background: #fff; border: 1px solid #fff; border-radius: 0.1rem; position: absolute; left: 5%; top: .2rem; border-top-left-radius: .6rem; border-bottom-left-radius: .6rem;}
.wa_left .tsearch .btn9 { color: #fff; font-size: .22rem; width: 16%; height: .64rem; line-height: .6rem; text-align: center; border: 0px; background: #009882; position: absolute; right: 5%; top: .2rem; border-top-right-radius: .6rem; border-bottom-right-radius: .6rem;}
.wa_left .tsearch .btn9 .btn_icon { display: block; width: 0.36rem;  height: 0.36rem; margin-left: .32rem; margin-top: .14rem; background-position: 0rem -2.14rem;}
.wa_left .btn_close_main { width: .88rem; height: 0.9rem; background-color: #f2f2f2; position: absolute; top: 0; right: 18%; z-index: 9; display: none;}
.wa_left  #nav { width: .6rem; height: 50%; position: absolute;right: 3%; top: .38rem; text-align: center; cursor: pointer;}
.wa_left .btn_close_main .btn_close { width: .34rem;  height: .33rem; margin-top: .38rem; margin-left: .26rem; background-position: 0rem -1.72rem;}

.transform {transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);-webkit-transition: all 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99);}
.wa_right{ height: 100%;width:100%;z-index: 12; position: fixed; right: 0; top: 0rem;  overflow-x: hidden; overflow-y: auto; display:none; background-color:#fff;}
.foot{ position: relative; bottom: 0; left:0;  text-align: center; background: #009bdb; width: 100%; color: #fff; font-size: 0.12rem; height: 0.5rem; line-height: 0.5rem;}
.nav{ width: 100%; overflow: hidden; padding-bottom:1.2rem; background-color:#fff;  text-align:center; padding-top:0.8rem;height: 100%;}
.nav li{ position: relative; width: 100%;}
.nav li a{ overflow:hidden; width: 100%; color: #fff; display: block; font-size: 0.28rem; position: relative;}
.nav li a span{height: 1rem; line-height: 1rem;border-bottom:#d0cfcf solid 0.01rem; display:block; font-size:0.34rem; color:#333; width:4.82rem; margin:0 auto;}
.nav li a.one_a{}
.nav .nav_li{ display: none; height:100%; background:#fff; padding:0 0.2rem;}
.nav .nav_li a{ font-size: 0.34rem; line-height: 1rem;  color:#333; border-bottom:#6283c7 dotted 0.01rem; margin:0 0.8rem;}
.nav .nav_li a.xux{ border-bottom:none;}
.nav .nav_li a:hover{ background:#1e479c; color: #e4edff;}
.nav li.act a span{ border-bottom:#d0cfcf solid 0.01rem;}
.nav li.act a{ border-bottom:#d0cfcf dotted 1px; background-color:#fff; color: #333;}
.nav li .search1{width:4.82rem; margin:0 auto;}
.nav li .search1 input.s_input { border: none; background: url(../images/so_03.png) no-repeat; width:3.98rem; height:1rem; font-size:0.34rem; color:#e4edff; padding-left:0.04rem; color: #99b3df; background-size:100%; line-height:1rem;}
.nav li .search1 input.s_btn { border: none; background: url(../images/so_04.png) no-repeat;  width:0.79rem; height:1rem; background-size:100%;}
span.more span{background: #fff; position: absolute;}
span.more{width: 0.12rem; height: 0.12rem; position: relative; float: right; top: 0.3rem; margin-right: 0.3rem;}
span.more span.h { width: 12px; height: 2px; transform: translate3d(0,5px,0); -webkit-transform: translate3d(0,5px,0);}
span.more span.v { transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);  -webkit-transform: rotate3d(0,0,1,90deg) translate3d(5px,0,0);}



#banner_main { width: 100%; overflow: hidden; psosition: relative; height:3.5rem; background-size: 1px auto;}
.banner { margin: 0 auto; width: 100%; *zoom: 1; overflow: hidden; position: relative; height: 3.5rem;}
.banner .list { width: 100%; overflow: hidden;}
.banner .list li { float: left; width: 100%; overflow: hidden;}
.banner .list li img { width: 100%; height: 3.5rem;}
#banner .tip { width: 80%; height: 0.32rem; line-height: 0.32rem; text-align: center; clear: both;position: absolute; left: 8%; bottom: 5%; z-index: 2; font-size: 0;}
#banner .tip span { display: inline-block;vertical-align: middle; width: 0.5rem; height: 0.05rem; margin: 0 0.1rem; vertical-align: middle; background-color:#fff; border-radius:0.05rem;}
#banner .tip span.cur {  width: .5rem; height: .05rem; background-color:#1677c4;}

.floor_1_main{ height:1.64rem; width: 100%; overflow:hidden;}
.floor_1_main ul{ display:inline-block; width:100%;background-color:#1677c4; }
.floor_1_main ul li{ width:24.8%; height:0.82rem; float:left; text-align:center; line-height:0.82rem; background-color:#1677c4; border-right:#8dbde2 solid 0.01rem;overflow: hidden}
.floor_1_main ul li a{ display:block; color:#fff; font-size:0.22rem;font-weight: bold;}
.floor_1_main ul li:nth-child(4n){border-right:none;width: 24.6%;}
.floor_1_main ul li:nth-child(5),.floor_1_main ul li:nth-child(6),.floor_1_main ul li:nth-child(7),.floor_1_main ul li:nth-child(8){border-top:#8dbde2 solid 0.01rem;}
.floor_1_main ul li:nth-child(9){ display:none;}

.floor_2_main{ background-color:#f5f5f5; padding-bottom:0.5rem;    padding-top: 0.2rem;}
.in_title{ padding-top:0.36rem;text-align:center; position:relative;}
.in_title h3{ display:inline-block; font-size:0.32rem; color:#1677c4; font-weight:bold; position:relative;z-index:2; }
.in_title i{display:block; font-size:0.22rem; color:#999999; font-weight:normal; padding-top:0.06rem;}

.floor_2_1{ padding-top:0.05rem; margin:0 0.24rem;}
.floor_2_1 ul{ display:inline-block;}
.floor_2_1 ul li{ float:left; width:1.9rem; height:0.64rem; background-color:#fff; border-radius:0.08rem;box-shadow: 0px 1px 7px #dddcdc; margin-right:0.1rem; margin-top:0.24rem; text-align:center; line-height:0.64rem; overflow:hidden;}
.floor_2_1 ul li:nth-child(3n){ margin-right:0;}
.floor_2_1 ul li a{ display:block; font-size:0.22rem; color:#333333; }
.floor_2_2{ padding-top:0.06rem; margin:0 0.24rem;}
.floor_2_2 ul{ display:inline-block;}
.floor_2_2 ul li{ float:left; width:2.88rem; text-align:center; margin-top:0.26rem; margin-right:0.15rem;}
.floor_2_2 ul li:nth-child(2n){ margin-right:0;}
.floor_2_2 ul li img{ width:2.88rem; display:block; height:2.16rem; border-radius:0.08rem;}
.floor_2_2 ul li p{ line-height:0.24rem; padding-top:0.16rem;}
.gengduo{ width:2.4rem; height:0.8rem; background-color:#1677c4; border-radius:0.08rem; line-height:0.8rem; text-align:center; margin:0 auto; margin-top:0.5rem;}
.gengduo a{ display:block; font-size:0.26rem; color:#fff; }
.gengduo a span{ width:0.08rem; height:0.16rem; background-position:-3.92rem -3.28rem; display:inline-block; margin-left:0.24rem;}



.floor_3_main{ background:url(../images/s2_02.jpg) center no-repeat; width:100%; height:2.5rem; background-size:100%; text-align:center;} 
.floor_3_main .floor_3_1 h3{ font-size:0.32rem; color:#fff; line-height:0.32rem; padding-top:0.36rem;}
.floor_3_main .floor_3_1 p{font-size:0.22rem; color:#fff; line-height:0.22rem; padding-top:0.14rem;}
.floor_3_main .floor_3_2{ padding-top:0.38rem;}
.floor_3_main .floor_3_2 a{ display:inline-block; width:2.58rem; height:0.62rem; border:#fff solid 1px; line-height:0.62rem; font-size:0.26rem; border-radius:0.4rem; color:#fff; margin:0 0.1rem;}
.floor_3_main .floor_3_2 a span{ display:inline-block; width:0.3rem; height:0.3rem; background-position:-3.69rem -2.16rem; margin-right:0.2rem;}
.floor_3_main .floor_3_2 a.z2{ background-color:#1677c4; border:#1677c4 solid 1px;}
.floor_3_main .floor_3_2 a.z2 span{ display:inline-block; width:0.33rem; height:0.33rem; background-position:-3.65rem -1.64rem; margin-right:0.2rem;}

.floor_4_1{ background:url(../images/s3_02.png) center center no-repeat; width:100%; height:1.01rem; background-size:100%; margin-top:0.54rem;}
.floor_4_2{ margin:0 0.24rem;}
.floor_4_2 dl{ display:inline-block; padding:0.38rem 0; border-bottom:#dddddd solid 1px;}
.floor_4_2 dl:nth-child(5){border-bottom:none;}
.floor_4_2 dl dt{ float:left; width:0.6rem; height:0.59rem; background-position:-3.4rem -0.96rem; font-size:0.26rem; color:#fff; font-weight:normal; line-height:0.52rem; text-align:center; margin-top:0.7rem;}
.floor_4_2 dl dd{ float:left; width:5.2rem; margin-left:0.12rem;}
.floor_4_2 dl dd h3{ font-size:0.32rem; color:#1677c4; font-weight:bold; line-height:0.32rem; padding-bottom:0.12rem;}
.floor_4_2 dl dd h3 span{ display:block; font-size:0.18rem; color:#666666; line-height:0.18rem; padding-top:0.06rem; font-weight:normal;}
.floor_4_2 dl dd p{ display:block; font-size:0.2rem; color:#333333; line-height:0.37rem; width:5.2rem;}
.floor_4_2 dl dd p span{ float:left;}

.floor_5_main{ background-color:#f5f5f5; padding-bottom:0.5rem; border-top:#e3e3e3 solid 1px;}
.floor_5_1{ padding-top:0.06rem; margin:0 0.24rem;}
.floor_5_1 ul{ display:inline-block;}
.floor_5_1 ul li{ float:left; width:2.88rem; text-align:center; margin-top:0.26rem; margin-right:0.15rem; background-color:#fff;}
.floor_5_1 ul li:nth-child(2n){ margin-right:0;}
.floor_5_1 ul li img{ width:2.88rem; display:block; height:2.16rem; }
.floor_5_1 ul li p{ line-height:0.72rem; height:0.72rem;}


.floor_6_main{ background:url(../images/s4_02.jpg) center no-repeat; width:100%; height:2.5rem; background-size:100%; text-align:center;} 
.floor_6_main .floor_6_1 h3{ font-size:0.32rem; color:#fff; line-height:0.32rem; padding-top:0.36rem;}
.floor_6_main .floor_6_1 p{font-size:0.22rem; color:#fff; line-height:0.22rem; padding-top:0.14rem;}
.floor_6_main .floor_6_2{ padding-top:0.38rem;}
.floor_6_main .floor_6_2 a{ display:inline-block; width:2.58rem; height:0.62rem; border:#fff solid 1px; line-height:0.62rem; font-size:0.26rem; border-radius:0.4rem; color:#fff; margin:0 0.1rem;}
.floor_6_main .floor_6_2 a span{ display:inline-block; width:0.3rem; height:0.33rem; background-position:-3.69rem -2.15rem; margin-right:0.2rem;}
.floor_6_main .floor_6_2 a.z2{ background-color:#fff; color:#005bac;}
.floor_6_main .floor_6_2 a.z2 span{ display:inline-block; width:0.33rem; height:0.33rem; background-position:-3.65rem -2.58rem; margin-right:0.2rem;}

.floor_7_1 { padding: 0 3%; height:9.62rem; background: url(../images/s5_02.png) center center no-repeat; background-size: 6.4rem auto; margin-top:0.3rem;}
.floor_7_1 .list { width: 100%; position: relative; height: 9.62rem;}
.floor_7_1 li { width: 1.56rem; height: 1.18rem; padding-left: 1.2rem; display: block; background: #fff; border-radius: .08rem; position: absolute; left: 0; top: 0; box-shadow: 0 0.01rem 0.05rem rgba(0, 0, 0, 0.1);line-height: 0.26rem;}
.floor_7_1 li .i1 { width: .8rem; height: .65rem; display: block; float: left; position: absolute; left: .25rem; top: .26rem; background: url(../images/liuc-ico.png) no-repeat 0.15rem center;background-size: auto .6rem;}
.floor_7_1 li .i2 { width: .6rem; height: .3rem; text-indent: .1rem; display: block; margin: .25rem 0 .06rem 0; background: url(../images/iliuc-num.png) no-repeat 0 center; background-size: auto .3rem;}
.floor_7_1 li.a2 {left: auto; right: 0; top: 0;}
.floor_7_1 li.a2 .i1 { background-position: -0.68rem center;}
.floor_7_1 li.a2 .i2 { background-position: -0.72rem center;}
.floor_7_1 li.a3 { left: auto; right: 0; top: 1.56rem;}
.floor_7_1 li.a3 .i1 { background-position: -1.52rem center;}
.floor_7_1 li.a3 .i2 { background-position: -1.55rem center;}
.floor_7_1 li.a4 {left: 0; top: 1.56rem;}
.floor_7_1 li.a4 .i1 { background-position: -2.35rem center;}
.floor_7_1 li.a4 .i2 { background-position: -2.37rem center;}
.floor_7_1 li.a5 {left: 0; top: 3.16rem;}
.floor_7_1 li.a5 .i1 { background-position: -3.14rem center;}
.floor_7_1 li.a5 .i2 { background-position: -3.15rem center;}
.floor_7_1 li.a6 { left: auto; right: 0; top: 3.16rem;}
.floor_7_1 li.a6 .i1 { background-position: -3.98rem center;}
.floor_7_1 li.a6 .i2 { background-position: -4rem center;}
.floor_7_1 li.a7 { left: auto; right: 0; top: 4.72rem;}
.floor_7_1 li.a7 .i1 { background-position: -4.8rem center;}
.floor_7_1 li.a7 .i2 { background-position: -4.82rem center;}
.floor_7_1 li.a8 { left: auto; left: 0; top: 4.72rem;}
.floor_7_1 li.a8 .i1 { background-position: -5.56rem center;}
.floor_7_1 li.a8 .i2 { background-position: -5.6rem center;}
.floor_7_1 li.a9 { left: auto; left: 0; top: 6.3rem;}
.floor_7_1 li.a9 .i1 { background-position: -6.35rem center;}
.floor_7_1 li.a9 .i2 { background-position: -6.36rem center;}
.floor_7_1 li.a10 { left: auto; right: 0; top: 6.3rem;}
.floor_7_1 li.a10 .i1 { background-position: -7.05rem center;}
.floor_7_1 li.a10 .i2 { background-position: -7.11rem center;}
.floor_7_1 li.a11 { left: auto; right: 0; top: 7.86rem;}
.floor_7_1 li.a11 .i1 { background-position: -7.77rem center;}
.floor_7_1 li.a11 .i2 { background-position: -7.83rem center;}

.floor_8_main{ background:url(../images/s4_02.jpg) center no-repeat; width:100%; height:2.5rem; background-size:100%; text-align:center;} 
.floor_8_main .floor_8_1 h3{ font-size:0.32rem; color:#fff; line-height:0.32rem; padding-top:0.36rem;}
.floor_8_main .floor_8_1 p{font-size:0.22rem; color:#fff; line-height:0.22rem; padding-top:0.14rem;}
.floor_8_main .floor_8_2{ padding-top:0.38rem;}
.floor_8_main .floor_8_2 a{ display:inline-block; width:2.58rem; height:0.62rem; border:#fff solid 1px; line-height:0.62rem; font-size:0.26rem; border-radius:0.4rem; color:#fff; margin:0 0.1rem;}
.floor_8_main .floor_8_2 a span{ display:inline-block; width:0.3rem; height:0.33rem; background-position:-3.69rem -2.15rem; margin-right:0.2rem;}
.floor_8_main .floor_8_2 a.z2{ background-color:#fff; color:#005bac;}
.floor_8_main .floor_8_2 a.z2 span{ display:inline-block; width:0.33rem; height:0.33rem; background-position:-3.65rem -2.58rem; margin-right:0.2rem;}
.floor_9_main{ padding-bottom:0.56rem;}
.floor_9_main .floor_9_2{ margin-top:0.56rem;}
.floor_9_main .floor_9_2 ul{ width:100%; display:inline-block;}
.floor_9_main .floor_9_2 ul li{ float:left; width:33.15%; border-right:#e4e4e4 solid 1px;border-top:#e4e4e4 solid 1px;border-bottom:#e4e4e4 solid 1px; height:0.8rem; text-align:center; line-height:0.8rem;}
.floor_9_main .floor_9_2 ul li:nth-child(3n){ border-right:none;}
.floor_9_main .floor_9_2 ul li.on{ background:#1677c4;}
.floor_9_main .floor_9_2 ul li.on a{ color:#fff;}

.floor_9_main .floor_9_1{ width:5.92rem; margin:0 auto;}
.floor_9_main .floor_9_1 ul{ display:inline-block;}
.floor_9_main .floor_9_1 ul li{ display:block; clear:left; height:1.64rem; border-bottom:#dddddd solid 1px;}
.floor_9_main .floor_9_1 ul li i{ float:left; width:1rem; font-size:0.6rem; color:#999999; line-height:0.6rem; font-family:"Arial"; padding-top:0.4rem;}
.floor_9_main .floor_9_1 ul li i span{ display:block; font-size:0.18rem; color:#999999; line-height:0.18rem; padding-top:0.08rem;}
.floor_9_main .floor_9_1 ul li p{ float:left; font-size:0.26rem; color:#333333; line-height:0.26rem; width:4.9rem; padding-top:0.34rem; font-weight:bold;}
.floor_9_main .floor_9_1 ul li p span{ display:block; font-size:0.24rem; color:#666666; line-height:0.34rem; padding-top:0.12rem; font-weight:normal;}
.floor_9_main .floor_9_1 ul li:nth-child(4){ border-bottom:none;}
.floor_9_main .gengduo{ margin-top:0;}

.footer{ background-color:#f5f5f5; border-top:#e3e3e3 solid 1px; margin:0 auto; text-align:center; padding:0.4rem 0; }
.footer span{ display:block; font-size:0.24rem; color:#333; font-family:"Arial"; padding-top:0.1rem;}
.footer p{ display:block; font-size:0.24rem; color:#333; padding-top:0.1rem;}
.footer p a{ display:inline-block; padding:0 0.15rem;}


/*底部 start*/
.btmH{width:100%;}
.f_tit_bnav {position: fixed;bottom: 0;left: 0;width: 100%;cursor: pointer; background-color: #3c3c3c;font-size: 0.24rem;z-index: 88;height:1rem;}
.f_tit_bnav ul li {float: left;text-align: center;width:25%; height:1.04rem;}
.f_tit_bnav li a{color: #fff;display:block; font-size:0.20rem;}
.f_tit_bnav li img{display: block;margin:0 auto;width: 0.47rem; height:0.4rem; margin-top:0.16rem; margin-bottom:0.04rem;}
.f_tit_bnav li img.f_tit_img02{display:none;}
.f_tit_bnav li.f_tit_li{ background-color:#1677c4;}
/*底部 end*/

/*返回顶部*/
.idx_top { width: 0.69rem; right:0.18rem; bottom: 0.6rem; position: fixed; z-index: 99; height: 2.5rem;}
.idx_top a{ display:block; width:0.8rem; height:0.88rem; margin-bottom:0.28rem;}
.idx_top a img{ width:0.8rem; height:0.88rem; background-size:100%;}

.nybanner{ width: 100%; height: 2.4rem;position: relative; overflow: hidden;background-position: center top; background-repeat: no-repeat; background-size:6.4rem 2.4rem;color: #fff;}
.nybanner .title{padding-left:.4rem; display:none;}
.nybanner h3{margin-top:.12rem;font-size:.24rem;line-height:.3rem;}
.nybanner .en{padding:.7rem 0 .06rem;font-size:.45rem;font-family:Arial;font-weight:bold;line-height:.45rem;}
.cateList{width:6.4rem; height: 0.8rem;line-height: 0.8rem; text-align: center; background: #1677c4; color: #fff; position: relative;}
.cateList .goBack{width: .20rem; height: .33rem; position: absolute; left: .18rem; top: 0.2rem; background-position:-0rem -3.22rem;}
.cateList h3{font-size: .3rem;}
.cateList s{width: .34rem; height: .31rem; margin-left: .1rem;background: url(../images/s6_03.png) center center no-repeat; display: inline-block;    position: absolute; background-size:100%; right: .2rem; top: 0.26rem;}
.cateList .box{width: 100%; position: absolute; left: 0; top: .8rem; padding: .3rem 3% .2rem; z-index: 11; background: #fff; display: none;border-bottom:1px solid #ddd;}
.cateList .box a{width: 45%; margin-right: 3%; margin-bottom: .15rem; height: .62rem; line-height: .6rem; border: 1px solid #dddddd; font-size: .26rem; text-align: center; display: block; float: left;}
.cateList .box a:nth-child(2n){margin-right: 0;}
.cateList .box a.on{background: #2a9ae4; border-color: #2a9ae4; color: #fff;}
.dialog-layout{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; background: #000; opacity: .8;}
/*content*/
.content{width: 100%; padding: .3rem 0 .3rem; background: #f0f0f0;}
.content.iteam{padding: 0 3% .4rem;}
/*newsPage*/
.newsPage{padding-bottom: .4rem;}
.newsPage .item{width: 94%; padding-right: .1rem; height: 1.5rem; display: block; background: #fff; margin: 0 auto .22rem;}
.newsPage .item img{width: 2rem; height: 1.5rem; display: block; margin-right: .2rem;}
.newsPage .item h3{padding-top: .2rem; font-size: .26rem; line-height: 0.34rem; height: 0.88rem; margin-bottom: .06rem; overflow: hidden; color: #333333;}
.newsPage .item .time{color: #999; font-size: .22rem;}
.newsPage .item:first-child{padding-top: 0;}
/*picturePage*/
.picturePage{width: 100%; padding-bottom: 5%;min-height: 6rem;}
.picturePage .item{width: 45.5%; margin-left: 3%; margin-bottom: .3rem; float: left; background: #fff;}
.picturePage .item a{display: block; width: 100%;}
.picturePage .item figure{width: 100%; padding-top: 75.25%; overflow: hidden; position: relative;margin: 0;}
.picturePage .item img{width: 100%; min-height: 100%; position: absolute; left: 0; top: 0;}
.picturePage .item h3{text-align: center; line-height: .6rem; height: .6rem;}
.searchPage .list{width: 100%; padding: 0;}
.searchPage .list .item img{height: auto;}
.seeMore{width: 94%; margin: 0 auto; height: 0.7rem; line-height: 0.7rem; display: block; text-align: center; background: #3c3c3c;color:#fff;}
/*reLink*/
.reLink{margin: .2rem .4rem .2rem; border: 1px solid #dddddd; color: #333;}
.reLink .prevLink,
.reLink .nextLink{width: 100%; height: 0.6rem; line-height: 0.6rem; position: relative; overflow: hidden; text-indent: .18rem; border-bottom: 1px solid #ddd; background: #fff;}
.reLink .prevLink:before,
.reLink .nextLink:before{width: 0.16rem; height: 0.26rem; position: absolute; right: .18rem; top: .18rem; background-position: -4.45rem 0;}
.reLink .nextLink{border-bottom: 0;}
.reLink .nextLink:hover a{color:#0754a3;}
/*showInfo*/
.showInfo{padding: 0 0 .2rem; overflow: hidden;}
.showInfo article{width: 100%; padding: .3rem 0; text-align: center; background: #fff; border-bottom: 1px solid #dddddd;}
.showInfo article .title{margin: 0 2%; font-size: .36rem; line-height: .44rem; text-align: center;}
.showInfo article .mark{font-size: .22rem; padding: .2rem 0 0; text-align: center; color: #666666;}
.showInfo article .mark span{margin: 0 .06rem;}
.showInfo .img{width: 94%; margin: .25rem auto;}
.showInfo .img img{max-width: 100%; display: block; margin: 0 auto;}
.showInfo .contxt{padding: .2rem 3% .4rem; line-height: .42rem; color: #666666;}
.showInfo .contxt img{max-width: 100%; height: auto !important;}
/*imessage*/
.imessage{margin-top: .6rem; margin-bottom: .4rem;}
.imessage h2{color: #333333; margin-bottom: .3rem; text-align: center; font-size: .28rem;}
.imsg{width: 93%; margin: 0 auto;}
.imsg .item{width: 100%; height: .67rem; box-sizing: border-box; margin-bottom: .28rem; position: relative; line-height: .67rem; border: 1px solid #aaaaaa; background: #fff;}
.imsg .item span.red{position: absolute; left: .05rem; top: .02rem; color: red;}
.imsg .item s{width: .35rem; height: .32rem; position: absolute; right: .1rem; top: .18rem;}
.imsg .item s{background-position: -1.05rem -0.98rem;}
.imsg .item:nth-child(2) s{background-position: -1.46rem -0.98rem;}
.imsg .item:nth-child(3) s{background-position: -1.82rem -0.98rem;}
.imsg .item .txt{width: 100%; height: .65rem; text-indent: .2rem; line-height: .65rem; border: 0px; background: none; outline: none; color: #666;}
.imsg .item.liuyan{width: 100%; margin-bottom: .2rem; height: 2.08rem;}
.imsg .item.liuyan textarea{width: 100%; color: #666; overflow: hidden; box-sizing: border-box; padding: .1rem 0; text-indent: .2rem; height: 2.08rem; font-family: "微软雅黑"; resize: none; border: 0; background: none;}
.imsg .submit{width: 100%; height: .68rem; cursor: pointer; border: 0; line-height: .68rem; text-align: center; color: #fff; display: block; background: #0754a3;}
/*proPage*/
.proPage .item{margin: 0 3% .4rem; background: #fcfafb; border-bottom: .04rem solid #e7e5e6;}
.proPage .item a{display: block; width: 100%;}
.proPage .item a img{width: 100%; display: block;}
.proPage .item h3{height: 1rem; line-height: 1rem; color: #333333; font-size: .28rem; font-weight: bold; padding-left: .2rem;}
/*aboutPage*/
.aboutPage{padding: .3rem .4rem .4rem; color: #666; line-height: .38rem; box-sizing: border-box;text-align:justify;}
.aboutPage1{background:#fff;}
.aboutPage img{max-width: 100%;}
/*contactPage*/
.contactPage1{background:#fff;}
.contactPage{padding-bottom: .3rem;}
.contactPage .txtcon{padding: 0 .4rem .3rem;}
.contactPage .imessage{position: relative;}
.contactPage .miaod{position: absolute; width: 100%; height: .01rem; display: block; opacity: 0; left: 0; top: -1rem;}
.contactPage .title{margin: .2rem 3% .2rem; color: #61b32e; font-size: .34rem; font-weight: bold;}
.contactPage .mapArea{width: 92%; overflow: hidden; margin-top: .2rem; margin-left:4%;}
.BMap_bubble_content{font-size: .2rem;}

.detailPage{background:#fff;}

/*recomNew*/
.showInfo .showSubTit{width: 100%; height: .65rem; line-height: .65rem; font-weight: normal; margin: .2rem 0 .1rem; background: #f6f6f6; border-bottom: 1px solid #d8d8d8; font-size: .24rem; text-indent: .2rem;}
.recomNew{width: 100%; padding: 0.1rem 0.4rem 2%; margin: 0 auto;}
.recomNew li{width: 100%; height: .6rem;
line-height: .6rem;
border-bottom: 1px solid #eeeeee; overflow: hidden;}
.recomNew li a{font-size: .24rem; display: block; position: relative; padding-left: 2%;}
.recomNew li a:before{content: ""; position: absolute; background: #cccccc; width: 3px; height: 3px; left: 0; top: 0.28rem; z-index: 11; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;}
.recomNew li:hover a{color:#0754a3;} 

.aboutPage .biao td{padding:.09rem; border:1px solid #ccc; vertical-align:middle;WORD-WRAP: break-word;table-layout: fixed;word-break:break-all;}
.rotate1{ transform: rotate(180deg);margin-top: -.12rem!important;}

/* 搜索 */
#top .search{margin:0.1rem auto;width:4.6rem;height:0.56rem;line-height:0.56rem;border-radius:0.5rem;background: #fff;}
#top .search input{border:none;}
#top .search .txt{width:80%;display:block;background:none;height:0.56rem;line-height:0.56rem;text-indent:0.08rem;color:#333;font-size:0.22rem;}
#top .search .searchbtn{background-position:-1.2rem -1.7rem;width:0.4rem;height:0.4rem;display:block;margin:0.05rem 0.2rem 0 0;}
.searchinfo{background:#fff;padding:0.4rem 2%;height:100%;}
.searchinfo h2{color:#000;}
.searchinfo .searchlist{padding:0.2rem 0;}
.searchinfo .searchlist a{display:inline-block;margin:0 1.0rem 0.3rem 0;color:#fff;background:#093c84;font-size:0.24rem; text-align: center;height: 0.64rem;line-height:0.64rem;padding:0 0.2rem;border-radius: 0.5rem;}

/*fenx*/
#nativeShare{margin: 0 auto; width: 100%; padding-top: 0.3rem; max-width: 640px; min-width: 320px;}
#nativeShare .label{margin-left: 0.2rem; font-size: 0.24rem; color: #666666; line-height: 0.6rem;}
#nativeShare .list{width: 5.4rem; float: right;}
#nativeShare .list span{height: 0.9rem; width: 0.9rem; padding: 0; display: inline-block;}
#nativeShare .list span i{margin: 0 auto; width: 0.63rem; height: 0.63rem; display: block;}
#nativeShare .weibo i{background-image: url('../images/weibo.png'); background-size: cover;}
#nativeShare .weixin i{background-image: url('../images/weixin_friend.png'); background-size: cover;}
#nativeShare .weixin_timeline i{background-image: url('../images/weixin.png'); background-size: cover;}
#nativeShare .qq i{background-image: url('../images/qq.png'); background-size: cover;}
#nativeShare .qzone i{background-image: url('../images/qqzone.png'); background-size: cover;}
#nativeShare .more i{background-image: url('../images/more.png'); background-size: cover;}
#nativeShare .list span.qzone,
#nativeShare .list span.more{width: 0.73rem;}
#fenxiang{display: none;}
.fenx{height: 1.0rem; width: 100%;}
.fenx .tt{margin-left: 0.2rem; font-size: 0.24rem; color: #666666; line-height: 0.6rem;}
.fenx .bdsharebuttonbox{width: 80%; float: right;}
.fenx .bdsharebuttonbox a{margin-left: 0.2rem;}
#bdfx a{height: 0.6rem; width: 0.6rem; margin: 0; padding: 0; margin: 0px 0.08rem; display: inline-block;}
#bdfx .d1{background: url(../images/qqzone.png) no-repeat center; background-size: 100% 100%;}
#bdfx .d2{background: url(../images/weibo.png) no-repeat center; background-size: 100% 100%;}
#bdfx .d3{background: url(../images/wxicon.png) no-repeat center; background-size: 100% 100%;}
#bdfx .d4{background: url(../images/qqicon.png) no-repeat center; background-size: 100% 100%;}
embed{width: 100% !important; height: auto !important;}

.xgaid .item figure{padding-top: 67.25%;}

.ckgd{ text-align:center;}
.ckgd a{display: inline-block;
width: 2.06rem;
height: 0.54rem;
line-height: 0.54rem;
border: #37affd solid 1px;
font-size: 0.24rem;
color: #666666;
margin-top: 0.34rem;
border-radius: 0.27rem;}
.floor_3_1 .ckgd{ padding-top:0.4rem;}
.floor_3_1 .ckgd a{border: #fff solid 1px; color:#fff;}







#goodcover {display: none;position: absolute;top: 0%;left: 0%;width: 100%;height:100%;background-color: black;z-index: 1001;-moz-opacity: 0.8;opacity: 0.50;filter: alpha(opacity=80);}
#code {width:100%;height:100%;background-color: #fff;position: absolute;display: none;z-index: 1002;top: 0;overflow: auto; padding-bottom:0.3rem;}
.close-tap {position: fixed; width: 100%;border-bottom: 1px solid #e3e3e3;background-color: #fff; height:0.7rem;}
.close-tap span{ display:block; float:left; padding-left:0.3rem; line-height:0.7rem; color:#1677c4; font-size:0.3rem; font-weight:bold;}
.close-tap .close1{ float:right; margin-top:0.14rem; margin-right:0.2rem; width:0.3rem; background-size:100%;}
.close-tap .close1 img{ width:100%; background-size:100%;}
.filter-content .big-type-list {text-align:left; padding:0 0.3rem; padding-top:0.8rem; height:auto;   overflow-y: auto;}
.filter-content .big-type-list li span{ height:0.6rem; line-height:0.5rem; margin-top:0.2rem; display:block;border-bottom: 1px solid #e3e3e3;}
.filter-content .big-type-list li .subNav{display: flex;margin-top:0.12rem;flex-wrap: wrap;}
.filter-content .big-type-list li .subNav li{background: #f4f4f4; padding:0.13rem 0.18rem;    margin-right: 0.16rem;
    margin-top: 0.16rem;}




.newsPage .item img { width: 2.5rem;}
.ryzzl .item figure { padding-top: 137%;}
.cjwt .item h3{ line-height: 0.34rem;  height: 0.34rem;}
.cjwt .item p{    font-size: 0.22rem;    height: 0.7rem;
    color: #7d7d7d;}
.cjwt .item{height: 1.7rem;}
.cjwt .item .time {
    color: #999;
    font-size: .2rem; padding-top:0.1rem;
}

.cpxq{ background-color:#fff;}
.content{ overflow:hidden;}



.menu1{ margin:0 0.24rem;}
.menu1 ul{ display:inline-block;}
.menu1 ul li{ float:left; width:1.9rem; height:0.64rem; background-color:#fff; border-radius:0.08rem;box-shadow: 0px 1px 7px #dddcdc; margin-right:0.1rem; margin-top:0.24rem; text-align:center; line-height:0.64rem; overflow:hidden;    margin-bottom: 0.24rem;}
.menu1 ul li:nth-child(3n){ margin-right:0;}
.menu1 ul li a{ display:block; font-size:0.22rem; color:#333333; }
.menu1 ul li.hover{ background-color:#1677c4;}
.menu1 ul li.hover a{ color:#fff;}

.menu1 ul li:nth-child(4),.menu1 ul li:nth-child(5),.menu1 ul li:nth-child(6),.menu1 ul li:nth-child(7),.menu1 ul li:nth-child(8),.menu1 ul li:nth-child(9),.menu1 ul li:nth-child(10){ margin-top:0;}

.weui_mask {
    background: rgba(0,0,0,.6);
}

.weui_mask, .weui_mask_transition, .weui_mask_transparent {
    position: fixed;
    z-index: 1000;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.weui_dialog {
    position: fixed;
    z-index: 5000;
    width:6rem;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    padding-top: 40px;
    background-color: #fafafc;
    text-align: center;
    border-radius: 3px;
    overflow: hidden;
}
.weui_dialog_ft {
    position: absolute;
    right: 0;
    top: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
}
.weui_btn_dialog.primary {
    color: #2b2b2b;
}
.weui_dialog_ft a {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-decoration: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    width:0.5rem;
    height:0.5rem;
    background:url(../images/xxx_03.jpg) center center no-repeat;
}
.in_title{    padding: 0 0.3rem;padding-bottom: 0.3rem;}
.in_title li.nav2 {background: #f4f4f4;
    padding: 0.13rem 0.18rem;
    margin-right: 0.16rem;
    margin-top: 0.16rem;float: left;}
	
	
.floor_7_main,.floor_5_main{ padding-top:0.3rem;}	

.ny_product{ background-color:#fff; width:100%;}	
.sub_banner{ width:6.4rem; margin:0 auto; background-size:100%; height:3.5rem;}	
.ny_product{ padding-top:0.56rem;}	
.ny_top { text-align:center;}
.ny_top h3{ font-size:0.32rem; color:#1677c4; line-height:0.32rem; font-weight:bold;}	
.ny_top p{ font-size:0.22rem; color:#999999; line-height:0.22rem; padding-top:0.12rem;}	
.ny_zj{ padding-top:0.26rem; box-shadow: 0px 1px 2px #c9c9c9; padding-bottom:0.3rem;}
.subright h3{ font-size:0.26rem; color:#1677c4; font-weight:bold; padding-left:0.24rem;}
.subright img{ background-size:100%;}	
.subright em{box-shadow: 0px 1px 2px #c9c9c9; display:block; padding-bottom:0.2rem; padding-top:0.2rem; text-align:center;}.subright em img{ background-size:100%; display:inline-block; }
.sub_bottom{ padding-top:0.26rem;}
.sub_bottom p{ margin:0 0.24rem; line-height:0.36rem; font-size:0.24rem; color:#333; padding-top:0.3rem; }
.sub_bottom p span{ display:block;}
.subright .sub_bottom a {
    width: 3.2rem;
    height: 0.8rem;
    background-color: #f79b21;
    border-radius:0.08rem;
    font-size:0.26rem;
    color: #fff;
    text-align: center;
    line-height:0.8rem;
    display: block; margin:0 auto; margin-top:0.14rem;
}
.subright_tu{ padding-top:0.4rem; margin:0 0.24rem;}
.xitys{font-size:0.32rem; color:#1677c4; line-height:0.32rem; font-weight:bold;}
.subright_tu .bd li {
    display: block;
    clear: left; border-bottom:#e9e9e9 solid 1px; padding-top:0.36rem;
}
.subright_tu .bd li b {
    font-size:0.24rem;
    color: #333333;
    display: block;
    background: url(../images/xa_03.png) no-repeat;
    padding-left:0.24rem;
}
.subright_tu .bd li p {
    font-size:0.24rem;
    color: #333333;
    line-height:0.36rem;
    padding-bottom:0.36rem; padding-top:0.22rem; text-indent:0.24rem
}
.plag_xi{background: url(../images/x1_02.jpg) center center no-repeat; width:6.4rem; height:2rem; background-size:100%;}
.plag_xi i{ width:100%; height:1.12rem; display:block;}
.plag_xi a{ display:block; width:1.76rem;
    height: 0.6rem;
    background-color: #fff;
    border-radius:0.08rem;
    font-size:0.26rem;
    color: #1677c4;
    text-align: center;
    line-height:0.6rem;
    display: block; margin-left:0.34rem;}
.other_systems{ padding-top:0.52rem; margin:0 0.24rem;}
.other_systems ul{ display:inline-block;  padding-bottom:0.34rem;}
.other_systems ul li {
    width:1.97rem;
    text-align: center;
    height:1.5rem;
    float: left; margin-top:0.4rem;
}
.other_systems ul li i {
    display: inline-block;
    width:0.79rem;
    height:0.79rem;
}
.other_systems ul li p {
    font-size:0.22rem;
    color: #333;
    line-height:0.28rem;
    font-weight: bold;
    padding-top:0.15rem;
}
.other_systems ul li.li2 i{display: inline-block; width:0.79rem; height:0.79rem;background: url(../images/x2_07.png) center center no-repeat; background-size:100%;}
.other_systems ul li.li3 i{display: inline-block; width:0.79rem; height:0.79rem;background: url(../images/x2_09.png) center center no-repeat;background-size:100%;}
.other_systems ul li.li4 i{display: inline-block; width:0.87rem; height:0.79rem;background: url(../images/x2_15.png) center center no-repeat;background-size:100%;}
.other_systems ul li.li5 i{display: inline-block; width:0.79rem; height:0.79rem;background: url(../images/x2_17.png) center center no-repeat;background-size:100%;}

.plag_xi1{background: url(../images/x4_02.jpg) center center no-repeat; width:6.4rem; height:2.48rem; background-size:100%;}
.plag_xi1 i{ width:100%; height:1.4rem; display:block;}
.plag_xi1 p{ padding-left:0.28rem;}
.plag_xi1 p a.a1{background: url(../images/x5_03.png) center center no-repeat; width:1.6rem; height:0.67rem; background-size:100%; display:block; float:left; font-size:0.24rem; color:#fff; font-weight:bold; line-height:0.67rem; padding-left:1.16rem;}
.plag_xi1 p a.a2{background: url(../images/x5_05.png) center center no-repeat; width:1.6rem; height:0.67rem; background-size:100%; display:block; float:left; margin-left:0.28rem;font-size:0.24rem; color:#fff; font-weight:bold; line-height:0.67rem; padding-left:1.16rem;}


	
	
	
	
	
	

body:before, body:after { content:""; width:100%;display:block; }
/*body:before{ height: .75rem;}*/
body:after{ height: .88rem;}

/*字体*/ 
@media only screen and (min-width:641px) {
    html {
        font-size:100px;
    }
}
@media only screen and (max-width:640px) {
    html {
        font-size:100px;
    }
}
@media only screen and (max-width:540px) {
    html {
        font-size:84.375px;
    }
}
@media only screen and (max-width:480px) {
    html {
        font-size:75px;
    }
}
@media only screen and (max-width:414px) {
    html {
        font-size:64.6875px;
    }
}
@media only screen and (max-width: 400px) {
    html {
        font-size:62.5px;
    }
}
@media only screen and (max-width: 375px) {
    html {
        font-size:58.5938px;
    }
}
@media only screen and (max-width: 360px) {
    html {
        font-size:56.25px;
    }
}
@media only screen and (max-width: 320px) {
    html {
        font-size:50px;
    }
}
