*{padding: 0;margin: 0;font-size: 14px;}
li{list-style: none;}
a{text-decoration: none;color: #333;}
.fl{float: left;}
.fr{float: right;}
.c{*zoom:1;clear: both;}
.c:after{content: ""; display: block; height: 0; clear: both;}
em{font-style:normal}
.container{max-width:1200px;margin:0 auto}
input{border: none;outline: none;}
body{min-width:1200px;}
.language{width: 100%;height: 40px;background: #0c368c;color: #8893a9;line-height: 40px;font-size: 15px;}
.language a{color: #fff;font-size: 15px;}
.language .fr{margin: 0px 0px 0px 15px;}
.language .fr img{position: relative;top: 5px;}

.head{height: 98px;line-height: 98px;background: white;}
.logo{margin-top: 22px;}

.head-nav ul{display: flex;margin-top: 1px;}
.head-nav ul li{width: 101px;text-align: center;}
.head-nav ul li a{font-size: 16px;display: block;}
.head-nav ul li:hover a{color: #FFFFFF;background: #0c368e;}

.nav{height: 98px;}
.nav ul li{float:  left; position: relative; height:98px;width: 101px;}
.nav ul li>a{display: block; font-size: 16px; line-height: 16px; color: #333333; position: relative;line-height: 97px;text-align: center; transition: all  .25s  ease-in;}
.nav ul li>a em{display: none;margin-top: -80px;height: 80px;}
.nav ul li.on a em{display: block;height: 80px;}

.nav ul li:hover a em{display: block;}
.nav ul li:hover a:after,.nav ul li.on a:after{width: 100%; left: 0; transition:0.6s}
.nav ul li:hover>a,.nav ul li.on>a{color: #fff;background: #0c368d;}

#nav  li{position: relative;}
#nav  li .hide{box-shadow: 0 6px 12px rgba(0, 0, 0, 0.18);float: left;left: 35%;top: 98px; margin-left: -35px; display: none;position: absolute;z-index: 2; background: white;}
#nav  li .hide em a{float: left; display:block;font-size: 15px; line-height:35px;text-align: left;padding-left: 20px;width: 210px;font-size: 14px}
#nav  li .hide em:last-child a{border-bottom: none;}
#nav  li .hide em a:hover{transition:background-color 0.3s linear; -moz-transition:background-color 0.3s linear;-webkit-transition:background-color 0.3s linear;-o-transition :background-color 0.3s linear;display: block;background: #e8e8e8;color: #0c368d;}

.navfixed{position: fixed; width: 100%; top: 0; z-index: 2222}


.banner .swiper-slide{height: 650px;}
.banner .swiper-pagination-bullet-active{width: 15px;height: 15px;border-radius: 10px;background: #163a84;}
.banner .swiper-pagination-bullet{width: 13px;height: 13px;border: 1px solid #163a84;}




/*��Ʒ .product*/
.product{overflow: hidden;}
.product-tit{text-align: center;}
.product-tit em{color: #0c368c;font-size: 36px;font-weight: bold;display: block;margin-top: 42px;}
.product-tit p{color: #0c368c;font-size: 32px;}
.product-tit i{width: 158px;height: 1px;background: #95310e;display: block;margin: auto;margin-top: 18px;}
.product-list{overflow: hidden;}
.product-list ul{overflow: hidden; margin-right: 13px; float: left;}
.product-list ul li{width: 290px; margin-bottom: 13px}
.product-list ul li .pic{width: 290px; height: 210px;overflow: hidden;}
.product-list ul li .pic img{transition: 0.4s;width: 100%;}
.product-list ul li .name{text-align: center; height: 59px;}
.product-list ul li .name em,.product-list ul li .name span{display: block; font-size: 16px; color: #333;}
.product-list ul li .name span{font-family: arial;display: block;margin-top: 2px;}
.product-list ul li:hover .banner-name{border: 1px solid #FFFFFF;transition: 0.2s;color: white;transition: 0.3s;}
.product-list ul li:hover .banner-name em,.product-list ul li:hover .banner-name span{color: #fff;transition: 0.3s;}
.product-list ul li:hover .pic img{transform: scale(1.1);transition: 0.4s}

.nextt{position: relative;right: 162px;top: 270px;}
.prev{position: relative;left: 1260px;top: 270px;}

.name{width: 290px;height: 59px;overflow: hidden;transition: 0.3s;}
.banner-name{width: 284px;height: 48px;padding-top: 5px;margin: auto;margin-top: 2px;transition: 0.3s;}
.ulWrap ul li:hover .name{background: #0c368c;transition: 0.5s;color: #FFFFFF;}

.ck{width: 170px;height: 40px;text-align: center;line-height: 40px;margin: auto;background: #95310e;display: block;font-size: 16px;color: white;margin-top: 30px;margin-bottom: 40px;}


/*�������� about*/
.about{width: 100%;height: 643px;background: #0c368c;}
.about-con{display: flex;}
.line2{position: relative;top: 175px;}
.about-left{margin-top: 90px;width: 598;margin-right: 71px;}
.about-left em{font-size: 32px;font-weight: bold;color: white;margin-right: 15px;}
.about-left img{position: relative;top: 5px;}
.about-left div{width: 598px;color: #becce6;margin-top: 60px;}
.about-left div p{font-size: 16px;line-height: 23px;}
.about-left div p:nth-child(1){margin-bottom: 15px;}
.about-left a{width: 170px;height: 40px;background: #95310e;color: white;display: block;text-align: center;line-height: 40px;margin-top: 55px;}

.about-right{margin-top: 90px;width: 530px;}
.about-right p{font-size: 32px;font-family: cursive;color: white;text-align: right;}
.about-right p:nth-child(2){font-family: arial;font-size: 18px;}
.about-right img{margin-top: 60px;}

.about-list{display: flex;}
.about-list li{width: 290px;height: 160px;margin-right: 6px;margin-left: 6px; margin-top: 25px;  box-shadow: 0px 0px 9px 0px rgba(93, 93, 93, 0.23);}
.about-list li p{color: #333333;font-size: 18px;text-align: center;font-family: fangsong;}
.about-list li span{color: #333333;font-size: 18px;text-align: center;margin-top: 90px;display: block;}



/*Ϊʲôѡ������*/
.select{background: url(../images/background-pic.jpg)no-repeat center;height: 678px;margin-top: 126px;overflow: hidden;}
.select-tit{margin-left: 600px;margin-top: 67px;}
.select-tit p{font-size: 46px;color: #0c368c;font-weight: bold;}
.select-tit span{font-size: 22px;color: #0c368c;font-style: italic;margin-top: 23px;display: block;}
.select-con{background: url(../images/select-pic.png)no-repeat center;height: 294px;margin-top: 48px;}
.select-con span{color: #0c378e;font-size: 20px;font-family: arial;}
.select-con span:nth-child(1){margin-left:56px ;margin-top: 208px;display: inline-block;}
.select-con span:nth-child(2){margin-left:150px ;display: inline-block;}
.select-con span:nth-child(3){margin-left:174px ;display: inline-block;}
/*����*/
.contact-us em{font-size: 32px;font-weight: bold;color: #0c368c;}
.contact-us i{width: 100%;height: 1px;background: #95310e;display: block;margin: auto;margin-top: 11px;}
.contact-us span{font-size: 22px;font-weight: bold;color: #0c368c;font-family: arial;font-style: italic;margin-left:30px;position: relative;top: 4px;}
.contact-us ul li:nth-child(1){width: 390px;height: 61px;border: 1px solid #0c368d;margin-top: 44px;}
.contact-us ul li:nth-child(2){width: 390px;height: 123px;border: 1px solid #0c368d;margin-top: 18px;}
.contact-us ul li:nth-child(3) textarea{width: 751px;height: 184px;padding-top: 20px;padding-left: 41px;border: 1px solid #0c368d;position: relative;bottom: 63px;outline: none;}
.contact-us ul li input{margin: 10px;height: 36px;}
.fdsubb{display: block; width: 599px;height: 50px;text-align: center;line-height: 50px;color: #FFFFFF;background: #95310e;margin: auto;margin-top: 52px;margin-bottom: 50px;cursor: pointer;}
textarea::-webkit-input-placeholder { /* WebKit browsers */
  color: #d3d8e2;
  font-size: 16px;
  margin-top: 15px;
}
input::-webkit-input-placeholder { /* WebKit browsers */
  color: #d3d8e2;
  font-size: 16px;
  margin-top: 15px;
}

/*�ײ�*/
.foot{height: 489px;background: #0c378e;}
.foot-i{width: 100%;height: 1px;background: #224a99;display: block;position: relative;top: 147px;}
.list-i{width: 100%;height: 1px;background: #224a99;display: block;position: relative;top: 205px;}
.foot-nav{display: flex;flex-wrap: wrap;margin-left: 317px;line-height: 36px;}
.foot-nav li a{display: block; width: 246px;text-align: left;font-size: 17px;color: #8298c4;}
.foot-nav li:nth-child(3) a{text-align: right;}
.foot-tit{display: flex;padding-top: 37px;}
.foot-tit div em{font-size: 24px;color: #8298c4;display: block;  font-family: Arial;font-style: italic;margin-top: 5px;}

.font-list{margin-top: 90px;}
.font-list li dl{font-size: 17px;color: #5a77b0;line-height: 35px;}
.font-list li dt:nth-child(1){font-size: 17px;background: url(../images/foot-icon.png)no-repeat left center;padding-left: 30px;}
.font-list li dt:nth-child(3){font-size: 17px;background: url(../images/fot-icon2.png)no-repeat left center;padding-left: 30px;display: inline-block;margin-right: 65px;}
.font-list li dt:nth-child(4){font-size: 17px;background: url(../images/fot-icon3.png)no-repeat left center;padding-left: 30px;display: inline-block;}
.font-list li dt:nth-child(5){font-size: 17px;background: url(../images/fot-icon2.png)no-repeat left center;padding-left: 30px;margin-right: 65px;}
.font-list li dt:nth-child(6){font-size: 17px;background: url(../images/fot-icon3.png)no-repeat left center;padding-left: 30px;display: inline-block;float: right;position: relative;bottom: 36px;right:250px;}
.font-list li dd{font-size: 17px;margin-left: 195px;}
.font-list .fr{display: flex;text-align: center;color: #8298c4;position: relative;bottom: 10px;}
.font-list .fr div{margin-right: 96px;}
.font-list .fr div p{font-size: 17px;margin-top: 6px;}

.end{margin-top: 230px;}
.end ul li p{font-size: 16px;color: #5a77b0;margin-right: 35px;}
.end ul li a{font-size: 16px;color: #5a77b0;margin-left: 15px;}


/*��ҳ��ʽ*/
.ny-main{margin-bottom:50px;margin-top: 70px;}
.ny-main .position{position: relative;margin-bottom: 30px;}
.ny-main .position .menu{height: 50px;  position: relative;line-height: 50px;}
.ny-main .position span{display: block; padding-left: 30px; font-size: 14px;line-height: 50px;background: url(../images/ny-home.png) no-repeat left center; z-index: 0;position: absolute;bottom: -1px;right: 20px;}
.ny-main .position .menu span a.on{color: #B22121;}
.ny-main .position .menu span a:hover{color: #B22121;}

.ny-left-t{width: 240px;margin-bottom: 30px;}
.column-title{display: block;font-size: 28px;height: 28px; line-height: 28px; color: #4c4c4c;padding-bottom: 20px;}
.ny-left-t .ctitle1{width: 240px;border-top: 3px solid #0c368d;border-bottom: 3px solid #0c368d;}
.ny-left-t .ctitle1 li{width: 240px;}
.ny-left-t .ctitle1 li a{display: block;height: 40px;width: 220px;padding-left: 20px; font-size: 14px;line-height: 40px;border-bottom: 1px solid #d9d9d9;}
.ny-left-t .ctitle1 li:last-child a{border-bottom: none;}
.ny-left-t .ctitle1 li.on a{color: #fff;background-color: #0c368d;border-color: #fff;}
.ny-left-t .ctitle1 li:hover a{color: #fff;background-color: #0c368d;border-color: #fff;}

.ny-left-b{width: 240px;}
.ny-left-b dl {width: 230px;padding-top: 30px;background: url(../images/contact-map.jpg) no-repeat center top,#ecf1fa;padding-left: 10px;padding-bottom: 25px;}
.ny-left-b dl dt{font-size: 16px;font-weight: bold;color: #333333;line-height: 30px;padding: 0 8px;}
.ny-left-b dl dd span{padding-left: 5px;}
.ny-left-b dl dd{line-height: 26px;font-size: 14px;padding: 0 8px;}

.ny-lawyer{display: flex;text-align: center;color: black;flex-wrap: wrap;}

.ny-right {width: 880px;/*margin-top: 30px;*/}

.ny-left .tit-bg{ background: url(../images/tit-bg.jpg) no-repeat center;color: white; }
.column1-title{background: url(../images/column-title.png) no-repeat 24px center; padding-top: 34px;height:76px ; padding-left: 73px;}
.column1-title h3{display: block; font-size: 24px; line-height: 24px; font-weight:normal; margin-bottom: 2px;}
.column1-title span{display: block; font-size: 14px;opacity: 0.45;text-transform: uppercase;}

.ny-con .info{border:solid 1px #d9d9d9;padding:33px 18px 38px;}
.ny-con .info .tel{background: url(../images/ny-con.png)no-repeat left center; padding-left:46px;height: 32px;}
.ny-con .info .tel b{color: #0c368c; font-size: 20px; font-weight: bold;display: block;}
.ny-con .info .wechat {text-align: center;margin-top: 24px;}
.ny-con .info .wechat p{font-size: 20px; font-weight: 500;line-height: 20px; margin: 20px 0 0;}

/*��ҳ��Ʒ*/
.ny-lawyer li span{display: block;margin-bottom: 20px;height: 50px;background: #ecf1fa;line-height: 50px;color: #666666;}
.ny-lawyer li em{font-style: normal;}
.ny-lawyer li img{display: block;transition: 1s;width: 290px;height: 200px;}
.ny-lawyer li{margin-right:3px;margin-top: 10px;}
.ny-lawyer li:hover span{color: #0c368d;}
.ny-lawyer li:hover img{transform:rotateY(360deg);transition: 1s;}

.ny-news{font-size: 15px;}
.ny-news li span{float: right;color: #666;}
.ny-news li em{color: #333;}
.ny-news li:hover em{color: #CB1A23;}
.ny-news li{border-bottom:1px dashed #E3E3E3 ;padding-bottom: 10px;padding-top: 10px;}



/*��Ʒ����*/
.ny-right  .pro1 .pro-list-pic{width: 332px;}
.ny-right  .pro1 .spec-preview img{display: block;}
.ny-right  .pro1 .descript1{width: 530px;}
.ny-right  .pro1 .descript1 strong.title1{line-height: 38px;font-size: 20px; color: #2d2d2d;display: block;border-bottom: 1px solid #c0ccd6; padding: 10px 0 15px; margin-bottom: 10px;}
.ny-right  .pro1 .descript1 p{width: 530px;font-size: 13px;color: #666;line-height: 28px;margin: 10px 0;text-align: justify;}
.ny-right  .pro1 .descript1 a.consult{display: block; width: 120px; height: 40px; font-size: 15px; color: #fff; line-height: 40px; text-align: center; background: #333; }
.ny-right  .pro1 .descript1 a.consult:hover{background-color: #0C368D;}
.ny-right  .pro1 .descript1 p.haoma{ color: #333;font-size: 15px;display: block; margin: 20px 0;}
.ny-right  .pro1 .descript1 p.haoma em {display: inline-block;color: #0C368D;font-size: 25px;font-weight: bold; vertical-align: middle; font-style: normal;}
.ny-right  .pro1 .share{overflow: hidden;margin-top: 15px;}
.ny-right  .pro1 .share ul li{float: left;margin: 0 5px;}
.ny-right  .detail {margin-bottom: 20px;padding-top: 20px;}
.ny-right  .detail .de-title{border-bottom: solid 3px #0C368D; margin-bottom: 20px;}
.ny-right  .detail .de-title a{display: block;width: 130px; font-size: 16px;line-height: 45px;color: #fff; text-align: center; margin-top: 35px;background:#0C368D;}

/*��ҳ�������*/
.ny-right .pagelist{text-align: center;margin-top: 20px;}


/*QQ ��ʽ*/
.zx-service{position: fixed;right: 5px;top: 30%;z-index: 9999;}
.zx-service ul li{margin-bottom: 1px;position: relative;}
.zx-service ul li a{display: block; width: 80px;height: 52px;padding: 14px 0;background: #000;}
.zx-service ul li:hover a{background: #95310e;}
.zx-service ul li a img{display: block;margin: 0 auto 10px;}
.zx-service ul li a span{display: block;width: 80px;color: #fff;text-align: center;line-height: 14px;}
.zx-service ul li dl{width: 150px;padding: 0 15px;background: #95310e;text-align: center;display: none;position: absolute;right: 81px;top: 0;height: 66px;padding-top: 14px;}
.zx-service ul li dl dd{font-family: arial;color: #fff;font-size: 20px;height: 50px;width: 150px;line-height: 50px;}
.weixin-hide{width: 130px;padding: 140px 10px 0;background:url(../images/right-wechat.jpg) no-repeat center top 10px #CB1A23;position: absolute;right: 81px;top: 0;display: none;}
.weixin-hide span,.weixin-hide b,.weixin-hide em{display: block; width: 100%;text-align: center;color: #fff;}
.weixin-hide span{line-height: 36px;}
.weixin-hide em{line-height: 35px;}
.weixin-hide b{line-height: 13px;font-family: arial;font-size: 18px}
.tel-hide li span,.tel-hide li b{display: block;color: #fff;}
.tel-hide li span{line-height: 12px;font-size: 14px;}
.tel-hide li b{line-height: 15px;font-size: 19px;font-family: arial;padding-top: 10px;} 
.zx-service03:hover .weixin-hide{display: block;}
.zx-service ul li:hover dl{display: block;}

.pagelist span{font-size: 14px;border: 1px solid #ccc;padding: 2px 8px;}
.first{border: 1px solid #ccc;padding: 2px 8px;}
.current{border: 1px solid #ccc;padding: 2px 8px;}
.num{border: 1px solid #ccc;padding: 2px 8px;}
.pagelist .next{border: 1px solid #ccc;padding: 2px 8px;}
.pagelist .end{border: 1px solid #ccc;padding: 2px 8px;}