body{margin:0;font-size:12px;line-height:1; font-family:"Microsoft YaHei";}

h1,h2,h3,h4,h5,h6{margin:0;font-weight:normal;font-size:12px;}

p,dl,dd{margin:0;}

ul,ol{margin:0;padding:0;list-style:none;}

a{text-decoration:none !important;color:#333;}

i,em{ font-style:normal;}

/* strong,b{ font-weight:normal;} */

img{border:none;vertical-align:bottom;}.clearfix{*zoom:1;} 

.clearfix:after{content:""; display:block; clear:both; font-size:0; line-height:0;}

table{border-spacing:0;border-collapse:collapse;}

th,td{padding:0;text-align:left; vertical-align:top;}

input{border:none;background:none;outline:none;}

textarea{resize:none;}



html{

    overflow-x: hidden;

    overflow-y: auto;

}

body{

    /* overflow: scroll;

    overflow-x: hidden; */

    min-width: 1200px;

    background: #fefefe;

    /* overflow: hidden; */

}

.content{

    width: 1200px;

    margin: 0 auto;

    min-width: 1200px;

}

.zg_header{

    height: 34px;

    width: 100%;

    border-bottom: 1px solid #eaeaea;

}

.zg_header .left{

    float: left;

}

.zg_header .left>span,.zg_header .left>div,.zg_header .left>em{

    float: left;

}

.zg_header .left a,.zg_header .left p,.zg_header .right a{

    font: 12px/34px "Microsoft YaHei";

    color: #444444;

}

.zg_header .left>em{

    margin: 0px 12px 0 12px;

    font: 12px/34px "Microsoft YaHei";

    color: #dcdcdc;

}

.zg_header .left .hdnav_more{

    width: 72px;

    cursor: pointer;

    height: 34px;

    position: relative;

}

.zg_header .left .hdnav_more p{

    height: 34px;

}

.zg_header .left .hdnav_more img{

    display: inline-block;

    width: 6px;

    height: 4px;

    /* float: right; */

    position: absolute;

    right: 0;

    top: 16px;

    /* margin:  16px 0 0 0; */

}

.zg_header .left .hdnav_more .more{

display: none;

}

.zg_header .left .hdnav_more ul{

    width: 1140px;

    height: 44px;

    box-shadow: #cccccc 0 0 6px;

    margin: 1px 0 0 -160px;

    display: none;

    position: relative;

    z-index: 10;

    background: #ffffff;

}

.zg_header .left .hdnav_more li{

    float: left;

}

.zg_header .left .hdnav_more li a{

    margin: 0px 12px 0 12px;

    font: 12px/44px "Microsoft YaHei";

    color: #666666;

    margin: 0 15px 0 15px;

}

.zg_header .left .hdnav_more li em{



    font: 12px/44px "Microsoft YaHei";

    color: #dcdcdc;

}

.zg_header .left .hdnav_more li a:hover{

    color:#ff4800;}

.zg_header .left .hdnav_more .on{

    color:#ff4800;

    height: 34px;

}



.zg_header .right{

    float: right;

    font: 14px/34px "Microsoft YaHei";

    color: #444;
}

.zg_header .right img{

   margin: 10px 6px 0 6px;
vertical-align: top;

}

.zg_header a:hover{

    color:#ff4800;

}

.zg_top{

    height: 115px;

}

.zg_top .logo,.zg_top .logo span,.zg_top .logo h2{

    float: left;

}

.zg_top .logo h2{

width: 244px;

margin:0 0 0 10px

}

.zg_top .logo h2 a{

    display: block;

}

.zg_top .logo h2 .s1{

    display: block;

    font: 12px/12px "Microsoft YaHei";

    text-align: center;

    color: #000000;

    letter-spacing: 1.5px;



}

.zg_top .logo span a h1{

    font:bold 12px/12px "Microsoft YaHei";

    text-align: center;

    color: #333333;

    letter-spacing: 3px;

    margin-top: 7px;

}

.zg_top .logo h2 .s2{

    display: block;

    font: 16px/16px "Microsoft YaHei";

    letter-spacing: 1px;

    color: #000000;

    text-align: center;

    margin:  9px 0 11px 0

}

.zg_top .logo h2 .s3{

    display: block;

    font: 8px/8px "Microsoft YaHei";

    letter-spacing: 1px;

    color: #000000;

    text-align: center;

}

.zg_top .logo h2 .s3 em{

    display: inline-block;

    width: 40px;

    height: 1px;

    background: #231815;

    vertical-align: middle;

    margin: auto 7px



}

.zg_top .logo {

 

 margin:25px 0 0 0;

}

.zg_top .city_box{

    float: left;

    margin: 47px 0 10px 42px;

    cursor: pointer;

    position: relative;

    z-index: 310;

}

.zg_top .city_box p{

    font: 16px/16px "Microsoft YaHei";

    padding-bottom: 10px;

    color: #ff4800;

}

.zg_top .city_box p span{

    margin-right: 10px;

}

.zg_top .city_box em {

    background: url(../../images/list_java_images/city_more.png) no-repeat;

    width: 10px;

    height: 6px;

    display: inline-block;

    /* _margin-top: 5px; */

    margin-left: 4px;

    vertical-align: middle;

    transition: .3s ease-in;

}

.zg_top .city_box .on em{ transform:rotate(180deg);}

.zg_top .city_box .citys{

    width: 540px;

    height: 125px;

    background: #ffffff;

    box-shadow: #f3f3f3 0 0 8px;

    margin-top: 10px;

    padding-left: 20px;

    z-index: 1000;

    display: none;

    position: absolute;

    top:15px;

    left: 0px;

}

.zg_top .city_box .citys a{

    font: 14px/14px "Microsoft YaHei";

    color: #333333;

    float: left;

    padding:  20px 24px 0 0;

}

.zg_top .city_box .citys a:hover{

    color: #ff4800;

}

.zg_top .r{

width: 323px;

    height: 50px;

    line-height: 34px;

    background: url(../../images/list_java_images/zg_top_r.png) no-repeat left 11px;

    float: right;
    font-size: 18px;
    font-weight: bold;
    color: #fff;

    margin: 31px 0 0 0;
   text-align: center;

}

.zg_top .r p{
    padding: 16px 0 0 0;
    text-shadow: 0 0 5px #fc5524;
}




.zg_nav {
    /* overflow: hidden; */
/* height: 198px; */

}

.zg_nav .show_lnav{
    float: left;
    width: 170px;
}


 .zg_nav h2{

    width: 170px;

    /* height: 47px; */

    background: #ff4800;

    border-top-left-radius: 6px;
    border-top-right-radius: 6px;
    position: relative;

    cursor: pointer;

  

}

.zg_nav h2>a{

    display: block;

text-align: center;

    height: 47px;  color: #ffffff;

    font:bold 16px/46px "Microsoft YaHei";

    letter-spacing: 1px;

  

}

.zg_nav h2 img{

    /* float: right; */
    margin: 21px 0px 0 56px;
    vertical-align: top;

}

.zg_nav h2 .asidenav{



    display: none;

    z-index: 10;

}

.zg_nav .aside_on .asidenav{

    display: block

}


.zg_nav h2 .asidenav li a:hover{

    color:#ff4b00

}



.zg_nav .nav_top{

    float: right;
    height: 47px;
    position: relative;
    z-index: 755;

}

.nli{

    float: left;

    margin-left: 33px;

    position: relative;

    z-index: 500;

}

.nli h6 a{

    font:18px/46px "Microsoft YaHei";

    color: #333333;

  

}

.nli:hover h6 a{
    color: #ff4800;  
}



.nli .nli_in{

    width: 129px;

    border-radius: 3px;

    background: #ffffff;

    position: absolute;

    top: 46px;

    left: -25px;

    box-shadow: #999999 0 0 8px;

    display: none;

    z-index: 550;

}

.nli em{

    margin: 16px 0 0 3px;
    display: inline-block;
    vertical-align: top;

}

.nli .more{

    display: none;

}

.nli em img{

    vertical-align: middle;

}

.nli>.on a{

    color: #ff4a00;

}

.nli .nli_in .on{

background: #f4f4f4;

}

.nli_in a{

    font:14px/14px "Microsoft YaHei";

    text-align: center;

    display: block;

    padding: 13px 0 10px 0;

    color: #333333;

}

.nli .nli_in .on a{

    color: #ff4a00;

}

.zg_nav .content{

    position: relative;

    z-index: 300;


}



.left_nav{
    width: 1920px;

    display: none;
    padding: 33px 0 70px 0;
    height: 50px;
    background-color:#f8f8f8;
    
    position: relative;

    top: 0px;

    left: -360px

}

.left_nav .cont{
width: 1222px;
}
.left_nav .cont>div{
float: left;
width: 199px;
height: 74px;
border-right: 1px solid #f9dacd;

}
.left_nav .cont>div a{
    display: block;
    margin: -2px 0 17px 0;
    font-size: 14px;
    line-height: 16px;

}

.left_nav .cont>div a:hover{
    color: #FC5524
}

.left_nav .cont>div a img{
    margin: 0 10px 0 50px;
    width: 17px;
}




 
.banner{
    background: url(../../images/list_java_images/banner.jpg) no-repeat top center;
 
    width: 100%;

    height: 450px; 

}

.banner .content{
    height: 450px; 
    position: relative;

}
.banner .content h2{
   font-size:62px ;
   line-height: 83px;
   color: #fff;
   font-weight: bold;
    position: absolute;
    top: 80px;
    left: 0;
    text-shadow: 0 0 5px #1d5cff;
}
.banner .content h2 em{
    color: #fff002;
}


.banner .content  ul{
width: 800px;

position: absolute;
top: 276px;
left: 0;
}
.banner .content  ul li{
    float: left;
    border: 1px solid #ffffff;
    height: 35px;
    font-size: 16px;
    text-align: center;
    line-height: 35px;
    color: #fff;
    width: 163px;
    margin: 0 23px 20px 0 ;
}
.banner .content div{
    background: url(../../images/list_java_images/ban_box.png) no-repeat top center;
    width: 395px;
    height: 526px; 
   position: absolute;
   top: 5px;
   right: -16px;
}
.banner .content div dt{
    font-size: 26px;
    text-align: center;
    margin: 50px 0 25px 0;
    font-weight: bold;
}

.banner .content div dd{
    font-size: 14px;
    margin: 0px 0 18px 50px ;
}
.banner .content div dd:hover{
    transform: scale(1.05);
    transition: .3s;
}



.banner .content div dd img{
    margin: 2px 13px 0 0;
    vertical-align: top;
}

.banner .content div>a{
    display: block;
    width: 255px;
    height: 32px;
    background-color: #397aff;
    border-radius: 32px;
    text-align: center;
    margin: 0 auto 18px;
    font-size: 14px;
    line-height: 32px;
    color: #fff;
    box-shadow: 0 0 15px #578cf5;
}







/* 11 */

.part1{
    padding: 120px 0 85px 0;
    width: 100%;
}
.tit h3{
font-size: 40px;
text-align: center;
font-weight: bold;
}
.tit p{
    padding-top: 24px;
    font-size: 16px;
    line-height: 28px;
    text-align: center;
}
.tit h3 img{
    vertical-align: top;
    margin: 10px 20px 0;
}
.part1 .cont{
   height: 384px;
    width: 1200px;
    background: #fff;
    margin-top: 34px;
    overflow: hidden;
    box-shadow: 0 0 15px #d9e5fc;
}

 
.part1 .cont .l{

    float: left;
    width: 625px;
    margin:55px 0 0 43px ;
}
.part1 .cont .l em{
    width: 39px;height: 6px;
    background-color: #3678ff;
    display: block;
    margin: 0px 0 30px 0;
}
.part1 .cont .l li{
    font-size: 16px;
    margin: 0 0px 30px 0;
}
.part1 .cont .l li span{
    display: inline-block;
  width: 8px;
  height: 8px;
  background-color: #3678ff;
  border-radius: 8px;
  vertical-align: top;
  margin: 5px 10px 0  0;

}
.part1 .cont .l a{
   display: block;
   width: 224px;
   height: 54px;
   background-color: #256dff;
   text-align: center;
   margin: 35px 0 0 0;
   font-size: 22px;
   line-height: 54px;
   color: #fff;

}
.part1 .cont .l a img{
    vertical-align: top;
    margin: 23px 0 0 10px; transition: 1s;
}

.part1 .cont .l a:hover img{
    position: relative;
    right: -10px;
   transition: 1s;
}



.part1 .cont .r{
    width: 487px;
    float: left;
    margin: 39px 0 0 0;
    font-size: 18px;
    text-align: center;

}
.part1 .cont .r img{
    margin: 0 0 17px 0;
}



.part2{
    width: 100%;
    padding: 70px 0;
    background: #f5f7ff;
}

.part2 ul {
    width: 1222px;
    margin-top: 40px;
}
.part2 ul li{
 
     width: 289px;
     height: 425px;
     background:  url('../../images/list_java_images/p2_li.png') no-repeat top center;
     margin: 0px 13px 0 0px;
     overflow: hidden;
     float: left;
}

.part2 ul li img{
    margin: 50px 0 0 24px;    transition: .5s;
}
.part2 ul li:hover img{
    transform: scale(1.1);
    transition: .5s;
}



.part2 ul li dl{
   
    margin: 22px 0 0 24px;
}
.part2 ul li dl dt{
    font-size: 18px;
    font-weight: bold;
    color: #1a65ff;
}
.part2 ul li dl dt em{
    display: block;
    width: 38px;
    height: 2px;
    background-color: #1a65ff;
    margin-top: 15px;
}

.part2 ul li dl dd{
    font-size: 14px;
    line-height: 29px;
    color: #333333;
    margin: 23px 0 0 0px;
    width: 240px;

}
.part2 a{
    margin: 40px auto 0;
    font-weight: bold;
    font-size: 22px;
    text-align: center;
    line-height: 58px;
    color: #fff;
    display: block;
    width: 503px;
    height: 58px;
    background: #3f7eff;
    background: -moz-linear-gradient(right,  #3f7eff 0%, #1a65ff 100%);
    background: -webkit-gradient(linear, left , right, color-stop(0%,#3f7eff), color-stop(100%,#1a65ff));
    background: -webkit-linear-gradient(right,  #3f7eff 0%,#1a65ff 100%);
    background: -o-linear-gradient(right,  #3f7eff 0%,#1a65ff 100%);
    background: -ms-linear-gradient(right,  #3f7eff 0%,#1a65ff 100%);
    background: linear-gradient(to right,  #3f7eff 0%,#1a65ff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f7eff', endColorstr='#1a65ff',GradientType=0 );
}
:root .gradient{filter:none;}
/* 3 */
.part3{
    padding: 70px 0 130px 0 ;
}


.part3 .box1{
    margin: 40px 0 0 -12px;
    width: 1224px;
    height: 173px;
    background:  url('../../images/list_java_images/p3_box1.png') no-repeat top center;
}
.part3 .box1 p{
    width: 1118px;
text-indent: 2em;

    line-height: 30px;
    font-size: 14px;
    margin: 0 auto 0;
    padding: 39px 0 0 0;
}

.part3 h6{
    font-size: 18px;
    font-weight: bold;
    border-left: 3px solid #1a65ff;
    padding-left: 15px;
    margin-top: 25px;
}

.part3 .box2{
width: 1222px;
margin: 6px 0 0 0 ;
}
.part3 .box2 li{
    width: 190px;
    height: 126px;
    border: 1px solid #e6eaf3;
    float: left;
    margin: 11px 9px 0 0;
    font-size: 16px;
    text-align: center;

}
.part3 .box2 li img{
    display: block;
    margin: 21px auto 10px;    transition: .5s;

}
.part3 .box2 li:hover img{
    transform: rotateY(180deg);
    transition: 1s;
}




.part3 .box3{
    margin: 40px 0 0 -12px;
    width: 1224px;
    height: 173px;
    background:  url('../../images/list_java_images/p3_box3.png') no-repeat top center;
}
.part3 .box3 p{
    width: 1118px;


    line-height: 30px;
    font-size: 14px;
    margin: 0 auto 0;
    padding: 39px 0 0 0;
}

.part3 .box4{
    margin-top: 68px;
}
.part3 .box4 div{
    margin: 0px auto 0;
    width: 220px;
    height: 222px;
    background:  url('../../images/list_java_images/p3_b4.png') no-repeat top center;
}
.part3 .box4 div p{
    font-size: 30px;
    line-height: 37px;
    font-weight: bold;
    text-align: center;
    color: #fff;
    padding-top: 74px;
}
.part3 .box4 ul{
    position: relative;
}
.part3 .box4 ul li{
    font-size: 22px;
    color: #2f73ff;
    position: absolute;
}
.part3 .box4 ul .l1{
    top: 58px;
    left: 0;
}
.part3 .box4 ul .l2{
    top: 136px;
    left: 30px;
    font-size: 22px;
}
.part3 .box4 ul .l3{
    top: 0px;
    left: 233px;    
}
.part3 .box4 ul .l4{
    top: 69px;
    left: 316px;
}

.part3 .box4 ul .l5{
    top: 140px;
    left: 338px;
}
.part3 .box4 ul .l6{
    top: 200px;
    left: 260px;
}
.part3 .box4 ul .l7{
    top: -40px;
    left: 416px;
}
.part3 .box4 ul .l8{
    top: 250px;
    left: 444px;
}
.part3 .box4 ul .l9{
    top: -3px;
    left: 700px;
}
.part3 .box4 ul .l10{
    top: 62px;
    left: 838px;
}
.part3 .box4 ul .l11{
    top: 145px;
    left: 760px;
    font-size: 20px;
}
.part3 .box4 ul .l12{
    top: 210px;
    left: 749px;
}
.part3 .box4 ul .l13{
    top: -20px;
    left: 976px;
}
.part3 .box4 ul .l14{
    top: 80px;
    right: 0px;
}

.part3 .box4 ul .l2,.part3 .box4 ul .l7{
    font-size: 24px;
}
/* .part3 .box4 ul .l2,.part3 .box4 ul .l4,.part3 .box4 ul .l9,.part3 .box4 ul .l10,.part3 .box4 ul .l14{
    font-weight: bold;
} */
.part3 .box4 ul .i1{
    font-weight: bold;
}








.part4 {

    width: 100%;
    padding: 70px 0;
    background:#3276ff;
}
.tit2 h3{
    color: #fff;
}


.part4 .cont{
    position: relative;
}

.part4 .cont span{
    display: block;
    width: 117px;
    height: 117px;
    height: 92px;
    background: #fff;
    border-radius: 117px;
    position: absolute;
    top: 133px;
    left: 542px;
    z-index: 10;
    font-size: 30px;
    line-height: 35px;
    text-align: center;
    font-weight: bold;
    padding-top: 25px;
}


.part4 .cont ul{
    width: 1333px;
    margin-top: 40px;
}
.part4 .cont ul li{
    width: 621px;
    height: 209px;
    background:  url('../../images/list_java_images/p4_1.png') no-repeat top center;
    float: left;
    margin: -13px 4px 4px -15px;
}
.part4 .cont ul .l2{
    background:  url('../../images/list_java_images/p4_2.png') no-repeat top center;
}
.part4 .cont ul .l3{
    background:  url('../../images/list_java_images/p4_3.png') no-repeat top center;
}
.part4 .cont ul .l4{
    background:  url('../../images/list_java_images/p4_4.png') no-repeat top center;
}



.part4 .cont ul li p{
    width: 480px;
    margin: 0 auto 0;
    font-size: 16px;
    line-height: 26px;
    padding-top: 48px;
}






.part4 .content>a{
    display: block;
    width: 323px;
    height: 58px;
    background:  url('../../images/list_java_images/p4_btn.png') no-repeat top center;
    margin: 16px auto 0;
    font-size: 22px;
    text-align: center;
    line-height: 58px;
    font-weight: bold;
    color: #fff;
    text-shadow: 0 0 15px #f97400;
}



.part5{
    padding: 70px 0 70px 0 ;position: relative;
}




.part5 .top{
margin-top: 40px;
    width: 1222px;
}
.part5 .top li{
    width: 292px;
    height: 58px;
    background: #edf1ff;
    margin: 0 11px 0 0;
    text-align: center;
    line-height: 58px;
    font-weight: bold;
    text-align: center;
    font-size: 20px;
    float: left;
    margin: 0 11px 0 0;
}
.part5 .top .on{
    background: #1a65ff ;
    color: #fff;
}
.part5 .txt{
    width: 1200px;
    height: 368px;
    background: #edf1ff;
    margin-top: 20px;
    display: none;
}
.part5 .txt .l{
    float: left;
}
.part5 .txt .l h5{
    font-size: 26px;
    font-weight: bold;
    margin: 73px 0 0 55px;
}

.part5 .txt .l h5 span{
    width: 60px;height: 2px;background: #1a65ff;
    display: block;
    margin: 25px 0 0 0px;
}


.part5 .txt .l p{
    width: 455px;
    font-size: 16px;
    line-height: 30px;
    margin: 28px 0 0 55px;
}

.part5 .txt .l a{
    display: block;
    width: 225px;height: 45px;background: #1a65ff;
    text-align: center;
    color: #fff;
    line-height: 45px;
    font-size: 18px;
    font-weight: bold;
    margin: 37px 0 0 55px;

}

.part5 .txt>img{
    float: right;
}


.part6{
    padding: 70px 0 70px 0 ;
    width: 100%;
    background:  url('../../images/list_java_images/part6.jpg') no-repeat top center;

}
.part6 .cont{
    width: 1252px;
    margin-top: 50px;
}
.part6 .cont div{
    width: 380px;
    height: 519px;
    float: left;
    box-shadow: 0 0 18px #c1d0f7;
    margin: 0 30px 0 0;
    background: #fff;
    position: relative;
}
.part6 .cont p{
    font-size: 16px;
    line-height: 30px;
    text-align: center;
    color: #333;
    padding: 35px 30px 0;
}


.part6 a{
    position: absolute;
    top: 423px;
    left: 102px;
    display: block;
    width: 176px;
    height: 43px;
    background:  #2341ff;
    border-radius: 43px;
    font-size: 18px;
    text-align: center;
    line-height: 43px;
    color: #fff;
    font-weight: bold;
}


.part7{
    padding: 50px 0 50px 0;
    background-color: #fcfafa;
}
.part7 .cont{
    width: 1302px;
}
.part7 .cont>div{
    width: 360px;
    float: left;
    margin: 0 58px 0 0;
}

.part7 .cont>div .tit8{
 /* padding-bottom: 11px; */
    border-bottom: 1px solid #d6d6d6;
}

.part7 .cont>div .tit8 img{
    float: left;
    margin: 0 0 0 0;
}

.part7 .cont>div .tit8 h5{
    font-size: 18px;
  
    margin: 0 0 0 -6px;
    padding: 15px 0 12px 0;
    float: left;
    border-bottom: 1px solid #2341ff;

}
.part7 .cont>div .tit8 a{
    float: right;

    height: 26px;

    font-size: 18px;
    color: #333;
    line-height: 26px;
    margin: 15px 0 0 0;
}

.part7 .cont>div ul{
    margin-top: 27px;
}

.part7 .cont>div ul li{
    font-size: 16px;
    color: #666;
    margin: 0 0 22px 0;

}
.part7 .cont>div ul li a{
    color: #666666;
    font-size: 16px;
}

.part7 .cont>div ul li a em{
    display: inline-block;
    width: 25px;

    border-radius: 8px;
color: #666666;
font-weight: bold;
    vertical-align: top;
    margin: 0px 0 0 0;
    position: relative;
    text-align: center;
}
.part7 .cont>div ul li a em>i{
display: block;
width: 25px;
height: 5px;
background: #e4e9f1;
/* position: absolute;
bottom: 0;
left: 0; */
margin: -5px 0 0 0;
}
.part7 .cont>div ul li a>i{
    display: inline-block ;
    width: 225px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.part7 .cont>div ul li a span{
    float: right;
}










.part7 .cont>div ul li a:hover{
    color:  #ff4a01;
}
.part7 .cont>div ul li a:hover em {
    color:  #ff4a01;
}

.footer_top{
   padding: 50px 00 0 0;
   background: #404144;
}
.footer_top dl{
    border-bottom: 1px solid #646464;
}
.footer_top dl dd{
        float: left;
        margin: 0 30px 0 0;
        color: #fff;
  
        font-size: 18px;
        padding: 0 0 0px 0;
}
.footer_top dl em{
    display: block;
    width: 100%;
    height: 1px;
 margin-top: 21px;
}
.footer_top dl .on em{
    background: #ff4a00;
}
.footer_top ul{
    margin: 28px 0 0 -11px;
    display: none;
}
.footer_top ul li{
    float: left;
    margin: 0 11px 17px;

}
.footer_top ul li a{
    color: #fff;
    font-size: 16px;

}
/*---footer---*/

.fl { float: left; }

.mr{width: 1200px;margin: 0 auto}

.fr { float: right; }

.footer { background: #404144; color: #999; line-height: 28px; text-align: center; padding:0 0 34px 0; }



.footer a { color: #999; }



.footer a:hover { color: #ff4a00; }



.footer img { vertical-align: middle; padding: 0 5px 5px 0; }



.zglh_foot { height: 55px; clear: both; padding: 23px 0; }



.zglh_footrig { margin-left: 25px; width: 485px; }



.zglh_nav { overflow: hidden; }



.zglh_nav li { font-size: 12px; line-height: 24px; float: left; color: #5e5e5e; }



.zglh_nav li a { color: #ccc; }



.zglh_nav li span { margin: 0 11px 0 9px; }



.zglh_last { clear: both; font-size: 12px; line-height: 18px; color: #999; margin-top: 12px; text-align: left; }



.zglh_tel { position: relative; height: 55px; }



.zglh_tel span { display: block; width: 55px; height: 56px; float: left; cursor: pointer; }



.zglh_tel span em { display: inline-block; *display: inline; zoom: 1; display: none; width: 155px; height: 164px; position: absolute; }



.zglh_poimg01 {
    width: 155px;
    height: 164px;
    position: absolute;
    right: 25px; top: -166px; background: url(../../images/list_java_images/ioserweima.png) no-repeat;
   z-index: 99999; 
      display: none;
    }



.zglh_poimg02 {
    width: 155px;
    height: 164px;
    position: absolute; right: -51px; top: -166px; background: url(../../images/list_java_images/ioserweima.png) no-repeat;
    z-index: 99999;
      display: none; }



.zglh_tel span:hover em { display: block; }



.tel01 { font-size: 14px; line-height: 21px; color: #ccc; width: 66px; height: 21px; padding-right: 141px; background: url(../../images/list_java_images/tel.jpg) no-repeat right center; margin: 17px 44px 0 0; }



.zglh_tel .tel01 { float: left; }



.zglh_ios { background: url(../../images/list_java_images/ios.jpg) no-repeat; margin-right: 20px; }

.zglh_ios:hover .zglh_poimg01{
    display: block;
}

.zglh_iosbj { background: url(../../images/list_java_images/iosbj.jpg) no-repeat; }



.zglh_andr { background: url(../../images/list_java_images/andro.jpg) no-repeat; }



.zglh_andrbj { background: url(../../images/list_java_images/andrbj.jpg) no-repeat; }

.zglh_andr:hover .zglh_poimg02{
    display: block;
}