@media only screen and (max-width:320px){html{font-size:12px!important}}
@media only screen and (max-width:359px) and (min-width:320px){
html{font-size:12px!important}}
@media only screen and (max-width:479px) and (min-width:360px){
html{font-size:13.25px!important}}
@media only screen and (max-width:599px) and (min-width:480px){
html{font-size:15px!important}}
@media only screen and (max-width:719px) and (min-width:600px){html{font-size:16px!important}}
@media only screen and (min-width:720px){
html{font-size:16px!important}
}
input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;vertical-align:middle; margin:0; padding:0;}
textarea {-webkit-appearance: none;}
.xnav{border-bottom:1px solid #004895; border-top:1px solid #004895;}
.xnav .xnavbox{border-bottom:1px solid #2B8FFF; border-top:1px solid #2B8FFF; background:url(../images/nav.png) repeat-x #014898; text-align:center; line-height:22px; font-size:14px; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px;}
.xnav .xnavbox a{color:#fff;padding:0 5px;}
.xnav .xnavbox b{color:#fff;font-weight:normal;}
.xad{text-align:center;}
.xkc{width:318px; margin:0 auto; overflow:hidden;}
.xkc a{width:106px; text-align:center; display:block; float:left; text-align:center; height:120px; line-height:30px;}
.xnews{}
.xnews h1{height:33px; line-height:32px; background:url(../images/tbg.png) repeat-x; color:#474747; font-size:16px; padding-left:15px;}
.xnews .xlist{margin-left:10px; margin-right:10px;}
.xnews .xlist li{height:32px; line-height:32px; border-bottom:1px dashed #484848; color:#484848; background:url(../images/dian.jpg) no-repeat scroll 5px 13px; padding-left:20px; overflow:hidden;}
.clear{clear:both;}
.px5{height:8px; line-height:25px; overflow:hidden;}
*{margin:0; padding:0;}li{list-style:none;}a{text-decoration:none; color:#2F2F2F;}img{border:0}body{color:#474747; background:#fff; font-family: "寰蒋闆呴粦";}.h5{height:5px; line-height:5px; overflow:hidden;}
.fl{float: left;}
.fr{float: right;}
.xlogo_bg {background: none repeat scroll 0 0 #2253a5;height: 76px;text-align: center;}
.xlogo {background: url("../images/logo.png") no-repeat scroll 20px 0 #2253a5;color: #ffffff;text-align:center;font-family: "黑体";font-size: 20px;font-weight: bold;height: 66px;line-height: 28px;margin: 0 auto;padding-left: 150px;padding-top: 10px;width: 170px;}
.xlogo a{color:#ffffff;font-family:'黑体';font-size:20px;font-weight:bold;}
#toppic{background:#74C4FF; text-align:center;}
.w720{max-width:640px;margin:0 auto;}
.w720 img{width:100%;}
.xnav{border-bottom:1px solid #004895; border-top:1px solid #004895;}
.xnav .xnavbox{border-bottom:1px solid #2B8FFF; border-top:1px solid #2B8FFF; background:url(../images/nav.png) repeat-x #014898; text-align:center; line-height:22px; font-size:14px; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px;}
.xnav .xnavbox a{color:#fff;padding:0 5px;}
.xnav .xnavbox b{color:#fff;font-weight:normal;}
.header img,.danxin img{max-width: 100%;display: block;}
.wrall{max-width:640px; min-width:320px; margin:0 auto;margin-bottom:10px;font-size:100%;}
.why_java{
    
}
.why_java  , .reason_2 , .reason_4 , .reason_6 , .reason_7,
.school_condition , #their_message
{
    position: relative;
}

.bbb{position: relative;}
.sj_on{position: absolute;top: 10%;left: 3%;width: 26%;    font-size: 62.5%;}
.sj_tw{position: absolute;top: 42%;left: 3%;width: 26%;    font-size: 62.5%;}
.sj_th{position: absolute;top: 73%;left: 3%;width: 26%;    font-size: 62.5%;}
.sj_fo{position: absolute;top:9%;right: 4%;width: 26%;    font-size: 62.5%;}
.sj_fi{position: absolute;top: 43%;right: 5%;width: 26%;    font-size: 62.5%;}
.sj_si{position: absolute;top: 72%;right: 5%;width: 26%;    font-size: 62.5%;}

.xuanzy{margin-top: 8px;margin-left: 100px;overflow: hidden;}
.xuan_tt{text-align: center;width: 80%;margin: 5% auto;}
.xuan_tt img,.gk_mt img{max-width: 100%;}
.model_one{width: 100%;font-size: 25px;font-weight: bold;margin-top: 15px;}
.model_tt{width: 100%;height: 36px;font-size: 18px;line-height: 36px;}
.gk_mt{padding: 0% 0%;margin-top: 4%;}


/*it_fi_y*/
.it_fi_y{font-size: 1.4rem;font-weight: bold;color: #282828;text-align: center;margin-top: 20px;height: 100%;}
#main{width:100%; height:100%; background: url(../images/dsj_bg.jpg) no-repeat center center;overflow: hidden;padding-top: 10px;margin-top: 5%;}
#timeline {width: 100%;height: auto;overflow: hidden;margin: 10%px auto;position: relative;background: url(../images/dot.gif) left 45px repeat-x;}
#dates {width: 98%;height: auto;overflow: hidden;padding: 0 8%;}
#dates li {list-style: none;float: left;width: 100px;color: #8dc9cc;height: 50px;font-size: 1.2rem;text-align: center;background: url(../images/biggerdot.png) center bottom no-repeat;}
#dates a {line-height: 38px;padding-bottom: 10px;color: #8dc9cc;}
#dates .selected {font-size: 1.8rem;}
#issues {width: 99%;height: 100%;overflow: hidden;padding: 0 5% 0 5%;}  
#issues li {width: 630px;height: 100%;list-style: none;float: left;color: #fff;}
#issues li h1 {color: #ffcc00;font-size: 1.9rem;margin: 3% 0;text-shadow: #000 1px 1px 2px;}
.left_img{width: 5%;}
.left_img img{max-width: 65%;display: block;}
.rightinfo {width: 42%;font-size: 1.2rem; font-weight: normal;line-height: 1.8rem;float: left;height: 100%;}
.it_fi_inf{font-size: 1.1rem;text-align: center;margin-top: 3%;}
.it_fi_y span{color: #c91a1d;}
.it_ys {margin-top: 30px;overflow: hidden;}
.it_ys ul li{float: left;}
.ys_m{margin-left: 6px;}
.liu_ys{
    margin-top: 10px;
    clear: both;
    font-family: "Microsoft YaHei";
    color: #3e3e3e;
    font-size: 1rem;
    text-indent: 2rem;
    padding: 0 5%;
    line-height: 1.5rem;
    height: 100%;
}
.jydx_img{margin-top: 3%;width: 100%;}
.jydx_img img{max-width: 100%;display: block;}
.ckgd_more{width: 30%;height: 2.2rem;background: #2b2b2b;text-align: center;line-height:2.2rem;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;margin-top: 8%;margin-left: 8%;}
.ckgd_tel{margin-top: 8%;margin-left: 8%;font-size: 1.3rem;}
.ckgd_tel a{color: #000;float: right;margin-left: 10px;margin-top: 1.5%;}
.ckgd_more a{color: #fff;font-size: 1.3rem;height: 2.2rem;line-height:2.2rem;}

.bdqn_more_one{margin-left: 5%;width: 40%;}
.bdqn_more_one a{color: #fff;background: #2b2b2b;width: 100%;height: 2.2rem;line-height: 2.2rem;display: block;text-align: center;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;font-size: 1.2rem;}
.bdqn_tel{margin-left: 5%;width: 40%;}
.bdqn_tel a{color: #fff;background: #f64953;width: 100%;height: 2.2rem;line-height: 2.2rem;display: block;text-align: center;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;font-size: 1.2rem;}
.ldzy{margin-top: 30px;}
.bdqn_zy {width: 100%;margin: 1.2rem auto 0; }
.bdqn_zy a img{max-width: 100%;display: block;}

.ke_list{margin: 2% auto;overflow: hidden;}
.ke_list ul li{float: left;width: 15%;margin-left: 1%;font-size: 62.5%;}
.ke_list ul li span{display: block;text-align: center;}
.ke_list ul li img{max-width: 100%;}

.how_choose{background: #fff;}
.sss_sh{width: 100%;margin: 0% auto;}
.sss_sh_jy{width: 90%;margin: 0% auto;}
.jl_gx{font-size: 25px;color: #2e4371;text-align: center;font-weight: bold;margin-top: 25px;}
.jl_gx span{color: #ff5335;}

.tms_jy_info{font-size: 1.1rem;    height: 100%;margin-top: 10px;text-indent: 2em;}
.ff_hj_mt{overflow: hidden;}
.ff_hj_tea{margin-top: 5%;overflow: hidden;}
.wi_fs{width: 50%;margin-top: 3%;}
.wi_fs img{max-width: 100%;display: block;}
.ff_hj_tea ul li{float: left;margin-left: 2%;width: 48%;margin-top: 2%;}
.ff_hj_tea ul li img{max-width: 100%;display: block;}
.bugudan{margin-top: 5%;}
.zcrc_img{margin-top: 15px;overflow: hidden;}
.zcrc_img ul li{float: left;text-align: center;margin-left: 50px;}
.zcrc_img ul li span{display: block;font-size: 15px;font-weight: bold;}
.gxrc_img{text-align: center;width: 90%;margin: 5% auto;}
.gxrc_img img{max-width: 100%;display: block;}
.bdqn_xq{margin: 5% 0px 5%;overflow: hidden;clear: both;}
.ldgx{color: #f64953;}

.mt{margin-top: 5%;}

.his_choose{position: relative;}
.bdqn_zsw{width: 100%;margin: 0% auto;}
.form_tt{position: absolute;top: 10%;width: 100%;text-align: center;color: #fff100;font-size: 38px;}
.form_ct{position: absolute;width: 100%;margin: 0 auto;top: 50%;color: #fff;}
.f_text{width: 155px;height: 25px;border: 0;font-size: 16px;}
.form_ct label{margin-left: 15px;}
.tj_sub{width: 80px;height: 25px;background: #fce702;border: 0;font-size: 14px;border-radius: 6px;-webkit-border-radius: 6px;-moz-border-radius: 6px;margin-left: 15px;}

.xxx{width: 330px;}
.lx_xs_img{margin-top: 20px;}
.lx_xs_img img{max-width: 100%;display: block;}
.bm_zn_tw{width: 579px;background: url(../images/baom_02.png) no-repeat left top;height: 89px;margin-top: 12px;padding-left: 135px;padding-top: 20px;font-size: 18px;}
.bm_zn_th{width: 580px;background: url(../images/baom_03.png) no-repeat left top;height: 144px;padding-left: 115px;padding-top: 20px;font-size: 18px;}
.bm_zn_fou{width: 580px;background: url(../images/baom_04.png) no-repeat left top;height: 73px;padding-left: 135px;padding-top: 20px;}
.bm_zn_fiv{width: 580px;background: url(../images/baom_05.png) no-repeat left top;height: 74px;padding-left: 135px;padding-top: 20px;}
.cs_zdq{width: 40%;height: 2.2rem;background: #2b2b2b;text-align: center;color: #fff;line-height: 2.2rem;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;font-size: 1.2rem;margin-left: 5%;}
.cszds_xq{color: #fff;background: #f64953;width: 40%;height: 2.2rem;line-height: 2.2rem;display: block;text-align: center;border-radius: 4px;-webkit-border-radius: 4px;-moz-border-radius: 4px;font-size: 1.2rem;margin-left: 20px;}

.model_tt_bg{width: 100%;height: 36px;margin-top: 10px;text-align: center;font-size: 18px;font-weight: bold;line-height: 36px;}
.rx_look{margin: 5% auto;overflow: hidden;}
.dj_bm{width: 35%;height: 2.2rem;line-height: 2.2rem;font-size: 1.2rem;background: #2b2b2b;display:block;color: #fff;text-align: center;border-radius: 8px;-webkit-border-radius: 8px;-moz-border-radius: 8px;margin-left: 10%;}
.bm_more{background: #f64953;color: #fff;margin-left: 30px;}


.xyhj_info{font-size: 15px;padding: 0 5%;height: 100%;text-indent: 2em;line-height: 1.5rem;}
.jj_tf{font-size: 1.1rem;height: 100%;color: #09152a;text-indent: 2em;}
.ff_hj{margin-top: 10px;overflow: hidden;    width: 100%;}
.ff_hj ul li{float: left;margin-left: 1%;width: 24%;}
.ff_hj ul li img{max-width: 100%;display: block;}
.ff_hj ul li span{display: block;text-align: center;}


.xy_img img{max-width: 100%;display: block;}

.zt13{width:96%;margin:2rem auto;}
.zt13 table{width:100%;}
.zt13 table th,.zt13 table td{text-align:center;}
.zt13 table th{background:#c01a25;color:#ffffff;font-size:1.2rem;height:2rem;font-weight:normal;}
.zt13 table td{height:1.8rem;color:#505664;}
.zt13 .tr1{background:#ececec;}
.zt13 .tr2{background:#ffffff;}
.zt13 table tr th:nth-of-type(odd){background:#ededed;color:#000;text-align: center;}
.zt13 table tr th:nth-of-type(even){background:#ededed;color:#313131;text-align: center;}
.zt13 .taborder tr td:nth-of-type(odd){background:#ededed;color:#000;}
.zt13 .taborder tr td:nth-of-type(even){background:#ededed;color:#313131;}

/*bottom_ft*/
.bottom_ft{position: relative;margin-bottom:13%;margin-top: 5%;}
.form{background:#ccc;padding:3% 0;}
.formTit{font-size:1.6rem;color:#f00;text-align:center;padding-bottom:2%;}
.form span{padding:2%;}
.form span input{border:#555;padding:5px 3px;border-radius:3px;margin-left:5px;width:25%;}
.msub{font-family:"微软雅黑";width:15%;border:none;color:#fff;background:#e80000;padding:5px 3px;border-radius:3px;
    -webkit-box-shadow:0 1px 2px rgba(0,0,0,0.5);
    -moz-box-shadow:0 1px 2px rgba(0,0,0,0.5);
    box-shadow:0 1px 2px rgba(0,0,0,0.5);
    border-bottom:2px rgba(0,0,0,0.25);
}

.footer {
    background: #2170d7;
    position: fixed;
    bottom: 0px;
    left: 0px;
    height: 40px;
    width: 100%;
}
.bottom {
    max-width: 720px;
    margin: 0 auto;
    text-align: center;
}
.footer .bottom li {
    line-height: 30px;
    width: 21%;
    height: 30px;
    color: #2170d7;
    background: #ffffff;
    margin: 5px 2%;
    padding: 0px;
    float: left;
}
.footer .bottom li .dayi{display:inline-block;background:url(../images/dayi.gif) 3px 3px no-repeat; width:15px;height:20px;}
.footer a:hover {
    color: #2170d7;
}
.bottom #caidan {
    position: relative;
    cursor:pointer;
}
.bottom .subcaidan {
    position: absolute;
    left: 0;
    top: -157px;
    width: 100%;
    height: 150px;
    border: 2px dotted #2170d7;
    display: none;
}
.bottom .subcaidan a {
    width: 100%;
    display: block;
    height: 29px;
    border-bottom: 1px dotted #2170d7;
    line-height: 30px;
    color: #2170d7;
    background: #ffffff;
    margin: 0px;
    padding: 0px;
}
* html, * html body {
    height: 100%;
    background-image: url(about:blank);
    background-attachment: fixed;
}
ul, li, dl, dd, dt {
    list-style: none;
}
.maxw720{max-width:720px; min-width:320px; margin:0 auto;}
.logo{background:#ffffff;padding:1rem 0;text-align:center;}
.logo img{width:65%;max-width: 398px;}
.nav{background:#0092f8;font-size:0rem;color:#ffffff;text-align:center;padding:0.8rem 0rem;}
.nav a,.nav span{display:inline-block;vertical-align:middle;font-size:1.1rem;color:#ffffff;font-size:1.1rem;}
.nav a{width:11%;}
.nav span{width:0.5%;text-align:center;}

.mycss3 ul li{
	width:25%;
	font-size:12px;
	float:left;
	text-align:left;
	border:#000 1px dashed;
	border-radius:10px;
	margin:0px 0px 0px 4%;
	padding:1%;