@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0;	font-family:Arial; color:#666; outline:none;}
@font-face {
	font-family: 'Conv_Cutive';
	src: url('fonts/Cutive.eot');
	src: local('☺'), url('fonts/Cutive.woff') format('woff'), url('fonts/Cutive.ttf') format('truetype'), url('fonts/Cutive.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}
h1 {font-family:'Conv_Cutive',Sans-Serif; font-size:20pt;}
h2 {font-family:'Conv_Cutive',Sans-Serif; font-size:16pt; line-height:80px; text-align:center;}
h3 {font-family:'Conv_Cutive',Sans-Serif; font-size:12pt; line-height:50px; text-align:center;}
h4 {font-family:'Conv_Cutive',Sans-Serif; font-size:11pt; line-height:50px;}
a:link {color: #000000; text-decoration: none;}
a:visited {text-decoration: none; color: #000000;}
a:hover {text-decoration: none; color: #33CCFF}
.clear {clear:both;}
.clear1 {clear:both; border-bottom:dashed 1px #CCC; margin:30px auto; width:95%; padding-bottom:20px;}

/*head start*/
.head {width:100%; height:80px; margin:0 auto; background:#F4F4F4 center;}
.nav {width:1024px; height:80px; color:#FFF; margin:0 auto;}
.logo {width:300px; height:65px; float:left; padding-top:10px;}
.nav ul {display:block; margin-left:240px; float:left;}
.nav li{display:block; padding:40px 15px 0px 15px; float:left; color:#FFF;font-family:'Conv_Roboto-Thin',Sans-Serif; font-size:12px; position:relative; color:#FFF;}
.nav li a:link,#current{color:#FF7200;}
.nav li a:link {color:#333333; text-decoration:none;}
.nav li a:visited {color:#333333;}
.nav li a:hover {color:#84C754;}
/*head end*/

/*banner start*/
.banner {min-height:480px; background: url(images/bg.jpg) center 40% no-repeat; background-size: cover;}
.banner-down {min-height:480px; background: url(images/bg-down.jpg) center 40% no-repeat; background-size: cover;}
.banner-supp {min-height:480px; background: url(images/bg-support.jpg) center 40% no-repeat; background-size: cover;}
.bannerg {width:90%; margin:0px auto; padding-top:150px; overflow:hidden; text-align:center;}
.bannerg h1{font-family:'Conv_Cutive',Sans-Serif; font-size:20pt; color:#FFF;}
.bannerg p{width:800px; font-size:18px; line-height:30px; color:#FFF; margin:20px auto;}
.bannerg .dow {width:430px; height:auto; margin:0 auto; text-align:center;}
/*banner end*/

/*content start*/
.content {width:100%; height:480px; margin:0 auto; background-color:#E4E4E4; padding-top:20px;}
.content1 {width:100%; height:auto; margin:0px auto; padding-top:20px;}
.contz {width:1024px; height:auto; margin:0px auto; line-height:23px;}
.cont {width:1024px; height:auto; margin:20px auto; line-height:23px;}
.support {width:820px; height:auto; margin:0px auto; line-height:23px;font-size:14px}
.support p { margin-bottom:15px;}
.left {width:452px; float:left; padding: 25px 0px 20px 30px; text-align:center; font-size:14px;}
.right {width:474px; float:left; text-align:left; padding: 15px; font-size:14px; line-height:20px;}
.right h2 {font-family:'Conv_Cutive',Sans-Serif; font-size:16pt; line-height:30px; text-align:left;}
.con { width:29%; height:auto; float:left; padding:2%; font-size:14px;}
.tu {margin:auto; padding-left:30%;}
.lef {width:280px; height:auto; float:left; font-size:14px; padding-right:10px; line-height:20px;}
.lef  h3 {font-size:14px; text-align:left;}
.img { width:100px; height:auto; float:left; padding:10px; margin-left:40px;}
.sup {width:256px; height:auto; float:left; font-size:14px; margin-left:30px; padding-top:28px; line-height:20px;}
.downbox {width:180px; height:auto; float:left; font-size:14px; text-align:center;}
/*content end*/
 
/*down & buy button start*/
.down{width:180px; height:45px; float:left; text-align:center; margin:30px 15px; line-height:25px; font-size:10pt; font-weight:bold;}
.down a {display: inline-block;text-align: center; color:#84C754;border:1px solid #84C754; width:150px; height:45px;line-height:45px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align: center;text-decoration:none;}
.down a:hover{text-decoration:none; color:#FFF;background:#84C754;}
.buy{width:180px; height:45px; float:left; text-align:center; margin:30px 15px; line-height:25px; font-size:10pt; font-weight:bold;}
.buy a {display: inline-block;text-align: center; color:#FF7200;border:1px solid #FF7200; width:150px; height:45px;line-height:45px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;text-align: center;text-decoration:none;}
.buy a:hover{text-decoration:none; color:#FFF;background:#FF7200;}
/*down & buy button end*/

a.order {display: block; float:left; background: #d94e37 url(images/btn-down.png) no-repeat 36px -96px; height:48px;
padding: 0 0 0 80px; color: #fff; width: 100px; margin-top: 30px; text-align: left; line-height: 48px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px; font-weight:bold;}
a.order:hover {text-decoration: none; background-color: #f45a41;}

a.try {display: block; float:left; background: #2880ec url(images/btn-down.png) no-repeat 20px -48px; height:48px;
padding: 0 0 0 50px; color: #fff; width: 130px; margin-top: 30px; text-align: left; line-height: 48px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
a.try:hover {text-decoration: none; background-color: #2990ec;}

/*buy page link start*/
.buylink {width:180px; height:45px; float:left; margin-top:25px; background:#FF7200; text-align:center; line-height:25px; font-size:10pt;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.buylink a {display:inline-block; color:#FFF; width:150px; height:45px; line-height:45px; font-weight:bold; text-decoration:none;}
/*buy page link end*/
/*foot start*/
.foot {width:100%; height:100px; margin:0 auto; text-align:center; background:#2e2e2e;}
.footer {width:75%; height:auto; margin:0 auto;text-align:center; color:#FFF; font-size:12px; padding-top:30px; line-height:25px;}
.footer a:link {color:#FFF;text-decoration: none;}
.footer a:visited {color:#FFF; text-decoration: none;}
.footer a:hover {color:#d4d2d2; text-decoration:underline;}
/*foot end*/