/*  




 * 您可以向该文件添加全局样式，也可以导入其他样式文件




 * 该文件样式适配 PC+移动端




 * 




 *     */














/*




 * color




 * 




 * */









.ColorViolet {




	color: #3d107b;




}









.ColorGray {




	color: #999999;




}




.BackgroundGray {




	background: #ebebeb;




}




.BackgroundWrite {




	background: #ffffff;




}




.BackgroundYellow {




	background: #f9f9f9;




}









.BackgroundViolet {




	background: #3d107b;




}









/*




 * color




 * 




 * */









.Fontbold {




	font-weight: bold;




	font-weight: bolder;




}









/*




 * Border




 * 




 * */









.Border {




	border: 1px solid #EEEEEE;




}









.BorderRight {




	border-right: 1px solid #EEEEEE;




}









.BorderLeft {




	border-left: 1px solid #EEEEEE;




}









/*




 * subtitle




 * 




 * */









.subtitle {




	text-align: center;




	padding-top: 70px;




	padding-bottom: 80px;




}









.subtitle p:first-child {




	font-size: 4.2rem;




}









.subtitle p:last-child {




	font-size: 3rem;




	margin-top: -15px




}









@media only screen and (max-width: 991px) {




	.subtitle {




		padding-top: 10px;




		padding-bottom: 10px




	}




}









/*




 * flex




 * 




 * */









.flex {




	display: flex;




	flex-wrap: nowrap;




	justify-content: space-between;




}









.flex2 {




	display: flex;




	flex-direction: row;




	flex-wrap: wrap;




}









/* certify */









#certify img {




	width: 600px




}









/*




 * ellipsis




 * 




 * */









.ellipsis {




	display: -webkit-box;




	-webkit-box-orient: vertical;




	-webkit-line-clamp: 2;




	overflow: hidden;




    max-height: 35px




}




.ellipsis2 {




	display: -webkit-box;




	-webkit-box-orient: vertical;




	-webkit-line-clamp: 4;




	overflow: hidden;




    max-height: 110px




}














/* show or notshow */




.show{




	display: block;




}









.noShow{




	display: none;




}









/* 居中 */









.centerDis {




	display: table;




	margin: 0 auto;




}









/* 分页器 */









.paging {




	text-align: center;




	padding: 30px;




    font-weight: normal;




}









.paging .inputtext {




	width: 60px;




	border: 1px solid #3d107b;




}









.paging .span1 {




	margin-left: 20px




}









.paging .btn1 {




	color: #fff;




	border: 1px solid #3d107b;




	background: #3d107b;




	padding: 0 10px;




	margin-right: 20px




}









.paging .btn2 {




	color: #3d107b;




	border: 1px solid #3d107b;




	background: #fff;




	padding: 0 10px;




	margin-right: 20px




}









.paging .btn3 {




	color: #3d107b;




	border: 1px solid #3d107b;




	background: #fff;




	padding: 0 10px




}









.paging a {




    margin-right: 10px;




}









.paging a.active {




    /*color: #3d107b;*/




    color:#951f23;




}









.paging input {




    text-align: center;




}









/*




 * PC端+移动端




 * sm: 




 * xs: 




 * md: 




 * lg: 




 * 




 * */









.PaddingZero {




	padding: 0 !important;




}









.PaddingTopZero {




	padding-top: 0 !important;




}









.PaddingLeftZero {




	padding-left: 0 !important;




}









.PaddingRightZero {




	padding-right: 0 !important;




}









.PaddingBottomZero {




	padding-bottom: 0 !important;




}









.MarginZero {




	margin: 0 !important;




}









.MargintTopZero {




	margin-top: 0 !important;




}









.MarginBottomZero {




	margin-bottom: 0 !important;




}









.MarginLeftZero {




	margin-left: 0 !important;




}









.MarginRightZero {




	margin-right: 0 !important;




}









/*




 * bootstrap




 * 布局 样式




 * */









@media only screen and (min-width: 1280px) {




	.col-lg-3 {




		width: 28%;




	}




	.col-lg-9 {




		width: 72%;




	}




}









@media only screen and (max-width: 1199px) {}









@media only screen and (max-width: 991px) {}









@media only screen and (max-width: 767px) {}









@media only screen and (max-width: 410px) {}









@media only screen and (max-width: 370px) {}



























































#business .list {




  zoom: 1;




  overflow: hidden;




  background: #e2dfde;




}




#business .list .title {




  padding: 48px 25px;




  color: #666666;




  text-align: left;




}




#business .list .title h3.en {




  font-size: 20px;




  margin-bottom: 10px;




}




#business .list .title h3.cn {




  font-size: 20px;




}




#business .list .item-one {




  width: 275px;




  height: 436px;




  float: left;




}




#business .list .item-two {




  width: 248px;




  float: left;




}




#business .list img {




  display: block;




}



















@font-face{font-family:'iconfont';src:url("//at.alicdn.com/t/font_906183_yop4xfcqu9.eot");src:url("//at.alicdn.com/t/font_906183_yop4xfcqu9.eot?#iefix") format("embedded-opentype"),url("//at.alicdn.com/t/font_906183_yop4xfcqu9.woff") format("woff"),url("//at.alicdn.com/t/font_906183_yop4xfcqu9.ttf") format("truetype"),url("//at.alicdn.com/t/font_906183_yop4xfcqu9.svg#iconfont") format("svg")}.fa1{font-family:"iconfont" !important;font-style:normal;-webkit-font-smoothing:antialiased;-webkit-text-stroke-width:0.2px;-moz-osx-font-smoothing:grayscale}





























.offices-pic{margin-top:30px;text-align:center}




.offices-header{margin-top:50px;text-align:center}




.offices-header h2{font-size:18px;line-height:1.8}









@media (max-width: 768px){.offices-header{margin-top:30px}.offices-header h2{font-size:15px}}




@media (max-width: 544px){.offices-header{margin-top:30px}.offices-header h2{font-size:14px;line-height:1.6}}









.offices-items{margin:60px 0;margin-right:-4%;font-size:0}




.offices-items:before,.offices-items:after{display:table;content:"";line-height:0}




.offices-items:after{clear:both}




.offices-items .-item{display:inline-block;vertical-align:top;width:21%;margin-right:4%;margin-bottom:4%;font-size:14px}




.offices-items .-item a{display:block;box-shadow:0 0 10px rgba(0,0,0,0.09)}




.offices-items .-item a:hover{background-color:#840100}




.offices-items .-item a:hover *,.offices-items .-item a:hover .fa{color:#fff}




.offices-items .-item .thumb{width:100%}




.offices-items .-item h3{color:#840100;font-size:18px;text-align:center;padding:15px 15px 2px}




.offices-items .-item ul{padding:0 15px 15px;color:#666;font-size:13px;height:180px;overflow:hidden}




.offices-items .-item ul li{padding-left:22px;margin-top:8px}




.offices-items .-item ul .fa{color:#840100;font-size:14px;width:14px;height:14px;float:left;margin-left:-22px}









@media (max-width: 768px){.offices-items{margin-top:30px;margin-bottom:30px}.offices-items .-item{width:46%}.offices-items .-item h3{font-size:14px;font-weight:600}.offices-items .-item ul{height:auto}}









@media (max-width: 544px){.offices-items .-item ul{font-size:12px;padding:0 10px 15px}.offices-items .-item ul li:first-child{height:48px;overflow:hidden}.offices-items .-item ul li:nth-child(n+2){overflow:hidden;white-space:nowrap;text-overflow:ellipsis}}.









office-header{height:60px;line-height:60px;margin-top:50px;margin-bottom:70px;padding-bottom:20px;border-bottom:1px solid #840100}




.office-header h1{display:block;line-height:60px;height:60px;font-size:28px;font-weight:bold;color:#840100}




.office-header .more{line-height:20px;height:30px;border:1px solid #666666;padding:4px 13px}




.office-header a:hover{color:#840100;background-color:#eef1f2;border-color:#840100 !important}









@media (max-width: 768px){.office-header{margin-top:30px;padding-bottom:10px}.office-header h1{font-size:18px}}









.office-content{color:#666;line-height:1.8;margin-bottom:100px;text-align:justify}









@media (max-width: 544px){.office-content{margin-bottom:70px}}









.office-contact{position:relative;margin-bottom:60px}




.office-contact:before,.office-contact:after{display:table;content:"";line-height:0}




.office-contact:after{clear:both}




.office-contact h2{background-color:#840100;color:#fff;padding:25px 60px 25px 30px;font-size:26px;display:inline-block;position:absolute;top:-43px;left:0}




.office-contact ul{float:left;width:47.5%;border:1px solid #E5E5E5;padding:70px 30px 24px}




.office-contact ul li{padding:10px 0;color:#666}




.office-contact ul li a{color:#666}




.office-contact ul li a:hover{color:#840100}




.office-contact ul li .fa{color:#840100;font-size:16px;display:inline-block;width:16px;height:16px;margin-right:15px}




.office-contact ul li label{font-weight:bold}




.office-contact .-focus{float:right;width:50%}









@media (max-width: 768px){.office-contact h2{padding:15px 20px;font-size:18px;top:-28px}.office-contact ul{padding:45px 20px 20px}.office-contact ul li{padding:0;margin-bottom:15px}.office-contact ul li:last-child{margin-bottom:0}}




@media (max-width: 544px){.office-contact{margin-bottom:40px}.office-contact h2{font-size:15px;font-weight:600;top:-25px}.office-contact ul{font-size:12px;float:none;width:100%;margin-bottom:15px}.office-contact ul li .fa{font-size:14px;margin-right:5px}.office-contact .-focus{float:none;width:100%}}









.office-map{position:relative;margin-bottom:80px;height:400px}









@media (max-width: 544px){.office-map{margin-bottom:40px;height:300px}}.search-title{margin:15px 0 30px;padding-bottom:10px;border-bottom:1px solid #840100}.search-title h1{font-size:22px}









@media (max-width: 768px){.search-title{margin-bottom:15px;padding-bottom:5px}.search-title h1{font-size:18px;font-weight:bold}}









.search-tab{display:none;margin:20px 0 20px}




.search-tab ul{font-size:0;text-align:center}




.search-tab ul li{font-size:12px;margin-right:-1px;display:inline-block;border:1px solid #DDDDDD;background-color:#f8f8f8;color:#4b4b4b;padding:10px 20px;cursor:pointer}




.search-tab ul li:hover{color:#840100}




.search-tab ul li.active{position:relative;z-index:2;border-color:#840100;background-color:#840100;color:#fff}









@media (max-width: 768px){.search-tab{display:block}}









.search-main{float:left;width:61%;margin-bottom:30px}









@media (max-width: 768px){.search-main{float:none;width:100%}}









.search-side{display:block;float:right;width:32%}









@media (max-width: 768px){.search-side{display:none;float:none;width:100%}}









@media (min-width:544px){.group-legal-list .-item{float:none;display:inline-block;vertical-align:top;height:165px;}}









@media (max-width:544px){.group-legal-list .-item{height:125px;}}





























.practices-items{margin:60px 0}




.practices-items:before,.practices-items:after{display:table;content:"";line-height:0}




.practices-items:after{clear:both}




.practices-items ul{font-size:0;margin-right:-3.5%}




.practices-items li{display:inline-block;vertical-align:top;width:29.8333333333%;margin-right:3.5%;margin-bottom:3.5%}




.practices-items li a{display:block}




.practices-items li a:hover h2{background-color:#840100;color:#fff}




.practices-items li .thumb{width:100%; margin-bottom:-80px; }




.practices-items li h2{background-color:#DCDCDC;padding:25px 25px;color:#5e5e5e;font-size:18px;font-weight:bold;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}









@media (max-width: 768px){.practices-items{margin:30px 0}.practices-items ul{margin-right:-3%}.practices-items li{width:47%;margin-right:3%;margin-bottom:3%}.practices-items li h2{text-align:center;padding:15px;font-size:14px}}




@media (max-width: 544px){.practices-items ul{margin-right:-4%}.practices-items li{width:46%;margin-right:4%;margin-bottom:4%}.practices-items li h2{font-size:12px}}









.pp_neirong img{




	max-width:750px;




	height:auto;




}