﻿/**模板style*/
@media (min-width: 1300px) { .container {width: 1290px;}}
body { font: 14px/1.43 "Microsoft Yahei", Arial, sans-serif; color: #333; }
a { text-decoration: none; color: inherit; }
a:hover, a:active, a:link { color: inherit; text-decoration: none; }
p { margin: 0; }
ul, li { list-style: none; }
input, textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; }
input[type="button"], input[type="submit"], input[type="reset"] { -webkit-appearance: none; }
textarea { -webkit-appearance: none; }
.button { border-radius: 0; }
input:focus, textarea:focus { outline: none; border-color: #d3d3d3 !important; }
input:focus { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); -webkit-user-modify: read-write-plaintext-only; }
input::-ms-clear { display: none; }

/* 免费咨询弹窗 */
.pc-calling-dialog { position: fixed; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-color: #fff; z-index: 100; display: none; }
.pc-calling-dialog .top { border-top-left-radius: 10px; border-top-right-radius: 10px; padding: 20px; }
.pc-calling-dialog .bottom { background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#e9e9e9)); background-image: linear-gradient(to bottom, #ffffff 0%, #e9e9e9 100%); padding: 20px; border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; }
.pc-calling-dialog .pc-calling-close { position: absolute; right: 8px; top: 0px; z-index: 101; }
.pc-calling-dialog .pc-calling-close i { font-size: 28px; color: #fff; }

.pc-free-wrap { position: relative; width: 613px; }
.pc-free-wrap .top { height: 192px; text-align: center; color: #fff; }
.pc-free-wrap .top .title { font-size: 33px; font-weight: 700; margin-top: 25px; margin-bottom: 10px; letter-spacing: 2px; }
.pc-free-wrap .top .sub-title { font-size: 21px; }
.pc-free-wrap .bottom { height: 104px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.pc-free-wrap .bottom > div:not(:last-child) { border-right: 1px solid #e4e4e4; padding-right: 30px; margin-right: 30px; }
.pc-free-wrap .bottom .calling, .pc-free-wrap .bottom .tel-400 { -webkit-box-flex: 1; -ms-flex: 1; flex: 1; position: relative; }
.pc-free-wrap .bottom .calling .header, .pc-free-wrap .bottom .tel-400 .header { line-height: 50px; text-align: center; font-size: 18px; cursor: pointer; }
.pc-free-wrap .bottom .calling .header i, .pc-free-wrap .bottom .tel-400 .header i { font-size: 28px; margin-right: 10px; }
.pc-free-wrap .bottom .calling .free-calling { display: none; position: absolute; width: 400px; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); padding: 20px; left: -20px; top: 100px; }
.pc-free-wrap .bottom .calling .free-calling .form-group { word-spacing: -4px; }
.pc-free-wrap .bottom .calling .free-calling .form-group > * { display: inline-block; }
.pc-free-wrap .bottom .calling .free-calling .form-group input[type="text"] { width: 211px; height: 40px; border-radius: 5px; border: 1px solid #c1c1c1; }
.pc-free-wrap .bottom .calling .free-calling .form-group .form-btn { margin-left: 16px; }
.pc-free-wrap .bottom .calling .free-calling .form-group .form-btn a { display: block; width: 132px; height: 40px; line-height: 40px; color: #fff; border-radius: 5px; text-align: center; }
.pc-free-wrap .bottom .calling .free-calling .tips { margin-bottom: 5px; font-size: 13px; color: #666; text-align: center; line-height: 200%; }
.pc-free-wrap .bottom .calling .free-calling::before { content: ""; display: block; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #fff; position: absolute; top: -10px; left: 100px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pc-free-wrap .bottom .calling .free-calling::after { content: ""; display: block; width: 30px; height: 20px; background-color: #fff; position: absolute; top: 0px; left: 95px; }
.pc-free-wrap .bottom .tel-400 .free-400 { display: none; position: absolute; width: 400px; background-color: #fff; border-radius: 10px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); padding: 20px; right: -20px; top: 100px; }
.pc-free-wrap .bottom .tel-400 .free-400 .txt { text-align: center; margin-top: 10px; color: #666; }
.pc-free-wrap .bottom .tel-400 .free-400 .number { text-align: center; font-size: 24px; color: #666; margin-top: 15px; margin-bottom: 15px; }
.pc-free-wrap .bottom .tel-400 .free-400 .number span:first-child { margin-right: 15px; }
.pc-free-wrap .bottom .tel-400 .free-400 .number span:last-child { margin-left: 15px; }
.pc-free-wrap .bottom .tel-400 .free-400::before { content: ""; display: block; width: 0; height: 0; border-width: 10px; border-style: solid; border-color: #fff; position: absolute; top: -10px; right: 100px; -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.pc-free-wrap .bottom .tel-400 .free-400::after { content: ""; display: block; width: 30px; height: 20px; background-color: #fff; position: absolute; top: 0px; right: 95px; }
.pc-free-wrap .bottom .contact .item label { font-weight: 400; }
.pc-free-wrap .bottom .contact .item:first-child label { font-size: 12px; vertical-align: middle; margin-bottom: 0; }
.pc-free-wrap .bottom .contact .item:first-child p { font-weight: 700; margin-top: 5px; }
.pc-free-wrap .bottom .contact .item + .item { margin-top: 5px; }


/* 手机10s弹窗 */
.mb-cont { display: none; }
.mb-pup { width: 100vw; height: 100vh; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: fixed; top: 0; z-index: 999; }
.mb-pup .pup-cont { width: 80%; border-radius: 8px; overflow: hidden; -webkit-box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); box-shadow: 0 1px 10px 0 rgba(0, 0, 0, 0.15); background: #fff; }
.mb-pup .pup-cont .top { position: relative; color: #fff; }
.mb-pup .pup-cont .top-title { padding: 20px 0 30px; text-align: center; }
.mb-pup .pup-cont .top-title h3 { font-weight: bold; font-size: 24px; }
.mb-pup .pup-cont .top-title p { font-size: 16px; }
.mb-pup .pup-cont .icon-close-fill { position: absolute; top: 10px; right: 10px; font-size: 24px; }
.mb-pup .pup-cont .bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 30px 0; text-align: center; }
.mb-pup .pup-cont .bottom > div { width: 100%; font-size: 16px; }
.mb-pup .pup-cont .bottom .butn { display: block; width: 100%; height: 100%; padding: 10px; }
.mb-pup .pup-cont .bottom .butn i { font-size: 20px; padding-right: 5px; }
.mb-pup .pup-cont .bottom .online { border-left: 1px solid #c5c5c5; }

/*百度手机客服 */
.mb-kf { width: 65px; height: 65px; border-radius: 50%; z-index: 500000; position: fixed; top: 75%; right: 5px; text-align: center; }
.mb-kf img { width: 48px; margin-top: 10px; }
