body { margin:0; padding:0; font:17px/29px wf_segoe-ui_normal, 'Segoe UI', Arial, Meiryo, Tahoma, sans-serif;  background:#F2F2F2; color:#333; }
ul{list-style: none;}
a{color: inherit;text-decoration: none;}
a,img{border:0;}
figure{margin: 0;}
dialog{margin: 0;padding: 0;border: 0;background: transparent;}
dialog img{display: block;}

.detail{width: 1080px;margin: 0 auto;}
.clear{clear: both;}

.sbtn{text-align:center;}
.sbtn a{color:#fff; text-decoration:none; font-weight:700; position:relative; z-index:1;}
.sbtn a:before{content:''; position:absolute; bottom:-3px; left:0; width:100%; z-index:-1;}
.sbtn a span{display:block; transition:All 0.2s ease-in-out; position:relative; overflow:hidden;}
.sbtn a span:before{content:''; position:absolute; left:-30%; top:50%; margin-top:-50px; width:30px; height:100px; transform:rotate(30deg); background-image:-webkit-gradient(linear,left bottom,right bottom,color-stop(0%,rgba(255,255,255,0)),color-stop(50%,rgba(255,255,255,1)),color-stop(100%,rgba(255,255,255,0))); animation:shiny 2s infinite linear;}
@keyframes shiny{
	0%{left:-30%}
	30%{left:120%;}
	100%{left:120%}
}
.sbtn a span:hover{transform:translateY(3px);}

.DivMain01{background: #2b2c2d;color: #f9f9f9;text-align: center;padding: 90px 0 60px;}
.DivMain01 h1{font-size: 40px;color: #1d93ff;line-height: 45px;}
.DivMain01 h1 span:nth-of-type(1){background-image: -webkit-gradient(linear,0 0,100% 0, from(#1d95ff),to(#01d4ff));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.DivMain01 h1 span:nth-of-type(2){background-image: -webkit-gradient(linear,0 0,100% 0, from(#01d4ff),to(#1e92ff));-webkit-background-clip: text;-webkit-text-fill-color: transparent;}
.DivMain01 .des{font-size: 21px;line-height: 33px;margin-top: 30px;}
.DivMain01 ul{margin-top: 50px;height: 211px;}
.DivMain01 ul li{float: left;width: 33.33%;height: 211px;color: #080808;position: relative;}
.DivMain01 ul li p{font-size: 20px;line-height: 28px;position: absolute;bottom:35px;left: 0;right: 0;margin: auto;}
.DivMain01 ul li:nth-of-type(1){background: url(../dvd-ripper/index-jp/dr-i1.png)no-repeat center;}
.DivMain01 ul li:nth-of-type(2){background: url(../dvd-ripper/index-jp/dr-i2.png)no-repeat center;}
.DivMain01 ul li:nth-of-type(3){background: url(../dvd-ripper/index-jp/dr-i3.png)no-repeat center;}
.DivMain01 .sbtn > a{display:block; font-size:26px;line-height: 40px; width: 400px;margin:60px auto 0;}
.DivMain01 .sbtn > a:before{height:64px; border-radius:35px; background-color:#026a9f;}
.DivMain01 .sbtn > a span{padding:12px 0; border-radius:35px;  background: linear-gradient(to right, #05bdfd , #4185ea);}
.DivMain01 .sbtn > a span:hover{background-color:#008bd3;}

.DivMain02{background:url(../dvd-ripper/index-jp/bg2.jpg)no-repeat center;height: 890px;color: #fff;padding-top:100px;box-sizing: border-box;}
.DivMain02 .left{float: left;width: 50%}
.DivMain02 .left h2{font-size: 29px;line-height: 50px;padding: 10px 0 20px;}
.DivMain02 .left p{padding: 20px 0;}
.DivMain02 .left .drp_btn{text-decoration: underline;color: #fff000;}
.DivMain02 .right{float: right;width: 50%}
.DivMain02 .right img{width: 100%;}

.DivMain03{background:#f9f9f9;color: #5a5a5a;}
.DivMain03 h2{color: #000;padding-top: 40px;text-align: center;font-size: 35px;line-height: 40px;}
/* 选项卡 */
.gongneng_main{width: 100%;margin: 0 auto;padding: 30px 0;}
.gongneng_tabmin{width: 1200px;margin: 0 auto;overflow: hidden;padding: 50px 0;}
.gongneng_click{cursor: pointer; width: 220px;height: 130px;margin: 0 7px;float: left;text-align: center; position: relative;}
.gongneng_click p{white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.gongneng_click img{padding: 15px 0;}
.gongneng_click.cur{background: #56acfc;position: relative;color: #fff;}
.gongneng_click.cur::after{content:"";display: inline-block;border: 20px solid transparent;border-top-color: #56acfc;position: absolute;bottom:-40px;left: 90px;}
.gongneng_click .cur-normal{display: inline-block;}
.gongneng_click.cur .cur-normal{display:none;}
.gongneng_click .cur-hover{display: none;}
.gongneng_click.cur .cur-hover{display: inline-block;}
.gongneng_tabcon{overflow: hidden;display: none;min-height: 364px;}

.gongneng_left1{width: 500px;height: 354px;float: left;}
.gongneng_right1 h3{font-size: 32px;color: #0090ff;margin: 35px 0;padding-bottom: 20px;border-bottom: 2px solid #0090ff;display: inline-block;}
.gongneng_right1{overflow: hidden;}
.gongneng_right1 p{font-size: 16px;display: block;color: #777;padding-bottom: 5px;text-align: justify;}

.gongneng_left2{width: 583px;height: 358px;overflow: hidden;}
.gongneng_right2{float: left;width: 600px;}
.gongneng_right2 h3{font-size: 32px;color: #0090ff;margin: 35px 0;padding-bottom: 20px;border-bottom: 2px solid #0090ff;display: inline-block;}
.gongneng_right2 p{font-size: 16px;display: block;color: #777;padding-bottom: 5px;text-align: justify;}

.gongneng_left3{width: 500px;height: 364px;float: left;}
.gongneng_right3{overflow: hidden;}
.gongneng_right3 h3{font-size: 32px;color: #0090ff;margin: 35px 0;padding-bottom: 20px;border-bottom: 2px solid #0090ff;display: inline-block;}
.gongneng_right3 p{font-size: 16px;display: block;color: #777;padding-bottom: 5px;text-align: justify;}

.gongneng_left4{width: 360px;height: 347px;float: right;}
.gongneng_right4{float: left;width: 600px;}
.gongneng_right4 h3{font-size: 32px;color: #0090ff;margin: 35px 0;padding-bottom: 20px;border-bottom: 2px solid #0090ff;display: inline-block;}
.gongneng_right4 p{font-size: 16px;display: block;color: #777;padding-bottom: 5px;text-align: justify;}

.gongneng_left5{width: 500px;height: 362px;float: left;}
.gongneng_right5{overflow: hidden;}
.gongneng_right5 h3{font-size: 32px;color: #0090ff;margin: 35px 0;padding-bottom: 20px;border-bottom: 2px solid #0090ff;display: inline-block;}
.gongneng_right5 p{font-size: 16px;display: block;color: #777;padding-bottom: 5px;text-align: justify;}

/*动画*/
.fadeInRight {animation:fadeInRight 1s}
@keyframes fadeInRight {0% {opacity: 0;transform: translateX(30px)}100% {opacity: 1;transform: translateX(0)}}
.fadeInLeft {animation:fadeInLeft 1s}
@keyframes fadeInLeft {0% {opacity: 0;transform: translateX(-30px)}100% {opacity: 1;transform: translateX(0)}}

.DivMain04{background:#f9f9f9;color: #5a5a5a;padding-bottom:100px;}
.DivMain04 h2{color: #000;padding:30px 0;text-align: center;font-size: 35px;line-height: 40px;}
.DivMain04 h3{color: #0090ff;font-size: 32px;padding-left:50px;}
.DivMain04 p{font-size: 17px;line-height: 36px;padding: 20px 0 20px 50px;}
.DivMain04 img{width: 100%;}
.DivMain04 .part{padding-top: 60px;}
.DivMain04 .left{float: left;width: 50%;}
.DivMain04 .right{float: right;width: 50%;}

.DivMain05{background:#f9f9f9;color: #5a5a5a;border-top:2px solid #242833;}
.DivMain05 ul li{float: left;width: 33.33%;position: relative;padding: 30px 25px;box-sizing: border-box;text-align: center;}
.DivMain05 ul li>div{height: 100px;padding-top:20px;}
.DivMain05 ul li:nth-of-type(1)::before{content:"1";display: inline-block;border: 2px solid #000;border-radius: 50%;width: 35px;height: 35px;text-align: center;line-height: 35px;font-size: 23px;font-weight: 600;position: absolute;top: -22px;background: #fff;left: 50%;margin-left: -20px;}
.DivMain05 ul li:nth-of-type(2)::before{content:"2";display: inline-block;border: 2px solid #000;border-radius: 50%;width: 35px;height: 35px;text-align: center;line-height: 35px;font-size: 23px;font-weight: 600;position: absolute;top: -22px;background: #fff;left: 50%;margin-left: -20px;}
.DivMain05 ul li:nth-of-type(3)::before{content:"3";display: inline-block;border: 2px solid #000;border-radius: 50%;width: 35px;height: 35px;text-align: center;line-height: 35px;font-size: 23px;font-weight: 600;position: absolute;top: -22px;background: #fff;left: 50%;margin-left: -20px;}
.DivMain05 ul li p{padding-top:30px;}
.DivMain05 .des{text-align: center;color: #181818;}
.DivMain05 .sbtn a{display:block; font-size:26px;line-height: 40px; width: 400px;margin:30px auto 0;}
.DivMain05 .sbtn a:before{height:64px; border-radius:8px; background-color:#026a9f;}
.DivMain05 .sbtn a span{padding:12px 0; border-radius:8px;  background: linear-gradient(to right, #05bdfd , #4185ea);}
.DivMain05 .sbtn a span:hover{background-color:#008bd3;}
.DivMain05 .line{border-bottom: 1px #b4b4b4 dashed;padding-top: 50px;}

.DivMain06{background:#f9f9f9;color: #5a5a5a;padding-bottom:100px;}
.DivMain06 h2{color: #000;padding:70px 0;text-align: center;font-size: 35px;line-height: 40px;}
/* banner轮播 */
.banner{width:100%;overflow:hidden;height:560px;position:relative}
.banList{position:absolute;left:0;right: 0;margin: auto;height:550px}
.banList li{height:550px;opacity:0;position:absolute;transform:translateX(100%);transition:transform 0.5s ease 0s, opacity 1.5s ease 0s;z-index:1;left: 0;right: 0;text-align: center;}
.banList li.active{opacity:1;transform:translateX(0);z-index:2;}
.fomW{position:absolute;bottom:2px;left:0;right: 0;height:20px;z-index:9;}
.jsNav{text-align:center;}
.jsNav a{display:inline-block;background:#d0d0d0;width:15px;height:15px;border-radius:50%;margin:0 5px;}
.jsNav a.current{background:#0aa2e8;cursor:pointer}

.DivMain07{background:#fff;color: #181818;}
.DivMain07 h3{font-size: 30px;border-bottom:4px solid #f3f3fb;padding: 25px 0;margin-bottom: 30px;}
.DivMain07 .left{float: left;width: 20%;}
.DivMain07 .right{float: right;width: 80%;padding-left: 40px;box-sizing: border-box;}
.DivMain07 .right p{line-height: 35px;font-size: 15px;}
.DivMain07 .right p strong{float: left;text-align: right;display: block;width: 180px;}
.DivMain07 .right p span{display: inline-block;width: 540px;padding-left: 30px;}
.DivMain07 .right .drp_btn2{text-decoration: underline;color: #05bdfd;}
.DivMain07 .right .drp_btn2 strong{width: 100%;text-align: left;margin: 10px 0;}
.DivMain07 .right .drp_btn2:hover{color: #4185ea;}
.DivMain07 .des{text-align: center;color: #181818;padding: 40px 0 20px;}
.DivMain07 .line{border-bottom: 1px #b4b4b4 dashed;padding-top: 50px;}

.DivMain08{background:#fff;color: #181818;padding-bottom:100px;text-align: center;}
.DivMain08 h3{color: #000;padding:70px 0;font-size: 35px;font-weight: 400;}
.DivMain08 h4{color: #000;padding:30px 0;font-size: 23px;font-weight: 400;}
.DivMain08 ul li{float: left;width: 33.33%;padding: 0 20px;box-sizing: border-box;}

.DivMain09{background:url(../dvd-ripper/index-jp/bg9.jpg)no-repeat center;height: 439px;color: #fff;padding-top:50px;box-sizing: border-box;text-align: center;}
.DivMain09 h3{font-size: 27px;line-height: 40px;padding: 50px 0 0;}
.DivMain09 p{font-size: 23px;line-height: 33px;padding-bottom: 40px;}
.DivMain09 .sbtn a{display:block; width: 300px;margin:0 auto;color: #3f86eb;line-height: 60px;font-size: 23px;font-weight: 400;}
.DivMain09 .sbtn a:before{height:60px; border-radius:30px; background-color:#fff;}
.DivMain09 .sbtn a span{border-radius:30px;  background: #fff;}
.DivMain09 .sbtn a span:hover{background-color:#fff;}

.popu {width: 800px;display:none;}
.popu2 {width: 950px;display:none;}
.popu .Close{position:absolute; top:10px; right:10px; cursor:pointer;}
.popu .con img{width: 100%;}
.popu .cen {background:url(../img/table_cen.png) repeat-y;}
.popu .cen .tab {  margin:0 auto; padding:10px 30px; font-size:11px;}
.popu .cen .tab h3 { font-size:13px; padding-bottom:12px;}
.popu .cen .tab h3 img { margin-right:9px;}
.popu .cen .tab td p { padding:5px 10px; line-height:22px;}


@media screen and (max-width: 979px){
	.detail{width: 100%;padding: 0 15px;box-sizing: border-box;}

	.DivMain01{padding: 30px 0;}
	.DivMain01 h1{font-size: 30px;color: #1d93ff;line-height: 35px;}
	.DivMain01 .des{margin-top: 15px;}
	.DivMain01 ul{height: auto;display: flex;justify-content: center;flex-wrap: wrap;align-items: center;margin: 0;}
	.DivMain01 ul li{float: none;width: 100%;margin: 15px 0;}
	.DivMain01 .sbtn a{margin:30px auto 0;}

	.DivMain02{background:#5c70f2;height: auto;color: #fff;padding-top:30px;}
	
	.gongneng_tabmin{width: 100%;margin: 0 auto;overflow: hidden;padding: 30px 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
	.gongneng_click{cursor: pointer; width: 20%;height: 107px;margin: 0;float: none;}
	.gongneng_click.cur::after{left: 50%;margin-left: -20px;}
	.gongneng_left1{width: 50%;height: 354px;float: left;}
	.gongneng_left2{width: 50%;height: 358px;overflow: hidden;}
	.gongneng_right2{float: left;width: 50%;}
	.gongneng_left3{width: 50%;height: 364px;float: left;}
	.gongneng_left4{width: 50%;height: 347px;float: right;}
	.gongneng_right4{float: left;width: 50%;}
	.gongneng_left5{width: 50%;height: 362px;float: left;}

	.DivMain04{padding-bottom:30px;}
	.DivMain04 .left{width: 100%;}
	.DivMain04 .right{width: 100%;}


	.banList li img{width: 100%;}
	.banList li.active img{width: 100%;}


	.DivMain07 h3{font-size: 18px;text-align: center;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
	.DivMain07 .left p {text-align: center;}
	.DivMain07 .left img {width: 100%;}
	.DivMain07 .left p strong{display: block;width: 100%;}
	.DivMain07 .right p strong{text-align: left;display: block;width: 100%;float:none;padding-left: 30px;box-sizing: border-box;}
	.DivMain07 .right p span{display: block;width: 100%;padding-left: 30px;box-sizing: border-box;}

	.DivMain09{background:#4165e2;height: auto;padding:30px 0;}
	.DivMain09 p{font-size: 23px;line-height: 33px;padding: 15px;}
}

@media screen and (max-width: 767px){
	.DivMain06{padding-bottom:0;}
	.fomW{bottom:100px;}
	.popu {width: 90%;}
}   

@media screen and (max-width: 479px){
	.banner{height:300px;}
	.banList{height:300px}
	.banList li{height:300px;}
	.fomW{bottom:30px;}

	.sbtn a{width: 100% !important;}

	.DivMain02 .left{float: left;width: 100%}
	.DivMain02 .right{display: none;}

	.DivMain04 h3{padding:30px 0;}
	.DivMain04 p{padding: 15px 0;}

	.DivMain08 h3{padding: 30px 0;}
	.DivMain08 ul {display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
	.DivMain08 ul li{float: none;width: 100%;padding:20px;}

	.gongneng_click{overflow: hidden;}
	.gongneng_left1{display: none;}
	.gongneng_right1 h3{font-size: 30px;}
	.gongneng_right1{width: 100%;}

	.gongneng_left2{display: none;}
	.gongneng_right2 h3{font-size: 30px;}
	.gongneng_right2{width: 100%;}

	.gongneng_left3{display: none;}
	.gongneng_right3 h3{font-size: 30px;}
	.gongneng_right3{width: 100%;}

	.gongneng_left4{display: none;}
	.gongneng_right4 h3{font-size: 30px;}
	.gongneng_right4{width: 100%;}

	.gongneng_left5{display: none;}
	.gongneng_right5 h3{font-size: 30px;}
	.gongneng_right5{width: 100%;}

	.popu {width: 90%;display:none;}
	.popu2 .cen {max-height: 400px;overflow:scroll;}
}