@charset "utf-8";
/* CSS Document */
*{margin:0px;padding:0px;border:0;}
@font-face{font-family: 'bold';src: url('../fonts/bold.ttf'),url('../fonts/bold.otf');}
@font-face{font-family: 'reg';src: url('../fonts/reg.ttf'),url('../fonts/reg.otf');}
body{margin:0 auto;font-family:"reg";font-size:24px;-webkit-appearance:none;color:#333;height:auto;overflow:auto;background:#002744;}
ul{list-style: none;}
a{color:#333;text-decoration: none;}
.slh{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.clear{clear:both;width:100%;height:0px;line-height:0px;font-size:0px;border:none;}
p,h1,h2,h3,ul,li,form{padding:0;margin:0; list-style-type:none;}a{text-decoration:none; font-size:24px; color:#575757;}ul{list-style:none;}
.clearfix:after {content: "\0020";display: block;height: 0;clear: both;}
.w1200{ width: 1200px; margin: 0 auto;}
.flex{display:flex; -webkit-display:flex;}
.shu{flex-direction: column;}
.around{ justify-content:space-around; -webkit-justify-content:space-around;}
.between{justify-content:space-between; -webkit-justify-content:space-between;}
.center{-webkit-align-items: center; align-items: center; }
.space-center{-webkit-justify-content: center; justify-content: center;}
.flex_end{-webkit-justify-content: flex-end; justify-content: flex-end;}
.flex_start{-webkit-justify-content: flex-start; justify-content: flex-start; }
.wrap{-webkit-flex-wrap: wrap; flex-wrap: wrap;}
.tab_cell {display: table-cell; text-align: center; vertical-align: middle;}
.dis_tab{ display: table; border: 1px solid #e5e5e5; backface-visibility: #fff;}

.onload{position: fixed;width: 100%;height: 100%;position: fixed;z-index: 16666;background: #fff;left: 0;top: 0;}
.onload img{width:53px;display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);-moz-transform: translate(-50%,-50%);}
/* 头部 */
.head{ position: fixed; top:0; left: 0; right: 0; margin:  auto; color: #002744; background: #FFFFFF; z-index: 10;}
.con_head{ height: 100px;}
.fl_head{ text-align: center;}
.fl_head h3{font-size: 22px; font-family: 'bold'}
.fl_head p{ background: url(../images/line.png) no-repeat center; font-size: 16px;}
.cen_head p{ text-align: center; }
.cen_head p:nth-of-type(1){font-size: 16px;}
.cen_head p:nth-of-type(2){ font-size: 26px; font-family: 'bold';}
.fr_head p{text-align: right; font-size: 16px;}
/* banner */
.banner{ background: url(../images/banner.jpg) no-repeat center; height: 600px; margin-top: 100px; color: #FFFFFF; overflow: hidden;}
.ban_con{ margin-top: 226px;}
.ban_con p{ text-align: center; margin-top: 155px; line-height: 24px;}
.ban_con h3{ font-size: 50px; line-height: 50px; font-family: Bold; letter-spacing: 4px; text-align: center;}
.ban_a{width: 432px; margin: 48px auto 0;}
.ban_a a{ display: block; height: 38px; width: 104px; text-align: center; line-height: 40px; border: 1px solid #FFFFFF; font-size: 18px; color: #FFFFFF;}
/* 服务项目 */
.gh_con{ background: url(../images/blue.jpg) no-repeat center; padding-top: 75px;}
.gh_a{ width:235px; height: 110px; background: #FFFFFF; color: #002744;  margin-top: 80ox;}
.gh_a p{ font-size: 16px; font-family: 'bold'; line-height: 35px; letter-spacing: 1px;}
.gh_a span{display: block; font-size: 14px; font-family: 'reg'; line-height: 16px;}
/* 公共title */
.tit{ background: url(../images/tit_bak_03.jpg) no-repeat center; height: 80px; overflow: hidden;}
.tit_con{ margin-top: 18px;}
.tit_con p,.tit_con span{ color: #FFFFFF;}
.tit_con p{ font-size: 24px; line-height: 24px; padding-left: 25px; background: url(../images/jt.png) no-repeat left;}
.tit_con span{ font-size: 12px; line-height: 16px; display: block; margin-top: 5px; text-indent: 1.5em;}
/* 服务项目 */
.slide1{background: url(../images/bj1.jpg) no-repeat center; height: 450px;}
.slide_bd{ margin-top: 40px;}
.slide1_fl{width: 460px;}
.slide1_fl span{ font-size: 16px; line-height: 42px; color: #a7b1b9; display: block; text-align: center;}
.slide1_fl span:hover{ color: #FFFFFF;}
.slide_tell{ margin-top: 25px;}
.slide_tell p{ font-size: 14px; color: #ffffff;  margin-left: 10px;}
.slide_tell p span{ display: block; font-size: 24px; line-height: 24px; font-family: 'bold'; color: #FFFFFF;}
.slide1_ul{ border: 1px solid #FFFFFF; background: #FFFFFF;}
.slide1_ul li.active{ color: #002744; background: #FFFFFF;}
.slide1_con li{ width: 239px; background: #002744; height: 38px; line-height: 38px; text-align: center;  color: #FFFFFF; font-size: 18px;}
.slide1_fr{width: 400px;}
.slide1_fr input,.slide1_fr select,.slide1_fr option{ background: none; border-bottom: 1px solid #FFFFFF; color: #FFFFFF; text-indent: 1em; font-size: 16px; line-height: 32px;margin-top: 10px;}
.slide1_fr select{width: 172px; display: block; height: 32px;}
.slide1_fr input{ display: block; width:100%;}
.slide1_fr option{ color: #000;}
.slide1_fr textarea{ color: #FFFFFF; font-size: 16px; border: 1px solid #FFFFFF; border-radius: 10px; text-indent: 1em; background: no-repeat; height: 75px; width:100%; margin-top: 26px; padding-top: 15px;}
.btnone input{ color: #002744; background: #FFFFFF; width: 158px; margin: 40px auto;}
/* 维修品牌 */
.slide2{ background: url(../images/bj2.jpg) no-repeat center; height: 580px; overflow: hidden;}
.slide2_a{width: 218px; border: 1px solid #FFFFFF; display: block;}
.slide2_a p:nth-of-type(1){ background: #002744; height: 112px; overflow:hidden;}
.slide2_a p:nth-of-type(1) img{ max-width:205px ; max-height: 100px; margin: auto; transform: translateY(-188px); filter: drop-shadow(#c4a07b 0 188px); -webkit-transform: translateY(-188px); -webkit-filter: drop-shadow(#c4a07b 0 188px); -moz-transform: translateY(-188px); -moz-filter: drop-shadow(#c4a07b 0 188px); -ms-transform: translateY(-188px); -ms-filter: drop-shadow(#c4a07b 0 188px); -o-transform: translateY(-188px); -o-filter: drop-shadow(#c4a07b 0 188px);}
.slide2_a p:nth-of-type(2){ text-align: center; line-height: 45px; font-size: 20px; color: #002744; letter-spacing: 1px; background: #FFFFFF;}
.slide2_con{ margin-top: 60px;}
.slide2_top .bd li{width:910px;}
.slide2_top .bd li a:nth-of-type(5),.slide2_top .bd li a:nth-of-type(6),.slide2_top .bd li a:nth-of-type(7),.slide2_top .bd li a:nth-of-type(8){margin-top: 42px;}
.slide2_top .hd li{border: 1px solid #FFFFFF; background: #002744; text-align: center; width: 208px;  height: 53px; line-height: 53px; margin-top: 10px;}
.slide2_top .hd li:nth-of-type(1){ margin-top: 0;}
.slide2_top .hd li p{ color: #FFFFFF; font-size: 16px; line-height: 16px; margin: auto;}
.slide2_top .hd li p span{ display: block; color: #FFFFFF; font-size: 12px; line-height: 12px; text-transform: uppercase; margin-top: 5px;}
.slide2_top .hd li.on{ height: 100px; background: #ffffff;}
.slide2_top .hd li.on p{ color: #002744; font-size: 26px; font-family: 'bold'; line-height: 26px;}

.slide2_top .hd li.on p span{color: #002744; font-size: 18px; line-height:18px;}
.more{ display: block; background: #FFFFFF; color: #002744; width: 130px; text-align: center; text-transform: uppercase; font-size: 18px; line-height: 40px;}
.more:hover{ background: #002744; color: #FFFFFF;}
.slide2_bot{ margin-top: 20px;}
/* 服务流程 */
.tit_nobak{ background: none;}
.fw_sed{ background: rgba(0,39,68,0.6); width: 237px; height: 217px; position: absolute; left: 0; top: 226px;}
.fw_wrap{ cursor: pointer;}
.fw_wrap img{display: block; margin-top: 5px;}
.fw_con li{ position: relative; overflow: hidden; cursor: pointer;}
.fw_sed p{ color: #FFFFFF; text-align: center; font-size: 24px; line-height: 30px;}
.fw_sed p:nth-of-type(2){ width: 33px; background: #FFFFFF; height: 2px; margin: 8px auto;}
.fw_sed span{ display: block; color:  #FFFFFF; font-size: 14px; line-height: 14px; line-height: 18px; width: 152px; margin:0 auto;} 
/* 腕表保养 */
.by_con{ background: url(../images/bj3.jpg) no-repeat center; height: 517px; color: #FFFFFF; position: relative;}
.by_wrap{background: url(../images/tu1.jpg) no-repeat center;}
.by_cen{ width: 362px;}
.by_cen h3{ font-family: 'bold'; font-size: 20px; letter-spacing: 1px;}
.by_cen p{ font-size: 14px; line-height: 25px; margin-top: 8px; letter-spacing: 1px;}
.by_con a{ display: block; width: 150px; line-height: 30px; color: #002744; font-size: 16px; text-align: center; position: absolute; left: 0 ; right: 0; margin:220px auto 0; background: #FFFFFF; z-index: 5;}
.by_con a:hover{ background: #002744; color: #FFFFFF;}
/* 文化环境 */
.wh_con a:nth-of-type(2){ margin-top: 25px;}
.wh_con img {filter:brightness(40%); -webkit-filter:brightness(40%);}
.wh_con img:hover{filter:brightness(100%); -webkit-filter:brightness(100%);}
.footer{ background: #FFFFFF; color: #002744; height: 360px; background: #eff1f3; margin-top:80px;}
.fot_fl{ width: 275px;}
.fot_fl h3{ font-size: 32px; line-height: 32px; letter-spacing: 4px;}
.fot_fl p{ font-size: 16px; line-height: 16px;}
.fot_fl p:nth-of-type(1){ margin-top: 10px;}
.fot_fl p:nth-of-type(2){ width: 50px; background: #002744; height: 1px; margin: 25px 0 25px 0;}
.fot_fl span{ display: block; font-size: 14px; line-height: 25px; letter-spacing: 1px;}
.fot_cen p{ text-align: center; font-family: 'bold'; font-size: 18px;}
.fot_fr{ color: #002744;}
.fot_fr img{ margin: auto; display: block;}
.fot_fr:nth-of-type(1){ font-size: 24px; font-family: 'bold';}
.fot_fr:nth-of-type(2){  text-align: center; font-size: 16px; line-height: 16px; color: #FFFFFF; text-align: center;}
.fot_fr span{ font-size: 14px; text-align: center; display: block; line-height: 14px;}
.fot_cen{ width: 300px;}
.fot_cen input{ width: 99%; border: 1px solid #bbbcbd; line-height: 34px; text-indent: 1em; margin-top: 15px; color: #BBBCBD; font-size: 14px; background: none;}
.fot_cen textarea{ width: 99%; border: 1px solid #bbbcbd; margin-top: 15px; color: #BBBCBD; font-family: "reg"; font-size: 14px; text-indent: 1em; padding-top: 5px; height: 87px; height: 87px; resize: none; background: none;}
.btn input{ display: block; width: 146px; line-height: 32px; background: #002744; color: #FFFFFF; text-align: center; line-height: 32px; font-family: "bold"; font-size: 16px; margin: 0 auto;}
.fot_fr p:nth-of-type(1){ line-height: 24px;  margin: 10px auto;}
.fot_fr p:nth-of-type(2){ font-size: 16px; font-family: "bold"; line-height: 32px; width: 148px; background: #002744; color: #FFFFFF; text-align: center; letter-spacing: 1px; margin: 25px auto 0;}
.fot_fl,.fot_fr{ margin-top: 50px;}
.fot_bot{ padding:12px 0px; background: #FFFFFF;}
.fot_bot p{ margin: auto; color: #002744; font-size: 16px; line-height:32px; text-align:center;}
.fot_bot p a{ color: #002744; font-size: 16px; line-height:32px;}
.btn_top input{ margin-top:20px;}