﻿@charset "utf-8";
@import "global.css";
@import "base.css";

body {
	background:#F7F7F7;}
a:hover {
	color:#DA0404;}
.mmw {
	width:1000px;
	margin:0 auto;}
.mc {
	color:#DA0404;}

/* 头部 */
header {
	width:100%;
	 
	height:210px;
	margin:0 auto;
	position:relative;
	overflow:hidden;}
	
	header .links {
	width:360px;
	right:0px;
	bottom:50px;
	position:absolute;}
header .links a {
	background:url(../images/icon-do-1.png) no-repeat 0 9px;
	float:left;
	font-size:30px;
	line-height:28px;
	padding-left:28px;}
.header .links a:hover {
	background:url(../images/icon-do-1.png) no-repeat 0 -21px;}
	
	
	
	
header .top {
	background:#F4F4F4;
	border-bottom:#EEE 1px solid;
	color:#999;
	font-size:14px;
	line-height:40px;
	width:100%;
	height:40px;
	position:relative; 
	overflow:hidden;}
header .top a {
	color:#999;}
header .logo-tel {
	width:1000px;
	height:115px;
	position:relative;
	margin:0 auto;}
header .logo-tel .logo {
	position:absolute;
	top:25px;
	left:0px;
	z-index:9999}
header .logo-tel .tel {
	background:url(../images/tel.png) no-repeat;
	color:#999;
	font-family:"Microsoft YaHei";
	font-size:25px;
	line-height:50px;
	font-style:italic;
	font-weight:bold;
	height:50px;
	padding-left:60px;
	position:absolute;
	top:38px;
	right:0px;}
header .logo-tel .tel span {
	font-family: "Book Antiqua";
	font-size:35px;
	color:#E10000;}
header nav {
	background:url(../images/nav-bg.png) repeat-x 0 20px;
	/*box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
	text-align:center;
	width:100%;
	height:65px;
	position:absolute;
	left:0;
	bottom:0;}
header nav .nav {
	display:inline-block;
	*display:inline;
	:1;
	*zoom:1;}
header nav a {
	/*background:#FFF;*/
	color:#FFF;
	/*display:block;
	float:left;*/
	display:inline-block;
	font-size:18px;
	line-height:82px;
	text-align:center;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	width:115px;
	height:65px;
	/*margin-top:-20px;*/
	position:relative;
	overflow:hidden;}
header nav a.active {
	background:url(../images/nav_active.png) no-repeat #FB0000;
	}
header nav a:hover {
	color:#FFF;}
/*.banner {
	text-align:center;
	width:100%;
	height:400px;}*/

.banner {
	text-align:center;
	width:100%;
	height:489px;
	position:relative;
	margin-top:1px;}
.banner #slider {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	width:100%;
/*	max-width:1400px;*/
	height:489px;
	margin:0 auto;
	position:relative;
	overflow:hidden;}
.banner #slider .slice {
	display:block;
	position:absolute;
	z-index:50;}
.banner #slider .controlNav {
	margin-left:-60px;
	position:absolute;
	bottom:15px;
	left:50%;
	z-index:100;}
.banner #slider .controlNav a {
	background:#FFF;
	cursor:pointer;
	box-shadow: 0 1px 1px rgba(0,0,0,0.2);
	display:block;
	float:left;
	text-indent: -5000px;
	width:30px;
	height:10px;
	margin-left:10px;
	border-radius:5px;}
.banner #slider .controlNav a.active {
	background:#DA0404;}

.moduleRight {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);}


.moduleLeft {
	float:right;
	width:730px;}
.moduleLeft .tit {
	line-height:45px;
	width:730px;
	height:45px;
	position:relative;
	overflow:hidden;}
.moduleLeft .tit h3 {
	background:#DA0404;
	color:#FFF;
	display:block;
	float:left;
	font-weight:normal;
	font-size:22px;
	text-align:center;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	/*width:150px;*/
	height:45px;
	padding: 0 20px;}
.moduleLeft .tit a {
	float:right;}
.moduleLeft .productShow {
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	background:#FFF;
	width:730px;
	height:245px;}
.moduleLeft .productShow .productBox {
	width:720px;
	height:180px;
	margin-top:10px;
	position:relative;
	overflow:hidden;}
.moduleLeft .productShow .productBox a.prev {
	background:url(../images/prev-next.png) no-repeat;
	width:29px;
	height:120px;
	position:absolute;
	top:25px;
	left:0;
	z-index:99;}
.moduleLeft .productShow .productBox a.next {
	background:url(../images/prev-next.png) no-repeat -29px 0;
	width:29px;
	height:120px;
	position:absolute;
	top:25px;
	right:0;
	z-index:99;}
.moduleLeft .productShow .productBox .box {
	width:720px;
	height:180px;
	margin-left:10px;
	position:relative;
	overflow:hidden;}
.moduleLeft .productShow .productBox .box ul li {
	border-radius: 5px;
	box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
	float:left;
	width:170px;
	height:170px;
	margin:5px 10px 5px 0;}
.moduleLeft .about {
	background:#FFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	width:730px;}
.moduleLeft .about .tit h4 {
	background:url(../images/icon-map.png) no-repeat 20px 15px;
	color:#333;
	display:block;
	float:left;
	font-weight:normal;
	font-size:25px;
	text-indent:58px;
	line-height:58px;
	height:45px;
	position:relative;
	overflow:hidden;}
.moduleLeft .about .tit span {
	color:#CCC;
	display:block;
	font-family: "Book Antiqua";
	font-size:20px;
	line-height:60px;
	float:left;
	height:45px;}
.moduleLeft .about .content {
	background:#FFF;
	color:#666;
	font-size:14px;
	line-height:210%;
	width:650px;
	padding:20px 40px;}
.moduleLeft .news {
	background:#FFF;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
	width:730px;
	height:260px;
	margin-top:10px;
	position:relative;
	overflow:hidden;}
.moduleLeft .news .list {
	width:730px;
	height:205px;
	margin-top:10px;}
.moduleLeft .news .list .pic {
	float:left;
	line-height:180%;
	text-align:center;
	width:200px;
	margin-left:10px;}
.moduleLeft .news .list dl {
	float:left;
	font-size:13px;
	line-height:165%;
	width:479px;
	margin-left:25px;
	margin-right:10px;}
.moduleLeft .news .list dl dt {
	float:left;
	width:479px;}
.moduleLeft .news .list dl dt a {
	float:left;}
.moduleLeft .news .list dl dt span {
	color:#999;
	float:right;}


/* 右侧 */
.moduleRight {
	background:#FFF;
	float:left;
	width:260px;
	position:relative;
	overflow:hidden;}
.moduleRight .tit {
	background:url(../images/col-bg.png) no-repeat center bottom;
	float:left;
	width:260px;
	padding-bottom:10px;}
.moduleRight .tit h3 {
	color:#333;
	display:block;
	float:left;
	font-weight:normal;
	font-size:18px;
	text-indent:10px;
	line-height:45px;
	height:45px;
	position:relative;
	overflow:hidden;}
.moduleRight .tit span {
	color:#CCC;
	display:block;
	font-family: "Book Antiqua";
	font-size:18px;
	line-height:45px;
	float:left;
	height:45px;}
.moduleRight .contact {
	background:url(../images/col-bg2.png) no-repeat center bottom;
	float:left;
	width:260px;}
.moduleRight .contact .content {
	color:#868686;
	float:left;
	line-height:200%;
	width:220px;
	padding:20px;}
.moduleRight .company {
	float:left;
	width:260px;
	padding-top:9px;}
.moduleRight .company .icon1 {
	background:url(../images/icon-xx.png) no-repeat;
	float:left;
	font-size:14px;
	line-height:69px;
	height:69px;
	padding-left:60px;
	margin-left:30px;}
.moduleRight .company .icon2 {
	background:url(../images/icon-cx.png) no-repeat;
	float:left;
	font-size:14px;
	line-height:55px;
	height:55px;
	padding-left:56px;
	margin:20px 0 0 30px;}
.moduleRight .pic {
	background:url(../images/l-bg.png) no-repeat;
	float:left;
	width:260px;
	height:260px;}
.moduleRight .productClass {
	float:left;
	width:260px;}
.moduleRight .productClass ul {
	float:left;
	width:230px;
	padding:10px 15px;}
.moduleRight .productClass ul li {
	/*background:#F7F7F7;
	border-bottom:#EEE 1px dashed;*/
	background:url(../images/cate-bg.png) no-repeat;
	float:left;
	line-height:28px;
	width:200px;
	margin-top:5px;
	padding:0 20px 0 10px;}
.moduleRight .productClass ul li.active {
	/*background:#DA0404;
	border:none;*/
	background:url(../images/cate-bg.png) no-repeat 0 -28px;
	color:#DA0404;}
.moduleRight .productClass ul li.active a,
.moduleRight .productClass ul li.active a:hover {
	color:#DA0404;}


/* subpage */

.moduleLeft .commonDetail {
	background:#FFF;
	box-shadow:0 0 10px rgba(0,0,0, 0.2);
	float:left;
	width:730px;
	position:relative;}

/* 通用图片展示 宽度170 */
.moduleLeft .commonPic {
	background:#FFF;
	box-shadow:0 0 10px rgba(0,0,0, 0.2);
	float:left;
	width:730px;
	position:relative;
	_overflow:hidden;}
.moduleLeft .commonPic .plist {
	float:left;
	width:730px;
	padding:10px 0 0 0;}
.moduleLeft .commonPic .plist .p {
	background:#FFF;
	box-shadow:0 1px 5px rgba(0, 0, 0, 0.5);
	border-radius:5px;
	float:left;
	width:220px;
	margin:0 0 20px 17px;
	position:relative;
	overflow:hidden;}
.moduleLeft .commonPic .plist .p img {
	float:left;}
.moduleLeft .commonPic .plist .p span {
	background:#EEE;
	display:block;
	float:left;
	text-align:center;
	font-size:14px;
	line-height:30px;
	width:210px;
	height:30px;
	padding:0 5px;
	position:relative;
	overflow:hidden;}
.moduleLeft .commonPic .plist .p a:hover span {
	background:#02ACD0;
	color:#FFF;}
.moduleLeft .commonPic .clist {
	float:left;
	width:730px;
	padding:10px 0 0 0;}
.moduleLeft .commonPic .clist .p {
	background:#FFF;
	box-shadow:0 0 10px rgba(0,0,0, 0.2);
	border-radius:5px;
	float:left;
	width:220px;
	margin:0 0 20px 17px;
	position:relative;
	overflow:hidden;}
.moduleLeft .commonPic .clist .p img {
	float:left;}
.moduleLeft .commonPic .clist .p span {
	background:#F2F2F2;
	display:block;
	float:left;
	text-align:center;
	line-height:30px;
	width:210px;
	height:30px;
	padding:0 5px;
	position:relative;
	overflow:hidden;}
.moduleLeft .commonPic .clist .p a:hover span {
	background:#DA0404;
	color:#FFF;}

/* 产品详细介绍 */
.moduleLeft .commonDetail .productDetial {
	float:left;
	width:730px;}
.moduleLeft .commonDetail .productDetial .pics {
	float:left;
	width:730px;
	height:285px;
	position:relative;}
.moduleLeft .commonDetail .productDetial .pics .pic {
	background:#EEE;
	float:left;
	width:275px;
	height:275px; margin-right:65px; margin-left:5px;}
.moduleLeft .commonDetail .productDetial .pics .pic img {
	border:#7E7F84 5px solid;}
.moduleLeft .commonDetail .productDetial .pics h1 {
	display:block;
	float:left;
	font-family:"Microsoft YaHei", Tahoma, iSimSun;
	line-height:150%;
	width:360px;
	margin:0;
	padding-left:20px;}
.moduleLeft .commonDetail .productDetial .pics .tips {
	width:230px;
	position:absolute;
	right:70px;
	bottom:120px;}
.moduleLeft .commonDetail .productDetial .pics .tips .tel {
	background:url(../images/icon_p.png) no-repeat;
	color:#FFF;
	float:left;
	font-size:17px;
	line-height:36px;
	text-align:center;
	width:189px;
	height:36px;
	padding-left:41px;}
.moduleLeft .commonDetail .productDetial .pics .tips .qq {
	background:url(../images/icon_p.png) no-repeat left bottom;
	color:#FFF;
	float:left;
	font-family:"Microsoft YaHei", Tahoma, iSimSun;
	font-size:18px;
	line-height:36px;
	text-align:center;
	width:189px;
	height:36px;
	margin-top:20px;
	padding-left:41px;}
.moduleLeft .commonDetail .productDetial .pics .thumb {
	background:#7E7F84;
	width:350px;
	height:70px;
	padding:10px;
	position:absolute;
	right:0;
	bottom:0;}
.moduleLeft .commonDetail .productDetial .pics .thumb .p {
	float:left;
	width:70px;
	height:70px;
	margin-right:10px;}
.moduleLeft .commonDetail .productDetial .pics .thumb .p img {
	border:#CCC 2px solid;
	cursor:pointer;}
.moduleLeft .commonDetail .productDetial .pics .thumb .p img.active {
	border:#FFF 2px solid;}
.moduleLeft .commonDetail .productDetial .detail {
	float:left;
	width:730px;
	position:relative;
	overflow:hidden;}
.moduleLeft .commonDetail .productDetial .detail h2 {
	background:#DA0404;
	color:#FFF;
	float:left;
	font-family:"Microsoft YaHei", Tahoma, iSimSun;
	font-size:24px;
	font-weight:normal;
	line-height:50px;
	text-align:center;
	text-shadow: 3px 1px 2px rgba(0, 0, 0, 0.3);
	width:730px;
	height:50px;}
.moduleLeft .commonDetail .productDetial .detail .content {
	float:left;
	font-size:14px;
	line-height:200%;
	width:690px;
	padding:20px;
	position:relative;
	overflow:hidden;}

/* 通用文章 */
.moduleLeft .commonArticle {
	background:#FFF;
	box-shadow:0 0 10px rgba(0,0,0, 0.2);
	float:left;
	width:730px;
	position:relative;
	_overflow:hidden;}
.moduleLeft .commonArticle dl {
	float:left;
	width:730px;}
.moduleLeft .commonArticle dl dt {
	background:url(../images/icon_arrow.png) no-repeat 5px center;
	border-bottom:#AAA 1px dotted;
	float:left;
	font-size:13px;
	line-height:30px;
	text-indent:18px;
	width:710px;
	height:30px;
	margin-left:10px;}
.moduleLeft .commonArticle dl dt a {
	float:left;}
.moduleLeft .commonArticle dl dt span {
	color:#AAA;
	float:right;}

.moduleLeft .commonDetail .article {
	background:#FFF;
	float:left;
	width:690px;
	padding:0 20px 20px 20px;}
.moduleLeft .commonDetail .article h1 {
	display:block;
	float:left;
	line-height:250%;
	width:690px;
	margin:0;}
.moduleLeft .commonDetail .article .att {
	border-bottom:#CCC 1px dotted;
	float:left;
	line-height:30px;
	width:690px;}
.moduleLeft .commonDetail .article .content {
	float:left;
	font-size:12px;
	line-height:200%;
	width:690px;
	position:relative;
	overflow:hidden;
	padding-top:20px;}

.moduleLeft .subPage {
	background:#FFF;
	box-shadow:0 0 10px rgba(0, 0, 0, 0.2);
	float:left;
	width:730px;
	position:relative;
	_overflow:hidden;}
.moduleLeft .subPage .content {
	float:left;
	width:690px;
	margin:20px;}


.moduleLeft .subPage .feedback td {
	height:45px;}
.moduleLeft .subPage .feedback {
	font-size:14px;}
.moduleLeft .subPage .feedback .gbinput {
	border:#AAA 1px solid;
	border-radius:5px;
	line-height:30px;
	box-shadow:0 0 10px rgba(0,0,0, 0.2);
	height:30px;
	padding:0 10px;}
.moduleLeft .subPage .feedback .gbmsg {
	border:#AAA 1px solid;
	border-radius:5px;
	line-height:30px;
	box-shadow:0 0 10px rgba(0,0,0, 0.2);
	height:80px;
	padding:0 10px;
	overflow-x:hidden;
	overflow-y:hidden;}
.moduleLeft .subPage .feedback .gbinput:hover,
.moduleLeft .subPage .feedback .gbmsg:hover {
	border:#A5BAE7 1px solid;
	box-shadow:0 0 10px rgba(73,114,204,0.6);}
.moduleLeft .subPage .feedback .bnt {
	background:#DA0404;
	border:none;
	border-radius:5px;
	box-shadow:0 0 10px rgba(0,0,0, 0.2);
	cursor:pointer;
	color:#FFF;
	font-size:18px;
	line-height:40px;
	text-align:center;
	width:120px;
	height:40px;}

.moduleLeft .subPage .contact {
	background:url(../images/contact.png) no-repeat right bottom;
	padding-bottom:130px;}

/* 底部 */
.icon {
	width:980px;
	height:95px;
	margin:30px auto;}
.icon .i {
	float:left;
	text-align:center;
	width:133px;
	height:95px;
	padding-left:97px;}
.icon .i h4 {
	color:#555;
	font-weight:normal;
	font-size:22px;
	padding-top:20px}
.icon .i span {
	color:#999;
	font-size:16px;}
.icon .i1 {
	background:url(../images/icon-b1.png) no-repeat;
	margin-left:40px;}
.icon .i2 {
	background:url(../images/icon-b2.png) no-repeat;}
.icon .i3 {
	background:url(../images/icon-b3.png) no-repeat;}
.icon .i4 {
	background:url(../images/icon-b4.png) no-repeat;}

.footer {
	background:#EFEFF1;
	width:100%;
	padding-bottom:30px;}
.footer .product {
	float:left;
	width:510px;}
.footer .product h3 {
	background:#DA0404;
	color:#FFF;
	display:block;
	float:left;
	font-weight:normal;
	font-size:20px;
	line-height:35px;
	text-align:center;
	text-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	/*width:120px;*/
	height:35px;
	padding:0 20px;}
.footer .product ul {
	float:left;
	width:570px;
	margin-top:10px;}
.footer .product ul li {
	float:left;
	line-height:22px;
	width:135px;
	height:22px;
	overflow:hidden;
	padding-right:5px;}
.footer .gs {
	float:left;
	width:53px;
	margin:20px 0 0 50px;}
.footer .copyright {
	float:right;
	width:350px;}
.footer .copyright .tel {
	color:#888;
	float:left;
	font-family: "微软雅黑";
	font-size:14px;
	text-align:right;
	width:350px;
	padding:15px 0;}
.footer .copyright .tel span {
	font-family: "微软雅黑";  
	font-size:24px;
	font-size:14px;
 
	color:#DA0404;}
.footer .copyright .p {
	color:#888;
	float:left;
	font-family: iSimSun;
	font-size:14px;
	line-height:180%;
	text-align:right;
	width:350px;}
	
	
	.slideBox{ width:100%; height:489px; overflow:hidden; position:relative;}
.slideBox .hd{ height:16px; overflow:hidden; position:absolute; left:46%; bottom:20px; z-index:1; width:202px; margin:0 auto; }
.slideBox .hd ul{ overflow:hidden; zoom:1;}
.slideBox .hd ul li{ float:left; margin-right:10px;  width:22px; height:9px;  background:#fff; cursor:pointer; display:block; }
.slideBox .hd ul li.on{ background:#f00;      width:22px; height:9px;  overflow:auto; cursor:pointer;  display:block;}

.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; width:100%; height:489px; }