.ft_header{background-color: #1f2831;}
.transparent{background: transparent;}
.ft_content.index .idx_box_wp{width: 100%; background:#f6f7fc}
.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: 70px 0 10px 0px;text-align: center;}
.ft_content.index .idx_box_wp .wraper .xiao{ font-size: 16px;padding: 10px 0 80px 0px;text-align: center;}



/*产品*/
.ft_content.index .idx_box_wp.index-product .wraper{overflow: visible;padding-bottom: 58px;}
.index-product ul.first-ul{height: 500px;}
.index-product ul .pro-list{cursor: pointer;float: left;width: 18%;height: 440px;text-align: center;position: relative;background-color: #fff;border-left: 1px solid #ebebec;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: 30px 0 20px;}
.index-product ul .pro-list .icon{display: inline-block;width: 78px;height: 78px;background: #61b2ec url(../img/index-icon2.png) 0px 9px no-repeat;border: 2px solid #388ac3;border-radius: 100%;-webkit-border-radius: 100%;-moz-border-radius: 100%;}
.index-product ul .pro-list.pro-list2 .icon{background-color: #5ec5e9;border-color: #369ec2;background-position: 0px -56px;}
.index-product ul .pro-list.pro-list3 .icon{background-color: #b9a6f4;border-color: #8160e9;background-position: -1px -133px;}
.index-product ul .pro-list.pro-list4 .icon{background-color: #fbb154;border-color: #e79833;background-position: -2px -210px;}
.index-product ul .pro-list.pro-list5 .icon{background-color: #4cbedb;border-color: #119bc3;background-position: 0px -283px;}
.index-product ul .pro-list.pro-list6 .icon{background-color: #46dbcb;border-color: #21b5a4;background-position: -2px -353px;}
.index-product ul .pro-list .card-t h3{font-size: 18px;font-weight: bold;padding: 10px 0 4px;}
.index-product ul .pro-list .card-t p{font-size: 14px;color: #868c93;}
.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 .first a{font-size: 14px;color: #00b5e1;display: block;width: 108px;height: 30px;line-height: 30px;text-align: center;border: 2px solid #00b5e1;margin-top: 15px;}
.index-product ul .pro-list .on .first a:hover{background-color: #00b5e1;color: #fff;}
.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: #00b5e1;}
.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;}
.index-product ul .active{width: 27%;border: 1px solid #00b5e1;height: 500px;top: -30px;box-shadow: 0 0px 30px rgba(0,181,225,0.6);z-index: 1;}
.index-product ul .active .on{opacity: 1;filter:alpha(opacity=100);}
.index-product ul .active .con-card .card-t{background-color: #00b5e1;}
.index-product ul .active .con-card .card-t span.icon{background-color: #00b5e1;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 .pro-bg .bg-l{position: absolute;bottom: 0;left: 20px;}
.index-product .pro-bg .bg-r{position: absolute;bottom: 0;right: 20px;}