@charset "UTF-8";

body,
html {
    -webkit-overflow-scrolling: touch;
    -moz-overflow-scrolling: touch
}

blockquote,
body,
dd,
div,
dl,
dt,
fieldset,
figcaption,
figure,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
li,
ol,
p,
pre,
table,
td img,
th,
ul {
    margin: 0;
    padding: 0
}

a,
abbr,
acronym,
address,
big,
blockquote,
body,
caption,
cite,
code,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
ins,
kbd,
label,
legend,
li,
ol,
p,
pre,
q,
s,
samp,
small,
span,
strike,
strong,
time,
ul {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline
}

body {
    font-family: "微软雅黑";
    font-size: 14px;
    text-align: left;
    margin: 0 auto;
    line-height: 24px;
    background: #fff;
    color: #333;
    font-weight: 400;
    -moz-osx-font-smoothing: grayscale;
    -webkit-font-smoothing: antialiased
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

.transition {
    transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s
}

* {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-touch-callout: none;
    outline: 0
}

a:active,
a:hover,
a:link,
a:visited {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    -webkit-tap-highlight-color: transparent
}

button {
    border-radius: 0;
    -webkit-border-radius: 0;
    outline: 0
}

input {
    border-radius: 0;
    outline: 0
}

img,
input,
textarea {
    border: 0
}

input:-ms-clear {
    display: none
}

textarea {
    resize: none;
    outline: 0
}

img {
    vertical-align: middle;
    MAX-WIDTH: 100% !important;
    HEIGHT: auto !important;
    _width: expression(this.width > 100% ? "100%" :this.width) !important
}

li,
ul {
    list-style: none
}

a:link,
a:visited {
        text-decoration: none
}

a:active,
a:hover {
    color: red;
    text-decoration: none
}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    font-size: 0
}

.container {
    clear: both;
    width: 980px;
    margin: 0 auto;
    padding: 0;
    position: relative
}

.header {
    background: #1f2224
}

.header .logo {
    float: left;
    width: 13.2%;
    padding-top: 15px
}

.header ul {
    float: right;
    padding-top: 29px;
    padding-right: 30px
}

.header ul li {
    float: left;
    line-height: 1;
    padding-bottom: 27px
}

.header ul li a {
    clear: both;
    display: block;
    font-size: 12px;
    color: #fff;
    margin: 0;
    padding: 0 22px;
    line-height: 1
}

.header ul li.on,
.header ul li:hover {
    background: url(../images/navlibg.png) center bottom no-repeat;
    background-size: 100%;
    position: relative
}

.header ul li.on:after,
.header ul li:hover:after {
    content: "";
    position: absolute;
    width: 50px;
    height: 2px;
    background: #fff;
    left: 50%;
    margin-left: -25px;
    bottom: 0;
    border-radius: 2px 2px 0 0
}

.header .headertel {
    float: right;
    background: url(../images/photoicon01.png) left center no-repeat;
    background-size: 30px;
    padding-left: 40px;
    color: #ecd1a2;
    font-size: 12px;
    margin-top: 17px
}

.header .headertel span {
    clear: both;
    display: block;
    font-weight: 700;
    font-size: 13px;
    color: #ffa11b
}

.header .headertel span font {
    font-size: 16px
}

.proone_Breadnav {
    font-size: 12px;
    padding: 18px 0;
    line-height: 24px;
    color: #999
}

.proone_Breadnav a {
    color: #999
}

.proone_Breadnav a:hover {
    color: #f5cd84
}

.NybFoot {
    clear: both;
    padding: 30px 0;
    line-height: 26px;
    color: #b9b9b9;
    font-size: 16px;
    text-align: center;
    background: #0d0d0c
}

.NybFoot a:link,
.NybFoot a:visited {
    color: #777;
    text-decoration: none
}

.NybFoot a:active,
.NybFoot a:hover {
    color: #eee;
    text-decoration: underline
}

.NybFoot a {
    padding-right: 15px
}

.bomCalculate {
    clear: both;
    display: block;
    background: rgba(0, 0, 0, .8);
    padding-bottom: 1px;
    position: fixed;
    z-index: 99999999;
    left: 0;
    bottom: 0;
    width: 100%;
    transition: all 2s;
    opacity: 0;
    visibility: hidden
}

.bomCalculate.active {
    opacity: 1;
    visibility: visible
}

.bomCalculate .bomCalFixed,
.bomCalculate .bomCalculateBom.on,
.bomCalculate .bomCalculateTop.on,
.bomCalculate.active.active01 {
    opacity: 0;
    visibility: hidden
}

.bomCalculate .container {
    position: relative
}

.bomCalculate .bomCalculateTop {
    clear: both;
    position: relative;
    padding: 20px 0;
    transition: all .5s
}

.bomCalculate .bomCalculateTop .bomCalculateTopP01 {
    left: 9.3333333333%;
    width: 9.4%;
    position: absolute;
    bottom: 0
}

.bomCalculate .bomCalculateTop .bomCalculateTopP02 {
    float: left;
    width: 17%;
    margin-left: 20.0666666667%
}

.bomCalculate .bomCalculateTop .bomCalculateTopP02 i,
.bomCalculate .bomCalculateTop .bomCalculateTopP02 span {
    clear: both;
    display: block;
    line-height: 1
}

.bomCalculate .bomCalculateTop .bomCalculateTopP02 span {
    color: #fff;
    font-size: 14px;
    padding-bottom: 5px
}

.bomCalculate .bomCalculateTop .bomCalculateTopP02 i {
    color: #adadad;
    font-size: 12px;
    font-style: normal
}

.bomCalculate .bomCalculateTop .bomCalculateTopP03 {
    float: left;
    width: 51.8%;
    color: #fcb552;
    font-size: 22px;
    line-height: 30px;
    font-weight: 700;
    border-left: 1px solid #fcb552;
    padding-left: 20px;
    cursor: pointer
}

.bomCalculate .bomCalculateTop .bomCalculateTopP04 {
    position: absolute;
    right: 48px;
    bottom: 15px;
    padding: 0 12px;
    color: #FFF;
    text-align: center;
    line-height: 44px;
    font-size: 15px;
    font-weight: 700;
    overflow: hidden;
    cursor: pointer;
    text-shadow: 0 1px 6px #a86200;
    background: #ffa11f;
    background: -webkit-linear-gradient(top, #fcb552 0, #ffa11f 100%, #fcb552 100%);
    background: -moz-linear-gradient(top, #fcb552 0, #ffa11f 100%, #fcb552 100%);
    background: -ms-linear-gradient(top, #fcb552 0, #ffa11f 100%, #fcb552 100%);
    background: -o-linear-gradient(top, #fcb552 0, #ffa11f 100%, #fcb552 100%);
    background: linear-gradient(to bottom, #fcb552 0, #ffa11f 100%, #fcb552 100%)
}

.bomCalculate .bomCalculateTop .bomCalculateTopP04:hover {
    background: #e68d11
}

.bomCalculate .bomCalculateTop .bomCalculateTopBtn {
    position: absolute;
    width: 30px;
    height: 30px;
    right: 0;
    background: #fff;
    border-radius: 50%;
    overflow: hidden;
    cursor: pointer
}

.bomCalculate .bomCalculateBom {
    clear: both;
    display: block;
    width: 86.6666666667%;
    margin: 0 auto;
    background: #ececec;
    border-radius: 15px;
    overflow: hidden;
    transition: all .5s;
    height: 0
}

.bomCalculate .bomCalculateBom .bomCalculateBomFl {
    float: left;
    width: 67.6923076923%;
    background: url(../images/bomCalculateIcon06.jpg) right top no-repeat;
    background-size: cover;
    border-radius: 0 15px 15px 0
}

.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlTop {
    clear: both;
    display: block;
    border-bottom: 1px solid #d8d8d8;
    padding-top: 18px;
    padding-bottom: 16px;
    padding-left: 25px;
    overflow: hidden;
    text-align: left
}

.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlTop strong {
    font-size: 18px;
    font-weight: 700;
    color: #fcb552;
    display: inline-block;
    padding-right: 18px
}

.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlTop span {
    font-size: 14px;
    color: #494949
}

.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid {
    clear: both;
    display: block;
    position: relative;
    width: 100%
}

.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl {
    clear: both;
    display: block;
    width: 87.5%;
    margin-left: 1.7045454545%;
    overflow: hidden;
    padding-top: 10px;
    padding-bottom: 15px
}

.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd {
    float: left;
    margin-left: 3.6363636364%;
    width: 46.3636363636%;
    overflow: hidden;
    padding-top: 20px
}

.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd span {
    float: left;
    color: #929292;
    font-size: 14px;
    width: 29.28852%;
    line-height: 37px
}

.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd span font {
    color: red
}

.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd input {
    float: right;
    width: 69.47059%;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    text-align: left;
    padding: 5px 10px;
    color: #aaa;
    font-size: 14px;
    line-height: 25px;
    background: 0 0
}

.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt {
    float: left;
    margin-left: 3.6363636364%;
    width: 96.3636363636%;
    overflow: hidden;
    padding-top: 20px
}

.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt span {
    float: left;
    color: #929292;
    font-size: 14px;
    width: 14.09%;
    line-height: 37px
}

.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt textarea {
    float: right;
    width: 85.47059%;
    border: 1px solid #c8c8c8;
    border-radius: 5px;
    text-align: left;
    padding: 5px 10px;
    color: #aaa;
    font-size: 14px;
    line-height: 25px;
    font-family: "微软雅黑";
    background: 0 0
}

.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid .bomCalculateBomFlMidBtn {
    position: absolute;
    right: -35px;
    top: 60px;
    background: rgba(252, 181, 82, .2);
    border-radius: 50%;
    padding: 5px;
    width: 70px;
    height: 70px
}

.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid .bomCalculateBomFlMidBtn input {
    clear: both;
    display: block;
    width: 100%;
    height: 100%;
    background: #fcb552;
    border-radius: 50%;
    color: #fff;
    font-size: 12px;
    cursor: pointer
}

.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlBom {
    clear: both;
    display: block;
    text-align: center;
    color: #8c8c8c;
    font-size: 14px;
    padding-bottom: 25px
}

.bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlBom font {
    color: #ff2b0f
}

.bomCalculate .bomCalculateBom .bomCalculateBomFr {
    float: right;
    width: 26.1538461538%;
    margin-right: 2.6923076923%
}

.bomCalculate .bomCalculateBom .bomCalculateBomFr .bomCalculateBomFrTop {
    clear: both;
    display: block;
    background: url(../images/bomCalculateIcon05.jpg) center top no-repeat;
    background-size: cover;
    text-align: center;
    font-size: 14px;
    color: #fff;
    line-height: 30px;
    margin-top: 15px
}

.bomCalculate .bomCalculateBom .bomCalculateBomFr .bomCalculateBomFrTop span {
    display: inline-block;
    padding: 0 10px
}

.bomCalculate .bomCalculateBom .bomCalculateBomFr ul {
    clear: both;
    display: block;
    padding: 10px 14px 0 20px
}

.bomCalculate .bomCalculateBom .bomCalculateBomFr ul li {
    clear: both;
    display: block;
    margin-top: 20px;
    overflow: hidden;
    background: #fff
}

.bomCalculate .bomCalculateBom .bomCalculateBomFr ul li>i {
    float: left;
    background: #ffa634;
    color: #fff;
    font-style: normal;
    padding: 7px 10px 7px 8px;
    font-size: 14px;
    position: relative
}

.bomCalculate .bomCalculateBom .bomCalculateBomFr ul li>i:after {
    content: "";
    position: absolute;
    top: 0;
    right: -10px;
    border-top: 19px solid transparent;
    border-bottom: 19px solid transparent;
    border-right: 0 solid transparent;
    border-left: 10px solid #ffa634
}

.bomCalculate .bomCalculateBom .bomCalculateBomFr ul li span {
    padding: 7px 10px 7px 15px;
    font-size: 14px;
    color: #333;
    text-align: left;
    float: left
}

.bomCalculate .bomCalculateBom .bomCalculateBomFr ul li span em {
    font-style: normal;
    font-weight: 700;
    display: inline-block;
    margin-right: 5px
}

.bomCalculate .bomCalFixed {
    position: absolute;
    width: 64.6666666667%;
    left: 50%;
    margin-left: -32.3333333333%;
    background: url(../images/bomCalculateIcon03.jpg) left top;
    background-size: 80px;
    top: 170px;
    z-index: 5;
    transform: scale(.5);
    transition: all .5s
}

.bomCalculate .bomCalFixed.on {
    transform: scale(1);
    opacity: 1;
    visibility: visible
}

.bomCalculate .bomCalFixed .bomCalFixedFl {
    float: left;
    width: 36.0824742268%
}

.bomCalculate .bomCalFixed .bomCalFixedFl img {
    width: 100%
}

.bomCalculate .bomCalFixed .bomCalFixedmid {
    position: absolute;
    left: 29.38144%;
    top: 39px;
    text-align: left
}

.bomCalculate .bomCalFixed .bomCalFixedmid span {
    clear: both;
    display: block;
    font-size: 18px;
    line-height: 1;
    color: #1f1f1f;
    padding-bottom: 10px
}

.bomCalculate .bomCalFixed .bomCalFixedmid i {
    clear: both;
    display: block;
    font-size: 12px;
    line-height: 1;
    color: #878787;
    font-style: normal
}

.bomCalculate .bomCalFixed .bomCalFixedFr {
    float: right;
    width: 27.38144%;
    border-left: 1px solid #8b8b8b;
    margin-top: 27px
}

.bomCalculate .bomCalFixed .bomCalFixedFr span {
    clear: both;
    display: block;
    width: 28.0701754386%;
    margin: 0 auto;
    padding-bottom: 5px
}

.bomCalculate .bomCalFixed .bomCalFixedFr i {
    clear: both;
    display: block;
    width: 100%;
    color: #363636;
    font-size: 12px;
    line-height: 1;
    font-style: normal;
    text-align: center
}

.bomCalculate .bomCalFixed .CloseButton {
    position: absolute;
    right: -10px;
    top: -10px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    display: block;
    cursor: pointer
}

.bomCalculate.hide {
    bottom: -100%;
    opacity: 0;
    visibility: hidden
}

.bomCalculate.on .bomCalculateTop .bomCalculateTopP04 {
    bottom: -2px;
    transform: rotate(180deg);
    transition: all .5s
}

.bomCalculate.on .bomCalculateTop .bomCalculateTopP04 img {
    width: 100%;
    margin-bottom: -7px
}

.bomCalculate.on .bomCalculateBom {
    margin-bottom: 40px;
    height: 331px
}

.floating_ck {
    position: fixed;
    right: 10px;
    bottom: 240px;
    display: block;
    width: 130px;
    height: 320px;
    z-index: 999999
}

.floating_ck span {
    position: absolute;
    width: 60px;
    height: 60px;
    right: 0;
    bottom: 88px
}

.floating_ck span img {
    position: absolute;
    width: 21px;
    height: 25px;
    left: 50%;
    margin-left: -10px;
    bottom: 4px;
    transform: scale(1);
    animation: blow01 2.5s infinite ease-in-out;
    z-index: 2
}

.floating_ck span i.floating_i01,
.floating_ck span i.floating_i02,
.floating_ck span i.floating_i03 {
    transform: scale(1);
    animation: blow 2.5s infinite ease-in-out
}

.floating_ck span i {
    position: absolute;
    border: 1px solid #396c69;
    left: 50%;
    top: 50%;
    border-radius: 50%
}

.floating_ck span i.floating_i01 {
    width: 28px;
    height: 28px;
    margin-top: -14px;
    margin-left: -14px
}

.floating_ck span i.floating_i02 {
    width: 18px;
    height: 18px;
    margin-top: -9px;
    margin-left: -9px;
    opacity: 1
}

.floating_ck span i.floating_i03 {
    width: 10px;
    height: 10px;
    margin-top: -5px;
    margin-left: -5px;
    opacity: 1
}

@keyframes blow {

    0%,
    10.5%,
    100%,
    5%,
    90.5% {
        transform: scale(1);
        opacity: 1
    }

    10%,
    5.5% {
        transform: scale(.8)
    }

    70%,
    90% {
        transform: scale(1.3);
        opacity: 0
    }
}

@keyframes blow01 {

    0%,
    10.5%,
    100%,
    15%,
    5%,
    90.5% {
        transform: scale(1);
        opacity: 1
    }

    10%,
    5.5% {
        transform: scale(.8)
    }
}

#gotoTop2 {
    display: none;
    position: fixed;
    right: 30px;
    bottom: 100px;
    width: 34px;
    height: 80px;
    z-index: 9999;
    background: url(../images/pcgoback.png) center 10px no-repeat rgba(255, 255, 255, .8);
    cursor: pointer;
    border: 1px solid #927435
}

#gotoTop2:after,
#gotoTop2:before {
    content: "";
    display: block;
    position: absolute;
    left: 50%;
    top: 20px;
    width: 1px;
    height: 45px;
    background: #927435
}

#gotoTop2:after {
    -webkit-transform-origin: 0 0;
    transform-origin: 0 0;
    -webkit-animation: bottom-move-2 3.5s infinite forwards cubic-bezier(.25, 0, .25, 1);
    animation: bottom-move-2 3.5s infinite forwards cubic-bezier(.25, 0, .25, 1)
}

#gotoTop2:before {
    -webkit-transform-origin: 0 100%;
    transform-origin: 0 100%;
    -webkit-animation: top-move-2 3.5s infinite forwards cubic-bezier(.25, 0, .25, 1);
    animation: top-move-2 3.5s infinite forwards cubic-bezier(.25, 0, .25, 1)
}

@-webkit-keyframes bottom-move-2 {
    0% {
        -webkit-transform: translateY(0) scaleY(1)
    }

    60%,
    to {
        -webkit-transform: translateY(-10px) scaleY(0)
    }
}

@keyframes bottom-move-2 {
    0% {
        transform: translateY(0) scaleY(1)
    }

    60%,
    to {
        transform: translateY(-10px) scaleY(0)
    }
}

@-webkit-keyframes top-move-2 {
    0% {
        -webkit-transform: translateY(10px) scaleY(0)
    }

    40% {
        -webkit-transform: translateY(0) scaleY(0)
    }

    to {
        -webkit-transform: translateY(0) scaleY(1)
    }
}

@keyframes top-move-2 {
    0% {
        transform: translateY(10px) scaleY(0)
    }

    40% {
        transform: translateY(0) scaleY(0)
    }

    to {
        transform: translateY(0) scaleY(1)
    }
}

.zixun1 {
    color: brown !important;
    background: #ffc34f !important;
    border-radius: 20px !important;
    padding: 6px 40px 6px 15px;
    border: 1px dashed brown;
    margin: 0 8px;
    position: relative;
    display: inline-block
}

.zixun1:after {
    content: "";
    position: absolute;
    right: 2px;
    top: 2px;
    background: url(../images/icon07.gif) center center no-repeat;
    background-size: 100%;
    border-radius: 50%;
    width: 32px;
    height: 32px
}

.zixun1 span,
.zixun1 strong {
    color: brown !important
}

.fixed-con {
    position: fixed;
    right: 10px;
    top: 20%;
    -webkit-transition: all ease .5s;
    transition: all ease .5s;
    text-align: center;
    z-index: 99999999
}

.fixed-con .fixed-head img {
    cursor: pointer
}

.fixed-con .fixed-list {
    background: url(../images/fixed-bg.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 152px;
    height: 222px
}

.fixed-con .fixed-list>p {
    color: #d1e3eb;
    font-size: 18px;
    line-height: 1.1;
    padding-top: 28px
}

.fixed-con .fixed-list ul {
    margin-top: 4px
}

.fixed-con .fixed-list ul li {
    margin-top: 18px;
    cursor: pointer
}

.fixed-con .fixed-list ul li a,
.fixed-con .fixed-list ul li p {
    color: #fff;
    font-size: 18px;
    font-weight: 700;
    text-shadow: 0 2px 3px rgba(128, 75, 0, .3);
    display: block;
    line-height: 48px;
    padding-top: 7px;
    text-align: center
}

.fixed-con .fixed-list ul li a:hover,
.fixed-con .fixed-list ul li p:hover {
    color: #1d3440
}

.fixed-con .fixed-list ul li a img {
    width: 28px;
    margin-right: 6px
}

.fixed-con .fixed-list ul li p>img {
    width: 28px;
    margin-right: 4px
}

.fixed-con .fixed-list ul li.listbg {
    background: url(../images/fixed-list01.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 156px;
    height: 55px;
    margin-left: -2px
}

.fixed-con .fixed-list ul li.listdh {
    background: url(../images/fixed-list02.png) no-repeat;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -ms-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    width: 144px;
    height: 55px;
    position: relative;
    margin-left: 4px
}

.fixed-con .fixed-list ul li .tel-ewm {
    width: 0;
    white-space: nowrap;
    background: #13313f;
    position: absolute;
    top: 0;
    right: -1px;
    text-align: left;
    z-index: 10;
    transition-property: width;
    transition-duration: .6s
}

.fixed-con .fixed-list ul li .tel-ewm:after {
    content: "";
    position: absolute;
    right: 0;
    top: -8px;
    width: 8px;
    height: 9px;
    background: url(../images/fixed-dot.png) no-repeat;
    opacity: 0;
    filter: alpha(opacity=0);
    transition-duration: .6s
}

.fixed-con .fixed-list ul li .tel-ewm span {
    display: block;
    white-space: nowrap;
    overflow: hidden;
    font-size: 16px;
    color: #d1e3eb;
    line-height: 1.1;
    opacity: 0;
    filter: alpha(opacity=0);
    transition-duration: 1s;
    transition-delay: .2s;
    padding: 12px 6px 12px 77px
}

.fixed-con .fixed-list ul li .tel-ewm span strong {
    font-size: 20px;
    color: #FFF;
    display: block;
    margin-top: 8px
}

.fixed-con .fixed-list ul li .tel-ewm img {
    position: absolute;
    left: 0;
    top: 0;
    width: 57px;
    opacity: 0;
    filter: alpha(opacity=0);
    transition-duration: 1s;
    transition-delay: .2s;
    margin: 6px
}

.fixed-list li.listdh:hover .tel-ewm {
    width: 250px
}

.fixed-list li.listdh:hover .tel-ewm:after {
    opacity: 1;
    filter: alpha(opacity=100)
}

.fixed-list li.listdh:hover .tel-ewm img,
.fixed-list li.listdh:hover .tel-ewm span {
    opacity: 1;
    filter: alpha(opacity=100)
}

.fixed-top {
    margin: 15px auto 0;
    width: 114px;
    height: 36px;
    line-height: 36px;
    background: url(../images/fixed-top.png) no-repeat;
    color: #FFF;
    text-shadow: 0 2px 3px rgba(128, 75, 0, .3);
    font-size: 16px;
    cursor: pointer
}

.fixed-top:hover {
    color: #FFA11F
}

.mobileone {
    clear: both;
    min-width: 980px;
    background: url(/static/style/image/xin/pdjbj.jpg) center top no-repeat;
    background-size: cover
}

.mobileone .mobileonefl {
    float: left;
    width: 44%;
    padding-top: 27px;
    padding-bottom: 55px
}

.mobileone .mobileonefl h1 {
    display: inline-block;
    font-size: 38px;
    color: #242424;
    position: relative;
    line-height: 45px;
    padding-bottom: 35px;
    margin-bottom: 25px;
    z-index: 3
}

.mobileone .mobileonefl h1:after {
    content: "";
    position: absolute;
    z-index: -1;
    left: 0;
    bottom: 0;
    width: 45px;
    height: 6px;
    background: #487364
}

.mobileone .mobileonefl .mobileoneflp01 {
    clear: both;
    display: block;
    font-size: 12px;
    line-height: 22px;
    color: #353938;
    height: 124px
}

.mobileone .mobileonefl .mobileoneflbtn {
    clear: both;
    display: inline-block;
    background: #ffc741;
    background: -webkit-linear-gradient(top, #ffd655, #ffb72a);
    background: -o-linear-gradient(top, #ffd655, #ffb72a);
    background: linear-gradient(to bottom, #ffd655, #ffb72a);
    box-shadow: 0 5px 0 #dc8e3d;
    border: 1px solid #ffd073;
    line-height: 52px;
    padding: 0 40px;
    font-weight: 700;
    color: #fff;
    font-size: 18px;
    border-radius: 26px;
    position: relative
}

.mobileone .mobileonefl .mobileoneflbtn:hover {
    background: #ff5353;
    background: -webkit-linear-gradient(top, #ff5353, #9f0400);
    background: -o-linear-gradient(top, #ff5353, #9f0400);
    background: linear-gradient(to bottom, #ff5353, #9f0400);
    box-shadow: 0 5px 0 #7C0501;
    border: 1px solid #ff5353;
    animation: tyt .5s
}

.mobileone .mobileonefl .mobileoneflbtn:after {
    content: "";
    position: absolute;
    right: -243px;
    bottom: 15px;
    background: url(../images/hometwoicon01.png) center bottom no-repeat;
    background-size: 100%;
    height: 93px;
    width: 96px
}

@keyframes tyt {
    0% {
        transform: translateY(0)
    }

    20% {
        transform: translatey(-8px)
    }

    100%,
    40% {
        transform: translatey(0)
    }

    60% {
        transform: translatey(-4px)
    }
}

@-webkit-keyframes tyt {
    0% {
        transform: translateY(0)
    }

    20% {
        transform: translatey(-8px)
    }

    100%,
    40% {
        transform: translatey(0)
    }

    60% {
        transform: translatey(-4px)
    }
}

@-moz-keyframes tyt {
    0% {
        transform: translateY(0)
    }

    20% {
        transform: translatey(-8px)
    }

    100%,
    40% {
        transform: translatey(0)
    }

    60% {
        transform: translatey(-4px)
    }
}

.mobiletwo {
    clear: both;
    background: url(/static/style/image/xin/mobiletwoicon01.jpg) left top;
    padding-top: 62px
}

.mobiletwo h3 {
    clear: both;
    display: block;
    color: #fff;
    font-size: 38px;
    line-height: 1;
    padding-bottom: 30px
}

.mobiletwo .mobiletwotab {
    clear: both;
    display: block;
    overflow: hidden;
    text-align: left;
    position: relative;
    z-index: 5
}

.mobiletwo .mobiletwotab span {
    float: left;
    color: #c2c2c2;
    font-size: 13px;
    font-weight: 700;
    padding-right: 70px;
    padding-left: 20px;
    background: url(../images/mobiletwoicon03.png) left center no-repeat;
    background-size: 12px;
    line-height: 30px;
    cursor: pointer
}

.mobiletwo .mobiletwotab span.on,   
.mobiletwo .mobiletwotab span:hover {
    color: #fbb830;
    background-image: url(/static/style/image/xin/mobiletwoicon04.png)
}

.mobiletwo .mobiletwoitem {
    clear: both;
    display: none
}

.mobiletwo .mobiletwoitem.on {
    display: block
}

.mobiletwo .mobiletwoitemtop {
    margin-top: -15px
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl {
    position: relative;
    float: left;
    width: 790px;
    background: url(../images/mobiletwoicon05.png) left top no-repeat;
    background-size: 745px;
    padding-top: 42px
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox {
    position: absolute;
    right: 0;
     
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a {
    float: left;
    width: 134px;
    height: 38px;
    border-radius: 19px;
    font-size: 14px;
    font-weight: 700;
    color: #ededed;
    position: relative;
    border: 2px solid #14789b;
    text-align: center;
    line-height: 34px;
    background: rgba(255, 255, 255, .12)
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a:after {
    content: "";
    position: absolute;
    left: -5px;
    right: -5px;
    top: -5px;
    bottom: -5px;
    border: 1px dashed #18799c;
    border-radius: 25px
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a:hover {
    color: #ff5353;
    border-color: #ff5353;
    background: #fff
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a:hover:after {
    border-color: #ff5353
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox span {
    float: left;
    width: 152px;
    font-size: 12px;
    line-height: 1;
    color: #b9b9b9;
    text-align: center
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox span strong {
    clear: both;
    display: block;
    border-top: 1px solid #7d7d7d;
    color: #ffbb30;
    font-size: 16px;
    line-height: 1;
    padding-top: 8px;
    margin-top: 8px
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox:after {
    content: "";
    width: 15px;
    height: 15px;
    background: url(../images/mobiletwoicon02.png) center center no-repeat;
    background-size: 15px;
    position: absolute;
    right: -15px;
    top: 13px
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr {
    float: right;
    width: 128px;
    padding-top: 10px
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr li {
    clear: both;
    border-radius: 17px;
    border: 2px solid #92b2bc;
    margin-bottom: 47px;
    padding: 15px 13px;
    box-shadow: 6px -6px 10px #0e2a30 inset;
    line-height: 1;
    color: #94c7d7;
    font-size: 12px
}

.mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr li strong {
    clear: both;
    display: block;
    font-size: 18px;
    line-height: 1;
    padding-top: 12px
}

.mobiletwo .mobiletwoitembom {
    clear: both;
    background: url(/static/style/image/xin/mobiletwoicon06.jpg) left top;
    box-shadow: 0 7px 34px rgba(27, 61, 72, .46);
    border-radius: 20px;
    position: relative;
    z-index: 5
}

.mobiletwo .mobiletwoitembom:before {
    content: "";
    top: -82px;
    left: -122px;
    position: absolute;
    background: url(/static/style/image/xin/mobiletwoicon08.png) right bottom no-repeat;
    background-size: 360px;
    width: 360px;
    height: 200px
}

.mobiletwo .mobiletwoitembom dt {
    float: left;
    width: 140px;
    position: relative;
    z-index: 2
}

.mobiletwo .mobiletwoitembom dt span {
    clear: both;
    display: block;
    text-align: center;
    color: #fff;
    font-size: 25px;
    font-weight: 700;
    line-height: 1;
    padding-top: 30px
}

.mobiletwo .mobiletwoitembom dd {
    float: left;
    background: url(/static/style/image/xin/mobiletwoicon07.jpg) left center no-repeat;
    width: 210px;
    padding: 30px 24px;
    position: relative;
    z-index: 2
}

.mobiletwo .mobiletwoitembom dd p {
    clear: both;
    color: #767676;
    font-size: 12px;
    line-height: 20px
}

.mobiletwo .mobiletwoitembom dt+dd {
    background: 0 0
}

.mobilethree {
    clear: both;
    padding-top: 65px;
    padding-bottom: 81px;
    position: relative
}

.mobilefour .mobilefourtop h3,
.mobilethree h3 {
    padding-top: 28px;
    line-height: 35px;
    text-align: center;
    clear: both
}

.mobilethree:after {
    content: "";
    position: absolute;
    left: 0;
    right: 0;
    top: -88px;
    background: url(../images/mobilethreeicon02.png) center top no-repeat;
    background-size: 100% 90px;
    height: 90px
}

.mobilethree h3 {
    font-size: 30px;
    background: url(../images/sandthreeicon05.png) center top no-repeat;
    background-size: 392px;
    color: #353938
}

.mobilethree .mobilethreetxt {
    clear: both;
    display: block;
    width: 80%;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    color: #555;
    padding-top: 30px;
    margin: 0 auto
}

.mobilethree ul {
    padding-top: 35px
}

.mobilethree ul li {
    float: left;
    width: 228px;
    margin-left: 22px;
    position: relative;
    border-radius: 20px;
    overflow: hidden
}

.mobilethree ul li:first-child {
    margin-left: 0
}

.mobilethree ul li:first-child+li,
.mobilethree ul li:first-child+li+li+li {
    margin-top: 60px
}

.mobilethree ul li .mobilethreepic {
    clear: both;
    display: block;
    width: 100%
}

.mobilethree ul li .mobilethreetit {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    background: url(/static/style/images/xin/mobilethreeicon01.png) left bottom repeat-x;
    background-size: auto 86px;
    clear: both;
    display: block;
    color: #e5e5e5;
    font-size: 14px;
    font-weight: 700;
    line-height: 30px;
    padding: 45px 20px 10px;
    text-align: center
}

.mobilethree ul li:hover .mobilethreetit {
    background-image: url(/static/style/images/xin/mobilethreeicon01_h.png);
    color: #fff
}

.mobilefour {
    background: #0b485c;
    background: -webkit-linear-gradient(left, #0b485c, #18404d);
    background: -o-linear-gradient(left, #0b485c, #18404d);
    background: linear-gradient(to right, #0b485c, #18404d);
    position: relative;
    padding-top: 46px;
    padding-bottom: 10px
}

.mobilefour:after {
    content: "";
    background: url(../images/mobilefouricon02.png) center bottom no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 100%;
    max-width: 1920px;
    min-width: 980px
}

.mobilefour:before {
    content: "";
    background: url(../images/mobilefouricon01.png) center top no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0;
    width: 16.6666666667%
}

.mobilefour .mobilefourbom,
.mobilefour .mobilefourtop {
    position: relative;
    z-index: 3
}

.mobilefour .mobilefourtop h3 {
    color: #fff;
    font-size: 32px;
    background: url(../images/mobilefouricon04.png) center top no-repeat;
    background-size: 392px
}

.mobilefour .mobilefourtop p {
    clear: both;
    display: block;
    width: 80%;
    text-align: center;
    font-size: 12px;
    line-height: 22px;
    color: #b2b2b2;
    padding-top: 30px;
    margin: 0 auto
}

.mobilefour .mobilefourbom {
    margin-top: 100px
}

.mobilefour .mobilefourbom .mobilefourbombox {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%
}

.mobilefour .mobilefourbom .mobilefourbombox span {
    position: absolute;
    background: #ffac54;
    display: inline-block;
    color: #fff;
    box-shadow: 3px 2px 0 rgba(255, 172, 84, .4);
    border-radius: 4px;
    line-height: 1;
    padding: 5px 10px 8px
}

.mobilefour .mobilefourbom .mobilefourbombox span i {
    font-style: normal;
    padding-right: 5px;
    display: inline-block;
    vertical-align: top
}

.mobilefour .mobilefourbom .mobilefourbombox span:after {
    content: "";
    position: absolute;
    left: 50%;
    background: #ffac54;
    width: 2px;
    top: 25px
}

.mobilefour .mobilefourbom .mobilefourbombox span:before {
    content: "";
    position: absolute;
    left: 50%;
    background: url(../images/mobilefouricon05.png) center top no-repeat;
    width: 47px;
    height: 47px;
    background-size: 47px;
    margin-left: -23px
}

.mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon01 {
    left: 200px;
    top: -20px
}

.mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon01:after {
    bottom: -131px
}

.mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon01:before {
    bottom: -154px
}

.mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon02 {
    left: 332px;
    top: -18px
}

.mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon02:after {
    bottom: -74px
}

.mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon02:before {
    bottom: -97px
}

.mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon03 {
    left: 462px;
    top: 0
}

.mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon03:after {
    bottom: -75px
}

.mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon03:before {
    bottom: -100px
}

.mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon04 {
    left: 632px;
    top: -90px
}

.mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon04:after {
    bottom: -75px
}

.mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon04:before {
    bottom: -100px
}

.mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon05 {
    left: 600px;
    top: -68px
}

.mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon05:after {
    bottom: -136px
}

.mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon05:before {
    bottom: -158px
}

.sandtit {
    padding-bottom: 25px;
    position: relative;
    overflow: hidden
}

.sandtit:after {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 57px;
    height: 6px;
    background: #487364
}

.sandtit h3 {
    float: left;
    font-size: 24px;
    color: #353938;
    position: relative;
    line-height: 1
}

.sandtit a {
    float: right;
    background: url(../images/mnewicon01.png) right center no-repeat;
    background-size: 2px;
    font-size: 12px;
    padding-right: 12px;
    color: #999
}

.sandfour {
    background: #edf2f1;
    padding-top: 54px;
    padding-bottom: 65px
}

.sandfour .sandtit {
    margin-bottom: 20px
}

.sandfour .sandfourfl {
    float: left;
    width: 31.5333333333%;
    position: relative;
    z-index: 2;
    -o-box-shadow: 6px 0 15px rgba(38, 48, 64, .33);
    -webkit-box-shadow: 6px 0 15px rgba(38, 48, 64, .33);
    -moz-box-shadow: 6px 0 15px rgba(38, 48, 64, .33);
    -ms-box-shadow: 6px 0 15px rgba(38, 48, 64, .33);
    box-shadow: 6px 0 15px rgba(38, 48, 64, .33);
    padding: 40px 32px 80px;
    font-size: 12px;
    line-height: 26px;
    color: #6f6f6f;
    border-radius: 10px;
    background: #fff;
    margin-top: 40px
}

.sandfour .sandfourfl:before {
    content: "";
    position: absolute;
    left: 13px;
    right: 13px;
    bottom: 13px;
    top: 13px;
    border: 1px solid #487364;
    border-radius: 10px
}

.sandfour .sandfourfr {
    float: right;
    width: 83.1333333333%;
    margin-left: -14.6666666667%;
    background: url(../images/sandfourbg.jpg) left top;
    padding-left: 14.7%;
    border-radius: 10px
}

.sandfour .sandfourfr ul {
    clear: both;
    display: block;
    overflow: hidden;
    padding-top: 33px;
    padding-bottom: 22px
}

.sandfour .sandfourfr ul li {
    float: left;
    background: #edf2f1;
    margin-left: 9.5%;
    width: 149px;
    border-radius: 75px
}

.sandfour .sandfourfr ul li p {
    clear: both;
    display: block;
    border-radius: 50%;
    overflow: hidden;
    border: 3px solid #dee7e0;
    margin: 3px
}

.sandfour .sandfourfr ul li span {
    clear: both;
    display: block;
    font-size: 13px;
    font-weight: 700;
    color: #487364;
    text-align: center;
    padding: 3px 0
}

.sandfour .sandfourfr .sandfourfrbom {
    clear: both;
    text-align: right;
    font-size: 12px;
    color: #ffc37c;
    font-weight: 700;
    line-height: 1;
    padding-bottom: 18px;
    padding-right: 40px
}

.sandfive {
    padding: 40px 0 68px
}

.sandfive .sandfivefl {
    float: left;
    width: 54.6667%;
    padding-top: 25px
}

.sandfive .sandfivefl .sandfivefltxt {
    font-size: 12px;
    line-height: 22px;
    color: #6f6f6f;
    padding-bottom: 25px;
    padding-top: 20px
}

.sandfive .sandfivefl ul li {
    float: left;
    width: 20.61%;
    text-align: center;
    margin-left: 19%
}

.sandfive .sandfivefl ul li:first-child {
    margin-left: 0
}

.sandfive .sandfivefl ul li p {
    clear: both;
    display: block;
    margin-bottom: 15px
}

.sandfive .sandfivefl ul li span {
    clear: both;
    display: block;
    font-size: 13px;
    line-height: 22px;
    color: #fcbb6e;
    font-weight: 700
}

.sandfive .sandfivefr {
    float: right;
    width: 36.8%;
    background: url(../images/sandfivebg.jpg) right top no-repeat;
    padding-top: 25px;
    padding-right: 30px;
    background-size: 264px
}

.sandfive .sandfivefr img {
    border-radius: 10px;
    box-shadow: 0 6px 15px rgba(38, 48, 64, .33)
}

.sandsix {
    background: #f0f4f6;
    background: -webkit-linear-gradient(top, #f0f4f6, #fff);
    background: -o-linear-gradient(top, #f0f4f6, #fff);
    background: linear-gradient(to bottom, #f0f4f6, #fff);
    padding-top: 48px;
    padding-bottom: 58px;
    position: relative
}

.sandsix:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/profouricon02.png) center top no-repeat;
    background-size: 100%
}

.sandsix>div,
.sandsix>h3,
.sandsix>p {
    position: relative;
    z-index: 2
}

.sandsix .sandsixbox {
    clear: both;
    display: block;
    width: 100%;
    overflow: hidden;
    position: relative;
    max-width: 1920px;
    margin: 0 auto
}

.sandsix .sandsixbom {
    background: url(../images/profouricon01.png) center center repeat-x;
    text-align: center;
    margin-top: 52px
}

.sandsix .sandsixbom a {
    display: inline-block;
    background: #456a6a;
    border: 1px solid #729a9a;
    box-shadow: 0 3px 0 #121e22;
    line-height: 24px;
    padding: 7px 20px;
    color: #fff;
    border-radius: 20px
}

.sandsix .sandsixbom a:hover {
    background: #ff5353;
    background: -webkit-linear-gradient(top, #ff5353, #9f0400);
    background: -o-linear-gradient(top, #ff5353, #9f0400);
    background: linear-gradient(to bottom, #ff5353, #9f0400);
    box-shadow: 0 3px 0 #7C0501;
    border: 1px solid #ff5353
}

.sandsever {
    clear: both;
    display: block;
    padding-top: 10px;
    padding-bottom: 45px;
    overflow: hidden
}

.sandsever ul {
    clear: both;
    display: block;
    padding-top: 32px;
    margin-bottom: 40px;
    margin-left: -6.4%
}

.sandsever ul li {
    float: left;
    width: 18.7969924812%;
    margin-left: 6.015037594%;
    position: relative
}

.sandsever ul li .sandseverbtn {
    clear: both;
    display: block;
    position: absolute;
    right: -6px;
    bottom: -6px;
    width: 28px;
    height: 28px
}

.sandsever ul li .sandseverbtn:after {
    content: "";
    position: absolute;
    left: -5px;
    right: -5px;
    bottom: -5px;
    top: -5px;
    background: #fff;
    border-radius: 50%;
    z-index: 1
}

.sandsever ul li .sandseverbtn:before {
    content: "+";
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    top: 0;
    border-radius: 50%;
    background: #99c3c1;
    background: -webkit-linear-gradient(left, #99c3c1, #95b49e);
    background: -o-linear-gradient(left, #99c3c1, #95b49e);
    background: linear-gradient(to right, #99c3c1, #95b49e);
    z-index: 2;
    color: #fff;
    text-align: center;
    line-height: 27px;
    font-size: 16px
}

.sandsever ul li .sandseverbox {
    clear: both;
    display: block;
    padding: 5px;
    border: 1px solid #e3e4e4;
    border-radius: 9px;
    background: #fafcfb;
    position: relative;
    overflow: hidden
}

.sandsever ul li .sandseverbox:after {
    content: "";
    position: absolute;
    width: 36px;
    height: 36px;
    border: 1px solid #e3e4e4;
    border-radius: 50%;
    background: #fff;
    right: -11px;
    bottom: -11px
}

.sandsever ul li .sandseverbox .sandseverpic {
    clear: both;
    display: block;
    border-radius: 9px;
    overflow: hidden;
    margin-bottom: 15px
}

.sandsever ul li .sandseverbox .sandseverpic img {
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.sandsever ul li .sandseverbox .sandsevertit {
    clear: both;
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #333;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 5px
}

.sandsever ul li .sandseverbox p {
    clear: both;
    display: block;
    font-size: 12px;
    line-height: 20px;
    color: #555;
    padding: 3px 0
}

.sandsever ul li:hover .sandseverbox {
    background: #ffefb1
}

.sandsever ul li:hover .sandseverbox .sandseverpic img {
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.sandsever ul li:hover .sandseverbox .sandsevertit {
    color: orange
}

.sandsever ul li:hover .sandseverbox p {
    color: #9c8a5e
}

.sandsever ul li:hover .sandseverbtn:before {
    background: #ffcb4c;
    background: -webkit-linear-gradient(left, #ffcb4c, #ffefb1);
    background: -o-linear-gradient(left, #ffcb4c, #ffefb1);
    background: linear-gradient(to right, #ffcb4c, #ffefb1)
}

.sandsever .sandseverbom a {
    float: left;
    margin-right: 25px;
    margin-bottom: 20px;
    border: 1px dotted #648d84;
    border-radius: 8px;
    padding: 0 12px;
    line-height: 22px
}

.sandsever .sandseverbom a:hover {
    color: #fff;
    background: #f5cd84;
    border: 1px solid #f5cd84
}

.sandeight .sandeightbox {
    padding-top: 39px
}

.sandeight .sandeightbox p {
    clear: both;
    display: inline-block;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    padding: 1px 12px;
    color: #353938;
    border: 1px solid #cad6d2;
    border-radius: 13px;
    margin-right: 18px;
    cursor: pointer;
    position: relative
}

.sandeight .sandeightbox p:before {
    content: "";
    width: 9px;
    height: 9px;
    border: 1px solid #cad6d2;
    background: #fff;
    position: absolute;
    left: -6px;
    top: 8px;
    border-radius: 50%
}

.sandeight .sandeightbox p:after {
    content: "";
    width: 16px;
    height: 16px;
    background: #fff;
    position: absolute;
    left: -17px;
    top: 5px
}

.sandeight .sandeightbox p.on:before {
    border: 1px solid #cad6d2;
    background: #cad6d2
}

.sandeight .sandeightbox p.on:after {
    display: none
}

.sandeight #sandeightitem {
    padding-top: 26px
}

.sandeight #sandeightitem table {
    width: 100%;
    border-collapse: collapse;
    border: 0;
    background: #ccc
}

.sandeight #sandeightitem table td {
    padding: 5px 10px;
    border: 1px solid #8abfad
}

.sandnine {
    padding-top: 55px
}

.sandnine ul {
    margin-left: -8.6666666667%;
    margin-top: 32px
}

.sandnine ul li {
    float: left;
    width: 24.8466257669%;
    margin-left: 7.9754601227%;
    position: relative
}

.sandnine ul li:after {
    content: "";
    position: absolute;
    background: #56616b;
    background: -webkit-linear-gradient(top, #56616b, #56616b);
    background: -o-linear-gradient(top, #56616b, #56616b);
    background: linear-gradient(to bottom, #56616b, #56616b);
    width: 100%;
    left: 5.9259259259%;
    top: 24px;
    bottom: 0;
    display: block;
    border-radius: 6px 6px 6px 32px
}

.sandnine ul li:hover:after {
    background: #84b992;
    background: -webkit-linear-gradient(top, #84b992, #466b6a);
    background: -o-linear-gradient(top, #84b992, #466b6a);
    background: linear-gradient(to bottom, #84b992, #466b6a)
}

.sandnine ul li .sandninepic {
    clear: both;
    display: block;
    position: relative;
    z-index: 2;
    border-radius: 10px;
    overflow: hidden
}

.sandnine ul li .sandninepic img {
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.sandnine ul li .sandninetit {
    clear: both;
    display: block;
    position: relative;
    z-index: 2;
    text-align: center;
    font-size: 14px;
    font-weight: 700;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    color: #fff;
    padding: 19px 0 17px;
    line-height: 1
}

.sandnine ul li:hover img {
    -o-transform: scale(1.05);
    -webkit-transform: scale(1.05);
    -moz-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05)
}

.sandten {
    padding-top: 64px;
    padding-bottom: 50px
}

.sandten .sandtentop {
    padding-top: 38px;
    padding-bottom: 27px
}

.sandten .sandtentop .sandtentopfl {
    float: left
}

.sandten .sandtentop .sandtentopfl span {
    float: left;
    text-align: center;
    font-size: 12px;
    line-height: 24px;
    padding: 1px 12px;
    color: #353938;
    border: 1px solid #cad6d2;
    border-radius: 13px;
    margin-right: 18px;
    cursor: pointer;
    position: relative
}

.sandten .sandtentop .sandtentopfl span:before {
    content: "";
    width: 9px;
    height: 9px;
    border: 1px solid #cad6d2;
    background: #fff;
    position: absolute;
    left: -6px;
    top: 8px;
    border-radius: 50%
}

.sandten .sandtentop .sandtentopfl span:after {
    content: "";
    width: 16px;
    height: 16px;
    background: #fff;
    position: absolute;
    left: -17px;
    top: 5px
}

.sandten .sandtentop .sandtentopfl span.active:before {
    border: 1px solid #cad6d2;
    background: #cad6d2
}

.sandten .sandtentop .sandtentopfl span.active:after {
    display: none
}

.sandten .sandtentop .sandtentopfr {
    float: right;
    margin-top: 4px
}

.sandten .sandtentop .sandtentopfr a {
    background: url(../images/mnewicon01.png) right center no-repeat;
    background-size: 2px;
    font-size: 12px;
    padding-right: 12px;
    color: #999;
    display: none
}

.sandten .sandtentop .sandtentopfr a.active {
    display: block
}

.sandten .sandtenbom {
    margin-top: 45px
}

.sandten .sandtenbom ul {
    clear: both;
    display: none;
    margin-left: -6.6659%
}

.sandten .sandtenbom ul.active {
    display: block
}

.sandten .sandtenbom ul li {
    float: left;
    margin-left: 6.6659%;
    margin-bottom: 25px;
    overflow: hidden;
    background: #f3f4f6;
    border-radius: 6px;
    padding: 17px 1.5% 15px 1.6%;
    width: 43.3341%;
    -o-transition: all .5s;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    transition: all .5s
}

.sandten .sandtenbom ul li .sandtenbomfl {
    float: left;
    width: 85%
}

.sandten .sandtenbom ul li .sandtenbomfl a {
    clear: both;
    display: block;
    margin-bottom: 20px;
    font-size: 12px;
    font-weight: 700;
    color: #1e1e1e;
    line-height: 1
}

.sandten .sandtenbom ul li .sandtenbomfl p {
    font-size: 12px;
    line-height: 20px;
    color: #666;
    height: 40px;
    display: block;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden
}

.sandten .sandtenbom ul li .sandtenbomfr {
    float: right
}

.sandten .sandtenbom ul li .sandtenbomfr p {
    font-family: Impact;
    color: #d7dfdf;
    font-size: 14px;
    line-height: 1;
    text-align: right;
    padding-bottom: 7px
}

.sandten .sandtenbom ul li .sandtenbomfr p span {
    clear: both;
    display: block;
    padding-bottom: 5px;
    font-size: 24px
}

.sandten .sandtenbom ul li .sandtenbomfr a {
    clear: both;
    display: inline-block;
    text-decoration: underline;
    font-size: 12px;
    color: #d7dfdf
}

.sandten .sandtenbom ul li .sandtenbomfr a:hover {
    color: #c00
}

.sandten .sandtenbom ul li:hover {
    background: #f5cd84
}

.sandten .sandtenbom ul li:hover a,
.sandten .sandtenbom ul li:hover p {
    color: #fff
}

.TracPoint {
    position: fixed;
    background: #000;
    top: 0;
    width: 100%;
    left: 0;
    z-index: 99;
    transition: all .5s
}

.TracPoint ul {
    overflow: hidden;
    padding: 20px 0
}

.TracPoint ul li {
    float: left;
    margin-right: 10px
}

.TracPoint ul li a {
    clear: both;
    color: #fff;
    border-radius: 5px;
    border: 1px dashed #fff;
    padding: 0 15px;
    font-size: 14px;
    line-height: 46px;
    display: block;
    text-align: center
}

.TracPoint ul li.active a,
.TracPoint ul li:hover a {
    border: 1px solid #487364;
    border-bottom: 0;
    background: #487364
}

.profive {
    background: url(../images/profiveicon02.jpg) center top;
    min-width: 980px;
    position: relative
}

.profive .profivepic {
    position: absolute;
    background: url(../images/profiveicon01.png) right top no-repeat;
    background-size: cover;
    top: 0;
    bottom: 0;
    left: 0;
    width: 32.1875%
}

.profive .profivefl {
    float: right;
    width: 25.6770833333%;
    background: #105155
}

.profive .profivefl:after {
    content: "";
    position: absolute;
    right: 0;
    top: 0;
    background: #407477;
    width: 6.0416666667%;
    height: 0;
    padding-bottom: 6.0416666667%
}

.profive .profivefl h4 {
    margin-left: 10.1419878296%;
    font-size: 22px;
    color: #fff;
    background-size: 42px;
    padding-left: 20px;
    line-height: 1;
    margin-bottom: 0;
    margin-top: 30px;
    position: relative
}

.profive .profivefl h4:before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 4px;
    background: #fff;
    bottom: 0
}

.profive .profivefl ul {
    clear: both;
    display: block;
    margin: 10px auto;
    width: 85.1926977688%;
    position: relative
}

.profive .profivefl ul li {
    text-align: left;
    font-size: 12px;
    color: #fff2be;
    line-height: 1;
    padding: 15px 0 15px 50px;
    border-bottom: 1px dashed #80afb2;
    position: relative
}

.profive .profivefl ul li:last-child {
    border-bottom: 0
}

.profive .profivefl ul li i {
    position: absolute;
    left: 0;
    top: 22px;
    width: 40px
}

.profive .profivefl ul li strong {
    clear: both;
    display: block;
    color: #95c4c8;
    font-size: 16px;
    line-height: 24px;
    font-weight: 400
}

.profive .profivefl ul li p {
    clear: both;
    display: block;
    color: #5f999d;
    font-size: 14px;
    line-height: 24px;
    padding-right: 40px
}

.profive .profivefr {
    float: left;
    width: 34.6875%;
    margin-left: 34.5833333333%;
    padding: 30px 0
}

.profive .profivefr .profivefrtop {
    padding-bottom: 20px
}

.profive .profivefr .profivefrtop h3 {
    clear: both;
    display: block;
    color: #0d0d0c;
    font-size: 20px;
    padding-bottom: 10px
}

.profive .profivefr .profivefrtop p {
    clear: both;
    display: block;
    color: #666;
    font-size: 14px;
    line-height: 24px
}

.profive .profivefr dl {
    clear: both;
    display: block
}

.profive .profivefr dl dd {
    clear: both;
    display: block;
    position: relative;
    margin-bottom: 20px;
    background: #f6f6f7;
    border: 1px solid #fff;
    border-radius: 5px
}

.profive .profivefr dl dd i {
    position: absolute;
    left: 10px;
    top: 8px;
    width: 25px;
    display: inline-block;
    z-index: 20
}

.profive .profivefr dl dd i img {
    width: 100%
}

.profive .profivefr dl dd span {
    position: absolute;
    left: 44px;
    z-index: 1;
    top: 0;
    line-height: 23px;
    font-size: 14px;
    padding: 9px 0;
    color: #aeaeae;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    right: 0
}

.profive .profivefr dl dd span font {
    color: red;
    display: inline-block;
    line-height: 1;
    vertical-align: middle;
    font-weight: 700;
    padding-left: 5px
}

.profive .profivefr dl dd .err {
    color: #ff461f;
    background: url(../images/cancel.png) right center no-repeat;
    padding-right: 25px;
    right: 14px
}

.profive .profivefr dl dd input {
    clear: both;
    display: block;
    position: relative;
    z-index: 2;
    width: 100%;
    font-size: 12px;
    border: 0;
    padding: 9px 14px 9px 44px;
    line-height: 23px;
    height: 43px;
    color: #666;
    background: 0 0
}

.profive .profivefr dl dt {
    clear: both;
    display: block;
    text-align: center;
    padding-top: 15px
}

.profive .profivefr dl dt input {
    width: 131px;
    height: 33px;
    border-radius: 17px;
    background: #292628;
    background-size: 100%;
    text-align: center;
    line-height: 33px;
    font-size: 14px;
    color: #fea43c;
    font-weight: 700;
    cursor: pointer
}

.profive .profivefr dl dt input:hover {
    background: #105155;
    color: #fff
}

@media (min-width:1366px) {
    .container {
        width: 1160px
    }

    .header .logo {
        padding-top: 17px
    }

    .header ul {
        padding-top: 35px;
        padding-right: 77px
    }

    .header ul li {
        padding-bottom: 32px
    }

    .header ul li a {
        padding: 0 23px;
        font-size: 14px
    }

    .header ul li.on:after,
    .header ul li:hover:after {
        width: 60px;
        margin-left: -30px
    }

    .header .headertel {
        font-size: 13px;
        background-size: 36px;
        padding-left: 47px;
        margin-top: 20px
    }

    .header .headertel span {
        font-size: 15px
    }

    .header .headertel span font {
        font-size: 20px
    }

    .proone_Breadnav {
        padding: 25px 0
    }

    .sandtit {
        padding-bottom: 30px
    }

    .sandtit:after {
        width: 54px;
        height: 6px
    }

    .sandtit h3 {
        font-size: 29px
    }

    .sandtit a {
        background-size: 3px;
        font-size: 14px;
        padding-right: 12px;
        margin-top: 3px
    }

    .mobileone .mobileonefl {
        padding-top: 30px;
        padding-bottom: 55px
    }

    .mobileone .mobileonefl h1 {
        font-size: 45px;
        margin-bottom: 30px;
        line-height: 50px;
        padding-bottom: 45px
    }

    .mobileone .mobileonefl h1:after {
        height: 7px;
        width: 55px
    }

    .mobileone .mobileonefl .mobileoneflp01 {
        font-size: 13px;
        line-height: 26px;
        height: 148px
    }

    .mobileone .mobileonefl .mobileoneflbtn {
        box-shadow: 0 4px 0 #dc8e3d;
        line-height: 58px;
        padding: 0 49px;
        font-size: 21px;
        border-radius: 30px
    }

    .mobileone .mobileonefl .mobileoneflbtn:hover {
        box-shadow: 0 4px 0 #7C0501
    }

    .mobileone .mobileonefl .mobileoneflbtn:after {
        right: -266px;
        height: 110px;
        width: 114px
    }

    .mobiletwo {
        padding-top: 75px
    }

    .mobiletwo h3 {
        font-size: 45px;
        padding-bottom: 35px
    }

    .mobiletwo .mobiletwotab span {
        font-size: 15px;
        padding-right: 90px;
        padding-left: 22px;
        background-size: 15px
    }

    .mobiletwo .mobiletwoitemtop {
        margin-top: -15px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl {
        width: 935px;
        background-size: 880px;
        padding-top: 51px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a {
        width: 156px;
        height: 44px;
        border-radius: 22px;
        font-size: 17px;
        line-height: 40px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox span {
        width: 180px;
        font-size: 12px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox span strong {
        font-size: 18px;
        padding-top: 8px;
        margin-top: 8px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox:after {
        width: 17px;
        height: 17px;
        background-size: 17px;
        right: -17px;
        top: 13px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr {
        width: 150px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr li {
        border-radius: 20px;
        border: 3px solid #92b2bc;
        margin-bottom: 55px;
        padding: 18px 16px;
        box-shadow: 10px -10px 12px #0e2a30 inset;
        font-size: 14px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr li strong {
        font-size: 22px;
        padding-top: 10px;
        line-height: 30px
    }

    .mobiletwo .mobiletwoitembom {
        box-shadow: 0 8px 40px rgba(27, 61, 72, .46);
        border-radius: 24px
    }

    .mobiletwo .mobiletwoitembom:before {
        top: -168px;
        left: -151px;
        background-size: 450px;
        width: 450px;
        height: 315px
    }

    .mobiletwo .mobiletwoitembom dt {
        width: 160px
    }

    .mobiletwo .mobiletwoitembom dt span {
        font-size: 30px;
        padding-top: 35px
    }

    .mobiletwo .mobiletwoitembom dd {
        width: 250px;
        padding: 35px
    }

    .mobiletwo .mobiletwoitembom dd p {
        font-size: 12px;
        line-height: 24px
    }

    .mobilethree {
        padding-top: 75px;
        padding-bottom: 93px
    }

    .mobilethree:after {
        top: -105px;
        background-size: 100% 107px;
        height: 107px
    }

    .mobilethree h3 {
        font-size: 34px;
        background-size: 466px;
        padding-top: 33px;
        line-height: 40px
    }

    .mobilethree .mobilethreetxt {
        font-size: 12px;
        line-height: 26px;
        padding-top: 25px;
        width: 70%
    }

    .mobilethree ul {
        padding-top: 45px
    }

    .mobilethree ul li {
        width: 270px;
        margin-left: 26px;
        border-radius: 15px
    }

    .mobilethree ul li:first-child+li,
    .mobilethree ul li:first-child+li+li+li {
        margin-top: 68px
    }

    .mobilethree ul li .mobilethreetit {
        background-size: auto 78px;
        font-size: 17px;
        line-height: 30px;
        padding: 35px 20px 10px
    }

    .mobilefour {
        padding-top: 50px;
        padding-bottom: 10px
    }

    .mobilefour .mobilefourtop h3 {
        font-size: 34px;
        background-size: 466px;
        padding-top: 33px;
        line-height: 40px
    }

    .mobilefour .mobilefourtop p {
        font-size: 12px;
        line-height: 26px;
        padding-top: 25px;
        width: 70%
    }

    .mobilefour .mobilefourbom {
        margin-top: 120px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span {
        box-shadow: 3px 4px 0 rgba(255, 172, 84, .4);
        border-radius: 5px;
        line-height: 1;
        width: 85px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span:after {
        top: 25px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span:before {
        width: 50px;
        height: 50px;
        background-size: 50px;
        margin-left: -25px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon01 {
        left: 30px;
        top: -70px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon01:after {
        bottom: -161px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon01:before {
        bottom: -187px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon02 {
        left: 400px;
        top: -38px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon02:after {
        bottom: -91px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon02:before {
        bottom: -117px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon03 {
        left: 546px;
        top: 0
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon03:after {
        bottom: -95px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon03:before {
        bottom: -120px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon04 {
        left: 760px;
        top: 15px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon04:after {
        bottom: -90px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon04:before {
        bottom: -116px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon05 {
        left: 902px;
        top: -52px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon05:after {
        bottom: -166px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon05:before {
        bottom: -188px
    }

    .sandfour {
        padding-top: 63px;
        padding-bottom: 78px
    }

    .sandfour .sandtit {
        margin-bottom: 25px
    }

    .sandfour .sandfourfl {
        padding: 48px 48px 96px;
        font-size: 13px;
        line-height: 30px;
        border-radius: 12px;
        margin-top: 49px
    }

    .sandfour .sandfourfl:before {
        left: 16px;
        right: 16px;
        bottom: 16px;
        top: 16px;
        border-radius: 12px
    }

    .sandfour .sandfourfr {
        border-radius: 12px
    }

    .sandfour .sandfourfr ul {
        padding-top: 39px;
        padding-bottom: 27px
    }

    .sandfour .sandfourfr ul li {
        width: 176px;
        border-radius: 88px
    }

    .sandfour .sandfourfr ul li p {
        margin: 3px
    }

    .sandfour .sandfourfr ul li span {
        font-size: 15px;
        padding: 6px 0
    }

    .sandfour .sandfourfr .sandfourfrbom {
        font-size: 13px;
        padding-bottom: 24px;
        padding-right: 47px
    }

    .sandfive {
        padding: 48px 0 80px
    }

    .sandfive .sandfivefl {
        padding-top: 30px
    }

    .sandfive .sandfivefl .sandfivefltxt {
        font-size: 12px;
        line-height: 26px;
        padding-bottom: 43px;
        padding-top: 25px
    }

    .sandfive .sandfivefl ul li p {
        margin-bottom: 25px
    }

    .sandfive .sandfivefl ul li span {
        font-size: 15px;
        line-height: 26px
    }

    .sandfive .sandfivefr {
        padding-top: 28px;
        padding-right: 36px;
        background-size: 313px
    }

    .sandfive .sandfivefr img {
        border-radius: 12px;
        box-shadow: 0 7px 18px rgba(38, 48, 64, .33)
    }

    .sandsix {
        padding-top: 55px;
        padding-bottom: 70px
    }

    .sandsix .sandsixbom {
        margin-top: 75px
    }

    .sandsix .sandsixbom a {
        box-shadow: 0 3px 0 #121e22;
        padding: 12px 24px;
        border-radius: 24px;
        font-size: 14px
    }

    .sandsix .sandsixbom a:hover {
        box-shadow: 0 3px 0 #7C0501
    }

    .sandsever {
        padding-top: 8px;
        padding-bottom: 53px
    }

    .sandsever ul {
        padding-top: 38px;
        margin-bottom: 49px
    }

    .sandsever ul li .sandseverbtn {
        right: -6px;
        bottom: -6px;
        width: 34px;
        height: 34px
    }

    .sandsever ul li .sandseverbtn:before {
        line-height: 34px;
        font-size: 19px
    }

    .sandsever ul li .sandseverbox {
        padding: 7px;
        border-radius: 10px
    }

    .sandsever ul li .sandseverbox:after {
        width: 42px;
        height: 42px;
        right: -10px;
        bottom: -10px
    }

    .sandsever ul li .sandseverbox .sandseverpic {
        border-radius: 10px;
        margin-bottom: 20px
    }

    .sandsever ul li .sandseverbox .sandsevertit {
        font-size: 17px;
        margin-bottom: 5px;
        padding-left: 5px;
        padding-right: 5px
    }

    .sandsever ul li .sandseverbox p {
        font-size: 12px;
        line-height: 24px;
        padding: 3px 5px
    }

    .sandsever .sandseverbom a {
        margin-right: 30px;
        margin-bottom: 22px;
        border-radius: 8px;
        padding: 1px 15px;
        line-height: 24px
    }

    .sandeight .sandeightbox {
        padding-top: 46px
    }

    .sandeight .sandeightbox p {
        font-size: 12px;
        line-height: 24px;
        padding: 2px 15px 2px 20px;
        border: 2px solid #cad6d2;
        border-radius: 16px;
        margin-right: 20px
    }

    .sandeight .sandeightbox p:before {
        width: 10px;
        height: 10px;
        border: 2px solid #cad6d2;
        left: -8px;
        top: 7px
    }

    .sandeight .sandeightbox p:after {
        width: 22px;
        height: 22px;
        left: -23px;
        top: 3px
    }

    .sandeight .sandeightbox p.on:before,
    .sandeight .sandeightbox p:hover:before {
        border: 2px solid #cad6d2
    }

    .sandeight #sandeightitem {
        padding-top: 30px
    }

    .sandeight #sandeightitem table td {
        padding: 10px 15px
    }

    .sandnine {
        padding-top: 62px
    }

    .sandnine ul {
        margin-top: 40px
    }

    .sandnine ul li:after {
        top: 26px;
        border-radius: 7px 7px 7px 38px
    }

    .sandnine ul li .sandninepic {
        border-radius: 7px
    }

    .sandnine ul li .sandninetit {
        font-size: 17px;
        padding: 21px 0 20px
    }

    .sandten {
        padding-top: 75px;
        padding-bottom: 55px
    }

    .sandten .sandtentop {
        padding-top: 46px;
        padding-bottom: 30px
    }

    .sandten .sandtentop .sandtentopfl span {
        font-size: 12px;
        line-height: 24px;
        padding: 2px 15px 2px 20px;
        border: 2px solid #cad6d2;
        border-radius: 16px;
        margin-right: 20px
    }

    .sandten .sandtentop .sandtentopfl span:before {
        width: 10px;
        height: 10px;
        border: 2px solid #cad6d2;
        left: -8px;
        top: 7px
    }

    .sandten .sandtentop .sandtentopfl span:after {
        width: 22px;
        height: 22px;
        left: -23px;
        top: 3px
    }

    .sandten .sandtentop .sandtentopfr a {
        background-size: 3px;
        font-size: 14px;
        padding-right: 12px
    }

    .sandten .sandtenbom ul li {
        margin-bottom: 30px;
        border-radius: 7px;
        padding-top: 27px;
        padding-bottom: 20px
    }

    .sandten .sandtenbom ul li .sandtenbomfl a {
        margin-bottom: 20px;
        font-size: 13px
    }

    .sandten .sandtenbom ul li .sandtenbomfl p {
        font-size: 12px;
        line-height: 24px;
        height: 48px
    }

    .sandten .sandtenbom ul li .sandtenbomfr p {
        font-size: 17px;
        padding-bottom: 16px
    }

    .sandten .sandtenbom ul li .sandtenbomfr p span {
        padding-bottom: 10px;
        font-size: 28px
    }

    .sandten .sandtenbom ul li .sandtenbomfr a {
        font-size: 13px
    }

    .profive .profivefl h4 {
        font-size: 28px;
        padding-left: 24px;
        margin-top: 35px
    }

    .profive .profivefl h4:before {
        width: 7px
    }

    .profive .profivefl ul li {
        padding: 20px 0 20px 60px
    }

    .profive .profivefl ul li i {
        top: 30px;
        width: 45px
    }

    .profive .profivefl ul li strong {
        font-size: 18px;
        line-height: 24px;
        padding-bottom: 5px
    }

    .profive .profivefl ul li p {
        font-size: 15px;
        line-height: 24px
    }

    .profive .profivefr {
        padding: 35px 0
    }

    .profive .profivefr .profivefrtop {
        padding-bottom: 25px
    }

    .profive .profivefr .profivefrtop h3 {
        font-size: 30px;
        line-height: 1
    }

    .profive .profivefr .profivefrtop p {
        font-size: 15px;
        line-height: 30px
    }

    .profive .profivefr dl dd {
        margin-bottom: 20px;
        border-radius: 10px
    }

    .profive .profivefr dl dd i {
        left: 15px;
        top: 14px;
        width: 30px
    }

    .profive .profivefr dl dd span {
        left: 56px;
        line-height: 38px;
        font-size: 16px;
        padding: 10px 0
    }

    .profive .profivefr dl dd span font {
        padding-left: 5px
    }

    .profive .profivefr dl dd .err {
        padding-right: 25px;
        right: 14px
    }

    .profive .profivefr dl dd input {
        font-size: 16px;
        padding: 10px 14px 10px 56px;
        line-height: 38px;
        height: 60px
    }

    .profive .profivefr dl dt {
        padding-top: 20px
    }

    .profive .profivefr dl dt input {
        width: 150px;
        height: 45px;
        border-radius: 23px;
        line-height: 45px;
        font-size: 18px
    }

    .floating_ck {
        width: 140px;
        height: 344px
    }

    .floating_ck span {
        right: 0;
        bottom: 100px
    }

    .pageboxtop {
        margin-left: -580px
    }

    .bomCalculate .bomCalculateTop {
        padding: 25px 0
    }

    .bomCalculate .bomCalculateTop .bomCalculateTopP02 span {
        font-size: 16px;
        padding-bottom: 7px
    }

    .bomCalculate .bomCalculateTop .bomCalculateTopP02 i {
        font-size: 14px
    }

    .bomCalculate .bomCalculateTop .bomCalculateTopP03 {
        font-size: 26px;
        line-height: 37px;
        padding-left: 25px
    }

    .bomCalculate .bomCalculateTop .bomCalculateTopP04 {
        font-size: 16px;
        line-height: 48px
    }

    .bomCalculate .bomCalculateBom {
        border-radius: 20px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl {
        border-radius: 0 20px 20px 0
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlTop {
        padding-top: 20px;
        padding-bottom: 18px;
        padding-left: 30px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlTop strong {
        font-size: 22px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl {
        padding-top: 10px;
        padding-bottom: 15px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd {
        padding-top: 25px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd span {
        font-size: 16px;
        line-height: 46px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd input {
        border-radius: 7px;
        padding: 9px 10px;
        font-size: 16px;
        line-height: 26px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt {
        padding-top: 25px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt span {
        font-size: 16px;
        line-height: 46px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt textarea {
        border-radius: 7px;
        padding: 9px 10px;
        font-size: 16px;
        line-height: 26px;
        height: 70px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid .bomCalculateBomFlMidBtn {
        right: -45px;
        top: 70px;
        padding: 7px;
        width: 90px;
        height: 90px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid .bomCalculateBomFlMidBtn input {
        font-size: 14px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlBom {
        padding-bottom: 35px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFr .bomCalculateBomFrTop {
        font-size: 16px;
        line-height: 40px;
        margin-top: 18px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFr ul {
        padding: 10px 16px 0 30px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFr ul li {
        clear: both;
        display: block;
        margin-top: 20px;
        overflow: hidden;
        background: #fff
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFr ul li>i {
        padding: 8px 12px 8px 15px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFr ul li>i:after {
        border-top: 20px solid transparent;
        border-bottom: 20px solid transparent
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFr ul li span {
        padding: 8px 10px 8px 20px
    }

    .bomCalculate .bomCalFixed {
        top: 200px
    }

    .bomCalculate .bomCalFixed .bomCalFixedmid {
        top: 49px
    }

    .bomCalculate .bomCalFixed .bomCalFixedmid span {
        font-size: 20px;
        padding-bottom: 15px
    }

    .bomCalculate .bomCalFixed .bomCalFixedFr i,
    .bomCalculate .bomCalFixed .bomCalFixedmid i {
        font-size: 14px
    }

    .bomCalculate .bomCalFixed .bomCalFixedFr {
        margin-top: 33px
    }

    .bomCalculate .bomCalFixed .bomCalFixedFr span {
        padding-bottom: 10px
    }

    .bomCalculate .bomCalFixed .CloseButton {
        width: 34px;
        height: 34px
    }

    .bomCalculate.on .bomCalculateBom {
        margin-bottom: 45px;
        height: 387px
    }

    .TracPoint ul li a {
        padding: 0 25px;
        font-size: 16px
    }
}

@media (min-width:1500px) {
    .container {
        width: 1320px
    }

    .header .logo {
        padding-top: 21px
    }

    .header ul {
        padding-top: 39px;
        padding-right: 118px
    }

    .header ul li {
        padding-bottom: 39px
    }

    .header ul li a {
        font-size: 16px;
        padding: 0 22px;
    }

    .header ul li.on:after,
    .header ul li:hover:after {
        width: 70px;
        margin-left: -35px
    }

    .header .headertel {
        font-size: 14px;
        background-size: 41px;
        padding-left: 53px;
        margin-top: 23px
    }

    .header .headertel span {
        font-size: 17px
    }

    .header .headertel span font {
        font-size: 22px
    }

    .proone_Breadnav {
        padding: 29px 0;
        font-size: 14px
    }

    .sandtit {
        padding-bottom: 33px
    }

    .sandtit:after {
        width: 62px;
        height: 8px
    }

    .sandtit h3 {
        font-size: 33px
    }

    .sandtit a {
        background-size: 4px;
        font-size: 16px;
        padding-right: 14px;
        margin-top: 5px
    }

    .mobileone .mobileonefl {
        padding-top: 36px;
        padding-bottom: 70px
    }

    .mobileone .mobileonefl h1 {
        font-size: 50px;
        margin-bottom: 35px;
        line-height: 55px;
        padding-bottom: 50px
    }

    .mobileone .mobileonefl h1:after {
        width: 62px
    }

    .mobileone .mobileonefl .mobileoneflp01 {
        font-size: 15px;
        line-height: 30px;
        height: 168px
    }

    .mobileone .mobileonefl .mobileoneflbtn {
        box-shadow: 0 4px 0 #dc8e3d;
        line-height: 67px;
        padding: 0 59px;
        font-size: 24px;
        border-radius: 35px
    }

    .mobileone .mobileonefl .mobileoneflbtn:hover {
        box-shadow: 0 4px 0 #7C0501
    }

    .mobileone .mobileonefl .mobileoneflbtn:after {
        right: -300px;
        height: 126px;
        width: 130px
    }

    .mobiletwo {
        padding-top: 85px
    }

    .mobiletwo h3 {
        font-size: 51px;
        padding-bottom: 38px
    }

    .mobiletwo .mobiletwotab span {
        font-size: 17px;
        padding-right: 105px;
        padding-left: 26px;
        background-size: 18px
    }

    .mobiletwo .mobiletwoitemtop {
        margin-top: -15px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl {
        width: 1064px;
        background-size: 997px;
        padding-top: 60px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a {
        width: 178px;
        height: 52px;
        border-radius: 26px;
        border: 3px solid #14789b;
        font-size: 19px;
        line-height: 46px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a:after {
        left: -5px;
        right: -5px;
        top: -5px;
        bottom: -5px;
        border-radius: 31px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox span {
        width: 205px;
        font-size: 14px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox span strong {
        font-size: 21px;
        padding-top: 8px;
        margin-top: 8px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox:after {
        width: 20px;
        height: 20px;
        background-size: 20px;
        right: -20px;
        top: 13px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr {
        width: 168px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr li {
        border-radius: 23px;
        border: 3px solid #92b2bc;
        margin-bottom: 62px;
        padding: 22px 18px 20px;
        box-shadow: 11px -11px 14px #0e2a30 inset;
        font-size: 16px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr li strong {
        font-size: 24px;
        padding-top: 10px;
        line-height: 30px
    }

    .mobiletwo .mobiletwoitembom {
        box-shadow: 0 9px 45px rgba(27, 61, 72, .46);
        border-radius: 26px
    }

    .mobiletwo .mobiletwoitembom:before {
        top: -205px;
        left: -179px;
        background-size: 530px;
        width: 530px;
        height: 371px
    }

    .mobiletwo .mobiletwoitembom dt {
        width: 200px
    }

    .mobiletwo .mobiletwoitembom dt span {
        font-size: 33px;
        padding-top: 40px
    }

    .mobiletwo .mobiletwoitembom dd {
        width: 280px;
        padding: 38px 45px
    }

    .mobiletwo .mobiletwoitembom dd p {
        font-size: 14px;
        line-height: 26px
    }

    .mobilethree {
        padding-top: 85px;
        padding-bottom: 110px
    }

    .mobilethree:after {
        top: -115px;
        background-size: 100% 117px;
        height: 117px
    }

    .mobilethree h3 {
        font-size: 39px;
        background-size: 530px;
        padding-top: 40px;
        line-height: 45px
    }

    .mobilethree .mobilethreetxt {
        font-size: 14px;
        line-height: 30px;
        padding-top: 27px
    }

    .mobilethree ul {
        padding-top: 50px
    }

    .mobilethree ul li {
        width: 308px;
        margin-left: 29px;
        border-radius: 17px
    }

    .mobilethree ul li:first-child+li,
    .mobilethree ul li:first-child+li+li+li {
        margin-top: 78px
    }

    .mobilethree ul li .mobilethreetit {
        background-size: auto 89px;
        font-size: 19px;
        line-height: 30px;
        padding: 45px 20px 10px
    }

    .mobilefour {
        padding-top: 60px;
        padding-bottom: 20px
    }

    .mobilefour .mobilefourtop h3 {
        font-size: 39px;
        background-size: 530px;
        padding-top: 40px;
        line-height: 45px
    }

    .mobilefour .mobilefourtop p {
        font-size: 14px;
        line-height: 30px;
        padding-top: 27px
    }

    .mobilefour .mobilefourbom {
        margin: 140px 9px 0
    }

    .mobilefour .mobilefourbom .mobilefourbombox span {
        width: 96px;
        font-size: 17px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span:after {
        top: 25px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span:before {
        width: 55px;
        height: 55px;
        background-size: 55px;
        margin-left: -28px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon01 {
        left: 33px;
        top: -78px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon01:after {
        bottom: -181px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon01:before {
        bottom: -207px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon02 {
        left: 446px;
        top: -42px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon02:after {
        bottom: -105px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon02:before {
        bottom: -130px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon03 {
        left: 620px;
        top: 0
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon03:after {
        bottom: -100px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon03:before {
        bottom: -130px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon04 {
        left: 850px;
        top: 16px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon04:after {
        bottom: -100px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon04:before {
        bottom: -130px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon05 {
        left: 1027px;
        top: -62px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon05:after {
        bottom: -180px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon05:before {
        bottom: -207px
    }

    .sandfour {
        padding-top: 70px;
        padding-bottom: 90px
    }

    .sandfour .sandtit {
        margin-bottom: 27px
    }

    .sandfour .sandfourfl {
        padding: 55px 43px 107px;
        font-size: 15px;
        line-height: 35px;
        border-radius: 14px;
        margin-top: 57px
    }

    .sandfour .sandfourfl:before {
        left: 17px;
        right: 17px;
        bottom: 17px;
        top: 17px;
        border-radius: 14px
    }

    .sandfour .sandfourfr {
        border-radius: 14px
    }

    .sandfour .sandfourfr ul {
        padding-top: 46px;
        padding-bottom: 33px
    }

    .sandfour .sandfourfr ul li {
        width: 199px;
        border-radius: 100px
    }

    .sandfour .sandfourfr ul li p {
        margin: 4px
    }

    .sandfour .sandfourfr ul li span {
        font-size: 17px;
        padding: 6px 0
    }

    .sandfour .sandfourfr .sandfourfrbom {
        font-size: 15px;
        padding-bottom: 28px;
        padding-right: 54px
    }

    .sandfive {
        padding: 54px 0 92px
    }

    .sandfive .sandfivefl {
        padding-top: 33px
    }

    .sandfive .sandfivefl .sandfivefltxt {
        font-size: 14px;
        line-height: 30px;
        padding-bottom: 50px;
        padding-top: 27px
    }

    .sandfive .sandfivefl ul li p {
        margin-bottom: 28px
    }

    .sandfive .sandfivefl ul li span {
        font-size: 17px;
        line-height: 29px
    }

    .sandfive .sandfivefr {
        padding-top: 33px;
        padding-right: 40px;
        background-size: 357px
    }

    .sandfive .sandfivefr img {
        border-radius: 13px;
        box-shadow: 0 8px 21px rgba(38, 48, 64, .33)
    }

    .sandsix {
        padding-top: 62px;
        padding-bottom: 80px
    }

    .sandsix .sandsixbom {
        margin-top: 86px
    }

    .sandsix .sandsixbom a {
        box-shadow: 0 4px 0 #121e22;
        padding: 12px 27px;
        border-radius: 24px;
        font-size: 16px
    }

    .sandsix .sandsixbom a:hover {
        box-shadow: 0 4px 0 #7C0501
    }

    .sandsever {
        padding-top: 11px;
        padding-bottom: 64px
    }

    .sandsever ul {
        padding-top: 44px;
        margin-bottom: 57px
    }

    .sandsever ul li .sandseverbtn {
        width: 37px;
        height: 37px
    }

    .sandsever ul li .sandseverbtn:before {
        line-height: 37px;
        font-size: 22px
    }

    .sandsever ul li .sandseverbox {
        padding: 8px;
        border-radius: 12px
    }

    .sandsever ul li .sandseverbox:after {
        width: 48px;
        height: 48px;
        right: -12px;
        bottom: -12px
    }

    .sandsever ul li .sandseverbox .sandseverpic {
        border-radius: 12px;
        margin-bottom: 22px
    }

    .sandsever ul li .sandseverbox .sandsevertit {
        font-size: 19px;
        margin-bottom: 10px
    }

    .sandsever ul li .sandseverbox p {
        font-size: 14px;
        line-height: 24px;
        padding: 4px 5px
    }

    .sandsever .sandseverbom a {
        margin-right: 34px;
        margin-bottom: 25px;
        border-radius: 10px;
        padding: 3px 16px;
        line-height: 24px
    }

    .sandeight .sandeightbox {
        padding-top: 53px
    }

    .sandeight .sandeightbox p {
        font-size: 14px;
        padding: 2px 17px 2px 22px;
        margin-right: 25px
    }

    .sandeight #sandeightitem {
        padding-top: 30px
    }

    .sandnine {
        padding-top: 66px
    }

    .sandnine ul {
        margin-top: 45px
    }

    .sandnine ul li:after {
        top: 30px;
        border-radius: 8px 8px 8px 44px
    }

    .sandnine ul li .sandninepic {
        border-radius: 8px 8px 26px
    }

    .sandnine ul li .sandninetit {
        font-size: 19px;
        padding: 25px 0 21px
    }

    .sandten {
        padding-top: 85px;
        padding-bottom: 54px
    }

    .sandten .sandtentop {
        padding-top: 54px;
        padding-bottom: 37px
    }

    .sandten .sandtentop .sandtentopfl span {
        font-size: 14px;
        padding: 2px 17px 2px 22px;
        margin-right: 25px
    }

    .sandten .sandtentop .sandtentopfr a {
        background-size: 4px;
        font-size: 16px;
        padding-right: 14px
    }

    .sandten .sandtenbom ul li {
        margin-bottom: 35px;
        border-radius: 8px;
        padding-top: 29px;
        padding-bottom: 25px
    }

    .sandten .sandtenbom ul li .sandtenbomfl a {
        margin-bottom: 25px;
        font-size: 14px
    }

    .sandten .sandtenbom ul li .sandtenbomfl p {
        font-size: 14px;
        line-height: 28px;
        height: 56px
    }

    .sandten .sandtenbom ul li .sandtenbomfr p {
        font-size: 20px;
        padding-bottom: 12px
    }

    .sandten .sandtenbom ul li .sandtenbomfr p span {
        font-size: 32px;
        padding-bottom: 7px
    }

    .sandten .sandtenbom ul li .sandtenbomfr a {
        font-size: 14px
    }

    .profive .profivefl h4 {
        font-size: 30px;
        padding-left: 28px;
        margin-top: 40px
    }

    .profive .profivefl h4:before {
        width: 7px
    }

    .profive .profivefl ul li {
        padding: 25px 60px 25px 70px
    }

    .profive .profivefl ul li i {
        width: 50px;
        top: 36px
    }

    .profive .profivefl ul li strong {
        font-size: 20px;
        line-height: 24px;
        padding-bottom: 5px
    }

    .profive .profivefl ul li p {
        padding-right: 40px
    }

    .profive .profivefr {
        padding: 40px 0
    }

    .profive .profivefr .profivefrtop {
        padding-bottom: 30px
    }

    .profive .profivefr .profivefrtop h3 {
        font-size: 35px;
        padding-bottom: 20px
    }

    .profive .profivefr .profivefrtop p {
        font-size: 18px
    }

    .profive .profivefr dl dd {
        margin-bottom: 24px;
        border-radius: 10px
    }

    .profive .profivefr dl dd i {
        left: 13px;
        top: 12px;
        width: 35px
    }

    .profive .profivefr dl dd span {
        left: 62px;
        line-height: 38px;
        font-size: 18px;
        padding: 10px 0
    }

    .profive .profivefr dl dd span font {
        padding-left: 5px
    }

    .profive .profivefr dl dd .err {
        padding-right: 25px;
        right: 14px
    }

    .profive .profivefr dl dd input {
        font-size: 18px;
        padding: 10px 14px 10px 62px;
        line-height: 38px;
        height: 60px
    }

    .profive .profivefr dl dt {
        padding-top: 25px
    }

    .profive .profivefr dl dt input {
        width: 180px;
        height: 50px;
        border-radius: 25px;
        line-height: 50px;
        font-size: 20px
    }

    .pageboxtop {
        margin-left: -660px
    }

    .bomCalculate .bomCalculateTop {
        padding-top: 30px
    }

    .bomCalculate .bomCalculateTop .bomCalculateTopP02 {
        width: 17%
    }

    .bomCalculate .bomCalculateTop .bomCalculateTopP02 span {
        font-size: 18px;
        padding-bottom: 10px
    }

    .bomCalculate .bomCalculateTop .bomCalculateTopP03 {
        font-size: 30px;
        line-height: 42px;
        padding-left: 32px
    }

    .bomCalculate .bomCalculateTop .bomCalculateTopP04 {
        font-size: 18px;
        line-height: 50px
    }

    .bomCalculate .bomCalculateBom {
        border-radius: 25px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl {
        border-radius: 0 25px 25px 0
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlTop {
        padding-top: 22px;
        padding-bottom: 20px;
        padding-left: 35px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd,
    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt {
        padding-top: 30px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlTop strong {
        font-size: 25px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl {
        padding-bottom: 25px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd span {
        line-height: 50px;
        width: 25.28852%
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd input {
        border-radius: 10px;
        line-height: 30px;
        width: 74.47059%
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt span {
        line-height: 30px;
        width: 12.1%
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt textarea {
        height: 70px;
        border-radius: 10px;
        line-height: 30px;
        width: 87.47059%
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid .bomCalculateBomFlMidBtn {
        right: -50px;
        top: 80px;
        width: 100px;
        height: 100px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid .bomCalculateBomFlMidBtn input {
        font-size: 16px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlBom {
        padding-bottom: 40px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFr .bomCalculateBomFrTop {
        font-size: 18px;
        line-height: 50px;
        margin-top: 20px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFr ul {
        padding: 10px 18px 0 40px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFr ul li {
        margin-top: 25px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFr ul li>i {
        padding: 8px 10px 8px 15px;
        font-size: 16px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFr ul li span {
        font-size: 16px
    }

    .bomCalculate .bomCalFixed {
        top: 220px
    }

    .bomCalculate .bomCalFixed .bomCalFixedmid {
        top: 55px
    }

    .bomCalculate .bomCalFixed .bomCalFixedmid span {
        font-size: 22px;
        padding-bottom: 20px
    }

    .bomCalculate .bomCalFixed .bomCalFixedmid i {
        font-size: 16px
    }

    .bomCalculate .bomCalFixed .bomCalFixedFr {
        margin-top: 39px
    }

    .bomCalculate .bomCalFixed .bomCalFixedFr span {
        padding-bottom: 15px
    }

    .bomCalculate .bomCalFixed .CloseButton {
        width: 38px;
        height: 38px
    }

    .bomCalculate.on .bomCalculateBom {
        margin-bottom: 50px;
        height: 430px
    }
}

@media (min-width:1800px) {
    .container {
        width: 1500px
    }

    .header .logo {
        padding-top: 24px
    }

    .header ul {
        padding-top: 46px;
        padding-right: 100px
    }

    .header ul li {
        padding-bottom: 43px
    }

    .header ul li a {
        font-size: 18px;
        padding: 0 30px;
    }

    .header ul li.on:after,
    .header ul li:hover:after {
        width: 84px;
        margin-left: -42px
    }

    .header .headertel {
        font-size: 16px;
        background-size: 47px;
        padding-left: 60px;
        margin-top: 26px
    }

    .header .headertel span {
        font-size: 20px
    }

    .header .headertel span font {
        font-size: 26px
    }

    .proone_Breadnav {
        padding: 36px 0;
        font-size: 16px
    }

    .sandtit {
        padding-bottom: 38px
    }

    .sandtit:after {
        width: 70px
    }

    .sandtit h3 {
        font-size: 38px
    }

    .sandtit a {
        margin-top: 8px
    }

    .mobileone .mobileonefl {
        padding-bottom: 85px;
        padding-top: 40px
    }

    .mobileone .mobileonefl h1 {
        font-size: 58px;
        line-height: 65px;
        padding-bottom: 55px;
        margin-bottom: 35px
    }

    .mobileone .mobileonefl h1:after {
        height: 8px;
        width: 70px
    }

    .mobileone .mobileonefl .mobileoneflp01 {
        font-size: 17px;
        line-height: 34px;
        height: 193px
    }

    .mobileone .mobileonefl .mobileoneflbtn {
        box-shadow: 0 5px 0 #dc8e3d;
        line-height: 76px;
        padding: 0 67px;
        font-size: 28px;
        border-radius: 38px
    }

    .mobileone .mobileonefl .mobileoneflbtn:hover {
        box-shadow: 0 5px 0 #7C0501
    }

    .mobileone .mobileonefl .mobileoneflbtn:after {
        right: -350px;
        height: 145px;
        width: 150px
    }

    .mobiletwo {
        padding-top: 95px
    }

    .mobiletwo h3 {
        font-size: 58px;
        padding-bottom: 42px
    }

    .mobiletwo .mobiletwotab span {
        font-size: 20px;
        padding-right: 120px;
        padding-left: 30px
    }

    .mobiletwo .mobiletwoitemtop {
        margin-top: -15px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl {
        width: 1212px;
        background-size: 1132px;
        padding-top: 64px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a {
        width: 201px;
        height: 57px;
        border-radius: 30px;
        font-size: 22px;
        line-height: 51px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox a:after {
        left: -6px;
        right: -6px;
        top: -6px;
        bottom: -6px;
        border-radius: 35px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox span {
        width: 234px;
        font-size: 16px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox span strong {
        font-size: 24px;
        padding-top: 8px;
        margin-top: 8px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox:after {
        width: 22px;
        height: 22px;
        background-size: 22px;
        right: -22px;
        top: 13px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr {
        width: 192px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr li {
        border-radius: 26px;
        border: 4px solid #92b2bc;
        margin-bottom: 72px;
        padding: 25px 20px;
        box-shadow: 12px -12px 16px #0e2a30 inset;
        font-size: 18px
    }

    .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfr li strong {
        font-size: 28px;
        padding-top: 12px;
        line-height: 35px
    }

    .mobiletwo .mobiletwoitembom {
        box-shadow: 0 10px 51px rgba(27, 61, 72, .46);
        border-radius: 30px
    }

    .mobiletwo .mobiletwoitembom:before {
        top: -229px;
        left: -207px;
        background-size: 615px;
        width: 615px;
        height: 430px
    }

    .mobiletwo .mobiletwoitembom dt {
        width: 212px
    }

    .mobiletwo .mobiletwoitembom dt span {
        padding-top: 45px;
        font-size: 38px
    }

    .mobiletwo .mobiletwoitembom dd {
        width: 322px;
        padding: 52px 44px
    }

    .mobiletwo .mobiletwoitembom dd p {
        font-size: 16px;
        line-height: 30px
    }

    .mobilethree {
        padding-top: 99px;
        padding-bottom: 125px
    }

    .mobilethree:after {
        top: -145px;
        background-size: 100% 150px;
        height: 150px
    }

    .mobilethree h3 {
        font-size: 45px;
        background-size: 603px;
        padding-top: 40px;
        line-height: 50px
    }

    .mobilethree .mobilethreetxt {
        font-size: 16px;
        line-height: 34px;
        padding-top: 30px
    }

    .mobilethree ul {
        padding-top: 54px
    }

    .mobilethree ul li {
        width: 350px;
        margin-left: 33px;
        border-radius: 20px
    }

    .mobilethree ul li:first-child+li,
    .mobilethree ul li:first-child+li+li+li {
        margin-top: 89px
    }

    .mobilethree ul li .mobilethreetit {
        background-size: auto 104px;
        font-size: 22px;
        line-height: 30px;
        padding: 59px 20px 15px
    }

    .mobilefour {
        padding-top: 65px;
        padding-bottom: 20px
    }

    .mobilefour .mobilefourtop h3 {
        font-size: 45px;
        background-size: 603px;
        padding-top: 40px;
        line-height: 50px
    }

    .mobilefour .mobilefourtop p {
        font-size: 16px;
        line-height: 34px;
        padding-top: 30px
    }

    .mobilefour .mobilefourbom {
        margin-top: 160px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span {
        width: 135px;
        font-size: 20px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span:after {
        top: 25px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span:before {
        width: 57px;
        height: 57px;
        background-size: 57px;
        margin-left: -29px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon01 {
        left: 200px;
        top: -20px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon01:after {
        bottom: -205px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon01:before {
        bottom: -234px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon02 {
        left: 510px;
        top: -2px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon02:after {
        bottom: -117px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon02:before {
        bottom: -145px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon03 {
        left: 705px;
        top: 0
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon03:after {
        bottom: -117px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon03:before {
        bottom: -145px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon04 {
        left: 967px;
        top: -140px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon04:after {
        bottom: -117px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon04:before {
        bottom: -148px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon05 {
        left: 600px;
        top: -68px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon05:after {
        bottom: -203px
    }

    .mobilefour .mobilefourbom .mobilefourbombox span.mobilefouricon05:before {
        bottom: -230px
    }

    .sandfour {
        padding-top: 83px;
        padding-bottom: 103px
    }

    .sandfour .sandtit {
        margin-bottom: 30px
    }

    .sandfour .sandfourfl {
        padding: 60px 46px 120px;
        font-size: 17px;
        line-height: 40px;
        border-radius: 16px;
        margin-top: 65px
    }

    .sandfour .sandfourfl:before {
        left: 20px;
        right: 20px;
        bottom: 20px;
        top: 20px;
        border-radius: 16px
    }

    .sandfour .sandfourfr {
        border-radius: 16px
    }

    .sandfour .sandfourfr ul {
        padding-top: 51px;
        padding-bottom: 37px
    }

    .sandfour .sandfourfr ul li {
        width: 227px;
        border-radius: 114px
    }

    .sandfour .sandfourfr ul li p {
        margin: 9px
    }

    .sandfour .sandfourfr ul li span {
        font-size: 20px;
        padding: 2px 0
    }

    .sandfour .sandfourfr .sandfourfrbom {
        font-size: 17px;
        padding-bottom: 30px;
        padding-right: 60px
    }

    .sandfive {
        padding: 62px 0 106px
    }

    .sandfive .sandfivefl {
        padding-top: 38px
    }

    .sandfive .sandfivefl .sandfivefltxt {
        font-size: 16px;
        line-height: 34px;
        padding-bottom: 55px;
        padding-top: 30px
    }

    .sandfive .sandfivefl ul li p {
        margin-bottom: 30px
    }

    .sandfive .sandfivefl ul li span {
        font-size: 20px;
        line-height: 34px
    }

    .sandfive .sandfivefr {
        padding-top: 38px;
        padding-right: 47px;
        background-size: 395px
    }

    .sandfive .sandfivefr img {
        border-radius: 15px;
        box-shadow: 0 9px 24px rgba(38, 48, 64, .33)
    }

    .sandsix {
        padding-top: 71px;
        padding-bottom: 93px
    }

    .sandsix .sandsixbom {
        margin-top: 86px
    }

    .sandsix .sandsixbom a {
        box-shadow: 0 4px 0 #121e22;
        padding: 19px 35px;
        border-radius: 37px;
        font-size: 18px
    }

    .sandsix .sandsixbom a:hover {
        box-shadow: 0 4px 0 #7C0501
    }

    .sandsever {
        padding-top: 12px;
        padding-bottom: 72px
    }

    .sandsever ul {
        padding-top: 50px;
        margin-bottom: 65px
    }

    .sandsever ul li .sandseverbtn {
        width: 42px;
        height: 42px
    }

    .sandsever ul li .sandseverbtn:before {
        line-height: 42px;
        font-size: 25px
    }

    .sandsever ul li .sandseverbox {
        padding: 9px;
        border-radius: 14px
    }

    .sandsever ul li .sandseverbox:after {
        width: 54px;
        height: 54px;
        right: -15px;
        bottom: -15px
    }

    .sandsever ul li .sandseverbox .sandseverpic {
        border-radius: 14px;
        margin-bottom: 25px
    }

    .sandsever ul li .sandseverbox .sandsevertit {
        font-size: 20px;
        margin-bottom: 13px
    }

    .sandsever ul li .sandseverbox p {
        font-size: 16px;
        line-height: 24px;
        padding: 6px 5px
    }

    .sandsever .sandseverbom a {
        margin-right: 40px;
        margin-bottom: 30px;
        padding: 5px 20px;
        line-height: 24px
    }

    .sandeight .sandeightbox {
        padding-top: 60px
    }

    .sandeight .sandeightbox p {
        font-size: 16px;
        padding: 6px 20px 6px 25px;
        border: 3px solid #cad6d2;
        border-radius: 21px;
        margin-right: 30px
    }

    .sandeight .sandeightbox p:before {
        width: 11px;
        height: 11px;
        border: 3px solid #cad6d2;
        left: -8px;
        top: 10px
    }

    .sandeight .sandeightbox p:after {
        left: -24px;
        top: 8px
    }

    .sandeight .sandeightbox p.on:before,
    .sandeight .sandeightbox p:hover:before {
        border: 3px solid #cad6d2
    }

    .sandeight #sandeightitem {
        padding-top: 40px
    }

    .sandnine {
        padding-top: 80px
    }

    .sandnine ul {
        margin-top: 52px
    }

    .sandnine ul li:after {
        top: 36px;
        border-radius: 10px 10px 10px 50px
    }

    .sandnine ul li .sandninepic {
        border-radius: 10px 10px 30px
    }

    .sandnine ul li .sandninetit {
        font-size: 22px;
        padding: 31px 0 25px
    }

    .sandten {
        padding-top: 97px;
        padding-bottom: 62px
    }

    .sandten .sandtentop {
        padding-top: 60px;
        padding-bottom: 40px
    }

    .sandten .sandtentop .sandtentopfl span {
        font-size: 16px;
        padding: 6px 20px 6px 25px;
        border: 3px solid #cad6d2;
        border-radius: 21px;
        margin-right: 30px
    }

    .sandten .sandtentop .sandtentopfl span:before {
        width: 11px;
        height: 11px;
        border: 3px solid #cad6d2;
        left: -8px;
        top: 10px
    }

    .sandten .sandtentop .sandtentopfl span:after {
        left: -24px;
        top: 8px
    }

    .sandten .sandtentop .sandtentopfr {
        margin-top: 10px
    }

    .sandten .sandtenbom ul li {
        margin-bottom: 40px;
        border-radius: 10px;
        padding-top: 34px;
        padding-bottom: 27px
    }

    .sandten .sandtenbom ul li .sandtenbomfl a {
        margin-bottom: 30px;
        font-size: 17px
    }

    .sandten .sandtenbom ul li .sandtenbomfl p {
        font-size: 16px;
        line-height: 32px;
        height: 64px
    }

    .sandten .sandtenbom ul li .sandtenbomfr p {
        font-size: 22px;
        padding-bottom: 15px
    }

    .sandten .sandtenbom ul li .sandtenbomfr p span {
        font-size: 36px;
        padding-bottom: 7px
    }

    .sandten .sandtenbom ul li .sandtenbomfr a {
        font-size: 16px
    }

    .profive {
        max-width: 1920px;
        margin: 0 auto
    }

    .profive .profivefl h4 {
        font-size: 30px;
        padding-left: 28px;
        margin-top: 42px
    }

    .profive .profivefl h4:before {
        width: 7px
    }

    .profive .profivefl ul {
        margin: 27px auto
    }

    .profive .profivefl ul li {
        padding: 32px 120px 31px 80px
    }

    .profive .profivefl ul li i {
        top: 38px;
        margin-right: 15px;
        width: 62px
    }

    .profive .profivefl ul li strong {
        font-size: 22px;
        padding-bottom: 5px
    }

    .profive .profivefl ul li p {
        padding-right: 0
    }

    .profive .profivefr {
        padding: 42px 0 50px
    }

    .profive .profivefr .profivefrtop {
        padding-bottom: 35px
    }

    .profive .profivefr .profivefrtop h3 {
        font-size: 42px;
        padding-bottom: 20px
    }

    .profive .profivefr dl dd {
        margin-bottom: 24px;
        border-radius: 15px
    }

    .profive .profivefr dl dd i {
        left: 18px;
        top: 17px;
        width: 44px
    }

    .profive .profivefr dl dd span {
        left: 76px;
        line-height: 38px;
        font-size: 18px;
        padding: 20px 0
    }

    .profive .profivefr dl dd span font {
        padding-left: 5px
    }

    .profive .profivefr dl dd .err {
        padding-right: 25px;
        right: 14px
    }

    .profive .profivefr dl dd input {
        padding: 20px 14px 20px 76px;
        line-height: 38px;
        height: 80px
    }

    .profive .profivefr dl dt {
        padding-top: 30px
    }

    .profive .profivefr dl dt input {
        width: 220px;
        height: 60px;
        border-radius: 30px;
        line-height: 60px;
        font-size: 22px
    }

    .pageboxtop {
        margin-left: -750px
    }

    .zixun1 {
        padding-top: 0 !important;
        padding-bottom: 0 !important
    }

    .bomCalculate .bomCalculateTop {
        padding-top: 35px
    }

    .bomCalculate .bomCalculateTop .bomCalculateTopP02 {
        width: 15%
    }

    .bomCalculate .bomCalculateTop .bomCalculateTopP02 span {
        font-size: 20px
    }

    .bomCalculate .bomCalculateTop .bomCalculateTopP03 {
        font-size: 34px;
        line-height: 44px;
        padding-left: 42px
    }

    .bomCalculate .bomCalculateTop .bomCalculateTopP04 {
        bottom: 20px;
        padding: 0 20px;
        font-size: 24px;
        line-height: 60px
    }

    .bomCalculate .bomCalculateBom {
        border-radius: 30px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl {
        border-radius: 0 30px 30px 0
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlTop {
        padding-top: 27px;
        padding-bottom: 22px;
        padding-left: 40px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd,
    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt {
        padding-top: 35px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlTop strong {
        font-size: 28px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl {
        padding-bottom: 30px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd span {
        line-height: 56px;
        width: 23.28852%
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dd input {
        line-height: 36px;
        width: 76.47059%
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt span {
        line-height: 46px;
        width: 10.28852%
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid dl dt textarea {
        height: 70px;
        width: 88.47059%
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid .bomCalculateBomFlMidBtn {
        right: -60px;
        width: 120px;
        height: 120px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlMid .bomCalculateBomFlMidBtn input {
        font-size: 18px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFl .bomCalculateBomFlBom {
        padding-bottom: 50px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFr .bomCalculateBomFrTop {
        font-size: 20px;
        line-height: 60px;
        margin-top: 25px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFr ul {
        padding: 15px 22px 0 50px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFr ul li {
        margin-top: 30px
    }

    .bomCalculate .bomCalculateBom .bomCalculateBomFr ul li>i {
        padding: 8px 10px 8px 20px
    }

    .bomCalculate .bomCalFixed {
        top: 242px
    }

    .bomCalculate .bomCalFixed .bomCalFixedmid {
        top: 63px
    }

    .bomCalculate .bomCalFixed .bomCalFixedmid span {
        font-size: 24px;
        padding-bottom: 25px
    }

    .bomCalculate .bomCalFixed .bomCalFixedFr {
        margin-top: 42px
    }

    .bomCalculate.on .bomCalculateBom {
        margin-bottom: 55px;
        height: 481px
    }

    .TracPoint ul li {
        margin-right: 18px
    }

    .TracPoint ul li a {
        font-size: 18px;
        padding: 0 30px
    }
}

.ie8-hack .header .headertel,
.ie8-hack .insidecaseone .insidecaseoneitem .insidecaseonefl .insidecaseonebom p,
.ie8-hack .newlistfour .newlistfouritem .newlistfouritemtop .newlistfouritemtoptit,
.ie8-hack .profive .profivefl .profivetit h3,
.ie8-hack .proone .proonebox .proonefr .proonebom .proonebom02,
.ie8-hack .proone .proonebox .proonefr .proonep01,
.ie8-hack .relatnews .relatnewstit h3,
.ie8-hack .sandtwo .sandtwoitem .sandtwoitemfr ul li {
    padding-left: 0;
    background: 0 0
}

.ie8-hack .header ul li.on,
.ie8-hack .header ul li:hover,
.ie8-hack .newonebomfrbom,
.ie8-hack .newonebomfrtop,
.ie8-hack .sandthree h3 {
    background: 0 0
}

.ie8-hack .aboutfour .aboutfourbom a,
.ie8-hack .aboutthree .aboutthreebtn,
.ie8-hack .hometwo .hometwosolid01 .hometwofr .homebtn {
    background: #edcd91
}

.ie8-hack .aboutfour .aboutfourbom a:hover,
.ie8-hack .aboutthree .aboutthreebtn:hover,
.ie8-hack .hometwo .hometwosolid01 .hometwofr .homebtn:hover {
    background: #76d1d1
}

.ie8-hack .newonebomfrtop,
.ie8-hack .newonebomfrtop .newonebomfritem01 span {
    margin-top: 0
}

.ie8-hack .casefour ul li .casefourbox:after,
.ie8-hack .casefour ul li .casefourbtn,
.ie8-hack .casethree .casethreefr .casethreefrtit:after,
.ie8-hack .casethree .casethreefr .casethreefrtit:before,
.ie8-hack .casethreebox:after,
.ie8-hack .casethreebox:before,
.ie8-hack .casetwo ul li:after,
.ie8-hack .insidecaseone .insidecaseoneitem .insidecaseonefr .insidecaseonefrtop,
.ie8-hack .mobilefour:before,
.ie8-hack .mobiletwo .mobiletwoitembom:before,
.ie8-hack .mobiletwo .mobiletwoitemtop .mobiletwoitemtopfl .mobiletwoitemtopbox:after,
.ie8-hack .proone .proonebox:before,
.ie8-hack .prothree .prothreefr .prothreefrtit:after,
.ie8-hack .prothree .prothreefr .prothreefrtit:before,
.ie8-hack .sandone .sandonefl:after,
.ie8-hack .sandsever ul li .sandseverbox:after,
.ie8-hack .sandsever ul li .sandseverbtn,
.ie8-hack .sandtwo .sandtwoitem .sandtwoitemfr a:after {
    display: none
}

.ie8-hack .mobiletwo .mobiletwoitembom dt span {
    color: #13313a
}

.ie8-hack .casethree .casethreefr,
.ie8-hack .casethreebox .casethreeboxcon strong,
.ie8-hack .mobilefour .mobilefourtop h3,
.ie8-hack .mobilethree h3,
.ie8-hack .prothree .prothreefr,
.ie8-hack .sandfive .sandfivefr {
    background: 0 0
}

.ie8-hack .newonebomfrtop .newonebomfritem01 {
    padding-bottom: 30px;
    height: auto
}

.ie8-hack .insidecaseone .insidecaseoneitem {
    background: #fff
}

.ie8-hack .insidecaseone .insidecaseoneitem .insidecaseonefl .insidecaseonebom p strong,
.ie8-hack .insidecaseone .insidecaseoneitem .insidecaseonefr .insidecaseoneicon span i {
    color: #6c8f9b
}

.ie8-hack .insidecaseone .insidecaseoneitem .insidecaseonefr {
    padding-right: 30px
}

.ie8-hack .proone .proonebox .proonefr ul li {
    background: #2a4745;
    border: 2px solid #d6b19a
}

.ie8-hack .sandthree ul li .sandthreeitem {
    background: #519a9b
}

.newonebox p.narrow_video {
    width: 400px;
    margin: 0 auto
}

.newonebox p.narrow_video video {
    width: 100%;
    height: 705px
}

.profive .profivefr dl dd input:-webkit-autofill {
    -webkit-text-fill-color: #333;
    -webkit-box-shadow: 0 0 0 1000px #F6F6F7 inset !important;
    box-shadow: 0 0 0 1000px #F6F6F7 inset !important
}