@charset "gb2312";
/* CSS Document */
*{ padding:0px; margin:0px;}
body{ font-size:12px; font-family:"΢ÈíÑźÚ","ËÎÌå"; background:#fefefe;}
a{ text-decoration:none;cursor:pointer;} 
dl,ol,ul li{ list-style:none;}
img{ border:0px;}
input,img,textarea{ vertical-align:middle;}
input:focus{outline:none;}
button:focus{outline:none;}
.clear{ clear:both; height:0px; overflow:hidden;}
.clearfix:after{ content:""; height:0px; display:block; clear:both; visibility:hidden;}
.clearfix{ *zoom:1;}
.wid{ float:left; width:100%;}
.wids{ width:1200px; margin:0 auto; overflow:hidden;}
.wid2{ float:left; width:100%; background:#30323e;}

/*top*/
.top{ width:1200px; height:99px; margin:0 auto;}
.logo{ float:left;}
.logo img{ padding:15px 0px;}
.nav{ float:right;}
.nav ul{ float:left;}
.nav ul a{ float:left; margin-left:30px; margin-top:20px; height:79px; line-height:79px; color:#000; font-size:15px;}
.nav ul a:hover{ border-bottom:2px solid #bc0015;}

/*banner*/
.banner{ float:left; width:100%; height:485px; position:relative; overflow:hidden;}
.banner a { width:100%; height:485px; position:absolute; top:0px; left:0px;}
.banner a img { width:1920px; left:50%; height:485px; margin-left:-960px; position:relative;}
.banner .bannleft{ position:absolute; width:45px; height:60px; left:5%; margin-top:220px; cursor:pointer;}
.banner .bannright{ position:absolute; width:45px; height:60px; right:5%; margin-top:220px;cursor:pointer;}
.banner .banner-num{position:absolute;z-index:2;left:50%; margin-left:-50px;bottom:30px;}
.banner .banner-num span{cursor:pointer;display:inline-block;width:12px;height:12px; border-radius:12px;text-align:center;margin-right:10px;background:#fff; color:#fff;}
.banner .banner-num span.current{background:#f00;}

.navt{ float:left; width:100%; height:45px; background:#d6d6d6;}
.navt ul{ width:1200px; height:45px; margin:0 auto; background:#363e45;}
.navt ul li{ float:left; width:150px; line-height:45px; text-align:center; font-size:14px; color:#fff;cursor:pointer; position:relative; border-right:1px solid #fff;}

.navt ul li span{ width:150px; background:rgba(0,0,0,0.7); display:none; position:absolute; bottom:45px; left:0px; padding-bottom:20px;}
.navt ul li span img{ float:left; width:140px; padding-left:5px; padding-top:5px; margin-bottom:20px;}
.navt ul li span a{ float:left; width:150px; font-size:12px; line-height:32px; color:#fff;}
.navt ul li span a:hover{ text-decoration:underline; color:#f00;}
.navt ul li:nth-of-type(8){ width:143px; border-right:none;}
.navt ul li:nth-of-type(8) span{ width:143px;}
.navt ul li:nth-of-type(8) span img{ width:133px;}
.navt ul li:hover{ background:#bc0015}
.navt ul li:hover span{ display:inline-block;}

/*index*/
.inabout{ width:1200px; margin:0 auto; overflow:hidden;}
.inabout h2{ float:left; width:100%; overflow:hidden;}
.inabout h2 dl{ float:left; width:400px; margin-top:40px; margin-bottom:20px;}
.inabout h2 dl dt{ float:left; width:100%; font-size:24px; text-align:left;}
.inabout h2 dl dd{ float:left; width:100%; color:#e9001a; font-size:18px; text-align:left;}
.inabout h2 span{ float:right; width:288px; height:38px; line-height:38px; font-weight:normal; text-indent:55px; font-size:14px; color:#fff; background:#363e45 url(../images/icon.png) 30px no-repeat; margin-top:40px;}

.box{ float:left; width:100%;}
.box a{ float:left; width:382px; height:270px; padding-right:27px; position:relative;}
.box a img{ float:left; width:382px; height:240px;}
.box a span{ float:left; width:280px; font-size:14px; line-height:45px; color:#fff; text-align:center; position:absolute; left:50px; bottom:10px; background:#363e45;}
.box a b{ float:left; width:280px; height:10px; background:url(../images/icon2.png) no-repeat; background-size:contain; position:absolute; left:50px; bottom:0px;}
.box a:nth-of-type(3){ padding-right:0px;}
.box a:hover span{ color:#fff; background:#bc0015;}

.innews{ float:left; width:100%; height:460px; background:url(../images/newbg1.jpg) no-repeat; background-size:cover; margin-top:50px;}
.newbox{ width:1140px; padding:0px 30px; height:336px; margin:0 auto; background:#fff url(../images/newbg2.png) right no-repeat; margin-top:65px;}
.newbox h2{ float:left; width:100%; margin-top:40px;}
.newbox h2 span{ float:left; font-size:18px; color:#e9001a; margin-right:10px;}
.newbox h2 b{ float:left; font-size:17px; color:#000;}
.newbox h2 a{ float:right; width:120px; font-size:14px; line-height:35px; color:#fff; text-align:center; background:#bc0015; font-weight:normal;}
.newbox h2 a:hover{ background:#000;}

.newlist{ float:left; width:100%; margin-top:20px;}
.newlist a{ float:left;}
.newlist a img{ float:left; width:245px; height:200px; padding-right:30px;}
.newlist a h3{ float:left; width:865px; font-size:18px; padding:15px 0px; color:#000;}
.newlist a p{ float:left; width:865px; font-size:17px; line-height:32px; color:#000;}
.newlist a:hover h3{ color:#bc0015;}

.yyly{ width:1200px; margin:0 auto;}
.yyly h2{ float:left; width:100%; overflow:hidden; margin-top:20px;}
.yyly h2 dl{ float:left; width:400px; margin-top:30px; margin-bottom:30px;}
.yyly h2 dl dt{ float:left; width:100%; font-size:24px; text-align:left;}
.yyly h2 dl dd{ float:left; width:100%; color:#e9001a; font-size:18px; text-align:left;}
.yyly h2 a{ float:right; width:120px; height:38px; line-height:38px; font-size:14px; color:#fff; text-align:center; margin-top:40px; background:#000;}
.yyly h2 a:hover{ background:#bc0015;}

.yyly ul{ float:left; width:100%;}
.yyly ul a{ float:left; width:286px; height:215px; padding-right:18px; margin-bottom:30px; position:relative;}
.yyly ul a img{ float:left; width:286px; height:205px;}
.yyly ul a span{ float:left; width:284px; margin-left:1px; line-height:45px; font-size:14px; text-align:center; background:rgba(0,0,0,0.7); color:#fff; position:absolute; bottom:10px; left:0px;}
.yyly ul a b{ float:left; width:286px; height:10px; background:url(../images/icon2.png) no-repeat; background-size:contain; position:absolute; left:0px; bottom:0px;}
.yyly ul a:nth-of-type(4n){ padding-right:0px;}
.yyly ul a:hover span{ background:rgba(188,0,21,0.9);}

/*bottom*/
.bottom{ float:left; width:100%; background:url(../images/bottombg.jpg); margin-top:100px;}
.foot{ width:1200px; margin:0 auto; position:relative; padding-bottom:50px; overflow:hidden}
.box5{ float:left; width:380px; margin-top:50px;}
.links{ float:left; width:100%; margin-bottom:20px;}
.links1{ float:left; width:100%;}
.links1 dl{ float:left; width:100%; margin-bottom:7px;}
.links1 dl dt{ float:left; font-size:14px; color:#fff;}
.links1 dl dd{ float:left; font-size:14px; color:#fff;}
.links1 dl dd a{ color:#fff;}
.links2{ float:left; width:100%; margin-top:20px;}
.links2 a{ float:left; margin-right:10px;}
.links2 a:nth-of-type(1){ margin-left:25px;}
.box6{ float:left; width:250px; margin-top:60px;}
.box6 h3{ float:left; width:100%; font-size:18px; color:#fff; font-weight:normal; margin-bottom:25px;}
.box6 a{ float:left; width:50%; color:#fff; font-size:14px; margin-bottom:15px;}
.box6 a:hover{ text-decoration:underline;}

.box8{ float:left; width:120px; margin-top:60px; margin-left:70px;}
.box8 h3{ float:left; width:100%; font-size:18px; color:#fff; font-weight:normal; margin-bottom:25px;}
.box8 a{ float:left; width:100%; color:#fff; font-size:14px; margin-bottom:15px;}
.box8 a:hover{ text-decoration:underline;}

.box7{ float:right; width:270px; margin-top:60px;}
.box7 dl{ float:left; width:120px;}
.box7 dl dt{ float:left; width:100%; height:120px; background:#fff;}
.box7 dl dd{ float:left; width:100%; text-align:center; line-height:35px; color:#fff;}
.box7 dl dt img{ float:left; width:120px; height:120px;}
.box7 dl:nth-of-type(1){ margin-right:30px;}





/* content */
.con{ margin:0 auto; margin-top:12px; width:1200px;}
.link1{ float:left; width:512px; height:500px; padding:5px; border:1px solid #cacaca; font-family:"΢ÈíÑźÚ"; color:#040404;}
.link1 a:hover{ color:#000;}
.p05{ line-height:55px; font-size:30px;}
.link1 span{ font-size:18px;}
.link2{ float:right; width:513px; height:233px; padding:5px; border:1px solid #cacaca; font-family:"΢ÈíÑźÚ"; color:#040404;}
.link2 span{ float:left; width:370px; margin:8px 0 0 16px; line-height:21px;}
.img1{ float:right; padding:5px;  border:1px solid #cacaca; margin-left:8px; margin-top:10px;}

/* ×ÓÒ³ */
.name{ width:100%; height:170px; background:url(../images/bg_name.jpg) repeat-x;}
.main_top{ width:1200px; margin:0 auto;}
.main_top h2{ float:left; width:100%; overflow:hidden;}
.main_top h2 dl{ float:left; width:400px; margin-top:55px; margin-bottom:30px;}
.main_top h2 dl dt{ float:left; width:100%; font-size:24px; text-align:left;}
.main_top h2 dl dd{ float:left; width:100%; color:#e9001a; font-size:18px; text-align:left;}
.main_top h2 span{ float:right; width:515px; height:170px;}
.main_top h2 span img{ float:left; width:100%; height:170px;}

.about_p{ float:left; width:385px; margin-left:40px; font-size:14px; line-height:30px; margin-top:20px;}
.btn{ margin:40px auto; width:510px;}
.btn a{ float:left; display:block; margin:0 15px;}

.a1{ float:left; display:block; margin:30px 0 0 15px;}
.a2{ float:left; display:block; margin:30px 0px 0 15px;}
.right{ float:right; width:920px;}
.right li{ float:left; width:920px; height:45px;border-bottom:1px dotted #ccc; font-size:14px;}
.right li a{ float:left; width:780px; line-height:45px; text-indent:20px; background:url(../images/bg_a.jpg) left no-repeat; color:#000; display:block;}

.p06{ font-size:14px; line-height:30px; font-weight:normal;}
.p_pro{ float:left; padding-left:10px; width:1190px; height:45px; line-height:45px; background:#000; color:#fff; font-size:24px; font-family:"΢ÈíÑźÚ"; margin-top:20px;}
.p_b{ float:left; width:1200px; height:5px; background:#26845f;}
.pro{ margin-top:15px; width:1198px; height:258px; border:1px solid #a4a4a4;}
.pro p{ float:left; margin:30px 0 10px 15px; font-size:22px; font-family:"΢ÈíÑźÚ";}
.pro span{ float:left; margin-left:15px; display:block; width:600px; font-size:14px; line-height:31px;}

.pro_in{ float:left; width:1198px; border:1px solid #000; border-top:0;}
.pro_in p{ margin:10px auto; width:1175px; line-height:28px; font-size:14px;}
.ul01{ float:left; border-left:1px solid #cacaca; width:1198px!important;}
.ul01 li{ float:left; width:298px; height:410px; border-right:1px solid #cacaca; border-bottom:0; text-align:center; background:url(../images/bg_pro.jpg) bottom no-repeat;}
.ul01 li a{ display:block; margin:0 auto; padding:0; background:none; width:250px; line-height:24px; font-size:13px; color:#000;}
.ul01 li img{ width:250px; height:250px; margin-top:17px;}
.ul01 li:nth-of-type(1){ width:300px;}
.ul01 li:nth-of-type(5){ width:300px;}
.img2{ width:67px!important; height:19px!important; margin-bottom:15px;}
.detail{ float:left; width:950px; margin-top:20px;}
.detail p{ height:34px; border-bottom:1px solid #26845f; font-size:22px; color:#040404; font-family:"΢ÈíÑźÚ";}
.detail span{ display:block; margin-top:5px; line-height:24px; font-size:13px;}
.detail ul li a{ color:#000;}

.page{ margin:0 auto; line-height:100px; clear:both; text-align:center; font-size:14px;}
h2{ text-align:center;}
.liulan{ display:block; margin:0 auto; text-align:center; border-bottom:1px dotted #000; line-height:25px; font-size:14px; padding-bottom:20px; margin-bottom:20px;}

table{ font-size:14px;}

.detail li{ margin:12px 0 0 4px; width:210px; height:28px; line-height:28px; background:url(../images/li01_left.jpg) no-repeat; font-size:14px; font-weight:bold;}
.detail li a{ display:block; padding-left:22px; width:188px; height:28px; line-height:28px; background:url(../images/li01_left.jpg) no-repeat; font-size:14px; font-weight:bold;}
.detail li a:hover{ background:url(../images/li02_left.jpg) no-repeat; color:#2b7f2a;}

.page{ float:left; width:100%; line-height:25px; font-size:14px; color:#000; text-align:left;}
.page a{ color:#000}

/* ´óͼÇл» */
.m_banner{ background:#1e0703;height:563px; position:relative;}
.m_banner .banner{height:563px;width:100%; position:absolute;top:0;left:0; background-position:center top;}
.banner_ctrl{ height:100px;width:1000px;position:absolute;top:50%;left:50%;margin:-50px 0 0 -500px;z-index:2;}
.banner_ctrl a{ display:block;width:30px;height:100px; background:url(../images/banner_ctrl.png) no-repeat; position:absolute; opacity:.1;filter: alpha(opacity=10); -moz-opacity:0.1;}
.banner_ctrl a.prev{left:-30px;}
.banner_ctrl a.next{right:-30px; background-position:-30px 0;}
.m_banner .banner .main_c{ position:relative;z-index:10;height:388px;}


/* µ¼º½ÏÂÀ­²Ëµ¥ */
#nav {
	width:800px; height:43px;
	position:relative; float:left;
	/*z-index:800;*/
	z-index:10; /* modify by Hu 2011-07-01 */
}

#nav #utilityNav {
	position:absolute;
	top:0;
	right:0;
	width:800px;
	height:43px;
	z-index:9999;
}

#nav #utilityNav .navInner {
	width:800px;
	height:43px;
}

#nav #utilityNav .navInner .mackup{float:left; margin-right:28px; line-height:43px; font-size:15px; font-family:"΢ÈíÑźÚ";}
#nav #utilityNav .navInner .mackup a{
	display:block;
	color:#000;
}
#nav #utilityNav .navInner .mackup a:hover{display:block; margin-right:28px; color:#258a5e;}
#nav #utilityNav .navBanner div div {
	position:relative;
	background:#fff;
	border:1px solid #258a5e;
	width:500px;
	z-index:888;
	overflow:hidden;
	display:none;
	float:left;
}

#nav #utilityNav .navBanner div .openSubMenu {
	display:block;
}

#nav #utilityNav .navBanner div div ul {
	width:140px;
	background:#fff;
	float:left;
	display:block;
}

#nav #utilityNav .navBanner .mackup .subNavMenu {
	padding-top:5px;
	padding-bottom:15px;
}
#nav #utilityNav .navBanner .mackup .subNavMenu li{ float:left;}
#nav #utilityNav .navBanner .mackup .subNavMenu li:hover{ width:200px; height:38px;}



#nav #utilityNav .navBanner div div li {
	height:38px;
	float:left;
}

#nav #utilityNav .navInner .on div a {
	background:none;
	line-height:38px;
	width:200px;
	text-align:left;
	padding-left:10px;
}

#v #utilityNav .navInner div.on div a {
	background:#f8f6f2;
	width:200px;
	height:38px;
	color:#ce9926;
}

#nav #utilityNav .navInner .on div a:hover {
	background:#258a5e;
	width:200px;
	height:38px;
	color:#000;
}

#nav #utilityNav .navInner div.on div .open a {
	font-size:12px;
	float:left;
}

#nav #utilityNav .navBanner div div .open a:hover {
	background:url(../images/on_bg.gif) no-repeat;
}

#nav #utilityNav .navInner .on div div a {
	width:337px;
	height:263px;
	padding:0;
	
}

#nav #utilityNav .navInner div div .on .hotProduct {
	display:block;
	background:none;
	width:350px;
	height:350px;
	border:0;
	float:right;
	position:absolute;
	top:10px;
	right:-45px;
}