/*通用及顶部CSS*/
@import url(main.css);
#Top{ height:80px; padding:8px 0}
#Top #Sign{ float:left}
#Top #Sign img{ float:left}
#Top #Sign h2{ float:left; font-size:16px; font-weight: bold; line-height:150%; color:#666; padding-top:15px; font-family: "微软雅黑","Microsoft Yahei"}
#Top #Tel{ float:right}

#menu_bg{ height:55px; background-color:#e93700}
#Menu li{ float: left;  height:55px; width:129px; border-left: 1px solid #b92c00; text-align:center}
#Menu li a{ display: inline-block; width:128px; height:55px; line-height:55px; color:#FFF; font-size:16px; text-decoration:none; border-left:1px solid #ff733b}
#Menu li a:hover,#Menu li a.link_over{ background-color:#222;}

#note_bg{ background-color:#24264D; height:40px; line-height:40px;color:#FFF}
#note_bg li{ float:left; height:40px; line-height:40px; font-size:14px; padding-right:30px; color:#CCC}
#note_bg a{ color:#FFFF00}

.line_bg{ height:45px; background:url(../Images/line.gif) center center repeat-x}
.line_bg h3{ height:45px; line-height:45px; background-color:#FFF; font-size:24px; float:left; font-weight:normal; padding-right:10px}

/*服务*/
#service li{ float:left; width:170px; margin:10px; border:1px solid #CCC; text-align:center; padding:9px;box-shadow: 2px 2px 2px #ddd;}
#service li a{ display:inline-block;}
#service li a span{ display:inline-block; width:76px; height:56px; background:url(../Images/yuanquan.png); text-align:center; padding-top:20px}
#service li a h2{ font-size:18px; color:#333; text-align:center; height:45px; line-height:45px; font-weight: bold; color:#FF3D00}
#service li a p{ text-align:left; line-height:150%; font-size:14px; color:#333; padding:0 5px 5px 5px}
#service li a .more{display: inline-block; width:150px;height:28px;line-height: 28px;border: 1px solid #555;border-radius: 5px;text-align: center;color: #262626; margin-top:10px}

#service li a:hover span{ background-image: url(../Images/huang.png)}
#service li a:hover .more{ background-color:#ffcc00; border:none; height:30px}

/*网店套餐*/
#weblist li{ float: left; width:220px; margin:11px;  padding:10px}
#weblist li a{ display:inline-block}
#weblist li a.wztitle:link,#weblist li a.wztitle:visited{ width:220px; height:220px; background:url(../Images/pc.gif); font-family:Arial, Helvetica, sans-serif; font-size:24px; text-align:center; line-height:200px; color:#FFF}
#weblist li a.wztitle:hover{ background:url(../Images/pc_over.gif); color:#FFF}
#weblist li h3{ font-size:20px; color:#333; text-align:center; height:45px; line-height:45px; font-weight: bold;color:#FF3D00 }
#weblist li .p1{ font-size:14px;  line-height:150%; color:#000; margin-bottom:8PX;}
#weblist li .p2{ line-height:150%; color:#555; font-size:14px}
#weblist li a.wzmore:link,#weblist li a.wzmore:visited{ width: 218px; height: 38px;line-height: 38px;color: #333; margin-top: 20px;border: 1px solid #4f4f4f; border-radius: 5px;text-align: center;font-size: 20px;}
#weblist li a.wzmore:hover{ width:220px; height:40px; border:0px;background-color:#ffcc00; line-height:40px}

/*企业推广*/
#tuiguang{ background-color:#FF470F; color:#FFF; padding:20PX 0}
#tuiguang h3{background-color:#FF470F; text-align:center; float:none; background:url(../Images/line1.gif) center repeat-x}
#tuiguang h3 strong{ display:inline-block; background-color:#FF470F; font-weight:normal; padding:0 10px}
.tuiguanglist { padding:20px 0}
.tuiguanglist .left { padding-left:20px; width:400px}
.tuiguanglist .left li{ padding:10px 0; font-size:16px; list-style:inside; width:100%}
.tuiguanglist .right{ padding-right:15px}

/*box_yy预约*/
#box_yy{ background:url(../Images/yy.gif); height:95px; padding-top:25px}
#box_yy li{ float:left; width:280px; margin:0 35px; height:70px; text-align:center }
#box_yy a:link,#box_yy a:visited{ display:inline-block; font-size:18px; text-align:center; width:100%; background-color:#000B15;  height:70px; line-height:70px; color:#FFF;filter:alpha(opacity=80);opacity:0.8;}
#box_yy a:hover{ background-color:#FF470F;filter:alpha(opacity=100);opacity:1;}
/*website*/
#website .line_bg{ height:50px; background:url(../Images/line.gif) center center repeat-x; margin-bottom:15px}
#website .line_bg h3{height:50px; line-height:50px; background-color:#FFF; font-size:24px; font-weight:normal; text-align:center; margin-left:300px;padding-left:10px;}
#website .line_bg h3 strong{ font-weight:normal; color:#F00}
#website .left{ width:370px; height:293px; background:url(../Images/tg1.gif) top center no-repeat; padding-left:99px}
#website .left p{ font-size:14px; font-weight:bold; padding-top:40px}
#website .left li{ padding:3px 0; height:23px; line-height:23px}
#website .right { width:500px}
#website .right h3{ font-size:16px; color:#333; margin-bottom:10px}
#website .right li{ color:#333; padding:8px 0; font-size:14px; list-style:inside; width:100%}
#website .right p a{ display:inline-block; background-color:#FFD201; padding:10px 30px; font-size:18px; color:#333}

#case .line_bg{ margin-bottom:10px}
#case .line_bg em{ display:inline-block; float:right; background-color:#FFF; height:45px; font-style:normal; font-size:18px; font-family:Arial, Helvetica, sans-serif; line-height:45px; padding-left:15px}
#case .line_bg em a{ color:#F00}
#case li{ float:left; width:328px; height:270px; margin:10PX; display:inline-block; padding: 0 2px 2px 0; background:url(../Images/li_bg.jpg) bottom right no-repeat}
#case li a{ display:inline-block; width:318px; height:259px; border:1px solid #bababa; padding:3px}
#case li a img{ width:318px; height:229px}
#case li a h3{ height:30px; line-height:30px; font-size:14px; text-align:center; font-weight:normal;}
#case li a:hover{ border:2px solid #FF470F}
/*新闻*/
#newstitle li{ width:330px; float:left; height:40px; background-color:#CCC; border-right:2PX solid #FFF; line-height:40PX; font-size:16px; font-weight:bold; padding-left:18px; cursor: pointer}
#newstitle .li_over{ background-color:#FFD201}
#newslist .right{ width:680px; text-align:left; height:260px; overflow:hidden}
#newslist .right li{  font-size:14px}
#newslist .right li h3{ font-size:14px; padding:4px 0}
#newslist .right li h3 a{ font-size:14px}
#newslist .right li h3 a font{ color:#666; font-size:12px; font-weight:normal}
#newslist .right li p{ color:#555; font-size:12px; border-bottom:1px dashed #666; padding-bottom:6PX; line-height:150%}
#newslist .right li a.more{ font-size:14px; display:inline-block; border:1px solid #999; padding:5px 10px; margin-top:10px; color:#F00}

/*关于我们*/
#boxabout{ background:url(../Images/Part5.jpg) top center; padding:20px 0; height:350px}
#boxabout .left{ float:left;width:350px; padding:0px; margin:0px}
#boxabout .right{ float: right; width:680px; padding-left:20px}
#boxabout .right h2{ font-size:18px; font-weight: bold; height:30px; border-bottom:1px solid #CCC; margin-bottom:10px}
#boxabout .right h2 em{ float:right; font-size:16px; font-style:normal}
#boxabout .right h2 em a{ color:#F00; font-weight:normal}
#boxabout .right .about_txt{ font-size: 14px; line-height:200%; text-indent:2em}

#btmbg{ background:url(../Images/foot.gif) top center; color:#CCC; font-size:14px; line-height:200%}
#btmbg a{ color:#CCC}
#btmmenu { border-bottom:1px solid #666; height:45px;}
#btmmenu li{ float:left; width:105px; height:45px; line-height:45px; text-align:center}
#btmmenu li a:hover{ color:#FFD201}
#btmbg .left,#btmbg .right{ padding:15px 0}
#btmbg .left p{ line-height:25px; padding:5px 0}


/*about*/
#about{ background:url(../Images/about.jpg) top  center no-repeat; height:559px}
#a_part1 { height:350px; background-color:#F1F1F1; padding:50px 0}
#a_part1 .left{ width:480px; line-height:200%; font-size:14px}
#a_part1 .left h3{ font-size:20px; height:50px; line-height:50px; }
#a_part1 .left h4{ font-size:16px; color:#555}

#a_part2{ height:400px; background:url(../Images/about3.jpg) right center no-repeat; padding-top:51px;line-height:200%; font-size:14px}
#a_part2 h3{ font-size:20px; height:50px; line-height:50px;}
#a_part2 h4{ font-size:16px; color:#555}

#a_part3{ background-color:#FF470F; padding:30px 0}
#a_part3 h2{ font-size:24px; text-align:center ; color:#FFF}
#a_part3 h3{ font-size:14px; color:#FFF; padding:20px 0; font-weight:normal; background:url(../Images/about_4.gif) bottom center no-repeat; text-align: center}
#a_part3 ul{ padding:20px 50px}
#a_part3 li { list-style:inside; font-size:14px; padding:5px 0; color:#FFF}


/*news*/
#news_part .left{ width:230px; background-color:#F1F1F1; padding-bottom:300px}
#news_part .left h2{ background-color:#E94709; height:45px; line-height:45px; color:#FFF; font-size:16px; padding-left:15px}
#news_part .left li{ height:40px; line-height:40px; border-bottom:1px solid #CCC}
#news_part .left li a{ display:inline-block; width:200px; line-height:40px; padding-left:30px; background:url(../Images/ico_1.png) left center no-repeat; font-size:14px}
#news_part .left li a:hover{ background-color:#DDD}
#news_part .right{ width:800px}
#news_part .right h2{ background-color:#F6F6F6; height:45px; line-height:45px;  font-size:16px; border-bottom:1px solid #CCC}
#news_part .right h2 strong{ display:inline-block;color:#F00; border-bottom:1px solid #F00; height:44PX; width:120PX; text-align:center}

#news_part .right #nlist{ padding:15px}
#news_part .right #nlist li{ padding:2px 0; font-size:14px; border-bottom:1px solid #DDD; height:80px; line-height:150%}
#news_part .right #nlist li a{ display:inline-block; float:left; padding:5PX 0; width:83%; padding-right:2%; color:#666}
#news_part .right #nlist li a h3{ font-size:16px; color:#144ab5}
#news_part .right #nlist li a p{ text-indent:2em; font-size:14px; padding-top:3px; line-height:160%}
#news_part .right #nlist li a:hover p{ color:#F30}
#news_part .right #nlist li span{ float:right; width:15%; height:60px; background-color:#EEE; text-align:center; font-size:12px; color:#666; padding:10px 0}
#news_part .right #nlist li span a{ font-size:14px; color:#333;text-align:center; width:100%;}
#news_part .right #nlist li span a:hover{ color:#F30}

#news_part .right h1{ font-size:20px;  text-align:center; padding:15px 0; color:#333}
.p_date{ font-size:12px; color:#999; text-align:center}
.p_date a{ color:#999}
.news_txt{ font-size:14px; line-height:200%; padding-top:10PX}
#news_link { border-top:1px solid #CCC; margin-top:10PX; padding-top:10PX}
#news_link .pre{ float:left}
#news_link .next{ float:right}

/*case*/
#case_banner{ height:405px; background:url(../Images/case_banner.jpg) top center}
#case_bg { background:url(../Images/case_bg.jpg) top center no-repeat}
.case_title{ font-size:16px; text-align:right; padding-top:20px}

#case_view{ background-color:#F1F1F1}
#page_nav{ height:40px; line-height:40px}
#case_cnt{ background-color:#FFF; background:url(../Images/bg1.jpg);}
#case_left{ float:left; width: 799px;}
#case_left #top{ border-bottom:1px solid #DDD; background-color:#FAFAFA; margin-left:2px; padding:15px}
#case_left #top h1{ font-size:20px; font-weight:normal}
#case_left #top p{ padding:10px 0; color:#555; font-size:12px; color:#2467a1}
#case_left #top p i{}
#case_left #top p span{ padding-right:15px}
#case_cnt_txt{ padding:20px; font-size:14px; line-height:200%}
#case_cnt_txt img{ max-width:750px}
#case_link { padding:20px;}
#case_link h3{ background-color:#3F3F3F; height:40px; line-height:40px; color: #FFF; padding-left:15px; font-size:14px}
#case_link ul{ background-color:#999; padding-bottom:15px}
#case_link li{ float:left; width:218px; height:193px; background-color:#FFF; margin:15px; border:1px solid #999}
#case_link li img{ width:218px; height:163px}
#case_link li h3{ height:30px; line-height:30px; text-align:center; padding:0px; background-color:#555; font-weight:normal}
#case_right{ float:left; width:251px}
#case_right UL{ margin:1PX; padding-right:1PX; width:247px}
#case_right li{ height:55px; background:url(../Images/li_bg1.jpg); line-height:55px; border-bottom:1px solid #DDD; padding-left:30PX; font-size:16px; }
#case_right li a{color:#E93700}
#case_right li a:hover{ color:#2467a1}

/*website目录*/
#p_list li{ float:left; width:320px; display:inline-block; margin:15px; padding:0px; }
#p_list li .l_left{ float:left; width:8px; padding-top:292px}
#p_list li .l_right{ background-color:#FF723A; width:312px; float: right;}
#p_list li .l_right h4{ background:url(../Images/siteweb_bg.jpg); height:157px; text-align:center; line-height:150px; font-size:24px; color:#FFF; font-weight:normal; }
#p_list li .l_right .p_txt{ padding:15px;}
#p_list li .l_right .p_txt .p1{font-size:14px;  line-height:150%; color:#FFF; margin-bottom:8PX;}
#p_list li .l_right .p_txt .p2{ line-height:150%; color:#CCC; font-size:14px}
#p_list li .l_right .p3{ background-color:#FFF; height: 48px; font-size:30px; width:90%; text-align:center; line-height:48px; color:#E60405}
#p_list li .l_right .p_desc{ border-bottom:1px solid #FFF; padding:20PX; line-height:180%; font-size:14px; color:#FFF}
#p_list li .l_right .font1{ color:#FF0}
#p_list li .l_right .p_btm{ background:url(../Images/siteweb_bg2.jpg); height:88px; margin-top:30px; text-align:center; font-size:24px; padding-top:8px}
#p_list li .l_right .p_btm a{ margin-left:40px}
#other_bg{ background-color:#EDEDED; height:300px}
#other_bg h2{ font-size:30px; text-align:center; color:#333; height:80px; line-height:80px; border-bottom:1px solid #BBB; font-weight:normal; margin-bottom:15px}
#other_bg li{ float:left; margin:11px; width:240px; text-align:center}
#other_bg #m1 a span{ width:120px; height:120px; display: inline-block; background: url(../Images/other1.png)}
#other_bg #m1 a h3{ height:40px; line-height:40px; font-size:16px}
#other_bg #m1 a:hover span{ background:url(../Images/other1-1.png)}

#other_bg #m2 a span{ width:120px; height:120px; display: inline-block; background: url(../Images/other2.png)}
#other_bg #m2 a h3{ height:40px; line-height:40px; font-size:16px}
#other_bg #m2 a:hover span{ background:url(../Images/other2-1.png)}

#other_bg #m3 a span{ width:120px; height:120px; display: inline-block; background: url(../Images/other3.png)}
#other_bg #m3 a h3{ height:40px; line-height:40px; font-size:16px}
#other_bg #m3 a:hover span{ background:url(../Images/other3-1.png)}

#other_bg #m4 a span{ width:120px; height:120px; display: inline-block; background: url(../Images/other4.png)}
#other_bg #m4 a h3{ height:40px; line-height:40px; font-size:16px}
#other_bg #m4 a:hover span{ background:url(../Images/other4-1.png)}

/*seo*/
#banner_seo{ background:url(../Images/banner5.jpg) top center; height:500px}
#seo_title{ border-left:5px solid #B50000; height:40px; line-height:40px;font-size:24px; padding-left:20px}
.wd420{ width:420px; text-align: center}
.wd630{ width:630px}
.wd630 h3{ font-size:24px; height:60px; line-height:60px; color:#333; font-weight:normal}
.wd630 h3 em{ width:55px; height:60px; float:left; background:url(../Images/xuhao.png); color:#fff; text-align:center; font-size:36px; padding-right:5px; margin-right:10px; font-family:Arial, Helvetica, sans-serif}
.wd630 p{ padding:15px 0; line-height:200%; color:#555; font-size:14px}
.seo_line{ padding:20px 0; border-bottom:1px dashed #CCC}
#seo_bg{ background-color:#F5F0F0; border-top:2px solid #CCC; padding:15px 0}
#seo_bg h2{ font-size:24px; line-height:50px}
#seo_bg li{ float:left; width:262px; margin:11px; width:210px; padding:15px;  color:#fff; height:150px}
#seo_bg .li1{ background-color:#9E0000}
#seo_bg .li2{ background-color:#B50000}
#seo_bg .li3{ background-color:#DA2727}
#seo_bg .li4{ background-color:#EB5959}
#seo_bg li h3{ height:40px; line-height:40px; border-bottom:1px solid #CCC; font-size:16px; text-align:center; margin-bottom:10px}
#seo_bg li p{ font-size:14px; line-height:150%}

/*service*/
#domain_banner{ height:500px; background:url(../Images/domain.jpg) top center; color:#FFF}
#domain_banner h2{ font-size:36px;  font-weight:normal; padding-top:150PX}
#domain_banner h3{ font-size:28px; font-weight:normal; padding-top:10px; color:#F86E0B}

#domain_item { background:url(../Images/in_04.jpg) center bottom no-repeat ; height:660px}
#domain_item li{ float:left; width:330px; margin:10px;}
#domain_item li .li_bg{ background:url(../Images/in_05.png); position:relative; margin-top:55px; text-align:center; width:330px; height:255px}
#domain_item li .li_bg b{ display:inline-block; width:116px; height:116px; overflow:hidden;position:absolute; top:-55px; left:107px}
#domain_item li .li_bg .b1{ background:url(../Images/domain_1.png); }
#domain_item li .li_bg .b2{ background:url(../Images/domain_2.png); }
#domain_item li .li_bg .b3{ background:url(../Images/domain_3.png);}
#domain_item li .li_bg .b4{ background:url(../Images/domain_4.png);}
#domain_item li .li_bg .b5{ background:url(../Images/domain_5.png);}
#domain_item li .li_bg .b6{ background:url(../Images/domain_6.png);}
#domain_item li .li_bg p{ clear:both; height:100px; text-align:center; font-size:36px; color:#FFF; padding-top:100PX}
#domain_item li .li_bg p span{ font-size:16px;}
#domain_item li .li_bg p font{ font-size:14px; color:#BBB}
#domain_item li .li_bg h3{ height:55px; line-height:55px; font-size:18px; color:#FFF; font-weight:normal}
.h3_1{ background-color:#F86D0D}
.h3_2{ background-color:#E0605D}
.h3_3{ background-color:#4C869C}
.h3_4{ background-color:#9CBF3D}
.h3_5{ background-color:#96CB11}
.h3_6{ background-color:#4C869C}
#domain_case { background-color:#E2E2E2}
#domain_case h2{ text-align:center; font-size:30px; font-weight:normal; height:60px; line-height:60px; padding-top:20px; margin-bottom:20px}
#domain_case li{ width:300px; float:left; height:300px; padding:0 20px; text-align:center}
#domain_case .li_line{ background:url(../Images/in_06.png) center center no-repeat; width:15px; padding:0px}
#domain_case li h3{ font-size:24px; height:50px; line-height:50px; font-weight:normal; color:#333}
#domain_case li P{ font-size:14px; padding:0 20PX; line-height:200%; color:#555}
#domain_case li a:link,#domain_case li a:visited{ display:inline-block; margin:10px; width:70px; line-height:45px; text-align:center; color:#FFF;border-radius: 5px; background-color:#F86D0D; font-size:16px}
#domain_case li a:hover{ background-color:#f18031}
#domain_case li a.a2:link,#domain_case li a.a2:visited{ background-color:#746962}
#domain_case li a.a2:hover{ background-color:#7d7671}

#domain_ys{ background:url(../Images/s_bg.jpg); height:390px}

/*caontact*/
#caontact_txt h3{ font-size:18px; font-weight:normal; margin-bottom:10px; float:left; background-color:#222; color:#FFF; padding:8PX 30PX}
#caontact_txt{ display:inline-block; padding-left:200px; font-size: 14px;background:url(../Images/contact.jpg)  center right no-repeat; width:850px}
#caontact_txt p{ clear:both; padding:6px 0}

/*营销网站*/
#yx_banner{ height:550px; background:url(../Images/banner1.jpg) center center no-repeat}
#yx_title{ text-align:center; padding:40px 0}
.yx_box .left{ padding:20px; width:390px;}
.yx_box .right { float: right; width:600px}
.yx_box  p{ font-size:16px; line-height:200%}
.yx_box strong{ font-size:18px; color:#F00}

#yx_box2,#yx_box4{ background-color:#F3F3F3; padding:30px 0}
#yx_box5{ padding:20px 0; text-align:center}
#yx_box6 td{ font-size:14px; line-height:200%}
#yx_box5 a{ display:inline-block; background-color:#FFCC00; width:150px; height:60px; line-height:60px; font-size:24px; margin-top:40px; color:#222;border-radius: 5px;}
#yx_box5 a:hover{ background-color:#ffdc50}

/*手机*/
#mb_banner1{ height: 550px; background:url(../Images/mb_banner.jpg) top center no-repeat; color:#FFF}
#mb_banner1 h3,#mb_banner1 p{ padding-left:400px}
#mb_banner1 h3 { padding-top:100px; font-size:36px; font-weight:normal; line-height:150%}
#mb_banner1 p{ font-size:14px; line-height:200%; padding-top:20px; color:#FFF}
#mb_banner2{ background:url(../Images/mb_banner1.jpg) top center no-repeat; height:700px}
#mb_banner3{ background:url(../Images/mb_banner2.jpg) top center no-repeat; height:700px; color:#FFF}
#mb_banner3 h3{padding-top:100px; font-size:36px; font-weight:normal; line-height:150%}
#mb_banner3 p{ padding-top:20px; line-height:200%; font-size:12px; }
#mb_banner3 p strong{ font-size:16px}
#mb_banner4{ height:700px; background:url(../Images/mb_banner3.jpg) top center}
#mb_feedback h3{ height:50px; line-height:50px; border-bottom:1px solid #CCC; text-align:center; font-size:30px; font-weight:normal; padding:20px 0; margin-bottom:20px; color:#E93700}
#mb_feedback .tel{ font-size:30px; text-align:center; color:#E93700}
#mb_mb li{ float: left; width:216px; margin:0 23px; height:350px; background:url(../Images/wwz_27.png) top center no-repeat; text-align:center; padding-top:55px}
#mb_mb li img{ border:1px solid #DDD}
#mb_contact{ background:url(../Images/in_09.jpg) top center no-repeat; height:144px; text-align:center; line-height:144px; font-size:24px; color:#FFF}
#mb_contact a{width: 188px;
  height: 50px;
  display: inline-block;
  background-color: #96cb11;
  border-radius: 5px;
  text-align: center;
  line-height: 50px;
  font-size: 18px;
  color: #fff; margin:0 20px}
#mb_contact a:hover{ background-color:#a0c10f; color:#fdf0e1}
#mb_contact span{ font-size:14px}
/*如何选择*/
#banner_select{ background:url(../Images/banner6.jpg) top center no-repeat; height:560px}
#banner_select h1{ font-size:36px; text-align:center; padding-top:150px; color:#333}
#banner_select p{ font-size:20px; color:#333; padding:20px 100px; line-height:200%}
.select_bg{ background-color:#FEBE16; padding:20px 0}
.wd450{ width:420px; padding:15px; text-align:center}
.wd600{ width:570px; padding:15px}
.wd600 h3{ font-size:30px; padding:20px 0; font-weight:normal}
.wd600 p{ font-size:16px; line-height:200%}
.padding_20{ padding:20px 0}

/*漂浮客服*/
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#227AD4;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}


/*漂浮客服*/
.side{position:fixed;width:54px;height:275px;right:0;top:214px;z-index:100;}
.side ul li{width:54px;height:54px;float:left;position:relative;border-bottom:1px solid #444;}
.side ul li .sidebox{position:absolute;width:54px;height:54px;top:0;right:0;transition:all 0.3s;background:#000;opacity:0.8;filter:Alpha(opacity=80);color:#fff;font:14px/54px "微软雅黑";overflow:hidden;}
.side ul li .sidetop{width:54px;height:54px;line-height:54px;display:inline-block;background:#000;opacity:0.8;filter:Alpha(opacity=80);transition:all 0.3s;}
.side ul li .sidetop:hover{background:#227AD4;opacity:1;filter:Alpha(opacity=100);}
.side ul li img{float:left;}