@import url("common.css");

/*==================================================*/


/* =========================首页样式.开始======================= */

/* header */
.header{ width:100%; height:128px; margin:0 auto; position:relative;}
	.logo{ width:1280px; height:128px; background:url(../img/logo.png) no-repeat; text-indent:-99999px; overflow:hidden;}

.banner{ min-width:1280px; height:583px; margin:0 auto; position:relative;}
	.bd{ position:relative; z-index:0;}
	.bd ul{ width:100% !important;}
	.bd li{ width:100% !important; height:583px;}
	.hd{width:100%;position:absolute;z-index:1;bottom:0;left:0;height:30px;line-height:30px;text-align:center;}
	.hd ul li{cursor:pointer;display:inline-block;*display:inline;zoom:1;width:11px;height:11px;margin:4px;overflow:hidden;line-height:9999px;border-radius:100%;background-color:#afafaf;line-height:99em;cursor:pointer;box-shadow:1px 1px 2px #3a3a3a inset;}
	.hd ul .on{background-color:#F3F2ED;}

.nav{ width:100%; height:96px; margin:0 auto; position:relative; z-index:1; border-bottom:1px solid #DADADA;}
	.navBar{ width:1270px; height:96px; line-height:96px; margin:0 auto;}
	.navBar .m{ float:left; width:140px; height:96px; border-left:1px solid #DADADA; position:relative; }
	.navBar .m:nth-last-of-type(1){ border-right:1px solid #DADADA;}
	.navBar .m h3{ font-size:100%; font-weight:normal;}
	.navBar .m h3 a{ display:block; width:140px; height:96px; font-size:16px; font-weight:bold; color:#3D3D3D; font-family:"Microsoft YaHei",SimSun,SimHei; text-align:center;}
	.navBar .m:hover h3 a{ color:white; background:url(../img/nav01.jpg) no-repeat;}
	.navBar .on h3 a{ color:white; background:url(../img/nav01.jpg) no-repeat;}	
	.navBar .sub{ display:none; /*默认隐藏*/ width:140px; padding:10px 0;  position:absolute; left:0px; top:96px;  background:#eee;  float:left; line-height:30px; }
	.navBar .sub li{ text-align:center;}
	.navBar .sub li a{ color:#333; display:block; zoom:1;}
	.navBar .sub li a:hover{  background:#ddd; color:#c00;   }


.about{ max-width:1920px; height:582px; margin:0 auto; margin-top:60px; background:url(../img/bg01.jpg) center center no-repeat;}
	.aboutTxt{ float:left; width:520px; height:380px; padding:120px 10px 0; font:14px "microsoft yahei"; overflow:hidden; line-height:2.5;}
	.aboutTxt p{ line-height:2.5;}
	.aboutMove{ float:left; width:40px; height:50px; padding:60px 0 0 30px; text-indent:-99999px; overflow:hidden;}
	.aboutMove a{ display:block; height:50px;}

.product{}
	.title{ width:1280px; height:76px; background:url(../img/bg02.jpg) no-repeat;}
	.title a{ float:right; width:40px; height:50px; padding:25px 10px 0 0; text-indent:-99999px; overflow:hidden;}	

	.picScroll{ margin:20px auto; position:relative; width:1200px; padding:10px 40px; overflow:hidden;}
	.picScroll .prev{ display:block; position:absolute; top:126px; left:0; width:30px; height:58px; background:url(../img/icon01.png) no-repeat;}
	.picScroll .next{ display:block; position:absolute; top:126px; right:0; width:30px; height:58px; background:url(../img/icon02.png) no-repeat;}
	.picScroll .next{ left:auto; right:0;}
	.picScroll .prev:hover{ background:url(../img/icon01.png) no-repeat;}
	.picScroll .next:hover{ background:url(../img/icon02.png) no-repeat;}
	.picScroll ul{ overflow:hidden; zoom:1; }
	.picScroll ul li{ float:left; width:280px; height:310px; margin:0 10px; overflow:hidden;}
	.picScroll ul li .picImg{ width:278px; height:248px; border:1px solid #D8D8D8; overflow:hidden;}
	.picScroll ul li .picImg a{ display:table-cell; width:278px; height:248px; vertical-align:middle; text-align:center; overflow:hidden;}
	.picScroll ul li .picImg img{ max-width:100%; max-height:100%; vertical-align:middle; text-align:center; background:url(../img/loading.gif) center center no-repeat;}
	.picScroll ul li .picTxt{ width:280px; height:40px; padding-top:20px; text-align:center; overflow:hidden;}
	.picScroll ul li .picTxt span{ display:inline-block; height:40px; padding:0 25px; background:#AC0503; font:14px/40px "microsoft yahei"; text-align:center; border-radius:8px;}
	.picScroll ul li .picTxt a{ display:block; height:40px; color:white; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}

.join{ max-width:1920px; height:401px; margin:0 auto; padding-top:80px; background:url(../img/bg03.jpg) center center no-repeat;}
	.video{ float:left; width:500px; height:310px; margin:60px 20px 0;}
	.joinTxt{ float:left; width:500px; height:310px; margin:40px 20px 0 40px; font:14px "microsoft yahei"; overflow:hidden; line-height:2.5;}
	.joinTxt p{ line-height:2.5;}
	.joinMove{ float:right; width:40px; height:50px; padding:0 15px; text-indent:-99999px; overflow:hidden;}
	.joinMove a{ display:block; height:50px;}

.news{ max-width:1920px; height:372px; margin:0 auto; background:url(../img/bg04.jpg) center center no-repeat;}
	.focus{ float:left; width:320px; height:210px; margin:50px 40px 0 80px;}
	.newsTxt{ float:left; width:600px; height:210px; margin:50px 0 0 0; overflow:hidden;}
	.newsTxt ul{ list-style:none;padding:0;margin:0;}
	.newsTxt li{ height:34px; padding-left:20px; text-indent:-10px; border-bottom:1px dashed #D8D8D8; font:14px/34px "microsoft yahei"; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.newsTxt li::before{ content:"•"; color:#A91209; padding-right:5px;}
	.newsTxt li em{ float:right; margin:0 10px;}
	.newsTxt li a:hover{ color:#AC0503;}

/* footer */
.footer{ width:100%; height:300px; margin:0 auto; background:#5A5A5A; position:relative;}
	.foot{ float:left; width:950px; margin:45px 0 0 45px;}
	.foot dl{}
	.foot dt{ color:white; font:45px "microsoft yahei";}
	.foot dd{ margin-top:10px; color:white; font:16px "microsoft yahei";}
	.foot dd:nth-of-type(1){ margin-top:20px; font:35px "microsoft yahei";}
	.foot dd a{ color:white;}
	
	.code{ float:right; width:175px; margin:45px 105px 0 0;}
	.code p{ width:175px; height:175px; overflow:hidden;}
	.code img{ display:block; width:100%; height:100%;}
	.code h3{ height:50px; font:16px/50px "microsoft yahei"; text-align:center; color:white;}


/* =========================首页样式.结束======================= */




/* =========================子页样式.开始======================= */

.content{ width:100%; height:auto; margin:0 auto; position:relative;}

	.listTit{width:1280px; margin:0 auto; }
	.listTit ol{width:1280px; display:block; margin:0 auto; text-align:center; padding-top:40px; }
	.listTit ol li{width:185px; height:39px; display:inline-block; margin:0 10px;}
	.listTit ol li a{width:145px; height:39px; float:left; padding:0 0 0 40px; background:url(../img/icon04.png) no-repeat left top; font-family:'Microsoft YaHei'; font-size:16px; color:#575757; line-height:35px; text-align:left; font-weight:normal; font-style:normal;}
	.listTit ol li a:hover,
	.listTit ol li a.saho{width:145px; height:39px; float:left; padding:0 0 0 40px; background:url(../img/icon03.png) no-repeat left top; font-family:'Microsoft YaHei'; font-size:16px; color:#fff; line-height:35px; text-align:left; font-weight:normal; font-style:normal;}


	.listCon{ width:1000px; margin:0 auto; height:auto; min-height:500px; padding:40px 0; font:14px/40px "microsoft yahei"; color:#434343; text-align:left; font-weight:normal; font-style:normal;}
	.listCon img{display:block; margin:0 auto; border:none; padding:10px 0;}
	.listCon font{width:100%; height:40px; float:left; margin-top:20px; margin-bottom:20px; font:22px/30px "microsoft yahei"; color:#575757; text-align:center; font-weight:normal; font-style:normal; text-overflow:ellipsis;  }
	.listCon font span{display:inline-block; margin:10px 10px 0 20px; border:none; font:28px/40px "Arial"; color:#ac0503; text-align:center; font-weight:normal; font-style:normal; position:relative; z-index:44;} 
	.listCon font span img{float:left; position:absolute; left:0%; top:0; margin:-24px auto 0 auto;}


	.listPhoto{width:1280px; min-height:500px; margin:0 auto;}
	.listPhoto dl{width:1245px; margin:0 auto; text-align:center;}
	.listPhoto dl dt{width:385px; height:450px; float:left; background:#fff; margin:20px 15px; border:0; padding:0px; position:relative; z-index:45; }
	.listPhoto dl dt a:hover {color:#ac0503;}

	.pList{width:338px; height:408px; float:left; margin:20px 0 0 22px; border:1px solid #cfbea5; position:relative; z-index:35; overflow:hidden;}
	.pList .pList_bg{width:338px; height:338px; float:left; position:absolute; z-index:30;  left:0; top:-338px; background: url(../img/pic_bg.png) no-repeat center top; text-indent:-9999px; display:block; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
	.pList img{ display:block; width:338px; height:338px; position:relative; z-index:25;}
	.pList:hover .pList_bg{width:338px; height:338px; float:left; position:absolute; z-index:30;  left:0; top:0; background: url(../img/pic_bg.png) no-repeat center top; text-indent:-9999px; display:block; -webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-ms-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;}
	.pList a h3{width:300px; height:40px; float:left; padding:20px 10px 10px 20px; font-family:'Microsoft YaHei'; font-size:18px; color:#c5ae8c; line-height:38px; text-align:left; font-weight:normal; font-style:normal; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
	.pList a h3 b{float:right; font-family:Arial; font-size:24px; color:#ac0503; font-weight:bold; text-align:left; font-style:normal; line-height:38px;}
	.pList a h3 b em{float:left; font-family:Arial; font-size:16px; color:#ac0503; font-weight:normal; text-align:left; font-style:normal; line-height:30px;  padding-top:6px;}

	.pShow{width:1280px; height:auto; float:left; padding:20px 0; font-family:'Microsoft YaHei'; font-size:14px; color:#434343; line-height:40px; text-align:left; font-weight:normal; font-style:normal;}
	.pShow img{display:block; margin:0 auto; border:none; padding:10px 0;}
	.pShow font{width:100%; height:40px; float:left; margin-top:20px; margin-bottom:20px; font-family:'Microsoft YaHei'; font-size:22px; color:#575757; line-height:40px; text-align:center; font-weight:normal; font-style:normal; text-overflow:ellipsis; overflow:hidden;}
	.pShow font span{display:inline-block; margin:0px 10px 0 20px; border:none; font-family:Arial; font-size:28px; color:#ac0503; line-height:40px; text-align:center; font-weight:normal; font-style:normal;} 
	.pShow font span b{float:left; font-family:Arial; font-size:16px; color:#ac0503; font-weight:normal; text-align:left; font-style:normal; line-height:30px;  padding-top:10px;}

	.listNews{width:1280px; min-height:500px; margin:0;}
	.listNews dl{width:1260px; margin:0 auto; text-align:center;}
	.listNews dl dt{width:590px; height:280px; float:left; margin:20px; border:0; padding:0px; background:#fff; overflow:hidden; }
	.listNews dl dt h3{width:120px; height:auto; float:left; margin:60px 0 0 0;  font-family:Arial; font-size:28px; color:#bababa; font-weight:normal; text-align:left; font-style:normal; line-height:30px;  }
	.listNews dl dt h3 span{float:left; width:20px; height:1px; float:left; background:#f0f0f0; margin:16px 10px 0 0;}
	.listNews dl dt h3 font{width:90px; float:left; padding-left:30px;  font-family:Arial; font-size:14px; color:#bbbbbb; font-weight:normal; text-align:left; font-style:normal; line-height:30px; }

	.listNews dl dt  h4{width:180px; height:auto; float:left; margin:60px 0 0 0;}
	.listNews dl dt  h4 img{ display:block;}
	.listNews dl dt  h4 img.img1{width:19px; height:11px; float:left;  padding:30px 0 0 0; display:block;}
	.listNews dl dt  h4 img.img2{width:19px; height:11px; float:left;  padding:30px 0 0 0; display:none;}
	.listNews dl dt:hover  h4 img.img1{width:19px; height:11px; float:left;  padding:30px 0 0 0; display:none;}
	.listNews dl dt:hover  h4 img.img2{width:19px; height:11px; float:left;  padding:30px 0 0 0; display:block;}
	.listNews dl dt:hover{ cursor:pointer;}
	.listNews dl dt:hover h3{color:#ac0503; }
	.listNews dl dt  h5{width:252px; height:170px; float:left; margin:60px 0 0 10px;    font-family:'Microsoft YaHei'; font-size:14px; color:#686868; font-weight:normal; text-align:left; font-style:normal; line-height:25px; text-overflow:ellipsis; overflow:hidden;}
	.listNews dl dt  h5 em{width:252px; height:40px; float:left; margin:0px 0 10px 0;    font-family:'Microsoft YaHei'; font-size:16px; color:#212121; font-weight:normal; text-align:left; font-style:normal; line-height:20px; text-overflow:ellipsis; overflow:hidden;}

	.listShow{width:1280px; height:auto; float:left; padding:20px 0; font-family:'Microsoft YaHei'; font-size:14px; color:#434343; line-height:40px; text-align:left; font-weight:normal; font-style:normal;}
	.listShow .showTit{ height:auto; font:bold 24px/50px "Microsoft YaHei"; color:#434343; text-align:center; font-style:normal;}
	.listShow .showDate{ height:auto; font:12px/50px "Microsoft YaHei"; color:#8C8C8C; text-align:center; font-style:normal;}
	.listShow .showDate span{ padding:0 10px;}
	.listShow .showTxt{ height:auto; font:16px/40px "Microsoft YaHei"; color:#434343; font-style:normal;}
	.listShow .showImg{ width:95%; margin:20px auto;}
	.listShow .showImg li{ float:left; width:100%; height:auto; margin:10px auto; text-align:center; overflow:hidden;}
	.listShow .showImg li a{ display:block; margin:0 auto; vertical-align:middle; text-align:center;}
	.listShow .showImg li img{ max-width:100%; max-height:100%; padding:10px 0; vertical-align:middle; text-align:center; margin:0 auto;}
	.listShow .video-box { margin:0 auto;}
	


/* =========================子页样式.结束======================= */