@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0;}
body{width:100%; font:13px/23px Verdana, Arial, sans-serif; color:#505959;}
a{text-decoration:none; color:#00b4ff;}
a:hover{color:#00b4ff;}
img , input , a{border:0; outline:none;}
ul , ol{list-style:none;}
h1,h2,h3,h4{font-weight: normal;}
.clear{clear:both; height: 0;}

.detail{ width:1200px; margin:0 auto;}
/*---------end---------*/

.main01{ background:url(../images/ripper/bg1.jpg) no-repeat top center; height:470px;}
.main01 .detail{padding-top: 10px;}
.main01 .detail > a{ display:block;}
.main01 h1{ font-size: 64px; color: #fff; padding: 150px 0 30px 0; letter-spacing: -2px; text-align: center;font-weight: bold;}
.main01 h2{ font-size: 16px; color: #e5e5e5; padding: 15px 0 0 0;text-align: center; line-height: 25px;}
.main01 .btn{text-align: center; padding: 30px 0 10px;}
.main01 .more{text-align: center;}
.main01 .more a{color: #17c6f2;text-decoration: underline;font-size: 13px;}
.main01 .MainFalg{float:right; margin-top:-30px;}

.main01 .main01_link{ padding-top: 45px;}
.main01 .main01_link .link_one{float: left; width: 130px; margin-right: 137px; text-align: center;}
.main01 .main01_link .link_two{ margin-right: 0;}
.main01 .main01_link .link_one p{font-size: 18px;}
.main01 .main01_content{ padding-top: 10px;}
.main01 .main01_content p{ padding-top: 13px; line-height: 21px;}
p a{ color:#00c0ff; text-decoration:underline;}
/*---------main01 end---------*/

#head{ background-color:#f7f7f7;}
#head .detail{height:45px; padding-top:10px;}
#head .detail .logo{width:133px; float:left;font-size: 13px;font-weight: bold; color: #000; padding-top: 5px;}
#head .detail .topNav{float: right;}
#head .detail .topNav ul li{float:left;font-size:13px;}
#head .detail .topNav ul li.line{ height: 34px; width: 1px; border-right: 1px solid #d9d9d9; margin-top: 2px;}
#head .detail .topNav ul li a{color:#505959; display:block; line-height:34px;padding:0 25px 16px; }
#head .topNav li > a:hover , #head .topNav li a.hover{background:url(../images/ripper/icon.png) no-repeat center 42px; }
#head .topNav ul li a#more{color:#538ffe;}
#head .topNav ul li a#more:hover{border-bottom:0;}
#head .topNav ul li#positionMore{position:relative;}
#head .topNav ul li .menu{position:absolute; top:36px; left:0; display:none; padding-top:5px;}
#head .topNav ul li .menu a{height:25px; line-height:20px; margin-bottom:3px;}
/*---------head end---------*/
.main02{ padding: 25px 0 0;}
h2{font-size: 30px; text-align: center; padding: 50px 0 25px;color: #000;}
.main02 .detail{position: relative;}
.main02 .detail .main02_left{position: absolute; left: -300px; top:0px; width: 260px;border-bottom: 1px solid #f2f2f2;}
.main02_left .main02_leftt{font-size: 15px; background-color: #303030; line-height: 36px;padding-left: 10px; border-top: 2px solid #f2f2f2; color: #fff;}
.main02_left .main02_n{font-weight:bold;background-color: #f2f2f2; line-height: 40px;padding-left: 5px; color: #333;}
.main02_left ul{padding: 5px; border-left: 1px solid #f2f2f2;border-right: 1px solid #f2f2f2;}
.main02_left ul li{background:url(../images/ripper/list.png) no-repeat left center; font-size: 11px; padding: 0 0 0 10px;}
.main02_left ul li a{color: #505959;}
.main02_left ul li a:hover{ text-decoration:underline;}

.main02 h2{font-size: 30px; text-align: center; padding: 50px 0 10px;color: #000;}
.main02 .main02_mess{font-size: 16px; text-align: center;}
.main02_box{padding: 35px 0 60px;}
.main02_one{float: left;width: 250px; text-align: center; }
.main02_one .main02_t{font-size: 16px; padding: 25px 0 8px; text-align: center; color: #000;font-weight: bold;}
.main02_line{border-right: 1px solid #ededed;float: left; height: 280px; margin:0 30px;}
.main02_one  p{text-align: justify;}
/*---------main02 end---------*/
.main03{background-color: #262626;color: #cccccc; height: 1054px;}
.main03 .detail h2{ font-size: 30px; padding: 60px 0 30px; text-align: center; color: #fff;}
.main03_one{float: left; width: 200px; text-align: center;padding:50px 0 0;}
.main03_pic {padding: 20px 0 0 ;}
.main03_pic .pic_one{float: left;background:url(../images/ripper/c1.jpg) no-repeat center; width: 410px; height: 281px; color: #505959;}
.main03_pic .pic_one b{color: #000;padding: 25px 0 5px 20px;display: block;}
.main03_pic .pic_one p{padding: 0 20px;}
.main03_pic .pic_two{background:url(../images/ripper/c2.jpg) no-repeat center; width: 407px; color: #000; }
.main03_pic .pic_two b{padding-top:140px;  }
.main03_pic .pic_three{background:url(../images/ripper/c3.jpg) no-repeat center; width: 382px; }
.main03_pic .pic_three b{padding-top:135px;  }
.main03_pic .pic_four{background:url(../images/ripper/c4.jpg) no-repeat center; color: #fff;}
.main03_pic .pic_four b{ color: #fff;}
.main03_pic .pic_five{background:url(../images/ripper/bg6.png) no-repeat center 32px #fff; width: 407px; }
.main03_pic .pic_five b{padding-top:140px;  }
.main03_pic .pic_six{background:url(../images/ripper/c5.jpg) no-repeat center; width: 382px; }
.main03_pic .pic_six b{padding-top:140px;  }
/*---------main03 end---------*/
.main04{ background-color: #fcfaf5;padding: 160px 0 20px ;}
.main04 h2{ text-align: center; font-size: 30px; padding: 45px 0 10px; line-height: 40px;}
.main04 p{padding-bottom:10px;}
.main04_content{padding: 21px 0 0 0;}
.main04_content > img{float: left; padding: 10px 0 0 0;}
.main04_content .solution_rtxt{float: left; width: 560px;}
.main04_content .solution_rtxt .btn{padding-top: 25px;}
.main04_content .solution_rtxt .btn a:nth-child(1){margin-right:30px;}
.main04_content .main02_t{ font-size: 19px; font-weight: bold; line-height: 27px; background:none; padding:10px 0 5px;color: #000;}
.main04_content .main02_t span{color: #ff6c00;}
.main04_content .main02_t a{color: #ff6c00;}
.mess{font-size: 15px; color: #000; padding:0 0 20px;}
.solution_rtxt p{font-size: 15px; padding: 3px 0;color: #080808;}
/*---------main04 end---------*/
.main05{ background:url(../images/ripper/bg_line.jpg) repeat-x bottom #fcfaf5; text-align: center; padding-bottom: 20px;}
.main05 span{font-size: 11px;display: inline-block;text-align: center; width:130px;}
/*---------main05 end---------*/
.main06{ padding-bottom: 40px;}
.main06 .Left { float:left; padding:15px 0 20px;}
.main06 .Left2 { padding-right: 20px;}
.main06 .Left .Box { width:162px; float:left; padding-top: 5px;}
.main06 .Left .Txt { width:420px; float:left;}
.main06 .Left .Txt h3 { font-weight:bold;font-size: 13px; padding-bottom: 3px;}
.main06 .Left .Txt p { line-height: 21px;}
/*---------main06 end---------*/
.main07{background-color: #fcf9f2;}
.main07 .detail> p{padding-bottom: 40px;}
.main07_content{position: relative;}
.main07_content .main07_prev{position: absolute; left: -86px; top:96px; cursor: pointer; }
.main07_content .main07_next{position: absolute; right: -86px; top:96px; cursor: pointer; }
.main07_content .main07_middle{}
.main07_content .main07_num{ text-align: center;}
.main07_content .main07_num span{ background:url(../images/ripper/blur.png); width: 14px; height: 14px;display: inline-block; margin: 5px 13px 20px;cursor: pointer;}
.main07_content .main07_num span.focus{background:url(../images/ripper/focus.png)}
.main07_middle .change_box{ width: 5000px; position: absolute; left: 0;top: 0;}
.change_one > img{float: left; padding: 30px 50px 0 40px;}
.change_one .change_content .change_t{font-size: 19px;font-weight: bold;color: #000;}
.change_one .change_content .rating{padding: 15px 0 0;}
.change_one .change_content p{padding-top:10px;}
.change_one .change_content .link{ padding: 10px 0;}
.change_one .change_content .link a{ color: #00a1e4; text-decoration: underline;}
.change_one .change_content .icons{height: 80px;}
.change_one .change_content .icons .icon_one{float: left; width: 205px; padding: 5px 0;}
.change_one .change_content .icons .icon_one > img{padding-right: 8px;}
.change_one .change_content .btn{padding: 2px 0 0;}

/*---------main07 end---------*/
.main08{background-color: #2e2e2e; color: #cccccc; padding: 13px 0;}
.main08_one{float: left; width: 50%;}
.main08_one > img{float: left; padding: 15px 30px 0 0;}
.main08_one p{padding: 2px 0;}
/*---------main08 end---------*/
.main09{ padding-bottom: 40px;}
.main09 p{padding-bottom: 10px;}
.main09 table.table_style{ width:100%; border-collapse:collapse; color:#555; margin:20px auto 0; border-top:2px solid #f7f7f7;border-left:2px solid #f7f7f7;border-bottom:2px solid #f7f7f7;}
.main09 table.table_style tr td{border-right:2px solid #f7f7f7;}
.main09 table.table_style tr td .table_t{ font-weight:bold; color:#000;}
.table_top b{ padding-bottom:5px; display:block; color:#000;}
.table_top b a{ color:#000;}
.table_top{text-align:center;}
.table_top p{ font-size:11px;}
.main09 table.table_style tr td .yes{ text-align:center; font-size:13px; font-weight:bold;}
.main09 table.table_style tr td.hot{ background:url(../images/ripper/hot.png) left top no-repeat;}
.main09 table.table_style tr:nth-child(2n+1){background-color:#fff;}
.main09 table.table_style tr:nth-child(2n){background-color:#f0efed;}
.main09 table.table_style td{padding:20px 15px;}
.more_tr{display:none;}
.main09 .more{ cursor:pointer; background:url(../images/ripper/more1.png) no-repeat; height:44px;}
.main09 .more.up{ cursor:pointer; background:url(../images/ripper/more2.png) no-repeat;}
/*---------main09 end---------*/
.main10{ background-color:#f2f2f2 ; padding-bottom: 50px;}
.main10_content{background-color: #fff; margin: 80px 0 0 ; padding-bottom: 50px;}
.main10_t{text-align: center;}
.main10_t span{position: relative;width: 186px; height: 48px;display: inline-block;cursor: pointer;}
.main10_t span a{position: absolute;width: 186px; height: 48px;line-height: 40px; display: inline-block; left: 0; top: -40px; background:url(../images/ripper/bl2.png) no-repeat; color: #fff; font-weight: bold;}
.main10_t span.on a{ background:url(../images/ripper/f2.png) no-repeat;}
.main10_t span.on a:hover{ color: #fff;}
.main10_content .main10_tmess{font-size: 19px;text-align: center;padding:0 0 30px; }
.main10_pt > img{float: left; padding-left:50px;}
.pt_num{ width: 4px; float: left; position: relative;background-color: #e9eef1; margin: 10px 20px 0 30px; height:410px;}
.pt_num div{ width: 44px; height: 44px; position: absolute; left: -20px; top: 0; background:url(../images/ripper/n1.png) no-repeat; cursor: pointer;}
.pt_num .num2{top: 100px!important;background:url(../images/ripper/n2.png) no-repeat!important;}
.pt_num .num3{top: 192px!important;background:url(../images/ripper/n3.png) no-repeat!important;}
.pt_num .num4{top: 372px!important;background:url(../images/ripper/now.png) no-repeat!important;}
.pt_num div.focus{ background:url(../img-speed/i5.png) no-repeat!important;}
.pt_text{float: left; width: 220px; padding-left: 25px; position: relative;}
.pt_text span{color: #00aeff;}
.pt_text .text1{position: absolute;top: 10px; left: 25px; }
.pt_text .text2{position: absolute;top: 110px; left: 25px; }
.pt_text .text3{position: absolute;top: 190px; left: 25px; }
.pt_text .text4{position: absolute;top: 370px; left: 25px; }
.main10_last{padding: 40px 0 0;}
.main10_last .main10_last1{float: left; width: 350px;}
.main10_last .main10_last2{padding: 0 70px;}
.main10_last .main10_last1 p{line-height: 21px;}
.main10_last .main10_last1 .last1_t{color: #000;}
.main10_last1 ul{padding:10px 0 0 13px;}
.main10_last1 ul li{list-style:disc; color: #00b4ff; padding: 2px 0;}
.main10_last1 ul li a{text-decoration: underline;}
.main10 .button{text-align:right; padding-right:85px;}
.main10 .button a{margin:0 15px;}
/*---------main010 end---------*/
.main11{ background-color: #232323; color: #cccccc; padding-bottom: 50px;}
.main11 h2{color: #fff;}
.main11 .detail> p{padding-bottom: 40px;}
.main11 .main11_left{background-color: #2e2e2e; width: 50%; float: left;}
.main11 .main11_right{background-color: #1f1f1f;}
.main11 .main11_left .main11_t{color: #fff; padding: 35px 0 0;font-weight: bold; text-align: center;font-size: 17px;}
.main11_one{padding: 20px 20px 0 0;}
.main11_one > img{padding:8px 15px 0 30px; float: left; }
.main11_one .main11_onet{font-size: 13px; color: #fff;font-weight: bold;}
.main11_more,.main12_more{display: none;}

.left_btn{ background:url(../images/ripper/more3.png) no-repeat center #232323; height: 35px; margin-top: 40px; text-align: center;}
.left_btn.on{ background:url(../images/ripper/more4.png) no-repeat center #232323;}
.left_btn span{display: inline-block;width: 133px; height: 35px; cursor: pointer; }


/*---------main011 end---------*/
.main012{background-color: #2e2e2e; color: #e2e5e6; padding-bottom: 50px;}
.main012 h2{color: #fff; text-align: center;font-size: 30px; padding: 50px 0 40px; }
.main012 .main012_one{float: left; width: 370px;}
.main012 .main012_one .main012_onet{ line-height: 30px; color: #fff;font-size: 15px; padding: 0 0 0 45px;background:url(../images/ripper/num1.png) no-repeat left center; font-weight: bold;}
.main012 .main012_two .main012_onet{ background:url(../images/ripper/num2.png) no-repeat left center;}
.main012 .main012_three .main012_onet{ background:url(../images/ripper/num3.png) no-repeat left center;}
.main012 .main012_one p{ line-height: 20px; padding: 20px 0 15px;}
.main012 .main012_one a{color: #22c3ff; text-decoration: underline; float: right;}
.main012 .main012_one.main012_two{padding: 0 40px;}

/*---------main05 end---------*/
.main08 .iphone7_news{width:1200px; color:#333; margin:20px auto 0;}
.main08 .iphone7_news h3{font-weight:700; padding-bottom:10px;}
.main08 .news_contact{padding-bottom:20px; min-height:92px;}
.main08 .news_contact > img{float:left; margin:10px 20px 0 0;}
.main08 #news_hide{display:none;}
.main08 #m_h_btn{text-align:center;}
.main08 #m_h_btn a{display:block; padding:10px 0; background-color:#eee;}
.main08 #m_h_btn a#hide_btn{display:none;}
/*---------main05 end---------*/

.MainFoot { background:#1a1a1a; color:#808080; text-align:center;}
.MainFoot p { padding:5px 0; }
.MainFoot p a { color:#cccccc; text-decoration:none;}
.MainFoot p a:hover { text-decoration:underline; color:#21d2f8;}
.MainFoot p i { display:block; height:40px; line-height:38px; font-style:normal;}
/*---------main05 end---------*/

/*---------foot end---------*/

.back{position:fixed; right:90px; bottom:60px; cursor:pointer; display:none;}
.ScrollDisplay{display:block;}
/*back to top*/

.f_banner{ background-color:#f7f7f7; position:fixed; left:0; top:0; width:100%; border-bottom:1px solid #ccc;}
.f_banner .detail{height:45px; padding-top:10px;}
.f_banner .detail .logo{width:133px; float:left;font-size: 13px;font-weight: bold; color: #000; padding-top: 5px;}
.f_banner .detail .topNav{float: right;}
.f_banner .detail .topNav ul li{float:left;font-size:13px;}
.f_banner .detail .topNav ul li.line{ height: 34px; width: 1px; border-right: 1px solid #d9d9d9; margin-top: 2px;}
.f_banner .detail .topNav ul li a{color:#505959; display:block; line-height:34px;padding:0 25px 16px; }
.f_banner .topNav li > a:hover , #head .topNav li a.hover{background:url(../images/ripper/icon.png) no-repeat center 42px; }
.f_banner .topNav ul li a#more{color:#538ffe;}
.f_banner .topNav ul li a#more:hover{border-bottom:0;}
.f_banner .topNav ul li#positionMore{position:relative;}
.f_banner .topNav ul li .menu{position:absolute; top:36px; left:0; display:none; padding-top:5px;}
.f_banner .topNav ul li .menu a{height:25px; line-height:20px; margin-bottom:3px;}
.f_banner .topNav ul li.btntry a:hover,.f_banner .topNav ul li.btnbuy a:hover{ background-image:none;}
.f_banner .topNav ul li.btntry a{ color:#fff; background-color:#14b7fd; border:1px solid #14b7fd; padding:0 13px; line-height:28px; border-radius:5px; margin:5px 10px 0 10px;}
.f_banner .topNav ul li.btnbuy a{ color:#14b7fd; background-color:#fff; border:1px solid #14b7fd; padding:0 13px; line-height:28px; border-radius:5px; margin-top:5px;}


/*---------f_banner end---------*/


.mobileSeoNo{ display:block;}
@media (max-width: 979px) {
	.detail{ width:96%; padding:0 2%;}
	#head{ width:100%; min-width:100%;}
	.howto_main{ border:none;}
	.mobileSeoNo{ display:none;}
	#column p{ padding:0}
	.howto_main,.Conbe{ width:auto;}

	.main01 h1{font-size: 46px;}
	.main03{height: auto;}
	.main03_pic > div{width: 50%!important;}

	.main05{text-align: left;}

	.change_one > img{float: none;padding: 20px 0 0 ;}

	.main09 table.table_style,.main09 .more{display: none;}

	.main10_pt > img{width: 100%; padding: 0;}
	.main10_last .main10_last2{padding: 0 15px;}
		
}

@media (max-width: 767px) {
	.main01 h1{padding-bottom:10px;font-size: 32px;}
	.main01 h2{font-size: 13px;}

	.main02_one{width: 100%;}
	.main02_line{display: none;}

	.main03_pic > div{width: 90%!important; padding-left: 10%;}
	
	.main04_content > img,.main04_content .solution_rtxt{width: 100%;}
	.main04_content .solution_rtxt .btn a:nth-child(1){margin-right: 10px;}

	.main06 .Left .Box{width: 29%; padding-right: 1%;}
	.main06 .Left .Box > img{width: 100%;}
	.main06 .Left .Txt{width: 70%;}
	.main06 .Left2{padding-right: 0;}

	.main07_next,.main07_prev{display: none;}
	.change_one > img{width: 100%;}
	.main08_one{width: 100%;}

	.main10_last .main10_last2{padding:15px 0;}

	.main11 .main11_left{width: 100%;}
	
	.main012 .main012_one{width:100%;}
	.main012 .main012_one.main012_two{padding:0;}
	
}

@media  (max-width: 479px) {
	.main01{background-position:-600px 0;}
	.main01 h1{font-size: 25px;}

	.main03_one{width: 50%;}
	.main03_pic > div{width: 100%!important; padding-left: 0; }

	.main06 .Left .Txt{width: 100%;}
	.main06 .Left .Box > img{width: 100%;}

}