@import url("gonggong.css");
*{margin:0;padding: 0;border: 0;}
body{font-family: "microsoft yahei";margin:0 auto;font-size: 14px;min-width: 1200px;}
ul{list-style: none;}
a{color:#333;text-decoration: none;}
li a,img{display:block;}
.slh{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.clear{clear: both; width:100%; display:block; margin:0px auto; padding:0px; font-size:0px; line-height:0px;}
.fl{float: left;}
.fr{float: right;}
.w1200{width: 1200px;margin: auto;}
@font-face{font-family: 'GENUINE';src: url('../fonts/GENUINE.TTF'),url('../fonts/GENUINE.OTF');src: url('../fonts/impact.TTF');}

.jb{background-image: -webkit-linear-gradient(left,#c27f09 45%,#e4b03e 60%,#f9cf5f 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.hjb{background-image: -webkit-linear-gradient(left,#010101 45%,#242424 60%,#4d4d4d 100%);-webkit-background-clip: text;-webkit-text-fill-color: transparent;}

.onload{position: fixed;width: 100%;height: 100%;position: fixed;z-index: 888888;background: #fff;left: 0;top: 0;}
.onload img{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}

/*顶部*/
.top{padding: 36px 0 40px;overflow: hidden;}
.top_fl{margin-right: 90px;padding-top: 14px;}
.top_fl h3{font-size: 26px;color: #000;line-height: 26px;margin-bottom: 5px;}
.top_fl p{font-size: 12px;color: #000;text-transform: uppercase;letter-spacing: 0.7px;}

.top_cen{width: 487px;}
.top_cen li{width: 133px;margin-right: 42px;float: left;text-align: center;}
.top_cen li:last-child{margin-right: 0;}
.top_cen li img{margin: 0 auto 5px;}
.top_cen li p{font-size: 8px;}
.top_cen li span{font-size: 5px !important;color: #a1a1a1;text-transform: uppercase;}

.top_fr{padding-top: 15px;}
.top_fr p{font-size: 15px;color: #666666;}
.top_fr a{font-size: 30px;color: #666666;font-family: 'GENUINE';}

/*导航*/
.nav{background: #ffae00;}
.nav_fl{width: 314px;height: 50px;background: url(../images/fw.png);position: relative;}
.nav_fl p{font-size: 18px;text-indent: 84px;line-height: 50px;color: #fff;}

.nav_fl:hover .hid_nav{display: block;}
.hid_nav{width: 284px;height: 490px;padding-top: 10px;position: absolute;left: 0;top: 50px;background: #fff;z-index: 10;display: none;}
.hid_nav ul{width: 240px;margin: auto;}
.hid_nav ul li{padding-bottom: 0.18rem;border-bottom: 1px dotted #ffba00;margin-bottom: 8px;}
.hid_nav ul li:last-child{border-bottom: none;}
.hid_nav ul li h3{margin: 0 0 10px 20px;background: url(../images/hid_nav.png) left center no-repeat;height: 27px;line-height: 27px;color: #000000;font-size: 16px;text-indent: 25px;}
.hid_rel{padding-left: 42px;}
.hid_rel a{font-size: 13px;color: #4b4b4b;border-right: 1px solid #4b4b4b;margin-bottom: 10px;display: inline-block;line-height: 13px;}
.hid_rel2 a{padding: 0 24px;}
.hid_rel2 a:nth-child(2n-1){padding-left: 0;}
.hid_rel2 a:nth-child(2n){padding-right: 0;border-right: none;}
.hid_rel4 a{padding: 0 10px;}
.hid_rel4 a:nth-child(4n-3){padding-left: 0;}
.hid_rel4 a:nth-child(4n){padding-right: 0;border-right: none;}

.nav_ul{width: 870px;height: 50px;text-align: center;}
.nav_ul li{float: left;}
.nav_ul li a{width: 135px;height: 50px;display: block;font-size: 18px;color: #000;text-align: center;line-height: 50px;}

.nav_ul li:last-child a{width: 57px;height: 50px;display: block;background: url(../images/rr.jpg);}


/*banner*/
.banner{width: 100%;height: 500px;position: relative;overflow: hidden;}
.banner li img{position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);}
.banner li .w1200{position: relative;height: 500px;}
.zhuan{width: 393px;height: 393px;position: absolute;top: 48px;left: 25px;}
.zhuan div{width: 100%;height: 100%;position: absolute;left: 0;top: 0;}
.sz{background: url(../images/sz.png);animation: zhuan 60s linear infinite;-moz-animation: zhuan 60s linear infinite;-ms-animation: zhuan 60s linear infinite;-webkit-animation: zhuan 60s linear infinite;-o-animation: zhuan 60s linear infinite;}
.fz{background: url(../images/fz.png);animation: zhuan 15s linear infinite;-moz-animation: zhuan 15s linear infinite;-ms-animation: zhuan 15s linear infinite;-webkit-animation: zhuan 15s linear infinite;-o-animation: zhuan 15s linear infinite;}

@keyframes zhuan{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}
@-webkit-keyframes zhuan{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}
@-moz-keyframes zhuan{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}
@-ms-keyframes zhuan{
	0%{transform: rotate(0deg);}
	100%{transform: rotate(360deg);}
}


@keyframes nzhuan{
	0%{transform: rotate(360deg);}
	100%{transform: rotate(0deg);}
}
@-webkit-keyframes nzhuan{
	0%{transform: rotate(360deg);}
	100%{transform: rotate(0deg);}
}
@-moz-keyframes nzhuan{
	0%{transform: rotate(360deg);}
	100%{transform: rotate(0deg);}
}
@-ms-keyframes nzhuan{
	0%{transform: rotate(360deg);}
	100%{transform: rotate(0deg);}
}
.ban_info{width: 745px;height: 300px;position: absolute;right: 0;bottom: 10px;}
.ban_info_top{padding: 11px 0 16px;background: url(../images/bg11.png) center center no-repeat;background-size: 100% 100%;margin-bottom: 30px;text-align: center;}
.ban_info_top h3{font-size: 58px;/*font-family: 'hklj';*/font-style: normal;line-height: 60px;margin-bottom: 12px;}
.bai{color: #fff;}
.ban_info_top p span:nth-child(1){font-size: 36px;/*font-family: 'hklj';*/line-height: 36px;}
.ban_info_top p span:nth-child(2){font-size: 42px;line-height: 42px;font-family: 'GENUINE';}
.ban_lj{width: 100%;text-align: center;}
.ban_lj a{padding: 0 15px;font-size: 18px;line-height: 18px;border-right: 1px solid #a87416;color: #c27f09;display: inline-block;}
.ban_lj a:last-child{border-right: none;}


/*底部*/
.fot{padding: 68px 0 75px;background: #000;border-top: 8px solid #ffae00;}
.w1110{width: 1110px;margin: auto;overflow: hidden;}
.fot_fl{width: 308px;text-align: center;}
.fot_fl p{background: url(../images/tel.png) no-repeat;width: 164px;margin: 0 auto 15px;text-indent: 45px;}
.fot_fl p span{font-size: 24px;line-height: 24px;}
.fot_fl h3{font-size: 48px;line-height: 48px;margin-bottom: 15px;font-family: 'GENUINE';}
.fot_fl>span{font-size: 16px;}

.fot_fr{overflow: hidden;margin-bottom: 40px;}
.fot_fr dl{width: 60px;float: left;margin-right: 90px;font-size: 13px;}
.fot_fr dl:last-child{margin-right: 0;width: 110px;}
.fot_fr dl dt{color: #ad8d68;margin-bottom: 12px;}
.fot_fr dl dd{color: #969696;margin-bottom: 12px;}
.fot_fr a{color: #969696;}

.fot_btm{padding-top: 30px;border-top: 1px solid #3b332a; padding-bottom:70px;}
.fot_btm p{text-align: center;font-size: 14px;margin-bottom: 15px;color: #716d68;}
.fot_btm p a{ color: #716d68;}


/*服务项目*/
.part{margin-bottom: 60px;}
.fwxm{background: #000;padding: 27px 0 34px;}
.fwxm ul{width: 1074px;margin: auto;overflow: hidden;}
.fwxm ul li{width: 70px;margin-right: 130px;float: left;color: #868686;text-align: center;}
.fwxm ul li:last-child{margin-right: 0;}
.fw_qiu{width: 38px;height: 36px;border-radius: 50%;padding: 8px;margin: 0 auto 8px;background: #000;border: 1px solid #b7b7b7;border: 1px solid #f8d067;}
.fwxm ul li p{font-size: 14px;margin-bottom: 3px;}
.fwxm ul li span{font-size: 11px;text-transform: uppercase;color: #868686;}

.dis_tab{width: 100%;height: 100%;display: table;}
.tab_cel {display: table-cell;text-align: center;vertical-align: middle;}


/*服务流程*/
.xz_fr{width: 600px;}
.xz_fr .bd{margin-bottom: 25px;}
.lb4_ul{overflow: hidden;}
.lb4_ul li{float: left;overflow: hidden;width: 100%;}
.lc_one{width: 264px;padding: 30px 0;border: 1px solid #b5b5b5;text-align: center;}
.lc_one p{font-size: 24px;margin-bottom: 5px;}
.lc_one span{font-size: 11px;color: #b48534;display: block;margin-bottom: 20px;}
.lc_img{width: 187px;height: 187px;border-radius: 50%;overflow: hidden;border: 2px solid #f7d069;margin: 0 auto 20px;}

.lc_one b{font-size: 40px;line-height: 40px;color: #000;margin-bottom: 8px;}
.lc_one h3{font-size: 30px;}

.xz_fr .hd{width: 100%;height: 5px;text-align: center;}
.lb4_num{display: inline-block;}
.lb4_num li{display: inline-block;width: 20px;height: 5px;background: #e2e2e2;margin-right: 10px;text-indent: 9999px;}
.lb4_num li:last-child{margin-right: 0;}
.lb4_num li.on{background: #dea143;}
/*单品牌尾部*/
.dpp_fot{ width:100%; display:block; margin:0px auto; padding: 68px 0px 150px;background: #000;border-top: 8px solid #ffae00;}
.dpp_fotewm{ width:94px; height:94px; display:block; margin:0px auto;}
.dpp_fota{width: 344px;text-align: center; display:block; margin:30px auto 0px;}
.dpp_fota p{background: url(../images/tel.png) left 12px no-repeat; width:142px; display:block; float:left; text-align:right;}
.dpp_fota p span{font-size: 24px;line-height: 48px; font-weight:bold;}
.dpp_fota h3{font-size: 32px;line-height: 48px;font-family: 'GENUINE'; display:block; float:right;}
.dpp_fota>span{font-size: 16px;}
.dpp_fotb{ display:block; text-align:center; font-size:14px; color:#bcbcbc; line-height:28px; margin:25px auto 0px;}
.dpp_fotb a{ color:#bcbcbc; line-height:28px; font-size:14px;}
.fot_fr dl dd img{ height:90px;}

/*左下角视频*/
.zxjshipin{ width:382px; left:0px; bottom:100px; position:fixed; z-index:999; height:220.5px; transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.zxjshipin video{ width:380px; height:218.5px; border:1px solid #ffae00; transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.zxjshipin:hover{ width:802px; left:0px; bottom:100px; position:fixed; z-index:999; border:1px solid #ffae00; height:462px; transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.zxjshipin:hover video{ width:800px; height:460px; border:1px solid #ffae00; transition: all 1s;-webkit-transition: all 1s;-moz-transition: all 1s;-ms-transition: all 1s;-o-transition: all 1s;}
.closeshipin{ width:30px; right:5px; top:5px; position:absolute; z-index:1000;}
.closeshipin img{ width:30px; display:block;}
/*右侧漂浮窗*/
.rbar{width: 120px;
    height: 160px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -80px;
    background: url(../images/kefu.png) center center no-repeat;
    background-size: 100% 100%;animation: shan linear 8s infinite;-webkit-animation: shan linear 8s infinite;-moz-animation: shan linear 8s infinite;-ms-animation: shan linear 8s infinite;-o-animation: shan linear 8s infinite;}
@keyframes shan{
0% {-moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
	25% {opacity: 0; -khtml-opacity: 0; opacity: 0;}
	50% {opacity: 1; -khtml-opacity: 1; opacity: 1;}
	75% {opacity: 0; -khtml-opacity: 0; opacity: 0;}
}
@-webkit-keyframes shan{
0% {-moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
	25% {opacity: 0; -khtml-opacity: 0; opacity: 0;}
	50% {opacity: 1; -khtml-opacity: 1; opacity: 1;}
	75% {opacity: 0; -khtml-opacity: 0; opacity: 0;}
}
@-ms-keyframes shan{
0% {-moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
	25% {opacity: 0; -khtml-opacity: 0; opacity: 0;}
	50% {opacity: 1; -khtml-opacity: 1; opacity: 1;}
	75% {opacity: 0; -khtml-opacity: 0; opacity: 0;}
}
@-o-keyframes shan{
	0% {-moz-opacity:1; -khtml-opacity: 1; opacity: 1;}
	25% {opacity: 0; -khtml-opacity: 0; opacity: 0;}
	50% {opacity: 1; -khtml-opacity: 1; opacity: 1;}
	75% {opacity: 0; -khtml-opacity: 0; opacity: 0;}
}