@charset "utf-8";
/* CSS Document */
*{ margin:0; padding:0; }
ul li{ list-style:none; }
img{ border:none; }

html{ height:100%; background-color:#FFFFFF; }
body{ background:url(../images/bg_body.jpg) repeat; font:12px Arial, 微软雅黑, sans-serif;min-width: 1200px; }
a{ text-decoration:none; color:#000}
a:hover{ text-decoration:none; }
.ani{  transition:all 0.2s ease 0s;  }

.fl{ float:left; }.fr{ float:right; }.clear{ clear:both; }
.w1000{ position:relative; width:1200px; margin:0px auto; }
.logo{ position:relative; margin:0 0 0 10px; }
.talign{ text-align:center; }




		.nav{
			list-style-type: none;
			margin:0 0 20px 0;
			padding:0;
			font-size:14px; font-weight:bold; line-height:34px;

		}
		.clear:after{
			content:'/20';
			display:block;
			clear:both;
			height:0;
			visibility: hidden;
			
			
		}
		.nav li{
			float:left;
			margin-right:1px;
			color:#fff;
		}
		.nav li a{
			display:block;
			height:25px;
			width:75px;
			line-height:25px;
			text-align:center;
			text-decoration:none;
			margin-left:25px;
		}
		
		.nav li a:hover{background:#BB1F22;
			font-weight:bold;
			color:#ffffff;
			height:25px;
			border-radius:5px;
		}
		.active{
			background:#BB1F22;
			font-weight:bold;
			color:#ffffff;
			height:25px;
			border-radius:5px;
		}






.top{ width:100%;min-width: 1200px; height:91px; background:url(../images/bg_top.jpg) repeat-x; border-bottom:5px solid #BB1F22; }
	.top-tel{ position:absolute; top:0px; right:0px; }
	.top-tel span{ display:table-cell; height:36px; padding-left:10px; vertical-align:middle;  }
	.top-tel span.tel{ font:20px "Times New Roman", Times, serif; color:#BB1F22;  }
	.top-nub-rb{ position:absolute; bottom:4px; right:0px; }
	.menulist li{ float:left; }
	.menulist li a{ display:inline-block; position:relative; height:34px; padding:0px 22px; color:#333333; font-size:14px; font-weight:bold; line-height:34px; transition:all 0.2s ease 0s; }
	.menulist li a i{ display:inline-block; width:100%; height:10px; background:url(../images/icon_arrow_01.png) no-repeat center -10px;  transition:all 0.2s ease 0s;  } 
	.menulist li a:hover{  color:#fff;background-color:#A10000}
	.menulist li a:hover i{ background-position:center 0px; }
	.menulist li a.cur{ color:#fff;background-color:#A10000}

.bottom{  width:100%; height:100px; margin-top:30px; background-color:#FFFFFF;  color:#212a45; text-align:center;  }
	.bottom a{ color:#212a45; font-size:12px;  }
	.bottom a:hover{ text-decoration:underline; }
	.nav-bottom{ border-bottom:1px solid #dbdbdd; line-height:50px; font-size:0px; }
	.nav-bottom a{  padding:0px 19px; border-right:1px solid #c4c6cd; border-left:1px solid #5c6377;  }
	.nav-bottom a:first-child{ border-left:none;  }
	.nav-bottom a:last-child{ border-right:none;  }
	.copyright{ line-height:40px;  }
	.copyright span{ padding-left:12px; }

.banner-index{ position:relative; overflow:hidden; width:1200px; height:400px; margin:0px auto; }
	.banner-index .move-con{ position:relative; overflow:hidden; width:1200px; height:400px; }
	.banner-index .move-con ul{  position:relative; width:6000px; }
	.banner-index .move-con ul li{ float:left;  position:relative; overflow:hidden; width:1200px; height:400px; }
	.banner-index .move-nav{ position:absolute; bottom:14px; left:0px; width:100%; text-align:center; }
	.banner-index .move-nav span{ display:inline-block; width:10px; height:10px; margin:3px; background-color:#ffffff; cursor:pointer; }
	.banner-index .move-nav span.navon,.move-nav span:hover{ background-color:#BB1F22; }
.title-index{ margin-top:45px; }
	.title-index h1{ color:#000000; font-size:25px; line-height:36px; text-align:center; }
	.title-index h4{ position:relative;  color:#000000; font-size:12px; font-weight:normal; line-height:36px; text-align:center; word-spacing:10px; }
	.title-index h4 span{ position:relative; z-index:1; padding:0px 20px; background:url(../images/bg_body.jpg) repeat; }
	.title-index h4 p.line{ position:absolute; z-index:0; top:18px; left:0px; width:100%; border-top:1px solid #dcdcdc; }
.class-ul{ width:1200px; padding-bottom:50px; }
	.class-ul li{ float:left; width:280px; height:255px; margin:50px 10px 0px 10px;  border-bottom:5px solid #BB1F22;  }
	.class-ul li a{ display:block; width:100%; height:100%; background-color:#FFFFFF;  color:#000000; text-align:center; line-height:25px;  transition:all 0.2s ease 0s;  }
	.class-ul li:hover a{ background-color:#BB1F22;   color:#FFFFFF;   }
	.class-ul li .ch{ font-size:17px; font-weight:bold; padding-top:25px; }
	.class-ul li .en{ text-transform:uppercase; }
	.class-ul li img{ width:280px;height:180px }
.banner-in{ position:relative; overflow:hidden; width:1200px; height:250px; margin:0px auto; }
.mainin{ position:relative; overflow:hidden; width:1200px; min-height:350px; margin:30px auto 0px auto;   }
.inL{ width:250px; }
.inR{ width:900px; }
.title-class{ width:250px; height:80px; background:url(../images/bg_lt.jpg) no-repeat; }
	.title-class h1{ position:relative; overflow:hidden; width:250px; height:80px; background:url(../images/lt.png) no-repeat; line-height:900px; }
	.title-class h1.title-about{ background-position:center -480px; }
	.title-class h1.title-news{ background-position:center -80px; }
	.title-class h1.title-product{ background-position:center -160px; }
	.title-class h1.title-culture{ background-position:center 0px; }
	.title-class h1.title-recruit{ background-position:center -240px; }
	.title-class h1.title-marketing{ background-position:center -320px; }
	.title-class h1.title-contact{ background-position:center -400px; }
	.menu-l li{ padding-top:2px;  }
	.menu-l li a{ display:block; width:250px; height:30px; background:#FFFFFF url(../images/icon_arrow_02.png) no-repeat right top; border-bottom:2px solid #ffffff; color:#4c5459; font-size:13px; text-indent:12px; line-height:30px; }
	.menu-l li a:hover,.menu-l li a.cur{ background-position:right -34px; border-bottom:2px solid #BB1F22; color:#BB1F22;  }
.breadcrumbs{ border-top:6px solid #cfd6db; height:46px;  }
	.breadcrumbs span{ display:table-cell; vertical-align:bottom; height:46px; color:#333333; white-space:pre; }
	.breadcrumbs a{ color:#333333; }
	.breadcrumbs a:hover{ text-decoration:underline; }
	.cat span.ch{  font-size:20px; }
	.cat span.en{ padding-left:2px; color:#999999; font-family:微软雅黑; }
	.breadcrumbs span.iconcat{ color:#BB1F22; }
.page-list{ text-align:center; padding:35px 0px; }
	.page-list a{  display:inline-block; padding:0px 8px; height:20px; background:#FFFFFF; border:1px solid #d7d7d7; line-height:20px; color:#999999; font-family:宋体; margin-right:6px; }
	.page-list a:hover{ background:#BB1F22; border:1px solid #BB1F22; color:#FFFFFF; }
	.page-list a.on{ background:#eeeeee; border:1px solid #eeeeee; cursor:not-allowed; color:#999999; }
	.page-list a.num.on{ background:#d4d4d4; border:1px solid #d4d4d4; cursor:not-allowed; color:#999999; }
	.page-list span{  display:inline-block; padding:0px 8px; height:20px;background:#eeeeee; border:1px solid #eeeeee; line-height:20px; color:#999999; font-family:宋体; }	

/*page*/
.pagin{position:relative;margin-top:10px;padding:12px;}
.pagin .blue{color:#056dae;font-style:normal;}
.pagin .paginList{position:absolute;right:12px;top:0;}
.pagin .paginList .paginItem{float:left;}
.pagin .paginList .paginItem a{float:left;width:31px;height:28px;border:1px solid #DDD; text-align:center;line-height:30px;border-left:none;color:#3399d5;}
.pagin .paginList .paginItem:first-child a{border-left:1px solid #DDD;}
.pagin .paginList .paginItem:first-child a{border-bottom-left-radius:5px;border-top-left-radius:5px;}
.pagin .paginList .paginItem:last-child a{border-bottom-right-radius:5px;border-top-right-radius:5px;}
.pagin .paginList .paginItem.current,.pagin .paginList .paginItem.current a{background:#f5f5f5; cursor:default;color:#737373;}
.pagin .paginList .paginItem:hover{background:#f5f5f5;}
.pagin .paginList .paginItem.more,.pagin .paginList .paginItem.more a:hover{ cursor:default;}
.pagin .paginList .paginItem.more:hover{background:#FFF;}
.pagin .paginList .paginItem.more a{color:#737373;}
.pagepre{background:url(../images/pre.gif) no-repeat center center; width:31px; height:28px;}
.pagenxt{background:url(../images/next.gif) no-repeat center center; width:31px; height:28px;}



.con-about{ margin-top:30px; padding-bottom:50px; }
	.con-about img{ max-width:900px; }
.con-aboutshow{ margin-top:30px; }
.pic-list{ width:920px; }
	.pic-list li{ float:left; width:210px; height:245px; margin:0px 20px 20px 0px; }
	.pic-list li .imgbg{ position:relative; width:210px; height:210px; background:#dcdbdc url(../images/pic_no.png) no-repeat center center; }
	.pic-list li .imgbg .cover{ position:absolute; top:0px; left:0px; width:210px; height:210px; background:url(../images/bg_cover.png) repeat; opacity:0.6; }
	.pic-list li img{ width:210px; height:210px; }
	.pic-list li .title{ width:208px; height:33px; background:#FFFFFF; border:1px solid #dcdbdc; text-align:center; color:#000000; line-height:33px; }
	.pic-list li:hover .title{  background:#BB1F22; border:1px solid #BB1F22;  color:#ffffff;  }
	.pic-list li:hover .imgbg .cover{  opacity:1; }
.journal-list{ width:925px; }
	.journal-list li{ float:left; width:210px; height:330px; margin:0px 20px 20px 0px; }
	.journal-list li .imgbg{ position:relative; width:210px; height:295px;  background:#dcdbdc url(../images/pic_no.png) no-repeat center center; }
	.journal-list li img{  width:210px; height:295px;  }
	.journal-list li .title{  width:210px; height:33px; background:#FFFFFF; border:1px solid #dcdbdc; text-align:center; color:#000000; line-height:33px; }
	.journal-list li:hover .title{ background:#BB1F22; border:1px solid #BB1F22;  color:#ffffff; }	
.gallery_preload_area{display:none;}
.gallery_container{  }
.gallery_content{}
.gallery_thumbnail{ padding:14px; border:1px solid #cccccc; background:#ffffff; }
.gallery_preview{ width:870px; height:615px; position:relative; overflow:hidden; }
.gallery_preview a{ width:870px; height:615px; position:absolute; overflow:hidden; top:0px; left:0px; display:none; }
.gallery_preview a img{ width:870px; height:615px; margin:0px auto; }

.gallery_thumbnails{ width:898px; padding:14px 3px; margin-top:25px; border:1px solid #cccccc; background:#ffffff; }
.gallery_thumbnails_in{ position:relative; overflow:hidden; width:810px; height:85px; margin:0px auto; }
.gallery_thumbnails_in ul{ position:absolute; top:0px; left:0px; width:90000px; }
.gallery_thumbnails_in ul li{ float:left; }
.gallery_thumbnails_in a{ display:inline-block; float:left; height:81px; width:116px; border:2px solid #cccccc; margin:0px 7px 0px 8px;   }
.gallery_thumbnails_in a:hover{ border:2px solid #148ee1; }
.gallery_thumbnails_in a.selected{ border:2px solid #148ee1; }
.gallery_thumbnails_in a img{ height:81px; width:116px;}

.iconlr{ width:41px; height:85px; background:url(../images/icon_lr.png) no-repeat; cursor:pointer;  }
.iconl{ background-position:left top; }	
.iconl:hover{ background-position:left bottom; }
.iconr{ background-position:right top; }	
.iconr:hover{ background-position:right bottom; }		
.show-title{ padding-bottom:30px;  font-size:16px; font-weight:bold; color:#148ee1; line-height:25px; text-align:center; }
.show-titlenews{ padding:20px 0px 10px 0px;  font-size:16px; font-weight:bold; color:#A10000; line-height:25px;  }
.show-date{ color:#abaaaa; line-height:24px; }
.show-con{ padding:35px 0px; background:url(../images/bottom_line.gif) repeat-x left top; }
.vediobg{ width:660px; height:420px; border:1px solid #cecece; margin:0px auto; }
.sx{ position:relative; padding:15px 0px; margin-top:20px;  background:url(../images/bottom_line.gif) repeat-x left top;  }
	.sx p{ line-height:30px; color:#7c7c7c;   }
	.sx a{ color:#7c7c7c;  }
	.sx a:hover{ color:#BB1F22;  }
	.nosx:hover{ cursor:not-allowed;  }
.show-back{  margin-top:10px; height:22px; }
.show-back a{ float:right; display:block; width:60px; height:20px; background:#ffffff; border:1px solid #d4d4d4; text-align:center; color:#7c7c7c;  line-height:20px; transition:all 0.2s ease 0s;  }
	.show-back a:hover{ background:#BB1F22; color:#FFFFFF; }	
.map{ width:500px; height:520px; margin-top:40px; }
.info{ width:370px; margin-top:40px; }
.con-news .nocon{ padding-top:40px; }
.news-list{}
	.news-list li{ height:130px; }
	.news-list li a{ display:block; height:130px; background:url(../images/bottom_line.gif) repeat-x left bottom;  }
	.news-list li a:hover{ background:#f8f7f7;  }
	.news-list li img{ float:left; display:none; width:200px; height:130px;  margin-right:28px; }
	.news-list li:hover img{ display:block; }
	.news-list li .title{ padding-top:18px; color:#7c7c7c; font-size:14px; font-weight:bold; line-height:44px; }
	.news-list li .title .date{ font-size:12px; color:#abaaaa; }
	.news-list li .des{ color:#7c7c7c; font-size:12px; line-height:22px; }
	.news-list li:hover .title{ color:#BB1F22;  }
.dl-list{}
	.dl-list li{  padding-bottom:1px; background:url(../images/bottom_line.gif) repeat-x left bottom; }
	.dl-list li a{ display:block; padding:18px 0px; background:url(../images/icon_dl_02.png) no-repeat 6px center;  }
	.dl-list li a:hover{ background:url(../images/icon_dl_03.png) no-repeat 6px center;  }
	.dl-list li a span{ display:inline-block; height:13px; padding-right:26px; background:url(../images/icon_dl.png) no-repeat right top; color:#333333; font-size:13px; text-indent:20px; }
	.dl-list li a:hover span{ background-position:right bottom; color:#148ee1;   }

.job-wrap{ width:898px; border:1px solid #dcdbdc; border-bottom:none; }
	.jtd1{ width:298px; text-align:left; text-indent:35px; }
	.jtd2{ width:150px; text-align:center }
	.jtd3{ width:150px; text-align:center; }
	.jtd4{ width:150px; text-align:center;  }
	.jtd5{ width:150px; text-align:center; }
.jobtitle{width:898px; border-bottom:1px solid #dcdbdc;  }
	.jobtitle tr{ background:#e8e8e8; }
	.jobtitle tr th,.jobtitle tr td{ height:38px; line-height:38px; font-size:14px; color:#000000;   }
.joblist{ width:898px;border-bottom:1px solid #dcdbdc; cursor:pointer; }
	.joblist tr{ background:#ffffff; }
	.joblist tr:hover{ background:#f8f8f8; }
	.joblist tr td,.joblist tr td a{ height:28px; line-height:28px; font-size:12px; color:#000000;  }
	.joblist  .jtd1{ background:url(../images/icon_plus.png) no-repeat 14px center;  }
	.joblist.on tr td,.joblist.on tr td a{ color:#BB1F22;  }
	.joblist.on  .jtd1{ background:url(../images/icon_minus.png) no-repeat 14px center;  }
.job-des{ display:none; border-bottom:1px solid #dcdbdc; background:#FFFFFF;  }
.job-detail{ padding:32px;}