body, html {
margin: 0
}
body {
font-family: "微软雅黑";
}
ul, li {
margin: 0;
padding: 0;
list-style: none
}
a {
color: #5A5A5A;
text-decoration: none
}
img, input, select {
vertical-align: middle
}
.clear{
clear:both;
}
/*左侧浮动返回顶部图标样式*/
#floatBlock a.gotoptop_icon {
display: block;
position: fixed;
right: 5px;
bottom: 90px;
width: 25px;
height: 25px;
background: url(../images/gotop.png) no-repeat -26px 0px;
cursor: pointer;
display: none
}
#floatBlock a.gotoptop_icon:hover {
background-position: 0px 0px;
}
/*左侧浮动留言*/
#floatBlock .message {
position: relative;
z-index: 100;
padding-top: 10px;
padding-left: 30px
}
#floatBlock .message input {
vertical-align: middle
}
#floatBlock .message #address, .message #tel, .message #email, .message #name {
display: block;
padding: 0;
padding-left: 6px;
width: 200px;
height: 26px;
border: 1px solid #dedede;
line-height: 26px
}
#floatBlock .message #content {
display: block;
margin-top: 6px;
padding: 6px;
width: 460px;
height: 90pt;
border: 1px solid #dedede;
font-size: 9pt
}
#floatBlock .message .msgbtn {
margin-top: 15px;
width: 90px;
height: 30px;
border: none;
border-radius: 3px;
background: #0262b8;
color: #fff;
text-align: center;
font-size: 14px;
font-family: Microsoft YaHei;
line-height: 30px;
cursor: pointer
}
#floatBlock #code {
padding-top: 10px;
line-height: 26px
}
#floatBlock #checkcode {
width: 90pt;
height: 2pc;
border: 1px solid #dedede;
line-height: 2pc
}
#floatBlock #message_main tr {
position: relative
}
#floatBlock #message_main tr th {
height: 42px;
color: #666;
text-align: right;
font-weight: 400;
line-height: 42px
}
#floatBlock .m_label {
position: absolute;
z-index: 1;
padding-left: 8px;
width: 10pc;
color: #ccc;
text-align: left;
line-height: 26px;
cursor: text;
pointer-events: none;
font-size: 14px;
}
#floatBlock .c_label {
padding-top: 9pt;
line-height: 18px
}
#floatBlock .index_message {
position: relative
}
#floatBlock .name_input {
margin-top: 5px;
width: 189px;
height: 22px;
border: 1px solid #ccc;
background: #fff
}
#floatBlock .input_left {
float: left;
width: 40px;
height: 22px;
background: url(../images/message/title_left.jpg) left top repeat-x;
text-align: center;
line-height: 22px
}
#floatBlock .input_right {
position: relative;
float: right
}
#floatBlock .input_right input {
height: 22px;
line-height: 22px
}
#floatBlock .input_right .m_label {
position: absolute;
z-index: 1;
padding-left: 6px;
width: 75pt;
color: #ccc;
text-align: left;
line-height: 22px;
cursor: text;
font-size: 14px;
}
#floatBlock #m_div {
position: relative;
position: fixed;
right: 2px;
bottom: 0;
z-index: 99999;
overflow-x: hidden;
padding-bottom: 1px;
width: 100%;
width: 222px;
background: #fff;
background: 0 0;
color: #666;
vertical-align: baseline;
font: 9pt/1.5 'Microsoft YaHei', arial, 宋体, sans-serif
}
#floatBlock .d_label {
padding-top: 8px;
width: 10pc;
line-height: 18px
}
#floatBlock .w_message {
padding: 7px;
padding-top: 3px;
padding-bottom: 27px;
height: 233px;
border: 1px solid #4a9cf9;
background: #fff;
background: url(../images/message/message_bg.jpg) left top no-repeat
}
#floatBlock .w_message #name {
width: 142px;
height: 22px;
border: none!important;
line-height: 22px
}
#floatBlock .w_message #address, .w_message #tel, .w_message #email {
width: 142px;
height: 20px;
border: none!important;
line-height: 20px
}
#floatBlock .w_message #content {
overflow-x: hidden;
overflow-y: auto;
width: 12pc;
height: 55px;
resize: none
}
#floatBlock .w_message #checkcode {
width: 82px;
height: 22px;
border: 1px solid #ccc;
background-color: #fff;
line-height: 22px
}
#floatBlock #message_main {
display: table-cell
}
#floatBlock .w_message #message_main tr {
display: block;
overflow: hidden;
width: 100%;
line-height: 28px
}
#floatBlock .w_message #message_main tr th {
overflow: hidden;
width: 37px;
height: 28px;
vertical-align: middle;
text-align: center;
line-height: 28px
}
#floatBlock .w_message #code {
margin-top: 5px;
padding-top: 0
}
#floatBlock .w_title {
position: relative;
overflow: hidden;
width: 222px;
height: 33px;
background: 0 0;
color: #fff;
cursor: pointer
}
#floatBlock .w_message #message_main .m_input {
border: 1px solid #ccc;
background-color: #fff
}
#floatBlock .w_message .msgbtn {
margin-top: 3px;
margin-left: 54px;
width: 93px;
height: 29px;
outline: 0;
border: none;
background: url(../images/message/submit.png) 50% 50% no-repeat;
color: #fff;
font-size: 9pt;
font-family: "宋体", arial;
font-family: "微软雅黑";
line-height: 20px
}
#floatBlock .w_message .msgbtn_hover {
border: 1px solid #3c96fc;
background: #3c96fc;
color: #fff
}
#floatBlock .m_close {
position: absolute;
top: 0;
top: 8px;
right: 0;
right: 9pt;
overflow: hidden;
width: 19px;
height: 20px;
background: url(../images/message/messbtn.png) left top no-repeat;
cursor: pointer
}
#floatBlock .m_open {
background: url(../images/message/messbtn1.png) left top no-repeat
}
#floatBlock .w_message .m_under {
position: absolute;
bottom: 1px;
left: 0;
width: 227px;
height: 40px;
line-height: 41px
}
#floatBlock .w_message .support {
position: absolute;
right: 8px;
bottom: 1px;
width: 75pt;
color: #000;
font-size: 9pt
}
#floatBlock #m_top {
margin: 0 2px
}
#floatBlock #m_mid, #m_top {
height: 1px;
background: #4a9cf9;
font-size: 0;
line-height: 1px
}
#floatBlock #m_mid {
margin: 0 1px
}
#floatBlock #m_bot {
padding-left: 9px;
height: 31px;
background: #4a9cf9;
font-size: 13px;
font-family: "微软雅黑";
line-height: 31px
}
#floatBlock .kf {
position: absolute;
top: 75pt;
right: 0;
z-index: 99999;
overflow: hidden;
font-size: 14px;
display: block;
box-sizing: content-box;
-webkit-box-sizing: content-box;
}
#floatBlock .kf_btn {
position: relative;
float: left;
padding: 65px 7px 15px;
width: 15px;
height: 95px;
background: url(../images/service/blue11.png) left 33px no-repeat;
color: #fff;
vertical-align: middle;
text-align: center;
font-family: "微软雅黑";
cursor: pointer
}
#floatBlock .kf_btn .open {
position: absolute;
bottom: 17px;
left: 9px;
width: 9pt;
height: 9pt;
background: url(../images/service/kf_close.png) left top no-repeat
}
#floatBlock .kf_btn .close {
background: url(../images/service/kf_open.png) left top no-repeat
}
#floatBlock .kf_main {
overflow: hidden;
margin-left: -4px;
padding-bottom: 5px;
width: 141px
}
#floatBlock .kf_main, .kf_title {
float: left
}
#floatBlock .kf_title span {
display: block;
height: 28px;
border-bottom: 2px solid #40b5e8;
text-align: center;
font-size: 15px;
font-family: Microsoft YaHei;
line-height: 28px
}
#floatBlock .kf_list {
padding-top: 5px;
padding-bottom: 5px;
padding-left: 6px;
background: url(../images/service/v2.jpg) left top repeat-x #fff
}
#floatBlock .kf_list li {
padding-left: 7px;
background: url(../images/service/qq_bg.jpg) left center no-repeat
}
#floatBlock .kf_list li, .kf_list li a {
color: #333;
height: 30px;
line-height: 30px
}
#floatBlock .kf_list li a {
position: relative;
display: block;
padding-left: 36px
}
#floatBlock .kf_list li a:hover {
text-decoration: none
}
#floatBlock .kf_list li a img {
position: absolute;
top: 7px;
left: 3px;
padding-right: 5px;
vertical-align: middle
}
#floatBlock .kf_list li.sky {
margin-top: 0;
height: 27px;
line-height: 27px
}
#floatBlock .hyperlink_a {
margin: 5px;
margin-top: 0;
height: 30px;
border-radius: 2px;
background: #459afa
}
#floatBlock .hyperlink_a a {
display: block;
padding-left: 43px;
background: url(../images/service/message.png) no-repeat 0 100%;
color: #fff;
font-weight: 700;
font-size: 14px;
font-family: "微软雅黑";
line-height: 30px
}
#floatBlock .hyperlink_a a:visited {
color: #fff;
text-decoration: none
}
#floatBlock .hyperlink_a a:hover {
border-radius: 2px;
background: url(../images/service/message.png) no-repeat 0 100% #fb9108;
text-decoration: none
}
#floatBlock .hyperlink_b {
margin: 5px;
margin-top: 0;
height: 30px;
border-radius: 2px;
background: #459afa
}
#floatBlock .hyperlink_b a {
display: block;
padding-left: 43px;
background: url(../images/service/air.png) no-repeat 0 100%;
color: #fff;
font-weight: 700;
font-size: 14px;
font-family: "微软雅黑";
line-height: 30px
}
#floatBlock .hyperlink_b a:visited {
color: #fff;
text-decoration: none
}
#floatBlock .hyperlink_b a:hover {
border-radius: 2px;
background: url(../images/service/air.png) no-repeat 0 100% #fb9108;
text-decoration: none
}
#floatBlock .top_bg {
height: 7px;
background: url(../images/service/blue1.png) left bottom no-repeat
}
#floatBlock .top_center {
padding: 0 3px 1px 5px;
background: url(../images/service/bobg.png) left top repeat-y
}
#floatBlock .bottom_bg {
height: 8px;
background: url(../images/service/kf_bottom.png) left top no-repeat
}
#floatBlock .e_code {
margin-top: 8px;
padding-top: 6px;
padding-bottom: 0;
padding-left: 0;
border-top: 1px solid #ccc;
text-align: center
}
#floatBlock .e_code h3 {
margin: 0;
padding-top: 2px;
padding-bottom: 2px;
color: #333;
text-align: center;
font-weight: 400;
font-size: 14px;
}
#floatBlock .alignCenter {
position: absolute;
top: 133px;
right: 166px;
z-index: 999;
display: none;
overflow: hidden;
margin: 0 auto;
padding: 2px;
width: 56px;
border: 1px solid #e9e9e9;
background: #fff
}
#floatBlock .alignCenter .title {
position: relative;
padding-left: 5px;
height: 45px;
border-bottom: 1px solid #e9e9e9;
background: #f6f6f6;
color: #666;
font-weight: 700;
font-size: 9pt;
line-height: 45px
}
#floatBlock .alignCenter .title img {
position: absolute;
top: 1pc;
right: 4px
}
#floatBlock .alignCenter .content {
padding: 5px;
padding-right: 2px;
padding-left: 8px
}
#floatBlock .alignCenter .title img {
cursor: pointer
}
/*翻译*/
.translate {
width: 100px;
position: absolute;
left: 360px;
top: 25px;
z-index: 99999;
}
.tran-in {
left: 120px;
}
.translate li {
border: 1px dashed #cccccc;
line-height: 26px;
text-align: left;
background: #fff;
}
.translate li a {
display: block;
padding-left: 10px;
background: url(../images/dot4.png) no-repeat 88% 11px;
font-size: 14px;
}
.translate li a:visited {
text-decoration: none;
color: #333;
}
.translate li a:hover {
text-decoration: none;
color: #275cea;
cursor: pointer;
}
.translate-en {
display: none;
padding: 6px;
padding-top: 0px;
}
.translate li .translate-en a {
padding-left: 0px;
text-align: center;
background: #fff;
border-bottom: 1px solid #cccccc;
}
.translate li .translate-en a:hover {
font-weight: bold;
}
.qqkefu{position: fixed;top:39%;_position: absolute;_top: expression(eval(document.documentElement.scrollTop + 365));z-index:999999;right:0;width:45px;}
.qqkefu ul li{width: 45px;height:45px;margin-bottom:1px;float:right;line-height:45px;font-size:14px;cursor:pointer;position:relative;text-indent: 10px;}
.qqkefu ul li a{color:#fff;display: block;overflow: hidden;height: 45px;}
.qqkefu ul li.qq_cza{overflow:hidden}
.qqkefu ul li:hover{background:#2c3035;}
.qqkefu ul li.top{background:url(../images/k1.png) no-repeat center #989898;position:relative;width:45px;height: 45px;cursor:pointer;}
.qqkefu ul li.top span{position:absolute;display:block;left:0;top:-5px;height:5px;width:45px;}
.qqkefu ul li.top:hover{background:url(../images/k1.png) no-repeat center #2c3035;}
.qqkefu ul li b{width:45px;height:45px;display:block;overflow:hidden;float:right;}
.qqkefu ul li span{font-size: 14px;font-weight: bold;color: #FFF;}
.qqkefu ul li b.a{background:url(../images/k2.png) no-repeat center #EFAE48;}
.qqkefu ul li b.b{background:url(../images/k3.png) no-repeat center #3F89C2;}
.qqkefu ul li b.f{background:url(../images/k4.png) no-repeat center #169bda;}
.qqkefu ul li b.c{background:url(../images/k5.png) no-repeat center #5BB75F;}
.qqkefu ul li:hover b.a{background:url(../images/k2.png) no-repeat center center #2c3035;}
.qqkefu ul li:hover b.b{background:url(../images/k3.png) no-repeat center center #2c3035;}
.qqkefu ul li:hover b.f{background:url(../images/k4.png) no-repeat center center #2c3035;}
.qqkefu ul li:hover b.c{background:url(../images/k5.png) no-repeat center center #2c3035;}
.qqkefu ul li.qq_czb{text-indent: 0;}
.qqkefu ul li.qq_czae{ line-height:15px !important}
.erweima{position: absolute;width:111px;height:150px;top: -120px;left: -111px;float: right;cursor: default !important;display:none;background:url(../images/qr_img.png) no-repeat;}
.erweima p{margin-top:20px;margin-left:10px;}
.erweima img{width:90px;height:90px;}
.qqkefu li .erweima p a{display:block;font-size:14px;color:#333;margin-top:-8px;margin-left:30px;}