@charset "utf-8";
/* CSS Document */
ul li{ list-style:none;}
a{ text-decoration:none;}
img{ border:none;}
.wd{ width:1200px; margin:0 auto;}
.fl{ float:left;}
.fr{ float:right;}
.s12{ font-size:12px;}
.s14{ font-size:14px;}
.s16{ font-size:16px;}
.s18{ font-size:18px;}
.s20{ font-size:20px;}
.s22{ font-size:22px;}
.s24{ font-size:24px;}
.s26{ font-size:26px;}
.s28{ font-size:28px;}
.s30{ font-size:30px;}
.clear{ clear:both;}
.c1{ color:#1cd1ae;}
.c2{ color:#4c4c4c;}
.c4{ color:#808080;}


/*APP案例样式*/
.position{ line-height:40px;}
.position a{color:#666666;}
.position a:hover{color:#1cd1ae;}

.cases_bg{ width:100%;}
.cases_bg img{ width:100%; height:auto;}
.ca_con1_ti p{ text-align:center; color:#4c4c4c;}
.ca_con1_t1{ line-height:60px; padding-top:30px;}
.ca_con1_t2{ line-height:50px; padding-top:50px; padding-left:520px;}
.ca_con1_ti2{ width:100px;height:50px;}
.ca_con1_ti1{ height:26px; width:30px; border-bottom:1px #4c4c4c solid; display:block;}

.ca_con1_list { margin-top:40px;}
.ca_con1_list li{ width:115px;}
.list1{ display:block; width:115px; height:115px; background:url("../images/cases_icon1.png") no-repeat; margin:20px 62px 50px 62px;}
.list2{ display:block; width:115px; height:115px; background:url("../images/cases_icon2.png") no-repeat; margin:20px 62px 50px 62px;}
.list3{ display:block; width:115px; height:115px; background:url("../images/cases_icon3.png") no-repeat; margin:20px 62px 50px 62px;}
.list4{ display:block; width:115px; height:115px; background:url("../images/cases_icon4.png") no-repeat; margin:20px 62px 50px 62px;}
.list5{ display:block; width:115px; height:115px; background:url("../images/cases_icon5.png") no-repeat; margin:20px 62px 50px 62px;}

.list6{ display:block; width:115px; height:115px; background:url("../images/cases_icon6.png") no-repeat; margin:20px 62px 50px 62px; }
.list7{ display:block; width:115px; height:115px; background:url("../images/cases_icon7.png") no-repeat; margin:20px 62px 50px 62px;}
.list8{ display:block; width:115px; height:115px; background:url("../images/cases_icon8.png") no-repeat; margin:20px 62px 50px 62px;}
.list9{ display:block; width:115px; height:115px; background:url("../images/cases_icon9.png") no-repeat; margin:20px 62px 50px 62px;}
.list10{ display:block; width:115px; height:115px; background:url("../images/cases_icon10.png") no-repeat; margin:20px 62px 50px 62px;}
.ca_con1_list li p{ text-align:center; line-height:55px; height:100%; padding-top:115px;}
.ca_con1_list li:hover p{ color:#1cd1ae; }

.ca_cur1{background:url("../images/cases_icon1_1.png") no-repeat;}
.ca_cur2{background:url("../images/cases_icon2_2.png") no-repeat;}
.ca_cur3{background:url("../images/cases_icon3_3.png") no-repeat;}
.ca_cur4{background:url("../images/cases_icon4_4.png") no-repeat;}
.ca_cur5{background:url("../images/cases_icon5_5.png") no-repeat;}
.ca_cur6{background:url("../images/cases_icon6_6.png") no-repeat;}
.ca_cur7{background:url("../images/cases_icon7_7.png") no-repeat;}
.ca_cur8{background:url("../images/cases_icon8_8.png") no-repeat;}
.ca_cur9{background:url("../images/cases_icon9_9.png") no-repeat;}
.ca_cur10{background:url("../images/cases_icon10_10.png") no-repeat;}

.ca_cur1 p{color:#1cd1ae;}
.ca_con1_list li.list1:hover{background:url("../images/cases_icon1_1.png") no-repeat;}
.ca_con1_list li.list2:hover{background:url("../images/cases_icon2_2.png") no-repeat;}
.ca_con1_list li.list3:hover{background:url("../images/cases_icon3_3.png") no-repeat;}
.ca_con1_list li.list4:hover{background:url("../images/cases_icon4_4.png") no-repeat;}
.ca_con1_list li.list5:hover{background:url("../images/cases_icon5_5.png") no-repeat;}
.ca_con1_list li.list6:hover{background:url("../images/cases_icon6_6.png") no-repeat;}
.ca_con1_list li.list7:hover{background:url("../images/cases_icon7_7.png") no-repeat;}
.ca_con1_list li.list8:hover{background:url("../images/cases_icon8_8.png") no-repeat;}
.ca_con1_list li.list9:hover{background:url("../images/cases_icon9_9.png") no-repeat;}
.ca_con1_list li.list10:hover{background:url("../images/cases_icon10_10.png") no-repeat;}

.ca_con2_list_bg{ width:100%; padding:20px 0px 50px 0px; background:#f4f4f4; margin-top:50px; height:auto;}

.ca_con2_list li{ width:286px; height:335px; border-bottom:4px #1cd1ae solid; background:#fff; position:relative; margin-top:30px;}
.ca_con2_list li p{line-height:25px; width:256px;position:relative; text-indent:10px;
}
.ca_con2_list li img{ width:286px; height:266px; position:relative;}
.intro{ padding:10px;font-size:14px; width:266px; height:319px;position:absolute; display:none;}
.intro p{line-height:50px;  padding-top:10px; }
.ca_con2_list li:hover .intro{ width:266px; height:319px;
   background-color:#000;
  filter:alpha(opacity=75);
  -moz-opacity:0.75;
  opacity:0.75;
  position:absolute;
  display:block;
  color:#1cd1ae;
  
  
  }
 .list_left{ margin-right:14px;}
 
  
.about_title_box { width: 1200px; margin: 0 auto; height: auto; background-color: #fff; margin-top:25px;}
.about_title_box h1 { font-size: 30px; margin-top: 36px; }
.about_title_box h4 { font-size: 18px; width: 160px; height: 25px; line-height: 25px; background-image: url("../images/line.png"); background-repeat: no-repeat; background-position: center center; margin: 10px auto; }
.about_title_box h1, .about_title_box h4 { text-align: center; font-weight: normal; color: #4c4c4c; }






@media screen and (max-width: 1199px){
	.cases_bg {width:1200px;}
		}