body{font:14px/24px Verdana,Arial,sans-serif; color:#333; background-color:#fff;}
html, body, h1, h2, h3, h4, h5, h6, div, p, ul, ol, li, form, input, button, select{padding:0; margin:0;}
a{color:#538ffe; outline:none; text-decoration:none;}
a:hover{text-decoration:underline; color:#f30;}
ol, ul{list-style:none;}
img{vertical-align:middle;}
img, input, select{border:0; outline:none;}
.clear{clear:both;}
.detail{width:980px; margin:0 auto;}
h2{font-weight:normal;}

iframe {position: static;left: 0;top: 0;width: 100%;margin: auto;}
/* CSS Document */

.main01{background:#f9f3e5; padding-bottom:90px;}
.main01 .crumbs p{font-size:15px; color:#919191; padding:15px 0; border-bottom:1px solid #ccc;}
.main01 .crumbs p a{color:#919191; text-decoration:none;}
.main01 .t{color:#6e6969; text-align:center;border-bottom:1px solid #ccc; padding:50px 0 20px; font-size:29px;}
.main01 h1{font-size:31px; color:#242526; padding:20px 0 20px; text-align:center;}
.main01 .t2{ text-align:center; font-size:25px; padding:0 7%; color:#676773; line-height:30px;}
.main01 .t2 a{ color:#2daae2;}
.main01 .email_box{padding:35px 0 30px;}
.main01 .email_box input:first-child{background-color:#f7f7f7; color:#666; width:60%; float:left; height:60px; line-height:60px; padding-left:3%; font-size:14px;}
.main01 .email_box input:last-child{background-color:#00afef; color:#fff; width:40%; height:60px; line-height:60px; cursor:pointer; font-size:24px; border-radius:0 5px 5px 0;}
.main01 .email_box + p{color:#676773; text-align:center; font-size:25px;}
.main01 .email_box + p span{color:red; font-size:15px;}
/*------------ */
.main02{ background:#fff; text-align: center;position: relative;}
.main02::before{content: '';display: block;height: 50px;background: #f9f3e5;position: absolute;top:-1px;left: 0;right: 0;z-index: 99;}
.main02 .detail{position: relative;z-index: 100;}

/*------------ */
.main03{padding-bottom:40px;}
.main03 h2{ text-align:center; font-size:30px; padding:40px 0 20px; line-height:40px;}
.main03 h2 span{ color:#ff4152;}
.main03 .step_box{background:url(../image/dm-mobile/icon.png) 15px center no-repeat; margin:10px 0 0 26%; font-size:25px; color:#676773;}
.main03 .step_box p{padding:15px 0;}
.main03 .pic{text-align:center; padding:20px 0;}
.main03 ul {padding:20px 0;}
.main03 ul li { font-size:23px;list-style:none; background:url(../image/download-windows/list.png) no-repeat left center; padding:10px 0 10px 20px;}
.main03 .btn a{margin-right:15px;}
.main03 .download_btn{ padding:20px 0 40px;}
.main03 .download_btn a{ cursor:pointer; color:#fff; font-weight:bold; font-size:15px; background:#2daae2; padding:10px 20px; border-radius:5px; display:inline-block; text-decoration:none;}
.main03 .download_link { color:#2daae2; font-size:15px; padding:20px 0;}
.main03 .download_link a{ color:#2daae2;}
.main03 .download_mess{font-size:23px; color:#6c6c6c; background:#f6f6f6; padding:10px;}
.main03 .download_mess p{background:url(../image/download-windows/icon.png) no-repeat left 15px; padding:5px 0 5px 15px; line-height:30px;}
/*------------ */
.main04{background:url(../image/dm-mobile/bg2.jpg) no-repeat center; padding-bottom:30px;}
.main04 .pic{ text-align:center; padding:30px 0;}
.main04 p{ font-size:23px; color:#eaeaea; padding:0 5%; line-height:30px;}
.main04 p span{color:#ff3958;}
/*------------ */
.main05{color:#b8b8c6;background:#303336;font-size:23px; padding-bottom:20px;}
.main05 .detail .ti{color:#fff; font-weight:700; padding:30px 0 15px; }
.main05 .main05_one{padding:0 0 20px; border-bottom:1px solid #45484b;}
.main05 .main05_one ol{list-style-position:inside;}
.main05 .main05_one ol li{line-height:30px;}
.main05 .main05_two{ padding:20px 0 10px;}
.main05 .main05_two a{margin-right:15px; display:inline-block;}
/*------------ */

.main06 {  color:#b8b8c6; background-color:#2b2f32;font-size: 23px;}
.main06 .detail { padding:25px 0;}
.main06 .main06_one{padding:0 0 20px; margin-bottom: 25px;}
.main06 .main06_one ol{list-style-position:inside;}
.main06 .main06_one .ti{color:#fff; font-weight:700; padding:0 0 15px;}
.main06 .Left {   padding:15px 0;  }
.main06 h3 {  font-size:21px; color:#fff;}
.main06 .Left .cent { padding:15px 0;}
.main06 .Left .cent img { margin-right:30px; float:left;}
.main06 .Left p { padding:5px 30px 5px 0; }
.main06 .Left p a{ color:#00b2f2;}
.main06 .Right {   padding:5px 0 0 0; }
.main06 .Right h3 {padding:10px 0 0;}
.main06 .Right ul { list-style:none; padding:15px 0 0;}
.main06 .Right ul li { padding:0 0 10px 25px; line-height:26px;  }
.main06 .Right ul li i {  display:block;  font-style:normal;}
.main06 .Right ul li a { color: #fff; text-decoration: none; }
.main06 .Right ul li a:hover { text-decoration: underline; }
/*------------ */

.product h2{ text-align:center; font-size:30px; padding:40px 0 20px; line-height:40px;}
.product h2 span{ color:#ff4152;}
.product ul{display: flex;justify-content: center;align-items: center;flex-wrap: wrap;}
.product ul li{margin: 15px;border: 1px solid #e4e4e4;border-radius: 5px;box-sizing: border-box;padding: 30px;position: relative; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s;  -o-transition: all 0.5s;}
.product ul li:hover{box-shadow: 0px 5px 20px #e0e3e7;}
.product ul li .left{width: 120px;margin: 0 auto;}
.product ul li .left img{width: 100%;cursor: pointer;}
.product ul li .right{margin-left: 0;text-align: center;margin-top: 10px;}
.product ul li .right h4{font-size: 18px;color: #252b2e;font-weight: 600;}
.product ul li .right p{font-size: 13px;padding: 5px 0;}
.product ul li .right span{font-size: 19px;color: #ff2a00;font-weight: 600;display: block;padding: 5px 0;}
.product ul li .right span em{font-size: 14px;color: #000000;text-decoration: line-through;margin-right: 10px;font-style:normal;}
.product ul li .right a{display: inline-block;background-color: #ff7a18;color: #fff;text-align: center;height: 50px;line-height: 50px;padding: 0px 50px;text-decoration: none;border-radius: 5px;font-weight: bold;font-size: 17px;margin-top: 15px;}

/*------------ */

@media  (max-width: 979px) {
	.detail{ width:95%;}
	/* ------------- */
	.main01{ background-size:contain; padding-bottom:50px;}
	.main01 .t2{ padding:0; font-size:23px;}
	/* ------------- */


}

@media  (max-width: 767px) {
	.main01 .t{ font-size:27px;}
	.main01 h1{ font-size:29px; line-height:28px;}
	.main01 .t2{ font-size:19px;}
	.main01 .email_box + p{ font-size:19px;}
	/* ------------- */

	/* ------------- */
	.main03 h2{font-size:25px; line-height:30px;}
	.main03 .step_box{font-size:19px; margin:0 0 0 10%;}
	.main03 .pic img{ max-width:100%;}
	.main03 ul li { font-size:16px;}
	.main03 .download_mess p{font-size:16px;}
	/* ------------- */
	.main04 p{font-size:16px; padding:0;}
	/* ------------- */
	.main05{font-size:16px;}
	.main05 .main05_one ol li{ line-height:25px;}
	.main05 .main05_two{ padding:0;}
	.main05 .main05_two a{ margin:0 15px 10px;}
	
	.main06{font-size:13px;}
	.main06 .main06_one{padding-bottom:0;}
	.main06 .main06_one .ti{font-size:15px;}

	.product h2{font-size:25px; line-height:30px;}

}
@media(max-width:479px){
	.main01{ padding-bottom:30px;}
	.main01 .t{ font-size:15px; padding:30px 0 20px;}
	.main01 h1{ font-size:19px; line-height:24px;}
	.main01 .t2{ font-size:14px;}
	.main01 .email_box + p{ font-size:15px;}
	.main01 .email_box input:first-child{ line-height:50px; height:50px;}
	.main01 .email_box input:last-child{line-height:50px; height:50px;}
	/* ------------- */

	/* ------------- */
	.main03 h2{font-size:16px; line-height:25px; padding:30px 0 20px; }
	.main03 .step_box{font-size:14px;}
	.main03 .step_box p{padding:10px 0;}
	.main03 ul{ padding:0;}
	.main03 ul li { font-size:14px; padding:5px 0 5px 15px; background-position: left 15px;}
	.main03 .btn a{margin-bottom:10px; display:inline-block;}
	.main03 .btn {text-align: center;}
	.main03 .download_mess{font-size:13px; }
	.main03 .download_mess p{font-size:13px; line-height:20px;}
	/* ------------- */
	.main04{ padding-bottom:20px;}
	.main04 .pic{padding:30px 0 20px;}
	.main04 p{font-size:14px; line-height:20px;}
	.main03 .download_link{font-size:14px;}
	/* ------------- */
	.main05{font-size:14px;}
	.main05 .detail .ti{padding:10px 0 15px;}
	.main05 .main05_one ol li{ line-height:20px;}
	.main05 .main05_two a{ width:47%; margin-right:2%; display:inline-block;}
	.main05 .main05_two a img{max-width:100%;}

	.product h2{font-size:16px; line-height:25px; padding:30px 0 20px; }
}