@charset "utf-8";

body {  margin:0 auto; padding:0; font:17px/26px tahoma, Arial, sans-serif; color:#444; -webkit-text-size-adjust:none; -moz-text-size-adjust:none; 
	-ms-text-size-adjust:none;  }
p, h1, h2, h3, h4, h5, h6, ul, li, ol { margin:0; padding:0; font-weight:400; list-style: none;  }
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; max-width: 100%;}
img, input{border:0;}
.Details{width:1200px; margin:0 auto;}
.clear { clear:both; }
.box-radius { border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;  }

/* CSS Document */
.DivNav {  width: 100%; height: 80px; background: #2b2d33;  z-index: 100; }
.DivNav .Logo { width: 140px; height: 44px; float: left; padding: 10px 0 0; }

.DivNav ul {  float: right; display: block; padding: 15px 0 0; }
.DivNav ul li { padding:0 20px; float: left;  font-size: 19px; color: #babcbd;  }
.DivNav ul li a { color: #babcbd;  text-decoration: none; }
.DivNav ul li:nth-child(1) a{ border-bottom:1px solid #91cd45;}
.DivNav .m_nav{ float:right;width: 30px; margin:15px 0 0; border-top: 12px double #737373; padding-bottom: 5px;border-bottom: 4px solid #737373; cursor: pointer; 
	border-spacing:5px; display:none;}
/* CSS Document */
.DivMain01 { background:url(../img/videofile/div01-bg01-nine.jpg) center bottom no-repeat #1c2328; height:570px; color: #fff; }
.DivMain01 h1 { margin: 0; padding: 60px 0 0; font-size: 35px; line-height: 45px; } 
.DivMain01 h1 i { display: block; line-height: 50px; font-style: normal; font-size: 23px; color: #b3b3b3; }
.DivMain01 h1 i .bule { color: #0ca6f2; }
.DivMain01 ul { padding: 20px 0 0 0px; }
.DivMain01 ul li { padding: 8px 0 8px 35px; }
.DivMain01 ul li i { color: #b3b3b3; font-style: normal; }
.DivMain01 ul li:nth-child(1) { background:url(../img/videofile/div01-img05-nine.png) 0 5px no-repeat; }
.DivMain01 ul li:nth-child(2) { background:url(../img/videofile/div01-img04-nine.png) 0 5px no-repeat; }
.DivMain01 ul li:nth-child(3) { background:url(../img/videofile/div01-img03-nine.png) 0 5px no-repeat; }
.DivMain01 ul li:nth-child(4) { background:url(../img/videofile/div01-img02-nine.png) 0 5px no-repeat; }
.DivMain01 ul li:nth-child(5) { background:url(../img/videofile/div01-img01-nine.png) 0 5px no-repeat; }
.DivMain01 ul li:nth-child(6) { background:url(../img/videofile/div01-img06-nine.png) 0 5px no-repeat; }
.DivMain01 .Put {width: 650px;padding: 20px 0 0;}
.DivMain01 .Put .Down { width: 190px; height: 53px; text-align: left; font-size:21px;  line-height: 25px; padding: 7px 45px 0 30px; 
	display: inline-block; cursor: pointer;  color: #fff; }
.DivMain01 .Put .Down em { font-size: 13px; font-weight:400; display: block; font-style: normal; }
.DivMain01 .Put .forwin { background:url(../../images/vp-img/win-nineteen.png) 210px center no-repeat #78c443; margin: 0 55px 0 0; }
.DivMain01 .Put .forwin:hover { background: url(../../images/vp-img/win-nineteen.png) 210px center no-repeat #5db81d; }
.DivMain01 .Put .formac { background:url(../../images/vp-img/mac-nineteen.png) 210px center no-repeat #78c443; }
.DivMain01 .Put .formac:hover { background: url(../../images/vp-img/mac-nineteen.png) 210px center no-repeat #5db81d; }
.DivMain01 .Put p{padding-top: 5px;}
/* CSS Document */

.DivMain02 {padding-bottom: 50px;}
.DivMain02 .the-crumb {padding: 20px 0 7px;font-size: 17px;}
.DivMain02 .the-crumb a {color: #1eade7;text-decoration: none;}
.DivMain02 .the-crumb a:hover {text-decoration: underline;}
.DivMain02 h2 { padding: 50px 0 20px; font-size: 32px; text-align: center; line-height: 40px; }
.DivMain02 p { padding: 10px 0; }
.DivMain02 .Cent { padding-top: 40px;}
.DivMain02 .Cent .Img { width: 580px; }
.DivMain02 .Cent .Text { width: 580px; padding: 10px 20px; }
.DivMain02 .Cent .Text h4 { font-size: 25px; line-height: 32px; padding: 0 0 10px; }
.DivMain02 .Cent .fl { float: left; }
.DivMain02 .Cent .fr { float: right; }
/* CSS Document */
.DivMain03 {  background: url(../img/videofile/div03-bg01-nine.jpg) top center no-repeat; min-height: 410px; padding: 0 0 30px; }
.DivMain03 h2 { color: #fff; font-size: 35px; text-align: center; padding: 40px 0 10px; line-height: 45px; }
.DivMain03 h3 { color: #ccc; font-size: 17px; text-align: center; padding: 10px 150px; }
.DivMain03 h3 i { font-style: normal; }
.DivMain03 h3 span { color: #0ca6f2; font-size: 19px; }
.DivMain03 .Cent { margin: 20px 0px; background: #fff; padding: 20px 90px; box-shadow: 0px 5px 15px #f0f0f0; -webkit-box-shadow: 0px 5px 15px #f0f0f0; 
	-moz-box-shadow: 0px 5px 15px #f0f0f0; -o-box-shadow: 0px 5px 15px #f0f0f0; min-height: 160px; }
.DivMain03 .Cent .Left, .DivMain03 .Cent .Right { width: 340px; float: left; }
.DivMain03 .Cent .Left h6, .DivMain03 .Cent .Right h6 { font-size: 17px; padding: 20px 0 0; }
.DivMain03 .Cent .Left h6 span, .DivMain03 .Cent .Right h6 span { width: 20px; height: 20px; display: inline-block; line-height: 20px; border-radius: 50%; -o-border-radius: 50%; 
	-webkit-border-radius: 50%; color: #0ca6f2; border:solid 1px #0ca6f2; text-align: center; }
.DivMain03 .Cent .Right h6 span { color: #6abb17; border:solid 1px #6abb17; }
.DivMain03 .Cent .Left .Input { padding: 10px 0 0; position: relative; }
.DivMain03 .Cent .Left .Input input { font-size: 15px; background: #f4f4f4; width: 220px; height: 36px; border-radius: 5px; -o-border-radius: 5px; 
	-webkit-border-radius: 5px; float: left; padding: 10px;  }
.DivMain03 .Cent .Left .Input .But { height: 56px; width: 52px; background: url(../img/videofile/div03-img02-nine.png) center no-repeat #0ca6f2; float: left;
border-top-right-radius: 5px; border-bottom-right-radius: 5px; }
.DivMain03 .Cent .Left .Input .tab {  width: 290px; border:1px solid #ddd; position: absolute; top: 65px; left: 0; border-radius: 5px; -o-border-radius: 5px; 
	-webkit-border-radius: 5px; padding: 10px 0; background: #fff; display: none;  }
.DivMain03 .Cent .Left .Input .tab ul { cursor: pointer; }
.DivMain03 .Cent .Left .Input .tab ul li { padding: 3px 10px; width: 270px; font-size: 15px; line-height: 23px; position: relative;  }
.DivMain03 .Cent .Left .Input .tab ul li.more {  background: url(../img/videofile/div03-img01-nine.png) 240px center no-repeat; }
.DivMain03 .Cent .Left .Input .tab ul li:hover { background: #329be5; color: #fff; }
.DivMain03 .Cent .Left .Input .tab ul li.more:hover { background: url(../img/videofile/div03-img01-nine.png) 240px center no-repeat #329be5; color: #fff; }
.DivMain03 .Cent .Left .Input .tab ul li .tab02 { width: 180px; position: absolute; left: 275px; top: 0;  border-radius: 5px; -o-border-radius: 5px; 
	-webkit-border-radius: 5px; padding: 10px 0; border:1px solid #ddd; background: #fff; z-index: 10; display: none;  }
.DivMain03 .Cent .Left .Input .tab ul li .tab02 ol { cursor: pointer; color: #333;  }
.DivMain03 .Cent .Left .Input .tab ul li .tab02 ol li { padding: 3px 10px; width: 160px; font-size: 15px; line-height: 23px; }
.DivMain03 .Cent .Left .Input .tab ul li .tab02 ol li:hover { width: 160px; background: #329be5; color: #fff; }
.DivMain03 .Cent .Right .Put { padding: 10px 0 0; }
.DivMain03 .Cent .Right .Put a { text-decoration: none; }
.DivMain03 .Cent .Right .Put .down { width: 250px; height: 57px; border-radius: 5px; background: #6abb17; font-size: 19px; color: #fff;  line-height: 57px;
 text-align: center; }

/* CSS Document */
.DivMain04 { padding: 30px 0; }
.DivMain04 .Left { width: 540px; float: left; }
.DivMain04 .Left h3, .DivMain04 .Right h3 { font-size: 25px; padding: 20px 0; line-height: 30px; }
.DivMain04 .Right { width: 540px; float: right; }
/* CSS Document */
.DivMain05 { background: url(../img/videofile/div05-bg01-nine.jpg) center bottom no-repeat;  }
.DivMain05 .Details { min-height: 420px; position: relative; }
.DivMain05 h2 { padding: 30px 0 0; }
.DivMain05 ul { padding: 20px 0 20px 20px; }
.DivMain05 ul li { list-style: disc; padding: 5px 500px 5px 0px; }
.DivMain05 ul li img { vertical-align: top; }
.DivMain05 p { padding: 10px 0 0; }
.DivMain05 h4 { position: absolute; bottom: 50px; left: 150px; font-size: 25px; cursor: pointer;  }
/* CSS Document */
.DivMain15 {  background: #fafcff; padding: 70px 0 0; }
.DivMain15 .Details { padding: 20px 0 0px; }
.DivMain15 h3 { font-size: 31px; text-align: center; padding: 20px 0; }
.DivMain15 .row { width: 800px; text-align: center; padding: 50px 0 0; margin: 0 auto; }
.DivMain15 .slider {width:800px; height:620px; position:relative; }
.DivMain15 .slider .wrapper {width:800px; height:620px; position:relative; left:0; overflow:hidden; text-align: center; }
.DivMain15 .slider .wrapper .content { position:absolute;width:8000px;height:530px;}
.DivMain15 .slider .wrapper .content .slider-item { width:800px; height:620px; float:left; text-align:center;}
.DivMain15 .slider .wrapper .content .slider-item p { padding: 20px 0 0px; line-height: 30px; }
.DivMain15 .slider .prev {position:absolute; left:-62px; top:208px; width:22px; height:44px; cursor:pointer; z-index: 100;}
.DivMain15 .slider .next {position:absolute; right:-62px; top:208px; width:22px; height:44px; cursor:pointer; z-index: 100;}
/* CSS Document */
.DivMain06 { background: #fafcff; padding: 0 0 40px 0; }
.DivMain06 .Put {  padding: 20px 0 0; width: 100%;  text-align: center; }
.DivMain06 .Put .Down { width: 190px; height: 53px; text-align: left; font-size:21px;  line-height: 25px; padding: 7px 45px 0 30px; 
	display: inline-block; cursor: pointer;  color: #fff; }
.DivMain06 .Put .Down em { font-size: 13px; font-weight:400; display: block; font-style: normal; }
.DivMain06 .Put .forwin { background:url(../../images/vp-img/win-nineteen.png) 210px center no-repeat #78c443; margin: 0 55px 0 0; }
.DivMain06 .Put .forwin:hover { background: url(../../images/vp-img/win-nineteen.png) 210px center no-repeat #5db81d; }
.DivMain06 .Put .formac { background:url(../../images/vp-img/mac-nineteen.png) 210px center no-repeat #78c443; }
.DivMain06 .Put .formac:hover { background: url(../../images/vp-img/mac-nineteen.png) 210px center no-repeat #5db81d; }

.Put-anchor{padding-top:10px; display:none;}
.Put-anchor a{color:#78c443;}
/* CSS Document */
.DivMain07 { background: #fff; padding: 30px 0; }
.DivMain07 h2 { padding: 30px 0; font-size: 35px;  text-align: center; }
.DivMain07 ul { width: 435px; margin: 0 auto; }
.DivMain07 ul li { float: left; width: 145px; font-size: 21px; text-align: center; padding: 0 0 15px 0; }
.DivMain07 ul li a {  text-decoration: none; }
.DivMain07 .nol { background: url(../img/videofile/div07-img01-nine.png) bottom center no-repeat; color: #0ca6f2; }
.DivMain07 .tab { padding: 20px; }
.DivMain07 .tab table { border-collapse:collapse; border:none; }
.DivMain07 .tab table td { border: solid #e6e6e6 1px; padding: 20px 30px; }
.DivMain07 .tab h4 { font-size: 21px; text-align: center; }
.DivMain07 .tab p { font-size: 17px; line-height: 30px; } 
.DivMain07 h6 { font-size: 17px; text-align: right; }
.DivMain07 h6 a { color: #737373; text-decoration: underline; }
/* CSS Document */
.DivMain08 { background: #f3f4f5; padding: 50px 0 10px; }
.DivMain08 h2 { font-size: 35px; padding: 20px 0 40px; text-align: center; }
.DivMain08 h3 { font-size: 19px; color: #000; display: block; position: relative; border-bottom: 1px solid #cfd0d0; padding: 0 0 15px 0;  
	margin: 0 0 15px 0; }
.DivMain08 h3 a { color: #333; text-decoration: none; }
.DivMain08 h3 a:hover { color: #0970c7; }
.DivMain08 h3:last-child { border-bottom: none; }
.DivMain08 h3 i { display: block; font-size: 15px; color: #4c4c4c; padding: 10px 0 0;  font-style: normal; }
.DivMain08 h3 i a { color: #ff9c0e;  }
.DivMain08 h3 .plus { width: 18px; height: 18px; position: absolute; top: 2px; right: 0; cursor: pointer; transition: transform 0.5s; 
-o-transition: transform 0.5s; -moz-transition: transform 0.5s; -webkit-transition: transform 0.5s; }
.DivMain08 h3 .norl { transform: rotate(135deg); -ms-transform: rotate(135deg); -webkit-transform: rotate(135deg); -o-transform: rotate(135deg); 
	-moz-transform: rotate(135deg);	 }
/* CSS Document */

/* CSS Document */
.popup-container {position: fixed;top: 0;left: 0;z-index: 100;width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);display: none;}
.popup-content { width: 769px; background: #fff; position: absolute; top: 50%; left: 50%;padding:  14px 18px 35px;transform: translate(-50%,-50%); -webkit-transform: translate(-50%,-50%); -moz-transform: translate(-50%,-50%); -ms-transform: translate(-50%,-50%); -o-transform: translate(-50%,-50%); }
.popup-content .to-download {margin-top: 18px;}
.popup-content iframe {width: 100%;height: 425px;}
.popup-content .cancel {position: absolute;top: -60px;right: -60px;cursor: pointer;}
.popup-content .Put {  padding: 20px 0 0; width: 100%;  text-align: center; }
.popup-content .Put .Down { width: 190px; height: 53px; text-align: left; font-size:21px;  line-height: 25px; padding: 7px 45px 0 30px; 
	display: inline-block; cursor: pointer;  color: #fff; }
.popup-content .Put .Down em { font-size: 13px; font-weight:400; display: block; font-style: normal; }
.popup-content .Put .forwin { background:url(../../images/vp-img/win-nineteen.png) 210px center no-repeat #78c443; margin: 0 55px 0 0; }
.popup-content .Put .forwin:hover { background: url(../../images/vp-img/win-nineteen.png) 210px center no-repeat #5db81d; }
.popup-content .Put .formac { background:url(../../images/vp-img/mac-nineteen.png) 210px center no-repeat #78c443; }
.popup-content .Put .formac:hover { background: url(../../images/vp-img/mac-nineteen.png) 210px center no-repeat #5db81d; }

@media (max-width:979px) {

.DivNav { height: auto; }
	.DivNav .Logo{float:none;padding:5px 0 10px;}
	.DivNav .m_nav{ display:block; position:relative;}
	.DivNav ul{display:none; border-top:1px solid #babcbd; padding:10px 0 20px; margin:10px 0 0; float:none;}
	.DivNav ul li{width:100%; padding:5px 0;}
	.DivNav .m_nav.on{border:none; height:26px;}
	.DivNav .m_nav.on:before,.DivNav .m_nav.on:after { content:""; -webkit-transition: top .3s ease,transform .3s .5s ease; -moz-transition: top .3s ease,transform .3s .5s ease; -o-transition: top .3s ease,transform .3s .5s ease; transition: top .3s ease,transform .3s .5s ease; top:10px;width:30px; height:4px; background:#737373; display:inline-block; position:absolute;}
	.DivNav .m_nav.on:before { -webkit-transform: rotate3d(0,0,1,45deg); -moz-transform: rotate3d(0,0,1,45deg); -o-transform: rotate3d(0,0,1,45deg); transform: rotate3d(0,0,1,45deg); }
	.DivNav .m_nav.on:after { -webkit-transform: rotate3d(0,0,1,-45deg); -moz-transform: rotate3d(0,0,1,-45deg); -o-transform: rotate3d(0,0,1,-45deg); transform: rotate3d(0,0,1,-45deg);}

.Details{ width:95%; margin:0 auto; }
.DivMain01 h1 {  padding: 40px 0 0; font-size: 31px; line-height: 40px; } 
	/* CSS Document */
.DivMain02 h2 { padding: 30px 0 20px; font-size: 29px; line-height: 35px; }
.DivMain02 .Cent { padding: 40px 0 0; }
.DivMain02 .Cent .Img {  margin: 0 auto; }
.DivMain02 .Cent .Text { padding: 30px 20px 10px; margin: 0 auto; }
.DivMain02 .Cent .Text h4 { font-size: 25px; line-height: 32px; padding: 0 0 10px; }
.DivMain02 .Cent .fl { float: none; }
.DivMain02 .Cent .fr { float: none; }
	/* CSS Document */
.DivMain03 {   min-height: 310px; padding: 0 0 30px; }
.DivMain03 .Cent {  display: none; }
.DivMain03 h2 {  font-size: 29px; line-height: 35px; }
.DivMain03 h3 {  font-size: 19px;  padding: 10px 50px; line-height: 30px; }
.DivMain03 h3 i { font-style: normal; }
.DivMain03 h3 span { color: #0ca6f2; font-size: 19px; }
	/* CSS Document */
.DivMain04 { padding: 0; }
.DivMain04 .Left {  float: none; margin: 0 auto; padding: 30px 0; }
.DivMain04 .Left h3, .DivMain04 .Right h3 { font-size: 25px; padding: 20px 0; line-height: 30px; }
.DivMain04 .Right {  float: none; margin: 0 auto; padding: 30px 0; }
	/* CSS Document */
.DivMain05 { background: none;  }
.DivMain05 .Details { min-height: auto; position: relative; }
.DivMain05 h2 { padding: 30px 0 0; text-align: center; }
.DivMain05 ul { padding: 20px 0 0 20px; width: 95%; margin: 0 auto; }
.DivMain05 ul li { list-style: disc; padding: 5px 50px 5px 0px; }
.DivMain05 ul li img { vertical-align: top; }
.DivMain05 h4 { display: none; }
	/* CSS Document */
.DivMain15 { display: none; }
.DivMain06 { background: #fff; }
	
	.Put-anchor{display:block;}
	/* CSS Document */
.DivMain07 h2 { padding: 20px 0; font-size: 27px; line-height: 35px;}
.DivMain07 ul { width: 435px; margin: 0 auto; }
.DivMain07 ul li { float: left; width: 145px; font-size: 21px; text-align: center; padding: 0 0 15px 0; }
.DivMain07 .nol { background: url(../img/videofile/div07-img01-nine.png) bottom center no-repeat; color: #0ca6f2; }
.DivMain07 .tab { padding: 20px; }
.DivMain07 .tab table { border-collapse:collapse; border:none; }
.DivMain07 .tab table td { border: solid #e6e6e6 1px; padding: 20px 30px; }
.DivMain07 .tab h4 { font-size: 21px; text-align: center; }
.DivMain07 .tab p { font-size: 17px; line-height: 30px; } 
	/* CSS Document */
.MainFoot h6{padding:8px 0 0;}
}

@media (max-width:767px) {
.DivMain01 { height: auto; padding: 0 0 30px 0; }
.DivMain01 h1 {  padding: 20px 0 0; font-size: 23px; line-height: 32px; } 
.DivMain01 .Put {  width: 95%; margin: 0 auto; padding: 30px 0 0; }
.DivMain01 .Put .forwin {  margin: 0 0 20px 0; }
	/* CSS Document */
.DivMain02 h2 {  font-size: 23px; line-height: 32px; }
.DivMain02 .Cent .Img {  margin: 0 auto; width: 95%; }
.DivMain02 .Cent .Text { padding: 30px 20px 10px; margin: 0 auto; width: 95%; }
	/* CSS Document */
.DivMain03 h2 {  font-size: 23px; line-height: 32px; }
.DivMain03 h3 {  padding: 10px 20px; line-height: 32px; }
	/* CSS Document */
.DivMain04 { padding: 0; }
.DivMain04 .Left {  width: 95%; padding: 0;  margin: 0 auto; }
.DivMain04 .Left h3, .DivMain04 .Right h3 { font-size: 23px;  }
.DivMain04 .Right {  width: 95%; padding: 0; margin: 0 auto; }
	/* CSS Document */
.DivMain05 { background: none;  }
.DivMain05 .Details { min-height: auto; position: relative; }
.DivMain05 h2 { font-size: 23px; line-height: 32px; }
.DivMain05 ul { padding: 20px 0 0 0px; width: 90%; margin: 0 auto; }
.DivMain05 ul li { padding: 0; }
	/* CSS Document */
.DivMain06 { }
.DivMain06 .Put {  width: 95%; margin: 0 auto;  }
.DivMain06 .Put .forwin { margin: 0 0 30px 0; }

}

@media (max-width:479px) {

.DivMain01 h1 { font-size: 21px; line-height: 30px; } 	
	/* CSS Document */
.DivMain02 h2 {  font-size: 21px; line-height: 30px; }
.DivMain02 .Cent .Text h4 { font-size: 21px; line-height: 30px; }
	/* CSS Document */
.DivMain03 h2 {  font-size: 21px; line-height: 30px; padding: 10px 0; }
.DivMain03 h3 {  padding: 10px 20px; line-height: 30px; font-size: 17px; }
	/* CSS Document */
.DivMain07 ul { width: 95%; margin: 0 auto; }
.DivMain07 ul li { width: 33%; font-size: 19px;  }
	/* CSS Document */

}


.list-feature {padding: 3px 0 22px;}
.list-feature ul {display: flex;justify-content: center;align-items: center;padding: 0 50px;width: 980px;height: 129px;box-sizing: border-box;
	border: 1px solid #FDA040; background-color: #FFFEFC;margin: 0 auto;border-radius: 20px;
}
.list-feature ul li {display: flex;justify-content: center;align-items: flex-end;display: flex;justify-content: center;align-items: flex-end;flex-wrap: wrap;height: 79px;width: 110px;}
.list-feature ul li>div {width: 100%;text-align: center;}


@media (max-width:979px) {
	.list-feature ul {width: 100%;height: auto;flex-wrap: wrap;padding: 10px;}
}