﻿/* CSS Document */
/*公共样式*/
*{margin:0; padding:0; border:0;}
*:focus{outline:none;}
html{ overflow-x:hidden;}
body {margin:0; padding:0; border:0; font-size:12px; font-family:"微软雅黑";}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote,p{padding:0; margin:0;}   
table,td,tr,th{ font-size:12px;}
li{list-style-type:none;}
img{vertical-align:top;border:0;}
ol,ul {list-style:none; margin:0; padding:0;}
h1,h2,h3,h4,h5,h6 { font-size:12px;}
a {text-decoration:none;}
em,i{font-style:normal;}
.clear{ clear:both;}
input[type="submit"],input[type="button"]{ cursor:pointer;} 

.f01{ font-family:"微软雅黑";}
.l{ float:left;}
.r{ float:right;}
.blank{ height:10px;}
.blank1{ height:15px;}
.blank2{ height:20px;}
.blank3{ height:25px;}
.blank4{ height:30px;}
.header,.main,.footer{ width:1000px; margin:0 auto;}
#header{ background:url(../images/hfl_1.jpg) repeat-x; height:145px; position:fixed; z-index:2; top:0; left:0; width:100%;}
.h_top{ height:39px; line-height:39px;}
.h_top dt{ float:left; color:#fff;}
.h_top dt a{ color:#fff; margin:0 10px;}
.h_top dt a:hover{ color:#263645;}
.h_top dd{ float:right;}
.h_top dd a{ color:#fff; font-size:14px;}
.h_top dd span{ font-size:16px; color:#FFF; background:url(../images/phone.png) left center no-repeat; padding-left:25px; display:inline-block;}
.h_box{ width:100%;}
.h_box dt{ float:left;}
.h_box dd{ float:right; width:787px;}
.logo{ padding-top:35px;width:210px;}
.diy_select{height:24px;width:46px;position:relative;font-size:12px;background:url(../images/hfl_6.jpg) no-repeat;color:#FFF; float:right; text-align:left;}
.diy_select_btn,.diy_select_txt{float:left;height:100%;line-height:24px}
.diy_select,.diy_select_list{}
.diy_select_txt{width:46px;}
.diy_select_txt a{color:#fff;}
.diy_select_txt,.diy_select_list li{text-indent:10px;overflow:hidden}
.diy_select_btn{width:28px;}
.diy_select_list{position:absolute;top:24px;left:0;z-index:88888;border-top:none;width:100%;display:none;_top:24px; background:#FFF; border:#CCC 1px solid;}
.diy_select_list li{list-style:none;height:25px;line-height:25px;cursor:default;_background:#fff; color:#000;}
.diy_select_list li.focus{background:#3399FF;color:#fff;cursor:pointer;}	
.diy_select_list li a{ color:#666;}
.diy_select_list li.focus a{background:#3399FF;color:#fff}
.search{ float:right; padding-right:10px;}
.search .text{ background:url(../images/hfl_5.jpg) no-repeat; width:157px; height:24px; line-height:24px; text-indent:10px; border:0; float:left; color:#000;}
.search .submit{ background:url(../images/hfl_4.jpg) no-repeat; width:46px; height:24px; border:0; float:left;}
.nav{ text-align:center; float:right;}
.nav li{ float:left; position:relative; width:120px;}
.nav li a{ display:block; font-size:16px; color:#333; height:70px; line-height:70px;}
.nav li:hover a{ color:#263645;}
.nav li.on a{ color:#263645;}
.nav li:hover .sub{ width:120px; position:absolute; top:60px; z-index:1; display:block;}
.nav li:hover .sub li{ width:120px; padding:0;}
.nav li:hover .sub li em{ /*background:url(../images/hfl_7.jpg) center no-repeat;*/ display:block; height:8px; width:17px; margin:0 auto;}
.nav li:hover .sub li a{ background:#263645; font-size:14px; color:#FFF; height:auto; line-height:30px; }
.nav li:hover .sub li a:hover{ color:#ffa200; }
.nav li .sub{ display:none;}

.slideBox{ width:100%; height:auto; overflow:hidden; position:relative;}
.slideBox .hd{ height:15px; overflow:hidden; position:absolute; right:47%; bottom:25px; z-index:1; }
.slideBox .hd ul{ overflow:hidden; zoom:1; float:left;  }
.slideBox .hd ul li{ float:left; margin-right:20px; width:14px; height:14px; background:url(../images/hfl_9.png) no-repeat; cursor:pointer; text-indent:-9999px;}
.slideBox .hd ul li.on{ background:url(../images/hfl_10.png) no-repeat;}
.slideBox .bd{ position:relative; height:100%; z-index:0;   }
.slideBox .bd li{ zoom:1; vertical-align:middle; }
.slideBox .bd img{ width:100%; height:auto; display:block;  }

.slideTxtBox{ width:100%;}
.slideTxtBox .hd{ height:32px; position:relative; width:100%; padding:50px 0;}
.slideTxtBox .hd ul{ height:32px; text-align:center; width:645px; margin:0 auto;}
.slideTxtBox .hd ul li{ cursor:pointer; font-size:14px; color:#333; width:107px; height:32px; line-height:32px; text-align:center; display:inline-block; margin:0 auto;}
.slideTxtBox .hd ul li.on{ color:#FFF; background-color:#263645;height:32px;line-height:32px;padding: 0 10px;border-radius:3px;}
.slideTxtBox .bd{}

.slideTxtBox1{ width:100%;}
.slideTxtBox1 .hd{ height:29px; position:relative; width:100%; border-bottom:#d6d6d6 1px solid;}
.slideTxtBox1 .hd ul{ height:32px; width:535px; text-align:center; margin:0 auto;}
.slideTxtBox1 .hd ul li{ cursor:pointer; font-size:14px; color:#FFF; width:150px; height:28px; line-height:28px; text-align:center; display:inline-block; background:#5e5e5e; border:#5e5e5e 1px solid; margin:0 13px;}
.slideTxtBox1 .hd ul li.on{ background:#FFF; border:#d6d6d6 1px solid; border-bottom:#FFF 1px solid; color:#333;}
.slideTxtBox1 .bd{}

.photo_box{ width:506px; float:left;}
.s_img{height:102px;margin-top:30px;}
.photo_box .list_img{float:left;width:460px;height:102px;overflow:hidden;display:inline}
.photo_box .list_img li{height:102px; width:33.3%;text-align:center; cursor:pointer; float:left;}
.photo_box .list_img li img{height:92px;width:135px; border:#e3e3e3 1px solid;}
.photo_box .list_img li img.hover{ border:#263645 5px solid;}
.photo_box .b_img{ width:506px; height:406px; position:relative;}
.photo_box .b_img .ico{ background:url(../images/hfl_69.png) no-repeat; width:65px; height:65px; position:absolute; bottom:0; right:0; z-index:1;}
.list_img img{}
.sPrev,.sNext{ float: left; display: block; width: 22px; height: 44px; text-indent: -9999px; background:url(../images/b06.jpg) left center no-repeat ; margin-top:30px;}
.sNext{ background-position: right center;}


.jqzoom{ float:left; position:relative; padding:0px;/*cursor:pointer;*/}
.jqzoom img{ float:left;}
.zoomdiv{ z-index:100; position:absolute; top:0 !important; left:470px !important; width:200px; height:200px; background:#fff; border:1px solid #09d; display:none; text-align:center; overflow: hidden;}
.bigimg{ width:800px; height:600px;}
.jqZoomPup{ z-index:10; visibility:hidden; position:absolute; top:0px;left:0px; width:50px;height:50px; border:1px solid #aaa; background:#c4c4c4 50% top no-repeat; opacity:0.5; -moz-opacity:0.5;
-khtml-opacity:0.5; filter:alpha(Opacity=50); cursor:crosshair;}

.m_bg{ background:url(../images/hfl_11.jpg) repeat-x #FFF;}
.m_nav{ text-align:center; border-bottom:#a0a0a0 1px solid; padding:40px 0;}
.m_nav a{ height:32px; line-height:32px; text-align:center; display:inline-block; font-size:14px; color:#333; margin:0 11px;padding:0 10px;}
.m_nav a.hover{color:#FFF;background-color:#263645;border-radius:5px;}
.m_nav1{ border-bottom:#a0a0a0 1px solid; padding:40px 0;}
.m_nav1 ul{ width:1000px; margin:0 auto;text-align:center;}
.m_nav1 ul li{ display:inline-block;position:relative;}
.m_nav1 ul li a{ padding:0px 10px; height:32px; line-height:32px; text-align:center; display:inline-block; font-size:14px; color:#666;border-radius:3px;}
.m_nav1 ul li:hover a{ color:#FFF;background-color:#263645;}
 .m_nav1 ul li .on { color:#FFF;background-color:#263645; }
.m_nav1 ul li .other{ width:107px; height:32px; line-height:32px; text-align:center; display:inline-block; font-size:14px; color:#666; background:url(../images/hfl_65.jpg) 100px center no-repeat;}
.m_nav1 ul li .other:hover{ background:url(../images/hfl_64on.jpg) no-repeat; color:#FFF;}
.m_nav1 ul li .otheron{ background:url(../images/hfl_64on.jpg) no-repeat; color:#FFF;}

.m_nav1 ul li:hover .sub{ background:#263645; position:absolute; top:32px;display:block; word-break:keep-all;border-radius:3px;}
.m_nav1 ul li:hover .sub a{ color:#FFF; background:none; float:left; padding:0 9px;height:auto;width:120px;}
.m_nav1 ul li:hover .sub a:hover{ color:#ffa200;}
.m_nav1 ul li .sub{ display:none;}
.m_wrap{ padding:40px 0;}
.m_wrap .img{ float:left; width:320px;}
.m_wrap .con{ float:right; width:630px;}
.m_wrap .con .p1{ font-size:14px; color:#333;}
.m_wrap .con .p1 a{ color:#333;}
.m_wrap .con .p2{ color:#666; background:url(../images/hfl_30.jpg) center left no-repeat; padding-left:15px; line-height:40px;}
.m_wrap .con .p3{ color:#323232; line-height:20px; padding:5px 0;}
.m_wrap .con a.more{ width:80px; height:30px; display:block; margin-top:10px;background-color:#263645;text-align:center;line-height:30px;color:#fff;}
.m_wrap1{ padding-top:40px;}
.m_wrap1 li{ width:232px; float:left; padding:0 24px 15px 0;}
.m_wrap1 li .img{ border:#bbb 1px solid; padding:1px;}
.m_wrap1 li p{ line-height:50px; text-align:center; color:#666;}
.m_wrap1 li.last{ padding-right:0;}
.m_wrap2{ padding-bottom:20px;min-height:365px;background:url(../images/hfl_58.jpg) 43% center no-repeat;}
.m_wrap2 li{ float:left;width:50%; }
.m_wrap2 li .p1{ font-size:14px; color:#333; line-height:40px;}
.m_wrap2 li .p2{ color:#333; line-height:25px;}
.m_wrap2 li .p2 span{ color:#263645;}
.m_wrap2 li .p3{ color:#666; line-height:40px;}
.m_wrap2 li .p4{ padding-top:10px;}
.m_wrap2 li .p4 span{ color:#666; width:120px; display:inline-block;}
.m_wrap2 li .text{ border:#d3d3d3 1px solid; width:234px; height:22px; line-height:22px;}
.m_wrap2 li .submit1{ width:60px; height:28px; margin-right:12px; background-color:#263645;line-height:28px;color:#fff;border-radius:3px;}
.m_wrap2 li .submit2{ background:url(../images/hfl_60.jpg) no-repeat; width:60px; height:24px;}
.m_wrap2 li .textarea{ width:438px; height:128px; border:#d3d3d3 1px solid;}
.m_wrap3{ padding:40px 0;}
.m_wrap3 .img{ float:left; width:292px;}
.m_wrap3 .conc{ float:right; width:555px; color:#333;}
.m_wrap3 .conc .p1{ font-size:16px; background:url(../images/hfl_25.jpg) bottom left no-repeat; padding-bottom:15px; margin-bottom:15px;}
.m_wrap3 .conc .p2{ line-height:25px;}
.m_wrap3 .con p{  color:#333;line-height:25px; font-size:12px;}

.m_wrap3 a.more{width:60px; height:24px; display:block; margin-top:40px;line-height:24px; color:#fff;background-color:#263645;text-align:center;border-radius:3px;}
.m_wrap4{ padding:25px 0;}
.m_wrap4 dl{}
.m_wrap4 dl.w630{ width:630px; float:left;}
.m_wrap4 dl.w325{ width:325px; float:right;}
.m_wrap4 dl dt{ font-size:18px; color:#333; padding:25px 0;}
.m_wrap4 dl dd{}
.m_wrap4 dl dd .box{}
.m_wrap4 dl dd .box li{ padding-bottom:15px;}
.m_wrap4 dl dd .box li .text{ border:#d6d6d6 1px solid; width:306px; height:38px; line-height:38px; text-indent:10px; font-size:14px; color:#999;}
.m_wrap4 dl dd .box li .text1{ border:#d6d6d6 1px solid; width:629px; height:38px; line-height:38px; text-indent:10px; font-size:14px; color:#999; margin-bottom:15px;}
.m_wrap4 dl dd .box li .submit{ width:114px; height:32px;line-height:32px;color:#fff;text-align:center;background-color:#263645;border-radius:5px;}
.m_wrap4 dl dd .box li .textarea{ border:#d6d6d6 1px solid; width:629px; height:192px; text-indent:10px; font-size:14px; color:#999; padding-top:15px;}
.m_wrap4 dl dd .box li span{ font-size:14px; color:#999; display:inline-block; margin-left:15px;}
.m_wrap4 dl dd .box1{}
.m_wrap4 dl dd .box2{ font-size:14px; color:#666; line-height:25px; padding:25px 0;}
.m_wrap4 dl dd .box3{}
.m_wrap4 dl dd .con{margin-top:15px;line-height:24px;}
.m_wrap7{ border:#a0a0a0 1px solid; border-bottom:0;}
.m_wrap7 dt{ border-bottom:#a0a0a0 1px solid; color:#5c5c5c; height:46px; line-height:46px; cursor:pointer;}
.m_wrap7 dt.hover{ background:url(../images/hfl_46.jpg) repeat-y #b00110; color:#FFF; font-weight:bold; font-size:14px;}
.m_wrap7 dt.hover em{ background:url(../images/hfl_44.jpg) center no-repeat; border-right:#434343 1px solid;}
.m_wrap7 dt.hover span{ font-weight:normal; font-size:12px;}
.m_wrap7 dt em{ width:55px; height:46px; display:inline-block; float:left; background:url(../images/hfl_45.jpg) center no-repeat; border-right:#a0a0a0 1px solid; margin-right:35px;}
.m_wrap7 dt span{ float:right; margin-right:20px;}
.m_wrap7 dt a{color:#5c5c5c;}
.m_wrap7 dt.hover a{ color:#fff;}
.m_wrap7 dd{ background:url(../images/hfl_46.jpg) repeat-y #b00110; display:none;}
.m_wrap7 dd .con{ color:#FFF; width:895px; padding:15px 85px; line-height:20px;}
.m_con{ padding:35px 0;}
.m_con .p1{ text-align:center; font-size:16px; color:#323232; line-height:35px;}
.m_con .p2{ text-align:center; color:#6d6d6d;}
.m_con .p3{ color:#6d6d6d; line-height:25px;}
.m_con1{ width:485px; float:right;}
.m_con1 .p1{ font-size:16px; color:#333;}
.m_con1 .p2{ color:#666; background:url(../images/hfl_25.jpg) left bottom no-repeat; line-height:30px; padding-bottom:10px;}
.m_con1 .p2 em{ background:url(../images/hfl_30.jpg) no-repeat; width:12px; height:12px; display:inline-block; vertical-align:-2px; margin-right:10px;}
.m_con1 .p3{ color:#333; line-height:25px;}
.m_con1 .con { color:#333; line-height:24px; font-size:14px;}
.m_con1 .con p { color:#333; line-height:24px; font-size:14px;}

.proxq {margin-top:25px;}
.proxq .putit{ height:40px; line-height:40px;border-bottom:1px solid #e3e3e3;   }
.proxq .putit span{ color:#666; float:left;  border-bottom:1px solid #263645; font-size:18px;}
.proxq .sm {margin-top:10px;line-height:24px;font-size:14px;color:#666;}
.proxq .sm p{font-size:14px;line-height:24px;}

.m_con div p { color:#6d6d6d; line-height:25px; }
.m_list{ border-bottom:#d8d8d8 1px solid; padding:30px 0;}
.m_list .img{ float:left; width:60px;}
.m_list .con{ float:right; width:917px;}
.m_list .con .p1{ font-size:14px; color:#263645;}
.m_list .con .p1 span{ float:right; color:#666;}
.m_list .con .p2{ color:#666; padding-top:5px;}
.m_list1{ position:relative; float:left; overflow:hidden; height:187px; margin:0 25px 25px 0;}
.m_list1 .box1{ background:url(../images/hfl_15.png); width:100%; position:absolute; bottom:0; left:0;}
.m_list1 .box1 p{ height:32px; line-height:32px; font-size:14px; color:#FFF; text-align:center;}
.m_list1 .box2{ background:url(../images/hfl_15.png); width:100%; height:100%; position:absolute;  left:0;}
.m_list1 .box2 p{ font-size:14px; color:#FFF; text-align:center; line-height:65px; padding-top:35px;}
.m_list1 .box2 p a{ color:#fff;}
.m_list1 .box2 .imgs{ background:url(../images/hfl_16.png) no-repeat; width:76px; height:26px; display:block; margin:0 auto;}
.m_list2{ width:320px; float:left; background:#f5f5f5; margin:80px 20px 80px 0;}
.m_list2 .con{ margin:0 30px; height:175px; position:relative;}
.m_list2 .con .p1{ font-size:16px; color:#333; text-align:center; line-height:65px; padding-top:15px;}
.m_list2 .con .p1 a{ color:#333;}
.m_list2 .con .p2{ color:#666; line-height:20px;}
.m_list2 .con a.more{ background:url(../images/hfl_23.png) no-repeat; width:76px; height:26px; position:absolute; bottom:-13px; left:90px;}
.m_list2:hover .con a.more{ background:url(../images/hfl_22.png) no-repeat;}
.m_list3{ width:320px; float:left; padding:50px 20px 50px 0;}
.m_list3 .p1{ font-size:14px; color:#333; font-weight:bold; line-height:40px; padding-top:10px;}
.m_list3 .p1 a{ color:#333; font-weight:bold;}
.m_list3 .p2{ background:url(../images/hfl_30.jpg) left center no-repeat; padding-left:20px; color:#666;}
.m_list3 .p3{ color:#323232; line-height:23px; padding:5px 0;}
.m_list3 a{ color:#666; margin-top:20px; display:inline-block;}
.m_tit{ height:83px;  text-align:center;}
.m_tit .en{ font-size:30px; color:#666; font-family:Arial, Helvetica, sans-serif; padding-top:25px;}
.m_tit .cn{ font-size:16px; color:#878787; }

.page{ text-align:center; padding:30px 0;}
.page a{ color:#666; display:inline-block; height:24px; line-height:24px; padding:0 8px;}
.page a.hover{ color:#FFF; background:#263645;}
.page1{ border-top:#e8e8e8 1px solid; padding:20px 0;}
.page1 a{ display:block; color:#868686; line-height:25px;}
.page1 a.return{ float:right;}
.page2{ text-align:center; padding:30px 0;}
.page2 a{ background:url(../images/hfl_18.jpg) no-repeat; width:25px; height:25px; line-height:25px; text-align:center; display:inline-block; color:#888;}
.page2 a.hover{ background:url(../images/hfl_17.jpg) no-repeat; color:#FFF;}
.cpb { display:inline-block; width:25px; height:25px; line-height:25px;background-color:#263645;color:#fff;border-radius:3px; }
#footer{ background:url(../images/hfl_70.jpg) center repeat-x; height:287px;}
.f_box{ height:234px; padding-top:21px;}
.f_box li{ float:left; background:url(../images/hfl_35.jpg) 85% 70px no-repeat; padding-right:95px; height:234px;}
.f_box li b{ font-size:22px; color:#FFF; display:block; line-height:35px; padding-top:25px;}
.f_box li .logo1{ padding-top:92px;width:227px;}
.f_box li .list{ width:205px;}
.f_box li .list a i{ width:5px; height:5px; display:inline-block; margin-right:10px;color:#263645;}
.f_box li .list a{ display:block; color:#acacac; background:url(../images/hfl_37.jpg) bottom no-repeat; height:33px; line-height:33px;}
.f_box li p{ line-height:25px;}
.f_box li .p1{ font-size:13px; color:#acacac;}
.f_box li .p1 em{ width:12px; display:inline-block; height:14px; margin-right:10px}
.f_box li .p1 em.ico1{ background:url(../images/hfl_38.jpg) center no-repeat;}
.f_box li .p1 em.ico2{ background:url(../images/hfl_39.jpg) center no-repeat;}
.f_box li .p1 em.ico3{ background:url(../images/hfl_40.jpg) center no-repeat;}
.f_box li .p2{ font-size:16px; color:#FFF;}
.f_box li .p3{ font-size:14px; color:#263645;}
.f_box li.last{ background:none; padding-right:0;color:#acacac;line-height:24px;width:368px;}
.f_box li.last p{color:#acacac;}
.f_foot{ height:32px; line-height:32px; color:#7b7b7b;}
.f_foot img{ vertical-align:middle;}
.f_foot a{  color:#7b7b7b;}

.tips { font-size:14px; color:#666; padding-top:20px; text-align:center;}

.lianxi {
    border-bottom: 2px solid #263645;
    position: fixed;
    right: 0;
    top: 300px;
    width: 65px;
}
.lianxi li {
    position: relative;
}
.lianxi li .qq {
    border-bottom: 2px solid #263645;
    bottom: 0;
    display: none;
    position: absolute;
    right: 0;
    width: 140px;
}
.lianxi li .qq .con {
    background: #fff none repeat scroll 0 0;
    padding-bottom: 10px;
    padding-left: 10px;
    padding-top: 10px;
}
.lianxi li .qq p a {
    color: #ccc;
    font-size: 14px;
    line-height: 25px;
}
.lianxi li:hover .qq {
    display: block;
}
.lianxi li .wechat {
    background: rgba(0, 0, 0, 0) url("images/pic90.png") no-repeat scroll 0 0;
    display: none;
    height: 156px;
    padding: 18px 24px 0;
    position: absolute;
    right: 58px;
    top: -46px;
    width: 107px;
}
.lianxi li .wechat p {
    color: #000;
    line-height: 25px;
    text-align: center;
}
.lianxi li:hover .wechat {
    display: block;
}
.lianxi li.line {
    font-size: 0;
}

.sideMenu{margin-top:20px; }
.sideMenu h3{ height:33px; line-height:33px; padding-left:19px; padding-right:14px;  border:1px solid #d0d0d0; background:#f9f9f9; cursor:pointer; font-size:14px; color:#666; font-weight:normal; margin-bottom:10px;}
.sideMenu h3.on{ background:#263645; border-color:#263645; color:#fff; margin-bottom:0;}
.sideMenu h3 a{float:right; color:#666; font-size:12px; padding-right:10px;}
.sideMenu h3.on a{ color:#fff;}
.sideMenu h3 em{ float:right; display:block; width:41px; height:33px; background:url(../images/pic74.png) right center no-repeat;}
.sideMenu h3.on em{ background:url(../images/pic75.png) right center no-repeat;}
.sideMenu .xmd{ padding:0 29px 30px; display:none; border:1px #dedede solid; border-top:none; margin-bottom:20px;}
.sideMenu .xmd p{ color:#666; font-size:14px; line-height:24px; padding-top:20px;}
.sideMenu .xmd p em{ color:#333;}
.sideMenu .xmd p.p1{ border-bottom:1px #dedede solid; padding-bottom:10px;}
.sideMenu .xmd .button{ background:#e8e8e8; color:#666; width:110px; height:31px; margin-top:15px; border:medium none;cursor:pointer;}
.sideMenu .xmd .button:hover{ background:#263645; color:#fff;}

.qq{width:100px;height:32px;line-height:32px;color:#fff;background-color:#263645;display:inline-block;text-align:center;border-radius:3px;margin-left:10px;margin-right:10px;}



/*客服1*/
#floatDivBoxs{width:170px;background:#fff;position:fixed;top:100px;right:-170px;z-index:999;}
#floatDivBoxs .floatDtt{width:100%;height:45px;line-height:45px; background:#f08326;color:#fff;font-size:18px;text-indent:22px;position:relative;}
#floatDivBoxs .floatDqq{padding:0 14px;}
#floatDivBoxs .floatDqq li{height:45px;line-height:45px;font-size:15px;border-bottom:1px solid #e3e3e3; text-align:left}
#floatDivBoxs .floatDqq li img{ float:left; margin-top:12px; margin-left:15px; margin-right:5px;}
#floatDivBoxs .floatDtxt{font-size:18px;color:#333;padding:12px 14px;}
#floatDivBoxs .floatDtel{padding:0 0 15px 10px;}
#floatDivBoxs .floatImg{text-align:center;padding:10px;background:#EBEBEB;}
#floatDivBoxs .floatImg img{ margin-bottom:5px;}
#floatDivBoxs .floatDtel img{display:block;}
#floatDivBoxs .floatDbg{width:100%;height:20px;background:url(../images/online_botbg.jpg) no-repeat;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
.floatShadow{ background:#fff;box-shadow:-2px 0 3px rgba(0,0,0,0.25);}
#rightArrow{width:50px;height:45px;background:url(../images/online_arrow.jpg) no-repeat;position:fixed;top:100px;right:0;z-index:999;}
#rightArrow a{display:block;height:45px;}
#floatDivBoxs .wechatimg{padding:20px;text-align:center;}
#floatDivBoxs .wechatimg img{max-width:130px;}

/*客服2*/
.rides-cs {  font-size: 12px; background:#263645; position: fixed; top: 250px; right: 0px; _position: absolute; z-index: 1500; border-radius:6px 0px 0 6px;}
.rides-cs a { color: #00A0E9;}
.rides-cs a:hover { color: #ff8100; text-decoration: none;}
.rides-cs .floatL { width: 36px; float:left; position: relative; z-index:1;margin-top: 21px;height: 181px;}
.rides-cs .floatL a { font-size:0; text-indent: -999em; display: block;}
.rides-cs .floatR { width: 130px; float: left; padding: 5px; overflow:hidden;}
.rides-cs .floatR .cn {background:#F7F7F7; border-radius:6px;margin-top:4px;}
.rides-cs .cn .titZx{ font-size: 14px; color: #333;font-weight:600; line-height:24px;padding:5px;text-align:center;}
.rides-cs .cn ul {padding:0px;}
.rides-cs .cn ul li { line-height: 38px; height:38px;border-bottom: solid 1px #E6E4E4;overflow: hidden;text-align:center;}
.rides-cs .cn ul li span { color: #777;}
.rides-cs .cn ul li a{color: #777;}
.rides-cs .cn ul li img { vertical-align: middle;}
.rides-cs .btnOpen, .rides-cs .btnCtn {  position: relative; z-index:9; top:25px; left: 0;  background-image: url(../images/kefu1.png); background-repeat: no-repeat; display:block;  height: 146px; padding: 8px;}
.rides-cs .btnOpen { background-position: 0 0;}
.rides-cs .btnCtn { background-position: -37px 0;}
.rides-cs ul li.top { border-bottom: solid #ACE5F9 1px;}
.rides-cs ul li.bot { border-bottom: none;}
.rides-cs .wechatimg{padding:20px;text-align:center;}
.rides-cs .wechatimg img{max-width:100px;}

/*客服3*/
#scrollsidebar{position:absolute; z-index:999; top:150px; right:0px;}
#side_content{width:154px; height:auto; overflow:hidden; float:left;}   /*width:0;*/
#side_content .side_list {width:154px;overflow:hidden;}
#show_btn{ width:0; height:112px; overflow:hidden; margin-top:50px; float:left; cursor:pointer;}   /*width:25px;*/
#show_btn span { display:none;}
#close_btn{width:24px;height:24px;cursor:pointer;}
.side_titles,.side_bottom,#close_btn,#show_btn {background:url(../images/sidebar_bg.gif) no-repeat;}
.side_titles {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:17px 10px 0 0; _margin:17px 5px 0 0;}
#close_btn span { display:none;}
.side_center .qqserver p { text-align:center; padding:5px 0;}
.phoneserver  {font-size:10px; text-align:center;}
.phoneserver p { padding:2px 0; _height:16px;}
.msgserver { text-align:center; margin-bottom:5px;}
.msgserver a { background:url(../images/sidebar_bg.gif) no-repeat -119px -115px; padding-left:20px;}
#side_content hr { border-width:0 0 1px 0; height:1px; margin:10px 0;}

.side_center .wechatimg{padding:10px;text-align:center;}
.side_center .wechatimg img{max-width:110px;}


/* blue skin  */
.side_blue .side_titles {background-position:-365px 0; }
.side_blue .side_center { background:url(../images/blue_line.gif) repeat-y center;}
.side_blue .side_bottom {background-position:-365px -50px;}
.side_blue #close_btn {background-position:-44px 0;}
.side_blue #close_btn:hover {background-position:-66px 0;}
.side_blue #show_btn {background-position:-119px 0;}
.side_blue .msgserver a { color:#06C;}
.side_blue hr{border:1px solid #dbe4e9;}

/* yellow skin  */
.side_yellow .side_titles {background-position:-565px 0;}
.side_yellow .side_center { background:url(../images/yellow_line.gif) repeat-y center;}
.side_yellow .side_bottom {background-position:-565px -50px;}
.side_yellow #close_btn {background-position:-44px -23px;}
.side_yellow #close_btn:hover {background-position:-66px -23px;}
.side_yellow #show_btn {background-position:-147px 0;}
.side_yellow .msgserver a { color:#f78b00;}
.side_yellow hr{border:1px solid #f7f5df;}

/* green skin  */
.side_green .side_titles {background-position:-765px 0;}
.side_green .side_center { background:url(../images/green_line.gif) repeat-y center;}
.side_green .side_bottom {background-position:-765px -50px;}
.side_green #close_btn {background-position:-44px -46px;}
.side_green #close_btn:hover {background-position:-66px -46px;}
.side_green #show_btn {background-position:-175px 0;}
.side_green .msgserver a { color:#769a0f;}
.side_green hr{border:1px solid #edf2e5;}

/* Orange skin  */
.side_orange .side_titles {background-position:-965px 0;}
.side_orange .side_center { background:url(../images/orange_line.gif) repeat-y center;}
.side_orange .side_bottom {background-position:-965px -50px;}
.side_orange #close_btn {background-position:-44px -67px;}
.side_orange #close_btn:hover {background-position:-66px -67px;}
.side_orange #show_btn {background-position:-203px 0;}
.side_orange .msgserver a { color:#d25b04;}
.side_orange hr{border:1px solid #feefde;}

/* gray skin  */
.side_gray .side_titles {background-position:-1165px 0;}
.side_gray .side_center { background:url(../images/gray_line.gif) repeat-y center;}
.side_gray .side_bottom {background-position:-1165px -50px;}
.side_gray #close_btn {background-position:-44px -90px;}
.side_gray #close_btn:hover {background-position:-67px -90px;}
.side_gray #show_btn {background-position:-231px 0;}
.side_gray .msgserver a { color:#6c6c6c;}
.side_gray hr{border:1px solid #e4e4e4;}

/* white skin  */
.side_white .side_titles {background-position:-1365px 0;}
.side_white .side_center { background:url(../images/white_line.gif) repeat-y center;}
.side_white .side_bottom {background-position:-1365px -50px;}
.side_white #close_btn {background-position:-67px -90px;}
.side_white #close_btn:hover {background-position:-45px -90px;}
.side_white #show_btn {background-position:-259px 0;}
.side_white .msgserver a { color:#6c6c6c;}
.side_white hr{border:1px solid #e4e4e4;}


/*客服4*/
.cbl {
    background: #fff none repeat scroll 0 0;
    height: 176px;
    position: fixed;
    right: 0;
    top: 30%;
    width: 55px;
}
.cbl a.fh {
    background: #263645 url("../images/cb.png") no-repeat scroll 0 -179px;
    display: block;
    height: 20px;
    margin-bottom: 2px;
    padding-top: 37px;
    text-align: center;
    width: 55px;
    color:#fff;
}
.cbl a.fh:hover {
    background-color: #263645;
}
.cbl a.md {
    background: #263645 url("../images/cb.png") no-repeat scroll 0 -9px;
    display: block;
    height: 20px;
    margin-bottom: 2px;
    padding-top: 37px;
    text-align: center;
    width: 55px;
    color:#fff;
}
.cbl a.md:hover {
    background-color: #263645;
}
.cbl .kf {
    background: #263645 url("../images/cb.png") no-repeat scroll 1px -67px;
    height: 20px;
    margin-bottom: 2px;
    padding-top: 37px;
    position: relative;
    text-align: center;
    width: 55px;
    color:#fff;
    cursor:pointer;
}
.cbl .kf:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    height: 260px;
}
.cbl .kf:hover .kftc {
    display: block;
}
.kftc {
    display: none;
    height: 300px;
    left: -100px;
    position: absolute;
    top: 0;
    width: 155px;
    z-index: 10000;
}
.kftou {
    background: #263645 url("../images/cb.png") no-repeat scroll -5px -51px;
    color: #fff;
    font-size: 16px;
    height: 70px;
    line-height: 70px;
    padding-left:30px;
    color:#fff;
}
.qqkf {
    background: #fff none repeat scroll 0 0;
    border-left: 3px solid #263645;
    border-bottom: 3px solid #263645;
    height: 230px;
    width: 152px;
}
.md, .kf, .db, .fh {
    height: 18px;
    padding-top: 37px;
    text-align: center;
}
.cbl a.db {
    background: #263645 url("../images/cb.png") no-repeat scroll 0 -122px;
    display: block;
    height: 20px;
    margin-bottom: 2px;
    padding-top: 37px;
    text-align: center;
    width: 55px;
    color:#fff;
}
.cbl a.db:hover {
    background-color: #263645;
}
.kfqq {
    padding-top: 12px;
}
.kfqq span {
    margin-left: 5px;
    color:#666;
}