.h96 {height: 96px;background: #131313;;}
.nei-ban {position: relative;overflow: hidden;}
.nei-ban .txt {width: 100%;height: 100%;position: absolute;left: 0;top: 0;/* display: flex;align-items: center;justify-content: center; */}
.nei-ban-tit {text-align: center;color: #0058c4;background: url(../images/nei-ban-tit-bg.png) no-repeat center top;height: 200px;margin: 0 auto;padding-top: 30px;}
.nei-ban-tit span:first-child {font-size: 50px;padding: 0 30px;font-weight: bold;}
.nei-ban-tit span:last-child {font-size: 20px;line-height: 60px;}
.checkBox input[type='radio'] {width: 22px;height: 22px;background-color: #fff;-webkit-appearance: none;/*   border: 1px solid #00a0e9;*/outline: none;background: url("../images/check.png") no-repeat center ;background-size: cover;}
.checkBox input[type=radio]:checked {background:url(../images/checked.png) no-repeat center;background-size: cover;}
.bg_wirte {background: #fff;display: flex;position: relative;}
.bg_wirte .left {padding: 40px 50px;width: 60%;}
.bg_wirte .left h2 {font-size: 24px;}
.bg_wirte .left h2 span {font-size: 16px;color: #0058c4;margin-left: 10px;}
.bg_wirte .left dl {display: flex;line-height: 40px;margin-top: 20px;}
.bg_wirte .left dl dt {width: 120px;font-size: 16px;}
.bg_wirte .left dl dt span {color: #0058c4;display: inline-block;}
.bg_wirte .left dl dd {width: calc(100% - 120px);display: flex;flex-wrap: wrap;}
.bg_wirte .left dl dd label {width: 25%;display: inline-flex;align-items: center;}
.bg_wirte .left dl dd label.input {border: 1px solid #e0e0e0;width: 300px;padding-left: 15px;}
.bg_wirte .left dl dd label.input input {height: 40px;width: 250px;}
.bg_wirte .button {transition: all .36s;position: absolute;top: 50%;margin-top: -70px;left: 60%;margin-left: -70px;width: 140px;height: 140px;background: url(../images/button-bg.png) no-repeat center center;background-size: cover;color: transparent;border-radius: 50%;font-size: 20px;text-align: center;}
.bg_wirte .button:hover {transform: scale(1.05);}
.bg_wirte .right {width: calc(40% - 1px);border-left: 1px solid #e0e0e0;display: flex;align-items: center;justify-content: center;color: #888888;font-size: 14px;}
.bg_wirte .right figure {width: 340px;}
.bg_wirte .right h1 {font-size: 20px;font-weight: normal;color: #555555;}
.bg_wirte .right h1 span {color: #0058c4;font-size: 40px;padding: 0 25px;}
.bg_wirte .right ul {border: 1px solid #e0e0e0;text-align: center;line-height: 40px;padding: 20px 0;color: #555555;margin: 25px 0;}
.bg_wirte .right ul span {color: #0058c4;padding: 0 20px;}

.price-ul{ padding-bottom: 70px;}
.price-ul li{ display: flex;}
.price-ul li .left,.price-ul li .right{  width: 50%; }
.price-ul li .left{}
.price-ul li .right{ background: #303030; display: flex; align-items: center; color: #fff; padding: 0 62px; position: relative;}
.price-ul li .right div:first-child{ font-size: 30px; display: flex; align-items: flex-end;}
.price-ul li .right div:first-child img{ margin: 0 15px 0 0px;}
.price-ul li .right div:first-child span:last-child{ font-size: 20px;}
.price-ul li .right div:last-child{ font-size: 18px; opacity: 0.6; line-height:1.8 ; margin-top: 30px;}
.price-ul li:nth-child(2n){ flex-direction: row-reverse;}
.price-ul li:last-child .right a{ transition: all .3s; background: #0058c4; width: 220px; height: 70px; display: flex; align-items: center; justify-content: center; color: #fff; font-size: 18px;; border-radius: 10px; letter-spacing: 1px; position: absolute; top: 50%; margin-top: -35px; right: 62px;}
.price-ul li:last-child .right a img{ margin-right: 15px}
.price-ul li:last-child .right a:hover{ box-shadow: 0 0 20px rgb(255, 255, 255,0.2); }
.price-ul li:last-child .right  h1{ font-size: 40px;font-family: 'DIN'; font-weight: normal;}
.price-ul li:last-child .right  h1 span{ font-size: 15px; opacity: 0.6;}

@media screen and (max-width:1680px) {
	.nei-ban-tit {    height: 180px;}
    .bg_wirte .left {    padding: 30px 50px;}
}
@media screen and (max-width:1580px) {
	.nei-ban {    height: 700px;    background: url(../images/price-ban.jpg);    background-size: cover;}
    .nei-ban-img {    display: none;}
}
@media screen and (max-width:1300px) {
    .price-ul li .right{ padding: 0 45px;}
    .price-ul li:last-child .right a{ right: 45px; width: 180px; height: 60px;}
}
@media screen and (max-width:1200px) {
	.bg_wirte .right figure {    width: 250px;}
    .bg_wirte .right h1 {    font-size: 18px;}
    .bg_wirte .right h1 span {    padding: 0 10px;}
    .bg_wirte .left {    width: 65%;}
    .bg_wirte .right {    width: calc(35% - 1px);}
    .bg_wirte .button {    left: 65%;    width: 120px;    height: 120px;}
    .price-ul li .right div:last-child{ font-size: 16px;}

    .price-ul li:last-child .right h1{ font-size: 30px;}
}
@media screen and (max-width:1000px) {
	.h96 {    height: 60px;}
    .nei-ban {    height: auto;    padding-bottom: 20px;}
    .nei-ban-tit {    background-size: cover;    height: auto;    margin-bottom: 10px;}
    .nei-ban-tit span:last-child {    font-size: 16px;}
    .nei-ban-tit span:first-child {    font-size: 22px;}
    .nei-ban .txt {    position: relative;}
    .bg_wirte {    flex-direction: column;}
    .bg_wirte .left {    width: 100%;    padding: 15px;}
    .bg_wirte .left h2 {    font-size: 18px;}
    .bg_wirte .left h2 span {    display: block;    font-size: 14px;    margin-left: 0;    margin-top: 10px;}
    .bg_wirte .left dl {    flex-direction: column;    margin-top: 10px;    line-height: 30px;}
    .bg_wirte .left dl dt,.bg_wirte .left dl dd {    width: 100%;}
    .bg_wirte .left dl dd label {    width: 50%;}
    .bg_wirte .left dl:last-child dt {    display: none;}
    .bg_wirte .right {    display: none;}
    .bg_wirte .left dl dd label.input input {    height: 30px;}
    .bg_wirte .button {    position: relative;    font-size: 16px;    width: calc(100% - 30px);    height: 40px;    background: #0058c4;    border-radius: 5px;    color: #fff;    top: auto;    left: auto;    margin: 0 15px 15px;}
    .bg_wirte .button:hover {    transform: scale(1);}
    .price-ul li,.price-ul li:nth-child(2n){ flex-direction: column;}
    .price-ul li .left, .price-ul li .right{ width: 100%;}
    .price-ul li .right{ padding:22px 15px;}
    .price-ul li .right div:first-child{ font-size: 24px;}
    .price-ul li .right div:first-child span:last-child{ font-size: 16px;}
    .price-ul li .right div:last-child{ font-size: 14px; margin-top: 12px;}
    .price-ul li:last-child .right a{ position: relative ; top: auto; margin:15px 0 0 0px; right: auto; width: 150px; height: 45px; font-size: 14px;}
}