﻿@charset "utf-8";







body { margin:0px; padding:0px; color:#333; font-size:12px;  background: #FFF; font-family:'微软雅黑';}







h1,h2,h3,h4,h5,h6{margin:0; padding: 0; font-weight:normal}

a:hover{text-decoration:none;}






ul,li{list-style:none; padding:0px; margin:0px;}



em { display:block; font-size:10px; font-weight:normal; font-style:normal; margin-top:-4px; }



.w1200 { width:1200px; margin-left:auto; margin-right:auto}







.border-none { border-right:none;}







.clear{ clear:both; line-height:0; font-size:0; overflow: hidden;}







.fl{ float:left}







.fr{ float:right}



.head{ width:100%;min-width:1200px}



.topbar{ height:36px; background-color:#f8f7f7; border-bottom:1px solid #e9e8e8; width:100%;min-width:1200px; font-size:12px}



.leftbar{ float:left; color:#999;}



.rightbar{ float:right; margin-right:2px}



.leftbar li{ float:left; margin-right:15px; text-indent:20px; border-right:1px solid #dedede; padding:0 15px 0 0; margin-top:12px; height:13px; line-height:13px;position:relative}



.icon-phone{ background:url(../images/tel.png) 0 1px no-repeat}



.icon-email{ background:url(../images/email.png) 0 2px no-repeat}



.rightbar li{ float:left; padding:0 10px;  border-right:1px solid #dedede; margin-top:12px;height:13px; line-height:13px; position:relative; z-index:9991}



.rightbar li a,.rightbar li a:visited{ color:#666}

.rightbar li a:hover { color:#DD233A}

.rightbar li a.on2{ display:inline-block;background:url(../images/mainnavon.png) no-repeat right 0px;padding-right: 6px;}



.rightbar li img{ position:relative; top:0px; }



.rightbar li .info{ position:absolute; display:block; z-index:20;top:28px;left:0px;width:150px;height:0px;overflow: hidden;}











.slides li a {



    display: block;



    height: 489px;



}











.logo { width:185px;float:left; margin-top:10px; }







.top_warp{ background:#fff;}



.top_t{width:1200px; margin:auto; padding:20px 0 32px;}



#logo{width:271px;height:55px;float:left;display:inline;}



.menu_nav{float:right;width:810px;display:inline;}



#nav{float:right;color:#999;margin-right: 0;margin-bottom: 0;margin-left: 0; }



#nav ul{float:right}



#nav li{float:left;padding-left:1px;padding-right:5px; height:19px; line-height:19px; vertical-align:middle;}



#nav li a.bold_a{ font-weight:bold; }



#nav li h1{font-size:12px;font-weight:normal}



#nav li.qq_li{ width:76px;color: #fff; background:url(../images/qqbg.gif) no-repeat 26px 2px;}



#nav li.qq_li a{ display:block; width:41px; padding-left:35px; color:#fff; }



#nav li.qq_li a.a1{ background:url(../images/1dfdbefba1ee4678932818136929cfcf.gif) no-repeat left;}



#nav li.qq_li a.a2{ background:url(../images/00af62305a934dae82cab69df05e5b7a.gif) no-repeat left;}



#nav li.qq_li a.a3{ background:url(../images/5797495431a048598c5ead773edfbfd6.gif) no-repeat left;}



#nav li.qq_li a.a4{background:url(../images/b9e5136a2d0a4e298aee05a5efef181f.gif) no-repeat left;}



.lxnavr{ padding-bottom:22px;}



.lxnavr ul li a:hover{ color:#A7A7B7; text-decoration:none;}



#wxdiv, #wxdiv1 {
	position:absolute;
	width:180px;
	height: auto;
	z-index:9991;
	top:20px;
	left:-155px;
	text-align: center;
	border:solid 1px #ddd;
	border-radius: 2px;
	overflow: hidden;
	background: #fff;
	padding: 5px;
	font-size:14px;
	color:#999;
	line-height: 25px;
	letter-spacing: 1px;
	display: none;
}

#wxdiv img, #wxdiv1 img { width:100%; height: 180px; }

#wxli { position:relative}



#wxli:hover #wxdiv { display:block}



#wxli1 { position:relative}



#wxli1:hover #wxdiv1 { display:block}



#top_fixed, #banner{ clear:both;}



#head{height:42px; background:#DD233A;}



#top{width:1200px;height:38px;margin:0 auto;}



#menu{width:1200px;height:38px; position:relative; z-index:9989; }



#menu ul.more_ul ul{ display:block;}



#bg_navdiv{ width:10000px; height:247px; background:#fff; position:absolute; top:42px; left:-5000px; filter: alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9; display:none; z-index:9989;



border: 3px solid rgba(0,0,0,0);



-webkit-box-shadow: 0 0 18px rgba(0,0,0,0.4);



-moz-box-shadow: 0 0 18px rgba(0,0,0,0.4);



box-shadow: 0 0 18px rgba(0,0,0,0.4);



}



#menu li{width:120px;height:42px;text-align:center;font-size:14px;float:left;line-height:42px;position:relative;  z-index:9990;}



#menu li ul{position: absolute;



top: 38px;



display: none;



z-index: 9990;



padding-top: 15px;



width: 120px;



height:210px;



overflow: hidden; left:0;}



#menu li.fggf{ background: #FF455B;}



#menu li div{ text-indent:5px; text-align:left;}



#menu li div:hover{ background: #FF455B;}



#menu li div a:hover{ text-decoration:underline;}



#menu li a{color:#fff;  font-size:16px;}



#menu li p{ display:none; position:absolute; top:50px; left:-100px; width:820px;    height:49px; text-align:left; }



/*#menu li.fggf{background:url(../images/arrow01[1].gif) no-repeat top;color:#fff;text-decoration:none;width:100px;}*/



#menu li a{display:block; width:120 px; height:42px}



#menu li a.selt, #menu li.fggf > a{ color:#FFFFFF; text-decoration:none; background: #FF455B; margin-top:-10px; line-height:52px; height:52px}



#menu li div a, #menu li.fggf div a{ color:#000; text-decoration:none; height:30px; background:none; line-height:30px; font-weight:normal; font-size:13px; overflow:hidden;}



#menu li div a:hover{color:#FFFFFF; text-decoration:none;  background:#FF455B}

#menu li:hover { background: #FF455B}

#menu li:hover > a { margin-top:-10px; line-height:52px; background: #FF455B}

#menu li > a:hover{  color:#fff; text-decoration:none; background: #FF455B;  margin-top:-10px; line-height:52px}



#head1{ height:37px; background:url(../images/headbg[111].gif) repeat-x; overflow:hidden; }



#head1 ul{  width:980px; margin:auto; height:29px; position:relative; line-height:29px; text-align:center; overflow:hidden;}



#head1 ul div{position:absolute; top:0; display:none; color:#fff; text-indent:2px;}



#menu li div h2, #head1 ul div h2{ background:url(../images/h2bbg.gif) no-repeat; width:21px; float:left; padding:0; margin:0; list-style:none; height:29px;}



#menu li div h3, #head1 ul div h3{ background:url(../images/h3bbg.gif) repeat-x; float:left;  padding:0; margin:0; list-style:none; height:29px; line-height:29px;}



#menu li div h4, #head1 ul div h4{ background:url(../images/h4bbg.gif) no-repeat; width:19px; float:left; padding:0; margin:0; list-style:none;height:29px;}



.tl-topleft a {color:#dd233a; padding:0 1px}



.tl-topleft a:hover { text-decoration:underline}