@charset "utf-8"; body{font-size:medium !important;} html{font-size:100px; overflow-x: hidden;} body{ margin:0; padding:0;} *{ margin:0; padding:0;} .main{ width:100%;} .tier{ width:100%; display:table;} .tier.bc1{ background-color:#fff;} .tier.bc2{ background-color:#efefef;} .tier.bc3{ background-color:#ff5603;} .tier .tier_box{ width:1200px; margin:0.5rem auto; display:table;} .tier .tier_box .tier_box_biaoti{ width:100%; text-align:center;} .tier .tier_box .tier_box_biaoti .syhy{padding: 0.3rem 0; font-size: 0.3rem; display: table; width: 100%;} .tier .tier_box .tier_box_biaoti .syhy li{list-style: none; display: inline-table; width: 1rem; font-size: 0.22rem; padding: 0 30px;} .tier .tier_box .tier_box_biaoti .syhy li i{width: 1.5rem; height: 1.5rem; line-height: 1.5rem; background-color: #333; border-radius: 50%; margin: 0 auto; font-size: 0.6rem; color: #fff; display: table;} .tier .tier_box .tier_box_biaoti .syhy li i.ico1{background-color: #ff5603;} .tier .tier_box .tier_box_biaoti .syhy li i.ico2{background-color: #ffa740;} .tier .tier_box .tier_box_biaoti .syhy li i.ico3{background-color: #617aca;} .tier .tier_box .tier_box_biaoti .syhy li i.ico4{background-color: #48c385;} .tier .tier_box .tier_box_biaoti h3{font-size:0.5rem; color:#000; font-weight:normal;} .tier .tier_box .tier_box_biaoti h4{ font-size:0.17rem; line-height:30px; color:#666; font-weight:normal; margin:10px 0;} .tier .tier_box .tier_box_biaoti h4 b{color: #ff5603;} .liucen_img{display: table;margin: 0 auto;} .tier .tier_box .tier_box_yh { width:100%; margin-top:30px;} .tier .tier_box .tier_box_yh ul{ width:100%;} .tier .tier_box .tier_box_yh li{ width:50%; float:left; list-style:none;} .tier .tier_box .tier_box_yh li .info_x{ margin:3%; width:94%; display:table; padding:0.5rem 0.3rem; box-sizing:border-box; background-color:#fff; height:1rem; border-radius:0.1rem; box-shadow: 0px 7px 17px #efefef;} .tier .tier_box .tier_box_yh li .info_x.a_bj{ background-image: url(../img/a_bj.png); background-repeat: no-repeat; background-position: left center; background-size: contain; } .tier .tier_box .tier_box_yh li .info_x.b_bj{ background-image: url(../img/b_bj.png); background-repeat: no-repeat; background-position: left center; background-size: contain; } .tier .tier_box .tier_box_yh li .info_x.c_bj{ background-image: url(../img/c_bj.png); background-repeat: no-repeat; background-position: left center; background-size: contain; } .tier .tier_box .tier_box_yh li .info_x.d_bj{ background-image: url(../img/d_bj.png); background-repeat: no-repeat; background-position: left center; background-size: contain; } .tier .tier_box .tier_box_yh li .info_x h3{ font-size:0.25rem; color:#333; position:relative; left:23%; font-weight:normal;} .tier .tier_box .tier_box_yh li .info_x h3 p{ font-size:0.15rem;} /*左框*/ .tier .tier_box .tier_box_l{ width:60%; float:left; position: relative;} .tier .tier_box .tier_box_l .logo{} .tier .tier_box .tier_box_l .logo img{ width: 2rem; position: absolute; top: -22px;} .sqsy{ padding:8px; font-size:22px; color:#fff; margin-top:15px; margin-bottom: 15px;} .sqsy font{ color:#ffc621; margin:0 5px;} .sqmd{width: 326px; height: 30px; overflow: hidden; border-radius:5px; background-color: #fff; margin: 0 auto;} .sqmd ul{ width:100%;} .sqmd li{ color:#333; font-size:14px; line-height:25px; } .sqmd li img{ margin-right:15px; vertical-align:middle;} .tier .tier_box .tier_box_l img{ width:100%; float:left;} /*右框*/ .tier .tier_box .tier_box_r{ width:40%; float:right; text-align:center; position: relative;} .tier .tier_box .tier_box_r .top_tel{ position: absolute;top: 0;right: 0;} .tier .tier_box .tier_box_r .top_tel h3{font-size: 38px;color: #fff; line-height: 30px; font-family: 'HelveticaNeue'; float: left;} .tier .tier_box .tier_box_r .top_tel i{font-size: 65px;vertical-align: middle;float: left;margin-right: 10px;line-height: 58px;color: #fff;} .tier .tier_box .tier_box_r .top_tel p{font-size: 16px;} .tier .tier_box .tier_box_r h3{ font-size:0.55rem; color:#fff; font-weight:normal;} .tier .tier_box .tier_box_r h4{ font-size:0.25rem; color:#fff; font-weight:normal; padding:15px 0;} .tier .tier_box .tier_box_r h5{ font-size:0.2rem; color:#fff; font-weight:normal; padding: 0;} .tier .tier_box .tier_box_r a.btn{ cursor:pointer; width:270px; height:0.8rem; line-height:0.8rem; color:#fff; text-align:center; border-radius:200px; display: inline-block; background-color:#ffa740; margin-top:0.5rem; font-size:0.3rem; text-decoration:none; } .tier .tier_box .tier_box_r .text_box{ margin-top:35%;} /*灰背景样式*/ .tier.bc2 .tier_box{ margin: 0.8rem auto;} .tier.bc2 .tier_box_r{ width:50%; text-align:left;} .tier.bc2 .tier_box_l{ width:40%; text-align:right;} .tier.bc2 .tier_box_l h3{ font-size:0.5rem; font-weight:normal; margin-top:1rem;} .tier.bc2 .tier_box_l h3 p{ font-size:0.24rem; margin-top:0.1rem;} /*白背景样式*/ .tier.bc1 .tier_box{ margin: 1rem auto;} .tier.bc1 .tier_box_r{ width:40%; text-align:left;} .tier.bc1 .tier_box_l{ width:50%; text-align:right;} .tier.bc1 .tier_box_l img{ width:auto; float:none;} .tier.bc1 .tier_box_r h3{ font-size:0.5rem; font-weight:normal; margin-top:1rem; color:#333;} .tier.bc1 .tier_box_r h3 p{ font-size:0.25rem; margin-top:0.1rem;} /*底部*/ .footer{background-color:#ff5603;} .footer_box{ width: 1200px; padding:0.3rem 0; margin: 0 auto; text-align:center; display: table; } .footer_box i{ font-size:71px; color:#fff; display:inline-block; vertical-align:middle; position:relative; top:-20px; left:-20px;} .footer_box h3{ display:inline-block; font-family:'HelveticaNeue'; color:#fff; font-size:44px; font-weight:normal; line-height: 36px;} .footer_box p{ font-size:21px;} .erm_box{ width:100%; display:table; text-align:center;} .erm_box a{color: #fff;} .mfsy{ padding:4% 2%; width:96%; background-color:#fff; text-align: center;box-shadow: 0px 7px 17px #dedede; position:fixed; bottom:0; left:0; display:none; z-index:9999; font-size:0.35rem; color:#333;} .mfsy.hover{display: none;} .erm_box{font-size:14px; color:#fff; padding:0% 2%;} /*留言*/ .guset_index{ width:100%; height:100%; position:fixed; background-color:rgba(0,0,0,0.8); display:none; z-index:9999;} .guset_index.hover{ display:block;} .guset_index .guset_index_box{position: relative; width: 55vh; height: 55vh; margin: 2% auto; padding: 2%; background-color: #fff; box-sizing: border-box; border-radius: 8px; top: 15vh;} .normal-button{ cursor: pointer; width: 100%; height: 54px; border-radius: 8px; color: rgb(255, 255, 255); margin-top: 10px; margin-left: 0px; font-size: 19px; box-shadow: none; background:rgb(255, 86, 3);border: 0; } .guset_index .guset_index_box h3{ font-size: 0.3rem; font-weight: normal; text-align: center; color: #ff5603; margin:0.3rem 0;} .guset_index .guset_index_box ul{ width:100%; margin: 0 auto;} .guset_index .guset_index_box li{ width:98%; padding:1%; float:left; list-style:none;} .guset_index .guset_index_box .uname{ border:1px solid #dfdfdf; border-radius:5px; padding:1% 3%; background-color: #efefef; width: 94%; display: table;} .guset_index .guset_index_box .uname input{outline:none; padding:0px; padding: 0px; font-size: 18px; background-color: #efefef; border: 0; height: 33px;} .guset_index .guset_index_box .uname.lzm input{ width: 50%;} .guset_index .guset_index_box .uname.lzm span{float: right;} .guset_index .guset_index_box .uname.lzm span img{height: 33px;} .guset_index .guset_index_box .uname.dxm span{float: right;} .guset_index .guset_index_box .uname.dxm span button{height: 33px;background-color: #ff5603;color: #fff;border: 0;border-radius: 5px;} .guset_index .guset_index_box .uname.dxm input{ width: 50%;} .app_off{ width:40px; height:40px; border-radius:50%; color:#fff; line-height:40px; text-align:center; background-color:#ff5603; position:absolute; top:-20px; right:-20px;} /*解决问题*/ .jjwt{ width:100%; margin-top: 50px;} .jjwt ul{ width:100%; display:table;} .jjwt li{ width:23%; margin:0 1%; float:left; list-style:none;} .jjwt li h3{ text-align:center; font-size:.27rem; margin-top:24px; font-weight:normal;} .jjwt li p{ font-size:16px; line-height:28px; margin-top:24px; text-align:center;} .jjwt li img{ width:2rem; height:2rem; display:table; margin:0 auto;}