@charset "utf-8";

body{color:#666; text-align:justify; background-color:#fff; min-width:1080px; line-height:23px;}
a{color:#000; outline:none; text-decoration:underline;}
a:hover{color:#0092ed;}
a, input, button{outline:none;}
ol, ul{list-style:none;}
img{vertical-align:middle;}
img, input{border:0;}
.Details{width:1080px; margin:0 auto;}
.clearfix{*zoom:1;}
.clearfix:before,.clearfix:after{content:""; display:table;}
.clearfix:after{clear:both;}
/* CSS Document */

.DivMain01{background:#0a171f url(../../video-process/image-style/index/bg01.jpg) no-repeat center;height:612px;background-size: cover;}
.DivMain01 .Left {  width: 570px; float: left; padding: 105px 0 0; }
.DivMain01 .Left h1 { font-size: 43px; color: #0fb4ff; }
.DivMain01 .Left h1 span { font-size: 15px; color: #fff; display: block; line-height: 29px; padding: 20px 0 35px; 
	background: url(../../video-process/image-style/index/div01-img02.png) bottom left no-repeat; }

.DivMain01 .Left ul {  padding: 25px 0 0; }
.DivMain01 .Left ul li {  background: url(../../video-process/image-style/index/div01-img03.png) left center no-repeat; padding: 6px 0 6px 12px; }
.DivMain01 .Left ul li i {  color: #0fb4ff;  font-style: normal; }
.DivMain01 .Left .Btn { padding: 35px 0 0; }
.DivMain01 .Left .Btn .Down {  background: #0fb4ff; color: #fff; border:1px solid #0fb4ff; font-size: 21px; display: inline-block; 
	width: 210px; height: 55px; text-align: center; cursor: pointer; }
.DivMain01 .Left .Btn .Down:hover { background: none;  color: #0fb4ff;  }
.DivMain01 .Left .Btn .Buy {  background:none; color: #0fb4ff; border:1px solid #0fb4ff;  display: inline-block; font-size: 21px;  width: 250px;
 height: 55px; text-align: center; cursor: pointer;}
.DivMain01 .Left .Btn .buy:hover { background: #0fb4ff;  color: #fff; border:1px solid #0fb4ff;  }
.DivMain01 .Left .Btn .Margin {  margin: 0 30px 0 0; }
.DivMain01 .Right { width: 442px; height: 442px; background: url(../../video-process/image-style/index/div01-img01.png) bottom no-repeat; float: right; padding: 80px 0 0; 
position: relative;  }
.DivMain01 .Right .table { width: 56px; height: 56px; position: absolute;  }
.DivMain01 .Right .One { top:52px; left: 193px; background: url(../../video-process/image-style/index/div01-ip.png) no-repeat;  }
.DivMain01 .Right .One:hover { background: url(../../video-process/image-style/index/div01-ip2.png) no-repeat; }

.DivMain01 .Right .Two { top:195px; left: -10px; background: url(../../video-process/image-style/index/div01-go.png) no-repeat;  }
.DivMain01 .Right .Two:hover { background: url(../../video-process/image-style/index/div01-go2.png) no-repeat; }

.DivMain01 .Right .three { top:410px; left: 15px; background: url(../../video-process/image-style/index/div01-vi.png) no-repeat;  }
.DivMain01 .Right .three:hover { background: url(../../video-process/image-style/index/div01-vi2.png) no-repeat; }

.DivMain01 .Right .Four { top:410px; right: 15px; background: url(../../video-process/image-style/index/div01-cm.png) no-repeat;  }
.DivMain01 .Right .Four:hover { background: url(../../video-process/image-style/index/div01-cm2.png) no-repeat; }

.DivMain01 .Right .five { top:195px; right: -10px; background: url(../../video-process/image-style/index/div01-fl.png) no-repeat;  }
.DivMain01 .Right .five:hover { background: url(../../video-process/image-style/index/div01-fl2.png) no-repeat; }

/* CSS Document */

.DivMain02{padding:35px 0 60px; background: url(../../video-process/image-style/index/div02-bg01.jpg) top center repeat-x;}
.DivMain02 .search_box{text-align:right;}
.DivMain02 .search_box input[type="text"]{border:1px solid #4a4d53; border-radius:5px 0 0 5px; border-right:0; height:35px; line-height:35px; padding-left:10px; color:#4a4d53; 
	font-size:15px; width:260px; background-color:#05050b;}
.DivMain02 .search_box input[type="submit"]{background:#0fb4ff url(../../video-process/image-style/index/search.png) no-repeat 15px center; width:110px; height:35px; line-height:35px; 
	font-size:15px; color:#fff; border-radius:0 5px 5px 0; margin-left:-5px; cursor:pointer; padding-left:25px;}
.DivMain02 .main02_one h2{text-align:center; font-size:31px; color:#868c94; padding:35px 0 20px;}
.DivMain02 .main02_one h2 + p{text-align:center; font-size:17px; color:#868c94; line-height:30px; padding-bottom:45px;}
.DivMain02 .item_one{float:left; width:340px;}
.DivMain02 .item_one:nth-child(2){margin:0 30px;}
.DivMain02 .item_one > img{padding-bottom:15px;}
.DivMain02 .item_one > a{font-size:18px; color:#333; display:inline-block; text-decoration:none;}
.DivMain02 .item_one > a:hover{text-decoration:underline;}
.DivMain02 .item_one > p{padding:15px 0; border-bottom:1px solid #dee1e3; margin-bottom:12px;}
.DivMain02 .item_one .c_info span{font-size:13px; color:#8a9099; background-repeat:no-repeat; background-position:left center; padding:0 30px 0 20px;}
.DivMain02 .item_one .c_info span:first-child{background-image:url(../../video-process/image-style/index/d02-icon01.png);}
.DivMain02 .item_one .c_info span:nth-child(2){background-image:url(../../video-process/image-style/index/d02-icon02.png);}
.DivMain02 .item_one .c_info span:last-child{background-image:url(../../video-process/image-style/index/d02-icon03.png); padding-right:0;}
.DivMain02 .main02_two h2{padding-top:65px;}
.DivMain02 .main02_two .item_one:nth-child(2) > a{min-height:46px;}
.DivMain02 .main02_two .person img{float:left; padding:0 20px 0 66px;}
.DivMain02 .main02_two .person .name{font-size:17px; color:#747474;}
.DivMain02 .main02_two .person .name span{color:#0092ed;}
.DivMain02 .main02_two .person i{font-style:normal; color:#a2a2a2;}
/* CSS Document */

.DivMain03{background:#0a0e11 url(../../video-process/image-style/index/bg03.jpg) no-repeat center;}
.DivMain03 a{text-decoration:none; display:block; height:280px;}
.DivMain03 h2{color:#fff; font-size:31px; padding:80px 0 20px; text-align:center;}
.DivMain03 h2 img{padding-right:35px; vertical-align:-16px;}
.DivMain03 p{color:#a9acb4; padding:0 175px 0 260px;}
/* CSS Document */

.DivMain04{background-color:#fdfdfd; padding:60px 0;}
.DivMain04 .warpper{background:url(../../video-process/image-style/index/border.jpg) repeat-y left 6px; padding-left:45px;}
.DivMain04 .main04_con{border-bottom:1px solid #e9edf1; padding-bottom:25px; margin-bottom:25px;}
.DivMain04 .main04_con h4 img{margin:0 38px 0 -51px;}
.DivMain04 .main04_con h4 a{font-size:17px;}
.DivMain04 .main04_con p{padding:10px 0;}
.DivMain04 .main04_con .c_info{background-color:#f3f3f6; display:inline-block; padding:2px 17px; border-radius:20px;}
.DivMain04 .main04_con .c_info span{font-size:13px; color:#8a9099; background-repeat:no-repeat; background-position:left center; padding:0 27px 0 22px;}
.DivMain04 .main04_con .c_info span:first-child{background-image:url(../../video-process/image-style/index/d02-icon01.png);}
.DivMain04 .main04_con .c_info span:nth-child(2){background-image:url(../../video-process/image-style/index/d02-icon02.png);}
.DivMain04 .main04_con .c_info span:last-child{background-image:url(../../video-process/image-style/index/d02-icon03.png); padding-right:0;}
.DivMain04 .hide_con{display:none;}
.DivMain04 .more_btn{text-align:center;}
/* CSS Document */

.DivMain05{background:#eeedf2 url(../../video-process/image-style/index/bg05.jpg) no-repeat center; height:421px; text-align:center;}
.DivMain05 h2{font-size:30px; color:#000; padding:60px 0 50px;}
.DivMain05 .email_box input{width:380px; height:55px; line-height:55px; background-color:#fff; font-size:17px; color:#8b8e92; padding-left:15px; 
	border-radius:5px 0 0 5px; vertical-align:bottom;}
.DivMain05 .email_box button{width:190px; height:55px; line-height:55px; background-color:#0fb4ff; font-size:25px; font-weight:700; color:#fff; 
	border:0; border-radius:5px; margin-left:-8px; cursor:pointer;}
.DivMain05 .s_tip{padding: 25px 0 0; font-size:17px; display:none;}
.DivMain05 p{color:#929498; padding:25px 185px;}
.DivMain05 .share_box a{margin:0 15px;}

.DivMain05 input::-webkit-input-placeholder{color:#cacbcd;}
.DivMain05 input::-moz-placeholder{color:#8b8e92;}
.DivMain05 input:-moz-placeholder{color:#8b8e92;}
.DivMain05 input:-ms-input-placeholder{color:#8b8e92;}
/* CSS Document */

@media (max-width:979px) {

	body{min-width:100%;}
	.Details{width:98%;}
	/* CSS Document */

	.DivMain01 { height: auto; background: #0c1b22; padding: 25px 0; }
	.DivMain01 .Right { display: none; }
	.DivMain01 .Left { width: 100%; float: none; padding: 25px 0; }
	.DivMain01 .Left .Btn .Buy { display: none;  }  

	.DivMain03 p{padding:0;}
	/* CSS Document */

	.DivMain05 p{padding:35px 0;}
	/* CSS Document */

}

@media (max-width:767px) {


	.DivMain01 { height: auto; background: #0c1b22; padding: 25px 0; }
	.DivMain01 .Right { display: none; }
	.DivMain01 .Left { width: 100%; float: none; padding: 25px 0; }
	.DivMain01 .Left .Btn .Buy { display: none;  }  
	/* CSS Document */

}

@media (max-width:479px) {
	.DivMain01 { height: auto; background: #0c1b22; padding: 25px 0; }
	.DivMain01 .Right { display: none; }
	.DivMain01 .Left { width: 100%; float: none; padding: 25px 0; }
	.DivMain01 .Left .Btn .Buy { display: none;  }  
	/* CSS Document */

	.DivMain02 .search_box{text-align:center;}
	.DivMain02 .item_one{float:none; margin:0 auto;}
	.DivMain02 .item_one:nth-child(2){margin:30px auto;}
	.DivMain02 .search_box input[type="text"]{ width:160px; }
	/* CSS Document */

	.DivMain03 h2{padding-top:50px; font-size:26px;}
	.DivMain03 h2 img{padding-right:10px;}
	/* CSS Document */

	.DivMain04 .warpper{padding-left:20px;}
	.DivMain04 .main04_con h4 img{margin:0 12px 0 -26px;}
	/* CSS Document */

	.DivMain05 h2{font-size:26px; padding:30px 0;}
	.DivMain05 p{font-size:13px; padding:10px 0;}
	.DivMain05 .email_box input{width:250px;}
	.DivMain05 .email_box button{width:150px; font-size:20px;}
	.DivMain05 .share_box a{margin:0 35px 10px; display:inline-block;}
	/* CSS Document */

}