html,body{background:#796B5E; font-size:12px;}
/**/
.mt1{margin-top:10px;}
.mb1{margin-bottom:10px;}
.mr1{margin-right:10px;}
.ml1{margin-left:10px;}
/**/
.inner{width: 100%; height: 100%; position: relative;}
/**/
.pd1{padding-top:10px; padding-bottom:10px;}
.pd2{padding-top:10px;}
/**/
.w0{min-width:1300px; margin:auto;}
.w1{width:100%; margin:auto; overflow:hidden;}
.w2{width:100%; margin:auto; max-width: 640px;}
/**/
.index{position: fixed; width: 100%; max-width: 640px; margin: auto; top: 0px; bottom: 50px; background: url(../images/index-bg.jpg) center no-repeat; background-size:cover;}
.index-foot-container{position: fixed; width: 100%; max-width: 640px; margin: auto; bottom: 0px; height: 50px; background: url(../images/index-foot-bg.png) top repeat-x; background-size: auto 100%;}
.index-foot{background: url(../images/index-foot.png) center no-repeat; background-size: contain; height: 30px; width: 90%; position: absolute; top: 50%; margin-top: -15px; left: 5%;}
.index .logo{width: 100%; height: 40%; position: absolute; left: 0px; top: 5%; background: url(../images/index-logo.png) center no-repeat; background-size: contain;}
.index .xiehui{width: 90%; height: 20%; position: absolute; right: 5%; top: 23%; background: url(../images/index-1.png) center no-repeat;background-size: contain; display: none;}
.index .dog{width: 90%; height: 40%; position: absolute; right: 5%; bottom:0%; background: url(../images/index-dog.png) center no-repeat; background-size: contain;}
.index .flower{width: 80px; height: 50%; position: absolute; left: 2%; bottom:2%; background: url(../images/index-3.png) bottom no-repeat; background-size: contain;}
.index .enter{width: 260px; height: 40px; position: absolute; right: 50%; margin-right: -130px; top:55%; margin-top: -20px; background: url(../images/index-2.png) bottom no-repeat; background-size: contain;}
.index .enter ul{width: 100%; height: 40px; line-height: 40px; clear: both; overflow: hidden;}
.index .enter ul li{width: 50%; height: 100%; float: left; text-align: left; text-indent: -200px; overflow: hidden;}
.index .enter ul li a, .index .enter ul li a:hover{display: block; text-decoration: none;}

.body-bg{background: url(../images/main-bg.jpg) top center repeat-y; background-size: 100% auto;}

.main-left{width: 100%; height: 240px; background: url(../images/main-left-bg.png) top left no-repeat; background-size: 100% 100%;}
.main-left-en{width: 100%; height: 240px; background: url(../images/main-left-bg-en.png) top left no-repeat; background-size: 100% 100%;}

.main{margin: 15px; padding-bottom: 60px; }
.main .main-inner{width: 100%; margin: auto; overflow: hidden;}
.main .main-foot-string{width: 100%; height: 35px; margin-top: 20px; background: url(../images/main-foot-string.png) right no-repeat; background-size: contain;}

.main-right{width: 100%; padding-top: 30px; }
.main-right-dog{width: 100%; height: 30%; background: url(../images/main-right-dog.png) right bottom no-repeat; background-size: contain;}
.main-right-photo{width: 320px; height: 320px; margin:auto; background: url(../images/main-right-photo.png) right bottom no-repeat; background-size: contain; }
.main-right-photo-inner{width: 190px; height: 190px; position: absolute; top: 50%; left: 50%; margin-left: -95px; margin-top: -96px; border-radius: 100%; overflow: hidden;}

.main-foot{position: fixed; width: 100%; max-width: 640px; margin: auto; bottom: 0px; z-index: 10000;}
.main-foot-bg1{width: 100%; height: 5px; background: url(../images/main-foot-bg1.png) center repeat-x; background-size: auto 100%;}
.main-foot-bg2{width: 100%; height: 50px; background: url(../images/main-foot-bg2.png) center repeat-x; background-size: auto 100%; position: relative;}

.nav{width: 100%; max-width: 640px; margin: auto; position: fixed; bottom: 55px; z-index: 100000; display: none;}
.nav ul{width: 100%; margin: auto; overflow: hidden; clear: both;}
.nav ul li{width: 50%; float: left; height: 50px; line-height: 50px; overflow: hidden; text-align: center; overflow: hidden; font-size: 14px;  background-color: rgba(58, 50, 41, 0.98); border-bottom: 1px rgba(143, 135, 104, 0.31) solid;}
.nav ul li:nth-child(even){border-left: 1px rgba(143, 135, 104, 0.31) solid; margin-left: -1px;}

.main-foot-english{width: 50%; height: 45px; line-height: 45px; text-align: left; overflow: hidden; position: absolute; left: 0%; top: 50%; margin-top: -22.5px; background: url(../images/en.png) center no-repeat; background-size: contain;}
.main-foot-chinese{width: 50%; height: 45px; line-height: 45px; text-align: left; overflow: hidden; position: absolute; left: 0%; top: 50%; margin-top: -22.5px; background: url(../images/cn.png) center no-repeat; background-size: contain;}
.main-foot-contact{width: 50%; height: 50px; line-height: 50px; position: absolute; right: 0%; top: 50%; margin-top: -25px; background: url(../images/main-foot-contact.png) center no-repeat; background-size: contain;}
.main-foot-contact ul{width: 100%; height: 100%; clear: both; overflow: hidden;}
.main-foot-contact ul li{width: 50%; height: 100%; float: left; overflow: hidden; text-align: left; text-indent: -300px; overflow: hidden;}
.main-foot-contact ul li a, .main-foot-contact ul li a:hover{display: block; text-decoration: none;}

.lan{width: 100%; height: 50px; margin-top: 0px; margin-bottom: 20px;}
.lan1{background: url(../images/lan1.png) left no-repeat; background-size: contain; }
.lan2{background: url(../images/lan2.png) left no-repeat; background-size: contain;}
.lan3{background: url(../images/lan3.png) left no-repeat; background-size: contain;}
.lan4{background: url(../images/lan4.png) left no-repeat; background-size: contain;}
.lan5{background: url(../images/lan5.png) left no-repeat; background-size: contain;}
.lan6{background: url(../images/lan6.png) left no-repeat; background-size: contain;}
.lan7{background: url(../images/lan7.png) left no-repeat; background-size: contain;}
.lan8{background: url(../images/lan8.png) left no-repeat; background-size: contain;}
.lan9{background: url(../images/lan9.png) left no-repeat;; background-size: contain;}
.lan10{background: url(../images/lan10.png) left no-repeat; background-size: contain;}
.lan11{background: url(../images/lan11.png) left no-repeat; background-size: contain;}

.lan1-en{background: url(../images/lan1-en.png) left no-repeat; background-size: contain;}
.lan2-en{background: url(../images/lan2-en.png) left no-repeat; background-size: contain;}
.lan3-en{background: url(../images/lan3-en.png) left no-repeat; background-size: contain;}
.lan4-en{background: url(../images/lan4-en.png) left no-repeat; background-size: contain;}
.lan5-en{background: url(../images/lan5-en.png) left no-repeat; background-size: contain;}
.lan6-en{background: url(../images/lan6-en.png) left no-repeat; background-size: contain;}
.lan7-en{background: url(../images/lan7-en.png) left no-repeat; background-size: contain;}
.lan8-en{background: url(../images/lan8-en.png) left no-repeat; background-size: contain;}
.lan9-en{background: url(../images/lan9-en.png) left no-repeat; background-size: contain;}
.lan10-en{background: url(../images/lan10-en.png) left no-repeat; background-size: contain;}
.lan11-en{background: url(../images/lan11-en.png) left no-repeat; background-size: contain;}

/**/
.bgc1{}
/**/
.ul1 ul{overflow: hidden; }
.ul1 li{width: 100%; height: 42px; line-height: 42px; border-bottom: 1px rgba(81, 47, 13, 0.33) dotted; text-indent: 20px; overflow: hidden; font-size: 12px; color: #512F0D;}
.ul1 li em{font-size: 12px;}
.ul1 li:last-child{border-bottom: 0px;}
.ul1_2 li{font-size: 14px;}

.ul2 ul{overflow: hidden;}
.ul2 li{width: 100%; overflow: hidden; margin-bottom: 20px; font-size: 12px; color: #FFF1E1}
.ul2 li .d0{border: 0px #fff solid; border-radius: 6px; margin: 15px; padding: 25px 15px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); background-color: rgba(255,255,255,0.05);}
.ul2 li .d1{padding: 5px 10px; line-height: 25px; text-align: center; font-size: 16px;}
.ul2 li .d2{padding: 5px 10px; line-height: 20px; text-align: center;}
.ul2 li .lr{width: 100%; clear: both; overflow: hidden; margin-top: 15px; margin-bottom: 15px; position: relative;}
.ul2 li .lr .l{width: 46%; float: left; overflow: hidden;}
.ul2 li .lr .l_1{width: 100%; overflow: hidden; text-align: center;}
.ul2 li .lr .l_2{width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-align: center;}
.ul2 li .lr .l_1 img{max-width: 70%; border: 4px #C78727 solid;}
.ul2 li .lr .m{width: 60px; height: 60px; text-indent: -80px; overflow: hidden; position: absolute; top: 50%; margin-top: -30px; left: 50%; margin-left: -30px;}
.ul2 li .lr .r{width: 46%; position: absolute; right: 0px; top: 0px; overflow: hidden;}
.ul2 li .lr .r_1{width: 100%; overflow: hidden; text-align: center;}
.ul2 li .lr .r_2{width: 100%; height: 30px; line-height: 30px; overflow: hidden; text-align: center;}
.ul2 li .lr .r_1 img{max-width: 70%; border: 4px #C78727 solid;}
.ul2 li .d3{width: 140px; margin: auto; height: 38px; line-height: 38px; border-radius: 38px; background-image: linear-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.4)); text-align: center; font-size: 14px;}
.ul2 li .d3 a, .ul2 li .d3 a:hover{color: #fff; text-decoration: none; display: block;}

.ul3 ul{width: 100%;}
.ul3 ul li{width: 100%; margin-bottom: 30px;}
.ul3 ul li .lr{border: 0px #fff solid; border-radius: 6px; margin: 10px; padding: 20px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); background-color: rgba(255,255,255,0.05); position: relative;}
.ul3 ul li .l{background-size: 100% 100%;border: 1px #FFF1E1 solid; background-color: #FFF1E1; border-radius: 0px; margin-bottom: 10px;}
.ul3 ul li .l img{width: 100%; border-radius: 0px;}
.ul3 ul li .l span{display: block; width: 100%; height: 50px; line-height: 50px; position: absolute; left: 0px; top: 50%; margin-top: -25px; text-align: center; color: #fff;}
.ul3 ul li .r{overflow: hidden;}
.ul3 ul li .r .d1{width: 100%; line-height: 20px; font-size: 14px; font-weight: bold; overflow: hidden; margin-bottom: 8px;}
.ul3 ul li .r .d2{width: 100%; line-height: 20px; font-size: 12px; overflow: hidden;color: rgba(255, 241, 225, 0.8);}
.ul3 ul li .r .d3{width: 100%; max-height: 20px; line-height: 20px; font-size: 12px; overflow: hidden; margin-top: 8px;color: rgba(255, 241, 225, 0.64);}

.dog ul{width: 100%;}
.dog ul li{width: 100%; margin-bottom: 30px;}
.dog ul li .lr{border: 0px #fff solid; border-radius: 6px; margin: 10px; padding: 20px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); background-color: rgba(255,255,255,0.05); position: relative;}
.dog ul li .l{background-size: 100% 100%;border: 1px #FFF1E1 solid; background-color: #FFF1E1; border-radius: 0px; margin-bottom: 10px;}
.dog ul li .l img{width: 100%; border-radius: 0px;}
.dog ul li .r{width: 100%; overflow: hidden;}
.dog ul li .r .d1{width: 100%; height: 25px; line-height: 25px; font-size: 16px; font-weight: bold; overflow: hidden; margin-bottom: 8px;}
.dog ul li .r .d2{width: 100%; line-height: 25px; font-size: 14px; overflow: hidden;color: rgba(255, 241, 225, 0.8);}

/**/
.txt1{ width: 100%; line-height: 1.8; font-size: 14px; overflow: hidden; color: #FFF1E1;}
.txt1 .about-left{float:left; margin-right:15px; margin-bottom:5px; max-width:60%;}
.txt1 .about-left2{ margin: auto; max-width: 60%;}
.txt1 img{max-width: 98%; margin-bottom: 20px; padding: 1px; background-color: #FFF1E1;}
.txt1 video{width: 80%; height: 400px;}
.txt1.contact .contact-weixin{margin:20px; max-width: 200px;}

/**/
.f1 a,.f1 a:hover{ color:#EFECD9; text-decoration:none; display:block;}
.f2 a,.f2 a:hover{color: #FFF1E1; text-decoration:none;}  .f2 a:hover{ color: #fff;}
/**/
.fc1{color:#ccc;}
/**/
/**/
.cover{ position:fixed; top:0px; bottom:0px; left:0px; right:0px; background-color:rgba(0,0,0,0.6); z-index:99999; display:none;}
.cover_close{width:30px; height:30px;position:fixed; z-index:100001;border-radius:100%; line-height:30px; text-align:center; font-size:16px; color:#fff; font-family:Tahoma, Geneva, sans-serif; background-color: #C00; top:50%; left:50%; margin-top:-130px; margin-left:100px; display:none;}
.float_weixin{width:200px; height:240px; border-radius:10px; background-color:#fff;  position:fixed; top:50%; left:50%; margin-top:-115px; margin-left:-115px; z-index:100000; text-align:center; padding:15px; font-size:14px; display:none;}
.float_weixin img{width:200px; height:200px; margin-bottom:20px;}
/**/
textarea{border:1px #CCC solid; background:#FFFFFF; padding:2px;}
.inpt1{ width:300px;border:1px #CCC solid; background:#FFFFFF;padding:2px;}
.inpt2{ width:500px; height:90px;}
.bnt1{cursor:pointer;}
/**/
.line1{}
/**/
.end{padding-top:10px; padding-bottom:10px; line-height:1.7; text-align:center;}
/**/
.img1{}
/**/
.title1{}
/**/
.em1 em{}
/**/
.aTitle{width:100%; margin:auto; padding-top:20px; padding-bottom:20px; text-align:center; font-size:18px; font-weight: bold; color: #FFF1E1;}
.aSub{width:100%; margin:auto; text-align:center; height:30px; line-height:30px; margin-bottom: 20px; font-size: 12px;}
.aBody{width:100%; margin:auto; overflow: hidden;}

/**/
/*在线留言样式*/
.feedback{border:1px #222 solid; }
.feedback dt{ background:#222; color:#444;}
.feedback dt big{color:#fff;}
.feedback dd{ color:#C47500}

/*分页*/
.pageList{color:#FFF1E1; width:96%; margin: auto; padding-top: 5px; }
.pageList a,.pageList a:hover{background: rgba(255, 241, 225, 0.28); color:#FFF1E1;border:1px rgba(255, 241, 225, 0.28) solid; text-decoration:none; border-radius: 3px;}
.pageList a:hover,.pageList .on{background:#FFF1E1; border:1px #FFF1E1 solid; color:#814703;}

/*滚动条美化*/
::-webkit-scrollbar {width:9px;height:9px;}
::-webkit-scrollbar-track {
    width: 6px;
    background-color: #30281F;
}
::-webkit-scrollbar-thumb {
    background-color: #84725B;
    background-clip:padding-box;
    min-height:28px;
    -webkit-border-radius: 2em;
    -moz-border-radius: 2em;
    border-radius:2em;
}
::-webkit-scrollbar-thumb:hover {
    background-color:#6C5034;
}


/**/
.slideBox{ width:100%; height:100%; overflow:hidden; position:relative;}
.slideBox1{height:190px;}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; bottom:10px; z-index:100; width:100%;}
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  text-align: center;width:100%;}
.slideBox .hd ul li{cursor: pointer; width:10px; height:10px; border-radius: 10px; background: rgba(69, 31, 6, 0.54); margin:0 .2em; display: inline-block;transition:width .5s ease; }
.slideBox .hd ul li.on{ background:#fff;}
.slideBox .bd{ height:100%; width: 100%; z-index:50; overflow: hidden; border-radius: 8px;}
.slideBox .bd ul{height:100%;width:100%; overflow: hidden;}
.slideBox .bd ul li{width: 100%;height:100%;position: relative; overflow: hidden;}
.slideBox .bd ul li .d0{width: 100%; height: 100%; overflow: hidden;}
.slideBox .bd ul li .d1{width:100%; height:36px; background-color: rgba(223, 145, 83, 0.82); text-align:center; line-height:36px;border-radius:0px; position:absolute; z-index:60; left:0%; top:0px; display: none;}
.slideBox .bd ul li .d2{display: none;}
.slideBox .prev,
.slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:none; width:32px; height:40px; background:url(//static.cdn.viposs.com/x/xibeipet_com/1/images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.slideBox .prevStop{ display:none;  }
.slideBox .nextStop{ display:none;  }

.puppy_detail .famDiv{border: 0px #fff solid; border-radius: 6px; margin: 5px; padding: 10px 10px; box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.2); background-color: rgba(255,255,255,0.05); margin-bottom: 20px;}
.puppy_detail .famDiv img{max-width: 70%; margin-bottom: 0px; margin-top: 0px;}
.puppy_detail .famDiv .aTitle{font-size: 14px;}
.puppy_detail .famDiv .and{}
.puppy_detail .aBody{text-align: center;}

.dogDetail .detail-title{width:100%; margin:auto; padding-bottom:20px; text-align:center; font-size:18px; font-weight: bold;}
.dogDetail .detail-face{width: 100%; text-align: center; padding-bottom: 20px;}
.dogDetail .detail-face img{padding: 0px; border: 1px #fff solid; margin: 0px; width: 60%;}
.dogDetail .detail-nav{width: 100%; margin: auto; overflow: hidden; display: none;}
.dogDetail .detail-nav ul{width: 100%; clear: both; overflow: hidden; padding: 20px 0px;}
.dogDetail .detail-nav ul li{width: 11.111%; float: left; height: 34px;text-align: center; overflow: hidden; font-size: 14px; }
.dogDetail .detail-nav ul li a,.dogDetail .detail-nav ul li a:hover{display: block; width: 80%; height: 32px; line-height: 32px; border-radius: 32px; border: 1px #7f621c solid;}
.dogDetail .detail-nav ul li:hover a,.dogDetail .detail-nav ul li:hover a:hover{border-color:#FFF1E1; color: #FFF1E1; }
.dogDetail .detail-body{width: 100%; padding-bottom: 20px;}
.dogDetail .detail-body .part-title{font-size: 18px; height: 40px; line-height: 40px; border-radius: 40px; border: 0px #814703 solid; color: #FFF1E1; font-weight: bold; margin-top: 10px; margin-bottom: 10px; text-align: center; }
.dogDetail .detail-body .part{overflow: hidden;background-color: rgba(255,255,255,0.05); padding: 10px; border-radius: 6px; text-align: center;}
.dogDetail .detail-body .part table{border-collapse: collapse;}
.dogDetail .detail-body .part table,.dogDetail .detail-body .part table td, .dogDetail .detail-body .part table th{border: 1px rgba(255, 241, 225, 0.35) solid; padding: 10px 5px; line-height: 1.5; font-size: 12px; text-align: center; }
.dogDetail .detail-body .part table p{margin-bottom: 0px; text-indent: 0px;}
.dogDetail .detail-body .part1 table{width: 100%; max-width: 600px; margin: auto;}
.dogDetail .detail-body .part1 table th{width: 30%;}
.dogDetail .detail-body .part2 img{margin-bottom: 10px; margin-top: 10px;}
.dogDetail .detail-body .part3{overflow: auto;}
.dogDetail .detail-body .part5 img{margin-bottom: 10px; margin-top: 10px;}
.dogDetail .detail-body .part4 table tr th{min-width: 40px; background: none;}
.dogDetail .detail-body .part4 table tr th:nth-child(1){width: 70px;}
.dogDetail .detail-body .part7 .FAM img{max-width: 120px;padding: 1px; border: 1px #FFF1E1 solid;}
.dogDetail .detail-body .part7 .FAM .and{}
.dogDetail .detail-body .part9 table tr td:nth-child(1){width: 70px; padding: 10px 5px;}
.dogDetail .detail-body .part9 table tr td img{margin-top: 10px; margin-bottom: 10px;}