/*reset*/
html{background: white;}
body, h1, h2, h3, h4, h5, h6, p, blockquote, pre, dl, dd, fieldset, form, input, select, textarea, figure{margin: 0;}
ul, ol, menu{list-style: none;margin: 0;padding: 0;}
blockquote, q{quotes: none;}
blockquote:before, blockquote:after, q:before, q:after{content: '';content: none;}
table{border-collapse: collapse;border-spacing: 0;}
fieldset, a img, iframe{border: 0 none;}
address, em, i{font-style: normal;}
abbr, acronym{font-variant: normal;}
hr{display: block;height: 1px;border: 0;border-top: 1px solid #cccccc;margin: 1em 0;padding: 0;}
input, select, button{vertical-align: middle;}
input, textarea, select{*font-size: 100%;}
button{overflow: visible;}
button::-moz-focus-inner, input[type=reset]::-moz-focus-inner, input[type=button]::-moz-focus-inner, input[type=submit]::-moz-focus-inner, input[type=file] > input[type=button]::-moz-focus-inner{border: 0 none;padding: 0;}
:active{outline: 0 none;}
::selection{background: #e74700;color: white;}
body{font-size: 12px;font-family: "Microsoft YaHei", "Helvetica Neue", "Hiragino Sans GB", "Segoe UI", Tahoma, Arial, STHeiti, sans-serif;_font-family: Tahoma, Arial, Helvetica, STHeiti, sans-serif;color: #333333;}
a{text-decoration: none;}
a:hover{text-decoration: underline;}
/*main css*/
.main-im{ position:fixed; right: 10px; top:300px; z-index: 100; width: 110px; height: 272px; }
.main-im .qq-a { display: block; width: 106px; height: 116px; font-size: 14px; color: #0484cd; text-align: center; position: relative; }
.main-im .qq-a span { bottom: 5px; position: absolute; width: 90px; left: 10px; }
.main-im .qq-hover-c { width: 70px; height: 70px; border-radius: 35px; position: absolute; left: 18px; top: 10px; overflow: hidden; z-index: 9; }
.main-im .qq-container { z-index: 99; position: absolute; width: 109px; height: 118px; border-top-left-radius: 10px; border-top-right-radius: 10px; border-bottom: 1px solid #dddddd; background: url(../images/qq-icon-bg.png) no-repeat center 8px; }
.main-im .img-qq {max-width: 60px; display: block; position: absolute; left: 6px; top: 3px; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
.main-im .im-qq:hover .img-qq{ max-width: 70px; left: 1px; top: 8px; position: absolute; }
.main-im .im_main {background: #F9FAFB; border: 1px solid #dddddd; border-radius: 10px; background: #F9FAFB;display:none;}
.main-im .im_main .im-tel { color: #000000; text-align: center; width: 109px; height: 105px; border-bottom: 1px solid #dddddd; }
.main-im .im_main .im-tel div{font-weight:bold;font-size: 12px;margin-top:11px;}
.main-im .im_main .im-tel .tel-num { font-family: Arial; font-weight: bold; color: #e66d15;}
.main-im .im_main .im-tel:hover { background: #fafafa; }
.main-im .im_main .weixing-container {width: 55px; height: 47px; border-right: 1px solid #dddddd; background: #f5f5f5; border-bottom-left-radius: 10px; background: url(../images/weixing-icon.jpg) no-repeat center center;float:left;}
.main-im .im_main .weixing-show {width: 112px; height: 172px; background: #ffffff; border-radius: 10px; border: 1px solid #dddddd; position: absolute; left: -125px; top: -126px; }
.main-im .im_main .weixing-show .weixing-sanjiao {width:0; height: 0; border-style: solid; border-color: transparent transparent transparent #ffffff; border-width: 6px; left: 112px; top: 134px; position: absolute; z-index: 2;}
.main-im .im_main .weixing-show .weixing-sanjiao-big { width: 0; height: 0; border-style: solid; border-color: transparent transparent transparent #dddddd; border-width: 8px; left: 112px; top: 132px; position: absolute; }
.main-im .im_main .weixing-show .weixing-ma { width: 104px; height: 103px; padding-left: 5px; padding-top: 5px; }
.main-im .im_main .weixing-show .weixing-txt{position:absolute;top:110px;left:7px;width:100px;margin:0 auto; text-align:center;}
.main-im .im_main .go-top { width: 50px; height: 47px; background: #f5f5f5; border-bottom-right-radius: 10px; background: url(../images/toTop-icon.png) no-repeat center center;float:right;}
.main-im .im_main .go-top a { display: block; width: 52px; height: 47px; }
.main-im .close-im { position: absolute; right: 10px; top: -12px; z-index: 100; width: 24px; height: 24px; }
.main-im .close-im a { display: block; width: 24px; height: 24px; background: url(../images/close_im.png) no-repeat left top; }
.main-im .close-im a:hover { text-decoration: none; }
.main-im .open-im { cursor: pointer; margin-left: 68px; width: 40px; height: 133px; background: url(../images/open_im.png) no-repeat left top; }

.online_icon{ width:36px; height:156px; overflow:hidden; font-family:'ËÎÌå';}
.online_icon a{ display:block; width:36px; height:156px; background:url(images/online_bg.png) no-repeat;}
.online_windows{ width:144px;}
.online_w_top{ background:url(../images/online_bg.png) no-repeat -36px 0; height:10px; _margin-bottom:-7px;}
.online_w_c{ background:url(../images/online_bg.png) repeat-y 0 -185px; padding:0 5px;}
.online_w_bottom{ background:url(../images/online_bg.png) repeat-y -36px -35px; height:29px;}
.online_content{ background:url(../images/online_bg.png) no-repeat -147px -185px; padding-top:11px;}
.online_content a.qq_icon{ background:url(../images/online_bg.png) no-repeat -37px -130px; width:100px; height:25px; display:block; margin:0 auto; text-indent:30px; line-height:23px; cursor:pointer;}
.online_content a.qq_icon:hover{ background-position:-159px -130px; color:#FFF;}
.online_bar h2{ background:url(../images/online_bg.png) repeat-x 0 -156px; height:29px; line-height:27px; font-size:12px; color:#666; text-align:left;}
.online_bar h2 a{ display:block; padding-left:14px; margin-left:6px; cursor:pointer;color:#360696;font-weight:blod;}
.expand h2 a{ background:url(../images/online_bg.png) no-repeat -36px -69px;}
.collapse h2 a{ background:url(../images/online_bg.png) no-repeat -36px -96px;}
.expand h2 a:hover, .collapse h2 a:hover{ text-decoration:none; color:#c81d04;}
.online_content{ text-align:center; border-bottom:1px solid #d0d0d0;}
.online_content li{ height:18px; line-height:20px; margin-top:3px;margin-bottom:3px; font-family:'ËÎÌå';font-size:11px;}
.online_content li a:hover{ color:#c81d04; }

.expand .online_content{ display:block;}
.collapse .online_content{ display:none;}
.online_w_c img{ width:90%; margin:5%;}

#online_qq_layer{ position:fixed; right:0px; top:150px; _position:absolute; z-index:100;}
* html, * html body{ _background-attachment:fixed;}
* html #online_qq_layer{ _bottom:auto; _top:expression(eval(document.documentElement.scrollTop + 150));}
#online_qq_tab{ float:left; margin-top:40px;}
#onlineService{ float:left; margin-left:-3px; display:none;}