@charset "UTF-8";
*{ padding: 0px; margin: 0; }
ul,li{ list-style: none; }
body,input,select,textarea{ font-size: 1em;  font-family: 'Roboto', sans-serif; background: #fff; color: #333;  }
input{outline: none;}
img{ max-width: 100%; max-height: 100%;}
a{color: #4158f2; text-decoration: underline;}
a:hover{color: #d4237a; text-decoration: underline;}
.cb{clear: both;}

.h{width: 100%;}

.h_top{width: 100%;   border-bottom: 1px solid #efefef;  }
.h_top_left{width: 20%;float: left; text-align: right;}
.h_top_left img{ height:55px; }
.h_top_mid{width: 60%;float: left; padding: 10px;box-sizing: border-box; }
.h_top_mid span{display: inline-block; padding: 5px 10px 5px 0;}
.h_top_mid a{color: #000;text-decoration: none;font-weight: bold;}
.h_top_mid a:hover{color: red;text-decoration: underline;}
.h_top_right{width: 20%;float: left; text-align: left;padding: 15px 0;box-sizing: border-box;}

.h_cent{width: 100%;}
.h_cent_t{width: 60%; margin:auto; padding: 20px 0 0px 0px;box-sizing: border-box;}

.h_cent_c{width: 60%; margin:auto; padding: 10px 15px;box-sizing: border-box; border: 1px solid #efefef; margin-top: 20px;}

.h_cent_c_left{width: 100%;float: left;}

.h_cent_c_left_t{width: 100%;float: left; margin-bottom: 10px;}
.h_cent_c_left_t h1{font-size: 35px;}
.h_cent_c_left_c{width: 100%;float: left; line-height: 220%; overflow: hidden;}

.primg{float: right; width: 40%;}
#pran{padding:5px 0; text-align: center; background:Blue; color:#fff; float:left;  width:100%;float:left; }

.prcent{float: left; width: 58%;margin-right: 2%;}
.prcent table td{ border-bottom:1px solid #efefef; }
.prcent table td:nth-child(1){font-weight: bold;}
.h_cent_c_left_ic{width: 100%;float: left; line-height: 220%; overflow: hidden;}

.h_cent_c_left_ic li{width: 100%;float: left;}
.h_cent_c_left_ic ul{width: 100%;float: left; border-bottom:1px solid #efefef; padding: 10px 0;}
.h_cent_c_left_ic ul dt{width: 20%;float: left;}
.h_cent_c_left_ic ul li{ width:78%;float:right; }

.h_cent_c_left_pn{width: 100%;float: left; padding: 15px 0;border-top: 1px solid #efefef;}

.h_cent_c_right{width: 0%;float: right;}

.h_bot{width: 100%; border-top: 1px solid #efefef; margin-top: 20px;float: left;}
.h_bot_mid{ width:60%;margin:auto; padding:15px 0; }

@media screen and (min-width:1px) and (max-width:1200px){
.h{width: 92%;float: left;margin-left: 4%;}
.h_top_left{width: 100%; text-align: center;float: left;}
.h_top_mid{width: 100%;float: left; text-align: center;}
.h_top_right{width: 100%;float: left;float: left;text-align: center;}
.h_cent_c{width: 100%;float: left;}
.h_cent_t{width: 100%; margin:auto; padding: 20px 0 0px 0px;box-sizing: border-box;}
.h_bot_mid{width: 100%;float: left;}
.primg{float: left;width: 100%;}
.prcent{width: 100%;float: left;margin-right: 0}

}

@media screen and (min-width:1px) and (max-width:480px){
.h_cent_c_left_ic ul dt{width: 100%;float: left;}
.h_cent_c_left_ic ul li{ width:100%;float:left; }

}