/* 头部图片 */
.app_top_pic {
	 position:relative;
	 height:890px;
	 background:url("../img4/app_pic1.jpg") no-repeat;
	 background-position:50% 50%;
	 background-size:cover;
}
.app_text{ text-align:center; padding-top:200px; padding-left:128px; padding-right:128px; color:#fff;}
.app_text h1{ font-size:60px; font-weight:normal; height:60px; line-height:60px; margin-bottom:40px;}
.app_text p{ font-size:18px; line-height:30px;}

.app_main .a_title {
	 text-align:center;
	 margin-bottom:64px;
}
.app_main .a_title h2 {
	 font-size:36px;
	 line-height:36px;
	 font-weight:normal;
}
.app_main .a_title1 h2 {
	 color:#171717;
	 margin-bottom:30px;
}
.app_main .a_title1 p {
	 width:800px;
	 height:48px;
	 background:url("../img4/app_title_bg.png") no-repeat center;
	 background-size:cover;
	 margin:0 auto;
	 font-size:24px;
	 line-height:48px;
	 color:#fff;
}

.app_pic1{ height:490px;background:url("../img4/app_pic2.png") no-repeat center; position:relative;}
.value-cell{ position:absolute; width:330px;}
.value-cell h2{ font-size:30px; font-weight:normal; text-align:center; margin-bottom:20px;}
.value-cell p{ font-size:15px;}
.vc1{ width:410px; top:0; left:405px;}
.vc1 h2{ color:#3747e8;}
.vc2 h2{ color:#6f4dfa;}
.vc3 h2{ color:#43d1fa;}
.vc2{ left:50px; bottom:20px;}
.vc3{ right:50px; bottom:20px;}

.app_pic2{background:url("../img4/app_pic3.png") no-repeat center; height:530px; position:relative; color:#fff;}
.advan-cell{ position:absolute; width:196px;}
.advan-cell h2{ font-size:24px; color:#fff; text-align:center; margin-bottom:20px; font-weight:normal;}
.advan-cell p{ font-size:14px;}
.adc1{ top:340px; left:118px;}
.adc2{ top:30px; left:315px;}
.adc3{ top:340px; left:505px;}
.adc4{ top:30px; left:685px;}
.adc5{ top:340px; right:118px;}


.app_main .cell {
	 padding-top:56px;
	 height:724px;
}
.app_main .cell1 {
	 background:#fff;
}


.app_main .cell2 {
	 background:url(../img4/app_bg2.png) repeat-y;
}
.app_main .a_title2 h2 {
	 color:#fff;
	 margin-bottom:30px;
}
.app_main .a_title .line {
	 width:219px;
	 height:1px;
	 background:url("../img4/app_h2_bg.png") no-repeat center;
	 margin:0 auto;
	 position:relative;
 }
 .app_main .a_title .line .small_line {
	 width:100px;
	 height:0px;
	 left:50%;
	 margin-left:-50px;
	 top:0;
	 position:absolute;
 }
 .app_main .a_title .line .small_line1 {
	 border-bottom:1px solid #fff;
 }


.app_main .cell3 {
	 background:#fff;
}

 .app_main .a_title3 h2 {
	 color:#404040;
	 margin-bottom:24px;
}
 .app_main .a_title .line .small_line2 {
	 border-bottom:1px solid #000;
 }

.app_pic3{ height:522px;background:url(../img4/app_pic4.png) no-repeat 50% 50%;}
.app_pic3 .ap-left{ width:360px; float:left; text-align:right;}
.app_pic3 .ap-right{ width:360px; float:right; text-align:left;}
.app_pic3 dl{ margin-bottom:30px; position:relative;}
.app_pic3 dl dt{ font-size:24px; padding-top:15px; margin-bottom:10px;}
.app_pic3 dl dd{ font-size:18px;}
.ap-left dl{ padding-right:90px;}
.ap-right dl{ padding-left:90px;}
.dt-tl1{ color:#ea6151}
.dt-tl2{ color:#e61c54}
.dt-tl3{ color:#c00a79}
.dt-tl4{ color:#7c187e}
.dt-tl5{ color:#7c187e}
.dt-tl6{ color:#c00a79}
.dt-tl7{ color:#e61c54}
.dt-tl8{ color:#ea6151}
.ap-ico{background:url(../img4/ap-ico.png) no-repeat; width:80px; height:80px; position:absolute; top:0;}
.ai1,.ai2,.ai3,.ai4{ right:0;}
.ai1{ background-position:0 0;}
.ai2{ background-position:0 -80px;}
.ai3{ background-position:0 -160px;}
.ai4{ background-position:0 -240px;}
.ai5{ background-position:-80px 0;}
.ai6{ background-position:-80px -80px;}
.ai7{ background-position:-80px -160px;}
.ai8{ background-position:-80px -240px;}
.ai5,.ai6,.ai7,.ai8{ left:0;}



 .app_main .cell4 {
	 background:url("../img4/app_bg1.jpg") no-repeat 50% 50%;
}
 .app_main .a_title4 h2 {
	 color:#fff;
	 margin-bottom:24px;
}
 .app_main .a_title .line .small_line3 {
	 border-bottom:1px solid #fff;
 }
 
.app_pic4{ height:340px; background:url("../img4/app_pic5.png") no-repeat 50% 50%; color:#fff; position:relative;} 
.app_pic4 p{ position:absolute; font-size:18px; text-align:center;}
.pro-it1{ top:175px; left:10px;}
.pro-it2{ top:205px; left:94px;}
.pro-it3{ top:130px; left:237px;}
.pro-it4{ top:198px; left:364px;}
.pro-it5{ top:115px; left:457px;}
.pro-it6{ top:140px; left:540px;}
.pro-it7{top:8px; left:648px;}
.pro-it7 span{ display:block; font-size:14px;}
.pro-it7 span.first-tl{ font-size:18px;}
.pro-it8{top:175px; left:760px;}
.pro-it8 span{ display:block; font-size:14px;}
.pro-it8 span.first-tl{ font-size:18px;}
.pro-it9{top:145px; left:850px;}
.pro-it10{top:230px; left:945px;}
.pro-it11{top:142px; left:1090px;}
 
 
 
 
 /* 案例推荐 */
.case_referral {
	 padding-top:70px;
	 background:#fff;
}
.case_referral h2 {
	 color:#333;
	 font-size:42px;
	 text-align:center;
	 line-height:42px;
	 font-weight:normal;
}
.case_referral_scroll {
	 margin-top:50px;
	 position:relative;
	 overflow:hidden;
	 width:1334px;
	 margin:40px auto 0;
}
.case_referral_viewport {
	 width:1180px;
	 height:auto;
	 overflow:hidden;
	 margin:0 auto;
}
.case_referral_list {
	 width:1180px;
	 margin:0 auto;
}
.case_referral_list li {
	 float:left;
	 width:380px;
	 margin:0 10px 40px 0;
}
.case_referral_list li.no_margin {
	 margin-right:0;
}
.case_referral_list a {
	 display:block;
}
.case_referral_list .pic {
	 width:380px;
	 height:240px;
	 overflow:hidden;
}
.case_referral_list .info {
	 padding-left:15px;
}
.case_referral_list .line {
	 width:46px;
	 margin:20px 0 6px 0;
	 height:0;
	 border-bottom:2px solid #dc2330;
}
.case_referral_list .info p {
	 font-size:16px;
	 color:#333;
	 line-height:30px;
}
.case_referral_list .info span {
	 font-size:12px;
}
.case_referral_list .info em {
	 font-size:12px;
	 color:#999;
	 font-style:normal;
}

.case_referral_scroll .option_btn .prev,
.case_referral_scroll .option_btn .next {
	 width:55px;
	 height:35px;
	 position:absolute;
	 top:50%;
	 margin-top:-86px;
	 background:url("../img2/arrow.png") no-repeat;
}
.case_referral_scroll .option_btn .prev {
	 background-position:-7px 0;
	 left:0;
}
.case_referral_scroll .option_btn .next {
	 background-position:-79px -36px;
	 right:0;
}
.case_referral_scroll .option_btn .prev:hover {
	 background-position:-79px 0;
}
.case_referral_scroll .option_btn .next:hover {
	 background-position:-7px -35px;
}
.case_referral_scroll .option_btn ul{ 
	 overflow:hidden; 
	 margin-top:10px; 
	 zoom:1; 
	 text-align:center;
}
.case_referral_scroll .option_btn ul li{ 
	 display:inline-block; 
	 width:12px; 
	 height:12px; 
	 overflow:hidden; 
	 margin-right:5px; 
	 text-indent:-999px; 
	 cursor:pointer; 
	 background:#d7d7d7; 
	 border-radius:50%;
}
.case_referral_scroll .option_btn ul li.on{ 
	 background:#dc2330; 
}