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;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: 1000px;
    margin: 0 auto;
    min-width: 1000px;
}
.content2{
    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: 1150px;
    height: 44px;
    box-shadow: #cccccc 0 0 6px;
    margin: 0px 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 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/xibaopcimages/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/xibaopcimages/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: 220px;
    height: 38px;
    border: 1px solid #e2e2e2;
    border-radius: 38px;
    float: right;
    margin: 38px 32px 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/xibaopcimages/search.png) no-repeat center center ;
    
    /* vertical-align: middle; */
}
.seach form .zg_txt{
    margin-left: 11px;
    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 h3{
    width: 280px;
    height: 46px;
    background: #ff4b00;
    font:bold 16px/46px "Microsoft YaHei";
    letter-spacing: 1px;
    color: #ffffff;

    float: left;
    position: relative;
}
.zg_nav h3 p{
    text-align: center
}
.zg_nav .nav_top{
    float: left;
}
.nli{
    float: left;
    margin-left: 22px;
    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;
}

.zg_nav .content{
    position: relative;
    z-index: 300;
    height: 46px;
}
.nav_left_bg{
    position: absolute;
    top: 46px;
    left: 0;
    width: 280px;
    height: 610px;
    display: none
}
.show .nav_left_bg{
 
    display: block
}
.nav_leftbg{
position: relative;
left: 0;
top: 0px;
width: 280px;
height: 610px;
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: -608px
}
.nav_left li{
    padding: 14px 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: 220px;
    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: 0px 15px 0 23px;
    float: left;
}
.nav_left li .h{
    margin: 0px 15px 0 21px;
    float: left;
}
.nav_left>li>.span1{
    display: inline-block;
    width: 2px;
    height: 41px;
    background: #ff4a00;
   float: left;
   margin-top: -14px;
   display: none;
}
.nav_left .l1{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat 0 0;
    width: 16px;
    height: 18px;
}
.nav_left .l1h{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -41px -42px;
    width: 16px;
    height: 18px;
    display: none;
}
.nav_left .l2{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -21px 0;
    width: 16px;
    height: 18px;
}
.nav_left .l2h{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -64px -42px;
    width: 16px;
    height: 18px;
    display: none;
}
.nav_left .l3{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -41px 0;
    width: 16px;
    height: 18px;
}
.nav_left .l3h{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -85px -42px;
    width: 16px;
    height: 18px;
    display: none;
}
.nav_left .l4{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -63px 0;
    width: 16px;
    height: 18px;
}
.nav_left .l4h{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat 0px -62px;
    width: 16px;
    height: 18px;
    display: none;
}
.nav_left .l5{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -84px 0;
    width: 16px;
    height: 18px;
}
.nav_left .l5h{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -63px -83px;
    width: 16px;
    height: 18px;
    display: none;
}
.nav_left .l6{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat 0px -20px;
    width: 16px;
    height: 18px;
}
.nav_left .l6h{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -20px -62px;
    width: 16px;
    height: 18px;
    display: none;
}
.nav_left .l7{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -21px -18px;
    width: 16px;
    height: 18px;
}
.nav_left .l7h{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -41px -60px;
    width: 16px;
    height: 18px;
    display: none;
}
.nav_left .l8{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -130px -20px;
    width: 16px;
    height: 18px;
}
.nav_left .l8h{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -130px -62px;
    width: 16px;
    height: 18px;
    display: none;
}
.nav_left .l9{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -104px -20px;
    width: 18px;
    height: 18px;
}
.nav_left .l9h{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -105px -42px;
    width: 18px;
    height: 18px;
    display: none;
}
.nav_left .l10{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -63px -19px;
    width: 16px;
    height: 18px;
}
.nav_left .l10h{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -41px -82px;
    width: 16px;
    height: 18px;
    display: none;
}
.nav_left .l11{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -84px -20px;
    width: 16px;
    height: 18px;
}
.nav_left .l11h{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -63px -62px;
    width: 16px;
    height: 18px;
    display: none;
}
.nav_left .l12{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat 0px -41px;
    width: 16px;
    height: 18px;
}
.nav_left .l12h{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -84px -60px;
    width: 16px;
    height: 18px;
    display: none;
}
.nav_left .l13{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -20px -41px;
    width: 16px;
    height: 18px;
}
.nav_left .l13h{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat 0px -82px;
    width: 16px;
    height: 18px;
    display: none;
}
.nav_left .l14{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -107px 0px;
    width: 16px;
    height: 18px;
}
.nav_left .l14h{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -107px -62px;
    width: 16px;
    height: 18px;
    display: none;
}
.nav_left .l15{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -130px 1px;
    width: 16px;
    height: 18px;
}
.nav_left .l15h{
    display: inline-block;
    background: url(../../images/xibaopcimages/nav_left.png) no-repeat -130px -41px;
    width: 16px;
    height: 18px;
    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: 36px 60px 10px 60px;
    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/xibaopcimages/yingxiao.png) no-repeat 0px 0px;
    width: 24px;
    height: 25px;
}
.yingxiao .in1h{
    display: inline-block;
    background: url(../../images/xibaopcimages/yingxiao.png) no-repeat 0px -27px;
    width: 24px;
    height: 25px;
    display: none;
}
.yingxiao .in2{
    display: inline-block;
    background: url(../../images/xibaopcimages/yingxiao.png) no-repeat -33px 0px;
    width: 24px;
    height: 25px;
}
.yingxiao .in2h{
    display: inline-block;
    background: url(../../images/xibaopcimages/yingxiao.png) no-repeat -31px -26px;
    width: 24px;
    height: 25px;
    display: none;
}
.yingxiao .in3{
    display: inline-block;
    background: url(../../images/xibaopcimages/yingxiao.png) no-repeat -64px 0px;
    width: 24px;
    height: 25px;
}
.yingxiao .in3h{
    display: inline-block;
    background: url(../../images/xibaopcimages/yingxiao.png) no-repeat -64px -27px;
    width: 24px;
    height: 25px;
    display: none;
}
.yingxiao .in4{
    display: inline-block;
    background: url(../../images/xibaopcimages/yingxiao.png) no-repeat -96px 0px;
    width: 24px;
    height: 25px;
}
.yingxiao .in4h{
    display: inline-block;
    background: url(../../images/xibaopcimages/yingxiao.png) no-repeat -96px -27px;
    width: 24px;
    height: 25px;
    display: none;
}

.yingxiao .in5{
    display: inline-block;
    background: url(../../images/xibaopcimages/yingxiao.png) no-repeat -128px 0px;
    width: 24px;
    height: 25px;
}
.yingxiao .in5h{
    display: inline-block;
    background: url(../../images/xibaopcimages/yingxiao.png) no-repeat -128px -27px;
    width: 24px;
    height: 25px;
    display: none;
}
.yingxiao .in6{
    display: inline-block;
    background: url(../../images/xibaopcimages/yingxiao.png) no-repeat -162px 0px;
    width: 24px;
    height: 25px;
}
.yingxiao .in6h{
    display: inline-block;
    background: url(../../images/xibaopcimages/yingxiao.png) no-repeat -162px -27px;
    width: 24px;
    height: 25px;
    display: none;
}


.ar .in1{
    display: inline-block;
    background: url(../../images/xibaopcimages/ar.png) no-repeat 0px 0px;
    width: 24px;
    height: 25px;
}
.ar .in1h{
    display: inline-block;
    background: url(../../images/xibaopcimages/ar.png) no-repeat 0px -26px;
    width: 24px;
    height: 25px;
    display: none;
}
.ar .in2{
    display: inline-block;
    background: url(../../images/xibaopcimages/ar.png) no-repeat -32px 0px;
    width: 27px;
    height: 25px;
}
.ar .in2h{
    display: inline-block;
    background: url(../../images/xibaopcimages/ar.png) no-repeat -32px -26px;
    width: 27px;
    height: 25px;
    display: none;
}
.ar .in3{
    display: inline-block;
    background: url(../../images/xibaopcimages/ar.png) no-repeat -65px 0px;
    width: 27px;
    height: 25px;
}
.ar .in3h{
    display: inline-block;
    background: url(../../images/xibaopcimages/ar.png) no-repeat -65px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.ar .in4{
    display: inline-block;
    background: url(../../images/xibaopcimages/ar.png) no-repeat -98px 0px;
    width: 27px;
    height: 25px;
}
.ar .in4h{
    display: inline-block;
    background: url(../../images/xibaopcimages/ar.png) no-repeat -98px -26px;
    width: 27px;
    height: 25px;
    display: none;
}

.ar .in5{
    display: inline-block;
    background: url(../../images/xibaopcimages/ar.png) no-repeat -255px -28px;
    width: 91px;
    height: 20px;

}
.ar .in5h{
    display: inline-block;
    background: url(../../images/xibaopcimages/ar.png) no-repeat -255px -28px;
    width: 91px;
    height: 20px;
    display: none;
}
.ar .in6{
    display: inline-block;
    background: url(../../images/xibaopcimages/ar.png) no-repeat -215px 0px;
    width: 27px;
    height: 25px;
}
.ar .in6h{
    display: inline-block;
    background: url(../../images/xibaopcimages/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/xibaopcimages/quanzhan.png) no-repeat 0px 0px;
    width: 24px;
    height: 25px;
}
.quanzhan .in1h{
    display: inline-block;
    background: url(../../images/xibaopcimages/quanzhan.png) no-repeat 0px -29px;
    width: 24px;
    height: 25px;
    display: none;
}
.quanzhan .in2{
    display: inline-block;
    background: url(../../images/xibaopcimages/quanzhan.png) no-repeat -203px 0px;
    width: 26px;
    height: 25px;
}
.quanzhan .in2h{
    display: inline-block;
    background: url(../../images/xibaopcimages/quanzhan.png) no-repeat -203px -32px;
    width: 26px;
    height: 25px;
    display: none;
}
.quanzhan .in3{
    display: inline-block;
    background: url(../../images/xibaopcimages/quanzhan.png) no-repeat -238px 0px;
    width: 24px;
    height: 26px;
}
.quanzhan .in3h{
    display: inline-block;
    background: url(../../images/xibaopcimages/quanzhan.png) no-repeat -238px -32px;
    width: 24px;
    height: 26px;
    display: none;
}
.quanzhan .in4{
    display: inline-block;
    background: url(../../images/xibaopcimages/quanzhan.png) no-repeat -271px 0px;
    width: 26px;
    height: 26px;
}
.quanzhan .in4h{
    display: inline-block;
    background: url(../../images/xibaopcimages/quanzhan.png) no-repeat -271px -32px;
    width: 26px;
    height: 26px;
    display: none;
}
.quanzhan .in6{
    display: inline-block;
    background: url(../../images/xibaopcimages/quanzhan.png) no-repeat -164px 0px;
    width: 28px;
    height: 29px;
}
.quanzhan .in6h{
    display: inline-block;
    background: url(../../images/xibaopcimages/quanzhan.png) no-repeat -164px -31px;
    width: 28px;
    height: 29px;
    display: none;
}
.java .in1{
    display: inline-block;
    background: url(../../images/xibaopcimages/java.png) no-repeat 0px 0px;
    width: 24px;
    height: 25px;
}
.java .in1h{
    display: inline-block;
    background: url(../../images/xibaopcimages/java.png) no-repeat 0px -37px;
    width: 24px;
    height: 25px;
    display: none;
}
.java .in2{
    display: inline-block;
    background: url(../../images/xibaopcimages/java.png) no-repeat -32px 0px;
    width: 27px;
    height: 25px;
}
.java .in2h{
    display: inline-block;
    background: url(../../images/xibaopcimages/java.png) no-repeat -32px -37px;
    width: 27px;
    height: 25px;
    display: none;
}
.java .in3{
    display: inline-block;
    background: url(../../images/xibaopcimages/java.png) no-repeat -65px 0px;
    width: 27px;
    height: 25px;
}
.java .in3h{
    display: inline-block;
    background: url(../../images/xibaopcimages/java.png) no-repeat -65px -37px;
    width: 27px;
    height: 25px;
    display: none;
}
.java .in4{
    display: inline-block;
    background: url(../../images/xibaopcimages/java.png) no-repeat -100px 0px;
    width: 29px;
    height: 27px;
}
.java .in4h{
    display: inline-block;
    background: url(../../images/xibaopcimages/java.png) no-repeat -100px -37px;
    width: 29px;
    height: 27px;
    display: none;
}

.java .in5{
    display: inline-block;
    background: url(../../images/xibaopcimages/java.png) no-repeat -136px 0px;
    width: 52px;
    height: 25px;

}
.java .in5h{
    display: inline-block;
    background: url(../../images/xibaopcimages/java.png) no-repeat -136px -37px;
    width: 52px;
    height: 25px;
    display: none;
}

.php .in1{
    display: inline-block;
    background: url(../../images/xibaopcimages/php.png) no-repeat 0px 0px;
    width: 24px;
    height: 25px;
}
.php .in1h{
    display: inline-block;
    background: url(../../images/xibaopcimages/php.png) no-repeat 0px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.php .in2{
    display: inline-block;
    background: url(../../images/xibaopcimages/php.png) no-repeat -30px 0px;
    width: 24px;
    height: 25px;
}
.php .in2h{
    display: inline-block;
    background: url(../../images/xibaopcimages/php.png) no-repeat -30px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.php .in3{
    display: inline-block;
    background: url(../../images/xibaopcimages/php.png) no-repeat -65px 0px;
    width: 24px;
    height: 25px;
}
.php .in3h{
    display: inline-block;
    background: url(../../images/xibaopcimages/php.png) no-repeat -65px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.php .in4{
    display: inline-block;
    background: url(../../images/xibaopcimages/php.png) no-repeat -96px 0px;
    width: 24px;
    height: 25px;
}
.php .in4h{
    display: inline-block;
    background: url(../../images/xibaopcimages/php.png) no-repeat -96px -35px;
    width: 24px;
    height: 25px;
    display: none;
}

.php .in5{
    display: inline-block;
    background: url(../../images/xibaopcimages/php.png) no-repeat -127px 0px;
    width: 24px;
    height: 25px;
}
.php .in5h{
    display: inline-block;
    background: url(../../images/xibaopcimages/php.png) no-repeat -127px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.php .in6{
    display: inline-block;
    background: url(../../images/xibaopcimages/php.png) no-repeat -159px 0px;
    width: 24px;
    height: 25px;
}
.php .in6h{
    display: inline-block;
    background: url(../../images/xibaopcimages/php.png) no-repeat -159px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.dashuju .in1{
    display: inline-block;
    background: url(../../images/xibaopcimages/dashuju.png) no-repeat 0px 0px;
    width: 24px;
    height: 25px;
}
.dashuju .in1h{
    display: inline-block;
    background: url(../../images/xibaopcimages/dashuju.png) no-repeat 0px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.dashuju .in2{
    display: inline-block;
    background: url(../../images/xibaopcimages/dashuju.png) no-repeat -33px 0px;
    width: 24px;
    height: 25px;
}
.dashuju .in2h{
    display: inline-block;
    background: url(../../images/xibaopcimages/dashuju.png) no-repeat -33px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.dashuju .in3{
    display: inline-block;
    background: url(../../images/xibaopcimages/dashuju.png) no-repeat -65px 0px;
    width: 26px;
    height: 25px;
}
.dashuju .in3h{
    display: inline-block;
    background: url(../../images/xibaopcimages/dashuju.png) no-repeat -65px -35px;
    width: 26px;
    height: 25px;
    display: none;
}
.dashuju .in4{
    display: inline-block;
    background: url(../../images/xibaopcimages/dashuju.png) no-repeat -100px 0px;
    width: 25px;
    height: 25px;
}
.dashuju .in4h{
    display: inline-block;
    background: url(../../images/xibaopcimages/dashuju.png) no-repeat -100px -35px;
    width: 25px;
    height: 25px;
    display: none;
}

.dashuju .in5{
    display: inline-block;
    background: url(../../images/xibaopcimages/dashuju.png) no-repeat -136px 0px;
    width: 25px;
    height: 25px;
}
.dashuju .in5h{
    display: inline-block;
    background: url(../../images/xibaopcimages/dashuju.png) no-repeat -136px -35px;
    width: 25px;
    height: 25px;
    display: none;
}


.ceshi{
    padding-bottom: 50px;
}

.ceshi .in1{
    display: inline-block;
    background: url(../../images/xibaopcimages/ceshi.png) no-repeat 0px 0px;
    width: 24px;
    height: 25px;
}
.ceshi .in1h{
    display: inline-block;
    background: url(../../images/xibaopcimages/ceshi.png) no-repeat 0px -37px;
    width: 24px;
    height: 25px;
    display: none;
}
.ceshi .in2{
    display: inline-block;
    background: url(../../images/xibaopcimages/ceshi.png) no-repeat -31px 0px;
    width: 24px;
    height: 27px;
}
.ceshi .in2h{
    display: inline-block;
    background: url(../../images/xibaopcimages/ceshi.png) no-repeat -31px -37px;
    width: 24px;
    height: 27px;
    display: none;
}
.ceshi .in3{
    display: inline-block;
    background: url(../../images/xibaopcimages/ceshi.png) no-repeat -64px -2px;
    width: 24px;
    height: 25px;
}
.ceshi .in3h{
    display: inline-block;
    background: url(../../images/xibaopcimages/ceshi.png) no-repeat -64px -39px;
    width: 24px;
    height: 25px;
    display: none;
}
.ceshi .in4{
    display: inline-block;
    background: url(../../images/xibaopcimages/ceshi.png) no-repeat -97px -2px;
    width: 24px;
    height: 25px;
}
.ceshi .in4h{
    display: inline-block;
    background: url(../../images/xibaopcimages/ceshi.png) no-repeat -97px -39px;
    width: 24px;
    height: 25px;
    display: none;
}

.ceshi .in5{
    display: inline-block;
    background: url(../../images/xibaopcimages/ceshi.png) no-repeat -129px -2px;
    width: 24px;
    height: 25px;
}
.ceshi .in5h{
    display: inline-block;
    background: url(../../images/xibaopcimages/ceshi.png) no-repeat -129px -39px;
    width: 24px;
    height: 25px;
    display: none;
}


.linux .in1{
    display: inline-block;
    background: url(../../images/xibaopcimages/linux.png) no-repeat 0px 0px;
    width: 24px;
    height: 25px;
}
.linux .in1h{
    display: inline-block;
    background: url(../../images/xibaopcimages/linux.png) no-repeat 0px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.linux .in2{
    display: inline-block;
    background: url(../../images/xibaopcimages/linux.png) no-repeat -34px 0px;
    width: 24px;
    height: 25px;
}
.linux .in2h{
    display: inline-block;
    background: url(../../images/xibaopcimages/linux.png) no-repeat -34px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.linux .in3{
    display: inline-block;
    background: url(../../images/xibaopcimages/linux.png) no-repeat -68px 0px;
    width: 24px;
    height: 25px;
}
.linux .in3h{
    display: inline-block;
    background: url(../../images/xibaopcimages/linux.png) no-repeat -68px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.linux .in4{
    display: inline-block;
    background: url(../../images/xibaopcimages/linux.png) no-repeat -104px 0px;
    width: 24px;
    height: 25px;
}
.linux .in4h{
    display: inline-block;
    background: url(../../images/xibaopcimages/linux.png) no-repeat -104px -35px;
    width: 24px;
    height: 25px;
    display: none;
}

.linux .in5{
    display: inline-block;
    background: url(../../images/xibaopcimages/linux.png) no-repeat -138px 0px;
    width: 24px;
    height: 25px;
}
.linux .in5h{
    display: inline-block;
    background: url(../../images/xibaopcimages/linux.png) no-repeat -138px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.linux .in6{
    display: inline-block;
    background: url(../../images/xibaopcimages/linux.png) no-repeat -167px 0px;
    width: 24px;
    height: 25px;
}
.linux .in6h{
    display: inline-block;
    background: url(../../images/xibaopcimages/linux.png) no-repeat -167px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.anquan{
    padding-bottom: 155px;
}
.anquan .in1{
    display: inline-block;
    background: url(../../images/xibaopcimages/anquan.png) no-repeat 0px 0px;
    width: 24px;
    height: 25px;
}
.anquan .in1h{
    display: inline-block;
    background: url(../../images/xibaopcimages/anquan.png) no-repeat 0px -33px;
    width: 24px;
    height: 25px;
    display: none;
}
.anquan .in2{
    display: inline-block;
    background: url(../../images/xibaopcimages/anquan.png) no-repeat -31px 0px;
    width: 24px;
    height: 25px;
}
.anquan .in2h{
    display: inline-block;
    background: url(../../images/xibaopcimages/anquan.png) no-repeat -31px -33px;
    width: 27px;
    height: 25px;
    display: none;
}
.anquan .in3{
    display: inline-block;
    background: url(../../images/xibaopcimages/anquan.png) no-repeat -63px 0px;
    width: 24px;
    height: 27px;
}
.anquan .in3h{
    display: inline-block;
    background: url(../../images/xibaopcimages/anquan.png) no-repeat -63px -33px;
    width: 24px;
    height: 27px;
    display: none;
}
.anquan .in4{
    display: inline-block;
    background: url(../../images/xibaopcimages/anquan.png) no-repeat -89px 0px;
    width: 64px;
    height: 22px;
    
}
.anquan .in4h{
    display: inline-block;
    background: url(../../images/xibaopcimages/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 22px;
    float: left;
}

.python .in1{
    display: inline-block;
    background: url(../../images/xibaopcimages/python.png) no-repeat 0px 0px;
    width: 24px;
    height: 25px;
}
.python .in1h{
    display: inline-block;
    background: url(../../images/xibaopcimages/python.png) no-repeat 0px -32px;
    width: 24px;
    height: 25px;
    display: none;
}
.python .in2{
    display: inline-block;
    background: url(../../images/xibaopcimages/python.png) no-repeat -33px 0px;
    width: 24px;
    height: 25px;
}
.python .in2h{
    display: inline-block;
    background: url(../../images/xibaopcimages/python.png) no-repeat -33px -32px;
    width: 27px;
    height: 25px;
    display: none;
}
.python .in3{
    display: inline-block;
    background: url(../../images/xibaopcimages/python.png) no-repeat -64px 0px;
    width: 24px;
    height: 27px;
}
.python .in3h{
    display: inline-block;
    background: url(../../images/xibaopcimages/python.png) no-repeat -64px -32px;
    width: 24px;
    height: 27px;
    display: none;
}
.python .in4{
    display: inline-block;
    background: url(../../images/xibaopcimages/python.png) no-repeat -100px 0px;
    width: 24px;
    height: 22px;
}
.python .in4h{
    display: inline-block;
    background: url(../../images/xibaopcimages/python.png) no-repeat -100px -32px;
    width: 24px;
    height: 22px;
    display: none;
}

.python .in5{
    display: inline-block;
    background: url(../../images/xibaopcimages/python.png) no-repeat -137px 0px;
    width: 50px;
    height: 22px;
}
.python .in5h{
    display: inline-block;
    background: url(../../images/xibaopcimages/python.png) no-repeat -137px 0px;
    width: 50px;
    height: 22px;
    display: none;
}
.python .in6{
    display: inline-block;
    background: url(../../images/xibaopcimages/python.png) no-repeat -197px 0px;
    width: 24px;
    height: 25px;
}
.python .in6h{
    display: inline-block;
    background: url(../../images/xibaopcimages/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/xibaopcimages/ui.png) no-repeat 0px 0px;
    width: 24px;
    height: 25px;
}
.ui .in1h{
    display: inline-block;
    background: url(../../images/xibaopcimages/ui.png) no-repeat 0px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.ui .in2{
    display: inline-block;
    background: url(../../images/xibaopcimages/ui.png) no-repeat -33px 0px;
    width: 24px;
    height: 25px;
}
.ui .in2h{
    display: inline-block;
    background: url(../../images/xibaopcimages/ui.png) no-repeat -33px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.ui .in3{
    display: inline-block;
    background: url(../../images/xibaopcimages/ui.png) no-repeat -68px 0px;
    width: 26px;
    height: 25px;
}
.ui .in3h{
    display: inline-block;
    background: url(../../images/xibaopcimages/ui.png) no-repeat -68px -35px;
    width: 26px;
    height: 25px;
    display: none;
}
.ui .in4{
    display: inline-block;
    background: url(../../images/xibaopcimages/ui.png) no-repeat -105px 0px;
    width: 25px;
    height: 25px;
}
.ui .in4h{
    display: inline-block;
    background: url(../../images/xibaopcimages/ui.png) no-repeat -105px -35px;
    width: 25px;
    height: 25px;
    display: none;
}

.ui .in5{
    display: inline-block;
    background: url(../../images/xibaopcimages/ui.png) no-repeat -141px 0px;
    width: 25px;
    height: 25px;
}
.ui .in5h{
    display: inline-block;
    background: url(../../images/xibaopcimages/ui.png) no-repeat -141px -35px;
    width: 25px;
    height: 25px;
    display: none;
}
.qianru .in1{
    display: inline-block;
    background: url(../../images/xibaopcimages/qianru.png) no-repeat 0px 0px;
    width: 24px;
    height: 25px;
}
.qianru .in1h{
    display: inline-block;
    background: url(../../images/xibaopcimages/qianru.png) no-repeat 0px -34px;
    width: 24px;
    height: 25px;
    display: none;
}
.qianru .in2{
    display: inline-block;
    background: url(../../images/xibaopcimages/qianru.png) no-repeat -29px 0px;
    width: 27px;
    height: 25px;
}
.qianru .in2h{
    display: inline-block;
    background: url(../../images/xibaopcimages/qianru.png) no-repeat -29px -34px;
    width: 27px;
    height: 25px;
    display: none;
}
.qianru .in3{
    display: inline-block;
    background: url(../../images/xibaopcimages/qianru.png) no-repeat -64px 0px;
    width: 29px;
    height: 24px;
}
.qianru .in3h{
    display: inline-block;
    background: url(../../images/xibaopcimages/qianru.png) no-repeat -64px -34px;
    width: 29px;
    height: 24px;
    display: none;
}
.qianru .in4{
    display: inline-block;
    background: url(../../images/xibaopcimages/qianru.png) no-repeat -100px 0px;
    width: 29px;
    height: 27px;
}
.qianru .in4h{
    display: inline-block;
    background: url(../../images/xibaopcimages/qianru.png) no-repeat -100px -34px;
    width: 29px;
    height: 27px;
    display: none;
}

.qianru .in5{
    display: inline-block;
    background: url(../../images/xibaopcimages/qianru.png) no-repeat -132px 0px;
    width: 27px;
    height: 25px;

}
.qianru .in5h{
    display: inline-block;
    background: url(../../images/xibaopcimages/qianru.png) no-repeat -132px -34px;
    width: 27px;
    height: 25px;
    display: none;
}
.qianru .in6{
    display: inline-block;
    background: url(../../images/xibaopcimages/qianru.png) no-repeat -168px 0px;
    width: 31px;
    height: 25px;

}
.qianru .in6h{
    display: inline-block;
    background: url(../../images/xibaopcimages/qianru.png) no-repeat -168px -34px;
    width: 31px;
    height: 25px;
    display: none;
}


.dianshang .in1{
    display: inline-block;
    background: url(../../images/xibaopcimages/dianshang.png) no-repeat 0px 0px;
    width: 24px;
    height: 25px;
}
.dianshang .in1h{
    display: inline-block;
    background: url(../../images/xibaopcimages/dianshang.png) no-repeat 0px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.dianshang .in2{
    display: inline-block;
    background: url(../../images/xibaopcimages/dianshang.png) no-repeat -34px 0px;
    width: 24px;
    height: 25px;
}
.dianshang .in2h{
    display: inline-block;
    background: url(../../images/xibaopcimages/dianshang.png) no-repeat -34px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.dianshang .in3{
    display: inline-block;
    background: url(../../images/xibaopcimages/dianshang.png) no-repeat -70px 0px;
    width: 24px;
    height: 25px;
}
.dianshang .in3h{
    display: inline-block;
    background: url(../../images/xibaopcimages/dianshang.png) no-repeat -70px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.dianshang .in4{
    display: inline-block;
    background: url(../../images/xibaopcimages/dianshang.png) no-repeat -105px 0px;
    width: 24px;
    height: 25px;
}
.dianshang .in4h{
    display: inline-block;
    background: url(../../images/xibaopcimages/dianshang.png) no-repeat -105px -35px;
    width: 24px;
    height: 25px;
    display: none;
}

.dianshang .in5{
    display: inline-block;
    background: url(../../images/xibaopcimages/dianshang.png) no-repeat -144px 0px;
    width: 24px;
    height: 25px;
}
.dianshang .in5h{
    display: inline-block;
    background: url(../../images/xibaopcimages/dianshang.png) no-repeat -144px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.dianshang .in6{
    display: inline-block;
    background: url(../../images/xibaopcimages/dianshang.png) no-repeat -180px 0px;
    width: 24px;
    height: 25px;
}
.dianshang .in6h{
    display: inline-block;
    background: url(../../images/xibaopcimages/dianshang.png) no-repeat -180px -35px;
    width: 24px;
    height: 25px;
    display: none;
}
.dianshang .in7{
    display: inline-block;
    background: url(../../images/xibaopcimages/dianshang.png) no-repeat -216px 0px;
    width: 24px;
    height: 25px;
}
.dianshang .in7h{
    display: inline-block;
    background: url(../../images/xibaopcimages/dianshang.png) no-repeat -216px -35px;
    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;
}





/* banner */
.banner{
    width: 100%;
    height: 639px;
    background: url('../../images/xibaopcimages/banner.jpg') no-repeat center top;


}
.banner_in{
    width: 1000px;
    height: 639px;
    background: url('../../images/xibaopcimages/banner_in2.jpg') no-repeat center top;
    position: relative;

}
.banner1{
    position: absolute;
    top: 238px;
    left: 50px;
}

.banner2{
    position: absolute;
    top: 178px;
    left: 366px;
}
.banner3{
    position: absolute;
    top: 189px;
    right:-34px;
}
.banner4{
    position: absolute;
    top: 483px;
    left: -23px;
}

.banner p{
    position: absolute;
    top:433px;
    left: 272px;
    font:bold 30px/30px "Microsoft YaHei";
    color: #ffffff;  
    -webkit-transform: rotate(-6.3deg);    /* for Chrome || Safari */
    -moz-transform: rotate(-6.3deg);       /* for Firefox */
    -ms-transform: rotate(-6.3deg);        /* for IE */
    -o-transform: rotate(-6.3deg);         /* for Opera */


}
.banner p span{
    color: #f6f15b
}
/* 1111 */
.part1{
    width: 100%;
    /* height: 1027px; */
    background: url(../../images/xibaopcimages/part1.jpg) no-repeat center top;
    padding: 70px 0 65px 0
}
.p1_tit{
    width: 428px;
    height: 48px;
    background: url(../../images/xibaopcimages/p1_titbg.jpg) no-repeat center top;
    margin: 0 auto
}
.h2_1{
    font:bold 48px/48px "Microsoft YaHei";
    color: #333;  
    text-align: center 
}
.h2_p1{
    font:22px/34px "Microsoft YaHei";
    color: #666666;  
    text-align: center   ;
    margin-top: 15px

}
.part1 .top{
    width: 1000px;
    height: 82px;
    border-bottom: 1px solid #f4b8fc;
    margin-top: 33px
}
.part1 .top ul{
    width: 1050px;
  
}
.part1 .top ul li{
    float: left;
    width: 90px;
    margin-right: 22px;
    height: 80px;
    cursor: pointer;
}
.part1 .top ul li img{
    display: block;
    margin: 0 auto
}
.part1 .top ul li .h{
    display: none
}
.part1 .top ul .on{
    border-bottom: 2px solid #fe7ee4;
}
.part1 .top ul .on .h{
    display: block
}
.part1 .top ul .on .s{
    display: none
}

.part1 .cont{
    width: 1000px;
    height: 565px;
    overflow: hidden;
    display: none
}
.part1 .cont p{
    font:22px/22px "Microsoft YaHei";
    color: #999999;  
    text-align: left;
    margin-top: 20px
}
.part1 .cont p span{
    font:16px/16px "Microsoft YaHei";
    color: #999999;  
}
.part1 .cont ul{
width: 1100px;
}

.part1 .cont ul li{
    width: 306px;
    height: 203px;
    float: left;
    margin: 40px 40px 0 0;
    box-shadow: #efe8fd 0 0 20px
}
.part1 .cont ul .li2,.part1 .cont ul .li3{
    box-shadow: #e7c8e0 0 0 20px
}
.part1 .cont ul .li1{
    background: url(../../images/xibaopcimages/p1_cont1.jpg) no-repeat center top ;
}
.part1 .cont ul .li2{
    background: url(../../images/xibaopcimages/p1_cont2.jpg) no-repeat center top ;
}
.part1 .cont ul .li3{
    background: url(../../images/xibaopcimages/p1_cont3.jpg) no-repeat center top ;
}
.part1 .cont ul .li4{
    background: url(../../images/xibaopcimages/p1_cont4.jpg) no-repeat center top ;
}


.part1 .cont ul li p{
    font:bold 36px/36px "Microsoft YaHei";
    color: #999999;  
    margin-top: 37px;
    text-align: center;
    color: #f56fda
}
.part1 .cont ul li p span{
    font-size: 22px;
    font-weight: bold;
    color: #f56fda
}

.part1 .cont ul li>span{
    display: block;
    text-align: center;
    margin-top: 15px;
    font:18px/18px "Microsoft YaHei";
    color: #f56fda 
}
.part1 .cont ul li>.sp2{
    display: block;
    text-align: center;
    margin-top: 48px;
    font:bold 18px/18px "Microsoft YaHei";
    color: #666666 
}

.part1 .cont ul .li2 p,.part1 .cont ul .li3 p{
    color: #fff
}

.part1 .cont ul .li2 span,.part1 .cont ul .li3 span{
    color: #fff
}


.p1_btn{
    width: 430px;
    height: 80px;
    background: url(../../images/xibaopcimages/p1_btn.png) no-repeat center top;
    display: block;
    margin:0px auto;
    font:24px/80px "Microsoft YaHei";
    color: #fff ;
    text-align: center
}
.p1_btn:hover{
    background: #f972dc;
    border-radius: 80px;
}
/* 222 */
.part2{
    width: 100%;
    /* height: 1027px; */
    background: url(../../images/xibaopcimages/part2.jpg) no-repeat center top;
    
}
.part2_in{
    width: 1000px;
    height: 1334px;
    background: url(../../images/xibaopcimages/part2_in.jpg) no-repeat center top;
    padding: 70px 0 0 0
}
.p2_tit{
    width: 428px;
    height: 48px;
    background: url(../../images/xibaopcimages/p2_titbg.jpg) no-repeat center top;
    margin: 0 auto
}
.h2_2{
    font:bold 48px/48px "Microsoft YaHei";
    color: #fff;  
    text-align: center 
}
.h2_p2{
    font:22px/34px "Microsoft YaHei";
    color: #fff;  
    text-align: center   ;
    margin-top: 15px

}
.part2 .top{
    margin-top: 39px
}
.part2 .top .t1{
float: left;

}
.part2 .top .t2{
    float: right;
    
}  

.top_btn{
    width: 430px;
    height: 80px;
    border-radius: 80px;
    background: #fff;
    color: #f56fda;
    font:24px/80px "Microsoft YaHei";
    text-align: center;
    display: block;
    margin: 40px auto
}
.part2 .cont{

}
.part2 .cont div{
    border-radius: 12px;
    overflow: hidden;
    width: 480px;
    height: 638px;
    background: #fff
}
.part2 .cont div dt{
    text-align: center;
    color: #666666;
    font:bold 26px/26px "Microsoft YaHei";
    margin-top: 40px;
    margin-bottom: 38px
}
.part2 .cont div dd{
    width: 360px;
    color: #666666;
    font:18px/35px "Microsoft YaHei";
    margin: 0 auto;
    overflow: hidden;
text-overflow:ellipsis;
white-space: nowrap;
}
.part2 .cont_l{
    float: left;
    width: 480px;
    height: 638px;
}

.part2 .cont_r{
    float: right;
}

/* 333 */
.part3{
    width: 100%;
  
    background: url(../../images/xibaopcimages/part3.jpg) no-repeat center top;
    padding: 70px 0 29px 0
}

.p3_tit{
    width: 822px;
    height: 48px;
    background: url(../../images/xibaopcimages/p3_tit.jpg) no-repeat center top;
    margin: 0 auto
}
.part3 .cont{
    margin-top: 30px
}

.part3 .cont ul{
    width: 1050px;
    margin-left: -14px
}
.part3 .cont ul li{
    width: 183px;
    height: 443px;
    float: left;
    margin-right: 25px
}
.part3 .cont ul li h5{
  text-align: center;
  color: #fff;
  font:bold 24.5px/24.5px "Microsoft YaHei";
  margin-top: 111px
}
.part3 .cont ul li p{
    margin: 62px auto;
    width: 165px;
    color: #666666;
    font:16px/28px "Microsoft YaHei";

  }
.part3 .cont ul .li1{
    background: url(../../images/xibaopcimages/p3_1.png) no-repeat center top;
}
.part3 .cont ul .li2{
    background: url(../../images/xibaopcimages/p3_2.png) no-repeat center top;
}
.part3 .cont ul .li3{
    background: url(../../images/xibaopcimages/p3_3.png) no-repeat center top;
}
.part3 .cont ul .li4{
    background: url(../../images/xibaopcimages/p3_4.png) no-repeat center top;
}
.part3 .cont ul .li5{
    background: url(../../images/xibaopcimages/p3_5.png) no-repeat center top;
}
.part3 .p1_btn{
    margin: 40px auto
}


/* 444 */
.part4{
    width: 100%;
    /* height: 1408px; */
    background: url(../../images/xibaopcimages/part4.jpg) no-repeat center top;
    
}
.part4_in{
    width: 1000px;
    height: 1338px;
    background: url(../../images/xibaopcimages/part4_in.jpg) no-repeat center top;
    padding: 70px 0 0 0
}

.p4_tit{
    width: 806px;
    height: 48px;
    background: url(../../images/xibaopcimages/p4_tit.jpg) no-repeat center top;
    margin: 0 auto
}
.part4 .top{
    width: 1000px;
    height: 363px;
    border-bottom: 1px dashed #fff;
    
}
.part4 .top>div{
    position: relative;
}
.part4 .top .left{
    width: 420px;
    height: 266px;
    background: url(../../images/xibaopcimages/p4_top_l.png) no-repeat center top;
    float: left;
    position: absolute;
    top: 30px;
    z-index: 2;
    box-shadow: #d049af -1px 0 20px
}
.part4 .top .left ul{
    margin: 13px 0 0 18px
}
.part4 .top .left ul li{
    width: 185px;
    height: 41px;float: left;
    color: #fff;
    font:18px/41px "Microsoft YaHei";
    text-align: center;
    border-radius: 41px;
    margin-top: 15px;
    cursor: pointer;
}
.part4 .top .left ul .on{
    width: 183px;
    height: 39px;
    border: 1px dashed #f0e964;
    color: #f6f15b;
}


.part4 .top .right{
    float: right;
    width: 710px;
    height: 313px;
    background: #fff;
    position: absolute;
    right: 0;
    top: 0;
    overflow: hidden;
    padding-bottom: 20px
}

.part4 .top .right p{
    width: 480px;
    color: #666666;
    font:16px/29px "Microsoft YaHei";
    margin: 36px 0 0 180px;
    display: none
}
.part4 .cont{
    width: 1000px;
    height:746px ;
    position: relative;
    background: url(../../images/xibaopcimages/p4_contbg.jpg) no-repeat center top;
    margin-top: 30px
}
.part4 .cont h5{
    position: absolute;
    top: 100px;
    left: 0;
    font:bold 32px/32px "Microsoft YaHei";
    color: #fff;
    width: 243px;
    text-align: center
}

.part4 .cont p{
    position: absolute;
    top: 278px;
    right: 0;
    font:bold 26px/40px "Microsoft YaHei";
    color: #fff;
    width: 213px;
padding: 0 15px
}

/* 555 */
.part5{
    width: 100%;
    height: 610px;
    background: url(../../images/xibaopcimages/part5.jpg) no-repeat center top;
    padding: 70px 0 0 0
}

.p5_tit{
    width: 935px;
    height: 48px;
    background: url(../../images/xibaopcimages/p5_tit.jpg) no-repeat center top;
    margin: 0 auto
}
.part5 .cont{
    margin-top: 40px
}
.p5_slide{
    position: relative;
}
.p5_slide li{
height: 400px;
width: 1000px;
}
.p5_slide li div{
    position: relative;
}
.p5_slide li div div{
    width: 458px;
    height: 260px;
    background: url(../../images/xibaopcimages/p5_r.png) no-repeat center top;
    padding: 10px 13px 16px;
    position: absolute;
    top: 60px;
    right: -13px
}
.p5_slide li div div dt span{
    display:block;
    float: left;
margin: 3px 12px 0 0;
    width: 4px;
    height: 22px;
    background: #fff
}
.p5_slide li div div dl{
    margin: 67px 0 0 34px;
}
.p5_slide li div div dt{
    font:bold 24px/24px "Microsoft YaHei";
    color: #fff;

    overflow: hidden;
}
.p5_slide li div div dd{
    font:16px/26px "Microsoft YaHei";
    color: #fff;
    margin-top: 22px;
  width: 390px;
}
.p5_slide li img{
   position: absolute;
   top: 0;
   left: 0;
}
.p5_slide .hd ul{
    position: absolute;
    right: 15px;
    top: 306px
}
.p5_slide .hd li{
width: 7px;
height: 7px;
background: #fec7f1;
border-radius: 7px;
margin-right: 4px;
float: left;
cursor: pointer;
}
.p5_slide .hd .on{
    width: 24px;
    background: #fff
}
.p5_slide .hd span{
display: block;
    width: 53px;
    height: 40px;
    cursor: pointer;
}
.p5_slide .hd .prev{
    position: absolute;
    background: url(../../images/xibaopcimages/prev.jpg) no-repeat center top;
    right: 189px;
    top: 344px
}
.p5_slide .hd .prev:hover{
    background: url(../../images/xibaopcimages/prevh.jpg) no-repeat center top;

}
.p5_slide .hd .next:hover{
    background: url(../../images/xibaopcimages/nexth.jpg) no-repeat center top;

}
.p5_slide .hd .next{
    position: absolute;
    background: url(../../images/xibaopcimages/next.jpg) no-repeat center top;
    right: 124px;
    top: 344px
}

.part5 .p1_btn{
    margin: 40px auto
}


/* 666 */
.part6{
    width: 100%;
    height: 720px;
    background: url(../../images/xibaopcimages/part6.jpg) no-repeat center top;
    padding: 70px 0 0 0
}

.p6_tit{
    width: 604px;
    height: 48px;
    background: url(../../images/xibaopcimages/p6_tit.jpg) no-repeat center top;
    margin: 0 auto
}

.part6 .cont{
margin-top: 8px
}

.part6 .cont ul{
    
}
.part6 .cont ul li{
    width: 196px;
    height: 85px;
    float: left;
    margin:14px 4px 0 0 ;
    cursor: pointer;
}
.part6 .cont ul li .h{
    display: none
}
.part6 .cont ul .on .h{
    display: block
}
.part6 .cont ul .on .s{
    display: none
}

.part6 .p1_btn{
    margin: 25px auto
}

/* 777 */
.part7{
    width: 100%;
    height: 506px;
    background: url(../../images/xibaopcimages/part7.jpg) no-repeat center top;

}

.part7_in{
    width: 1000px;
    height: 506px;
    background: url(../../images/xibaopcimages/part7_in.jpg) no-repeat center top;
    position: relative;
}
.part7_in p{
    font:20px/30px "Microsoft YaHei";
    color: #fff;
    position: absolute;
    top: 218px;
    left: 315px;
}
.part7_in a{
    font:20px/30px "Microsoft YaHei";
    color: #fff;
    position: absolute;
    top: 244px;
    right: 9px;
}

/*---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: 435px; }

.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 { right: 25px; top: -166px; background: url(../../images/xibaopcimages/ioserweima.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/ioserweima.png"); _background: none; z-index: 99999; }

.zglh_poimg02 { right: -51px; top: -166px; background: url(../../images/xibaopcimages/ioserweima.png) no-repeat; _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src="images/ioserweima.png"); _background: none; z-index: 99999; }

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

.zglh_tel .tel01 { float: left; }

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

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

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

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













/* 浮窗 */
.flex{
    width: 75px;
    height: 372px;
    border-top: 1px solid #e0e0e0;
    position: fixed;
    left: 0px;
    top: 15%;
    z-index: 800;
}
.flex li{
    width: 73px;
    height: 73px;
    border-top: 1px solid #e0e0e0;
    border-left: 1px solid #e0e0e0;
    border-right: 1px solid #e0e0e0;
    background: #ffffff;
  cursor: pointer;
}
.flex li i{
    display: block;
    font:12px/12px "Microsoft YaHei";
    color: #333333;
    text-align: center;
    margin-top: 12px
}

.flex .l1 em{
    display: block;
    background: url(../../images/xibaopcimages/flex.png) no-repeat 1px 0;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l2 em{
    display: block;
    background: url(../../images/xibaopcimages/flex.png) no-repeat -30px 0;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l3 em{
    display: block;
    background: url(../../images/xibaopcimages/flex.png) no-repeat -63px 0;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l4 em{
    display: block;
    background: url(../../images/xibaopcimages/flex.png) no-repeat -92px 0;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l5 em{
    display: block;
    background: url(../../images/xibaopcimages/flex.png) no-repeat -127px 0;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l1 span{
    display: block;
    background: url(../../images/xibaopcimages/flex.png) no-repeat 1px -38px;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l2 span{
    display: block;
    background: url(../../images/xibaopcimages/flex.png) no-repeat -30px -38px;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l3 span{
    display: block;
    background: url(../../images/xibaopcimages/flex.png) no-repeat -63px -38px;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l4 span{
    display: block;
    background: url(../../images/xibaopcimages/flex.png) no-repeat -92px -38px;
    width: 28px;
    height: 28px;
    margin: 12px  auto 0 auto;
}
.flex .l5 span{
    display: block;
    background: url(../../images/xibaopcimages/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: 73px;
    padding: 1px;
    background: #f67524;
}
.flex .on em{
    display: none;
}
.flex .on i{
  color: #ffffff;
}

body .more:hover{
    border-color: #ff4a00;
    color:#ff4a00;
}





.slider{ width:100%;  min-width:1200px;  height:341px;  position:relative; overflow:hidden; background:#fff; text-align:center; margin-top: 35px  }
.slider .bd{ width:1200px; position:absolute; left:50%; margin-left:-419px  }
.slider .bd li{ width:385px;  overflow:hidden;margin: 0 10px 0 10px }
.slider .bd li img{ display:block; width:385px; height:341px;    }
.slider .tempWrap{ overflow:visible !important }
.slider .tempWrap ul{  margin-left:-1000px !important;   }
.slider .pnBtn{  position:absolute; z-index:1; top:0; width:100%;  height:341px; cursor:pointer;   }
.slider .prev{ left:-50%; margin-left:-617px;  }
.slider .next{ left:50%;  margin-left:616px;  }
.slider .pnBtn .blackBg{ display:block;  position:absolute; left:0; top:0; width:100%; height:342px; background:#000; filter:alpha(opacity=50);opacity:0.5;   }
.slider .pnBtn .arrow{ display:none; position:absolute; top:0; z-index:1; width:38px; height:80px;  }
.slider .prev .arrow{ right:-56px; background:url(../../images/xibaopcimages/rongyu_prev.png) left top no-repeat;top: 50%;margin-top: -36px;}
.slider .next .arrow{ left:-58px; background:url(../../images/xibaopcimages/rongyu_next.png) left top no-repeat;top: 50%;margin-top: -36px;}