/*
.banner{ position: relative; width:100% !important; margin-left:auto; margin-right:auto; height:500px; z-index:99; padding-bottom:50px;}
.banner .hd{}
.banner .hd ul{  position: absolute; top: 520px; width:100% !important; height: 13px; z-index: 900; text-align:center;}
.banner .hd li{ display:inline-block; width: 13px; height: 12px; margin: 0 5px; cursor:pointer; background:url(../images/bg_num.png); }
.banner .hd li.on{ background:url(../images/bg_num_cur.png);}
.banner .bd{ width: 100% !important; margin: auto; height:500px; }
.banner .bd ul{ width: 100% !important;   }
.banner .bd li{ position: relative; width: 100% !important; height:500px;  }
.banner .bd li a{ display: block; position: relative; margin: auto; width: 100%; height:500px; }

*/


.banner{ position:relative;margin:0 auto; z-index: 9;}
.banner .bd{ position:relative; z-index:0; }
.banner .bd li img{width:100%; vertical-align:top;  } 
.banner .hd ul{  position: absolute; bottom: 30px; width:100% !important; height: 13px; z-index: 900; text-align:center;}
.banner .hd li{ display:inline-block; width: 18px; height: 18px; margin: 0 5px; cursor:pointer; background:url(../images/bg_num.png); text-indent: -999rem;}
.banner .hd li.on{ background:url(../images/bg_num_cur.png);}
.banner .prev,.banner .next{ z-index:1; display:block; width:74px; height:74px; position:absolute; top:50%; margin-top:-37px;  filter:alpha(opacity=40);opacity:0.4; background:url(../images/arr_l.png) 0 0 no-repeat;  }
.banner .prev{ left: 3%; }
.banner .next{  background-position:right 0; right: 3%; background:url(../images/arr_r.png) 0 0 no-repeat;  }
.banner .prev:hover,.banner .next:hover{ filter:alpha(opacity=100);opacity:1 }

.mban{ position:relative; overflow:hidden; max-width:640px;/* 设置焦点图最大宽度 */ }
.mban .hd{ position:absolute; height:15px; line-height:15px; bottom:10px; left:0; z-index:1; width:100%; text-align:center;}
.mban .hd li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#b6b6b6; text-indent:-9999px; overflow:hidden; margin:0 4px;   }
.mban .hd li.on{ background:#2ba6ff;  }
.mban .bd{ position:relative; z-index:0; }
.mban .bd li{ position:relative; text-align:center;  }
.mban .bd li img{ background:url(images/loading.gif) center center no-repeat;  vertical-align:top; width:100%;/* 图片宽度100%，达到自适应效果 */}




.itab a{ display: inline-block; width:160px; font-size: 16px; padding: 5px; background: #d7d7d7; transition: all 0.2s ease-in-out; position: relative;}
.itab a:hover,.itab a.cur{ background: #07a4e9; color:#fff;}
.itab a:after{transition: all 0.2s ease-in-out;}
.itab a.cur:after,.itab a:hover:after{ position: absolute; bottom:-10px; left: 50%; content:''; display: block; width:0; height: 0px; border:5px solid transparent; border-top-color:#07a4e9;}

.ywbox{ border:1px solid #eee; height: 400px;}
.ywbox .ywctn{ padding:30px; background: #fff; position: relative; width:280px; border-right:1px solid #eee; height:398px; float: left; transition: all 0.2s ease-in-out;}
.ywbox .subtxt{ padding:0 25px;}
.ywbox .ico{ margin-top:35px; margin-bottom: 50px;}
.ywbox .yw3{ border-right:0!important;}
.ywbox .left,.ywbox .right{ position: relative; z-index: 1;}
.ywbox .left{ width:220px; float: left;}
.ywbox .right{overflow: hidden; display: none; position: absolute; left: 280px; width:280px; float: left; border-left: 1px solid #eee; height: 318px; padding-left:40px; padding-top:20px; }
.ywbox .cur{ width:618px;}
.ywbox .cur .right{ display: block;}
.ywbox .cur:before{ position: absolute; left:-1px; top:-1px; z-index: 0; content:''; display: block; width:619px; height: 400px; border:1px solid #07a4e9;}

.iapp .xs4 { margin-bottom: 20px;}
.iapp .xs4 .wrap{ position: relative; height: 600px; overflow: hidden;}
.iapp .xs4 .wrap img{ width:100%;}
.iapp .xs4 .ctn{display: block; position: absolute; top:556px; background: rgba(0,0,0,.65); height: 644px; border-bottom:3px solid #07a4e9; transition: all 0.3s ease-in-out;}
.iapp .xs4 .showtxt{ padding:140px 50px 0 50px;}
.iapp .xs4 .showtxt .ico{ margin-top:40px;}
.iapp .xs4 .showtxt .ico span{ display: inline-block; font-size: 30px; width:50px; height: 50px; line-height: 44px; background: #07a4e9; border-radius: 50%;}
.iapp .xs4:hover .ctn{ top:-44px;}

.iwhy{ background: #f4f4f4;}
.iwhy .line li{ position:relative; padding-left: 30px;}
.iwhy .line li span{ position: absolute; left: 0; top:2px; display: inline-block;}

.icase{ height:600px; background: url(../images/bg_par.png);}
.icaseslide{ position: relative; height: 363px; width:1176px; margin-left: auto; margin-right: auto;}
.icaseslide .prev, .icaseslide .next{ display:block; position:absolute; top:50%; width:44px; height:86px; margin-top:-43px; background-repeat:no-repeat;}
.icaseslide .prev{ background-image:url(../images/ico_l.png); left:-60px;}
.icaseslide .next{ background-image:url(../images/ico_r.png); right:-60px;}
.icaseslide li{ height:363px; float:left;}
.icaseslide li div{ display:block; float:left; width:195px; height:120px; line-height: 120px; background:#fff; margin-right:1px; margin-bottom:1px; text-align:center;}
.icaseslide li a{ display:block; float:left; width:195px; height:120px; line-height: 120px; background:#fff; margin-right:1px; margin-bottom:1px; text-align:center;}
.icaseslide li a img{ vertical-align: middle; opacity:0.5; max-height:80px; max-width:150px;}
.icaseslide li a:hover img{ vertical-align: middle; opacity:1;}

