@charset "utf-8";
/* CSS Document */
a { color: #0970cd; text-decoration: underline; }
.nav-wap { display: none; }
/* CSS Document */
.DivMain01 {  height: 372px; background: url(../img/download/div01-bg01-nine.jpg) center top no-repeat; }
.DivMain01 h2 { font-size: 39px; padding: 30px 0 0; line-height: 45px; color: #000; }
.DivMain01 h2 i { color: #00aaff; font-style: normal; }
.DivMain01 p { font-size: 21px; color: #404040; padding: 10px 380px 0 0; line-height: 32px; }
.DivMain01 h4 { font-size: 19px; padding: 20px 0 0; }
.DivMain01 h4 i { color: #ff9500; }
/* CSS Document */
.DivMain02 { border-bottom: 8px solid #fff; background: #fafafa; padding: 0 0 40px 0; }
.DivMain02 .flag {width: 300px; float: right; padding:10px 20px 0 0; }
.DivMain02 .flag img { margin: 0 5px; }
.DivMain02 h3 { font-size: 37px; line-height: 45px; text-align: center; padding: 40px 0; }
.DivMain02 h3 i { font-style: normal; }
.DivMain02 h3 img {  vertical-align: top; margin: 0 25px 0 0; }
.DivMain02 .Left { width: 49%; margin: 8px 0;  border-radius: 3px; -o-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
border: 1px solid #e4e4e4; transition:box-shadow 0.5s; -o-transition:box-shadow 0.5s; -moz-transition:box-shadow 0.5s; -webkit-transition:box-shadow 0.5s;  }
.DivMain02 .Left:hover { box-shadow: 0px 5px 20px #e0e3e7; }
.DivMain02 .Left .Box { width: 200px; float: left; text-align: center; padding: 60px 0; }
.DivMain02 .Left .Text { width: calc(100% - 200px); float: left; padding: 35px 0 0; }
.DivMain02 .Left .Text h2 {  font-size: 21px; padding: 0 0 8px; font-weight: 400; }
.DivMain02 .Left .Text h2 a{  color: #000; text-decoration: none;}
.DivMain02 .Left .Text p { padding: 8px 25px 8px 0; color: #595959; font-size: 17px; }
.DivMain02 .Left .Text .btn { padding: 5px 0 0; }
.DivMain02 .Left .Text .btn a { text-decoration: none; }
.DivMain02 .Left .Text .btn .down { width: 235px; height: 55px; background: #92cf3f; line-height: 55px; font-size: 21px; text-align: center; color: #fff; 
transition:background 0.5s; -o-transition:background 0.5s; -moz-transition:background 0.5s; -webkit-transition:background 0.5s; }
.DivMain02 .Left .Text .btn .down:hover {  background: #7dd00c; }

.rightfloat {float: right;}
/* CSS Document */
.DivMain03 { background: #fafafa; padding: 60px 0; }
.DivMain03 h3 { font-size: 37px;  text-align: center; }
.DivMain03 .Left { width: 30%; float: left; text-align: center; padding: 45px 0 0; }
.DivMain03 .Left h4 { font-size: 25px; }
.DivMain03 .Left h4 span { width: 160px; display: block; margin: 10px auto 0; background: #ff9500; height: 2px;  }
.DivMain03 .Left p { color: #666; font-size: 15px; padding: 25px 0 0; line-height: 30px; }
.DivMain03 .Margin { margin: 0 5%; }
/* CSS Document */
.DivMain04 { background: #fafafa; padding: 60px 0; text-align: center; }
.DivMain04 h3 { font-size: 37px;   }
.DivMain04 p { padding: 40px 20px; color: #666; line-height: 30px; font-size: 17px; }
.DivMain04 ul {  }
.DivMain04 ul li {  width: 170px; display: block;  text-align: center; padding: 10px 0; float: left; margin:10px 5px; background-color:#fff;
transition: background, box-shadow 0.3s; -o-transition: background, box-shadow 0.3s; -moz-transition: background, box-shadow 0.3s;
-webkit-transition: background, box-shadow 0.3s; }
.DivMain04 ul li:hover { background: -webkit-linear-gradient(180deg, #fffcf5, #fcf9f2);
	background: -o-linear-gradient(180deg, #fffcf5, #fcf9f2); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(180deg, #fffcf5, #fcf9f2); /* Firefox 3.6 - 15 */
	background: linear-gradient(180deg, #fffcf5, #fcf9f2); box-shadow: 0px 0px 8px #fceecc; }
.DivMain04 ul li em { display: block; font-style: normal; padding: 12px 0 0; }
.DivMain04 ul a { color: #333; text-orientation: none; }
.DivMain04 p { color: #808080; }
.DivMain04 p a { color: #000; text-decoration: underline; }

.tip{position: relative;}
.tip::before{content: '';display: inline-block;width: 150px;height: 34px;background: url('../img/download/Partner-Software.png')no-repeat center;right: 0;top: 0;position: absolute;}

@media (max-width: 979px) {
	#clientBottomFixedBanner {display:none;}

.nav-wap {  background: #fff; padding:15px 20px; position: relative; display: block;  border-bottom: 1px solid #f4f4f4; }
.nav-wap .Logo { width: 143px; height: 45px;   }
.nav-wap .more { width: 50px; height: 50px; position: absolute; right: 20px; top: 10px; cursor: pointer; padding: 10px 0 0;  }
.nav-wap .xznor {  background: url(../index-wap-img/nav-jt02.png) no-repeat;  }
.nav-wap .xzlas {  background: url(../index-wap-img/nav-jt01.png) no-repeat;  }

.nav-wap .softlist {  position: absolute; top: 76px; left: 0; z-index: 100;  width: 100%; display: none; }
.nav-wap .softlist ul {  border-top: 1px solid #f4f4f4;  background: #fff;  display: block; }
.nav-wap .softlist ul li {  padding: 10px; border-bottom: 1px solid #f4f4f4; font-size: 21px; padding: 20px 0 20px 85px; height: 50px; line-height: 50px;  }
.nav-wap .softlist ul li:nth-child(1) { background: url(../index-wap-img/nav-dr01.png) 2% center no-repeat; }
.nav-wap .softlist ul li:nth-child(2) { background: url(../index-wap-img/nav-vc01.png) 2% center no-repeat; }
.nav-wap .softlist ul li:nth-child(3) { background: url(../index-wap-img/nav-mt01.png) 2% center no-repeat; }
.nav-wap .softlist ul li:nth-child(4) { background: url(../index-wap-img/nav-by01.png) 2% center no-repeat; }
.nav-wap .softlist ul li:nth-child(5) { background: url(../index-wap-img/nav-sp01.png) 2% center no-repeat; }
.nav-wap .softlist ul li:nth-child(6) { background: url(../index-wap-img/nav-bk01.png) 2% center no-repeat; }
.nav-wap .softlist ul a { color: #333; text-decoration: none; }
/* CSS Document */

.details { width:95%; padding:0; margin:0 auto;}
/* CSS Document */
.DivMain01 {  background: url(../img/download/div01-bg01-nine.jpg) left top no-repeat; }
.DivMain01 h2 { font-size: 27px;  line-height: 35px;}
.DivMain01 p { font-size: 19px;  padding: 10px 50px 0 0; line-height: 28px; }
.DivMain01 h4 { font-size: 17px; }
/* CSS Document */
.DivMain02 .Left .Box {  float: none; margin: 0 auto; padding: 30px 0 10px; }
.DivMain02 .Left .Text { width: 85%; float: none; padding: 35px 0; text-align: center; margin: 0 auto; }
.DivMain02 .Left .Text .btn .down { margin: 0 auto; }
}

@media (max-width: 767px) {
.DivMain01 h2 { font-size: 21px;  line-height: 30px;}
.DivMain01 p { font-size: 17px; }

.DivMain02 h3 { font-size: 29px; }
.DivMain02 .Left { width: 95%; margin: 0 auto; }
.DivMain02 .Left .Box {  float: left; width: 150px;  }
.DivMain02 .Left .Text h2 {  font-size: 19px; padding: 8px 0; }
.DivMain02 .Left .Text p {  font-size: 15px; }
.DivMain02 .Left .Text { width: calc(100% - 150px); float: left; padding: 35px 0 ; }	
.DivMain02 .leftfloat { float: none; margin: 10px auto; }
.DivMain02 .rightfloat { float: none; margin: 10px auto; }
.DivMain03 h3 { font-size: 29px; }
.DivMain03 .Left { width: 45%; float: left;  }

.DivMain04 p { padding: 40px 30px;  }
.DivMain04 h3 { font-size: 29px; }
}

@media (max-width: 479px) {

.DivMain02 h3 { font-size: 25px; }
.DivMain02 .Left .Box {  float: none; margin: 0 auto; padding: 30px 0 10px; }
.DivMain02 .Left .Text { width: 85%; float: none; padding: 35px 0; text-align: center; margin: 0 auto; }
.DivMain02 .Left .Text .btn .down { margin: 0 auto; }

.DivMain03 h3 { font-size: 25px; }
.DivMain03 .Left { width: 95%; float: none;  margin: 0 auto; }

.DivMain04 h3 { font-size: 25px; }
}