body{padding-top: 0;}
.ft_header{background-color: #1f2831;}
.transparent{background: transparent;}
.ft_content.index .idx_box_wp{width: 100%;}
.ft_content.index .idx_box_wp .wraper{ width: 1180px; margin:0 auto; position: relative;overflow: hidden;color: #374552;}
.ft_content.index .idx_box_wp .wraper h2{ font-size: 36px;padding: 60px 0;text-align: center;}


/*产品*/
.ft_content.index .idx_box_wp.index-product .wraper{overflow: visible;padding-bottom: 0px;}
.index-product ul.first-ul{height: 459px;}
.index-product ul .pro-list{border-radius:10px;cursor: pointer;float: left;width: 23%;height: 400px;text-align: center;position: relative;background-color: #fff;border: 1px solid #8296fa;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-ms-box-sizing: border-box;transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;-webkit-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;-moz-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1), z-index 0s 0.12s;}
.index-product ul .pro-list.pro-list1 .on{display: block;}
.index-product ul .pro-list.pro-list1 .off{display: none;}
.index-product ul .pro-list .card-t{padding: 0px 0 50px;}
.index-product ul .pro-list .icon{display: inline-block;width: 53px;height: 5px;background: #8296fa url(image/images/pro-list2.jpg) 0px 9px no-repeat;border: 0px solid #388ac3;border-radius: 0px;-webkit-border-radius: 0px;-moz-border-radius: 0px;}
.index-product ul .pro-list.pro-list2 .icon{background-color: #8296fa;border-color: #369ec2;background-position: 0px -56px;}
.index-product ul .pro-list.pro-list3 .icon{background-color: #8296fa;border-color: #8160e9;background-position: -1px -133px;}
.index-product ul .pro-list.pro-list4 .icon{background-color: #8296fa;border-color: #e79833;background-position: -2px -210px;}
.index-product ul .pro-list.pro-list5 .icon{background-color: #8296fa;border-color: #119bc3;background-position: 0px -283px;}
.index-product ul .pro-list.pro-list6 .icon{background-color: #8296fa;border-color: #21b5a4;background-position: -2px -353px;}
.index-product ul .pro-list .card-t h3{font-size: 22px;padding: 10px 0 4px; font-family:微软雅黑;letter-spacing:3px}
.index-product ul .pro-list .card-t p{font-size: 16px;color: #868c93;font-family:微软雅黑;padding-top:40px;}
.index-product ul .pro-list .card-about{padding: 20px 5px;}
.index-product ul .pro-list .off{padding-top: 12px;}
.index-product ul .pro-list .off li{font-size: 16px;height: 50px;line-height: 50px;}

.index-product ul .pro-list .on{width: 260px;text-align: left;padding: 0 20px;position: relative;opacity: 0;filter:alpha(opacity=0);}
.index-product ul .pro-list .on .first{padding-bottom: 15px;}
.index-product ul .pro-list .on .first h4{font-size: 18px;font-weight: bold;}
.index-product ul .pro-list .on .first p{font-size: 14px;padding-right: 30px;text-align: justify;}
/*详细介绍*/
.index-product ul .pro-list .on .other{border-top: 1px solid #ebebec;padding-right: 10px;}
.index-product ul .pro-list .on .other ul li{width: 100%;float: left;padding-top: 10px;}
.index-product ul .pro-list.pro-list1 .on .other ul li{width: 100%;}
.index-product ul .pro-list .on .other h4{font-size: 14px;font-weight: bold;}
.index-product ul .pro-list .on .other p{font-size: 12px;line-height: 22px;color: #a9b0b4;}
.index-product ul .pro-list .on .other a{font-size: 12px;color: #8296fa;}
.index-product ul .pro-list .on .other a:hover{text-decoration: underline;}
.index-product ul .pro-list.pro-list4 .on .other ul li{width: 50%;position: relative;}
.index-product ul .pro-list.pro-list4 .on .other ul li p{width: 80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.index-product ul .pro-list .on{display: none;}
/*on阴影效果*/
.index-product ul .active{border-radius:10px;width: 23%;border: 0px solid #8296fa;height: 400px;top: 0px;box-shadow: 0 0px 20px rgba(200,198,198,0.6);z-index: 1;}
.index-product ul .active .on{opacity:1;filter:alpha(opacity=100);}
/*on色块效果*/
.index-product ul .active .con-card .card-t{border-radius:10px;background-color:#8296fa;height: 350px;border: 1px solid #8296fa; }
/*.index-product ul .active .con-card .card-t span.icon{background-color: #2fb26a;border: 0;}*/
.index-product ul .active .con-card .card-t h3{color: #fff;margin-top: -15px;}
.index-product ul .active .con-card .card-t p{color: #fff;}
.index-product ul .active .con-card .card-t p a{color: #fff;padding-top:5px;padding-bottom:5px;border: 2px solid #fff; font-size:13px;letter-spacing:3px;}
.index-product ul .active .con-card .card-t p a:hover{background-color: #8296fa;color: #fff;border: 2px solid #fff;letter-spacing:3px}

.index-product .pro-bg .bg-l{position: absolute;bottom: 0;left: 20px;}
.index-product .pro-bg .bg-r{position: absolute;bottom: 0;right: 20px;}