@charset "utf-8";
/* CSS Document */
body{
	padding:0;
	margin:0;
	background:url(../images/body_bg.jpg) repeat-x #FFF;
	color:#292929;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
}
div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, form, label, input, textarea, img, span, em, strong{
	margin:0; padding:0; font-style:normal;
}

ul, ol, li{
	margin:0; 
	padding:0; 
	list-style:none;
	font-size:12px;
}
a{
  color:#4A4A4A;
	text-decoration:none;
} 
a:hover{
  color:#000;
	text-decoration:underline;
	outline: none;
}

/* General Classes */
.clear {clear: both;}
.align-left {float: left;}
.align-right {float: right;}
.m-t-8 {margin-top:8px;}
.m-r-8 {margin-right:8px; display:inline;}
.m_10{margin-top:10px;}
.position{position:relative;}
.none{display:none}
/* Body - header */
#body_wrap{
  width:900px;
	height:auto;
	margin:0 auto;
}
.header{
	width:900px;
	height:118px;
	position:relative;
	z-index:101;
}
.header h1{
	width:282px;
	height:118px;
	background:url(../images/logo.png) 0 0 no-repeat;
	overflow:hidden;
	float:left;
}
.header h1 a{
	width:282px;
	height:118px;
	text-indent:-10000px;
	display:block;
}
.header p.tips{
	width:310px;
	height:18px;
	line-height:18px;
	font-weight:bold;
	padding-top:37px;
	background:url(../images/top.gif) no-repeat;
	position:absolute;
	z-index:1001;
	right:0px;
	top:0px;
}
.header p.tips span.tel{
	width:120px;
	padding-left: 35px;
	float: left;
}
.header p.new{
	width:33px;
	height:22px;
	position:absolute;
	background:url(../images/new.png) no-repeat;
	z-index:1003;
	right:0px;
	top:72px;
}
.header ul.menu{
  width:592px;
	height:33px;
	position:absolute;
	z-index:1002;
	right:0px;
	bottom:0px;
}
.header ul.menu li{
  width:auto;
	height:33px;
	margin-right:2px;
	float:left;
}
.header ul.menu li a{float:left;}
.header ul.menu li a span{
  width:90px;
	height:33px;
	font-family:"Arial Black", Gadget, sans-serif;
	color:#292929;
	font-size:14px;
	line-height:33px;
	text-align:center;
	padding:0px 6px 0px 12px;
	cursor:hand;
	background:url(../images/anav_left.jpg) left top no-repeat;
	float:left;
}
.header ul.menu li a em{
  width:6px;
	height:33px;
	background:url(../images/anav_right.jpg) right top no-repeat;
	float:left;
}
.header ul.menu li a:hover{text-decoration:none;}
.header ul.menu li a:hover span, .header ul.menu li a.hover span{
	color:#FFF;
	background:url(../images/nav_left.jpg) left top no-repeat;
}
.header ul.menu li a:hover em, .header ul.menu li a.hover em{
	background:url(../images/nav_right.jpg) right top no-repeat;
}
.menu li ul{
	position:absolute;
	width:140px;
	height:auto;
	border:1px solid #BCBCBC;
	background:#E8E8E8;
	left:1px;
	top:31px;
	display:none;
	border-bottom:none;
}
.menu li ul li{ width:140px; height:33px; line-height:33px; position:relative; }
.menu li ul li a{ width:130px; height:33px; font-size:12px; padding:0px 5px 0px 5px; border-bottom:1px solid #BCBCBC; overflow:hidden;}
.menu li ul li a:hover{ color:#FFF; background:#E90201;}
.menu li ul li ul{ position:absolute; left:140px; top:-1px; display:none;}

/* banner */
.banner{
  width:900px;
	height:140px;
	margin-top:8px;
	z-index:1001;
	float:left;
}
.banner .swiper-container{
	--swiper-theme-color: #E90201;/* 设置Swiper风格 */
	--swiper-navigation-color: #fff;/* 单独设置按钮颜色 */
	--swiper-navigation-size: 30px;/* 设置按钮大小 */
}
.banner .swiper-container .hide{
	opacity: 0;
}
.banner .swiper-button-next,
.banner .swiper-button-prev{
	transition: opacity 0.5s;
	color: #E90201;
}
.banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next {
	left: 1%;
}
.banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev {
	right: 1%;
}
.banner .swiper-button-prev, .banner .swiper-container-rtl .swiper-button-next:focus,
.banner .swiper-button-next, .banner .swiper-container-rtl .swiper-button-prev:focus {
	outline: none;
}
.banner .swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	transition: 300ms;
}
.banner .swiper-slide img, .banner .swiper-slide a {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.banner .swiper-pagination .swiper-pagination-bullet {
	margin: 0 6px;
	display: inline-block;
	border-radius: 50%;
	outline: none;
	cursor: pointer;
	opacity: 100;
}
.banner .swiper-pagination .swiper-pagination-bullet{
	background-color: #fff;
}
.banner .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {
	background-color: #E90201;
}

/* main_wrap */
.main_wrap{
  width:900px;
	height:auto;
	margin-top:8px;
	float:left;
}
/* left */
.left_wrap{
  width:242px;
	height:auto;
	float:left;
}
.right_wrap{
  width:650px;
	height:auto;
	float:left;
}
.email, .list_menu{
  width:242px;
	height:auto;
	float:left;
}
.email h2, .list_menu h2{
  width:228px;
	height:32px;
	color:#FFF;
	font-size:14px;
	line-height:30px;
	background:url(../images/left_title.jpg) no-repeat;
	padding-left:14px;
	float:left;
}
.email ul{
  width:218px;
	height:auto;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #E3E3E3;
	padding:0px 6px 5px 16px;
	float:left;
}
.email ul form{
  width:218px;
	height:auto;
	float:left;
}
.email ul form label{
  width:64px;
	height:auto;
	line-height:18px;
	margin-top:6px;
	float:left;
}
.email ul form input.e_txt{
  width:140px; 
	height:18px;
	color:#606060;
	font-size:12px;
	line-height:18px;
	border:1px solid #9F9F9F;
	padding-left:2px;
	margin-top:6px;
	outline: none;
	float:left;
}
.email ul form input.e_hover{
  width:68px;
	height:20px;
	background:#F2F2F2;
	font-size:12px;
	line-height:16px;
	border:1px solid #9F9F9F;
	margin-top:6px;
	float:left;
}
.email ul form input.e_m_64{margin-left:64px; display:inline;}
.email ul form input.e_m_8{margin-left:8px; display:inline;}

.email ul span{
  width:200px;
	height:auto;
	line-height:24px;
	background:url(../images/hy.gif) 0px 4px no-repeat;
	margin-top:8px;
	padding-left:18px;
	float:left;
}

.list_menu ol{
  width:228px;
	height:162px;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #E3E3E3;
	padding:6px;
	overflow:hidden;
	float:left;
}
.list_menu dl{
  width:228px;
	height:auto;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #E3E3E3;
	padding:0px 6px 6px 6px;
	float:left;
}
.red{color:#FF0000}
.list_menu dl dt{
  width:222px;
	height:22px;
	line-height:22px;
	font-weight:bold;
	background:url(../images/list_menu.jpg) no-repeat;
	padding-left:6px;
	margin-top:8px;
	float:left;
}
.list_menu dl dt span{
  width:auto;
	height:22px;
	font-size:10px;
	line-height:22px;
	font-weight:100;
	padding-right:6px;
	float:right;
}
.list_menu dl dd{
	width:228px;
	height:auto;
	margin-top:6px;
	float:left;
}
.list_menu dl dd a{
  width:228px;
	height:29px;
	float:left;
}
.list_menu dl dd a span{
  width:25px;
	height:25px;
	background:url(../images/list_a_bg.jpg) no-repeat;
	margin-left:8px;
	padding:2px;
	display:inline;
	float:left;
}
.list_menu dl dd a em{
  width:185px;
	height:29px;
	line-height:29px;
	margin-left:6px;
	display:inline;
	cursor:hand;
	float:left;
}
.list_menu dl dd a:hover, .list_menu dl dd a.hover{
  width:228px;
	height:29px;
	color:#FA1F20; 
	font-weight:bold;
	float:left;
}
.list_menu dl dd a:hover span, .list_menu dl dd a.hover span{background:url(../images/list_ahover_bg.jpg) no-repeat;}

/* right */
.list_news{
  width:341px;
	height:auto;
	float:left;
}
.list_news h2{
  width:327px;
	height:32px;
	color:#FFF;
	font-size:14px;
	line-height:30px;
	background:url(../images/right_title1_1.jpg) no-repeat;
	padding-left:14px;
	float:left;
}
.login{
  width:301px;
	height:auto;
	float:left;
}
.login h2{
  width:287px;
	height:32px;
	color:#FFF;
	font-size:14px;
	line-height:30px;
	background:url(../images/right_title1_2.jpg) no-repeat;
	padding-left:14px;
	float:left;
}
.list_news h2 span, .login h2 span{
  width:auto;
	height:32px;
	color:#FFF;
	font-size:10px;
	line-height:30px;
	font-weight:100;
	padding-right:12px;
	float:right;
}
.list_news h2 span a, .login h2 span a, .list_news h2 span a:hover, .login h2 span a:hover{color:#FFF}
.list_news ul, .login ul{
  width:auto;
	height:auto;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #E3E3E3;
	float:left;
}
.list_news ul{
  width:319px;
	padding:7px 10px 7px 10px;
}
.list_news ul li{
  width:307px;
	line-height:22px;
	background:url(../images/d.gif) 4px 10px no-repeat;
	border-bottom:1px dashed #C4C4C4;
	padding-left:12px;
	float:left;
}
.list_news ul li span{
  width:auto;
	color:#999;
	line-height:22px;
	padding-right:2px;
	float:right;
}
.list_news ul li em{
  width:240px;
	white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
	float:left;
}
.login ul{
  width:299px;
	height:83px;
	background:url(../images/form_bg.gif) right 1px no-repeat;
}
.login ul form{
  width:271px;
	height:auto;
	padding:14px;
	float:left;
}
.login ul form p{
  width:271px;
	height:25px;
	overflow:hidden;
	float:left;
}
.login ul form p span{
  width:271px;
	height:25px;
	font-size:10px;
	line-height:18px;
	font-weight:bold;
	display:block;
	float:left;
}
.login ul form label{
  width:42px;
	color:#E7260D;
	line-height:27px;
	float:left;
}
.login ul form input.txt{
  width:164px; 
	height:23px;
	color:#606060;
	font-size:14px;
	line-height:22px;
	border:2px solid #9F9F9F;
	background:url(../images/input_bg.jpg) repeat-x #FFF;
	padding-left:2px;
	outline: none;
	float:left;
}
.login ul form input.hovertxt{
  width:164px; 
	height:23px;
	color:#606060;
	font-size:14px;
	line-height:22px;
	border:2px solid #E60102;
	background:url(../images/input_bg.jpg) repeat-x #FFF;
	padding-left:2px;
	outline: none;
	float:left;
}
.login ul form input.over{
	width:51px;
	height:27px;
	color:#FFF;
	font-size:14px;
	line-height:27px;
	font-weight:bold;
	background:url(../images/a_input.gif) no-repeat;
	border:0px;
	margin-left:5px;
	cursor:pointer;
	outline: none;
	float:left;
}
.login ul form input.hoverover{
	width:51px;
	height:27px;
	color:#FFF;
	font-size:14px;
	line-height:27px;
	font-weight:bold;
	background:url(../images/ahover_input.gif) no-repeat;
	border:0px;
	margin-left:5px;
	cursor:pointer;
	outline: none;
	float:left;
}

.pr_img_list, .corporate, .affais, .links, .Certificate{
  width:650px;
	height:auto;
	float:left;
}
.pr_img_list h2, .corporate h2, .affais h2, .links h2, .Certificate h2{
  width:636px;
	height:32px;
	color:#FFF;
	font-size:14px;
	line-height:30px;
	background:url(../images/right_title2.jpg) no-repeat;
	padding-left:14px;
	float:left;
}
.pr_img_list h2 span, .corporate h2 span, .affais h2 span, .links h2 span, .Certificate h2 span{
  width:auto;
	height:32px;
	color:#FFF;
	font-size:10px;
	line-height:30px;
	font-weight:100;
	padding-right:12px;
	float:right;
}
.pr_img_list h2 span a, .corporate h2 span a, .affais h2 span a, .pr_img_list h2 span a:hover, .corporate h2 span a:hover, .affais h2 span a:hover{color:#FFF}
.pr_img_list ul, .corporate ul{
  width:620px;
	height:auto;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #E3E3E3;
	padding:14px;
	float:left;
}

#demo{
  overflow:hidden;
  width:620px;
	height:146px;
}
#demo img {border:0px; max-width: 140px; max-height: 140px;}

.corporate ul{height:152px; overflow:hidden}
.corporate ul span{
  width:620px;
	height:148px;
	line-height:18px;
	text-align:justify;
	overflow:hidden;
	float:left;
}
.corporate ul span img{
  width:146px;
	height:146px;
	border:1px solid #E3E3E3;
	margin-right:10px;
	display:inline;
	float:left;
}
.corporate ul span strong{color:#F00;}
.affais ul{
  width:624px;
	height:auto;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #E3E3E3;
	padding:12px;
	float:left;
}
.affais ul{overflow:hidden;}
.affais ul li{
	width:200px;
	height:138px;
	margin:0px 4px 0px 4px;
	display:inline;
	float:left;
}

.links ul{
  width:624px;
	height:auto;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #E3E3E3;
	padding:12px;
	float:left;
}
.links ul{overflow:hidden}
.links ul li{
	width:150px;
	height:80px;
	margin:0px 3px 0px 3px;
	display:inline;
	overflow:hidden;
	float:left;
}
.links ul li a img{border:0px;}

.Certificate ul{
  width:624px;
	height:auto;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #E3E3E3;
	padding:12px;
	float:left;
}
.Certificate ul{overflow:hidden}
.Certificate ul li{
	width:150px;
	height:212px;
	margin:0px 3px 0px 3px;
	display:inline;
	overflow:hidden;
	float:left;
}
.links ul li a img{border:0px;}

/* all_box */
.product_box, .news_box, .contact_box, .about_box, .login_box{
  width:650px;
	height:auto;
	float:left;
}
.product_box h2, .news_box h2, .contact_box h2, .about_box h2, .login_box h2{
  width:636px;
	height:32px;
	color:#FFF;
	font-size:14px;
	line-height:30px;
	background:url(../images/right_title2.jpg) no-repeat;
	padding-left:14px;
	float:left;
}
.product_box h2 span, .news_box h2 span, .contact_box h2 span, .about_box h2 span, .login_box h2 span{
  width:auto;
	height:32px;
	color:#FFF;
	font-size:12px;
	line-height:30px;
	font-weight:100;
	padding-right:12px;
	float:right;
}
.product_box h2 span a, .product_box h2 span a:hover, .news_box h2 span a, .news_box h2 span a:hover, .contact_box h2 span a, .contact_box h2 span a:hover, .about_box h2 span a, .about_box h2 span a:hover, .login_box h2 span a, .login_box h2 span a:hover{color:#FFF; text-decoration:underline;}
.product_box ul, .news_box ul, .contact_box ul, .about_box ul, .login_box ul{
  width:620px;
	 height:auto;
	 border-right:1px solid #E3E3E3;
	 border-bottom:1px solid #E3E3E3;
	 border-left:1px solid #E3E3E3;
	 padding:14px;
	 overflow:hidden;
	 float:left;
}

.about_box ul span{line-height:20px;}

.news_box ul li{
  width:608px;
	font-size:14px;
	line-height:30px;
	background:url(../images/d.gif) 4px 14px no-repeat;
	border-bottom:1px dashed #DCDCDC;
	padding-left:12px;
	float:left;
}
.news_box ul li span{
  width:auto;
	color:#BFBFBF;
	font-size:12px;
	line-height:30px;
	padding-right:2px;
	float:right;
}
.news_box form{width:620px; margin-top:10px; line-height:30px; text-align:center; float:left} 

/* index_products_box */
.index_products_box{
  width:900px;
	height:auto;
	margin-top:8px;
	float:left;
}
.index_products_box h2{
  width:886px;
	height:32px;
	color:#FFF;
	font-size:14px;
	line-height:30px;
	background:url(../images/right_title3.jpg) no-repeat;
	padding-left:14px;
	float:left;
}
.index_products_box h2 span{
  width:auto;
	height:32px;
	color:#FFF;
	font-size:12px;
	line-height:30px;
	font-weight:100;
	padding-right:12px;
	float:right;
}
.index_products_box ul{
  width:870px;
	height:auto;
	border-right:1px solid #E3E3E3;
	border-bottom:1px solid #E3E3E3;
	border-left:1px solid #E3E3E3;
	padding:14px;
	overflow:hidden;
	float:left;
}
.index_products_box p{
  width:284px;
	height:auto;
	float:left;
}
.index_products_box ul p a{
	width:158px;
	height:22px;
	color:#000;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	line-height:22px;
	background:url(../images/pr_hover.jpg) no-repeat;
	display:block;
	text-decoration:none;
}
.index_products_box ul p a:hover, .index_products_box ul p a.hover{
	color:#FFF;
	background:url(../images/pr_ahover.jpg) no-repeat;
	text-decoration:none;
}
/* page */
.page{
	width:620px; 
	margin-top:20px;
	font-size:12px;
	text-align:center;
	float:left;
}
.page input{font-size:11px;}
/* copyright */
.copyright{
  width:900px;
	height:70px;
	color:#8F8F8F;
	text-align:center;
	line-height:20px;
	background:url(../images/bottom.jpg) no-repeat;
	margin-top:10px;
	padding-top:10px;
	float:left;
}