@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; background-color:#fff;}
.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{float: left;}
.right{float: right;}
.tr{text-align: right;}
.tl{text-align: left;}
.ico,
.icobef:before,
.icobef:after {
  background: url(../images/ico.png) no-repeat;
  display: inline-block;
  background-size: 5rem auto;
  vertical-align: middle;
}
.icobef:before,
.icobef:after {
  content: "\20";
  display: block;
}
img,object{max-width:100%;}
/*webcss reset部分结束*/
.mai_top{min-width:320px;max-width:800px;margin:0 auto; height:auto; position: fixed; z-index:666; width:6.4rem; top:0;}
.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;}
.icon1 { background: url(../images/icon1.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:#38a72f; background-size:100%; box-shadow: 0px 1px 3px #e1f2e0;}
.wa_left .logo{width:3.08rem; height:0.68rem; text-align:center; margin-left:0.24rem; margin-top:0.16rem; display:block;}
.wa_left .logo img{width:3.08rem; height:0.68rem; background-size:100%; display:block;}
.wa_left .btn{ width:1.2rem; height:0.8rem; position:relative;    margin-top: 0.1rem;}
.wa_left .btn i{width:1.2rem; height:0.8rem; display:block;}
.wa_left .btn b{width:1.2rem; height:0.8rem; display:block; background:url(../images/top_02.png) no-repeat; position:absolute; left:0; top:0; display:none; }
.wa_left .btn i img{width: 0.40rem; height: 0.34rem; position:absolute; top:0.26rem; left:0.5rem; }
.wa_left .btn b img{width: 0.40rem; height: 0.34rem; position:absolute; top:0.26rem; left:0.5rem;}

.wa_right .logo{width:3.08rem; height:0.68rem; text-align:center; margin-left:0.24rem; margin-top:0.16rem; display:block;}
.wa_right .btn1{ width:1.2rem; height:0.8rem; position:relative; margin-top:0.1rem;}
.wa_right .btn1 b{width:1.2rem; height:0.8rem; display:block;  position:absolute; left:0; top:0;  }
.wa_right .btn1 img{width: 0.40rem; height: 0.34rem; position:absolute; top:0.26rem; left:0.5rem;}
.wa_logo{ width:100%;z-index: 10;position: relative; height:1rem;background-size:100%;box-shadow: 0px 1px 5px #e6e5e5;background-color:#38a72f;}
.wa_right .logo img{width:3.08rem; height:0.68rem; background-size:100%; display:block;}

.wa_left .topsearch { display: block; position: absolute; left:0.34rem; top: .3rem; text-align: center; cursor: pointer; width: .5rem; height: .5rem; margin: 0 auto;}
.wa_left .topsearch span { display: block; width: 0.36rem; height: 0.35rem;  background-position:0 -1.27rem;}
.wa_left .tsearch { position: absolute;  height: 1rem;  width: 6.4rem !important; padding: .2rem 5%; left: 0; top: .8rem; 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: #005bac; 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.8rem; background-color: #f2f2f2; position: absolute; top: 0; left: 2%; 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: .3rem; margin-left: .26rem; background-position: 0rem -1.72rem;}




#banner_main { width: 5.92rem; margin:0 auto; overflow: hidden; psosition:relative; height:4rem; background-size: 1px auto; margin-top:0.3rem; }
.banner { margin: 0 auto; width: 100%; *zoom: 1; overflow: hidden; position: relative; height:4rem;}
.banner .list { width: 100%; overflow: hidden; height:3.7rem;}
.banner .list li { float: left; width: 100%; overflow: hidden; height:3.7rem;border-radius:0.1rem;box-shadow: 0px 1px 5px #e5f5fc;}
.banner .list li img { width: 100%; height: 3.7rem;border-radius:0.1rem;box-shadow: 0px 1px 5px #e5f5fc;}
#banner .tip { width: 80%; text-align: center; clear: both;position: absolute; left: 8%; bottom: 0%; z-index: 2; font-size: 0;}
#banner .tip span { display: inline-block;vertical-align: middle; width: 0.3rem; height: 0.12rem; margin: 0 0.1rem; vertical-align: middle; border-radius:0.3rem; margin-top:0.02rem; background-color:#c9c9c9; background-position:-3.7rem -2.59rem;}
#banner .tip span.cur {  width: .4rem; height: .12rem; background-position:-3.6rem -2.76rem;}

.in_title{ padding-top:0.4rem; text-align:center; width:100%;}
.in_title h3{ font-size:0.32rem; color:#38a72f; line-height:0.32rem; font-weight:bold;}
.in_title p{ display:inline-block;font-size:0.2rem; color:#38a72f; line-height:0.2rem; padding-top:0.14rem;}
.in_title i{ display:inline-block; width:4.28rem; height:0.2rem; background:url(../images/a3_03.png) center center no-repeat; background-size:100%; margin-top:0.1rem;}
.floor_1_main{ width:100%; background-size:100%; padding-bottom: 0.4rem; padding-top:0.3rem; border-bottom:#e5e5e5 solid 1px;}
.floor_1{ width:100%; background-size:100%;}
.floor_1 ul{ display:inline-block; width:6.4rem;}
.floor_1 ul li{ display:block; float:left; width:25%; text-align:center; margin-top:0.24rem; position:relative;}
.floor_1 ul li a{ display:block;}
.floor_1 ul li em{ display:inline-block; width:1.02rem; height:1.25rem; background-size:100%; background:url(../images/a1_03.png) center center no-repeat; background-size:100%;}
.floor_1 ul li img{ width:0.98rem; height:0.98rem; background-size:100%;}
.floor_1 ul li p{ font-size:0.24rem; color:#333333; margin-top: -0.36rem;}
.floor_1 ul li:nth-child(2) em{ background:url(../images/a1_05.png) center center no-repeat; width:1.02rem; height:1.25rem; background-size:100%;}
.floor_1 ul li:nth-child(3) em{ background:url(../images/a1_07.png) center center no-repeat; width:1.02rem; height:1.25rem; background-size:100%;}
.floor_1 ul li:nth-child(4) em{ background:url(../images/a1_09.png) center center no-repeat; width:1.02rem; height:1.25rem; background-size:100%;}

.gengduo{ text-align:center;width:5.92rem; margin:0 auto; margin-top:0.46rem;}
.gengduo a{ display:block; width:5.92rem; height:0.72rem; background:url(../images/a4_03.jpg) center center no-repeat; background-size:100%; font-size:0.28rem; color:#fff; line-height:0.72rem;}

.floor_2_main{ border-top:#f7f7f7 solid 0.3rem; background:url(../images/a2_02.jpg) center center no-repeat; width:100%; height:10.5rem; background-size:100%;}
.floor_2_1{ margin-top:0.1rem; position:relative; margin:0 0.24rem;}
.floor_2_1 ul{ display:inline-block;}
.floor_2_1 ul li{ float:left; width:2.8rem; text-align:center;margin-right:0.32rem; margin-top:0.26rem;}
.floor_2_1 ul li:nth-child(2n){ margin-right:0;}
.floor_2_1 ul li img{ display:block; width:2.78rem; height:2.78rem; border:#ddd solid 1px; background-size:100%; }
.floor_2_1 ul li p{ display:block; width:2.8rem; padding-top:0.2rem; line-height:0.24rem;}


.floor_4_1{ margin-top:0.36rem;}
.floor_4_1 dl dt{ background:url(../images/a6_02.jpg) center center no-repeat; width:100%; height:4.4rem; background-size:100%;}
.floor_4_1 dl dt img{ width:5.7rem; height:3.86rem; background-size:100%; margin-left:0.35rem; margin-top:0.10rem;}
.floor_4_1 dl dd{ padding:0 0.24rem;}
.floor_4_1 dl dd h4{ width:100%; display:inline-block;}
.floor_4_1 dl dd h4 em{ display:block; font-size:0.24rem; color:#333; font-weight:normal; line-height:0.24rem; float:left;}
.floor_4_1 dl dd h4 strong{ width:0.8rem; height:0.01rem; background-color:#666; display:block; float:left; margin-top:0.1rem; margin-left:0.12rem;}
.floor_4_1 dl dd h3{ width:100%; display:inline-block; padding-top:0.1rem;}
.floor_4_1 dl dd h3 span{ display:block; font-size:0.3rem; color:#38a72f; font-weight:bold; line-height:0.3rem; float:left;}
.floor_4_1 dl dd h3 .icon{ width:0.21rem; height:0.21rem; background-position:-3.79rem -2.28rem; display:block; float:left; margin-top:0.06rem; margin-left:0.14rem;}
.floor_4_1 dl dd p{ display:block; font-size:0.24rem; color:#666; font-weight:normal; line-height:0.36rem; padding-top:0.3rem;}

.floor_4_main .genduo{ margin-top:0.4rem;}



.floor_5_main{  background:url(../images/a4_02.jpg) top center no-repeat; width:100%; height:15.16rem; background-size:100%;}
.floor_5_main .floor_5_1{ margin:0 0.4rem; margin-top:0.4rem;}
.floor_5_main .floor_5_1 dl dt img{ width:5.4rem; height:3.04rem;}
.floor_5_main .floor_5_1 dl dd{width:100%;}
.floor_5_main .floor_5_1 dl dd .about{ padding-top:0.78rem;}
.floor_5_main .floor_5_1 dl dd .about h3{ font-size:0.34rem; color:#0069c5; line-height:0.34rem;}
.floor_5_main .floor_5_1 dl dd .about p{ font-size:0.22rem; color:#666; line-height:0.22rem; padding-top:0.16rem;}
.floor_5_main .floor_5_1 dl dd a .cont{ font-size:0.24rem; color:#333333; line-height:0.45rem; padding-top:0.36rem; display:block;}
.floor_5_main .floor_5_1 dl dd a.learnMore{ margin:0 auto;  width:3.6rem; height:0.65rem; line-height:0.65rem; display:block; font-size:0.26rem; color:#fff; margin-top:0.34rem;transition: all ease 500ms; background-color:#cc0000; text-align:center;}

.floor_8_main{  width:100%; background-size:100%; border-bottom:#cccccc solid 1px; padding-bottom:0.56rem; padding-top:0.1rem;}
.floor_8_1{ margin-top:0.1rem; position:relative; margin:0 0.24rem;}
.floor_8_1 ul{ display:inline-block;}
.floor_8_1 ul li{ float:left; width:2.82rem; text-align:center;margin-right:0.28rem; margin-top:0.3rem;}
.floor_8_1 ul li:nth-child(2n){ margin-right:0;}
.floor_8_1 ul li img{ display:block; width:2.82rem; height:2.15rem; background-size:100%; }
.floor_8_1 ul li p{ display:block; width:2.8rem; padding-top:0.2rem; line-height:0.24rem;}

.floor_6_main{border-top:#f7f7f7 solid 0.3rem; padding-bottom:0.6rem; }
.floor_6_2{ margin:0 0.24rem;}
.floor_6_1{ width:100%; padding-top:0.2rem;}
.floor_6_1 .list { display:inline-block; width:100%; }
.floor_6_1 .list li { float:left; width:2.82rem; height:1.28rem; border:0.01rem solid #ddd; margin-right:0.20rem; position:relative; overflow:hidden; margin-top:0.20rem; text-align:center;}
.floor_6_1 .list li:nth-child(2n){ margin-right:0;}
.floor_6_1 .list a { display:inline-block; }
.floor_6_1 .list img { display:inline-block; width:98%; height:98%; background-size:100%;-webkit-transition: all ease 300ms;-moz-transition: all ease 300ms;-ms-transition: all ease 300ms;-o-transition: all ease 300ms;transition: all ease 300ms; overflow:hidden;    margin-top: 1%; }



.textlist{ display:block; margin:0 0.3rem;}
.textlist ul{ display:inline-block; width:100%;}
.textlist ul li{ display:block; height:1.2rem; padding-top:0.4rem; border-bottom:#dddddd solid 1px; padding-bottom:0.4rem;}
.textlist ul li:nth-child(4){ border-bottom:none;}
.textlist ul li .tl{ float:right; width:3.4rem;}
.textlist ul li .tl em{ display:block; font-size:0.28rem; color:#333333; line-height:0.46rem; height:0.98rem; font-weight:bold;}
.textlist ul li .tl span{ background:url(../images/a7_03.png) left no-repeat; display:block; font-size:0.2rem; color:#999999; line-height:0.2rem; float:left; height:0.24rem; line-height:0.24rem;  background-size:0.26rem 0.24rem; padding-left:0.36rem; }
.textlist ul li .tl i{background:url(../images/a7_05.png) left no-repeat; display:block; font-size:0.2rem; color:#999999; line-height:0.2rem; float:left; margin-left:0.2rem;height:0.24rem; line-height:0.24rem; background-size:0.32rem 0.24rem; padding-left:0.4rem;}
.textlist ul li img{ float:left; width:2.14rem; height:1.2rem; background-size:100%;}
.textlist ul li .tl b{ width:0.19rem; height:0.06rem; background-position:-1.95rem -1.35rem; float:right; display:block; margin-top:0.1rem;}
.textlist ul li:nth-child(3){ border-bottom:none; padding-bottom:0;}
.floor_7_main{ background-size:100%; background-color:#f0f2f5; margin-top:0.56rem; padding-bottom:0.56rem;}

.footer{ width:6.4rem; margin:0 auto; padding-top:0.3rem; padding-bottom:1.4rem; text-align:center; background-color:#f5f5f5; border-top:#e3e3e3 solid 1px;}
.footer span{ display:block; font-size:0.24rem; color:#ababab; font-family:"Arial"; padding-top:0.1rem;}
.footer p{ display:block; font-size:0.24rem; color:#ababab; padding-top:0.1rem;}
.footer p a{ display:inline-block; padding:0 0.15rem; color:#ababab;}


/*ipro*/
/**************category****************/
.cateList{width:6.4rem; height: 0.8rem;line-height: 0.8rem; text-align: center; background: #0068c4; color: #fff; position: relative; margin-top:0.9rem;}
.cateList .goBack{width: .20rem; height: .33rem; position: absolute; left: .18rem; top: 0.2rem; background-position:-0rem -3.22rem;}
.cateList h3{font-size: .3rem; text-align:left; padding-left:0.34rem;}
.cateList h3 s{width: .26rem; height: .16rem; margin-left: .1rem; background-position: -0.8rem -3.3rem;display: inline-block; position:absolute; right:0.34rem; top:0.34rem;}
.cateList .box{width: 100%; position: absolute; left: 0; top: .8rem; z-index: 11; background: #005198; display: none;}
.cateList .box a{width:100%; height: .7rem; line-height: .7rem;  font-size: .26rem; text-align: center; display: block; text-align:left; color:#add4f7;}
.cateList .box a span{ width:90%; margin:0 auto; display:block; border-bottom:#82c4fe solid 1px;}
.cateList .box a.on{background: #82c4fe; color: #005198;border-bottom:none;}
.cateList .box a.on span{border-bottom:none;}
.rotate1 { transform: rotate(180deg);}
.cateList .box a:last-child span{border-bottom:none;}




/*picturePage*/







.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;  text-align:center; padding-top:0.4rem;height: 100%;}
.nav li{ position: relative; width: 100%;}
.nav li a{ overflow:hidden; width: 100%; color: #333; display: block; font-size: 0.28rem; position: relative;}
.nav li a span{height: 1rem; line-height: 1rem;border-bottom:#d8d8d8 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:#fff; 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:#1e479c solid 0.01rem;}
.nav li.act a{ border-bottom:#1e479c dotted 1px; background-color:#1e479c; color: #fff;}*/
.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);}
/*底部 start*/
.btmH{width:100%;}
.f_tit_bnav {position: fixed;bottom: 0rem;left:0%;width:100%;cursor: pointer; background-color: #fff;font-size: 0.2rem;z-index: 88;height:1rem; border-top:#dddddd solid 1px; }
.f_tit_bnav ul li {float: left;text-align: center;width:20%; height:1rem;}
.f_tit_bnav li a{color: #fff;display:block; font-size:0.22rem;}
.f_tit_bnav li i{ display:inline-block; width:0.44rem; height:0.42rem; background:url(../images/bottom_08.png) no-repeat; background-size:100%; margin-top:0.12rem; }
.f_tit_bnav li img{display: block;margin:0 auto;width: 0.3rem; height:0.29rem; margin-top:0.26rem; margin-bottom:0.08rem;}
.f_tit_bnav li img.f_tit_img02{display:none;}
.f_tit_bnav li span{ display:block; font-size:0.22rem; color:#666;}
.f_tit_bnav li.li2 i{ display:inline-block; width:0.44rem; height:0.42rem; background:url(../images/bottom_03.png) no-repeat; background-size:100%; }
.f_tit_bnav li.li3 i{ display:inline-block; width:0.84rem; height:0.84rem; background:url(../images/a18_03.png) no-repeat; background-size:100%;    margin-top: -0.35rem; }
.f_tit_bnav li.li4 i{ display:inline-block; width:0.44rem; height:0.42rem; background:url(../images/bottom_05.png) no-repeat; background-size:100%; }
.f_tit_bnav li.li5 i{ display:inline-block; width:0.44rem; height:0.42rem; background:url(../images/bottom_09.png) no-repeat; background-size:100%; }
/*底部 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%;}

body:before, body:after { content:""; width:100%;display:block; }
body:before{ height: 1rem;}
/*body:after{ height: 0.8rem;}*/