@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;}}

body{background:url(../images/body_bg.png);}

/*公用*/
.con_width{ width:1180px; margin:0 auto;}
.fl { float:left;}
.fr { float:right;}
.hide{display:none;}
/*字体定义*/
.fon_imp{font-family: "Impact";}
.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;}
.red,.red a{color:#d60000;}
.blue,.blue a{color:#006ec6;}
.white{color:#fff;}

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



.top_box{background:#f8f8f8;height:160px;}
.top{height:30px;line-height:30px; background: #eeeeee;}
.top a{padding:0 5px;}
.top a img{margin-bottom:-4px;}
.logo,.toper .logo .logo_phone{overflow:hidden;}
.logo{margin:5px auto;}
.logo h1{margin-top: 20px;}
.logo h1 span{font-size:18px;display:block;margin-top:10px;color:#333;}
.logo .slogan{font-size:20px;line-height:28px;margin: 31px 0 0 30px;}
.logo .slogan img{display:block;margin-bottom:10px;}
.logo .logo_phone{margin-top:32px;}
.logo .logo_phone p{background: url(../images/con_phone.png) no-repeat left 7px;font-size:14px;color:#545454;padding-left: 75px;}
.logo .logo_phone p span{display:block;}

/*nav*/
.nav_all{height:50px; background: #006ec6;}
.nav{ width:1180px; height:50px; margin:0 auto ; z-index:9999; }
.nav li{float:left;height:50px; line-height:50px;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:50px; padding:0 22px;font-size:15px;color:#fff;font-weight:bold;}
.nav li:hover a{background:#f92424;height:56px;margin-top:-3px;}
.nav li.another a{background:#f92424;height:56px;margin-top:-3px;} 


/*底部*/
.foot_nav{ background: #006ec6;height:60px;line-height:60px; text-align: center;    padding-top: 30px;}
.foot_nav .con_width{background: url(../images/foot_nav_bg.png) no-repeat center bottom;height:65px;line-height:50px;}
.foot_nav a{display:inline-block;color:#fff;font-size:14px;padding:0 22px; background: url(../images/foot_nav_line.png) no-repeat right center;}
.foot_nav a:first-child{padding-left:0;}

.footer{ background:#006ec6;padding:30px 0;}
.footer .con_width{overflow:hidden;}
.foot_con{overflow:hidden;color:#fff;margin-left:20px;}
.foot_con a{color:#fff;}
.foot_logo{width:203px;height:57px;margin-top:30px;}
.foot_text{width:635px;}
.foot_text h2{font-size:12px;color:#fff;}
.foot_text p{margin:10px 0 0 0;}


.foot_code{background: url(../images/foot_code_bg.png) no-repeat center left;width:194px;}
.foot_code img{width:126px;height:126px;padding:6px; display:block;}
.foot_code p{margin-top:5px;}


/*客服样式*/
.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;}