﻿@charset "UTF-8";
*{margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box;}
.ease{transition: all .3s linear;}
a,
a:link,
a:visited,
a:hover,
a:active{color: #000; text-decoration: none;}
html{width: 100%; min-height: 100%;}
body{width: 100%; min-height: 100%; max-width: 640px; min-width: 320px; margin: 0 auto; font: 0.24rem/1.6 "Microsoft Yahei", Arial; color: #333; background: #fff; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
body:before,
body:after{content: ""; width: 100%; display: block;}
body:after{height: 1rem;}
img{border: 0px;}
em,
b{font-style: normal;}
h1,
h2,
h3,
h4,
h5,
h6{font-weight: normal; font-size: .24rem;}
ul,
ol{list-style-type: none;}
input,
button,
textarea{outline: none; font-family: "Microsoft Yahei", Arial; font-size: .24rem; -webkit-appearance: none !important;}
table{border-collapse: collapse; border-spacing: 0;}
input::-webkit-input-placeholder,
textarea::-webkit-input-placeholder{color: #fff;}
input:-moz-placeholder,
textarea:-moz-placeholder{color: #fff;}
input::-moz-placeholder,
textarea::-moz-placeholder{color: #fff;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #fff;}
.hidden{display: none;}
.clearfix:after{content: ""; display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0;}
/*公用样式*/
.layout{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 101; background: #000; opacity: .7;}
.fl{float: left;}
.fr{float: right;}
.por{position: relative;}
.poa{position: absolute;}
.tac{text-align: center;}
.hide,
.hidden{display: none;}
.ico,
.icobef:before,
.icobef:after{background: url(../images/icon.png) no-repeat; display: inline-block; background-size: 4rem auto; vertical-align: middle;}
.icobef:before,
.icobef:after{content: "\20"; display: block;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
.dialog-layout{position: fixed; width: 100%; height: 100%; left: 0; top: 1rem; z-index: 101; background: #000; opacity: .6;}
/***************top and bottom css*********************/
/**header_main**/
.header_main{width: 100%;  position: relative; left: 0; top: 0; z-index: 100; background: #047fcc; box-shadow: 0 0 0.04rem rgba(0, 0, 0, 0.2);}
.header_main .logo{display: block; float: left; height: .8rem; width: .6rem; margin: .1rem 0 0 .2rem; color: #047fcc;}
.header_main .logo img{display: block; height: .8rem;}
.header_main h1{height: .7rem; line-height: .7rem; margin: .15rem 0 0 .2rem; padding-left: .2rem; color: #fff; border-left: 1px solid #86b7d6; float: left;}
.header_main .navbtn{width: .9rem; height: 1rem; padding-top: .32rem; position: absolute; right: 0; top: 0; z-index: 10;}
.header_main .navbtn s{width: .42rem; height: .38rem; display: block; margin: 0 auto; background-position: -1.4rem 0;}
.header_main .navbtn.cur s{background-position: -1.92rem 0;}
.header_main .goBack{width: 1rem; height: .8rem; position: absolute; left: 0; top: 0;}
.header_main .goBack:before{width: 0.22rem; height: 0.36rem; margin: .28rem auto 0; background: url(../g-images/g-ico.png) no-repeat; background-size: 4rem auto; background-position: -0.98rem -0.9rem; content: ''; display: block;}
.header_main .search_ico{display: block; position: absolute; left: 0; top: 0; text-align: center; cursor: pointer; width: .8rem; height: 1rem; z-index: 6; padding-top: .34rem;}
.header_main .search_ico s{width: .45rem; height: .45rem; margin: 0 auto; background-position: -0.62rem 0;}
.header_main .search_ico.on{background: #fff;}
.header_main .search_ico.on s{background-position: -1.92rem 0;}
.header_main.ny_header_main .logo{display: block; margin: 0 auto; float: none; padding-top: .1rem;}
.header_main.ny_header_main .tsearch{width: 100%; padding: .2rem 4%; position: absolute; left: 0; top: 1rem; background: #fff; display: none;}
.header_main.ny_header_main .tsearch s{right: .45rem; top: .34rem;}
.tsearch{width: 5.92rem; height: .64rm; position: relative; margin: 0 auto 0;}
.tsearch .txt{width: 100%; color: #000; padding-left: .2rem; color: #fff; font-size: .22rem; height: .6rem; background: #b3d8f0; border: none; border-radius: .15rem;}
.tsearch s{width: .38rem; height: .38rem; position: absolute; right: .2rem; top: .16rem; background-position: -0.66rem 0;}
/*subNav*/
.subNav{position: fixed; max-width: 640px; min-width: 320px; width: 100%; margin: 0 auto; height: 100%; top: 0; bottom: 0; z-index: 9999; display: none;}
.subNav .subNavCon{width: 100%; height: 100%; position: absolute; right: 0; top: 0; background: #fff;}
.subNav .close{width: .42rem; height: .4rem; display: block; position: absolute; right: .28rem; top: .28rem; margin: 0 auto; background-position: -1.92rem 0;}
.subNav ul{width: 100%; padding: .8rem 0 .5rem; overflow-y: auto; height: 100%;}
.subNav li{width: 94%; display: block; line-height: 0.8rem; margin: 0 3%; position: relative;}
.subNav li a{display: block; color: #333; font-size: 0.26rem; width: 100%; border-bottom: 1px solid #ddd;}
.subNav li a s{width: .25rem; height: .25rem; display: block; text-align: center; color: #333; font-size: .24rem; background-position: -3.68rem 0; margin-top: .27rem; margin-right: .1rem;}
.subNav li a.on{color: #047fcc;}
.subNav li a.on s{background-position: -3.28rem 0;}
.subNav li .box{display: none;}
.subNav li .box a{border-color: #f9f9f9; height: 0.6rem; line-height: 0.6rem; color: #333 !important; font-size: .24rem;}
.subNav li.hover a{color: #047fcc;}
.subNavShow{display: block;}
/***footer****/
.footer_main{text-align: center; color: #666; line-height: .4rem; padding: .2rem 0 .3rem; background: #f5f5f5;}
.footer_main a{color: #666;}
.navBar{width: 100%; height: 1rem; position: fixed; bottom: 0px; left: 0px; z-index: 100; background: #3c3c3c;}
.navBar ul{max-width: 640px; min-width: 320px; width: 100%; height: 1rem; margin: 0 auto;}
.navBar ul li{float: left; width: 25%; height: 1rem;}
.navBar ul li a{width: 100%; height: 1rem; padding-top: .15rem; font-size: .22rem; display: block; text-align: center; color: #fff;}
.navBar ul li a:before{width: .45rem; height: .42rem; display: block; margin: 0 auto .02rem;}
.navBar ul li:first-child{border-left: 0px;}
.navBar ul li:nth-child(1) a:before{background-position: -0.51rem -0.92rem;}
.navBar ul li:nth-child(2) a:before{background-position: 0.06rem -0.92rem;}
.navBar ul li:nth-child(3) a:before{background-position: -1.08rem -0.92rem;}
.navBar ul li:nth-child(4) a:before{background-position: -1.68rem -0.92rem;}
.navBar ul li:hover{background: #047fcc;}
/*悬浮工具*/
.g_top{width: 0.68rem; height: 0.68rem; padding-top: 0.12rem; background: #000; border-radius: 100%; position: fixed; right: 0.1rem; bottom: 1.4rem; display: block; z-index: 999; opacity: 0.89; display: none;}
.g_top:before{width: 0.42rem; height: 0.36rem; margin: 0.08rem auto 0; background-position: -2.56rem 0;}
.g_top:hover{background: #047fcc;}
/***************top and bottom css end*********************/
/* imgtog */
.imgtog{width: 94%; margin: 0 auto; position: relative; overflow: hidden; height: 3.85rem;}
.imgtog .list{float: left; width: 500%; height: 3.85rem;}
.imgtog .list .item{float: left; width: 20%; height: 3.85rem;}
.imgtog .list .item img{width: 100%;}
.imgtog .prev,
.imgtog .next{width: .3rem; height: .45rem; position: absolute; top: .9rem; z-index: 20;}
.imgtog .prev{left: .1rem; background-position: -0.98rem 0;}
.imgtog .next{right: .1rem; background-position: -1.4rem 0;}
.imgtog .tip{height: .2rem; width: 100%; position: absolute; left: 0; bottom: .3rem; margin-left: 0; text-align: center; z-index: 10;}
.imgtog .tip span{width: .4rem; height: .14rem; margin: 0 .08rem; border-radius: .2rem; display: inline-block; cursor: pointer; vertical-align: top; text-align: center; background: #c9c9c9;}
.imgtog .tip span.cur{background: #e6242c;}
.imgtog.banner{height: 4.2rem; width: 5.92rem; margin: 0 auto .3rem; padding-bottom: .5rem; border-radius: .1rem; }
.imgtog.banner .list{height: 3.7rem;}
.imgtog.banner .list .item{height: 3.7rem; box-shadow: 0 0.05rem 0.16rem rgba(0, 0, 0, 0.3); border-radius: .1rem;}
.imgtog.banner .list .item a{width: 100%; display: block;}
.imgtog.banner .list .item img{display: block; min-height: 100%; border-radius: .1rem; }
.imgtog.banner .tip{bottom: .05rem;}
.banner_main{padding: .2rem 0 .3rem;}
.indexsplit{width: 100%; height: .3rem; background: #f6f6f6; border-top: 1px solid #e4e4e4;}
.indexmore,
.addclick{text-align: center; height: 0.74rem; line-height: 0.74rem; width: 94%; display: block; margin: 0 auto .2rem; font-size: .28rem; background: #047fcc; color: #fff;}
.indexmore:link,
.addclick:link,
.indexmore:visited,
.addclick:visited{color: #fff;}
.addclick{width: 94%; border-color: #999;}
.indexTit{height: 0.6rem; line-height: 0.6rem; margin: 0 3% .2rem;}
.indexTit h3{font-size: .32rem; display: inline-block; vertical-align: middle;}
.indexTit h3 strong{color: #047fcc;}
.indexTit:before{width: .4rem; height: .4rem; display: inline-block; vertical-align: middle; background-position: 0 -0.46rem;}
.indexTit .line{width: .32rem; height: .02rem; display: inline-block; vertical-align: middle; background: #dddddd; margin: 0 .06rem;}
.indexTit h4{display: inline-block; vertical-align: middle; font-size: .24rem; color: #999999;}
/*newslist*/
.newslist{padding: .2rem 3% .3rem;}
.newslist .item{width: 100%; display: block; padding: .3rem 0; border-bottom: 1px solid #dddddd; margin: 0 auto;}
.newslist .item img{width: 2.15rem; height: 1.21rem; display: block; margin-right: .32rem; float: left;}
.newslist .item h3{font-size: .3rem; line-height: 0.42rem; height: 0.84rem; margin-bottom: .05rem; overflow: hidden; color: #333; margin-bottom: .1rem;}
.newslist .item .txt{line-height: .32rem; height: .64rem; font-size: .22rem; overflow: hidden; color: #666666; }
.newslist .item .time{color: #999; font-size: .2rem; line-height: .22rem; display: block;}
.newslist .item:first-child{padding-top: 0;}
.newslist .item.hastime{position: relative; padding-left: 1rem;}
.newslist .item.hastime h3{ line-height: .5rem; height: 1rem; margin-bottom: 0; margin-top: .05rem; }
.newslist .item.hastime .txt{ display: none; }
.newslist .item.hastime .time{width: 1rem; position: absolute; left: 0; top: .33rem;}
.newslist .item.hastime .time .day{font-size: .6rem; line-height: .7rem; color: #666; display: block; font-weight: bold;}
.newslist.search .item img{ width: auto; }
.gridlist{padding: .1rem 3% .2rem;}
.gridlist .item{width: 48.5%; float: left; margin-right: 3%; margin-bottom: .26rem; background: #fff; border: 1px solid #dddddd;}
.gridlist .item a{width: 100%; display: block;}
.gridlist .item:nth-child(2n){margin-right: 0;}
.gridlist .item figure{width: 100%; padding-top: 75%; position: relative; overflow: hidden; border-bottom: 1px solid #dddddd;}
.gridlist .item figure img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;}
.gridlist .item h3{width: 100%; height: 0.6rem; line-height: 0.6rem; overflow: hidden; text-align: center; color: #333;}
.gridlist.partner .item figure{ padding-top: 44.95%; }
/*caselist*/
.caselist{padding: .1rem 3% .2rem;}
.caselist .item{width: 48.5%; float: left; height: 3.2rem; position: relative; margin-right: 3%; margin-bottom: .26rem; background: #047fcc;}
.caselist .item a{width: 100%; display: block;}
.caselist .item:nth-child(2n){margin-right: 0;}
.caselist .item figure{width: 100%; padding-top:56.25%; position: relative; overflow: hidden; border-bottom: 1px solid #dddddd;}
.caselist .item figure img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0;}
.caselist .item .txtcon{width: 94%; height: 1.37rem; padding: 0 .15rem; position: absolute; left: 3%; bottom: .1rem; background: #fff; z-index: 10;}
.caselist .item .txtcon h3{height: 1.1rem;line-height: 0.55rem;overflow: hidden;margin-bottom: .1rem;border-bottom: 1px solid #dddddd;color: #333;margin-top: 0.1rem;}
.caselist .item .txtcon .txt{line-height: .3rem;max-height: .6rem;font-size: .2rem;overflow: hidden;color: #666;margin-top: 0.14rem;}
/**********************index css*************************/
/*inav*/
.inav{width: 100%; text-align: center; border-top: 1px solid #dddddd; background: #fff; padding-bottom: .4rem;}
.inav a{width: 100%; display: block; height: 1.48rem; width: 25%; padding-top: .18rem; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; float: left;}
.inav a:before{width: .7rem; height: .7rem; display: block; margin: 0 auto .05rem; content: "\20"; background: url(../images/inav-ico.png) no-repeat 0 0; background-size: auto .7rem;}
.inav a:nth-child(4n+1){border-left: 0;}
.inav a:nth-child(1):before{background-position: .09rem center;}
.inav a:nth-child(2):before{background-position: -0.74rem center;}
.inav a:nth-child(3):before{background-position: -1.54rem center;}
.inav a:nth-child(4):before{background-position: -2.38rem center;}
.inav a:nth-child(5):before{background-position: -3.15rem center;}
.inav a:nth-child(6):before{background-position: -3.98rem center;}
.inav a:nth-child(7):before{background-position: -4.82rem center;}
.inav a:nth-child(8):before{background-position: -5.65rem center;}
.isplit{width: 100%; height: .32rem; border-top: 1px solid #e2e1e1; background: #f3f3f3;}
.iquick{padding: .5rem 0 .3rem;}
.iquick .item{width: 6.1rem; height: 2.64rem; position: relative; margin: 0 auto .1rem;}
.iquick .item a{width: 100%; display: block;}
.iquick .item img{width: 100%; height: 100%; display: block;}
.iquick .item h3{width: 4.4rem; line-height: .38rem; font-size: .32rem; color: #fff; font-weight: bold; position: absolute; top: .6rem; right: 0; z-index: 10; text-align: center;}
.iquick .item .txt{width: 2.9rem; line-height: .4rem; font-size: .26rem; color: #fff; position: absolute; right: .9rem; top: 1.2rem; text-align: center; z-index: 10;}
.iproduct{background: #f3f3f3; padding: .38rem 0; border-top: 1px solid #dadada;}
.ixbanner-img{width: 100%; height: 2.53rem; display: block; position: relative; overflow: hidden;}
.ixbanner-img img{width: 100%; display: block;}
.iadvan{padding: .4rem 0;}
.iadvan .title{text-align: center;}
.iadvan .title h3{font-size: .32rem; font-weight: bold; color: #047fcc;}
.iadvan .list{width: 100%;}
.iadvan li{width: 50%; height: 3.8rem; padding: .36rem .2rem; float: left; text-align: center; border-top: 1px solid #dddddd;}
.iadvan li:before{width: 1.02rem; height: 1.02rem; content: "\20"; display: block; margin: 0 auto .1rem; background: url(../images/iadvan-ico.png) no-repeat 0 center; background-size: auto 1rem;}
.iadvan li h3{font-size: .28rem; height: 0.46rem; line-height: 0.46rem; margin-bottom: .1rem; color: #047fcc;}
.iadvan li .txt{line-height: .35rem; height: 1.4rem; overflow: hidden;}
.iadvan li.a2{background: #047fcc; color: #fff;}
.iadvan li.a2 h3{color: #fff;}
.iadvan li.a2 .txt{color: #9fd7fa;}
.iadvan li.a2:before{background-position: -1.3rem center;}
.iadvan li.a3{background: #047fcc; color: #fff;}
.iadvan li.a3 h3{color: #fff;}
.iadvan li.a3 .txt{color: #9fd7fa;}
.iadvan li.a3:before{background-position: -2.58rem center;}
.iadvan li.a4{background: none; border-bottom: 1px solid #ddd;}
.iadvan li.a4:before{background-position: -3.88rem center;}
.icase{padding: .4rem 0 .2rem;}
.icase .indexTit:before{background-position: -0.45rem -0.45rem;}
.ixbanner{width: 100%; height: 1.85rem; color: #fff; padding: .6rem 0 0 .3rem; font-weight: bold; line-height: .45rem; background: url(../images/ixbannerbg.jpg) no-repeat center top; background-size: cover;}
.iabout{padding: .3rem 0; background: #f8f8f8 url(../images/iaboutbg.jpg) no-repeat center bottom;}
.iabout .indexTit:before{background-position: -0.92rem -0.45rem;}
.iabout .videoCon{width: 100%; padding: .3rem 3%; position: relative; overflow: hidden; background: linear-gradient(#4c87f5 0%, #295ab6 100%); display: block;}
.iabout .videoCon .imgbox{width: 100%; margin: 0 auto; overflow: hidden; display: block;}
.iabout .videoCon .imgbox img,
.iabout .videoCon .imgbox iframe,
.iabout .videoCon .imgbox video{width: 100%; display: block;}
.iabout .tit{padding: .3rem 3% .15rem; font-size: .28rem;}
.iabout .tit span{color: #047fcc;}
.iabout .tit:before{width: .34rem; height: .34rem; display: inline-block; margin-right: .05rem; background-position: -1.42rem -0.52rem;}
.iabout .txt{padding: 0 3% .35rem; line-height: .36rem; color: #555;}
.ihonor{padding: .35rem 0 .3rem;}
.ihonor .gridlist .item{border: 0px;}
.ihonor .gridlist .item figure{border: 0px;}
.ixbanner2{width: 100%; height: 2rem; background: url(../images/ixbnaner2bg.jpg) no-repeat center; background-size: 6.4rem auto; color: #fff; text-align: center;}
.ixbanner2 .txt{padding-top: .15rem; font-weight: bold; text-align: center; line-height: .45rem;}
.ixbanner2 .txt strong{font-size: .32rem; display: block;}
.ixbanner2 .btn{padding-top: .12rem;}
.ixbanner2 .btn a{display: inline-block; width: 2.6rem; height: .6rem; line-height: .6rem; text-align: center; color: #fff; border-radius: .3rem;}
.ixbanner2 .btn a:before{width: .32rem; height: .38rem; display: inline-block; margin-right: .15rem;}
.ixbanner2 .btn a.zx{border: 1px solid #fff; margin-right: .3rem;}
.ixbanner2 .btn a.zx:before{background-position: -2.3rem -0.5rem;}
.ixbanner2 .btn a.tel{background: #e6242c; color: #fff;}
.ixbanner2 .btn a.tel:before{background-position: -2.78rem -0.5rem;}
.inews{padding: .3rem 0;}
.inews .indexTit:before{background-position: -3.22rem -0.45rem;}
/***************index css end*********************/
.pager{width: 100%; padding: .2rem 3% .45rem;}
.pager a,
.pager span{width: 2rem; height: 0.6rem; line-height: 0.6rem; display: block; text-align: center; background: #fff; border: 1px solid #dddddd; float: left;}
.pager a.hover,
.pager span.hover,
.pager a:hover,
.pager span:hover{color: #047fcc; border-color: #047fcc;}
.pager a.next,
.pager span.next{float: right;}
.pager:after{content: ""; display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0;}
.relateBox{padding-bottom: .1rem;}
.relateTit{width: 94%; margin: 0 auto; padding-bottom: .15rem; border-bottom: 1px solid #e4e4e4; margin-bottom: .25rem;}
.relateTit h3{font-size: .28rem; display: inline-block; position: relative; color: #333;}
.relateTit h3 s{width: .28rem; height: .28rem; margin-right: .1rem; background-position: -3.28rem -0.94rem;}
.relateTit h3 .line{width: 100%; height: 2px; display: block; position: absolute; left: 0; bottom: -0.15rem; background: #047fcc;}
.relateTit .more{color: #999999; font-size: .2rem; float: right; margin-top: .08rem;}
.relateTit .more:after{width: .2rem; height: .24rem; display: inline-block; margin-left: .08rem; background-position: -3.65rem -0.5rem;}
.content{padding-bottom: .5rem; background: #f5f5f5; min-height:8rem; }
.content.newsPage{padding-bottom: .1rem;}
.content .gridlist{padding-bottom: 0;}
.content .menu{margin-top: .02rem; margin-bottom: .2rem;}
.content .menu .title{width: 100%; padding: 0 3%; position: relative; height: 0.6rem; line-height: 0.6rem; background: #e6242c; color: #fff;}
.content .menu .title h3{font-size: .26rem;}
.content .menu .title s{width: .44rem; height: .28rem; position: absolute; right: 3%; top: .15rem; background-position: -2.22rem -0.9rem; display: block;}
.content .menu .list{padding: .2rem 0 .1rem 3%;}
.content .menu .list a{width: 30.3%; margin: 0 3% .2rem 0; height: 0.62rem; line-height: 0.62rem; border-radius: .1rem; text-align: center; background: #0d53b3; display: block; box-shadow: 0 0.02rem 0.04rem rgba(0, 0, 0, 0.2); float: left;    color: #ffffff;}
.content .menu .list a.hover,
.content .menu .list a:hover{color: #ffffff; border-color: #047fcc;}
.content .iadvan{padding: 0 0 .35rem;}
.content .iadvan .title{padding-bottom: .3rem; background: url(../images/ny-case-tit.png) no-repeat center bottom; background-size: 2.56rem auto;}
.content .iadvan .title h3{color: #333;}
.content .iadvan .title h3 span{color: #047fcc;}
.content .imgtog{width: 100%; margin: 0 auto; position: relative; overflow: hidden; height: 3rem;}
.content .imgtog .list{float: left; width: 500%; height: 3rem;}
.content .imgtog .list .item{float: left; width: 20%; height: 3rem;}
.content .imgtog .list .item a{display: block;}
.content .imgtog .list .item img{width: 100%; display: block;}
.content .imgtog .tip{bottom: 0;}
.content .imgtog .tip span{width: .12rem; height: .12rem; display: inline-block; border: 1px solid #047fcc;}
.content .imgtog .tip span.cur{background: #047fcc;}
.showPro{background: #fff; padding-bottom: 0;}
.showPro .imgtog{width: 6rem; margin: 0 auto; position: relative; overflow: hidden; height: 4.5rem;}
.showPro .imgtog .list{float: left; width: 500%; height: 4.5rem;}
.showPro .imgtog .list .item{float: left; width: 20%; height: 4.5rem;}
.showPro .imgtog .list .item a{display: block;}
.showPro .imgtog .list .item img{width: 100%; height: 4.5rem; display: block;}
.showPro .imgtog .tip{bottom: 0;}
.showPro .imgtog .tip span{width: .12rem; height: .12rem; display: inline-block; background: none; border: 1px solid #047fcc;}
.showPro .imgtog .tip span.cur{background: #047fcc;}
.showPro .summary{padding: .2rem 3% .4rem;}
.showPro .summary .tit{font-weight: bold; font-size: .28rem; line-height: .42rem; padding: .1rem 0 .15rem; color: #047fcc;}
.showPro .summary .txt{line-height: .48rem; color: #666666;}
.showPro .inquiry_btn{padding: 0 3% .4rem;}
.showPro .inquiry_btn .amore{height: 0.8rem;margin-top: 0.3rem;}
.showPro .inquiry_btn .amore p{font-size: 0.26rem;float: left;border-radius: 0.12rem;text-align: center; color: #fcf8f7;width: 2.85rem;height: 0.7rem;background-color: #047fcc;line-height: 0.7rem;}
.showPro .inquiry_btn .amore p:first-child{margin-right: .3rem;}
.showPro .inquiry_btn .amore a.p2{font-size: 0.26rem;float: left;border-radius: 0.12rem;text-align: center; color: #fcf8f7;width: 2.85rem;height: 0.7rem;line-height: 0.7rem;background: #FFFFFF;border:0.02rem solid #dcdcdc;color: #047fcc;}
.showPro .inquiry_btn .amore a i{font-style:normal;}


.showPro .isplit{margin-bottom: .4rem;}
.showPro .contxt{padding: 0; line-height: .45rem;}
.showPro .contxt img{max-width: 100%; height: auto !important;}
.showPro .contxt td{padding: 4px; border: 1px solid #ccc; text-align: center; vertical-align: middle; WORD-WRAP: break-word; TABLE-LAYOUT: fixed; word-break: break-all;}
.singlePage{background: #fff;}
.singlePage .contxt{padding: .1rem 3% 0; line-height: .45rem;}
.singlePage .contxt img{max-width: 100%; height: auto !important;}
.singlePage .contxt td{padding: 4px; border: 1px solid #ccc; text-align: center; vertical-align: middle; WORD-WRAP: break-word; TABLE-LAYOUT: fixed; word-break: break-all;}
.contactPage{padding-bottom: 0; width: 100%; overflow: hidden; }
.contactPage .contxt{padding: .1rem 3% 0; line-height: .45rem;}
.contactPage .contxt img{max-width: 100%; height: auto !important;}
.contactPage .floor_1{padding: .1rem 3% .4rem;}
.contactPage .floor_1 img{max-width: 100%; display: block; margin: 0 auto;}
.contactPage .floor_1 .t{color: #333; font-size: .24rem; padding: .2rem 0 .1rem;}
.contactPage .floor_1 .txt{font-size: .22rem; line-height: .4rem;}
.contactPage .floor_2{padding: .4rem 3% .53rem; background: #fff;}
.contactPage .floor_2 .title{text-align: center;}
.contactPage .floor_2 .title h3{font-weight: bold; color: #333333; margin-bottom: .05rem;}
.contactPage .floor_2 .title h3 span{color: #047fcc;}
.contactPage .floor_2 .title p{font-size: .2rem; color: #999; height: .42rem; line-height: .42rem; background: url(../images/contact-titbg.png) no-repeat center center; background-size: auto .42rem;}
.contactPage .floor_2 .list{line-height: .94rem; padding: .3rem 0;}
.contactPage .floor_2 .list li{margin: 0 auto; border-bottom: 1px solid #dddddd; font-size: .23rem;}
.contactPage .floor_2 .list li a{ color: #333; }
.contactPage .floor_2 .list li span{ width: 5rem; line-height: .36rem; padding-top: .04rem; vertical-align: middle; display: inline-block; }
.contactPage .floor_2 .list li:before{width: .7rem; height: .7rem; content: "\20"; display: inline-block; vertical-align: middle; margin-right: .05rem; background: url(../images/contact-ico.png) no-repeat 0 center; background-size: auto .7rem;}
.contactPage .floor_2 .list li:nth-child(2):before{background-position: -0.76rem center;}
.contactPage .floor_2 .list li:nth-child(3):before{background-position: -1.52rem center;}
.contactPage .floor_2 .list li:nth-child(4):before{background-position: -2.28rem center;}
.contactPage .floor_2 .list li:nth-child(5):before{background-position: -3.02rem center;}
.contactPage .floor_2 .list li:nth-child(6):before{background-position: -3.74rem center;}
.contactPage .floor_2 .mapArea .tit{padding: .3rem 0 .1rem; color: #333;}
.contactPage .floor_2 .mapArea #allmap{width: 100%; height: 3.5rem; overflow: hidden;}
/*reLink*/
.reLink{margin: .2rem 3% .2rem; font-size: .22rem; border: 1px solid #e3e3e3; 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 #e3e3e3; 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;}
.msgPage{width: 100%; padding: .2rem 3% .4rem;}
.msgPage .item{width: 100%; height: .82rem; line-height: .8rem; padding-left: 1.4rem; position: relative; margin-bottom: .2rem; border: 1px solid #dddddd;}
.msgPage .item .t{width: 1.3rem; position: absolute; left: 0; top: 0; display: block; text-align: center;}
.msgPage .item input{width: 100%; height: .8rem; line-height: .8rem; outline: none; background: none; border: 0px;}
.msgPage .item .tip{width: 1.3rem; height: 0.6rem; line-height: 0.6rem; text-align: center; border: 1px solid #ddd; border-radius: .06rem; position: absolute; right: .1rem; top: .1rem; border: 1px solid #047fcc; color: #047fcc;}
.msgPage .item input[type="file"]{opacity: 0;}
.msgPage .item.itemxt{width: 100%; padding-left: 0; height: 1.6rem;}
.msgPage .item.itemxt textarea{width: 100%; height: 1.55rem; border: 0px; padding: 8px; overflow: hidden; color: #333; resize: none; font-family: "microsoft yahei"; outline: none;}
.msgPage .btn{width: 100%; height: 45px; line-height: 45px; text-align: center; margin-top: .2rem; border-radius: .08rem; background: #047fcc; color: #fff; cursor: pointer; border: 0px;}
.msgPage .btn:hover{background: #eb4e46;}
/*showInfo*/
.showInfo{padding-bottom: 0; overflow: hidden; background: #fff;}
.showInfo article{width: 100%; padding: 0 3% .3rem;}
.showInfo article .title{margin: 0 2%; font-size: .4rem; line-height: .44rem; text-align: center;}
.showInfo article .mark{font-size: .22rem; padding: .2rem 0 .08rem; text-align: center; color: #666666; border-bottom: 1px solid #dddddd;}
.showInfo article .mark span{margin: 0 .06rem;}
.showInfo .reLink{margin: 0 0 .2rem;}
.showInfo .img{width: 94%; margin: .25rem auto;}
.showInfo .img img{max-width: 100%; display: block; margin: 0 auto;}
.showInfo .contxt{padding: .2rem 3% .2rem; line-height: .42rem; color: #666666;}
.showInfo .contxt img{max-width: 100%; height: auto !important;}
.showInfo .contxt td{padding: 4px; border: 1px solid #ccc; text-align: center; vertical-align: middle; WORD-WRAP: break-word; TABLE-LAYOUT: fixed; word-break: break-all;}
.BMap_bubble_content{font-size: .2rem;}
/*fenx*/
#nativeShare{margin: 0 auto; width: 100%; padding-top: 0.3rem; max-width: 640px; min-width: 320px;}
#nativeShare .label{ width: 1.3rem; font-size: 0.24rem; color: #666666; line-height: 0.6rem;}
#nativeShare .list{width: 5.1rem; 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%;}
embed{width: 100% !important; height: auto !important;}
.g_wximg{position: fixed; width: 100%; height: 100%; left: 0; top: 0; z-index: 99999; display: none;}
.g_wximg .close{background: url(../images/close.png) no-repeat center; background-size: .4rem auto; width: .4rem; height: .4rem; cursor: pointer; position: fixed; right: 18%; top: 18%; text-align: center; display: block; z-index: 12;}
.g_wximg .bdtel img{width: 4.0rem !important; display: block;}
.bdtel{position: fixed; top: 22%; z-index: 10; padding: 0 0 .1rem; max-width: 640px; min-width: 320px; width: 100%; left: 50%; transform: translateX(-50%);}
.bdtel .upIn{width: 6.4rem; display: block; text-align: center; color: #fff; padding: 4%; margin: 0 auto;}
.bdtel p{padding: 2%; text-align: center; color: #fff;}
.bdtel img{margin: 0 auto; display: block; max-width: 80% !important;}
.bdtelbg{position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 999; max-width: 640px; min-width: 320px; display: none;}
.bga{background-color: rgba(0, 0, 0, 0.8); width: 100%; height: 100%;}
/*******************fei************/
.navBar ul li.hover{background: #047fcc;}
.erro{padding: 0.4rem 0; text-align: center;}
.erro img{max-width:4rem;}
.contact .box2{margin: 0 0 .7rem;}
.contact .box2 h3{text-align: center; font-size: .3rem; padding-bottom: .3rem;}
.contact .box2 .input{border: 1px solid #ddd; font-size: .22rem; margin-bottom: .2rem;
width: 100%; height: .68rem;
box-sizing: border-box; text-indent: .1rem;}
.contact .box2 textarea{border: 1px solid #ddd; box-sizing: border-box; width: 100%; resize: none; height: 1.8rem; text-indent: 1em; padding: .2rem 0;}
.contact .box2 .btn{background: #047fcc; color: #fff; width: 100%; height: .74rem; line-height: .74rem;
text-align: center; border: none; font-size: .26rem; margin-top: .1rem;}
/*****通用*****/
@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;}}

/***********************************
 *** 网站内容
 **********************************/
/* 图片列表 4:3 */
.list-product { width:100%; background:none; }
.list-product .list { padding:2% 0 3%; }
.list-product .item { float:left; width:47%; margin:0 0 0 2%; }
.list-product .item:active { }
.list-product .item a { display:block; }
.list-product .item figure { display:block; width:100%; height:auto; padding-bottom:75%; position:relative; background:#fff; overflow:hidden; }
.list-product .item img { position:absolute; left:0; top:0; width:100%; min-height:100%; }
.list-product .item h3 { height:.7rem; line-height:.7rem; font-size:.26rem; font-weight:400; text-align:center; }

