/* CSS Document */
body{font-size:12px; font-family: 'Microsoft Yahei','SimSun',sans-serif;overflow-x:hidden; color:#333; width: 100%;  }
input,textarea{font-size:100%;border:0;padding:0;background:none;outline:none;font-family:'Microsoft Yahei'; }
body,h1,h2,h3,h4,p,ul,ol,dd,dl,form{margin:0;padding:0;font-weight:normal;}
ul{padding-left:0;list-style-type:none;}
a{text-decoration:none;outline:none;color:#666;transition:all .2s ease; cursor:pointer;}
/*a:hover{color:#2d71b8;}*/
img{border:0;vertical-align:top;}
i,s,em,u{font-style:normal;text-decoration:none;}
*html{background-image:url(about:blank);background-attachment:fixed; }
.fix:before,.fix:after{content:"";display:table;}
.fix{*zoom:1;}
.fix:after{clear:both;}
.fl{float:left;}
.fr{float:right;}
.w1151{width: 1151px;margin: 0 auto;}
.w1360{width:1360px;margin: 0 auto;}
.w1200{width:1200px;margin: 0 auto;}
.clear {
    clear: both;
    height: 0;
    line-height: 0;
    overflow: hidden;
    font-size: 0;
  }
/* ************************************** */
.bj{
    background: url(../images/bj.jpg) no-repeat center bottom #ffffff;
}

.footer{text-align: center; background-color: #0a4691;}
.footer p{font-size:15px;color:#ffffff;line-height:55px; height: 55px; }
.banner img{width:1920px;height:577px;margin-left: -360px;}
.index-top{margin-top: 122px;}

.index-title{display:block;margin:0px auto 0px;height:83px;width:1151px; margin-bottom: 43px; position: relative;}
.index-title a{position: absolute; right: 28px; top: 3px; font-size: 13px; color: #939393;}
.index-workable .index-workableBom{overflow: hidden; margin-bottom: 67px; width: 604px; height: 439px; margin-top: 100px; position: relative; float: left;}
.index-workableBom a{display: block;}
.index-workableBom img{width: 100%;}
.index-workableBom p{
  width: 100%; 
  background-color: rgba(107, 94, 97, 0.8); 
  position: absolute; 
  bottom: 0px; 
  width: 100%; 
  text-align: center; 
  left: 0px; 
  height: 59px; 
  color: #fff;
  line-height: 59px;
  font-size: 20px;
}
.index-workableBom-list{
  margin-left: 51px;
  float: right;
  margin-top: 100px;
}
.index-workableBom-list li{
  padding-bottom: 23px;
  margin-bottom: 23px;
  border-bottom: 1px solid #d9d9d9;
}

.index-workableBom-list li:nth-child(3) {
  border-bottom: 0;
}
.index-workableBom-list a img{
  float: left;
  width: 168px;
  height: 115px;
}
.workableBom_txt{
  width: 350px; 
  float: left;
  font-size: 26px;
  margin-left: 25px;
  margin-top: 17px;
  color: #141414;
}

.Box2_fc{
  height: 444px;
  position: relative;
}
.Box2_fc li{
  float: left;
  margin-right: 36px;
  width: 376px;
  height: 443px;
  position: relative;
}

.Box2_fc .hd{
  position:absolute;
  top: 45%;
  width: 100%;
}

.Box2_fc .prev{
  position:absolute;
  left: -141px;
  background: url(../images/ico5.png) no-repeat;
  width: 63px;
  height: 63px;
  
}
.Box2_fc .prev:hover{
  background: url(../images/ico8.png) no-repeat;
}

.Box2_fc .next:hover{
  background: url(../images/ico6.png) no-repeat;
}
.Box2_fc .next{
  position:absolute;
  right: -117px;
  background: url(../images/ico7.png) no-repeat;
  width: 63px;
  height: 63px;
  top: 45%;
}
.Box2_txt{
  width: 100%;
  height: 59px;
  position:absolute;
  bottom: 0px;
  line-height: 59px;
  text-align: center;
  color: #fff;
  font-size: 20px;
  left: 0px;
  background-color: rgba(65, 67, 58, 0.8); 
}

.index-workable2{
  margin-bottom: 136px;
}

.Box3_content{
  margin-top: 22px;
}
.Box3_content li{
  width: 516px;
  height: 63px;
  padding: 33px;
  float: left;
  margin-right: 35px;
  margin-bottom: 27px;
  border-bottom: 3px solid #64abe3;
  border-radius: 5px;
  background-color: #fff;
}
.Box3_content  li a{
  display: block;
}

.Box3_left{
  float: left;
  text-align: right;
}

.Box3_left span{
  font-size: 24px;
  color: #0167b0;
}
.Box3_left p{
  font-size: 14px;
  color: #707070;
}
.Box3_l_x{
  margin-left: 24px;
}
.Box3_right{
  font-size: 16px;
  color: #272727;
  float: left;
  margin-left: 36px;
  width: 426px;
  height: 59px;
  overflow: hidden;
  margin-top: 5px;
  line-height: 30px;
}

.Box3_content li:nth-child(2n){
  margin-right: 0px;
}

.Box3_content li:hover{
  background-color: #0278d4;
}

.Box3_content li:hover .Box3_left span, .Box3_content li:hover .Box3_left p , .Box3_content li:hover .Box3_right{
  color: #ffffff;
}

.index-celebrate3{
  padding-bottom: 100px !important;
}


.list_ul{margin-bottom: 60px;}
.list_ul a{font-size: 20px; color: #282828; }
.list_ul li{background: url(../images/ico_1.gif) no-repeat left center; line-height: 25px; width: 574px; float: left;text-indent: 27px; margin-bottom: 40px;}

.index-celebrate{padding-bottom: 64px;}
.index-celebrateBom{position:relative}
.index-celebrateBom .hd{position:absolute;left:0px;width:1200px; top: 94px;}
.index-celebrateBom .prev{
  position:absolute;
  left: -141px;
  background: url(../images/ico5.png) no-repeat;
  width: 63px;
  height: 63px;
  
}
.index-celebrateBom .prev:hover{
  background: url(../images/ico8.png) no-repeat;
}

.index-celebrateBom .next:hover{
  background: url(../images/ico6.png) no-repeat;
}
.index-celebrateBom .next{
  position:absolute;
  right: -117px;
  background: url(../images/ico7.png) no-repeat;
  width: 63px;
  height: 63px;
  top: 45%;
}

.index-celebrateBom .bd{margin-top:40px;overflow:hidden;height:318px;}
.index-celebrateBom .bd ul{ overflow:hidden; zoom:1;}
.index-celebrateBom .bd ul li{ margin-right:44px; background:#f7f6f6;float:left; _display:inline; overflow:hidden; height:318px;width:370px; position: relative;}
.index-celebrateBom .bd ul li img{height:262px;width:370px;}
.index-celebrateBom .bd ul li em{display:block;}
.index-celebrateBom .bd ul li p{font-size:18px;line-height:56px;color:#2d2d2d;overflow:hidden;height:56px; text-align: center;}
.index-celebrateBom .bd ul li:hover p{color:#d5010f;}
.index-celebrateBom .bd i{position: absolute; left: 43%; top: 33%; width: 57px; height: 58px;}
.index-celebrateBom .bd i img{width: 57px !important; height: 58px !important;}


.list_ul2{margin-bottom: 57px;}
.list_ul2 li{width: 222px; height: 115px; background-color: #efefef; float: left; margin-right: 20px; font-size: 21px;background: url(../images/ico_1.gif) no-repeat 27px 39px #efefef;text-indent: 27px ; padding: 25px; line-height: 36px;}
.list_ul2 li:last-child{margin-right:0px !important;}
.list_ul2 li a{color: #282828;}
.index_left{ width: 774px; height: 461px; float: left; position: relative;}
.index_left p {
    padding: 0 30px;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    color: #fff;
    width: 646px;
    background: url(../images/hb.png) repeat;
    position: absolute;
    bottom: 0px;
    left: 68px;
  }
  .index_left i{
    background: url(../images/ico_4.gif) repeat; width: 64px; height: 50px;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 4px;
  }
  .index_right{margin-left: 27px; float: right;}
  .index_right a{
    margin-bottom: 19px;
    position: relative;
    width: 343px;
    height: 221px;
    display: block;
  }
  .index_right i{
    background: url(../images/ico_5.gif) repeat; width: 50px; height: 40px;
    display: inline-block;
    position: absolute;
    bottom: 0px;
    left: 0px;
  }
  .index_right p {
    padding: 0 17px;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    width: 257px;
    background: url(../images/hb.png) repeat;
    position: absolute;
    bottom: 0px;
    left: 50px;
  }
  .index-v{
    margin-bottom: 52px;
  }

#phoneCarousel{height:606px;margin:0 auto;position:relative;width:1151px;}
#phoneCarousel .previous{width:63px;height:63px;background:url(../images/ico5.png) no-repeat;position:absolute;bottom: 18%;margin-top:-22px;left:40%;cursor:pointer;z-index: 10000;}

#phoneCarousel .next{width:63px;height:63px; right:40%;background:url(../images/ico7.png) no-repeat; position:absolute;bottom: 18%;margin-top:-22px;cursor:pointer;z-index: 10000;}
#phoneCarousel .previous:hover{background:url(../images/ico8.png) no-repeat;}
#phoneCarousel .next:hover{background:url(../images/ico6.png) no-repeat;}
#stage{left:50%;margin-left:-350px;position:absolute;width:700px;height:100%;top: -81px;}
#stage img{border:  2px solid #dddddd; border-radius: 3px;}
#stage .default{display:block;left:50%;margin-left:-135px;position:absolute;}
#stage .animationReady{display:block;position:absolute;top:0;left:0;}
#stage a p{
    background:rgba(2,2,2,.4);
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 14px;
    color: #fff;
    width: 100%;
    position: absolute;
    bottom: 0px;
    left: 2px;
}