@charset "UTF-8";
/* 全局 */
html{webkit-text-size-adjust:none;-webkit-text-size-adjust:none;text-justify:inter-ideograph;}
a{text-decoration:none;outline:0;-webkit-transition: all .5s;-moz-transition: all .5s;transition: all .5s;}
/* 基础 */
*{-webkit-tap-highlight-color:rgba(255,255,255,0);-webkit-touch-callout:none;margin:0}
::-webkit-scrollbar{width: 9px;background-color: #fff;}
::-webkit-scrollbar-thumb{border: solid 2px #fff;width: 5px;border-radius: 4px;background-color: #373c41;}
::-webkit-scrollbar-corner{background-color: #fff;}
::-webkit-scrollbar:horizontal{height: 9px;}
::-webkit-selection{background: #dcdddc;color: #000;}
body{overflow-x: hidden;overflow-y: auto;}
body,p,form,textarea,h1,h2,h3,h4,h5,dl,dd{margin: 0px;}
input,button,ul,ol{margin: 0px; padding: 0px;}
body,input,button,form{font-size: 14px; line-height: 28px; font-family: "microsoft yahei", "Arial"; color: #333333;}
h1,h2,h3,h4,h5,h6{font-size: 14px; font-weight: normal;}
ul,ol,li{list-style: none;}
input{background: none; border: 0 none;}
img,iframe{border: 0px;}
em,i{font-style: normal;}
button,input,select,textarea{font-size: 100%;}
table{border-collapse: collapse; border-spacing: 0;}
.fl{float: left;}
.fr{float: right;}
.w1200{width: 1200px; margin: 0 auto;}
a{color: #333;text-decoration: none;}
a:hover{text-decoration: none;}
a:visited{text-decoration: none;}
:-moz-placeholder{color: #aaa;}
::-moz-placeholder{color: #aaa;}
input:-ms-input-placeholder,textarea:-ms-input-placeholder{color: #aaa;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder{color: #aaa;}
/*清除浮动*/
.clearfix{*zoom: 1;}
.clearfix:after{visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0;}
/*自定义颜色*/
:root {
  --colour1: #ff8800;
  --colour2: rgba(255,136,0,.25);
  --colour3: rgba(255,136,0, 0.05);
  --colour4: #1aad17;
}
/* 通用样式 */
.p1920{width: 1920px;position: relative;left: 50%;margin-left: -960px;}
.icon{background-color: var(--colour1);-webkit-mask-repeat: no-repeat;-webkit-mask-position: center;}
/* 头部 */
.ph2{display: flex;justify-content: space-between;align-items: center;}
.ph2a{padding: 25px 0;}
.ph2b{position: relative;padding-right: 60px;text-align: right;}
.ph2b i{position: absolute;top: 50%;right: 0;width: 50px;height: 50px;margin-top: -25px;display: flex;color: #fff;font-size: 30px;background: var(--colour1);background-size: 30px;border-radius: 50%;justify-content: center;align-items: center;}
.ph2b1{color: #999;font-size: 16px;line-height: 24px;}
.ph2b2 p{color: #333;font-size: 30px;font-weight: bold;font-family: "Arial";line-height: 35px;}
.ph3{border-top: 1px solid #ebebeb;text-align: center;}
/* 导航栏 */
.nav1{display: flex;}
.nav-li{position: relative;width: 100%;}
.nav-li+.nav-li::before{content: "";display: block;width: 1px;height: 18px;background-color: #ececec;position: absolute;left: 0;top: 50%;margin-top: -9px;transition: all .5s;}
.nav-li .nav-a{display: block;color: #555;font-size: 16px;line-height: 22px;text-align: center;padding: 15px 0;background-repeat: no-repeat;background-position: top;background-image: linear-gradient(to left, var(--colour1), var(--colour1));background-size: 100% 0;}
.nav-li:hover:before,.nav-li.on:before{opacity: 0;}
.nav-li:hover .nav-a,.nav-li.on .nav-a,.nav1:hover .nav-li.on:hover .nav-a{color: #fff;background-size: 100% 100%;}
/*网站大图*/
#banner{max-width: 1420px;overflow: hidden;}
#banner .swiper-slide{display: flex;justify-content: center;}
#banner .swiper-slide img{max-width: 100%;display:block;}
#banner .swiper-pagination{bottom: 20px;}
#banner .swiper-pagination-bullet{width: 10px;height: 10px;margin: 0 5px;border-radius: 50px;background: none;border: 1px solid #fff;opacity: 1;outline: none;transition: all .5s;}
#banner .swiper-pagination-bullet-active{background: #fff;}
#banner .swiper-button-prev,#banner .swiper-button-next{left: -40px;width: 40px;height: 60px;margin-top: -30px;background-size: 20px 20px;background-color: rgba(0,0,0,.55);opacity: 0;transition: all .5s;}
#banner .swiper-button-next{left: auto;right: -40px;}
#banner:hover .swiper-button-prev,#banner:hover .swiper-button-next{opacity: 1;left: 0;}
#banner:hover .swiper-button-next{left: auto;right: 0;}
#banner:hover .swiper-button-prev:hover,#banner .swiper-button-next:hover{background-color: var(--colour1);border-color: var(--colour1);}
/*底部*/
footer{line-height: 1.5;text-align: center;padding: 40px 0 20px;background: #f8f8f8;}
footer .nav{margin-bottom: 30px;}
footer .nav a{position: relative;font-size: 16px;padding: 0 40px;}
footer .nav a+a:before{content: "";display: block;width: 1px;height: 14px;background-color: #d8d8d8;position: absolute;left: 0;top: 50%;margin-top: -7px;transition: all .5s;}
footer p{color: #666;}
footer a{color: inherit;}
footer a:hover{color: var(--colour1);}
/*浮动客服*/
.toolbar{position: fixed;right: 1.25em;bottom: calc(190 * 0.0625em);border-radius: 2px;background: #fff;box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.06);z-index: 100;}
.toolbar dd{position: relative;display: flex;width: 60px;height: 60px;background: #fff;border-radius: 2px;color: #fff;font-size: 12px;line-height: 21px;text-align: center;cursor: pointer;transition: all .5s;flex-direction: column;justify-content: center;}
.toolbar dd:first-child{margin-top: 0;}
.toolbar dd i{color: #999;font-size: 20px;margin-top: 4px;transition: all .5s;}
.toolbar dd span{display: block;color: #666;transition: all .5s;}
.toolbar dd.tel .box{position: absolute;bottom: 0;width: 120px;right: 0;height: 100%;display: flex;padding-right: 5px;border-radius: 2px;background: var(--colour1);opacity: 0;z-index: -1;transition: all .5s;flex-direction: column;justify-content: center;visibility: hidden;}
.toolbar dd.tel .box p{font-size: 14px;}
.toolbar dd.code .box{position: absolute;bottom: 0;right: 0;width: 125px;height: 120px;padding: 5px;padding-right: 10px;border-radius: 2px;background: var(--colour1);box-sizing: border-box;opacity: 0;z-index: -1;transition: all .5s;visibility: hidden;}
.toolbar dd.code .box img{width: 100%;height: 110px;}
.toolbar dd#top{box-shadow: rgba(0, 0, 0, 0.04) 0 2px 4px 0 inset;}
.toolbar dd#top i{color: #ccc;margin: 0;}
.toolbar dd:hover{background: var(--colour1);}
.toolbar dd:hover i,.toolbar dd:hover span{color: #fff!important;}
.toolbar dd.tel:hover .box{opacity: 1;right: 55px;visibility: visible;}
.toolbar dd.code:hover .box{opacity: 1;right: 55px;visibility: visible;}

.book{width: 790px;margin: 40px auto;}
.book h3{font-size: 30px;font-weight: bold;text-align: center;}
.book .fire{display: flex;margin: 30px 0;}
.book .fire span{color: var(--colour1);font-size: 16px;line-height: 1.6;margin: auto;padding: 10px 40px;border-radius: 50px;background: var(--colour3);}
.book .fire span svg{position: relative;top: 4px;width: 20px;margin-right: 5px;}
.book .fire span path{fill: var(--colour1);}
.book ul{display: flex;flex-wrap: wrap;justify-content: space-between;}
.book li{width: 100%;}
.book li:nth-child(-n+2){width: 385px;}
.book li:not(:nth-child(-n+2)){margin-top: 20px;}
.book li p{color: #666;font-size: 16px;line-height: 16px;margin-bottom: 10px;}
.book li p font{color: red;margin-left: 5px;}
.book li p span{color: #999;font-size: 14px;}
.book li .input{width: 100%;background: #f5f5f5;color: #333;font-size: 16px;line-height: 60px;padding: 0 20px;border-radius: 5px;border: 0;box-sizing: border-box;transition: all .5s;outline: none;}
.book li .input:hover{background: #eee;outline:0;}
.book li .checked{display: flex;flex-wrap: wrap;justify-content: space-between;}
.book li .checked input{display: none}
.book li .checked label{width: 385px;color: #333;font-size: 16px;line-height: 50px;text-align: center;border: 1px solid #e0e0e0;border-radius: 5px;cursor: pointer;transition: all .5s;}
.book li .checked label:nth-child(n+6){margin-top: 20px;}
.book li .checked input:checked + label{color: var(--colour1);border-color: var(--colour1);background: var(--colour3);}
.book li .btn{display: block;width: 490px;margin: auto;color:#fff;font-size: 18px;line-height: 60px;text-align:center;border-radius: 5px;background: var(--colour1);border: 0;animation: scale 3s infinite;}

.notice{width: 400px;margin: auto;margin-top: 20px;border-radius: 50px;background: var(--colour3);text-align: center;}
.notice .mySwiper{height: 40px;}
.notice .mySwiper .swiper-slide{display: flex;justify-content: space-between;align-items: center;width: 90%;margin: auto;font-size: 14px;line-height: 40px;transition: all 3s;}
.notice .mySwiper .swiper-slide p{display: block;color: var(--colour1);flex: auto;}
.notice .mySwiper .swiper-slide p.name{width: 15%;text-align: left;}
.notice .mySwiper .swiper-slide p.tel{width: 50%;}
.notice .mySwiper .swiper-slide p.time{text-align: right;}

@font-face {
  font-family: "iconfont"; /* Project id 4663344 */
  src: url('//at.alicdn.com/t/c/font_4663344_barkra3d737.woff2?t=1724423369891') format('woff2'),
       url('//at.alicdn.com/t/c/font_4663344_barkra3d737.woff?t=1724423369891') format('woff'),
       url('//at.alicdn.com/t/c/font_4663344_barkra3d737.ttf?t=1724423369891') format('truetype');
}

.iconfont {
  font-family: "iconfont" !important;
  font-size: 16px;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-cel:before {
  content: "\e639";
}

.icon-tel:before {
  content: "\e649";
}

.icon-weixin:before {
  content: "\e63f";
}

.icon-huojian:before {
  content: "\e600";
}

.icon-zixun:before {
  content: "\e60f";
}

.icon-tongzhi:before {
  content: "\e64a";
}

.icon-huo:before {
  content: "\e662";
}

.icon-huojian1:before {
  content: "\e681";
}