body{margin:0; padding:0; font-size:12px;font-family: Microsoft YaHei, Arial;}
ul,li,dt,dl,p,h1,h2,h3,h4,h5,h6,div,html,form,table,tr,td,dt,dl,dd,span,input,a,img{padding:0; margin:0; list-style:none;outline:none;border:none;}
a{text-decoration:none;}
a:hover{text-decoration:none;}

.lt{float:left;}
.rt{float:right;}
img{border:none; }
		div.img {
			margin: auto;
			border: 0px solid #ccc;
			width: 100px;
			float: left;
		}
		div.img:hover {
			border: 0px solid #777;
		}
		div.img img {
			width: 100%;
			height: auto;
		}
		div.desc {
			padding: 15px;
			text-align: center;
		}
body{background:#fffff;min-width:1200px;}
.topbanner{width:100%;height: 118px;position: relative;overflow: hidden;}
.topbanner img{position: absolute; left: 50%; margin-left: -960px;}
.topadd{ overflow: hidden; float: left; margin-left: 310px;}
.topadd dd{ float:left; margin-right: 12px; font-size: 16px; line-height: 36px; overflow: hidden;}
.topadd dd a{color: #666;}
.topadd dd a:hover{ color: #be9244;}
.topadd dd a img{ float:left; margin-top: 7px;}
/*轮播图*/
.bannerimg{ width: 100%; margin: 0 auto;}
.bannerimg .bimg img{ width:100%;}
.pagination1 .swiper-pagination-bullet{ width:14px; height: 14px; margin: 0 10px;}
.swiper-pagination-bullet-active{ background-color:white!important;}
.swiper-container .sw1{ right:4%!important; opacity: 0.8;}
.swiper-container .sw2{ left:4%!important; opacity: 0.8;}
/** 广州专頁-无需等待填写表单--开始**/
.gz_form{
    position: relative;
    background: url(../../../img/gz_indexform_02.jpg)center center no-repeat;
    height: 396px;
}
.gz_form_1{
    position: relative;
    width: 1200px;
    margin:  auto;
    top: 78px;
    text-align: center;
}
.gz_form_1 p1{
    font-size: 32px;
    color: #eecb04;
    display: inherit;
}
.gz_form_2{
    position: relative;
    width: 1100px;
    margin: 0 auto;
    display: inherit;
    top: 120px;
    text-align: left;
}
/**广州专頁-无需等待填写表单--结束 **/
/*更多...*/
.commore{width:100%;margin:0 auto;height:54px;line-height:54px;text-align:center;}
.commore a{margin:0 auto;display: inline-block;padding:0 20px;height:46px;line-height:46px;color: #bf9143;border:1px solid #bf9143;font-size: 16px;cursor: pointer;text-align:center;vertical-align:middle;transition:all 0.5s; border-radius: 30px;}
.commore a:hover{ background-color:#be9244; color: #fff;}
.commore2 a{ color: #fdd35b; border: 1px solid #fdd35b;}
/*pagebanner*/
.pagebanner1{width:100%;height:120px;background:url(../img/pagebanner1.jpg) no-repeat top center;}
.pagebanner1 div{margin:0 auto;width:900px;font-size:34px;padding:70px 0 0 10px;color:#fff;font-weight:bold;}
.pagebanner1 p{margin:0 auto;width:900px;font-size:26px;padding:20px 0 0 10px;color:#fff;font-weight:normal;}
.pagebanner9{width:100%;height:120px;background:url(../img/pagebanner9.jpg) no-repeat top center;}
.breadbg{width:100%;height:60px;line-height:60px;margin:0 auto;border-bottom: 1px solid #efefef;}
.bread{width:1200px;margin:0 auto;}
.breadnav{width:300px;margin:0 auto;font-size:13px;text-align:left;}
.breadnav a{margin:0 5px;color:#555;}
.breadnav a:hover{text-decoration:underline;}
.breadbg1 {border-bottom:0;background:#f5f5f5;}
.subtitle{margin:0 auto;padding-top:20px;}
.tab{
}
.tab li{margin-left:5px;float:left;display:inline;background:#554b4a;width:120px;height:32px;position:relative;top:5px;}
.tab li a{margin:0 auto;text-align:center;display:block; color:#fff; font-size:14px;line-height:32px;}
.tab a:hover,.tab a.active{background:#ed4040;}
/*首页标题*/
.idxtitle {
	text-align: center;
	padding:50px 0 0px 0;
	position: relative;
}
.idxtitle .tit {
	display: inline-block;
}
.idxtitle h3 {
	font-size: 30px;
	line-height: 40px;
	position: relative;
	color: #be9244;
	font-weight:bold;
	bottom: 30px;
}
.idxtitle .tit h5{ font-size:66px; text-align: center; font-weight: bold;background-image:-webkit-linear-gradient(bottom,#fff,#e5e5e5); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
}
.idxtitle .tit2 h3 {
	margin-bottom: 18px;
	font-size: 30px;
	line-height: 28px;
	position: relative;
	color: #fff;
	font-weight:bold;
	bottom: 30px;
}
.idxtitle .tit2 h5{ font-size: 66px; text-align: center; font-weight: bold;background-image:-webkit-linear-gradient(bottom,#fff,#000); 
    -webkit-background-clip:text; 
    -webkit-text-fill-color:transparent; 
    opacity: 0.3;
}
.idxtitle h4{ font-size:18px; text-align: center; font-weight: normal; color:#bf8331;}
/*首页优势*/
.adBg{ width:100%; margin:0 auto; background: url(../img/adBg.jpg) no-repeat center;}
.adbox{ width:1200px; margin: 0 auto; height: 164px; overflow: hidden; margin-bottom: 30px;}
.adbox li{ width:33.33%; float: left;}
.adbox li .adtxt{text-align: center; }
.adbox li .adtxt p{ margin-top: 20px; font-size: 20px; color: #2a2a2a; text-align: center;}
.adbox li .adtxt i{ font-weight: bold; font-style: normal;font-size: 80px; color: #e7d1a0; font-family: "宋体"; text-shadow: 1.5px 2.598px 5px rgba(6, 0, 1, 0.5);}
/*视频弹窗*/
.livideo{position:relative;display:block;}
.livideo:hover{cursor: pointer; }
.playvideo {width:36px; height:36px; position: absolute; left:20%; top:50px; border-radius:100%; 
z-index: 3;
    display: inline-block;
    text-align: center;
    background: url(../img/video_btn.png) top center;background-size:36px;
}
.livideo:hover .playvideo{background: url(../img/video_btn_hover.png) top center;background-size:36px;}
.ekvideos{ display:none; position:fixed; 
	margin:auto;
	left:0;
	right:0;
	bottom:0px;
	text-align:center;z-index:99999999; width:100%;height:100%;box-shadow: 10px 0px 10px rgba(153,153,153,0.3);background:#000000;}
.vclose { position:absolute;right:1%; top:1%; border-radius:100%; cursor: pointer; }
.vclose:hover{background:#222;}
/*首页新闻*/ 
.idxnewsbg{margin:0 auto;width:100%;height:450px;background:#ffffff;}
.idxnews{margin:0 auto;width:1200px;margin-top:50px;}
.idxnewslst{width:580px;}
.idxnewstit {
    margin-bottom: 24px;
    padding-left: 17px;
    height: 44px;
    border-left: 4px solid #CE0000;
    font-size: 24px;
    color: #ce0000;
    line-height: 20px;
}
.idxnewstit .more {
    margin-right: 5px;
    margin-top: 10px;
    font-size: 36px;
    color: #b90000;
    text-decoration: none;
    font-family: \5b8b\4f53,"宋体";
    -webkit-transition: .7s;
    -o-transition: .7s;
    transition: .7s;
}
.idxnewstit em {
    color: #9b9b9b;
    font-size: 16px;
    line-height: 35px;
    text-transform: uppercase;
	font-style: normal;
}
.idxnewscont li {
    margin-bottom: 14px;
    height: 100px;
    position: relative;
    overflow: hidden;
    -webkit-transition: left .3s;
    -o-transition: left .3s;
    transition: left .3s;
}
.idxnewscont li  .idxnewspic{
	margin-right: 17px;
    display: block;
    width: 152px;
    height: 100px;
    overflow: hidden;
    font-size: 0;
    line-height: 100px;
    text-align: center;
    box-sizing: border-box;
}
.idxnewscont li .idxnewspic img{
    max-height: 100%;
    max-width: 100%;
    vertical-align: middle;
    text-align: center;
}
.idxnewscont li  h5 {
    color: #555;
    font-size: 15px;
    font-weight: 400;
    text-decoration: none;
    line-height: 30px;
}
.idxnewscont li p {
    color: #9d9d9d;
    line-height: 21px;
}
.idxnewscont li span {
    color: #666;
    line-height: 22px;
}
.idxnewscont li:hover h5 {
	color: #CE0000;
}
/*4个 优势*/
.advbg4{width:100%;margin:0 auto;background:#ffffff;height:600px;}
.advlst4{width:1220px;margin:0 auto;margin-top:15px;}
.advlst4 li{background:#ffffff;float:left;text-align:center;width:270px;height:280px;margin-left:15px;margin-right:15px;border-radius: 10px;
	box-shadow: 3px 1px 10px #d9d9d9;}
.advlst4 li img{padding:30px 0 5px 0;}
.advlst4 li h6{font-size:18px;padding-top:15px;color:#555;}
.advlst4 li p{text-align:center;line-height:26px;font-size:14px;padding:15px 10px;color:#555;}
/*移民分类 4个*/
.imgclsbg4{
background:#f4f4f4;
}
.imgclslst4 {
background:#ffffff;
width: 1200px;
padding-bottom: 20px;
margin:0 auto;
border: #d9d9d9 solid 1px;
}
.imgclslst4 h5 {
width: 100%;
line-height:50px;
height:50px;
margin:0 auto;
border-bottom: #F0F0F0 solid 1px;
	background: url(../img/listBg.png) repeat-x left;
}
.imgclslst4 h5 a {
width: 25%;
display: block;
float: left;
text-align: center;
font-size: 16px;
color: #fff;
	cursor: pointer;
}
.imgclslst4 h5 a:hover{color: #fdd35b;
background:url(../img/line4.jpg) bottom center no-repeat;}
.imgclslst4 h5 a.listNow {
width: 25%;
color: #fdd35b;
background:url(../img/line4.jpg) bottom center no-repeat;
}
.imgclslst4 span
{
width: 100%;
height: 10px;
display: block;
}
.imgclslst4 ul
{
   margin: 0 20px;    
}
.imgclslst4 li {
font-size: 15px;
height: 2.8em;
line-height: 2.8em;
border-bottom: 1px dotted #949494;
}
.imgproject {margin-top:15px;}
.imgproject .imgtit{border-left:5px solid #fdd35b;margin-left:25px;margin-top:36px;padding-left:15px;margin-bottom:10px;font-size:19px;font-weight:bold;color:#444;}
.imgproject .imgdes{width:520px;margin-left:15px;}
.imgproject p{padding:2% 2% 1% 2%;text-align:left;font-size:15px;line-height:2em;color:#666;}
.imgproject p img{padding:0 30px 0 0;}
.imgproject p span{color:#333;font-size:15px;}
.imgproject p em{color:#999999;font-size:12px;}
.imgmore{height:46px;line-height:46px;text-align:center;}
.imgmore a{display: inline-block;padding:0 20px;height:36px;line-height:36px;color: #bf9143;border-radius:36px;border:1px solid #bf9143;font-size: 16px;cursor: pointer;text-align:center;vertical-align:middle;transition:all 0.5s;}
.imgmore a:hover{color:#fff;background-color:#bf9143;}
/**荣誉*/
.container-honer { margin:30px auto; max-width:1000px;}
.poster-main{ position:relative;width:400px;height:263px;}
.poster-main a,.poster-main img{display:block;}
.poster-main .poster-list{width:400px;height:263px;}
.poster-main .poster-list .poster-item{ position:absolute;left:0;top:0;}
.poster-main .poster-btn{ position:absolute;top:0;width:100px;height:270px; z-index:10; cursor:pointer;  opacity:0.8}
.poster-main .poster-prev-btn{left:-190px; background: url(../img/btn_l.png) no-repeat center center;}
.poster-main .poster-next-btn{right:-190px; background: url(../img/btn_r.png) no-repeat center center;}
/*表单*/ 
.imgform{ background:url(../img/contact01.png) center no-repeat; height: 230px; margin-top:80px;}
.imgformbox{width: 1040px;margin:0 auto; overflow: hidden;}
.imgform p{float:left;padding-left:50px;font-size:19px;color:#bf9143;}
.imgform ul{float:left;}
.imgform ul li{float:left;padding-left:40px;}
.imgform .name,.imgform .phone{ width:280px; float:left; line-height:40px; font-size:16px; color:#666666; padding-left: 12px; border-radius: 4px;}
.imgformbox ul{ overflow:hidden; margin-top:90px; float: left;}
.imgform .imgbut{ margin-top: 90px; float: left; background:#bf8331;color:#ffffff; line-height: 40px; width: 300px; border-radius: 4px;margin-left: 40px; cursor: pointer; font-size: 18px;}
.imgformbox p{ font-size:13px; color:#fff; text-align: center; margin-top:16px; margin-left: 32.5%;}

/*首页 关于我们*/ 
.idxabtbg{ margin: 0 auto; width: 1200px; padding: 20px; background-color: #fff;}
.aboutbox{width: 1200px;margin:0 auto; overflow: hidden; background-color:#fff; -webkit-box-shadow:0 10px 20px rgba(0,0,0,0.1);box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.idxabtbgbox{ background-color:#f1f1f1; overflow: hidden;}
.idxabttxt{width:380px; height: 320px; margin : 20px; position: relative;}
.idxabttxt h5{font-size: 15px;padding-bottom:20px;color:#333; font-weight: normal; position: absolute; bottom: 0; left: 0;}
.idxabttxt h6{font-size: 18px; margin-bottom: 10px; color:#242424; font-weight: normal;}
.idxabttxt h6 span{ font-size:30px; color: #be9244;}
.idxabttxt p{font-size: 16px;color: #666666;line-height:30px;}
.idxofficebg{width: 1200px;margin:0 auto; overflow: hidden; padding:20px;}
.idxofficelst li{float:left;text-align:center;width:14.2%;margin-bottom:1%;}
.idxofficelst li .gongsiimg{ overflow: hidden; position: relative;}
.idxofficelst li p{color:#555;font-size:18px;padding:10px 0;}
.idxabttxt h4{ font-weight:normal; line-height: 36px; cursor: pointer; position: absolute; bottom: 100px; right:0;}
.idxabttxt h4 a{ font-size:14px; padding: 8px 16px; border:1px solid #bf8331; color: #bf8331; border-radius: 20px;}
.idxabttxt h4 a:hover{ color:#fff; background-color: #bf8331;}
.idxabtbg .idxabtimg img{ vertical-align:top;}
.idxofficelst li:hover img{transition:transform 1s;transform: scale(1.1,1.1);}
.idxofficelst li .gongsitxt span{font-size:14px;padding:10px 0;}
.gongsitxt{ background-color: rgba(0,0,0,0.5); text-align:left;padding: 10px; position: absolute; bottom: -130px; color: #fff;}
.idxofficelst li:hover .gongsitxt{bottom:0;transition:0.5s;}
/*套餐详情*/ 
.dtlbg{margin:0 auto;width:100%;background:#f5f5f5;padding-bottom:40px;}
.dtlbreadnav{margin:0 auto;width:1200px;height:60px;line-height:60px;font-size:13px;color:#555;}
.dtlbreadnav a{margin:0 5px;color:#555;}
.dtlbreadnav a:hover{text-decoration:underline;}
.dtltop{margin:0 auto;width:1200px;background:#ffffff;height:430px;}


/*通用页 成功案例*/ 
.idxcasebg{ width: 100%; margin:0 auto; padding-bottom: 20px;}
.casetit{ width:100%; margin: 0 auto; background: url(../img/casebg.jpg) no-repeat center; height: 488px;}
.casetitbox{ width: 1920px; margin: 0 auto;display: table-cell;vertical-align:middle;text-align: center;}
.idxcaselst{width:1200px;margin:0 auto; margin-bottom: 30px;overflow: hidden; padding-top: 40px;}
.idxcaselst li{float:left;width:280px;margin:0 20px 30px 0; background-color: #fff; position: relative;}
.idxcaselst li:nth-child(4n){margin-right:0px;}
.idxcaselst li img{width:280px;height:160px;vertical-align:top;}
.idxcaselst li a{color:#666;font-size:15px;}
.idxcaselst li .idxcasetxt{line-height:34px;text-align:center; font-size: 14px; color: #be9244; margin-right: 20px; border:1px solid #be9244; border-radius: 24px; position: absolute; bottom: 20px; right: 0px; padding: 0 20px;}
.idxcaselst li:hover .idxcasetxt{ background-color:#be9244; color: #fff;}
.idxcasedes{ width:280px; height: 240px; margin:0 auto;padding:0 10px; border:1px solid #f2f2f2;}
.idxcaselst li .idxcasedes h5{ color: #333; line-height:24px; font-size: 16px; font-weight: bold;margin: 10px 0; overflow: hidden;-webkit-line-clamp: 2;-webkit-box-orient: vertical;display: -webkit-box;}
.idxcasedes p{overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 4; -webkit-box-orient: vertical; font-size: 15px; color: #666; line-height: 24px;}
.idxcaselst li:hover{-webkit-box-shadow:0 4px 10px rgba(0,0,0,0.1);box-shadow:2px 4px 10px rgba(0,0,0,0.1);text-decoration:none;}
.idxcaselst li .idxcasedes:hover h5{color: #bf8331; text-decoration:none;}
.caseimgbox{ overflow:hidden; position: relative;}
.idxhouselst p{margin-bottom: 10px;}



/*about*/
.about{margin:0 auto;width:1200px;height:830px;}
.abouttxt{width:560px;padding-top:20px; text-align;center;}
.abouttxt h4{font-size:22px;font-weight:normal;color:#333;padding-top:6px;padding-bottom:10px;}
.abouttxt p{font-size:14px;color:#666;line-height:30px;text-indent: 2em;}
.abouttxt p span{font-size:22px;color:#0193de;}
/*联系我们*/ 
.contact{margin:0 auto;width:900px;padding-top:30px;}
.contactlt{width:560px;float:left;}
.contact h4{font-size:22px;font-weight:normal;color: #333;}
.contact h5{font-size:18px;font-weight:normal;color: #ed4040;padding:20px 0 15px 0;}
.contacttxt{font-size:14px;color:#666;line-height:26px;height:32px;}
.contacttxt a{color:#666;}
.contacttxt a:hover{text-decoration: underline;}
/*底部2¨*/ 
.footer_advbg{width:1200px;margin:0 auto;height:106px;background:url(../img/bottomadBg02.jpg) center no-repeat; -webkit-box-shadow:0 10px 20px rgba(0,0,0,0.1);box-shadow:0 10px 20px rgba(0,0,0,0.1);}
.footer_advlst{width:1200px;margin:0 auto;height:40px;line-height:30px;padding-top:30px;}
.footer_advlst li{width:25%;float:left; overflow: hidden;}
.footer_advlst li img{float: left; margin-left: 30px; margin-right: 10px;}
.footer_advlst li p{font-size:16px;color:#666; line-height: 46px;}
/*底部*/ 
.footerbg {background: #484848;width:100%;margin:0 auto; position: relative;}
.footer1{width:1200px;margin:0 auto; overflow: hidden;}
.footlogo{width: 236px; height:100%; background-color: #fff;box-shadow: 0 0 8px rgba(0,0,0,.2);  position: absolute;}
.footlogo p{line-height: 2px; font-size: 14px; margin-top: 25px; margin-bottom: 0; color:#555;padding-left:20px;}
.footlogo span{font-size: 20px;line-height: 36px;color: #bf9143;font-weight: bold; padding-left:20px;}
.footlogo img{width: 90%; margin-left: 10px;}
.footlogo .footewmlst{}
.footlogo .footewmlst li{float:left;width:110px;padding-left:8px;padding-top:15px;}
.footlogo .footewmlst li img{box-shadow: 0 0 3px rgba(0,0,0,.2);}
.footlogo .footewmlst li p{margin-top:10px;padding-bottom:10px;text-align:center;padding-left: 10px;}
.footer2{width:900px;color: #666;padding-top:30px;}
.footer2lst{font-size:13px; overflow:hidden; margin:0 auto;padding:40px 0 30px 0;}
.footer2lst li{color: #fff;float:left;width:16%;}
.footernav {float: left;}
.footernav dt{padding-bottom:15px;}
.footernav a{color: #ccc;line-height:28px;display: inline-block;}
.footernav a:hover{text-decoration: underline;}
.footer3{background-image: linear-gradient(#333333, #4b4b4b);height: 272px; padding-bottom: 35px;}
.footer3box{ width: 1200px; margin: 0 auto; padding-left: 0px; padding-top: 25px;}
.footerbgbox{box-shadow: 0 0 8px rgba(0,0,0,.5);}
.footeraddrlst {
width: 900px;
padding-bottom: 50px;
margin:0 auto;
}
.footeraddrlst p{
width: 100%;
line-height:42px;
height:44px;
margin:0 auto;
border-bottom: 1px solid #ffcd71;
}
.footeraddrlst p a {
padding: 0 14px;
display: block;
float: left;
text-align: center;
font-size: 15px;
color: #ccc;
 cursor: pointer;
}
.footeraddrlst p a.listNow {
color: #333;
background-color: #ffcd71;
border: 1px solid #ffcd71;
border-bottom-color: transparent;
border-radius: 4px 4px 0 0;
}
.footeraddrtxt{}
.footeraddrtxtlist p{font-size:14px;padding-top:20px;line-height:20px;
height:10px;border-bottom: 0 solid #ffcd71;color: #ccc;}
.footercopy{width: 1200px;font-size:12px;color: #a1a1a1;padding-left: 0;text-align: center;}
/*底部漂浮*/ 
#footerfloat {
    height: 118px;
    /*background: rgba(0,0,0,.7);*/ 
	background:url(../img/footer_bg2.png) top center no-repeat;
    z-index: 999;
    position: fixed;
    width: 100%;
    bottom: 0;
}
.footerfloatdisplay{
	display:none;		
}
.footerfloatlst{
width: 1200px;margin:-20px -52px; position: relative;
    height: 100%;
    padding: 0 30px;
}
.footerperson{
	height: 180px;
    width: 180px;
    bottom: 0px;
	right: 0;
	
}
.footerperson img{
position: absolute;
    bottom: 0;
    left: 10px;
    width: 167px;
}
.footerfloattxt {
position: absolute; bottom: 20px;
margin-left: 160px;
    color: #fff;
    font-size: 24px;
}	
	
.fltformbox{position: absolute; bottom: 30px;width: 580px; height: 38px;
    margin: 0 auto;
    overflow: hidden;margin-left: 580px;
}	
.fltformbox ul li{float:left; padding-left: 20px;}	
.fltformbox ul li input{
width: 200px;
    float: left;
    line-height: 38px;
    font-size: 16px;
    color: #666666;
    padding-left: 12px;
    border-radius: 4px;
}
.fltformbox .imgbut{
    background: #bf8331;
    color: #ffffff;
    line-height: 36px;
    width: 150px;
    border-radius: 4px;
    margin-left:38px;
    cursor: pointer;
    font-size: 16px;	
}
	
.footerfltclose{
	position: absolute;
	background: url(../img/close-bt.png) no-repeat 0 0;
    bottom: 66px;
    right: 5px;
    width: 38px;
	height:38px;
    cursor: pointer;
}
.footerfltlink{
	display: block;position: absolute;width: 100%;
	height: 100px;
	right: 53%;
	bottom: 0;
}
/* kefu */
.sider_left {
    position: fixed;
    left: 0;
    top: 150px;
    z-index: 10002;
}
.sl_online_box{position: absolute; left: 0; top: 0; width: 40px; height: 366px; box-sizing: border-box; background:#e8c97a;background:-webkit-linear-gradient(left,#96612b,#f9ca7a);
  background:-o-linear-gradient(right,#96612b,#f9ca7a); background:-moz-linear-gradient(right,#96612b,#f9ca7a); background:linear-gradient(to right,#96612b,#f9ca7a); cursor: pointer; transition: .4s; z-index: 50;border-radius: 0 5px 5px 0;box-shadow: 2px 2px 5px rgba(0,0,0,.3);}
.sl_online{position: absolute; left: 50%; top: 50%; text-align: center; padding: 48px 8px; transform: translate(-50%,-50%); transition: .4s;}
.sl_online h3{width: 30px; height: 30px; margin-bottom: 10px; background-position: center; background-repeat: no-repeat; background-size: contain;display: block; padding:0;}
.sl_online span{width: 30px; font-size: 20px; color: #fff;}
.sl_area{position: absolute; left: 0; top: 0; width: 170px; padding-left: 34px; box-sizing: border-box; transform: translateX(-240px); transition: .4s; z-index: 30;box-shadow: 2px 2px 5px rgba(0,0,0,.3); height: 366px;}
.sl_name{box-shadow: 2px 2px 5px rgba(0,0,0,.3);}
.sl_name dl{margin: 0;}
.sl_name dt{line-height: 45px; font-size: 16px; color: #000; text-align: center; background-color: #e7e7e7; font-weight:bold}
.sl_name dd{background-color: #fff;}
.sl_name ul{position: relative; overflow: hidden; text-align: center;}
/*.sl_name ul:before{content: ""; position: absolute; border-left: 2px solid #d9d9d9; left: 50%; top: 8px; bottom: 14px; margin-left: -1px; height: 100%;}*/
.sl_name li{font-size: 14px; color: #444444; line-height: 40px; transition: .4s; cursor: pointer;}
.sl_name li:hover{color: #d6000e;}
.sl_name a{color: inherit; text-decoration: none;}
.sl_name p{color: inherit; text-decoration: none;}
.sl_area_anim{transform: translateX(0); -ms-transform: translateX(0); -moz-transform: translateX(0); -webkit-transform: translateX(0); -o-transform: translateX(0); transition: .4s ease-in-out; -moz-transition: .4s ease-in-out; -webkit-transition: .4s ease-in-out; -o-transition: .4s ease-in-out;}
.sl_close{position: absolute; left: 22px; top: 10px; width: 12px; height: 12px; background-image: url(/new/img/sider_close.png); background-size: contain; background-position: center; background-repeat: no-repeat; display: none; z-index: 80;cursor: pointer;}
.selected .sl_close{display: block;}
.sider-lxb{position: relative;}
.sider-lxb dt{position: relative;background: #720007;line-height:18px;padding:4px 0;color: #fff;}
.sider-lxb .lxb-box{
  position: absolute;
  bottom: 0;
  right: -165px;
  border-radius: 5px;
  width: auto;
  height: auto;
  padding: 10px;
  background:#d6000e;
   display: none; 
}
.sider-lxb:hover .lxb-box{
  display: block;
}
.sider-lxb .lxb-box:before{
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-right: 10px solid #d6000e;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
  position: absolute;
  left: -10px;
  bottom: 10px;
}
.sider-lxb input{
  display: block;
  width: 150px;
  height: 35px;
  border: none;
  border-radius: 3px;
  margin-bottom: 5px;
  text-indent: 1em;
}
.sider-lxb  .btn{
  display: block;
  width:80px;
  height: 30px;
  background:#720007;
  font-size: 14px;
  color: #fff;
  text-align: center;
  line-height: 30px;
  cursor: pointer;
  border-radius:5px;
  margin:0 auto;
  border: none;
  margin-top:10px;
  text-indent: 0;
}
.sider_right {
    width:44px;
    position: fixed;
    right: 0;
    top: 150px;
    z-index: 999;
}
.sider_right ul li{
    position: relative;
    width: 100%;
    height: 100px;
    margin: 4px 0;
    transition: 0.5s;
    right: 0;
    box-sizing: border-box;
}
.sider_right ul li.active{
    display: none;
}
.sider_right ul li:first-child{
    margin-top: 0;
}
.sider_right ul li span{
    display: block;
    position: absolute;
    width: 44px;
    height: 100px;
    color: white;
    top: 0;
    left: 0;
    background:linear-gradient(to right,#8f5a26,#f7c878);
    text-align: center;
    box-sizing: border-box;
    z-index: 99;
    cursor: pointer;
    font-size: 16px;
    padding: 10px;
    line-height: 1.3;
    border-radius: 5px 0 0 5px;
    box-shadow: -1px 1px 3px rgba(0,0,0,.3);
}
.sider_right ul li:hover span{
    display: none;
}
.sider_right ul li a{
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    color: white;
    top: 0;
    right: 0;
    background: #606060;
    text-align: center;
    box-sizing: border-box;
    z-index: 99;
    cursor: pointer;
    padding-top: 60px;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    border-radius: 5px 0 0 5px;
    transform:translate(100px);
    transition: all .4s;
}
.sider_right ul li:hover a{
    transform:translate(0);
}
.sider_right .side-div1 {
    display: block;
    position: absolute;
    width: 100px;
    height: 100px;
    color: white;
    top: 0;
    right: 0;
    background: #606060;
    text-align: center;
    box-sizing: border-box;
    z-index: 99;
    cursor: pointer;
    padding-top: 60px;
    font-size: 14px;
    color: #fff;
    line-height: 22px;
    text-align: center;
    border-radius: 5px 0 0 5px;
    transform:translate(100px);
    transition: all .4s;
    background: url(../img/sider_chat.png) center 25px #606060 no-repeat;
}
.sider_right ul li:hover .side-div1{
    transform:translate(0);
}
.sider_right a.side-div2 {
    background: url(../img/sider_test.png) center 25px #606060 no-repeat;
}
.sider_right a.side-div3 {
    background: url(../img/sider_compare.png) center 25px #606060 no-repeat;
}
.sider_right a.side-div5 {
    width: 100px;
    transform:translate(100px);
    /* background: url(/templets/default/img/foot_wxjh.jpg) center 15px #606060 no-repeat; */
    height: 100px;
    padding: 10px;
}
.sider_right a.side-div5 img{
  width: 100%;
}
.sider_right .backtop{
    background: #6c6c6c;
    color: #fff;
    text-align: center;
    padding: 5px;
    height: 50px;
    cursor: pointer;
    box-shadow: -1px 1px 3px rgba(0,0,0,.3);
    border-radius: 5px 0 0 5px;
}
.sider_right .backtop:hover{
    background: #a67238;
}
.sider_right ul li:last-of-type a{
    box-sizing: border-box;
    background-color: #f0f0f0;
    color: #555;
    padding-top: 14px;
    font-size: 13px;
}