.wen-title{width: 100%; text-align: center; display: inline-block;}
.cont-wen{ width: 100%; display: inline-block;}
.wen-title h5{ font-size: 36px; font-weight: bold;}
.wen-title span{ width: 48px; height: 6px; background: #fabe00; display: block; margin:15px auto;}
.wen-title p{ font-size: 20px;}
.wen-list{ width: 100%; display: inline-block;}
.wen-list ul{ padding: 0px 20px; box-sizing: border-box;}
.wen-list ul li { width:22.2%; height: 280px; float: left; margin-right: 48px; background: #eeeeee; border-radius: 20px; padding: 0px 60px; box-sizing: border-box; text-align: center; position: relative;}
.wen-list .img-wen{ width: 100%; height: 88px; overflow: hidden; margin-top: 20%;}
.wen-list ul li img{ }
.wen-list ul li p:nth-child(2){ font-size: 22px; line-height: 30px; color: #8a8989; margin-top: 20px;}
.wen-list ul li span{ width: 30px; height: 2px; background: #8A8989;display: block;margin: 12px auto;}
.wen-list ul li p:nth-child(4){ font-size: 16px;color: #8a8989; line-height: 24px;}
.wen-list ul li:hover { background: #fff; box-shadow:5px 5px 8px rgba(0,0,0,0.2);}
.wen-list ul li:hover p{ color: #fabe00; }
.wen-list ul li:hover p:nth-child(2){ font-weight: bold;}
.wen-list ul li:hover span{ background:#fabe00;}
.wen-list ul li .bianse{ position: absolute; left: 133px; top: 0px; padding-top: 13%; display: none;}
.wen-list ul li:hover img{ transform: translateY(-88px);  filter: drop-shadow(#fabe00  0 88px);}
.wen-list ul li:last-child{ margin-right: 0px;}
.wen-cont{margin-top: 4%;}
.wen-conta {margin-top: 4%;}
.wen-conta ul li{ width: 22.2%; height: 245px; float: left; margin-right:3.7%; margin-bottom: 2.7%; overflow: hidden;}
.wen-conta ul li:nth-child(4n){ margin-right: 0px;}
 .wen-conta ul li img{ width: 100%; /* min-height: 100%; */}
 /*  */
 .process{ background: url(../images/q3.jpg) no-repeat center; height: 500px;}
 .process-list{ margin-top: 90px;}
 .process_ul{ position: relative; margin: 0px; padding: 0px;}
 .process_ul .process_li{box-shadow: 0px 2px 6px 0px rgba(0,0,0,0.6); width: 450px; height: 235px; border-radius: 26px; padding: 0px 55px; box-sizing: border-box; }
  .process_ul .process_li .process_li_img{background: url(../images/lib.png) no-repeat center;  width: 45px; height: 45px; position: absolute; border-radius: 15px; line-height: 45px; text-align: center; font-size: 32px; font-weight: bold; color: #fff; top: -20px; right: 30px;}
  .peocess-coin span{ width: 100%; height: 1px; background: #fabe00; display: block; }
 .peocess-coin{  width: 70%; margin-top: 20%;}
 .peocess-coin h5{font-size: 24px; font-weight: bold; height: 50px; line-height: 50px; }
  .peocess-coin h5 i{ width: 35px; height: 35px; display: block; float: left; margin-right: 8px;}
  .peocess-coin h5 i img{ width: 100%; padding-top: 8px; }
    .peocess-coin p{ font-size: 16px; line-height: 24px; margin-top: 20px;}
.process_ul .process_li:first-child{background: #fff url(../images/liucheng1.png) no-repeat center;background-size: 100%; z-index: 8;}
.process_ul .process_li:nth-child(2){background: #fff url(../images/liucheng2.png) no-repeat center;background-size: 100%; z-index: 7; left: 160px;}
.process_ul .process_li:nth-child(3){background: #fff url(../images/liucheng3.png) no-repeat center;background-size: 100%; z-index: 6; left: 334px}.process_ul .process_li:nth-child(4){background: #fff url(../images/liucheng4.png) no-repeat center;background-size: 100%; z-index: 5; left: 510px}.process_ul .process_li:nth-child(5){background: #fff url(../images/liucheng5.png) no-repeat center;background-size: 100%; z-index: 4; left: 690px}.process_ul .process_li:nth-child(6){background: #fff url(../images/liucheng6.png) no-repeat center;background-size: 100%; z-index: 3; left: 870px}
.process_ul .process_li:nth-child(7){background: #fff url(../images/liucheng7.png) no-repeat center;background-size: 100%; z-index: 2; left: 1045px}
/* .process_ul .process_li.active { z-index: 10;}
.process_ul .process_li.active .process_li_img { width: 105px; height: 45px; display: block; } */

/*  */
.wen-adv { width: 100%; display: inline-block; margin-top:4%;}
.left-wen{ padding-left: 8%;padding-top: 70px; width: 35.6%;}
.left-wen .h3{font-size: 42px; color: #fabe00; font-weight: bold; line-height: 70px; }
.list-unstyled {
    padding-left: 0;
    list-style: none;
}
.ul_li1 { font-size: 20px; line-height: 35px;}
.wen-advlist{ display: inline-block; width: 100%; margin-top: 4%;}
/*  */
.pin-title { width: 100%; text-align: center; margin-top: 6%;}
.pin-title h4{font-size: 42px;color: #fabe00;font-weight: bold;}
.pin-title p{ font-size: 20px; line-height: 40px;}
.pinpai-cont { position: relative; height: 450px;}
.pinpai-cont ul li{ position: absolute; width:160px; height: 100px; display: block; line-height: 100px; }
.pinpai-cont ul li img{ max-width: 100%;}
.pinpai-cont ul li:first-child{left: 15%; top: 150px; }
.pinpai-cont ul li:nth-child(2){ left: 15.5%; top: 250px;}
.pinpai-cont ul li:nth-child(3){ left: 25%; top: 110px;}
.pinpai-cont ul li:nth-child(4){ left: 25%; top: 240px;}
.pinpai-cont ul li:nth-child(5){ left: 25%; top: 340px;}
.pinpai-cont ul li:nth-child(6){ left: 38.5%; top: 50px;}
.pinpai-cont ul li:nth-child(7){ left: 38%; top: 174px;}
.pinpai-cont ul li:nth-child(8){ left: 39%; top: 286px;}
.pinpai-cont ul li:nth-child(9){ left: 47%; top: 40px;}
.pinpai-cont ul li:nth-child(10){ left:46%; top: 134px;}
.pinpai-cont ul li:nth-child(11){ left:46.5%; top: 240px;}
.pinpai-cont ul li:nth-child(12){ left:47%; top: 314px;}
.pinpai-cont ul li:nth-child(13){ left:60%; top: 75px;}
.pinpai-cont ul li:nth-child(14){ left: 59%; top: 178px;}
.pinpai-cont ul li:nth-child(15){ left: 59%; top: 285px;}
.pinpai-cont ul li:nth-child(16){ left: 70%; top: 150px;}
.pinpai-cont ul li:nth-child(17){ left: 70%; top: 230px;}
.pinpai-cont ul li:nth-child(18){ left: 71%; top: 326px;}
.pinpai-cont ul li:nth-child(19){ left: 83%; top: 187px;}
.right-wen{ width: 54%;}
.right-wen img{ width: 100%;}
@media screen and (max-width:1700px)
{
   .left-wen{ width: 34.6%;}	
   .left-wen:nth-child(6){ padding-left: 3%;}
   .process_ul .process_li{ width: 360px;padding: 0px 45px}
     .wen-list ul li{ width: 22%; margin-right: 50px; padding: 0px 50px;}
}
@media screen and (max-width:1600px)
{
   .wen-list ul li{ width: 22%; margin-right: 45px; padding: 0px 50px;}
}
@media screen and (max-width:1540px)
{
    .process_ul .process_li{ width: 298px;padding: 0px 15px}
}
@media screen and (min-width:768px)
{
    .process_ul .process_li {
        position: absolute;
    }
    .process_ul .process_li:hover{z-index: 10;transform:scale(1.1);transition:all 0.7s;}
    .process_ul .process_li:hover .process_li_img { width: 105px; height: 45px; display: block; }
}
@media screen and (max-width:768px)
{
    .wen-title h5 {
        font-size: 28px;
    }
    .wen-title span {
        height: 3px;
        margin: 10px auto;
    }
    .wen-title p {
        font-size: 14px;
    }
    .wen-list ul li {
        width: 49%;
        height: 180px;
        margin-right: 2%;
        margin-bottom: 10px;
        padding:0px 20px;
    }
    .wen-list ul {
        padding: 0;
    }
    .wen-list ul li:nth-of-type(2n) {
        margin-right: 0;
    }
    .wen-list ul li p:nth-child(2) {
        font-size: 16px;
        margin-top: 10px;
    }
    .wen-list ul li p:nth-child(4) {
        font-size: 12px;
    }
    .wen-list ul li span {
        margin: 6px auto;
    }
    .wen-list .img-wen {
        height: 50px;
        margin-top: 12%;
    }
    .wen-list .img-wen img {
        height: 100%;
        width: auto;
    }
    .wen-conta ul li {
        width: 48.5%;
        margin-right: 3%;
        height: auto;
    }
    .wen-conta ul li:nth-of-type(2n) {
        margin-right: 0;
    }
    .process_ul .process_li {
        width: 100%;
        height: 170px;
        padding: 0px 25px;
        position: relative;
        margin-bottom: 30px;
        left: 0 !important;
    }
    .process {
        height: auto;
        margin-bottom: 30px;
    }
    .peocess-coin {
        width: 100%;
        margin-top: 0;
        padding-top: 20px;
    }
    .peocess-coin h5 i {
        width: 30px;
        height: 30px;
    }
    .peocess-coin h5 {
        font-size: 20px;
    }
    .peocess-coin p {
        font-size: 14px;
    }
    .process-list {
        margin-top: 30px;
    }
    .left-wen {
        float: left !important;
        width: 50%;
        line-height: 50px;
        margin-top: 0px;
        padding-top: 0;
        margin-bottom: 30px;
    }
    .right-wen {
        width: 100%;
        float: left !important;
        margin-bottom: 12px;
    }
    .right-wen img {
        width: 100%;
        display: block;
    }
    .wen-advlist:nth-of-type(2n) .left-wen {
        float: right !important;
    }
    .left-wen .h3 {
        font-size: 20px;
        line-height: 45px;
    }
    .ul_li1 {
        font-size: 14px;
        line-height: 26px;
    }
    .wen-advlist {
        margin-top: 0;
    }
    .pin-title h4 {
        font-size: 28px;
    }
    .pin-title p {
        font-size: 16px;
        line-height: 32px;
    }
    .pinpai > .container {width: 100%;}
    .pinpai-cont{ height: 250px; }
    .pinpai-cont ul li{ position: absolute; width:14%; height: 46px; display: block; line-height: 1; }
    .pinpai-cont ul li img{ max-width: 100%; max-height: 100%;}
    .pinpai-cont ul li:first-child{left: 4%;top: 75px; }
    .pinpai-cont ul li:nth-child(2){ left: 4%; top: 125px;}
    .pinpai-cont ul li:nth-child(3){ left: 21%; top: 55px;}
    .pinpai-cont ul li:nth-child(4){ left: 21%; top: 120px;}
    .pinpai-cont ul li:nth-child(5){ left: 21%; top: 159px;}
    .pinpai-cont ul li:nth-child(6){ left: 36%; top: 25px;}
    .pinpai-cont ul li:nth-child(7){ left: 37%; top: 82px;}
    .pinpai-cont ul li:nth-child(8){ left: 38%; top: 140px;}
    .pinpai-cont ul li:nth-child(9){ left: 47%; top: 20px;}
    .pinpai-cont ul li:nth-child(10){ left:49%; top: 67px;}
    .pinpai-cont ul li:nth-child(11){ left:52.5%; top: 123px;}
    .pinpai-cont ul li:nth-child(12){ left:56%; top: 145px;}
    .pinpai-cont ul li:nth-child(13){ left:64%; top: 37px;}
    .pinpai-cont ul li:nth-child(14){ left: 65%; top: 84px;}
    .pinpai-cont ul li:nth-child(15){ left: 59%; top: 178px;}
    .pinpai-cont ul li:nth-child(16){ left: 80%; top: 60px;}
    .pinpai-cont ul li:nth-child(17){ left: 72%; top: 126px;}
    .pinpai-cont ul li:nth-child(18){ left: 76%; top: 165px;}
    .pinpai-cont ul li:nth-child(19){ left: 83%; top: 93px;}
}