@font-face {

    font-family: "SourceHanSansCN-Regular";

    src: url("../fonts/SourceHanSansCN-Regular.woff2") format("woff2"),

        url("../fonts/SourceHanSansCN-Regular.woff") format("woff"),

        url("../fonts/SourceHanSansCN-Regular.ttf") format("truetype"),

        url("../fonts/SourceHanSansCN-Regular.eot") format("embedded-opentype");

}



body {

    font-family: "SourceHanSansCN-Regular" !important;

}



body {

    /*min-width: 1920px;*/

    /*min-width: 1200px;*/

}



img {

    display: block;

}



.clr {

    clear: both;

}



.inner {

    width: 1200px;

    margin: 0 auto;

}



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

    .inner {

        width: 100%;

        padding: 0 5%;

    }

}





.header {

    display: flex;

    justify-content: center;

    align-items: center;

    border-bottom: 1px solid #fff;

    background: transparent;

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    z-index: 9999;

    transition: 0.8s all;

}



.hd_nav {

    padding: 30px 0;

    display: flex;

    align-items: center;

}



.hd_nav li {

    padding: 0 20px;

    font-size: 18px;

    color: #333;

}



.hd_nav li.logoli {

    margin: 0 70px;

}



.hd_nav li a {

    font-size: 18px;

    color: #000;

    font-weight: bold;

}



.hd_nav li a.on {

    color: #612751;

}



.hd_nav li span {

    margin: 0 5px;

}



.hd_nav li.on a {

    color: #612751;

}



.phonehd {

    display: none;

}



.navbtn {

    width: 30px;

    height: 30px;

    float: right;

    display: block;

    margin-top: 12px;

    position: relative;

}



.navbtn span {

    width: 30px;

    display: block;

    height: 2px;

    background: #666;

    border-radius: 2px;

    position: absolute;

    left: 0;

    transition: all .2s linear;

}



.navbtn span:nth-child(1) {

    top: 0;

}



.navbtn span:nth-child(2) {

    top: 10px;

}



.navbtn span:nth-child(3) {

    top: 20px;

}



.navbtn span.no1 {

    transform: rotate(45deg);

    top: 10px;

}



.navbtn span.no2 {

    visibility: hidden;

    opacity: 0;

}



.navbtn span.no3 {

    transform: rotate(-45deg);

    top: 10px;

}



.phonenav {

    display: none;

}



.phonenav li {

    padding: 5px 2%;

    text-align: center;

    line-height: 32px;

    border-top: 1px dotted #ccc;

}



.phonenav li a {

    font-size: 16px;

    color: #333;

}



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

    .header {

        display: none;

    }



    .phonehd {

        padding: 1% 2%;

        display: flex;

        justify-content: space-between;

        align-items: center;

    }

}





.hmabout {

    background: #f2ece3;

    padding: 200px 0 100px;

}



.hmabout .hmabpic {

    float: right;

    /*width: 50%;*/

    width: 55%;

}



.hmabout .hmabpic video {

    width: 100%;

}



.hmabout .hmabcon {

    float: left;

    width: 40%;

}



.hmabout .hmabcon h1 {

    font-size: 36px;

    color: #612751;

	font-weight: bold;

	font-family: "SourceHanSansCN-Regular";

}



.hmabout .hmabcon p {

    font-size: 18px;

    color: #787677;

    line-height: 1.6;

    margin: 50px 0;

}



.readmore {

    /*display: block;*/

    border: 1px solid #787677;

    text-transform: uppercase;

    /*width: 30%;*/

    text-align: center;

    font-size: 17.5px;

    color: #787677;

    padding: 5px 15px;

}





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

	.hd_nav li {

    padding: 0 18px;

	}

	.hd_nav li a {

    font-size: 16px;

	}

}



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

    .hmabout .hmabpic {

        width: 100%;

    }



    .hmabout .hmabcon {

        width: 100%;

    }



    .hmabout {

        padding-top: 20px;

    }

}



.title {

    display: flex;

    align-items: center;

    justify-content: center;

    position: relative;

    /*padding: 20px 0;*/

}



.title span {

    font-size: 36px;

    color: #612751;

    font-weight: bold;

    padding: 0 30px;

    background: #fff;

    z-index: 2;

}



.title .titleline {

    width: 100%;

    height: 2px;

    background: #d9d9d9;

    position: absolute;

    left: 0;

    top: 50%;

    transform: translateY(-50%);

    z-index: 1;

}





.hmmap {

    padding: 70px 0 40px;

    background: #f5f5f5;

}



.hmmap img {

    margin: 40px auto 0;

    max-width: 100%;

}



.hmywfw {

    padding: 40px 0 40px;

}



.hmywfw .inner ul {

    display: flex;

    justify-content: space-between;

    margin: 80px 0 0;

    border-bottom: 1px solid #cccccc;

    flex-wrap: wrap;

}



.hmywfw .inner ul li {

    width: 32%;

}



.hmywfw .inner ul li a img {

    width: 100%;

}



.hmywfw .inner ul li a h3 {

    text-align: center;

    padding: 20px 0;

    font-size: 20px;

    color: #333333;

}



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

    .hmywfw .inner ul li {

        width: 100%;

    }

}



.hmbottom {

    background: #f5f5f5;

    padding: 60px 0;

}



.hmbottom .inner {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.hmbottom .hmbtbox {

    width: 48%;

}



.hmbottom .hmbtbox a h1 {

    font-size: 36px;

    color: #612751;

    font-weight: bold;

    margin: 20px 0 40px;

}



.hmbottom .hmbtbox a img {

    width: 100%;

}



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

    .hmbottom .hmbtbox {

        width: 100%;

    }

}







.footer {

    background: #e6e6e6;

    padding: 30px 0;

}



.footer ul {

    display: flex;

    justify-content: center;

    flex-wrap: wrap;

}



.footer ul li a {

    font-size: 18px;

    color: #333;

    padding: 0 10px;

}



.footer h5 {

    text-align: center;

    font-size: 16px;

    color: #333333;

    margin-top: 20px;

}



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

    .footer ul li {

        width: 90%;

        text-align: center;

        margin: 1% 0;

    }

}



.topdemo {

 overflow: hidden;

}

.topdemo>img {

 min-width: 100%;

 max-width: 101%;

}





.abtitle {

    background: #f8f8f8;

    padding: 30px 0;

}



.abtitle .inner h1 {

    font-size: 36px;

    color: #612751;

    font-weight: bold;

}



.abcon {

    padding: 30px 0;

}



.abcon .inner>p {

    font-size: 18px;

    color: #4c4c4c;

    margin-bottom: 30px;

}



.abintro {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.abintro .abintrobox1 {

    background: #612751;

    color: #fff;

    padding: 3% 2%;

}



.abintro .abintrobox1 h1 {

    font-size: 36px;

    font-weight: bold;

    margin-bottom: 20px;

}



.abintro .abintrobox1 p {

    font-size: 16px;

    line-height: 1.8;

}



.abintro li {

    width: 48.5%;

    margin-top: 30px;

}



.abintro li img {

    width: 100%;

}



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

    .abintro li {

        width: 100%;

        margin-top: 30px;

    }

}



.hxys {

    padding: 80px 0;

}



.hxys .inner ul {

    /*padding: 50px 0;*/

}



.hxys .inner ul li {

    display: flex;

    justify-content: space-between;

    margin-top: 70px;

    flex-wrap: wrap;

}



.hxys .inner ul li:nth-child(2n) {

    flex-direction: row-reverse;

}



.hxys .inner ul li .abyspic {

    width: 50%;

}



.hxys .inner ul li .abyspic img {

    width: 100%;

}



.hxys .inner ul li>.abyscon {

    width: 47%;

}



.hxys .inner ul li>.abyscon .abystitle {

    padding: 40px 0 0px;

    margin-bottom: 15px;

}



.hxys .inner ul li>.abyscon .abystitle h1 {

    font-size: 32px;

    color: #612751;

    font-weight: bold;

}



.hxys .inner ul li>.abyscon .abystitle h3 {

    font-size: 20px;

    color: #612751;

}



.abystitle1 {

    background: url(../images/num1.png) no-repeat;

    background-position: 40% center;

    background-size: auto 100%;

}



.abystitle2 {

    background: url(../images/num2.png) no-repeat;

    background-position: 40% center;

    background-size: auto 100%;

}



.abystitle3 {

    background: url(../images/num3.png) no-repeat;

    background-position: 40% center;

    background-size: auto 100%;

}



.abystitle4 {

    background: url(../images/num4.png) no-repeat;

    background-position: 40% center;

    background-size: auto 100%;

}



.abystitle5 {

    background: url(../images/num5.png) no-repeat;

    background-position: 40% center;

    background-size: auto 100%;

}



.hxys .inner ul li>.abyscon .abystext h5 {

    font-size: 18px;

    color: #787677;

    margin-top: 25px;

    font-weight: bold;

}



.hxys .inner ul li>.abyscon .abystext p {

    font-size: 16px;

    color: #787677;

    margin-top: 10px;

}



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

    .hxys .inner ul li .abyspic {

        width: 100%;

        margin-bottom: 20px;

    }



    .hxys .inner ul li>.abyscon {

        width: 100%;

    }

}



.yjsl .inner ul {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    margin: 50px 0;

}



.yjsl .inner ul li {

    width: 32.5%;

    margin-bottom: 15px;

}



.yjsl .inner ul li .yjslpic {

    width: 100%;

}



.yjsl .inner ul li .yjslpic img {

    width: 100%;

}



.yjsl .inner ul li span {

    width: 100%;

    display: block;

    background: #eeeff3;

    padding: 15px 0 15px 30px;

    font-size: 18px;

    color: #333333;

	text-align:center;

}



@media screen and (max-width: 1199px) and (min-width: 769px) {

    .yjsl .inner ul li {

        width: 48%;

    }

}



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

    .yjsl .inner ul li {

        width: 100%;

    }

}



.zzzs {

    padding: 20px 0;

}

.zzzs .rongyu{margin-top:50px;}

.zzzs .zhengshu ul {

    display: flex;

	justify-content: space-between;

	flex-wrap: wrap;

    margin: 40px 0;

}

.zzzs .zhengshu ul li {

    float: left;

    width: 48%;

    background: #eeeff3;

    margin-right: 2%;

    margin-bottom: 20px;

}

.zzzs .zhengshu ul li:nth-child(2n) {

    margin-right: 0;

}

.zzzs .zhengshu ul li .zzpic {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 25px 0;

}



/*.zzzs .inner ul li .zzpic img {

	box-shadow: 0 0 15px #333;

}*/

.zzzs .zhengshu ul li p {

    text-align: center;

    font-size: 18px;

    color: #333333;

    padding: 5px 0 15px;

}

.zzzs .zzzs-zz ul {

    /*display: flex;

	justify-content: space-between;

	flex-wrap: wrap;*/

    margin: 40px 0;

}



.zzzs .zzzs-zz ul li {

    float: left;

    width: 32%;

    background: #eeeff3;

    margin-right: 2%;

    margin-bottom: 20px;

}



.zzzs .zzzs-zz ul li:nth-child(3n) {

    margin-right: 0;

}



.zzzs .zzzs-zz ul li .zzpic {

    display: flex;

    justify-content: center;

    align-items: center;

    padding: 25px 0;

}



/*.zzzs .inner ul li .zzpic img {

	box-shadow: 0 0 15px #333;

}*/

.zzzs .zzzs-zz ul li p {

    text-align: center;

    font-size: 18px;

    color: #333333;

    padding: 5px 0 15px;

}



@media screen and (max-width: 1199px) and (min-width: 769px) {

    .zzzs .zzzs-zz ul li {

        width: 48%;

        margin-right: 2%;

    }



    .zzzs .zzzs-zz ul li:nth-child(3n) {

        margin-right: 2%;

    }



    .zzzs .zzzs-zz ul li:nth-child(2n) {

        margin-right: 0;

    }

	.zzzs .zhengshu ul li {

        width: 48%;

        margin-right: 2%;

    }

	.zhengshu ul li img{width:95%}

}



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

	.zzzs .zhengshu ul li {

        width: 100%;

        margin-right: 0;

		text-align:center;

    }

	.zhengshu ul li img{width:95%}

    .zzzs .zzzs-zz ul li {

        width: 100%;

        margin-right: 0;

    }

}

.hzpp{margin-top:4%;}

.hzpp .hzpptext {

    font-size: 18px;

    color: #8c8c8c;

    line-height: 1.8;

    margin-top: 35px;

	margin-bottom:25px;

}



.hzpp .inner ul {

    margin: 50px 0;

}



.hzpp .inner ul li {

    float: left;

    width: 24%;

    margin-right: 1.3%;

    margin-bottom: 15px;

}



.hzpp .inner ul li:nth-child(4n) {

    margin-right: 0;

}



.hzpp .inner ul li img {

    width: 100%;

}



@media screen and (max-width: 1199px) and (min-width: 769px) {

    .hzpp .inner ul li {

        width: 32%;

        margin-right: 2%;

        margin-bottom: 10px;

    }



    .hzpp .inner ul li:nth-child(4n) {

        margin-right: 2%;

    }



    .hzpp .inner ul li:nth-child(3n) {

        margin-right: 0;

    }

}



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

    .hzpp .inner ul li {

        width: 49%;

        margin-right: 2%;

        margin-bottom: 10px;

    }



    .hzpp .inner ul li:nth-child(4n) {

        margin-right: 2%;

    }



    .hzpp .inner ul li:nth-child(2n) {

        margin-right: 0;

    }

}





.contact_top {

    position: relative;

}



.contact_box {

    position: absolute;

    /*bottom: 0;*/

    left: 50%;

    transform: translate(-50%, -70%);

    width: 100%;

    max-width: 1200px;

    z-index: 99;

}



.contact_box .conboxtop {

    background: #f2f2f2;

    padding: 30px 0;

    text-align: center;

    font-family: '黑体';

}



.contact_box .conboxtop h4 {

    font-size: 20px;

    color: #7f7f7f;

    margin-bottom: 15px;

}



.contact_box .conboxtop p {

    font-size: 13px;

    color: #7f7f7f;

    margin-bottom: 25px;

}



.contact_box .conboxtop p span {

    font-size: 13px;

    color: #762438;

}



.contact_box .conboxtop h2 {

    font-size: 32px;

    color: #762438;

    margin-bottom: 15px;

    font-weight: bold;

}



.contact_box .conboxtop h3 {

    font-size: 20px;

    color: #7f7f7f;

    margin-bottom: 15px;

}



.contact_box .conboxtop h5 {

    font-size: 12px;

    color: #7f7f7f;

}



.contact_box .conboxbottom {

    color: #fff;

    text-align: center;

    background: #612751;

    padding: 20px 0;

}



.contact_box .conboxbottom p {

    font-size: 13px;

    margin-bottom: 15px;

}



.contact_box .conboxbottom h2 {

    font-size: 32px;

}



.ywfw {

    padding: 60px 0 0;

}



.ywfw .jiagou>div h2 {

    font-size: 24px;

}



.about_forth .jiagou>.lf li:last-child {

    border-bottom: none;

}





.qrcode {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    justify-content: space-between;

    border-bottom: 1px solid #D9D9D9;

    border-top: 1px solid #D9D9D9;

    margin-bottom: 80px;

}



.qrtext h1 {

    font-size: 35px;

    color: #762438;

    margin-bottom:10px;

}



.qrtext h4 {

    font-size: 24px;

    color: #762438;

}









/*新闻中心*/

.newsmenu {

    height: 98px;

    line-height: 98px;

    font-size: 0px;

    text-align: right;

}



.newsmenu a {

    color: #787677;

    padding: 0 20px;

    border-right: 1px solid #787677;

    line-height: 1;

    height: 24px;

    display: inline-block;

    font-size: 24px;

}



.newsmenu a:hover {

    color: #762438;

}



.newsmenu a.on {

    color: #762438;

}



.newsmenu a:last-child {

    padding-right: 0;

    border: none;

}



.synewslist li {

    width: 33.3%;

    float: left;

    padding: 0 15px;

}

.synewslist li .pic{height:357px;overflow:hidden;}

.synewslist li img {

    width: 100%;

    height:100%;

    /*	min-height:357px;*/

}



.synewslist li .txt {

    padding: 30px;

    box-sizing: border-box;

    transition: 0.5s all;

}



.synewslist li h3 {

    width: 100%;

    position: relative;

    padding-left: 54px;

    color: #000;

    font-size: 24px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.synewslist li h3 span {

    position: absolute;

    border-top: 2px solid #000;

    left: 0;

    top: ;

}



.synewslist li p {

    padding-left: 68px;

    font-size: 16px;

    color: #5d5d5d;

    line-height: 1.5;

    margin-top: 10px;

}



.synewslist li .clock {

    padding-left: 68px;

    background: url(../images/clockicon.png) left 30px center no-repeat;

    font-size: 18px;

    color: #000;

    margin-top: 30px;

}



.synewslist li:hover .txt {

    background: #FFFFFF;

}



.newslist li {

    width: 50%;

    padding: 30px;

}



.newslist li:hover .txt {

    background: #F2F2F2;

}



.newsttt {

    color: #762438;

    font-weight: 600;

    line-height: 1.4;

    font-size: 36px;

}



.lastnewslist {

    margin-top: 30px;

}



.lastnewslist li {

    width: 33.33%;

    float: left;

    padding: 15px 4px;

}



.lastnewslist li .newsbox {

    border: 1px solid #6c6c6c;

    padding: 20px;

}



.lastnewslist li .newsbox .tnt {

    color: #762438;

    font-size: 36px;

}



.lastnewslist li .newsbox .tnt span {

    font-size: 24px;

    float: right;

}



.lastnewslist li .newsbox h3 {

    font-size: 26px;

    font-weight: 600;

    margin-top: 30px;

    overflow: hidden;

    text-overflow: ellipsis;

    white-space: nowrap;

}



.lastnewslist li .newsbox p {

    font-size: 18px;

    color: #5d5d5d;

    line-height: 1.5;

    margin-top: 15px;

}



.tjnews {

    padding: 60px 0;

}



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

    .synewslist li {

        width: 100%;

        margin-bottom: 20px;

    }



    .lastnewslist li {

        width: 100%;

    }

}





.qywh {

    padding: 80px 0 0;

}



.qywh .qywhdemo {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

    padding: 50px 0;

}



.qywh .qywhdemo li {

    text-align: center;

    width: 30%;

    border: 1px solid #612751;

}



.qywh .qywhdemo li h1 {

    font-size: 24px;

    font-weight: bold;

    color: #fff;

    background: #612751;

    padding: 15px 0;

}



.qywh .qywhdemo li p {

    font-size: 18px;

    color: #333333;

    padding: 20px 0;

    display: flex;

    align-items: center;

    justify-content: center;

    min-height: 120px;

}



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

    .qywh .qywhdemo {

        padding: 50px 5%;

    }



    .qywh .qywhdemo li {

        width: 100%;

        margin-bottom: 20px;

    }

}



.qywh .subtitle {

    font-size: 24px;

    font-weight: bold;

    color: #762438;

}



.jzg {

    background: url(../images/jzgpic.png) no-repeat;

    background-position: 3% center;

    display: flex;

    align-items: center;

    justify-content: center;

    border-bottom: 2px solid #762438;

    color: #762438;

    font-size: 24px;

    font-weight: bold;

    padding: 100px 0;

    margin-bottom: 50px;

}



.jzg li {

    padding: 0 30px;

    border-right: 4px solid #762438;

    line-height: 1;

}



.jzg li:last-child {

    border: none;

}



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

    .jzg {

        background: none;

    }

}



.xwzz {

    padding: 50px 0;

}



.xwzz li {

    display: flex;

    align-items: center;

    flex-wrap: wrap;

    margin-bottom: 10px;

    padding: 20px 0;

}



.xwzz li .xwzzpic {

    width: 25%;

}



.xwzz li .xwzztext {

    display: flex;

    width: 75%;

    min-height: 65px;

    border-bottom: 2px solid #d9d9d9;

    padding-bottom: 50px;

    flex-wrap: wrap;

}



.xwzz li .xwzztext h1 {

    font-size: 20px;

    font-weight: bold;

    color: #762438;

    width: 15%;

}



.xwzz li .xwzztext p {

    font-size: 16px;

    color: #787677;

    width: 85%;

}



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

    .xwzz li .xwzztext {

        width: 100%;

    }



    .xwzz li .xwzztext h1 {

        width: 100%;

        margin: 30px 0;

    }



    .xwzz li .xwzztext p {

        width: 100%;

    }

}



.rczz {

    background: url(../../watermark.php?src=static/images/zongzhibg.png) no-repeat;

    background-position: center;

    background-size: auto 100%;

    min-height: 640px;

    padding: 80px 0;

    color: #fff;

}



.rczz .inner h1 {

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 60px;

}



.rczz .inner p {

    font-size: 18px;

    line-height: 2;

}



.rczz .inner h5 {

    font-size: 18px;

    font-weight: bold;

    line-height: 2;

    margin-bottom: 30px;

}



.rczz .inner .whiteline {

    width: 80px;

    height: 4px;

    background: #fff;

    margin: 40px 0 30px;

}



.goujia {

    padding: 60px 0 30px;

}



.pcjg {

    width: 100%;

    margin: 30px 0;

}



.phonejg {

    display: none;

    margin: 30px 0;

}



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

    .phonejg {

        display: block;

        width: 100%;

    }



    .pcjg {

        display: none;

    }

}



.zpmenu {

    height: 98px;

    line-height: 98px;

    text-align: right;

}



.zpmenu a {

    color: #000000;

    padding: 0 20px;

    border-right: 1px solid #000000;

    line-height: 1;

    height: 18px;

    display: inline-block;

    font-size: 18px;

}



.zpmenu a:last-child {

    padding-right: 0;

    border: none;

}



.zpmenu a.on {

    color: #762438;

}



.zpbox {

    margin-bottom: 50px;

}



#zpdemo1 {}



#zpdemo2 {

    display: none;

}



#zpdemo3 {

    display: none;

}



#zpdemo4 {

    display: none;

}



.zpbox ul li {

    border-bottom: 1px solid #898989;

    padding: 30px 0;

}



.zptitle {

    display: flex;

    align-items: center;

    justify-content: space-between;

}



.zptitle .zpname h2 {

    font-size: 20px;

    color: #000;

    line-height: 1.7;

}



.zptitle .zpname h3 {

    font-size: 16px;

    color: #000;

    line-height: 1.7;

}



.zptitle .zpname h3 span {

    color: #e83323;

}



.zpcon {

    padding: 30px 0 20px;

    display: none;

}



.zpcon p {

    font-size: 14px;

    color: #a2a1a1;

}



.zpcon .btn_sq {

    display: block;

    width: 135px;

    height: 40px;

    background: #612751;

    text-align: center;

    line-height: 40px;

    color: #fff;

    margin-top: 40px;

}



.xuzhi {

    padding: 0 0 60px;

}



.xuzhi h4 {

    font-size: 18px;

    color: #d72e20;

}



.xuzhi p {

    font-size: 14px;

    color: #7b7b7b;

    margin: 15px 0;

}



.xuzhi h3 {

    font-size: 18px;

    color: #000000;

}



.xuzhi h3 span {

    font-weight: bold;

}



.ywfw {

    padding: 70px 0 30px;

}



.ywfw .ywms {

    margin: 40px 0;

    background: url(../../watermark.php?src=static/images/servicebg.png) no-repeat;

    background-position: center top;

    min-height: 707px;

    padding-top: 120px;

}



.ywfw .ywms .inner>p {

    font-size: 18px;

    color: #762438;

    line-height: 2;

}



.ywfw .ywms .inner .fwul {

    margin: 50px 0;

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.fwul li {

    width: 49%;

    margin-bottom: 20px;

}



.fwul li .fwpic {

    width: 100%;

    overflow: hidden;

}



.fwul li .fwpic img {

    width: 100%;

    transition: 0.3s all;

}



.fwul li .fwtext {

    padding: 10px 20px;

    background: #f2f2f2;

    transition: 0.3s all;

}



.fwul li .fwtext .fwtitle {

    font-size: 20px;

    color: #762438;

    display: flex;

    justify-content: space-between;

    height: 50px;

    line-height: 50px;

    border-bottom: 1px solid #762438;

}



.fwul li .fwtext p {

    font-size: 16px;

    color: #333333;

    line-height: 1.6;

    padding: 10px 0;

}



.fwul li:hover .fwpic img {

    transform: scale(1.05);

}



.fwul li:hover .fwtext {

    background: #612751;

}



.fwul li:hover .fwtext .fwtitle {

    color: #fff;

    border-color: #fff;

}



.fwul li:hover .fwtext p {

    color: #fff;

}



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

    .fwul li {

        width: 100%;

    }

}



.cpfl {

    /*padding: 10px 0 60px;*/

}



.cpfl .cpflbox {

    display: flex;

    padding: 90px 0 20px;

    justify-content: space-between;

    flex-wrap: wrap;

}



.cpfl .cpflbox .cpflboxlf {

    width: 24%;

}



.cpfl .cpflbox .cpflboxlf h1 {

    text-align: center;

    color: #fff;

    font-size: 23px;

    width: 100%;

    height: 120px;

    line-height: 120px;

    background: #612751;

}



.cpfl .cpflbox .cpflboxlf ul {}



.cpfl .cpflbox .cpflboxlf ul li {

    background: #f5f5f5;

}



.cpfl .cpflbox .cpflboxlf ul li a {

    display: flex;

    width: 100%;

    justify-content: space-between;

    font-size: 14px;

    color: #999999;

    padding: 25px 25px;

    border-top: 1px solid #ececec;

    transition: 0.2s all;

}



.cpfl .cpflbox .cpflboxlf ul li:hover a {

    color: #612751;

}



.cpfl .cpflbox .cpflboxrt {

    width: 72%;

}



.cpfl .cpflbox .cpflboxrt ul {

    display: flex;

    justify-content: space-between;

    flex-wrap: wrap;

}



.cpfl .cpflbox .cpflboxrt ul li {

    width: 48%;

}



.cpfl .cpflbox .cpflboxrt ul li a .cpcatepic {

    width: 100%;

    overflow: hidden;

}



.cpfl .cpflbox .cpflboxrt ul li a .cpcatepic img {

    width: 100%;

    transition: 0.2s all;

}



.cpfl .cpflbox .cpflboxrt ul li a p {

    width: 100%;

    text-align: center;

    padding: 15px 0 20px;

    font-size: 18px;

    color: #333;

    transition: 0.5s all;

}



.cpfl .cpflbox .cpflboxrt ul li:hover a p {

    color: #612751;

}



.cpfl .cpflbox .cpflboxrt ul li:hover .cpcatepic img {

    transform: scale(1.05);

}



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

    .cpfl .cpflbox {

        padding: 40px 5%;

    }



    .cpfl .cpflbox .cpflboxlf {

        width: 100%;

        margin-bottom: 30px;

    }



    .cpfl .cpflbox .cpflboxrt {

        width: 100%;

    }

}



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

    .cpfl .cpflbox .cpflboxrt ul li {

        width: 100%;

    }

}
/* sg-tt-front */
body>h1{position:relative;z-index:10000}