@media (max-width: 768px) {
.form {
height: 255px;
background: #1d1e24;
padding-bottom: 38px;
}
.form-con {
width: 100%;
min-width: 100%;
margin: 0 auto;
text-align: center;
}
.form-table {
width: 92%;
height: auto;
display: inline-block;
margin-top: 21px;
cursor: pointer;
}
.form-table-left {
height: 100%;
width: 100%;
box-sizing: border-box;
border: 1px solid #e8e8e8;
border-radius: 2px;
background-color: #fff;
font-size: 12px;
color: #888;
float: none;
overflow: hidden;
}
.form-table-right {
display: block;
width: 160px;
height: 50px;
border-radius: 5px;
background-color: #d49c59;
float: none;
color: #fff;
text-align: center;
line-height: 50px;
font-size: 20px;
margin: 13px auto;
}
.table-con {
float: left;
padding: 0px 20px;
border-right: 1px solid #e8e8e8;
height: 37px;
box-sizing: border-box;
position: relative;
margin-top: 7px;
width: 50%;
}
.myInput::-webkit-input-placeholder {
color: red;
}
.myInput:-moz-placeholder {
color: red;
}
.myInput::-moz-placeholder {
color: red;
}
.myInput:-ms-input-placeholder {
color: red;
}
.table-icon {
margin-top: 6px;
float: left;
}
.table-con input {
float: left;
margin-top: 10px;
font-size: 12px;
color: #333;
outline: none;
border: 0px;
margin-left: 4px;
width: 91px;
}
.stitle {
text-align: center;
line-height: 31px;
margin: 40px 0;
}
.stitle h2 {
font-size: 23px;
font-weight: 700;
}
.stitle p {
}
.innum {
overflow: hidden;
/* width: 100%; */
margin: 40px auto;
}
.innumitem {
float: left;
border-right: 1px solid #ddd;
text-align: center;
width: 50%;
padding-top: 20px;
}
.innumitem:last-child{
border-right:0px solid #ddd;
width: 100%;
}
.innum p {
}
.innum p b {
font-size: 37px;
font-weight: normal;
}
.des {
color: #666;
font-size: 12px;
}
.deen {
color: #666;
text-transform: uppercase;
}
.ac {
background: url("../image/pink.png") no-repeat;
background-size: 1202222% 50%;
padding: 24px 0;
}
.anlswer {
/* width: 100%; */
margin: 2% auto;
position: relative;
width: 100%;
border: 0px solid #fff;
}
.anlswer > img {
width: 100%;
height: 492px;
}
.anlswerdes {
position: absolute;
width: 95%;
height: 300px;
right: 12px;
bottom: 20px;
background: rgba(0, 0, 0, .5);
}
.anlswerdes h2 {
text-align: center;
margin-top: 34px;
font-size: 20px;
font-weight: 700;
}
.anlswerdes p {
color: #fff;
line-height: 25px;
width: 77%;
margin: 10px auto;
}
.anlswerdes p a {
width: 161px;
display: block;
border: 1px solid #fff;
text-align: center;
line-height: 38px;
font-size: 18px;
margin-top: 33px;
color: #fff;
}
.morefg {
width: 97%;
margin: 0 auto;
}
.morefgdown {
border-bottom: 1px solid #dddd;
height: 41px;
line-height: 40px;
padding-left: 10px;
}
.morefgcon {
overflow: hidden;
margin: 20px auto;
width: 100%;
}
.morefgcon a {
background: #ebe9e4;
color: #333;
padding: 5px 15px;
margin: 5px 9px;
border-radius: 4px;
float: left;
width: 27%;
}
.abvantage {
background: #3b3838;
color: #fff;
overflow: hidden;
padding: 40px 0;
}
.adv1 {
float: left;
}
.adv1 span {
border-bottom: 5px solid #e3940c;
width: 100px;
display: inline-block;
font-size: 17px;
padding-bottom: 11px;
font-weight: 700;
}
.adv2 {
float: left;
margin-left: 29px;
margin-right: 25px;
font-size: 14px;
}
.adv3 {
float: left;
overflow: hidden;
margin-top: 11px;
width: 100%;
}
.adv3 p {
float: left;
width: 50%;
}
.adv3 p img {
}
.shilu {
overflow: hidden;
}
.shilucon {
overflow: hidden;
}
.shiluconL {
display: block;
float: left;
width: 100%;
position: relative;
}
.shiluconL img {
width: 100%;
height: 318px;
}
.shiluconLtxt {
position: absolute;
right: 0;
height: 100%;
top: 0;
z-index: 10;
background: rgba(0, 0, 0, .5);
color: #fff;
width: 100%;
}
.shiluconLtxt h2 {
width: 79%;
margin: 20px auto;
font-size: 20px;
font-weight: 700;
margin-top: 51px;
}
.shiluconLtxt p {
width: 80%;
margin: 20px auto;
font-size: 14px;
line-height: 27px;
}
.shiluconLtxt a {
display: block;
width: 200px;
height: 40px;
border: 1px solid #fff;
color: #fff;
text-align: center;
line-height: 40px;
margin: 20px auto;
}
.shiluconR {
float: right;
width: 100%;
margin-top: 13px;
}
.shiluconR a {
display: block;
margin-bottom: 14px;
}
.shiluconR a img {
width: 100%;
height: 190px;
}
.yuan {
overflow: hidden;
width: 100%;
margin: 20px auto;
}
.yuan .col-lg-3 {
padding: 0 5px;
}
.yuan .col-sm-3 {
padding: 0 5px;
}
.yuan .col-xs-6 {
padding: 0 5px;
}
.yuanitem {
padding: 0;
border: 1px solid #ddd;
margin-bottom: 18px;
}
.yuanitem h5 a {
display: block;
font-weight: bold;
color: #666;
width: 90%;
margin: 10px auto;
}
.yuanitem img {
width: 100%;
}
.yuanitem p {
/* margin: 0 auto; */
/* width: 90%; */
display: block;
}
.yuanitem p img {
width: 100%;
}
.yuanitem h2 {
margin: 10px auto;
width: 90%;
}
.yuanitemdse {
width: 90%;
margin: 10px auto;
}
.yuanitem a {
font-size: 15px;
font-weight: 700;
color: #000;
}
.yuanitem span {
background: #f2f2f2;
color: #666;
font-size: 12px;
border-radius: 5px;
padding: 6px 6px;
cursor: pointer;
}
.fangan {
text-align: center;
margin: 20px auto;
}
.fangan a {
margin: 0 10px;
display: inline-block;
padding: 4px 15px;
border-radius: 5px;
color: #000;
font-weight: normal;
}
.hq {
border: 1px solid #b3804a;
background: #fff !important;
}
.yy {
background: #B38049 !important;
color: #fff !important;
}
.moreyuan {
color: #000;
width: 160px;
height: 46px;
border: 1px solid #000;
display: block;
text-align: center;
line-height: 45px;
margin: 20px auto;
font-size: 20px;
}
.pnt {
background: #343434;
overflow: hidden;
display: flex;
}
.pntL {
float: left;
}
.pntR {
}
.pntR a {
border-top: 2px solid #e5b97c;
display: block;
width: 90%;
margin: 20px auto;
font-size: 20px;
color: #e3940c;
font-weight: 700;
padding-top: 12px;
}
.pntR img {
margin-top: 72px;
}
.vied {
overflow: hidden;
display: flex;
justify-content: space-between;
margin: 10px auto;
}
.vieditem {
width: 49%;
/* margin: 1%; */
float: left;
}
.vieditemcon {
}
.vieditem p {
text-align: center;
}
.jtmore img {
height: 3px;
width: 50px !important;
margin-left: 15px;
}
.servi {
border-bottom: 1px solid #ddd;
}
.servicon {
overflow: hidden;
width: 90%;
margin: 0px auto;
display: flex;
}
.servicon a {
float: left;
margin-right: 15px;
}
.servicon a span {
border: 1px solid #ddd;
display: block;
padding: 6px 10px;
border-radius: 4px;
color: #666;
}
.servicon a.active {
border-bottom: 3px solid #c59839;
padding-bottom: 23px;
}
.servicon a.active span {
background: #c59839;
color: #fff;
}
.le1 {
left: 61% !important;
top: 85% !important;
}
.le2 {
right: 6% !important;
top: 85% !important;
}
.servicon2 {
display: none;
}
.de{
display: none;
}
.sac{
padding: 0;
}
}