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

/*banner*/
.banner {width:100%;max-width:640px;height:auto; text-align:center;}
.banner img{ width:100%;height:auto;}

/*main-ct*/
.main_ct{ width:96%; margin:1% 2%;height:auto;  overflow:hidden;}
.dhwls{ width:30%; margin:2% 4.5% 2% 0;padding:10px 0px;  display:inline;  text-align:center; float:left; background:#fafafa; border:1px solid #ddd; }
.zxwls{ width:30%; margin:2% 1% 2% 0; padding:10px 0px; display:inline;  text-align:center; float:left; background:#fafafa; border:1px solid #ddd; }
.lywls{ width:30%; margin:2% 0% 2% 0; padding:10px 0px; display:inline;  text-align:center; float:right; background:#fafafa; border:1px solid #ddd; }
.dhwls img,.zxwls img,.lywls img{ text-align:center;}
.dhwls p,.zxwls p,.lywls p{text-align:center; line-height:35px;color:#333;}
.dhwls a,.zxwls a,.lywls a{text-decoration:none;color:#333; display:block;  }
.dhwls a:hover p,.zxwls a:hover p,.lywls a:hover p{text-decoration:none;color:#cc0000;   }
.dhwls a:hover img,.zxwls a:hover img,.lywls a:hover img{ background:url(../images/ico-img0111.png) no-repeat;   }
/*导航*/
.nav{ width:95.5%; margin: 2%;height:auto; border:1px solid #ddd; overflow:hidden;}
.yw01,.yw02,.yw03,.yw04,.yw05,.yw06,.yw07,.yw08{ width:24%; padding:0.3%; height:auto; display:inline;  text-align:center; float:left;  }
.yw01 a,.yw02 a,.yw03 a,.yw04 a,.yw05 a,.yw06 a,.yw07 a,.yw08 a{text-decoration:none;color:#333;  }
.yw01,.yw02,.yw03{ border-bottom:1px solid #ddd;border-right:1px solid #ddd;}
.yw04{ border-bottom:1px solid #ddd;}
.yw05,.yw06,.yw07{ border-right:1px solid #ddd;}
.yw01 span,.yw02 span,.yw03 span,.yw04 span,.yw05 span,.yw06 span,.yw07 span,.yw08 span{ width:100%;line-height:32px; padding-bottom:10px; font-size:0.9em; float:left; text-align:center;  }
.yw01 img,.yw02 img,.yw03 img,.yw04 img,.yw05 img,.yw06 img,.yw07 img,.yw08 img{  padding-top:15px;   text-align:center;  }
/*留言补充*/
.lylist{ width:; height:; margin-top:;}
.lylist li{ display:block; width:100%; height:35px; line-height:35px; border-bottom:1px dashed #ddd; font-size:0.8em;}
.lylist li span{ display:inline-block; width:19em; height:35px; padding-left:2.5em; overflow:hidden; text-overflow:ellipsis; background:url(../images/ico_zx.png) no-repeat center left;}
.lylist li a{ display:inline-block; float:right; width:7em; height:35px; color:#e00000;}

@media screen and (max-width:480px)
{ 
#header{ background: none repeat scroll 0 0 #fff;height:55px;   }
.logo{ float:left; width:86%; height:auto; margin:15px 0 0 5px;}
.logo img{ width:100%;}
.head-r{ width:12%; float:right;}
.menu{ float:right; width:30px; height:auuto;margin:21px 0px 0px 0px;position:relative;}
.menu img{width:95%;}
.menu .subnav{display:none;background: url(../images/menu_bg.png) no-repeat;z-index:100; padding:10px;position:absolute;top:28px;right:-3px;width:110px;}
.containter{background: none repeat scroll 0 0 #FFFFFF;   padding:1% 0 14% 0; width: 100%;}
.bbxm,.mobile,.qq{ border: 1px solid #ccc;
    height: 34px;
    line-height: 34px;
    padding-left: 5px;
    vertical-align: middle;
    width: 70%;}
.bz{width:70%; height:90px; vertical-align:middle; line-height:35px; padding-left:5px; border:1px solid #ccc;}
.choose1 .xm_titile{ width:25%;line-height:35px; float:left; text-align: right; }
.fixedm1,.fixedm2,.fixedm3,.fixedm4 { width:24.7%; height:auto; float:left; padding:6px 0;}
}

@media screen and (min-width:481px)and (max-width:639px)
{
#header{ background: none repeat scroll 0 0 #fff;height:68px;   }
.logo{ float:left; width:78%; height:auto; margin:13px 0 0 5px;}
.logo img{ width:93%;}
.head-r{ width:12%; float:right;}
.menu{ float:right; width:34px; height:auuto;margin:28px 0px 0px 0px;position:relative;}
.menu img{width:100%;}
.menu .subnav{display:none;background: url(../images/menu_bg.png) no-repeat;z-index:100; padding:10px;position:absolute;top:32px;right:0px;width:110px;}
.containter{background: none repeat scroll 0 0 #FFFFFF;   padding:1.5% 0 10% 0; width: 100%;}
.bbxm,.mobile,.qq{ border: 1px solid #ccc;
    height: 34px;
    line-height: 34px;
    padding-left: 5px;
    vertical-align: middle;
    width: 65%;}
.bz{width: 65%; height:90px; vertical-align:middle; line-height:35px; padding-left:5px; border:1px solid #ccc;}
.choose1 .xm_titile{ width:20%;line-height:35px; float:left; text-align: right; }
.fixedm1,.fixedm2,.fixedm3,.fixedm4 { width:24.7%; height:auto; float:left; padding:6px 0;}
.fixedm1 i,.fixedm2 i,.fixedm3 i,.fixedm4 i{width:100%;  float:left; text-align: center;}

}


@media screen and (min-width:640px)
{
#header{ background: none repeat scroll 0 0 #fff;height:75px;   }
.logo{ float:left; width:65%; height:auto; margin:10px 0 0 5px;}
.logo img{ }
.menu{ float:right; width:43px; height:auuto;margin:28px 0px 0px 0px;position:relative;}
.menu img{width:100%;}
.menu .subnav{display:none;background: url(../images/menu_bg.png) no-repeat;z-index:100; padding:10px;position:absolute;top:40px;right:0px;width:110px;}
.head-r{ width:10%; float:right;}
.containter{background: none repeat scroll 0 0 #FFFFFF;   padding:1% 0 8% 0; width: 100%;}
.bbxm,.mobile,.qq{ border: 1px solid #ccc;
    height: 34px;
    line-height: 34px;
    padding-left: 5px;
    vertical-align: middle;
    width:50%;}
.bz{width:65%; height:90px; vertical-align:middle; line-height:35px; padding-left:5px; border:1px solid #ccc;}
.choose1 .xm_titile{ width:18%;line-height:35px; float:left; text-align: right; }
.fixedm1,.fixedm2,.fixedm3,.fixedm4 { width:24.8%; height:auto; float:left; padding:6px 0;}

}



/*经典案例*/
.ywfl{width:100%; height:auto; margin:5% 0; }
.fl01{ width:96%; height:auto; margin:2% ; }
.fl01_title{ height:40px; border-bottom:1px solid #e6e6e6; }
.fl01_title span{ line-height:40px; float:left; font-weight:bold; font-size:2em; background: url(../images/m-red-ico.jpg) 8px 12px no-repeat; padding-left:18px; font-size:1em; color:#333; }
.fl01_nr{ padding:15px 10px ; }
.fl01_nr a{ padding:0px 5px;color:#333; line-height:25px;}

.more{ width:60px;  color:#666; text-align:center; float:right;}
.more a{text-decoration:none;color:#666; line-height:26px; font-size:1em; }
.more a:hover{text-decoration:none;color:#cc0000; }


/*内页*/
.wz{ width: 96%;margin:2%; height:30px; margin:0 auto; line-height:30px;  }
.wz h3{ width:100%; font-weight:normal;float:left; font-size:1em; }

/*关于我们*/
.gywm{ width: 96%; padding:5% 0;margin:0 auto 2%;  height: auto; display:table;}
.gywm_title{ width:100%; height:55px;padding-bottom:20px ; text-align:center;}
.gywm_title span{ width:364px; height:55px; font-size:2em; line-height:55px; color:#cc0000; }
.gywm_nr,.lxwm_nr,.flzx_nr,.flzx_detail_nr,.sqb_nr,.flzx_list_nr{ width: 100%; height: auto;display:table;  padding:3% 0% 5% 0%;}
.gywm_nr p,.lxwm_nr p{ color:#333; line-height:30px;}
.lxwm_nr img{ width:98%; }
.flzx_detail_nr{ width: 96%; height: auto;display:table;  padding:3% 2% 5% 2%;}
.flzx_list_nr ul { padding:0; margin:0;}
.flzx_list_nr ul li{  width: 100%; float:left; line-height:55px; 
color: #333;background: url(../images/dot.jpg) 0px 27px no-repeat;border-bottom:1px solid #ddd;}
.flzx_list_nr ul li a { color: #333;   text-decoration: none; padding-left:16px; display:inline-block; width:19em; height:40px; overflow:hidden; text-overflow:ellipsis;}
.flzx_list_nr ul li a:hover{ color: #cc0000;   text-decoration: none; }
.time{ float:right;color:#666;}




/*法律动态*/
.zp_list{ margin:1.5% 0 5% 0; font-size:14px; float:left;}
.fldt{ padding:1% 1% 2% 1%; border-bottom:1px dotted #ccc;}
.fldt span{ line-height:36px; font-size:16px; color:#333;}
.fldt span a{ color:#333; text-decoration:none;}
.fldt span a:hover{ color:#003399; text-decoration:none;}
.fldt p{ line-height:26px; font-size:14px; color:#666; overflow:hidden;}
.fldt p a{ color:#003399; text-decoration:none; }
.fldt p a:hover{color:#003399; text-decoration:none;}
.read_nr{margin: 1.5% ;overflow: hidden; width: 91%; padding:3%;background:#fff;}

/*动态阅读 样式*/
.flzxxq_title{text-align:center;color:#333; font-size:1.6em; line-height:55px; font-weight: bold;border-bottom:1px dotted #ccc;}
.flzxxq_dh{text-align:center; font-size:0.8em;line-height:35px;color:#999;}
.flzxxq_des_nr{line-height:32px;padding:15px 0px;color:#666; text-indent:2em; }
.pagecontent{float:left;padding:8px 0px; width:100%; line-height:35px;color:#666; margin-top:20px; border-top:1px dotted #ccc; }
.pagecontent a{color:#666;text-decoration:none;}
.pagecontent a:hover{color:#fc0000;text-decoration: underline;}

/*在线咨询*/
.flzx01{ width:100%; height:auto; margin:2% 0; }
.flzx01_title{ height:40px; border-bottom:1px solid #e6e6e6; }
.flzx01_title span{ line-height:40px; float:left; font-weight:bold; font-size:2em; background: url(../images/m-red-ico.jpg) 8px 12px no-repeat; padding-left:18px; font-size:1em; color:#333; }
.flzx01_nr{ padding:15px 10px ; }
.flzx01_nr a{ padding:0px 5px;color:#333; line-height:25px;}



.choose{width:96%;  float:left;  padding: 2%; }
.choose1{width:96%;  float:left;  padding: 2%; }
.xmxz{ float:left;}
.xmxz span label{ float: left;line-height:34px; padding:0px 8px; }
.book_btn{width:100%; float:left;   padding:10px 0; text-align:center;}
.info_form{ float:left; padding-left:25px; }

.submit{  background: #cc0000 none repeat scroll 0 0;
   /* border: 1px solid #ddd;*/
    font-size: 18px;
    line-height: 40px;
    vertical-align: middle;
    width: 200px; cursor:pointer; color:#fff;  font-family:"微软雅黑", "宋体";}
	
	
.contact{width:96%;  float:left;  background:#F5F5F5;  padding:3% 2%; margin-top:30px;}
.ct-tel{ width:280px; float:left; }
.ct-tel h3{ font-size:18px; float:left; font-weight: normal; line-height:30px; padding-top:10px;}
.ct-tel h5{  float:left; font-weight: normal; line-height:30px;}
.ct-tel span{ font-size:30px; color:#666; float:left; font-weight:bold; color:#cc0000;   line-height:4spx;}
.ct-code{width:248px; float: right;}

.ct-code img{ float:left; padding-right:10px;}
.ct-code span{ width:100px; float:right; line-height:26px; padding-top:25px; color:#666;}
.download{width:96%;  float:left;   margin-top:30px;padding: 2%; }
.download span{width:120px; float:left; line-height:40px; font-size:16px;}
.dl_btn{ width:160px;line-height:40px; float: left;text-align: center; color:#333; font-size:16px; border:1px solid #999;}
.dl_btn a{  text-decoration:none; color:#333; display:block; }
.dl_btn a:hover{ background:#cc0000; color:#fff; text-decoration:none;}

/*xinxin*/
.ind_list ul li{ line-height:40px; font-size:15px; background: url(../images/dot.jpg) 0px 21px no-repeat; border-bottom: 1px dashed #ddd;}
.ind_list ul li .time{ font-size:14px; color:#aaa; font-style:italic;}