@charset "utf-8";
/* CSS Document */

/*container*/
.container{max-width:640px;width:100%;margin:0 auto;overflow:hidden;}

.item{width: 320px; margin:0 auto;}
.bg{background: url(/images/zt/skin360-imgBg.png) no-repeat; background-size:320px 320px;}
.bgIcon{background: url(/images/zt/skin360-f2_Icon.jpg) no-repeat; background-size:320px 150px;}
.bgColor1{background-color: #ebebeb;}
.m_img{display:block;width:100%;}

/*nav_tit*/
.nav_tit{height: 43px;}
.nav_tit ul{ height: 43px;background-color: #281c02;border-bottom: 1px solid #3a2802;}
.nav_tit ul li{float: left; width: 20%; height:43px;}
.nav_tit ul li.active{background-color: #3a2802;}
.nav_tit ul li.active a{color: #eedab7;}
.nav_tit ul li a{display: block;border-right: 1px solid #3a2802; height: 100%; text-align: center; line-height: 43px; color: #867455; font-size: 12px;}
.nav_tit ul li:last-child a{border-right: none;}

/*f1Box*/
.f1Box{position: relative;}
.f1Con{position: absolute; top:18%; left: 0; width: 54%;height: 73.6%}
.f1Con p{ color: #8a5f39; height: 6%; font-size: 12px;text-align: center;}
.indication{width: 100%; height: 32px; padding: 10px 0; background-color: #31261c;}
.indication dl{position: relative; height: 34px;}
.indication dl dt{position: absolute; top: 0; left: 0; width: 68px; height: 34px; border-right: 1px solid #493622; text-align: center; font-size: 12px; color: #c69569;}
.indication dl dt span{width: 43px; height: 5px; background-position: 0 -280px; display: block; margin: 5px auto 0;}
.indication dl dd{padding-left: 69px;}
.indication dl dd p{color: #855b35; font-size: 12px; line-height: 18px; padding: 0 25px 0 10px;}
/*f2Box*/
.f2Box{background-color: #ede0d2; overflow: hidden;}
.f2Box h3{text-align: center; color: #582e07; font-size: 15px;}
.f2Box p{color: #291706; text-align: center; font-size: 12px; line-height: 24px;}
.f2Con1{height: 280px; padding:90px 0 0 37%; background: url(/images/zt/skin360-f2_bg_A.jpg) no-repeat center 0; background-size: 320px auto;}
.f2Con2{position: relative; height: 262px; padding: 30px 37% 0 0; background: url(/images/zt/skin360-f2_bg_B.jpg) no-repeat center 0; background-size: 320px auto;}
.f2Con2 a{position: absolute; top:76%; left:50%; margin-left: 20px; width: 106px; height: 50px; text-align: center; line-height: 50px; color: #fff; font-size: 15px;}
.f2Con3{height: 265px; padding: 24px 0 0 37%; background: url(/images/zt/skin360-f2_bg_C.jpg) no-repeat center 0; background-size: 320px auto;}
.f2Con4{position: relative; height: 316px; padding:30px 37% 0 0; background: url(/images/zt/skin360-f2_bg_D.jpg) no-repeat center 0; background-size: 320px auto;}
.f2Con4 a{position: absolute; top:68%; left:50%; margin-left: 30px; width: 106px; height: 50px; text-align: center; line-height: 50px; color: #fff; font-size: 15px;}
/*f3Box*/
.f3Box{overflow: hidden; padding: 65px 10px 0; background: url(/images/zt/skin360-f3_bg.jpg) no-repeat center 0 #1d0f03; background-size: 320px auto;}
.f3Box dl{position: relative; width: 294px; height: 105px; padding: 3px; background:#291b10 url(/images/zt/skin360-f3_dl_bg.jpg) no-repeat; background-size: 300px auto; margin: 0 auto 15px; }
.f3Box dl dt{position: absolute; top: 3px; left: 3px;}
.f3Box dl dt img{width: 85px; height:105px; display: block;}
.f3Box dl dd{padding-left: 100px;}
.f3Box dl dd h3{padding-top: 6px; color: #c69569; font-size: 15px;}
.f3Box dl dd span{height: 30px; line-height: 30px; padding-top: 2px; color: #c69569; display: block;}
.f3Box dl dd p{color: #836141; font-size: 12px; padding-top:6px; line-height: 18px; }
/*f4Box*/
.f4Box{height: 416px; background: url(/images/zt/skin360-f4_bg.jpg) no-repeat 0 -80px;padding-top: 20px}
.f4Box h2{color: #583c26; font-size: 18px; text-align: center; margin-bottom: 10px; line-height: 24px;background: url(/images/zt/skin360-h2_bg.png) no-repeat center center;background-size: 100% auto}
.f4Box .askBtn{width: 136px; height: 38px; display: block; background-color: #583c26; line-height: 38px; margin: 0 auto; color: #fff; font-size: 18px; text-align: center; border-radius: 4px;}
.f4Con{position: relative; width: 320px;margin-bottom: 20px}
.f4Con .bajs-easy-slider-nav{position:absolute;top:42px;width:14px;height:42px;background:url(/images/zt/skin360-imgBg.png) no-repeat -115px -95px;;background-size:320px 320px;}
.f4Con .prev-btn{left:10px;}
.f4Con .next-btn{right:10px;background-position:-140px -95px;}
.f4Con li{width: 100%;display: none;}
.f4Con li:first-child{display: block;}
.f4Con dl{width: 320px;}
.f4Con dl dt{width: 222px; margin: 0 auto;}
.f4Con dl dt img{width: 93px; height:116px; padding: 4px; background-color: #fff; border: 1px solid #c4c4c4; border-radius: 3px; box-shadow: 2px 2px 5px #c4c4c4; display:inline-block !important; margin: 0 auto;}
.f4Con dl dt img:nth-child(1){margin-right: 15px;}
.f4Con dl dd{padding-top: 14px;}
.f4Con dl dd p{color: #4b4b4b; padding: 0 10px; line-height: 18px; margin-bottom: 8px;}
.f4Con dl dd p b,.f4Con dl dd p span{color:#583c26; font-size: 14px; font-weight: bold;}
.f4Con dl dd p span{display: block;}
.f4Con .center{text-align: center;}
.f4Con .center img{width: 152px;height: 126px;margin-right: 0 !important;background-color: transparent;box-shadow: none;border: 0}
/*f5Box*/
.f5Box{ border-bottom: 1px solid #4a311d; background:#311906 url(/images/zt/skin360-f5_bg.jpg) no-repeat; background-size: 100% 100%;}
.f5Box .item{position: relative;height: 347px;}
.f5Box h2{color: #c59d7c; font-size: 18px; text-align: center; padding-top: 18px; line-height: 20px;}
.f5Box em{position: absolute; left: 50%; width: 22px; height:22px; display: block; background-position: -182px 0; line-height: 90px; overflow: hidden;}
.f5Box .e1{top: 42px; background-position: -182px 0;}
.f5Box .e2{top: 96px; margin-left: -32px; background-position: -210px 0;}
.f5Box .e3{top: 148px; background-position: -237px 0;}
.f5Box .e4{top: 205px; margin-left: -32px; background-position: -265px 0;}
.f5Box .e5{top: 260px; background-position: -293px 0;}
.f5Box p{color: #af7747; font-size: 12px; text-align: center; margin-top: 32px;line-height: 22px}
/*experts*/
.expertsBox{position: relative; width: 320px; margin: 0 auto;height: 280px; background:#110500 url(/images/zt/m22-img_03.jpg) no-repeat; background-size: 320px 280px;}
.expertsBox li{display: none}
.expertsBox li:first-child{display: block;}
.expertSwiper{width: 320px; height: 280px; overflow: hidden;}
.expertSlide{width: 320px; height: 280px; color: #fff;}
.expert1{background: url(/images/zt/m22-experts_01.jpg) no-repeat; background-size:169px 280px;}
.expert2{background: url(/images/zt/m22-experts_02.jpg) no-repeat; background-size:153px 280px;}
.expertInfo{padding: 20px 0 0 155px;height: 260px;}
.expertInfo h3 i{width: 98px; height: 17px; background-position: 0 -100px; display: block;}
.expertInfo h3 span{width: 54px; height: 15px; background-color: #e9a76c; display: block; margin-top: 3px; color: #000; font-size: 12px; line-height: 15px; text-align: center;}
.expertInfo em{font-style: normal; color: #fff1ce; font-size: 15px; display: block; padding-top: 10px;}
.expertInfo p{color: #f0bc66; line-height: 18px; font-size: 12px; margin-top: 2px;  padding-right: 22px;}
.expertInfo p b{color: #fff1ce; font-weight: bold;}
.expertInfo a{float: left; width: 72px; height: 28px; display: block; border-radius: 3px;background-color: #e9a76c; text-align: center; line-height: 28px; color: #583c26;}
.expertInfo a.a2{background-color: #fce9d0; margin-left: 8px;}
.expertsBox .bajs-easy-slider-nav{position:absolute;top:50%;margin-top:-20px;width:13px;height:40px;background:url(/images/zt/m22-imgBg.png) no-repeat;background-size:320px 320px;}
.expertsBox .prev-btn{left:0;}
.expertsBox .next-btn{right:0;background-position:-35px 0;}


/*moreBox*/
.layout{padding: 0 10px}
.moreBox{padding-top: 20px;}
.moreBox h2{font-size: 18px;color: #583c26;padding-bottom: 5px;border-bottom: 1px solid #c4c4c4}
.moreBox .moreCon{margin: 10px 0;padding: 0 10%}
.moreBox .moreCon li{width: 100%;display: none;}
.moreBox .moreCon li:first-child{display: block;}
.moreBox .moreCon img{display: block;width: 100%;}
.moreBox .bajs-easy-slider-nav{position:absolute;top:50%;margin-top:-20px;width:13px;height:41px;background:url(/images/zt/m22-imgBg.png) no-repeat 0 -50px;background-size:320px 320px;}
.moreBox .prev-btn{left:0;}
.moreBox .next-btn{right:0;background-position:-35px -50px;}

.f4BoxList{padding-bottom:0.20rem;overflow:hidden;}
.f4BoxList li{line-height:0.35rem;border-bottom:#c9c9c9 dashed 0.01rem;position:relative;padding-left:0.15rem;}
.f4BoxList li span{position:absolute;left:0;top:50%;margin-top:-7px;width:14px;height:14px;background-color:#ef930f;color:#fff;font-size:10px;line-height:14px;text-align:center;}
.f4BoxList .link_a{font-size:0.12rem;color:#676767;display: block;margin-right: 0.3rem;overflow: hidden;white-space: nowrap;text-overflow:ellipsis;}
.f4BoxList li i{position: absolute;width:0.03rem;height:0.03rem;border-radius:50%;background-color:#959595;left: 0.02rem;top:50%;margin-top: -0.01rem}
.f4BoxList .tel{width:0.20rem;height:0.19rem;background: url('/images/zt/jgFreckle-phone-img.png') no-repeat;background-size: 100% 100%;position:absolute;right:0.06rem;top:50%;margin-top:-0.09rem;}


.bgClo_w{background-color: #fff}