.single_bg{	
/*	background-image: url(/static/tn106/img/single_bg.png);*/
    background-repeat: repeat-y;
    background-size: cover;
    background-position: center;
	
}
.box_1{width:100%;margin: 0px 0px 0px 0px;padding: 30px 0 80px 0;height: auto;position: relative;overflow: hidden;}


.box_1 .tit{width:100%;text-align: center;margin: 50px 0px 50px 0px;}
.box_1 .tit h2{font-size: 36px}
.box_1 .tit small{display:block;color:#878B99;font-size:14px;line-height: 60px}
.box_1 .info{text-align: center;text-align: left;color: #333;padding: 0 100px;}

.box_1 .yuan1{position:absolute;right:100px;bottom:-150px;z-index:999;background-image:linear-gradient(-45deg,#fff 20%,#fff 41%,rgba(87, 126, 255, 0.3) 100%);width:300px;height:300px;border-radius:20%;overflow:hidden;transform:rotate(45deg);
 -webkit-animation: jzline_Move1 2s infinite 2s alternate;
    animation: jzline_Move1 2s infinite 2s alternate
}
.box_1 .yuan2{position:absolute;right:200px;bottom:-180px;z-index:999;background-image:linear-gradient(-45deg,#fff 20%,#fff 41%,rgba(87, 126, 255, 0.5) 100%);width:300px;height:300px;border-radius:20%;overflow:hidden;transform:rotate(45deg);
 -webkit-animation: jzline_Move2 2s infinite 2s alternate;
    animation: jzline_Move2 2s infinite 2s alternate
}


.box_2 {position: relative;overflow: hidden;margin: 00px 0px 100px 0px;}
.box_2 .title{width:100%;text-align: center;margin: 60px 0px 50px 0px;}
.box_2 .title h2{font-size: 36px}
.box_2 .title small{display:block;color:#878B99;font-size:14px;line-height: 60px}

.box_2 .list {overflow: hidden;position:relative;padding: 0px 100px}
.box_2 .list .item {background-color:#206ae4;border:1px solid #eee;border-radius:5px 5px 10px 10px}
.box_2 .list .item .pic{overflow: hidden;width: 100%;position:relative;z-index:101;text-align: center; }
.box_2 .list .item .pic img{width: 100%}
.box_2 .list .item .tit{text-align:center;font-size:20px;color:#fff;height:40px;line-height:40px }
.box_2 .list .item .des{text-align:center;font-size:20px;color:#fff;border-radius:5px 5px 0 0;height:40px;line-height:40px;padding: 0 10px}

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

@media only screen and (max-width:1000px){
.box_1 .yuan1{display: none}
.box_1 .yuan2{display: none}
.box_2 .yuan1{display: none}
.box_2 .yuan2{display: none}
}






.box_2 .yuan1{position:absolute;right:100px;top:-150px;z-index:999;background-image:linear-gradient(-45deg,#fff 20%,#fff 41%,rgba(87, 126, 255, 0.3) 100%);width:300px;height:300px;border-radius:20%;overflow:hidden;transform:rotate(-135deg);

 -webkit-animation: jzline_Move3 2s infinite 2s alternate;
    animation: jzline_Move3 2s infinite 2s alternate
}
.box_2 .yuan2{position:absolute;right:200px;top:-120px;z-index:999;background-image:linear-gradient(-45deg,#fff 20%,#fff 41%,rgba(87, 126, 255, 0.5) 100%);width:300px;height:300px;border-radius:20%;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 {        
       bottom:-150px;    
       transform:rotate(45deg)
    }
    to {         
       bottom:-160px;
       transform:rotate(45deg)      
    }
}

@keyframes jzline_Move1 {
    from {        
       bottom:-150px;    
       transform:rotate(45deg)
    }
    to {         
       bottom:-160px;
       transform:rotate(45deg)      
    }
}





@-webkit-keyframes jzline_Move2 {
    from {        
       bottom:-180px;    
       transform:rotate(45deg)
    }
    to {         
       bottom:-170px;
       transform:rotate(45deg)      
    }
}

@keyframes jzline_Move2 {
    from {        
       bottom:-180px;    
       transform:rotate(45deg)
    }
    to {         
       bottom:-170px;
       transform:rotate(45deg)      
    }
}



@-webkit-keyframes jzline_Move3 {
    from {        
       top:-150px;    
       transform:rotate(-135deg)
    }
    to {         
       top:-160px;
       transform:rotate(-135deg)      
    }
}

@keyframes jzline_Move3 {
    from {        
       top:-150px;    
       transform:rotate(-135deg)
    }
    to {         
       top:-160px;
       transform:rotate(-135deg)      
    }
}

@-webkit-keyframes jzline_Move4 {
    from {        
       top:-120px;    
       transform:rotate(-135deg)
    }
    to {         
       top:-130px;
       transform:rotate(-135deg)      
    }
}

@keyframes jzline_Move4 {
    from {        
       top:-120px;    
       transform:rotate(-135deg)
    }
    to {         
       top:-130px;
       transform:rotate(-135deg)      
    }
}



/*.single .s_item:nth-child(1) .info .pro_url a:nth-child(n+6){display:none;}
.single .s_item .info .pro_url a:nth-child(n+7){display:none;}*/






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


}

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