*{margin:0;padding:0;}
body{
	font: 12px/1.5 微软雅黑,Arial,Tahoma,Verdana,sans-serif,'\5b8b\4f53';
	color: #808080;
	background: #fff;
}
img {
	border: none;
}
a{
	text-decoration: none;
}
li{
	list-style: none;
}
.cf:after {
	display: table;
	content: '';
	clear: both;
}
.wraper {
	margin: 0 auto;
	width: 1200px;
}
.header {
	position: fixed;
	height: 65px;
	background: #fff;
	top: 0;
	left: 0;
	right: 0;
	z-index: 9999;
	box-shadow: 0 0 1px 0px rgba(0,0,0,0.3),0 0 6px 2px rgba(0,0,0,0.15);
}
.contentBox{
	position:absolute;
	top:158px;
	bottom:0;
	left:0;
	right:0;
	overflow:auto;
}
.logo {

}
.logo-img {
	background: url(../../img/3w/glogo.png) no-repeat 0 0;
}
.logo-text {
	padding: 2px 8px;
	color: #2e2e2e;
	font-size: 20px;
	letter-spacing: 8px;
	line-height: 20px;
}
.navbar {
	float: right;
	margin-top: 0px;
}
.navbar li {
	float: left;
	margin-left: 25px;
	width: 80px;
	height: 60px;
}
.navbar li:first-child {
	margin-left: 0px;
}
.navbar li.active {
	border-bottom: 3px solid #437FE4;
}
.navbar a {
	display: block;
	color: #808080;
	font-size: 16px;
	text-align: center;
	line-height: 60px;
}
.navbar li.on a {
	color: #000;
}
.banner_box{
	padding-top: 1px;
}
.banner {
	/*margin-top: 115px;*/
	height: 580px;
	background: url(../../img/3w/banner.png) no-repeat top center;
}
.model {
	float: right;
	margin-top: 120px;
}
.login {
	padding: 16px 0 34px;
	width: 415px;
	background: rgba(255,255,255, 0.8);
	border-radius: 10px;
}
.login h3 {
	color: #2e2e2e;
	font-size: 24px;
	text-align: center;
	line-height: 44px;
}
.login input {
	width: 298px;
	height: 48px;
	display: block;
	border: none;
	border-radius: 5px;
}
.login p {
	margin: 0 auto;
	width: 300px;
	font-size: 14px;
	text-align: right;
	color: #999999;
}
.login .account {
	width: 270px;
	margin: 0 auto;
	padding: 0 14px;
	background: #fff;
	border: 1px solid #fff;
	box-shadow: 0 0 1px 0px rgba(0,0,0,0.3),0 0 1px 1px rgba(0,0,0,0.15);
}
.login .account:focus {
	outline: 0;
}
.login .password {
	width: 270px;
	margin: 6px auto 8px;
	padding: 0 14px;
	background: #fff;
	border: 1px solid #fff;
	box-shadow: 0 0 1px 0px rgba(0,0,0,0.3),0 0 1px 1px rgba(0,0,0,0.15);
}
.login .password:focus {
	outline: 0;
}
.login .log-in {
	margin: 22px auto 13px;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	background: #437FE4;
	border-top: 1px solid #437FE4;
	border-bottom: 1px solid #437FE4;
	cursor: pointer;
}
.login .log-in:hover{
	background: #437FE4;
}
.login .sign-up {
	margin: 0 auto;
	font-size: 22px;
	font-weight: 600;
	color: #fff;
	background: rgb(0,160,233);
	border-top: 1px solid #8b83f3;
	border-bottom: 1px solid #433fe7;
	cursor:pointer;
}
.contact {
	margin-top: 68px;
	width: 415px;
	height: 50px;
	background: #2e2e2e;
}
.contact li {
	float: left;
}
.contact .item1 {
	margin: 10px 12px;
	width: 30px;
	height: 30px;
	background: url(../../img/3w/icon.png) no-repeat 0 0;
}
.contact .item2 {
	color: #ff7f03;
	font-size: 26px;
	line-height: 50px;
}
.contact .item3 {
	margin: 11px 18px;
}
.contact .item3 div {
	padding: 0 15px;
	background: #ff7f03;
	color: #2e2e2e;
	font-size: 18px;
	line-height: 28px;
	border-radius: 26px;
	display:block;
	position:relative;
	cursor:default;
}
.contact .item3 div .qqBox{
	display:none;
	background:#FFA248;
	position:absolute;
	top:-76px;
	left:-19px;
	padding:8px 3px 12px;
	border-radius: 5px;
	z-index: 900;
}
.contact .item3 div .qqBox p{
	background:#dbdbdb;
	border-radius: 20px;
	font-size: 14px;
	width:150px;
	padding:0 12px;
	margin-top: 4px;
}
.contact .item3 div:hover .qqBox{
	display:block;
}
.contact span.icon-qq {
	display: inline-block;
	margin-right: 10px;
	width: 17px;
	height: 18px;
	background: url(../../img/3w/icon.png) no-repeat -30px 0;
}
.area-title {
	padding-top: 115px;
	font-size: 44px;
	text-align: center;
	color: #ff7800;
}
.area-para {
	color: #595959;
	font-size: 18px;
	text-align: center;
}
.area1 .content {
	width: 1080px;
	margin: 48px auto 60px;
}
.pro-summary li {
	float: left;
	margin-left: 13px;
	width: 260px;
	height: 430px;
	background: #f2f2f2
}
.pro-summary li:first-child {
	margin-left: 0px;
}
.pro-summary h5{
	color: #ff7800;
	font-size: 24px;
}
.pro-summary .text {
	color: #808080;
	font-size: 16px;
}
.pro-summary .item1 h5 {
	padding:14px 10px;
}
.pro-summary .item2 .text-box,.pro-summary .item4 .text-box{
	height:210px;
}
.pro-summary .text-box{
	height:218px;
}
.pro-summary li:hover .item-box{
	transition: all 0.2s;
	-moz-transition: all 0.2s;
	-webkit-transition: all 0.2s;
	-o-transition: all 0.2s;
	box-shadow: 0px 0px 10px 0px rgba(0,0,0,0.6);
	z-index: 5;
}
.pro-summary .item1 .text {
	padding: 5px 8px;
}
.pro-summary .item2 h5 {
	padding: 14px 12px;
}
.pro-summary .item2 .text {
	padding: 6px 10px;
}
.pro-summary .item2 img {
}
.pro-summary .item3 h5 {
	padding:14px 10px;
}
.pro-summary .item3 .text {
	padding: 5px 10px;
}
.pro-summary .item4 h5 {
	padding: 14px 8px;
}
.pro-summary .item4 .text {
	padding: 4px 8px;
}
.pro-summary .item4 img {
}
.area2 {
	background: #ebebeb;
	box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15) inset,0px -1px 10px 0px rgba(0,0,0,0.15) inset;
}
.area2 .area-title {
	padding-top: 50px;
}
.area2 .content {
	width: 1080px;
	margin: 0 auto;
	padding: 40px 0 50px;
}
.frame {
	height: 600px;
	background: url(../../img/3w/line.png) no-repeat top center;
}
.frame li {
	float: left;
	width: 111px;
	margin-left: 131px;
}
.frame .item1 {
	margin: 0 484px 86px;
}
.frame .item2 {
	margin-left: 0px;
}
.frame .inner-img {
	width: 111px;
	height: 111px;
	background: url(../../img/3w/bg2.png) no-repeat;
}
.frame .item1 .inner-img{
	background-position: 0px 0px;
}
.frame .item2 .inner-img{
	background-position: -111px 0px;
}
.frame .item3 .inner-img{
	background-position: -222px 0px;
}
.frame .item4 .inner-img{
	background-position: 0px -111px;
}
.frame .item5 .inner-img{
	background-position: -111px -111px;
}
.frame .item6 .inner-img{
	background-position: -222px -111px;
}
.frame li h5 {
	color: #595959;
	font-size: 20px;
	font-weight: 500;
	text-align: center;
}
.frame-part2 {
	position: absolute;
	top: 352px;
	left: 133px;
}
.area3 .content {
	margin-top: 50px;
	padding: 34px 0 30px;
	background: #ebebeb;
}
.value li {
	float: left;
	width: 260px;
	text-align: center;
	color: #595959;
	font-size: 16px;
	margin-left: 73px;
}
.value .item1 {
	margin-left: 0px;
	width: 230px;
}
.value .item4 {
	width: 230px;
}
.value li .inner-img {
	margin: 0 auto 12px;
	width: 111px;
	height: 111px;
	background: url(../../img/3w/bg3.png) no-repeat;
}
.value .item1 .inner-img {
	background-position: 0 0;
}
.value .item2 .inner-img {
	background-position: -111px 0;
}
.value .item3 .inner-img {
	background-position: -222px 0;
}
.value .item4 .inner-img {
	background-position: -333px 0;
}
.value li .para-o {
	color: #ff7800;
	font-size: 23px;
	font-weight: 600;
}
.value li .para-c{
	color:#333333;
	font-weight: 600;
}
.area4 .content {
	margin-bottom: 72px;
}
.feature li {
	float: left;
	width: 130px;
	line-height: 24px;
	text-align: center;
	margin: 82px 0 0 138px;
}
.feature li h5 {
	color: #ff7f03;
	line-height: 46px;
	font-size: 22px;
	font-weight: 500;
}
.feature .inner-img {
	margin: 0 auto;
	width: 110px;
	height: 110px;
	background: url(../../img/3w/bg4.png) no-repeat;
}
.feature .item1 {
	width: 145px;
	margin-left: 0px;
}
.feature .item5 {
	width: 110px;
}
.feature .item9 {
	width: 148px;
}
.feature .item1 .inner-img {
	background-position: 0 0;
}
.feature .item2 .inner-img {
	background-position: -110px 0;
}
.feature .item3 .inner-img {
	background-position: -220px 0;
}
.feature .item4 .inner-img {
	background-position: -330px 0;
}
.feature .item5 .inner-img {
	background-position: -440px 0;
}
.feature .item6 .inner-img {
	background-position: 0 -110px;
}
.feature .item7 .inner-img {
	background-position: -110px -110px;
}
.feature .item8 .inner-img {
	background-position: -220px -110px;
}
.feature .item9 .inner-img {
	background-position: -330px -110px;
}
.feature li:hover .inner-img{
	transition: all 0.5s;
	-moz-transition: all 0.5s;
	-webkit-transition: all 0.5s;
	-o-transition: all 0.5s;
	transform:rotateY(360deg);
	-ms-transform:rotateY(360deg);
	-moz-transform:rotateY(360deg);
	-webkit-transform:rotateY(360deg);
	-o-transform:rotateY(360deg);
}
.area5 {
	background: #ebebeb;
	box-shadow: 0px 1px 10px 0px rgba(0,0,0,0.15) inset,0px -1px 10px 0px rgba(0,0,0,0.15) inset;
}
.area5 .content {
	padding: 72px 0 92px;
}
.customer li {
	float: left;
	width:289px;
	margin-left: 14px;
	padding-bottom: 36px;
	color: #595959;
	font-size: 16px;
	text-align: center;
	background: #fff;
	border-radius: 12px;
	overflow:hidden;
}
.customer li img{
	display:block;
	width:100%;
	height:150px;
}
.customer li .code img{
	width:100%;
	height:100%;
}
.customer li:first-child {
	margin-left: 0px;
}
.customer .code {
	margin: 22px auto 26px;
	width: 221px;
	height: 221px;
	border: 1px solid #e6e6e6;
}
.area6 .content {
	margin: 20px 0 77px;
}
.brand {
	margin-left: -16px;
}
.brand li {
	width:225px;
	height:85px;
	float: left;
	border: 1px solid #e5e5e5;
	margin: 20px 0 0 16px;
}
.brand li img{
	display:block;
	width:100%;
	height:100%;
}
.footer {
	background: #2e2e2e;
}
.company-msg {
	height: 495px;
	border-bottom: 1px solid #1a1a1a;
}
.copyright {
	border-top: 1px solid #404040;
}
.intro {
	float: left;
	width: 690px;
	font-size: 16px;
}
.intro h3 {
	margin-top: 14px;
	font-size: 26px;
	letter-spacing: 2px;
	line-height: 64px;
}
.intro p{
	text-indent: 32px;
	line-height: 28px;
}
.intro .letter {
	font-size: 32px;
}
.address {
	float: right;
	font-size: 16px;
}
.address img {
	margin: 30px 0 18px;
}
.address .add-detail {
	font-weight: 600;
	margin-bottom: 12px;
}
.copyright {
	padding-bottom: 30px;
	font-size: 14px;
	text-align: center;
}
.copyright ul{
	margin: 24px auto;
	width: 508px;
}
.copyright li {
	float: left;
	margin-left: 94px;
}
.copyright li:first-child {
	margin-left: 0px;
}
.copyright li a{
	color:#808080;
}
.backTop{
	display:none;
	width:12px;
	padding:5px;
	border-radius: 3px;
	font-size: 12px;
	color:#ffffff;
	background:#999999;
	position:fixed;
	right:50%;
	bottom:126px;
	cursor:pointer;
	margin-right: -630px;
}
@media only screen and (max-width: 1280px) {
	.backTop{
		right:20px;
		margin-right: 0;
	}

}