

/*
 
 * 17素材vip建站专区模块代码
 * 详尽信息请看官网：http://www.17sucai.com/pins/vip
 *
 * Copyright , 温州易站网络科技有限公司版权所有
 * 图片不能商用，代码可商用。
 
 * 请尊重原创，未经允许请勿转载。
 * 在保留版权的前提下可应用于个人或商业用途
 
*/




#gongneng_main{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 50px;
    box-shadow: 3px 3px 8px #ddd;
    border-radius: 25px;
    background: #f9f9ff;
    padding-bottom: 3rem;
}
.Small_tedian_tit{text-align:center;font-size: 32px;color:#333;padding-top: 95px;padding-bottom: 40px;}
.gongneng_tab{width: 100%; height: 45px;border-radius: 25px;border:1px solid #f3f3f3;margin: 0 auto; box-shadow: 0px -2px 2px #e8e6e6;margin-bottom: 80px;}
.gongneng_tabmin{margin: 0 auto;overflow: hidden;padding: 5px 0;}
.gongneng_click{cursor: pointer; width: 35px;height: 35px;margin: 0 7px;float: left;text-align: center; position: relative;}
.gongneng_click b{font-weight: 400; position: relative; z-index: 2; color: #555;line-height: 35px;font-size: 20px;transition: all .5s ease;}
.gongneng_click i{position: absolute; width:0; height:0; left:50%; top:50%; background-color:#f39800;box-shadow: 0 3px 10px #b4e9ff;border-radius: 50%; z-index: 1;transition: all .2s ease;}
.gongneng_click.cur b{color:#fff;}
.gongneng_click.cur i{ width: 100%; height: 100%; left:0; top:0;}
.gongneng_tabcon{overflow: hidden;display: none;}
.gongneng_left1{float: left;}
.gongneng_right1{overflow: hidden;}
.gongneng_right1 b{font-size: 90px;display: block;color: #ededed;margin-top: 35px;padding-bottom: 20px;font-weight: 300;}
.gongneng_right1 em{font-size: 24px;display: block;color: #555;padding-bottom: 20px;}
.gongneng_right1 p{font-size: 14px;color: #777;padding-bottom: 5px;}
.gongneng_left2{float: left;}
.gongneng_right2{float: left;text-align: right}
.gongneng_right2 b{font-size: 90px;display: block;color: #ededed;margin-top: 35px;padding-bottom: 20px;font-weight: 300;}
.gongneng_right2 em{font-size: 24px;display: block;color: #555;padding-bottom: 20px;}
.gongneng_right2 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
.gongneng_left3{float: left;}
.gongneng_right3{overflow: hidden;}
.gongneng_right3 b{font-size: 90px;color: #ededed;margin-top: 55px;padding-bottom: 20px;display: block;font-weight: 300;}
.gongneng_right3 em{font-size: 24px;display: block;color: #555;padding-bottom: 15px;}
.gongneng_right3 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
.gongneng_left4{float: right;}
.gongneng_right4{float: left;text-align: right}
.gongneng_right4 b{font-size: 90px;display: block;color: #ededed;margin-top: 35px;padding-bottom: 20px;font-weight: 300;}
.gongneng_right4 em{font-size: 24px;display: block;color: #555;padding-bottom: 20px;}
.gongneng_right4 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
.gongneng_left5{float: left;}
.gongneng_right5{overflow: hidden;}
.gongneng_right5 b{font-size: 90px;color: #ededed;margin-top: 55px;padding-bottom: 20px;display: block;font-weight: 300;}
.gongneng_right5 em{font-size: 24px;display: block;color: #555;padding-bottom: 15px;}
.gongneng_right5 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
.gongneng_left6{width: 100%;float: right;margin-right: 50px;}
.gongneng_right6{float: left;margin-left: 220px;margin-right: 130px;}
.gongneng_right6 b{font-size: 90px;display: block;color: #ededed;margin-top: 35px;padding-bottom: 20px;font-weight: 300;}
.gongneng_right6 em{font-size: 24px;display: block;color: #555;padding-bottom: 20px;}
.gongneng_right6 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
.gongneng_left7{width: 305px;height: 348px;float: left;margin-left: 230px;}
.gongneng_right7{float: right;margin-right: 280px;}
.gongneng_right7 b{font-size: 90px;display: block;color: #ededed;margin-top: 35px;padding-bottom: 20px;font-weight: 300;}
.gongneng_right7 em{font-size: 24px;display: block;color: #555;padding-bottom: 20px;}
.gongneng_right7 p{font-size: 14px;display: block;color: #777;padding-bottom: 5px;}
/*动画*/
.fadeInRight {animation:fadeInRight 1s}
@keyframes fadeInRight {0% {opacity: 0;transform: translateX(20px)}100% {opacity: 1;transform: translateX(0)}}
.fadeInLeft {animation:fadeInLeft 1s}
@keyframes fadeInLeft {0% {opacity: 0;transform: translateX(-20px)}100% {opacity: 1;transform: translateX(0)}}


