﻿/*公共样式*/
.banner {
    height: 398px;
    cursor: pointer;
    background-position: center center;
    background-repeat: no-repeat;
}

/*头部banner样式*/
.info-banner {
    width: 100%;
    height: 468px;
    background: no-repeat center;
    margin-top: 72px;
}

.web-banner {
    padding: 110px 0px 0px 53px;
}

.web-name {
    font-size: 50px;
    color: #fff;
}

.web-info {
    margin-top: 12px;
    font-size: 24px;
    color: #fff;
}

/*面临的问题*/
.issue-title {
    font-size: 28px;
    color: #555;
    text-align: center;
}

.issue-title-ico {
    margin: 20px 0px 60px 0px;
    width: 100%;
    height: 29px;
    background: url(img/issue_title_ico.png) no-repeat center;
}

.issue-list {
    padding-bottom: 70px;
}

.issue-list li {
    width: 23%;
    margin: 0px 1%;
    float: left;
}

.issue-list li a {
    display: inline-block;
    width: 100%;
    height: 100%;
}

.issue-list li span {
    display: block;
    width: 100%;
    height: 106px;
}

.issue_type_01 {
    background: url(img/issue_ico01.png) no-repeat center;
}

.issue_type_02 {
    background: url(img/issue_ico02.png) no-repeat center;
}

.issue_type_03 {
    background: url(img/issue_ico03.png) no-repeat center;
}

.issue_type_04 {
    background: url(img/issue_ico04.png) no-repeat center;
}

.issue_type_05 {
    background: url(img/issue_ico05.png) no-repeat center;
}

.issue_type_06 {
    background: url(img/issue_ico06.png) no-repeat center;
}

.issue_type_07 {
    background: url(img/issue_ico07.png) no-repeat center;
}

.issue_type_08 {
    background: url(img/issue_ico08.png) no-repeat center;
}

.issue_type_09 {
    background: url(img/issue_ico09.png) no-repeat center;
}

.issue_type_10 {
    background: url(img/issue_ico10.png) no-repeat center;
}

.issue_type_11 {
    background: url(img/issue_ico11.png) no-repeat center;
}

.issue_type_12 {
    background: url(img/issue_ico12.png) no-repeat center;
}

.issue-list li a:hover .issue_type_01 {
    background: url(img/issue_ico_hover_01.png) no-repeat center;
}

.issue-list li a:hover .issue_type_02 {
    background: url(img/issue_ico_hover_02.png) no-repeat center;
}

.issue-list li a:hover .issue_type_03 {
    background: url(img/issue_ico_hover_03.png) no-repeat center;
}

.issue-list li a:hover .issue_type_04 {
    background: url(img/issue_ico_hover_04.png) no-repeat center;
}

.issue-list li a:hover .issue_type_05 {
    background: url(img/issue_ico_hover_05.png) no-repeat center;
}

.issue-list li a:hover .issue_type_06 {
    background: url(img/issue_ico_hover_06.png) no-repeat center;
}

.issue-list li a:hover .issue_type_07 {
    background: url(img/issue_ico_hover_07.png) no-repeat center;
}

.issue-list li a:hover .issue_type_08 {
    background: url(img/issue_ico_hover_08.png) no-repeat center;
}

.issue-list li a:hover .issue_type_09 {
    background: url(img/issue_ico_hover_09.png) no-repeat center;
}

.issue-list li a:hover .issue_type_10 {
    background: url(img/issue_ico_hover_10.png) no-repeat center;
}

.issue-list li a:hover .issue_type_11 {
    background: url(img/issue_ico_hover_11.png) no-repeat center;
}

.issue-list li a:hover .issue_type_12 {
    background: url(img/issue_ico_hover_12.png) no-repeat center;
}

.issue-list li p {
    font-size: 20px;
    color: #555;
    text-align: center;
    margin: 20px 0px 15px 0px;
}

.issue-list li .issue-introduce {
    margin: 0px 15px;
    font-size: 12px;
    color: #555;
    line-height: 24px;
}

/*应用场景*/
.deploy-box {
    margin-top: 78px;
    padding-bottom: 70px;
}

.deploy-box p {
    font-size: 16px;
    line-height: 38px;
    color: #333;
    text-indent: 2em;
}

/*服务优势*/
.web-superiority {
    width: 100%;
    height: 640px;
    background: url(img/superiority_bg.jpg) no-repeat center;
}

.superiority-outside {
    overflow: hidden;
}

.web-superiority .issue-title {
    padding: 120px 0px 60px 0px;
}

.superiority-list li {
    position: absolute;
    float: left;
    width: 310px;
    margin: 0px 32px
}

.superiority-list li a {
    display: inline-block;
    position: relative;
    width: 100%;
    height: 100%;
}

.issue-form,
.issue-back {
    position: absolute;
    left: 0px;
    top: 0px;
}

.issue-back {
    height: 310px;
    width: 310px;
    font-size: 14px;
    color: #fff;
    line-height: 24px;
}

.issue-back p {
    padding: 80px 50px;
}

.issue-back .p3 {
    padding: 100px 50px;
}

.issue-back .p4 {
    padding: 80px 50px;
}

.superiority-limit {
    position: relative;
    overflow: hidden;
}

.superiority-limit .superiority-span {
    position: absolute;
    top: 0px;
    display: inline-block;
    width: 23px;
    height: 310px;
    z-index: 88;
    cursor: pointer;
}

.superiority-box {
    margin: 0px 38px;
    height: 345px;
    width: 1200px;
    overflow: hidden;
}

.superiority-list {
    position: relative;
}

.superiority-limit .superiority-left {
    left: 0px;
    background: url(img/superiority_left.png) no-repeat left center;
}

.superiority-limit .superiority-right {
    right: 0px;
    background: url(img/superiority_right.png) no-repeat left center;
}

.issue-form {
    width: 310px;
    height: 310px;
    background: url(img/superiority_bg.png) no-repeat center;
    -o-transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
    opacity: 1;
    filter: alpha(opacity=100);
}

.issue-back {
    background: url(img/superiority_hover_bg.png) no-repeat center;
    -o-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -ms-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -moz-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -webkit-transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    transition: transform 500ms cubic-bezier(0.07, 0.42, 0.65, 1.3);
    -o-transform: perspective(800px) rotateY(-180deg);
    -ms-transform: perspective(800px) rotateY(-180deg);
    -moz-transform: perspective(800px) rotateY(-180deg);
    -webkit-transform: perspective(800px) rotateY(-180deg);
    transform: perspective(800px) rotateY(-180deg);
    opacity: 0;
    filter: alpha(opacity=0);
}

.superiority-list li a:hover .issue-form {
    -o-transform: perspective(800px) rotateY(180deg);
    -ms-transform: perspective(800px) rotateY(180deg);
    -moz-transform: perspective(800px) rotateY(180deg);
    -webkit-transform: perspective(800px) rotateY(180deg);
    transform: perspective(800px) rotateY(180deg);
    opacity: 0;
    filter: alpha(opacity=0);
}

.superiority-list li a:hover .issue-back {
    -o-transform: perspective(800px) rotateY(0deg);
    -ms-transform: perspective(800px) rotateY(0deg);
    -moz-transform: perspective(800px) rotateY(0deg);
    -webkit-transform: perspective(800px) rotateY(0deg);
    transform: perspective(800px) rotateY(0deg);
    opacity: 1;
    filter: alpha(opacity=100);
}

.issue-form .issue-centen {
    padding: 42px 60px;
    width: 310px;
    height: 310px;
    *width: auto;
    *height: auto;

}

.issue-form span {
    display: inline-block;
    width: 100%;
    height: 111px;
}

.issue-form .span_bg1 {
    background: url(img/youshi_img1.jpg) no-repeat center;
}

.issue-form .span_bg2 {
    background: url(img/youshi_img2.jpg) no-repeat center;
}

.issue-form .span_bg3 {
    background: url(img/youshi_img3.jpg) no-repeat center;
}

.issue-form .span_bg4 {
    background: url(img/youshi_img4.jpg) no-repeat center;
}

.issue-form .span_bg5 {
    background: url(img/youshi_img5.jpg) no-repeat center;
}

.issue-form .span_bg6 {
    background: url(img/youshi_img6.jpg) no-repeat center;
}

.issue-form .span_bg7 {
    background: url(img/youshi_img7.jpg) no-repeat center;
}

.issue-form .span_bg8 {
    background: url(img/youshi_img8.jpg) no-repeat center;
}

.issue-form .span_bg11 {
    background: url(img/youshi_img11.jpg) no-repeat center;
}

.issue-centen .issue-centen-title {
    text-align: center;
    font-size: 20px;
    color: #555;
    margin: 32px 0px 10px 0px;
}

.issue-centen .youshi1 {
    font-size: 14px;
    color: #555;
    text-align: center;
    height: 22px;
    line-height: 22px;
}

/*合作伙伴*/
.web-partner {
    width: 100%;
    height: 420px;
    background: url(img/partner_bg.jpg) no-repeat center;
}

.partner-title {
    font-size: 30px;
    color: #fff;
    padding-top: 48px;
    text-align: center;
}

.partner-box {
    position: relative;
    width: 732px;
    height: 260px;
    margin: 0px auto;
}

.partner-box .partner-box-span {
    display: inline-block;
    position: absolute;
    width: 27px;
    height: 260px;
    top: 0px;
    cursor: pointer;
}

.partner-box .partner-left {
    background: url(img/partner_left.png) no-repeat center;
    left: 0px;
}

.partner-box .partner-right {
    background: url(img/partner_right.png) no-repeat center;
    right: 0px;
}

.partner-single {
    position: absolute;
    top: 0px;
    left: 27px;
    width: 678px;
    height: 260px;
    overflow: hidden;
}

.partner-list {
    height: 260px;
    position: relative;
}

.partner-list li {
    margin: 0px 19px;
    float: left;
    width: 188px;
    height: 260px;
}

.partner-list .par_bg1 {
    background: url(img/partner_01.png) no-repeat center;
}

.partner-list .par_bg2 {
    background: url(img/partner_02.png) no-repeat center;
}

.partner-list .par_bg3 {
    background: url(img/partner_03.png) no-repeat center;
}

.text-show {
    width: 100%;
    position: absolute;
    bottom: 0px;
}

.text-show span {
    display: none;
    width: 100%;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

.partner-list-text {
    display: none;
    position: absolute;
    bottom: -50px;
    left: 0px;
    width: 100%;
    text-align: center;
    margin-top: 27px;
    font-size: 14px;
    color: #fff;
}

.show-single {
    display: none;
    position: absolute;
    left: 270px;
    top: 40px;
    width: 188px;
    height: 188px;
    -moz-transform: scale(0.65);
    -webkit-transform: scale(0.65);
    -o-transform: scale(0.65);
}

.show-single.active {
    display: block;
    -moz-transform: scale(1);
    -webkit-transform: scale(1);
    -o-transform: scale(1);
    -o-transition: all 500ms ease-in-out;
    -ms-transition: all 500ms ease-in-out;
    -webkit-transition: all 500ms ease-in-out;
    transition: all 500ms ease-in-out;
}

.show-single .text-show {
    display: block;
    width: 100%;
    position: absolute;
    bottom: -34px;
    text-align: center;
}

.show-single .text-show span {
    display: inline-block;
    width: 100%;
    font-size: 20px;
    color: #fff;
    text-align: center;
}

/*更多应用场景*/
.more-title {
    font-size: 30px;
    color: #555;
    text-align: center;
    padding: 83px 0px;
}

.more-list {
    padding-bottom: 80px;
}

.more-list li {
    float: left;
    width: 24%;
    height: 175px;
}

.more-list li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
    background: url(img/fangan_bg.png) no-repeat center top;
}

.more-list li a:hover {
    background: url(img/fangan_hover_bg.png) no-repeat center top;
}

.more-list li .more-list-seo {
    background: url(img/seo_ico.png) no-repeat center;
    width: 100%;
    height: 175px;
}

.more-list li .more-list-siteseo {
    background: url(img/siteseo_ico.png) no-repeat center;
    width: 100%;
    height: 175px;
}

.more-list li .more-list-officialsite {
    background: url(img/officialsite_ico.png) no-repeat center;
    width: 100%;
    height: 175px;
}

.more-list li .more-list-website {
    background: url(img/website_ico.png) no-repeat center;
    width: 100%;
    height: 175px;
}

.more-list li .more-list-domain {
    background: url(img/domain_ico.png) no-repeat center;
    width: 100%;
    height: 175px;
}

.more-list li a:hover .more-list-seo {
    background: url(img/seo_1ico.png) no-repeat center;
}

.more-list li a:hover .more-list-siteseo {
    background: url(img/siteseo_1ico.png) no-repeat center;
}

.more-list li a:hover .more-list-officialsite {
    background: url(img/officialsite_1ico.png) no-repeat center;
}

.more-list li a:hover .more-list-website {
    background: url(img/website_1ico.png) no-repeat center;
}

.more-list li a:hover .more-list-domain {
    background: url(img/domain_1ico.png) no-repeat center;
}

.more-list li a p {
    position: absolute;
    width: 100%;
    left: 0px;
    bottom: 0px;
}

.more-list li a p span {
    display: block;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: #555;
}

.more-list li a:hover p span {
    color: #00a8e5;
}

/*头部banner样式*/
.website .info-banner {
}

.seo .info-banner, .siteseo .info-banner, .officialsite .info-banner, .domain .info-banner, .website .info-banner {
    margin-top: 0;
    position: relative;
    height: auto;
    margin-bottom: 40px;
}

.siteseo .info-banner {
}

.domain .info-banner {
}

.officialsite .info-banner {
}

.info-banner .btn-box {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}

.info-banner .btn-box a {
    position: absolute;
}

.seo .info-banner .btn-more {
    width: 10.1%;
    height: 14%;
    left: 27.5%;
    bottom: 15%;
}

.seo .info-banner .btn-refer {
    width: 10.1%;
    height: 14%;
    left: 40%;
    bottom: 15%;
}

.siteseo .info-banner .btn-more {
    width: 7.6%;
    height: 10.8%;
    left: 44%;
    bottom: 7.2%;
}

.officialsite .info-banner .btn-more {
    width: 8.9%;
    height: 11.5%;
    left: 31.8%;
    bottom: 6%;
}

.website .info-banner .btn-more {
    width: 9.3%;
    height: 12.5%;
    left: 30%;
    bottom: 8%;
}

.domain .info-banner .btn-more {
    width: 9%;
    height: 11%;
    left: 20.7%;
    bottom: 10%;
}

/*面临的问题*/
.seo .ecommerce-box {
    position: relative;
    padding-bottom: 120px;
}

.seo .ecommerce-img {
    display: inline-block;
    float: left;
    background: url(img/seo_img.jpg) no-repeat center;
    width: 50%;
    height: 231px;
}

.seo .ecommerce-title {
    width: 45%;
    padding: 10px 10px;
    color: #333;
    font-size: 16px;
    line-height: 38px;
    float: right;
    text-indent: 2em;
}

.free-registration {
    height: 36px;
    line-height: 36px;
    text-align: center;
    padding: 50px 0 80px
}

.free-registration a {
    display: inline-block;
    padding: 0 42px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    background: #f80;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px
}

.free-registration a:hover {
    background: #009fd9
}

/*add_part_v1_1*/
.add_part1_v1 {
    padding-bottom: 50px;
}

.add_part1_v1 .items {
    position: relative;
}

.add_part1_v1 .items img {
    display: block;
    margin: 0 auto;
}

.add_part1_v1 .item {
    position: absolute;
    line-height: 2;

}

.add_part1_v1 .item1 {
    top: 60px;
    left: 150px;
    text-align: right;
}

.add_part1_v1 .item2 {
    top: 60px;
    right: 75px;
}

.add_part1_v1 .item3 {
    bottom: 60px;
    left: 120px;
    text-align: right;
}

.add_part1_v1 .item4 {
    bottom: 40px;
    right: 155px;
}

.add_part1_v1 .item p {
    color: #666;
}

/*add_part2_v1*/
.add_part2_v1 {
    margin-bottom: 80px;
}

.add_part2_v1 .item {
    width: 20%;
    float: left;
    text-align: center;
}

.add_part2_v1 .item h3 {
    font-size: 16px;
    margin: 30px 0 10px;
}

.add_part2_v1 .item p {
    color: #666;
}

/*add_part3_v1*/
.add_part3_v1 {
    background: #f1f1f1;
    padding: 50px 0;
    margin-bottom: 50px;
}

.add_part3_v1 .item {
    width: 370px;
    float: left;
    border-radius: 6px;
    box-shadow: 0 0 10px #ddd;
    background: #fff;
    text-align: center;
    padding: 70px 0;
}

.add_part3_v1 .item:hover {
    background: #009FD9;
}

.add_part3_v1 .item h3 {
    margin: 30px 0 10px;
}

.add_part3_v1 .item p {
    color: #666;
    font-size: 15px;
    padding: 0 55px;
    line-height: 2;
    margin-top: 15px;
}

.add_part3_v1 .item:hover h3, .add_part3_v1 .item:hover p {
    color: #fff;
}

.add_part3_v1 .item .item_icon {
    width: 100px;
    height: 100px;
    margin: 0 auto;
}

.add_part3_v1 .item1, .add_part3_v1 .item2 {
    margin-right: 45px;
}

.add_part3_v1 .item1 .item_icon {
    background: url("img/part3_v1_img01.png") no-repeat;
}

.add_part3_v1 .item1:hover .item_icon {
    background: url("img/part3_v1_hover01.png") no-repeat;
}

.add_part3_v1 .item2 .item_icon {
    background: url("img/part3_v1_img02.png") no-repeat;
}

.add_part3_v1 .item2:hover .item_icon {
    background: url("img/part3_v1_hover02.png") no-repeat;
}

.add_part3_v1 .item3 .item_icon {
    background: url("img/part3_v1_img03.png") no-repeat;
}

.add_part3_v1 .item3:hover .item_icon {
    background: url("img/part3_v1_hover03.png") no-repeat;
}

/*appofficialsite_part1_v1*/
.appofficialsite_part1_v1 {
    margin: 50px 0;
}

.appofficialsite_part1_v1 .item {
    width: 25%;
    float: left;
    text-align: center;
    margin-top: 50px;
}

.appofficialsite_part1_v1 .item .item_icon {
    width: 110px;
    height: 110px;
    margin: 0 auto;
    border: 1px solid;
    border-radius: 55px;
    padding-top: 30px;
}

.appofficialsite_part1_v1 .item1 .item_icon {
    border-color: #f08821;
}

.appofficialsite_part1_v1 .item2 .item_icon {
    border-color: #58bbff;
}

.appofficialsite_part1_v1 .item3 .item_icon {
    border-color: #fd6e5b;
}

.appofficialsite_part1_v1 .item4 .item_icon {
    border-color: #2ea0a7;
}

.appofficialsite_part1_v1 .item5 .item_icon {
    border-color: #ffb819;
}

.appofficialsite_part1_v1 .item6 .item_icon {
    border-color: #19cf75;
}

.appofficialsite_part1_v1 .item7 .item_icon {
    border-color: #ff3556;
}

.appofficialsite_part1_v1 .item8 .item_icon {
    border-color: #6893f7;
}

.appofficialsite_part1_v1 .item h3 {
    font-size: 16px;
    margin: 15px 0;
}

.appofficialsite_part1_v1 .item p {
    font-size: 15px;
    color: #666;
}

/*appofficialsite_part2_v1*/
.appofficialsite_part2_v1 {
    margin: 50px 0;
}

.issue-title1 {
    text-align: center;
    margin-top: 20px;
    color: #999;
}

.appofficialsite_part2_v1 .items {
    position: relative;
    margin-top: 50px;
}

.appofficialsite_part2_v1 .item_top {
    width: 100%;
    background: #fff;
}

.appofficialsite_part2_v1 .item_top .item_top_txt {
    float: right;
    width: 45%;
    padding-right: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
}

.appofficialsite_part2_v1 .item_top .item_top_txt p {
    font-size: 16px;
    margin-bottom: 30px;
    line-height: 26px;
    padding-left: 15px;
    position: relative;
}

.appofficialsite_part2_v1 .item_top .item_top_txt p i {
    display: block;
    width: 7px;
    height: 7px;
    background: #fa6200;
    border-radius: 50%;
    position: absolute;
    top: 9px;
    left: 0px;
}

.appofficialsite_part2_v1 .item_bottom {
    width: 100%;
    background: #53a2fb;
    padding: 35px 0 50px 0;
}

.appofficialsite_part2_v1 .item_bottom img {
    width: 25%;
    position: relative;
    left: 50%;
    margin-left: -125px;
    z-index: 3;
}

.appofficialsite_part2_v1 .item_icon {
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
}

.appofficialsite_part2_v1 .item_icon img {
    width: 48%;
}

/*appofficialsite_part3_v1*/
.appofficialsite_part3_v1 {
    margin-bottom: 50px;
}

.appofficialsite_part3_v1 .items {
    margin-top: 40px;
}

.appofficialsite_part3_v1 .item {
    margin-bottom: 40px;
}

.appofficialsite_part3_v1 .item .item_icon {
    width: 600px;
}

.appofficialsite_part3_v1 .item .item_txt {
    width: 600px;
    padding: 0 50px;
    padding-top: 100px;

}

.appofficialsite_part3_v1 .item .item_txt h3 {
    color: #53a2fb;
    font-size: 26px;
    font-weight: normal;
    margin-bottom: 30px;
}

.appofficialsite_part3_v1 .item .item_txt p {
    font-size: 14px;
    line-height: 24px;
    color: #666;
}

/*appwebsite_part1_v1*/
.appwebsite_part1_v1{
    margin-bottom: 50px;
}
.appwebsite_part1_v1 .item{
    width: 275px;
    float: left;
    margin-right: 33px;
    text-align: center;
}

.appwebsite_part1_v1 .item.item4{
    margin-right: 0;
}
.appwebsite_part1_v1 .item1 {
    color: #5ecae6;
}

.appwebsite_part1_v1 .item2 {
    color: #bed431;
}

.appwebsite_part1_v1 .item3 {
    color: #f6c715;
}

.appwebsite_part1_v1 .item4 {
    color: #e21e25;
}
.appwebsite_part1_v1 .item_icon i{
    font-size: 46px;
}
.appwebsite_part1_v1 .item h3{
    margin: 10px 0;
}
.appwebsite_part1_v1 .item p{
    color: #666;
    padding: 0 15px;
}
/*appwebsite_part2_v1*/
.appwebsite_part2_v1{
    padding: 50px 0;
    background: #f2f2f2;
    margin-bottom: 50px;
}
.appwebsite_part2_v1 .item{
    margin-top: 40px;
}
.appwebsite_part2_v1 .item .item_icon,.appwebsite_part2_v1 .item .item_txt{
    width: 600px;
}
.appwebsite_part2_v1 .item .item_txt{
    padding:0 50px;
    padding-top: 60px;

}
.appwebsite_part2_v1 .item .item_txt i{
    display: block;
    width: 80px;
    height: 2px;
    margin: 20px 0;
    background: #0cf;
}
.appwebsite_part2_v1 .item .item_txt h3{
    font-weight: normal;
}
.appwebsite_part2_v1 .item .item_txt p{
    line-height: 2;
    color: #666;
}

/*appwebsite_part3_v1*/
.appwebsite_part3_v1{
    margin-bottom: 50px;
}
.appwebsite_part3_v1 .item{
    width: 130px;
    height: 130px;
    border-radius: 50%;
    border:1px solid #d2d2d2;
    float: left;
    text-align: center;
    position: relative;
    margin-right: 22px;
    margin-top: 50px;
}
.appwebsite_part3_v1 .item_last{
    margin-right: 0;
}
.appwebsite_part3_v1 .item.on{
    margin-top: 150px;
}
.appwebsite_part3_v1 .item .line{
    content: "";
    display: block;
    width: 55px;
    height: 1px;
    border-top: 2px dashed #ddd;
    position: absolute;
    right:-38px;
    bottom: 10px;
    -webkit-transform: rotate(40deg);
    transform: rotate(40deg);
}
.appwebsite_part3_v1 .on .line{
    -webkit-transform: rotate(-40deg);
    transform: rotate(-40deg);
    top:10px;
}
.appwebsite_part3_v1 .item i{
    font-size: 36px;
    display: block;
    margin-top: 20px;
}
.appwebsite_part3_v1 .item:hover i{
    color: #e21e25;
}
.appwebsite_part3_v1 .item h4{
    font-size: 18px;
    color: #666;
    font-weight: normal;
    margin-top: 10px;
}