@charset "utf-8";
/* CSS Document */

h1{ font-size:1.5em}
h2{ font-size:100%}
input{ background:transparent}
.Absolute-Center{ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0}
.box-shadow-1-000{ -webkit-box-shadow: 0px 0px 3px #000; -moz-box-shadow: 0px 0px 3px #000; box-shadow: 0px 0px 3px #000;} 
.box-shadow-1-333{ -webkit-box-shadow: 0px 0px 5px #333; -moz-box-shadow: 0px 0px 5px #333; box-shadow: 0px 0px 5px #333;} 
.box-shadow-1-444{ -webkit-box-shadow: 0px 0px 3px #444; -moz-box-shadow: 0px 0px 3px #444; box-shadow: 0px 0px 3px #444;} 
.linear{
FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=rgba(255,255,255,0.8),endColorStr=rgba(180,180,180,0.8)); /*IE 6 7 8*/
background: -ms-linear-gradient(top, rgba(255,255,255,0.8),  rgba(180,180,180,0.8));        /* IE 10 */
background:-moz-linear-gradient(top,rgba(255,255,255,0.8),rgba(180,180,180,0.8));/*火狐*/
background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(rgba(255,255,255,0.8)), to(rgba(180,180,180,0.8)));/*谷歌*/
background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.8)), to(rgba(180,180,180,0.8)));      /* Safari 4-5, Chrome 1-9*/
background: -webkit-linear-gradient(top, rgba(255,255,255,0.8), rgba(180,180,180,0.8));   /*Safari5.1 Chrome 10+*/
background: -o-linear-gradient(top, rgba(255,255,255,0.8), rgba(180,180,180,0.8));  /*Opera 11.10+*/
}

.frame_footer{ position:relative; width:100%; height:auto; background:#282828; /*border-top: 1px #b8b8b8 solid;*/ padding-top:10px; padding-bottom:10px}
.frame_footer p{ font-size:24px; color:#fff; font-weight:bold; margin:0;}
.frame_new_content{ position:relative; margin:0 auto; width:1200px; height:auto; color:#b8b8b8; text-align:left; font-size:0.8em}
.frame_new_content .frame_block1{ position:relative; float:left; margin-top:0; margin-left:0; margin-right:3.33%; width:33%}
.frame_new_content .frame_block2{ position:relative; float:left; margin-top:0; margin-left:0; width:25%}
.frame_new_content .title{ position:relative; margin-top:0; margin-left:0; width:100%; height:24px; line-height:24px;}
.frame_new_content .dsc{ position:relative; margin-top:0; margin-left:0; width:100%; line-height:24px;color:#888;}
.frame_new_content .frame_icon{position:relative; margin-left:0; margin-top:0; float:left; width:25%}
.frame_new_content .frame_icon .img_icon{position:relative; height:24px}
.frame_new_content .pic_erweima{position:relative; float:left; margin-right:10%; height:100%; overflow:hidden; border-radius:3px}
.frame_footer .frame_footer_content{position: relative; margin: 6px auto; width: 360px; height: 84px;}
.frame_footer .footer_dsc{position:relative; margin:0 auto; margin-top:12px; width: 100%; height: 36px; line-height: 36px; color: #484848; letter-spacing: 0em; word-spacing: 0em}
.frame_footer .frame_footer_content .frame_icon{position: relative; float: left; margin-top: 0; margin-left: 0; width: 33.33%; height: 60px;}
.frame_footer .frame_footer_content .frame_icon .img_icon{ margin: auto; position: absolute; top: 0; left: 0; bottom: 0; right: 0; width: 32px;}
.frame_footer .frame_footer_content .frame_icon .show_content_frame{position: absolute; bottom: 66px; left: -30px; width: 120px; height: 120px; background: rgba(44,44,44,0.8); padding: 12px; display: none}
.frame_footer .frame_footer_content .frame_icon .show_content_frame .pic_erweima{position: relative; width: 100%; height: 100%; border-radius: 3px}
.frame_footer .frame_footer_content .frame_icon:hover .show_content_frame{display: block}

/*右侧悬浮菜单-客服层*/
.suspension{position:fixed;z-index:55;right:0;bottom:85px;width:70px;height:240px;}
.suspension-box{position:relative;float:right;}
.suspension .a{display:block;width:44px;height:44px;background-color:#353535;margin-bottom:4px;cursor:pointer;outline:none;}
.suspension .a.active,
.suspension .a:hover{background:#0991d8;}
.suspension .a .i{float:left;width:44px;height:44px;background-image:url(../images/side_icon.png);background-repeat:no-repeat;}
/* .suspension .a-service .i{background-position:0 0;} */
.suspension .a-service .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:0 0;}
.suspension .a-service-phone .i{width:20px;height:20px;margin-top:12px;margin-left:12px;background-image:url(../images/suspension-bg.png);background-repeat:no-repeat;background-position:-27px 0;}
.suspension .a-qrcode .i{background-position:-44px 0;}
.suspension .a-cart .i{background-position:-88px 0;}
.suspension .a-top .i{background-position:-132px 0;}
.suspension .a-top{background:#D2D3D6;display:none;}
.suspension .a-top:hover{background:#c0c1c3;}
.suspension .d{display:none;width:223px;background:#fff;position:absolute;right:67px;min-height:90px;border:1px solid #E0E1E5;border-radius:3px;box-shadow:0px 2px 5px 0px rgba(161, 163, 175, 0.11);}
.suspension .d .arrow{position:absolute;width:8px;height:12px;background:url(../images/side_bg_arrow.png) no-repeat;right:-8px;top:31px;}
.suspension .d-service{top:0;}
.suspension .d-service-phone{top:34px;}
.suspension .d-qrcode{top:78px;}
.suspension .d .inner-box{padding:8px 22px 12px;}
/*.suspension .d-service-item{border-bottom:1px solid #eee;padding:14px 0;}*/
.suspension .d-service .d-service-item{border-bottom:none;}
.suspension .d-service-item .circle{width:44px;height:44px;border-radius:50%;overflow:hidden;background:#F1F1F3;display:block;float:left;margin-top:10px;}
.suspension .d-service-item .i-qq{width:44px;height:44px;background:url(../images/side_con_icon03.png) no-repeat center 15px;display:block;transition:all .2s;border-radius:50%;overflow:hidden;}
.suspension .d-service-item:hover .i-qq{background-position:center 3px;}
.suspension .d-service-item .i-tel{width:44px;height:44px;background:url(../images/side_con_icon02.png) no-repeat center center;display:block;}
.suspension .d-service-item h3{float:left;width:112px;line-height:42px;font-size:15px;margin-left:12px;}
.suspension .d-service-item .text{float:left;width:112px;line-height:22px;font-size:16px;margin-left:12px;}
.suspension .d-service-item .text .blue{ color:#1365a3; font-size:16px;font-weight:bold;}
.suspension .d-service-item .text .black{ color:#000; font-size:16px; font-weight:bold;}
.suspension .d-service-item .text .number{font-family:Arial,"Microsoft Yahei","HanHei SC",PingHei,"PingFang SC","Helvetica Neue",Helvetica,Arial,"Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei",sans-serif;}
.suspension .d-service-intro{padding-top:10px;}
.suspension .d-service-intro p{float:left;line-height:27px;font-size:12px;width:50%;white-space:nowrap;color:#888;}
.suspension .d-service-intro i{background:url(../images/side_con_icon01.png) no-repeat center center;height:27px;width:14px;margin-right:5px;vertical-align:top;display:inline-block;}
.suspension .d-qrcode{text-align:center;}
.suspension .d-qrcode .inner-box{padding:20px 0;}
.suspension .d-qrcode p{font-size:16px;color:#93959c;}