/* header */
.top {
	width: 100%;
	height: 40px;
	line-height: 40px;
	background: #333;
}
.top_wrap {
	width: 1200px;
	margin: 0 auto;
	overflow: hidden;
	font-size: 14px;
	color: #fff;
}
.top_wrap p {
	float: left;
}
.top_wrap span {
	float: right;
}
/*nav*/
.nav {
	width: 100%;
	height: 100px;
	background: #fff;
}
.nav_wrap {
	width: 1200px;
	height: 100%;
	margin: 0 auto;
	overflow: hidden;
}
.logo {
	width: 160px;
	float: left;
	margin: 18px 50px 0 0;
}
.logo img {
	width: 100%;
	display: block;
}
.nav_wrap .item {
	width: 150px;
	height: 40px;
	margin-top: 30px;
	float: left;
	position: relative;
}
.nav_wrap .item svg {
	width: 150px;
	height: 40px;
}
.nav_wrap .item svg rect {
	width: 150px;
	height: 40px;
	transition: 1s all ease;
	stroke-width: 6px;
	fill: transparent;
	stroke-dasharray: 85 400;
	stroke-dashoffset: -220;
}
.name {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.name a {
	width: 100%;
	height: 100%;
	line-height: 40px;
	text-align: center;
	font-size: 18px;
	color: #333;
	display: block;
}
.nav_wrap .item.on a {
	color: #26bef0;
}
.nav_wrap .item:hover rect {
	stroke-dasharray: 50 0;
	stroke-width: 3px;
	stroke-dashoffset: 0;
	stroke: #26bef0;
}
/* 提交需求 */
.submit {
	width: 100%;
	padding: 100px 0;
	background: #f8f8f8;
}
.sub_wrap {
	width: 1400px;
	margin: 0 auto;
	padding: 0 50px 20px;
	box-sizing: border-box;
	background: #ffffff;
	border-radius: 15px;
	-webkit-box-shadow: 0 0 30px 10px #dddddd;
	-moz-box-shadow: 0 0 30px 10px #dddddd;
	box-shadow: 0 0 30px 10px #dddddd;
}
.sub_title {
	text-align: center;
	font-size: 36px;
	font-weight: 600;
	padding: 50px 0;
}
.sub_title span {
	font-style: italic;
	font-weight: normal;
	color: #999999;
	display: block;
}
.sub_must {
	overflow: hidden;
}
.sub_must .item {
	height: 70px;
	line-height: 70px;
	float: left;
	overflow: hidden;
}
.sub_must .item.sub_phone {
	float: right;
}
.sub_must .item span,
.sub_text span {
	width: 120px;
	text-align: right;
	float: left;
	font-size: 24px;
}
.sub_must .item span label {
	color: #ff0000;
}
.sub_must .item input {
	width: 400px;
	height: 100%;
	padding: 0 10px;
	border: 1px solid #999;
	box-sizing: border-box;
	border-radius: 5px;
	float: left;
	margin-left: 20px;
	font-size: 18px;
	color: #333333;
}
.sub_text {
	overflow: hidden;
	margin: 30px 0 0;
}
.sub_text textarea {
	width: 1160px;
	height: 180px;
	line-height: 36px;
	float: left;
	margin-left: 20px;
	padding: 0 10px;
	border: 1px solid #999;
	box-sizing: border-box;
	border-radius: 5px;
	font-size: 18px;
	color: #333333;
}
.sub_wrap button {
	width: 300px;
	height: 60px;
	background: #007aff;
	border-radius: 10px;
	border: none;
	margin: 80px auto;
	font-size: 24px;
	color: #ffffff;
	display: block;
	cursor: pointer;
}
/*footer*/
.footer {
	width: 100%;
	height: 80px;
	line-height: 80px;
	text-align: center;
	background: #313131;
	font-size: 18px;
	color: #fff;
}
.footer a {
	color: #fff;
	margin-left: 15px;
}
/* 右侧悬浮菜单 */
.float_right {
    width: 250px;
    position: fixed;
    right: 0;
    top: 50%;
    margin-top: -127px;
    background: #0bb4cd;
    z-index: 99;
    transition: width 0.3s ease 0s;
}
.float_right.on {
	width: 50px;
}
.float_right .item {
    width: 100%;
    height: 50px;
    line-height: 50px;
    position: relative;
    border-bottom: 1px solid #eee;
    transition: background 0.3s ease 0s;
}
.float_right .item.return_top {
	border: none;
}
.float_right .item a {
	width: 100%;
	height: 100%;
	text-align: center;
	display: block;
	cursor: pointer;
}
.float_right .item span {
    display: inline-block;
    width: 50px;
    height: 50px;
    position: absolute;
    right: 0;
    top: 0;
    transition: background 0.3s ease 0s;
    z-index: 2;
}
.float_right .ico1 {
	background: url(../images/qq_white.png) no-repeat center center;
	background-size: 50%;
}
.float_right .ico2 {
	background: url(../images/service_white.png) no-repeat center center;
	background-size: 50%;
}
.float_right .ico3 {
	background: url(../images/phone_white.png) no-repeat center center;
	background-size: 50%;
}
.float_right .ico4 {
	background: url(../images/top_white.png) no-repeat center center;
	background-size: 50%;
}
.float_right .item label {
    display: inline-block;
    font-size: 14px;
    line-height: 50px;
    color: #fff;
    transition: color 0.3s ease 0s;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1;
    width: 250px;
    cursor: pointer;
}
.float_right .item:hover label {
	background: #fff;
	color: #333;
}
.float_right .item:hover .ico1 {
	background: url(../images/qq_black.png) no-repeat center center;
	background-size: 50%;
}
.float_right .item:hover .ico2 {
	background: url(../images/service_black.png) no-repeat center center;
	background-size: 50%;
}
.float_right .item:hover .ico3 {
	background: url(../images/phone_black.png) no-repeat center center;
	background-size: 50%;
}
.float_right .item:hover .ico4 {
	background: url(../images/top_black.png) no-repeat center center;
	background-size: 50%;
}
/*首页banner轮播*/
.swiper-slide img{
	width: 100%;
	display: block;
}
/*首页核心服务*/
.service {
	width: 100%;
	padding: 80px 0;
	background: #f8f8f8;
}
.service_wrap {
	width: 1400px;
	margin: 0 auto;
}
.service_tit {
	width: 600px;
	margin: 0 auto 60px;
}
.service_text {
	height: 50px;
	line-height: 50px;
	overflow: hidden;
}
.service_tit h3 {
	width: 200px;
	text-align: center;
	font-size: 36px;
	color: #000000;
	float: left;
}
.service_tit i {
	width: 200px;
	height: 5px;
	float: left;
	margin-top: 40px;
}
.service_tit p {
	font-family: "方正黑体简体";
	font-size: 36px;
	color: #20bce9;
	text-align: center;
	font-style: italic;
	margin-top: 10px;
}
.service_tit .ico1 {
	background: url(../images/ico_service.png) no-repeat 0 0;
}
.service_tit .ico2 {
	background: url(../images/ico_service2.png) no-repeat 0 0;
}
.service_cont {
	overflow: hidden;
	padding: 120px 0 60px;
}
.service_cont .item {
	width: 350px;
	float: left;
	text-align: center;
}
.service_cont .item a {
	display: table;
	background: url(../images/white.png) no-repeat 0 0;
	margin: 0 auto;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
}
.service_cont .item a span {
	display: table-cell;
	transition: all 300ms ease-out;
	-webkit-transition: all 300ms ease-out;
	-moz-transition: all 300ms ease-out;
}
.service_cont .item1 a span {
	background: url(../images/website.png) no-repeat 0 0;
}
.service_cont .item2 a span {
	background: url(../images/app.png) no-repeat 0 0;
}
.service_cont .item3 a span {
	background: url(../images/weixin.png) no-repeat 0 0;
}
.service_cont .item4 a span {
	background: url(../images/software.png) no-repeat 0 0;
}
.service_cont .item a:hover {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	background: url(../images/green.png) no-repeat 0 0;
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
}
.service_cont .item a:hover span {
	transform: rotateY(180deg);
	-webkit-transform: rotateY(180deg);
	-moz-transform: rotateY(180deg);
	transition-delay: 0.2s;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
}
.service_cont .item1 a:hover span {
	background: url(../images/website2.png) no-repeat 0 0;
}
.service_cont .item2 a:hover span {
	background: url(../images/app2.png) no-repeat 0 0;
}
.service_cont .item3 a:hover span {
	background: url(../images/weixin2.png) no-repeat 0 0;
}
.service_cont .item4 a:hover span {
	background: url(../images/software2.png) no-repeat 0 0;
}
.service_cont .item strong {
	font-size: 24px;
	color: #7380fe;
	display: block;
	margin: 20px 0;
}
.service_cont .item b {
	padding: 0 40px;
	line-height: 24px;
	font-size: 16px;
	color: #666;
	font-weight: normal;
	display: block;
}
/* 我们的优势 */
.advant {
	width: 100%;
	padding-bottom: 120px;
	background: url(../images/advant_bg.jpg) no-repeat bottom left;
	background-size: 100% 100%;
}
.advant_tit {
	padding: 60px 0 0;
}
.advant_tit .service_text h3 {
	color: #fff;
}
.advant_tit p {
	color: #a89cfb;
}
.advant_wrap {
	width: 1400px;
	padding: 80px 0;
	margin: 0 auto;
	background: #ffffff;
	border-radius: 20px;
}
.advant_wrap p {
	font-size: 18px;
	color: #333333;
	text-align: center;
}
.advantages {
	overflow: hidden;
	margin: 80px 0 50px;
}
.advantages .item {
	width: 200px;
	float: left;
	margin: 0 0 0 120px;
}
.advantages .item h2 {
	width: inherit;
	height: 200px;
	vertical-align: middle;
	text-align: center;
	font-size: 24px;
	color: #ffffff;
	border-radius: 50%;
	display: table-cell;
}
.advantages .item1 h2 {
	background: #756cfe;
}
.advantages .item2 h2 {
	background: #8046e3;
}
.advantages .item3 h2 {
	background: #8a25cc;
}
.advantages .item4 h2 {
	background: #9208b8;
}
.advantages .item b {
	margin-top: 50px;
	display: block;
}
/* 服务流程 */
.process {
	width: 100%;
	padding: 80px 0;
}
.process h4 {
	font-size: 18px;
	text-align: center;
	font-weight: normal;
}
.banner2 {
	width: 1400px;
	margin: 60px auto;
}
.banner2 .swiper-slide {
	height: 500px;
	border: 1px solid #cccccc;
	border-radius: 5px;
	box-sizing: border-box;
}
.banner2 .swiper-slide i {
	width: 118px;
	height: 118px;
	margin: 80px auto 0;
	display: block;
}
.banner2 .item1 i {
	background: url(../images/ico_process1.png) no-repeat;
}
.banner2 .item1:hover i {
	background: url(../images/ico_process1_on.png) no-repeat;
}
.banner2 .item2 i {
	background: url(../images/ico_process2.png) no-repeat;
}
.banner2 .item2:hover i {
	background: url(../images/ico_process2_on.png) no-repeat;
}
.banner2 .item3 i {
	background: url(../images/ico_process3.png) no-repeat;
}
.banner2 .item3:hover i {
	background: url(../images/ico_process3_on.png) no-repeat;
}
.banner2 .item4 i {
	background: url(../images/ico_process4.png) no-repeat;
}
.banner2 .item4:hover i {
	background: url(../images/ico_process4_on.png) no-repeat;
}
.banner2 .item5 i {
	background: url(../images/ico_process5.png) no-repeat;
}
.banner2 .item5:hover i {
	background: url(../images/ico_process5_on.png) no-repeat;
}
.banner2 .item6 i {
	background: url(../images/ico_process6.png) no-repeat;
}
.banner2 .item6:hover i {
	background: url(../images/ico_process6_on.png) no-repeat;
}
.banner2 .item7 i {
	background: url(../images/ico_process7.png) no-repeat;
}
.banner2 .item7:hover i {
	background: url(../images/ico_process7_on.png) no-repeat;
}
.banner2 .item8 i {
	background: url(../images/ico_process8.png) no-repeat;
}
.banner2 .item8:hover i {
	background: url(../images/ico_process8_on.png) no-repeat;
}
.banner2 .item9 i {
	background: url(../images/ico_process9.png) no-repeat;
}
.banner2 .item9:hover i {
	background: url(../images/ico_process9_on.png) no-repeat;
}
.banner2 .item10 i {
	background: url(../images/ico_process10.png) no-repeat;
}
.banner2 .item10:hover i {
	background: url(../images/ico_process10_on.png) no-repeat;
}
.banner2 .swiper-slide span {
	height: 160px;
	padding: 15px;
	vertical-align: middle;
	display: table-cell;
}
.banner2 .swiper-slide b {
	text-align: center;
	display: block;
}
.banner2 .swiper-slide:hover {
	border: 1px solid #756cfe;
}
.banner2 .swiper-slide:hover b {
	color: #756cfe;
}
/* 项目案例 */
.case {
	width: 100%;
	padding: 0 0 50px;
	background: #4e80dc;
}
.case .service_tit p {
	color: #0b5d81;
}
.case_wrap {
	width: 1400px;
	margin: 0 auto;
}
/* .case_tab {
	width: 880px;
	height: 60px;
	margin: 0 auto 50px;
	line-height: 60px;
	overflow: hidden;
}
.case_tab .item {
	width: 200px;
	text-align: center;
	margin: 0 10px;
	float: left;
	font-size: 18px;
	color: #ffffff;
	cursor: pointer;
}
.case_tab .item:hover {
	background: #fff;
	color: #000000;
}
.case_tab .item.on {
	background: #fff;
	color: #000000;
} */
.case_item {
	width: 100%;
	height: 100%;
	overflow: hidden;
	/* display: none; */
	position: relative;
}
.case_item .item {
	width: 335px;
	height: 250px;
	float: left;
	margin: 0 20px 20px 0;
	border: 2px solid #3699ff;
	box-sizing: border-box;
	transition: 0.4s;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
}
.case_item .item:nth-child(4n) {
	margin: 0;
}
.case_item .item:hover {
	border: 2px solid #2ec2aa;
}
.case_list {
	width: 100%;
	height: 100%;
	overflow: hidden;
	position: relative;
	cursor: pointer;
}
.case_list a {
	width: 100%;
	height: 100%;
	display: block;
}
.case_list a img {
	width: 100%;
	height: 100%;
	display: block;
}
.case_item.on {
	display: block;
}
.case_infor {
	width: 100%;
	height: 100%;
	background: #f8f8f8;
	text-align: center;
	position: absolute;
	top: 0;
	left: 0;
}
.case_infor h4 {
	margin-top: 50px;
}
.case_infor p {
	margin-top: 10px;
}
.top_left, .top_right, .bottom_left, .bottom_right {
	position:absolute;
	background-repeat: no-repeat;
	float:left;
}
.top_left {
	background-position: top left;
}
.top_right {
	background-position: top right;
}
.bottom_left {
	background-position: bottom left;
}
.bottom_right {
	background-position: bottom right;
}
/*合作品牌*/
.brand {
	width: 100%;
	padding: 70px 0;
	background: url(../images/brand_bg.jpg) no-repeat 0 0;
}
.brand_tit {
	padding: 50px 0;
}
.brand_tit .service_text h3 {
	color: #ffffff;
}
.brand_tit p {
	color: #93827a;
}
.brand_wrap {
	width: 1400px;
	margin: 50px auto 70px;
}
.brand_wrap ul {
	width: 100%;
	overflow: hidden;
	border: 1px solid #fff;
}
.brand_wrap ul li {
	width: 350px;
	height: 120px;
	border: 1px solid #fff;
	box-sizing: border-box;
	float: left;
}
/* 网站建设页面 */
.web_banner {
	width: 100%;
}
.web_banner img {
	width: 100%;
	display: block;
}
.website {
	width: 100%;
	padding: 70px 0;
	background: url(../images/web_bg.jpg) no-repeat 0 0;
}
.website .service_tit p {
	color: #c4e5f3;
}
.web_tab {
	width: 1400px;
	height: 640px;
	margin: 20px auto 100px;
	overflow: hidden;
}
.web_style {
	width: 340px;
	float: left;
	margin: 0 50px 0 0;
	background: rgba(255,255,255,.6);
}
.web_style span {
	width: 100%;
	height: 130px;
	line-height: 130px;
	font-size: 24px;
	text-align: center;
	display: block;
	cursor: pointer;
}
.web_style span.on {
	background: #088dec;
	color: #ffffff;
}
.web_style span:hover {
	background: #088dec;
	color: #ffffff;
}
.web_intro {
	width: 1010px;
	height: 100%;
	float: left;
	background: rgba(255,255,255,.5);
}
.web_intro .item {
	height: 100%;
	display: none;
}
.web_intro .item.on {
	display: block;
}
.web_top {
	height: 120px;
	line-height: 120px;
	margin: 100px 80px;
}
.web_top strong {
	float: left;
	font-size: 24px;
	color: #000000;
}
.web_top strong b {
	color: #0594f3;
}
.web_top i {
	width: 120px;
	height: 120px;
	float: right;
	background: url(../images/web_top.png) no-repeat center center;
	border-radius: 50%;
	box-shadow: -5px -1px 10px 2px #dddddd;
}
.web_intro p {
	line-height: 36px;
	margin: 0 80px;
	font-size: 20px;
}
/* 关于我们页面 */
.profile {
	width: 100%;
	padding: 100px 0;
	background: #f5f5f5;
}
.profile_wrap {
	width: 1400px;
	margin: 0 auto;
}
.profile_wrap img {
	width: 100%;
	display: block;
}
.profile_wrap p {
	line-height: 40px;
	font-size: 18px;
	color: #666666;
	margin-top: 60px;
	text-indent: 36px;
}
.profile_wrap p b {
	display: block;
}
.culture {
	width: 100%;
	padding: 100px 0 150px;
	background: url(../images/culture.jpg) no-repeat bottom left;
	background-size: 100% 100%;
}
.culture h3 {
	font-size: 36px;
	color: #ffffff;
	text-align: center;
	margin: 0 0 80px;
}
.culture_wrap {
	width: 1400px;
	margin: 0 auto;
	overflow: hidden;
}
.culture_wrap .item {
	width: 335px;
	height: 600px;
	background: rgba(0,0,0,.5);
	float: left;
	text-align: center;
	display: table-cell;
	margin-right: 20px;
}
.culture_wrap .item:last-child {
	margin: 0;
}
.culture_wrap .item h4 {
	line-height: 60px;
	font-size: 48px;
	color: #ffffff;
	margin: 160px 0 100px;
	font-weight: normal;
}
.culture_wrap .item span {
	line-height: 36px;
	font-size: 24px;
	color: #ffffff;
	display: block;
}
.company_data {
	width: 100%;
	padding: 50px 0;
	background: #f5f5f5;
}
.company_data h3 {
	font-size: 36px;
	text-align: center;
	margin: 0 0 80px;
}
.data_wrap {
	width: 1400px;
	margin: 0 auto 50px;
}

.data_wrap .item1 img {
	width: 220px;
	float: left;
	margin: 0 16px 16px 0;
}

.cv {
	width: 100%;
	padding: 80px 0;
	background: #f5f5f5;
}
.cv_wrap {
	width: 1400px;
	height: 120px;
	margin: 0 auto;
	background: #26bef0;
	border-radius: 10px;
	overflow: hidden;
}
.cv_wrap span {
	line-height: 120px;
	font-size: 24px;
	float: left;
	color: #ffffff;
	margin-left: 50px;
}
.cv_wrap a {
	width: 160px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	background: #fafafa;
	border-radius: 5px;
	float: right;
	margin: 40px 50px 0 0;
	font-size: 18px;
	color: #000000;
}
/* 微信开发页面 */
.wechat_mall {
	width: 100%;
	padding: 80px 0;
	background: #f8f8f8;
}
.wechat_mall .service_tit p {
	font-style: normal;
	font-size: 20px;
	color: #333333;
	margin-top: 30px;
}
.mall_item {
	width: 1400px;
	overflow: hidden;
	margin: 100px auto 50px;
}
.mall_item .item {
	width: 280px;
	float: left;
	text-align: center;
}
.mall_item .item i {
	width: 118px;
	height: 118px;
	line-height: 118px;
	border: 2px solid #41aef3;
	border-radius: 50%;
	display: block;
	margin: 35px auto;
}
.mall_item .item .ico1 {
	background: url(../images/wxmall1.png) no-repeat center center;
}
.mall_item .item .ico2 {
	background: url(../images/wxmall2.png) no-repeat center center;
}
.mall_item .item .ico3 {
	background: url(../images/wxmall3.png) no-repeat center center;
}
.mall_item .item .ico4 {
	background: url(../images/wxmall4.png) no-repeat center center;
}
.mall_item .item .ico5 {
	background: url(../images/wxmall5.png) no-repeat center center;
}
.mall_item .item strong {
	font-size: 18px;
	font-weight: normal;
}
.wxapkg_advant {
	width: 100%;
	padding: 50px 0;
	background: url(../images/wx_bg.jpg) no-repeat center center;
}
.wxapkg_advant .service_tit h3 {
	color: #ffffff;
}
.wxapkg_wrap {
	width: 1400px;
	height: 540px;
	margin: 120px auto 80px;
	overflow: hidden;
	background: url(../images/wxapkg.png) no-repeat center center;
}
.wxapkg_wrap .left {
	float: left;
}
.wxapkg_wrap .left .item,
.wxapkg_wrap .right .item {
	width: 250px;
	height: 60px;
	line-height: 60px;
	text-align: center;
	font-size: 24px;
	color: #ffffff;
	background: url(../images/wx_border.png) no-repeat bottom left;
	margin-bottom: 100px;
}
.wxapkg_wrap .left .item1,
.wxapkg_wrap .left .item4 {
	margin-left: 110px;
}
.wxapkg_wrap .left .item3 {
	margin-left: 30px;
}
.wxapkg_wrap .right {
	float: right;
}
.wxapkg_wrap .right .item1,
.wxapkg_wrap .right .item4 {
	margin-left: -110px;
}
.wxapkg_wrap .right .item3 {
	margin-left: -30px;
}
.wxapkg_wrap .left .item4,
.wxapkg_wrap .right .item4 {
	margin-bottom: 0;
}
.wxapkg_tool {
	width: 100%;
	padding: 70px 0 50px;
}
.tool_title {
	width: 730px;
	margin: 0 auto;
	overflow: hidden;
}
.tool_title span {
	width: 140px;
	height: 2px;
	background: #e5e5e5;
	float: left;
	margin-top: 30px;
}
.tool_title h3 {
	width: 450px;
	text-align: center;
	font-size: 36px;
	font-weight: normal;
	float: left;
}
.tool_title h3 b {
	font-size: 30px;
	font-weight: normal;
}
.tool_item {
	width: 1400px;
	margin: 80px auto;
	overflow: hidden;
}
.tool_item div {
	width: 335px;
	height: 280px;
	line-height: 280px;
	text-align: center;
	font-size: 36px;
	color: #fff;
	float: left;
	margin-right: 20px;
}
.tool_item div:last-child {
	margin-right: 0;
}
.tool_item .item1 {
	background: #eac02e;
}
.tool_item .item2 {
	background: #ec4e5a;
}
.tool_item .item3 {
	background: #824eec;
}
.tool_item .item4 {
	background: #00bce4;
}
.wxapkg_bonus {
	width: 100%;
	padding: 80px 0;
	background: #f5f5f5;
}
.wxapkg_bonus .service_tit {
	width: 800px;
}
.wxapkg_bonus .service_tit h3 {
	width: 400px;
}
.bonus_wrap {
	width: 1400px;
	margin: 150px auto 50px;
	overflow: hidden;
}
.bonus_wrap ul {
	width: 600px;
	float: left;
	overflow: hidden;
}
.bonus_wrap ul li {
	width: 240px;
	height: 64px;
	line-height: 64px;
	text-align: center;
	background: #ffffff;
	border-radius: 50px;
	font-size: 24px;
	color: #1bbaef;
	float: left;
	margin: 0 60px 60px 0;
}
.bonus_wrap ul li:nth-child(2n) {
	margin: 0 0 60px 0;
}
.bonus_img {
	float: right;
}
/* APP开发 */
.app_create {
	width: 100%;
	padding: 50px 0 100px;
}
.app_wrap {
	width: 1400px;
	margin: 80px auto;
}
.app_wrap .item {
	width: 410px;
	height: 520px;
	background: #f5f6fb;
	float: left;
	margin-right: 85px;
	cursor: pointer;
}
.app_wrap .item:hover {
	background: linear-gradient(#23a2d5, #1047a8);
	box-shadow: 0 0 10px 10px #d2e3f2;
}
.app_wrap .item:hover h2 {
	color: #ffffff;
}
.app_wrap .item:hover p {
	color: #ffffff;
}
.app_wrap .item:last-child {
	margin: 0;
}
.app_wrap .item img {
	width: 200px;
	margin: 60px auto 50px;
	display: block;
}
.app_wrap .item h2 {
	line-height: 30px;
	font-size: 24px;
	color: #007AFF;
	margin: 30px 20px;
}
.app_wrap .item p {
	line-height: 24px;
	font-size: 16px;
	color: #333333;
	margin: 0 20px;
}