/*
* @Author: ChunLai
* @Date:   2018-05-14 09:53:00
* @Name:产品拍摄
*/
.md1{width: 100%;height:924px;background: url("../images/paishe/md1.jpg") no-repeat 100% 100%;margin-top: -110px;position:relative;z-index: 10;}
.md1 h1{font-size: 139px;color:#ffa054;text-align: center;position:absolute;top:120px;left:0;right:0;margin:auto;}

.md1 .md1-img{position:absolute;top:380px;left:0;right:0;margin:auto;}
.md1 .md1-camera{position:absolute;bottom:-250px;left:0;right:0;margin:auto;width: 500px;}

.md_bg{background-color: #f8f2f2;}
.md2{padding-top:310px;padding-bottom: 120px;}
.md2 p{font-size:83px;color:#d9212b;text-align:center;}
.md2 ul{width:90%;height:520px;margin:-141px auto 0;position:relative;}
.md2 ul li{width:316px;height:316px;border-radius: 100%;box-shadow: 5px 3px 2px rgba(237,232,232,.7);}
.md2 ul li:nth-child(1){background: url("../images/paishe/md2-01.png");position:absolute;top:0;left:0;}
.md2 ul li:nth-child(2){background: url("../images/paishe/md2-02.png");position:absolute;top:0;right:0;}
.md2 ul li:nth-child(3){background: url("../images/paishe/md2-03.png");position:absolute;bottom:0;left:50%;margin-left:-158px;}
.md2 ul li b{width:100%;text-align:center;position:absolute;bottom:-43px;font-size:20px;}

.md3{height:923px;background: url("../images/paishe/md3-bg.jpg") no-repeat 100% 100%;position:relative;}
.md3 h6{text-align:center;font-size:72px;color:#fff;padding-top:80px;font-weight: normal;}
.md3 .md3-tx{width:380px;position:absolute;top:258px;}
.md3 .md3-tx1{left:151px;}
.md3 .md3-tx2{left:677px;}
.md3 .md3-tx em{display: block;width:100%;color:#ffa054;text-align:center;font-size:37px;}
.md3 .md3-tx p{color:#fff;text-indent: 2em;font-size:20px;line-height: 30px;padding-top: 25px;}

.md4{height:1070px;background: url("../images/paishe/md4-bg.jpg") no-repeat 100% 100%;position:relative;}
.md4 h6{text-align:center;font-size:60px;color:#ef2424;padding-top:80px;letter-spacing: 12px;}
.md4-line{width:900px;height:1px;border-top: 1px solid #fff;margin:36px auto 0;position:relative;}
.md4-line span{display: block;padding:0 20px;height:40px;line-height:40px;text-align:center;position:absolute;top:-20px;left:50%;margin-left:-220px;color:#fff;background-color:#060604;letter-spacing:6px;}
.md4 ul{margin:172px auto 0;width:989px;display: flex;justify-content: space-between;}
.md4 ul li{width:297px;height:388px;position:relative;}
.md4 ul li:hover b{
  animation:myswing 1s 1;
  -webkit-animation:myswing 1s 1;
}
.md4 ul li b{font-size:110px;color:#fff;position:absolute;top:60px;left:96px;}
.md4 ul li p{width: 100%;color:#fff;position:absolute;bottom:-120px;left:0;line-height:30px;}
.md4 ul li i{display: block;width:48px;height:1px;border-top:2px dashed #64605b;position:absolute;top:245px;left:50%;margin-left:-24px;}
.md4 ul li span{position:absolute;top:280px;left:0;right:0;margin:auto;color:#fff;font-size:18px;text-align:center;}
.md5{padding:80px 0;}
.md5 h1{font-size:60px;color:#d9212b;}
.md5 .md5-line{margin:30px auto;}

.md5 table{width:930px;margin:70px auto 0;text-align:center;}
.md5 table th{line-height:50px;background-color:#ffa054;font-size:20px;}
.md5 table td{line-height:40px;}
.md5 table .md5-td1{font-weight:bold;font-size:18px;}

/*----------------Anli-Superslide---------------------*/
.md6{padding-bottom:50px;position:relative;}
/**/
.md6 .sliderFrame_1{position:absolute;top:270px;left:0;right:0;margin:auto;}
#sliderFrame, #sliderFrame div {box-sizing: content-box;}
#sliderFrame {width:1000px;margin:0 auto;}
#slider, #slider .sliderInner {width:860px;height:546px;margin:0 auto;}
#slider {
    position:relative;
    transform: translate3d(0,0,0);
}
.prev_next{width:100%;position:absolute;top:50%;left:0;margin-top: -35px;}
.prev_next .group2-Prev{
    float: left;
    width:50px; height:70px;
    background:url("../images/paishe/prev.png") no-repeat;
    display:block;
    cursor:pointer;
}
.prev_next .group2-Next{
    float: right;
    width:50px; height:70px;
    background:url("../images/paishe/next.png") no-repeat;
    display:block;
    cursor:pointer;
}
#slider .mc-caption {
    position:absolute;
    width:100%;
    height:auto;
    left:0px;
    bottom:0px;top:auto;
    overflow:hidden;
}
#slider .navBulletsWrapper  {display:none;}
#slider .sliderInner {
    overflow:hidden;
    position:absolute; top:0; left:0;
}
#slider div {-webkit-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}

/*SuperSlide*/
.slideBox{ width:1000px; overflow:hidden; position:absolute; left:0;right:0;margin:auto;}
.md6 .sb_pos1{top:1080px;}
.md6 .sb_pos2{top:1837px;}
.md6 .sb_pos3{top:2730px;}
.md6 .sb_pos4{top:3530px;}
.slideBox .hd{ display: none;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:860px; height:546px;}
.sb_pos2 .bd img{ width:860px; height:700px;}
.slideBox .prev,
.slideBox .next{width:50px; height:70px;  filter:alpha(opacity=50);opacity:0.5;position:absolute; top:50%; margin-top:-35px; display:block;   }
.slideBox .prev{background:url("../images/paishe/prev.png") no-repeat;left:10px;}
.slideBox .next{background:url("../images/paishe/next.png") no-repeat;right:10px}
.slideBox .prev:hover,
.slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }

/*---------md7------------*/
.md7{padding:80px 0;}
.md7 h1{font-size:60px;color:#d9212b;}
.md7 .md7-line{margin:30px auto;}
.md7 ul{width:1025px;margin:0 auto;display: flex;justify-content:space-between;}
.md7 ul li{width:205px;text-align:center;}
.md7 ul li b{color:#fa3c15;font-size:40px;}
.md7 ul li p{color:#140303;font-size:22px;}
.md7 span{display: block;width:1070px;border-bottom:2px dashed #fa3c15;color:#fa3c15;font-weight:bold;margin:0 auto;font-size:30px;height:70px;}
.md7 ol{width:940px;margin:55px auto;font-size:18px;color:#000;}
.md7 ol li{padding-bottom:20px;position:relative;}
.md7 ol li:before{
   content:'';
   position:absolute;
   top:9px;
   left:-20px;
   width: 8px;
   height:8px;
   border-radius:100%;
   background-color:#fb3a14;
}
.md7 ol li em{color:#fb3a14;}

.link{background-color:#f8f4f4;padding-bottom:40px;}
.link p{font-size:20px;margin:20px 0;text-align:center;}


/*Animation*/
@-webkit-keyframes myswing {
    20% {
    -webkit-transform:rotate(15deg);
    transform:rotate(15deg)
}
40% {
    -webkit-transform:rotate(-10deg);
    transform:rotate(-10deg)
}
60% {
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg)
}
80% {
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg)
}
to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
}
}
@keyframes myswing {
    20% {
    -webkit-transform:rotate(15deg);
    transform:rotate(15deg)
}
40% {
    -webkit-transform:rotate(-10deg);
    transform:rotate(-10deg)
}
60% {
    -webkit-transform:rotate(5deg);
    transform:rotate(5deg)
}
80% {
    -webkit-transform:rotate(-5deg);
    transform:rotate(-5deg)
}
to {
    -webkit-transform:rotate(0deg);
    transform:rotate(0deg)
}
}
