/*************************************************************************************/ body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre, form,fieldset,legend,button,input,textarea,th,td {margin:0;padding:0;} body,button,input,select,textarea{font:12px/1.5 "微软雅黑",\5b8b\4f53;} h1,h2,h3,h4,h5,h6{font-size:100%;} address,cite,dfn,em,var{font-style:normal;} code,kbd,pre,samp{font-family:courier new,courier,monospace;} small{font-size:12px;} ul,ol{list-style:none;} a{text-decoration:none;cursor: pointer;} a:hover{text-decoration:none;} sup{vertical-align:text-top;} sub{vertical-align:text-bottom;} legend{color:#000;} fieldset,img{border:0;} .qifei{ animation:1.5s ease 0s normal none infinite running mymove_g;} @keyframes mymove_g { 0%, 30%, 50%, 60%, 80% { transform: scale(1); } 40%, 70% { transform: scale(0.9); } } @keyframes mymove_g { 0%, 30%, 50%, 60%, 80% { transform: scale(1); } 40%, 70% { transform: scale(0.9); } } /*首页跳出报价*/ .tc_bg_bj { width: 100%; height: 100%; position: fixed; left: 0; top: 0; background: rgba(0,0,0,0.7); z-index: 999999; } .bm_wrap { padding: 50px; width: 1200px; height: 600px; position: absolute; left: 43%; margin-left: -490px; top: 25%; margin-top: -115px; /*background: #b6d5f1;*/ border-radius: 5px; z-index: 99999; background: url(/uploads/image/wytystbaojia/jisuanqi_bj.png) no-repeat top center; background-size: 100%; border-radius: 20px; } .close_btn { width: 35px; height: 35px; position: absolute; right: 122px; top: 102px; cursor: pointer; z-index: 99; } .close_btn img { width: 100%; } .bm_center { width: 100%; height: 100%; -position: absolute; -left: 0; -top: 0; -display: none; } .tc_content { /*width: 100%;*/ border-radius: 5px; height: 364px; position: absolute; top: 29%; left: 10%; } .tc_content_left { /*width: 489px; height: 460px;*/ width: 472px; height: 364px; /*border-right: 1px solid #ddd;*/ float: left; box-sizing: border-box; padding-top: 40px; padding-left: 10px; font-size: 14px; color: #333; } .tc_content_left h1 { font-size: 28px; font-family: 微软雅黑; text-align: center; color: rgb(51, 51, 51); } .tc_content_left p { font-size: 12px; font-family: 微软雅黑; text-align: center; line-height: 30px; color: rgb(254, 95, 0); margin-top: 0px; } .tc_content_left p { font-size: 12px; font-family: 微软雅黑; text-align: center; line-height: 30px; color: rgb(254, 95, 0); margin-top: 0px; } .tc_content_left .pf{ font-size: 12px; font-family: 微软雅黑; text-align: center; line-height: 30px; color: rgb(140, 140, 140); margin-left: 8px; } .tc_content_left em{ font-size: 12px; font-family: 微软雅黑; text-align: center; line-height: 30px; color: red; margin-left: -125px; } .tc_content_right { width: 490px; /*-height: 460px;*/ float: left; padding-top: 15px; } .tc_content_right h1 { font-size: 20px; color: rgb(51, 51, 51); font-weight: normal; font-family: "microsoft yahei", 微软雅黑, "microsoft jhenghei", 华文细黑, stheiti, mingliu; text-align: center; margin-bottom: 20px; } .tc_content_right .swiper-container { width: 397px; height: 299px; margin-right: 21px; } .ys_content { width: 260px; border: 1px solid #e6e6e6; font-size: 12px; color: #666; margin: 20px 0 15px 71px; padding: 20px 50px; } .tc_content_right p { width: 300px; margin-left: 95px; font-size: 12px; color: #999; margin-top: 10px; } .ys_btn { position: absolute; left: 50%; top: 50%; width: 100px; height: 100px; border-radius: 100px; box-shadow: 0 4px 8px rgba(0,0,0,0.5); margin-left: -100px; margin-top: -50px; opacity: 0.8; filter: alpha(opacity=80); trasition: all 1s; } .ys_bg_content { position: absolute; top: -7px; left: -10px; animation: ys_btn 2s infinite; } @keyframes ys_btn{ from{transform: rotate(0deg);} to{transform: rotate(360deg);} } .bm_wrap .current { display: block; } .bm_wrap_l { text-align: center; } .bm_wrap_l { border-right: 1px solid #ccc; width: 328px; padding: 25px 60px 20px 100px; height: 311px; } .bm_wrap_l, .bm_wrap_r { width: 490px; float: left; height: 412px; margin-top: 20px; } .bm_wrap_l h3, .bm_wrap_r h3 { text-align: center; font-size: 26px; font-weight: 400; line-height: 36px; } .bmsj_box { margin-top: 20px; } .bm_wrap_l div { margin-bottom: 20px; } .bmsj_box label { width: 83px; display: inline-block; font-size: 14px; } .bmsj_box span { color: #f80f25; margin-left: 5px; } .bm_input { width: 207px; padding: 8px 5px; } .bmsj_box .xuanzhong { margin-left: 50px; } .bm_wrap_l div { margin-bottom: 20px; } .bmsj_box .xuanzhong label { display: inline; font-size: 12px; } .bmsj_box label { width: 83px; display: inline-block; font-size: 14px; } .bm_sq { /* border: 0 none; */ background: url(/uploads/image/wytystbaojia/btn_bj.png) no-repeat; /* display: block; */ /* margin: 25px auto 20px; */ width: 336px; line-height: 39px; height: 39px; /* color: #fff; */ /* border-radius: 6px; */ /* text-align: center; */ cursor: pointer; position: absolute; top: 195px; left: 593px; } .bm_wrap_r { padding-top: 26px; height: 332px; } .four_step { margin: 30px 60px; } .bm_wrap_slide { width: 38px; height: 200px; position: absolute; left: -38px; cursor: pointer; z-index: 99; top: 66%; margin-top: -200px; } .bm_wrap li { width: 38px; height: 100px; -border-left: 2px solid #f80f25; display: block; -text-align: center; line-height: 15px; word-wrap: break-word; position: relative; cursor: pointer; background: #e0e0e0; } .bm_wrap li span { display: block; position: absolute; top: 50%; left: 50%; height: 78px; width: 20px; margin-top: -36px; margin-left: -7px; line-height: 18px; font-size: 14px; } .bm_wrap li:first-child { border-top-left-radius: 15px; } .bm_wrap li:last-child { border-bottom-left-radius: 15px; } .bm_wrap_slide .current { background: #f50f02; color: #fff!important; } .mianji { width: 240px; height: 37px; border: 1px solid #e6e6e6; text-indent: 10px; outline: none; } .tc_content_left select { outline: none; width: 78px; height: 36px; border: 1px solid #e6e6e6; color: #333; } /*扩展扩展扩展*/ .box-shadow { box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } li { list-style: none; } input[type=text]:focus { border: 1px solid #6cf; } .tc_bg_bj { width: 100%; height: 100%; position: fixed; background: rgba(0, 0, 0, 0.8); z-index: 99999; display: block; } /*.tc_content {*/ /*width: 980px;*/ /*height: 460px;*/ /*position: absolute;*/ /*left: 50%;*/ /*top: 50%;*/ /*margin-left: -490px;*/ /*margin-top: -230px;*/ /*background: #fff;*/ /*}*/ .tc_content_left { } .tc_content_left h1 { font-size: 28px; font-family: "微软雅黑"; text-align: center; color: #333; margin-top: 20px; } .tc_content_left p { font-size: 25px; font-family: "微软雅黑"; text-align: -webkit-left; line-height: 30px; font-weight: bold; color: #333; margin-top: 0; margin-left: 52px; } .tc_content_left span { font-size: 28px; font-family: "微软雅黑"; text-align: -webkit-left; font-weight: bold; line-height: 30px; color: #ff5262; margin-top: 0; margin-left: 52px; } .zx_radio{ border: 1px #e6e6e6 solid; width: 261px; height: 36px; } .zx_radio label { text-indent: 0; cursor: pointer; display: inline-block; margin-top: 8px; margin-right: 5px; margin-left: 3px; } .zx_radio input[type="radio"]:checked .tc_zx_kuang span { display: block; } .zx_radio span { float: left; line-height: 20px; margin-right: 4px; color: #6e6e6e; } .tc_zx_kuang { border: 1px solid #fff; display: inline-block; height: 16px; position: relative; width: 16px; background: #fff; border-radius: 3px; } .mianji { width: 261px; height: 37px; border: 1px solid #e6e6e6; text-indent: 10px; outline: none; text-align: -webkit-left; } .cs{ width: 107px; height: 36px; border: 1px solid #e6e6e6; text-indent: 10px; outline: none; text-align: -webkit-left; } .tc_content .xuanzhong { margin-left: 94px; margin-top: 68px; } .tc_content .xuanzhong label { display: inline; font-size: 12px; color: #a7a7a7; margin-left: 6px; } .tc_content_left select { outline: none; /*width: 78px;*/ height: 38px; border: 1px solid #e6e6e6; color: #333; } .tc_content_left select option { color: #333; } .tc_content_right { width: 490px; height: 340px; float: left; /*padding-top: 40px;*/ } .tc_content_right h1 { font-size: 20px; color: #333; font-weight: normal; font-family: "microsoft yahei", 微软雅黑, "microsoft jhenghei", 华文细黑, stheiti, mingliu; text-align: center; margin-bottom: 20px; } .ys_content { width: 345px; border: 1px solid #e6e6e6; font-size: 12px; color: #666; /*margin: 30px 0 30px 71px;*/ /*padding: 56px 50px;*/ } .tc_content_right p { width: 350px; margin-left: 95px; font-size: 12px; color: #d61933; margin-top: 10px; } .base{ width: 470px; } .base .bj{ width: 130px; cursor: pointer; margin: 20px 0 0 95px; float: left; } .base .sj{ width:130px; cursor:pointer; margin: 20px 0 0 0; float: right; } .ys_btn { position: absolute; left: 107%; top: 50%; width: 100px; height: 100px; border-radius: 100px; box-shadow: 0 4px 8px rgba(0, 0, 0, 0.5); margin-left: -50px; margin-top: -50px; opacity: 0.8; filter: alpha(opacity=80); trasition: all 1s; } .ys_bg_content { position: absolute; top: -7px; left: -10px; animation: myfirst 2s infinite; } @keyframes myfirst { 0% { transform: rotate(0deg); -ms-transform: rotate(0deg); -webkit-transform: rotate(0deg); -o-transform: rotate(0deg); -moz-transform: rotate(0deg); } 25% { transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); -moz-transform: rotate(90deg); } 50% { transform: rotate(180deg); -ms-transform: rotate(180deg); -webkit-transform: rotate(180deg); -o-transform: rotate(180deg); -moz-transform: rotate(180deg); } 75% { transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); -moz-transform: rotate(270deg); } 100% { transform: rotate(360deg); -ms-transform: rotate(360deg); -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform: rotate(360deg); } } .ys_btn:hover { opacity: 1; filter: alpha(opacity=100); box-shadow: 0 2px 4px rgba(0, 0, 0, 0); } .ys_close { position: absolute; right: 10px; top: 10px; cursor: pointer; } .zx_radio input { display: none; } /*.zx_radio span { float: left; line-height: 20px; margin-right: 4px; }*/ .tc_zx_kuang { width: 16px; height: 16px; border: 1px solid #e6e6e6; display: inline-block; position: relative; } .tc_zx_kuang span { display: none; } .zx_radio img { width: 14px; position: absolute; left: 1px; top: 2px; } .zx_radio input[type=radio]:checked .tc_zx_kuang span { display: block; } .swiper-container7db .swiper-pagination-bullet-active { opacity:1; background:var(--swiper-pagination-color,#f08600); } .swiper-container7db .swiper-pagination-bullet { width:12px; height:12px; margin: 0 8px !important; } .bm_wrap2 { width: 450px; left: 43%; margin-left: -200px; background: url(/uploads/image/wytystbaojia/jisuanqi_bj2.jpg) no-repeat top center; } .c_name { margin-top: 30px; padding-left: 20px;} .c_mianji { margin-top: 33px; padding-left: 20px;} .c_phone{ margin-top: 33px; padding-left: 20px;} .mct_p {padding-top: 79px !important ; padding-left: 20px;} .bm_sq2{ background: url(/uploads/image/wytystbaojia/btn7.png) no-repeat; width: 204px;cursor: pointer; height: 62px; } .tc_content .xuanzhong2 { margin-left: 90px; margin-top: 22px; } .n_cbj2 .tc_content_left {width: 430px;} .close_btn2 { width: 28px; height: 28px; position: absolute; right: 52px; top: 3px; cursor: pointer; z-index: 99; } .n_cbj2 .mianji { border: 0px solid #e6e6e6; } .n_cbj2 input[type="text"]:focus { border: 0px solid #6cf; }