
img{max-width: 100%}
body{ font-family: Microsoft YaHei}
header,main,footer,.part1,.content,.logo,.keyIndex,.nav,.banner,.head_nav,.search,.subnav,.now,article,.logo1,.logo2,.keshixiala,.gh,.footer {max-width: 640px; margin:0 auto; overflow: hidden}
.mt{margin-top: .10rem}
.mt15{margin-top: .15rem}


.logo{margin-bottom: 10px}
.nav li{width: 22%; float: left; background: #f4f4f4; text-align: center; line-height: .6rem;height: .6rem; margin-right:4%}
.nav li:nth-of-type(4){margin-right: 0}
.nav li a{color:#030000; font-size: 14px; display: block; width: 100%; height: 100%}
.nav li:nth-of-type(1){border-bottom: .05rem solid #89450f}

.banner{margin-top: .2rem}

.p1_left{width: 2.6rem; float: left;overflow: hidden; margin-left: .25rem}
.p1_left h3{color:#cec7c1; font-size: .4rem; line-height: .4rem; background: url("../images/dott.gif") no-repeat bottom left; padding-bottom: .1rem}
.p1_left h3 b{color:#986d4a; font-size: .25rem; padding-left: .1rem;font-weight: normal; display: inline-block}
.p1_left strong{color:#986d4a; font-weight: 600; font-size: 18px; display: block; margin: 10px 0}
.p1_left strong b{color:#986d4a; font-weight: normal; font-size: 14px; padding-left: 10px}
.p1_left .zhicheng{width: 2.44rem; padding: 10px 0; background: #f2eae4; overflow: hidden}
.p1_left .zgao{padding-top: 0px}
.p1_left .zhicheng span{color:#986d4a; font-size: 14px; background: url("../images/xin.gif") no-repeat 0 center; padding-left: 20px; margin:.1rem 0 0 .2rem;padding-right: .1rem; display: block}

.p1_left p{color:#986d4a; font-size: 14px; padding: 10px 5px; text-indent: 2em}

.p1_right{float: left; overflow: hidden; width: 330px; margin-left: 5px}
#zj{ position:relative; overflow:hidden; margin: 0; width: 324px; height: auto; border: 1px solid #dcdcdc}
#zj .hd{ width:100%; position:absolute; z-index:1; bottom:0;height: 37px;  text-align:center; }
#zj .hd span{background:#aa8875; opacity: .5; position: absolute; top:0; left:0; width: 100%; height: 37px; z-index: 2}
#zj .hd ul{ overflow:hidden; display:inline-block; z-index: 3;position: absolute; top:0; left:53px;}
#zj .hd ul li{ cursor:pointer; width:100%; height: 37px; display:none;font-size: 14px; color:#fff;line-height:  37px}
#zj .hd ul .on{ display:block  }
#zj .bd { position:relative; z-index:0; }
#zj .bd li { display:inline-block; }
#zj .bd li img{ width:100%; vertical-align:top;}
#zj .bd li a{ -webkit-tap-highlight-color:rgba(0, 0, 0, 0);  }
#zj .prev{width:10px; height: 19px; z-index: 4;position: absolute; top:10px; left:7px;background: url("../images/left.png") no-repeat }
#zj .next{width:10px; height: 19px; z-index: 4;position: absolute; top:10px; left:37px;background: url("../images/right.png") no-repeat }

.cz img{margin:.3rem auto; display: block}

.part2{background: url("../images/bg.jpg") no-repeat 0 0;background-size: 6.4rem 3.63rem;padding-bottom: .3rem}
.p2_t{overflow: hidden}
.p2_t img{width:1.36rem; height: 1.36rem; margin: .68rem auto 0; display: block }
.p2_t div{}
.p2_t div strong{float: left; margin: .16rem 0 0 1.77rem; color:#986d4a; font-size: .4rem; font-weight: normal; line-height: .5rem; background: url("../images/xian.gif") no-repeat right; padding-right: .1rem }
.p2_t div span{float: left;  margin: .16rem 0 0 .1rem; color:#986d4a; font-size: .18rem; font-weight: normal }

.p2{width: 5.65rem; border-radius: .15rem; margin: .2rem auto 0;  background:url("../images/jj.jpg") no-repeat .3rem .17rem  #fff; background-size: .93rem 2.68rem;
-moz-box-shadow:0px 0px .18rem #999; -webkit-box-shadow:0px 0px .18rem #999; box-shadow:0px 0px .18rem #999;overflow: hidden; padding-bottom: .1rem}
.p2 p{color:#55504c; font-size: 14px;padding: .05rem; text-indent: 2em; margin: .03rem .35rem 0}
.p2 p:nth-of-type(1){margin: .3rem .4rem 0 1.3rem; display: block}
.gao p:nth-of-type(2){margin: 0rem .4rem 0 1.3rem; display: block}
.gao p:nth-of-type(3){margin: 0rem .4rem 0 1.3rem; display: block}
.gao p:nth-of-type(4){margin: 0rem .4rem 0 1.3rem; display: block}
.p2 strong{text-align: center; font-size: 18px; color:#986d4a; display:block; margin: .4rem 0 .2rem}
.p2 ul{flex-wrap: nowrap; display: flex;justify-content:space-around; margin: .2rem 0}
.p2 li{text-align: center;font-size: .14rem; color: #a2724b}
.p2 ul img{display: block;margin: 0 auto .1rem}
.p2 li b{font-size: .18rem; font-weight: normal; }


.gh{overflow:hidden; margin-top: .2rem}
.gh form{overflow: hidden;  padding:0 10px}
.gh .formn{ overflow: hidden; padding-bottom:20px }
.gh .title_v h3{color:#986d4a; font-size: 20px; padding-left: .25rem; line-height:20px}
.gh .title_v strong{color:#c6bdb6; font-weight: normal; font-size: 14px}
.gh .gh_1{ clear:both;margin-top: 10px; overflow: hidden;display: flex;  align-items: flex-start; }
.gh .gh_1 h4{ font-size:15px; float:left; width:85px; color:#666; line-height:.4rem;flex: 0 0 auto;}
.gh .gh_1 .test{height:.4rem; line-height:.4rem; font-size:14px; color:#888; padding-left:10px;float: left; border: 1px solid #d7d7d7;flex: 1 1 auto; }
.gh .gh_1 .test2{  height:.4rem; line-height:.4rem; font-size:14px; color:#888; padding-left:10px;float: left;border: 1px solid #d7d7d7 ;flex: 1 1 auto;}
.gh .gh_1 .test3{line-height: .3rem;height: .6rem}
.gh .gh_1 i{color:#ff7a19; font-style:normal}
.gh .submit{background: #a2724b; display: block; border: 0; width: 2rem; height: .5rem; line-height: .32rem; color: #fff; font-size: 16px; cursor: pointer}
.gh ul{ margin:15px 0 0 .8rem ; width: 100%; overflow: hidden}
.gh ul li{ float:left; margin-left:.1rem; float:left;}
.gh .p{text-align: center; color:#000000; font-size: 14px; line-height: .4rem; margin-top: .1rem}
.gh .reset{background: #d1c0a5}
.gh .yuyue{font-size: 14px; color:#777; line-height: 25px; margin-top: 10px; padding: 0 .25rem}
.gh .yuyue .title_v h3{padding-left: 0}
.gh .yuyue p{color:#333333; padding: .2rem 0 0 0; text-indent: 2em}

.footer{background: #f3ece7; margin-top: .2rem}
.footer img{text-align: center}
.footer p{font-size: 14px;padding:0 .05rem .2rem; text-align: center;}

@media (max-width: 539px)
{
    .p1_left{width: 5.65rem;float: none;margin: 0 auto; }
    .p1_left h3{ display: block}
    .p1_right{width: 5.65rem; margin: 0 auto; float: none}
    #zj{width: 5.65rem; height: auto}
    .p1_left .zhicheng{width: 5.65rem; margin: 10px 0}
	.p1_left h3{ background: url("../images/dott2.gif") no-repeat bottom left; }
}
@media (max-width: 414px)

{	
	

	
}
@media (max-width: 413px)
{

}
@media (max-width: 375px)
{


}
@media (max-width: 374px)
{

}
@media (max-width: 320px)
{

}