/* --- common --- */
@charset "utf-8";
*{
	margin: 0;
	padding: 0;
}
body{
	font-family: Lato,Arial,Helvetica,sans-serif;
	font-size: 16px;
	line-height:1.5;
	/*font-weight: 500;*/
	color: #464646;
	background-color: #F7F7F7;
	font-family: "Nunito",Arial,sans-serif;
	overflow-x: hidden;
}
.body-en{
	background-color: #fff;
	color: #09103b;
}
h1, h2, h3, h4, h5, h6{
	font-weight: normal;
}
img{ 
	border:none;
	max-width: 100%;
} 
li{
	list-style:none;
}
a{
	text-decoration:none;
	color: #1781E0;
}
.p-over{
	overflow: auto;
	height: 400px;
	max-width: 700px;
	box-sizing: border-box;
	padding: 20px;
	border: 1px solid #1781E0;
}
.div-fixed{
	position: fixed;
	top: 0;
	box-shadow: 0 3px 3px rgba(0,0,0,0.2);
}
.display-box,.widnows-td{
	display: none;
}
.advertising{
	width:100%;
	height: auto;
	margin: 30px 0;
	box-sizing: border-box;
	padding: 20px;
	border: 1px solid #dadada;
}
.table-responsive{
  min-height: .01%;
  overflow-x: auto;
}
table{
	border-spacing: 0;
    border-collapse: collapse;
}
.table{
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px;
}
th{
    text-align: left;
}
.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td{
  padding: 8px;
  line-height: 1.42857143;
  border-top: 1px solid #ddd;
}
.table > thead > tr > th{
  border-bottom: 2px solid #ddd;
}
.table-bordered{
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td{
  border: 1px solid #ddd;
}
.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td{
  border-bottom-width: 2px;
}
@media screen and (max-width: 767px){
  .table-responsive{
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #ddd;
  }
  .table-responsive > .table, .table-responsive > table{
    margin-bottom: 0;
  }
  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td{
    white-space: nowrap;
  }
  .table-responsive > .table-bordered{
    border: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child{
    border-left: 0;
  }
  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child{
    border-right: 0;
  }
  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td{
    border-bottom: 0;
  }
}
@font-face{
  	font-family: 'icomoon';
  	src:  url('../fonts/icomoon.eot?fw4x18');
  	src:  url('../fonts/icomoon.eot?fw4x18#iefix') format('embedded-opentype'),
    url('../fonts/icomoon.ttf?fw4x18') format('truetype'),
    url('../fonts/icomoon.woff?fw4x18') format('woff'),
    url('../fonts/icomoon.svg?fw4x18#icomoon') format('svg');
}
.icon-fonts{
    position: relative;
    top: 4px;
    display: inline-block;
    font-family: 'icomoon';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.icon-add:before{
  content: "\e900";
}
.icon-clearclose:before{
  content: "\e901";
}
.icon-remove:before{
  content: "\e902";
}
.icon-reply:before{
  content: "\e903";
}
.icon-save_alt:before{
  content: "\e904";
}
.icon-cloud_download:before{
  content: "\e905";
}
.icon-cloud_uploadbackup:before{
  content: "\e906";
}
.icon-folder_open:before{
  content: "\e907";
}
.icon-wb_cloudy:before{
  content: "\e908";
}
.icon-local_grocery_storeshopping_cart:before{
  content: "\e909";
}
.icon-store_mall_directorystore:before{
  content: "\e90a";
}
.icon-keyboard_control:before{
  content: "\e90b";
}
.icon-more_vert:before{
  content: "\e90c";
}
.icon-share:before{
  content: "\e90d";
}
.icon-thumb_down_alt:before{
  content: "\e90e";
}
.icon-thumb_up_alt:before{
  content: "\e90f";
}
.icon-stargrade:before{
  content: "\e910";
}
.icon-star_half:before{
  content: "\e911";
}
.icon-star_outline:before{
  content: "\e912";
}
.icon-add_shopping_cart:before{
  content: "\e913";
}
.icon-home:before{
  content: "\e914";
}
.icon-work:before{
  content: "\e915";
}
.icon-check_circle_outline:before{
  content: "\e916";
}
.icon-bookmarks:before{
  content: "\e917";
}
.icon-home_filled:before{
  content: "\e918";
}
.icon-thumb_down_off_alt:before{
  content: "\e919";
}
.icon-thumb_up_off_alt:before{
  content: "\e91a";
}
.icon-bookmark:before{
  content: "\e91b";
}
.icon-email:before{
  content: "\e91c";
}
.icon-heart:before{
  content: "\e91d";
}
.icon-user:before{
  content: "\e91e";
}
.icon-share1:before{
  content: "\e91f";
}
.icon-align-justify:before{
  content: "\e920";
}
.icon-align-left:before{
  content: "\e921";
}
.icon-align-right:before{
  content: "\e922";
}
.icon-arrow-down:before{
  content: "\e923";
}
.icon-arrow-left:before{
  content: "\e924";
}
.icon-arrow-right:before{
  content: "\e925";
}
.icon-arrow-up:before{
  content: "\e926";
}
.icon-check:before{
  content: "\e927";
}
.icon-chevron-down:before{
  content: "\e928";
}
.icon-chevron-left:before{
  content: "\e929";
}
.icon-chevron-right:before{
  content: "\e92a";
}
.icon-chevron-up:before{
  content: "\e92b";
}
.icon-chevrons-down:before{
  content: "\e92c";
}
.icon-chevrons-left:before{
  content: "\e92d";
}
.icon-chevrons-right:before{
  content: "\e92e";
}
.icon-home1:before{
  content: "\e92f";
}
.icon-plus:before{
  content: "\e930";
}
.icon-share-2:before{
  content: "\e931";
}
.icon-tag:before{
  content: "\e932";
}
.icon-paper-plane:before{
  content: "\e933";
}
.clearfloat:after{
	display:block;
	clear:both;
	content:"";
	visibility:hidden;
	height:0;
} 
.clearfloat{
	zoom:1;
}
.clear{
	clear:both;
}
.fl{
	float:left;
}
.fr{
	float:right;
}
.text-center{
	text-align:center;
}
.text-right{
	text-align:right;
}
.text-left{
	text-align:left;
}
.margin-auto{
	margin-left: auto;
	margin-right: auto;
}
.box-flex, .box-flex2{
	display: -webkit-flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
	display: flex;
	-webkit-flex-wrap: wrap;
  	-moz-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
  	-o-flex-wrap: wrap;
  	flex-wrap:wrap;
	-webkit-align-items:center;
 	-moz-align-items:center;
 	-ms-align-items:center;
 	-o-align-items:center;
 	align-items:center;
}
.box-flex, .box-flex4{
	-webkit-justify-content: space-between;
  	-moz-justify-content: space-between;
  	-ms-justify-content: space-between;
  	-o-justify-content: space-between; 
	justify-content: space-between;
}
.box-flex2, .box-flex5{
	-webkit-justify-content: space-around;
  	-moz-justify-content: space-around;
  	-ms-justify-content: space-around;
  	-o-justify-content: space-around; 
	justify-content: space-around;
}
.box-flex3{
	display: -webkit-flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
	display: flex;
	-webkit-flex-direction: column;
  	-moz-flex-direction: column;
  	-ms-flex-direction: column;
  	-o-flex-direction: column; 
  	flex-direction: column;
	-webkit-align-items:center;
 	-moz-align-items:center;
 	-ms-align-items:center;
 	-o-align-items:center;
 	align-items:center;
}
.box-flex4, .box-flex5{
	display: -webkit-flex;
    display: -webkit-box; 
    display: -moz-box; 
    display: -ms-flexbox; 
	display: flex;
	-webkit-flex-wrap: wrap;
  	-moz-flex-wrap: wrap;
  	-ms-flex-wrap: wrap;
  	-o-flex-wrap: wrap;
  	flex-wrap:wrap;
}
.container-isunshare{
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.row{
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: -15px;
    margin-left: -15px;
}
@media (min-width: 768px){
  .container-isunshare{
    width: 738px;
  }
}
@media (min-width: 992px){
  .container-isunshare{
    width: 970px;
  }
}
@media (min-width: 1200px){
  .container-isunshare{
    width: 1170px;
  }
}
.container-fluid{
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
}
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12{
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
  box-sizing: border-box;
}
/*.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12{
  float: left;
}*/
.col-xs-12{
  flex: 0 0 100%;
  max-width: 100%;
}
.col-xs-11{
  width: 91.66666667%;
  flex: 0 0 91.66666667%;
  max-width: 91.66666667%;
}
.col-xs-10{
  flex: 0 0 83.33333333%;
  max-width: 83.33333333%;
}
.col-xs-9{
  flex: 0 0 75%;
  max-width: 75%;
}
.col-xs-8{
  flex: 0 0 66.66666667%;
  max-width: 66.66666667%;
}
.col-xs-7{
  flex: 0 0 58.33333333%;
  max-width: 58.33333333%;
}
.col-xs-6{
  flex: 0 0 50%;
  max-width: 50%;
}
.col-xs-5{
  flex: 0 0 41.66666667%;
  max-width: 41.66666667%;
}
.col-xs-4{
  flex: 0 0 33.33333333%;
  max-width: 33.33333333%;
}
.col-xs-3{
  flex: 0 0 25%;
  max-width: 25%;
}
.col-xs-2{
  flex: 0 0 16.66666667%;
  max-width: 16.66666667%;
}
.col-xs-1{
  flex: 0 0 8.33333333%;
  max-width: 8.33333333%;
}
.col-xs-pull-12{
  right: 100%;
}
.col-xs-pull-11{
  right: 91.66666667%;
}
.col-xs-pull-10{
  right: 83.33333333%;
}
.col-xs-pull-9{
  right: 75%;
}
.col-xs-pull-8{
  right: 66.66666667%;
}
.col-xs-pull-7{
  right: 58.33333333%;
}
.col-xs-pull-6{
  right: 50%;
}
.col-xs-pull-5{
  right: 41.66666667%;
}
.col-xs-pull-4{
  right: 33.33333333%;
}
.col-xs-pull-3{
  right: 25%;
}
.col-xs-pull-2{
  right: 16.66666667%;
}
.col-xs-pull-1{
  right: 8.33333333%;
}
.col-xs-pull-0{
  right: auto;
}
.col-xs-push-12{
  left: 100%;
}
.col-xs-push-11{
  left: 91.66666667%;
}
.col-xs-push-10{
  left: 83.33333333%;
}
.col-xs-push-9{
  left: 75%;
}
.col-xs-push-8{
  left: 66.66666667%;
}
.col-xs-push-7{
  left: 58.33333333%;
}
.col-xs-push-6{
  left: 50%;
}
.col-xs-push-5{
  left: 41.66666667%;
}
.col-xs-push-4{
  left: 33.33333333%;
}
.col-xs-push-3{
  left: 25%;
}
.col-xs-push-2{
  left: 16.66666667%;
}
.col-xs-push-1{
  left: 8.33333333%;
}
.col-xs-push-0{
  left: auto;
}
.col-xs-offset-12{
  margin-left: 100%;
}
.col-xs-offset-11{
  margin-left: 91.66666667%;
}
.col-xs-offset-10{
  margin-left: 83.33333333%;
}
.col-xs-offset-9{
  margin-left: 75%;
}
.col-xs-offset-8{
  margin-left: 66.66666667%;
}
.col-xs-offset-7{
  margin-left: 58.33333333%;
}
.col-xs-offset-6{
  margin-left: 50%;
}
.col-xs-offset-5{
  margin-left: 41.66666667%;
}
.col-xs-offset-4{
  margin-left: 33.33333333%;
}
.col-xs-offset-3{
  margin-left: 25%;
}
.col-xs-offset-2{
  margin-left: 16.66666667%;
}
.col-xs-offset-1{
  margin-left: 8.33333333%;
}
.col-xs-offset-0{
  margin-left: 0;
}
@media (min-width: 768px){
  /*.col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12{
    float: left;
  }*/
  .col-sm-12{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-sm-11{
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-sm-10{
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-sm-9{
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-sm-8{
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-sm-7{
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-sm-6{
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-sm-5{
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-sm-4{
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-sm-3{
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-sm-2{
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-sm-1{
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-sm-pull-12{
    right: 100%;
  }
  .col-sm-pull-11{
    right: 91.66666667%;
  }
  .col-sm-pull-10{
    right: 83.33333333%;
  }
  .col-sm-pull-9{
    right: 75%;
  }
  .col-sm-pull-8{
    right: 66.66666667%;
  }
  .col-sm-pull-7{
    right: 58.33333333%;
  }
  .col-sm-pull-6{
    right: 50%;
  }
  .col-sm-pull-5{
    right: 41.66666667%;
  }
  .col-sm-pull-4{
    right: 33.33333333%;
  }
  .col-sm-pull-3{
    right: 25%;
  }
  .col-sm-pull-2{
    right: 16.66666667%;
  }
  .col-sm-pull-1{
    right: 8.33333333%;
  }
  .col-sm-pull-0{
    right: auto;
  }
  .col-sm-push-12{
    left: 100%;
  }
  .col-sm-push-11{
    left: 91.66666667%;
  }
  .col-sm-push-10{
    left: 83.33333333%;
  }
  .col-sm-push-9{
    left: 75%;
  }
  .col-sm-push-8{
    left: 66.66666667%;
  }
  .col-sm-push-7{
    left: 58.33333333%;
  }
  .col-sm-push-6{
    left: 50%;
  }
  .col-sm-push-5{
    left: 41.66666667%;
  }
  .col-sm-push-4{
    left: 33.33333333%;
  }
  .col-sm-push-3{
    left: 25%;
  }
  .col-sm-push-2{
    left: 16.66666667%;
  }
  .col-sm-push-1{
    left: 8.33333333%;
  }
  .col-sm-push-0{
    left: auto;
  }
  .col-sm-offset-12{
    margin-left: 100%;
  }
  .col-sm-offset-11{
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10{
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9{
    margin-left: 75%;
  }
  .col-sm-offset-8{
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7{
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6{
    margin-left: 50%;
  }
  .col-sm-offset-5{
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4{
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3{
    margin-left: 25%;
  }
  .col-sm-offset-2{
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1{
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0{
    margin-left: 0;
  }
}
@media (min-width: 992px){
  /*.col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12{
    float: left;
  }*/
  .col-md-12{
    flex: 0 0 100%;
    max-width: 100%;
  }
  .col-md-11{
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-md-10{
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-md-9{
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-md-8{
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-md-7{
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-md-6{
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-md-5{
    width: 41.66666667%;
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-md-4{
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-md-3{
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-md-2{
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-md-1{
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-md-pull-12{
    right: 100%;
  }
  .col-md-pull-11{
    right: 91.66666667%;
  }
  .col-md-pull-10{
    right: 83.33333333%;
  }
  .col-md-pull-9{
    right: 75%;
  }
  .col-md-pull-8{
    right: 66.66666667%;
  }
  .col-md-pull-7{
    right: 58.33333333%;
  }
  .col-md-pull-6{
    right: 50%;
  }
  .col-md-pull-5{
    right: 41.66666667%;
  }
  .col-md-pull-4{
    right: 33.33333333%;
  }
  .col-md-pull-3{
    right: 25%;
  }
  .col-md-pull-2{
    right: 16.66666667%;
  }
  .col-md-pull-1{
    right: 8.33333333%;
  }
  .col-md-pull-0{
    right: auto;
  }
  .col-md-push-12{
    left: 100%;
  }
  .col-md-push-11{
    left: 91.66666667%;
  }
  .col-md-push-10{
    left: 83.33333333%;
  }
  .col-md-push-9{
    left: 75%;
  }
  .col-md-push-8{
    left: 66.66666667%;
  }
  .col-md-push-7{
    left: 58.33333333%;
  }
  .col-md-push-6{
    left: 50%;
  }
  .col-md-push-5{
    left: 41.66666667%;
  }
  .col-md-push-4{
    left: 33.33333333%;
  }
  .col-md-push-3{
    left: 25%;
  }
  .col-md-push-2{
    left: 16.66666667%;
  }
  .col-md-push-1{
    left: 8.33333333%;
  }
  .col-md-push-0{
    left: auto;
  }
  .col-md-offset-12{
    margin-left: 100%;
  }
  .col-md-offset-11{
    margin-left: 91.66666667%;
  }
  .col-md-offset-10{
    margin-left: 83.33333333%;
  }
  .col-md-offset-9{
    margin-left: 75%;
  }
  .col-md-offset-8{
    margin-left: 66.66666667%;
  }
  .col-md-offset-7{
    margin-left: 58.33333333%;
  }
  .col-md-offset-6{
    margin-left: 50%;
  }
  .col-md-offset-5{
    margin-left: 41.66666667%;
  }
  .col-md-offset-4{
    margin-left: 33.33333333%;
  }
  .col-md-offset-3{
    margin-left: 25%;
  }
  .col-md-offset-2{
    margin-left: 16.66666667%;
  }
  .col-md-offset-1{
    margin-left: 8.33333333%;
  }
  .col-md-offset-0{
    margin-left: 0;
  }
}
@media (min-width: 1200px){
  /*.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12{
    float: left;
  }*/
  .col-lg-12{
  	flex: 0 0 100%;
    max-width: 100%;
  }
  .col-lg-11{
    flex: 0 0 91.66666667%;
    max-width: 91.66666667%;
  }
  .col-lg-10{
    flex: 0 0 83.33333333%;
    max-width: 83.33333333%;
  }
  .col-lg-9{
    flex: 0 0 75%;
    max-width: 75%;
  }
  .col-lg-8{
    width: 66.66666667%;
    flex: 0 0 66.66666667%;
    max-width: 66.66666667%;
  }
  .col-lg-7{
    flex: 0 0 58.33333333%;
    max-width: 58.33333333%;
  }
  .col-lg-6{
    flex: 0 0 50%;
    max-width: 50%;
  }
  .col-lg-5{
    flex: 0 0 41.66666667%;
    max-width: 41.66666667%;
  }
  .col-lg-4{
    flex: 0 0 33.33333333%;
    max-width: 33.33333333%;
  }
  .col-lg-3{
    flex: 0 0 25%;
    max-width: 25%;
  }
  .col-lg-2{
    flex: 0 0 16.66666667%;
    max-width: 16.66666667%;
  }
  .col-lg-1{
    flex: 0 0 8.33333333%;
    max-width: 8.33333333%;
  }
  .col-lg-pull-12{
    right: 100%;
  }
  .col-lg-pull-11{
    right: 91.66666667%;
  }
  .col-lg-pull-10{
    right: 83.33333333%;
  }
  .col-lg-pull-9{
    right: 75%;
  }
  .col-lg-pull-8{
    right: 66.66666667%;
  }
  .col-lg-pull-7{
    right: 58.33333333%;
  }
  .col-lg-pull-6{
    right: 50%;
  }
  .col-lg-pull-5{
    right: 41.66666667%;
  }
  .col-lg-pull-4{
    right: 33.33333333%;
  }
  .col-lg-pull-3{
    right: 25%;
  }
  .col-lg-pull-2{
    right: 16.66666667%;
  }
  .col-lg-pull-1{
    right: 8.33333333%;
  }
  .col-lg-pull-0{
    right: auto;
  }
  .col-lg-push-12{
    left: 100%;
  }
  .col-lg-push-11{
    left: 91.66666667%;
  }
  .col-lg-push-10{
    left: 83.33333333%;
  }
  .col-lg-push-9{
    left: 75%;
  }
  .col-lg-push-8{
    left: 66.66666667%;
  }
  .col-lg-push-7{
    left: 58.33333333%;
  }
  .col-lg-push-6{
    left: 50%;
  }
  .col-lg-push-5{
    left: 41.66666667%;
  }
  .col-lg-push-4{
    left: 33.33333333%;
  }
  .col-lg-push-3{
    left: 25%;
  }
  .col-lg-push-2{
    left: 16.66666667%;
  }
  .col-lg-push-1{
    left: 8.33333333%;
  }
  .col-lg-push-0{
    left: auto;
  }
  .col-lg-offset-12{
    margin-left: 100%;
  }
  .col-lg-offset-11{
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10{
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9{
    margin-left: 75%;
  }
  .col-lg-offset-8{
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7{
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6{
    margin-left: 50%;
  }
  .col-lg-offset-5{
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4{
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3{
    margin-left: 25%;
  }
  .col-lg-offset-2{
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1{
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0{
    margin-left: 0;
  }
}

.top0{margin-top: 0;}
.top70{margin-top: -80px;}
.video, video{
	text-align: center;
	width: 100%;
	max-width: 810px;
	margin-left: auto;
	margin-right: auto;
}
#topcontrol{
	background: #fff url(/images/common/scroll-top.png) no-repeat center center;
	width: 50px;
	height: 77px;
	border-radius: 8px;
	border: 1px solid #1781E0;
	position: fixed;
	right: 20px;
	bottom: 20px;
	display: none;
	cursor: pointer;
	z-index: 10;
}
#topcontrol img{
	display: block;
}
.main-div h3 a:hover, 
.main-two a:hover, 
.box-pro h3 a:hover, 
.right a:hover,
.resources-item li a:hover, 
.footer a:hover, 
.left-product a:hover,
.menu-main-sub dl dd a:hover,
.left .item1 a:hover, 
.left .item2 a:hover,
.artile-right-ul a:hover,
.left a:hover,
.product-box h3 a:hover,
.key-function a:hover,
.recommended h3 a:hover,
.sitemap-div a:hover{
	text-decoration: underline;
}


.footer,
.left .relat span,
.right a img, 
.right span, .recommended, 
 .main-nav, #banner-review, #banner-review2, 
.sidebar-ul p>a, .sider-right, .sider-right a{width: 100%;}

.footer-two ul a, .footer-bottom div a, 
.important-articles li img, 
 .left .relat span, .right span, #product-banner div > span, 
#product-banner a, .support-item div a, .special-offer p, 
#support-banner span, .buy, .windows-version a, .mac-and-div a,
.edit-pro a, .ul-right span, .sidebar-ul p>a, 
.sider-right a, .boot-img span, .recom .price, .recom-bottom>span, 
.bg-one-a, .bg-two-a, .bg-one-a-2, .bg-two-a-2, .buy-a{display: block;}

.free-buy-ul .free, .buy2, .user-a{
	display: inline-block;
}

.left-home3, .left-home3 div>a, 
.right p, .right dt, #product-banner, #product-banner a, .div-ul p, 
.pro-nav-ul .ul-choose,  .free, .buy, .down, 
.windows-version a, .banner-pro2, .banner-pro3, .banner-pro4, 
.bannner-text, .bannner-text2, .jp-bannner-text, .mac-and-div a, 
.main1, .main6, .main7, #buy-banner, .pro-safety, .pro-safety2 , .main-coloning, 
.main-bitlocker, .pro-database, .pro-li span, .step-left li span, 
.step-right li span, .edit-pro h3, .edit-buy, .item-ul li>a, .a-learn, 
.up-ul a, .sidebar h3, .step-four>span, .banner-text-left a, .bg-one-a, 
.bg-two-a, .bg-one-a-2, .bg-two-a-2, .buy-a, .app-edit>h3, .home2-ul2 a, 
.important-articles li h2, .important-articles li p, .purchase-text a, #support-banner{color:#fff;}

/*-----------*/
.en-button-buy > span, .en-button-down > span{
	font-size: 20px;
	margin-right: 5px;
}
.en-button-buy, .en-button-down{
	display: inline-block;
	padding: 5px 15px;
	transition: all 0.3s;
	border-radius: 3px;
	margin: 20px auto 0;
}
.en-button-buy{
	color: #fff;
	border: 1px solid #f3982d;
	background-color: #f3982d;
}
.en-button-buy:hover{
	color: #f3982d;
	background-color: #fff;
}
.en-button-down{
	border: 1px solid #4DB754;
	color: #4DB754;
	background-color: #fff;
}
.en-button-down:hover{
	color: #fff;
	background-color: #4DB754;
}

.button a{
	font-size: 24px;
}
.button a:hover{
	text-decoration: none;
}
.button a > span, .button-two a > span{
	font-size: 30px;
}
.button .en-button-down, .button-two .en-button-down{
	background-color: #4DB754;
	color: #fff;
}
.button .en-button-down:hover,.button-two .en-button-down:hover{
	background-color: #fff;
	color: #4DB754;
}
.button-two a{
	font-size: 24px;
	padding-right: 20px;
}
.button-two .en-button-buy > span{
	top: 15px;
}
.button-two .en-button-buy{
	position: relative;
	padding-bottom: 30px;
}
.button-two p{
	font-size: 20px;
	position: absolute;
	left: 55px;
	bottom: 10px;
}
.button-two p>span{
	font-size: 14px;
	text-decoration: line-through;
}
/*-----------*/
.nav-app{
	z-index: 40;
	padding-top: 14px;
	height: 20px;
	width: 26px;
	margin-left: auto;
}
.products-butn{
	background: url(/images/app/products-butn.png) no-repeat center center;
	display: block;
	position: absolute;
	height: 50px;
	width: 50px;
	right: 2%;
	top: 61px;
}
.nav-app span{
	background-color: #1781E0;
}
.app-button span{
	background-color: #1781e0;
}
.nav-app span, .app-button span{
	width: 25px;
	height: 2px;
	display: block;
	position: relative;
	-webkit-transition: background .3s 0s ease;
    -moz-transition: background .3s 0s ease;
    -o-transition: background .3s 0s ease;
    transition: background .3s 0s ease;
}
.nav-app span:after, .nav-app span:before, .app-button span:after, .app-button span:before{
	background-color: #1781E0;
}
.nav-app span:after, .nav-app span:before, .app-button span:after, .app-button span:before{
	position: absolute;
	content: "";
	display: block;
	width: 25px;
	height: 2px;
	-webkit-transition: top .3s .6s ease,transform .3s ease;
    -moz-transition: top .3s .6s ease,transform .3s ease;
    -o-transition: top .3s .6s ease,transform .3s ease;
    transition: top .3s .6s ease,transform .3s ease;
}
.nav-app span:after, .app-button span:after{
	top: 10px;
}
.nav-app span:before, .app-button span:before{
	top: -10px;
}
.nav-app .lines, .app-button .lines{
	-webkit-transition: background .3s 0s ease;
    -moz-transition: background .3s 0s ease;
    -o-transition: background .3s 0s ease;
    transition: background .3s 0s ease;
    background: 0;
}
.nav-app .lines:after, .app-button .lines: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);
}
.nav-app .lines:before, .app-button .lines: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);
}
.nav-app .lines:after, .nav-app .lines:before, .app-button .lines:after, .app-button .lines:before{
	-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: 0;
}
.home-body{
	background-color: #f9f9f9;
}
/*----------header----------*/
.header{
	background-color: #fff;
	position: relative;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.menu-main-sub{
	border-top: 2px solid #1781e0;
}
.en-menu-main , .menu-main{
	background-color: #fff;
	display: none;
}
.en-menu-main .item, .menu-main .item{
	color: #333;
	cursor: pointer;
	position: relative;
	box-sizing: border-box;
	height: 57px;
	line-height: 57px;
	display: block;
}
.en-menu-main-sub, .menu-main-sub{
	position: absolute;
	left:0;
	right: 0;
	background-color: #fff;
	z-index: 5;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	display: none;
}
.en-menu-main-sub dl, .menu-main-sub dl{
	margin-bottom: 30px;
}
.en-menu-main-sub dt, .menu-main-sub dt{
	font-size: 18px;
	margin-top: 30px;
}
.en-menu-main-sub dt{
	color: #f3982d;
}
.menu-main-sub dt{
	color: #1781E0;
}
.en-menu-main-sub dd, .menu-main-sub dd{
	padding-left: 15px;
	background: url(../images/common/list-bg.png) no-repeat 0 12px;
}
.en-menu-main-sub dd>a, .menu-main-sub dd>a{
	display: inline-block;
	margin: 5px 0;
	color: #333;
	position: relative;
}
.header-top-bg{
	height: 4px;
	width: 100%;
	background: #03a9f4;
	background: linear-gradient(90deg, #03a9f4, #02d0f5,#ffb236,#ff893b);
}

.en-blog, .blog{
	margin-right: 15px;
	margin-top: 10px;
}
.en-blog a, .en-dt-a a, .blog a, .dt-a a{
	display: inline-block;
	padding: 3px 15px 5px;
    border-radius: 3px;
    color: #fff;
    transition: all 0.3s;
}
.en-blog a, .en-dt-a a, .dt-a a{
	background-color: #f3982d;
	border: 1px solid #f3982d;
}
.blog a{
	border: 1px solid #1781E0;
	background-color: #1781E0;
}
.en-blog a:hover, .en-dt-a a:hover, .dt-a a:hover{
	color: #f3982d;
	background-color: #fff;
}
.blog a:hover{
	color: #1781E0;
	background-color: #fff;
}
.en-blog span, .en-dt-a span, .blog span, .dt-a span{
	font-size: 24px;
}
.en-blog span, .blog span{
	margin-right: 8px;	
}
.en-dt-a a, .dt-a a{
	padding-right: 10px;
}
/*----------------------------*/
.true-header{
	margin-left: 15px;
	width: 200px;
	margin-right: auto;
}
.true-header a{
	padding-top: 8px;
	display: inline-block;
}
.footer{
	background-color: #145288;
	padding: 30px 0 10px;
}
.footer a, .footer{
	color: #eaeaea;
}
.footer-one{
	border-bottom: 1px solid #F4F4F4;
	margin-bottom: 10px;
}
.footer-one>div:first-child, .footer-ul, .footer-ul2, .footer-two{
	margin-bottom: 20px;
	width: 100%;
}
.footer-one>div:first-child p{
	padding-top: 10px;
}
.footer-ul a{
	line-height: 30px;
	display: inline-block;
}
.footer-ul2 li{
	background: url(/images/icon/home-icon.png) no-repeat -350px -135px;
	padding-left: 35px;
	margin-bottom:40px;
}
.footer-ul2 li:last-child{
	background-position-y: -184px;
}
.footer-ul2 a{
	font-size: 16px;
}
.footer-two ul a{
	width: 36px;
	height: 36px;
	overflow: hidden;
	background: url(/images/icon/home-icon.png) no-repeat 7px -134px;
}
.footer-two ul .a-bg1{
	background-position-x: -90px;
}
.footer-two ul .a-bg2{
	background-position-x: -40px;
}
.footer-two ul .a-bg3{
	background-position-x: -140px;
}
.footer-bottom div{
	width: 50%;
}
.footer-bottom a{
	width: 67px;
	height: 40px;
	overflow: hidden;
	margin-top: 30px;
	background: url(/images/icon/home-icon.png) no-repeat 0 -335px;
	border-radius: 3px;
}
.footer-bottom a:last-child{
	background-position: -97px -335px;
}
.footer-box, .footer-item, .footer-item-two, .footer-item-three{
	width: 96%;
}
.footer-item, .footer-item-two{
	padding-top: 2rem;
}
.footer-box p{
	padding: 10px 0 20px;
}
.footer-box ul{
	width: 100%;
}
.footer-box li a{
	display: block;
	width: 26px;
	height: 26px;
	overflow: hidden;
	background-image: url(/images/icon/home-icon.png);
	background-repeat: no-repeat;
	background-position-y: -286px;
}
.footer-box li:first-child a{
	background-position-x: 8px;
}
.footer-box li:nth-child(2) a{
	background-position-x: -19px;
}
.footer-box li:last-child a{
	background-position-x: -71px;
}

.footer-item h6, .footer-item-two h6{
	font-size: 24px;
	margin-bottom: 12px;
	border-bottom: 1px solid #dadada;
}
.footer-item li, .footer-item-two li{
	padding-bottom: 12px;
}
.footer-item-three p{
	width: 50%;
}
.footer-item-three a{
	display: block;
	width: 67px;
    height: 40px;
    margin: 30px auto 0;
    overflow: hidden;
    background: url(/images/icon/home-icon.png) no-repeat 0 -335px;
}
.footer-item-three p:last-child a{
	background-position: -97px -335px;
}
.footer-lang{
	padding: 10px 0;
}
.footer-lang select{
	-moz-appearance: none;
    -webkit-appearance: none;
    appearance: none;
    background: #145288 url(/images/common/arrow.png) right center no-repeat;
	border: 1px solid #fff;
	padding: 6px 35px 6px 15px;
	font-size: 16px;
	color: #fff;
	margin-top: 10px;
	border-radius: 3px;
}
.footer-lang option{
	color: #333;
	background-color: #fff;
}
.home-footer-bottom{
	padding: 10px 0;
	margin-top: 20px;
	border-top: 1px solid #114875;
}
.home-footer-bottom li{
	padding-right: 20px;
}
/*banner-en-----------------------------------------------*/
#banner-en{
	background: #f4faff url(../images/common/banner-bg.png) no-repeat center center;
	background-size: cover;
	padding: 2rem 0 8rem;
}
#banner-en .row{
	position: relative;
}
.img-right{
	position: absolute;
	display: none;
}
.en-text{
	position: relative;
	background-color: rgba(244, 250, 255, 0.5);
	padding-top: 20px;
}
.en-text>ul{
	animation: myfirst 0.1s 1 ease-in-out;
	-moz-animation: myfirst 0.1s 1 ease-in-out;
	-webkit-animation: myfirst 0.1s 1 ease-in-out;
	-o-animation: myfirst 0.1s 1 ease-in-out;
}
.en-text>ul li{
	padding-left: 15px;
}
.en-text>ul li span{
	font-size: 20px;
	color: #ff9b1a;
	top: 1px;
}
.en-text h2{
	font-size: 36px;
	margin-bottom: 10px;
	animation: myfirst 0.3s 1 ease-in-out;
	-moz-animation: myfirst 0.3s 1 ease-in-out;
	-webkit-animation: myfirst 0.3s 1 ease-in-out;
	-o-animation: myfirst 0.3s 1 ease-in-out;
}
.en-text p{
	font-size: 16px;
	margin-bottom: 20px;
	animation: myfirst 0.5s 1 ease-in-out;
	-moz-animation: myfirst 0.5s 1 ease-in-out;
	-webkit-animation: myfirst 0.5s 1 ease-in-out;
	-o-animation: myfirst 0.5s 1 ease-in-out;
}
.en-href{
	animation: myfirst 0.7s 1 ease-in-out;
	-moz-animation: myfirst 0.7s 1 ease-in-out;
	-webkit-animation: myfirst 0.7s 1 ease-in-out;
	-o-animation: myfirst 0.7s 1 ease-in-out;
}
.en-href a{
	border: 1px solid #f3982d;
	font-size: 24px;
	width: 180px;
	height: 64px;
	line-height: 64px;
	box-sizing: border-box;
	padding-left: 30px;
	border-radius: 3px;
	background-image: url(../images/icon/banner-icon.png);
	background-position-y: 15px;
	background-repeat: no-repeat;
	margin-bottom: 30px;
	display: block;
}
.windows-home{
	background-color: #f3982d;
	background-position-x: 15px;
	color: #fff;
}
.mac-home, .android-home{
	color: #f3982d;
}
.mac-home{
	background-position-x: -100px;
}
.android-home{
	background-position-x: -258px;
}
.windows-home:hover,
.android-home:hover,
.mac-home:hover{
	background-position-y: -65px;
}
.windows-home:hover{
	background-color: #fff;
	color: #f3982d;
}
.android-home:hover, .mac-home:hover{
	background-color: #f3982d;
	color: #fff;
}
/*---------products-en------------*/
.product-home-en{
	margin-bottom: 3rem;
}
.div-box{
	border-radius: 8px;
	background-color: #fff;
	padding: 30px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
}
.en-product{
	margin-top: -120px;
	margin-bottom: 110px;
}
.en-product h3{
	font-size: 30px;
	margin-bottom: 20px;
}
.en-product p{
	font-size: 18px;
	margin-bottom: 30px;
}
.en-product a{
	font-size: 24px;
	background: #f3982d;
	background: linear-gradient(125deg, #f3982d, #f2732e);
	color: #fff;
	border: 1px solid #f3982d;
	padding: 10px 25px;
	border-radius: 3px;
	display: inline-block;
}
.en-product a span{
	font-size: 30px;
}
.en-product a:hover{
	color: #f3982d;
	background: #fff;
}
.en-product-two{
	margin-bottom: 120px;
}
.en-product-two>div{
	margin-top: -130px;
	margin-bottom: 20px;
}
.en-product-two h3{
	font-size: 24px;
	margin-bottom: 10px;
}
.en-product-two p{
	font-size: 16px;
	margin-bottom: 30px;
}
.en-product-two a{
	font-size: 20px;
	background: #fff;
	color: #f3982d;
	border: 1px solid #f3982d;
	padding: 10px 20px;
	border-radius: 3px;
	display: inline-block;
}
.en-product-two a span{
	font-size: 26px;
}
.en-product-two a:hover{
	color: #fff;
	background: #f3982d;
	background: linear-gradient(125deg, #f3982d, #f2732e);
}
/*------------article-en--------------*/
.en-article{
	padding: 4rem 0;
}
.article-en-title{
	position: relative;
	padding-left: 20px;
}
.article-en-title:after{
	position: absolute;
	content: "";
	width: 4px;
	height: 100%;
	background: #0acffe;
	background: linear-gradient(to right, #0acffe, #23c2b9);
	top: 0;
	left: 0;
}
.article-en-title h2{
	font-size: 36px;
	line-height: 1.1;
	margin-bottom: 10px;
	position: relative;
}
.article-en-title p{
	margin-bottom: 20px;
	color: #f3982d;
}
.article-en-p{
	font-size: 18px;
	margin-bottom: 40px;
}
.article-en-ul a{
	display: block;
	background-color: #0acffe;
	background: linear-gradient(125deg, #0acffe, #23c2b9);
	border: 1px solid #0acffe;
	color: #fff;
	width: 118px;
	height: 34px;
	border-radius: 3px;
	line-height: 34px;
	margin-right: 20px;
	margin-bottom: 20px;
	position: relative;
	overflow: hidden;
}
.article-en-ul a:after{
	position: absolute;
	content: "";
	width: 40px;
	height: 120px;
	background-color: rgba(255,255,255,0.6);
	left: -100%;
	top: -95%;
	transform: rotate(45deg);
	
}
.article-en-ul a:hover:after{
	left: 200%;
	transition: all 1s;
}
.article-en-a{
	font-size: 20px;
	background: #fff;
	color: #0acffe;
	border: 1px solid #0acffe;
	padding: 10px 20px;
	border-radius: 3px;
	display: inline-block;
	margin-bottom: 30px;
}
.article-en-a span{
	font-size: 26px;
}
.article-en-a:hover{
	background: #0acffe;
	background: linear-gradient(125deg, #0acffe, #23c2b9);
	color: #fff;
}
.artile-right-ul{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
}
.li-other{
	margin-bottom: 20px;
	border-radius: 8px;
	position: relative;
	overflow: hidden;
	transition: all 0.3s;
}
.artile-right-ul li:hover{
	transform: translateY(-5px);
}
.li-other span{
	position: absolute;
	top: 15px;
	left: 15px;
	display: block;
	border-radius: 3px;
	font-size: 14px;
	padding: 5px 10px;
	color: #fff;
}
.li-other a{
	color: #fff;
	bottom: 15px;
	left: 0;
	right: 0;
	bottom: 0;
	position: absolute;
	padding: 20px 20px 15px;
	background: rgba(0,0,0,0.1);
	background: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,0.5));
	line-height: 1.2;
	display: inline-block;
}
.li-other-one{
	width: 295px;
	height: 435px;
	background-color: #18c6d6;
}
.li-other-two{
	width: 235px;
	height: 315px;
	background-color: #676fd3;
}
.li-other-three{
	width: auto;
	height: 195px;
	background-color: #8173ff;
}
.li-other-four{
	width: 235px;
	height: 315px;
	background-color: #36aaff;
	margin-right: 0;
}
.li-same{
	position: absolute;
	width: 100px;
	height: 100px;
	display: none;
	transition: all 0.3s;
}
.li-same-one{
	border-radius: 0 100% 0 0;
	background-color: #f3982d;
	left: 585px;
}
.li-same-two{
	border-radius: 0 0 100% 0;
	background-color: #19d1ff;
	bottom: 235px;
	left: 330px;
}
.li-same-three{
	border-radius: 50%;
	background-color: #7361fa;
	left: 705px;
	bottom: 215px;
}
/*-------en-why---------*/
.en-why{
	background: #f4faff;
	padding-bottom: 100px;
}
.en-why-top{
	color: #fff;
	padding: 60px 0 120px;
	background: #0acffe;
	background: linear-gradient(125deg, #0acffe, #23c2b9);
}
.en-why-top h2{
	font-size: 36px;
	margin-bottom: 10px;
	line-height: 1.1;
}
.why-text{
	margin-top: -80px;
	margin-bottom: 30px;
}
.why-text ul{
	position: relative;
	margin-bottom: 30px;
}
.why-text .text-ul{
	margin-bottom: 0;
}
.why-text .text-ul:after{
	width: 0;
}
.why-text .text-choose{
	font-size: 28px;
	color: #0acffe;
}
.why-text li{
	font-size: 18px;
}
.en-comment{
	min-height: 228px;
	background: #fff url(/images/common/comment-bg.png) no-repeat right top;
	margin-bottom: 30px;
	overflow: hidden;
}
.en-comment li{
	margin-left: 0;
	margin-right: 0;
}
.en-comment .a{
	margin-bottom: 20px;
	animation: myfirst 0.3s 1 ease-in-out;
	-moz-animation: myfirst 0.3s 1 ease-in-out;
	-webkit-animation: myfirst 0.3s 1 ease-in-out;
	-o-animation: myfirst 0.3s 1 ease-in-out;
}
.en-comment.transition-box .a{
	animation: myfirst 0.7s 1 ease-in-out;
	-moz-animation: myfirst 0.7s 1 ease-in-out;
	-webkit-animation: myfirst 0.7s 1 ease-in-out;
	-o-animation: myfirst 0.7s 1 ease-in-out;
}
.en-comment .b{
	min-height: 96px;
	color: #6e707f;
	animation: myfirst 0.5s 1 ease-in-out;
	-moz-animation: myfirst 0.5s 1 ease-in-out;
	-webkit-animation: myfirst 0.5s 1 ease-in-out;
	-o-animation: myfirst 0.5s 1 ease-in-out;
}
.en-comment.transition-box .b{
	animation: myfirst 0.9s 1 ease-in-out;
	-moz-animation: myfirst 0.9s 1 ease-in-out;
	-webkit-animation: myfirst 0.9s 1 ease-in-out;
	-o-animation: myfirst 0.9s 1 ease-in-out;
}
.en-comment .c{
	margin-top: 30px;
	animation: myfirst 0.7s 1 ease-in-out;
	-moz-animation: myfirst 0.7s 1 ease-in-out;
	-webkit-animation: myfirst 0.7s 1 ease-in-out;
	-o-animation: myfirst 0.7s 1 ease-in-out;
}
.en-comment.transition-box .c{
	animation: myfirst 1.1s 1 ease-in-out;
	-moz-animation: myfirst 1.1s 1 ease-in-out;
	-webkit-animation: myfirst 1.1s 1 ease-in-out;
	-o-animation: myfirst 1.1s 1 ease-in-out;
}
.en-comment a{
	font-size: 24px;
	margin-left: 20px;
	align-self: center;
	color: #ff9b1a;
	position: relative;
	display: inline-block;
}
.en-comment a:after{
	position: absolute;
	content: "";
	width: 0;
	height: 2px;
	background-color: #ff9b1a;
	right: 0;
	bottom: 0;
	transition: all 0.3s;
}
.en-comment a:hover:after{
	width: 100%;
	left: 0;
}
.en-comment img{
	display: block;
}
.en-comment span{
	color: #ff9b1a;
	font-size: 22px;
}
.en-comment i{
	font-size: 18px;
	margin-top: 3px;
	margin-right: auto;
}
.en-why-tab{
	position: relative;
	z-index: 2;
}
.en-why-tab>div{
	display: none;
}
.en-why-tab .active-tab{
	display: block;
}
.en-change{
	position: relative;
}
.en-tab-right, .en-tab-left{
	font-size: 30px;
	border: 1px solid #0acffe;
	width: 40px;
	height: 40px;
	border-radius: 3px;
	z-index: 10;
	cursor: pointer;
	bottom: 0;
	position: absolute;
}
.en-tab-left{
	background: #fff;
	color: #0acffe;
}
.en-tab-left:hover{
	color: #fff;
	background: #0acffe;
	background: linear-gradient(125deg, #0acffe, #23c2b9);
}
.en-tab-right{
	background: #0acffe;
	background: linear-gradient(125deg, #0acffe, #23c2b9);
	color: #fff;
}
.en-tab-right:hover{
	background: #fff;
	color: #0acffe;
}
.en-tab-right span, .en-tab-left span{
	top: 1px;
}
.en-tab-right span{
	left: 5px;
}
.en-tab-left span{
	left: 4px;
}
.en-change #prev{
	left: 45%;
	left: calc( 50% - 57px);
	bottom: -42px;
}
.en-change #next{
	right: 45%;
	right: calc( 50% - 57px);
	bottom: -42px;
}
.en-change:after{
	position: absolute;
	content: "";
	z-index: 0;
	width: 360px;
	height: 360px;
	border-radius: 50%;
	background: #d6ecf5;
	background: linear-gradient(180deg, #f4faff, #d6ecf5);
	bottom: -70px;
	left: 34%;
	left: calc( 50% - 184px);
}
/*---------en-footer-----*/
.en-footer{
	background: #f7fcff;
	padding: 30px 0;
	border-top: 1px solid #ebeff2;
}
.en-footer-top{
	border-bottom: 1px solid #d8e0e5;
	margin-bottom: 15px;
}
.en-footer-top>div{
	margin-bottom: 20px;
}
.en-footer-top h3{
	font-size: 18px;
	margin-bottom: 10px;
}
.en-footer-top a{
	color: #09103b;
	position: relative;
	display: inline-block;
}
.en-footer-top a:hover{
	color: #1781e0;
}
.en-footer-top a:after{
	position: absolute;
    content: '';
    right: 0;
    bottom: 0;
    width: 0%;
    height: 1px;
    transition: all 300ms ease;
    background: #1781e0;
}
.en-footer-top a:hover:after{
	width: 100%;
    left: 0;
}
.follow-ul li:first-child a{
	background: url(../images/icon/follow-bg.png) no-repeat left center;
	width: 32px;
	height: 32px;
	overflow: hidden;
	margin-right: 5%;
}
.follow-ul li:first-child a:first-child{
	background-position-x: 10px;
}
.follow-ul li:first-child a:nth-child(2){
	background-position-x: -28px;
}
.follow-ul li:first-child a:nth-child(3){
	background-position-x: -70px;
}
.follow-ul li:first-child a:last-child{
	margin-right: 0;
	background-position-x: -109px;
}
.follow-ul li:last-child a{
	width: 67px;
    height: 40px;
    overflow: hidden;
    margin-top: 20px;
    background: url(../images/icon/home-icon.png) no-repeat 0 -335px;
    border-radius: 3px;
    border: 1px solid #dfecf7;
}
.follow-ul li:last-child a:last-child{
	background-position: -97px -335px;
}
.follow-ul li:last-child a:after{
	display: none;
}
/*banner-----------------------------------------------*/
#banner{
  position: relative;
  width: 100%;
  margin: 0 auto;
  color: #fff;
  overflow: hidden;
}

.home-banner-ul{
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  background-color: #fff;
  box-sizing: border-box;
}
.home-ul-li{
	height: 100%;
	padding: 30px 0;
	box-sizing: border-box;
}
.home-ul-li:first-child{
	background: url(/images/banner/home-windows-banner.webp) no-repeat center center;
	background-size: cover;
}
.home-ul-li:nth-child(2){
	background: url(/images/banner/home-clonege-banner.webp) no-repeat center center;
	background-size: cover;
}
.home-ul-li:nth-child(3){
	background: url(/images/banner/home-bitlocker-banner.webp) no-repeat center center;
	background-size: cover;
}
.arrow{
	display: none;
	width: 60px;
	height: 60px;
	border-radius: 50px;
	overflow: hidden;
	position: absolute;
	cursor: pointer;
	z-index: 10;
	background: url(/images/icon/home-icon.png) no-repeat;
	transition: all 0.2s;
	-webkit-transition: all 0.2s;
	bottom: 80px;
}
.arrow:hover{
	background-color: #1781E0;
}
#prev.arrow{
  	left: 0;
  	background-position:  -273px -322px;
}
#next.arrow{
  	right: 0;
  	background-position: -330px -322px;
}
.home-score li{
	font-size: 16px;
	padding-left: 15px;
}
.home-score li:first-child{
	text-transform: uppercase;
}
.home-score li span{
	font-size: 20px;
    color: #ff9b1a;
    margin-top: -3px;
}
.home-score{
	animation: myfirst 0.2s 1 ease-in-out;
	-moz-animation: myfirst 0.2s 1 ease-in-out;
	-webkit-animation: myfirst 0.2s 1 ease-in-out;
	-o-animation: myfirst 0.2s 1 ease-in-out;
}
.home-banner-ul h2{
	font-size: 48px;
	padding-left: 20px;
	border-left: 4px solid #1781E0;
	line-height: 1;
	margin: 15px 0 40px;
	animation: myfirst 0.3s 1 ease-in-out;
	-moz-animation: myfirst 0.3s 1 ease-in-out;
	-webkit-animation: myfirst 0.3s 1 ease-in-out;
	-o-animation: myfirst 0.3s 1 ease-in-out;
}
.home-banner-p{
	font-size: 18px;
	padding: 0;
	margin-bottom: 30px;
	animation: myfirst 0.5s 1 ease-in-out;
	-moz-animation: myfirst 0.5s 1 ease-in-out;
	-webkit-animation: myfirst 0.5s 1 ease-in-out;
	-o-animation: myfirst 0.5s 1 ease-in-out;
}
.homen-banner-a{
	animation: myfirst 0.7s 1 ease-in-out;
	-moz-animation: myfirst 0.7s 1 ease-in-out;
	-webkit-animation: myfirst 0.7s 1 ease-in-out;
	-o-animation: myfirst 0.7s 1 ease-in-out;
}
.windows-video{
	animation: myfirst2 0.5s 1 ease-in-out;
	-moz-animation: myfirst2 0.5s 1 ease-in-out;
	-webkit-animation: myfirst2 0.5s 1 ease-in-out;
	-o-animation: myfirst2 0.5s 1 ease-in-out;
}
@keyframes myfirst{
	0%{transform: translateX(40px);opacity: 0;}
	40%{opacity: 1;}
	100%{transform: translateX(0px);}
}
@keyframes myfirst2{
	0%{transform: translatey(40px);opacity: 0;}
	40%{opacity: 1;}
	100%{transform: translatey(0px);}
}
.homen-banner-a a{
	border: 1px solid #fff;
	margin-right: 20px;
	margin-bottom: 20px;
	display: block;
	height: 48px;
	border-radius: 48px;
	line-height: 48px;
	width: 48px;
	background: url(/images/icon/icon4.png) no-repeat center;
	transition: all 0.3s;
}
.homen-banner-a a:first-child{
	text-transform: uppercase;
	font-size: 24px;
	width: auto;
	color: #fff;
	padding: 0 20px;
	background-image: none;
}
.homen-banner-a a:hover{
	background-color: #1781E0;
}
.homen-banner-a .a-windows{
	background-position-y: 13px;
}
.homen-banner-a .a-mac{
	background-position-y: -53px;
}
.homen-banner-a .a-android{
	background-position-y: -117px;
}
.windows-video{
	width: 126px;
	height: 126px;
	overflow: hidden;
	border-radius: 80px;
	transition: all 0.3s;
	cursor: pointer;
	box-sizing:border-box;
	border: solid 4px #fff;
	background: url(/images/icon/home-icon.png) no-repeat 48px -417px;
	margin-left: auto;
	margin-right: auto;
}
.windows-video:hover{
	background-color: #1781E0;
}
.video-windows{
	background-color: rgba(0,0,0,0.5);
	position: fixed;
	width: 100%;
	height: 100%;
	height: 100vh;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 99999;
	display: none;
}
.video-home{
	max-width: 640px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 200px;
	margin-top: calc( 50vh - 150px );
}
.video-home div{
	width: 40px;
	height: 40px;
	color: #fff;
	border-radius: 20px;
	font-size: 30px;
	float: right;
	text-align: center;
	line-height: 34px;
	background-color: #1781E0;
	cursor: pointer;
}
.video-home video{
	border: 4px solid #333;
	border-radius: 4px;
}
/*------------------------------------------------*/
.home-h2{
	font-size: 36px;
	text-transform: uppercase;
	color: #333;
	position: relative;
	margin-bottom: 25px;
}
.home-h2:after{
	content: "";
	height: 3px;
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -40px;
	width: 80px;
	background-color: #1781e0;
}
.home-p{
	font-size: 18px;
	color: #666;
	padding-bottom: 40px;
}
#main-pro{
	padding: 2rem 0 3rem;
}
.p-a a{
	border:1px solid #1781e0;
	padding: 10px 30px;
	display:inline-block;
	transition:all 0.3s;
	font-size: 24px;
	border-radius: 50px;
}
.p-a a:hover{
	background-color: #1781e0;
	color: #fff;
}

.box-pro>li{
	margin: 30px 0;
}
.box-pro h3{
	font-size:24px;
	padding: 10px 0 10px;
}
.box-pro h3 a{
	color: #333;
}
.box-pro h3 a:hover{
	color: #1781E0;
}
.box-pro h5{
	font-size:20px;
	padding: 10px 0 10px;
}
.box-pro p{
	padding-bottom: 30px;
}
.box-pro ul li{
	font-size:16px;
	line-height:2;
}
.a-div{
	display: inline-block;
	height: 45px;
	font-size:20px;
	line-height: 45px;
	box-sizing: border-box;
	border: 1px solid;
	margin:0 auto;
	border-radius: 50px;
	transition: all 0.3s;
	padding: 0 25px;
}
.a-div:hover{
	background-color: #1781E0;
	color: #fff;
}
.crumb-box{
	padding: 20px 0;
	color: #666;
}
.crumb-box a{
	color: #666;
	margin-right: 5px;
}
.crumb-box a:first-child{
	margin-right: 0px;
}
.crumb-box span{
	font-size: 20px;
	margin-right: 5px;
	top: 2px;
}
.crumb-box a:hover{
	color: #1781E0;
}
.left-home{
	padding-bottom: 3rem;
}
.main-one{
    border-radius: 4px;
	background-color: #fff;
	overflow: hidden;
	box-shadow: 0 0 15px 0 rgba(0,0,0,.1);
	margin-bottom: 30px;
	padding: 30px;
}
.main-one img{
	display: block;
	margin-bottom: 30px;
}

.main-div h3{
	font-size: 24px;
	line-height: 1.2;
	border-left: 3px solid #1781E0;
	padding-left: 10px;
	margin-bottom: 20px;
}
.main-div h3 a{
	color: #333;
	display: inline-block;
}
.main-div h3 a:hover{
	color: #1781E0;
}
.main-div>a{
	font-size: 20px;
	background: url(/images/icon/pro-arrow.png) no-repeat 100px 0;
	padding: 10px 50px 10px 0;
	transition: all 0.3s;
}
.main-div>a:hover{
	background-position-x: 110px;
}
.main-div p{
	font-size: 16px;
	color: #666;
}
.main-two{
	margin-bottom: 30px;
}
.main-two li{
	border-bottom: 1px solid #DADADA;
	padding-bottom: 15px;
	margin-bottom: 15px;
}
.main-two li:last-child{
	border-bottom: none;
	padding-bottom: 0;
	margin-bottom: 0;
}
.main-two a{
	font-size: 18px;
	color: #333;
	margin-bottom: 10px;
	display: block;
}
.main-two a:hover{
	color: #1781E0;
}
.home2-ul2 a{
	border: 1px solid #fff;
	padding: 8px 22px;
	border-radius: 40px;
	transition: all 0.3s;
	margin-top: 30px;
	display: inline-block;
	
}
.home2-ul2 a:hover{
	background-color: #0C72B5;
	color: #fff;
	text-decoration: none;
}
.left-home3{
	background: url(/images/common/center-bg.webp) no-repeat center center;
	background-size: cover;
	padding: 3rem 0;
}
.left-home3 h2{
	color: #fff;
}
.left-home3 h2:after{
	left: 0;
	background-color: #fff;
	margin-left: 0;
}
.left-home3 p{
	font-size: 16px;
}
.resources-a{
	align-self: center;
}
.resources-a a{
	display: inline-block;
	font-size: 24px;
	padding: 12px 25px;
	border: 1px solid #fff;
	border-radius: 60px;
	transition: all 0.3s;
}
.left-home3 a:hover{
	background-color: #fff;
	color: #1681e0;
}
.main-home{
	padding: 2rem 0 3rem;
}
.main-home-one{
	margin-bottom: 30px;
}
.main-home-one div{
	width: 95px;
	height: 85px;
	overflow: hidden;
	margin: 30px auto 10px;
	background-image: url(/images/icon/home-icon.png);
	background-repeat: no-repeat;
}
.one-bg{
	background-position: 0 0;
}
.two-bg{
	background-position: -94px 0;
}
.three-bg{
	background-position: -190px 0;
}
.four-bg{
	background-position: -286px 0;
}
.main-home-one h4{
	font-size: 24px;
	color: #333;
	padding-bottom: 5px;
}
.main-home-one p{
	font-size: 18px;
	color: #666;
}
.main-bg{
	display: none;
	position: relative;
	height:515px;
	background:url(/images/common/main-bg.png) no-repeat center center;
}
.main-bg>div{
	position: absolute;
}
.main-bg>div:nth-child(1){
	left: 10%;
	top: 22%;
}
.main-bg>div:nth-child(2){
	left: 20%;
	top: 32%;
}
.main-bg>div:nth-child(3){
	left: 29%;
	top: 20%;
}
.main-bg>div:nth-child(4){
	left: 32%;
	top: 10%;
}
.main-bg>div:nth-child(5){
	left: 22%;
	top: 38%;
}
.main-bg>div:nth-child(6){
	left: 19%;
	top: 44%;
}
.main-bg>div:nth-child(7){
	left: 36%;
	top: 19%;
}
.main-bg>div:nth-child(8){
	left: 72%;
	top: 49%;
}
.main-bg>div:nth-child(9){
	left: 32%;
	top: 80%;
}
.main-bg>div:nth-child(10){
	left: 63%;
	top: 24%;
}
.main-bg>div:nth-child(11){
	left: 30%;
	top: 70%;
}
.main-bg>div:nth-child(12){
	left: 80%;
	top: 20%;
}
.main-bg>div:nth-child(13){
	left: 50%;
	top: 60%;
}
.main-bg>div:nth-child(14){
	left: 20%;
	top: 25%;
}
.main-bg>div:nth-child(15){
	left: 48%;
	top: 32%;
}
.main-bg>div:nth-child(16){
	left: 75%;
	top: 44%;
}
.main-bg>div:nth-child(17){
	left: 78%;
	top: 34%;
}
.main-bg>div:nth-child(18){
	left: 68%;
	top: 38%;
}
.main-bg>div:nth-child(19){
	left: 79%;
	top: 43%;
}
.main-bg>div:nth-child(20){
	left: 81%;
	top: 76%;
}
.main-bg>div:nth-child(21){
	left: 55%;
	top: 70%;
}
.main-bg>div:nth-child(22){
	left: 66%;
	top: 55%;
}
.main-bg>div:nth-child(23){
	left: 56%;
	top: 55%;
}
.main-bg>div:nth-child(24){
	left: 52%;
	top: 35.5%;
}
.main-bg>div:nth-child(25){
	left: 68.5%;
	top: 25.5%;
}
.main-bg>div:nth-child(26){
	left: 46.5%;
	top: 45.5%;
}
.main-bg>div:nth-child(27){
	left: 58.5%;
	top: 33.5%;
}
.main-bg div>div{
	width: 20px;
	height: 20px;
	border-radius: 50%;
	background-color: rgba(23, 129, 224, 0.2);
}
.main-bg>div:after{
	content: "";
	background-color: #1781e0;
	width: 10px;
	height: 10px;
	border-radius: 50%;
	position: absolute;
	left: 5px;
	top: 5px;
}
.bg{
	animation: hear 2s infinite;
}
.bg1{
	animation: hear 4.2s infinite;
}
.bg2{
	animation: hear 3.2s infinite;
}
@keyframes hear{
	0%{transform: scale(1,1);}
	50%{transform: scale(2,2);}
	100%{transform: scale(1,1);}
}
.left-full{
	margin-bottom:60px;
	padding: 30px;
	background-color: #fff;
}
.left-full p{
	overflow:hidden;
	margin: 10px 0 5px;
}
.left-full h1{
	font-size:24px;
	margin-bottom: 30px;
	line-height: 30px;
	padding-bottom: 10px;
	border-bottom: 1px solid #aaa;
}
.left{
	background-color: #fff;
	margin-bottom:60px;
	padding: 30px;
	color: #333;
	line-height: 2;
}
.left p{
	margin-bottom: 20px;
}
.left-product h1, .left-product h2, .left-product h3,
.product-title, .left-product dt, p.features, .top,
.purchase-original, .purchase-price, .video-box ul a, .purchase-text a, 
.right dt, .right p, 
.product-box h2, .left h1, .left h2, .left h3, .left h4, .left h5, .left h6, .left-full h1{
	font-weight: bold;
}
.left h1{
	font-size:24px;
	margin-bottom: 20px;
	line-height: 30px;
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.left h2{
	font-size:22px;
	padding: 30px 0 10px;
	line-height: 28px;
	border-bottom: 1px dashed #ddd;
	margin-bottom: 20px;
}
.left h3, .left h4{
	margin:40px 0 20px;
}
.left h3{
	font-size:20px;
}
.left h4{
	font-size:18px;
}
.left h5, .left h6{
	font-size:18px;
	margin:30px 0 10px;
	font-weight: normal;
	border-left: 4px solid #0075D0;
	padding-left: 10px;
}
.left .articles-top{
	min-height:100px;
	margin-bottom: 20px;
}
.left .articles-top h1{
	margin-bottom: 0px;
	border-bottom: none;
}
.articles-top p{
	margin-top: 10px;
}
.left>.important-articles{
	margin: 0;
}
.left .important-articles li{
	list-style: none;
	margin: 0;
}
.left .important-articles a{
	width: 100%;
	box-sizing: border-box;
	display: block;
	padding: 20px;
	min-height: 130px;
	background-color: #1781e0;
	transition: all 0.3s;
	margin-bottom: 30px;
}
.important-articles li h2{
	font-size: 20px;
	line-height:1.2;
	font-weight:lighter;
	border-bottom: none;
	padding: 0;
}
.important-articles a:hover{
	box-shadow: 0px 0px 10px #a0a0a0;
	transform: translateY(-5px);
	text-decoration: none;
}
.important-articles img{  
	border:#fff 2px solid;
}
.important-articles li p{
	line-height:1.2;
	margin: 10px 0 0;
}
.important-articles li:nth-child(2) a{
	background-color: #f09516;
}
.left ul, .left ol{
	margin: 10px 0 10px 16px;
	list-style-position: outside;
	line-height: 1.8em;
}
.left ul li{
	list-style: disc;
    margin: 15px 0px 5px 20px;
    line-height: 1.5;
}
.left .item1 ul, .left .item2 ul{
	margin-left: 0;
	margin-top: 0;
}
.left .relat p{
	border-bottom: 1px solid #D4D4D4;
	font-size: 18px;
	margin-bottom: 20px;
}
.left .relat ul{
	margin: 0;
}
.left .relat ul li{
	list-style: none;
	width: 48%;
	margin: 0 0 20px 0;
}
.left .relat li span:first-child{
	overflow: hidden;
}
.relat a{
	font-weight: 600;
}
.left p.category{
	font-size: 22px;
	margin: 30px 0 10px;
}
.left ol li{   
	margin: 5px 0;
    list-style: disc;
}
.left-product{
	margin-bottom: 50px;
	padding: 30px;
	color: #333;
	background-color: #fff;
}

.left-product>dl>dd{background: url(/images/common/dot.png) no-repeat left 8px;padding-left:10px;padding-bottom: 5px;}
.left-product p{
	padding:5px 0;
}
.left-product h1{
	font-size:24px;
	margin: 10px 0;
	line-height: 30px;
}
.left-product h2{
	font-size:22px;
	margin: 40px 0 10px;
	line-height: 28px;
}
.left-product h3{
	font-size:20px;
	margin: 5px 0;
}
.go-to-win,
.go-to-mac,
.go-to-andr
{
	display: inline-block;
	height:50px;
	line-height:50px;
	background: #2e9fff;
	padding: 0 20px;
	color:#FFF;
	border-radius:3px;
	margin: 20px auto 0;
}
.go-to-win:hover,
.go-to-mac:hover,
.go-to-andr:hover{
	background: #2683d2;
}
.product-title{
	font-size:16px;
	color: #1781E0;
}
.product-images{
	margin-top:10px;
}
.product-images .price{
	font-size: 24px;
}
.left-product dt{
	margin-bottom:10px;
	color: #1781E0;
	margin-top: 10px;
}
p.features{
	padding-top: 20px;
	font-size: 16px;
}
.version-box{
	border: 1px solid #DADADA;
	border-radius: 5px;
	margin-top: 30px;
	overflow: hidden;
}
.top{
	box-sizing: border-box;
	padding: 10px 20px;
	background-color: #f4f4f4;
	font-size: 18px;
	margin-left: -15px;
	margin-right: -15px;
}
.top span{
	padding-right: 60px;
}
.bottom{
	border-bottom: 1px solid #DADADA;
}
.bottom:last-child{
	border-bottom: none;
}
.bottom dt{
	margin-top: 20px;
}
.dd-image del{
	color: #777;
}
.price{
	color:#ff0000;
}
.dd-buttom{
	margin: 20px 0;
}
.dd-buttom a{
	display: inline-block;
	margin-left: auto;
	margin-right: auto;
}
.right{
	padding-bottom:30px;
	box-sizing: border-box;
}
.right p{
	background-color: #1781e0;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
}
.right ul{
	background-color: #fff;
	margin-bottom: 30px;		
}
.right li{
	line-height: 32px;
	padding-left: 10px;
}
.right li a{
	color: #464646;
}
.right dl{
	background-color: #fff;
	margin-bottom: 30px;	
}
.right dt{
	background-color: #1781e0;
	padding: 10px;
	margin-bottom: 10px;
}
.right dd{
	background: url(/images/common/dot.png) no-repeat 10px 10px;
	padding: 0 10px 10px 20px;
}
.right dd a{
	color: #464646;
}
.right .join-img dd{
	background: none;
	padding: 0 20px 20px;
}
.right span{
	height: 131px;
	overflow: hidden;
}
/*---------en-downloads--------*/
.hot-down-a:hover, .en-product-box h3 a:hover{
	color: #1781E0;
}
.hot-down-a:after, .en-product-box h3 a:after{
	position: absolute;
	content: "";
	right: 0;
	bottom: 0;
	height: 2px;
	width: 0;
	background-color: #1781E0;
	transition: all 0.3s;
}
.hot-down-a:hover:after, .en-product-box h3 a:hover:after{
	left: 0;
	width: 100%;
}
#en-product-banner{
	background: #0acffe;
    background: linear-gradient(125deg, #0acffe, #23c2b9);
    background-size: cover;
    padding: 60px 0 80px;
}
#en-product-banner h1{
	padding-bottom: 40px;
	color: #fff;
}
.hot-div{
	margin-bottom: 30px;
}
.en-img .price{
	font-size: 20px;
}
.hot-down-a{
	color: #333;
	position: relative;
	margin-bottom: 5px;
	display: inline-block;
}
.en-down-a a{
	font-size: 20px;	
	margin-top: 20px;
}
.en-down-a span{
	font-size: 20px;
	top: 2px;
}
.en-store-main{
	padding: 60px 0;
}
.en-div-ul{
	z-index: 100;
	left: 0;
	right: 0;
	background-color: #fff;
}
.en-nav-down p{
	height: 60px;
	line-height: 60px;
	font-size: 24px;
	background-color: #1781e0;
	color: #fff;
}
.en-nav-down a{
	display: block;
	cursor: pointer;
	position: relative;
	color: #333;
}
.en-nav-down li.ul-choose a, .en-nav-down a:hover{
	color: #1781E0;
}
.en-nav-down a:before, .en-nav-down a:after{
	position: absolute;
	content: "";
}
.en-nav-down li.ul-choose a:before{
	border: 6px solid #1781E0;
    border-top-color: #1781E0;
    border-bottom: none;
    border-left-color: transparent;
    border-right-color: transparent;
	bottom: -7px;
	left: 50%;
	margin-left: -6px;
}
.en-nav-down a:after{
	background-color: #1781E0;
	width: 0;
	height: 3px;
	right: 0;
	bottom: -1px;
	transition: all 0.3s;
}
.en-nav-down li.ul-choose a:after, .en-nav-down a:hover:after{
	width: 100%;
	left: 0;
}
.en-store-main{
	background-color: #fff;
}
.en-left2-product{
	margin-top: 60px;
}
.en-left2-product h2{
	border-bottom: 1px solid #f3982d;
	color: #f3982d;
	margin-bottom: 30px;
}
.tool-p{
    font-size: 18px;
    color: #333;
    border-bottom: 1px dashed #dadada;
    margin: 30px 0;
    padding-bottom: 10px;
}
.en-product-box{
	position: relative;
	padding: 20px;
	background-color: #fff;
	margin-bottom: 30px;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	border-radius: 5px;
	min-height: 320px;
}
.en-product-box > span{
	position: absolute;
	left: 10px;
	top: 10px;
	font-size: 12px;
	color: #fff;
	padding: 5px 10px;
	border-radius: 3px;
}
.en-product-box h3{
	margin-bottom: 10px;
}
.en-product-box h3 a{
	color: #333;
	position: relative;
	display: block;
	transition: all 0.3s;
}
/*---------------------*/
#product-banner{
	padding: 80px 0;
	background:url(/images/common/product-banner.jpg) center center no-repeat;
	background-size: cover;
}

#product-banner h1, #product-banner h2{
	font-size: 36px;
	line-height: 1.5;
}
#product-banner div > span{
	width: 200px;
	height: 4px;
	background-color: #eb9317;
	margin: 0 auto;
}
#product-banner .try-span{
	background-color: #4db753;
}
#product-banner p{
	font-size: 18px;
	max-width: 600px;
	margin: 0 auto;
	padding: 10px 4% 0;
}
#product-banner .banner-try{
    background-color: #4db753;
	border: 1px solid #4db753;
}
#product-banner .banner-try:hover{
	background-color: #45a349;
}
#product-banner div div{
	max-width: 500px;
	margin: 40px auto 0;
}
#product-banner a{
	height: 60px;
	line-height: 60px;
	background-color: #eb9317;
	font-size: 24px;
	border: 1px solid #EB9317;
	padding: 0 20px;
}
#product-banner a:hover{
	background-color: #d98716;
}
.div-ul{
	margin-top: 30px;
	box-shadow: 0 0 5px rgba(0,0,0,0.3);
	overflow: hidden;
	border-radius: 3px;
}
.div-ul p{
	font-size: 24px;
	padding: 20px;
	background-color: #1781E0;
}
.pro-nav-ul{
	background-color: #fff;
}
.pro-nav-ul li{
	cursor: pointer;
	padding: 20px 10px;
	font-size: 16px;
	border-bottom: 1px solid #D4D4D4;
}
.pro-nav-ul li:last-child{
	border-bottom: none;
}
.pro-nav-ul .ul-choose{
	background-color: #fb9d18;
}
.left2-product h2{
	padding: 40px 0 10px;
	border-bottom: 1px solid #D8D8D8;
	margin: 0 14px 20px;
	font-size: 26px;
}
.product-box{
	padding: 30px;
	background-color: #fff;
	box-shadow: 0 0 5px rgba(0,0,0,0.2);
	transition: all 0.3s;
	border-radius: 5px;
	margin-bottom: 30px;
	position: relative;
}
.product-box:hover{
	transform: translateY(-8px);
}
.product-box>span{
	position: absolute;
	right: 10px;
	top: 10px;
	padding: 5px 10px;
    font-size: 14px;
    color: #fff;
    border-radius: 2px;
}
.product-box .img{
 	margin-bottom: 20px;
}
.product-box .img p{
	font-size: 18px;
}
.product-box h3{
	align-self: center;
	margin-bottom: 20px;
}
.buy-down{
	margin-top: 20px;
}
.button-buy, .button-down{
	display: inline-block;
	border: 1px solid;
	padding: 10px 20px;
	border-radius: 3px;
}
.button-buy span, .button-down span{
	font-size: 22px;
	margin-right: 5px;
}
.button-buy{
	border-color: #fb9d18;
	color: #fff;
	background-color: #fb9d18;
}
.button-buy:hover{
	color: #FB9D18;
	background-color: #fff;
	background-position: 10px 10px;
}
.button-down{
	border-color: #4db754;
    color: #4DB754;
}
.button-down:hover{
	color: #fff;
	background-color: #4DB754;
	background-position: 10px -70px;
}
.support-item h2{
	margin-bottom: 30px;
}
.support-item-div>div{
	margin-bottom: 30px;
}
.support-item-div div>a{
	background-image: url(/images/icon/logo-icon.png);
	background-repeat: no-repeat;
	margin: 0 auto;
	width: 64px;
	height: 64px;
	overflow: hidden;
}
.video-box h3{
	border-bottom: 1px solid #D0D0D0;
}
.left .video-box ul{
	margin: 0;	
}
.left .video-box ul li{
	width: 200px;
	margin: 0 0 0 50px;
	list-style: none;	   
}     
.left .video-box ul li:first-child{
	margin-left: 0;
}
.video-box ul a{
	font-weight: normal;
}
.video-box ul li span{
	display: block;
}
.guar-div{
	background-color: #fff;
	padding: 10px;
}
.purchase-price{
	color:#ff6100;
	font-size: 20px;
}
.purchase-original{
	font-size: 16px;
}
.purchase-box{
	padding-top: 10px;
	width: 100%;
	text-align: center;
}
.purchase-box p{
	font-size: 16px;
	color: #777;
}
.left .purchase-text ul{
	margin-left: 0;
}
.left .purchase-text ul li{
	list-style: none;
	margin: 10px 0 0;
}
.left-purchase-box{
	margin-right:10px;
}
.purchase-text a{
	background-color:#ff6100;
	font-size:24px;
	display:inline-block;
	border-radius:5px;
	padding: 8px 20px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.purchase-text a img{
	margin-right:8px;
	vertical-align:middle;
}
.left .purchase-text a:hover{
	background-color:#ff741e;	
	text-decoration: none;
}
.special-offer{
	padding-top: 30px;
	padding-bottom: 20px;
}
.special-offer h3{
	font-size:20px;
	line-height:1.2em;
	margin: 5px 0;
}
.special-offer p{
	font-size:16px;
	color: #1781E0;
	margin: 0;
}
.special-offer span{
	color:#f00
}
.key-function h2{
	padding-bottom: 10px;
	border-bottom: 1px solid #D4D4D4;
	margin-bottom: 20px;
}
.key-function .content{
	border-bottom: 1px dashed #ccc;
	margin-bottom: 20px;
	padding-bottom: 20px;
}
.key-function .content h3{
	font-size:18px;
	line-height:16px;
	font-weight: normal;
}
.recommended-title{
	color: #FF0000;
}
.recommended{
	margin-top: 20px;
	box-sizing:border-box;
	padding:20px;
	background-color: #f5faff;
	border-radius: 10px;
}
.recommended h2{
	line-height: 60px;
	margin-top: 0;
	margin-bottom: 20px;
}
.recommended>h2>img{
	margin-right: 10px;
}
.recommended h3{
	margin: 0;
}
.border-learn{
	display: inline-block;
	font-size: 18px;
	padding: 5px 10px;
	border: 1px solid #f3982d;
	color: #f3982d;
	border-radius: 3px;
}
.left-product .border-learn:hover{
	background-color: #f3982d;
	color: #fff;
	text-decoration: none;
}
.border-learn span{
	font-size: 24px;
}
.go-to-version{
	padding: 10px;
	border: 1px solid #0075D0;
	display: inline-block;
	margin-top: 10px;
	box-sizing: border-box;
}
#step1, #step2, #step3, #step4, #step5, #step6{
	padding: 40px 0 10px;
	border-bottom: 1px dashed #aaa;
	font-size: 18px;
}
#support-banner{
	padding: 80px 0;
	background: #1189b1  url(/images/banner/support-banner.webp) center center no-repeat;	
	margin-bottom:40px;
	background-size: cover;
}
#support-banner h2{
	margin-bottom: 20px;
	font-size:30px;
}
#support-banner span{
	border-bottom:4px solid #0b6684;
	width:140px;
}
#support-banner p{
	padding: 20px;
	background-color: rgba(0,0,0,0.5);
}
.dis, .dis2{
	border:1px solid #1781e0;
	padding: 0 50px;
	font-size: 24px;
	color:#1781e0;
	cursor:pointer;
	line-height:1.5;
	width:20px;
}
.dis2{
 	display:none;
}
#opt3{
	cursor:pointer;
	margin-top:10px;
}
#opt3-img{
	color: #0c72b5;
	border-width:0 1px 1px;
	border-color:#666;
	border-style:solid;
	margin-top:-10px;
	font-size:18px;
	max-width: 659px;
	overflow:hidden;
	cursor:pointer;
}
.opt-height{
	height: 222px;
	overflow:hidden;
}
/*----------------------------------------*/
.free, .buy, .buy2{
	background: url(/images/icon/buy-free.png) no-repeat;
	font-size: 20px;
	border: 1px solid;
	border-radius: 3px;
}
.free{
	background-color: #08c508;
	background-position: 120px 15px;
	border-color: #08c508;
	padding: 20px 65px 20px 20px;
}
.div-free-buy-de .free{
	background-position-x: 160px;
}
.div-free-buy-fr .free{
	background-position-x: 140px;
}
.div-free-buy-ja .free{
	background-position-x: 154px;
}
.buy2{
	padding: 20px 25px;
	height: 25px;
	line-height: 25px;
	background-color: #f39c22;
	background-position: 125px -122px;
	border-color: #f39c22;
	color: #fff;
	padding-right: 80px;
}
.buy{
	background-color: #f39c22;
	background-position: 150px -122px;
	border-color: #f39c22;
	width: 188px;
	padding-left: 25px;
}
.buy p:first-child{
	font-size: 24px;
}
.buy span{
	padding-right:5px;
	font-size: 14px;
	color: #F4F4F4;
	text-decoration: line-through;
}
.buy:hover, .buy2:hover{
	background-color: #e58600;
	border-color: #d97e00;
}
.free:hover{
	background-color: #07b307;
	border-color: #07b307;
}
.free-32, .free-64{
	border: 1px solid #08c508;
	color: #fff;
	background-color: #08c508;
	padding: 7px 30px;
}
.free-32{
	border-right-color: #0bdc09;
}
.free-32 span, .free-64 span{
	font-size: 20px;
}
.free-32 span, .free-64 span{
	color: #f4f4f4;
}
.free-64{
	border-left-color: #08af06;
}
.free-32:hover, .free-64:hover{
	background-color: #07b307;
}
/*----------------------------------------*/
.div-free-four{
	padding-top: 20px;
	display: flex;
	flex-wrap:wrap;
	justify-content: space-around;
}
.down{
	width: 25%;
	background: #08c508 url(/images/icon/down.png) no-repeat 195px center;
	padding: 10px 15px;
	font-size: 20px;
}
.down:hover{
	background-color: #07b307;
}
.windows-version a{
	font-size: 16px;
	padding: 10px 38px 10px 90px;
	background-color: #1781e0;
	position: relative;
	background-image: url(/images/icon/icon4.png);
	background-repeat: no-repeat;
	border-radius: 3px;
	margin-bottom: 20px;
}
.windows-version a:after{
	content: "";
	position: absolute;
	height: 25px;
	width: 1px;
}
.windows-version a:first-child:after{
	background-color: #1476cc;
	right: 0;
}.windows-version a:last-child:after{
	background-color: #146cbb;
	left: 0;
}
.windows-version a:hover{
	background-color: #136bb9;
}
.mac-ver{
	background-position: 50px -55px;
}
.and-ver{
	background-position: 50px -118px;
}
.wind-ver{
	background-position: 50px 12px;
}
/*----------------------------------------*/

.banner-pro,
.banner-pro-iphone,
.banner-pro-iphone-en,
.banner-pro-clone,
.banner-pro2,
.banner-pro3,
.banner-pro-wifi,
.banner-pro-system,
.banner-word-repair,
.banner-excel-repair,
.banner-ppt-repair,
.banner-office-repair,
.banner-pro-bit-wiondws
{
	padding: 40px 0;
}
.banner-pro-iphone-en .bannner-text,
.banner-excel-repair .bannner-text,
.banner-ppt-repair .bannner-text,
.banner-pro-bit-wiondws .bannner-text
{
	color: #333;
}
.banner-pro-bit-wiondws{
	background: url(/images/banner/bit-windows-bg.png) no-repeat center center;
	background-size: cover;
}
.banner-pro{
	background: #2654b2 url(/images/banner/banner-bg.jpg) no-repeat center center;
	background-size: cover;
}
.banner-pro-iphone{
	background: url(/images/banner/iphone-banner.webp) no-repeat center center;
	background-size: cover;
}
.banner-pro-iphone-en{
	background: url(/images/banner/iphone-banner2.jpg) no-repeat center center;
	background-size: cover;
}
.banner-pro-clone{
	background: url(/images/banner/clone-banner.png) no-repeat center center;
	background-size: cover;
}
.banner-pro2{
	background: #3395dc url(/images/common/banner-pro-bg.webp) no-repeat center bottom;
	background-size: cover;
}
.banner-pro3{
	background: url(/images/banner/banner-bg-other.webp) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}
.banner-pro4{
	padding: 40px 0 80px;
	overflow: hidden;
	background: url(/images/banner/banner-windows-bg.webp) no-repeat center center;
	background-size: cover;
}
.banner-pro-wifi{
	overflow: hidden;
	background: #3395dc url(/images/banner/wifi-banner.webp) no-repeat center bottom;
	background-size: cover;
}
.banner-pro-system{
	background: url(/images/banner/system-banner.webp) no-repeat center center;
	background-size: cover;
}
.banner-word-repair{
	background: #325397 url(/images/banner/word-repair-banner-bg.png) no-repeat center center;
	background-size: cover;
}
.banner-excel-repair{
	background: #e8fff2 url(/images/banner/excel-repair-banner-bg.png) no-repeat center center;
	background-size: cover;
}
.banner-ppt-repair{
	background: #fff url(/images/banner/powerpoint-repair-banner-bg.png) no-repeat center center;
	background-size: cover;
}
.banner-office-repair{
	background: #2ec4b6;
	    background: linear-gradient(125deg, #2ec4b6, #38a7ee);
}
.banner-excel-repair .bannner-text ul{
	background: linear-gradient(90deg, #fff, rgba(255,255,255,0));
	border-left: 2px solid #ff5722;
}
.banner-office-repair .bannner-text ul{
	background: linear-gradient(90deg, rgba(255,255,255,0.2), rgba(255,255,255,0));
	border-left: 2px solid #3F51B5;
}
.banner-ppt-repair .bannner-text ul,
.banner-pro-bit-wiondws .bannner-text ul
{
	background: url(../images/common/banner-ul-bg.png) repeat-y left top;
}
.banner-ppt-repair .bannner-text ul span{
	color: #0f78f7;
}
.banner-office-repair ul span{
	color: #3F51B5;
}
.banner-pro-clone h1, .banner-pro-clone .bannner-text >p, .banner-pro-clone ul{
	color: #0c2542;
}
.banner-pro-clone .bannner-text ul{
	background: url(../images/common/banner-ul-bg-3.png) repeat-y left top;
}
.banner-pro-clone ul span{
	color: #ff8923;
}
.clone-icon{
	position: absolute;
}
.clone-1,
.clone-2,
.clone-3,
.clone-4{
    transform: scale(0.8,0.8);
}
.clone-1{
	animation: clone-move1 4s linear 0s infinite;
	top: 42%;
	left: 40%;
}
.clone-2{
	animation: clone-move2 4.5s linear 1s infinite;
	top: 53%;
	left: 40%;
}
.clone-3{
	animation: clone-move3 5s linear 2s infinite;
	top: 50%;
	left: 30%;
}
.clone-4{
	animation: clone-move4 5.5s linear 3s infinite;
	top: 40%;
	left: 28%;
}
.en-iphone-change{
	position: absolute;
	top: 7px;
	left: 30%;
	width: 127px;
	height: 278px;
	background: url(/images/common/iphone-change.png) no-repeat left top;
	background-size: 100% 100%;
	animation: en-iphone-change 12s linear 1s infinite;
}
@keyframes en-iphone-change{
	  0%{
	   	opacity: 1;
	  }
	  
	  49%{
	  	opacity: 1;
	  }
	  
	  50%{
	  	opacity: 0;
	  }
	  
	  100%{
	    opacity: 0;
	  }
	}
.iphone-icon{
	background: #fff;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	padding: 20px;
	position: relative;
	margin-bottom: 10px;
	margin-top: 42%;
}
.iphone-icon:after{
	width: 12px;
	height: 12px;
	border-radius: 6px;
	content: "";
	position: absolute;
	background: #1285f5;
	animation: iphone-icon-after 3s linear 1s infinite;
	left: 8px;
    bottom: 6px;
    transform-origin: 36px -28px;
}
@keyframes iphone-icon-after{
	0%
  {
		transform: rotate(0deg);
	}
   100%
  {
	   transform: rotate(360deg);
   }
}
.en-iphone-change p{
	font-size: 18px;
	color: #fff;
}
@media (max-width: 375px){
	.en-iphone-change{
		width: 114px;
		height: 249px;
	}
}
.banner-pro-iphone-en .bannner-text ul{
	background: url(../images/common/banner-ul-bg.png) repeat-y left top;
}
.banner-pro-iphone-en ul span{
	color: #0f78f7;
}
/*--------progress----------*/
@keyframes progress-bar{
  0%{
    width: 0%;
  }
  100%{
    width: 100%;
  }
}
.progress{
  height: 16px;
  width: 80%;
  overflow: hidden;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
          box-shadow: inset 0 1px 2px rgba(0, 0, 0, .1);
}
.progress-bar{
  float: left;
  width: 0;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #fff;
  text-align: center;
  background-color: #1285f5;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
          box-shadow: inset 0 -1px 0 rgba(0, 0, 0, .15);
  -webkit-transition: width .6s ease;
       -o-transition: width .6s ease;
          transition: width .6s ease;
  animation: progress-bar 6s linear 1s infinite;        
}
/*------------------*/
.banner-video{
	align-self: center;
}
.banner-video video{
	box-sizing: border-box;
}
.bannner-text h1, .bannner-text h2, .jp-bannner-text h1{
	font-size: 32px;
	margin-bottom: 20px;
}
.bannner-text>p, .jp-bannner-text>p{
	font-size: 18px;
	margin-bottom: 30px;
}
.bannner-text ul{
	margin-bottom: 40px;
	padding: 20px;
	box-sizing: border-box;
	background: url(../images/common/banner-ul-bg-2.png) repeat-y left top;
}
.bannner-text li span{
	font-size: 24px;
	margin-right: 5px;
}
.bannner-text li a{
	color: #F08000;
}
.bannner-text>span{
	color: #dedede;
}
.div-free-buy a{
	margin: 0 auto 30px;
}
.bannner-text3{
	width: 55%;
	max-width: 800px;
}
.bannner-text3 .div-free-buy{
	max-width: 650px;
}

#review{
	margin: -50px 0 80px;
}
#review .div-box{
	padding: 20px;
	border-bottom: 2px solid #1d8cd8;
}
#review .div-pad5{
	padding-top: 90px;
}
.review-div-left{
	padding: 20px;
	border: 1px solid #dadada;
}
.review-div-left>div div{
	margin-bottom: 20px;
}
.review-div-left h2, .review-div-left h1{
	font-size: 24px;
}
.review-div-left h2{
	margin-bottom: 20px;
}
.review-div2{
	border-bottom: 1px solid #DADADA;
	padding: 30px 0;
}
.review-div2 li:first-child span{
	font-size: 26px;
	color: #ff9800;
}
.review-div2 li{
	padding-top: 10px;
	font-size: 20px;
	font-weight: 400;
}
.review-div2 li span{
	color: #0075D0;
}
#main-articles{
	margin-top: 60px;
}
.app-button{
	padding: 30px 0;
}
.div-nav{
	display: none;
}
/*-----------en-main-nav-------------*/
.main-nav{
	position: fixed;
	background-color: #fff;
	box-shadow: 0px 0px 4px rgba(0,0,0,0.2);
	transition: all 0.4s;
	z-index: 888;
	top: 0;
}
.main-nav2{
	position: relative;
	background-color: #efefef;
}
.main-nav-ul{
	border-top: 2px solid #1781e0;
}
.main-nav-ul a{
	position: relative;
	color: #1781E0;
	display: block;
	padding: 25px 0 25px 30px;
	background: url(../images/common/nav-ul-bg.png) no-repeat;
}
.main-nav-ul-de a{
	position: relative;
	color: #1781E0;
	display: block;
	padding: 25px 0 25px 30px;
	background: url(../images/common/nav-ul-bg.png) no-repeat;
	text-align: center;
}
.li-bg-one a{
	background-position: 0px 26px;
}
.li-bg-two a{
	background-position: 0px -204px;
}
.li-bg-three a{
	background-position: 0px -430px;
}
.li-bg-four a{
	background-position: 0px -89px;
}
.li-bg-five a{
	background-position: 0px -322px;
}
.li-bg-six a{
	background-position: 0px -542px;
}
.de-li-bg-one a{
	background-position: 20px 26px;
}
.de-li-bg-two a{
	background-position: 6px -201px;
}
.main-nav-ul a:hover, .main-nav-ul .active-a,
.main-nav-ul-de a:hover, .main-nav-ul-de .active-a{
	background-color: #fff;
}
.main-nav-ul a:after,
.main-nav-ul-de a:after{
	position: absolute;
	content: "";
	height: 2px;
	width: 0;
	bottom: 0;
	right: 0;
	background-color: #1781e0;
}
.main-nav-ul a:hover:after, .main-nav-ul .active-a:after,
.main-nav-ul-de a:hover:after, .main-nav-ul-de .active-a:after{
	left: 0;
	width: 100%;
}
.articles-a{
	background-color: #0075D0;
}
/*--------------------------*/
.mac-and-div a{
	font-size: 16px;
	height: 70px;
	padding: 0 30px;
	line-height: 70px;
}
.mac-and-div a:first-child{
	background-color: #08c508;
}
.mac-and-div a:last-child{
	background-color: #F08000;
}
.mac-and-div a:first-child:hover{
	background-color: #07b807;
}
.mac-and-div a:last-child:hover{
	background-color: #e47a00;
}
.main-h2{
	font-size: 30px;
	margin-bottom: 40px;
}
/*----------------------------------------------------*/
.main1, .main2, .main3, .main6, .main7, 
.pro-database,.pro-safety, .main-coloning, .main-bitlocker, .pro-safety2{
	padding: 30px 0;
}
.main4{
	padding-top: 30px;
}
.main10{
	padding-bottom: 100px;
}
.main3{
	background: #F7F7F7;
}
.main2, .main4{
	background-color: #fff;
}
.main1{
	background:url(/images/common/step-bg.webp) no-repeat center center;
	background-attachment: fixed;
	background-size: cover;
}
.main6, .main7{
	background:url(/images/common/update.webp) no-repeat center center;
	background-size: cover;
}
#buy-banner{
	padding: 40px 0 60px;
	background:url(/images/common/buy.webp) no-repeat center center;
	background-size: cover;
}
.main-coloning{
	background-color: #10b6bf;
}
.pro-database{
	background-color: #6540af;
}
.pro-safety{
	background-color: #1989da;
}
.pro-safety2{
	background-color: #41c38b;
}
.main-bitlocker{
	color: #333;
	background-color: #dfeaf1;
}
.pro-safety .pro-li{
	color: #dce3e8;
	padding-bottom: 10px;
	border-bottom: 1px dashed #fff;
	margin-bottom: 10px;
}
.pro-li span{
	font-size: 18px;
}
/*----------------------------------------------------*/
.user-a{
	padding: 4px 20px 10px;
	border: 1px solid #1d8bd8;
	color: #1d8bd8;
	margin-top: 30px;
	border-radius: 40px;
	font-size: 20px;
}
.user-a span{
	font-size: 30px;
}
.user-a.user-a-jp{
	border-radius: 0;
}
.user-a:hover{
	background-color: #1d8bd8;
	color: #fff;
}
.step-left, .step-right{
	
}
.step-left img{
	display: block;
}
.step-left ul{
	border: 6px solid #072e4a;
	border-radius: 8px;
}
.step-left li{
	display: none;
	position: relative;
}
.step-left li span{
	position: absolute;
	width: 60px;
	height: 60px;
	line-height: 60px;
	background-color: #1D8BD8;
	border-radius: 50%;
	top: -31px;
	right: -31px;
	font-size: 24px;
	display: none;
}
.step-left>div{
	width: 150px;
	margin: 15px auto 0;
}
.step-left p{
	width: 40px;
	height: 6px;
	background-color: #1D8BD8;
}
.step-left .active-step-p{
	background-color: #f07f09;
}
.step-right h2{
	margin-bottom: 20px;
}
.step-right li{
	font-size: 18px;
	padding: 5px 0;
}
.step-right li span{
	width: 30px;
	height: 30px;
	line-height: 30px;
	background-color: #1D8BD8;
	border-radius: 50%;
	display: inline-block;
	margin-right: 10px;
}
.features-div{
	
}
.features-div li{
	position: relative;
	font-size: 18px;
	border: 2px solid #50e1dc;
	background-color: #1d8cd8;
	margin-bottom: 30px;
}
.features-div li>span{
	position: absolute;
	right: -46px;
	top: 64px;
	width:55px;
	height:50px;
	overflow:hidden;
	display: none;
}
.features-div li:nth-child(2)>span{
	left: -8px;
	top: 86px;
}
.step-div{
	font-size: 24px;
	margin-top: -2px;
	margin-left: -2px;
	width: 80px;
	height: 66px;
	line-height: 1.2;
	padding-top: 16px;
	border-radius: 50%;
	box-shadow: 5px 0 10px rgba(0,0,0,0.3);
	background-color: #50e1dc;
}
.features-div p{
	align-self: center;
}
.div-marg{
	margin-top: -10px;
}
.main3-ul li{
	padding: 20px;
	border: 2px solid #fff;
	background-color: #fff;
	min-height: 200px;
	box-shadow: 0px 0px 5px #e0e0e0;
	border-radius: 3px;
	margin-bottom: 30px;
}
.main3-ul li:hover, .main3-ul2 li:hover{
	border-color: #1d8cd8;
}
.main3-ul li div{
	width: 64px;
	height: 64px;
	overflow: hidden;
	margin:0 auto 10px;
	background-image: url(/images/icon/icon2.png);
	background-repeat: no-repeat;
}
.main3-ul2 li{
	min-height: 140px;
	margin-bottom: 30px;
    box-sizing: border-box;
    padding: 20px;
    border-radius: 3px;
    border: 2px solid #fff;
    background-color: #fff;
    box-shadow: 0px 0px 5px #e0e0e0;
}
.main3-ul2 div, .promise-ul div > div{
	width: 64px;
	height: 64px;
	overflow: hidden;
	background-image: url(/images/icon/icon2.png);
	background-repeat: no-repeat;
}
.promise-ul div >div{
	margin: 0 auto;
}
.first-span{
	font-size: 24px;
	color: #1d8bd8;
}
.div-bg1{
	background-position: 0px 0px;
}
.div-bg2{
	background-position: -64px 0px;
}
.div-bg3{
	background-position: -128px 0px;
}
.div-bg4{
	background-position: -192px 0px;
}
.div-bg5{
	background-position: -256px 0px;
}
.div-bg6{
	background-position: -320px 0px;
}
.div-bg7{
	background-position: -384px 0px;
}
.div-bg8{
	background-position: -448px 0px;
}
.div-bg9{
	background-position: -192px -64px;
}
.div-bg10{
	background-position: -256px -64px;
}
.div-bg11{
	background-position: -320px -64px;
}
.div-bg12{
	background-position: -384px -64px;
}
.div-bg13{
	background-position: 0px -64px;
}
.div-bg14{
	background-position: -64px -64px;
}
.div-bg15{
	background-position: -128px -64px;
}
.div-bg16{
	background-position: 0 -128px;
}
.div-bg17{
	background-position: -64px -128px;
}
.div-bg18{
	background-position: -192px -128px;
}
.div-bg19{
	background-position: -128px -128px;
}
.div-bg20{
	background-position: -320px -128px;
}
.div-bg21{
	background-position: -384px -128px;
}
.div-bg22{
	background-position: -448px -128px;
}
.div-bg23{
	background-position: 0px -192px;
}
.div-bg24{
	background-position: -64px -192px;
}
.div-bg25{
	background-position: -128px -192px;
}
.div-bg26{
	background-position: -192px -192px;
}
.div-bg27{
	background-position: -256px -192px;
}
.div-bg28{
	background-position: -320px -192px;
}
.div-bg29{
	background-position: -384px -192px;
}
.div-bg30{
	background-position: -448px -192px;
}
.div-bg31{
	background-position: 0 -256px;
}
.div-bg32{
	background-position: -64px -256px;
}
.div-pad3{
	padding-top: 20px;
}
.div-width{
	margin-bottom: 30px;
}
.div-width:last-child{
	margin-bottom: 0;
}
.div-width>div{
	align-self: center;
}
.div-width h2{
	padding-bottom: 20px;
	font-size: 26px;
}
.div-width li{
	padding-bottom: 10px;
}
.div-width li span{
	font-size: 20px;
	color: #fff;
	padding: 4px;
	background-color: #1781E0;
	margin-right: 5px;
	border-radius: 50%;
}
.edit-pro{
    /*height: 653px;*/
    border: 1px solid #e2e2e2;
    border-top: 60px solid #1781E0;
    box-sizing: border-box;
    padding: 5px 30px 30px;
    background-color: #fff;
    border-radius: 5px;
    margin-bottom: 40px;
}
.main2-edit .edit-pro2{
	border-top-color: #f08000;
	position: relative;
}
.edit-pro2 span{
	position: absolute;
	top: -66px;
	right: -6px;
}
.edit-pro:hover{
	box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
}
.edit-pro h3{
	padding-bottom: 20px;
	font-size: 26px;
	margin-top: -55px;
}
.edit-pro p{
	color: #f08000;
    font-size: 22px;
    padding-bottom: 20px;
}
.edit-pro ul{
	/*height: 345px;*/
	margin-bottom: 30px;
}
.edit-pro ul li{
	padding-top: 5px;
	list-style: unset;
}
.edit-pro a{
	height: 60px;
	line-height: 60px;
	font-size: 18px;
	margin: 20px 0;
	border: 1px solid;
	border-radius: 3px;
}
.edit-free{
	border-color: #4db754;
    color: #4db754;
}
.edit-free:hover{
	background-color: #4db754;
    color: #fff;
}
.edit-buy{
	background-color: #f08000;
}
.edit-buy:hover{
	background-color: #d67200;
}
.li-color{
	color: #f08000;
}
.requ-ul li{
	min-height: 120px;
}
.requ-ul div{
	font-size: 24px;
	background-image: url(/images/icon/icon4.png);
	background-repeat:no-repeat;
	padding-left: 40px;
}
.ul-div-bg1{
	background-position: 0 -235px;
}
.ul-div-bg2{
	background-position: 0 -300px;
}
.ul-div-bg3{
	background-position: 0 -356px;
}
.ul-div-bg4{
	background-position: 0 -428px;
}
.requ-ul p{
	color: #666;
	padding-top: 10px;
}
.promise-ul h5{
	font-size: 20px;
	padding: 10px 30px;
	color: #0f83cf;
}
.promise-ul p{
	padding: 0 30px;
}
.promise-ul>div{
	margin-bottom: 30px;
}
/*------------Our Customers Are Also Using----------------------------*/
.item-ul>div{
	margin-bottom: 30px;
}
.item-ul h3{
	margin-bottom: 30px;
	font-size: 20px;
}
.item-ul p{
	font-size: 18px;
	padding: 5px 0 5px;
}
.item-ul a{
	color: #fff;
	background-color: #1781E0;
	font-size: 16px;
	display: inline-block;
	padding: 12px 20px;
	border-radius: 3px;
}
.item-ul a:hover{
	background-color: #0075D0;
}
.item-ul h6>a{
	color: #333;
	font-size: 20px;
	display: inline-block;
	padding: 15px 20px;
}
.item-ul h6>a:hover{
	color: #1D8BD8;
}
.item-ul-2{
	position: relative;
	margin-bottom: 30px;
	border-radius: 5px;
	border-left-width: 4px;
	border-left-style: solid;
}
.li-bg-color1{
	border-left-color: #1b5406; /*green*/
}
.li-bg-color2{
	border-left-color: #0f2062; /*Blue black*/
}
.li-bg-color3{
	border-left-color: #015956; /*cyan*/
}
.li-bg-color4{
	border-left-color: #013060; /*blue*/
}
.li-bg-color5{
	border-left-color: #634101; /*yellow*/
}
.li-bg-color6{
	border-left-color: #620808; /*red*/
}
.li-bg-color7{
	border-left-color: #1fa2e8; /*blue-bitlocker*/
}
.li-bg-color8{
	border-left-color: #1ac8d3; /*clonege*/
}
.li-bg-color9{
	border-left-color: #005485; /*word password*/
}
.li-bg-color10{
	border-left-color: #dc6141;/*red2*/
}
.li-bg-color11{
	border-left-color: #4c6bf5;/*blue2*/
}
.li-bg-color12{
	border-left-color: #2361ba;/*blue3*/
}
.li-bg-color13{
	border-left-color: #1dc355;/*syetem*/
}
.li-bg-color14{
	border-left-color: #1f9956;/*excel*/
}
.item-ul-2 h3{
	font-size: 24px;
	color: #333;
	padding-bottom: 10px;
}
.item-ul-2 img{
	margin-bottom: 20px;
}
.item-ul-2 p{
	margin-bottom: 20px;
}
.a-learn{
	font-size: 20px;
	display: inline-block;
	padding: 10px 10px 10px 20px;
	border: 1px solid;
	transition: all 0.3s;
	border-radius: 3px;
}
.a-learn span{
	font-size: 26px;
}
.li-bg-color1 .a-learn{
	background-color: #1b5406;
}
.li-bg-color2 .a-learn{
	background-color: #0f2062;
}
.li-bg-color3 .a-learn{
	background-color: #015956;
}
.li-bg-color4 .a-learn{
	background-color: #013060;
}
.li-bg-color5 .a-learn{
	background-color: #634101;
}
.li-bg-color6 .a-learn{
	background-color: #620808;
}
.li-bg-color7 .a-learn{
	background-color: #1fa2e8;
}
.li-bg-color8 .a-learn{
	background-color: #1ac8d3;
}
.li-bg-color9 .a-learn{
	background-color: #005485;
}
.li-bg-color10 .a-learn{
	background-color: #dc6141;
}
.li-bg-color11 .a-learn{
	background-color: #4c6bf5;
}
.li-bg-color12 .a-learn{
	background-color: #2361ba;
}
.li-bg-color13 .a-learn{
	background-color: #1dc355;
}
.li-bg-color14 .a-learn{
	background-color: #1f9956;
}
.item-ul-2 .a-learn:hover{
	background-color: #fff;
}
.li-bg-color1 .a-learn:hover{
	color: #1b5406;
}
.li-bg-color2 .a-learn:hover{
	color: #0f2062;
}
.li-bg-color3 .a-learn:hover{
	color: #015956;
}
.li-bg-color4 .a-learn:hover{
	color: #013060;
}
.li-bg-color5 .a-learn:hover{
	color: #634101;
}
.li-bg-color6 .a-learn:hover{
	color: #620808;
}
.li-bg-color7 .a-learn:hover{
	color: #1fa2e8;
}
.li-bg-color8 .a-learn:hover{
	color: #1ac8d3;
}
.li-bg-color9 .a-learn:hover{
	color: #005485;
}
.li-bg-color10 .a-learn:hover{
	color: #dc6141;
}
.li-bg-color11 .a-learn:hover{
	color: #4c6bf5;
}
.li-bg-color12 .a-learn:hover{
	color: #2361ba;
}
.li-bg-color13 .a-learn:hover{
	color: #1dc355;
}
.li-bg-color14 .a-learn:hover{
	color: #1f9956;
}
.item-ul-2> span{
	position: absolute;
	top: -8px;
	right: 8px;
}
/*----------------------------------------*/
.oper{
	position: relative;
}
.windows-bg{
	display: none;
	position: absolute;
	top: 70px;
	right: -10%;
}
.mac-bg{
	position: absolute;
	top: 0;
	left:-34%;
	display: none;
}
.and-bg{
	display: none;
}
.oper-box h4{
	font-size:24px;
	padding: 20px 0 10px;
}
.oper-box p{
	font-size:18px;
	color:#666;
}
.oper-box{
	padding: 20px;
	height: auto;
	border-radius: 3px;
	margin-bottom: 30px;
}
.oper .oper-box{
	background-color: #fff;
}
.oper-bg{
	position: absolute;
	display: none;
	left: -40%;
	top: -200px;
	transform: rotate(24deg) /*scale(0.8)*/;
	z-index: 0;
}
.oper-box div{
	width:80px;
	height:80px;
	margin:0 auto;
	overflow:hidden;
	background-image:url(../images/icon/icon3.png);
	background-repeat: no-repeat;
}
.requ-div1{
	background-position: 0 0;
}
.requ-div2{
	background-position: -80px 0;
}
.requ-div3{
	background-position: -160px 0;
}
.requ-div4{
	background-position: -240px 0;
}
.requ-div5{
	background-position: -320px 0;
}
.requ-div6{
	background-position: 0 -80px;
}
.requ-div7{
	background-position: -80px  -80px;
}
.up-div{
    position: relative;
    z-index: 2;
}
.up-box{
	margin-bottom: 30px;
	background-color: #fff;
	border-top: 4px solid  #1781e0;
	min-height: 200px;
	padding: 20px;
	border-radius: 3px;
}
.up-border{
	border-color: #f07f09;
}
.up-border2{
	border-color: #78c526;
}
.up-ul h6{
	font-size: 22px;
}
.up-box div>p{
	font-size: 14px;
	color: #999;
}
.up-box>p{
	padding-top: 5px;
	font-size: 16px;
	color: #666;
}
.up-ul a{
	display: inline-block;
	margin-top: 40px;
	background-color: #00D400;
	font-size: 18px;
	padding: 10px 20px;
}
.p-pad{
	font-size: 18px;
}
.free-buy-ul{
	max-width: 520px;
	margin: 0 auto;
}
.free-buy-ul a{
	margin-top: 40px;
}

.faq-left{
	padding: 0 20px;
	box-sizing: border-box;
	margin-bottom: 30px;
}
.faq-left div{
	padding-top: 40px;
	position: relative;
}
.bg-p{
	position: absolute;
	bottom: -30px;
	right: 0px;
}
.ul-right li{
	cursor: pointer;
	padding: 10px 0;
}
.ul-right h6{
	font-size: 18px;
	border-left: 2px solid #1781E0;
	background-color: #f7f7f7;
	padding: 20px;
}
.ul-right h6:hover{
	color: #1e8ad8;
}
.ul-right p{
	margin-top: 10px;
	padding: 10px 20px;
	display: none;
	line-height: 2;
	color: #666;
	border: 1px dashed #ccc;
}
.ul-right span{
	margin: 10px 0 20px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #d0d0d0;
}
#banner-review, #banner-review2{
	padding: 30px 0 80px;
}
#banner-review{
    background: url(/images/common/banner-review.jpg) no-repeat center center;
    background-size: cover;
}
#banner-review2{
    background: url(/images/banner/banner-bg-other.jpg) no-repeat center center;
    background-size: cover;
}
.comments{
    border-bottom: 1px solid #1d8bd8;
    box-sizing: border-box;
    height: 62px;
}
.comments>p{
	font-size: 18px;
	border-width: 2px 1px 0;
    border-color: #1d8bd8;
    border-style: solid;
    width: 200px;
    line-height: 60px;
    margin-left: 35px;
    background-color: #F4F4F4;
}
.review-li-ul{
    width: 200px;
    padding-right: 30px;
}
.review-li-ul li:first-child{
	font-size: 24px;
}
.review-li-ul>li:nth-child(2){
    margin-bottom: 10px;
}

.review-li-ul>li:nth-child(2) span{
	font-size: 26px;
	color: #ff9800;
}
.review-li-ul>li:last-child{
    color: #999;
}
.review-bottom{
	padding-bottom: 50px;
}
.review-bottom>li{
    border-bottom: 1px solid #ccc;
    padding: 30px;
}
.review-bottom>li:hover{
	border-color: #1d8bd8;
	background-color: #fff;
}
.review-bottom>li>p{
    max-width:670px;
    color: #666;
    line-height: 2;
}
.li-div>div{
    padding-top: 15px;
}
.li-div span{
    display: inline-block;
    width: 45px;
    height: 46px;
    overflow: hidden;
}
.awesome{
    background: url(/images/icon/icon.png) no-repeat 0px -40px;
}
.belittle{
    background: url(/images/icon/icon.png) no-repeat -45px -40px;
}
.li-div>div>p{
    line-height: 46px;
    padding-left: 10px;
}
.sidebar-ul .active-p{
	border-left-color: #1d8bd8;
	background-color: #ebf3f9;
}
.sidebar{
	margin-bottom: 30px;
	background-color: #fff;
	box-shadow: 0 6px 10px rgba(0,0,0,0.1);
}
.sidebar h3{
	font-size: 24px;
	height: 60px;
	line-height: 60px;
	background-color: #1d8bd8;
}
.sidebar-ul p{
	border-left: 4px solid #fff;
}
.sidebar-ul p>a{
	overflow: hidden;
	color: #333;
	box-sizing: border-box;
	padding: 20px 20px 20px 15px;
	font-size: 16px;
	border-bottom: 1px solid #ebf3f9;
}
.sidebar-ul p:hover{
	border-left-color: #1d8bd8;
	background-color: #ebf3f9;
}
.sider-right{
	display: none;
	background-color: #ebf3f9;
	box-sizing: border-box;
}

.sider-right a{
	box-sizing: border-box;
	padding: 10px 20px 10px 35px;
	color: #666;
	border-left: 4px solid #ebf3f9;
	border-bottom: 1px solid #dee6ec;
	background: url(/images/common/dot.png) no-repeat 20px center;
}
.sider-right a:hover{
	border-left-color: #1d8bd8;
}
.expand1, .expand2{
	font-size: 24px;
	color: #1D8BD8;
	cursor: pointer;
}
.other1, .other2{
	display: none;
}
.step-four{
	padding: 20px;
	border-radius: 8px;
	background: #fffdf1 url(/images/common/guide-info.jpg) no-repeat right bottom;
}
.step-four>span{
	position: relative;
	font-size: 18px;
	background-color: #ee7e12;
	padding: 10px 20px;
	display: inline-block;
}
.step-four>span:after, .step-four>span:before{
	position: absolute;
	right: -27px;
	display: block;
	content: '';
	border-width: 14px;
	border-style: solid;
}
.step-four>span:after{
	bottom: 0;
	border-color: #fffdf1  #fffdf1 #ee7e12 #ee7e12;
}
.step-four>span:before{
	top: 0;
	border-color: #ee7e12 #fffdf1 #fffdf1 #ee7e12;
}
.step-four p{
	border-bottom: 1px dashed #DADADA;
	color: #1D8BD8;
}
.banner-text-left h2{
	font-size: 36px;
	padding-bottom: 10px;
}
.banner-text-left p{
	font-size: 16px;
	margin-bottom: 30px;
}
.banner-text-right h3{
	font-size: 18px;
}
.banner-text-right p{
	color: #cacaca;
	margin-bottom: 20px;
}
.windows-tab a{
	cursor: pointer;
	font-size: 20px;
	background-color: #1781E0;
	padding: 10px 0;
	display: block;
	color: #fff;
	box-sizing: border-box;
	width: 50%;
	border: 1px solid #1781E0;
}
.windows-tab a:hover{
	color: #1781E0;
	background-color: #fff;
}
.windows-tab .active-ver{
	color: #1781E0;
	background-color: #fff;
}
.buy-promise{
	margin-bottom: 30px;
}
.buy-promise li{
	display: inline-block;
	font-size: 16px;
}
.note{
	border: 1px dashed #f3982d;
	padding: 30px;
}
.note h4{
	margin-bottom: 20px;
	font-size: 26px;
}
.note ul{

}
.note li{
	padding-bottom: 20px;
	color: #666;
}
.note li:last-child{
	padding-bottom: 0;
}

.edit-div, .edit-div2, .edit-div3, .edit-div4{
	display: none;
}
.used-p{
	font-size: 18px;
	margin-bottom: 30px;
}
.ueser{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}
.ueser{
	margin-top: 40px;
	background-color: #fff;
	padding: 20px;
	box-sizing: border-box;
	border-radius: 6px;
	box-shadow: 0 4px #092c48;
	margin-bottom: 30px;
}
.ueser >span{
	background-image: url(/images/common/people-bg.png);
	background-repeat: no-repeat;
	overflow: hidden;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	border: 4px solid #f4f4f4;
	margin-top: -60px;
}
.people-bg1{
	background-position-x: -80px;
}
.people-bg2{
	background-position-x: -160px;
}
.ueser h4{
	font-size: 24px;
	margin-top: -5px;
}
.ueser >p{
	min-height: 116px;
	color: #666;
	padding: 20px 0 0;
	margin-bottom: 20px;
}
.score{
	padding-left: 0;
	padding-right: 0;
}
.score p{
	font-size: 18px;
	color: #666;
}
.score span{
	color: #ff9b1a;
    font-size: 22px;
}
.score-bg1{
	background-position-x: -168px;
}
.score-bg2{
	background-position-x: 0px;
}
.score-bg3{
	background-position-x: -312px;
}
.a-boot{
	cursor: pointer;
	padding-left: 40px;
	background: url(/images/icon/menu.png) no-repeat left center;
}
.boot-img{
	display: none;
	position: fixed;
	top: 20px;
	max-height: 500px;
	overflow: auto;
	border: 2px solid #1e8ad8;
	padding: 40px 20px 20px;
	background-color: rgba(0,0,0,0.5);
	z-index: 999;
}
.boot-img span{
	color: #1e8ad8;
	font-size: 24px;
	line-height: 40px;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	background-color: #fff;
	cursor: pointer;
	position: fixed;
	top: 40px;
	border: 1px solid #1e8ad8;
}
.pay{
	margin-bottom: 30px;
}
.pay p{
	font-size: 20px;
}
.pay img{
	padding-top: 10px;
}
.recom{
	border-left: 4px solid #1781E0;
	margin-bottom: 30px;
}
.recom>div>div:first-child{
	align-self: center;
}
.recom .price{
	font-size: 20px;
}
.recom-p{
    position: absolute;
    right: 2px;
    top: 10px;
}
.recom-bottom h3{
	font-size: 30px;
}
.recom-bottom>span{
	padding-bottom: 20px;
	color: #1781E0;
}
.recom-bottom ul{
	margin-bottom: 30px;
}
.recom-bottom li{
	margin-bottom: 5px;
	font-size: 18px;
}
.recom-bottom li span{
	font-size: 24px;
	color: #1781e0;
	margin-right: 5px;
}
.safety-div h2, .data h2{
	padding-bottom: 5px;
	border-bottom: 1px solid ;
}
.data{
	align-items: center;
}
.awar{padding: 30px 0;}
/*-----------------------------------------------------------*/
.edit-chose{
	padding-top: 40px;
	display: none;
}
.edit-chose li{
	border: 1px solid #e4e4e4;
    box-sizing: border-box;
    width: 195px;
    color: #333;
    height: 60px;
}
.edit-chose.edit-fr li, .app-edit-fr .standared-one>ul>li{
	line-height: 1.2;
}
.edit-chose>.ul-one>li{
    height: 165px;
}
.edit-chose>ul>li:first-child{
    width: 390px;
    padding-right: 10px;
    padding-left: 10px;
}
.ul-one>li:first-child{
    font-size: 24px;
    color: #333;
    padding-top: 65px;
}
.ul-one>.div-pad4:first-child{
	padding-top: 44px;
}
.ul-one>li>h3{
    font-size: 24px;
    padding-top: 10px;
}
.ul-one>li>p{
    color: #f08000;
    font-size: 20px;
    padding: 20px 0 10px;
}
.blue-bg-li{
    background-color: #e4f5ff;
}
.yellow-bg-li{
    background-color: #fff7ee;
}
.sp-one{
    height: 20px;
    width: 20px;
    display: inline-block;
    margin-top: 20px;
    overflow: hidden;
    background: url(/images/icon/sp-one-bg.png) no-repeat right top;
}
.sp-two{
    border-bottom: 2px solid #666;
    width: 15px;
    display: inline-block;
    margin-top: 28px;
}
.li-30{
    line-height: 30px;
}
.li-60{
    line-height: 60px;
}
.bg-one-a, .bg-two-a, .bg-one-a-2, .bg-two-a-2{
    line-height: 60px;
}
.bg-one-a, .bg-one-a-2{
    background-color: #23aadb;
}
.bg-two-a, .bg-two-a-2{
    background-color: #f07f09;
}
.bg-one-a-2, .bg-two-a-2{
    font-size: 16px;
}
.bg-one-a, .bg-two-a{
	font-size: 18px;
}
.buy-a{
    width: 160px;
    margin-left: auto;
    margin-right: auto;
    height: 50px;
    line-height: 50px;
    background-color: #f07f09;
    border-radius: 3px;
}

.app-edit{
    width: 96%;
    margin: 0 auto;
}
.app-edit>h3{
    background: #0C3B4D url(/images/icon/app-icon.png) no-repeat center right;
    line-height: 3rem;
    padding: 0 1rem;
    margin: 0.5rem 0;
}
.standared-one>ul>li{
    background-color: #F7F7F7;
    border-bottom: 1px solid #e4e4e4;
    border-right: 4px solid #fff;
    box-sizing: border-box;
    color: #666;
    font-size: 1rem;
    height: 5rem;
}
.app-edit-fr .standared-one>ul>li{
	height: 7rem;	
}
.standared-one>ul{
    width: 50%;
}
.standared-one .buy-a{
	margin-bottom: 1rem;
}
.standared-one{
	display: none;
}
.standared-one>p{
    color: #F08000;
    font-size: 1.4rem;
    line-height: 3rem;
}
.bor-span{
	background-color: #e4e4e4;
	display: inline-block;
	padding: 0 8px;
	border-radius: 4px;
	color: #333;
}
.tet-hp{
	margin-bottom: 20px;
}
.left .tet-hp ul{
	width: 50%;
	margin: 0;
	border: 1px solid #DADADA;
	box-sizing: border-box;
}
.left .tet-hp ul li{
	margin: 0;
	list-style: none;
	box-sizing: border-box;
	padding: 10px;
	height: 80px;
}
.left .tet-hp ul:first-child li{
	font-size: 16px;
	color: #333;
}
.left .tet-hp ul li:last-child{
	border-right: none;
}
.left .tet-hp ul li:nth-child(2n+0){
	background-color: #F4F4F4;
}

.left .name-ul{margin: 1.5rem 0;}
.left .name-ul li{margin: 0 20px 0 0;list-style: none;line-height: 1.2;padding-left: 20px;background: url(/images/icon/meta-icon.png) no-repeat 0 1px;}
.left .name-ul li:first-child{background-position: 0 -30px;}

.icon-bg1{
	background-position: 0 0;
}
.icon-bg2{
	background-position: -64px 0;
}
.icon-bg3{
	background-position: -128px 0;
}
.icon-bg4{
	background-position: -192px 0;
}
.icon-bg5{
	background-position: -256px 0;
}
.icon-bg6{
	background-position: -320px 0;
}
.icon-bg7{
	background-position: -384px 0;
}
.icon-bg8{
	background-position: -448px 0;
}
.icon-bg9{
	background-position: -512px 0;
}
.icon-bg10{
	background-position: -576px 0;
}
.icon-bg11{
	background-position: -640px 0;
}
.icon-bg12{
	background-position: 0 -64px;
}
.icon-bg13{
	background-position: -64px -64px;
}
.icon-bg14{
	background-position: -128px -64px;
}
.icon-bg15{
	background-position: -192px -64px;
}
.icon-bg16{
	background-position: -256px -64px;
}
.icon-bg17{
	background-position: -320px -64px;
}
.icon-bg18{
	background-position: -384px -64px;
}
.icon-bg19{
	background-position: -448px -64px;
}
.icon-bg20{
	background-position: -512px -64px;
}
.icon-bg21{
	background-position: -576px -64px;
}
.icon-bg22{
	background-position: -640px -64px;
}
.icon-bg23{
	background-position: 0 -128px;
}
.icon-bg24{
	background-position: -64px -128px;
}
/*---------------------------------------------*/
.com-tab tr:first-child th{
	font-size: 20px;
}
.com-tab tr:nth-child(2n+0){
	background-color: #F7F7F7;
}
.gpu-p{
	background-image: url(/images/common/gpu.png);
	background-repeat: no-repeat;
	height: 235px;
}
.accord-p{
	background-image: url(/images/common/accord.png);
	background-repeat: no-repeat;
	height: 310px;
}
/*----------------------------------------*/
/*sitemap*/
.sitemap-h2 a{
	display: block;
	border-bottom: 1px solid #DADADA;
}
.sitemap-div >div{
	margin-bottom: 30px;
}
.sitemap-div ul{
	margin-left: 30px;
}
.sitemap-div ul li{
	list-style: disc;
	padding: 10px 0;
}
.sitemap-div ul a{
	color: #333;
	display: inline-block;
}
/*recources*/
.resources-banner{
	background: url(/images/banner/resources.webp) no-repeat center center;
	background-size: cover;
	color: #fff;
	padding: 80px 0 120px;
}
.resources-banner h1{
	font-size: 36px;
}
.resources-banner p{
	padding-top: 15px;
	font-size: 18px;
}
.resources-nav{
	margin-top: -50px;
}
.resources-nav li{
	width: 160px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	background-color: #1781E0;
	cursor: pointer;
	font-size: 18px;
}
.resources-nav .active-li{
	color: #1781E0;
	background-color: #fff;
}
.resources-main{
	background-color: #fff;
	padding: 60px 0;
}
.resources-item{
	border-bottom: 1px solid #D0D0D0;
	margin-bottom: 40px;
}
.resources-item>div{
	margin: 0 0 30px;
}
.resources-item h2{
	font-size: 24px;
	margin-right: auto;
}
.resources-item>div a{
	display: inline-block;
	border: 1px solid #1781E0;
	padding: 5px 20px;
	border-radius: 30px;
}
.resources-item>div a:hover{
	background-color: #1781E0;
	color: #fff;
	transition: all 0.2s;
}
.resources-item ul li{
	margin-bottom: 30px;
}
.resources-item ul li div{
	margin-bottom: 10px;
	overflow: hidden;
}
.resources-item ul li div img{
	transition: all 0.3s ease-out;
	display: block;
}
.resources-item ul li div img:hover{
	transform: scale(1.1);
}
.resources-item ul li a{
	color: #333;
	font-size: 18px;
	display: inline-block;
}
/*----------------------------------------*/
/*review-img-big*/

.sp-wrap{
	background: #eee;
	border: 5px solid #eee;
	border-radius: 3px;
	width: 45%;
	cursor: -webkit-zoom-in;
	cursor: -moz-zoom-in;
	cursor: zoom-in;
}
.sp-wrap img{
	display: block;
	
}
.sp-wrap img:hover{
	transform: scale(1.5);
	position: relative;
	z-index: 888;
	transition: all 0.3s;
}
/*--------------------------------------------*/
/*Star rating*/
 .star-rating{
	background-image: url(/images/icon/icon.png);
	background-repeat:no-repeat;
    width: 130px;
    height: 20px;
    overflow: hidden;
	display:inline-block;
	margin-bottom:-4px;
	margin-left:5px;
}
.star-rating-4{
	background-position: -340px 0;
}
.star-rating-3{
	background-position: -490px 0;
}
.star-rating-2{
	background-position: -618px 0;
}
/*--------------------------------------------*/
.step, .step2{
	height: 36px;
	line-height: 36px;
    margin-right: 20px;
    font-size: 18px;
    position: relative;
    color: #fff;
    padding-left: 10px;
    display: inline-block;
}
.step{
	background-color: #efb814;
}
.step2{
	background-color: #1681e0;
}
.step:after, .step2:after{
	content: "";
    width: 0;
    height: 0;
    display: block;
    position: absolute;
    top: 0;
    right: -36px;
    border: 18px solid transparent;
    
}
.step:after{
	border-left-color: #efb814;
}
.step2:after{
	border-left-color: #1681e0;
}
/*-------------------------------------*/

.border-ra{
	border-radius: 0 !important;
}

.label{
	display: inline;
    padding: .2em .6em .3em;
    font-size: 75%;
    font-weight: 700;
    line-height: 1;
    color: #fff;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border-radius: .25em;
}
.label-primary{
  background-color: #1781e0;
}
.label-success{
  background-color: #5cb85c;
}
.label-info{
  background-color: #5bc0de;
}
.label-warning{
  background-color: #ff9800;
}
.label-danger{
  background-color: #fc2f51;
}

.artice-shop a{
	display: inline-block;
	font-size: 24px;
}
.artice-shop span{
	font-size: 30px;
}
.artice-shop .en-button-down{
	background: #4DB754;
	color: #fff;
}
.artice-shop .en-button-down:hover{
	background: #fff;
	color: #4DB754;
}
/*--------affiliate--------------*/
.aff-banner{
	background: rgba(0,0,0,0.5) url(/images/common/aff-banner.jpg) no-repeat center center;
	padding: 30px 0;
}
.aff-ul li{
	padding: 30px;
	background: #fff;
	margin-bottom: 30px;
	border-left: 2px solid #eb7650;
}
.aff-ul h3{
	margin-bottom: 20px;
	font-weight: 600;
}
.aff-ul span{
	color: #eb7650;
	font-size: 26px;
	margin-right: 5px;
}
.aff-div{
	padding: 30px 0;
	background-color: #F7F7F7;
	background-size: cover;
}
.aff-div ul{
	border-left: 1px dashed #eb7650;
	padding: 20px;
}
.aff-div li{
	margin-bottom: 30px;
	position: relative;
}
.aff-div ul li:last-child{
	margin-bottom: 0;
}
.aff-div li:after{
	position: absolute;
	content: "";
	width: 14px;
	height: 14px;
	background: #eb7650;
	border-radius: 10px;
	left: -27px;
	top: 4px;
	z-index: 2;
}
.aff-div li:before{
	position: absolute;
	content: "";
	width: 20px;
	height: 20px;
	background: #fff;
	border: 1px solid #eb7650;
	border-radius: 12px;
	left: -31px;
	top: 0;
	z-index: 1;
}
.aff-div p{
	background: #fff;
	margin-top: 30px;
	padding: 30px;
}
.aff-div span{
	font-size: 36px;
	margin: -20px 10px 10px 0;
	color: #fff;
    border-radius: 50%;
    padding: 10px;
}
.aff-safety{
	color: #fff;
	padding: 30px 0;
	background: #1781e0;
    background: linear-gradient(125deg, #1781e0, #23c2b9);
}
.aff-safety a{
	color: #ffeb3b;
}
.aff-safety a:hover{
	text-decoration: underline;
}
.aff-safety ul li{
	margin-bottom: 10px;
}
.aff-safety ul li div{
	margin-top: 10px;
	padding: 20px;
	background: rgba(255,255,255,0.2);
	border-left: 2px solid #ffeb3b;
}
/*--------table----------------*/
.price-span{
	min-width: 125px;
	font-size: 20px;
	color: #ff9b1a;
}
.price-span span{
	top: 1px;
}
table img{
	display: block;
}
table td{
	vertical-align: middle;
}
.table > tbody > tr > td{
	padding: 12px;
}
.windows-img{
	min-width: 80px;
}
.table > tbody > tr > th{
	font-size: 20px;
	padding: 20px;
}
.amazon-a a{
	width: 125px;
	display: block;
	border-radius: 3px;
	color: #333;
	padding: 10px;
	text-align: center;
    background: linear-gradient(to bottom, #f7dfa5, #f0c14b);
    border: 1px solid;
    border-color: #9c7e31 #90742d #786025
}
.table tr td:last-child a:hover{
	text-decoration: none;
color: #fff;
}
.widnows-td-first{
	font-weight:500;
	font-size: 18px;
	min-width: 80px;
}
.price-line{
	text-decoration: line-through;
	font-size: 14px;
	color: #666;
}
.table-responsive > .table > tbody > tr > td.windows-text{
	min-width: 160px;
	white-space: inherit;
}
.right .ar-div dd {
    padding: 0;
    background: none;
    margin: 20px;
}


/*----------------------------------*/
@media (min-width: 768px){
	.main-one img{
		margin-bottom: 0px;
	}
	.main-one{
		padding: 0px;
	}
	.top70{margin-top: -98px;}
	.en-blog{
		margin-left: 30px;
	}
	.en-text p{
		margin-bottom: 60px;
	}
	.en-product{
		border-radius: 120px 8px 120px;
	}
	.li-other{
		margin-right: 20px;
	}
	.li-other-four{
		width: 235px;
		height: 315px;
		background-color: #36aaff;
		margin-right: 0;
		position: absolute;
		bottom: 0;
		left: 450px;
	}
	.why-text .text-m{
		margin-bottom: 0;
	}
	.en-nav-down li{
		box-sizing: border-box;
		padding: 0 10px;
		border-bottom: 1px solid #dadada;
	}
	.en-nav-down a{
		height: 59px;
	}
	.main3-ul2 p{
		width: 88%;
	}
	.step-four>span{
		margin-left: -20px;
	}
	.left .tet-hp ul{
		width: 20%;
	}
	.windows-tab{
		margin: -130px 0 30px;
	}
	.windows-tab a{
		width: 33.333%;
		border-radius: 3px 3px 0 0;
		border: none;
	}
	.windows-tab .active-ver{
		margin-top: -5px;
	}
	.edit-pro{
    	height: 625px;
    }
    .edit-pro ul{
		height: 300px;
	}
	.banner-text-left{
		margin-top: 40px;
	}
	.button-two .en-button-down{
		padding-top: 15px;
	}
	.main1, .main2,.main3, .main5, .main6, .main7,
	.pro-database, .pro-safety, .main-coloning, .main-bitlocker, .pro-safety2,
	.aff-banner, .aff-div, .aff-safety,.banner-pro-system, .banner-word-repair,
	.banner-excel-repair, .banner-ppt-repair,.banner-office-repair{
		padding: 60px 0;
	}
	.banner-pro-system{
		background-position: right center;
	}
	.main4{
		padding-top: 60px;
	}
	.user-a{
		margin-top: 40px;
	}
	.banner-pro{
		padding: 60px 0;
	}
	.bottom{
		border-right: 1px solid #DADADA;
	}
	.bottom:last-child{
		border-right: none;
	}
	.review-div-left>div div{
		margin-bottom: 0px;
	}
	.review-div-left>div div:last-child{
		border-left: 1px solid #dadada;
	}
	.key-function .content{
		border-bottom: none;
	}
	.div-ul{
		width: 162px;
	}
	.left .relat li span:first-child{
		height: 208px;
	}
	.app-button{
		display: none
	}
	.div-nav{
		display: block;
	}
	.main-nav-ul{
		border-top: none;
	}
	.main-nav-ul-de a{
		text-align: center;
	}
	.de-li-bg-one a{
		background-position-x: 40px;
	}
	.de-li-bg-two a{
		background-position-x: 28px;
	}
	.banner-video video{
		border: 4px solid #000;
		border-radius: 10px;
	}
	.features-div li{
		border-radius: 60px;
	}
	.box-pro>li{
		margin-top: 80px;
	}
	.box-pro>li div{
		position: relative;
	}
	.box-pro>li div:after{
		width: 129px;
		height: 143px;
		position: absolute;
		content: "";
		top: -25px;
		left: 38%;
		z-index: -1;
	}
	.box-pro>li:first-child div:after{
		background-image: url(/images/common/products2.png);
	}
	.box-pro>li:nth-child(2) div:after{
		background-image: url(/images/common/products1.png);
	}
	.box-pro>li:last-child div:after{
		background-image: url(/images/common/products3.png);
	}
	.main-div{
		padding: 30px 30px 30px 15px;
	}
	.purchase-text{
		margin-left: 210px;
	}
	.purchase-box{
		width: 30%;
	}
	.clone-1{
		/*top: 45%;
		left: 44%;*/
		opacity: 0;
	}
	.clone-2{
		top: 55%;
		left: 39%;
		opacity: 0;
	}
	.clone-3{
		/*top: 56%;
		left: 30%;*/
		opacity: 0;
	}
	.clone-4{
		/*top: 46%;
		left: 35%;*/
		opacity: 0;
	}
	@keyframes clone-move1{
		0%{
			top:64%;
			left: 44%;
			opacity: 0;
		}
		5%{
			opacity: 0.5;
		}
		15%{
			top: 45%;
			left: 44%;
			opacity: 1;
			transform: scale(1.4,1.4);
		}
		90%{
			top: 41%;
			left:  68%;
			opacity: 1;
		}
		95%{
			opacity: 0.5;
		}
		100%{
			top: 46%;
			left: 69%;
			opacity: 0;
			transform: scale(0.6,0.6);
		}
	}
	@keyframes clone-move2{
		0%{
			top:64%;
			left: 37%;
			opacity: 0;
		}
		5%{
			opacity: 0.5;
		}
		15%{
			top: 45%;
			left: 37%;
			opacity: 1;
			transform: scale(1.4,1.4);
		}
		90%{
			top: 41%;
			left: 68%;
			opacity: 1;
		}
		95%{
			opacity: 0.5;
		}
		100%{
			top: 46%;
			left: 69%;
			opacity: 0;
			transform: scale(0.6,0.6);
		}
	}
	@keyframes clone-move3{
		0%{
			top:64%;
			left: 31%;
			opacity: 0;
		}
		5%{
			opacity: 0.5;
		}
		15%{
			top: 45%;
			left: 31%;
			opacity: 1;
			transform: scale(1.4,1.4);
		}
		90%{
			top: 41%;
			left: 68%;
			opacity: 1;
		}
		95%{
			opacity: 0.5;
		}
		100%{
			top: 46%;
			left: 69%;
			opacity: 0;
			transform: scale(0.6,0.6);
		}
	}
	@keyframes clone-move4{
		0%{
			top:64%;
			left: 37%;
			opacity: 0;
		}
		5%{
			opacity: 0.5;
		}
		15%{
			top: 45%;
			left: 37%;
			opacity: 1;
			transform: scale(1.4,1.4);
		}
		90%{
			top: 41%;
			left: 68%;
			opacity: 1;
		}
		95%{
			opacity: 0.5;
		}
		100%{
			top: 46%;
			left: 69%;
			opacity: 0;
			transform: scale(0.6,0.6);
		}
	}
	.en-iphone-change{
		top: 10px;
		left: 267px;
		width: 178px;
		height: 391px;
	}
	.iphone-icon{
		margin-top: 60%;
		margin-bottom: 40px;
		width: 64px;
		height: 64px;
		padding: 30px;
	}
	.iphone-icon:after{
	    left: 20px;
	    bottom: 6px;
	    transform-origin: 41px -45px;
	}
}
@media (min-width: 992px){
	#banner{
	  height: 600px;
	}
	.home-ul-li{
		z-index: 0;
		opacity: 0;
		display:none;
	}
	.active-tab{
	  z-index: 1;
	  opacity: 1;
	  display:block;
	}
	.arrow{
		display: block;
		bottom: 0;
		top: 0;
		margin: auto 0;
	}
	.top70{margin-top: -80px;}
	.main1, .main2,.main3, .main5, .main6, .main7,
	.pro-database, .pro-safety, .main-coloning, .main-bitlocker, .pro-safety2, 
	#main-pro, .left-home3, .main-home,.aff-banner,.aff-div, .aff-safety, .banner-word-repair,
	.banner-excel-repair, .banner-ppt-repair,.banner-office-repair{
		padding: 80px 0;
	}
	.banner-pro-system{
		background-position: center center;
	}
	.word-repair-img{
		position: absolute;
		top: 0;
	    left: -100px;
	    bottom: 0;
	}
	.main4{
		padding-top: 80px;
	}
	.left-home{
		padding-bottom: 80px;
	}
	.why-text ul:after{
		position: absolute;
		content: "";
		width: 1px;
		height: 100%;
		background-color: #d9e4e8;
		top: 0;
		right: 0;
	}
	.why-text .text-choose{
		font-size: 48px;
	}
	.why-text ul{
		margin-bottom: 0;
	}
	.img-right{
		right: 0;
		top: 0;
		display: block;
	}
	.article-en-ul{
		margin-bottom: 50px;
	}
	.li-other-three{
		width: 415px;
	}
	.li-same{
		display: block;
	}
	.en-product{
		margin-bottom: 140px;
	}
	.en-product-two{
		margin-bottom: 100px;
	}
	.true-header{
		margin-right: auto;
	}
	.en-menu-main,
	.menu-main,
	.en-menu-main-sub,
	.menu-main-sub{
		display: block;
	}
	.en-menu-main-sub, .menu-main-sub{
		transform: translate(0px,-15px);
	    transition: all .3s ease-out;
	    overflow: hidden;
	    opacity: 0;
	    z-index: -1;
	}
	.en-menu-main-sub{
		top:61px;
	}
	.menu-main-sub{
		top: 57px;
	}
	.en-menu-main li:hover .en-menu-main-sub, .menu-main li:hover .menu-main-sub{
		z-index: 2;
		opacity: 1;
		transform: translate(0px,0px);
	}
	.en-menu-main-sub dd>a:hover{
		color: #1781E0;
	}
	.en-menu-main-sub dd>a:after{
		position: absolute;
		content: "";
		width: 0%;
		right: 0;
		bottom: 0;
		height: 2px;
		background-color: #1781E0;
		transition: all 0.3s;
	}
	.en-menu-main-sub dd>a:hover:after{
		width: 100%;
		left: 0;
	}
	.en-menu-main .item, .menu-main .item{
		display: inline-block;
		padding: 0 15px;
		margin: 0 5px;
	}
	.en-menu-main .item:hover{
		color: #1781E0;
	}
	.en-menu-main .item span, .menu-main .item span{
		font-size: 20px;
	}
	.en-menu-main .select .item, .menu-main .select .item{
		color: #1781E0;
	}
	.en-menu-main .item:after, .menu-main .item:after{
		position: absolute;
		content: "";
		right: 0;
		width: 0;
		height: 2px;
		background: #1781E0;
		transition: all 0.3s;
	}
	.en-menu-main .item:after{
		bottom: 0;
	}
	.menu-main .item:after{
		bottom: 8px;
	}
	.en-menu-main .item:hover:after, .menu-main .item:hover:after{
		width: 100%;
		left: 0;
	}
	.en-menu-main .select .item:after, .menu-main .select .item:after{
		width: 100%;
		left: 0;
	}
	 .en-nav-down a{
		line-height: 59px;
	}
	.main3-ul2 p{
		width: 82%;
	}
	.sidebar{
		width: 220px;
	}
	.products-butn, .nav-app{
		display: none;
	}
	.blog{
		margin-left: 40px;
	}
	.item-ul-2{
		margin-bottom: 0;
	}
	.oper-box{
		min-height: 220px;
		margin-bottom: 0;
	}
	 .and-bg, .mac-bg{
		display: block;
	}
	.requ-ul li{
		margin-bottom: 20px;
	}
	.bottom{
		border-bottom: none;
	}
	.review-div2{
		padding: 45px 0 50px;
	}
	.review-div-left>div div:last-child{
		padding-top: 27px;
	}
	.div-ul{
		width: 220px;
	}
	.div-width{
		margin-bottom: 40px;
	}
	.main-nav-ul a{
		text-align: center;
	}
	.li-bg-one a{
		background-position-x: 18px;
	}
	.li-bg-two a{
		background-position-x: 12px;
	}
	.li-bg-three a{
		background-position-x: 26px;
	}
	.li-bg-four a{
		background-position-x: 36px;
	}
	.li-bg-five a{
		background-position-x: 16px;
	}
	.li-bg-six a{
		background-position-x: 22px;
	}
	.main-nav-ul .active-a:before,
	.main-nav-ul-de .active-a:before{
		position: absolute;
		content: "";
		border: 6px solid #1781E0;
	    border-top-color: #1781E0;
	    border-bottom: none;
	    border-left-color: transparent;
	    border-right-color: transparent;
	    bottom: -6px;
	    left: 50%;
	    margin-left: -6px;
	}
	.de-li-bg-one a{
		background-position-x: 40px;
	}
	.de-li-bg-two a{
		background-position-x: 26px;
	}
	.banner-pro-clone,
	.banner-pro-iphone,
	.banner-pro-iphone-en,
	.banner-pro-system{
		padding: 60px 0;
	}
	.features-div li>span{
		display: block;
	}
	.footer-one>div:first-child{
		width: 300px;
	}
	.footer-ul{
		width: 140px;
	}
	.footer-ul2{
		width: 270px;
	}
	.footer-two{
		width: 134px;
	}
	.box-pro>li div:after{
		left: 22%;
	}
	.text-banner{
		margin-top: 128px;
	}
	.text-banner:after, .text-banner:before{
		position: absolute;
		content: " ";
	    width: 100%;
	    height: 20px;
	    border: 1px solid;
	    position: absolute;
	    left: 0;
	    opacity: 0.7;
	    border-right: 0;
	}
	.text-banner:before{
		border-bottom: 0;
		top: -40px;
	}
	.text-banner:after{
		border-top: 0;
		bottom: -40px;
	}
	.windows-video{
		margin-top: 200px;
	}
	.resources-a{
		margin-left: auto;
	}
	.home2-ul2{
		margin-top: 40px;
	}
	.main-bg{
		display: block;
	}
	.clone-postion{
		position: absolute;
		left: -30%;
		top: 6%;
		margin-right: 30px;
	}
	@keyframes clone-move1{
		0%{
			top:58%;
			left: 22%;
			opacity: 0;
		}
		5%{
			opacity: 0.5;
		}
		15%{
			top: 45%;
			left: 22%;
			opacity: 1;
			transform: scale(1.4,1.4);
		}
		90%{
			top: 41%;
			left: 56%;
			opacity: 1;
		}
		95%{
			opacity: 0.5;
		}
		100%{
			top: 46%;
			left: 57%;
			opacity: 0;
			transform: scale(0.6,0.6);
		}
	}
	@keyframes clone-move2{
		0%{
			top:58%;
			left: 19%;
			opacity: 0;
		}
		5%{
			opacity: 0.5;
		}
		15%{
			top: 45%;
			left: 19%;
			opacity: 1;
			transform: scale(1.4,1.4);
		}
		90%{
			top: 41%;
			left: 56%;
			opacity: 1;
		}
		95%{
			opacity: 0.5;
		}
		100%{
			top: 46%;
			left: 57%;
			opacity: 0;
			transform: scale(0.6,0.6);
		}
	}
	@keyframes clone-move3{
		0%{
			top:58%;
			left: 12%;
			opacity: 0;
		}
		5%{
			opacity: 0.5;
		}
		15%{
			top: 45%;
			left: 12%;
			opacity: 1;
			transform: scale(1.4,1.4);
		}
		90%{
			top: 41%;
			left: 56%;
			opacity: 1;
		}
		95%{
			opacity: 0.5;
		}
		100%{
			top: 46%;
			left: 57%;
			opacity: 0;
			transform: scale(0.6,0.6);
		}
	}
	@keyframes clone-move4{
		0%{
			top:58%;
			left: 9%;
			opacity: 0;
		}
		5%{
			opacity: 0.5;
		}
		15%{
			top: 45%;
			left: 9%;
			opacity: 1;
			transform: scale(1.4,1.4);
		}
		90%{
			top: 41%;
			left: 56%;
			opacity: 1;
		}
		95%{
			opacity: 0.5;
		}
		100%{
			top: 46%;
			left: 57%;
			opacity: 0;
			transform: scale(0.6,0.6);
		}
	}
	.en-iphone-change{
		top: 7px;
		left: 124px;
		width: 127px;
		height: 279px;
	}
	.iphone-icon{
		width: 55px;
		height: 55px;
		padding: 25px;
		margin-bottom: 20px;
	}
}
@media (min-width: 1200px){
	.oper-bg{
		display: block;
	}
	.text-banner:before{
		top: -100px;
	}
	.text-banner:after{
		bottom: -100px;
	}
	.text-banner{
		margin-top: 205px;
	}
	.windows-video{
		margin-right: 0;
		margin-top: 280px;
	}
	#banner{
	  height: 750px;
	}
	#next.arrow{
	  	right: 30px;
	}
	#prev.arrow{
	  	left: 30px;
	}
	.edit-chose{
		display: block;
	}
	.app-edit{
		display: none;
	}
	.awar{padding: 30px;}
	.display-box{
		display: block;
	}
	.sidebar{
		width: 270px;
	}
	.main3-ul2 p{
		width: 84%;
	}	
	.resources-item ul li div{
		height: 229px;
	}
	.en-why{
		padding-bottom: 140px;
	}
	.product-home-en{
		margin-bottom: 160px;
	}
	.en-product-two{
		margin-bottom: 180px;
	}
	#banner-en{
		padding: 130px 0 240px;
	}
	.en-article{
		padding: 60px 0 160px;
	}
	.img-right{
		right: -15%;
		top: -42%;
	}
	.artile-right-ul:after{
		content: "";
		position: absolute;
		width: 200%;
		height: 810px;
		background-color: #fff;
		box-shadow: 0 0 5px rgba(0,0,0,0.2);
		border-radius: 8px ;
		z-index: -1;
		left: 25%;
		top: -10%;
	}
	.en-product{
		padding: 50px;
		margin-bottom: 160px;
	}
	.en-product p{
		margin-bottom: 80px;
	}
	.en-footer-top>div:first-child{
		padding-right: 60px;
	}
	.windows-tab{
		width: 45%;
	}
	.main2-edit .edit-pro2{
	    box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.2);
	    margin-top: -20px;
	}
	.buy-promise{
		margin-bottom: 60px;
	}
	.edit-pro{
    	height: 665px;
    }
    .edit-pro ul{
		height: 338px;
	}
	#buy-banner{
		padding: 60px 0;
	}
	.banner-text-left{
		margin-top: 60px;
	}
	.main7{
		margin-top: -180px;
	}
	.main7 h2{
		padding-top: 60px;
	}
	.windows-bg{
		display: block;
	}
	.div-ul{
		width: 270px;
	}
	#store-main{
		padding: 30px 0 60px;
	}
	.product-box{
		min-height: 308px;
	}
	.product-box .content p{
		min-height: 115px;
	}
	.step-left li span{
		display: block;
	}
	.div-width{
		margin-bottom: 60px;
		border: none;
	}
	.li-bg-one a{
		background-position-x: 35px;
	}
	.li-bg-two a{
		background-position-x: 30px;
	}
	.li-bg-three a{
		background-position-x: 44px;
	}
	.li-bg-four a{
		background-position-x: 52px;
	}
	.li-bg-five a{
		background-position-x: 34px;
	}
	.li-bg-six a{
		background-position-x: 36px;
	}
	.de-li-bg-one a{
		background-position-x: 15px;
	}
	.de-li-bg-two a{
		background-position-x: 2px;
	}
	.banner-pro-clone,
	.banner-pro-iphone,
	.banner-pro-iphone-en,
	.banner-pro,
	.banner-pro-system{
		padding: 80px 0;
	}
	.box-pro>li div:after{
		left: 26%;
	}
	.clone-postion{
		top: -2%;
	}
	@keyframes clone-move1{
		0%{
			top:64%;
			left: 22%;
			opacity: 0;
		}
		5%{
			opacity: 0.5;
		}
		15%{
			top: 45%;
			left: 22%;
			opacity: 1;
			transform: scale(1.4,1.4);
		}
		90%{
			top: 41%;
			left: 56%;
			opacity: 1;
		}
		95%{
			opacity: 0.5;
		}
		100%{
			top: 46%;
			left: 57%;
			opacity: 0;
			transform: scale(0.6,0.6);
		}
	}
	@keyframes clone-move2{
		0%{
			top:64%;
			left: 19%;
			opacity: 0;
		}
		5%{
			opacity: 0.5;
		}
		15%{
			top: 45%;
			left: 19%;
			opacity: 1;
			transform: scale(1.4,1.4);
		}
		90%{
			top: 41%;
			left: 56%;
			opacity: 1;
		}
		95%{
			opacity: 0.5;
		}
		100%{
			top: 46%;
			left: 57%;
			opacity: 0;
			transform: scale(0.6,0.6);
		}
	}
	@keyframes clone-move3{
		0%{
			top:64%;
			left: 12%;
			opacity: 0;
		}
		5%{
			opacity: 0.5;
		}
		15%{
			top: 45%;
			left: 12%;
			opacity: 1;
			transform: scale(1.4,1.4);
		}
		90%{
			top: 41%;
			left: 56%;
			opacity: 1;
		}
		95%{
			opacity: 0.5;
		}
		100%{
			top: 46%;
			left: 57%;
			opacity: 0;
			transform: scale(0.6,0.6);
		}
	}
	@keyframes clone-move4{
		0%{
			top:64%;
			left: 9%;
			opacity: 0;
		}
		5%{
			opacity: 0.5;
		}
		15%{
			top: 45%;
			left: 9%;
			opacity: 1;
			transform: scale(1.4,1.4);
		}
		90%{
			top: 41%;
			left: 56%;
			opacity: 1;
		}
		95%{
			opacity: 0.5;
		}
		100%{
			top: 46%;
			left: 57%;
			opacity: 0;
			transform: scale(0.6,0.6);
		}
	}
	.aff-ul li{
		min-height: 125px;
	}
	.aff-div p{
		min-height: 100px;
	}
	.iphone-icon:after{
		left: 20px;
		bottom: 6px;
		transform-origin: 41px -45px;
	}
	.en-iphone-change{
		top: 10px;
		left: 167px;
		width: 178px;
		height: 391px;
	}
	.iphone-icon{
		width: 64px;
		height: 64px;
		padding: 30px;
		margin-top: 42%;
		margin-bottom: 40px;
	}
	.word-repair-img{
	    margin-right: 60px;
	}
}
@media (max-width: 768px){
	.en-menu-main, .menu-main{
		position: absolute;
		width: 100%;
		z-index: 12;
		left: 0;
		right: 0;
		box-shadow: 0 2px 3px rgba(0,0,0,0.2);
		box-sizing: border-box;
		padding: 0 15px;
	}
	.en-menu-main{
		top: 94px;
	}
	.menu-main{
		top: 90px;
	}
	.en-menu-main ul, .en-menu-main .item, .menu-main ul, .menu-main .item{
		margin: 0;
	}
	.en-menu-main li, .en-menu-main .item, .menu-main li, .menu-main .item{
		width: 100%;
	}
	.en-menu-main li, .menu-main li{
		border-bottom: 1px solid #DADADA;
	}
	.step-left{
		margin-bottom: 20px;
	}
	.footer-ul a{
	    border-bottom: 1px solid #E0E0E0;
	    margin-bottom: 0.5rem;
	    display: block;
	}
	.footer-ul2, .footer-two{
		width: 50%;
	}
	.footer{
		padding-bottom: 60px;
	}
	.resources-a{
		margin: 20px auto;
	}
	.clone-postion{
		margin-bottom: 30px;
	}
	.img-iphone{
		text-align: center;
	}
}
@media (max-width: 767px){
	
}
@media (max-width: 420px){
	.en-nav-down li{
		margin-bottom: 20px;
	}
	.en-nav-down a{
		padding: 15px 0 10px;
	}
	.important-articles img{
		margin: 20px auto;
	}
	.footer-ul2, .footer-two{
		width: 100%;
	}
}