@import url('public01.css');
.type-menu{ text-align: center; margin: 0px 0 0px 0; }
.type-menu a{/* color: #6f6e71; border: 2px solid #6f6e71; border-radius: 38px;*/ text-align: center; display: inline-block; margin: 10px 2px; transition: all 0.3s ease; font: 16px/44px "normal","Microsoft YaHei","微软雅黑","宋体"; padding:0px 15px; color: #fff; border-radius: 30px;   background-color: #acacac;   cursor: pointer;min-width: 128px;



 }
.type-menu a.active{/* border-color: #ee7700; color: #ee7700; */background-color: #ee7700; color: #fff;}
.type-menu a:hover{ /*color: #ee7700; border: 2px solid #ee7700;*/background-color: #ee7700; color: #fff;}
.nylr-content {width: 100%; margin: 0px auto; }
.nylr-content .bodyL { width:35%;float: left; text-align:center; }
.nylr-content .bodyR { width: 55%; float: left; color: #5f6061; font:16px/38px "Microsoft YaHei","微软雅黑","宋体"; text-align:left;}
.nylr-content .bodyRab { width: 35%; float: left; color: #5f6061; font:16px/38px "Microsoft YaHei","微软雅黑","宋体"; text-align:left;}
@media only screen and (max-width: 1024px) {
.nylr-content .bodyRab { width: 100%; float: left; color: #5f6061; font:16px/38px "Microsoft YaHei","微软雅黑","宋体"; text-align:left;}
}
.about_memo .title{ padding: 30px 0px 0px 0px; font: 33px/30px "normal","Microsoft YaHei","微软雅黑","宋体"; color: #53535c; text-align:left; margin:0px auto 40px auto; width:220px;}
.about_memo .title p{ font: 33px/30px "normal","Microsoft YaHei","微软雅黑","宋体"; color: #53535c; }
.about_memo .title span{ display: block; width: 35px; height: 3px; background: #ee7700; margin-top: 35px; }
@media only screen and (max-width: 1024px) {
.nylr-content .bodyL { width:100%;float: none; text-align:left; }
.nylr-content .bodyR { width: 100%; float: none; color: #5f6061; font:16px/38px "Microsoft YaHei","微软雅黑","宋体"; text-align:left;margin: 20px auto;}
.about_memo .title{  margin:0px 0px 40px 0px;}
}
@media only screen and (max-width: 640px) {
    .type-menu{ margin: 30px 0; }
    .type-menu a{margin: 10px 5px 0px 5px; font: 14px/30px "normal","Microsoft YaHei","微软雅黑","宋体"; padding:0px 8px;}
	.about_memo .title p{ font: 26px/27px "normal","Microsoft YaHei","微软雅黑","宋体"; }
	.about_memo .title span{margin-top: 15px; }
}



.newcontens { width: 100%; color: #5f6061; font:16px/30px "Microsoft YaHei","微软雅黑","宋体"; text-align:left;}
.newcontens h1 { width:100%; float: right; color: #000000; font:700 22px/38px "Microsoft YaHei","微软雅黑","宋体"; text-align:center; border-bottom:1px solid #CCCCCC; margin-bottom:40px; padding:0px 0px 20px 0px;}
.newcontens img {max-width: 100%;}
.newcontens h3.lawyertitle{width:100%;font:700 23px/35px "Microsoft YaHei","微软雅黑","宋体"; color: #ee7700;  display: block; text-align: center;}
.newcontens h4.lawyertitle{ width:100%; float:left; display:block; font:20px/38px "Microsoft YaHei","微软雅黑","宋体"; color:#333; text-align: center; margin-bottom:40px;}

.lawyerlist {width: 95%; margin: 0px auto 80px auto;  max-width:1440px; min-width:320px;  display: flex; flex-wrap: wrap;}
.lawyer-ul{ width:100%; float:left; margin-top:10px;}
.lawyer-ul li{ width:50%; float:left; padding:0 0px; margin-top:30px;}
.lawyer-ul li .zbox{ width:100%; float:left; height:248px; float:left; background:#f7f7f8; padding-left:360px; position:relative;}
.lawyer-ul li .zbox .img{ width:360px; height:248px; position:absolute; left:0; top:0; overflow:hidden;}
.lawyer-ul li .zbox .img img{ width:100%; height:248px; float:left; transition: all 1s linear;-moz-transition: all 1s linear;-webkit-transition: all 1s linear;-o-transition: width all 1s linear;}
.lawyer-ul li .zbox .text{ width:100%; padding:5px 20px 0 20px; position:relative;}
.lawyer-ul li .zbox .text h3 {width:100%;font:700 20px/28px "Microsoft YaHei","微软雅黑","宋体"; color: #ee7700;  display: block; text-align: center;}
.lawyer-ul li .zbox .text h4{ width:100%; float:left; display:block; font:18px/28px "Microsoft YaHei","微软雅黑","宋体"; color:#333; text-align: center;}
.lawyer-ul li .zbox .text h4 a{}
.lawyer-ul li .zbox .text span{color:#d22328}
.lawyer-ul li .zbox .text .p{ width:100%; float:left; margin-top:9px;font:14px/24px "Microsoft YaHei","微软雅黑","宋体";  color:#666;  height:140px; overflow:hidden; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s;}
.lawyer-ul li .zbox .text .time{ width:100%; float:left; font:14px/24px "Microsoft YaHei","微软雅黑","宋体"; color:#ee7700; -webkit-transition: all 0.3s ease-out 0s; -moz-transition: all 0.3s ease-out 0s; -o-transition: all 0.3s ease-out 0s; transition: all 0.3s ease-out 0s; margin-top:4px; margin-bottom:10px;}
.lawyer-ul li .zbox:hover{ background:#d32329;}
.lawyer-ul li .zbox:hover .text h3{ color:white; font-weight:700;}
.lawyer-ul li .zbox:hover .text h4{ color:white;}
.lawyer-ul li .zbox:hover .text .p{ color:white; opacity:0.8;}
.lawyer-ul li .zbox:hover .text .time{ color:white;}
.lawyer-ul li .zbox:hover .text .ico{ opacity:1;}
.lawyer-ul li .zbox:hover .img img{transform: scale(1.09,1.09);-ms-transform: scale(1.09,1.09);	-webkit-transform: scale(1.09,1.09); -o-transform: scale(1.09,1.09); -moz-transform: scale(1.09,1.09);}
@media screen and (max-width:1439px) {
.lawyer-ul li{ width:100%; margin-top:15px;}
}
@media screen and (max-width:767px) {
.lawyer-ul li .zbox{ width:100%; float:left; height: 207px; background:#f7f7f8; padding-left:0px; padding-left:300px;}
.lawyer-ul li .zbox .img{ width:300px; height:207px; position:absolute; left:0; top:0; overflow:hidden;}
.lawyer-ul li .zbox .img img{ width:100%; height: 207px;}
.lawyer-ul li .zbox .text h3 {width:40%;font:700 20px/28px "Microsoft YaHei","微软雅黑","宋体"; color: #ee7700;  display: block; text-align: left; float:left; }
.lawyer-ul li .zbox .text h4{ width:60%; float:left; font:18px/28px "Microsoft YaHei","微软雅黑","宋体"; color:#333; text-align: left;}
.lawyer-ul li .zbox .text .p{margin-top:4px;font:14px/24px "Microsoft YaHei","微软雅黑","宋体";  color:#666;  height:120px;}

}
@media screen and (max-width:650px){
.lawyer-ul li{margin-top:30px;}
.lawyerlist {margin: 0px auto 40px auto;}
.lawyer-ul li .zbox{ width:100%; float:left; height: auto; background:#f7f7f8; padding-left:0px;}
.lawyer-ul li .zbox .img{ width:100%; height: auto; position:static; overflow:hidden;}
.lawyer-ul li .zbox .img img{ width:100%; height: auto;}
.lawyer-ul li .zbox .text .p{margin-top:4px;font:14px/24px "Microsoft YaHei","微软雅黑","宋体";  color:#666; height:auto; max-height:195px;}
}
/*
.h-lawyer-comtent{width: 100%; margin: 0px auto; padding:30px 0px; }
.h-lawyer {width: 95%; margin: 0px auto;  max-width:1440px; min-width:320px; }
.h-lawyer ul li{ width:50%; float:left;  margin:0px 0px 0px 0px;  background-color:#f9f9f9; margin-top:40px;}
.h-lawyer ul li .uerpic { width: 50%; float: left; }
.h-lawyer ul li .uerpic > img {margin:0px; padding:0px; width: 100%; }
.h-lawyer ul li .text {width: 50%; float: left; padding: 0 0px; }
.h-lawyer ul li .text h3 { font-size: 26px; color: #ee7700; line-height: 160%;display: block; text-align: center; padding-top:10%;}
.h-lawyer ul li .text h4 {font-size: 20px;color: #333; display: block; text-align: center; line-height: 160%;}
.h-lawyer ul li .text p {color: #333; display: block; font:16px/30px "Microsoft YaHei","微软雅黑","宋体"; text-align: center;  margin: 30px 30px 30px 30px;}


@media screen and (max-width: 1390px){
	.h-lawyer ul li .uerpic { width: 40%;}
	.h-lawyer ul li .text {width: 60%;}
	.h-lawyer ul li .text h3 { font-size: 26px; line-height: 160%;padding-top:3%;}
	.h-lawyer ul li .text h4 {font-size: 20px;}
	.h-lawyer ul li .text p {color: #333; font:16px/27px "Microsoft YaHei","微软雅黑","宋体";  margin: 10px 30px 0px 30px;}
}
@media screen and (max-width:1200px){
	.h-lawyer ul li .uerpic { width: 40%;}
	.h-lawyer ul li .text {width: 60%;}
	.h-lawyer ul li .text h3 { font-size: 26px; line-height: 160%;padding-top:3%;}
	.h-lawyer ul li .text h4 {font-size: 20px;}
	.h-lawyer ul li .text p {color: #333; font:15px/27px "Microsoft YaHei","微软雅黑","宋体";  margin: 5px 30px 5px 30px;}
}
@media screen and (max-width:960px){
.h-lawyer ul li .text h3 { font-size: 20px; line-height: 160%;padding-top:1%;}
.h-lawyer ul li .text h4 {font-size: 16px;}
.h-lawyer ul li .text p {color: #333; font:14px/25px "Microsoft YaHei","微软雅黑","宋体";  margin: 1px 15px 0px 15px;}
}

@media screen and (max-width:860px){
.h-lawyer ul li{ width:100%;}
.h-lawyer ul li:nth-child(n+2){ margin-top:15px;}
.h-lawyer ul li .uerpic { width: 50%; }
.h-lawyer ul li .text {width: 50%;}
.h-lawyer ul li .text h3 { font-size: 26px; line-height: 160%;padding-top:10%;}
.h-lawyer ul li .text h4 {font-size: 20px; line-height: 160%;}
.h-lawyer ul li .text p {color: #333; display: block; font:16px/37px "Microsoft YaHei","微软雅黑","宋体"; text-align: center;  margin: 30px 30px 30px 30px;}
}
@media screen and (max-width:650px){
.h-lawyer ul li .uerpic { width: 40%; }
.h-lawyer ul li .uerpic img{ min-height:290px;}
.h-lawyer ul li .text {width: 60%;}
.h-lawyer ul li .text h3 { font:700 20px/30px "Microsoft YaHei","微软雅黑","宋体";padding-top:3%;}
.h-lawyer ul li .text h4 {font:16px/30px "Microsoft YaHei","微软雅黑","宋体";}
.h-lawyer ul li .text p {color: #333; display: block; font:16px/30px "Microsoft YaHei","微软雅黑","宋体"; text-align: center;  margin: 10px 10px 0px 0px;}

}
@media screen and (max-width:420px){
.h-lawyer ul li .uerpic img{ min-height:240px;}
.h-lawyer ul li .text h3 { font:700 19px/30px "Microsoft YaHei","微软雅黑","宋体";padding-top:3%;}
.h-lawyer ul li .text h4 {font:16px/30px "Microsoft YaHei","微软雅黑","宋体";}
.h-lawyer ul li .text p {color: #333; display: block; font:14px/25px "Microsoft YaHei","微软雅黑","宋体"; text-align: center;  margin: 10px 10px 0px 0px;}
}

*/


.newslist ul{ margin-bottom: 70px; }
.newslist li{ margin-left: 40px; border: 1px solid #e3e8ec; position: relative; margin-bottom: 50px; text-align:left; }
.newslist li a{ display: block; padding: 22px 20% 0 100px; box-sizing: border-box;}
.newslist li .time{ width: 100px; height: 100px; position: absolute; left: -40px; top: -10px; color: #a3a1a6; font-weight: bold; background: url(../images/newbg.png) no-repeat center; text-align: center; font-size: 16px; padding-top: 20px; box-sizing: border-box; transition: all 0.3s ease; }
.newslist li .time span{ width: 66px; height: 1px; background: #d5d2d9; display: block; margin: 8px auto; }
.newslist li .time p{ font:700 22px/20px "normal","Microsoft YaHei","微软雅黑","宋体"; }
.newslist li h3{ color: #2f2d31; margin-bottom: 10px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; font: 18px/26px "Microsoft YaHei","微软雅黑","宋体";}
.newslist li a>p{ overflow: hidden; color: #a39ea9; font: 14px/26px "Microsoft YaHei","微软雅黑","宋体";}
.newslist li .more{ position: absolute; width: 15%; text-align: center; height: 100%; right: 0; top: 0; }
.newslist li .more::after{ content: ''; width: 1px; background: #e3e8ec; height: 60%; top: 20%; left: 0; position: absolute; }
.newslist li .more span{ display: inline-block; width: 31px; height: 100%; background: url(../images/more3.png) no-repeat center; transition: all 0.3s ease; }
.newslist li:hover .time{ background: url(../images/newbgon-1.png) no-repeat center; color: #fff; }
.newslist li:hover .more span{ background: url(../images/more2.png) no-repeat center; transform: translateX(10px); }
.newslist{ margin-bottom: 120px; }
@media only screen and (max-width: 640px) {
    .newslist li .more{ display: none; }
    .newslist li{ margin-left: 0; margin-bottom: 30px; }
    .newslist li a{ padding: 20px; height: auto; }
    .newslist li .time{ position: static; width: auto; height: auto; text-align: left; color: #a39ea9 !important; font-size: 12px; background: none !important; margin-bottom: 10px; padding-top: 0; }
    .newslist li .time span{ display: none; }
    .newslist li .time p{ display: inline-block; margin-left: 10px; font-size: 14px; }
    .newslist,.case_detail .html_cont,.case_detail,.team_cont,.about_cont,.history_cont{ margin-bottom: 60px; }
    .newslist ul{ margin-bottom: 40px; }
  
}




.page-sumshow{font:15px/26px "Microsoft YaHei","微软雅黑","宋体",Arial; color:#333; width:100%; text-align:center; padding:50px 0px;}
.page-sumshow a{ color:#333;}
.page-sumshow a:hover{color:#ee7700;}


.iw_poi_title {
color: #CC5522;
font-size: 14px;
font-weight: bold;
overflow: hidden;
padding-right: 13px;
white-space: nowrap
}

.iw_poi_content {
font: 12px arial, sans-serif;
overflow: visible;
padding-top: 4px;
white-space: -moz-pre-wrap;
word-wrap: break-word
}
.company_map {
position: relative;
width: 100%;
height: 465px;
margin-top: 20px;
}

.fh_bt:hover {
    background-color: #fff;
    color: #ee7700;
}
.fh_bt {
    display: block;
    width: 150px;
    margin: 0px auto;
    line-height: 40px;
    background-color: #ee7700;
    text-align: center;
    color: #fff;
    margin-top: 20px;
    border: 1px solid #ee7700;
    transition: all 0.6s ease;
    -moz-transition: all all 0.6s ease;
    -webkit-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
}
@-webkit-keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px)}100%{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0)}}.fadeInUp{-webkit-animation-name:fadeInUp;animation-name:fadeInUp}
.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}
@-webkit-keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes fadeInLeft{0%{opacity:0;-webkit-transform:translateX(-20px);-ms-transform:translateX(-20px);transform:translateX(-20px)}100%{opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0)}}.fadeInLeft{-webkit-animation-name:fadeInLeft;animation-name:fadeInLeft}
@-webkit-keyframes fadeIn{0%{opacity:0}100%{opacity:1}}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.fadeIn{-webkit-animation-name:fadeIn;animation-name:fadeIn}