@charset "utf-8";
html{color:#666;background:#fff; }
body { color:#666;  font: 14px/22px "Microsoft YaHei"; position:relative;} /*网站字体颜色*/

body{width: 100%;margin:0 auto;overflow-x:hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}
del,ins{text-decoration:none;}
li{list-style:none;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:baseline;}
sub{vertical-align:baseline;}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;outline:none}
input,button,textarea,select{*font-size:100%;}
input,select{vertical-align:middle;}
select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder  {color: #dfdfdf; }
table{font-size:inherit;font:100%; border-collapse:collapse;}
pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}
/*title*/
h1 { font-size:32px;}
h2 { font-size:26px;}
h3 { font-size:20px;}
h4 { font-size:14px;}
h5 { font-size:12px;}
h6 { font-size:10px;}

.mt10{ margin-top:10px;}

/* -- 页面整体布局 -- */
.content{ width:1200px; margin:0 auto;position:relative  }
.bg01 { background:#f5f5f5;}
.left { width:280px; float:left; overflow:hidden;}
.right { width:890px; float:right; display:inline; margin-left:24px; overflow:hidden;}

a { color:#666; text-decoration:none;}  /*for ie f6n.net*/
a:focus{outline:0;} /*for ff f6n.net*/
a:hover { text-decoration:none;}
em,i { font-style: normal;}
.vam { vertical-align:middle;}
.clear{clear:both; height:0; line-height:0; font-size:0;}
p{ word-spacing:-1.5px;}
.tr { text-align:right;}
.tl { text-align:left;}
.center { text-align:center;}
.fl { float:left;}
.fr { float:right;}
.pa{ position:absolute;}
.pr{ position:relative}
.clearfix:after{height: 0;content: "";clear: both;display: block;}
 img{border:0px}
/* -- 购物车外部框架 -- */
.cart_header , .cart_content , .cart_footer { width:760px; margin:0 auto;}

/*小模块*/
.blk-xs{width:230px;}
/*中模块*/
.blk-sm{width:930px;}
/*小版块*/
.blk{margin-bottom:30px;}

/**/
/*头部*/
.content { width: 1200px; margin: 0 auto; }i,em{ font-style: normal;}
.header {height: 78px;position: fixed;z-index: 100;left: 0;top: 0;width: 100%;box-shadow: 0 0 6px 0 rgba(255,255,255,.3);    -webkit-transition: box-shadow .2s linear; transition: box-shadow .2s linear; -webkit-transition: background .2s linear; transition: background .2s linear;}
.h_con { position: relative; box-sizing: border-box;}
.header .logo { position:relative; float: left;}
.header .logo img {width: 178px;display: inline-block;padding: 16px 0 0 1px;}
.menu {float: right;}
.header .menu li { position: relative; float: left;}
.header .menu li:last-of-type{ background: none;}
/*.header .menu li>a:after { position: absolute; content: ""; width: 100%; height: 0; background: #054ba6; left: 0; bottom: 0; -o-transition: all .3s ease; transition: all .3s ease; z-index: -1; }*/
.header .menu li>a {display: block;font-size: 18px;color: #fff;line-height: 78px;position: relative;z-index: 2;padding: 0 18px;-o-transition: all .3s ease;transition: all .3s ease;}
.header .menu li.cur>a, .header .menu li:hover>a { font-weight:bold }
.header .menu li.cur>a:after, .header .menu li:hover>a:after { height: 100px; }
.header .erji {position: absolute;width: 240px;left: -35px;top: 78px;z-index: 60;padding: 16px 0;display: none;}
.header .erji:before {position: absolute;content: '';width: 100%;height: 3px;background: #054ba6;left: 0;top: 12px;}
.header .erji:after {position: absolute;content: '';border-bottom: 8px solid #054ba6;border-right: 10px solid transparent;border-left: 10px solid transparent;left: 49px;top: 5px;}
.header .erji a {display: block;height: 52px;line-height: 52px;font-size: 16px;color: #333333;border-bottom: 1px solid #ebebeb;padding: 0 20px;position: relative;background: #fff;}
.header .erji a:after {position: absolute;content: '';width: 8px;height: 8px;border: 2px solid #9f9f9f;border-style: solid solid none none;position: absolute;top: 50%;right: 22px;margin-top: -4px;-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);-ms-transform: rotate(45deg);-o-transform: rotate(45deg);transform: rotate(45deg);}
.header .erji a:hover {background: #f5f5f5;font-weight: bold; color: #000;}
.header li:hover .erji {display: block;}

.header3{ background:rgba(255,255,255,0.9);box-shadow: 0 0 6px 0 rgba(0,0,0,.1);}
.header3 .menu li>a{ color:#333}



.down_nav{position: fixed;width: 1920px;left: 50%;margin-left: -960px;top: 78px;z-index: 60;background: #fff;display:none;}
.down_nav:before {content: '';position: absolute;width: 100%;height: 26px;left: 0;top: 0;background: url(/Skins/Default/images/tb_xiala_bg.jpg) repeat-x left 0;}
 .xiala-cont {padding: 50px 0 35px;}
 .xiala-cont:after {content: ".";display: block;height: 0;visibility: hidden;clear: both;        }
 .down_nav ul{float:left;width: 860px;}

.down_nav ul li{float: left;width: 149px;border-right: 1px solid #e5e5e5;padding-left: 65px;}
.down_nav ul li i a{ display: block; color: #191919; font-size: 18px; line-height: 100%; margin-bottom: 25px;}
.down_nav ul li em{display: block;height: 190px;}
.down_nav ul li em a{ display: block; color: #5e5e5e; font-size: 14px; line-height: 100%; margin-bottom: 13px;}
.down_nav ul li b a{ display: block;font-weight: normal; font-size: 14px; color: #303030;}
.down_nav ul li a:hover{ color: #000;font-weight: bold;}
.down_nav h3{width: 243px;float: right;margin-right: 45px;text-align: center;font-size: 16px;color: #5e5e5e;text-align: center;font-weight: normal;}
.down_nav h3 img{width: 220px;}
.down_nav h3 b{display: block;color: #303030;font-size: 16px;padding: 15px 0 5px;line-height: 100%;}

.down_nav1 ul li{float: left;width: 364px;border-right: 1px solid #e5e5e5;padding-left: 65px;height: 202px;}
.down_nav1 ul li i a{ display: block; color: #191919; font-size: 20px; line-height: 100%; margin-bottom: 25px;}
.down_nav1 ul li em{display: block;height: 138px;}
.down_nav1 ul li em a{color: #5e5e5e;font-size: 16px;line-height: 100%;margin-bottom: 14px;float: left;width: 178px;}
/*头部结束*/
.seabox{overflow:hidden;height:80px;font-family:"Microsoft Yahei";line-height:80px;position: relative; z-index: 55;
border-bottom: 1px solid #dfdfdf;}
.seach{float: right; width: 300px; height: 40px; margin-top: 20px; overflow: hidden; border-radius: 20px; background: #fff; padding-left: 10px; border:1px solid #dfdfdf }
.seach input{width:240px;height:40px;border:0;line-height:40px;color:#999;padding:0 0 0 20px;float:left;outline: none;display: block; background:none; font-size: 14px; outline: none; box-sizing: border-box;}
.seach button{ width:40px; height:40px;float:right;cursor: pointer;display: block;background:none;border: 0; outline: none;background: url(/Skins/Default/images/seach_03.jpg) no-repeat center;}
.k_word{overflow:hidden; font-size: 16px; float: left;}
.k_word b{display: inline-block;font-weight: normal; color: #333;}
.k_word a{color:#333; padding:0 10px;display: inline-block;}
.k_word a:hover{color:#0060ba; text-decoration: underline;}
.seach{ overflow: hidden;}
/*底部开始*/
/*底部*/
.footer { background:#282828; height:340px; border-top: 5px solid #c92b2f; padding-top: 75px; border-bottom: 1px solid #3e3e3e;}
.f_menu { height: 100px; overflow: hidden;background: url(/Skins/Default/images/f_nav.jpg) repeat-x 0 45px;}
.f_menu ul li{ float: left; padding-right: 39px; margin-right: 39px;background: url(/Skins/Default/images/f_lin.jpg) no-repeat right 1px;}
.f_menu ul li:last-of-type{ padding-right: 0; margin-right: 0; background: none;}
.f_menu a { display: inline-block; position: relative; font-size: 16px; color: #fff; padding-bottom: 23px;}
.f_menu a:hover {border-bottom: 3px solid #d71518;}
.f_con{ width:510px; padding-top: 20px;}
.f_con ul li{ line-height: 100%; color: #a4a4a4; font-size: 16px; padding-bottom:17px;}

.f_contact { width: 390px; margin-top: 18px; font-size:20px; line-height:100%; color: #ababab }
.f_contact h3{font-weight: normal;font-size: 24px;padding-bottom: 30px;}
.f_contact p{font-size: 16px;padding: 24px 0 0 0;}
.f_contact p span{ padding: 0 6px;}
.f_contact span { margin-right: 16px }
.f_contact a { color: #ababab }
.f_contact h4{padding-left: 36px;font-size: 26px;background: url(/Skins/Default/images/f_tel.jpg) no-repeat;line-height: 24px;color: #d71518;/* padding: 18px 0 30px 36px; */}
.f_contact ul{padding-top: 17px;}
.f_contact ul li{ line-height: 100%; color: #a4a4a4; font-size: 16px; padding-bottom:17px;}

.f_qr { overflow: hidden; margin-right: 40px;background: url(/Skins/Default/images/f_erbg.jpg) no-repeat; text-align: center; float: right; width: 154px;}
.f_qr p {text-align: center; padding-top: 22px;}
.f_qr img { width: 110px; height: 110px; display: inline-block;}
.f_qr span { display: block; font-size: 14px; line-height: 100%; color: #ababab; margin-top: 10px;}
.clearfix:after { content: "."; height: 0; display: block; visibility: hidden; clear: both; }

/*底部结束*/
/*置顶*/


/*效果*/
.pic img,.picl img,.pics img{-webkit-transition: -webkit-transform 0.8s; -moz-transition: -moz-transform 0.8s; -o-transition: -o-transform 0.8s; transition: transform 0.8s;}
.pic img:hover{-webkit-transform: scale(1.05);-moz-transform: scale(1.05);-ms-transform: scale(1.05);-o-transform: scale(1.05);  transform: scale(1.05);}
.picl img:hover{-moz-transform: translate(0,5px);-webkit-transform: translate(0,8px);-ms-transform: translate(0,8px);-o-transform: translate(0,8px);}
.pics img:hover{-moz-transform: rotate(360deg);-webkit-transform: rotate(360deg);-ms-transform: rotate(360deg);-o-transform: rotate(360deg);}
.white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}

.jiy ul li em{}
.jiy ul li:hover em{animation-duration: 1.5s;animation-name:flipInY ;}
.service ul li,.n_on dl dt{ overflow: hidden;}


/*快速通道
.tdtbj{height:492px; }
.tdt{padding-top:141px;}
.tdt .tdtit{height:87px;border-bottom:1px solid #e1e1e1;margin-bottom: 41px;}
.tdt .tdtit span{display: block;font-size:38px;line-height: 47px; color:#333333;width:160px; float:left;}
.tdt .tdtit em{display: block;width:73px; float:left;font-size:20px; color:#333333; opacity: 0.5;}
.tdt .tdnav{height:13px;margin-bottom: 32px;}
.tdt .tdnav span{display: block;width:110px;float:left;}
.tdt .tdnav span i{display: block;width:10px;height:10px; background:#B5B5B5; border-radius: 50%; float:left;margin-right: 21px;margin-top: 8px;}
.tdt .tdnav span em{display: block;font-size:14px;line-height: 28px;color:#333333; font-weight: bold;}
.tdt .tdnav p{float:left;}
.tdt .tdnav p a{font-size:14px; color:#666666;padding:0 13px; line-height: 28px;}
*/

.link2{ margin:20px auto 40px; display:block; width:100%}
.link2 a{ margin-right:20px}
/*内页广告*/
.topadcs {width:100%;position:relative;z-index:0; clear: both; }
.topadcs .bd {margin:0 auto;position:relative;z-index:0;overflow:hidden;}
.topadcs .bd .con {width:100% !important;height:auto!important; display:block;}
.topadcs .bd .li {width:100% !important;overflow:hidden;text-align:center; background: no-repeat center top;z-index:0;height:500px;}
.topadcs .bd .li img {display:block;height:auto!important; width:100%;}
.topadcs a.fullad{ height:500px; display:block}
.men_ban a.fullad{ height: 500px;}
 /*temp.css*/
#nodata { padding:200px;  margin:10px auto 30px; background:url(img/nodate.gif) no-repeat center;}
/* -- 弹出窗口 -- */
#mesbook1_c, #mesbook1{display:none;z-index:1001;width:398px;border:1px solid #ccc;background:#fff; padding-bottom:20px;margin-top: -60px !important;
position: fixed !important;
}
#mesbook1_c div, #mesbook1 div{ border:1px solid #E4E3E3; background:#EBECEB;height:18px; padding:4px .5em 0; margin-bottom:10px;}
#mesbook1_c dl.b1, #mesbook1 dl.b1 { width:370px; margin:0 auto;}
#mesbook1_c dl.b1 dt, #mesbook1 dl.b1 dt { float:left; width:105px; overflow:hidden; }
#mesbook1_c dl.b1 dd, #mesbook1 dl.b1 dd { width:265px; float:right;}
#mesbook1_c #mesbook1_cBtns, #mesbook1 #mesbook1Btns{padding-bottom:10px;}
#mesbook1_c #mesbook1_cBtns input, #mesbook1 #mesbook1Btns input {margin-right:20px;}
/*rollup.css*/
#roll_top,#fall,#ct{position:relative;cursor:pointer;height:52px;width:43px}
#roll_top{}
#fall{}
#ct{}
#roll{display:block;width:43px;position:fixed;right:10px;top:80%;_position:absolute;_top:expression(eval(document.documentElement.scrollTop+document.documentElement.clientHeight*0.8)); z-index:100;}

.ImTable *{padding:0px;margin:0px}
.ImTable{border-collapse:collapse;border:none;background:url(/UserControls/im/kefu/bg.gif)}
.ImTable h2{font-size:14px;font-weight:bold;margin-top:5px}
.ImHeader{height:165px;}
.ImRow0{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px; }
.ImRow1{background:url(/UserControls/im/kefu/ico_item1.gif) no-repeat;margin:10px 10px 0;height:24px;padding-left:10px;padding-top:4px;}
a.im,a:hover.im{text-decoration:none;height:35px;color:#333; font-size:14px;}
.ImFooter{height:90px;display:inline-block; width:150px;font-family:Arial,Helvetica,sans-serif;}
.ImFooter h5{font-size:14px;font-weight:normal; color:#fff;text-align:center;margin:15px 0 0;font-family:'宋体';}
.ImFooter p{font-size:20px;font-weight:bold;  color:#fff;text-align:center;margin:10px 0;}



/*--客服样式--*/
.fleft_kh {
	top: 200px; width: 66px; right: 0%; margin-right: 2px; position: fixed; z-index: 987654;
}
.fleft_kh a.nofows{ position:relative}
.fleft_kh span.ws{ position:absolute; right:72px; top:0; border:1px solid #ccc; padding:4px; background:#fff; display:none}
.fleft_kh span.ws img{ width:100px; height:100px; padding:10px; display:block}
.fleft_kh span.ws i { display: block; font-size:14px; color:#333; text-align:center; line-height:38px; font-style:normal}

.fleft_kh a:link {
	background: no-repeat center 8px #000; width:66px; height: 38px; text-align: center; color: #fff; line-height: 38px; padding-top: 30px; margin-top: 1px; display: block; z-index: 545;font-size: 14px;
}
.fleft_kh a:visited {
	background: no-repeat center 8px #000; width: 66px; height: 38px; text-align: center; color: #fff; line-height: 38px; padding-top: 30px; margin-top: 1px; display: block; z-index: 545;
}
.fleft_kh a:hover {
	background-color: #de0500;
}
.fleft_kh a {
	position: relative;
	border-radius: 5px;
	margin-bottom:5px;
}
.fleft_kh a.rtel {
	padding: 0px; height:66px; position: relative;
}
.fleft_kh a.rtel span {
	background: rgb(0, 204, 255); top: 0px; width: 66px; height: 66px; text-align: left; right: 0px; line-height: 66px; overflow: hidden; font-size: 24px; position: absolute;
border-radius: 5px;}
.fleft_kh a.rtel span i {
	background: no-repeat center 8px #000; width: 66px; height: 38px; text-align: center; color: #fff; line-height:38px; padding-top: 30px; font-size: 14px; font-style: normal; margin-right: 10px; float: left;
}
.fleft_kh a.rtel:hover span i {
	background-color: #de0500;
}
.fleft_kh .fript {
	margin: 10px 0px 0px 5px; width: 120px; height: 28px; line-height: 26px; font-family: "微软雅黑"; font-size: 12px;
}
.fleft_kh .frbtn {
	background: rgb(51, 153, 204); border: currentColor; width: 70px; height: 32px; color: white; line-height: 32px; font-family: "微软雅黑"; font-size: 14px; font-weight: bold; margin-left: 5px; cursor: pointer;
}



/*新增加：右侧浮动导航*/
.furd{ position: fixed; right: 0; top:35%; z-index: 99;}
.furd ul li{ width: 50px; height: 50px; background: #535353; margin-bottom: 2px; font-size: 14px; font-weight: bold; color: #fff; text-align: center; line-height: 100%; box-sizing: border-box;padding-top:10px; position: relative;}
.furd ul li a{ color: #fff; text-decoration: none;}
.furd ul li span{ display: block; padding-bottom: 2px;}
.furd ul li:hover{ background: #d11c18;}
.furd ul li i{ display: inline-block; position: absolute; right: 50px;bottom: 0; height: 50px; line-height: 50px; color: #fff; background: #d11c18; padding-left: 20px; width: 180px; font-size:23px; text-align: left; display:none}
.furd ul li em{ right: 50px; bottom: 0; position: absolute;font-size: 0; line-height: 0; display:none}
.furd ul li em img{ padding-top: 0; width: 160px; height: 160px; border: 25px solid #fff; }




.modal-backdrop{position: fixed !important;width: 100%;height: 100%;top: 0;right: 0;bottom: 0;left: 0;z-index: 999;background-color:rgba(0,0,0,0.5);}
.modal-backdrop .vd{width:1200px;height:588px;background: #FFF;position:absolute;left:50%;top:50%;margin-left:-600px;margin-top:-290px;}
.modal-backdrop .vd .close{position:absolute;top:0;right: 0; background: #fff url(Img/index/xx.png) no-repeat center; opacity:1;  width:20px; height:20px;z-index: 10;}
.modal-backdrop .e_on34{background: #f2f2f2;width: 1200px;margin: 0 auto 117px;height: 588px;}
.modal-backdrop .agi4 .e_on_l3{ position: relative;width: 599px;overflow: hidden;float: left;}
.modal-backdrop .agi4 .e_on_l3 img{ height:588px;width: 599px; display:block}
.modal-backdrop .e_on_r3{ position: relative; float: right; width: 560px; padding-top: 60px;}
.modal-backdrop .e_on_r3 h3{ position: absolute; right: 0; top: 0; width: 84px; height: 141px; background: #d21c19; color: #fff; font-size: 38px; box-sizing: border-box; padding: 20px 15px 0; text-align: center;}
.modal-backdrop .e_on_r3 h4{ font-size: 30px; color: #000; font-weight: bold;margin-right: 100px;display: block;}
.modal-backdrop .e_on_r3 h4 span{ display:block; font-weight: normal; font-size: 16px; color: #333; padding:27px 0 42px 0;}
.modal-backdrop .e_on_r3 h4 i{ display: block; margin-left: -11px;}
.modal-backdrop .e_on_r3 ul li{ height: 42px; margin-bottom: 19px; overflow: hidden;}
.modal-backdrop .e_on_r3 ul li i{ display: inline-block; float: left; width: 67px; color: #1a1a1a; font-size: 16px; line-height:40px;}
.modal-backdrop .e_on_r3 ul li input{ display: inline-block; float: left; height: 40px; line-height: 40px; background:#fff; padding-left: 18px; width: 405px; border: 1px solid #d9d9d9; color: #b2b2b2; font-size: 16px;outline: none;}
.modal-backdrop .e_on_r3 ul li select{ float: left; height: 40px; line-height: 40px; background:#fff; padding-left: 18px; width: 425px; border: 1px solid #d9d9d9; color: #b2b2b2; font-size: 16px;outline: none;}
.modal-backdrop .e_on_r3 ul li:last-of-type{ height: 50px;}
.modal-backdrop .e_on_r3 ul li button:first-of-type{ margin-left: 67px; margin-top: 5px; margin-right: 13px; width: 148px; height: 46px; background: #d21c19; border: 1px solid #d9d9d9; font-size: 16px; color: #fff; font-weight: bold; float: left; cursor: pointer; outline: none;}
.modal-backdrop .e_on_r3 ul li a{margin-top: 5px; margin-right: 16px; width: 263px; height: 46px; line-height:46px; text-align:center; background: #e2ae5b; border: 1px solid #d9d9d9; font-size: 16px; color: #fff; font-weight: bold;outline: none;cursor: pointer;float: left; }




.client-2 {position: fixed;right: -170px;top: 50%;z-index: 900;}
.client-2 li a {text-decoration: none;}
.client-2 li {margin-top: 1px;clear: both;height: 62px;position: relative;}
.client-2 li i {background: url(/Skins/Default/images/fx.png) no-repeat;display: block;width: 30px;height: 27px;margin: 0px auto;text-align: center;}
.client-2 li p {height: 20px;font-size: 12px;line-height: 20px;overflow: hidden;text-align: center;color: #fff;}
.client-2 .my-kefu-sq i {background-position: 4px -76px;}
.client-2 .my-kefu-qq i {background-position: 4px 5px;}
.client-2 .my-kefu-tel i {background-position: 0 -21px;}
.client-2 .my-kefu-liuyan i {background-position: 4px -50px;}
.client-2 .my-kefu-weixin i {background-position: -34px 4px;}
.client-2 .my-kefu-weibo i {background-position: -30px -22px;}
.client-2 .my-kefu-ftop {display: none;}
.client-2 .my-kefu-ftop i {    width: 33px;
    height: 31px;
    background-position: -23px -43px;
    background-size: 50px 128px;}
.client-2 .my-kefu-ftop .my-kefu-main{padding-top: 6px;}
.client-2 .my-kefu-left {float: left;width: 62px;height: 47px;position: relative;}
.client-2 .my-kefu-tel-right {font-size: 16px;color: #fff;float: left;height: 24px;line-height: 22px;padding: 0 15px;border-left: 1px solid #fff;margin-top: 14px;} 
.client-2 .my-kefu-right {width: 20px;}
.client-2 .my-kefu-tel-main {background: #0060ba;color: #fff;height: 53px;width: 230px;padding:9px 0 0;float: left;}
.client-2 .my-kefu-main {background: #0060ba;width: 97px;height: 53px;position: relative;padding:9px 0 0;float: left;}
.client-2 .my-kefu-weixin-pic {position: absolute;left: -130px;top: -24px;display: none;z-index: 333;}
.my-kefu-weixin-pic img {width: 115px;height: 115px;}




  /*扫光效果*/
 .white,.whites{position: relative;overflow: hidden;}
.white:after,.whites:after{content: ''; cursor: pointer; position: absolute; left: -100%; top: 0; width:100%; height:100%; background-image: -moz-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); background-image: -webkit-linear-gradient(0deg,rgba(255,255,255,0),rgba(255,255,255,.5),rgba(255,255,255,0)); transform: skewx(-25deg); }
.white:hover:after{left:100%; -moz-transition:1s; -o-transition:1s; -webkit-transition:1s; transition:1s;}
.whites:hover:after {left:100%; -moz-transition:0.5s; -o-transition:0.5s; -webkit-transition:0.5s; transition:0.5s;}