﻿/* CSS Document */
*{ padding:0; margin:0}
img{ border:none;}
h5,h6{ font-size:20px; color:#585858; font-family:"Tahoma","Times New Roman"; font-weight:normal;}
ul,ol,li,dl,dt,dd{ list-style:none}
a{ text-decoration:none; color:#666;}
.l, .fl, .infl{ float:left;}
.r, .fr, .infr{ float:right;}
.clear{ clear:both}
.wrap{ width:1000px; margin:0 auto;}
body{ font-family:"arial","Times New Roman","Tahoma"; font-size:12px; color:#666; line-height:24px;}

.top_r{ margin-top:23px; width:480px;}
.top_r h6{ font-family:"Verdana"; font-weight:normal; float:left; font-size:18px;}
.Language a{ padding:0 5px; line-height:29px;}
.Language a:hover{ color:#006496;}
.top_r .share span{ font-size:16px; padding-right:5px; font-weight:bold; line-height:35px;}
.top_r .share a{ display:inline-block; padding:0 2px;}
.top_r .search{ width:308px; height:29px; overflow:hidden; border:1px solid #d0cece; background:#e1e4e5}
.top_r .search input{ width:236px; border:none; padding:6px 0px 7px 10px; float:left; color:#aaa; background:#e1e4e5}
.top_r .search button{ background:url(../images/button.png) no-repeat center center; border:none; width:62px; height:29px;}

.nav{ background:url(../images/nav_bg.png) repeat-x; height:54px;}
.nav li{ float:left; font-size:16px; font-weight:bold; background:url(../images/nav-fgx.png) no-repeat right center;}
.nav li a{ height:50px; line-height:50px; color:#555; padding:0 25px;}
.nav li a:hover, .product_sidebar ul li a:hover, .product_list ul li a p:hover, .home_odds ul li p:hover, .location a:hover{ color:#006496;}
.nav li a:hover .arrow-down em { background:#006496;}
.nav li ul{ position: absolute; visibility:hidden; background:#fff; border:4px solid #e37619; border-left:none; border-right:none;}
.nav li ul li{float: none; height:40px; line-height:40px; border-top:1px solid #e6e6e6; width:auto; font-size:12px; font-weight:normal; background:none;}
.nav li ul li a{ display:block;padding:0 20px; height:40px; line-height:40px;  background:none;}
.nav li ul li a:hover{	background: #999; color:#fff;}
/*arrow*/
.arrow-down{display:inline-block;width:5px;height:3px;overflow:hidden;vertical-align:middle; margin-left:10px;}
.arrow-down em {background:#262626;display:block;height:1px;overflow: hidden;}
.arrow-down em.b2 {margin: 0 1px;}
.arrow-down em.b3 {width:1px;margin: 0 2px;}

.title{ margin-top:40px;}
.title h6{ float:left; height:36px; line-height:36px;}
.home_about, .about_cf{ width:560px;}
.home_about span{ float:right; display:inline-block;}
.home_about span a{ color:#0055a7; display:inline-block;}
.about_cf a{ display:inline; margin-right:17px;}

.product_sidebar{ width:230px;}
.product_sidebar .main{ box-shadow:2px 2px 2px #687074; border:1px solid #e0e0e0; border-top:none;}
.title2{ background: #687074; font-size:14px; padding-left:10px; height:31px; line-height:31px;}
.title2 a{ padding-left:15px; background: url(../images/title2_bg.png) no-repeat left center; color:#fff;}
.product_sidebar ul{ padding:0 2px;}
.product_sidebar ul li{ border-bottom:1px solid #e7e7e7; height:35px; line-height:35px; padding-left:10px;}
.product_sidebar ul li a{ padding-left:10px; display:block; max-height:24px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap}

.product_list, .product, .download{ width:730px;}
.product_list ul li{ float:left; margin:0 0 10px 16px; display:inline;width:226px;}
.product_list ul li a{ display:block; text-align:center;}
.product_list ul li p{height:40px;line-height:20px;}
.product_list img{ border:1px solid #dfdfdf}

.home_odds ul{ margin:20px 0 10px;}
.home_odds ul li{ float: left; margin:0 6px 0 0; width:244px;}
.home_odds ul li a{ display:block;}
.home_odds ul li p{ background:#ededed; height:42px; line-height:42px; border-bottom:1px solid #3498db; text-align:center;}

.nials{height:200px; overflow:hidden;}
.nials_lt{margin-top:90px;}
.nials .cus{height:180p;margin-top:30px;  display:inline;margin-left:21px;overflow:hidden;float:left;}
.nials ul li{width:167px;height:170px;float:left;margin-right:21px; display:inline; background:url(../images/index_pic_yy.jpg) no-repeat 0 127px;}
.nials ul li img{width:160px;height:121px;border:1px solid #cfcfcf; padding:2px;}
.nials ul li span{ display: block; height:24px; overflow:hidden;font:12px/24px "arial";color:#7f7f7f; text-align:center; text-transform:uppercase;}

.Fstay{ padding:0 20px;}
.Fstay a{ display:inline-block; margin:10px 13px;}


.main{ margin:10px auto;}
.main_t, .download{ margin-top:20px;}
.main_seesaw{ margin:20px auto;}
.home_about .main{ max-height:120px; overflow:hidden;}
.around{ padding:15px 20px;}

.footer{ border-top:4px solid #e37619; background:#006496; padding-bottom:30px;}
.title3 h6{ color:#fff;}
.footer ul{ width:230px; float:left; color:#cfe6fc; padding-right:20px;}
.footer ul li a{ color:#cfe6fc; line-height:28px; display:block; max-height:28px; overflow:hidden;text-overflow: ellipsis;white-space: nowrap; padding:0 5px;}
.footer ul li a:hover{ color:#fff;}
.bottom{ margin:30px auto 20px;}
.bottom_add{ width:230px;}
.bottom .bjq{ margin-left:40px;}

/*--------------*/
.product_sidebar_con .bjq{ padding:0 15px; line-height:28px;}

.location{ width:710px; border:1px solid #cfcece; height:36px; line-height:36px; padding:0 10px;}

.pages{ text-align:center; margin:40px auto 30px;}
.pages a{ display:inline-block; padding:3px 10px; margin:0 5px; border:1px solid #006496;}
.pages a:hover{ background:#006496; color:#fff;}

.about .title .location, .contact .location{ width:978px;}
.about h6, .contact h6{ font-size:34px; margin:40px auto 25px;}

.map img{ border:1px solid #929292}
.massage{ margin:40px auto 25px;}
.title_3 a{ font-size:16px; font-weight:bold;}
.proname, .name, .phone, .e-mail, .textarea{ width:960px; padding:10px 15px; margin:10px 0; border:1px solid #d4d4d4; color:#8d8d8d;}
.textarea{ height:200px;}
.submit, .reset { border:1px solid #ddd; font-size:14px; font-weight:bold; display:inline-block; width:120px; line-height:34px; text-align:center; margin-right:20px; color:#fff;}
.submit{ background:#ff9000;}
.reset{ background:#454545}
/*------------*/
.product .product_show{ text-align:center; margin-bottom:30px;}
.product_show{ text-align:center;}
.product_show h6{ margin-top:20px;}
.product_show img{ border:1px solid #dfdfdf; margin-top:20px;}
.navbar-wrapper { position: relative; z-index: 15;}
.navbar-nav{ width:730px;}
.advantage .navbar-nav{ width:1000px;}
.menuItem{ float:left; width:16.33%; height:34px; line-height:34px; text-align:center; background:#82b9e1; border:1px solid #82b9e1; border-right:1px solid #c6dff1;}
.menuItem a{ color:#fff;}
.menuItem:active, .active{ background:#fff; border:1px solid #82b9e1;}
.menuItem:active a, .active a{ color:#666;}
#contents{ margin-top:30px;}

.message_text{ border:1px dashed #3490f7; height:38px; line-height:38px; padding-left:15px; margin-bottom:20px;}
.message .l p{ width:100px; line-height:38px;}
.massage_box{ margin-bottom:20px;}
.message input{ display:block; width:500px; height:35px; padding-left:15px;}
#button, #button2{ width:120px; float:left; margin-right:20px;}
/*----------------*/
.metlist{ margin-bottom:20px;}
.download .metlist dt{ background:url(../images/dt-9.png) no-repeat left center; padding:3px 5px 3px 20px; border-bottom:1px solid #ddd; font-size:14px; font-weight:bold;}
.download .metlist dd{ padding:5px 8px;}
.download .metlist dd span{ padding-right:20px;}
.download .metlist dd a{ color:#1c57c4; text-decoration:underline; font-size:14px;}
.download .metlist dd a.down{ color:#fa1a1a;}
/*-------*/
.fitting_column li{ width:24.72%;}
.sample_sidebar .title2{ border-bottom:1px solid #ccc;}
.title4 a{ color:#133a63}
#back-to-top{
		position:fixed;
		bottom:100px;
		right:60px;
	}
	#back-to-top a{
		text-align:center;
		text-decoration:none;
		color:#d1d1d1;
		display:block;
		width:80px;
		/*使用CSS3中的transition属性给跳转链接中的文字添加渐变效果*/
		-moz-transition:color 1s; 
		-webkit-transition:color 1s;
		-o-transition:color 1s;
	}
	#back-to-top a:hover{
		color:#979797;
	}
	#back-to-top a span{
		background:#d1d1d1;
		border-radius:6px;
		display:block;
		height:80px;
		width:80px;
		background:#d1d1d1 url(../images/arrow-up.png) no-repeat center center;
		margin-bottom:5px;
		-moz-transition:background 1s;
		-webkit-transition:background 1s;
		-o-transition:background 1s;
	}
	#back-to-top a:hover span{
		background:#979797 url(../images/arrow-up.png) no-repeat center center;
	}