﻿
.box_1_bg{
	width: 100%;overflow:hidden;position:relative;background-image: url(/static/tn106/img/bg102.jpg); background-size: cover; background-position: center center; background-attachment: fixed;"
}


.box_1_bg:before{background:rgba(255,255,255,0.3);content:"";height:100%;left:0;opacity:0.6;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";position:absolute;top:0;width:100%}

.wrap{position:relative;height:auto;zoom:1;overflow:hidden}
.box_1{position:relative;width:100%;height:auto;margin:0px 0;padding:100px 0 100px 0;min-height:550px;overflow:hidden}
.box_1 .title{position:relative;width:100%;height:auto;margin:0px 0;z-index:9;
text-align:center;line-height:50px;font-size:36px;color:#666;margin-top: 30px
}
.box_1 .desc{position:relative;width:100%;height:auto;margin:0px 0;z-index:9;
text-align:center;line-height:80px;font-size:18px;color:#999;
}
.box_1 .box1_list{position:relative;z-index:200;margin:0px 0;height:auto;z-index:10;}

.box_1 .box1_list .item{position:relative;border:2px solid #fff;padding:20px;border-radius: 10px;transition:all 0.5s ease;


/*background-color: #206ae4;*/

background-image:linear-gradient(45deg,#206ae4 0%,#206ae4 41%,rgba(87, 126, 255, 0.3) 100%);

}
.box_1 .box1_list .item .tit{text-align:center;font-size:22px;font-weight:bold;color:#fff}
.box_1 .box1_list .item .desc{text-align:center;font-size:16px;margin:10px 0;line-height:35px;color:#fff}
.box_1 .box1_list .item .icon{text-align:center;width:80px;height:80px;margin:0 auto;color:#fff}
.box_1 .box1_list .item .icon i{text-align:center;font-size:38px;color:#fff;line-height:65px ;
border:1px solid #fff;
width: 65px;height: 65px;border-radius: 50%;
}

.box_1 .box1_list .item:hover{box-shadow:0 5px 20px 0 rgba(0,0,0,.2);transform:translateY(-10px);}



.box_1 .shape1{position:absolute;left:100px;top:50px;z-index:20;
background-image:linear-gradient(-45deg,rgba(204, 189, 252, 1)  10%,rgba(204, 189, 252, 0.6)  41%,rgba(204, 189, 252, 0.3) 100%);

width:30px;height:30px;border-radius:20%;
overflow:hidden;transform:rotate(-135deg);
-webkit-animation: jzline_Move1 2s infinite 2s alternate;
animation: jzline_Move1 2s infinite 2s alternate
}

.box_1 .shape2{position:absolute;right:100px;top:120px;z-index:20;
background-image:linear-gradient(-45deg,rgba(136, 244, 214, 1)  10%,rgba(136, 244, 214, 0.6)  41%,rgba(136, 244, 214, 0.3) 100%);

width:40px;height:40px;border-radius:30%;
overflow:hidden;transform:rotate(-90deg);
-webkit-animation: jzline_Move2 2s infinite 2s alternate;
animation: jzline_Move2 2s infinite 2s alternate
}

.box_1 .shape3{position:absolute;left:180px;top:400px;z-index:20;
background-color: #fee9d7;
width:70px;height:70px;border-radius:50%;
overflow:hidden;transform:rotate(-135deg);
-webkit-animation: jzline_Move3 2s infinite 2s alternate;
animation: jzline_Move3 2s infinite 2s alternate
}

.box_1 .shape4{position:absolute;right:0px;top:80%;z-index:20;
/*background-color: #79b7f6;*/
background-color: rgba(15, 91, 218, 0.2);
width:1000px;height:1000px;border-radius:50%;
overflow:hidden;transform:rotate(-135deg);
-webkit-animation: jzline_Move4 2s infinite 2s alternate;
animation: jzline_Move4 2s infinite 2s alternate
}



@-webkit-keyframes jzline_Move1 {
    from {        
       top:50px;    
       transform:rotate(-135deg)
    }
    to {         
       top:70px;
       transform:rotate(-135deg)      
    }
}

@keyframes jzline_Move1 {
    from {        
       top:50px;    
       transform:rotate(-135deg)
    }
    to {         
       top:70px;
       transform:rotate(-135deg)      
    }
}



@-webkit-keyframes jzline_Move2 {
    from {        
       top:120px;    
       transform:rotate(-90deg)
    }
    to {         
       top:140px;
       transform:rotate(-90deg)      
    }
}
@keyframes jzline_Move2 {
    from {        
       top:120px;    
       transform:rotate(-90deg)
    }
    to {         
       top:140px;
       transform:rotate(-90deg)      
    }
}

@-webkit-keyframes jzline_Move3 {
    from {        
       top:400px;    
       transform:rotate(-90deg)
    }
    to {         
       top:440px;
       transform:rotate(-90deg)      
    }
}
@keyframes jzline_Move3 {
    from {        
       top:400px;    
       transform:rotate(-90deg)
    }
    to {         
       top:440px;
       transform:rotate(-90deg)      
    }
}


@-webkit-keyframes jzline_Move4 {
   from {        
       top:70%;         
    }      
    to {         
       top:85%; 
    }
}
@keyframes jzline_Move4 {
    from {        
       top:70%;         
    }      
    to {         
       top:85%; 
    }
}






.box_3 .box3_list .item{width:100%;float:left}
.box_3 .box3_list .item_box{position:relative;border:1px solid #eee;border-radius:10px;min-height:300px}

.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:center;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}


}

.box_4_bg{
	width: 100%;overflow:hidden;position:relative;background-image: url(/static/tn106/img/bg101.jpg); background-size: cover; background-position: center center; background-attachment: fixed;"
}

.box_4_h{
	height: auto;overflow: hidden;
}

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

.box_4 .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_4 .box4_list{position:relative;z-index:200;margin:0px 0;overflow:hidden;height:auto;padding: 0 100px 0 100px}
.box_4 .box4_list .item{position:relative;border:0px solid #fff;padding:0px;overflow: hidden;height: auto;width: 100%;text-align: center;;}

.box_4 .box4_list .item .tit{text-align:center;font-size:20px;color:#fff;border-radius:5px 5px 0 0;height:50px;line-height:50px ;
}
.box_4 .box4_list .item .icon{text-align:center;width:128px;height:128px;margin:0 auto;border-radius:50%; border:1px solid #fff; -moz-transition:all 1s;transition:all 1s;-ms-transition:all 1s;}
.box_4 .box4_list .item .icon i{text-align:center;font-size:40px;color:#fff;line-height:128px}

.box_4 .box4_list .item .des{text-align:center;font-size:16px;margin:10px 0;line-height:35px;color:#fff;padding: 10px;opacity:1;}
.box_4 .box4_list .item:hover .icon{top:50px;-webkit-transition:all .3s;-moz-transition:all 1s;transition:all 1s;-ms-transition:all 1s;transform:rotate(360deg);}
.box_4 .box4_list .item{-webkit-transition:all .3s;-moz-transition:all .3s;transition:all .3s;-ms-transition:all .3s;}



