body{font-family: "微软雅黑";font-size: 12px;}
.zx_banner{max-width: 1200px;overflow: hidden;margin: 0 auto;/* background: url(../images/bj.jpg) no-repeat; */}
.ban_left{width: 45%;height: 440px;float: left;position: relative;}
.ban_left .b_left_rig{width: 92%;height: 440px;float: left;position:relative;}
.ban_left .b_left_rig>h3{width: 100%;height: 110px;font-family: "微软雅黑";font-size: 3.4rem;line-height: 130px;}
.ban_left .b_left_rig>p{color: #4a4a4a;width: 90%;/* height: 150px; *//* font-size: 1.3rem; */font-size: 1.45rem;font-family: "微软雅黑";padding-bottom: 5px;line-height: 31px;}
.ban_left .b_left_rig>div{width: 100%;height: 50px;margin-top: 5px;position: absolute;bottom: 50px;}
.ban_left .b_left_rig>div>a{text-align: center;line-height: 40px;text-decoration: none;font-size: 1.3rem;width: 160px;height: 40px;display: block;float: left;}
.ban_left .b_left_rig>div>a{ background-color: #09f;color: #fff; margin-left: 1.5rem;}
.ban_left .b_left_rig>div>a:hover{
    background: -webkit-linear-gradient(left,#86c2ff, #349aff); /* Safari 5.1 - 6.0 */
    box-shadow: 0 5px 10px 0 #A0BCDE;
    background: -o-linear-gradient(right,#86c2ff, #349aff); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(right,#86c2ff, #349aff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#86c2ff, #349aff); /* Ã¦Â â€¡Ã¥â€¡â€ Ã§Å¡â€žÃ¨Â¯Â­Ã¦Â³â€¢Ã¯Â¼Ë†Ã¥Â¿â€¦Ã©Â¡Â»Ã¦â€Â¾Ã¥Å“Â¨Ã¦Å“â‚¬Ã¥ÂÅ½Ã¯Â¼â€° */
}
#main_cp .main_cp_cent .cp_cent_top{margin-top:0px;}
.ban_right{width: 50%;height: 400px;float: right;}
.b_r_top{ width: 100%; height: 350px;}
.jt{ width: 100%; margin-top: 140px; cursor: pointer; display: none;}
.b_r_top:hover .jt{ display: block;}
.r_t_cen{width: 100%;height: 350px;float: left;}
.b_r_bot{ width: 100%; height: 40px;}
.b_r_bot>ul{ width: 130px; height: 40px; margin: 0 auto;}
.b_r_bot>ul>li{ width: 15px; height: 15px; cursor: pointer; border-radius: 25px; background-color: #999; float: left; margin:1rem 0 0 1rem;}
.b_r_bot>ul>li:hover{ background-color: #3399ff;}
@media screen and (max-width:800px) {
    .ban_right{ width: 100%; height: 400px; float: right;}
}
@media screen and (max-width:400px) {
    .ban_right{ width: 100%; height: 400px; float: right;}
    .r_t_cen{ width: 100%; height: 350px; float: left;}
}
.nav_bot{ width: 100%; overflow: hidden; border-bottom: 1px solid #dce2ec;}
.unav{ clear: both; width: 33%; margin: 0 auto; height: 50px;}
.unav>li{ float: left; width: 20%; height: 45px; margin-left: 1rem; line-height: 50px;}
.unav>li>a{ width: 100%; height: 50px; display: block; text-align: center; text-decoration: none; color: #000; font-weight: bold; font-size: 1.3rem;}
@media screen and (max-width:1200px) {
    .unav{ clear: both; width: 50%; margin: 0 auto; height: 45px;}
    .unav>li{ float: left; width: 20%; height: 40px; margin-left: 1rem; line-height: 45px;}
    .unav>li>a{ width: 100%; height: 45px; display: block; text-align: center; text-decoration: none; color: #000; font-weight: bold; font-size: 1.3rem;}
}
@media screen and (max-width:800px) {
    .ban_left{ display: none;}
    .unav{ clear: both; width: 70%; margin: 0 auto; height: 45px;}
}
@media screen and (max-width:577px) {
    .unav{ clear: both; width: 100%; margin: 0 auto; height: 45px;}
}
@media screen and (max-width:407px) {
    .unav{ clear: both; width: 100%; margin: 0 auto; height: 40px;}
    .unav>li{ float: left; width: 22%; height: 40px; overflow: hidden; margin-left: 2px; line-height: 40px;}
    .unav>li>a{ width: 100%; height: 40px; display: block; text-align: center; text-decoration: none; color: #000; font-size: 1rem;}
}
#main_cp .main_cp_cent .cp_cent_top .cent_top_zi2{width: 11%;letter-spacing: -1px;position: relative;overflow: hidden;font-family: "微软雅黑";/* border-bottom: 4px solid #3399ff; */text-align: center;font-size: 2rem;height: 8rem;line-height: 10rem;}
@media screen and (max-width:1135px) {
    #main_cp .main_cp_cent .cp_cent_top .cent_top_zi2{width: 13%;letter-spacing: -1px;overflow: hidden;/* border-bottom: 4px solid #3399ff; */text-align: center;font-size: 2rem;height: 8rem;line-height: 10rem;}
}
@media screen and (max-width:961px) {
    #main_cp .main_cp_cent .cp_cent_top .cent_top_zi2{width: 15%;letter-spacing: -1px;overflow: hidden;/* border-bottom: 4px solid #3399ff; */text-align: center;font-size: 2rem;height: 8rem;line-height: 10rem;}
}
@media screen and (max-width:835px) {
    #main_cp .main_cp_cent .cp_cent_top .cent_top_zi2{width: 17%;letter-spacing: -1px;overflow: hidden;/* border-bottom: 4px solid #3399ff; */text-align: center;font-size: 2rem;height: 8rem;line-height: 10rem;}
}
@media screen and (max-width:756px) {
    #main_cp .main_cp_cent .cp_cent_top .cent_top_zi2{width: 17%;letter-spacing: -1px;overflow: hidden;/* border-bottom: 4px solid #3399ff; */text-align: center;font-size: 2rem;height: 7rem;line-height: 10rem;}
}
@media screen and (max-width:739px) {
    #main_cp .main_cp_cent .cp_cent_top .cent_top_zi2{width: 19%;letter-spacing: -1px;overflow: hidden;/* border-bottom: 4px solid #3399ff; */text-align: center;font-size: 2rem;height: 7rem;line-height: 10rem;}
}
@media screen and (max-width:663px) {
    #main_cp .main_cp_cent .cp_cent_top .cent_top_zi2{width: 21%;letter-spacing: -1px;overflow: hidden;/* border-bottom: 4px solid #3399ff; */text-align: center;font-size: 1.5rem;height: 7rem;line-height: 10rem;}
}
@media screen and (max-width:449px) {
    #main_cp .main_cp_cent .cp_cent_top .cent_top_zi2{width: 24%;letter-spacing: -1px;overflow: hidden;/* border-bottom: 4px solid #3399ff; */text-align: center;font-size: 1.5rem;height: 7rem;line-height: 10rem;}
}
@media screen and (max-width:400px) {
    #main_cp .main_cp_cent .cp_cent_top .cent_top_zi2{width: 24%;line-height: 10rem;padding-left: 16px;height: 8rem;font-size: 1.2rem;}
}
@media screen and (max-width:315px) {
    #main_cp .main_cp_cent .cp_cent_top .cent_top_zi2{ width: 30%; line-height: 6rem; height: 5rem; font-size: 1.2rem;}
}

.main_js{width: 100%;height: 198px;overflow-y: auto;font-size: 1.5rem;font-family: "微软雅黑";letter-spacing: 1px;color: #666;line-height: 30px;}
.main_yewu img{ width: 100%; margin-bottom: 3rem;}
.main_tedian{ width: 100%; height: 400px;}
.col-lg-4{ margin-bottom: 2rem;}
.main_tedian .td_anq{ width: 100%; margin-left: 10px; overflow: hidden; background-color: #fff; box-shadow: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
.main_tedian .td_anq>img{ margin: 4rem auto 0; width: 50px; height: 50px;}
.main_tedian .td_anq>div{ width: 100%; height: 60px; font-weight: bold; font-size: 1.4rem; text-align: center; line-height: 60px;}
.main_tedian .td_anq>p{ width: 90%; margin: 0 auto; height: 90px; color: #9b9b9b;}
.main_tedian .td_anq:hover{box-shadow: 0 0 30px 5px #3971cf;}
.main_tedian .td_anq2{ width: 100%; margin-left: 10px; height: 248px; overflow: hidden; background: url(../images/nr_18.jpg) no-repeat 0/100% 248px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
.main_tedian .td_anq2>a{ display: block; width: 40%; height: 35px; text-align: center; box-shadow: 0 0 20px 2px #9fb9e0; border-radius: 20px; line-height: 35px; text-decoration: none; margin: 8rem 0 0 30%; background-color: #0099ff; color: #fff;}
.main_tedian .td_anq2:hover{box-shadow: 0 0 30px 5px #3971cf;}
.lg_box{ height: 340px; overflow: hidden;}
.main_jiaz .jiaz_xl{ width: 100%; overflow: hidden; background: #fff; margin:25px 0 0 7px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
@media screen and (max-width:992px) {
    .main_jiaz .jiaz_xl{ width: 98%; background: #fff; margin:25px 0 0 7px; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
}
.main_jiaz .jiaz_xl .jz_tu{ width: 100%; border: 1px solid #eeeeee; height: 100px; overflow: hidden; background-color: #ecf6ff; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
.main_jiaz .jiaz_xl .jz_tu .t_xs{ width: 40px; height: 40px; margin: 2rem auto 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
.main_jiaz .jiaz_xl .jz_bt{ width: 100%; border: 1px solid #eeeeee; border-top: none; overflow: hidden; height: 170px; line-height: 150px; text-align: center; font-size: 2rem; color: #4a4a4a; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
.t_yc{ display: none; width: 80px; height: 80px; margin: 2rem auto 0; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
.main_jiaz .jiaz_xl .b_yc{ width: 100%; height: 0; border: 1px solid #eee; border-top: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
.main_jiaz .jiaz_xl .b_yc>div{ width: 100%; text-align: center; height: 60px; color: #243b51; font-weight: bold; font-size: 1.5rem; line-height: 70px;}
.main_jiaz .jiaz_xl .b_yc>p{ width: 80%; color: #666; height: 90px; margin: 0 auto;}
.main_jiaz .jiaz_xl:hover{ box-shadow: 0 0 10px 1px #a1bdde; margin-top: 7px;}
.main_jiaz .jiaz_xl:hover .jz_tu{ height: 130px; background-color: #0099ff; border: none;}
.main_jiaz .jiaz_xl:hover .t_xs{ display: none;}
.main_jiaz .jiaz_xl:hover .t_yc{ display: block;}
.main_jiaz .jiaz_xl:hover .b_yc{ height: 180px;}
.main_jiaz .jiaz_xl:hover .jz_bt{ height: 0;}

.apply_left{ padding-top:25px;}
.apply_left div:nth-of-type(even){width: 80%;margin-right: 10%;margin-left: 10%;height: 40px;}
.apply_left div input{width:100%;float: left;font-size:1rem;height: 40px;background-size: auto 50% !important;padding-left: 32px;border: 1px solid rgba(204, 204, 204, 0.478431);/* border: 1px solid #999; */background-position: 7px center !important;}
.sub{width: 80%;margin-left: 10%;margin-right: 10%;height: 40px;font-size: 1.36rem;/* font-size: 16px; */line-height: 30px;margin-top: 5px;background-color: #0099ff;color: #ffffff;border: none;}
.sub:active{background-color: #4da7ff }
.mt{font-size: 0.8rem;height: 25px;line-height: 25px;margin-left: 18%;}
.mt p{display: none;color: red;}
.apply_right{
    background-color:#0099ff;
    float: right;
    padding-top:55px;
    height: 500px;
    background: -webkit-linear-gradient(#7cbdff, #48a3fe); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(#7cbdff, #48a3fe); /* Opera 11.6 - 12.0 */
    background: -moz-linear-gradient(#7cbdff, #48a3fe); /* Firefox 3.6 - 15 */
    background: linear-gradient(#7cbdff, #48a3fe); /* Ã¦Â â€¡Ã¥â€¡â€ Ã§Å¡â€žÃ¨Â¯Â­Ã¦Â³â€¢Ã¯Â¼Ë†Ã¥Â¿â€¦Ã©Â¡Â»Ã¦â€Â¾Ã¥Å“Â¨Ã¦Å“â‚¬Ã¥ÂÅ½Ã¯Â¼â€° */
}
.apply_right div img{width: 140px;height: 140px;margin:0 auto;margin-bottom: 15px;}
.apply_right p{color: #ffffff;text-align:center;font-size: 1.46rem;line-height: 36px;}
.modal-content {
    /* display: none; */
    border: 0px; 
}

.di{color: #ffffff;padding-top: 20px}
.di div img{display:inline-block;vertical-align:middle}
.di div ul li:first-child{font-size: 1.6rem;margin-bottom: 10px;font-weight: 500;}
.di div ul li:first-child a{font-size: 1.6rem;color: #ffffff;text-decoration: none;}
.di div ul li{line-height: 30px;font-weight: 500;/* font-size: 1rem; */}
.di div ul li p{font-size: 1.7rem}
.di a{color: #ffffff;text-decoration: none;/* font-size: 1rem; */font-weight: 500;}
.di_right{text-align: center;}
.di_right ul li img{width: 160px;height: 160px;margin-top:5px }
.modal-body{border-radius: 0px !important}

/*Ã¤ÂºÂ§Ã¥â€œÂÃ¤Â¸Â­Ã¥Â¿Æ’Ã¦Å½Â¥Ã¥ÂÂ£Ã¦Å“ÂÃ¥Å Â¡*/
.main_jiekou{ width: 96%; height: 800px;margin-left: 2%;margin-right:2%;}
.main_jiekou .col-lg-3{padding: 0;cursor: pointer;margin:0;}
.jk_anq{width: 100%;border: 1px #fafafa solid; overflow: hidden; background-color: #fff; box-shadow: none; transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s;}
.jk_anq>img{margin: 4rem auto 0;width: : 48px;height: 48px;transform: scale(0.7);-webkit-transform: scale(0.7);}
.jk_anq>div{width: 100%; height: 60px; font-weight: bold; font-size: 1.4rem; text-align: center; line-height: 60px;}
.jk_anq>p{ width: 90%; margin: 0 auto; height: 90px; color: #9b9b9b;}
.jk_anq:hover{  position: relative;z-index: 3;box-shadow: 0 0 20px 10px #dee9ed;
  background: -webkit-linear-gradient(#ffffff, #c7fffe); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(#ffffff, #c7fffe); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(#ffffff, #c7fffe); /* Firefox 3.6 - 15 */
  background: linear-gradient(#ffffff, #c7fffe); /* Ã¦Â â€¡Ã¥â€¡â€ Ã§Å¡â€žÃ¨Â¯Â­Ã¦Â³â€¢ */
}
.api_nav{width: 100%;height: 40px;float: left;}
.api_nav li{float: left;width: 20%;height: 40px;line-height: 40px;text-align: center;}
.api_nav li:hover{background-color: #ecf6ff;}
.api_nav li:hover a{color:#0099ff;border-bottom: 4px solid #0099ff}
.api_nav a{font-size: 1.2rem;margin:0;margin-top: 10px;text-align: center;text-decoration:none;color: #111111;padding-bottom: 8px;}
.api_nav a.now li span{border-bottom: 3px solid #0099ff;padding-bottom: 8px;}
.api_nav a.now{color:#0099ff;border-bottom: 4px solid #0099ff}
.api_nav a:hover{color:#0099ff;}
.api_nav a:hover span{border-bottom: 3px solid #0099ff;padding-bottom: 8px;}
.api_a{text-align: center;line-height: 30px;text-decoration: none;font-size: 1.3rem;width: 80px;height: 30px;display: block;float: right;background-color: #09f;color: #fff;margin-left: 1.5rem;margin-top: 5px;}
.api_a:hover{
    background: -webkit-linear-gradient(left,#86c2ff, #349aff); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(right,#86c2ff, #349aff); /* Opera 11.1 - 12.0 */
    box-shadow: 0 5px 10px 0 #A0BCDE;
    background: -moz-linear-gradient(right,#86c2ff, #349aff); /* Firefox 3.6 - 15 */
    background: linear-gradient(to right,#86c2ff, #349aff); /* Ã¦Â â€¡Ã¥â€¡â€ Ã§Å¡â€žÃ¨Â¯Â­Ã¦Â³â€¢Ã¯Â¼Ë†Ã¥Â¿â€¦Ã©Â¡Â»Ã¦â€Â¾Ã¥Å“Â¨Ã¦Å“â‚¬Ã¥ÂÅ½Ã¯Â¼â€° */
    text-decoration: none;
    color: #ffffff;
    }

.api_bt{font-weight:bold;width: 100%;height: 25px;/* border-left: 5px solid #333333; */font-size: 1.5rem;height: 25px;/* padding-left: 39px; */position: relative;padding-bottom: 40px;padding-left: 12px;}
.api_ul li{line-height: 35px;font-size: 1.166rem;color: #6b6b6b;/* font-size: 14px; */}

.table_1{margin-top: px;width: 100%;height:100px;/* box-shadow: 0 0 2px 2px #f8f8f8; */margin: 5px 0px;color: #666664;}
.table_1 tr{background:#fff;height:40px;}
.table_1 th{font-weight:bold;padding-left: 5px;border: 1px solid #eceff4;padding-left: 15px;height: 30px;font-size: 1.2rem;font-weight: 500;line-height: 30px;background-color: #ECEFF4;}
.table_1 td{border: 1px solid #ECEFF4;padding-left: 5px;height: 30px;font-size: 1.2rem;padding-left: 15px;line-height: 30px;}

.fl{margin-top: 5px;margin-bottom:20px;width: 100%;height: 430px; color: #e40481;
    background: -webkit-radial-gradient(#474d5b, #252831); /* Safari 5.1 - 6.0 */
    background: -o-radial-gradient(#474d5b, #252831); /* Opera 11.6 - 12.0 */
    background: -moz-radial-gradient(#474d5b, #252831); /* Firefox 3.6 - 15 */
    background: radial-gradient(#474d5b, #252831); /* Ã¦Â â€¡Ã¥â€¡â€ Ã§Å¡â€žÃ¨Â¯Â­Ã¦Â³â€¢Ã¯Â¼Ë†Ã¥Â¿â€¦Ã©Â¡Â»Ã¦â€Â¾Ã¥Å“Â¨Ã¦Å“â‚¬Ã¥ÂÅ½Ã¯Â¼â€° */
}
.dz{width: 100%;height: 40px;line-height: 40px;font-size: 1.2rem;color: #666666;}
.int{width: 100%;height: 240px;padding-top: 20px;position:relative;background-image: linear-gradient(0deg, #F7F7F7 0%, #C8E0F8 100%);}
.but_oks{background: url(../images/wlbj.png) bottom center no-repeat;position:absolute;top:0px;left:0px;width:100%;height:100%;}
.dz_left{float: left;}
.dz_right{float: left;height: 200px;margin-left: 20px;position: relative;width: 50%;}
.dz_right h1{/* font-weight:bold; */font-size:2.5rem;color: #333333;}
.dz_right p{margin-top:15px; line-height: 30px;color:#666666;font-size: 1.2rem}

/*Ã¤ÂºÂºÃ¨â€žÂ¸Ã¥Â¯Â¹Ã¦Â¯â€*/
.rl{width: 100%;height: 550px;background-color:#253b52 }
.tu_left{color: #fdfffe;padding-top: 20px;padding-left: 20px;line-height: 40px;border:10px solid #8ea9d4;height: 550px}
.tu_right{border:10px solid #8ea9d4;height: 550px;border-left: 0px}

/*Ã¦Â´Â»Ã¤Â½â€œÃ¦Â£â‚¬Ã¦Âµâ€¹*/
.ht{width: 100%;height: 40px;margin-top:30px;font-size: 2rem;text-align:center;margin-bottom: 40px;}
.jk_anq img{transition:0.4s;-webkit-transition:0.4s;}
.jk_anq div{transition:0.4s;-webkit-transition:0.4s;}
.jk_anq p{transition:0.4s;-webkit-transition:0.4s;}
.jk_anq:hover img{transform:scale(1);-webkit-transform:scale(1);}
.jk_anq:hover div{font-size:1.9rem;}
.jk_anq:hover p{color:#060606;}
.alert_wk{width:385px;min-height:250px;background:#fff;border-radius: 8px;top:100px;position:fixed;left:50%;overflow: hidden;margin-left:-187.5px;z-index:9;display:none;}
.chahao {
    float: right;
    width: 30px;
    height: 30px;
    /* background: #e8e8e8; */
}
.tel_call {margin-top: 5px;}
.tel_call p{
    font-size:3rem !important;
    line-height:52px !important;
}
img#chahao {
    margin: 0 auto;
    margin-top: 5px;
}
.tkc_title img{
    float: left;
}
.tkc_title p{
    font-size: 2.9rem;
    line-height: 50px;
    padding-left: 10px;
    color: #23e19b;
    float: left;
}
.tkc_title{
    width: 200px;
    padding-top: 15px;
    margin: 0 auto;
}
.fonts_soal{
    width: 80%;
    margin: 0 auto;
    padding-top: 15px;
    font-size: 1.4rem;
    line-height: 30px;
}
.tel_call p {
    font-size: 2rem !important;
    line-height: 40px !important;
}
#mt_1:focus{background:url(../images/mt_a1.png) 1px 1px no-repeat !important;background-color: #FFFFFF !important;background-size: auto 50% !important;background-position: 7px center !important;}
#mt_2:focus{background:url(../images/mt_a2.png) 1px 1px no-repeat !important;background-color: #FFFFFF !important;background-size: auto 50% !important;background-position: 7px center !important;}
#mt_3:focus{background:url(../images/mt_a3.png) 1px 1px no-repeat !important;background-color: #FFFFFF !important;background-size: auto 50% !important;background-position: 7px center !important;}
#mt_4:focus{background:url(../images/mt_a4.png) 1px 1px no-repeat !important;background-color: #FFFFFF !important;background-size: auto 50% !important;background-position: 7px center !important;}
#mt_5:focus{background:url(../images/mt_a5.png) 1px 1px no-repeat !important;background-color: #FFFFFF !important;background-size: auto 50% !important;background-position: 7px center !important;}
@media screen and (max-width:450px) {
    .apply_right{display:none;}
    .dz {
        width: 100%;
        height: 50px;
        line-height: 50px;
        font-size: 1rem;
        font-family: "å¾®è½¯é›…é»‘";
        color: #666666;
    }
    .api_a {
        text-align: center;
        line-height: 30px;
        text-decoration: none;
        font-size: 1.2rem;
        width: 90px;
        height: 30px;
        display: block;
        float: right;
        background-color: #09f;
        color: #fff;
        margin-left: 1.5rem;
        margin-top: 10px;
    }
    .dz_left img {
        display: block;
        border: none;
        width: 135px;
    }
    .dz_right h1 {
        font-weight: bold;
        font-size: 2rem;
    }
    .dz_right p {
        margin-top: 5px;
        line-height: 30px;
        color: #484a49;
        font-size: 1rem;
    }
    .int {
        width: 100%;
        height: 225px;
        background: url(../images/bt.jpg) top center no-repeat;
        padding-top: 20px;
    }
    .ht {
        width: 100%;
        height: 40px;
        margin-top: 30px;
        font-size: 2.2rem;
        text-align: center;
        margin-bottom: 15px;
    }
    .tu_ht{width: 100%}
    .alert_wk {
        top: 0px;
    }
}
@media screen and (max-width:375px) {
    .dz_left img {
        display: block;
        border: none;
        width: 120px;
    }
    .api_a {
        text-align: center;
        line-height: 25px;
        text-decoration: none;
        font-size: 1.2rem;
        width: 70px;
        height: 25px;
        display: block;
        float: right;
        background-color: #09f;
        color: #fff;
        margin-top: 12px;
    } 
    .dz_right p {
        margin-top: 5px;
        line-height: 20px;
        color: #484a49;
        font-size: 0.5rem;
    }   
    .int {
        height: 180px;
    }
    .ht {
        margin-top: 25px;
        font-size: 2rem;
        margin-bottom: 10px;
    }
    .alert_wk {
        width: 300px;
        min-height: 195px;
        background: #fff;
        border-radius: 8px;
        position: fixed;
        left: 62%;
        top: 0px;
    }
    .tkc_title {
        width: 120px;
        padding-top: 0px;
    }
    .tkc_title p {
        font-size: 1.7rem;
        line-height: 30px;
        padding-left: 10px;
        color: #23e19b;
        float: left;
    }
    .tkc_title img {
        width: 30px;
    }
    .fonts_soal {
        font-size: 1.1rem;
        line-height: 25px;
    }
    .fonts_soal font{
        font-size: 1.4rem !important;
    }
    .fuwu .cont {
        font-size: 1.2rem !important;
        height: 40px !important;
        line-height: 29px !important;
    }
    .fuwu .title {
        font-size: 1.7rem !important;
    }
}
@media screen and (max-width:320px) {
    .ht {
        font-size: 1.8rem;
    }
    .dz_left img {
        width: 100px;
    }
    .dz_right h1 {
        font-size: 1.7rem;
    }
    .dz a{
        width: 40px;
    }
    .alert_wk {
        width: 300px;
        min-height: 195px;
        background: #fff;
        border-radius: 8px;
        position: fixed;
        left: 62%;
        top: 0px;
    }
    .tkc_title {
        width: 120px;
        padding-top: 0px;
    }
    .tkc_title p {
        font-size: 1.7rem;
        line-height: 30px;
        padding-left: 10px;
        color: #23e19b;
        float: left;
    }
    .tkc_title img {
        width: 30px;
    }
    .fonts_soal {
        font-size: 1.1rem;
        line-height: 25px;
    }
    .fonts_soal font{
        font-size: 1.4rem !important;
    }
}
.lef_border_fiv {
    width: 5px;
    border-radius: 5px;
    height: 30px;
    background: #0099FF;
    position: absolute;
    top: 46px;
    left: 0px;
}
@media screen and (max-width:1366px) {
    .modal-dialog {
        top: -60px;
    }
}
@media screen and (max-width:901px) {
    .ban_right{display:none;}
    .ban_left{width:95%;box-sizing:border-box;padding-left:2.5%;}
}
@media screen and (max-width:460px) {
    .ban_left .b_left_rig>p{max-height:190px;overflow:hidden;}
}
@media screen and (max-width:449px) {
   .ban_left .b_left_rig>p{max-height:125px;margin-bottom:105px;}
}
.col-md-12.copy_right {
    font-weight: 500;
}
.lef_border{position:absolute;left:0px;top: 1px;width:5px;height:23px;border-radius:16px;background:#333;}
.new_jekou_row{max-width:1200px;margin:0 auto;padding-bottom: 50px;}
.jk_row_nums{width: 238px;float:left;overflow: hidden;margin: 1px;height:238px;padding-top: 50px;background:url(../images/shuiyin.png) no-repeat center center;box-sizing: border-box;cursor: pointer;background-color: #fff;transition: 0.4s;-webkit-transition: 0.4s;}
p.j_r_tit {
    text-align: center;
    /* font-size: 20px; */
    font-size: 1.66rem;
    transition: 0.4s;
    padding-top: 35px;
    color: #333333;
    -webkit-transition: 0.4s;
}

p.j_r_tit {}

p.j_r_des {
    padding: 0 18px;
    padding-top: 15px;
    line-height: 21px;
    color: #666;
    height: 72px;
    opacity: 0;
    font-family: "微软雅黑";
}

p.j_r_des {}

a.j_r_btn {
    width: 120px;
    height: 30px;
    line-height: 30px;
    display: block;
    text-align: center;
    margin: 0 auto;
    margin-top: 20px;
    color: #fff;
    background: #3399FF;
    font-size: 1.2rem;
    font-family: "微软雅黑";
}
.jk_row_nums img{height:51px;transition:0.4s;-webkit-transition:0.4s;}
.jk_row_nums:hover{background-image: linear-gradient(-179deg, #FFFFFF 0%, #E2F0FF 100%);box-shadow: 0 0 20px 0 #bbb;position:relative;z-index:9;padding-top: 25px;}
.jk_row_nums:hover img{height:26px;}
.jk_row_nums:hover p.j_r_tit{font-size:1.33rem;font-family: "微软雅黑";padding-top: 20px;}
.jk_row_nums:hover p.j_r_des{opacity:1;}
a.j_r_btn:hover{text-decoration:none;}
.dz_right a.api_a{width:120px;height:40px;line-height:40px;/* box-shadow: 0 5px 10px 0 #A0BCDE; */}

.mt{font-size: 0.9rem;height: 29px;line-height: 29px;margin-left: 18%;position: relative;}
.mt p{display: none;color: red;}
#xt{ background-color: #eee;  width: 88%; list-style: none; padding: 0; margin: 0; position: absolute; left: 0; top: 0; display: none; z-index: 9999}
#xt li{  height: 40px; line-height: 40px; padding-left: 10px; cursor: pointer;}
#xt li:hover{ background-color: #ccc;}