body,h1,h2,h3,h4,p,dl,dd,ul,ol,form,input,textarea,th,td,select{margin: 0;padding: 0;}
*{box-sizing:border-box;font-family: "微软雅黑","open sans", arial, "hiragino sans gb", "microsoft yahei", "stheiti", "wenquanyi micro hei", simsun, sans-serif;
}
em{font-style: normal;}
li{list-style: none;}
a{text-decoration: none; color:#333;}
img{border: none;vertical-align: top;}
table{border-collapse: collapse;}
input,textarea{outline: none;}
textarea{resize:none;overflow: auto;}
.clearfix{overflow: hidden;*zoom: 1;}
.clearfix:after{content: '';display: black;clear: both;height: 0;}  
.bgimg{
    display: block;
    width: 100%;
}
.relative{
    position: relative;
}
.absolute{
    position: absolute;
    width: 100%;
}
.tap1{
  
    background: url(/uploads/image/tshpimages/banner.jpg) no-repeat center / cover;
}
.img01{
    width: 50%;
    margin: 0 auto;

}
.tap1con{
    text-align: center;
    top: 0;
    left: 0;
    color: #fff;
    height: 100%;
    padding: 170px 0;
}
.tap1p2{
    position: relative;
    border: 1px solid #fff;
    padding: 20px 40px;
    display: inline-block;
}
.tap1p2:after,.tap1p2:before{
    content: '';
    position: absolute;
    width: 130px;
    height: 1px;
    background: #fff;
}
.tap1p2:before{
    left: -116px;
    top: 44px;
}
.tap1p2:after{
    right: -116px;
    top: 44px;
}
.fon50{

    margin: 50px auto;
    color: #221815;
    letter-spacing: 5px;
    width: 50%;
    text-align: left;
    line-height: 25px;
}
.tap22ul{
    width: 80%;
    margin: 0 auto;
    padding: 50px 0;

}
.tap22ul li{
    width:222px;
    height: 326px;
    display: inline-block;
    position: relative;
    margin-right: 8px;
    margin-bottom: 5px;

}
.cli0img{
    position: absolute;
    left: 0;
    top: 0;
    background: #ecbdc4;
    height: 326px;
    display: none;
    width: 100%;

}
.hov01 strong{
    font-size: 25px;
}
.hov01 p{
    margin-top: 10px;
    
}
.tap22ul li:hover .cli0img{
    display: block;
}
.tap2{
    background: #fff;
    padding-top: 50px;
    text-align: center;
}
.tap33{
    background:  repeat;
    padding-top: 50px;
    text-align: center;

}
.tap44{
    background: #fff;
    padding-top: 60px;
    text-align: center;
}
.tap66{
    background: #fff;
    padding-top: 60px;
    text-align: center;
}
.img66{
    margin: 0 auto;
    width: 40%;
    margin-bottom: 50px;
}
/**1**/
.con01{

    display: block;
    width: 70%;
    margin: 0 auto;
    overflow: hidden;

}
.con01_text01{
    color: #bf4f72;
    font-weight: bold;
    font-size: 16px;
}
.con01_text01_b{
    color: #221815;
    padding-top: 15px;
    text-align: left;
    margin: 0 auto;
    width: 52%;
}


.con01_text01_b font{
    margin-bottom: 5px;
    display: block;
    font-size: 16px;
}
.con01_left{
    padding-top:40px;
    text-align: center;
    width: 50%;
    float: left;
}
.con01_right{
    width: 50%;
    float: right;
    height: 275px;
    background:  no-repeat;
    background-size:100% 100%; 
}
/**2**/
.con02{
    display: block;
    width: 70%;
    margin: 0 auto;
    overflow: hidden;

}
.con02_text01{
    color: #bf4f72;
    font-weight: bold;
    font-size: 16px;
}
.con02_text01_b{
    color: #221815;
    padding-top: 15px;
    text-align: left;
    margin: 0 auto;
    width: 52%;
}
.con02_text01_b font{
    margin-bottom: 5px;
    display: block;
    font-size: 16px;
}
.con02_left{
    width: 50%;
    float: left;
    height: 275px;
    background:  no-repeat;
    background-size:100% 100%; 

}
.con02_right{
    
    padding-top:40px;
    text-align: center;
    width: 50%;
    float: right;
}
/**3**/
.con03_right{
    width: 50%;
    float: right;
    height: 275px;
    background:  no-repeat;
    background-size:100% 100%;
}
/**4**/
.con04_left{
    width: 50%;
    float: left;
    height: 275px;
    background:  no-repeat;
    background-size:100% 100%;
}
/**5**/
.con05_right{
    width: 50%;
    float: left;
    height: 275px;
    background:  no-repeat;
    background-size:100% 100%;
}
/**6**/
.con06_left{
    width: 50%;
    float: left;
    height: 275px;
    background:  no-repeat;
    background-size:100% 100%;
}
/****/
.tap55{
    background:  repeat;
    padding-top: 60px;
    text-align: center;

}
.img55{
    margin: 0 auto;
    width: 50%;

}
.img555{
    padding: 50px 0;
}
.tap77{
    background:  repeat;
    padding-top: 50px;
    text-align: center;

}
.img77{
    margin: 0 auto;
    width: 50%;

}
.img777{
    width: 50%;
    margin: 50px auto;
}

.text77{
    font-size: 16px;
    color: #221815;
    width: 50%;
    line-height: 25px;
    letter-spacing: 5px;
    text-align: justify;
    margin:0 auto;
    font-weight: bold;
    padding-bottom: 50px;
}
.tap22{
    background: #fff;
    padding-top: 50px;
    text-align: center;
}
.tap8img{
    width: 50%;
    margin: 0 auto;
    padding-top: 50px;
    display: block;

}
.tap8img2{
    width: 35%;
    margin: 0 auto;
    display: block;
    padding-bottom: 50px;
}
.tap88{
    background:  repeat;
    padding-top: 50px;
    text-align: center;

}
.img88{
    margin: 50px auto;
    width: 50%;
}
.tap88_text{
    width: 40%;
    margin: 0 auto;
    font-size: 20px;
    letter-spacing: 3px;
}
.tap88_text p{
    margin-bottom: 5px;
    display: block;
    line-height: 30px;
    text-align: left;
}
.tap88_text p font{
    float: left;
    width: 100px;
    height: 25px;
}
.tap88_text p label{
   
    text-align: left;
    
    width: 80%
}
.img888{
    width: 50%;
    margin: 0 auto;
    padding: 50px 0;

}
.img35{
    margin: 0 auto;
    width: 50%;
    padding: 60px 0; 
}
.img44{
   margin: 0 auto;
    width: 50%;
    padding: 50px 0;
}


.tap3{
    height: 696px;
    background:  no-repeat center / cover;
}
.tap3con{
    left: 0;top: 0;
    color: #fff;
    text-align: center;
    padding: 22px 0;
}

.tap3ul{
    width: 1036px;
    margin: 40px auto 0;
}
.tap3ul li{
    padding: 16px 14px;
    width: 24%;
    height: 182px;
    vertical-align: top;
    margin: 0 3px;
    display: inline-block;
    background: rgba(255,255,255,.4);
}
.tap3ul li p:first-child{
    margin-bottom: 16px;
}
.tap3ul li p:last-child{
    line-height: 26px;
    text-align: left;
}

.tap4{
    padding: 48px 0;
    text-align: center;
    height: 1142px;
    background:  no-repeat center / cover;
}
.tap4tit{
    color: #fff;
}
.tap4p2{
    margin: 48px auto;
    text-align: center;
}
.tap4p2 span{
    display: inline-block;
    margin: 0 44px;
    vertical-align: top;
}
.tap4p2 span:before{
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 30px;height: 30px;
    background:  no-repeat center / 100%;
    margin-right: 10px;
}
.tap4p3{
    color: #fff;
    text-align: left;
    margin: auto;
}
.tap4div{
    margin: 100px auto 0;
    width: 1056px;
    border: 10px solid #985a06;
    border-top: none;
    padding: 20px 0;
    color: #fff;
}
.tap4div:before,.tap4div:after{
    content: '';
    position: absolute;
    width: 300px;
    height: 10px;
    background: #985a06;
}
.tap4div:before{
    left: 0;top: 0;
}
.tap4div:after{
    right: 0;top: 0;
}
.tap4div p{
    margin: 20px 0;
}
.tap4div .divti{
    width: 100%;
    top: -20px;
    color: #000;
    margin: 0;
}
.tap4divp2:before,.tap4divp3:before,.tap4divp4:before{
    content: '';
    display: inline-block;
    width: 6px;height: 6px;
    border-radius: 50%;
    background: #fff;
    margin-right: 26px;
    vertical-align: middle;
}
.tap4divp5{
    text-decoration: line-through;
}

.tap5{
    text-align: center;
    padding: 56px 0;
}
.tap5tit{
    color:#ee8f0a;
    margin-bottom: 60px;
}
.tap5tit:before,.tap5tit:after{
    background: #ee8f0a;
}
.partr{
    padding: 36px;
    border-top-left-radius: 120px;
    border-bottom-right-radius: 120px;
}
.tap5part1{
    margin: 0 auto 36px;
    background: #191f2c;
    text-align: left;
}
.parttit{
    text-align: center;
}
.part1img{
    margin-top: 30px;
}
.part1p1{
    right: 221px;
    width: initial;
    top: 147px;
}
.rade{
  margin-top: 116px;
  width: 638px;
}
.part1p2{
    right: 221px;
    width: initial;
    top: 219px;
}
.part1p3{
    right: 150px;
    width: initial;
    top: 290px;
}
.part1p4{
    right: 240px;
    width: initial;
    top: 360px;
}

.tap5part2{
    margin: 0 auto 36px;
    background: #fd9304;
    text-align: left;
}
.part2img{
    font-size: 0;
    text-align: center;
}
.part2img img{
    display: inline-block;
    vertical-align: middle;
}
.part2img img:nth-of-type(2){
    margin: 70px 56px;
}

.tap5part3{
    margin: 0 auto 36px;
    background: #191f2c;
    text-align: left;
}
.part3img{
    font-size: 0;
    text-align: center;
    margin: 38px 0;
}
.part3img img{
    display: inline-block;
    margin: 0 16px;
}
.tap5part4{
    margin: 0 auto 36px;
    background: #fd9304;
    text-align: left;
}
.imgbtns{
    margin: 0 auto;
    width: 15%;
    padding-bottom: 50px;
}
.imgbtns2{
    margin: 0 auto;
    width: 15%;
    padding: 50px 0;
}
.btns{
    display: inline-block;
    padding: 10px 30px;
    border-radius: 10px;
    margin-top: 35px;
}
.btn2{
    margin-top: 0;
}

.tap6{
    text-align: center;
    padding: 70px 0 ;
    background: #fd9304;
}
.tap6 > div{
    display: inline-block;
    vertical-align: top;
    width: 458px;
    margin: 0 31px;
    text-align: left;
}
.kuang{
    text-align: center;
    position: relative;
    border: 6px solid #d67a00;
    border-top: none;
    font-size: 0;
    padding-bottom: 20px;
}
.kuang:before,.kuang:after{
    content: '';
    position: absolute;
    width: 30px;height: 6px;
    background: #d67a00;
}
.kuang:before{
    left: 0;top: 0;
}
.kuang:after{
    right: 0;top: 0;
}
.kuang > div{
    display: inline-block;
    margin-top: -24px;
    background: #fd9304;
}
.sang img{
    display: inline-block;
    vertical-align: middle;
}
.eve{
    margin: 10px 0;
}
.kuangdiv p{
    line-height: 40px;
}
.weng{
    background: #fd9304;
    margin-top: -14px;
    margin-left: 4px;
}
.tap6 .btndiv{
    width: 100%;
    text-align: center;
    display: block;
    margin: 0;
}
.btn3{
    background: none;
    border: 2px solid #fff;
}

.tap7{
    background: #191f2c;
    text-align: center;
    padding: 58px 0;
}
.tap7img{
    margin: 38px 0;
}
.tap7p1{
    margin: auto;
}

.tap8{
    text-align: center;
    padding-top: 50px;
}
.tap8tit:before,.tap8tit:after{
    background: #000;
}
.swdiv{
    width: 90%;
    margin: 60px auto 0;
}
.tap8sw{
    width: 90%;
}
.tap8sw img{
    display: block;
    width: 100%;
}
.tap8sw .swiper-slide{
    box-shadow: 20px 0 260px rgba(255,255,255,1)
}
.tap8swprev{
    left: -40px;
    
    background:  no-repeat center / 157%;
}

.tap8swnext{
    right: 37px;
    background:  no-repeat center / 157%;
}

.mask{
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;top: 0;
    background: rgba(0,0,0,.5);
    z-index: 2;
}
.maskdiv{
    position: absolute;
    left: 0;right: 0;top: 0;bottom: 0;
    width: 458px;
    height: 651px;
    margin: auto;
}
.maskdiv img{
            width: 100%;
        }
.mask_close{
    position: absolute;
    width: 50%;height: 70px;
    right: 0;top: 0;
    cursor: pointer;
}

.taptit:before{
    left: -100px;
    top: 25px;
}
.taptit::after{ 
    right: -100px;
    top: 25px;
}
.fon40{
    font-size: 40px;
}
.fon37{
    font-size: 37px;
}
.fon35{
    font-size: 30px;
    font-weight: bold;
    margin: 0 auto;
    width: 60%;
}
.bannerimg{
           width: 100%;
           background: ;
        }
        .imgweizi{
            width: 35%;
            margin: 0 auto;
            display: block;
        }
.zg_navbox{
  top: 58px;
}

.hp_float {
	width: 258px;
	left: 1%;
	top: 30%;
	z-index: 1;
    position: fixed;
    box-shadow: 0px 0px 6px 0px rgba(0,0,0,.5);
    border-radius: 18px;
}
.hpdiv{
	width: 100%;
	height: 100%;
	position: relative;
}
.hpdiv img{
	width: 100%;
}
.hp_close{
	position: absolute;
	width: 50%;
	height: 30px;
	right: 0;
	top: 0;
	cursor: pointer;
}