@charset "UTF-8";
*{margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box;}
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 'PingFang SC', 'Myriad Pro', "microsoft yahei", 'Helvetica Neue', Helvetica, Arial, sans-serif;color: #000;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;padding-top: .8rem;}
body:before,
body:after{content: ""; width: 100%; display: block;}
body:after{height: .82rem;}
img{border: 0px;}
em,
b{font-style: normal;}
h1,h2,h3,h4,h5,h6,h7{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: #999;}
input:-moz-placeholder,
textarea:-moz-placeholder{color: #999;}
input::-moz-placeholder,
textarea::-moz-placeholder{color: #999;}
input:-ms-input-placeholder,
textarea:-ms-input-placeholder{color: #999;}
.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: 1;}
.dialog-layout{position: fixed; width: 100%; height: 100%; left: 0; top: .8rem; z-index: 101; background: #000; opacity: .7;}
.fl{float: left;}
.fr{float: right;}
.por{position: relative;}
.poa{position: absolute;}
.hidden{display: none;}
.tac{text-align: center;}
.g-ico,
.g-icobef:before,
.g-icobef:after{background: url(../images/g-ico.png) no-repeat; display: inline-block; background-size: 4rem auto; vertical-align: middle;}
.g-icobef:before,
.g-icobef:after{content: "\20"; display: block;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
/*header*/
.header{max-width: 640px;min-width: 320px;width: 100%;height: .8rem;line-height:.8rem;margin: 0 auto;text-align: center;z-index: 99;background: #2173AA;position: fixed;top: 0px;}
.header .logo{height: .45rem; max-width: 60%; display: block; text-align: center; margin: 0 auto;}
.header .logo img{height: .45rem; display:inline-block; vertical-align: middle;}
.header .home{width: 1rem; height: .8rem; padding: .18rem 0 0 .2rem; display: block; position: absolute; left: 0; top: 0;}
.header .home:before{width: .42rem; height: .42rem; display: block; background-position: 0 0;}
.header h1{width: 100%; height: 0.8rem; line-height: 0.8rem; text-align: center; font-size: .3rem; color: #fff;}
.header .navBtn{width: 0.8rem; height: 0.8rem; text-align: center; position: absolute; right: 0; top: 0; z-index: 11;}
.header .navBtn span{width: .4rem; height: .03rem; display: block; left: .25rem; z-index: 11; position: absolute; background: #fff; transition-duration: .5s;}
.header .navBtn span:first-child{top: .26rem;}
.header .navBtn span:nth-child(2){top: .38rem; transition-duration: .1s;}
.header .navBtn span:nth-child(3){top: .5rem;}
.header .navBtn.close{z-index: 222;}
.header .navBtn.close span{z-index: 222;}
.header .navBtn.close span:nth-child(2){left: -100%; opacity: 0;}
.header .navBtn.close span:nth-child(1){transform: rotate(45deg); top: 50%;}
.header .navBtn.close span:nth-child(3){transform: rotate(-45deg); top: 50%;}
.header .goBack{width: .7rem; height: .8rem; position: absolute; left: 0; top: 0; z-index: 11;}
.header .goBack:before{width: .33rem; height: .26rem; display: block; margin: .28rem auto; background-position: -1.98rem 0;}
/*.g-top*/
.g-top{width: .88rem;height: .88rem;padding-top: .25rem;text-align: center;background: #2173AA;border-radius: 100%;position: fixed;z-index: 99;right: 3%;bottom: 15%;display: block;font-size: .18rem;color: #575c65;display: none;}
.g-top:before{width: .42rem; height: .36rem; margin: auto; background-position: -2.48rem 0;}
/*footer*/
.footer{width: 100%;padding: .3rem 3% .4rem;line-height: .35rem;font-size: .2rem;color: #666;text-align: center;}
.footer a{color: #666;}
/* navBar */
.navBar{width: 100%; height: .82rem; position: fixed; bottom: 0px; left: 0px; z-index: 100; background: #2173AA;}
.navBar ul{max-width: 640px; min-width: 320px; width: 100%; height: .82rem; margin: 0 auto;}
.navBar li{float: left; width: 25%; height: .82rem;}
.navBar li.kf{width: 50%; background: #2C93D7;}
.navBar li.kf{line-height: .82rem; font-weight: bold;}
.navBar li.kf a{font-size: .26rem; padding: 0;}
.navBar li a{width: 100%; height: .82rem; font-size: .2rem; padding-top: .08rem; display: block; text-align: center; color: #fff;}
.navBar li a.g-icobef:before{width: .42rem; height: .42rem; display: block; margin: 0 auto;}
.navBar li:nth-child(1) .g-icobef:before{background-position: -0.71rem 0;}
.navBar li:nth-child(2) .g-icobef:before{background-position: -1.3rem 0;}
/*subNav*/
.ease{transition: all .3s linear;}
.subNav{position: fixed; width: 4rem; height: 100%; top: .8rem; right: 0; z-index: 111; background: rgba(255, 255, 255, 0.9); -webkit-transform: translateX(4rem); -moz-transform: translateX(4rem); -ms-transform: translateX(4rem); transform: translateX(4rem);}
.subNav .con{width: 100%; height: 100%; margin: 0 auto;}
.subNav .list{padding-top: .1rem;}
.subNav .list li{width: 100%; height: 0.75rem; line-height: 0.75rem; padding: 0 .25rem;}
.subNav .list li a{display: block; width: 100%; position: relative; font-size: .26rem; color: #000;}
.subNav .list li a:before{width: 0.3rem; height: 0.32rem; content: "\20"; display: inline-block; vertical-align: middle; margin-right: .2rem; background: url(../images/nav-ico.png) no-repeat center 0.05rem; background-size: .3rem auto;}
.subNav .list li:nth-child(2) a:before{background-position: center -0.36rem;}
.subNav .list li:nth-child(3) a:before{background-position: center -0.79rem;}
.subNav .list li:nth-child(4) a:before{background-position: center -1.18rem;}
.subNav .list li:nth-child(5) a:before{background-position: center -1.59rem;}
.subNav .list li:nth-child(6) a:before{background-position: center -2rem;}
.subNav .list li:nth-child(7) a:before{background-position: center -2.42rem;}
.subNav .list li:nth-child(8) a:before{background-position: center -2.82rem;}
.subNav .list li:hover a,
.subNav .list li.hover a{color: #2173AA;}
.subNavShow2{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
/*首页导航*/
.inav_t{width:100%;height:1.4rem;background: #313131;}
.inav_t dl{height: 1.4rem; overflow:hidden;}
.inav_t dl dd{width:25%;height:0.7rem;float: left;text-align: center;border-right: 1px #474747 solid;border-bottom: 1px #474747 solid;}
.inav_t dl dd:nth-child(5),.inav_t dl dd:nth-child(6),.inav_t dl dd:nth-child(7),.inav_t dl dd:nth-child(8){border-bottom: 1px #474747 solid;}
.inav_t dl dd a{display:block; width: 100%; height: .69rem; line-height: .69rem; color: #fff;}
/*首页导航*/
/*banner*/
.banner{width: 100%; height: 3rem; position: relative; overflow: hidden;}
.banner li{height: 4.3rem;}
.banner .list{float: left; width: 500%;}
.banner .list a{display: block; width: 100%;}
.banner .list li{float: left; width: 20%; position: relative;}
.banner .list img{display: block; margin: 0 auto; width: 100%;}
.banner .tip{width: 100%; padding: 0 3%; height: .15rem; position: absolute; text-align: center; left: 0px; bottom: .15rem;}
.banner .tip span{height: .12rem; width: .12rem; margin: 0 .08rem; border-radius: 100%; display: inline-block; vertical-align: top; background: #fff;}
.banner .tip span.cur{background: #2173AA; border: 0px;}
/*tsearch*/
.tsearch{width:6.4rem!important;padding: .2rem 3%;z-index: 99;box-sizing: border-box;}
.tsearch input{  -webkit-appearance: none; }
.tsearch .txt{width: 85%;color: #666;text-indent: .3rem;font-size:.22rem;height: .66rem;background: #fff;border: 0.01rem solid #2173AA;}
.tsearch .btn{float: right;color:#fff;font-size:.22rem;width: 15%;height:.66rem;line-height: .6rem;text-align: center;border:0px;background: #2173AA url(../images/g-ico.png) no-repeat;background-size: 4.5rem auto;background-position: -3.83rem -1.68rem;}
/*tsearch*/
.iservice{padding: .5rem 0; background: #f9f9f9;}
.iservice li{width: 33.3%; float: left; text-align: center;}
.iservice li img{width: 1.42rem;height: 1.42rem;color: #67b308;display: block;margin: 0 auto .08rem;border-radius: 50%;-webkit-border-radius: 50%;}
.iservice li h3{font-weight: bold;color: #2173AA;font-size: .26rem;width: 100%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.gridlist .item{width: 48%; margin-right: 4%; float: left; margin-bottom: .1rem; text-align: center; position: relative;}
.gridlist .item:nth-child(2n){margin-right: 0;}
.gridlist .item a{width: 100%; display: block;}
.gridlist .item figure{width: 100%; position: relative; padding-top: 75%; overflow: hidden;}
.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;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.indexTit{padding: .2rem 0 0; margin-bottom: .2rem; text-align: center; position: relative;}
.indexTit h3{font-size: .34rem; font-weight: bold; color: #000000;}
.indexTit .line{width: 100%; height: 1px; display: block; position: absolute; left: 0; bottom: .16rem; background: #eeeeee;}
.indexTit .en{color: #b9b9b9; font-size: .18rem; position: relative; z-index: 11; display: inline-block; background: #fff; padding: 0 .1rem; text-transform: uppercase;}
.icase{width: 100%; padding: .2rem 4%;}
.icase .tab{text-align: center;margin-bottom: .15rem;}
.icase .tab a{width: 29%;height: 0.48rem;line-height: 0.48rem;margin: 0 .08rem .1rem;display: inline-block;padding: 0 .1rem;background: #333333;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.icase .tab a:hover{background: #2173AA;}
.ixbanner{width: 100%; height: 1.8rem; }
.ixbanner .con{padding: 1.06rem 0 0 2.3rem; line-height: .2rem;}
.ixbanner .btn{width: 1.4rem; height: .4rem; margin-right: .1rem; text-align: center; line-height: .4rem; display: block; background: #fff; color: #67b308; float: left;}
.ixbanner span{display: block; font-size: .16rem; line-height: .18rem; color: #fff;}
.ixbanner .tel{color: #fff; font-weight: bold; line-height: .28rem; font-size: .28rem;}
.iabout{padding: .2rem 4%;}
.iabout .img{width: 100%; max-height: 3.15rem; overflow: hidden; display: block;}
.iabout .img img{width: 100%; display: block;}
.iabout .tit{font-weight: bold; font-size: .34rem; padding: .26rem 0 .18rem; text-align: center; color: #000000;}
.iabout .txt{color: #666666; line-height: .36rem; height: 1.8rem; overflow: hidden; padding: 0;}
body .more{width: 100%; height: 0.7rem; line-height: 0.7rem; color: #fff; background: #2173AA; display: block; text-align: center; margin-top: .2rem;}
.inews{padding: .2rem 4% .1rem;}
.inews .tab{text-align: center;margin-bottom: .1rem;}
.inews .tab a{width: 29%;height: 0.48rem;line-height: 0.48rem;margin: 0 .08rem .1rem;display: inline-block;padding: 0 .1rem;background: #333333;color: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.inews .tab a:hover{background: #2173AA;}
.inews .item{width: 100%;display: block;padding: .1rem 0 .1rem;}
.inews .item img{width: 1.6rem; height: 1.2rem; float: left; margin-right: .36rem; display: block;}
.inews .item h3{font-size: .3rem;line-height: .35rem;margin-top: .02rem;color: #333333;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.inews .item .txt{text-align: justify;margin-top: .2rem;font-size: .24rem;line-height: .35rem;height: .7rem;overflow: hidden;color: #999999;}
/*aboutTit*/
.icon{ background:url(../images/icon.png) no-repeat;display:inline-block;background-size:2.4rem auto;vertical-align:middle; }
.icon,.iconbef:before,.iconbef:after{ content: "\20"; display:block; }
.iconbef:before{background: url(../images/icon.png) no-repeat;background-size:2.4rem auto;    vertical-align: middle;}
.cateList{width: 100%;line-height: 0.8rem;text-align: center;background: #f1f1f1;color: #333;position: relative;margin-bottom: .4rem;}
.cateList .goBack{width: .8rem; height: .8rem; padding-top: .25rem; position: absolute; left: .1rem; top: 0;z-index:12;}
.cateList .goBack:before{width: .2rem; height: .32rem; display: block; margin: 0 auto; background-position: -1.5rem -2.1rem;}
.cateList h3{position:relative;font-size: .3rem;}
.cateList h3 s{position:absolute;top:0.34rem;right:.4rem;width: .22rem;height: .18rem;margin-left: .1rem;background-position: -1.06rem -2.2rem;display: none;}
.cateList .box{width: 100%;padding: .2rem 3% .0;z-index: 11;background: #fff;display: none;border-bottom:1px solid #ddd;}
.cateList .box a{width: 48.5%;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;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.cateList .box a:nth-child(2n){margin-right: 0;}
.cateList .box a.on{background: #2173AA;border-color: #2173AA;color: #fff;}
.pro_select{width: 100%; padding: 0 3% .3rem 3%; background: #2173AA;}
.pro_select select{width: calc(48.5%); padding: 0 .1rem; margin-left: 3%; margin-bottom: 3%; border: 0px; background: #fff; height: 0.58rem; line-height: 0.58rem; color: #666666; float: left;}
.pro_select select:nth-child(2n+1){margin-left: 0;}
.moreBtn{width: 94%; margin: .3rem auto 0; text-align: center; color: #000; height: 0.88rem; line-height: 0.88rem; display: block; background: #f1f1f1;}
.newsPage{padding-bottom: .3rem;}
.newsPage .list{padding: 0 3%;}
.newsPage .item{width: 100%;display: block;padding: 3%;background: #f7f7f7;margin-bottom: 4%;}
.newsPage .item img{width: 1.6rem;height: 1.2rem;display: block;margin-right: .2rem;}
.newsPage .item h3{font-size: .26rem;line-height: 0.4rem;margin-bottom: .1rem;color: #000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.newsPage .item p{font-size: .23rem;line-height: 0.35rem;color: #999999;overflow: hidden;}
.newsPage .moreBtn{margin-top: 0;}
.newsPage .erro{padding: 0 3%;}
.productPage{padding: 0 0 .3rem;}
.productPage .gridlist{padding: 0 3%;}
.productPage .erro{padding: 0 3%;}
.showProduct{width: 100%;}
.showProduct .banner{height: 4.8rem;}
.showProduct .banner li{list-style-type: none;}
.showProduct .protit{padding: .1rem 3%; font-size: .3rem; color: #000;}
.showProduct .tit2{font-size: .26rem; color: #2173AA; padding: 0 3% .2rem;}
.showProduct .price{color: #ff0036; padding: 0 3% .2rem;}
.showProduct .price span{font-size: .36rem;}
.showProduct .showTel{width: 100%; height: 1rem; line-height: 1rem; font-size: .28rem; color: #666666; background: #f8f8f8; border-top: 1px solid #dbd7d7; border-bottom: 1px solid #dbd7d7; text-align: center; box-sizing: border-box; color: #000;}
.showProduct .showTel s{width: .62rem; height: .6rem; margin-right: .1rem; background-position: 0 -0.62rem;}
.showProduct .showpCon{padding: 0 0 .3rem;}
.showProduct .showpCon .tit{color: #2173AA; font-weight: bold; padding: .2rem 0; font-size: .26rem;}
.showProduct .showpCon .showp_img,
.showProduct .showpCon .showp_txt{margin-bottom: .2rem; padding: 0 3%;}
.showProduct .showpCon .showp_img img,
.showProduct .showpCon .showp_txt img{max-width: 100%; display: block;}
.showProduct .showpCon .txtcon{font-size: .24rem; color: #333;}
.showProduct .showpCon .showpCase{border-top: .2rem solid #f1f1f1; margin-top: .2rem;}
.showProduct .ourTeam{width: 100%; margin: 0; padding-top: .2rem;}
.showProduct .ourTeam .team_tit{width: 100%; height: 0.7rem; line-height: 0.7rem; margin-bottom: .3rem; background: #2173AA; color: #fff;}
.showProduct .ourTeam .team_tit strong{font-size: .26rem; font-weight: bold; margin: 0 .15rem 0 .15rem;}
.showProduct .ourTeam img{width: 100%; display: block;}
.showProduct .ourTip .tip_tit{color: #ff0036; font-size: .26rem; margin-top: .24rem; font-weight: bold; margin-bottom: .08rem;}
.showProduct .ourTip .list{line-height: .34rem;}
.showProduct .ourTip .list li{margin-bottom: .15rem; position: relative;}
.showProduct .ourTip .list li s{width: .08rem; height: .08rem; margin-right: .1rem; display: inline-block; vertical-align: middle; background: #2173AA; border-radius: 100%;}
.showimg{width: 100%; position: relative;}
.showimg .imglist{width: 5.6rem; height: 4.55rem; margin: 0px auto; padding: .4rem 0 .2rem; position: relative; overflow: hidden;}
.showimg .list{float: left; width: 500%;}
.showimg a{float: left; width: 5.6rem; text-align: center; display: block;}
.showimg a img{height: 4.55rem; width: 5.6rem; margin: 0px auto; display: block; background-size: 100%;}
.showimg span.left{right: auto; left: 50%; margin-left: -3rem;}
.showimg span{display: none; width: 30px; height: 50px; text-align: center; position: absolute; top: 50%; margin-top: -25px; right: 50%; margin-right: -3.04rem; cursor: pointer;}
.showimg span.left::before{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.left::after{content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.right::before{content: ""; position: absolute; background: #fff; width: 11px; height: 11px; right: 14px; top: 20px; z-index: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.showimg span.right::after{content: ""; position: absolute; background: #aaaaaa; width: 11px; height: 11px; right: 10px; top: 20px; z-index: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg);}
.aboutPage .txtcon{color: #666666; padding: 0 3% .3rem;}
.aboutPage .txtcon img{max-width: 100%;height: auto!important;}
.singlePage{padding: .3rem 3%; border-bottom: .2rem solid #f1f1f1;}
.singlePage img{max-width: 100%;}
.contactPage .t{color: #000; padding: 0 3% .2rem; font-size: .3rem;}
.contactPage .n-tit{font-size: .3rem; color: #2173AA; padding: 0 3% .2rem;}
.contactPage .txtcon{color: #666666;padding: 0 3% .3rem;}
.contactPage .messagePage{padding: .4rem 0 .5rem;}
.designPage .nbanner{width: 100%; height: 4.8rem; background: url(../images/designbg.jpg) no-repeat center top; background-size: cover; text-align: center;}
.designPage .nbanner h3{font-size: .42rem; padding-top: 1.8rem; color: #403c3b; letter-spacing: .05rem;}
.designPage .nbanner p{width: 3.8rem; height: 0.54rem; line-height: 0.54rem; color: #fff; text-align: center; background: #2173AA; margin: .1rem auto; font-size: .2rem;}
.designPage .advanlist{padding: 0 3%;}
.designPage .advanlist h3{color: #2173AA; font-size: .3rem; padding: .2rem 0 .1rem;}
.designPage .advanlist span{display: block; font-size: .24rem; margin-bottom: .1rem;}
.designPage .advanlist .txt{color: #999999; font-size: .18rem; line-height: .34rem; margin-bottom: .2rem;}
.designPage .advanlist img{width: 100%; display: block; margin-bottom: .05rem;}
.designPage .pricelist{padding: .4rem 3%;}
.designPage .pricelist .tit{font-size: .42rem; text-align: center; color: #403c3b; letter-spacing: .08rem; margin-bottom: .36rem;}
.designPage .pricelist .item{width: 100%; height: 2rem; background: #f1f1f1; margin-bottom: .18rem;}
.designPage .pricelist .item .t{width: 1.86rem; height: 2rem; line-height: 2rem; color: #fff; text-align: center; font-size: .3rem; float: left; margin-right: .2rem; background: #e59123;}
.designPage .pricelist .item h3{color: #000; font-size: .2rem; line-height: .36rem; padding: .1rem 0 .34rem;}
.designPage .pricelist .item .price{color: #000;}
.designPage .pricelist .item .price span{font-size: .42rem; margin: 0 .05rem; font-weight: bold;}
.designPage .pricelist .item span{font-size: .18rem; line-height: .2rem;}
.designPage .pricelist .item:nth-child(3) .t{background: #1cb36a;}
.designPage .pricelist .item:nth-child(4) .t{background: #1982c6;}
.designPage .imglist{width: 100%;}
.designPage .imglist .tit{font-size: .42rem; text-align: center; color: #403c3b; letter-spacing: .08rem; margin-bottom: .36rem;}
.designPage .imglist .img{display: block; margin-bottom: .25rem; width: 100%;}
.designPage .txtlist{padding: .1rem 3% .4rem;}
.designPage .txtlist .tit{font-size: .42rem; text-align: center; color: #403c3b; letter-spacing: .08rem; margin-bottom: .36rem;}
.designPage .txtlist .txt{font-size: .2rem; margin-bottom: .4rem; color: #403c3b; line-height: .38rem;}
.designPage .txtTab{padding: .2rem 2% .1rem; background: #fff;}
.designPage .txtTab .blue{color: #2173AA;}
.designPage .txtTab .t{text-align: center; font-size: .42rem; line-height: .5rem; color: #403c3b; padding: 0 0 .5rem;}
.designPage .txtTab table{width: 100%; text-align: center; border: 1px solid #c9c9c9; font-size: 18px;}
.designPage .txtTab table td{line-height: .32rem; padding: .15rem .1rem; border: 1px solid #c9c9c9; font-size: .2rem;}
.designPage .txtTab table th{height: 0.7rem; line-height: 0.7rem; background: #2173AA; color: #fff; font-weight: normal; border: 1px solid #2173AA;}
.designPage .txtTab table .bg{background: #f1f1f1;}
.designPage .txtTab table .bg td{height: 0.55rem; line-height: 0.55rem;}
.designPage .txtTab table tr td:first-child{width: 1.2rem;}
.designPage .txtTab .txt{width: 100%; position: relative; margin: .2rem auto .5rem; font-size: .2rem; color: #000; line-height: .38rem;}
.designPage .txtTab .txt .t1{display: block;}
.designPage .liuceng{width: 100%; background: #fff; padding: .1rem 0 0;}
.designPage .liuceng .tit{font-size: .42rem; text-align: center; color: #403c3b; letter-spacing: .08rem; margin-bottom: .4rem;}
.designPage .liuceng .list{padding-bottom: .2rem;}
.designPage .liuceng .item{width: 94%; margin: 0 3%; padding-bottom: .2rem; margin-bottom: .3rem; font-size: .2rem; line-height: .32rem; vertical-align: top; border-bottom: 1px solid #eee;}
.designPage .liuceng .item s{width: 1.6rem; height: 1.6rem; border-radius: 100%; display: block; margin: 0 auto; background: #2173AA url(../images/design-ico.png) no-repeat 42px center;}
.designPage .liuceng .item h3{font-size: .3rem; color: #403c3b; margin-bottom: .2rem;}
.designPage .liuceng .item .txt{text-align: left; margin: 0 auto; width: 100%;}
.designPage .liuceng .item.a2 s{background-position: -92px center;}
.designPage .liuceng .item.a3 s{background-position: -227px center;}
.designPage .liuceng .item.a4 s{background-position: -364px center;}
.designPage .liuceng .item.a5 s{background-position: -498px center;}
/*showInfo*/
.showInfo{padding: 0 0 .5rem; width: 100%;}
.showInfo .title{font-size: .28rem;text-align: center;line-height: .46rem;margin: 0 2%;margin-bottom: .2rem;color: #333333;}
.showInfo .menu{margin-bottom: .2rem;}
.showInfo .mark{font-size: .22rem; text-align: center; color: #666666; padding-bottom: .1rem; border-bottom: 1px solid #dbd7d7;}
.showInfo .mark span{margin: 0 .06rem;}
.showInfo .mark span i{font-style: normal;}
.showInfo .contxt{padding: .2rem 3% .4rem; color: #666666;}
.showInfo .contxt img{max-width: 100%; height: auto !important;}
.showInfo .reLink{margin: .2rem 3% .1rem;}
.showInfo .showRelate{margin-top: .1rem;}
.showInfo .showRelate .sitepath{padding: .18rem 0 0;}
.showInfo .showRelate .sitepath h3{font-weight: bold;}
.showInfo .showRelate .item{margin-bottom: .2rem;}
/*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%;}
embed{width: 100% !important; height: auto !important;}
/*reLink*/
.reLink{margin: .2rem 3% .3rem;}
.reLink .prevLink,
.reLink .nextLink{display: block; height: .7rem; line-height: .7rem; font-size: .24rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; width: 100%; box-sizing: border-box; border-bottom: 1px solid #e8e8e8;}
.showTab{width: 100%; line-height: 0.3rem;}
.showTab th,
.showTab td{border: 1px solid #e6e6e6; text-align: left; padding: .15rem .1rem; font-size: .2rem;}
.showTab th{background: #e5e5e5; color: #000; height: 0.4rem; line-height: 0.4rem; font-family: "microsoft yahei";}
.showTab tr td:first-child,
.showTab tr th:first-child{width: 1.2rem; padding: .08rem; text-align: center;}
/* 在线留言 */
.login{width: 90%;margin: 1% auto;padding: 3%;}
.login li{width:100%;margin-bottom: 5%;}
.login li img{float: right;margin-right: 10%;width: 30%;height: .67rem;}
.login_input{display:block;height: 2.8em;-webkit-appearance:none;border-radius:0;}
.login_textarea{height: 8em;margin-bottom: -2%;}
.login li .pin_width{width: 50%;}
.login li .login_btn{width: 100%;color:#fff;border:0;text-align:center;font: .3rem/.8rem "microsoft yahei";background: #2173AA;box-shadow: none;}
.login input,.login textarea{width: 100%;border: 1px solid #e5e5e5;background: #fff;color: #333;font: .24rem/.5rem "microsoft yahei";text-indent: .1rem;}
/*返回首页*/
#tip{padding: 5% 0;min-height: 300px;}
#tip b{color: #2173AA;font-weight: bold;}
/*字体*/
@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;}}
@media all and (min-width:640px){.header,.navBar{max-width: 640px;left: 50%;margin-left: -320px;}}