锘緻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:#666;text-decoration: none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0); /* 鍙栨秷閾炬帴楂樹寒 */ }
a:focus { outline:none; }
a:hover, a:active{ color:#0196fe; outline: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: 1rem;}
img{border: 0px;}
em,b{font-style: normal;}
h1,h2,h3,h4,h5,h6,h7{font-weight: normal;}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;}
.trans{ transition: all .3s ease-in;}
.index{padding-top:0;position: relative;}
/****************************鍏敤鏍峰紡***********************/
.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;margin: 0 auto;text-align: center;z-index: 99;background: #0196fe;position: fixed;top: 0px;}
.header .logo{height: .8rem; max-width: 60%; display: block; text-align: center; margin: 0 auto;}
.header .logo img{height: .8rem; display: inline-block;}
.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: .4098rem;height: .0513rem;display: block;left: .21rem;z-index: 11;position: absolute;background: #fff;transition-duration: .5s;border-radius: .5rem;}
.header .navBtn span:first-child{top: .23rem;}
.header .navBtn span:nth-child(2){top: .38rem;}
.header .navBtn span:nth-child(3){top: .53rem;}
.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: #191919;position: fixed;z-index: 99;right: 2%;bottom: 20%;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: .4rem;font-size: 0.24rem;color: #666;text-align: center;}
.footer a{color: #666;}
/* navBar */
.navBar{width: 100%;height: 1rem;position: fixed;bottom: 0px;left: 0px;z-index: 100;background: #333;}
.navBar ul{max-width: 640px;min-width: 320px;width: 100%;height: 1rem;margin: 0 auto;}
.navBar li{float: left;width: 25%;height: 1rem;}
.navBar li.kf{width: 50%;background: #0196fe;}
.navBar li.kf{line-height: 1rem;font-weight: bold;}
.navBar li.kf a{font-size: .26rem; padding: 0;}
.navBar li a{width: 100%;font-size: .24rem;padding-top: .1rem;display: block;text-align: center;color: #fff;}
.navBar li a.g-icobef:before{width: .42rem;height: .42rem;display: block;margin: 0 auto;padding-bottom: 0.1rem;}
.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/g-ico.png) no-repeat 0 -.64rem;background-size: 4rem auto;}
.subNav .list li:nth-child(2) a:before{background-position: -.38rem -.64rem;}
.subNav .list li:nth-child(3) a:before{background-position: -.75rem -.64rem;}
.subNav .list li:nth-child(4) a:before{background-position: -1.1rem -.64rem;}
.subNav .list li:nth-child(5) a:before{background-position: -1.47rem -.64rem;}
.subNav .list li:nth-child(6) a:before{background-position: -1.84rem -.64rem;}
.subNav .list li:nth-child(7) a:before{background-position: -2.2rem -.64rem;}
.subNav .list li:nth-child(8) a:before{background-position: -2.56rem -.64rem;}
.subNav .list li:hover a,
.subNav .list li.hover a{color: #0196fe;}
.subNavShow2{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
/*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%;height:0.32rem;line-height:0.32rem;text-align:center;clear:both;z-index:2;font-size:0;position: absolute;bottom: 0.35rem;}
#banner .tip span {display:inline-block;vertical-align:middle;width: 0.2rem;height: 0.2rem;margin: 0 0.05rem;vertical-align:middle;border-radius: 100%;border: 2px solid #0196fe;}
#banner .tip span.cur {border-radius:.3rem;background: #ff0d0d;}
/*棣栭〉鎼滅储鏍?/
.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 #0196fe;}
.tsearch .btn{float: right;color:#fff;font-size:.22rem;width: 15%;height:.66rem;line-height: .6rem;text-align: center;border:0px;background: #0196fe url(../images/g-ico.png) no-repeat;background-size: 4.5rem auto;background-position: -3.83rem -1.68rem;}

/*涓夊ぇ浼樺娍*/
.index .swiper-container {width: 100%;height:2.3rem;margin:0 auto;position: relative;top:-.3rem;}
.index .swiper-slide {text-align:center;color:#fff;background: #0196fe;width:5.3rem;display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.index .swiper-slide-active{background:#ff5454;}
.index .swiper-slide a{color: #fff;padding:.4rem 0;display: block;width: 100%;}
.index .swiper-slide h3{font-size:.24rem;}
.index .swiper-slide h4{color:#fff;display:block;text-transform:uppercase;border-bottom:1px solid #fff;padding-bottom:.2rem;filter:alpha(opacity=50);-moz-opacity:0.5;-khtml-opacity:0.5;opacity:0.5;}
.index .swiper-slide .shuzi{line-height:.26rem;color:#fff;float:left;width:32%;padding-left: 2%;}
.index .swiper-slide .shuzi b{text-transform:uppercase;font-size:.86rem;font-weight:bold;display:inline-block;line-height:.86rem;}
.index .swiper-slide span{width:.6rem;height:.54rem;display:block;margin-top:.32rem;background: url(../images/g-ico.png) no-repeat;background-size: 4rem auto;}
.index .swiper-slide:nth-child(1) span{background-position: 0 -1rem;}
.index .swiper-slide:nth-child(2) span{background-position: -0.75rem -1rem;width:.46rem;}
.index .swiper-slide:nth-child(3) span{background-position: -1.4rem -1.05rem;width:.52rem;}
.index .swiper-slide .txt{width:65%;padding-right: 2%;text-align: left;}
.index .swiper-scrollbar{display: none;}
.hbk{width:100%;height:.2rem;background:#f5f5f5;}
/*棣栭〉鏍囬*/
.index .title{width:100%;background:url(../images/line.jpg) no-repeat center bottom;background-size:6.4rem auto;padding-bottom:.4rem;text-align: center;}
.index .title h2{color: #000;font-size: .28rem;}
.index .title h3{color: #999;font-size: .2rem;text-transform: uppercase;}
.index .floor_1 .title2{width:96%;margin:0 auto;padding-top: .4rem;}
/*棣栭〉鍒嗙被*/
.index .tabBox .hd{position:relative;width:100%;}
.index .tabBox .hd ul{ overflow:hidden;width:100%;}
.index .tabBox .hd ul li{display:inline-block;position: relative;width: 31.8%;height:.65rem;line-height: .65rem;text-align: center;font-size: .2rem;margin:1% 1% 1% 0;border: 1px solid #ccc;}
.index .tabBox .hd ul li:nth-child(3n){margin-right: 0;}
.index .tabBox .hd ul li a{display: block;color:#3e3a39;padding: 0 .05rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.index .tabBox .hd ul .on{background:#0196fe;border: 1px solid #0196fe;}
.index .tabBox .hd ul .on a{ display:block;color: #fff;}
/*浜у搧涓績*/
.product .list{ padding-top:0.1rem;}
.product .item a{ -webkit-tap-highlight-color:rgba(0,0,0,0); }  /* 鍘绘帀閾炬帴瑙︽懜楂樹寒 */
.index #floor_1{width:100%;overflow: hidden; margin:0 auto;background: #cae7fc;}
.index .product{width:94%;overflow: hidden; margin:0 auto;padding-bottom:0.4rem;}
.product .item{width: 49%;float:left;margin:2% 2% 0 0;}
.product .item:nth-child(2n){margin-right: 0;}
.product .item a{display: block;}
.product .item figure{width:100%;padding-top:75%;position:relative;overflow:hidden;}
.product .item figure img{width:100%;height:100%;position:absolute;left:0;top:0;min-height: 100%;display: block;}
.product .item h3{display:block;text-align:center;line-height: 0.8rem;height: 0.8rem;font-weight:normal;color:#000;font-size: 0.26rem;background: #fff;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.product .item a:hover h3{color:#0196fe;}
/*鍚堜綔妗堜緥*/
.floor_2{padding:.4rem 0;}
.index .floor_2 .tabBox{padding-top: .3rem;}
.index .floor_2 .tabBox .hd ul{text-align:center;padding-bottom:.3rem;}
.index .floor_2 .tabBox .hd li{width: 20%;}
.index .floor_2 .tabBox .hd li:first-child{background:#0196fe;border: 1px solid #0196fe;}
.index .floor_2 .tabBox .hd li:first-child a{color: #fff;}
.index .floor_2 .bd{width: 94%;margin: 0 auto;}
.index .floor_2 .bd li{float: left;width:46%;margin:2%;}
.index .floor_2 .bd li a{display: block;}
.index .floor_2 .bd li figure{width:100%;padding-top:50%;position:relative;overflow:hidden;}
.index .floor_2 .bd li figure img{width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;}
.index .floor_2 .bd li h3{color:#000;display:block;text-align:center;padding-bottom:.1rem;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
/*鍏充簬鎴戜滑*/
.floor_3,.floor_4,.floor_5{padding:.4rem 0;}
.floor_3 a{display:block;}
.floor_3 img{max-width:100% !important;display:block;margin:0 auto;padding: 0 3%;}
.floor_3 .txtcon{padding:3%;}
.floor_3 .txtcon h3{font-weight:bold;color:#000;}
.floor_3 .txtcon p{color:#8b8b8b;padding-bottom: .1rem;}
.floor_3 .txtcon .more{width:100%;height:.8rem;line-height:.8rem;text-align: center;display: block;color: #fff;background: #0196fe;}
/*鑽ｈ獕璧勮川*/
.ihonor{padding:.3rem 0;width: 94%;margin: 0 auto;}
.ihonor .item{float: left;width:32%;margin: 2% 2% 0 0;}
.ihonor .item:nth-child(3n){margin-right: 0;}
.ihonor .item a{display: block;}
.ihonor .item figure{width:100%;padding-top:75%;position:relative;overflow:hidden;}
.ihonor .item figure img{width:100%;height:100%; position:absolute;left:0; top:0;min-height:100%;display:block; }
/*鏂伴椈鍔ㄦ€?/
.thumblist{width:100%;margin:0 auto;padding:0;}
.thumblist li{width:100%;display:block;padding:.2rem 0;border-top:1px solid #eee;}
.thumblist li:first-child{border-top:0;}
.thumblist li a{display:block;padding:0 3%;}
.thumblist li figure{width: 25%;padding-top: 18.75%;position:relative;overflow:hidden;z-index:2;float:left;margin-right:2%;margin-top:.1rem;}
.thumblist li figure img{width:100%;height:100%;position:absolute;left:0;top:0;min-height:100%;display:block;}
.thumblist li h3{font-size: .3rem;margin-bottom: 1%;color:#000;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.thumblist li p{color:#999;font-size: .22rem;line-height: .35rem;}
.thumblist li a:hover h3{color:#0196fe;}
/*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;color: #666;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: #0196fe;border-color: #0196fe;color: #fff;}
.pro_select{width: 100%; padding: 0 3% .3rem 3%; background: #0196fe;}
.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: #868686;height: 0.88rem;line-height: 0.88rem;display: block;background: #f1f1f1;}
.moreBtn a{color: #868686;}
.newsPage{padding-bottom: .3rem;}
.newsPage .list{width: 100%;margin-bottom: .3rem;}
.newsPage .item{width: 100%;display: block;padding: 3%;background: #fff;border-bottom: 1px solid #f3f3f3;}
.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 h3:hover{color:#0196fe;}
.newsPage .item p{font-size: .23rem;line-height: 0.35rem;color: #999999;overflow: hidden;}
.newsPage .item:nth-child(2n){ background: #f9f9f9;}
.newsPage .item:last-child{ border:0px;}
.newsPage .moreBtn{margin-top: 0;}
.newsPage .erro{padding: 0 3%;}
.listProduct{padding-bottom: 3%;}
.listProduct .list{ width: 100%;}
.listProduct li{ width:47%;margin-left:2%;box-sizing:border-box;display:block;padding-top:3%;float: left;margin-bottom: 3%;}
.listProduct li a{display: block;}
.listProduct li figure{ width:100%; padding-top:75%;  position: relative; overflow: hidden;  }
.listProduct li figure img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.listProduct li h3{ height: .5rem; line-height: .5rem;font-size: 0.26rem;overflow: hidden;font-weight:normal;color:#000; text-align: center;}
.listProduct li:hover h3{ color:#ff0505; }
.listProduct li p{white-space:normal;word-wrap:break-word;color:#333;}
.caselist{padding-bottom: 3%;}
.caselist .list{padding-bottom: .2rem;}
.catelist .item span{ display: block; width: 9px; height: 16px; position: absolute; top:28%; margin-top:-8px; right: 2%; }
.catelist .item span:before{ content: ""; position:absolute; background: #ccc; width: 11px; height: 11px; right: 0; top: 0; z-indx: 10; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.catelist .item span:after{ content: ""; position:absolute;background: #fff; width: 11px; height: 11px; right: 4px; top: 0; z-indx: 11; -moz-transform: rotate(45deg); -o-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.caselist li{width: 47%; margin-left: 2%; margin-bottom: 2%; float: left; box-sizing: border-box;}
.caselist li a{  display: block;}
.caselist li figure{ width: 100%; padding-top:50%;  position: relative; overflow: hidden;}
.caselist li figure img{ width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block; }
.caselist li h3{ height: .65rem; line-height: .65rem; text-align: center;font-size: 0.26rem;font-weight:normal;}
.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: #ff0505;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: #0196fe; margin: .1rem auto; font-size: .2rem;}
.designPage .advanlist{padding: 0 3%;}
.designPage .advanlist h3{color: #0196fe; 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: #0196fe;}
.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: #0196fe; color: #fff; font-weight: normal; border: 1px solid #0196fe;}
.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: #0196fe 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: .4rem;text-align: center;line-height: .46rem;margin: 0 2%;margin-bottom: .2rem;color: #000;}
.showInfo .menu{margin-bottom: .2rem;}
.showInfo .mark{font-size: .22rem;text-align: center;color: #666666;padding-bottom: .1rem;border-bottom: 1px dotted #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;}
.showInfo .banner{height: 4.8rem;}
.showInfo .banner li{list-style-type: none;}
/*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;}
/*瀛椾綋*/
@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;}}