#BizQQWPA{background:url(../img/gif.gif); position:fixed; right:2px; width:110px; height:154px; top:130px; cursor:pointer;z-index: 999;}
#BizQQWPA1{background:url(../img/gif.png); position:fixed; right:2px; width:110px; height:154px; top:130px; cursor:pointer;z-index: 998;}
 a{    cursor: pointer;}
@font-face {
  font-family: 'SourceHanSansCN-Bold';
  src: url('../font/SourceHanSansCN-Bold.otf'); 
  font-weight: normal;
  font-style: normal;
} 

.tit{
    text-align: center;
   /* margin-top: 30px;*/
        margin-bottom: 30px;
}
.tit h3{
        font-size: 36px;
    font-weight: bold;
    color: #333;
}
.tit h3 span{
    color:#ca0612;
}
.tit p{
        font-size: 18px;
    color: #2d2929;
    width: 1000px;
    margin: 0 auto;
    text-align: center;
      
}


.cha{ 
    margin-top: 60px;
    font-family: 'SourceHanSansCN-Bold';
    display: inline-block; 
    width: 280px;
    height: 74px; 
    line-height: 62px;
    color: #4e4e4e;
    font-size: 24px;
     background: url(../img/an8.png) no-repeat ; }

.global_link1{text-align: center;}
.global_link1 >a{
     font-family: 'SourceHanSansCN-Bold';
    display: inline-block; 
      width: 300px;
    height: 84px; 
    line-height: 69px;
    color: #f3f4f5;
    font-size: 24px;
     background: url(../img/an2.png) no-repeat ;
 
}
.global_link1 >a:hover{
    color: #4e4e4e;
   
     background: url(../img/an.png) no-repeat ;
}
.global_link >a{
    font-family: 'SourceHanSansCN-Bold';
    display: inline-block; 
    width: 300px;
    height: 84px; 
    line-height: 70px;
    color: #4e4e4e;
    font-size: 24px;
     background: url(../img/an.png) no-repeat ;

 
}
.global_link >a:hover{ 
    background: url(../img/an2.png) no-repeat ; 
    color: #f3f4f5; 
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}


body{min-width:1240px;} 
.banner{
    margin:0 auto;
    width:100%;
    height:640px;
    overflow:hidden;
    background:#818181;
}
#banner{
    width:100%;
    height:640px;
    overflow:hidden;
}
.banner-img a{
    display: block;
    width: 100%;
    height: 640px;
}
/* .banner-img img{
   width: auto;
   height: 600px;
} */
#banner .swiper-slide{
    position:relative;
    overflow:hidden;
}
#banner .swiper-slide img{
    top:0;
    left:50%;
    margin-left:-960px;
    position:absolute;
}
#banner .pagination {
    bottom:56px;
    width:100%;
    z-index:20;
    text-align:center;
    position:absolute;
}
#banner .swiper-pagination-switch {
    margin:0 5px;
    width:40px;
    height:5px;
    cursor:pointer;
    display:inline-block;
    background:#333333;
}
#banner .swiper-active-switch {
    background:#a70710;
}

 /*2*/
.cj_content{
    padding-top:40px;
    padding-bottom: 38px;
}
.cj_content li{
    display: inline-block;
    float: left;
    width: 20%;
    text-align: center;
    border-right: 1px solid #e4e4e4;
}
.cj_content li .num{
    position: relative;
    color: #3c3c3c;
    font-size: 30px;
    display: inline-block;
    font-family: Arial;
}
.cj_content li .num i{
    position: absolute;
    top:0;
    right: -20px;
    color: #949494;
    font-size: 12px;
    font-style: normal;
}
 
/* box8 */
.box8{width: 100%;height: 100%;padding-bottom: 60px;}
.box8 .box_in {
    width: 1200px;
    margin: 0 auto;
    position: relative;
    overflow: hidden;
}
.box8 .con_txt{overflow: hidden;border: 1px #e5e5e5 solid;}
.box8 .box_list{float: left; width:376px; margin-left: 16px; padding: 26px 0;}
.box8 .box_list h3{font-size: 19px; position: relative; padding-bottom: 12px;}
.box8 .box_list h3 a{position: absolute; right: 0; top:10px; color: #d72502; font-size: 14px;}
.box8 .box_list h3 a:hover{text-decoration: underline;}
.box8 .box_list ul{padding-top: 8px; height: 205px; overflow: hidden;}
.box8 .box_list ul li{line-height: 33px; font-size: 16px;}
.box8 .box_list ul li a {    color: #2b2e31; }
.box8 .box_list ul li span{padding:0 5px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden; font-size: 14px;display: block;}
.box8 .box_list ul li a:hover{color: #D72502;}

.kcmk{width: 1200px;height: 450px;margin:0 auto 60px;}
.lf{float: left; }
.rf{float:right; }
.imgkc{width: 780px;height: 450px;border-radius: 14px;overflow: hidden;}
.imgkc img{width: 780px;height: 450px;    border-radius: 14px; transition: all 0.6s ease;
    -webkit-transform:scale(1);
    transform:scale(1);}
    .imgkc:hover img{
    -webkit-transform: scale3d(1.1,1.1,1);
    transform: scale3d(1.1,1.1,1);
    -webkit-transform:scale(1.1);
    transform: scale(1.1);
}

 
.kclb{width:400px;height: 450px }
.kclist{width:400px;  }
.kclbbt{    
   width: 400px;
    height:53px;
    background: #449ee6;
    line-height: 50px;
    text-align: center;
    color: #fff;
    /* padding-left: 34px; */
    font-size: 26px;
    border-radius: 14px;}

.kclist li{width: 100%;
    line-height: 45px;
    height: 39px;
    text-align: left;}
 
    .kclist li a{display: block;
    text-align:left;
    width: 100%;
    font-size: 16px;
    color: #333;
    text-decoration: none;}
    .kclist li a span:first-child{width: 216px;
    display: inline-block;
    padding-left: 25px;}
      .kclist li a span:nth-child(2){width: 110px; display: inline-block;}
.kclist1{    overflow: hidden;
    width: 354px;
    margin: 18px auto;
    height: 35px;}
    .kclist1 li{     float: left;
    width:107px;
    height: 100%;
    margin-right: 15.5px;     background:#6968f5;}
    .kclist1 li:last-child {
    margin-right: 0;
}
.kclist1 li>a {
    display: block;
    width: 100%;
    height: 100%;
    font-size: 15px;
    color: #fff;
    text-align: center;
    line-height:34px;
}
.kclist2{    overflow: hidden;
    width: 354px;
    margin: 18px auto;
    height:150px;}
      .kclist2 li{     float: left;
    width:107px;
    height: 100%;
    margin-right: 15.5px;    text-align: center;}
       .kclist2 li a{  color: #000;}
    .kclist2 li:last-child {
    margin-right: 0;
}
.kclist2 li img{width: 60px}
.pt100{padding: 50px 0}


.cj_content li .cj_text{width: 166px;height: 43px;border: 1px solid #9a9393;text-align: center;line-height:38px;margin: 20px auto 0;display: block;font-size: 17px;color: #6F6F6F;background: #f7f7f7;position: relative;box-sizing: border-box;overflow: hidden;text-decoration: none;white-space: nowrap;z-index: 0;border-radius: 5px;}
.cj_content li .cj_text:before {position: absolute;content: '';background:rgba(73, 73, 73, 0.75);transition-duration: .3s;z-index: -1;top: auto;right: auto;bottom: 0;left: 0;width: 100%;height: 0;opacity: 1;}
.cj_content li .cj_text:hover:before {width: 100%;height: 100%;opacity: 1;}
.cj_content li .cj_text:hover {color: #fff;border-color:#9a9393 ;}


/*kecheng*/
.courses{  background: #fff;
    padding-top: 50px;
    padding-bottom: 60px;}
 
.ke_part3{ 
    width: 1140px;
    margin: 0 auto;
}
.ke_part3_ul li{
    float: left;
    display: inline-block;
    width:18%;
    padding-top: 50px;
    padding-bottom: 50px;
    text-align: center;
    position: relative;
    cursor: pointer;
    margin-left: 16px;
    margin-bottom: 16px;
      border-radius: 22px;
}
.ke_bg{
    position: absolute;
    top:0;
    width: 100%;
    height: 100%;
    background:rgba(51, 45, 45, 0.5);
    border-radius: 22px;
}

.ke_part3_ul li > span{
    width: 114px;
    height: 114px;
    display: inline-block;
}
@media (max-width: 1700px){
    .ke_part3_ul li{
        padding-top: 70px;
        padding-bottom: 54px;
            margin-left: 16px;
    margin-bottom: 16px;
        border-radius: 22px;
    }
    .ke_part3_ul li > span{
        width: 90px;
        height: 90px;
        display: inline-block;
    }
}
@media (max-width: 1400px){
    .ke_part3_ul li{
        padding-top: 60px;
        padding-bottom: 60px;
            margin-left: 10px;
    margin-bottom: 10px;
        border-radius: 22px;
    }
    .ke_part3_ul li > span{
        width: 90px;
        height: 90px;
        display: inline-block;
    }
}
.ke_part3_ul li > span >img{
    width: 100%;
}
.ke_part3_ul .ke_li_1{
   /* background:#b5b5f0;*/
   /*background:rgba(119, 119, 181, 0.73)*/
    background: url(../img/kec5.jpg) no-repeat top center;

}
.ke_part3_ul .ke_li_1 > span{
    background-position: left top;
}
.ke_part3_ul .ke_li_2{
   /* background: rgba(153, 168, 202, 0.66);*/
    background: url(../img/kec2.jpg) no-repeat top center;
}
.ke_part3_ul .ke_li_2 > span{
    background-position: -150px top;
}
.ke_part3_ul .ke_li_3{
    /*background: rgba(99, 130, 162, 0.71);*/
     background: url(../img/kec5.jpg) no-repeat top center;
}
.ke_part3_ul .ke_li_3 > span{
    background-position: -280px top;
}
.ke_part3_ul .ke_li_4{
 /*   background: rgba(148, 201, 201, 0.6);*/
  background: url(../img/kec04.jpg) no-repeat top center;
}
.ke_part3_ul .ke_li_4 > span{
    background-position: -420px top;
}
.ke_part3_ul .ke_li_5{
    /*background:rgba(255, 209, 73, 0.77);*/
     background: url(../img/kxec1.jpg) no-repeat top center;

}
.ke_part3_ul .ke_li_5> span{
    background-position: -585px top;
}
.ke_part3_ul .ke_li_6{
    /*background: rgba(255, 175, 175, 0.74);*/
    background: url(../img/kec01.jpg) no-repeat top center;
}
.ke_part3_ul .ke_li_6 >span{
    background-position: -750px top;
}
.ke_part3_ul .ke_li_7{
    /*background: rgba(253, 206, 144, 0.68);*/
    background: url(../img/kec3.jpg) no-repeat top center;
}
.ke_part3_ul .ke_li_7 >span{
    background-position: -900px top;
}
.ke_part3_ul .ke_li_8{
  /*  background: rgba(255, 170, 188, 0.61);*/
   background: url(../img/kec03.jpg) no-repeat top center;
}
.ke_part3_ul .ke_li_8 >span{
    background-position: -1050px top;
}
.ke_part3_ul .ke_li_9{
   /* background: #2cb0b5;*/
    background: url(../img/kec1.jpg) no-repeat top center;
}
.ke_part3_ul .ke_li_9 span{
    background-position: -1200px top;
}
.ke_part3_ul .ke_li_10{
   /* background: #5d50a0;*/
    background: url(../img/kec2.jpg) no-repeat top center;
}
.ke_part3_ul .ke_li_10 >span{
    background-position: -1350px top;
}
 
 .ke_pop{
    position: absolute;
    /*上下左右多了10px*/
    /*top: -10px;
    left: -10px;
    right: -10px;
    bottom: -10px;*/
     top: 0px;
    left: 0px;
    right: 0px;
    bottom: 0px;
    background: #1892c5;
    z-index: 9;
    padding-top: 20px;
    display: none \9;
    -moz-transform: rotateX(90deg);
    -webkit-transform: rotateX(90deg);
    -o-transform: rotateX(90deg);
    transform: rotateX(90deg);
    transition: all 0.8s;
    -o-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
}
.ke_pop .ke_pop_img span{
     width: 80px;
    /*height: 80px;*/
    display: inline-block;
    /*background: url("../img/ke_pop_all.png") no-repeat top left;*/
}
.ke_pop .ke_pop_img_java span{
    width: 103px;
}
.ke_pop .ke_pop_img span img{
    max-width: 100%;
}
.ke_pop_tit{
    color: #fff;
    font-size: 20px;
    margin-top: -5px;
}
.ke_pop_text{
    color: #fff;
    font-size: 16px;
    padding: 5px 0;
}
.ke_pop_link{
    color: #fff;
    font-size: 14px;
    text-decoration: underline;
}
@media(max-width: 1700px){
    .ke_pop .ke_pop_img span{
        width: 60px;
    }
    .ke_pop_tit{
        color: #fff;
        font-size: 24px;
        margin-top: -5px;
    }
    .ke_pop_text{
        color: #fff;
        font-size: 16px;
        padding: 10px 10px;
    } 
}
@media(max-width: 1400px){
    .ke_pop .ke_pop_img span{ width: 60px;  }
    .ke_pop .ke_pop_img_java span{width: 80px;} 
    .ke_pop_tit{
        color: #fff;
        font-size: 16px;
        margin-top: -5px;
    }
    .ke_pop_text{
        color: #fff;
        font-size: 14px;
        padding: 5px 0;
    }
    .ke_pop{padding-top: 10px;}
}
.ke_pop_1{
    /*background: #b5b5f0;*/
     background: url(../img/kec5.jpg) no-repeat top center;

}
.ke_pop_2{
    /*background: #99a8ca;*/
    background: url(../img/kec2.jpg) no-repeat top center;
}
.ke_pop_3{
    /*background: #92c6fb;*/
    background: url(../img/kec5.jpg) no-repeat top center;
}.ke_pop_4{
     background: url(../img/kec04.jpg) no-repeat top center;
 }
.ke_pop_5{
     /* background: #f5d261;*/
       background: url(../img/kxec1.jpg) no-repeat top center;
  }
.ke_pop_6{
       background: url(../img/kec01.jpg) no-repeat top center;
   }
.ke_pop_7{
        
        background: url(../img/kec3.jpg) no-repeat top center;
    }
.ke_pop_8{
        background: url(../img/kec03.jpg) no-repeat top center;
     }
.ke_pop_9{
     /* background: #2cb0b5;*/
     background: url(../img/kec1.jpg) no-repeat top center;
      }
.ke_pop_10{
          /* background: #5d50a0;*/
           background: url(../img/kec2.jpg) no-repeat top center;
       }
 
.ke_part3_ul li .ke_pop_active{
    display: block;
    -moz-transform: rotateY(0deg);
    -webkit-transform: rotateY(0deg);
    -o-transform: rotateY(0deg);
    transform: rotateY(0deg);
    transition: all 0.8s;
    -o-transition: all 0.8s;
    -webkit-transition: all 0.8s;
    -moz-transition: all 0.8s;
    transition: all 0.8s;
        border-radius: 22px;

}


.syxm{background: #f7f7f7;    padding: 50px 0;}
.ms_part4{
    margin-top: 50px;
   /* margin-bottom: 100px;*/
    /*border-bottom: 1px solid #ebebeb;*/
    padding-bottom: 50px;
}
.ms_part4 .device {
    width: 1060px;
    position: relative;
    height: 470px;
}
.ms_part4 .swiper-container {
    width: 1060px;
    height: 470px;
    padding-top: 10px;
}
.ms_part4 .swiper-slide {
    opacity: 0.9;
    -webkit-transition: 300ms;
    -moz-transition: 300ms;
    -ms-transition: 300ms;
    -o-transition: 300ms;
    transition: 300ms;
 
}
.ms_part4 .swiper-slide-visible {
 
    opacity: 0.9;
    -webkit-transform: scale(0.8);
    -moz-transform: scale(0.8);
    -ms-transform: scale(0.8);
    -o-transform: scale(0.8);
    transform: scale(0.8);
}
.ms_part4 .swiper-slide-active {
    top: 0;
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1);
}

.ms_part4 .device .arrow-left {
    position: absolute;
    left: -58px;
    top: 196px;
    width: 30px;
    height: 60px;
    z-index: 10;
    background:  #3a3e40; 
    text-align: center;
    color: #fff;
    line-height: 60px;
    font-size: 20px;
    cursor: pointer;
}
.ms_part4 .device .arrow_active{
    background: red!important;
}
.ms_part4 .device .arrow-right {
       position: absolute;
    right: -58px;
    top: 196px;
    width: 30px;
    height: 63px;
    z-index: 10;
    background: #3a3e40; 
    text-align: center;
    color: #fff;
    line-height: 60px;
    font-size: 20px;
    cursor: pointer;
} 
.w-containerxm{
    max-width: 1060px!important;
    height: 460px!important;
    margin: auto;
} 
.ms_main{
    width: 280px; 
    background: #1f1f1f;
    color: #999;
    cursor: pointer; 
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    margin-left: 10px;
}
.ms_img >img{
    display: block;
    width: 100%;
}
.ms_h{
    font-size: 16px;
    color: #fff7f7;
    font-weight:bold;
    padding: 20px 10px 10px;
}
.ms_text{
    font-size: 13px;
    color: #fff7f7;
    padding:10px 10px 0;
}
.ms_link{
    padding:10px 10px 15px 10px;
  
}
.ms_link a{
    font-size: 14px;
    color: #3697d9;
}
.ms_main:hover{
   
    -webkit-box-shadow: 0px 0px 12px rgba(25, 21, 21, 0.5);
    box-shadow: 0px 0px 12px rgba(25, 21, 21, 0.5);
    margin-top:0px;

    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-transform: translate3d(0, -2px, 0);
    transform: translate3d(0, -2px, 0)

}
 
.global_link{
    text-align: center;
} 


/*f3*/
/*shizi*/
.szmk{background: #fff;    padding: 50px 0;}
.guide-slider { width: 1190px; margin: 50px auto 68px; background: #fff; overflow:hidden; }
.guide-slider .guide { width: 144px; height: 449px; float: left; -webkit-transition: all ease-in .3s; transition: all ease-in .3s;position: relative; overflow: hidden;border-right:solid 1px #FFF;}
.guide-slider .guide .display { border-right: 2px solid #fff; width: 145px; height: 448px; text-align: center; float: left; position: relative; z-index: 2; -webkit-transition: all ease-in .3s;transition: all ease-in .3s;}
 
.guide-slider .guide .display .icon { display: inline-block; width: 74px; height: 74px; margin-top: 42px; background-image: url("function.png"); }
.guide-slider .guide .display .icon.icon1 { background-position: -592px 0; }
.guide-slider .guide .display .icon.icon2 { background-position: 0 0; }
.guide-slider .guide .display .icon.icon3 { background-position: -296px 0; }
.guide-slider .guide .display .icon.icon4 { background-position: -444px 0; }
.guide-slider .guide .display .icon.icon5 { background-position: -518px 0; }
.guide-slider .guide .display .title { font-size: 20px; color: #fff; background:url(../img/dbj.png); padding:20px 15px; height:96px; margin-top:354px;}
.guide-slider .guide .display .title samp{   display:block; font-size:14px; line-height:18px;}
.guide-slider .guide .behind { width: 324px; height: 448px; padding:0 13px; display: inline-block; /*border: 1px solid #e3e3e3;*/ background: #656565; overflow: hidden; position: absolute;  z-index: 1; }

.min{ font-size:26px; color:#fff; font-weight:600; border-bottom:1px solid #d2d2d2; padding:17px 0;}
.min samp{ font-size:16px;  margin-left:8px;}
.ner{ font-size:18px; color:#f1efef; font-size:14px; margin-top:18px; line-height:22px;    height: 260px;}
.an{ font-family: 'SourceHanSansCN-Bold'; /*background:#c90f19;*/background: url(../img/an4.png) no-repeat ;
 font-size:14px; color:#fff; text-align:center; width:170px;height: 50px; line-height:41px;    margin-left: 65px; margin-top:25px; display:block;}
.an:hover{ font-family: 'SourceHanSansCN-Bold';background: url(../img/an3.png) no-repeat ;
 font-size:14px; color:#4e4e4e; text-align:center; width:170px;height: 50px; line-height:41px;    margin-left: 65px; margin-top:25px; display:block;}

.guide-slider .guide.on { width: 470px; } 
.guide-slider .guide.on .display .title { color: #fff; opacity:0; filter:alpha(opacity=0); }
.guide-slider .guide.on .display::after {top: 50%; margin-top: -5px;}
.guide-slider .guide.on .display .icon.icon2 { background-position: -148px 0; }
.guide-slider .guide.on .display .icon.icon3 { background-position: -222px 0; }
.guide-slider .guide.on .display .icon.icon4 { background-position: -370px 0; }
.guide-slider .guide.on .display .icon.icon5 { background-position: -666px 0; }

.guide-slider .guide .bj_1{background:url(../img/sz/05.jpg) no-repeat;}
.guide-slider .guide .bj_2{background:url(../img/sz/06.jpg) no-repeat;}
.guide-slider .guide .bj_3{background:url(../img/sz/04.jpg) no-repeat;}
.guide-slider .guide .bj_4{background:url(../img/sz/03.jpg) no-repeat;}
.guide-slider .guide .bj_5{background:url(../img/sz/02.jpg) no-repeat;}
.guide-slider .guide .bj_6{background:url(../img/sz/01.jpg) no-repeat;}

/*shu*/ 
  .mainshu1{
       background: url(../img/1212.jpg) no-repeat center top;
         height: 700px;
  }
  .dhxz{ text-align: center;font-size: 36px;padding-top: 50px;  color:#252222;   font-weight: bold; }
.dhxz b{ color: #ca0612;}
.zih{ text-align: center;font-size: 20px;    margin-top: 12px;  color:#1a1b1b; }

 .mainshu {
    margin: 0 auto;
    width: 1160px;
        height: 650px;
}
.pro{      margin-top: 38px;   height: 405px;
    position: relative;
    /*border-bottom: 1px solid;*/}
.pro .box{
    width:250px;
    height:410px;
    perspective: 300px;
    -webkit-perspective: 500;
    position:absolute;
}
.pro .box p{
    color:#666;
    line-height:20px;
    transform: rotateY(10deg) scale(0.8);
    text-align:left;
}
.pro .box img{
    width:280px;
    height:390px;
    transform: rotateY(30deg) scale(0.8);
    /*border:2px solid #ffffff;*/
    transition:1s;
}
.pro .box.b1{
    left:0;
    z-index:1;
}
.pro .box.b2{
    left:110px;
    z-index:2;
}
.pro .box.b3{
    left:220px;
    z-index:3;
}
.pro .box.b4{
    left:330px;
    z-index:3;
}
.pro .box.b5{
    left:440px;
    z-index:3;
}
.pro .box.b6{
    left:550px;
    z-index:3;
}
.pro .box.b7{
    left:660px;
    z-index:3;
}
.pro .box.b8{
    left:770px;
    z-index:3;
}
.pro .box.b9{
    left:880px;
    z-index:3;
}
.pro .box.b10{
    left:900px;
    z-index:3;
}


.pro .box:hover{
    z-index:10;
}
.pro .box:hover p{
    transform: rotateY(0deg) scale(1);
    transition:1s;
}
.pro .box:hover img{
    transform: rotateY(0deg) scale(1);
    transition:1s;
}

/*jiangxiang*/


.jiangxiang{    background: url(../img/beijing.jpg) no-repeat center bottom;
    height: 850px; text-align: center;padding-top: 50px}
    .introRyMain{  background:url(../img/intro_bg.jpg) no-repeat; width:100%; height:auto; padding:0px 0px 57px 0px;}
.intro_rymenu{ /*background:url(../img/intro_ry01.jpg) no-repeat;*/ width:1100px; height:700px; overflow:hidden; margin:0px auto;/*background: #ddd;*/position: relative;}
.intro_rymenu dl {    color: #252323; margin: 13px 0px 24px 80px; line-height: 27px; font-size: 16px; text-align: left; width: 368px; }
.intro_rycolumn{ background:url(../img/intro_ry02.jpg) no-repeat; width:980px; height:40px; overflow:hidden; margin:0px auto; text-align:right; line-height:36px;}
.intro_rycolumn a{ color:#FFF; margin-right:12px; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, Verdana, sans-serif;}
.intro_ryList{ width:980px; height:auto; margin:0px auto;}


.intro_rymenu .jximg1{position: absolute;right: 458px;width: 182px;height: 120px;top: 0px;}
.intro_rymenu .jximg1>img,.intro_rymenu .jximg2>img,.intro_rymenu .jximg3>img,.intro_rymenu .jximg4>img,.intro_rymenu .jximg5>img,.intro_rymenu .jximg6>img,.intro_rymenu .jximg7>img,.intro_rymenu .jximg8>img,.intro_rymenu .jximg9>img,.intro_rymenu .jximg10>img,.intro_rymenu .jximg11>img,.intro_rymenu .jximg16>img,.intro_rymenu .jximg17>img,.intro_rymenu .jximg12>img,.intro_rymenu .jximg13>img,.intro_rymenu .jximg14>img{width: 100%; height: 100%}
.intro_rymenu .jximg2{position: absolute;right: 258px;width: 182px;height: 120px;top: 0px;}
.intro_rymenu .jximg3{position: absolute;right: 60px;width: 182px;height: 120px;top: 0px;}
.intro_rymenu .jximg4{position: absolute;right: 507px;width: 134px;height: 164px;top: 132px;}
.intro_rymenu .jximg5{position: absolute;right: 357px;width: 134px;height: 164px;top: 132px;}
.intro_rymenu .jximg6{position: absolute;right: 208px;width: 134px;height: 164px;top: 132px;}
.intro_rymenu .jximg7{position: absolute;right: 60px;width: 134px;height: 164px;top: 132px;}


.intro_rymenu .jximg8{position: absolute;right: 672px;width: 192px;height: 126px;top: 387px;}
.intro_rymenu .jximg9{position: absolute;right: 487px;width: 192px;height: 126px;top: 314px;}
.intro_rymenu .jximg10{position: absolute;right:278px;width: 192px;height: 126px;top: 314px;}
.intro_rymenu .jximg11{position: absolute;right: 60px;width: 192px;height: 126px;top: 314px;}
.intro_rymenu .jximg16{    position: absolute;  right: 801px; width: 112px;  height: 262px; top: 387px;}
.intro_rymenu .jximg17{    position: absolute; right: 724px; width: 83px; height: 244px; top: 387px;}
.intro_rymenu .jximg12{position: absolute;right: 512px;width: 202px;height: 132px;top: 460px;}
.intro_rymenu .jximg13{position: absolute;right:287px;width: 202px;height: 132px;top: 460px;}
.intro_rymenu .jximg14{position: absolute;right: 60px;width: 202px;height: 132px;top: 460px;}


/*jiang*/


.p2{
    padding:0;
    height:758px; 
  background:url("../img/zz.png") no-repeat center top;
}
.p2 .container {
    padding-top: 70px;
    width: 100%;
    height: 700px;
    position: relative; 
}
.p2 .container img{
    position:absolute;
} 
@keyframes p2-1{
    0%{top:-10px;}
    50%{top:0;}
    100%{top:-10px;}
}
@keyframes p2-2{
    0%{top:418px;}
    50%{top:408px;}
    100%{top:418px;}
}
@keyframes p2-3{
    0%{top:443px;}
    50%{top:453px;}
    100%{top:443px;}
}
 
 .main {
    margin: 0 auto;
    width: 1000px;
}
.p2 .container .img1{     position: relative; width: 249px; height: 272px; float: left;  margin-left: 82px; }
.p2 .container .img2{ position:relative;width: 330px;height: 272px;float: left; }
.p2 .container .img3{ position:relative;width: 330px;height: 272px;float: left; }
.p2 .container .img4 {
    position: relative;
    width: 231px;
    height: 284px;
    float: left;
    margin-top: 126px;
   
}
.p2 .container .img5 {
    position: relative;
    width: 231px;
    height: 284px;
    float: left;
    margin-left: 10px;
    margin-top: 126px;
    
}

.p2 .container .img6 {
    position: relative;
    width: 231px;
    height: 284px;
    float: left;
    margin-left: 10px;
    margin-top: 126px;
  
}

.p2 .container .img7 {
    position: relative;
    width: 231px;
    height: 284px;
    float: left;
    margin-left:20px;
    margin-top: 126px;
    
}


.p2 .container.img1 img{
    position: absolute;
    top:0;
    left:100px;
}
.img11,.img22,.img33,.img44,.img55,.img66,.img77{   
    display: none;
    width: 292px;
    height:200px;
    position: absolute;
    top: -100px;}
  /*  .img1:hover img, .img2:hover img, .img3:hover img, .img4:hover img, .img5:hover img, .img6:hover img, .img7:hover img{display: none}*/
.img1:hover .img11,.img2:hover .img22,.img3:hover .img33,.img4:hover .img44,.img5:hover .img55,.img6:hover .img66,.img7:hover .img77 {
    display: block;    
     background: #fbfbfb;
    border-radius: 30px;
    top:0;
    left:0px;
    padding: 10px;
     -webkit-transform-origin: top center;
    -ms-transform-origin: top center;
    transform-origin: top center;
    -ms-animation-name: swing;
    -webkit-animation-name: swing;
    animation-name: swing; 
    animation-duration:1s;
}
 
    .p2 .container:hover .img1 img,.p2 .container:hover .img2 img ,.p2 .container:hover .img3 img,.p2 .container:hover .img4 img,.p2 .container:hover .img6 img,.p2 .container:hover .img5 img,.p2 .container:hover .img7 img   {
    animation:1s p2-1 linear infinite;
}
 
 
@-ms-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
}
@-webkit-keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
            transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
            transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
            transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
            transform: rotate3d(0, 0, 1, -5deg);
  }
  100% {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
            transform: rotate3d(0, 0, 1, 0deg);
  }
} 



/*xiaoyuanhuanjing*/

.xyhjwm{
    padding-top: 50px;
    padding-bottom: 68px;
     width: 1200px;
    margin: 0 auto;
}
.xyhjwm ul{
    overflow: hidden;
}
.xyhjwm ul li{
    float: left;
    margin-right: 7px;
}
.xyhjwm ul li:nth-child(4){
    margin-right: 0px;
}
.xyhjwm ul li span{
    margin-bottom: 7px;
    overflow: hidden;
    display: block;
}
.xyhjwm ul li:nth-child(1) span{
    width:366px;
    height:225px;
}
.xyhjwm ul li span img{
    width:100%;
    height:100%;
    transition:.3s;
    -webkit-transition:.3s;
    -moz-transition:.3s;
    -ms-transition:.3s;
    -o-transition:.3s;
}
.xyhjwm ul li span:hover img{
    transform:scale(1.2);
    -webkit-transform:scale(1.2);
    -moz-transform:scale(1.2);
    -ms-transform:scale(1.2);
    -o-transform:scale(1.2);
     border:4px solid #ccc;
    -o-transition: all 0.2s;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    transition: all 0.2s;
}

.xyhjwm ul li .xxhj_sm{
    width:270px;
    height:188px;
}
.xyhjwm ul li .xxhj_big{
    width:270px;
    height:263px;
}


.xinzi{  background:#f5f5f5;  padding: 50px 0;}

.xinzixq {
    max-width: 1160px;
    height: auto;
    margin: auto;
}
.xinzi_part{
}
.xinzi_part .device {
    width: 1160px;
    height: 420px;
    margin: 0 auto;
    position: relative;
}

.xinzi_part .swiper-container {
    width: 1160px;
    height: 720px;
}
.xinzi_part .swiper-container .swiper-slide {
    width: 1160px;
    color: #fff;
}
.xinzi_part .swiper-container .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom:5px;
    width: 100%;
    z-index: 10;
}
.xinzi_part .swiper-container .swiper-pagination-switch {
    width:45px;
    height:5px;
    display:inline-block;
   /* border-radius:50%;*/
    background:#333333;
    margin: 0 3px;
    cursor: pointer;
}
.xinzi_part .swiper-container .swiper-active-switch {
    background: #a70710;
   /* background: url(../img/a.png) no-repeat 0px 0px;*/
}
.xinzi_ul li{
    /*width:25%;*/
    display: inline-block;
    float: left;
    padding: 10px;
    width: 290px;
    height: 340px;
}
.xinzi_ul li > div{
    position: relative;height: 330px;
}
.xinzi_ul li > div img{
    width: 280px;
    height: 195px;
    display: block;
}

.xinzi_info{
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute; 
    background:#fff ;
    height:41%;
    overflow: hidden;
   width: 280px; 
    transition: 0.6s;
}
.xinzi_info h2 {
        margin-top: 10px;
    font-size: 28px;
    line-height: 37px;
    height: 42px;
    color: #271f1f;
    text-align: center; 
    font-weight: normal;
    border-bottom: 1px solid #ddd;
}
.xinzi_info h3 {
      font-size: 16px;
    margin-top: 0px;
    line-height: 36px;
    height: 44px;
    color: #5a5353;
    text-align: center;
    padding-left: 16px;
    font-weight: normal;

}
.xinzi_info h4 {
    font-size: 30px;
    line-height: 20px;
    height: 42px;
    color: #3F51B5;
    text-align: center;

    font-weight: bolder;
  /*      font-style: italic;*/
}
/*.xinzi_ul li :hover .xinzi_info{
    height: 32%;
    transition: 0.6s;
     bottom:top;
    left: 0;
    right: 0;
    position: absolute;
}

*/

/*xueyaun*/
.xueyuan1{  background:#f5f5f5;  padding: 50px 0;}

.w-container3 {
    max-width: 1160px;
    height: 500px;
    margin: auto;
}
.xz_part11{
}
.xz_part11 .device {
    width: 1160px;
    height: 420px;
    margin: 0 auto;
    position: relative;
}

.xz_part11 .swiper-container {
    width: 1160px;
    height: 520px;
}
.xz_part11 .swiper-container .swiper-slide {
    width: 1160px;
    color: #fff;
}
.xz_part11 .swiper-container .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom:5px;
    width: 100%;
    z-index: 10;
}
.xz_part11 .swiper-container .swiper-pagination-switch {
    width:45px;
    height:5px;
    display:inline-block;
   /* border-radius:50%;*/
    background:#333333;
    margin: 0 3px;
    cursor: pointer;
}
.xz_part11 .swiper-container .swiper-active-switch {
    background: #a70710;
   /* background: url(../img/a.png) no-repeat 0px 0px;*/
}
.xz_ul li{
    /*width:25%;*/
    display: inline-block;
    float: left;
    padding: 10px;
    width: 290px;
    height: 238px;
}
.xz_ul li > div{
    position: relative;
}
.xz_ul li > div img{
    width: 280px;
    height: 228px;
    display: block;
}

.xz_info{
    bottom: 0;
    left: 0;
    right: 0;
    position: absolute; 
    background:rgba(49, 56, 56, 0.83);
    height:34%;
    overflow: hidden;
    width: 280px; 
    transition: 0.6s;
}
.xz_info h2 {
    margin-top:10px;
    font-size: 14px;
    line-height: 20px;
    color: #ffffff;
    text-align:left;
    padding-left: 16px;
    font-weight: normal;
}
.xz_info h3 {
    font-size: 14px;
    margin-top: 0px;
    line-height: 20px;
    color: #ffffff;
    text-align: left;
    padding-left: 16px;
    font-weight: normal;

}
.xz_info h4 {
    /*margin-top: 22px;*/
    font-size:14px;
    line-height: 20px;
    color: #ffffff;
    text-align:left;
    padding-left: 16px;
    font-weight: normal;
}
.xz_ul li :hover .xz_info{
    height: 32%;
    transition: 0.6s;
     bottom:top;
    left: 0;
    right: 0;
    position: absolute;
}


/*2shipin*/

.cont1 {
    background: url(../img/leupbg_02.png) no-repeat center top;
    height: 842px;
}
 
.lala{width:874px;margin:0 auto;}
.lala .tab_box{width:1000px;height:520px;}
.lala .tab_box li{width:1000px;height:520px;}
.lala .tab_menu li {    margin-top: 5px;font-family: 'SourceHanSansCN-Bold'; width: 260px; height: 60px;  background: url(../img/999.png) no-repeat ; color:#4e4e4e; font-size: 14px; text-align: center; line-height: 58px; margin-right: 4px; float: left; }
.lala .tab_menu li.current{background: url(../img/99.png) no-repeat ;color: #fff;font-family: 'SourceHanSansCN-Bold';}
.tab_box .hide{display:none;}



.bz_part6{ 
    padding-bottom: 50px;
    padding-top: 50px; 
   background: url("../img/bj00.jpg") no-repeat center top;
   height: 750px;
}
 .w-container {
    max-width: 1160px;
    height: 384px;
    margin: auto;
}
.bz_part6 .bz_device {
       margin-left: 314px;
    width: 530px;
    height: 342px;
    position: relative;
    
}

.bz_part6 .swiper-container {
    width:462px;
    height: 342px;
}
.bz_part6 .swiper-container .swiper-slide {
    width: 462px;
    color: #fff;
   /* background: #ff7200;*/
}
.bz_part6 .swiper-container .pagination {
    position: absolute;
    left: 0;
    text-align: center;
    bottom:5px;
    width: 100%;
    z-index: 10;
}
.bz_part6 .swiper-container .swiper-pagination-switch {
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    background: #333;
    margin: 0 3px;
    cursor: pointer;
}
.bz_part6 .swiper-container .swiper-active-switch {
    background: #a70710;
}
.bz_tab{
    width: 270px;
    height: 156px;
    position: absolute;
    text-align: right;
    cursor: pointer;
}
.bz_tab_01{
    left: 0;
    top:0px;
    padding-right: 45px;
        border: 1px solid #eee;
    border-radius: 9px;
}

.bz_tab_01 p,.bz_tab_02 p{    padding-left: 25px;} 
.bz_tab_03 p,.bz_tab_04 p{  padding-right: 10px;}    
.bz_tab_02{
    left: 0;
    bottom:40px;
    padding-right: 45px;
        border: 1px solid #eee;
    border-radius: 9px;
}
.bz_tab_03{
    right: 0;
    top:0px;
    padding-left: 35px;
    text-align: left;
        border: 1px solid #eee;
    border-radius: 9px;
}

.bz_tab_04{
    right: 0;
    bottom:40px;
    padding-left: 35px;
    text-align: left;
        border: 1px solid #eee;
    border-radius: 9px;
}

.bz_tab h3{
   padding-top: 9px;
    position: relative;
    font-size: 18px;
    color: #fff;
    font-weight: bold;
}
/*.bz_tab h3 > span{
    display: inline-block;
    position: absolute;
    right: -60px;
    width: 45px;
    height: 45px;
    border-radius: 45px;
    background: #f5f5f5;
    text-align: center;
    line-height: 45px;
    z-index: 1;
    top: -6px;
    padding-top: 4px;
    padding-right: 3px;
}*/

.bz_tab h3 > span {
    display: inline-block;
    position: absolute;
    right: -68px;
    width: 50px;
    height: 50px;
    border-radius: 28px;
    background: #cfcfcf;
    text-align: center;
    line-height: 45px;
    z-index: 1;
    top: 4px;
    padding-top: 10px;
    padding-right: 0px;
} 
/*.bz_tab h3 > span{
        display: inline-block;
    position: absolute;
    right: -68px;
    width: 40px;
    height: 40px;
    border-radius: 28px;
    background: #f5f5f5;
    text-align: center;
    line-height: 45px;
    z-index: 1;
    top: 0px;
    padding-top: 6px;
    padding-right: 0px;
}
*/ 
.bz_tab h3 > span img{
    display: inline-block;
}
.bz_tab p{
    margin-top:5px;
    font-size: 14px;
    color: #f1f1f1;
}
.bz_tab_03 h3 > span, .bz_tab_04 h3 > span{
    left: -60px;
}

.tab_active h3 > span{
    background:#a70710;
}
.tab_active h3{
    /*color: #a70710;*/
    color: #db0f1c;
}


/*hezuo*/
.tabs {
 width: 1120px;
    height: 50px;
    margin: 10px auto;
  
}
.tabs a {
  display: block;
  float: left;
  width: 50%;
  color: #333;
  text-align: center; 
  line-height: 40px;
  font-size: 25px;
 
  text-decoration: none;
     border-bottom: 1px solid #333;
}
.tabs a.active1 {
  color: #a70710;
 
 
  border-bottom: 2px solid #a70710;
}
#ce_swiper {
  background: #f5f5f5;
  /*background-image: -webkit-gradient(linear, left top, left bottom, from(#000), to(#333));  
  background-image: -webkit-linear-gradient(top, #000, #333);  
  background-image:    -moz-linear-gradient(top, #000, #333);  
  background-image:     -ms-linear-gradient(top, #000, #333);  
  background-image:      -o-linear-gradient(top, #000, #333);  
  background-image:         linear-gradient(to bottom, #000, #333);*/
  height: 510px;
  border-radius: 5px 5px 5px 5px;
  border: 1px solid #ccc;
  
  width: 1120px;
 
  padding-top: 18px;
}
.swiper-slide {
  height:478px;
  width: 1120px;
  background: none;
  color: #fff;
}
.zpin a {float:left;position:relative;display:block;    width:150px; height:112px; margin:0 5px 8px;}
.zpin a:nth-child(1),.content_item a:nth-child(2),.content_item a:nth-child(3) {}
.zpin a img {width:100%;position:relative; height:100%;}
.zpin a span {display:block;width:100%;height:0;position:absolute;left:0;bottom:0px;background:#000;opacity:0;filter:alpha(opacity=0);transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.zpin a div {width:100%;height:0;position:absolute;left:0;top:0;color:#fff;opacity:0;filter:alpha(opacity=0);transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
.zpin a:hover span {opacity:0.7;filter:alpha(opacity=50);height: 100%;
    transition: 0.6s;
     bottom:top;
    left: 0;
    right: 0;
    position: absolute;
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
    -webkit-transition: all 0.35s ease;
    transition: all 0.35s ease; }
.zpin a:hover h5 {display:none;}
.zpin a:hover div {opacity:1;filter:alpha(opacity=100); }
.zpin a div p {font-size:18px;color:#fff;margin-top:3%;line-height:1.4;}
.zpin a div strong {font-size:24px;color:#dc62f7;display:block;margin-top:4%;}
.zpin a div  h3 {    font-size: 16px;
    color: #fff;
    padding-top: 35px;
    font-weight: normal;
    padding-left: 17px;
    padding-right: 17px;
    line-height: 25px;
    text-align: center;}

.zpin a div  .htop {font-size:12px;color:#fff;padding-top:580px;font-weight:normal; padding-left:17px; padding-right:17px; line-height:35px;}
.zpin a .spantop {display:block;width:100%;height:35px;position:absolute;left:0;top:580px;background:#000;opacity:0;filter:alpha(opacity=0);transition:all 300ms linear;-moz-transiton:all 300ms linear;-webket-transition:all 300ms linear;-o-transition:all 300ms linear;}
 
/*底部*/
.ft1{width: 990px;margin:auto; }
.ft{background: #151512;height: 200px;padding-top: 30px;}
.ft-dz{ text-align: center;height: 50px;line-height: 50px;color: #f7f2f2;font-size: 14px; }
.ft-dz1{text-align: center;color: #f7f2f2;font-size: 14px;}
#ba{ background: url("../img/icowei.png") no-repeat;position: relative; width: 50px;height: 50px;margin-left: 700px;top: -7px;} 
#ba:hover {  background: url("../img/icowei1.png") no-repeat; }
#abc{display: none; position: absolute;top:-164px;right:-45px; } 
.about_us { width:980px; margin:20px auto 20px auto;text-align:center;}
.about_us ul{ width:900px; margin:0px auto; height:27px; padding-left:24px;text-align:left;}
.about_us li { float:left; width:130px;  }
.about_us .ico01{ background:url(../img/ico05.png) no-repeat; height:25px; text-indent:30px; line-height:25px;margin:.0px 0px 0px 0px;}
.about_us .ico02{ background:url(../img/ico06.png) no-repeat; height:25px; text-indent:30px; line-height:25px;margin:.0px 0px 0px 50px;}
.about_us .ico03{ background:url(../img/ico07.png) no-repeat; height:25px; text-indent:30px; line-height:25px;margin:.0px 0px 0px 50px;}
.about_us .ico04{ background:url(../img/ico08.png) no-repeat; height:25px; text-indent:30px; line-height:25px;margin:.0px 0px 0px 50px;}
.about_us .ico05{  height:25px; text-indent:30px; line-height:25px;margin:.0px 0px 0px 44px;color:#fff; }
.about_us li a { font-size:14px; color:#fff; }



 
 .item{
    width: 1200px;
    padding: 60px 0 10px;
    margin: 0 auto;
}
.item .title{
    margin-bottom: 50px;
    text-align: center;
}
.item .title .ch{
    font-size: 35px;
    font-weight: bold;
    color: #333;
}
.item .title .en{
       font-size: 18px;
    color: #2d2929;
    font-weight: normal;
}
.item1 .list{
    height: 450px;
}
.item1 .list li{
    float: left;
    width: 25%;
    height: 225px;
    transition: 0.5s;
    -webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -ms-transition: 0.5s;
}
 
/*.item1 .list .image1{
    background: url(../images/acaa/1.jpg) no-repeat center center;
}
.item1 .list .image2{
    background: url(../images/acaa/2.jpg) no-repeat center center;
}
.item1 .list .image3{
    background: url(../images/acaa/3.jpg) no-repeat center center;
}
.item1 .list .image4{
    background: url(../images/acaa/4.jpg) no-repeat center center;
}
.item1 .list .image5{
    background: url(../images/acaa/5.jpg) no-repeat center center;
}
.item1 .list .image6{
    background: url(../images/acaa/6.jpg) no-repeat center center;
}
.item1 .list .image7{
    background: url(../images/acaa/7.jpg) no-repeat center center;
}
.item1 .list .image8{
    background: url(../images/acaa/8.jpg) no-repeat center center;
}
.item .intro{
    margin-top: 50px;
    padding: 30px 0;
    line-height: 25px;
    color: #676767;
    font-size: 14px;
    text-align: center;
    border: 1px solid #E3E3E3;
    border-top: 5px solid #FF9000;
    position: relative;
}*/
.item .intro .down{
    position: absolute;
    bottom: -14px;
    left: 50%;
    width: 33px;
    height: 14px;
    margin-left: -16.5px;
    background: url(../images/acaa/down.png) no-repeat center center;
}
.item .btn_detail{
    width: 120px;
    height: 120px;
    display: block;
    margin: 0 auto;
    border: 1px dashed #666;
    border-radius: 50%;
    text-align: center;
    text-decoration: none;
    margin-top: 50px;
}
.item .btn_detail span{
    width: 110px;
    height: 60px;
    padding: 25px 0;
    display: block;
    margin: 5px;
    background: #FFB14B;
    border-radius: 50%;
    color: white;
    font-size: 25px;
    line-height: 30px;
}
.item .btn_detail span:hover{
    background: #FF9000;
}



.item4 .content{
    width: 1012px;
    margin: 0 auto 50px;
    overflow: hidden;
}
.item4 .content div{
    width: 490px;
    overflow: hidden;
    border: 1px solid #ccd1d6;
}
.item4 .content div:hover img{ transform:scale(1.1);
    -webkit-transform:scale(1.1);
    -moz-transform:scale(1.1);
    -ms-transform:scale(1.1);
    -o-transform:scale(1.1); 
    -o-transition: all 0.5s;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    transition: all 0.5s;}

.item4 .content div>img{ 
width: 100%; 
box-shadow: 1px 3px 6px 3px #575b5fa3;
}
.item4 .step{
    width: 100%;
    height: 180px;
    margin-bottom: 60px;
    background: url(../img/step.png) no-repeat center center;
    background-size: 100% auto;
}
.item4 .step li{
    float: left;
    width: 148px;
    height: 172px;
    background: url(../img/ling1.png) no-repeat center center;
    background-size: 100% auto;
    cursor: pointer;
    margin-left: 136px;
    transition: 0.35s;
    -webkit-transition: 0.35s;
    -moz-transition: 0.35s;
    -o-transition: 0.35s;
}
.item4 .step li a{
    display: block;
    height: 172px;
    line-height: 172px;
    color: white;
    font-weight: bold;
    font-size: 20px;
    text-align: center;
    background: url(../img/ling2.png) no-repeat center center;
    transition: 0.35s;
    -webkit-transition: 0.35s;
    -moz-transition: 0.35s;
    -o-transition: 0.35s;
    text-decoration: none;
}
.item4 .step li:hover{
    background: url(../img/ling1_sel.png) no-repeat center center;
    background-size: 100% auto;
}
.item4 .step li:hover a{
    background: url(../img/ling2_sel.png) no-repeat center center;
}

.f-fr{float: right;}
.f-fl{float: left;}