﻿.product{width:100%;padding:60px 0;background:#f8f9fc; }
.product{
	
	  background-image: url(/static/tn106/img/product_bg.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding-top: 92px;
    padding-bottom: 90px
	
}


.product .tit{width:100%;text-align: center;margin: 50px 0px 50px 0px;}
.product .tit h2{font-size: 36px}
.product .tit small{display:block;color:#878B99;font-size:14px;line-height: 60px}

.product .p_item{box-shadow:rgba(60,72,88,0.25) 0px 0px 3px 0px;background:#fff;border-radius:4px;transition:all 0.5s ease;overflow:hidden;padding: 20px}

.product .p_item .top{display:flex;align-items:center;height: 80px;margin-bottom: 10px;}
.product .p_item .top .icon{text-align:center;width:70px;line-height:70px;height:70px;background:#18065B;border-radius:50%;margin-left:10px;}
.product .p_item .top .icon i{font-size:26px;color:#fff;line-height:70px;}
.product .p_item .top .name{margin-left:30px;}
.product .p_item .top .name .title{font-size:22px;line-height:40px;color:#161c2d;font-weight:bold;margin:0;}
.product .p_item .top .name .desc{font-size:16px;color:#8492a6;}

.product .p_item .btn_list a{width: 100%}

.product .p_item:hover{box-shadow:0 5px 20px 0 rgba(0,0,0,.2);transform:translateY(-10px);}




.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}


