@charset "UTF-8";
body{font-size: 100px;}
*{margin: 0; padding: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); box-sizing: border-box;}
html{width: 100%; min-height: 100%;}
body{width: 100%; min-height: 100%; max-width: 640px; min-width: 320px; margin: 0 auto; font: 0.26rem/1.5 "microsoft yahei", Tahoma, Arial, sans-serif; color: #333; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: #f6f6f6; position: relative;}
img{border: 0;}
em{font-style: normal;}
s,
i{font-style: normal;}
ul,
ol{list-style-type: none;}
li{list-style: none outside none;}
/*表单*/
input,
button,
select,
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;}
/*链接*/
a,
a:link,
a:visited,
a:hover,
a:active{color: #333; text-decoration: none;}
a:focus{outline: none;}
a:hover,
a:active{color: #333; outline: none;}
.fl{float: left;}
.fr{float: right;}
.por{position: relative;}
.poa{position: absolute;}
.hide{display: none !important;}
.mt5{margin-top: .5rem;}
.mt3{margin-top: .3rem;}
/*清除浮动*/
.clearfix:after{content: ""; display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0;}
.clear,
.clearfix:after{content: ""; display: block; clear: both; width: 100%; height: 0; line-height: 0; font-size: 0;}
.icon{background: url(../images/icon.png) no-repeat; display: block; background-size: 4rem auto; vertical-align: middle;}
.in_icon{background: url(../images/in_icon.png) no-repeat; display: block; background-size: 4rem auto; vertical-align: middle;}
.iconbef:before,
.iconbef:after{background: url(../images/in_icon.png) no-repeat; display: inline-block; background-size: 4rem auto; vertical-align: middle;}
.iconbef:before,
.iconbef:after{content: "\20"; display: block;}

/****有psd文件****/
.g-ico,
.g-ico:before,
.g-ico:after{background: url(../g-images/g-ico.png) no-repeat; display: block; background-size: 4rem auto; vertical-align: middle;}
.g-ico:before,
.g-ico:after{content: "\20"; display: block;}
body:before,
body:after{content: ""; width: 100%; display: block;}
body:after{height: 1rem;}
body:before{height: .9rem;}
.pfont{font-family: 'PingFangSC-Light', 'microsoft yahei', Arial, Helvetica, sans-serif, "Hiragino Sans GB";}
.red{color: #00ae66 !important;}
/******HTML默认结束******/
/***************top and bottom css*********************/
/**head**/
.head_main{box-sizing: border-box; width: 100%; height: .8rem; position: fixed; left: 0; top: 0; z-index: 100; background: #fff; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);}
.head_main .logo{display: block; font-size: .34rem; line-height: .8rem; color: c9974c; width: 60%; padding-left: 3%; padding-top: .1rem;}
.head_main .logo img{display: block; height: .3rem; max-width: 80%;margin-top:0.16rem;}
.head_main .logo em{display: inline-block; width: .22rem; height: .15rem; background-position: -0.4rem -0.32rem; margin-left: .2rem;}
.head_main .search_ico{display: block; position: absolute; right: 14%; top: 0; text-align: center; cursor: pointer; width: 18%; height: .8rem; z-index: 6; padding-top: 0.2rem;}
.head_main .search_ico span{width: .36rem; height: .36rem; margin: 0 auto; background-position: -1.35rem -0.89rem;}
.head_main .search_ico.on{background: #f5f5f5;}
.head_main .search_ico.on span{background-position: -0.5rem -0.9rem;}
.head_main .tsearch{width: 100%; height: 1rem; padding: .2rem 3%; position: absolute; left: 0; top: .8rem; z-index: 1122; background: #f5f5f5; display: block;}
.head_main .tsearch .txt{width: 75%; color: #000; text-indent: .3rem; color: #666; font-size: .22rem; height: .6rem; background: #fff; border: none; position: absolute; left: 3%; top: .2rem; border-bottom-left-radius: .5rem; border-top-left-radius: .5rem;}
.head_main .tsearch .btn{color: #fff; font-size: .22rem; width: 20%; height: .6rem; line-height: .6rem; text-align: center; border: 0px; background: url(../g-images/sou.png) no-repeat center #c9974c; position: absolute; right: 3%; top: .2rem; border-bottom-right-radius: .5rem; border-top-right-radius: .5rem; background-size: .4rem auto;}
.head_main .navbtn{width: 14%; height: .8rem; padding-top: .2rem; position: absolute; right: 0; top: 0; z-index: 10;}
.head_main .navbtn s{width: .4rem; height: .4rem; display: block; margin: 0 auto; background-position: 0 -0.9rem;}
.head_main .navbtn.cur s{background-position: 0 -0.9rem;}
.head_main .goBack{width: 1rem; height: .9rem; position: absolute; left: 0; top: 0; z-index: 3;}
.head_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;}
.head_main.head_main1{position: relative; background: c9974c; box-shadow: none;}
.head_main.head_main1 .logotext{text-align: center; color: #fff; display: block; height: 0.9rem; line-height: 0.9rem;}
.head_main.head_main1 .navbtn s{background-position: 0 -0.9rem;}
.head_main.head_main1 .navbtn.cur s{background-position: -0.5rem -0.9rem;}/*subNav*/

.dialog-layout{position: fixed; width: 100%; height: 100%; left: 0; top: .9rem; z-index: 101; background: #000; opacity: .6;}
/**header_main**/
.header_main{width: 100%; height: .9rem; position: fixed; left: 0; top: 0; z-index: 100; }
.header_main .header{max-width: 640px; height: .9rem; min-width: 320px; margin: 0 auto; width: 100%; position: relative; z-index: 10; background: #c9974c; }
/*.header_main .bg{width: 100%; height: .92rem; position: absolute; top: 0; left: 0;}*/
.header_main .logo{display: block; padding-top: .06rem; color: #c21d24; width: 70%; padding-left: .1rem;}
.header_main .logo img{display: block; height: .8rem; max-width: 1000%;}
.header_main .search_ico{display: block; position: absolute; right: .9rem; top: 0; text-align: center; cursor: pointer; width: .8rem; height: .9rem; padding-top: .26rem;}
.header_main .search_ico:before{width: .4rem; height: .4rem; margin: 0 auto; background-position: -0.65rem 0;}
.header_main .search_ico.on{background: #f5f5f5;}
.header_main .search_ico.on:before{background-position: -1.92rem 0;}
.header_main .tsearch{width: 100%; height: 1rem; padding: .2rem 3%; position: absolute; left: 0; top: .9rem; z-index: 1122; background: #f5f5f5;}
.header_main .tsearch .txt{width: 75%; color: #000; text-indent: .3rem; color: #666; font-size: .22rem; height: .6rem; background: #fff; border: none; position: absolute; left: 3%; top: .2rem; border-bottom-left-radius: .5rem; border-top-left-radius: .5rem;}
.header_main .tsearch .btn{color: #fff; font-size: .22rem; width: 20%; height: .6rem; line-height: .6rem; text-align: center; border: 0px; background: url(../images/search-ico.png) no-repeat center #c21d24; position: absolute; right: 3%; top: .2rem; border-bottom-right-radius: .5rem; border-top-right-radius: .5rem; background-size: .4rem auto;}
.header_main .navbtn{width: .9rem; height: .9rem; padding-top: .28rem; position: absolute; right: 0; top: 0; z-index: 10;}
.header_main .navbtn:before{width: .42rem; height: .4rem; display: block; margin: 0 auto;}
.header_main .navbtn.cur:before{background-position: 0 0; background-position: -1.4rem 0;}
.header_main .goBack{width: 1rem; height: .9rem; position: absolute; left: 0; top: 0;}
.header_main .goBack:before{width: 0.24rem; height: 0.4rem; margin: .28rem auto 0; background-position: -2.62rem -0.44rem; display: block;}
.header_main h3{font-size: .3rem; text-align: center; color: #fff; position: relative; z-index: 100; width: 50%; margin: 0 auto; height: 0.9rem; line-height: 0.9rem;}
.header_main h3 s{width: .24rem; height: .2rem; display: inline-block; margin-left: .06rem; background-position: -3.46rem 0;}
.header_main h3.on s{background-position: -3.12rem 0;}
.header_main .menu{width: 100%; position: absolute; left: 0; top: .9rem; padding: .3rem 3% .2rem; z-index: 11; display: none;border:1px solid #ddd;background:#fff;}

/*subNav*/
.subNav{position: fixed; width: 100%; height: 100%; right: -100%; top: 0; z-index: 999; max-width: 640px; min-width: 320px; background-color: rgba(0, 0, 0, 0.6);}
.subNav .subNavCon{margin: 0px; width: 100%; height: 100%;}
.subNav .c_clos{width: 100%; position: fixed; left: 0; top: 1.0rem; height: 100%; background: rgba(0, 0, 0, 0.1); z-index: 1; display: none;}
.subNav ul{background: #fff; height: 100%; position: relative; z-index: 10;}
.subNav li{width: 100%; display: block; line-height: 0.8rem; margin: 0 auto; border-bottom: 1px solid #f0efef; text-indent: 3%; position: relative;}
.subNav li a{display: block; color: #333; font-size: 0.26rem; width: 92%; margin: 0 auto;}
.subNav .title{height: 1rem; position: relative; padding-top: .04rem; border-bottom: 1px solid #eee; background: #fff;}
.subNav .title .logo{height: 1rem; line-height: 1rem; padding: 0 3% 0 5%; display: block;}
.subNav .title .logo img{height: 0.65rem;padding-top: .3rem;display: block;}
.subNav .title .close{position: absolute; width: 1rem; height: 0.98rem; top: 0; right: 0px;}
.subNav .title .close:before,
.subNav .title .close:after{width: .4rem; height: .03rem; display: block; content: "\20"; right: .3rem; top: .4rem; z-index: 11; position: absolute; background: #666666;}
.subNav .title .close:before{transform: rotate(45deg); top: 50%;}
.subNav .title .close:after{transform: rotate(-45deg); top: 50%;}
.subNavShow2{-webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0);}
.subNav.show{right: 0 !important;}
.subNavShow{-webkit-transform: translateX(-48%); -moz-transform: translateX(-48%); -ms-transform: translateX(-48%); transform: translateX(-48%); display: block;}
/***footer****/
.footer_main{text-align: center; color: #666; font-size: .2rem; padding: .4rem 0;}
#toolbar{position: fixed; bottom: 0; width: 100%; z-index: 888; height: 1rem; background: #fff; left: 0; border-top: 1px solid #ddd;}
#toolbar .list{width: 100%; max-width: 640px; min-width: 320px; margin: 0 auto;}
#toolbar .list li{float: left; width: 25%; text-align: center;}
#toolbar .list li a{display: block; height: 1rem; line-height: 0.24rem; font-size: 0.26rem; color: #666; padding-top: 0.2rem;}
#toolbar .list li a s{margin-left: auto; margin-right: auto; width: 0.34rem; height: 0.36rem; display: block;}
#toolbar .list li a span{text-align: center; padding-top: 0.1rem; display: block;}
#toolbar .list li a .too-home{background-position: 0 0;}
#toolbar .list li a .too-tel{background-position: -0.5rem 0;}
#toolbar .list li a .too-qiao{background-position: -0.98rem 0;}
#toolbar .list li a .too-map{background-position: -1.5rem 0;}
#toolbar .list li a.hover{color: #c9974c;}
#toolbar .list li a.hover .too-home{background-position: 0 -0.4rem;}
#toolbar .list li a.hover .too-tel{background-position: -0.5rem -0.4rem;}
#toolbar .list li a.hover .too-qiao{background-position: -0.98rem -0.4rem;}
#toolbar .list li a.hover .too-map{background-position: -1.5rem -0.4rem;}
/*悬浮工具*/
.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;}
.g_top:before{width: 0.4rem; height: 0.36rem; margin: 0.08rem auto 0; background-position: -3.42rem -0.9rem;}
.g_top:hover{background: c9974c;}
/***************top and bottom css end*********************/
/***banner****/
#banner_main{width: 100%; overflow: hidden; position: relative; z-index: 1;}
.banner{margin: 0 auto; width: 100%; *zoom: 1; overflow: hidden; position: relative; z-index: 1;}
.banner .list{width: 100%; overflow: hidden;}
.banner .list li{float: left; width: 100%; overflow: hidden;}
.banner .list li img{width: 100%; height: auto; display: block;}
#banner .tip{width: 100%; height: 0.32rem; line-height: 0.32rem; text-align: center; clear: both; z-index: 2; font-size: 0; position: absolute; left: 0; bottom: 5%;}
#banner .tip span{display: inline-block; width: 0.12rem; height: 0.12rem; border:2px solid #fff;margin: 0 0.08rem; vertical-align: middle; background: transparent; border-radius: 100%;}
#banner .tip span.cur{border-color:#c9974c;background: #c9974c;}
/***************index css start*********************/
.iQuick_nav{background: #fff; width: 100%; margin: 0 auto; border-bottom: 1px solid #e4e4e4; box-shadow: 0 1px 3px #e7e7e7;}
.iQuick_nav ul{padding: .25rem 0;}
.iQuick_nav li{float: left; width: 25%; text-align: center; display: block;}
.iQuick_nav li a{display: block;}
.iQuick_nav li .tb{width: 1rem; height: 1rem; margin: 0 auto; background: url(../images/menu.png) no-repeat 0 0; background-size: 4.4rem auto; display: block;}
.iQuick_nav li h3{line-height: .66rem; font-size: .24rem; font-weight: normal;}
.iQuick_nav li:nth-child(2) .tb{background-position: -1.1rem 0;}
.iQuick_nav li:nth-child(3) .tb{background-position: -2.3rem 0;}
.iQuick_nav li:nth-child(4) .tb{background-position: -3.4rem 0;}
.iQuick_nav li:nth-child(5) .tb{background-position: 0 -1.1rem;}
.iQuick_nav li:nth-child(6) .tb{background-position: -1.1rem -1.1rem;}
.iQuick_nav li:nth-child(7) .tb{background-position: -2.3rem -1.1rem;}
.iQuick_nav li:nth-child(8) .tb{background-position: -3.4rem -1.1rem;}

/*iFree-quote*/
.iFree-quote{padding: .6rem 3% .6rem;margin-top:0.2rem;background:#fff;border-bottom:1px solid #ddd;}
.iFree-quote .quoteTit .tit{font-size:0.32rem;color:#333;line-height:0.36rem;text-align:center;font-weight:normal;}
.iFree-quote .quoteTit .subtit{margin-top:0.16rem;font-size:0.24rem;line-height:0.24rem;text-align:center;color:#999;font-weight:normal;text-transform: uppercase;}
.iFree-quote .imegbox{margin-top:0.4rem;}
.iFree-quote .imegbox .item{height: 0.7rem; line-height: 0.7rem; border: 1px solid #dcdcdc; color: #999; overflow: hidden; position: relative; margin-bottom: .2rem; border-radius: 3px;}
.iFree-quote .imegbox .item .txt{border: none; height: 0.7rem; line-height: 0.7rem; width: 100%; font-size: .24rem; padding-left: 3%;}
.iFree-quote .imegbox .item em{position: absolute; right: 3%; top: 0; color: #333333;}
.iFree-quote .imegbox .submit{border: none; height: 0.7rem; line-height: 0.7rem; width: 100%; text-align: center; background: #c9974c; color: #fff; border-radius: 3px;}
/*iksnav*/
.iksnav{padding: 0 3%;}
.iksnav .item{float: left; width: 49%; margin-left: 2%; height: 1.3rem; border-radius: .1rem; background: #ebf0f5; position: relative; margin-bottom: .2rem;}
.iksnav .item a{display: block; padding: .2rem;}
.iksnav .item img{max-width: 80%; max-height: 1.0rem; display: block; position: absolute; right: 0; bottom: 0; z-index: 0; border-bottom-right-radius: .1rem;}
.iksnav .item h3{color: #000; font-weight: normal;}
.iksnav .item p{color: #999; font-size: .2rem;}
.iksnav .item:first-child{margin-left: 0; margin-bottom: 0; background: #586370; height: 2.8rem;}
.iksnav .item:first-child h3{font-size: .32rem; color: #fff;}
.iksnav .item:first-child p{color: #d5d5d5;}
.iksnav .item:first-child img{max-height: 1.6rem;}
.iksnav .item:nth-child(3) img{height: .5rem;}
.index{width: 100%; max-width: 640px; min-width: 320px; margin: 0 auto;}
.index .title{text-align: center; padding-bottom: .4rem;}
.index .title .tit{font-size: .32rem; font-weight: normal;color:#333;letter-spacing: 0.04rem;}
.index .title .tit em{font-weight: bold; color: #c9974c;}

.index .more{position: relative; width: 100%; border-bottom: 1px solid #ddd; height: .4rem;}
.index .more a{display: block; position: absolute; width: 3.2rem; height: .5rem; background: #fff; left: 50%; margin-left: -1.6rem; top: .2rem; text-align: center; color: #999;}
/*装修案例*/
.index .floor_1_main{padding: .4rem 0;background:#f6f6f6;}
.index .floor_1_main .imenu{padding-left:0.2rem;overflow: hidden;}
.index .floor_1_main .imenu .menuList{width:104%;}
.index .floor_1_main .imenu a{display: inline-block; width: 1.36rem;height: 0.5rem; font-size:0.24rem; line-height: 0.5rem; text-align: center; background: #fff; box-shadow: 0 0 10px #e4e4e4; border-radius: .4rem; padding: 0; margin-right:0.12rem;margin-bottom:0.2rem; }
.index .floor_1_main .imenu a.hover{background: #c9974c; color: #fff;}
/*icase*/
.icase .list{padding: 3%;}
.icase .list .item{float: left; width: 49%; margin-right: 2%; background: #fff; box-shadow: 0 0 10px #e4e4e4; border-radius: .1rem; margin-bottom: .2rem;}
.icase .list .item a{display: block;}
.icase .list .item figure{width: 100%; padding-top: 100%; position: relative; overflow: hidden; border-top-left-radius: .1rem; border-top-right-radius: .1rem;}
.icase .list .item figure img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block;}
.icase .list .item h3{height: 0.7rem; line-height: 0.7rem; display: block; text-align: center; overflow: hidden; font-weight: normal; font-size: .26rem;}
.icase .list .item:nth-child(2n){margin-right: 0;}
.icase .list .item:hover h3{color: c9974c;}

/*产品中心*/
.index .floor_2_main{width: 100%;min-height:7.5rem;background: url("../images/flor2Bg.jpg") no-repeat center center; padding: .4rem 0;}
.index .proList{padding: 0 0.2rem;}
.index .proList .item{float: left; width: 49%; margin-right: 2%; margin-bottom: .2rem;border:1px solid #d7d7d7;}
.index .proList .item:nth-child(2n){margin-right: 0;}
.index .proList .item a{display: block;}
.index .proList .item figure{width: 100%; padding-top: 75%; position: relative; overflow: hidden;z-index: 2;}
.index .proList .item figure img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block;}
.index .proList .item .txt{text-align: center; position: relative; height: 0.64rem; overflow: hidden; z-index: 1;background:#fff;}
.index .proList .item .txt .tit{height:0.64rem;font-size: .24rem;line-height:0.64rem; font-weight: normal;color:#333;}

/*四大优势*/
.index .floor_3_main{width:100%;height:13.06rem;background:url("../images/flor3Bg.png") no-repeat top center #fff;background-size:100% 13.06rem;}
.index .floor_3_main .title .tit{padding-top:0.6rem;color:#fff;}
.index .floor_3_main .title .tit em{color:#fff;}
.index .floor_3_main .advantList{padding:0 0.4rem;margin-top:0.2rem;}
.index .floor_3_main .item{margin-bottom:0.66rem;}
.index .floor_3_main .item .img{display:block;width:0.8rem;height:0.8rem;overflow:hidden;}
.index .floor_3_main .item .txt{width:4.6rem;}
.index .floor_3_main .item .tit{margin-bottom:0.2rem;font-size:0.24rem;font-weight:bold;color:#c9974c;line-height:0.24rem;}
.index .floor_3_main .item .cont{padding-top:0.2rem;font-size:0.24rem;color:#fff;line-height:0.36rem;border-top:1px dashed #949494;}
.index .floor_3_main .item:nth-child(odd) .img{float:left;}
.index .floor_3_main .item:nth-child(odd) .txt{float:right;}
.index .floor_3_main .item:nth-child(even) .img{float:right;}
.index .floor_3_main .item:nth-child(even) .txt{float:left;}
.index .floor_3_main .item:nth-child(even) .txt .tit{text-align:right;}
.index .floor_3_main .item:nth-child(even) .txt .cont{text-align:right;}


/*关于我们*/
.index .floor_4_main{padding-top:0.4rem;padding-bottom:0.6rem;background:#fff;}
.index .floor_4_main .aTit .tit{font-size:0.32rem;text-align:center;font-weight:normal;color:#666;line-height:0.36rem;letter-spacing:0.06rem;}
.index .floor_4_main .aTit .tit em{font-weight:bold;color:#c9974c;}
.index .floor_4_main .aImg{display:block;width:6rem;height:4.6rem;margin:0 auto;margin-top:0.3rem;background:url("../images/aImgBg.png") no-repeat bottom right;}
.index .floor_4_main .aImg img{display:block;width:5.8rem;height:4.34rem;overflow:hidden;}
.index .floor_4_main .aCont{padding:0 0.2rem;}
.index .floor_4_main .aCont .at{margin-top:0.4rem;font-weight:bold;font-size:0.32rem;color:#333;line-height:0.3rem;}
.index .floor_4_main .aCont .cont{margin-top:0.36rem;font-size:0.24rem;color:#666;line-height:0.36rem;text-indent:0.44rem;}
.index .floor_4_main .aCont .aMore{display:block;width:2rem;height:0.5rem;margin-top:0.4rem;font-size:0.24rem;line-height:0.5rem;text-align:center;color:#fff;background:#c9974c;}

/*最新资讯*/
.index .floor_5_main{padding: .8rem 0 .8rem;border:1px solid #ddd;background: #fff;}
.index .floor_5_main .list{padding: 0 3%;}
.index .floor_5_main .list li{width: 100%; display: block; padding: .2rem 0; border-top: 1px solid #eee;}
.index .floor_5_main .list li:first-child{border-top: 0;}
.index .floor_5_main .list li a{display: block;}
.index .floor_5_main .list li figure{width: 30%; padding-top: 16%; position: relative; overflow: hidden; z-index: 2; float: left; margin-right: 2%; margin-top: .1rem;}
.index .floor_5_main .list li figure img{width: 100%; height: 100%; position: absolute; left: 0; top: 0; min-height: 100%; display: block;}
.index .floor_5_main .list li h3{font-size: .26rem; color: #000; height: .8rem; overflow: hidden; font-weight: normal;}
.index .floor_5_main .list li p{color: #999; font-size: .2rem;}
.index .floor_5_main .list li:hover .txt h3{color: c9974c;}

/*xunpan*/
.xunpan{width: 100%; height: 3rem; background: url(../images/xunpan.jpg) no-repeat center; background-size: 6.4rem auto; color: #fff; text-align: center;}
.xunpan p{font-size: .2rem;}
.xunpan .bigtxt{font-size: .32rem; padding-top: .6rem; display: block;}
.xunpan .bigtxt b{font-size: .32rem; font-weight: bold;}
.xunpan .bigtxt .subtit{margin-top:0.16rem;}
.xunpan .bigtxt .subtit em{color:#c9974c;}
.xunpan .btn{padding-top: 0.4rem;}
.xunpan .btn a{display: inline-block; width: 2.6rem; height: .65rem; line-height: .65rem; text-align: center; color: #fff; border-radius: .3rem;}
.xunpan .btn a i{width: .32rem; height: .32rem; display: inline-block; margin-right: .2rem;}
.xunpan .btn a.zx{border: 1px solid #fff; margin-right: .2rem;}
.xunpan .btn a.zx i{background-position: -1.1rem -1.06rem;}
.xunpan .btn a.tel{background: #c9974c;}
.xunpan .btn a.tel i{background-position: -1.56rem -1.06rem;}
/***************index css end*********************/

/*menu*/
.menu{padding: 0 3% .15rem;}
.menu a{width: 48.5%;margin: 0 3% .2rem 0;overflow: hidden;height: 0.65rem;line-height: 0.65rem;text-align: center;background: #fff;display: block;font-size: .26rem;color: #333;float: left;border-radius: 6px;border: 1px solid #ddd;}
.menu a:nth-child(2n){margin-right: 0;}
.menu a:hover,.menu a.hover{ color:#fff;background-color: #c9974c;border-color:#c9974c;}
.prolist{padding: 0 3% 0;}
.prolist .item{width: 48.5%; float: left; margin: 0 3% .26rem 0; padding: .12rem .12rem 0; text-align: center; border: 1px solid #ddd; background-size: cover;}
.prolist .item a{width: 100%; display: block;}
.prolist .item:nth-child(2n){margin-right: 0;}
.prolist .item figure{width: 100%; padding-top: 100%; position: relative; overflow: hidden; border-radius: .05rem; border-bottom: 1px solid #dddddd;}
.prolist .item figure img{width: 100%; min-height: 100%; display: block; position: absolute; left: 0; top: 0; border-top-right-radius: .05rem; border-top-left-radius: .05rem;}
.prolist .item h3{height: 0.68rem; line-height: 0.68rem; font-weight: normal; overflow: hidden;}
.prolist.prolist4 .item figure{padding-top: 100%;}
.baselist{padding: 0 3%;}
.baselist .item{width: 48.5%; float: left; margin-right: 3%; margin-bottom: .16rem; text-align: center;}
.baselist .item a{width: 100%; display: block;}
.baselist .item:nth-child(2n){margin-right: 0;}
.baselist .item figure{width: 100%; padding-top: 75%; position: relative; overflow: hidden;}
.baselist .item figure s{width: 100%; height: 100%; display: block; position: absolute; left: 0; top: 0; z-index: 11; background: url(../../images/zz.png) no-repeat center center; background-size: cover;}
.baselist .item figure img{width: 99%; height: 99%; display: block; position: absolute; left: 0; top: 0; border-radius: .05rem;}
.baselist .item h3{height: 0.72rem; line-height: 0.72rem; overflow: hidden;}
.baselist img{max-width: 100%;}
/*newslist*/
.newslist{padding: 0 3%;}
.newslist .item{padding-right: .1rem; display: block; padding: .3rem 0 .25rem; border-bottom: 1px solid #dddddd; margin: 0 auto 0;}
.newslist .item img{width: 1.8rem; height: 1.35rem; display: block; margin-right: .25rem;}
.newslist .item h3{font-size: .26rem; line-height: 0.45rem; height: 0.9rem; margin-bottom: .08rem; font-weight: normal; overflow: hidden; color: #333333;}
.newslist .item .time{color: #999; font-size: .2rem;}
.newslist .item:first-child{padding-top: 0;}
.newslist .item:last-child{border-bottom: 0px;}
.newslist img{max-width: 100%;}

/* imgtog */
.imgtog{width: 100%; position: relative; overflow: hidden; height: 4.8rem;}
.imgtog .list{float: left; width: 500%; height: 4.8rem;}
.imgtog .list .item{float: left; width: 20%; height: 4.8rem;}
.imgtog .list .item img{width: 100%; height: 4.8rem; display: block;}
.imgtog .bg{width: 100%; height: .4rem; position: absolute; left: 0; bottom: 0; z-index: 100; background: url(../images/bannerbg-line.png) no-repeat center bottom; background-size: auto .4rem;}
.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; text-align: center; bottom:.32rem; margin-left: 0; z-index: 10;}
.imgtog .tip span{width: .2rem; height: .2rem; margin: 0 .08rem; border-radius: 100%; display: inline-block; vertical-align: top; background: #934407; }
.imgtog .tip span.cur{ background: #f0c422; }
.imgtog.banner{height: 4rem;}
.imgtog.banner .list{height: 4rem;}
.imgtog.banner .list .item{height: 4rem;}
.imgtog.banner .list .item img{height: auto;}
.showInfo .imgtog{height: 6.4rem;}
.showInfo .imgtog .list{height: 6.4rem;}
.showInfo .imgtog .list .item{height: 6.4rem;}
.showInfo .imgtog .list .item img{height: 6.4rem;}
.content{padding:0.4rem 0 .5rem; min-height:7.2rem; width: 100%; overflow: hidden;}
.iMore{width: 94%; height: .7rem; cursor: pointer; border: 0; line-height: .7rem; text-align: center; color: #fff; margin: .3rem auto .2rem; display: block; background: #c9974c; border-radius: .06rem;}
.iMore:link,
.iMore:visited{color: #fff;}
/****reLink***/
/*reLink*/
.reLink{margin: .2rem 0 .2rem; text-align: left; border: 1px solid #dddddd; color: #333;}
.reLink .prevLink,
.reLink .nextLink{width: 100%; height: 0.6rem; line-height: 0.6rem; position: relative; overflow: hidden; text-indent: .18rem; border-bottom: 1px solid #ddd; background: #fff;}
.reLink .nextLink{border-bottom: 0;}
.recomCon .tit2{font-size: .3rem; padding: .28rem 3%;}
.recomCon .tit2 a{float: right; font-size: .24rem; margin-top: .08rem; color: #666;}
.singlePage .txtcon{line-height: .42rem; font-size: .26rem; padding: 0 3%;}
.singlePage .txtcon img{max-width: 100%; height: auto !important;}
.singlePage .tit{text-align: center; padding: .1rem 0 .4rem;}
.singlePage .tit .p1{font-size: .3rem; margin-bottom: .1rem;}
.singlePage .tit .p2{font-size: .2rem;}
.singlePage .tit .p2 a{color: #c21d24;}
/*imsg*/
.imsglist{width: 94%; margin: 0 auto;}
.imsglist .item{width: 100%; height: .7rem; line-height: .68rem; margin-bottom: .22rem; position: relative; background: #fff; border: 1px solid #dcdcdc; border-radius: .06rem; overflow: hidden;}
.imsglist .item .red{position: absolute; left: .05rem; top: .02rem; color: red;}
.imsglist .item .t{width: 1.58rem; height: .68rem; border-right: 1px solid #dcdcdc; position: absolute; left: 0; top: 0; display: block; text-align: center; background: #f8f8f8; color: #999999;}
.imsglist .item .txt{width: 100%; height: .68rem; padding-left: 1.68rem; line-height: .65rem; border: 0px; background: none; outline: none; color: #666;}
.imsglist .item.textarea{width: 100%; margin-bottom: .2rem; height: 2.08rem;}
.imsglist .item.textarea .t{height: 2.08rem;}
.imsglist .item.textarea textarea{width: 100%; color: #666; overflow: hidden; box-sizing: border-box; padding: .1rem 0 .1rem 1.69rem; height: 2.08rem; font-family: "微软雅黑"; resize: none; border: 0; background: none;}
.imsglist .submit{width: 100%; height: .7rem; cursor: pointer; border: 0; line-height: .7rem; text-align: center; color: #fff; display: block; background: #c9974c; border-radius: .06rem;}
/*.contactPage{padding-top: .2rem;}*/
.contactPage .txtcon{line-height: .42rem; font-size: .26rem; padding: 0 3% .4rem;}
.contactPage .txtcon img{max-width: 100%; height: auto !important;}
.contactPage .tit{text-align: center; padding: .3rem 0 .4rem;}
.contactPage .tit .p1{font-size: .3rem; margin-bottom: .1rem;}
.contactPage .tit .p2{font-size: .2rem;}
.contactPage .tit .p2 a{color: #c21d24;}
.contactPage .conlist{width: 94%; margin: 0 auto; padding-bottom: .2rem;}
.contactPage .conlist .item{width: 100%; color: #333333; padding: .3rem 0 .26rem .7rem; position: relative; border-bottom: 1px solid #ddd;}
.contactPage .conlist .item s{width: .7rem; height: .55rem; display: block; position: absolute; left: 0; top: .32rem; background: url(../images/contact-ico.png) no-repeat 0.1rem 0; background-size: auto .55rem;}
.contactPage .conlist .item span{line-height: .26rem; color: #333333; margin-bottom: .07rem; font-size: .26rem; display: block;}
.contactPage .conlist .item strong{font-family: arial; font-weight: normal; color: #c21d24;}
.contactPage .conlist .item strong a{font-size: .26rem; color: #c21d24; font-weight: bold;}
.contactPage .conlist .item.email s{background-position: -1.45rem center;}
.contactPage .conlist .item.address s{background-position: -0.65rem center;}
.contactPage .conlist .item.address strong{color: #666; font-size: .22rem; font-weight: normal;}
.contactPage .mapArea{width: 100%; height: 3.4rem; overflow: hidden; margin: 0 0 .3rem;}
/*showInfo*/
.showInfo article{width: 100%; padding: 0 3%; text-align: center;}
.showInfo article .mark{font-size: .22rem; padding: .2rem 0 .2rem; text-align: center; color: #666666; border-bottom: 1px solid #e2e2e2;}
.showInfo article .mark span{margin: 0 .06rem;}
.showInfo article .title{font-size: .36rem; line-height: .44rem; text-align: center;}
.showInfo article .contxt{padding: .2rem 0 .4rem; line-height: .42rem; font-size: .26rem; text-align: left; color: #666666;}
.showInfo article .contxt img{max-width: 100%; height: auto !important;}
/*.showInfo.showPro{padding-top: .9rem;}*/
.showInfo.showPro .title{padding: .2rem 0; color: #c21d24; text-align: left;}
.showInfo.showPro .show-tit{width: 100%; text-align: left; background: url(../images/show-titbg.png) no-repeat center right; font-size: .3rem; color: #c21d24; background-size: 6.4rem auto;}
.BMap_bubble_title a{border-radius: .03rem; display: inline-block; height: .45rem; line-height: .45rem; overflow: hidden; padding: 0 .2rem; font-size: .2rem; background: #c21d24; color: #fff;}
.BMap_bubble_title a:hover{background: #ffde00; font-size: .2rem;}
.BMap_bubble_title span{display: block; line-height: .28rem;}
.BMap_bubble_content{font-size: .2rem; line-height: .26rem;}
/*fenx*/
#nativeShare{margin: 0 auto; width: 100%; padding-top: 0.3rem; max-width: 640px; min-width: 320px;}
#nativeShare .label{width:.8rem; font-size: 0.24rem; color: #666666; line-height: 0.6rem; text-align: right; }
#nativeShare .list{width: 5.7rem; float: right; text-align: left; }
#nativeShare .list span{height: 0.8rem; width: 0.8rem; 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;}
/******common css end*******/
.g_wximg{position: fixed; max-width: 640px; min-width: 320px; width: 100%; height: 100%; top: 0; z-index: 999; 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;}
.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%;}


/*******旅游问答详情页******/
.nodata{text-align: center; padding: 3%;}

/******动画*****/
.animated {
  -webkit-animation-duration: 1.2s;
  animation-duration: 1.2s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
}
.delay100 {
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}
.delay200 {
  -webkit-animation-delay: 200ms;
  animation-delay: 200ms;
}
.delay300 {
  -webkit-animation-delay: 300ms;
  animation-delay: 300ms;
}
/***************commentPage**************/
/*****通用*****/
@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;
  }
}

@-webkit-keyframes toolicon {
from {/* -webkit-transform:translateY(-2px) */}
to {
	-webkit-transform: translateY(2px);
}
}