﻿
#sand_cont{display: none;}



@media screen and (max-width: 849px) {

.prom_cont{display: block;}
.prob_cont{display: none;}
.pro_left{width: 80%;float: left;margin-left: 10%;}
.pro_right{width: 100%;float: left;margin: 30px 0;}

.titlea{width: 100%;text-align: center;font-size: 21px;margin-top: 38px;}

.pross{width: 97%;float: right;padding: 8px 0;font-size: 16px;color: #FFC20E;background: #042d7f;padding-left: 3%;margin-top: 28px;font-weight: 600;}
.pro_cont p{width:97%;padding-left: 3%;margin-top: 12px;float: left;color: #57595b;font-size: 14px;line-height:28px;}
.t266{width: 58%;line-height: 36px;float: left;font-size: 15px;font-weight: 600;text-decoration: underline;margin-top: 28px;text-align: center;background: #FFC20E;}

.Introduction{width: 100%;float: left;margin-top: 28px;}
.inputing{width: 100%;float: left;}
.inputing li{width: 100%;float: left;background: #fff;}
.inputing li div{width: 24.5%;background: #042d7f;font-size: 15px;text-align: center;color: #fff;float: left;padding: 18px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputer{width: 100%;float: left;margin-top: 2px;}
.inputer li{width: 100%;float: left;background: #fff;}
.inputer li div{width: 24.5%;background: #d1d2d9;font-size: 12px;text-align: center;color: #000;float: left;padding: 18px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputss{width: 100%;float: left;margin-top: 2px;}
.inputss li{width: 100%;float: left;background: #fff;}
.inputss li div{width: 24.5%;background: #c4ccd9;font-size: 12px;text-align: center;color: #000;float: left;padding: 18px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputing li div:hover{background: #FFC20E;transition: all.3s;color:#000;}
.inputer li div:hover{background: #FFC20E;transition: all.3s;}
.inputss li div:hover{background: #FFC20E;transition: all.3s;}

#param{width:100%;float:left;line-height: 38px;font-size:16px;font-weight: 800;margin-top:28px;}
.pro_left {margin-top: 58px;}

}

@media (min-width:850px) and (max-width:986px) {


.prom_cont{display: none;}
.prob_cont{display: block;}
.pro_left{width: 80%;float: left;margin:28px 10%;}
.pro_left img{width: 100%;}
.pro_right{width: 100%;float: left;margin: 30px 0;}

.titlea{width: 100%;text-align: center;font-size: 28px;margin-top: 38px;}

.pross{width: 97%;float: right;padding: 18px 0;font-size: 22px;color: #FFC20E;background: #042d7f;padding-left: 3%;margin-top: 28px;font-weight: 600;}
.pro_cont p{width:97%;padding-left: 3%;margin-top: 12px;float: left;color: #57595b;}
.t266{width: 35%;line-height: 36px;float: left;font-size: 16px;font-weight: 600;text-decoration: underline;margin-top: 28px;text-align: center;background: #FFC20E;}

.Introduction{width: 100%;float: left;margin-top: 28px;}
.inputing{width: 100%;float: left;}
.inputing li{width: 100%;float: left;background: #fff;}
.inputing li div{width: 14.285%;background: #042d7f;font-size: 15px;text-align: center;color: #fff;float: left;padding: 18px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputer{width: 100%;float: left;margin-top: 2px;}
.inputer li{width: 100%;float: left;background: #fff;}
.inputer li div{width: 14.285%;background: #d1d2d9;font-size: 12px;text-align: center;color: #000;float: left;padding: 18px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputss{width: 100%;float: left;margin-top: 2px;}
.inputss li{width: 100%;float: left;background: #fff;}
.inputss li div{width: 14.285%;background: #c4ccd9;font-size: 12px;text-align: center;color: #000;float: left;padding: 18px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputing li div:hover{background: #FFC20E;transition: all.3s;color:#000;}
.inputer li div:hover{background: #FFC20E;transition: all.3s;}
.inputss li div:hover{background: #FFC20E;transition: all.3s;}

#param{width:100%;float:left;line-height: 38px;font-size:16px;font-weight: 800;margin-top:28px;}
.pro_left {margin-top: 58px;}

}

@media (min-width:987px) and (max-width:1274px) {


.prom_cont{display: none;}
.prob_cont{display: block;}
.pro_left{width: 80%;float: left;margin-left: 10%;}
.pro_right{width: 100%;float: left;margin: 30px 0;}

.titlea{width: 100%;text-align: center;font-size: 28px;margin-top: 38px;}

.pross{width: 97%;float: right;padding: 18px 0;font-size: 22px;color: #FFC20E;background: #042d7f;padding-left: 3%;margin-top: 28px;font-weight: 600;}
.pro_cont p{width:97%;padding-left: 3%;margin-top: 12px;float: left;color: #57595b;}
.t266{width: 35%;line-height: 36px;float: left;font-size: 16px;font-weight: 600;text-decoration: underline;margin-top: 28px;text-align: center;background: #FFC20E;}

.Introduction{width: 100%;float: left;margin-top: 28px;}
.inputing{width: 100%;float: left;}
.inputing li{width: 100%;float: left;background: #fff;}
.inputing li div{width: 14.285%;background: #042d7f;font-size: 15px;text-align: center;color: #fff;float: left;padding: 18px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputer{width: 100%;float: left;margin-top: 2px;}
.inputer li{width: 100%;float: left;background: #fff;}
.inputer li div{width: 14.285%;background: #d1d2d9;font-size: 15px;text-align: center;color: #000;float: left;padding: 18px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputss{width: 100%;float: left;margin-top: 2px;}
.inputss li{width: 100%;float: left;background: #fff;}
.inputss li div{width: 14.285%;background: #c4ccd9;font-size: 15px;text-align: center;color: #000;float: left;padding: 18px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputing li div:hover{background: #FFC20E;transition: all.3s;color:#000;}
.inputer li div:hover{background: #FFC20E;transition: all.3s;}
.inputss li div:hover{background: #FFC20E;transition: all.3s;}

#param{width:100%;float:left;line-height: 38px;font-size:18px;font-weight: 800;margin-top:28px;}
.pro_left {margin-top: 58px;}

}

@media (min-width:1275px) and (max-width:1375px) {

.prom_cont{display: none;}
.prob_cont{display: block;}
.titlea{width: 100%;text-align: center;font-size: 28px;margin-top: 38px;}

.pross{width: 97%;float: right;padding: 8px 0;font-size: 20px;color: #FFC20E;background: #042d7f;padding-left: 3%;margin-top: 28px;font-weight: 600;}
.pro_cont p{width:97%;padding-left: 3%;margin-top: 12px;float: left;color: #57595b;}
.t266{width: 50%;line-height: 36px;float: left;font-size: 16px;font-weight: 600;text-decoration: underline;margin-top: 28px;text-align: center;background: #FFC20E;}

.Introduction{width: 100%;float: left;margin-top: 28px;}
.inputing{width: 100%;float: left;}
.inputing li{width: 100%;float: left;background: #fff;}
.inputing li div{width: 14.285%;background: #042d7f;font-size: 15px;text-align: center;color: #fff;float: left;padding: 18px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputer{width: 100%;float: left;margin-top: 2px;}
.inputer li{width: 100%;float: left;background: #fff;}
.inputer li div{width: 14.285%;background: #d1d2d9;font-size: 12px;text-align: center;color: #000;float: left;padding: 18px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputss{width: 100%;float: left;margin-top: 2px;}
.inputss li{width: 100%;float: left;background: #fff;}
.inputss li div{width: 14.285%;background: #c4ccd9;font-size: 12px;text-align: center;color: #000;float: left;padding: 18px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputing li div:hover{background: #FFC20E;transition: all.3s;color:#000;}
.inputer li div:hover{background: #FFC20E;transition: all.3s;}
.inputss li div:hover{background: #FFC20E;transition: all.3s;}

#param{width:100%;float:left;line-height: 38px;font-size:22px;font-weight: 800;margin-top:28px;}
.pro_left {margin-top: 58px;}

}

@media (min-width:1376px) and (max-width:1423px) {

.prom_cont{display: none;}
.prob_cont{display: block;}
.titlea{width: 100%;text-align: center;font-size: 28px;margin-top: 38px;}

.pross{width: 97%;float: right;padding: 18px 0;font-size: 22px;color: #FFC20E;background: #042d7f;padding-left: 3%;margin-top: 28px;font-weight: 600;}
.pro_cont p{width:97%;padding-left: 3%;margin-top: 12px;float: left;color: #57595b;}
.t266{width: 50%;line-height: 36px;float: left;font-size: 16px;font-weight: 600;text-decoration: underline;margin-top: 28px;text-align: center;background: #FFC20E;}

.Introduction{width: 100%;float: left;margin-top: 28px;}
.inputing{width: 100%;float: left;}
.inputing li{width: 100%;float: left;background: #fff;}
.inputing li div{width: 14.285%;background: #042d7f;font-size: 16px;text-align: center;color: #fff;float: left;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding: 18px 0;}

.inputer{width: 100%;float: left;margin-top: 2px;}
.inputer li{width: 100%;float: left;background: #fff;}
.inputer li div{width: 14.285%;background: #d1d2d9;font-size: 13px;text-align: center;color: #000;float: left;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding: 18px 0;}

.inputss{width: 100%;float: left;margin-top: 2px;}
.inputss li{width: 100%;float: left;background: #fff;}
.inputss li div{width: 14.285%;background: #c4ccd9;font-size: 13px;text-align: center;color: #000;float: left;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;padding: 18px 0;}


.inputing li div:hover{background: #FFC20E;transition: all.3s;color:#000;}
.inputer li div:hover{background: #FFC20E;transition: all.3s;}
.inputss li div:hover{background: #FFC20E;transition: all.3s;}


#param{width:100%;float:left;line-height: 38px;font-size:22px;font-weight: 800;margin-top:28px;}
.pro_left {margin-top: 58px;}

}


@media (min-width:1424px) and (max-width:1620px) {


.prom_cont{display: none;}
.prob_cont{display: block;}
.titlea{width: 100%;text-align: center;font-size: 30px;margin-top: 58px;}

.pross{width: 97%;float: right;padding: 18px 0;font-size: 22px;color: #FFC20E;background: #042d7f;padding-left: 3%;margin-top: 28px;font-weight: 600;}
.pro_cont p{width:97%;padding-left: 3%;margin-top: 12px;float: left;color: #57595b;}
.t266{width: 50%;line-height: 36px;float: left;font-size: 16px;font-weight: 600;text-decoration: underline;margin-top: 28px;text-align: center;background: #FFC20E;}

.Introduction{width: 100%;float: left;margin-top: 28px;}
.inputing{width: 100%;float: left;}
.inputing li{width: 100%;float: left;background: #fff;}
.inputing li div{width: 14.285%;background: #042d7f;font-size: 16px;text-align: center;color: #fff;float: left;padding: 8px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputer{width: 100%;float: left;margin-top: 2px;}
.inputer li{width: 100%;float: left;background: #fff;}
.inputer li div{width: 14.285%;background: #d1d2d9;font-size: 13px;text-align: center;color: #000;float: left;padding: 18px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputss{width: 100%;float: left;margin-top: 2px;}
.inputss li{width: 100%;float: left;background: #fff;}
.inputss li div{width: 14.285%;background: #c4ccd9;font-size: 13px;text-align: center;color: #000;float: left;padding: 18px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputing li div:hover{background: #FFC20E;transition: all.3s;color:#000;}
.inputer li div:hover{background: #FFC20E;transition: all.3s;}
.inputss li div:hover{background: #FFC20E;transition: all.3s;}

#param{width:100%;float:left;line-height: 38px;font-size:22px;font-weight: 800;margin-top:28px;}
.pro_left {margin-top: 58px;}

}
@media screen and (min-width:1621px) {

.prom_cont{display: none;}
.prob_cont{display: block;}
.titlea{width: 100%;text-align: center;font-size: 32px;margin-top: 58px;}

.pross{width: 97%;float: right;padding: 18px 0;font-size: 22px;color: #FFC20E;background: #042d7f;padding-left: 3%;margin-top: 28px;font-weight: 600;}
.pro_cont p{width:97%;padding-left: 3%;margin-top: 12px;float: left;color: #57595b;}
.t266{width: 50%;line-height: 36px;float: left;font-size: 16px;font-weight: 600;text-decoration: underline;margin-top: 28px;text-align: center;background: #FFC20E;}

.Introduction{width: 100%;float: left;margin-top: 28px;}
.inputing{width: 100%;float: left;}
.inputing li{width: 100%;float: left;background: #fff;}
.inputing li div{width: 14.285%;background: #042d7f;font-size: 18px;text-align: center;color: #fff;float: left;padding: 18px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputer{width: 100%;float: left;margin-top: 2px;}
.inputer li{width: 100%;float: left;background: #fff;}
.inputer li div{width: 14.285%;background: #d1d2d9;font-size: 14px;text-align: center;color: #000;float: left;padding: 18px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputss{width: 100%;float: left;margin-top: 2px;}
.inputss li{width: 100%;float: left;background: #fff;}
.inputss li div{width: 14.285%;background: #c4ccd9;font-size: 14px;text-align: center;color: #000;float: left;padding: 18px 0;border-right: 2px solid #fff;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;}

.inputing li div:hover{background: #FFC20E;transition: all.3s;color:#000;}
.inputer li div:hover{background: #FFC20E;transition: all.3s;}
.inputss li div:hover{background: #FFC20E;transition: all.3s;}

#param{width:100%;float:left;line-height: 38px;font-size:22px;font-weight: 800;margin-top:28px;}
.pro_left {margin-top: 58px;}

}
