@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0;}
body {font-family:'Microsoft YaHei';font-size:12px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{padding:0; margin:0;}
table,td,tr,th{font-size:12px;}
li{list-style-type:none;}
table{ margin:0 auto;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
a{ text-decoration: none; color: #000;}
a:hover{ color: #000; text-decoration: none;}

.main1140{ width:1140px;margin:0 auto; overflow:hidden;}
/*拍摄服务流程开始*/
.process-box{ width: 1140px;height: 450px;}
.process-box ul{width: 1140px;}
.process-box ul li{
  width: 196px;
  height: 196px;
  float: left;
  cursor: pointer;
  position: relative;
}
.process-box ul li .kuang{
  position: absolute;
  width: 196px;
  height: 196px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  border:1px solid #ddd;
  margin-top: 42px;
  margin-left: 42px;
}
.process-box ul li .kuang1{
  top: 0;
  left: 0;
  z-index: 1;
}
.process-box ul li .kuang2{
  left: 5px;
  top: 0px;
  z-index: 2;
}
.process-box ul li .text1{ width: 276px; height: 276px; text-align:center;z-index: 3; position: absolute; left: 7px; top:2px;}
.process-box ul li .text1 .bg{width: 276px; height: 276px; }
.process-box ul li .text1 .bg1{ background: url(../images/process-img1.png) no-repeat;}
.process-box ul li .text1 .bg2{ background: url(../images/process-img2.png) no-repeat;}
.process-box ul li .text1 .bg3{ background: url(../images/process-img3.png) no-repeat;}
.process-box ul li .text1 .bg4{ background: url(../images/process-img4.png) no-repeat;}
.process-box ul li .text1 .bg5{ background: url(../images/process-img5.png) no-repeat;}
.process-box ul li .text1 .bg6{ background: url(../images/process-img6.png) no-repeat;}
.process-box ul li .text1 .bg7{ background: url(../images/process-img7.png) no-repeat;}
.process-box ul li .text1 .num{ padding-top: 50px; font-size: 86px; color: #dacdc2; font-weight: 700; }
.process-box ul li .text1 .title{ font-size: 15px; color: #422710; }
.process-box ul li .text1 .eng{ font-size: 12px; color: #b4a078; }
.process-box ul li .text2{ width: 276px; height: 276px; z-index: 4; position: absolute; left: 5px; top:0px;display: none; }
.process-box ul li .text2 .mengban{ border:1px solid #533b26;
  position: absolute;
  z-index: 1;
  width: 196px;
  height: 196px;
  -moz-transform:rotate(45deg);
  -webkit-transform:rotate(45deg);
  -o-transform:rotate(45deg);
  transform:rotate(45deg);
  background: #533b26;
  margin-top: 42px;
  margin-left: 42px;
}
.process-box ul li .text2 .desc{ position: absolute; z-index: 2; width: 140px; height: 110px; top: 88px; left:70px; font-size: 12px; color: #fff; text-align: center; line-height: 24px;}
.process-box ul li{ margin-right: 89px; }
.process-box ul.two li{ margin-top: -40px;}
.process-box ul li:hover .text2{
  display: block;
}
/*拍摄服务流程结束*/
