@charset "utf-8";
/* CSS Document */
*{ padding: 0;}
body
{
	font-size: 12px;
	color: #333;
	margin: 0px;
	font-family: 微软雅黑, Microsoft YaHei,  Arial, Helvetica, sans-serif;
  
}
ul,li
{
	list-style-type: none;
}
img,ul,li
{
	padding: 0px;
	margin: 0px;
}
img
{
	border: none;
}
a
{
	color: #333;
	text-decoration: none;
}
a:hover
{
	text-decoration: none;transition: all 0.3s ease-out 0s;
}
a:active
{
	text-decoration: none;
}
.clear
{
	clear: both;
}
img
{
	border: 0;
}
.clearfix:after
{
	visibility: hidden;
	display: block;
	font-size: 0;
	clear: both;
	height: 0;
}
.clearfloat
{
	clear: both;
	height: 0;
	font-size: 1px;
	line-height: 0px;
}
.clearfix
{
	display: inline-table;
}

input,textarea
{
	outline: none;
	border: 0px;
}

/* Hides from IE-mac \*/
* html .clearfix
{
	height: 1%;
}
.clearfix
{
	display: block;
}

h3{font-weight: normal;}
h1,h2,h3,h4,h5,p,dl,dd,dt{margin:0;font-weight: normal;}

i,em{ font-style: normal;}

/* End hide from IE-mac */ 
@media screen and (min-width:1180px){ body {overflow-x: hidden;}}


/*公用*/
.con_width{ width:1180px; margin:0 auto;}
.fl { float:left;}
.fr { float:right;}
.hide{display:none;}
body{background:url(../images/body_bg.png);}
/*字体定义*/
.fon_imp{font-family: "Impact";vertical-align:sub;}
.f12{font-size:12px;}
.f14{font-size:14px;}
.f15{font-size:15px;}
.f16{font-size:16px;}
.f18{font-size:18px;}
.f20{font-size:20px;}
.f22{font-size:22px;}
.f24{font-size:24px;}
.f26{font-size:26px;}
.f28{font-size:28px;}
.f30{font-size:30px;}
.f32{font-size:32px;}
.f36{font-size:36px;}

/*颜色定义*/
.black{color:#545454;}
.gray{color:#c4c3c3;}
.green,.green a{color:#01a532;}
.blue,.blue a{color:#0077c8;}
.white{color:#fff;}

/*单行文本溢出省略号*/
.ellip{display:inline-block;*display:inline;zoom:1;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}



.top_box{background:url(../images/toper_bg.jpg) no-repeat center top;height:174px;}
.top{height:34px;line-height:34px;color:#fff;}
.top .con_width{padding-left:15px;}
.top a{padding:0 5px;color:#fff;}
.top a img{margin-bottom:-4px;}
.logo,.toper .logo .logo_phone{overflow:hidden;}
.logo{margin:0 auto;}
.logo h1{margin-top: 38px;}
.logo h1 span{font-size:18px;display:block;margin-top:10px;color:#333;}
.logo .slogan{line-height:28px;margin: 41px 0 0 30px;}
.logo .slogan strong{display:block;margin-top:10px;font-size:18px;}
.logo .logo_phone{margin-top: 42px;}
.logo .logo_phone p{background: url(../images/con_phone.png) no-repeat left center;font-size:14px;color:#545454;padding-left:65px;}
.logo .logo_phone p span{display:block;}

/*nav*/
.nav_all{height:53px;background:url(../images/nav_bg.png) repeat-x;}
.nav{ width:1180px; height:50px; margin:0 auto ; z-index:9999;overflow:hidden; }
.nav .nav_list{width:1300px;}
.nav li{float:left;height:50px; line-height:53px;position:relative; z-index:100;text-align:center; background:url(../images/nav_line.png) no-repeat right center;}
.nav li a{float:left;display:block;height:50px; text-align:center; line-height:53px; padding:0 35px;font-size:15px;color:#fff;font-weight:bold;}
.nav li:hover{background:#01a532;}
.another{background:#01a532;} 


/*底部*/
.footer{background:url(../images/foot_nav_bg.png);color:#fff;padding:0 0 20px;border-bottom:5px #006ab2 solid;}
.footer .con_width{overflow:hidden;}
.foot_con,.foot_con a{color:#5c5c5c;}
.foot_con{margin:15px 60px;overflow:hidden;}
.foot_logo{width:103px;height:116px;margin-top:25px;}
.foot_text{width:660px;margin:20px 0 0 60px;color:#fff;line-height:24px;}
.foot_text h2{font-size:12px;color:#fff;}
.foot_text a{color:#fff;}
.foot_con .code{ background: url(../images/foot_code_bg.png) no-repeat center;width:140px;height:140px;margin-left:60px;}
.foot_con .code img{width:126px;height:126px;padding:7px;}
.foot_nav{height:60px;line-height:60px; text-align: center;border-bottom:1px #348dca solid;margin-top:8px;}
.foot_nav a{display:inline-block;color:#ffffff;font-size:15px;padding:0 28px;}
.foot_nav a:first-child{padding-left:0;}
.foot_code{margin-top:20px;}
.foot_code img{background: url(../images/foot_code_bg.png) no-repeat center top;width:116px;height:116px; padding:7px;display:block;}
.foot_code p{ text-align: center;margin-top:5px;width:140px;color:#fff;}




/*客服样式*/
.custom_service p img {display: inline; margin-top:-5px; vertical-align:middle;}
.scrollsidebar{position:absolute; z-index:999; top:150px;}
.side_content{width:154px; height:auto; overflow:hidden; float:left; }
.side_content .side_list {width:154px;overflow:hidden;}
.show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}
.show_btn span { display:none;}
.close_btn{width:24px;height:24px;cursor:pointer;}
.side_title,.side_bottom,.close_btn,.show_btn {background:url(../images/sidebar_bg.png) no-repeat;}
.side_title {height:46px;}
.side_bottom { height:8px;}
.side_center {font-family:Verdana, Geneva, sans-serif; padding:5px 12px; font-size:12px;}
.close_btn { float:right; display:block; width:21px; height:16px; margin:16px 10px 0 0; _margin:16px 5px 0 0;}
.close_btn span { display:none;}
.side_center .custom_service p { text-align:center; padding:6px 0; margin:0; vertical-align:middle;}
.other  { text-align:center;border-bottom:1px solid #ddd;border-top:1px solid #ddd}
.other p { padding:5px 0; _height:16px; margin:0;color: #666666;}
.other p img{width:120px;height:120px;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.png) no-repeat -119px -115px; padding-left:22px;}
/* blue skin as the default skin */
.side_title, .side_blue .side_title {background-position:-195px 0;}
.side_center, .side_blue .side_center {background:url(../images/blue_line.png) repeat-y center;}
.side_bottom, .side_blue .side_bottom {background-position:-195px -50px;}
.close_btn, .side_blue .close_btn {background-position:-44px 0;}
.close_btn:hover, .side_blue .close_btn:hover {background-position:-66px 0;}
.show_btn , .side_blue .show_btn {background-position:-119px 0;}
.msgserver a, .side_blue .msgserver a {color:#06C;}
/* green skin  */
.side_green .side_title {background-position:-349px 0;}
.side_green .side_center {background:url(../images/green_line.png) repeat-y center;}
.side_green .side_bottom {background-position:-349px -50px;}
.side_green .close_btn {background-position:-44px -23px;}
.side_green .close_btn:hover {background-position:-66px -23px;}
.side_green .show_btn {background-position:-147px 0;}
.side_green .msgserver a {color:#76a20c;}