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


/* InpageTitle */
.InpageTitle{width: 100%;text-align: center;padding-top: 2rem;}
.InpageTitle h2{font-size: 1.3rem;color: #024585;}
.InpageTitle h2 a{color: #024585;   width: 80%;
    margin: 0 auto;
    display: block;}
.InpageTitle p{font-size: 1rem;color: #666666;margin-top: 0.3rem;text-transform: uppercase; }
.InpageTitle img{display: block;width: 100%;}
.InpageTitle i{display: block;width: 30%;margin: 1rem auto 0;}


/*proHeader*/
.proHeader{width: 97%;padding: 0 1.5%;background: linear-gradient(to bottom, #f2f2f2, #e1e1e1);position: relative; padding-bottom:15px; border-bottom: 1px solid #b0b4bb;}
.proHeader .back{display: block;width: 7%;float: left;margin-top: 1.2rem;}
.proHeader img{display: block;width: 100%;}
.proHeader .dian{display: block;width: 31%;float: right;margin-top: 1.17rem;margin-right: 2%;}
.proHeader .dian em{font-size: 1.25rem;color: #333;position: relative;top: -.5rem;margin-left: 5%;}
.proHeader .dian img{display: inline-block;width: 23%;}
.proHeader h3{font-size: 1.25rem;color: #333;float: left;margin-left: 5%;text-align: center;margin-top: 1.2rem;font-weight: normal;}
.proHeader .proMenu{width: 36%;background: #91c82d;position: absolute;top: 3.8rem;right: 0;padding: 0 3%;border-radius: 4px;display: none;}
.proHeader .proMenu .box{width: 100%;}
.proHeader .proMenu a{display:block;padding: 0.6rem 0;border-bottom: 1px solid #659213;border-top: 1px solid #a8e835;font-size: 1rem;color: #fff;}
.proHeader .proMenu .box a:first-child{border-top: none;}
.proHeader .proMenu .box a:last-child{border-bottom: none;}
.proHeader .proMenu i{display: block;width: 9%;height: 0.45rem;position: absolute;top: -0.4rem;right:17%;}

.proHeader .navList{ width: 100%;  padding: 0 5% 10%; background: rgba(15, 15, 15, 0.8); position: absolute; right: 0; top: 4rem; z-index: 99; display: none;}
.proHeader .navList li a{display: block;font-size: 1.1rem;color: #fff;text-indent: 10%;}
.proHeader .navList li {height: 3.333rem;line-height: 3.333rem;border-bottom: 1px solid #666666;}




/* ywfwCon1 */
.ywfwCon1{width: 100%;}
.ywfwCon1 .mainCon{width: 96%;margin: 1rem auto 0;}
.ywfwCon1 .mainCon .box1 p{font-size: 1.05rem;color: #333333;line-height: 2.05rem;text-indent: 2em;}
.ywfwCon1 img{width: 100%;display: block;}
.ywfwCon1 .mainCon .box2{margin-top: 2.5rem;padding-bottom: 1rem;}
.ywfwCon1 .mainCon .box2 h3 i{display: block;margin-top: 1.2rem;}
.ywfwCon1 .mainCon .box2 h3{font-size: 1.3rem;color: #024585;}
.ywfwCon1 .mainCon .box2 h3 em{font-size: 1rem;color: #666666;font-family: arial;margin-left: 2%;}
.ywfwCon1 .mainCon .box2 ul{margin-top: 1rem;}
.ywfwCon1 .mainCon .box2 li{float: left;box-sizing: border-box;    overflow: hidden;
    padding-right: 2%;
    white-space: nowrap;
    text-overflow: ellipsis;border: 1px solid #c5c5c5;text-align: center;font-size: 1.05rem;color: #333333;width: 49%;margin-left: 2%;height: 2.8rem;line-height: 2.8rem;margin-bottom: 0.5rem;background: url(/m_style/images/ywfwcon1_icon01.png) no-repeat 94% center;}
.ywfwCon1 .mainCon .box2 li:nth-child(2n+1){margin-left: 0;}


/* lawyer */
.lawyer{width: 100%;background: #ebebeb;padding-bottom: 1.6rem;}
.lawyer img{display: block;width: 100%;}
.lawyer .mainCon{width: 94%;margin: 1.5rem auto 0;}
.lawyer .mainCon li{width: 32%;margin-left: 2%;float: left;margin-bottom: 1.5rem;}
.lawyer .mainCon li:nth-child(3n+1){margin-left: 0;}
.lawyer .mainCon li .box{position: relative;width: 100%;}
.lawyer .mainCon li .btn{width: 100%;}
.lawyer .mainCon li .btn a{display: block;width: 50%;text-align: center;color: #3b382e;font-size: 0.9rem;height: 2rem;line-height: 2rem;float: left;background: #ffcd32;}
.lawyer .mainCon li .btn a img{display: inline-block;position: relative;width: 26%;margin-right: 2%;top: 0.2rem;}
.lawyer .mainCon li .btn a:first-child{background: #024585;color: #fff;}
.lawyer .mainCon li .intro{position: absolute;height: 30%;width: 100%;bottom: 0;left: 0;background: rgba(6, 9, 14, 0.8);padding-top: 10%;}
.lawyer .mainCon li .intro h3{font-size: 1rem;color: #fff;padding-left: 4%;}
.lawyer .mainCon li .intro span{display: block;font-size: 0.8rem;color: #d6d6d6;margin-top: 0.2rem;padding-left: 4%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}
.lawyer .mainCon a.more{display: block;width: 40%;margin: 0 auto;}


/* ywfwCase */

.ywfwCase{width: 100%;}
.ywfwCase img{display: block;width: 100%;}
.ywfwCase .mainCon{width: 96%;margin: 1.6rem auto 0;}
.ywfwCase .mainCon dt{float: left;width: 20%;text-align: center;height: 5.2rem;border-right: 1px solid #a0a0a0;box-sizing: border-box;}
.ywfwCase .mainCon dt span{display: block;font-size: 2.5rem;color: #666666;font-family: arial;}
.ywfwCase .mainCon dt em{font-size: 1.1rem;color: #666666;display: block;}
.ywfwCase .mainCon dd{float: left;box-sizing: border-box;padding-left: 4%;float: left;width: 80%;height: 5.2rem;position: relative;}
.ywfwCase .mainCon dd h3{font-size: 1.2rem;color: #000000;white-space: nowrap;text-overflow: ellipsis;overflow: hidden;}
.ywfwCase .mainCon dd p{font-size: 1.05rem;color: #444444;line-height: 1.3rem;margin-top: 0.9rem;display: -webkit-box;overflow: hidden;text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.ywfwCase .mainCon dd span{font-size: 0.8rem;color: #444444;display: block;position: absolute;bottom:0;right: 0;}
.ywfwCase .mainCon dd img{display: inline-block;width: 20%;margin-right: 4%;}
.ywfwCase .mainCon .box a{display: block;margin-top: 1.8rem;}
.ywfwCase .mainCon .box a:first-child{margin-top: 0;}
.ywfwCase .mainCon a.more{display: block;width: 40%;margin: 2rem auto;}


/* partner */
.partner{width: 100%;background: #ebebeb;padding-bottom: 1.6rem;}
.partner img{display: block;width: 100%;}
.partner .mainCon{width: 100%;margin: 1.5rem auto 0;}
.partner .mainCon li{display: block;width:33%;float: left;box-sizing: border-box;background: #fff;border: 1px solid #cccccc;border-top: none;border-left: none;}
.partner .mainCon li:nth-child(1),.partner .mainCon li:nth-child(2),.partner .mainCon li:nth-child(3){border-top: 1px solid #cccccc;}
.partner .mainCon li:nth-child(3n+1){border-left: 1px solid #cccccc;}
.partner .mainCon li a{display: block;}
.partner .mainCon a.more{display: block;width: 42%;margin: 1.5rem auto 0;}

/* ywfwHonor */
.ywfwHonor{width: 100%;padding-bottom: 1.6rem;}
.ywfwHonor img{display: block;width: 100%;}
.ywfwHonor .mainCon{width: 96%;margin: 1.5rem auto 0;}
.ywfwHonor .mainCon li{float: left;width: 49%;margin-left: 2%;margin-top: 1rem;}
.ywfwHonor .mainCon li:nth-child(1),.ywfwHonor .mainCon li:nth-child(2){margin-top: 0;}
.ywfwHonor .mainCon li:nth-child(2n+1){margin-left: 0;}
.ywfwHonor .mainCon li span{display: block;box-sizing: border-box;padding: 2%;border: 1px solid #b9b9b9;}
.ywfwHonor .mainCon li p{height: 2rem;color: #fff;text-align: center;line-height: 2rem;background: #024585;}
.ywfwHonor .mainCon a.more{display: block;width: 42%;margin: 1.5rem auto 0;}


/*ywfwNews*/
.ywfwNews{width: 100%;background: #fff;padding-bottom: 1.5rem;}
.ywfwNews img{display: block;width: 100%;}
.ywfwNews .mainCon{width:96%;margin: 0.5rem auto 0;}
.ywfwNews .menu{box-sizing: border-box;width: 100%;}
.ywfwNews .menu ul{display: flex;display: -webkit-flex;flex-direction: row;flex-wrap: nowrap; }
.ywfwNews .menu li{flex: 1;text-align: center;box-sizing: border-box;font-size: 1.1rem;position: relative;background: #024585;color: #fff;height: 3rem;line-height: 3rem;border-left: 1px solid #0c59a3;}
.ywfwNews .menu li:first-child{border-left: none;}
.ywfwNews .menu li i{display: none;width: 0.8rem;height: .5rem;position: absolute;left: 50%;margin-left: -.4rem;bottom: -0.5rem;}
.ywfwNews .menu li.on{background: #ffcd32;color: #333;}
.ywfwNews .menu li.on i{display: block;}
.ywfwNews .mainCon .box{width: 100%;padding-bottom: 1.2rem;border-bottom: 1px dotted #d0d0d0;margin-bottom: 1rem;}
.ywfwNews .mainCon .box .dl1{margin-bottom: 1rem;}
.ywfwNews .mainCon .box .dl1 dt{float: left;width: 2rem;height: 2rem;text-align: center;line-height: 2rem;background: #024585;color: #fff;font-size: 1.05rem;}
.ywfwNews .mainCon .box .dl1 dd{float: left;width: 86%;font-size: 1.2rem;color: #333333;height: 2rem;line-height: 2rem;margin-left: 4%;text-overflow: ellipsis;overflow: hidden;white-space: nowrap;}
.ywfwNews .mainCon .box .dl1 dd a{color: #333333;font-weight: bold;}
.ywfwNews .mainCon .box .dl2 dt{float: left;width: 2rem;height: 2rem;text-align: center;line-height: 2rem;background: #ffcd32;color: #443509;font-size: 1.05rem;}
.ywfwNews .mainCon .box .dl2 dd{float: left;width: 86%;font-size: 1.1rem;color: #333333;line-height: 1.3rem;margin-left: 4%;}


.ywfwNews .mainCon2{ padding: 1rem 3% 0.292rem;}

.ywfwNews .newsList2{padding: 1rem 3% 0.292rem;width: 94%;background: #fff;}
.ywfwNews .newsList2 li{float: left;width: 98%;height: 2.667rem;    font-size: 1rem;line-height: 2.667rem;padding-left: 5%;background: url(/m_style/images/news_icon01.png) no-repeat left center;background-size: 5%;box-sizing: border-box;border-bottom: 1px dotted #c5c5c5;}
.ywfwNews .newsList2 li a{display: block;width: 98%; height: 2rem;white-space: normal;overflow: hidden;text-overflow: ellipsis;}



/* marriage ��������*/

.marriageTitle{width: 100%;text-align: center;padding-top: 2.417rem;background: url(/m_style/images/marriage_title_yy.png) no-repeat center bottom;padding-bottom: 2rem;background-size: 42%;}
.marriageTitle p{font-size: 1rem;color: #333333;font-weight: bold;margin-bottom: 0.3rem;}
.marriageTitle h2{font-size: 1.25rem;color: #00649f;}

/* marriageBottom */
.marriageBottom{width: 100%;height: 3rem;}
.marriageBottom p{text-align: center;height: 3rem;line-height: 3rem;text-align: center;background: #ffcd32;font-size: 1.25rem;color: #333333;font-weight: bold;}
.marriageBottom p a{color: #333;display: block;}


.marriageBottom em{text-align: center;  display: block; height: 3rem;line-height: 3rem;text-align: center;background: #ffcd32;font-size: 1.25rem;color: #333333;font-weight: bold;}
.marriageBottom em a{color: #333;display: block;}

/* marriageBanner */
.marriageBanner{width: 100%;position: relative;}
.marriageBanner img{display: block;width: 100%;}
.marriageBanner .btnList{width: 100%;text-align: center;margin-top: 0.5rem;position: absolute;bottom: 1.5rem; display:none;}
.marriageBanner .btnList span{display: inline-block;height: 6px;background: #c9c9c9;width: 6px;margin-left: 2%;border-radius: 50%;}
.marriageBanner .btnList span.on{background: #c9c9c9;width: 8%;border-radius: 4px;}

/* marriageCon1 */
.marriageCon1{width: 100%;background: url(/m_style/images/marriagecon1bg.jpg) no-repeat top center;background-size: 100%;margin-top: 2.667rem;}
.marriageCon1 .marriageTitle{background-image: none;padding-bottom: 0;}
.marriageCon1 .mainCon{width: 100%;margin-top: 5.333rem;}
.marriageCon1 .mainCon li{float: left;width: 35%;font-weight: bold;color: #323131;margin-bottom: 2rem;}
.marriageCon1 .mainCon li:nth-child(2n+1){margin-left: 8%;margin-right: 21%;}

/* marriageCon2 */
.marriageCon2{width: 100%;}
.marriageCon2 img{display: block;width: 100%;}
.marriageCon2 .mainCon1{width: 80%;margin: .833rem auto 0;}
.marriageCon2 .mainCon1 .conBox1{width: 100%;position: relative;}
.marriageCon2 .mainCon1 .conBox1 .btnList{width: 100%;text-align: center;margin-top: 0.5rem;position: absolute;bottom: 0.5rem;}
.marriageCon2 .mainCon1 .conBox1 .btnList span{display: inline-block;height: 6px;background: #c9c9c9;width: 6px;margin-left: 2%;border-radius: 50%;}
.marriageCon2 .mainCon1 .conBox1 .btnList span.on{background: #c9c9c9;width: 8%;border-radius: 4px;}
.marriageCon2 .mainCon2{width: 100%;margin-top: 2.417rem;padding-bottom: 2.5rem;}
.marriageCon2 .mainCon2 li{float: left;width: 25%;text-align: center;}
.marriageCon2 .mainCon2 li img{display: inline-block;width: 56%;}
.marriageCon2 .mainCon2 li p{font-size: 1rem;color: #3e3e3e;}


/* marriageCon3 */
.marriageCon3{width: 100%;}
.marriageCon3 img{display: block;width: 100%;}
.marriageCon3 .mainCon{width: 100%;}
.marriageCon3 .mainCon li{float: left;width: 50%;text-align: center;height: 12rem;padding-top: 1.333rem;}
.marriageCon3 .mainCon li img{display: inline-block;width: 40%;}
.marriageCon3 .mainCon li p{font-size: 1rem;color: #3e3e3e;}
.marriageCon3 .mainCon li:nth-child(1),.marriageCon3 .mainCon li:nth-child(2){border-bottom: 1px dotted #c6c6c6;}

/* marriageCon4 */
.marriageCon4{width: 100%;}
.marriageCon4 .mainBox{background: url(/m_style/images/marriagecon4bg.jpg) no-repeat center bottom;background-size: 100%;}
.marriageCon4 img{display: block;width: 100%;}
.marriageCon4 .mainCon1{width: 100%;}
.marriageCon4 .mainCon1 li{height: 3rem;line-height: 3rem;padding-left: 4%;font-size: 1.05rem;color: #333333;border-bottom: 1px dotted #c8c8c8;}
.marriageCon4 .mainCon1 li em{color: #010101;font-weight: bold;margin-right: 2%;}
.marriageCon4 .marriageTitle2{background-image: none;padding-bottom: 0;}
.marriageCon4 .mainCon2{width: 100%;margin-top: 1.6rem;}
.marriageCon4 .mainCon2 li{float: left;padding-left: 4%;background: url(/m_style/images/marriagecon4_icon01.png) no-repeat left center;background-size: 5%;font-size: 1rem;color: #3e3e3e;font-weight: bold;width: 44%;margin-bottom: 1.25rem;}
.marriageCon4 .mainCon2 li:nth-child(2n+1){margin-left: 2%;margin-right: 2%;}

/* marriageCon5 */
.marriageCon5{width: 100%;}
.marriageCon5 img{display: block;width: 100%;}