@charset "utf-8";
/* CSS Document */
* {
	margin:0;
	padding:0;
}
body {
	font-family:"微软雅黑", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666464;
	background:#fff;
}
a {
	font-size:12px;
	color:#666464;
	text-decoration:none;
}
ul {
	list-style:none;
}
img {
	border:none;
}
.clear {
	height:1px;
	clear:both;
	margin-bottom:-1px;
	overflow:hidden;
}
/*头部*/
#head{
	width:100%;
}
.topbar{background:url(../images/top_bg.gif) repeat-x;  height:36px;line-height:35px; font-size:14px;}
.top{ background:url(../images/tel.png) no-repeat left center; padding:0 0 0 24px;}
.w{width:1200px; margin:0 auto;}
.top span{ color:#d60202; font-weight:bold;}
.left{float:left;}
.right{float:right;}
.bofore{clear:both;}

#rongyu{
    background: #b71207;
    line-height: 40px;
    height: 40px;color:#fff;text-align: right;
}
#top{
	width:1200px;
	margin:0 auto;
    margin-top:15px;
	margin-bottom:10px;
	position:relative;
	height:93px;
}
#logo{
	width:514px;
	height:78px;
	overflow:hidden;
	position:absolute;
	top:8px;
	left:6px;
}

.daohang {
    width: 650px;
    float: right;
}

.daohang ul li {
    float: left;
    line-height: 100px;
    height: 100px;
    font-size: 16px;
}

#nav {width:650px;
	height:93px;
	position:absolute;
	top:0;
	right:0;}



#nav a {display: block;  text-align:center;}

#nav a:link  {color:#666; text-decoration:none;}

#nav a:visited  {color:#666;text-decoration:none;}

#nav a:hover  {text-decoration:none;font-weight:bold;}

#nav li {float: left;
width:100px;
	height:93px;
	line-height:93px;
	float:left;
	text-align:center;
	
 }
#nav li a{
display:block;
font-size:16px;
brackground:#999;
color:#fff;
margin-left:5px;
}
#nav li a:hover{ 

display:block;
font-size:16px;
brackground:#999;
background:url(../images/li_bg.png) no-repeat center top;
color:#fff;
}

#nav li ul {line-height: 27px; top: 93px;z-index: 9999; list-style-type: none;text-align:left;left: -999em; width: 120px; position: absolute;}

#nav li ul li{float: left; width: 180px; line-height: 35px;
    height: 35px;background:#EFEFEF;}

#nav li ul a{display: block; width: 156px;text-align:left;padding-left:24px; overflow:hidden;}

#nav li ul a:link  {color:#666; text-decoration:none;}

#nav li ul a:visited  {color:#666;text-decoration:none;}

#nav li ul a:hover  {color:#F3F3F3;text-decoration:none;font-weight:normal;background:#f3cb2f;}

#nav li:hover ul {left: auto;}

#nav li.sfhover ul {left: auto;}

#nav .li1{
width:100px;
	background:url(../images/li_bg.png) no-repeat center top;
}
#nav  .li1 a{
	color:#fff;
	font-size:16px;
	
}

#content {clear: left;}


#banner{
	width:100%;
	height:180px;
	overflow:hidden;
	margin:8px auto;
}
/*头部 end*/
/*主体*/
#content{
	width:1200px;
	margin:0 auto;
}
#content h1{
	width:1200px;
	height:90px;
	line-height:90px;
	margin:0 auto;
	font-size:24px;
	color:#a70601;
	text-align:center;
	font-weight:normal;
}
.sum1{
	width:1200px;
	margin:23px auto 37px auto;
	background:#fafafa;
	padding:8px 0 22px 0;
}
.sum1 .sum1_left{
	width:294px;
	float:left;
	padding-left:6px;
}
.sum1 h2{
	width:280px;
	height:45px;
	line-height:45px;
	border-bottom:1px solid #e9e9e9;
	color:#a70601;
	font-size:24px;
	font-weight:normal;
}
.sum1 .sum1_left_ul{
	width:294px;
	overflow:hidden;
}
.sum1 .sum1_left_ul li{
	width:294px;
	height:40px;
	line-height:40px;
	overflow:hidden;
	background:url(../images/ico3.png) no-repeat 3px 13px;
	text-indent:20px;
}
.sum1 .sum1_left_ul li a{
	font-size:18px;
}
.sum1 .sum1_right{
	width:890px;
	float:right;
}
.sum1 h3{
	width:880px;
	height:45px;
	line-height:45px;
	border-bottom:1px solid #e9e9e9;
	color:#a70601;
	font-size:24px;
	font-weight:normal;
}
.sum1 .sum1_right .sum1_right_dl{
	width:870px;
	margin-top:24px;
}
.sum1 .sum1_right .sum1_right_dl dt{
	width:266px;
	height:235px;
	overflow:hidden;
	float:left;
}
.sum1 .sum1_right .sum1_right_dl dd{
	width:590px;
	float:right;
}
.sum1 .sum1_right .sum1_right_dl dd p{
	text-indent:2em;
	font-size:18px;
	line-height:26px;
	padding-bottom:26px;
}
.sum1 .sum1_right .sum1_right_ul{
	width:870px;
	margin-top:10px;
}
.sum1 .sum1_right .sum1_right_ul li{
	width:290px;
	height:107px;
	float:left;
}
.sum1 .sum1_right .sum1_right_ul li img{
	width:270px;
	height:107px;
	overflow:hidden;
}
/*主体 end*/
/*底部*/
.footer {
font-size:16px;
    width: 100%;
    padding-top: 5px;
	padding-bottom:10px;
    background: #24b0e3;
}
.footer .tel { color:#fff}
.footer .dh { color:#FFFFFF; font-size:14px; margin-bottom:10px}
.footer .dh a{font-size:14px; color:#FFFFFF}
.footer h3 {
    font-size: 20px;
    color: #fff;
    font-weight: bold;
}
.footer h3 small {
    font-size: 18px;
    font-weight: normal;
    color: #fff;
    margin-left: 20px;
}

/*底部 end*/
/* 多个左滚动 - 图片- 公用类 */
.leftLoop{ overflow:hidden; position:relative; width:1200px; height:245px;margin:40px auto 0 auto; margin-bottom:50px; background-color:#fafafa;}
.leftLoop .hd{ overflow:hidden; width:1200px;  height:240px; position:relative;  }
.leftLoop .hd .prev{ position:absolute; top:86px; left:0; }
.leftLoop .hd .next{ position:absolute; top:86px; right:0; }
.leftLoop .hd ul{ float:right; overflow:hidden; zoom:1;display:none;  }
.leftLoop .hd ul li{ position:relative; _display:inline; float:left; }
.leftLoop .bd{ position:absolute; top:0; left:30px; width:1118px;  }
.leftLoop .bd ul{ overflow:hidden; zoom:1; width:1118px; margin:0 auto; }
.leftLoop .bd ul li{ text-align:center; float:left; _display:inline; overflow:hidden; width:322px; margin-right:5px}



/*客服*/
.um-kefu,.um-kefu *{-webkit-box-sizing: content-box;-moz-box-sizing: content-box;box-sizing: content-box;}
.um-kefu-bg,.um-kefu__icon,.um-kefu__hd,.um__icon__tel,.um__icon__qq,.um__icon__qcode,.um-kefu__item__qq i,.um-kefu__ft i{ background-image:url(/images/kefu.png); background-repeat:no-repeat;}
.um-kefu{ position: absolute; right:-210px; top:0; width:210px; background:#fff;border-radius:0 0 0 4px;box-shadow: 5px 5px 10px 1px rgba(0,0,0,.5); z-index:21171098;}
.um-kefu__btn{ position:absolute; left:-40px; top:0; width:16px; height:90px; background:#F30; border-radius:4px 0 0 4px;line-height: 18px;padding: 45px 10px 12px 14px; font-size: 14px;color:#fff;cursor: pointer;transition: all 0.2s ease-in 0s;}
.um-kefu__icon{display: block;height: 24px;left: 10px;position: absolute;top: 15px;width: 24px; background-position:0 -75px;}
.um-kefu__btn:before,.um-kefu__btn:after{ position:absolute; left:50%; bottom:8px;  display:block; content:' '; width:0; height:0;}
.um-kefu__btn:before{ margin-left:-8px;border:6px solid transparent; border-right-color:#fff;animation:um-kefu-btn 1s;animation-iteration-count: infinite;}
.um-kefu__btn:after{ display:none;border:6px solid transparent; border-left-color:#fff;}
.um-kefu.on .um-kefu__btn:before{ display:none;}
.um-kefu.on .um-kefu__btn:after{ display:block;}

.um-kefu__bd{min-height:200px; padding:10px 15px; font-size:14px;}
.um-kefu__bd li{padding:5px 0;text-decoration:none;overflow:hidden}
.um-kefu__item__qq{  font-size:14px;}
.um-kefu__item__qq a{position:relative;display:block;height:30px; line-height:30px; background:#F60; padding-left:45px;border-radius:3px;color:#fff;}
.um-kefu__item__qq a:hover{ background:#F90;}
.um-kefu__item__qq i{ position:absolute;top: 5px; left:15px; display:inline-block;width: 20px;height: 20px; background-position:-26px -75px;}
.um-kefu__item__phone{ color:#F00;}
.um-kefu__item__phone label{ color:#666; margin-right:10px;}
.um-kefu__item__hotline{}
.um-kefu__item__qcode{ height:92px; overflow:hidden;}
.um-kefu__item__qcode img{ float:left; width:90px; height:90px; border:#f8f8f8 solid 1px; padding:2px; margin-right:10px; }
.um-kefu__item__qcode span{display:table-cell; height:90px;vertical-align:middle;}

.um-kefu__bd li.um-kefu__item__tit{ position:relative; border-bottom:#efefef solid 1px;color:#666; font-size:14px;}
.um-kefu__hd{ position:absolute; left:0;top:-72px; width:100%; height:72px; background-position:0 0;}
.um-kefu__ft{ margin:0 15px; border-top:#f3f3f3 solid 1px;}
.um-kefu__ft a{ display:block; position: relative;padding:2px 20px;color:#999;}
.um-kefu__ft i{ position:absolute; left:0; top:3px; 3px; width:16px; height:16px; background-position:-52px -100px;}
.um__icon{ display:inline-block; width:16px; height:16px; margin-right:6px;background-repeat:no-repeat; vertical-align:middle;opacity:0.3;}
.um__icon__qq{  background-position:-17px -100px; }
.um__icon__tel{ background-position:0 -100px;}
.um__icon__qcode{background-position:-34px -100px; }
@keyframes um-kefu-btn
{
0%   {margin-left:-8px;}
25%  {margin-left:-9px;}
50%  {margin-left:-8px;}
75%  {margin-left:-9px;}
100% {margin-left:-8px;}
}