@charset "utf-8";
/* CSS Document */

div, dl, dt, dd, ul, ol, li, form, p {margin: 0px; padding: 0px;}
ul, ol, li {list-style: none; list-style-type: none;}
img {border: 0px;}

.header {width: 100%; min-width: 1200px; height: 90px; position: fixed; left: 0px; top: 0px; z-index: 99999;}
.header.white {background: rgba(255, 255, 255, 0.6);}
	.header .wrapper {width: 95%; min-width: 1200px; height: 90px; margin: 0px auto;}
	.header .logo {width: 200px; height: 90px; overflow: hidden; float: left;}
		.header .logo img {width: auto; height: 90px; display: block;}
	.header .ver {padding: 10px 1.8% 0px 0px; line-height: 20px; color: #FFF; float: right;}
		.header .ver a {margin: 0px 10px; color: #FFF;}
	.header.white .ver {color: #333;}
		.header.white .ver a {color: #333;}
#menu_btn {display: none;}
#menu_list {width: 83%; height: 60px; overflow: hidden; float: right; clear: right;}
	#menu_list li {width: 11%; height: 60px; text-align: center; line-height: 60px; font-size: 16px; overflow: hidden; float: left;}
		#menu_list li a {width: auto; height: 60px; color: #FFF; display: inline-block;}
		.header.white #menu_list li a {color: #333;}
.banner {width: 100%; height: auto; overflow: hidden;}
	.banner img {width: 100%; height: auto; display: block;}

.block-title {width: 100%; height: auto; padding: 0px 0px 10px 0px; text-align: center; line-height: 40px; font-size: 30px; overflow: hidden; position: relative;}
.block-title:after {width: 70px; height: 3px; margin-left: -35px; background: #2a3e5f; position: absolute; left: 50%; bottom: 0px; content: "";}

.mainbody {width: 100%; height: auto; overflow: hidden;}
	.mainbody .left {width: 25%; height: auto; margin-bottom: -9999px; padding-bottom: 9999px; background: #c6cfe5; overflow: hidden; float: left;}
	.mainbody .right {width: 75%; height: auto; min-height: 400px; overflow: hidden; float: right;}
.more {width: 100%; height: auto; padding-top: 30px; overflow: hidden;}
	.more a {width: 170px; height: 50px; margin: 0px auto; border: #FFF 1px solid; text-align: center; line-height: 50px; color: #FFF; display: block;}
	.more a:hover {background: #FFF; border: #FFF 1px solid; color: #000;}

.technology {margin: 1% 0px 0px 0px;}
	.technology ul {width: 100%; height: auto; overflow: hidden;}
		.technology ul li {width: 33.27%; height: auto; border-right: #EEE 1px solid; border-bottom: #EEE 1px solid; overflow: hidden; float: left; position: relative; z-index: 7; cursor: pointer;}
		.technology ul li:nth-child(3n) {border-right: none;}
			.technology ul li img {width: 100%; height: auto; display: block;}
			.technology ul li .image_zoom {width: 100%; height: 100%; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 8;}
				.technology ul li .image_zoom img {width: 100%; height: 100%; display: block; transition: all 0.5s;}
				.technology ul li:hover .image_zoom img {width: 140%; height: 140%; margin: -12% 0px 0px -20%; transition: all 0.5s;}
			.technology ul li p {width: 80%; height: 30px; line-height: 30px; font-size: 16px; color: #FFF; overflow: hidden; position: absolute; left: 5%; bottom: 5%; z-index: 9; transition: all 0.5s;}
				.technology ul li p span {padding-bottom: 10px; font-size: 20px; display: block;}
			.technology ul li:hover p {height: 100px; transition: all 0.5s;}

.video {width: 49.5%; height: auto; margin: 1% 0px; overflow: hidden; float: right; position: relative;}
	.video > img {width: 100%; height: auto; display: block;}
	.video p {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.4); overflow: hidden; position: absolute; left: 0px; top: 0px; transition: all 0.3s;}
		.video p span {width: 80px; height: 80px; margin: -40px 0px 0px -40px; opacity: 0.3; position: absolute; left: 50%; top: 50%; transition: all 0.3s;}
	.video:hover p {background: rgba(0, 0, 0, 0); transition: all 0.3s;}
		.video:hover p span {opacity: 1; transition: all 0.3s;}

.news {width: 49.5%; height: auto; overflow: hidden; float: left;}
	.news li {width: 100%; height: auto; margin: 2% 0px 0px 0px; overflow: hidden; float: left; position: relative;}
		.news li .image {width: 28.2%; height: auto; overflow: hidden; float: left;}
			.news li .image img {width: 100%; height: auto; display: block;}
		.news li .title {width: 70%; height: 30px; line-height: 30px; font-size: 16px; font-weight: bold; overflow: hidden; float: right;}
		.news li .time {width: 70%; height: 20px; line-height: 20px; font-size: 12px; color: #999; overflow: hidden; float: right;}
		.news li .summary {width: 70%; height: 48px; line-height: 24px; color: #666; overflow: hidden; float: right;}
		.news li .readmore {width: 20px; height: 20px; overflow: hidden; position: absolute; left: 30%; bottom: 0px;}

.join {position: relative;}
	.join img {width: 100%; height: auto; display: block;}
	.join .text {width: 90%; height: auto; overflow: hidden; position: absolute; left: 5%; bottom: 10%;}
		.join .text .title {width: 100%; height: auto; padding-bottom: 20px; text-align: center; font-size: 36px; color: #FFF; overflow: hidden; transition: all 0.5s;}
		.join .text .summary {width: 100%; height: auto; text-align: center; line-height: 40px; font-size: 16px; color: #FFF; overflow: hidden; transition: all 0.5s;}
		.join .text:hover .title {color: #000; text-shadow: 1px 1px 0px #FFF, -1px -1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF; transition: all 0.5s;}
		.join .text:hover .summary {font-size: 20px; color: #000; text-shadow: 1px 1px 0px #FFF, -1px -1px 0px #FFF, -1px 1px 0px #FFF, 1px -1px 0px #FFF; transition: all 0.5s;}

.footer {width: 100%; height: auto; background: #000; overflow: hidden;}
	.footer .wrapper {width: 1200px; height: auto; margin: 0px auto; overflow: hidden;}
	.footer a {color: #999;}
	.footer .bottom_menu {width: 1200px; height: auto; padding: 10px 0px; border-bottom: #282828 1px solid; overflow: hidden; float: left;}
		.footer .bottom_menu dl {width: 100px; height: auto; margin: 0px 37px 0px 0px; overflow: hidden; float: left;}
		.footer .bottom_menu dl:last-child {margin: 0px;}
			.footer .bottom_menu dl dt, .footer .bottom_menu dl dd {width: 100%; height: 40px; text-align: center; line-height: 40px; overflow: hidden;}
			.footer .bottom_menu dl dt {border-bottom: #999 1px solid; font-size: 18px;}
			.footer .bottom_menu a {color: #999;}
			.footer .bottom_menu a:hover {color: #FFF;}
	.footer .copyright {width: 860px; height: auto; padding: 20px 0px; line-height: 40px; color: #999; overflow: hidden; float: left;}
		.footer .copyright span {padding: 0px 20px 0px 0px;}
	.footer .ewm {width: 280px; height: 120px; padding: 20px 0px; overflow: hidden; float: right;}
		.footer .ewm li {width: 100px; height: 120px; padding-left: 40px; overflow: hidden; float: right;}
			.footer .ewm li img {width: 100px; height: 100px; display: block;}
			.footer .ewm li p {width: 100px; height: 20px; text-align: center; line-height: 20px; font-size: 12px; color: #999; overflow: hidden;}
.wxmenu {display: none;}


.submenu {width: 100%; height: auto; overflow: hidden;}
	.submenu li {width: 100%; height: auto; border-bottom: #E8E8E8 1px solid; overflow: hidden;}
		.submenu li a {width: 80%; height: auto; padding: 25px 0px 25px 20%; line-height: 30px; font-size: 16px; color: #333; overflow: hidden; display: block;}
		.submenu li a:hover, .submenu li a.cur {background: #F7F7F7; color: #333;}
.pagetitle {width: 100%; height: 50px; border-bottom: #E6E6E6 1px solid; line-height: 50px; overflow: hidden;}
	.pagetitle strong {padding: 0px 10px; font-size: 18px; float: left;}
	.pagetitle span {padding: 0px 10px; float: right;}
.singlepage {width: 90%; height: auto; margin: 0px auto; padding: 20px 0px; line-height: 40px; font-size: 16px; overflow: hidden;}
.fullpage {width: 100%; height: auto; padding-top: 10px; line-height: 40px; font-size: 16px; overflow: hidden;}
	.fullpage img {width: 100%; height: auto;}
.pagelist {width: 100%; height: auto; margin: 0px auto; padding: 20px 0px; text-align: center; font-size: 12px; overflow: hidden; clear: both;}
	.pagelist span {margin-left: 5px; border: #999 1px solid; background-color: #FFF; border-radius: 5px; display: inline-block;}
		.pagelist span a, .pagelist span a:hover {padding: 6px 10px; color: #333; text-decoration: none; display: block;}
	.pagelist span:hover {border: #00416d 1px solid; background-color: #00416d; color: #FFF;}
		.pagelist span:hover a, .pagelist span:hover a:hover {color: #FFF;}
	.pagelist span.cur {padding: 6px 10px; border: #00416d 1px solid; background-color: #00416d; color: #FFF;}
	.pagelist span.prev {padding-left: 6px;}
		.pagelist span.prev a {padding: 6px 10px 6px 16px; background: url(../images/pageprevdef.png) left center no-repeat;}
		.pagelist span.prev a:hover {background: url(../images/pageprevcur.png) left center no-repeat;}
	.pagelist span.next {padding-right: 6px;}
		.pagelist span.next a {padding: 6px 16px 6px 10px; background: url(../images/pagenextdef.png) right center no-repeat;}
		.pagelist span.next a:hover {padding: 6px 16px 6px 10px; background: url(../images/pagenextcur.png) right center no-repeat;}
.newslist {width: 100%; height: auto; overflow: hidden;}
	.newslist li {width: 100%; height: auto; padding: 20px 0px; border-bottom: #DDD 1px solid; overflow: hidden; position: relative;}
		.newslist li .image {width: 20%; height: auto; margin: 0px 2%; overflow: hidden; float: left;}
			.newslist li .image img {width: 100%; height: auto; display: block;}
		.newslist li .title {width: 74%; height: 30px; line-height: 30px; font-size: 20px; font-weight: bold; overflow: hidden; float: left;}
		.newslist li .time {width: 74%; height: 24px; padding-top: 6px; line-height: 24px; color: #999; overflow: hidden; float: left;}
		.newslist li .summary {width: 74%; height: 48px; line-height: 24px; color: #666; overflow: hidden; float: left;}
		.newslist li .readmore {width: 20px; height: 20px; overflow: hidden; position: absolute; left: 24%; bottom: 20px;}
.downlist {width: 100%; height: auto; margin-top: 20px; overflow: hidden;}
	.downlist li {width: 96%; height: 50px; padding: 0px 2%; border-bottom: #DDD 1px solid; line-height: 50px; overflow: hidden;}
		.downlist li p {width: 65%; height: 50px; overflow: hidden; float: left;}
		.downlist li span {float: right;}
.list {width: 100%; height: auto; overflow: hidden;}
	.list li {width: 33.25%; height: auto; border-right: #DDD 1px solid; border-bottom: #DDD 1px solid; overflow: hidden; float: left;}
	.list li:nth-child(3n) {border-right: none;}
		.list li img {width: 70%; height: auto; margin: 20px auto 0px auto; display: block;}
		.list li p {width: 70%; height: 40px; margin: 0px auto; text-align: center; line-height: 40px; overflow: hidden;}
		.list li p.title {padding-top: 10px; font-size: 18px; font-weight: bold;}
.detail {width: 96%; max-width: 1200px; height: auto; margin: 0px auto; padding: 20px 0px; overflow: hidden;}
	.detail .title {width: 100%; height: auto; text-align: center; line-height: 30px; font-size: 24px; font-weight: bold; overflow: hidden;}
	.detail .time {width: 100%; height: auto; padding-top: 10px; text-align: center; line-height: 30px; color: #999; overflow: hidden;}
	.detail .image {width: 100%; height: auto; padding-top: 10px; text-align: center; overflow: hidden;}
	.detail .content {width: 100%; height: auto; padding-top: 20px; line-height: 30px; overflow: hidden;}
.productdetail {width: 100%; height: auto; overflow: hidden;}
	.productdetail .image {width: 50%; height: auto; overflow: hidden; float: left;}
		.productdetail .image img {width: 65%; height: auto; margin: 30px auto; display: block;}
	.productdetail .text {width: 40%; height: auto; margin-bottom: -9999px; padding: 30px 5% 9999px 5%; background: #efefef; overflow: hidden; float: right;}
		.productdetail .text .title {width: 100%; height: auto; line-height: 40px; font-size: 24px; font-weight: bold; overflow: hidden;}
		.productdetail .text .model {width: 100%; height: auto; line-height: 40px; font-size: 18px; color: #666; overflow: hidden;}
		.productdetail .text .summary {width: 100%; height: auto; padding: 30px 0px; line-height: 30px; overflow: hidden;}
	.productdetail .content {width: 100%; height: auto; overflow: hidden; float: left;}
		.productdetail .content img {width: 100%; height: auto;}
.feedback {width: 96%; max-width: 1200px; height: auto; margin: 20px auto; background: #FFF; border: #999 1px solid; border-radius: 5px; box-shadow: 0px 0px 3px #CCC; overflow: hidden;}
	.feedtitle {width: 100%; height: 30px; background: url(../images/feedtitlebg.jpg) repeat-x; border-bottom: #999 1px solid; border-radius: 5px 5px 0px 0px;}
		.feedtitle span {width: 94%; height: 30px; margin: 0px auto; line-height: 30px; display: block;}
	.feedlist {width: 94%; height: auto; margin: 5px auto; line-height: 30px; overflow: hidden;}
		.feedlist dt {width: 22%; height: auto; padding: 5px 0px; font-weight: bold; overflow: hidden; float: left; clear: left;}
		.feedlist dd {width: 78%; height: auto; padding: 5px 0px; text-align: center; overflow: hidden; float: left; clear: right;}
			.feedlist dd input, .feedlist dd select, .feedlist dd textarea {width: 98%; margin: 0px auto; padding: 0px; border: none; background: #FFF; border-radius: 3px; box-shadow: 0px 0px 1px 1px #CCC;}
			.feedlist dd input, .feedlist dd select {height: 30px;}
	.feedbtn {width: 94%; height: auto; margin: 0px auto; padding: 5px 0px; overflow: hidden;}
		.feedbtn input {width: 76%; height: 30px; margin: 0px 0px 0px 23%; padding: 0px; border: none; background: #00416d; border-radius: 3px; box-shadow: 0px 0px 1px 1px #CCC; text-align: center; line-height: 30px; color: #FFF; cursor: pointer;}


.login {width: 95%; height: auto; margin: 10px auto; overflow: hidden;}
	.login .logininput {width: 99%; height: auto; margin-bottom: 15px; background: #FFF; border: #ededed 1px solid; overflow: hidden;}
		.login .logininput label {width: 26%; height: 40px; text-align: center; line-height: 40px; color: #666; float: left;}
		.login .logininput input, .login .logininput select {width: 74%; height: 40px; margin: 0px; padding: 0px; background: #FFF; border: none; line-height: 40px; font-family: "微软雅黑"; color: #CCC; float: left;}
		.login .logininput input#verify_code {width: 28.8%;}
		.login .logininput img {width: 96px; height: 34px; margin: 3px; float: right; display: inline;}
		.login .logininput .verifybtn {width: 130px; height: 34px; margin: 3px; background: #2a3e5f; text-align: center; line-height: 34px; color: #FFF; float: right; display: block;}
		.login .logininput p {width: 74%; height: auto; padding: 10px 0px; line-height: 20px; color: #CCC; overflow: hidden; float: left;}
	.login .loginbtn {width: 100%; height: 42px; margin: 0px; padding: 0px; background: #2a3e5f; border: none; text-align: center; line-height: 42px; font-size: 16px; color: #FFF; -webkit-appearance: none;}
	.login .loginlink {width: 100%; height: auto; margin-top: 15px; text-align: center; line-height: 40px; font-size: 18px; color: #999; overflow: hidden;}
#codebox {width: 96%; height: 100%; padding: 0px 2%; background: #FFF; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 99999; display: none;}
	#codebox .title {width: 100%; height: auto; padding-top: 50px; text-align: center; line-height: 40px; color: #F00; overflow: hidden;}
	#codebox .codeinput {width: 95%; height: 40px; margin: 0px auto; padding: 3px; border: #DDD 1px solid; overflow: hidden;}
		#codebox .codeinput input {width: 56%; height: 40px; margin: 0px; padding: 0px; background: #FFF; border: none; line-height: 40px; font-family: "微软雅黑"; color: #CCC; float: left;}
		#codebox .codeinput img {width: 44%; height: 40px; float: right; display: block;}
	#codebox .codebtn {width: 100%; height: 40px; padding-top: 20px; overflow: hidden;}
		#codebox .codebtn span {width: 35%; height: 40px; margin-left: 10%; border-radius: 5px; text-align: center; line-height: 40px; font-size: 16px; overflow: hidden; display: inline-block;}
		#codebox .codebtn #codeok {background: #0457b7; color: #FFF;}
		#codebox .codebtn #codecancel {background: #DDD;}

#addresssearch {width: 100%; height: 100%; background: #FFF; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 999999; display: none;}
	#addresssearch iframe {width: 100%; height: 100%; margin: 0px; padding: 0px; display: block;}

.toptitle {width: 100%; height: 40px; background: url(../images/topbarbg.png) bottom repeat-x; border-bottom: #D7D7D7 1px solid; text-align: center; line-height: 40px; font-size: 18px; color: #000; overflow: hidden; position: fixed; left: 0px; top: 0px; z-index: 99;}
	.toptitle .toback {width: 40px; height: 40px; background: url(../images/jt_back.png) center no-repeat; background-size: 12px 20px; text-indent: -999px; overflow: hidden; position: absolute; left: 0px; top: 0px; z-index: 99; cursor: pointer;}

.addressbox {width: 100%; overflow: hidden;}
	.addresslist {width: 200%; height: 100%; overflow: auto;}
		.addresslist ul {width: 50%; height: auto; padding-top: 41px; background: #FFF; overflow: hidden; float: left;}
			.addresslist ul li {width: 33%; height: 40px; border-right: #E5E5E5 1px solid; border-bottom: #E5E5E5 1px solid; text-align: center; line-height: 40px; font-size: 12px; overflow: hidden; float: left;}
			.addresslist ul li:nth-child(3n) {border-right: none;}
				.addresslist ul li a {display: block;}

.myinfo {width: 95%; height: auto; margin: 10px auto; overflow: hidden;}
	.myinfo dt {width: 25%; height: auto; padding: 5px 0px; line-height: 40px; overflow: hidden; float: left; clear: left;}
	.myinfo dd {width: 75%; height: auto; padding: 5px 0px; line-height: 40px; overflow: hidden; float: left;}
		.myinfo dd input, .myinfo dd select {width: 90%; height: 38px; margin: 0px; padding: 0px; background: #FFF; border: #DDD 1px solid; line-height: 38px; font-family: "微软雅黑"; font-size: 14px; color: #666;}
		.myinfo dd textarea {width: 90%; height: 100px; margin: 0px; padding: 0px; background: #FFF; border: #DDD 1px solid; line-height: 25px; font-family: "微软雅黑"; font-size: 14px; color: #666;}
		.myinfo dd input[type=submit] {background: #2a3e5f; color: #FFF;}
		.myinfo dd p {width: 90%; height: auto; padding: 9px 0px; background: #FFF; border: #DDD 1px solid; line-height: 20px; color: #666; overflow: hidden;}
	.myinfo dd.billup {position: relative; z-index: 99;}
		.myinfo dd.billup #billupbox {width: 200px; height: 150px; padding: 1px; background: #FFF; border: #DDD 1px solid; overflow: hidden; position: absolute; left: 0px; top: 5px; z-index: 99; display: none;}
			.myinfo dd.billup #billupbox img {margin: 0px auto; display: block;}
			.myinfo dd.billup #billupbox p {width: 100%; height: auto; text-align: center;}
/*
#bill {width: 100%; height: auto; overflow: hidden;}
	#bill .item {width: 200px; height: 150px; padding: 1px; border: #DDD 1px solid; overflow: hidden; position: relative; z-index: 9;}
		#bill .item .edit {width: 100%; height: 25px; background: rgba(0, 0, 0, 0.4); display: block; position: absolute; left: 0px; top: 0px; z-index: 9;}
			#bill .item .edit label.delete {width: 25px; height: 25px; margin: 0px; background: #FF7070 url(../images/icon_delete.png) center no-repeat; background-size: 18px 18px; border-radius: 3px; cursor: pointer; text-indent: -99px; overflow: hidden; display: block; position: absolute; right: 0px; top: 0px; z-index: 9;}
			#bill .item .edit label.modify {line-height: 25px; font-size: 12px; float: left; display: inline;}
		#bill .item .image {width: 200px; height: 150px; text-align: center; overflow: hidden; cursor: pointer;}
		#bill .item .imageup {width: 200px; height: 150px; background: #FFF; line-height: 130px; font-size: 150px; color: #a9a9a9;}
		#bill .item .imageup:hover {background: #eadeba;}
*/
.upimage {width: 200px; height: 150px; background: #FFF; border: #DDD 1px solid; text-align: center; overflow: hidden; cursor: pointer; position: relative;}
	.upimage img {position: relative; z-index: 9;}
.upimage:after {width: 200px; height: 150px; text-align: center; line-height: 130px; font-size: 150px; color: #a9a9a9; position: absolute; left: 0px; top: 0px; content: "+"; z-index: 1;}





.myproduct {width: 95%; height: auto; min-height: 100px; margin: 0px auto; overflow: hidden;}
	.myproduct li {width: 100%; height: auto; padding: 10px 0px; border-bottom: #DDD 1px dashed; overflow: hidden;}
		.myproduct li a {display: block;}
		.myproduct li .image {width: 31%; height: auto; overflow: hidden; float: left;}
			.myproduct li .image img {width: 100%; height: auto; display: block;}
		.myproduct li .item {width: 66%; height: auto; line-height: 24px; font-size: 12px; overflow: hidden; float: right;}
.myproductimage {width: 95%; height: auto; margin: 10px auto 0px auto; overflow: hidden;}
	.myproductimage img {width: 100%; height: auto; display: block;}
.productregtext {width: 100%; height: auto; padding: 10px 0px; text-align: center; line-height: 30px; color: #F00; overflow: hidden;}
	.productregtext img {width: 150px; height: 150px; margin: 0px auto; display: block;}
.productreglink {width: 100%; height: auto; text-align: center; overflow: hidden;}
	.productreglink a {width: 100px; height: 40px; margin: 0px 10px; background: #2a3e5f; text-align: center; line-height: 40px; color: #FFF; display: inline-block;}

.productregok {width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); position: fixed; left: 0px; top: 0px; z-index: 99;}
	.productregok .title {width: 100%; height: auto; padding-top: 120px; text-align: center; font-size: 18px; font-weight: bold; color: #FFF; overflow: hidden;}
	.productregok .image {width: 100%; height: auto; padding-top: 20px; overflow: hidden;}
		.productregok .image img {width: 150px; height: 150px; margin: 0px auto; display: block;}
	.productregok .summary {width: 100%; height: auto; padding-top: 10px; text-align: center; color: #EEE; overflow: hidden;}

.goback {width: 100%; height: auto; padding: 20px 0px; text-align: center; overflow: hidden;}
	.goback a, .goback a:hover {width: 70px; height: 40px; margin: 0px auto; padding: 0px 10px 0px 40px; background: url(../images/backbg.png) center no-repeat; line-height: 40px; font-size: 16px; font-weight: bold; color: #FFF; display: block;}

@media (max-width: 1200px) {
	body {width: 1200px;}
}