.wrap{position:relative;height:auto;zoom:1;overflow:hidden}
.box_1{position:relative;width:100%;height:auto;margin:20px 0;padding:0 0 10px 0;min-height:550px;overflow:hidden}
.box_1 .title{position:relative;width:100%;height:auto;margin:0px 0;z-index:299;text-align:center;line-height:50px;font-size:36px;color:#333;margin-top: 30px}
.box_1 .desc{position:relative;width:100%;height:auto;margin:0px 0;z-index:299;text-align:center;line-height:80px;font-size:18px;color:#333;}
.box_1 .box1_list{position:relative;z-index:200;margin:0px 0;overflow:hidden;height:auto}
.box_1 .box1_list .item{position:relative;border:1px solid #eee;background-color: #fff;height: auto;min-height: 150px;border-radius:5px 5px 0 0;padding: 30px 0 20px 0;background-color: #fff;}
.box_1 .box1_list .item .tit{text-align:center;font-size:20px;color:#999;border-radius:5px 5px 0 0;height:50px;line-height:50px }

.box_1 .box1_list .item .icon{text-align:center;width:80px;height:80px;margin:0 auto;border-radius:10%; border:0px solid #206ae4; }
.box_1 .box1_list .item .icon i{text-align:center;font-size:40px;color:#999;line-height:80px}

.box_1 .box1_list .item:hover{border:1px solid #fff;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}



.box_2{position:relative;width:100%;height:auto;margin:0px 0 200px 0;padding:0 0 10px 0;min-height:600px;overflow:hidden}
.box_2 .title{position:relative;width:100%;height:auto;margin:50px 0 0 0 ; z-index:299;text-align:center;line-height:100px;font-size:36px;color:#fff;}

.box_2 .desc{position:relative;width:100%;height:auto;margin:0px 0 30px 0;z-index:299;text-align:center;line-height:60px;font-size:18px;color:#333;}

.box_2 .box2_list{position:relative;z-index:200;margin:0px 0;overflow:hidden;height:auto;padding: 0 100px 0 100px}
.box_2 .box2_list .item{position:relative;border:0px solid #fff;padding:0px;overflow: hidden;height: 500px;width: 100%;text-align: center;transform:skewX(3deg);}

.box_2 .box2_list .item .pic{overflow: hidden;height: 500px;width: 100%;position:relative;z-index:101;}

.box_2 .box2_list .item .pic:before{background:rgba(32,106,228,0.8);content:"";height:100%;left:0;opacity:0.8;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";position:absolute;top:0;width:100%}
.box_2 .box2_list .item .tit{position: absolute;z-index:102;top:80px;left:0;font-size:28px;color:#fff;text-align: center;width:100%;transform:skewX(-3deg) ;

-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;

}
.box_2 .box2_list .item .icon{position: absolute;z-index:103;top:180px;left:0;width:100%;text-align:center;
-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;transform:skewX(-3deg) ;}
.box_2 .box2_list .item .icon i{text-align:center;font-size:40px;color:#fff;line-height:80px}

.box_2 .box2_list .item .des{position: absolute;z-index:104;top:260px;left:0;text-align:center;font-size:16px;margin:10px 0;line-height:35px;color:#fff;padding: 10px;opacity:1;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;transform:skewX(-3deg) ;}

.box_2 .box2_list .item:hover{position:relative;border:0px solid #fff;padding:0px;overflow: hidden;height: 500px;width: 100%;text-align: center;}

.box_2 .box2_list .item:hover .icon{top:50px;
-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;

transform:rotateX(90deg);
}
.box_2 .box2_list .item:hover .tit{top:170px;-webkit-transition:all .4s;-moz-transition:all .4s;transition:all .4s;-ms-transition:all .4s;}


.box_2 .box2_list .item:hover .des{opacity:1;top:220px;-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}


.box_2 .box2_list .item{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}








@media only screen and (max-width:1000px){
.box_2 .box2_list .item .tit{margin-top:30px;}
}






.box_3{position:relative;width:100%;height:auto;margin:0px 0;padding:0 0 10px 0;min-height:600px;overflow:hidden}
.box_3 .title{position:relative;width:100%;height:auto;margin:0px 0;z-index:299;text-align:center;line-height:150px;font-size:36px;color:#666}
.box_3 .box3_list{position:relative;z-index:200;margin:0px 0;overflow:hidden;height:auto;width:100%}
.box_3 .box3_list .item{width:20%;float:left}
.box_3 .box3_list .item_box{position:relative;border:1px solid #eee;border-radius:10px;min-height:300px;margin-right:10px;background-color:#fff;padding:15px}
.box_3 .box3_list .item_box:before{position:absolute;right:-6px;top:150px;z-index:999;content:"";border-top:1px solid #eee;border-right:1px solid #eee;height:10px;width:10px;-webkit-transform:rotate(45deg);transform:rotate(45deg);background-color:#fff}
.box_3 .box3_list .item .tit{text-align:center;font-size:28px;margin-top:20px;color:#333}
.box_3 .box3_list .item .desc{text-align:left;font-size:16px;margin:20px 0;line-height:35px;color:#333}
.box_3 .box3_list .item .icon{text-align:center;width:80px;height:80px;margin:0 auto;border-radius:50%;margin-top:30px}
.box_3 .box3_list .item .icon i{text-align:center;font-size:40px;color:#fff;line-height:80px}
.bg101{}
@media only screen and (max-width:1000px){
.box_3 .box3_list .item{width:100%;float:left;margin-top:10px}
.box_3 .box3_list .item_box{position:relative;border:1px solid #eee;border-radius:10px;min-height:300px;margin:10px 10px}
.box_3 .box3_list .item_box:before{position:absolute;right:50%;bottom:0px;top:325px;z-index:999;content:"";border-top:1px solid #eee;border-right:1px solid #eee;height:10px;width:10px;-webkit-transform:rotate(45deg);transform:rotate(135deg);background-color:#fff}
}