@charset "utf-8";

body {
	font-size:14px; font-family:"微软雅黑"; line-height:28px; color:#303030; background:#FFF; margin:0px; padding:0px
}
.wrap {
	width:1200px; margin:0 auto;
}
ul {
	list-style:none;
}

a{
	color:#303030
}
a:hover{
	color:#222222;
	text-decoration:underline
}
/*header*/
.header {
	background:#f7f8f8; height:104px;
}
.logo {
	 padding-top:27px; float:left;
}
.versions{
	text-align:right; font-size:12px; 
}
.versions a{
	color:#303030
}
.versions a:hover{
	text-decoration:underline
}
.nav_left{
	float:right;  width:50%;padding-top:17px;
}
.nav {
	margin:0px auto;
	width:1200px;

}
.nav ul{
	margin:0px;
	padding:0px;
}
.nav li {
	float:left; line-height:50px; width:180px; position:relative; border-right:1px solid #ffffff;	
}
.nav li a {
	font-size:1.05em; color:#ffffff; margin:0px; 
}
.nav li:last-child {
	margin-right:0px;
}
.nav li a:hover{
	color:#cccccc;
	background-color:#064b79;
	width:180px;
	display:block
}
.nav li.selected .submenu {
	display:block;
}
.nav li .submenu {
	display:none; position:absolute; top:70px; left:0px; z-index:999; border-style:solid; border-width:1px 1px 1px 1px; border-color:#ddd; padding:0 5px 5px 5px; width:230px; background:#fff;
}
.nav li .submenu li {
	float:none; line-height:30px; padding:0; background:none; height:auto; border-bottom:dotted 1px #BEBEBE;
}
.nav li .submenu li:last-child {
	border:none;
}
.nav li .submenu li a {
	float:none; padding:0; text-align:left; font-size:13px; font-weight:normal; height:28px; line-height:28px; background:none; display:block; 
}
.nav li .submenu li a:hover {
	color:#42B3E5;
}


/*banner*/
#kinMaxShow {
	visibility:hidden; width:100%; min-width:1140px; height:430px; overflow:hidden;
}


/*search*/
.search {
	margin-top:30px; height:47px; overflow:hidden; margin-bottom:30px;
}
.search input.searchs {
	width:970px; height:35px; line-height:35px; padding:5px 15px; border:1px solid #42b3e5; background:#FFF; float:left; color:#989898
}
.search input.submit {
	width:138px; height:47px; border:0px; background:#42b3e5; color:#FFF; float:left;
}


/*index-about*/
.iabout{
	 padding:10px;
}
.iabout-title {
	margin-top:55px; margin-bottom:50px; 
}
.iabout-title p {
	color:#737373; font-weight:400; font-size:1.1em; margin:0;
}
.iabout-list {
	height:253px; overflow:hidden; margin-top:50px;
}
.iabout-list ul{
	margin:0px; padding:0px
}
.iabout-list li {
	float:left; width:205px; height:310px; margin:0px 17px;
}
.iabout-list-img {
	z-index:99;
}
.iabout-list-img img {
	width:260px; height:150px;
}
.iabout-list-icon1 {
 height:40px;
}
.iabout-list-icon1 a,.iabout-list-icon2 a,.iabout-list-icon3 a {
	width:165px; height:30px; display:block;
}
.iabout-list-icon2 {
	width:165px; height:40px; position:relative; left:50%; top:-40px; margin-left:-82px; background:url(../Images/iabout-list-icon.png) -170px -45px no-repeat; z-index:999;
}
.iabout-list-icon3 {
	width:165px;
}
.iabout-list-info {
	position:relative; height:228px; padding-top:45px; top:-60px; left:0; z-index:99;
}
.iabout-list-info a{
	color:#fff
}
.iabout-list-info h3 a {
	color:#01b6d3; text-transform:uppercaiabout-list-infose; font-weight:normal
}
.iabout-list-info a:hover {
	text-decoration:underline
}
.iabout-list-info p {
	color:#FFF; padding:0px 30px;
	text-align:left
}
.iabout-list-info p a {
	color:#fff;
}
.more_pro{
	background-color:rgba(0,0,0,0.2);
	text-align:left;
	margin-bottom:0px;
	padding-bottom:0px;
	height:45px;
	line-height:42px;
	padding-right:10px;
	margin-top:30px;
	text-align:right
}
.about_right{
	float:left;
	width:65%
}
.news_left{
	float:right;
	width:30%
}
.news_left ul li{
	margin:10px
}
.more input{
	width:80px;
	height:30px
}
/*index-contact*/
.icontact {
	padding:20px 0px; background:url(../Images/service-bg.png) repeat;
}
.icontact h4 {
	color:#fff; font-weight:400; font-size:1.6em; text-transform:uppercase; border-bottom:1px solid #d7d7d7; width:490px; padding-bottom:0.5em; margin:10px 0;
}
.icontact-left, .icontact-right {
	width:570px;
}
.icontact-left ul{
	margin:0; padding:0;
}
.icontact-left li {
	padding:0; list-style:none; color:#FFF; margin:10px 0; line-height:30px; width:405px; padding-left:85px; text-indent:-85px;
}
.icontact-left p{
	color:#FFF
}
.icontact-left li span{
	width:32px; height:30px; display:inline-block; background:url(../Images/contact-icons.png) no-repeat 0px 0px; vertical-align:middle;
}
.icontact-left li label{
	font-weight:400; margin-right:10px;
}
.icontact-left li small{
	font-weight:300;
}
.icontact-left li span.pin{
	background-position: 0px -41px;
}
.icontact-left li span.phone{
	background-position: 0px -85px;
}
.icontact-left li span.fax{
	background-position: 0px -130px;
}
.icontact-left li span.mail{
	background-position: 0px -174px;
}
.icontact-right input[type="text"],.icontact-right textarea{
	width:480px; padding:5px; border:none; margin-bottom:1em; color:#084A5C; font-size:12px; font-family: 'Open Sans', sans-serif; transition:border-color 0.4s; -webkit-transition:border-color 0.4s; -moz-transition:border-color 0.4s; -o-transition:border-color 0.4s; -ms-transition:border-color 0.4s;
}
.icontact-right input[type="text"]:hover,.icontact-right textarea:hover{
	border-color:#084A5C;
}
.icontact-right textarea{
	min-height:80px;
}
.icontact-right input[type="submit"]{
	background:#2B2B2B; padding:5px; color:#FFF; cursor:pointer; outline:none; border:none; float:right; margin-right:14%;
	transition:0.5s all; -webkit-transition:0.5s all; -moz-transition:0.5s all; -o-transition:0.5s all; -ms-transition:0.5s all;
}


/*left*/
.left {
	width:240px; padding:20px; background:url(../Images/blue-bg.png);
}
.left-title {
	font-size:20px; font-weight:bold; color:#fff; padding-bottom:5px; margin-bottom:5px; border-bottom:1px dotted #fff; text-transform:uppercase;
}
.left-list li a {
	line-height:32px; color:#fff; transition:padding-left 0.5s; -moz-transition:padding-left 0.5s; -webkit-transition:padding-left 0.5s; -o-transition:padding-left 0.5s;
}
.left-list li a:hover, .left-list li a.hover {
	padding-left:20px; color:#fff; background:url(../Images/icon-red.png) no-repeat left center; transition:padding-left 0.5s; -moz-transition:padding-left 0.5s; -webkit-transition:padding-left 0.5s; -o-transition:padding-left 0.5s;
}
.left-contact li {
	padding-left:25px; text-indent:-25px; color:#fff;
}


/*right*/
.right {
	margin-left:60px; width:600px;
}
.title {
	font-size:20px; font-weight:bold; color:#42b3e5; padding-bottom:5px; margin-bottom:5px; margin-top:20px; border-bottom:1px dotted #b6b6b6; text-transform:uppercase;
}
.content {
	margin-top:20px;
}

.news {
	margin-top:20px;
}
.news li a {
	color:#333; line-height:38px; border-bottom:1px dotted #b6b6b6; display:block;
}
.news li a:hover {
	color:#42b3e5; border-bottom:1px dotted #b6b6b6;
}
.news li a span {
	font-size:14px; color:#828282;
}
.content-title {
	font-size:150%; margin-bottom:30px;
}

#products {
	width:90%; margin:0px auto
}
#products td {
	 border-bottom:1px solid #ccc; text-align:left;height:45px;
}
#products th a, #products td a {
	color:#545454; padding-left:20px
}
#products th a:hover, #products td a:hover {
	color:#fff;
	background:#01b6d3; display:block; height:45px; line-height:45px;
}
#products td img {
	width:180px;
}
.show-img img {
	width:440px; min-height:195px; border:1px solid #d9d9d9;
}
.show-other {
	margin-left:30px;
}
.show-title {
	line-height:45px;
}
.show-now a {
	width:135px; height:35px; background:#42b3e5; line-height:35px; text-align:center; color:#FFF; display:block; margin-top:26px;
}

.order {
	margin-top:100px;
}
.order-title {
	font-size:20px; font-weight:bold; color:#42b3e5; padding-bottom:5px; margin-bottom:5px; margin-top:20px; border-bottom:1px dotted #b6b6b6; text-transform:uppercase;
}
.order table td {
	padding:10px;
}
.order table td img {
	width:440px; height:195px; border:1px solid #d9d9d9;
}
input, textarea, select {
	vertical-align:middle;
}
select {
	border:1px solid #cccccc; color:#3E3E3E; padding:5px; line-height:18px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
.text-value {
	border:1px solid #cccccc; width:500px; background-color:#fff; box-shadow:1px 1px 3px #f0f0f0 inset; padding:6px; line-height:18px; height:17px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
.text-textarea {
	border:1px solid #cccccc; height:100px; width:500px; background-color:#fff; box-shadow:1px 1px 3px #f0f0f0 inset; padding:6px; line-height:18px; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
.form-submit {
	padding-top:20px; padding-bottom:20px; margin-left:110px;
}
.button {
	width:100px; height:30px; text-align:center; line-height:30px; font-size:14px; background:url(../Images/button.png) repeat-x; border:none; color:#FFF; margin-right:10px; cursor:pointer; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
}
.button:hover {
	color:#FFF; background-position:0px -30px;
}

.pass{
	width:350px;
	height:33px;
	line-height:33px;
	border:1px solid #CCC
}
.pass2{
	width:80px;
	height:38px;
	line-height:35px;
	background:#0081d7;
	border:none;
	color:#ffffff
}
.left_prducts td{
	border-bottom:1px dashed #cccccc;
	font-weight:bold;
	font-size:15px
}
/*footer*/
.footer {
	border-top:1px solid #e4e4e4; background-color:#0b4fa2; color:#ffffff
}
.footer-left{
	 margin:0px auto; text-align:center
}
.footer-left p{
	color:#555; font-size:0.875em; margin:0; font-family:arial;
}
.footer-left p a{
	color:#3A9ECB;
}
.footer-left p a:hover{
	color:#1F1F1F; text-decoration:none;
}
.footer-right{
	float:right;
}
.footer-right ul{
	margin:0; padding:0;
}
.footer-right ul li{
	display: inline-block; padding: 0 0.3em;
}
.footer-right ul li a span{
	width: 25px; height: 25px; display: inline-block; background: url(../Images/f-social-icons.png) no-repeat 4px 0px;
}
.footer-right ul li a.facebook span{
	background-position: 0px 0px;
}
.footer-right ul li a.facebook span:hover{
	background-position: 0px -27px;
}
.footer-right ul li a.twitter span{
	background-position: -27px 0px;
}
.footer-right ul li a.twitter span:hover{
	background-position: -27px -27px;
}
.footer-right ul li a.skype span{
	background-position: -66px 0px;
}
.footer-right ul li a.skype span:hover{
	background-position: -66px -27px;
}
.footer {
	padding: 1.2em 0em 0.6em;
}
#toTop {
	display: none; text-decoration: none; position: fixed; bottom: 14px; right: 3%; overflow: hidden; width: 40px; height: 40px; border: none; text-indent: 100%; background: url(../Images/to-top1.png) no-repeat 0px 0px;
}
#toTopHover {
	width: 40px; height: 40px; display: block; overflow: hidden; float: right; opacity: 0; -moz-opacity: 0; filter: alpha(opacity=0);
}