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

/***datu开始***/
.datu{ width:100%; position:relative; overflow:hidden;}
.datu a{ display:block; width:100%;}
.datu a img{ display:block; width:100%;}
.datu h2{ font-size:32px; line-height:60px; color:#333; text-align:center; position:absolute; left:0; width:100%; top:50%; margin-top:-90px;  }
.datu h2 span{ display:inline-block; border-bottom:2px solid #333; line-height:60px;}
.guding{ margin-top:-74px; position:relative; z-index:555; width:100%; text-align:center; background:url(../images/index00_2500.png) repeat-x; padding-top:12px; z-index:555;}
.guding a{ display:inline-block; width:90px; padding-top:10px; margin:0 2%; height:114px;}
.guding a span{ font-size:18px; line-height:36px; color:#fff; text-align:center; display:block; font-weight:bold; }
.guding a i{ font-size:50px; line-height:50px; color:#fff; text-align:center; display:block; text-transform:uppercase; opacity:0;}
.guding a.current{ background-image:url(../images/bjls_04.png); background-size:100% 100%; background-repeat:no-repeat;}
.guding a.current i{ filter:alpha(opacity=100); opacity:1;}
/***datu开始***/
@media(max-width:1300px){
.datu h2{ margin-top:-50px; line-height:50px; font-size:28px;}
.datu h2 span{ line-height:50px;}
}

@media(max-width:1000px){
.guding{ display:none;}
.datu h2{ margin-top:-22px; font-size:22px; line-height:40px;}
.datu h2 span{ line-height:40px;}
}


/***aboutbox***/
.aboutbox{ width:70%; margin:20px auto; margin-bottom:0; }
.aboutbox .snav{ text-align:center; margin:5px 0; display:none;}
.aboutbox .snav a{ display:inline-block; padding:0 10px; margin:0 2%; font-size:16px; color:#444; line-height:36px;}
.aboutbox .snav a.current{ background-color:#C9151E; color:#fff;}
.aboutbox .atext{ font-size:14px; line-height:30px; color:#444; padding-bottom:50px; width:80%; margin:0 auto;}
.aboutbox .atext p span{ display:inline-block; width:2em;}
.aboutbox .atext img{
  display:block;
  margin:0 auto;
  max-width:100%;
  height:auto!important; margin:15px auto;}

/****swiper滑动***/
.picsilder{ padding-bottom:60px;}
.picsilder .swiper-container02{ display:none;}
.picsilder .swiper-container03{ display:none;}
.picsilder2{ padding-bottom:60px;}
.picsilder2 .swiper-container02{ display:none;}
.picsilder2 .swiper-container03{ display:none;}
/****swiper滑动***/

/***aboutbox***/
@media(max-width:1600px){
.aboutbox{ width:80%;}
}

@media(max-width:1400px){
.aboutbox{ width:90%;}
}

@media(max-width:1200px){
.aboutbox{ width:95%;}
}

@media(max-width:1100px){
.aboutbox{ width:100%; padding:10px 15px;}
}

@media(max-width:1000px){
.aboutbox .snav{ display:block;}
.aboutbox .atext{ font-size:13px; line-height:25px;}
.picsilder .swiper-container01{ display:none;}
.picsilder .swiper-container02{ display:block;}
.picsilder .swiper-container03{ display:none;}
.picsilder2 .swiper-container01{ display:none;}
.picsilder2 .swiper-container02{ display:block;}
.picsilder2 .swiper-container03{ display:none;}
}

@media(max-width:500px){
.aboutbox{ width:100%; padding:0px 15px;}
.aboutbox .snav a{padding:0 6px; margin:0 2%; font-size:14px;line-height:30px;}
.aboutbox .atext{ font-size:12px; line-height:24px;}
.picsilder{ padding:0px 15px; padding-bottom:40px;}
.picsilder .swiper-container01{ display:none;}
.picsilder .swiper-container02{ display:none;}
.picsilder .swiper-container03{ display:block;}
.picsilder2 .swiper-container01{ display:none;}
.picsilder2 .swiper-container02{ display:none;}
.picsilder2 .swiper-container03{ display:block;}
}


/***newsbox***/
.newsbox{ width:100%; margin:0px auto; margin-bottom:0; }
.newsbox .snav{ text-align:center; margin:5px 0; display:none;}
.newsbox .snav a{ display:inline-block; padding:0 10px; margin:0 2%; font-size:16px; color:#444; line-height:36px;}
.newsbox .snav a.current{ background-color:#C9151E; color:#fff;}

/***新闻列表***/
.newsbox .list{ overflow:hidden; padding:0px 0; }
.newsbox .list .single{ float:left; width:24%; margin:20px 0.5%; background-color:#f8f8f8;}
.newsbox .list .imga{ display:block; width:100%; position:relative; overflow:hidden;} 
.newsbox .list .imga img{ display:block; width:100%; overflow:hidden; transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
.newsbox .list .imga span{ display:block; width:100%; height:100%; top:0%; padding:25% 0; opacity:0; filter:alpha(opacity=0); background-image:url(../images/hong90.png); line-height:100%; font-size:24px; color:#fff; text-align:center; transition:all linear 0.3s; -webkit-transition:all linear 0.3s; position:absolute; left:0; }
.newsbox .list .imga:hover img{ transform:scale(1.05); -webkit-transform:scale(1.05);}
.newsbox .list .st{ padding:5px 8px;}
.newsbox .list .namea{ display:block; font-size:16px; line-height:36px; height:36px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.newsbox .list .namea:hover{ color:#C9151E; text-decoration:underline;}
.newsbox .list .single h6{ padding-left:15px; height:20px; font-size:12px; color:#888; background:url(../images/time_03.jpg) left center no-repeat; line-height:20px; } 
.newsbox .list p{ font-size:14px; line-height:30px; height:120px; overflow:hidden; color:#555; overflow:hidden;}
/***新闻列表***/

/***新闻详情***/
.newsbox .ntext{ font-size:14px; line-height:30px; color:#444; padding-bottom:30px; padding-top:10px; width:80%;margin:0 auto;}
.newsbox .ntext img{   display:block;
  margin:0 auto;
  max-width:100%;
  height:auto!important; margin:10px auto;}
.newsbox .ntext p span{ display:inline-block; width:2em;}
.newsbox .ntext h3{ font-size:22px; line-height:30px; color:#333; text-align:center;}
.newsbox .ntext h6{ font-size:14px; line-height:28px; color:#888; text-align:center; margin-bottom:30px;}
/***新闻详情***/

/***业务领域***/
.newsbox ul{ overflow:hidden; padding-bottom:30px;}
.newsbox ul li{ width:19%; margin:5px 0.5%; height:120px; overflow:hidden; float:left; cursor:pointer; }
.newsbox ul li a{ display:block; width:100%; overflow:hidden; position:relative;}
.newsbox ul li a>img{ display:block; height:100%; margin:0 auto; }
.newsbox ul li a span{ display:block; width:100%; padding:20px 0; height:100%; position:absolute; left:0; top:0; z-index:33; background-color:#c6ccd0;/* background-color:#c9151e;background-image:url(../images/hong50.png); */ text-align:center; transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
.newsbox ul li a span img{ display:block; width:40px; margin:0 auto;transition:all linear 0.3s; -webkit-transition:all linear 0.3s; }
.newsbox ul li a span i{ display:block; font-size:18px; color:#fff; line-height:30px; margin-top:8px;transition:all linear 0.3s; -webkit-transition:all linear 0.3s;}
.newsbox ul li a:hover span{ background-color:transparent; background-image:url(../images/hong50.png) }
.newsbox ul li a:hover span img{ margin-top:-60px;}
.newsbox ul li a:hover span i{ margin-top:80px; font-weight:bold; color:#fff;}

.newsbox ul.atl li{ height:auto !important; width:11.5%; margin:5px 0.5%; border:1px solid #ddd;}
.newsbox ul li a.sa{ display:block; width:100%; overflow:hidden; position:relative; }
.newsbox ul li a.sa img{ display:block; width:100%; transition:all linear 0.1s; -webkit-transition:all linear 0.1s; float:left; overflow:hidden; }
.newsbox ul li a.sa img.img1{-webkit-filter:grayscale(0);filter:grayscale(0); overflow:hidden;}
.newsbox ul li a.sa img.img2{ position:absolute; left:100%; left:0; top:0; width:100%; z-index:55; opacity:0; filter:alpha(opacity=0);}
.newsbox ul li a.sa:hover img.img1{ -webkit-filter:grayscale(0);filter:grayscale(0); transform:scale(0.95); -webkit-transform:scale(0.95);}
.newsbox ul li a.sa:hover img.img2{}
/***业务领域***/





/***newsbox***/
@media(max-width:1600px){
.newsbox{ width:90%;}
.newsbox .lawyer .xqtext{ padding:20px 15%;}
}

@media(max-width:1400px){
.newsbox{ width:90%;}
.newsbox .lawyer .placea a{width:6%; margin:2px 0.125%;}
.newsbox .lawyer .xqtext{ padding:20px 10%;}
}

@media(max-width:1200px){
.newsbox{ width:90%;}
.newsbox .list .namea{font-size:15px; line-height:31px; height:31px;}
.newsbox .list p{ font-size:13px; line-height:25px; height:125px;}
.newsbox .kind .only{ float:left; width:23%; padding:25px 8px; border-radius:5px; margin:15px 1%; }
.newsbox .kind .namea{ font-size:18px; line-height:30px;}
.newsbox .lawyer .find input{ width:17%;}
.newsbox .lawyer .find select{ width:17%;}
.newsbox .lawyer .xqtext{ padding:20px 5%;}
}

@media(max-width:1100px){
.newsbox{ width:100%; padding:10px 15px;}
}

@media(max-width:1000px){
.newsbox .snav{ display:block;}
.newsbox .list .namea{font-size:14px; line-height:28px; height:28px;}
.newsbox .list p{ font-size:12px; line-height:24px; height:72px;}
.newsbox .ntext{ font-size:13px; line-height:25px;}
.newsbox ul li{height:100px;}
.newsbox ul li a span{ /*background-color:transparent; background-image:url(../images/hong50.png)*/}
.newsbox ul li a span img{ width:30px; }
.newsbox ul li a span i{ font-size:16px; color:#fff; line-height:24px; margin-top:6px;}
.newsbox ul li a:hover span{background-color:rgba(0,0,0,0.5);/*background-color:transparent; background-image:url(../images/hong50.png)*/  }
.newsbox ul li a:hover span img{ margin-top:0px;}
.newsbox ul li a:hover span i{ margin-top:6px; font-size:16px; font-weight:normal; color:#fff;}
.newsbox .kind .only{width:24%; padding:20px 5px; border-radius:5px; overflow:hidden; margin:8px 0.5%;}
.newsbox .kind .imga{ display:block; width:110px; margin:0 auto;}
.newsbox .kind .namea{ font-size:17px; line-height:30px;}
.newsbox .kind p{ font-size:13px; line-height:25px;}
.newsbox .kind .only:hover{ background-color:#fff;}
.newsbox .kind .only:hover p{ color:#444; }
.newsbox .kind .only:hover .namea{ color:#333;}
.newsbox .lawyer .find .zhao span{ height:40px; line-height:40px; font-size:14px;}
.newsbox .lawyer .find .zhao img{ margin:15px 0;}
.newsbox .lawyer .find input{ height:40px; line-height:38px; text-indent:2px;}
.newsbox .lawyer .find select{ height:40px; line-height:38px;}
.newsbox .lawyer .find a{float:left; height:40px; line-height:40px; font-size:15px;}
.newsbox .lawyer .placea a{width:9%; margin:3px 0.5%;}
.newsbox .lawyer h4{ margin:25px 0; font-size:20px; font-weight:bold;}
.newsbox .lawyer .guo{ line-height:40px; font-size:14px;}
.newsbox .crew .find{ padding:0 0%; margin-bottom:20px;}
.newsbox .crew .find .zhao{ float:left; overflow:hidden;}
.newsbox .crew .find .zhao span{ height:40px; line-height:40px; font-size:14px;}
.newsbox .crew .find .zhao img{ margin:15px 0;}
.newsbox .crew .find input{ height:40px; line-height:38px; text-indent:2px; width:20%; margin:0 0.5%;}
.newsbox .crew .find select{ height:40px; line-height:38px; width:20%; margin:0 0.5%;}
.newsbox .crew .find a{float:left; height:40px; line-height:40px; font-size:15px;}
.newsbox .crew .guo{ line-height:40px; font-size:14px;}
.newsbox .lawyer .xqtext{ padding:20px 0%;}
.newsbox .lawyer .xqtext .peo h3{ font-size:18px; }
.newsbox .lawyer .xqtext p strong{ font-size:18px; }
.newsbox ul.atl li{ width:18%; margin:5px 1%;}
.newsbox #view{display: none;}
}

@media(max-width:800px){
.newsbox{ width:100%; padding:0px;}
.newsbox .list .single{ float:left; width:49%; margin:5px 0.5%; background-color:#eee;}
.newsbox .ntext h3{ font-size:18px; line-height:30px;}
.newsbox .ntext h6{ font-size:13px; line-height:23px; margin-bottom:25px;}
.newsbox .kind .only{width:42%; padding:40px 5px; border-radius:5px; overflow:hidden; margin:20px 4%;}
.newsbox .lawyer .find .zhao span{ padding:0 5px; height:32px; line-height:32px; font-size:13px;  background:url(../images/pin_07.png) 5px center no-repeat #c9151e; background-size:20px 20px; padding-left:28px;}
.newsbox .lawyer .find .zhao img{ margin:11px 0;}
.newsbox .lawyer .find input{ height:32px; line-height:30px; text-indent:2px; font-size:12px;}
.newsbox .lawyer .find select{ height:32px; line-height:30px;font-size:12px;}
.newsbox .lawyer .find a{float:left; height:32px; line-height:32px; font-size:14px;}
.newsbox .lawyer .guo{ line-height:33px; font-size:13px;}
.newsbox .crew .find{ padding:0 0%; margin-bottom:15px;}
.newsbox .crew .find .zhao{ float:left; overflow:hidden;}
.newsbox .crew .find .zhao span{ padding:0 5px; height:32px; line-height:32px; font-size:13px;  background:url(../images/pin_07.png) 5px center no-repeat #c9151e; background-size:20px 20px; padding-left:28px;}
.newsbox .crew .find .zhao img{ margin:11px 0;}
.newsbox .crew .find input{ height:32px; line-height:30px; text-indent:2px; font-size:12px;}
.newsbox .crew .find select{ height:32px; line-height:30px;font-size:12px;}
.newsbox .crew .find a{float:left; height:32px; line-height:32px; font-size:14px;}
.newsbox .crew .guo{ line-height:33px; font-size:13px;}
.newsbox .lawyer .xqtext .peo h3{ font-size:16px; }
.newsbox .lawyer .xqtext p strong{ font-size:16px; }
.newsbox .lawyer .xqtext p{ font-size:13px; line-height:29px;}
.newsbox .lawyer .xqtext .peo h5{ font-size:13px; line-height:23px;}
.newsbox ul.atl li{ height:auto !important; width:23%; margin:10px 1%; border:1px solid #ddd;}

}

@media(max-width:700px){
.newsbox .lawyer .find .jd{ display:none;}
.newsbox .lawyer .find .sd{ display:block; width:56%; margin:0 2%;}	
.newsbox .lawyer .find a{ width:18%;}
.newsbox .lawyer .placea a{width:10.5%; margin:3px 1%;}
.newsbox .lawyer h4{ margin:15px 0; font-size:16px; font-weight:bold;}
.newsbox .lawyer .guo{ line-height:34px; font-size:12px;}
.newsbox .crew .guo{ line-height:34px; font-size:12px;}
}


@media(max-width:600px){
.newsbox{ width:100%; padding:0px;}
.newsbox ul li{ width:23%; margin:5px 1%;}
.newsbox .kind .only{width:46%; padding:30px 5px; border-radius:5px; overflow:hidden; margin:10px 2%;}
.newsbox .kind .imga{ display:block; width:90px; margin:0 auto;}
.newsbox .kind .namea{ font-size:16px; line-height:28px; margin:5px 0;}
.newsbox .kind p{ font-size:12px; line-height:22px;}
.newsbox .crew .guo{ font-size:12px;}
.newsbox .crew .guo .w3{ display:none;}
.newsbox .crew .guo .w4{ display:none;}
.newsbox .crew .guo .w5{ display:none;}
.newsbox .crew .guo .w1{ width:25%;}
.newsbox .crew .guo .w2{ width:25%;}
.newsbox .crew .guo .w6{ width:25%;}
.newsbox .crew .guo .w7{ width:25%;}
}

@media(max-width:500px){
.newsbox{ width:100%; padding:0px;}
.newsbox .snav a{padding:0 6px; margin:0 2%; font-size:14px;line-height:30px;}
.newsbox .ntext{ font-size:12px; line-height:24px;}
.newsbox .ntext h3{ font-size:16px; line-height:30px;}
.newsbox .ntext h6{ margin-bottom:20px; font-size:12px; line-height:24px;}
.newsbox ul li{ width:31%; margin:5px 1&;}
.newsbox .kind .only{width:48%; padding:30px 5px; border-radius:5px; overflow:hidden; margin:5px 1%;}
.newsbox .lawyer .find .jd{ display:none;}
.newsbox .lawyer .find .sd{ display:block; width:48%; margin:0 2%;}	
.newsbox .lawyer .find .zhao span{ font-size:12px;}
.newsbox .lawyer .find a{ width:20%;}
.newsbox .lawyer .placea a{width:14.666%; margin:3px 1%; height:26px; line-height:26px;}
.newsbox .lawyer .guo .w1{ width:20%;}
.newsbox .lawyer .guo .w2{ display:none;}
.newsbox .lawyer .guo .w3{ width:80%;}
.newsbox .lawyer .guo .w4{ display:none;}
.newsbox .crew .find .jd{ display:none;}
.newsbox .crew .find .sd{ display:block; width:48%; margin:0 2%;}	
.newsbox .lawyer .xqtext .peo h3{ font-size:15px; }
.newsbox .lawyer .xqtext p strong{ font-size:15px; }
.newsbox .lawyer .xqtext p{ font-size:12px; line-height:26px;}
.newsbox .lawyer .xqtext .peo h5{ font-size:12px; line-height:22px;}
.newsbox ul.atl li{ height:auto !important; width:48%; margin:5px 1%; border:1px solid #ddd;}


}

@media(max-width:380px){
.newsbox .list .single{ float:left; width:98%; margin:5px 1%; background-color:#eee;}
.newsbox .kind .only{width:98%; padding:15px 5px; border-radius:5px; overflow:hidden; margin:6px 1%;}
.newsbox .kind .namea{ font-size:16px; line-height:28px; margin:0px 0;}
.newsbox .lawyer .find .jd{ display:none;}
.newsbox .lawyer .find .sd{ display:block; width:46%; margin:0 2%;}	
.newsbox .lawyer .find .zhao{ width:34%;}
.newsbox .lawyer .find a{ width:14%; font-size:12px;}
.newsbox .lawyer .placea a{width:18%; margin:3px 1%; height:22px; line-height:22px;}
.newsbox .lawyer .guo{ line-height:34px; font-size:12px;}
.newsbox .crew .guo .w1{ width:33.333%;}
.newsbox .crew .guo .w2{ width:33.333%;}
.newsbox .crew .guo .w6{ display:none;}
.newsbox .crew .guo .w7{ width:33.333%;}
}

/***kwbox***/
.kwbox{ width:70%; margin:20px auto; margin-bottom:0; }
.kwbox .snav{ text-align:center; margin:5px 0; display:none;}
.kwbox .snav a{ display:inline-block; padding:0 10px; margin:0 2%; font-size:16px; color:#444; line-height:36px;}
.kwbox .snav a.current{ background-color:#C9151E; color:#fff;}
.kwbox ul{ overflow:hidden;}
.kwbox ul li{ width:23%; margin:20px 1%; float:left;}
.kwbox ul li .imga{ display:block; width:100%; overflow:hidden;}
.kwbox ul li .imga img{ display:block; width:100%; overflow:hidden; transition:all linear 0.3s; -webkit-transition:all linear 0.3s; border:1px dotted #ccc;}
.kwbox ul li .namea{ display:block; line-height:32px; text-align:center; margin-top:4px; font-size:16px; color:#333; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.kwbox ul li .imga:hover img{ transform:scale(0.98); -webkit-transform:scale(0.98);}
.kwbox .dhuan{ display:none;}
.kwbox .dhuan img{ display:block; width:55%; margin:0 auto; }
/***kwbox***/
@media(max-width:1600px){
.kwbox{ width:80%;}
}

@media(max-width:1400px){
.kwbox{ width:90%;}
}

@media(max-width:1200px){
.kwbox{ width:95%;}
}

@media(max-width:1100px){
.kwbox{ width:100%; padding:10px 15px;}
}

@media(max-width:1000px){
.kwbox .snav{ display:block;}
.kwbox ul li .namea{ font-size:14px; line-height:30px; }
#fb7-ajax{ display:none !important;}
.kwbox .dhuan{ display:block;}
.kwbox ul li .imga:hover img{ transform:scale(1); -webkit-transform:scale(1);}
}

@media(max-width:700px){
.kwbox .snav{ display:block;}
.kwbox ul li{ width:46%; margin:10px 2%; float:left;}
.kwbox .dhuan img{ display:block; width:50%; margin:0 auto; }
}

@media(max-width:500px){
.kwbox{ width:100%; padding:0px 15px;}
.kwbox .snav a{padding:0 6px; margin:0 2%; font-size:14px;line-height:30px;}
.kwbox ul li{ width:48%; margin:6px 1%; float:left;}
.kwbox ul li .namea{ margin-top:0; font-size:13px; line-height:27px; }
.kwbox .dhuan img{ display:block; width:75%; margin:0 auto; }
}

@media(max-width:380px){
.kwbox ul li .namea{ margin-top:0; font-size:12px; line-height:24px;}
.kwbox ul li{ width:48.6%; margin:3px 0.7%; float:left;}
.kwbox .dhuan img{ display:block; width:90%; margin:0 auto; }
.kwbox .swiper-button-prev{ display:none;}
.kwbox .swiper-button-next{ display:none;}
}

/***lxbox***/
.lxbox{ width:70%; margin:20px auto; margin-bottom:0; }
.lxbox .snav{ text-align:center; margin:5px 0; display:none;}
.lxbox .snav a{ display:inline-block; padding:0 10px; margin:0 2%; font-size:16px; color:#444; line-height:36px;}
.lxbox .snav a.current{ background-color:#C9151E; color:#fff;}
.lxbox .area{ overflow:hidden;}
#dituContent{ width:50%; border:#ccc solid 1px; float:left;}
.lxbox .area .rtext{ width:50%; float:left; padding:10px 0 0 30px; font-size:14px; line-height:36px; color:#444; }
.lxbox .area .rtext p{ padding-left:22px; background-position:left 9px; background-repeat:no-repeat;}
.lxbox .area .rtext p.bg1{ background-image:url(../images/swicon_0800.png);}
.lxbox .area .rtext p.bg2{ background-image:url(../images/swicon_1000.png);}
.lxbox .area .rtext p.bg3{ background-image:url(../images/swicon_12.png);}
.lxbox .area .rtext p.bg4{ background-image:url(../images/swicon_16.png);}
.lxbox .area .rtext p.bg5{ background-image:url(../images/swicon_19.png);}
.lxbox .area .rtext p.bg6{ background-image:url(../images/swicon_23.png);}
.lxbox .area .rtext p.bg7{ background-image:url(../images/swicon_24.png);}
.lxbox .area .rtext img{ display:block; margin:10px 0; max-width:140px;}
/***lxbox***/





@media(max-width:1600px){
.lxbox{ width:80%;}
}

@media(max-width:1400px){
.lxbox{ width:90%;}
}

@media(max-width:1200px){
.lxbox{ width:95%;}
}
@media(max-width:1100px){
.lxbox{ padding:10px 15px;}
}
@media(max-width:1010px){
#dituContent{ width:80%; border:#ccc solid 1px; float:none; margin:0 auto; }
.lxbox .area .rtext{ float:none; width:80%; margin:0 auto; padding:20px 0;  }

}

@media(max-width:1000px){
.lxbox .snav{ display:block;}
.newsbox #ftd{display: none}
.newsbox #ttd{padding-left: 0px}

}

@media(max-width:700px){
.lxbox .snav{ display:block;}
#dituContent{ width:100%; }
.lxbox .area .rtext{ width:100%;  }
.lxbox .area .rtext{ font-size:13px; line-height:32px; }
.lxbox .area .rtext p{ background-position:left 7px;}

}

@media(max-width:500px){
.lxbox{ width:100%; padding:0px 15px;}
.lxbox .snav a{padding:0 6px; margin:0 2%; font-size:14px;line-height:30px;}
.lxbox .area .rtext{ font-size:12px; line-height:28px; }
.lxbox .area .rtext p{ background-position:left 5px;}
}