section h2.common-title{
	text-transform :uppercase
}

.float-up-fast, .float-up-slow{
	opacity    :0;
	transition :all 1.5s ease .2s;
	transform  :translate(0, 50px)
}

.float-up-slow{
	transition :all 1.5s ease .5s
}

.ani-active .float-up-fast, .ani-active .float-up-slow, .swiper-slide.swiper-slide-active .text h3, .swiper-slide.swiper-slide-active .text p{
	opacity   :1 !important;
	transform :translate(0, 0) !important
}

.swiper-slide .text h3, .swiper-slide .text p {
	opacity    :0;
	transition :all 1.2s ease .2s;
	transform  :translate(0, 60px)
}

.swiper-slide .text p{
	transition :all 1.2s ease .5s
}

.dji-zh-CN #m600-pro-banner{
	padding-top :470px
}

.dji-zh-CN #m600-pro-banner .text{
	padding-right :90px
}

.dji-zh-CN #m600-pro-banner .text .slogan, section.m600-pro-s5 .switch-tab ul li h2{
	font-size :24px
}

.dji-zh-CN section.m600-pro-s1 .swiper-mould #swiper-container1 .text.text1{
	padding-top :115px
}

.dji-zh-CN section.m600-pro-s1 .swiper-mould #swiper-container1 .text.text2{
	padding-top :110px
}

.dji-zh-CN section.m600-pro-s1 .swiper-mould #swiper-container1 .text.text3{
	padding-top :140px
}

.dji-zh-CN section.m600-pro-s4 .text{
	padding-right :110px
}

#m600-pro-banner, #m600-pro-banner .light-cover{
	background-repeat   :no-repeat;
	background-position :center center;
	background-size     :2409px 800px
}

#m600-pro-banner{
	padding-top      :420px;
	background-color :#000;
	position         :relative;
	height           :800px
}

#m600-pro-banner .light-cover{
	position  :absolute;
	top       :0;
	left      :0;
	width     :100%;
	height    :100%;
	animation :shining 1.2s infinite
}

#m600-pro-banner .text{
	color         :#fff;
	padding-right :33px
}

#m600-pro-banner .text .slogan{
	font-size     :20px;
	margin-bottom :25px
}

#m600-pro-banner .text .title{
	font-size      :36px;
	margin-bottom  :6px;
	text-transform :uppercase
}

#m600-pro-banner .text .title .m600{
	font-weight  :500;
	margin-right :10px
}

#m600-pro-banner .text .title .pro{
	font-weight :400
}

#m600-pro-banner .text .desc, section.m600-pro-s1 .swiper-mould #swiper-container1 .text p{
	font-size   :14px;
	line-height :24px
}

section.m600-pro-s1{
	background-color :#191919;
	padding-top      :10px;
	padding-bottom   :50px;
	text-align       :center
}

section.m600-pro-s1 #s1_canvas{
	margin-top :15px;
	width      :440px;
	height     :371px
}

section.m600-pro-s1 .swiper-box{
	min-height :420px
}

section.m600-pro-s1 .swiper-mould{
	opacity      :0;
	position     :relaitve;
	width        :1140px;
	margin-left  :auto;
	margin-right :auto;
	z-index      :1;
	overflow     :hidden
}

section.m600-pro-s1 .swiper-mould.active{
	opacity :1;
	z-index :2
}

section.m600-pro-s1 .swiper-mould .tips{
	position :absolute;
	color    :#979797;
	width    :100%;
	bottom   :18px
}

section.m600-pro-s1 .swiper-mould #swiper-container1{
	width    :1040px;
	height   :440px;
	margin   :0 auto;
	position :relative
}

section.m600-pro-s1 .swiper-mould #swiper-container1 .swiper-slide, section.m600-pro-s2{
	background-position :50% 34%;
	background-repeat   :no-repeat;
	background-color    :#191919;
	background-size     :85%;
	padding-top         :20px
}

section.m600-pro-s2{
	position            :relative;
	min-height          :400px;
	padding-top         :50px;
	padding-bottom      :60px;
	background-position :center;
	background-size     :cover;
	background-color    :#232323;
	text-align          :center;
	color               :#fff
}

section.m600-pro-s1 .swiper-mould #swiper-container1 .bg{
	width :460px
}

section.m600-pro-s1 .swiper-mould #swiper-container1 .text-col{
	padding-left :0
}

section.m600-pro-s1 .swiper-mould #swiper-container1 .bg-col{
	padding-right :25px
}

section.m600-pro-s1 .swiper-mould #swiper-container1 .text{
	padding-top   :50px;
	color         :#fff;
	text-align    :left;
	padding-right :40px
}

section.m600-pro-s1 .swiper-mould #swiper-container1 .text h3{
	margin-bottom  :20px;
	font-size      :20px;
	text-transform :uppercase
}

section.m600-pro-s1 .swiper-mould #swiper-container1 .text p.sp{
	margin-top :20px;
	font-size  :12px
}

section.m600-pro-s1 .swiper-mould #swiper-container1 .text.text1{
	padding-top :70px
}

section.m600-pro-s1 .swiper-mould #swiper-container1 .text.text2{
	padding-top :75px
}

section.m600-pro-s1 .swiper-mould #swiper-container1 .text.text3{
	padding-top :135px
}

section.m600-pro-s1 .swiper-mould #swiper-container1 .control-box{
	position    :absolute;
	top         :50%;
	margin-top  :-25px;
	left        :50%;
	margin-left :-550px;
	width       :1100px;
	height      :50px;
	z-index     :30
}

section.m600-pro-s1 .swiper-mould #swiper-container1 .control-box .swiper-btn-next, section.m600-pro-s1 .swiper-mould #swiper-container1 .control-box .swiper-btn-prev{
	position        :absolute;
	background-size :cover;
	top             :0;
	width           :15px;
	height          :50px;
	cursor          :pointer;
	transition      :.2s all;
	opacity         :.5
}

section.m600-pro-s1 .swiper-mould #swiper-container1 .control-box .swiper-btn-next:hover, section.m600-pro-s1 .swiper-mould #swiper-container1 .control-box .swiper-btn-prev:hover{
	opacity          :1;
	background-image :url(../../../../www1.djicdn.com/assets/images/products/mavic/left-hover-dc378016e56315b9b08cc537ef6a8a1c.png) !important
}

section.m600-pro-s1 .swiper-mould #swiper-container1 .control-box .swiper-btn-prev{
	left :0
}

section.m600-pro-s1 .swiper-mould #swiper-container1 .control-box .swiper-btn-next{
	right     :0;
	transform :rotate(180deg)
}

section.m600-pro-s1 .swiper-mould .point-list{
	width       :1000px;
	margin      :0 auto;
	padding-top :30px
}

section.m600-pro-s1 .swiper-mould .point-list li{
	display        :inline-block;
	text-align     :center;
	cursor         :pointer;
	max-width      :33%;
	padding-left   :30px;
	padding-right  :30px;
	vertical-align :top;
	font-size      :12px;
	text-transform :uppercase
}

section.m600-pro-s1 .swiper-mould .point-list li .icon-box{
	width    :100%;
	height   :27px;
	position :relative
}

section.m600-pro-s1 .swiper-mould .point-list li .desc{
	display        :inline-block;
	line-height    :22px;
	padding-bottom :3px;
	color          :#fff
}

section.m600-pro-s1 .swiper-mould .point-list li:hover span{
	color :#44a8f2
}

section.m600-pro-s1 .swiper-mould .point-list li.active .desc{
	border-bottom :solid 1px #44a8f2;
	color         :#44a8f2
}

section.m600-pro-s2 #s2_canvas{
	width  :810px;
	height :440px
}

section.m600-pro-s2 .bg{
	position :relative;
	display  :inline-block
}

section.m600-pro-s2 .bg .pic, section.m600-pro-s2 .item-desc{
	position   :absolute;
	display    :inline-block;
	transition :all 1.2s;
	opacity    :0
}

section.m600-pro-s2 .bg .pic{
	width   :100%;
	top     :0;
	left    :0;
	z-index :20
}

section.m600-pro-s2 .item-desc{
	z-index   :30;
	font-size :12px
}

section.m600-pro-s2.ani-finished .bg .pic, section.m600-pro-s2.ani-finished .item-desc{
	opacity :1
}

section.m600-pro-s2 .desc-1{
	top  :50px;
	left :196px
}

section.m600-pro-s2 .desc-2{
	top  :46px;
	left :661px
}

section.m600-pro-s2 .desc-3{
	top  :199px;
	left :495px
}

section.m600-pro-s2 .desc-4{
	top   :199px;
	right :553px
}

section.m600-pro-s2 .desc-5{
	top  :298px;
	left :495px
}

section.m600-pro-s2 .ico-360{
	width       :123px;
	height      :60px;
	display     :block;
	position    :absolute;
	left        :50%;
	margin-left :-61px;
	top         :520px
}

section.m600-pro-s2 .item1{
	position    :absolute;
	left        :50%;
	margin-left :-440px;
	top         :120px
}

section.m600-pro-s2 .text{
	margin-bottom :30px
}

section.m600-pro-s2 p.camera-tips{
	margin-top :50px;
	font-size  :12px;
	text-align :center
}

section.m600-pro-s2 .camera-list .camera-thumb{
	margin-top     :-15px;
	display        :inline-block;
	padding-left   :5px;
	padding-right  :5px;
	vertical-align :top;
	width          :12.5%
}

section.m600-pro-s2 .camera-list .camera-thumb .camera-desc, section.m600-pro-s2 .camera-list .camera-thumb img{
	transition :.7s;
	position   :relative
}

section.m600-pro-s2 .camera-list .camera-thumb img{
	width   :128px;
	z-index :20
}

section.m600-pro-s2 .camera-list .camera-thumb .camera-desc{
	display   :block;
	font-size :12px;
	color     :#fff;
	top       :12px;
	z-index   :30
}

section.m600-pro-s2 .camera-list .camera-thumb:hover img{
	transform :scale(1.2)
}

section.m600-pro-s2 .camera-list .camera-thumb:nth-child(5) .camera-desc{
	margin-left :-25px
}

section.m600-pro-s2 .camera-list .camera-thumb:nth-child(6) .camera-desc{
	margin-left :-45px
}

section.m600-pro-s2 .camera-list .camera-thumb:nth-child(7) .camera-desc{
	margin-left :-10px
}

section.m600-pro-s3{
	background-color :#2d2d2d;
	text-align       :center
}

section.m600-pro-s3 .bg{
	padding-top :10px;
	position    :relative;
	z-index     :10
}

section.m600-pro-s3 .text{
	color    :#fff;
	position :relative;
	z-index  :30
}

section.m600-pro-s3 .main{
	padding-top    :50px;
	padding-bottom :30px;
	text-align     :center;
	position       :relative
}

section.m600-pro-s3 .detail{
	color    :#fff;
	overflow :hidden
}

section.m600-pro-s3 .detail .container{
	padding-bottom :40px
}

section.m600-pro-s3 .detail .item{
	display        :inline-block;
	width          :49.5%;
	padding-left   :40px;
	text-align     :left;
	vertical-align :top
}

section.m600-pro-s3 .detail .item1{
	position :relative
}

section.m600-pro-s3 .detail .item1:after{
	position         :absolute;
	top              :0;
	right            :0;
	content          :'';
	display          :block;
	width            :1px;
	height           :100%;
	background-color :#ccc;
	opacity          :.3
}

section.m600-pro-s3 .detail .item-title{
	font-size      :16px;
	margin-bottom  :5px;
	text-transform :uppercase
}

section.m600-pro-s3 .detail .item-pic{
	height        :250px;
	margin-bottom :10px
}

section.m600-pro-s3 .detail .item-pic img{
	max-height :100%
}

section.m600-pro-s3 .detail .item-desc{
	font-size :12px
}

section.m600-pro-s3 .detail .item-desc .desc{
	position     :relative;
	display      :inline-block;
	max-width    :50%;
	padding-left :20px
}

section.m600-pro-s3 .detail .item-desc .desc:first-child{
	margin-right :30px
}

section.m600-pro-s3 .detail .item-desc .desc:before{
	position         :absolute;
	height           :2px;
	width            :13px;
	content          :'';
	left             :0;
	top              :50%;
	margin-top       :-1px;
	background-color :#0089f2
}

section.m600-pro-s3 .detail .item-desc .desc2:before{
	background-color :#90cc7e !important
}

section.m600-pro-s3 .detail .item1 .item-title{
	padding-left :5px
}

section.m600-pro-s3 .detail .item2 .item-title{
	padding-left :35px
}

section.m600-pro-s3 .detail .item2 .item-desc{
	text-align :center
}

section.m600-pro-s4{
	height              :660px;
	padding-top         :210px;
	background-color    :#000;
	background-repeat   :no-repeat;
	background-position :center center
}

section.m600-pro-s4 .text{
	color         :#fff;
	padding-right :88px
}

section.m600-pro-s5{
	min-height       :300px;
	padding-top      :60px;
	padding-bottom   :10px;
	background-color :#282828;
	position         :relative
}

section.m600-pro-s5 .switch-tab{
	text-align     :center;
	margin         :0 auto 60px;
	text-transform :uppercase
}

section.m600-pro-s5 .switch-tab ul{
	display :inline-block;
	width   :100%
}

section.m600-pro-s5 .switch-tab ul li{
	display :inline-block;
	width   :33%;
	color   :#fff
}

section.m600-pro-s5 .switch-tab ul li a{
	display     :inline-block;
	height      :45px;
	line-height :45px;
	text-align  :center;
	font-size   :18px;
	position    :relative;
	top         :2px;
	color       :#707473
}

section.m600-pro-s5 .switch-tab ul li.active a{
	color         :#44a8f2;
	border-bottom :2px solid #44a8f2
}

section.m600-pro-s5 .container .feature-box{
	width    :1200px;
	overflow :hidden
}

section.m600-pro-s5 .container .feature-box.none{
	display :none
}

section.m600-pro-s5 .container .feature-box.box-1 ul, section.m600-pro-s5 .container .feature-box.box-2 ul, section.m600-pro-s5 .container .feature-box.box-3 ul{
	width :1245px
}

section.m600-pro-s5 .container .feature-box ul li{
	float         :left;
	width         :370px;
	margin-right  :45px;
	margin-bottom :40px;
	color         :#fff
}

section.m600-pro-s5 .container .feature-box ul li:last-child{
	margin-right :0
}

section.m600-pro-s5 .container .feature-box ul li p.pic-box{
	width  :370px;
	height :225px
}

section.m600-pro-s5 .container .feature-box ul li h3{
	font-weight     :400;
	font-size       :16px;
	margin-top      :30px;
	margin-bottom   :5px;
	text-transform  :uppercase;
	width           :100%;
	height          :36px;
	text-decoration :none;
	overflow        :hidden
}

section.m600-pro-s5 .container .feature-box ul li .text{
	font-size     :14px;
	height        :auto;
	overflow      :hidden;
	margin-bottom :10px;
	line-height   :24px
}

section.m600-pro-s5 .container .feature-box ul li .common-tips{
	display     :block;
	padding-top :30px;
	font-size   :12px;
	line-height :20px
}

section.m600-pro-s5 .container .feature-box .line{
	height           :3px;
	background-color :#dadada;
	position         :relative;
	top              :-24px
}

.section-faq table{
	padding-top     :30px;
	max-width       :100%;
	width           :100%;
	border-collapse :collapse
}

.section-faq table th{
	padding      :12px 5px;
	text-align   :center;
	line-height  :20px;
	border-right :dashed 1px #c9c9c9;
	font-weight  :700
}

.section-faq table td:first-child, .section-faq table th:first-child{
	border-left :dashed 1px #c9c9c9
}

.section-faq table td{
	width          :auto;
	padding        :12px 5px;
	text-align     :center;
	line-height    :20px;
	vertical-align :middle;
	border-right   :dashed 1px #c9c9c9
}

.section-faq table tr{
	border-bottom :1px dashed #c9c9c9
}

.section-faq table tr:first-child{
	border-top :1px dashed #c9c9c9
}

.section-faq table tr:first-child td{
	font-weight :700
}

@keyframes shining{
	0%, to{
		opacity :.1
	}
	50%{
		opacity :1
	}
}