body { color: #333; background-color: white; text-align: center; margin: 0; padding: 0; }
*,ul,li{ margin: 0; padding: 0; list-style-type: none; }
img{ border-width: 0; }
a{ color: #333; text-decoration: none; }
a:hover{ color: #cd1a1c; text-decoration: underline; }
a:focus {outline:none;-moz-outline:none;}
.clear { clear: both; }
.f_left { float: left; }
.f_right { float: right; }
.container { text-align: left; width: 1170px; margin-right: auto; margin-left: auto; }
.header { }
.header .logo{ width: 450px; float: left; }
.header .head_right{ float: right; }
.navbar { background-color: #0048b4; height: 42px; overflow: hidden; }
.navmenu{ margin: 0; padding: 0; list-style-type: none; }
.navmenu li{ font-family: 微软雅黑, 黑体, Verdana; float: left; }
.navmenu li a.home{ font-weight: bold; background-color: #333; background-repeat: no-repeat; width: 124px; height: 42px; margin: 0; padding: 0; display: block; }
.navmenu li a{ color: white; line-height: 42px; text-decoration: none; text-align: center; margin-right: 28px; margin-left: 28px; }
.navmenu li a:hover{ text-decoration: underline; }
/*
.banner { background-image: url(images/banner.jpg); background-repeat: no-repeat; background-position: center; width: 100%; height: 400px; }
*/
.banner { position: relative; height: 315px; overflow: hidden; }
.banner ul { list-style: none; }
.banner ul li { background-color: #fff; background-repeat: no-repeat; background-position: center 0; width: 100%; height: 315px; float: left; }
.banner .dots {
		position: absolute;
		left: 0;
		right: 0;
		bottom: 20px;
		width: 100%;
	}
		.banner .dots li {
			display: inline-block;
			*display: inline;
			zoom: 1;

			width: 10px;
			height: 10px;
			line-height: 10px;
			margin: 0 4px;

			text-indent: -999em;
			*text-indent: 0;

			border: 2px solid #0048b4;
			border-radius: 6px;

			cursor: pointer;
			opacity: .4;

			-webkit-transition: background .5s, opacity .5s;
			-moz-transition: background .5s, opacity .5s;
			transition: background .5s, opacity .5s;
		}
			.banner .dots li.active {
				background: #0048b4;;
				opacity: 1;
			}
.hotkeywords { font-size: 14px; line-height: 42px; margin-top: 4px; border-bottom: 1px solid #ebebeb;  }
.hotkeywords .keywords{}
.hotkeywords .keywords a{ color: #999; font-weight: normal; }
.hotkeywords .keywords a:hover{ color: #cd1a1c; }
.search{ padding-top: 6px; }
.search form{ margin: 0; padding: 0; }
.search .keywords{ font-size: 14px; line-height: 24px; width: 234px; height: 24px; float: left; padding-right: 4px; padding-left: 4px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc; border-right-style: none; }
.home_products { margin-top: 20px; }
.home_products .category { width: 250px; overflow: hidden; float: left; }
.home_products .category .title{ color: white; font-size: 16px; font-weight: bold; line-height: 36px; background-image: url(images/home_prodcate_title.png); background-repeat: no-repeat; text-indent: 12px; }
.home_products .category ul{ padding: 2px 7px 40px; border: solid 1px #025eb9; }
.home_products .category ul li{ background-image: url(images/li01.png); background-repeat: no-repeat; background-position: 4px 12px; border-bottom: 1px solid #ebebeb; }
.home_products .category ul li a{ color: #666; font-size: 14px; line-height: 34px; padding-left: 14px; }
.home_products .category ul li a:hover{ color: #cd1a1c; }
.home_products .productlist{ width: 908px; float: right; }
.home_products .productlist .title{ line-height: 36px; background-color: #0048b4; height: 36px; overflow: hidden; }
.home_products .productlist .title .span01 { color: white; font-size: 16px; font-weight: bold; line-height: 36px; background-image: url(images/span01.png); background-repeat: no-repeat; width: 140px; overflow: hidden; float: left; padding-left: 18px; display: block; }
.home_products .productlist .title .more{ color: white; font-size: 12px; line-height: 36px; float: right; padding-right: 10px; padding-left: 10px; }
.home_products .productlist .title .more a{ color: #fff; }
.home_products .productlist .prodlist{ margin-top: -20px; margin-left: -25px; }
.home_products .productlist .prodlist li{ width: 208px; float: left; margin-top: 30px; margin-left: 25px; }
.home_products .productlist .prodlist li img{ border-color: #ddd; border-style: solid; border-width: 1px 1px 0; }
.home_products .productlist .prodlist li .info{ background-color: #666; float: left; margin-top: -4px; padding: 5px; }
.home_products .productlist .prodlist li .info .name{ width: 148px; overflow: hidden; float: left; }
.home_products .productlist .prodlist li .info .name .prodname{ line-height: 18px; width: 148px; height: 20px; overflow: hidden; display: block; }
.home_products .productlist .prodlist li .info .name .prodname a{ color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; }
.home_products .productlist .prodlist li .info .name .prodname a:hover{ text-decoration: underline; }
.home_products .productlist .prodlist li .info .name .prodmodel{ color: #999; font-size: 12px; line-height: 16px; display: block; }
.home_products .productlist .prodlist li .info .bnt{ float: right; }
.home_products .productlist .prodlist li .info .bnt a{ color: white; font-size: 12px; line-height: 28px; background-color: #0048b4; text-align: center; width: 50px; height: 28px; margin-top: 4px; display: block; }
/**/
.home_certs { }
.home_certs .title{ background-image: url(images/certs_title.png); height: 41px; }
.home_certs .title .more{ color: white; font-size: 12px; line-height: 36px; float: right; padding-right: 10px; padding-left: 10px; }
.home_certs .title .more a{ color: #fff; }
/**/
.home_news { background-image: url(images/fg_bg.png); background-repeat: no-repeat; background-position: 790px 0; width: 1170px; float: left; }
.home_news .news{ width: 764px; float: left; }
.home_news .news .title{ background-image: url(images/news_title.png); background-repeat: no-repeat; height: 40px; }
.home_news .news .con{}
.home_news .news .con .tupian{ width: 320px; overflow: hidden; float: left; padding-top: 10px; }
.home_news .news .con .tupian .tw2{ width: 152px; height: 100px; float: left; }
.home_news .news .con .tupian .tw3{ width: 152px; height: 100px; float: right; }
.home_news .news .con .newslist{ width: 430px; float: right; }

.home_news .wenda{ width: 342px; float: right; }
.home_news .wenda .title{ background-image: url(images/wenda_title.png); height: 40px; }
.home_news .wenda .con{ width: 342px; height: 326px; overflow: hidden; margin-top: 10px; }
.home_news .wenda .con ul{  }
.home_news .wenda .con dl{ padding-top: 20px; padding-bottom: 20px; border-bottom: 1px solid #ebebeb; }
.home_news .wenda .con dt{}
.home_news .wenda .con dd{}
.home_news .wenda .con .wen{ line-height: 23px; background-image: url(images/wen.png); background-repeat: no-repeat; margin-bottom: 10px; padding-left: 30px; }
.home_news .wenda .con .wen a{ color: #666; font-size: 14px; font-weight: bold; }
.home_news .wenda .con .da{ color: #999; font-size: 14px; font-weight: normal; line-height: 18px; background-image: url(images/da.png); background-repeat: no-repeat; padding-left: 30px; }
.home_news .wenda .con .da a{ color: #999; font-size: 14px; line-height: 20px; }

#tabs{ margin: 0 0 0 250px; padding: 7px 0 0; list-style-type: none; }
#tabs li{  line-height: 32px; text-align: center; width: 98px; height: 32px; float: left; margin-right: 4px; margin-left: 4px; }
#tabs li a{color: white; font-size: 14px; font-weight: bold;}
#tabs li a:hover{ text-decoration: none; }
#tabs .tab-active{ background-color: #2174de; }
#tabs .tab-nav{ background-color: #666; }
.panel{  }
.panel ul{}
.panel ul li{ background-image: url(images/li02.png); background-repeat: no-repeat; background-position: 4px 12px; text-indent: 18px; border-bottom: 1px solid #ebebeb; }
.panel ul li a{ color: #666; font-size: 14px; line-height: 32px; height: 32px; }
.panel ul li a:hover{}
.panel ul li span{ color: #999; font-size: 14px; font-family: verdana; line-height: 33px; float: right; }


.home_photos { }
.home_photos .title{ background-color: #025eb9; height: 36px; }
.home_photos .title span.tt{ color: white; font-size: 16px; font-weight: bold; line-height: 36px; background-color: #6c0; text-align: center; width: 140px; height: 36px; float: left; display: block; }
#photos{}
#photos li img{ background-color: white; padding: 1px; border: solid 1px #ccc; }


.home_about { background-image: url(images/fg_bg.png); background-repeat: no-repeat; background-position: 790px 0; width: 1170px; float: left; }
.home_about .about{ width: 764px; float: left; }
.home_about .about .title{ background-image: url(images/about_title.png); background-repeat: no-repeat; height: 40px; }
.home_about .about .con{ color: #666; font-size: 14px; line-height: 21px; padding-top: 10px; }
.home_about .about .con h3{ font-size: 18px; line-height: 26px; }
.home_about .about .con h3 i{ font-size: 14px; background-color: #72c02c; width: 3px; margin-right: 4px; }
.home_about .contact{ width: 340px; float: right; }
.home_about .contact .title{ background-image: url(images/contact_title.png); height: 40px; }
.home_about .contact .con{ color: #666; }
.home_about .contact .con h2{ font-size: 18px; font-family: 微软雅黑, 黑体; line-height: 50px; }
.home_about .contact .con p{ font-size: 16px; line-height: 26px; }


.links { }
.links .title{ background-image: url(images/links_title.png); height: 40px; }
.links .con{}
.links .con ul{}
.links .con ul li{ font-size: 14px; line-height: 44px; margin-right: 25px; display: inline; }
.links .con ul li a{ color: #999; text-decoration: underline; }
.links .con ul li a:hover{}

.foot_nav{ color: white; font-size: 14px; line-height: 42px; background-color: #0048b4; text-align: center; height: 42px; overflow: hidden; margin-top: 30px; }
.foot_nav a{ color: #fff; }
.foot_nav a:hover{}

.foot_info{ color: #666; font-size: 14px; line-height: 24px; text-align: center; float: none; padding: 10px 0 30px; }
.foot_info a{}
.foot_info a:hover{}


.more{ color: white; font-size: 12px; line-height: 36px; float: right; padding-right: 10px; padding-left: 10px; }
.more img{  }
.more a{ color: #fff; }


.page { width: 1170px; }
.page .content{ width: 900px; float: left; }
.page .content h1{ font-size: 30px; font-family: 微软雅黑, 黑体; font-weight: normal; line-height: 44px; }
.page .content h1.photo{ font-size: 30px; font-family: 微软雅黑, 黑体; font-weight: normal; line-height: 44px; text-align: center; padding-top: 30px; }
.page .content .title{ line-height: 36px; background-color: #025eb9; height: 36px; overflow: hidden; }
.page .content .title .span01 { color: white; font-size: 16px; font-weight: bold; line-height: 36px; background-color: #666; background-repeat: no-repeat; text-align: center; overflow: hidden; float: left; padding-right: 20px; padding-left: 20px; display: block; }
.page .content .title .more{ color: white; font-size: 12px; line-height: 36px; float: right; padding-right: 10px; padding-left: 10px; }
.page .content .title .more a{ color: #fff; }

.page .content .title2{ overflow: hidden; }
.page .content .title2 span{ color: white; font-size: 16px; font-weight: bold; line-height: 36px; background-color: #666; background-repeat: no-repeat; text-align: center; overflow: hidden; float: left; padding-right: 20px; padding-left: 20px; display: block; }
.page .content .title2 h1{ font-size: 28px; font-family: 微软雅黑, 黑体; font-weight: normal; line-height: 50px; text-align: center; border-bottom: 1px dotted #ccc; }
.page .content .title2 h2{ font-size: 22px; font-family: 微软雅黑, 黑体; font-weight: normal; line-height: 50px; border-bottom: 1px dotted #ccc; }
.page .content .con{ padding-top: 5px; padding-right: 0; padding-bottom: 0; }
.page .content .con p{ color: #333; font-size: 14px; font-family: 微软雅黑, 黑体, Verdana; line-height: 24px; }

.page .content .moreinfo{ color: #999; font-size: 12px; line-height: 30px; }
.page .content .descr { color: #666; font-size: 12px; line-height: 22px; }
.page .content .maininfo { color: #333333; font-size: 16px; line-height: 25px; padding-right: 30px; padding-left: 30px; }
.page .content .btn-green{ color: #fff; font-size: 14px; font-weight: bold; line-height: 28px; background-color: #666; text-align: center; width: 90px; margin-top: 6px; margin-bottom: 6px; display: block; }
.page .content .con .prodlist{ margin-top: -20px; margin-left: -22px; }
.page .content .con .prodlist li{ width: 208px; float: left; margin-top: 30px; margin-left: 22px; }
.page .content .con .prodlist li img{ border-color: #bbb; border-style: solid; border-width: 1px 1px 0; }
.page .content .con .prodlist li .info{ background-color: #666; float: left; margin-top: -4px; padding: 5px; }
.page .content .con .prodlist li .info .name{ width: 148px; overflow: hidden; float: left; }
.page .content .con .prodlist li .info .name .prodname{ line-height: 18px; width: 148px; height: 20px; overflow: hidden; display: block; }
.page .content .con .prodlist li .info .name .prodname a{ color: #fff; font-size: 14px; font-weight: bold; text-decoration: none; }
.page .content .con .prodlist li .info .name .prodname a:hover{ text-decoration: underline; }
.page .content .con .prodlist li .info .name .prodmodel{ color: #999; font-size: 12px; line-height: 16px; display: block; }
.page .content .con .prodlist li .info .bnt{ float: right; }
.page .content .con .prodlist li .info .bnt a{ color: white; font-size: 12px; line-height: 28px; background-color: #0048b4; text-align: center; width: 50px; height: 28px; margin-top: 4px; display: block; }
/**/


.page .content .prodinfo{}
.page .content .prodinfo .photos{ width: 540px; float: left; }
.page .content .prodinfo .info{ width: 360px; float: left; padding-top: 25px; }
.page .content .prodinfo .info ul{}
.page .content .prodinfo .info ul li{ font-size: 14px; line-height: 28px; }
.page .content .prodinfo .info ul li a{}
.page .content .prodinfo .info ul li a:hover{}

.page .content .title3{ border-bottom: 1px solid #025eb9; }
.page .content .title3 span{ color: #fff; font-size: 14px; font-weight: bold; line-height: 30px; background-color: #025eb9; text-align: center; width: 90px; display: block; }
.page .content .prodcon{ color: #333; font-size: 16px; line-height: 22px; padding: 10px; }
.page .content .prodcon p{ line-height: 22px; }
.page .content .other{ padding: 20px 10px; }
.page .content .other a{ color: #fff; font-size: 14px; line-height: 34px; background-color: #025eb9; padding: 4px; }


.page .content .photo_info{ color: #999; font-size: 14px; line-height: 26px; width: 700px; margin-right: auto; margin-left: auto; padding: 10px; border: dotted 1px #ebebeb; }




.page .sidebar{ width: 250px; float: right; }
.page .sidebar .items{ margin-top: 25px; margin-left: 1px; padding-bottom: 40px; }
.page .sidebar .items li{ color: white; font-size: 14px; font-weight: normal; line-height: 36px; background-color: #025eb9; width: 220px; margin-bottom: 6px; padding-left: 6px; }
.page .sidebar .items li.active{ font-size: 16px; font-weight: bold; background-color: #666; width: 250px; }
.page .sidebar .items li a{ color: white; }
.page .sidebar .items li a:hover{}

.page .sidebar .category { width: 250px; overflow: hidden; float: left; }
.page .sidebar .category .title{ color: white; font-size: 16px; font-weight: bold; line-height: 36px; background-image: url(images/home_prodcate_title.png); background-repeat: no-repeat; text-indent: 12px; }
.page .sidebar .category ul{ padding: 2px 7px 40px; border: solid 1px #025eb9; }
.page .sidebar .category ul li{ background-image: url(images/li01.png); background-repeat: no-repeat; background-position: 4px 12px; border-bottom: 1px solid #ebebeb; }
.page .sidebar .category ul li a{ color: #666; font-size: 14px; line-height: 34px; padding-left: 14px; }
.page .sidebar .category ul li a:hover{ color: #cd1a1c; }




.page .sidebar .contact{  }
.page .sidebar .contact .title{ color: white; font-size: 16px; font-weight: bold; line-height: 36px; background-image: url(images/home_prodcate_title.png); background-repeat: no-repeat; text-indent: 12px; margin-top: 28px; }
.page .sidebar .contact h5{ font-size: 16px; font-family: 微软雅黑, 黑体; font-weight: normal; line-height: 40px; text-align: center; border-top: 1px solid #ebebeb; border-bottom: 1px solid #ebebeb; }
.page .sidebar .contact .con{ padding-top: 8px; }
.page .sidebar .contact .con p{ color: #666; font-size: 14px; line-height: 22px; }



.dux-page { margin-top: 20px; margin-bottom: 20px; }
.dux-page a{ color: #fff; font-size: 14px; font-family: verdana; line-height: 24px; background-color: #025eb9; height: 24px; float: left; margin-right: 4px; margin-left: 4px; padding-right: 8px; padding-left: 8px; border: solid 1px #025eb9; display: block; }
.dux-page a.first-page{}
.dux-page a.prev-page{}
.dux-page a.num-page{ color: #025eb9; background-color: white; border-color: #025eb9; }
.dux-page a.active-page{ color: white; background-color: #666; border-color: #666; }
.dux-page a.last-page{}


.csshello{ height:auto; overflow:hidden; font-family:"Microsoft Yahei"; margin-right: auto; margin-left: auto; }
.csshello ul li{ width:182px; height:234px; overflow:hidden; float:left; margin:0 12px 20px; position:relative; text-align:center;}
.csshello ul li img{ background-color: white; width:178px; height:230px; position:absolute; left:0; top:0; z-index:10; padding: 1px; border: solid 1px #ccc; }
.csshello ul li .mark{ background:#000 url(images/jia.png) no-repeat center 80px;opacity:0.7; display:none; width:182px; height:232px; position:absolute; left:0; top:0; z-index:15; text-indent:-3000px; overflow:hidden;filter:alpha(opacity=0.7);}
.csshello ul li .mark2{ width:182px; height:50px; line-height:40px;background:url(images/touming.png) no-repeat center top; position:absolute; left:0; top:194px; color:#fff; font-size:14px; z-index:20;}