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

/*banner*/
.ibanner{ height:746px;}
.ibanner .swiper-slide a{ display:block; height:100%; background:#fff center no-repeat; background-size:cover;}
.ibanner .swiper-pagination{ height:12px; bottom:30px;}
.ibanner .swiper-pagination-bullet{ width:12px; height:12px; background:#fff; margin:0 9px !important; vertical-align:top; opacity:0.7;}
.ibanner .swiper-pagination-bullet-active{ background:#616393; opacity:1;}

.main{ width:auto;}
.ibox{ overflow:hidden;}
.ibox .con{ width:1200px; overflow:hidden; margin:0 auto;}
.ibox h2.title{ display:block; line-height:1.5; color:#444; font-size:40px; text-align:center; overflow:hidden; padding:1.5em 0 0;}
.ibox h2.title span{ display:block; line-height:2; color:#999; font-size:0.4em; font-weight:normal; text-transform:uppercase; overflow:hidden;}
.ibox{ overflow:hidden;}

.box1{ background:url(../images/icons/ab_bg.png) center no-repeat; background-size:contain; padding:0 0 92px;}
.box1 .txt{ line-height:2.4; color:#666; font-size:15px; text-align:center; padding:3.6em 0;}
.box1 ul.ab{ display:block; overflow:hidden; margin:12px 7% 0;}
.box1 ul.ab li{ display:block; width:16.66%; float:left;}
.box1 ul.ab li a{ display:block; line-height:2.4; color:#333; font-size:18px; text-align:center; overflow:hidden;}
.box1 ul.ab li a em{ display:block; width:4em; height:4em; background:transparent center top no-repeat; background-size:100% 200%; margin:0 auto; transition:transform ease 0.4s;}
.box1 ul.ab li a em.ab1{ background-image:url(../images/icons/ab01.png);}
.box1 ul.ab li a em.ab2{ background-image:url(../images/icons/ab02.png);}
.box1 ul.ab li a em.ab3{ background-image:url(../images/icons/ab03.png);}
.box1 ul.ab li a em.ab4{ background-image:url(../images/icons/ab04.png);}
.box1 ul.ab li a em.ab5{ background-image:url(../images/icons/ab05.png);}
.box1 ul.ab li a em.ab6{ background-image:url(../images/icons/ab06.png);}
.box1 ul.ab li a:hover{ color:#616393;}
.box1 ul.ab li a:hover em{ background-position:center bottom; transform:rotateY(180deg);}

ul.zyBox{ display:block; overflow:hidden;}
ul.zyBox li{ display:block; width:25%; background:#000; float:left; position:relative;}
ul.zyBox li img{ display:block; width:100%; opacity:0.5; transition:all ease 0.4s;}
ul.zyBox li p{ display:block; width:100%; padding:16% 12% 0; box-sizing:border-box; position:absolute; left:0; top:0;}
ul.zyBox li p i{ display:block; width:52px; height:4px; background:#616393;}
ul.zyBox li p a{ display:block; line-height:1.8; color:#fff; font-size:30px; font-weight:bold; padding:0.9em 0 0; overflow:hidden;}
ul.zyBox li p span{ display:block; line-height:2.12; color:#fff; font-size:18px; text-transform:uppercase; overflow:hidden;}
ul.zyBox li a.more{ display:block; width:28px; height:28px; background:url(../images/icons/more.png) center top no-repeat; background-size:100% 200%; position:absolute; right:12%; bottom:8%;}
ul.zyBox li:hover img{ opacity:1;}
ul.zyBox li p a:hover{ color:#616393;}
ul.zyBox li a.more:hover{ background-position:center bottom;}

.box2{ padding:0 0 90px;}
.box2 ul.yw{ display:block; overflow:hidden; margin:22px 0 0;}
.box2 ul.yw li{ display:block; width:25%; padding:34px 0; float:left;}
.box2 ul.yw li a{ display:block; line-height:1.68; color:#333; font-size:22px; text-align:center; overflow:hidden; border-left:1px solid #e6e6e6;}
.box2 ul.yw li:nth-child(4n-3) a{ border-left:0;}
.box2 ul.yw li a em{ display:block; width:3em; height:3em; background:transparent center top no-repeat; background-size:100% 200%; transition:transform ease 0.4s; margin:0 auto 0.9em;}
.box2 ul.yw li a em.yw1{ background-image:url(../images/icons/yw01.png);}
.box2 ul.yw li a em.yw2{ background-image:url(../images/icons/yw02.png);}
.box2 ul.yw li a em.yw3{ background-image:url(../images/icons/yw03.png);}
.box2 ul.yw li a em.yw4{ background-image:url(../images/icons/yw04.png);}
.box2 ul.yw li a em.yw5{ background-image:url(../images/icons/yw05.png);}
.box2 ul.yw li a em.yw6{ background-image:url(../images/icons/yw06.png);}
.box2 ul.yw li a em.yw7{ background-image:url(../images/icons/yw07.png);}
.box2 ul.yw li a em.yw8{ background-image:url(../images/icons/yw08.png);}
.box2 ul.yw li a em.yw9{ background-image:url(../images/icons/yw09.png);}
.box2 ul.yw li a em.yw10{ background-image:url(../images/icons/yw10.png);}
.box2 ul.yw li a em.yw11{ background-image:url(../images/icons/yw11.png);}
.box2 ul.yw li a em.yw12{ background-image:url(../images/icons/yw12.png);}
.box2 ul.yw li a em.ywmore{ background-image:url(../images/icons/ywmore.png);}
/*.box2 ul.yw li:nth-child(9){ display:none;}*/
.box2 ul.yw li a span{ display:block; line-height:2; color:#999; font-size:0.54em; padding:0 0 0.25em;}
.box2 ul.yw li a:hover{ color:#616393;}
.box2 ul.yw li a:hover em{ background-position:center bottom; transform:rotateY(180deg);}

.box3{ position:relative;}
.box3::after{ content:''; display:block; width:100%; height:60%; background:url(../images/icons/lawyer_bg.jpg) center top no-repeat; background-size:cover; position:absolute; left:0; top:0; z-index:1;}
.box3 .con{ position:relative; z-index:3;}
.box3 h2.title{ color:#fff;}
.box3 h2.title span{ color:#dbdbdb;}
.box3 form.msg{ display:block; overflow:hidden; margin:64px 12%;}
.box3 form.msg select{ display:block; width:30%; height:50px; color:#666; font-size:16px; padding:0 20px; background:#fff; border:0; float:left; margin-right:3.5%; cursor:pointer;}
.box3 form.msg input.btn{ display:block; width:33%; height:50px; color:#fff; font-size:18px; background:#616393; border:0; cursor:pointer; float:left;}
.box3 .lawyerBox{ overflow:visible; position:relative;}
.box3 .lawyerBox p{ display:block; width:120px; overflow:hidden; margin:54px auto 72px;}
.box3 .lawyerBox p a{ display:block; width:40px; height:40px; background-size:100% 200% !important; border:2px solid #c0c0c0; border-radius:5px; margin:0 8px; float:left;}
.box3 .lawyerBox a.prev{ background:url(../images/icons/lawyer_prev.png) center top no-repeat;}
.box3 .lawyerBox a.next{ background:url(../images/icons/lawyer_next.png) center top no-repeat;}
.box3 .lawyerBox p a:hover{ border-color:#616393; background-position:center bottom;}
.box3 .swiper-container{ margin:0 -16px;}
.box3 .swiper-slide a{ display:block; margin:16px; position:relative; overflow:hidden; box-shadow:rgba(0,0,0,0.18) 0 0 10px;}
.box3 .swiper-slide a img{ display:block; width:100%;}
.box3 .swiper-slide a .box{ display:block; width:100%; height:100%; padding:0 7%; box-sizing:border-box; transition:all ease 0.4s; transform:translateY(64%); position:absolute; left:0; top:0%;}
.box3 .swiper-slide a i{ display:block; width:34px; height:2px; /*background:#fff;*/ margin:18% 0 0;}
.box3 .swiper-slide a span{ display:block; line-height:1.66; color:#fff; font-size:18px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0.88em 0 0;}
.box3 .swiper-slide a em{ display:block; line-height:1.72; color:#fff; font-size:14px; overflow:hidden;}
.box3 .swiper-slide a .txt{ display:block; line-height:1.72; color:#999; font-size:14px; overflow:hidden; padding:3.4em 0 0;}
.box3 .swiper-slide a:hover1 .box{ background:rgba(0,0,0,0.6); transform:translateY(0);}

.box4{ background:#f4f4f4; padding:0 0 40px;}
.box4 .con{ overflow:visible;}
.box4 ul.news{ display:block; overflow:hidden; padding:40px 0; margin:0 -14px;}
.box4 ul.news li{ display:block; width:50%; overflow:hidden; float:left;}
.box4 ul.news li .box{ background:#fff; overflow:hidden; padding:20px; margin:14px; transition:all ease 0.4s;}
.box4 ul.news li span{ display:block; width:58px; height:52px; line-height:18px; color:#ffbe87; font-size:12px; text-align:center; background:#616393; position:absolute; right:0; top:0; z-index:3;}
.box4 ul.news li span em{ display:block; line-height:22px; color:#fff; font-size:16px; font-weight:bold; padding:6px 0 0;}
.box4 ul.news li a.pic{ display:block; overflow:hidden; float:right; position:relative; margin-left:8%;}
.box4 ul.news li a.pic img{ display:block; height:170px; transition:all ease 0.4s;}
.box4 ul.news li a.title{ display:block; height:72px; line-height:24px; color:#333; font-size:17px; margin:8px 0 0 4px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.box4 ul.news li .txt{ display:block; height:72px; line-height:24px; color:#999; font-size:13px; margin:16px 0 0 4px;
	display:-webkit-box;
	display:-moz-box;
	overflow:hidden;
	text-overflow:ellipsis;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
}
.box4 ul.news li:hover .box{ box-shadow:rgba(0,0,0,0.18) 0 0 10px;}
.box4 ul.news li a.title:hover{ color:#616393;}
.box4 ul.news li a.pic:hover img{ transform:scale(1.2);}


/*pc适配*/
@media only screen and (max-width:1366px){
.ibanner{ height:700px;}
}

@media only screen and (max-width:1240px){
.ibanner{ height:54vw;}
.ibanner .swiper-pagination{ bottom:2vw;}
.ibox .con{ width:auto; margin:0 20px;}
.box1{ padding:0 0 72px; background-size:90% auto;}
ul.zyBox li p{ padding:14% 10% 0;}
ul.zyBox li p a{ font-size:26px;}
ul.zyBox li p span{ font-size:16px;}
ul.zyBox li a.more{ right:10%;}
.box2{ padding:0 0 70px;}
.box2 ul.yw li a{ font-size:18px;}
.box3 form.msg{ margin:40px 8%;}
.box3 .lawyerBox{ margin:0 20px;}
.box4 ul.news li a.pic{ margin-left:5%;}
.box4 ul.news li a.pic img{ height:122px;}
.box4 ul.news li a.title{ height:48px; -webkit-line-clamp:2;}
.box4 ul.news li .txt{ height:48px; -webkit-line-clamp:2;}
}

@media only screen and (max-width:1024px){
.ibanner{ height:58vw;}
.ibanner .swiper-pagination{ bottom:2vw;}
.ibox .con{ width:auto; margin:0 20px;}
.ibox h2.title{ font-size:36px; padding:1em 0 0;}
.box1 .txt{ padding:2.4em 0;}
.box1 ul.ab{ margin:12px 0 0;}
.box1 ul.ab li a{ font-size:16px;}
ul.zyBox li p{ padding:14% 8% 0;}
ul.zyBox li p a{ font-size:22px;}
ul.zyBox li p span{ font-size:14px;}
ul.zyBox li a.more{ right:8%;}
.box2 ul.yw li a{ padding:0 1.5em; font-size:16px;}
.box2 ul.yw li a i{ display:block; height:3.36em;}
.box2 ul.yw li a span{ display:none;}
.box3 form.msg{ margin:30px 40px;}
.box3 .swiper-slide a .box{ transform:translateY(58%);}
.box3 .swiper-slide a .txt{ display:none;}
.box3 .swiper-slide a:hover .box{ background:none; transform:translateY(58%);}
.box4 ul.news{ padding:20px 0;}
.box4 ul.news li{ width:100%;}
}

@media only screen and (max-width:767px){
.ibanner{ height:66vw;}
.ibanner .swiper-pagination{ height:10px; bottom:3vw;}
.ibanner .swiper-pagination-bullet{ width:10px; height:10px; margin:0 4px !important;}
.ibox .con{ margin:0 10px;}
.ibox h2.title{ font-size:28px;}
.box1{ padding:0 0 42px;}
.box1 .txt{ padding:1.2em 0;}
.box1 ul.ab li a{ font-size:13px;}
ul.zyBox li{ width:50%;}
ul.zyBox li img{ margin:0 0 -24%;}
.box2 ul.yw li{ width:33.33%; padding:14px 0;}
.box2 ul.yw li a{ border:0;}
.box2 ul.yw li:nth-child(9){ display:block;}
.box3 form.msg{ margin:20px 10px;}
.box3 .swiper-slide a .box{ transform:translateY(64%);}
.box3 .swiper-slide a:hover .box{ transform:translateY(64%);}
.box3 .lawyerBox p{ margin:24px auto 44px;}
.box4 ul.news li .box{ padding:12px;}
.box4 ul.news li a.pic img{ height:98px;}
.box4 ul.news li a.title{ height:24px; -webkit-line-clamp:1;}
.box4 ul.news li .txt{ height:48px; -webkit-line-clamp:2;}
}




/**/