@charset "utf-8";
/*.element::-webkit-scrollbar {display:none}*/
body { background: #f2f2f5; font:17px/29px tahoma, Arial, sans-serif; color:#333; margin: 0; padding: 0; }
p, h1, h2, h3, h4, h5, h6, ul, li, ol { margin:0; padding:0; font-weight:400; list-style: none;  }
a {color: #0fb4ff;text-decoration: none;}
.clear { clear:both; height:0;}
.Details {  width: 85%; margin: 0 auto; padding: 0; }
img { max-width : 100% }


.DivNav { position: fixed; top: 0; width: 100%; height: 80px; background: #2b2d33;  z-index: 100; }
.DivNav .Details { width:1080px; padding:5px 0; margin:0 auto; }
.DivNav .Logo { width: 140px; height: 44px; float: left; padding: 10px 0 0; }

.DivNav ul {  float: right; display: block; padding: 23px 0 0;  }
.DivNav ul li { padding:0 20px; float: left;  font-size: 19px; color: #babcbd;  }
.DivNav ul li a { color: #babcbd;  text-decoration: none; }
.DivNav ul li:nth-child(1) a{ border-bottom:1px solid #91cd45;}
.DivNav .Download { width: 160px; float: right; height: 40px; z-index: 0; position: relative; overflow: hidden; margin: 18px 0 0; }
.DivNav span {  display: block; width: 160px;  height: 40px; display: block; text-align: center; background: #02acfa; 
	color: #fff; float: right;  border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -o-border-radius: 3px; line-height: 40px; 
	font-size:17px; cursor: pointer; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; }
.DivNav span a {  text-decoration: none; color: #fff; }
.DivNav .shadow:before {  content:""; width:100px; height:50px; display:block; background-color:rgba(255,255,255,.2); 
transform:rotate(-70deg); position:absolute; top:0; right:-20%;transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;
-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out; z-index:10; }
.DivNav .shadow:hover:before { width:200px; height:200px; top: -60px; }
.DivNav .m_nav{ float:right;width: 30px; margin:15px 0 0; border-top: 12px double #737373;padding-bottom: 5px;border-bottom: 4px solid #737373; cursor: pointer;border-spacing:5px; display:none;}
	
.DivMain01{ margin-top: 80px;}
.DivMain01 .Ban01 { background: #fff; height: auto; overflow: hidden; position: relative; padding: 75px 0 50px;}
.DivMain01 .Ban01 .bg01 { width: 52%; min-width: 950px;  height: 1500px; background: #3fb1e5; transform:rotate(9deg); -ms-transform:rotate(9deg); /* Internet Explorer */
-moz-transform:rotate(9deg); /* Firefox */-webkit-transform:rotate(9deg); /* Safari 和 Chrome */ -o-transform:rotate(9deg); position: absolute; top:-20%; left: -5%; }
.DivMain01 .Ban01 .Right { width: 45%; float: right; }
.DivMain01 .Ban01 .Right h1 { font-size: 30px; padding: 50px 0 0; }
.DivMain01 .Ban01 .Right ol { padding: 30px 0 0; }
.DivMain01 .Ban01 .Right ol li { padding:0 0 18px 0; list-style: none; }
.DivMain01 .Ban01 .Right h3 { font-size: 19px; }
.DivMain01 .Ban01 .Right textarea { width: 70%; height: 120px; padding: 20px; margin: 20px 0 0; }
.DivMain01 .Ban01 .Right .Copy {  float: right; padding: 40px 30% 30px 0; }
.DivMain01 .Ban01 .Right .Copy .Btn { border-radius: 5px; background: #0fb4ff; width: 200px; height: 45px; text-align: center; line-height: 45px; font-size: 19px; 
	cursor: pointer; color: #fff; }
.DivMain01 .Ban01 .Right .Copy .Btn2 { border-radius: 5px; background: #76cf3a; width: 200px; height: 45px; text-align: center; line-height: 45px; font-size: 19px; 
	cursor: pointer; color: #fff; }

.DivMain02 {  background: #f2f2f5; padding: 50px 0 50px; }
.DivMain02 .Right { width: 45%;  float: right; }
.DivMain02 .Right h2 { font-size: 21px; }
.DivMain02 .Right p, .DivMain03 .Right p { padding: 15px 0 0; }
.DivMain02 .Right h3, .DivMain03 .Right h3 { padding: 15px 0 0; font-size: 19px; }
.DivMain02 .Right a, .DivMain03 .Right a { color: #3fb1e5; }

.DivMain03 {  background: #fff; padding: 50px 0 50px; }
.DivMain03 .Right { width: 45%;  float: right; }
.DivMain03 .Right h2 { font-size: 19px; }


.Left {width: 42%;position: fixed;top:110px;left: 8%;z-index: 99;}
.Left .Pust11 {  float: right; margin: 0 15% 0 0; padding: 0 0 20px 0; }
.Left .Butt11 { width: 150px; height: 33px; border: 1px solid #f6f6f6; font-size: 17px; text-align: center; background: #3fb1e5; border-radius: 5px; 
-o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #f6f6f6; line-height: 33px; cursor: pointer;}
.Left .share11 {  width: 85%; height: 50px; background: #fff; border-radius: 5px; -o-border-radius: 5px; 
	-moz-border-radius: 5px; -webkit-border-radius: 5px; margin: 20px 0 0; }
.Left .share11 p { line-height: 48px;  font-size: 15px; padding: 0 0 0 25px; }
.Left .share11 p a { color: #76cf3a; font-size: 17px; font-weight: 800; }

.Left .table { width: 85%; border-radius: 5px; -o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #fff; 
	box-shadow: 0 0 5px #f2f2f2; }

.Left .table .One { height: 50px; border-bottom: 1px solid #e6e6e6; }
.Left .table .One .dx {  float: left; width: 200px; padding: 11px 0 0; }
.Left .table .CalculatorRow-input-box {  width: 105px;  color: #1e1f21; float: left; line-height: 50px; padding: 0 0 0 25px; }
.Left .table .Select-value {  float: right; text-align: right;  padding: 0 25px 0 0;  align-items: center; 
	height: 50px; line-height: 50px; position: relative; }
.Left .table .Select-value .Select-value-label { color: #0fb4ff; float: right;  cursor:pointer; }
.Left .table .Select-value .Select-value-label1 { color: #0fb4ff; float: right;  cursor:pointer; }
.Left .table .Select-value .Select-value-label:after{content:' ▾'}
.Left .table .Select-value .Select-value-label input {  float: left; display: inline-block; width: 30px; }
.Left .table .Select-value .Select-value-label span { display: inline-block; float: left; }
.Left .table .Select-value .Select-value-label-length input {  float: left; display: inline-block; width: 60px; }
.Left .table .Select-value .Select-value-label-length span { display: inline-block; float: left;color:#0fb4ff }
.Left .table .Select-value .Select-input {  width:250px;  float: right; overflow: auto; cursor: pointer; 
	border: 1px solid #ccc; background: #fff; position: absolute; right: 0; top: 50px; display: none; z-index: 10; }
.Left .table .Select-value .ss-input {  width:350px; height: 50px;  float: right; overflow: auto; cursor: pointer; 
	border: 1px solid #ccc; position: absolute; right: 0; top: 50px; z-index: 10; display: none; }
.Left .table .Select-value .ss-input input { background: #fff; border-radius: 5px; text-align: left; float: left; width: 332px;
padding: 0 0 0 30px;  }
.Left .table .Select-value .Select-input span { display: block; padding: 0 30px; }
.Left .table .Select-value input { float: right; width: 75px; height: 50px; border: none; outline: none; text-align: right; padding: 0 10px 0 0; 
	font-size: 17px; line-height: 50px ;}

.Left .table .Select-value .fps {  color: #000; font-size: 17px; line-height: 45px; float: right; }
.Left .Botton { padding: 35px 0 0; }
.Left .Botton .btn1 { width: 190px; height: 55px; font-size: 19px; font-weight: 800; text-align: center; background: #76cf3a; border-radius: 5px; 
-o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; color: #fff; line-height: 55px; cursor: pointer; float: left; }
.Left .Botton .btn1:hover {  background: #85eb41; }

.Left .Botton .btn2 {  width: 70px; height: 55px; margin: 0 0 0 20px; float: left; background: url(../img/0820.png) 10px 5px no-repeat #76cf3a; border-radius: 5px; 
-o-border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; cursor: pointer; }
.Left .Botton .btn2:hover {  background:url(../img/0820.png) 10px 5px no-repeat #85eb41; }
.Left .Botton p {  display: block; width: 30px; text-align: center; float: left; line-height: 55px; margin: 0 0 0 20px; cursor: pointer; text-decoration: underline; }
.Left .Botton .right {  width: 290px; float: right; padding: 0 15% 0 0; }
.Left .Botton .right h6 { display: inline-block; vertical-align: middle; font-size: 17px; }
.Left .Botton .right img {  margin: 0 6px; }

.Pop { background: #fff; border-radius: 5px; padding: 20px 50px; width: 29%; position: relative; z-index: 100000; display: none; border: 1px solid #ccc; }
.Pop h3 { font-size: 21px; padding: 0 0 15px 0; }
.Pop h3 img { vertical-align: middle; }
.Pop textarea { width: 100%; height: 100px; margin: 20px auto 0; color: #666;   padding: 20px; }

.Pop .Copy { padding: 20px 0 0; float: right; }
.Pop .Copy .Btn { border-radius: 5px; background: #0fb4ff; width: 200px; height: 45px; text-align: center; line-height: 45px; font-size: 19px; 
	cursor: pointer; color: #fff; }
.Pop .Copy .Btn2 { border-radius: 5px; background: #76cf3a; width: 200px; height: 45px; text-align: center; line-height: 45px; font-size: 19px; 
	cursor: pointer; color: #fff; }

.DivMain06 { background: #f8f8f8; padding: 15px 0; }
.DivMain06 .Details{  width: 1080px; }
.DivMain06 .crumbs { padding: 10px 0; }


	
@media (max-width: 979px) {
	.mobileNo{display:none;}
	.DivNav .Details{width:auto; padding:0 5%;}
	.Details,.Recommend .Text{width:auto; padding:0 5px;}
	.Recommend .Text h1{font-size:37px;}
	
	.DivMain01{ margin-top: 0px; height: auto; }
	.DivMain01 .Ban01 .bg01 { display: none;}
	.Left { display: none; }

	.DivNav { height: auto; }
	.DivNav .Logo{float:none;padding:5px 0 10px;}
	.DivNav .m_nav{ display:block; position:relative;}
	.DivNav ul{display:none; border-top:1px solid #babcbd; padding:10px 0 20px; margin:10px 0 0; float:none; }
	.DivNav ul li{width:100%; padding:5px 0;}
	.DivNav .m_nav.on{border:none; height:26px;}
	.DivNav .m_nav.on:before,.DivNav .m_nav.on:after { content:""; -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:10px;width:30px; height:4px; background:#737373; display:inline-block; position:absolute;}
	.DivNav .m_nav.on: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); }
	.DivNav .m_nav.on: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);}
	.MainFoot h6{padding:8px 0 0;}

	.DivMain01 .Ban01 {  background: #3fb1e5; height: auto; margin: 0px 0 0; overflow: hidden; position: relative; }
	.DivMain01 .Ban01 .bg01 { display: none; }
	.DivMain01 .Ban01 .Right { width: 90%; }
	.DivMain01 .Ban01 .Right h1 { padding:25px 0 0; font-size: 25px; line-height: 30px; color: #fff; }
	.DivMain01 .Ban01 .Right ol { padding: 25px 0 0; color: #fff; }
	.DivMain01 .Ban01 .Right ol li { padding:0 0 30px 0; list-style: none; }

	.Left { width: 90%; position: fixed; top:110px; left: 10%; z-index: 10;  }
	
	.DivMain02 .Right { width: 90%;  float: none; margin: 0 auto; }
	.DivMain03 .Right { width: 90%;  float: none; margin: 0 auto; }

	.MainFoot .Details { width: 90%; }
	.DivMain06 .Details{  width: 90%; }
}

@media (max-width: 767px) {
	.DivNav ul li {font-size: 17px; }
	.DivMain02 h2{font-size:27px;}
	.DivMain02 .Text .forwin{margin:0 0 15px;}

}

@media (max-width: 479px) {
	body {   font:15px/23px tahoma, Arial, sans-serif;  }


}