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: #888888;

}

.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;

}

.zg_header .right em{

   margin:  0 6px 0 6px;

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

   color: #dcdcdc;

}

.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_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 .tel{

    padding-top: 10px;

    height: 34px;

    line-height: 34px;

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

    float: right;

    font-size: 28px;

    font-weight: initial;

    text-indent: 45px;

    color: #fb4f05;

    margin-top: 31px

}





.seach{

    width: 285px;

    height: 38px;

    border: 1px solid #e2e2e2;

    border-radius: 38px;

    float: right;

    margin: 38px 90px 0 0 ;

    position: relative;

}

.seach input{

    height: 35px;

}

.seach .zg_sub {

   position: absolute;

   right: 11px;

   top: 11px;

    width: 15px;

    height: 15px;

    cursor: pointer;

    background: url(../../images/list_images/search.png) no-repeat center center ;

    

    /* vertical-align: middle; */

}

.seach form .zg_txt{

    margin-left: 20px;

    width: 177px;

    font-size:14px;

    color: #999999;

    line-height:35px;

}

.zg_txt::-webkit-input-placeholder{

    font-size:14px;

    color:#999999; 

} 

.zg_txt:-moz-placeholder{ 

    font-size:14px;

    color:#999999; 

} 

.zg_txt::-moz-placeholder{ 

    font-size:14px;

    color: #999999; 

} 

.zg_txt:-ms-input-placeholder{ 

    font-size:14px;

    color:#999999; 

} 

.seach form .zg_sub{

    cursor: pointer;

}



.zg_nav h2{

    width: 280px;

    height: 47px;

    background: #ff4b00;

    float: left;

    position: relative;

    cursor: pointer;

  

}

.zg_nav h2>a{

    display: block;

    width: 200px;

    height: 47px;  color: #ffffff;

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

    letter-spacing: 1px;

    padding-left: 50px;

}

.zg_nav h2 img{

    float: right;

    margin: 20px 75px 0 0

}

.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: left;

}

.nli{

    float: left;

    margin-left: 19px;

    position: relative;

    z-index: 200;

}

.nli h4 a{

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

    color: #333333;

  

}

.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: 300;

}

.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;

    height: 46px;

}





.zg_nav h2 .nav_left_bg{

    position: absolute;

    top: 46px;

    left: 0;

    width: 280px;

    height: 655px;

}

 .nav_leftbg{

position: relative;

left: 0;

top: 0px;

width: 280px;

height: 620px;

background: #ffffff;

z-index: 300;

/* filter:alpha(opacity=90);

-moz-opacity:0.9;

-khtml-opacity: 0.9;

opacity: 0.9; */

}

.nav_left{

    position: relative;
 
     z-index: 500;
 
     top: -618px;
     padding-bottom: 35px;
 }
 
 .nav_left li{
 
     padding: 9px 0 0 0;
 
     cursor: pointer;
 
     height: 27px;
 
     margin-top: -2px;
 
     vertical-align: bottom;
 
 }
 
 
 
 .nav_left .on{
 
     background: #f5f5fe;
 
 }
 
 .nav_left .on>span{
 
     font:16px/16px "Microsoft YaHei";
 
     color: #333333;
 
     float: left;
 
     width: 220px;
 
     height: 16px;
 
     /* margin: -21px 0 0 54px; */
 
 }
 
 .nav_left>li>span,.nav_left>li>a>span{
 
     font:16px/21px "Microsoft YaHei";
 
     color: #333333;
 
     float: left;
 
     /* width: 217px; */
 
     height: 16px;
 
     /* margin: -21px 0 0 54px; */
 
 }
 
 .nav_left .on>span,.nav_left .on>a>span{
 
     color: #ff4a00;
 
 }
 
 .nav_left li img{
 
     vertical-align: middle;
 
 }
 
 .nav_left li em{
 
     margin: 2px 15px 0 23px;
 
     float: left;
 
 }
 
 .nav_left li .h{
 
     margin: 2px 15px 0 21px;
 
     float: left;
 
 }
 
 .nav_left>li>.span1{
 
     display: inline-block;
 
     width: 2px;
 
     height: 31px;
 
     background: #ff4a00;
 
    float: left;
 
    margin-top: -4px;
 
    display: none;
 
 }
 
 .nav_left .l1{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat 0 0;
 
     width: 16px;
 
     height: 18px;
 
 }
 
 .nav_left .l1h{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -41px -42px;
 
     width: 16px;
 
     height: 18px;
 
     display: none;
 
 }
 
 .nav_left .l2{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -21px 0;
 
     width: 16px;
 
     height: 18px;
 
 }
 
 .nav_left .l2h{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -64px -42px;
 
     width: 16px;
 
     height: 18px;
 
     display: none;
 
 }
 
 
 .nav_left .l3{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -41px 0;
 
     width: 16px;
 
     height: 18px;
 
 }
 
 .nav_left .l3h{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -85px -42px;
 
     width: 16px;
 
     height: 18px;
 
     display: none;
 
 }
 
 .nav_left .l4{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -63px 0;
 
     width: 16px;
 
     height: 18px;
 
 }
 
 .nav_left .l4h{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat 0px -62px;
 
     width: 16px;
 
     height: 18px;
 
     display: none;
 
 }
 
 .nav_left .l5{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -84px 0;
 
     width: 16px;
 
     height: 18px;
 
 }
 
 .nav_left .l5h{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -64px -83px;
 
     width: 16px;
 
     height: 18px;
 
     display: none;
 
 }
 
 .nav_left .l6{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -149px -22px;
 
     width: 19px;
 
     height: 18px;
 
 }
 
 .nav_left .l6h{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -149px -60px;
 
     width: 19px;
 
     height: 18px;
 
     display: none;
 
 }
 
 .nav_left .l7{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -21px -18px;
 
     width: 16px;
 
     height: 18px;
 
 }
 
 .nav_left .l7h{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -41px -60px;
 
     width: 16px;
 
     height: 18px;
 
     display: none;
 
 }
 
 .nav_left .l8{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -41px -20px;
 
     width: 16px;
 
     height: 18px;
 
 }
 
 .nav_left .l8h{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -20px -83px;
 
     width: 16px;
 
     height: 18px;
 
     display: none;
 
 }
 
 .nav_left .l9{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -248px -2px;
 
     width: 20px;
 
     height: 20px;
 
 }
 
 .nav_left .l9h{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -248px -60px;
 
     width: 20px;
 
     height: 20px;
 
     display: none;
 
 }
 
 .nav_left .l10{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -63px -19px;
 
     width: 16px;
 
     height: 18px;
 
 }
 
 .nav_left .l10h{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -41px -82px;
 
     width: 16px;
 
     height: 18px;
 
     display: none;
 
 }
 
 .nav_left .l11{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -84px -20px;
 
     width: 16px;
 
     height: 18px;
 
 }
 
 .nav_left .l11h{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -63px -62px;
 
     width: 16px;
 
     height: 18px;
 
     display: none;
 
 }
 
 .nav_left .l12{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat 0px -41px;
 
     width: 16px;
 
     height: 18px;
 
 }
 
 .nav_left .l12h{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -84px -60px;
 
     width: 16px;
 
     height: 18px;
 
     display: none;
 
 }
 
 .nav_left .l13{
 
     display: inline-block;
 
     background: url(../../images/images/jiqiren.png) no-repeat -266px 2px;

    width: 20px;
 
     height: 18px;
 
 }
 
 .nav_left .l13h{
 
     display: inline-block;
 
     background: url(../../images/images/jiqiren.png) no-repeat -266px -38px;

     width: 20px;
 
     height: 18px;
 
     display: none;
 
 }
 
 .nav_left .l14{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -214px -2px;
 
     width: 24px;
 
     height: 18px;
 
 }
 
 .nav_left .l14h{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -214px -61px;
 
     width: 24px;
 
     height: 18px;
 
     display: none;
 
 }
 
 .nav_left .l15{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -168px 1px;
 
     width: 19px;
 
     height: 19px;
 
 }
 
 .nav_left .l15h{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -168px -79px;
 
     width: 19px;
 
     height: 19px;
 
     display: none;
 
 }
 
 .nav_left .ln1{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -192px 0;
 
     width: 17px;
 
     height: 20px;
 
 }
 
 .nav_left .ln1h{
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -192px -80px;
 
     width: 17px;
 
     height: 20px;
 
     display: none;
 
 }
 .nav_left .ln2{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -190px -22px;
 
     width: 17px;
 
     height: 20px;
 
 }
 
 .nav_left .ln2h{
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -190px -59px;
 
     width: 17px;
 
     height: 20px;
 
     display: none;
 
 }
 .nav_left .ln3{
 
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -218px -24px;
 
     width: 21px;
 
     height: 20px;
 
 }
 
 .nav_left .ln3h{
     display: inline-block;
 
     background: url(../../images/images/nav_left.png) no-repeat -218px -81px;
 
     width: 21px;
 
     height: 20px;
 
     display: none;
 
 }
 
 
 
 
 
 
 .nav_left_in{
 
     position: absolute;
 
     left: 280px;
 
     top: -1px;
 
     background: #ffffff;
 
     width: 142px;
 
     padding: 0 0 50px 0;
 
     display: none;
 
     border-top: 1px solid #ccc;
 
     border-bottom: 1px solid #ccc;
 
     z-index: 300;
 
     filter:alpha(opacity=100);
 
     -moz-opacity:1;
 
     -khtml-opacity:1;
 
     opacity:1;
 
 }
 
 .nav_left li .nav_left_in li{
 
     padding: 0;
 
     cursor: pointer;
 
     height: 85px;
 
 }
 
 .nav_left li .nav_left_in em{
 
     margin: 32px 60px 10px 56px;
 
     float: left;
 
 }
 
 .nav_left li .nav_left_in p{
 
     font:14px/14px "Microsoft YaHei";
 
     color: #333333;
 
     text-align: center;
 
 }
 
 .nav_left li .nav_left_in span{
 
     font:14px/20px "Microsoft YaHei";
 
     color: #333333;
 
     text-align: center;
 
     display: block;
 
 }
 
 .nav_left li .nav_left_in .on{
 
     background: none;
 
 }
 
 .nav_left li .nav_left_in .on span{
 
     color: #ff4a00;
 
 }
 
 .yingxiao .in1{
 
     display: inline-block;
 
     background: url(../../images/images/yingxiao.png) no-repeat 0px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .yingxiao .in1h{
 
     display: inline-block;
 
     background: url(../../images/images/yingxiao.png) no-repeat 0px -27px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .yingxiao .in2{
 
     display: inline-block;
 
     background: url(../../images/images/yingxiao.png) no-repeat -33px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .yingxiao .in2h{
 
     display: inline-block;
 
     background: url(../../images/images/yingxiao.png) no-repeat -31px -26px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .yingxiao .in3{
 
     display: inline-block;
 
     background: url(../../images/images/yingxiao.png) no-repeat -64px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .yingxiao .in3h{
 
     display: inline-block;
 
     background: url(../../images/images/yingxiao.png) no-repeat -64px -27px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .yingxiao .in4{
 
     display: inline-block;
 
     background: url(../../images/images/yingxiao.png) no-repeat -96px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .yingxiao .in4h{
 
     display: inline-block;
 
     background: url(../../images/images/yingxiao.png) no-repeat -96px -27px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 
 
 .yingxiao .in5{
 
     display: inline-block;
 
     background: url(../../images/images/yingxiao.png) no-repeat -128px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .yingxiao .in5h{
 
     display: inline-block;
 
     background: url(../../images/images/yingxiao.png) no-repeat -128px -27px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .yingxiao .in6{
 
     display: inline-block;
 
     background: url(../../images/images/yingxiao.png) no-repeat -162px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .yingxiao .in6h{
 
     display: inline-block;
 
     background: url(../../images/images/yingxiao.png) no-repeat -162px -27px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 
 
 
 
 .ar .in1{
 
     display: inline-block;
 
     background: url(../../images/images/ar.png) no-repeat 0px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .ar .in1h{
 
     display: inline-block;
 
     background: url(../../images/images/ar.png) no-repeat 0px -26px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .ar .in2{
 
     display: inline-block;
 
     background: url(../../images/images/ar.png) no-repeat -32px 0px;
 
     width: 27px;
 
     height: 25px;
 
 }
 
 .ar .in2h{
 
     display: inline-block;
 
     background: url(../../images/images/ar.png) no-repeat -32px -26px;
 
     width: 27px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .ar .in3{
 
     display: inline-block;
 
     background: url(../../images/images/ar.png) no-repeat -65px 0px;
 
     width: 27px;
 
     height: 25px;
 
 }
 
 .ar .in3h{
 
     display: inline-block;
 
     background: url(../../images/images/ar.png) no-repeat -65px -35px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .ar .in4{
 
     display: inline-block;
 
     background: url(../../images/images/ar.png) no-repeat -98px 0px;
 
     width: 27px;
 
     height: 25px;
 
 }
 
 .ar .in4h{
 
     display: inline-block;
 
     background: url(../../images/images/ar.png) no-repeat -98px -26px;
 
     width: 27px;
 
     height: 25px;
 
     display: none;
 
 }
 
 
 
 .ar .in5{
 
     display: inline-block;
 
     background: url(../../images/images/ar.png) no-repeat -255px -28px;
 
     width: 91px;
 
     height: 20px;
 
 
 
 }
 
 .ar .in5h{
 
     display: inline-block;
 
     background: url(../../images/images/ar.png) no-repeat -255px -28px;
 
     width: 91px;
 
     height: 20px;
 
     display: none;
 
 }
 
 .ar .in6{
 
     display: inline-block;
 
     background: url(../../images/images/ar.png) no-repeat -215px 0px;
 
     width: 27px;
 
     height: 25px;
 
 }
 
 .ar .in6h{
 
     display: inline-block;
 
     background: url(../../images/images/ar.png) no-repeat -215px -28px;
 
     width: 27px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .nav_left li .nav_left_in .arlast{
 
     margin: 36px 14px 0px 14px;
 
     width: 115px;
 
     height: 50px;
 
     border-radius: 50px;
 
     background: #f5f5f5;
 
 }
 
 .nav_left li .nav_left_in .arlast em{
 
     margin: 8px 30px 0 22px;
 
     float: left;
 
 }
 
 
 
 
 
 .quanzhan .in1{
 
     display: inline-block;
 
     background: url(../../images/images/quanzhan.png) no-repeat 0px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .quanzhan .in1h{
 
     display: inline-block;
 
     background: url(../../images/images/quanzhan.png) no-repeat 0px -29px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .quanzhan .in2{
 
     display: inline-block;
 
     background: url(../../images/images/quanzhan.png) no-repeat -203px 0px;
 
     width: 26px;
 
     height: 25px;
 
 }
 
 .quanzhan .in2h{
 
     display: inline-block;
 
     background: url(../../images/images/quanzhan.png) no-repeat -203px -32px;
 
     width: 26px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .quanzhan .in3{
 
     display: inline-block;
 
     background: url(../../images/images/quanzhan.png) no-repeat -238px 0px;
 
     width: 24px;
 
     height: 26px;
 
 }
 
 .quanzhan .in3h{
 
     display: inline-block;
 
     background: url(../../images/images/quanzhan.png) no-repeat -238px -32px;
 
     width: 24px;
 
     height: 26px;
 
     display: none;
 
 }
 
 .quanzhan .in4{
 
     display: inline-block;
 
     background: url(../../images/images/quanzhan.png) no-repeat -271px 0px;
 
     width: 26px;
 
     height: 26px;
 
 }
 
 .quanzhan .in4h{
 
     display: inline-block;
 
     background: url(../../images/images/quanzhan.png) no-repeat -271px -32px;
 
     width: 26px;
 
     height: 26px;
 
     display: none;
 
 }
 
 .quanzhan .in6{
 
     display: inline-block;
 
     background: url(../../images/images/quanzhan.png) no-repeat -164px 0px;
 
     width: 28px;
 
     height: 29px;
 
 }
 
 .quanzhan .in6h{
 
     display: inline-block;
 
     background: url(../../images/images/quanzhan.png) no-repeat -164px -31px;
 
     width: 28px;
 
     height: 29px;
 
     display: none;
 
 }
 
 .java .in1{
 
     display: inline-block;
 
     background: url(../../images/images/java.png) no-repeat 0px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .java .in1h{
 
     display: inline-block;
 
     background: url(../../images/images/java.png) no-repeat 0px -37px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .java .in2{
 
     display: inline-block;
 
     background: url(../../images/images/java.png) no-repeat -32px 0px;
 
     width: 27px;
 
     height: 25px;
 
 }
 
 .java .in2h{
 
     display: inline-block;
 
     background: url(../../images/images/java.png) no-repeat -32px -37px;
 
     width: 27px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .java .in3{
 
     display: inline-block;
 
     background: url(../../images/images/java.png) no-repeat -65px 0px;
 
     width: 27px;
 
     height: 25px;
 
 }
 
 .java .in3h{
 
     display: inline-block;
 
     background: url(../../images/images/java.png) no-repeat -65px -37px;
 
     width: 27px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .java .in4{
 
     display: inline-block;
 
     background: url(../../images/images/java.png) no-repeat -100px 0px;
 
     width: 29px;
 
     height: 27px;
 
 }
 
 .java .in4h{
 
     display: inline-block;
 
     background: url(../../images/images/java.png) no-repeat -100px -37px;
 
     width: 29px;
 
     height: 27px;
 
     display: none;
 
 }
 
 
 
 .java .in5{
 
     display: inline-block;
 
     background: url(../../images/images/java.png) no-repeat -136px 0px;
 
     width: 52px;
 
     height: 25px;
 
 
 
 }
 
 .java .in5h{
 
     display: inline-block;
 
     background: url(../../images/images/java.png) no-repeat -136px -37px;
 
     width: 52px;
 
     height: 25px;
 
     display: none;
 
 }
 
 
 
 .php .in1{
 
     display: inline-block;
 
     background: url(../../images/images/php.png) no-repeat 0px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .php .in1h{
 
     display: inline-block;
 
     background: url(../../images/images/php.png) no-repeat 0px -35px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .php .in2{
 
     display: inline-block;
 
     background: url(../../images/images/php.png) no-repeat -30px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .php .in2h{
 
     display: inline-block;
 
     background: url(../../images/images/php.png) no-repeat -30px -35px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .php .in3{
 
     display: inline-block;
 
     background: url(../../images/images/php.png) no-repeat -65px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .php .in3h{
 
     display: inline-block;
 
     background: url(../../images/images/php.png) no-repeat -65px -35px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .php .in4{
 
     display: inline-block;
 
     background: url(../../images/images/php.png) no-repeat -96px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .php .in4h{
 
     display: inline-block;
 
     background: url(../../images/images/php.png) no-repeat -96px -35px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 
 
 .php .in5{
 
     display: inline-block;
 
     background: url(../../images/images/php.png) no-repeat -127px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .php .in5h{
 
     display: inline-block;
 
     background: url(../../images/images/php.png) no-repeat -127px -35px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .php .in6{
 
     display: inline-block;
 
     background: url(../../images/images/php.png) no-repeat -159px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .php .in6h{
 
     display: inline-block;
 
     background: url(../../images/images/php.png) no-repeat -159px -35px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 


/* jiqiren */


.jiqiren .in1{

    display: inline-block;

    background: url(../../images/images/jiqiren.png) no-repeat 0px 0px;

    width: 34px;

    height: 33px;

}

.jiqiren .in1h{

    display: inline-block;

    background: url(../../images/images/jiqiren.png) no-repeat 0px -40px;

    width: 34px;

    height: 33px;

    display: none;

}

.jiqiren .in2{

    display: inline-block;

    background: url(../../images/images/jiqiren.png) no-repeat -43px 0px;

    width: 30px;

    height: 33px;

}

.jiqiren .in2h{

    display: inline-block;

    background: url(../../images/images/jiqiren.png) no-repeat -43px -40px;

    width: 30px;

    height: 33px;

    display: none;

}

.jiqiren .in3{

    display: inline-block;

    background: url(../../images/images/jiqiren.png) no-repeat -84px 0px;

    width: 30px;

    height: 33px;

}

.jiqiren .in3h{

    display: inline-block;

    background: url(../../images/images/jiqiren.png) no-repeat -84px -40px;

    width: 30px;

    height: 33px;

    display: none;

}

.jiqiren .in4{

    display: inline-block;

    background: url(../../images/images/jiqiren.png) no-repeat -128px 0px;

    width: 33px;

    height: 33px;

}

.jiqiren .in4h{

    display: inline-block;

    background: url(../../images/images/jiqiren.png) no-repeat -128px -40px;

    width: 33px;

    height: 33px;

    display: none;

}



.jiqiren .in5{

    display: inline-block;

    background: url(../../images/images/jiqiren.png) no-repeat -172px 0px;

    width: 30px;

    height: 33px;

}

.jiqiren .in5h{

    display: inline-block;

    background: url(../../images/images/jiqiren.png) no-repeat -172px -39px;

    width: 30px;

    height: 33px;

    display: none;

}

.jiqiren .in6{

    display: inline-block;

    background: url(../../images/images/jiqiren.png) no-repeat -213px 0px;

    width: 30px;

    height: 33px;

}

.jiqiren .in6h{

    display: inline-block;

    background: url(../../images/images/jiqiren.png) no-repeat -213px -40px;

    width: 30px;

    height: 33px;

    display: none;

}








 .dashuju .in1{
 
     display: inline-block;
 
     background: url(../../images/images/dashuju.png) no-repeat 0px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .dashuju .in1h{
 
     display: inline-block;
 
     background: url(../../images/images/dashuju.png) no-repeat 0px -35px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .dashuju .in2{
 
     display: inline-block;
 
     background: url(../../images/images/dashuju.png) no-repeat -33px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .dashuju .in2h{
 
     display: inline-block;
 
     background: url(../../images/images/dashuju.png) no-repeat -33px -35px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .dashuju .in3{
 
     display: inline-block;
 
     background: url(../../images/images/dashuju.png) no-repeat -65px 0px;
 
     width: 26px;
 
     height: 25px;
 
 }
 
 .dashuju .in3h{
 
     display: inline-block;
 
     background: url(../../images/images/dashuju.png) no-repeat -65px -35px;
 
     width: 26px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .dashuju .in4{
 
     display: inline-block;
 
     background: url(../../images/images/dashuju.png) no-repeat -100px 0px;
 
     width: 25px;
 
     height: 25px;
 
 }
 
 .dashuju .in4h{
 
     display: inline-block;
 
     background: url(../../images/images/dashuju.png) no-repeat -100px -35px;
 
     width: 25px;
 
     height: 25px;
 
     display: none;
 
 }
 
 
 
 .dashuju .in5{
 
     display: inline-block;
 
     background: url(../../images/images/dashuju.png) no-repeat -136px 0px;
 
     width: 25px;
 
     height: 25px;
 
 }
 
 .dashuju .in5h{
 
     display: inline-block;
 
     background: url(../../images/images/dashuju.png) no-repeat -136px -35px;
 
     width: 25px;
 
     height: 25px;
 
     display: none;
 
 }
 
 
 
 
 
 .ceshi{
 
     padding-bottom: 50px;
 
 }
 
 
 
 .ceshi .in1{
 
     display: inline-block;
 
     background: url(../../images/images/ceshi.png) no-repeat 0px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .ceshi .in1h{
 
     display: inline-block;
 
     background: url(../../images/images/ceshi.png) no-repeat 0px -37px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .ceshi .in2{
 
     display: inline-block;
 
     background: url(../../images/images/ceshi.png) no-repeat -31px 0px;
 
     width: 24px;
 
     height: 27px;
 
 }
 
 .ceshi .in2h{
 
     display: inline-block;
 
     background: url(../../images/images/ceshi.png) no-repeat -31px -37px;
 
     width: 24px;
 
     height: 27px;
 
     display: none;
 
 }
 
 .ceshi .in3{
 
     display: inline-block;
 
     background: url(../../images/images/ceshi.png) no-repeat -64px -2px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .ceshi .in3h{
 
     display: inline-block;
 
     background: url(../../images/images/ceshi.png) no-repeat -64px -39px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .ceshi .in4{
 
     display: inline-block;
 
     background: url(../../images/images/ceshi.png) no-repeat -97px -2px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .ceshi .in4h{
 
     display: inline-block;
 
     background: url(../../images/images/ceshi.png) no-repeat -97px -39px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 
 
 .ceshi .in5{
 
     display: inline-block;
 
     background: url(../../images/images/ceshi.png) no-repeat -129px -2px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .ceshi .in5h{
 
     display: inline-block;
 
     background: url(../../images/images/ceshi.png) no-repeat -129px -39px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 
 
 
 
 .linux .in1{
 
     display: inline-block;
 
     background: url(../../images/images/linux.png) no-repeat 0px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .linux .in1h{
 
     display: inline-block;
 
     background: url(../../images/images/linux.png) no-repeat 0px -35px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .linux .in2{
 
     display: inline-block;
 
     background: url(../../images/images/linux.png) no-repeat -34px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .linux .in2h{
 
     display: inline-block;
 
     background: url(../../images/images/linux.png) no-repeat -34px -35px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .linux .in3{
 
     display: inline-block;
 
     background: url(../../images/images/linux.png) no-repeat -68px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .linux .in3h{
 
     display: inline-block;
 
     background: url(../../images/images/linux.png) no-repeat -68px -35px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .linux .in4{
 
     display: inline-block;
 
     background: url(../../images/images/linux.png) no-repeat -104px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .linux .in4h{
 
     display: inline-block;
 
     background: url(../../images/images/linux.png) no-repeat -104px -35px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 
 
 .linux .in5{
 
     display: inline-block;
 
     background: url(../../images/images/linux.png) no-repeat -138px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .linux .in5h{
 
     display: inline-block;
 
     background: url(../../images/images/linux.png) no-repeat -138px -35px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .linux .in6{
 
     display: inline-block;
 
     background: url(../../images/images/linux.png) no-repeat -167px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .linux .in6h{
 
     display: inline-block;
 
     background: url(../../images/images/linux.png) no-repeat -167px -35px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .anquan{
 
     padding-bottom: 155px;
 
 }
 
 .anquan .in1{
 
     display: inline-block;
 
     background: url(../../images/images/anquan.png) no-repeat 0px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .anquan .in1h{
 
     display: inline-block;
 
     background: url(../../images/images/anquan.png) no-repeat 0px -33px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .anquan .in2{
 
     display: inline-block;
 
     background: url(../../images/images/anquan.png) no-repeat -31px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .anquan .in2h{
 
     display: inline-block;
 
     background: url(../../images/images/anquan.png) no-repeat -31px -33px;
 
     width: 27px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .anquan .in3{
 
     display: inline-block;
 
     background: url(../../images/images/anquan.png) no-repeat -63px 0px;
 
     width: 24px;
 
     height: 27px;
 
 }
 
 .anquan .in3h{
 
     display: inline-block;
 
     background: url(../../images/images/anquan.png) no-repeat -63px -33px;
 
     width: 24px;
 
     height: 27px;
 
     display: none;
 
 }
 
 .anquan .in4{
 
     display: inline-block;
 
     background: url(../../images/images/anquan.png) no-repeat -89px 0px;
 
     width: 64px;
 
     height: 22px;
 
     
 
 }
 
 .anquan .in4h{
 
     display: inline-block;
 
     background: url(../../images/images/anquan.png) no-repeat -89px -33px;
 
     width: 64px;
 
     height: 22px;
 
     display: none;
 
 }
 
 
 
 .nav_left li .nav_left_in .last{
 
     margin: 36px 14px 0px 14px;
 
     width: 115px;
 
     height: 50px;
 
     border-radius: 50px;
 
     background: #f5f5f5;
 
 }
 
 .nav_left li .nav_left_in .last em{
 
     margin: 8px 30px 0 33px;
 
     float: left;
 
 }
 
 
 
 .python .in1{
 
     display: inline-block;
 
     background: url(../../images/images/python.png) no-repeat 0px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .python .in1h{
 
     display: inline-block;
 
     background: url(../../images/images/python.png) no-repeat 0px -32px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .python .in2{
 
     display: inline-block;
 
     background: url(../../images/images/python.png) no-repeat -33px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .python .in2h{
 
     display: inline-block;
 
     background: url(../../images/images/python.png) no-repeat -33px -32px;
 
     width: 27px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .python .in3{
 
     display: inline-block;
 
     background: url(../../images/images/python.png) no-repeat -64px 0px;
 
     width: 24px;
 
     height: 27px;
 
 }
 
 .python .in3h{
 
     display: inline-block;
 
     background: url(../../images/images/python.png) no-repeat -64px -32px;
 
     width: 24px;
 
     height: 27px;
 
     display: none;
 
 }
 
 .python .in4{
 
     display: inline-block;
 
     background: url(../../images/images/python.png) no-repeat -100px 0px;
 
     width: 24px;
 
     height: 22px;
 
 }
 
 .python .in4h{
 
     display: inline-block;
 
     background: url(../../images/images/python.png) no-repeat -100px -32px;
 
     width: 24px;
 
     height: 22px;
 
     display: none;
 
 }
 
 
 
 .python .in5{
 
     display: inline-block;
 
     background: url(../../images/images/python.png) no-repeat -137px 0px;
 
     width: 50px;
 
     height: 22px;
 
 }
 
 .python .in5h{
 
     display: inline-block;
 
     background: url(../../images/images/python.png) no-repeat -137px 0px;
 
     width: 50px;
 
     height: 22px;
 
     display: none;
 
 }
 
 .python .in6{
 
     display: inline-block;
 
     background: url(../../images/images/python.png) no-repeat -197px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .python .in6h{
 
     display: inline-block;
 
     background: url(../../images/images/python.png) no-repeat -197px -32px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .nav_left li .nav_left_in .python .last{
 
     margin: 36px 14px 0px 14px;
 
     width: 115px;
 
     height: 50px;
 
     border-radius: 50px;
 
     background: #f5f5f5;
 
 }
 
 .nav_left li .nav_left_in .python .last em{
 
     margin: 8px 30px 0 30px;
 
     float: left;
 
 }
 
 
 
 
 
 .ui .in1{
 
     display: inline-block;
 
     background: url(../../images/images/ui.png) no-repeat 0px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .ui .in1h{
 
     display: inline-block;
 
     background: url(../../images/images/ui.png) no-repeat 0px -35px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .ui .in2{
 
     display: inline-block;
 
     background: url(../../images/images/ui.png) no-repeat -33px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .ui .in2h{
 
     display: inline-block;
 
     background: url(../../images/images/ui.png) no-repeat -33px -35px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .ui .in3{
 
     display: inline-block;
 
     background: url(../../images/images/ui.png) no-repeat -68px 0px;
 
     width: 26px;
 
     height: 25px;
 
 }
 
 .ui .in3h{
 
     display: inline-block;
 
     background: url(../../images/images/ui.png) no-repeat -68px -35px;
 
     width: 26px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .ui .in4{
 
     display: inline-block;
 
     background: url(../../images/images/ui.png) no-repeat -105px 0px;
 
     width: 25px;
 
     height: 25px;
 
 }
 
 .ui .in4h{
 
     display: inline-block;
 
     background: url(../../images/images/ui.png) no-repeat -105px -35px;
 
     width: 25px;
 
     height: 25px;
 
     display: none;
 
 }
 
 
 
 .ui .in5{
 
     display: inline-block;
 
     background: url(../../images/images/ui.png) no-repeat -141px 0px;
 
     width: 25px;
 
     height: 25px;
 
 }
 
 .ui .in5h{
 
     display: inline-block;
 
     background: url(../../images/images/ui.png) no-repeat -141px -35px;
 
     width: 25px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .qianru .in1{
 
     display: inline-block;
 
     background: url(../../images/images/qianru.png) no-repeat 0px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .qianru .in1h{
 
     display: inline-block;
 
     background: url(../../images/images/qianru.png) no-repeat 0px -34px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .qianru .in2{
 
     display: inline-block;
 
     background: url(../../images/images/qianru.png) no-repeat -29px 0px;
 
     width: 27px;
 
     height: 25px;
 
 }
 
 .qianru .in2h{
 
     display: inline-block;
 
     background: url(../../images/images/qianru.png) no-repeat -29px -34px;
 
     width: 27px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .qianru .in3{
 
     display: inline-block;
 
     background: url(../../images/images/qianru.png) no-repeat -64px 0px;
 
     width: 29px;
 
     height: 24px;
 
 }
 
 .qianru .in3h{
 
     display: inline-block;
 
     background: url(../../images/images/qianru.png) no-repeat -64px -34px;
 
     width: 29px;
 
     height: 24px;
 
     display: none;
 
 }
 
 .qianru .in4{
 
     display: inline-block;
 
     background: url(../../images/images/qianru.png) no-repeat -100px 0px;
 
     width: 29px;
 
     height: 27px;
 
 }
 
 .qianru .in4h{
 
     display: inline-block;
 
     background: url(../../images/images/qianru.png) no-repeat -100px -34px;
 
     width: 29px;
 
     height: 27px;
 
     display: none;
 
 }
 
 
 
 .qianru .in5{
 
     display: inline-block;
 
     background: url(../../images/images/qianru.png) no-repeat -132px 0px;
 
     width: 27px;
 
     height: 25px;
 
 
 
 }
 
 .qianru .in5h{
 
     display: inline-block;
 
     background: url(../../images/images/qianru.png) no-repeat -132px -34px;
 
     width: 27px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .qianru .in6{
 
     display: inline-block;
 
     background: url(../../images/images/qianru.png) no-repeat -168px 0px;
 
     width: 31px;
 
     height: 25px;
 
 
 
 }
 
 .qianru .in6h{
 
     display: inline-block;
 
     background: url(../../images/images/qianru.png) no-repeat -168px -34px;
 
     width: 31px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .renzheng{
     padding: 0 0 160px 0;
 }
 
 .renzheng .in1{
 
     display: inline-block;
 
     background: url(../../images/images/renzheng.png) no-repeat 0px 0px;
 
     width: 30px;
 
     height: 25px;
 
 }
 .renzheng .in1h{
     display: inline-block;
     background: url(../../images/images/renzheng.png) no-repeat 0px -40px;
     width: 30px;
     height: 25px;
     display: none;
 }
 .renzheng .in2{
 
     display: inline-block;
 
     background: url(../../images/images/renzheng.png) no-repeat -40px -2px;
 
     width: 38px;
 
     height: 25px;
 
 }
 .renzheng .in2h{
     display: inline-block;
     background: url(../../images/images/renzheng.png) no-repeat -40px -42px;
     width: 38px;
     height: 25px;
     display: none;
 }
 .renzheng .in3{
 
     display: inline-block;
 
     background: url(../../images/images/renzheng.png) no-repeat -86px -0px;
 
     width: 38px;
 
     height: 32px;
 
 }
 .renzheng .in3h{
     display: inline-block;
     background: url(../../images/images/renzheng.png) no-repeat -86px -37px;
     width: 38px;
     height: 32px;
     display: none;
 }
 .renzheng .in4{
 
     display: inline-block;
 
     background: url(../../images/images/renzheng.png) no-repeat -127px -0px;
 
     width: 30px;
 
     height: 32px;
 
 }
 .renzheng .in4h{
     display: inline-block;
     background: url(../../images/images/renzheng.png) no-repeat -127px -36px;
     width: 30px;
     height: 32px;
     display: none;
 }
 .renzheng .in5{
 
     display: inline-block;
 
     background: url(../../images/images/renzheng.png) no-repeat -164px -2px;
 
     width: 30px;
 
     height: 32px;
 
 }
 .renzheng .in5h{
     display: inline-block;
     background: url(../../images/images/renzheng.png) no-repeat -164px -37px;
     width: 30px;
     height: 32px;
     display: none;
 }
 
 
 
 .dianshang .in1{
 
     display: inline-block;
 
     background: url(../../images/images/dianshang2.png) no-repeat 0px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .dianshang .in1h{
 
     display: inline-block;
 
     background: url(../../images/images/dianshang2.png) no-repeat 0px -27px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .dianshang .in2{
 
     display: inline-block;
 
     background: url(../../images/images/dianshang2.png) no-repeat -33px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .dianshang .in2h{
 
     display: inline-block;
 
     background: url(../../images/images/dianshang2.png) no-repeat -33px -27px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .dianshang .in3{
 
     display: inline-block;
 
     background: url(../../images/images/dianshang2.png) no-repeat -68px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .dianshang .in3h{
 
     display: inline-block;
 
     background: url(../../images/images/dianshang2.png) no-repeat -68px -28px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .dianshang .in4{
 
     display: inline-block;
 
     background: url(../../images/images/dianshang2.png) no-repeat -104px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .dianshang .in4h{
 
     display: inline-block;
 
     background: url(../../images/images/dianshang2.png) no-repeat -104px -28px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 
 
 .dianshang .in5{
 
     display: inline-block;
 
     background: url(../../images/images/dianshang2.png) no-repeat -142px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .dianshang .in5h{
 
     display: inline-block;
 
     background: url(../../images/images/dianshang2.png) no-repeat -142px -30px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .dianshang .in6{
 
     display: inline-block;
 
     background: url(../../images/images/dianshang2.png) no-repeat -175px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .dianshang .in6h{
 
     display: inline-block;
 
     background: url(../../images/images/dianshang2.png) no-repeat -175px -28px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .dianshang .in7{
 
     display: inline-block;
 
     background: url(../../images/images/dianshang2.png) no-repeat -212px 0px;
 
     width: 24px;
 
     height: 25px;
 
 }
 
 .dianshang .in7h{
 
     display: inline-block;
 
     background: url(../../images/images/dianshang2.png) no-repeat -212px -30px;
 
     width: 24px;
 
     height: 25px;
 
     display: none;
 
 }
 
 .nav_left li .dianshang{
 
     padding-bottom: 35px;
 
 }
 
 .nav_left li .dianshang em {
 
     margin: 38px 60px 10px 60px;
 
     float: left;
 
 }
 
 .nav_left li .dianshang dd {
 
 height: 80px;
 
 }
 
 





































































/*列表�??-分页*/

.pagebox{text-align: center;margin:0 auto;font-family: Microsoft YaHei;}

.list_pagebox{ text-align:center; }

.list_pagebox p{display:inline-block;_display:inline; text-indent:0;}

.list_pagebox p a{ display:inline-block; font-size:16px;padding:0 20px;height:48px; border:1px solid #e7e7e7; margin-right:3px; text-align:center; line-height:48px; color:#666;background:#fff;border-radius:3px;font-family:"Microsoft yahei";}

.list_pagebox p a:hover{color:#fff; background:#ff4a00; text-decoration:none;}

.list_pagebox p span{display:inline-block; font-size:16px; padding:0 20px; height:48px; border:1px solid #ff4a00; margin-right:3px; text-align:center; line-height:48px; color:#fff; background:#ff4a00;border-radius:3px;font-family:"Microsoft yahei";}

.list_pagebox p font{display:inline-block; color:#666; width:32px; height:32px; margin-right:10px;}







/* right */

.zg_right{

    float: right;

    width: 310px;

}

.part0{
    width: 310px;
    height:360px ;
    background:#fff; 
    position: relative;
    border: 1px solid rgb(197, 197, 197);
}
.p0_pic{
    width: 310px;height: 143px;  overflow: hidden;
}
.p0_pic img{
    width: 310px;
}
.part0 .p0_pic img:hover{
    transition: 1s;
    transform:scale(1.1);
    -webkit-transform:scale(1.1);    /* for Chrome || Safari */
    -moz-transform:scale(1.1);       /* for Firefox */
    -ms-transform:scale(1.1);        /* for IE */
    -o-transform:scale(1.1);   
}



.part0 .p0_0{
    position: absolute;
    top: 107px;
    left: 106px;

  
}

.part0 .p0_ma{
    position: absolute;
    top: 97px;
    left: 83px;
    display: none;
}
.part0 p{
    display: block;
    font-size: 12px;
    text-align: center;
    color: #444;
    margin-top: 11px;
}

.part0>h5{
    font-size: 14px;
    font-weight: bold;
    color: #333;
    text-align: center;
    padding-top: 68px;
}

.part0 .p0_btn{
    display: block;
    margin: 25px auto 0;
    cursor: pointer;
}
.part0 ul{
margin: 27px 0 0 30px;
}

.part0 ul li{
    float: left;
    margin: 0 10px;
    font-size: 12px;
    line-height: 12px;
    color: #ff4b01;    cursor: pointer;
}
.part0 ul li img{
    margin: 0 8px 0 0;
    position: relative;
    top: -1.5px;
}
.zg_right .part1{

    margin-top: -15px

}

.zg_right .part1 a{

    display: block;

    margin-top: 15px

}

.zg_right .part2{

    margin-top: 30px;

} 



.zg_right .part2 .top{



}



.zg_right .part2 .top li{

    height: 30px;

    border-bottom: 1px solid #fff;

    color: #333333;

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

    float: left;

    margin-right: 60px;

    cursor: pointer;

}

.zg_right .part2 .top .on{

    color: #ff4b00;

    border-bottom: 1px solid #ff4b00;

}

.zg_right .part2 .part2_txt span{

    float: left;

    width: 14px;

    height: 16px;

    padding-left: 2px;

    background: #dcdcdc;

    color: #fff;

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

    margin-right: 11px

}

.zg_right .part2 .part2_txt dd{

    margin-top: 25px;

    color: #333333;

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

    overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

}

.zg_right .part2 .part2_txt dd a{

    margin-top: 25px;

    color: #333333;

    font: 16px "Microsoft YaHei"; 

    overflow: hidden;

text-overflow:ellipsis;

white-space: nowrap;

}

.zg_right .part2 .part2_txt dd a:hover{

    color: #ff4b00;

}

.zg_right .part2 .part2_txt .sp1{

    margin-top: 20px

}

.zg_right .part2 .part2_txt .sp1 span{

    background: #ff9832; 

   

}

.zg_right .part2 .part2_txt .sp2 span{

    background: #ffb56c; 

}

.zg_right .part2 .part2_txt .sp3 span{

    background: #ffd984; 

}

.zg_right>a{

    display: block;

    width: 270px;

    height: 41px;

    background: url(../../images/list_images/right_a.png) no-repeat center center ;

    text-align: center;

    color: #fff;

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

    margin-top: 30px

}



.zg_right .part3{

    margin-top: 30px

}

.zg_right .part3 .top{

    height: 30px;

border-bottom: 1px solid #eeeeee;

}

.zg_right .part3 .top div{

    color: #ff4b00;

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

    float: left;

    height: 30px;

    border-bottom: 1px solid #ff4b00;

    margin-right:10px

}



.zg_right .part3 .top span{

    color: #666;

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

}

.zg_right .part3>dl{

    margin-top: 18px

}

.zg_right .part3>dl dd{

    height: 49px;

    border-bottom: 1px dotted #aaaaaa;



}

.zg_right .part3>dl .last{

    border:none

}

.zg_right .part3>dl dd span{

    float: left;

    color: #333333;

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

}

.zg_right .part3>dl dd a{

    float: right;

    width: 98px;

    height: 28px;

    border-radius: 28px;

    border: 1px solid #fff;

    margin-top: 10px;

    color: #ff4b00;

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

    text-align: center

}

.zg_right .part3>dl dd a:hover{

    border: 1px solid #ff4b00;

}

.zg_right .part3>dl dd a span{

    font-size: 23px;

    font-weight: bold;

    float: right;

    color: #ff4b00;

    margin: -12px 8px 0 -10px

}

.zg_right .part3 .bottom{

    width: 308px;

    border: 1px solid #e5e5e5;

    height: 130px;

    /* margin-top: 12px; */

    display: none



}

.zg_right .part3 .bottom img{

    float: left;

    margin: 18px 14px 0 20px

}

.zg_right .part3 .bottom dl{

    margin-top: 18px; overflow: hidden;

}

.zg_right .part3 .bottom dt{

    margin-top: 18px;

    color: #333333;

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

}



.zg_right .part3 .bottom dd{

    margin-top: 9px;

    color: #888888;

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

}

.zg_right .nav_scroll_abs .bottom{

    display: block !important;

}

.zghd_static{

    position: fixed;

    top: 0;

    width: 310px;

}

.nav_scroll_abs{

    position: absolute;

    bottom: 0;

    right: 0;

    width: 310px;

}

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

.zghd_scroll{

    background: #fff !important;

}







/* 分页 */



.pagebox{text-align: center;margin:0 auto;font-family: Microsoft YaHei;}



.list_pagebox{ text-align:center; }



.list_pagebox p{display:inline-block;_display:inline; text-indent:0;}



.list_pagebox p a{ display:inline-block; font-size:16px;padding:0 20px;height:48px; border:1px solid #e7e7e7; margin-right:3px; text-align:center; line-height:48px; color:#666;background:#fff;border-radius:3px;font-family:"Microsoft yahei";}



.list_pagebox p a:hover{color:#fff; background:#ff4a00; text-decoration:none;}



.list_pagebox p span{display:inline-block; font-size:16px; padding:0 20px; height:48px; border:1px solid #ff4a00; margin-right:3px; text-align:center; line-height:48px; color:#fff; background:#ff4a00;border-radius:3px;font-family:"Microsoft yahei";}



.list_pagebox p font{display:inline-block; color:#666; width:32px; height:32px; margin-right:10px;}



.uiChooseDiv{height:45px;margin-top:24px;z-index:11;position:relative;}



.uiChooseTable{width:auto;border-collapse:collapse;}



.uiChooseTable td{height:43px;width:160px;border:1px solid #dadada;}



.mod_select{ height:43px; line-height:43px;cursor:pointer;}



.mod_select ul{margin:0;padding:0;}



.mod_select ul li{float:left;height:43px;line-height:43px;}



.select_box{float:left;width:160px;height:43px;color:#666;position:relative;cursor:pointer;}



.selet_open{display:inline-block;position:absolute;right:0;top:0;z-index:11;width:30px;height:43px; background:url(../../images/list_images/uiChooseSj.png) center center no-repeat;_background:url(../../images/list_images/uiChooseSj.gif) center center no-repeat;}



.select_txt{display:inline-block;position:relative;z-index:10;padding-left:15px;width:143px;height:43px;overflow:hidden;font:normal 14px/43px "Microsoft Yahei";color:#555;}



.uiChooseActiveS,.uiSssActiveS{background:#fff;}



.option{width:160px; border:solid 1px #dadada;border-top:none;position:absolute;top:42px;left:-1px;z-index:2;overflow:hidden;overflow-y:auto;display:none;opacity:.95;filter:alpha(opacity=95);}



.option a{display:block;height:45px;text-align:left;padding:0 5px 0 15px;width:140px;background:#fff; text-decoration:none;font:normal 14px/45px "Microsoft Yahei";color:#555;}



.option a:hover{background:#ff4a00; color:#fff; text-decoration:none;}







.uiBtnUpload{width:140px;height:42px;overflow:hidden; position:relative;cursor:pointer;}



.oUpLoadFile{display:block;width:140px;height:42px;background:#ff4a00;border-radius:3px;font:normal 14px/42px "Microsoft Yahei";color:#fff;}



.oUpLoadFile:hover{background:#e44104;}



.oUpLoadFile span{display:block;width:140px;height:42px;font:normal 14px/42px "Microsoft Yahei";color:#fff;position:absolute;top:0;left:0;cursor:pointer;text-align:center;}



.ofilePrew { display: block;position: absolute;top: 0;left: 0;width:140px;height:42px;font-size: 100px; opacity: 0;filter: alpha(opacity=0);cursor: pointer;}







.pageSelect{position:relative;top:19px;height:48px;line-height:48px;text-align:left;border-radius:3px;border:1px solid #e7e7e7;display:inline-block;_display:inline;}



.pageSelect ul li{height:48px;line-height:48px;}



.pageSelect .select_box{width:110px;height:48px;}



.pageSelect .option{width:110px;}



.pageSelect .option a{width:110px;}



.pageSelect .select_txt{height:48px;line-height:48px;}



.pageSelect .selet_open{height:48px;line-height:48px;}







/*---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: 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_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_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_images/tel.jpg) no-repeat right center; margin: 17px 44px 0 0; }



.zglh_tel .tel01 { float: left; }



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

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

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



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



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

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







.indexFixout{ width: 80px; position: fixed; z-index: 99998; top: 100px; left:-80px;}



.fixOpen {border-radius: 10px;overflow: hidden; position: absolute; top: 50%; right: -26px; margin-top: -60px; width: 36px; height: 120px; background: url(../../images/fixBtnClose.png) center center no-repeat; _background: url(../../images/fixBtnClose.gif) center center no-repeat; cursor: pointer;  display: none; }



.fixClose {border-radius: 10px;overflow: hidden; position: absolute; top: 50%; right: -26px; margin-top: -60px; width: 36px; height: 120px; cursor: pointer; background: url(../../images/fixBtnOpen.png) center center no-repeat; _background: url(../../images/fixBtnOpen.gif) center center no-repeat;}



.indexFix { float: right; top: 0; left: 20px; background: #fff; width: 80px;}

.indexFixin>div{

    position: relative;

}

.flex{

    width: 75px;

    height: 396px;

    border-top: 1px solid #e0e0e0;

}

.flex li{

    width: 73px;

    height: 78px;

    border-top: 1px solid #e0e0e0;

    border-left: 1px solid #e0e0e0;

    border-right: 1px solid #e0e0e0;

    background: #ffffff;

  cursor: pointer;

  vertical-align: bottom;

}

.flex li i{

    display: block;

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

    color: #333333;

    text-align: center;

    margin-top: 12px

}



.flex .l1 em{

    display: block;

    background: url(../../images/images/flex.png) no-repeat 1px 0;

    width: 28px;

    height: 28px;

    margin: 12px  auto 0 auto;

}

.flex .l2 em{

    display: block;

    background: url(../../images/images/flex.png) no-repeat -30px 0;

    width: 28px;

    height: 28px;

    margin: 12px  auto 0 auto;

}

.flex .l3 em{

    display: block;

    background: url(../../images/images/flex.png) no-repeat -63px 0;

    width: 28px;

    height: 28px;

    margin: 12px  auto 0 auto;

}

.flex .l4 em{

    display: block;

    background: url(../../images/images/flex.png) no-repeat -94px 0;

    width: 28px;

    height: 28px;

    margin: 12px  auto 0 auto;

}

.flex .l5 em{

    display: block;

    background: url(../../images/images/flex.png) no-repeat -127px 0;

    width: 28px;

    height: 28px;

    margin: 12px  auto 0 auto;

}

.flex .l1 span{

    display: block;

    background: url(../../images/images/flex.png) no-repeat 1px -38px;

    width: 28px;

    height: 28px;

    margin: 12px  auto 0 auto;

}

.flex .l2 span{

    display: block;

    background: url(../../images/images/flex.png) no-repeat -30px -38px;

    width: 28px;

    height: 28px;

    margin: 12px  auto 0 auto;

}

.flex .l3 span{

    display: block;

    background: url(../../images/images/flex.png) no-repeat -63px -38px;

    width: 28px;

    height: 28px;

    margin: 12px  auto 0 auto;

}

.flex .l4 span{

    display: block;

    background: url(../../images/images/flex.png) no-repeat -94px -38px;

    width: 28px;

    height: 28px;

    margin: 12px  auto 0 auto;

}

.flex .l5 span{

    display: block;

    background: url(../../images/images/flex.png) no-repeat -127px -38px;

    width: 28px;

    height: 28px;

    margin: 12px  auto 0 auto;

}



.flex .l5 {

    border-bottom: 1px solid #e0e0e0;

}

.flex .on{

    border:none;

    width: 73px;

    height: 78px;

    padding: 1px;

    background: #f67524;

}

.flex .on em{

    display: none;

}

.flex .on i{

  color: #ffffff;

}




.flex .l1 b{

    display: block;

    background: url(../../images/images/flex.png) no-repeat 1px -38px;

    width: 28px;

    height: 28px;

    margin: 12px  auto 0 auto;

}

.flex .l2 b{

    display: block;

    background: url(../../images/images/flex.png) no-repeat -30px -38px;

    width: 28px;

    height: 28px;

    margin: 12px  auto 0 auto;

}

.flex .l3 b{

    display: block;

    background: url(../../images/images/flex.png) no-repeat -63px -38px;

    width: 28px;

    height: 28px;

    margin: 12px  auto 0 auto;

}

.flex .l4 b{

    display: block;

    background: url(../../images/images/flex.png) no-repeat -94px -38px;

    width: 28px;

    height: 28px;

    margin: 12px  auto 0 auto;

}

.flex .l5 b{

    display: block;

    background: url(../../images/images/flex.png) no-repeat -127px -38px;

    width: 28px;

    height: 28px;

    margin: 12px  auto 0 auto;

}




.indexFixin .flex li b{
    display: none;
}
.indexFixin .flex .on b{
    display: block;
}









.flex_b500g{
    background:url(../../images/images/500g.png)  no-repeat center top;
    width: 500px;

    height: 369px;

    position: fixed;

    top: 10%;

    left: 30%;

    z-index: 500;

    -webkit-animation:flexscall  1s ease  ,sideways 1s ease-in-out infinite alternate;

    animation:flexscall  1s ease  ,sideways 1s ease-in-out infinite alternate;

}





@-webkit-keyframes bubble {

    0% {

    -webkit-transform:translate3d(-300px,120px,0px);

    transform:translate3d(-300px,120px,0px);

    }

    1000% {

        -webkit-transform:none;

        transform:none

    }

  }

  

  @keyframes bubble {

    0% {

      -webkit-transform:translate3d(-300px,120px,0px);

      transform:translate3d(-300px,120px,0px);

      }

      100% {

          -webkit-transform:none;

          transform:none

      }

  }







  @-webkit-keyframes disappear {

    0% {

      opacity: 0;

    }

    100% {

      opacity: 1;

    }

  }

  @keyframes disappear {

    0% {

      opacity: 0;

    }

    100% {

      opacity: 1;

    }

  }

  @-webkit-keyframes sideways {

    0% {

      margin-top: 0px;

    }

    100% {

      margin-top: 10px;

    }

  }

  @keyframes sideways {

    0% {

      margin-top: 0px;

    }

    100% {

      margin-top: 10px;

    }

  }



  @-webkit-keyframes flexscall {

    0% {-webkit-transform: scale(.3);

        -o-transform: scale(.3);

        -moz-transform: scale(.3);

        -ms-transform: scale(.3);

    }



    100% {-webkit-transform: scale(1);

        -o-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1)}

  }

  @keyframes flexscall {

    0% {-webkit-transform: scale(.3);

        -o-transform: scale(.3);

        -moz-transform: scale(.3);

        -ms-transform: scale(.3);

    }

   

    100% {-webkit-transform: scale(1);

        -o-transform: scale(1);

        -moz-transform: scale(1);

        -ms-transform: scale(1)}

  }







.flex_b500g img{

    float: right;

    margin-right: 11px;

    cursor: pointer;

    position: relative;

    top: 40px

}

.flex_b500g a{

    display: block;  


}

.flex_b500g p{

    font:bold 40px/48px "Microsoft YaHei";

    color: #333333;

margin: 190px 0 0 228px

}

.flex_b500g span{

    display: block;

    width:296px ;

    height: 58px;

    background:url(../../images/images/500g_btn.png)  no-repeat center top;

    margin: 13px 0 0 202px;

    text-align: center;

    font:bold 20px/52px "Microsoft YaHei";

    color: #fdea1e;

}



.flex_s500g{

    width: 206px;

    height: 106px; 

    position: fixed;

    right: 0%;top: 6%;



}

.flex_s500g a{

    display: block;

    width: 206px;

    height: 106px;

    background:url(../../images/images/s500g.png)  no-repeat center top;

    overflow: hidden;

    display: none

}

.flex_on a{

    display: block;

    -webkit-animation:bubble  1s ease  ,sideways 1s ease-in-out infinite alternate;

    animation:bubble  1s ease,sideways 1s ease-in-out infinite alternate;



}

.flex_s500g span{

    display: block;

    text-align: center;

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

    color: #333;

    margin: 62px 0 0 62px

}




/* 0000 */

.fuchuangbg{
    background:rgba(0,0,0,0.5) none repeat scroll !important;
    width: 100%;
    height: 100%;
    position: fixed;
    top:0;
    left: 0;
    z-index: 5000;
}

.fuchuang{
    width: 703px;
    height: 687px;
    background: url('http://www.ujiuye.com/statics/images/images/fuchang2.png')no-repeat center top;
    overflow: hidden;
    position: fixed;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -380px;
    margin-left: -245px;
}
.fuchuang .close{
    position: absolute;
    top: 181px;
    right: 276px;
    cursor: pointer;
}
.fuchuang h5{

    font-size: 30px;
    color: #873c2b;
    font-weight: bold;
    line-height: 30px;
    position: absolute;
    top:288px;
    left: 102px;
}
.fuchuang .cont{
    position: absolute;
    top:335px;
    left: 94px;
}
.fuchuang .cont div{
    width: 455px;
    height: 54px;
    margin-bottom: 20px;
  
}
.fuchuang .cont div dl{
    float: left;
    width: 275px;
    margin-top: 6px;
}
.fuchuang .cont div dl dt{
    float: left;
    width: 67px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
    color: #ea2c2c;
    font-weight: bold;
}
.fuchuang .cont div dl dd{
    float: left;
    width: 190px;
    font-size: 16px;
    line-height: 20px;
    color: #8e0000;
    margin-left: 10px;

}
.fuchuang .cont div dl dd span{
    font-weight: bold;
    font-size: 20px;
}
.fuchuang .cont div a{
    float: left;
    width: 47px;
    height: 47px;
    border-radius: 50%;
    font-size: 14px;
    line-height: 18px;
    text-align: center;
    color: #855200;
margin: 0px 0 0 6px;
padding-top: 8px;
}