@charset "utf-8";
*{margin: 0 auto;padding: 0;}
ul li{list-style: none;}
a{text-decoration: none;}
input{outline: none;}
button {outline:none;}
body{min-width: 1263px;background: #FFFFFF;position: relative;}
body{font-family: "Noto Sans SC";}
input{border: none;}
.clearfix:after{ content: ""; display: block; height: 0; font-size: 0; clear: both; visibility: hidden;}
.wrapper{width: 100%;}


/* 头部 */
.headBg{width: 100%;height: 100px;background: #8a262a;}
.head{max-width: 1500px;height: 100%;position: relative;padding-top: 22px;box-sizing: border-box;}
.head .logo{float: left;width: 163px;height: 50px;position: relative;overflow: hidden;margin-left: 20px;}
.head .logo img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.head .text{position: absolute;right: 20px;top: 50%;transform: translateY(-50%);}
.head .text .phone{font-size: 22px;color: #f7d0a6;}
.head .img{width: 148px;height: 148px;position: absolute;top: 26px;left: 50%;transform: translateX(-50%);overflow: hidden;z-index: 99;}
.head .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.nav{max-width: 1500px;height: 57px;}
.nav a{float: left;font-size: 17px;color: #000000;line-height: 57px;margin-right: 6.4%;}
.nav a:nth-child(5){margin: 0;}
.nav a:nth-child(5),.nav a:nth-child(6),.nav a:nth-child(7),.nav a:nth-child(8){float: right;}
.nav a:hover{color: #8A262A;}

/* 面包屑 */
    .bread{width: 100%;height: 75px;background: #f7d0a6;}
    .bread .bg{max-width: 1600px;height: 100%;position: relative;}
    .bread .bg .text{position: absolute;top:50%;transform: translateY(-50%);right: 0;font-size: 16px;color: #8a262a;width: auto;}
    .bread .bg .text a{color: #8a262a;}
    .bread li{list-style: none;float: left;}
    @media screen and (max-width: 1280px){
        .bg{width: 1220px;}
    }
    .bread .bg .text li:nth-child(2) span{display: none;}
    .bread .name{float: left;overflow: hidden;}
    .bread .name a{float: left;font-size: 20px;color: #8a262a;line-height: 75px;margin-right: 50px;}
    .bread .name a:last-child{margin-right: 0;}
    .bread .name .active{font-size: 26px;font-weight: bold;}


/* banner */
.banner{width: 100%;overflow: hidden;position: relative;}
.banner img{display: block;width: 100%;}
.bodyRi{width: 200px;height: auto;position: fixed;right: 20px;top: 50%;transform: translateY(-50%);z-index: 9999;}
.bodyRi .list{margin-bottom: 5px;cursor: pointer;height: 51px;}
.bodyRi .list:last-child{margin-bottom: 0;}
.bodyRi .list .img{float: right;width: 51px;height: 51px;background: rgba(0,0,0,.5);position: relative;border-radius: 4px;transition: .5s;}
.bodyRi .list .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 27px;height: 27px;}
.bodyRi .list .content{float: right;margin-right: 5px;width:0;background: rgba(138,38,42,.5);height: 100%;border-radius: 4px;position: relative;overflow: hidden;transition: .5s;}
.bodyRi .list .content .text{position: absolute;top: 50%;left: 0;transform: translateY(-50%);width: 142px;padding-left:20px ;box-sizing: border-box;}
.bodyRi .list .content p{font-size: 14px;color: #fff;}
.bodyRi .list .content img{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);height: 43px;width: auto;}
.bodyRi .list:hover .img{background: rgba(138,38,42,.5);}
.bodyRi .list:hover .content{width: 142px;}



/* 价值观 */
.culture{max-width: 1500px;padding: 70px 0;height: 164px;position: relative;}
.culture .list{float:left;width: 32%;height: 100%;border-width: 7px 30px;border-style: solid;border-image: url(../images/borIndexPic.png) 7 30 round;box-sizing: border-box;margin-right: 1.95%;position: relative;}
.culture .list:last-child{margin-right: 0;}
.culture .list .img{width: calc(100% - 57%);height: 100%;position: relative;float: left;}
.culture .list img{display: block;position: absolute;left: 50%;top: 50%;transform: translate(-50% , -50%);height: 2.31vw;width: auto;}
.culture .list .text{position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 57%;}
.culture .list .text{font-size: 1.05vw;color: #8a262a;font-weight: bold;}
.culture .list:last-child .text {width: 52%!important;}
/* footer */
.footerBg{width: 100%;height: 124px;background: #8a262a;}
.footer{max-width: 1500px;height: 100%;position: relative;}
.footer .leimg{width: 77px;height: 71px;position: absolute;left: 0;top: 50%;transform: translateY(-50%);overflow: hidden;}
.footer .leimg img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.footer .logo{width: 148px;height: 47px;position: absolute;left: 91px;top: 50%;transform: translateY(-50%);overflow: hidden;}
.footer .logo img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.footer .text{position: absolute;top: 50%;left: 27.73%;transform: translateY(-50%);}
.footer .text .p16{font-size: 16px;color: #f7d0a6;line-height: 28px;}
.footer .ri{width: 520px;height: auto;position: absolute;right: 0;top: 50%;transform: translateY(-50%);overflow: hidden;}
.footer .ri .list{float: left;width: 144px;height: 35px;margin-right: 44px;padding-bottom: 10px;}
.footer .ri .list:nth-child(3n){margin-right: 0;}
.footer .ri .list:nth-child(4){padding-bottom: 0;}
.footer .ri .list:nth-child(5){padding-bottom: 0;}
.footer .ri .list:nth-child(6){padding-bottom: 0;}

.footer .ri .list .img{float: left;width: 35px;height: 100%;position: relative;overflow: hidden;}
.footer .ri .list img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.footer .ri .list .title{float: right;width: 97px;height: 25px;font-size: 14px;color: #8a262a;text-align: center;line-height: 25px;background: #f7d0a6;border-radius: 25px;margin-top: 5px;transition: .3s;}
.footer .ri .list .title:hover{background: #f7c38b;}

.copy{width: 100%;height: 36px;background: #701c1f;font-size: 12px;color: #f7d0a6;line-height: 36px;text-align: center;}
.copy a{color: #f7d0a6;}


/* 联系我们 */
.contact{max-width: 1600px;padding: 80px 0;position: relative;height: 495px;}
.contact .bor{width: 100%;height: 495px;box-sizing: border-box;border-style: solid;border-width: 22px 24px;border-image: url(../images/lxbor.png) 22 24 round;position: absolute;left: 0;top: 80px;}
.contact .pic{display: block;height: 495px;width: auto;position: absolute;left: 50%;top: 80px;transform: translateX(-50%);z-index: 10;}
.contact .le{float: left;width: 50%;height: 100%;padding: 0 35px 0 55px;box-sizing: border-box;}
.contact .le .name{font-size: 36px;color: #8A262A;font-weight: bold;padding-top: 40px;}
.contact .le .p24{font-size: 24px;color: #4c4c4c;font-weight: bold;line-height: 48px;}
.contact .le .p20{font-size: 20px;color: #4c4c4c;line-height: 30px;padding-bottom: 10px;}
.contact .le .img{width: 121px;height: 120px;position: relative;overflow: hidden;margin-left: 0;}
.contact .le .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.contact .ri{width: 50%;height: 495px;position: absolute;right: 0;top: 80px;padding: 4px 0;box-sizing: border-box;}
.contact .ri .map{width: 100%;height: 100%;}
.contact .ri .map .form{width: 100%;height: 100%;}
.contact .ribor {display: block;height: 495px;width: auto;position: absolute;right: 0;top: 80px;z-index: 10;}


/* 招贤纳士 */
.recruit{max-width: 1600px;padding: 80px 0;min-height: 400px;}
.recruit .le{float: left;width: 223px;background: #f7d0a6;position: relative;border-style: solid;border-width: 22px 20px;border-image: url(../images/zxLe.png) 22 20 round;text-align: center;box-sizing: border-box;}
.recruit .le .bor{width: 100%;height: 100%;}
.recruit .le .name{font-size: 30px;color: #8a262a;padding: 10px 0 10px;}
.recruit .le .title{display: block;font-size: 20px;color: #8A262A;width: 100%;height: 66px;line-height: 66px;}
.recruit .le .title:last-child{margin-bottom: 10px;}
.recruit .le .active{background: #8A262A;color: #FFFFFF;}
.recruit .ri{float: right;width: 80.8125%;height: 100%;position: relative;transition: .3s;}
.recruit .ri .bor{width: 100%;min-height: 434px;border-style: solid;border-width: 22px 20px;border-image: url(../images/zcRi.jpg) 22 20 round ;box-sizing: border-box;padding: 0 18px 15px;}
.recruit .ri .bor .title{font-size: 36px;color: #000000;padding-top: 30px;}
.recruit .ri .bor .line{display: block;width: 100%;height: 1px;background: #e6e6e6;margin: 18px 0;}
.recruit .explain{padding-bottom: 30px;}
.recruit .ri .bor li{float: left;color: #8A262A;margin-right: 50px;padding: 5px 0;}
.recruit .ri .bor li:last-child{margin-right: 0;}
.recruit .ri .bor li p{display: inline-block;font-size: 16px;color: #000000;}
.recruit .ri .content{width: 100%;font-size: 18px;color: #666666;line-height: 36px;}
.recruit .ri .content p{padding-bottom: 10px;text-align: justify;}
.recruit .ri .content .textimg{width: 100%;overflow: hidden;padding: 30px 0 10px;}
.recruit .ri .content .textimg img{float: left;width: 18px;height: 15px;margin: 12px 5px 0 0;}
.recruit .ri .content .textimg .p20{float: left;font-size: 20px;color: #202020;font-weight: bold;padding-bottom: 0;}
.recruit .ri .content .upload{display: block;width: 298px;height: 50px;border-radius: 3px;background: #8a262a;font-size: 22px;font-weight: bold;text-align: center;line-height: 50px;color: #fff;margin:20px 0 0;}
.recruit .ri .content .p14{font-size: 14px;color: #333333;}


/* 招商加盟 */
/* 服务 */
.service{max-width: 1600px;padding-bottom: 96px;}
.service .img{width: 100%;height: auto;margin-bottom: 105px;}
.service .img img{display: block;width: 100%;height: auto;}
.zsjm{display: block;width: 298px;height: 50px;background: #8A262A;border-radius: 3px;font-size: 22px;color: #FFFFFF;font-weight: bold;text-align: center;line-height: 50px;}

/* 条件 */
.condition{max-width: 1600px;padding: 60px 0 80px;min-height: 400px;}
.condition .content{width: 100%;background:url(../images/tjBg.png)no-repeat center #fff8f1;position: relative;padding: 60px 0;margin-bottom: 85px;}
.condition .content .list{width: 50%;float: left;padding-left: 9.8125%;box-sizing: border-box;}
.condition .content .list .p26{font-size: 1.35vw;color: #333333;position: relative;text-align: justify;line-height: 66px;}
.condition .content .list .p26::before{content: '';display: block;width: 9px;height: 9px;background: #8A262A;position: absolute;left: -26px;transform: rotate(45deg);top: 28px;}
.condition .content .Le{display: block;width: auto;position: absolute;top: 20px;left: 20px;}
.condition .content .Ri{display: block;width: auto;position: absolute;bottom: 20px;right: 20px;z-index: 1;}
.condition .content .pic{display: block;width: auto;position: absolute;bottom: 2px;right: 20px;z-index: 1;}

/* 流程 */
.process{width: 100%;padding-bottom: 96px;background: #faf2e6;}

/* 投资收益 */
.profit{max-width: 1600px;padding: 60px 0 100px;}
.profit .title{font-size: 30px;color: #333333;text-align: center;padding-bottom: 50px;}
.profit .img{width: 100%;padding-bottom: 80px;}
.profit .img img{display: block;width: 100%;height: auto;}


/* 加盟 */
.join{max-width: 1600px;padding: 60px 0 100px;position: relative;}
.join .img{display: block;position: absolute;top: 60px;right: 0;}
.join .name{font-size: 40px;color: #8A262A;padding-bottom: 30px;}
.join form{width: 100%;}
.join form .p24{font-size: 24px;color: #4c4c4c;font-weight: bold;padding-bottom: 26px;}
.join form .p24 span{font-size: 20px;opacity: .7;padding-top: 1px;font-weight: 400;}
.join form .input{width: 100%;height: auto;overflow: hidden;}
.join form .text{float: left;width: 148px;margin-right: 23px;}
.join form .text .p18{float: right;font-size: 18px;color: #323232;line-height: 45px;position: relative;}
.join form .text .p18 span{color: #8A262A;position: absolute;transform: translateX(-200%);left: 0;top: 0;}
.join form .input input{float: left;width: 560px;height: 45px;border-radius: 3px;border: 1px solid #dfdfdf;box-shadow: 0 0 10px #eee;font-size: 16px;text-indent: 32px;box-sizing: border-box;margin: 0 0 26px;}
.join form .input select{float: left;width: 270px;height: 45px;border-radius: 3px;border: 1px solid #dfdfdf;box-shadow: 0 0 10px #eee;font-size: 16px;text-indent: 32px;box-sizing: border-box;margin: 0 20px 26px 0;appearance: none;-moz-appearance: none;-webkit-appearance: none;background: url(../images/select.png) no-repeat top 50% right 21px;outline: none;cursor: pointer;}
.join form .input select:last-child{margin-right: 0;}
.join form .radio{width: 100%;height: auto;}
.join form .radio .list{float: left;width: 270px;height: 45px;border-radius: 3px;border: 1px solid #dfdfdf;box-shadow: 0 0 10px #eee;font-size: 16px;text-indent: 12px;box-sizing: border-box;position: relative;margin: 0 20px 26px 0;}
.join form .radio .list:last-child{margin-right: 0;}
.join form .radio .list input{width: 100%;height: 45px;position: absolute;top: 0;left: 0;z-index: 99;opacity: 0;cursor: pointer;}
.join form .radio .list label{display: block;width: 100%;height: 43px;border-style: solid;border-radius: 3px;border-width: 1px 20px;border-color: #FFFFFF;box-sizing: border-box;font-size: 16px;line-height: 41px;color: #a2a2a2;cursor: pointer;}
.join form .radio .list input:checked+label{border-image: url(../images/chokbor.png)1 20 round;color: #000000;}
.join form .radio .length{width: 185px;}
.join form button{display: block;width: 298px;height: 50px;background: #913337;border-radius: 3px;margin-left: 0;outline: none;border: none;color: #FFFFFF;font-weight: bold;font-size: 22px;margin-top: 67px;cursor: pointer!important;}









::-webkit-input-placeholder { 
/* WebKit browsers */ 
color: #a2a2a2; 
} 
:-moz-placeholder { 
/* Mozilla Firefox 4 to 18 */ 
color: #a2a2a2; 
} 
::-moz-placeholder { 
/* Mozilla Firefox 19+ */ 
color: #a2a2a2; 
} 
::-ms-input-placeholder { 
/* Internet Explorer 10+ */ 
color: #a2a2a2; 
}

/* 资讯中心 */
.news{display: block;max-width: 1600px;height: auto;padding: 80px 0;}
.news .list{display: block;width: 100%;height: auto;overflow: hidden;margin-bottom: 40px;transition: .5s;}
.news .list .img{float: left;width: 21%;height: 0;padding-top: 14%;position: relative;overflow: hidden;}
.news .list .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;transition: .5s;}
.news .list .text{float: right;width: calc(100% - 21%);height: 100%;padding-left: 38px;box-sizing: border-box;padding-top: 1.58%;}
.news .list .text .time{font-size: 28px;color: #9d9d9d;padding-bottom: 1.1%;transition: .5s;}
.news .list .text .time span{font-size: 18px;}
.news .list .text .title{font-size: 22px;color: #202020;transition: .5s;}
.news .list .text .line{display: block;width: 100%;height: 1px;background: #dcdcdc;margin: 1.5% 0;transition: .5s;}
.news .list .text .smalltext{font-size: 18px;color: #666666;line-height: 28px;display: -webkit-box;-webkit-line-clamp: 2;overflow: hidden;-webkit-box-orient: vertical;width: 97%;margin-left: 0;transition: .5s;}
.news .list:hover{background: #8A262A;box-shadow: 0 5px 10px #8A262A;}
.news .list:hover img{width: 110%;}
.news .list:hover .time{color: #fff;}
.news .list:hover .title{color: #fff;}
.news .list:hover .line{background: #FFF;width: 97%;}
.news .list:hover .smalltext{color: #fff;}
.news .list:last-child{margin-bottom: 0;}

/* 企业文化/责任 */
.duty{display: block;max-width: 1600px;height: auto;padding: 80px 0;}
.duty .nameTop{padding-bottom: 60px;text-align: center;}
.duty .nameTop a{display: inline-block;width: 180px;height: 60px;background: #f7d0a6;line-height: 60px;color: #8a262a;font-size: 24px;transition:.5s;margin-right: 70px;}
.duty .nameTop .active{background: #8a262a;color: #fff;}
.duty .nameTop a:hover{background: #8a262a;color: #fff;}
.duty .nameTop a:last-child{margin-right: 0}
.duty .top{width: 100%;margin-bottom: 30px;}
.duty .top .name{font-size: 36px;color: #333;font-weight: bold;}
.duty .top .name img{vertical-align: middle;margin-top: -9px;}
.duty .top .smalltext{font-size: 20px;color: #333;line-height: 38px;text-indent: 40px;padding-top: 25px;text-align: justify;}
.duty .content{width: 100%;}
.duty .content .list{float: left;width: 48.4375%;height: 0;padding-top: 33.125%;position: relative;overflow: hidden;margin-top: 48px;transition: .4s;}
.duty .content .list:nth-child(2n){float: right;}
.duty .content .list img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.duty .content .list:hover{box-shadow: 0px 10px 20px #999;}


/* 产品中心 */
.product{max-width: 1600px;height: auto;padding: 80px 0 130px;}
.product .sideMenu{float: left;width: 221px;border-style: solid;border-width: 22px 20px;border-image: url(../images/productBor.png) 22 20 round;box-sizing: border-box;background: #f7d0a6;padding-bottom: 10px;}
.product .sideMenu .name{font-size: 30px;color: #8a262a;text-align: center;}
.product .sideMenu .ftitle{font-size: 18px;color: #8a262a;font-weight: 100;text-transform: uppercase;text-align: center;padding-bottom: 30px;}
.product .sideMenu .content{width: 100%;}
.product .sideMenu .content .title{display: block;width: 100%;height: 66px;font-size: 26px;color: #8A262A;line-height: 66px;text-align: center;border-top: 1px solid #fff;}
.product .sideMenu .content .top .active{background: #9B403D;color: #fff;border-top: none;}
.product .sideMenu .content ul a{display: block;font-size: 18px;text-align:center;color: #8A262A;width: auto;height: 40px;position: relative;}
.product .sideMenu .content ul a .img{display: inline-block;width: 28px;height: 100%;position: relative;vertical-align: middle;}
.product .sideMenu .content ul a .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -62%);width: auto;height: auto;max-width: 100%;max-height: 100%;}
.product .sideMenu .content ul a p{display: inline-block;width: auto;position: relative;line-height: 40px;height: 100%;margin-left: 5px;}
.product .sideMenu .content ul .active::after{content: '';display: block;border: 6px double #9b403d;border-radius: 10px;position: absolute;top: 50%;right: 10px;transform: translateY(-50%);opacity: .6;}
.product .sideMenu .content ul .active::before{content: '';display: block;border: 6px double #9b403d;border-radius: 10px;position: absolute;top: 50%;left: 10px;transform: translateY(-50%);opacity: .6;}
.product .ri{float: right;width: 80.75%;height: auto;}
.product .ri .top{width: 100%;height: auto;padding: 56.57% 0 0;background: #000000;box-sizing: border-box;position: relative;margin-bottom: 39px;}
.product .ri .p24{font-size: 24px;color: #c30b17;font-weight: bold;writing-mode: vertical-rl;writing-mode: tb-rl;position: absolute;top: 2.86%;right: 2.86%;}
.product .ri .p24::before{content: '';display: block;width: 2px;height: 70px;background: #c30b17;margin-left: 20px;}
.product .ri .riImg{display: block;width: 3.79%;height: auto;position: absolute;top: 181px;right: 2.86%;}
.product .box{width: 85.75%;position: absolute;top: 4.86%;left: 3%;height: auto;}
.product .proLB{width: 100%;overflow: hidden;position: relative;height: 89.74%;}
.product .proLB img{display: block;width: 100%;}
.product .box .swiper-button-next::after{display: none;}
.product .box .swiper-button-prev::after{display: none;}
.product .box .swiper-button-next{width: 72px;height: 52px;background:url(../images/proRi.png)no-repeat center #f7d0a6;top: auto;bottom: 0;right: -72px;outline: none;}
.product .box .swiper-button-prev{width: 72px;height: 52px;background:url(../images/proLe.png)no-repeat center rgba(0,0,0,.7);top: auto;bottom: 0;right: 0;left: auto;outline: none;}
.product .bot{width: 100%;}
.product .bot a{float: left;width: 31.81%;height: auto;position: relative;margin-right: 2.25%;margin-bottom: 30px;}
.product .bot a:nth-child(3n){margin-right: 0;}
.product .bot a .img{width: 100%;height: 100%;height: 0;padding-top: 68.12%;position: relative;overflow: hidden;}
.product .bot a .img img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;transition: .5s;}
.product .bot a .Bg{width: 100%;height: 127px; background-image: linear-gradient(to top, rgba(0,0,0,.9),rgba(0,0,0,0));position: absolute;bottom: 0;z-index: 10;transition: .5s;}
.product .bot a .title{font-size: 22px;color: #FFF;position: absolute;bottom: 22px;left: 50%;transform: translateX(-50%);z-index: 11;}
.product .bot a:hover img{width: 110%;}

/* 企业介绍/ 介绍 */
.jj{max-width: 1920px;height: auto;padding: 80px 0 120px;overflow: hidden;}
.jj .top{max-width: 1600px;height: 113px;background: url(../images/titleBg.png)no-repeat left;position: relative;margin-bottom: 32px;}
.jj .top::after{content: '';display: block;width: 100%;height: 4px;background-color: #f7d0a6;position: absolute;top: 50%;transform: translateY(-50%);left: 35%;}
.jj .top .name{font-size: 40px;color: #8a262a;font-weight: bold;padding: 52px 0 0 32px;}
.jj .content{max-width: 1600px;font-size: 16px;line-height: 28px;text-align: justify;text-indent: 32px;margin-bottom: 15px;}
.jj .content p{margin-bottom: 7px;}
.jj .img{max-width: 1920px;position: relative;}
.jj .img .leImg{float: left;width: 50%;height: auto;overflow: hidden;}
.jj .img .leImg img{float: right;width: 100%;}
.jj .img .riImg{float: left;width: 50%;height: auto;overflow: hidden;}
.jj .img .riImg img{display: block;width: 100%;}
.jj  .posi{width: 48.4375%;border-style: solid;border-width: 50px;border-image: url(../images/jjbor.png) 50 50 round;background: url(../images/jjsmallBg.jpg) center;box-sizing: border-box;position: absolute;top: 0;left: 41.09375%;font-size: 16px;color: #333;line-height: 28px;text-indent: 32px;text-align: justify;}
.jj  .posi img{display: block;margin: 20px 0 0;width: 100%;}

/* 荣誉 */
.honor{max-width: 1920px;height: auto;overflow: hidden;}
.honor .top{width: 100%;padding: 74px 0 120px;background-image: linear-gradient(to right, #f3d8c7,#fff2e9);}
.honor .top .titleImg{width: 666px;height: 86px;position: relative;overflow: hidden;margin-bottom: 82px;}
.honor .top .titleImg img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%;}
.honor .top .img{max-width: 1600px;height: auto;text-align: center;}
.honor .top .img .list{display: inline-block;width: 16.6875%;height: 0;padding-top: 12%;margin-right: 10.4%;position: relative}
.honor .top .img .list:last-child{margin-right: 0;}
.honor .top .img .list img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: 100%; }
.honor .bot{width: 100%;padding: 80px 0 110px;background: url(../images/ryBg.jpg)no-repeat bottom center;}
.honor .bot .name{display: block;font-size: 80px;color: #8a262a;font-weight: bold;text-align: center;padding-bottom: 100px;}
.honor .bot .teacherScroll{max-width: 1600px;position: relative;}
.honor .bot .teacherScroll .bd{height: 653px;float: left;width: 100%;}
.honor .bot .teacherScroll .bd a{display: block;width: 50%;height: 0;padding-top: 34%;position: absolute;left: 20px;top:45px;}
.honor .bot .teacherScroll .bd a img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: auto;height: 100%;max-width: 100%; }
.honor .bot .teacherScroll .hd{float: right;width:calc(100% - 54%);height: 653px;padding: 2.5% 3.125% 5.5% 0;background: #a15155;box-sizing: border-box;overflow: hidden;position: absolute;top: 0;right: 0;}
.honor .bot .teacherScroll .hd .bottom{width: 100%;padding-top: 80.6px;background:#a15155;position: absolute;bottom: 0;z-index: 99;}
.honor .bot .teacherScroll .hd .stop{width: 100%;padding-top: 36.6px;background:#a15155;position: absolute;top: 0;z-index: 99;}
.honor .bot .teacherScroll .hd a{display: block;width: 100%;height: 65px;}
.honor .bot .teacherScroll .hd a .pic{float: left;width: 71px;height: 100%;position: relative;}
.honor .bot .teacherScroll .hd a .pic img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: auto;height: 50%;}
.honor .bot .teacherScroll .hd a p{float: left;width: calc(100% - 71px);font-size: 18px;color: #FFF;line-height: 65px;white-space:nowrap;text-overflow:ellipsis;overflow: hidden;}
.honor .bot .teacherScroll .hd .swiper-slide-thumb-active .pic img{height: 80%;}
.honor .bot .teacherScroll .hd .swiper-slide-thumb-active p{font-size: 22px;color: #f7d0a6;font-weight: bold!important;}
.honor .bot .teacherScroll .sPrev img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: auto;}
.honor .bot .teacherScroll .sNext img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: auto;}
.honor .bot .teacherScroll  .sPrev{width: 79px;height: 57px;background: #8a262a;z-index: 999;right: 79px;bottom: 0;top: auto;left: auto;}
.honor .bot .teacherScroll  .sNext{width: 79px;height: 57px;background: #f7d0a6;z-index: 999;right: auto;right: 0;bottom: 0;top: auto;}
.honor .swiper-button-next::after{display: none;}
.honor .swiper-button-prev::after{display: none;}




/* 历程 */
.jm-5{background: url(../images/pc.jpg) top center; height: 100%; position: relative;}
.jm-5 .fp-tableCell{padding: 0 14% 0 8.5%; box-sizing: border-box; vertical-align: top;}
.jm-5 .m-logo{position: absolute; top: 70px;width: 160px;opacity: .2;}
.jm-5 .title{color: #E3C5A1; margin-top: 180px;}
.jm-5 .btn{width: 16%; height: 80%; border-right: 1px solid #A18561; position: absolute; left: 10%; top: 10%; align-items:center; justify-content:center; display: -webkit-flex; font-size: 36px; text-align: right;}
.jm-5 .btn ul{width: 100%;}
.jm-5 .btn li{padding: 4vh 15px 4vh 0; color: #fff; margin-right: -3px; border-right: 5px solid transparent; cursor: default;cursor: pointer;}
.jm-5 .btn li p{font-size: 16px; color: #A18561; display: none;}
.jm-5 .btn li.on{color: #E3C5A1; border-color: #A18561;}
.jm-5 .btn li.on p{display: block;}

.jm-5 .gallery-thumbs{position: absolute;height: 50%;bottom: -100%;left: 28%;}
.jm-5 .gallery-thumbs.posi{top: 240px;left: 28%;}
.jm-5 .gallery-thumbs .swiper-slide p{font-size: 20px;color: #FFFFFF;font-weight: bold;cursor: pointer;display: block;}
.jm-5 .gallery-thumbs .swiper-slide-thumb-active p{color: #f7d0a6;}
.jm-5 .swiper-lc{width: 55%;height: 45%; margin: auto 0; position: absolute; top: 0; bottom: 0; left: 250%;overflow: visible; transition: 0.8s ease;}
.jm-5 .swiper-lc.on{left: 38%;}
.jm-5 .swiper-lc .swiper-slide{opacity: .5; padding: 0 3%; box-sizing: border-box;
    background: linear-gradient(left bottom, #d59e63,#f7d0a6);
    background: -ms-linear-gradient(left bottom, #d59e63,#f7d0a6);
    background: -webkit-linear-gradient(left bottom, #d59e63,#f7d0a6);
    background: -moz-linear-gradient(left bottom, #d59e63,#f7d0a6);
    
}
.jm-5 .swiper-lc .swiper-slide-active{opacity: 1;}
.jm-5 .swiper-lc .swiper-pagination{right: 0; left: -19%;margin-left: 0;}
.jm-5 .swiper-lc .swiper-pagination{width: 60px;}
.jm-5 .swiper-lc .swiper-pagination-bullet{font-size: 25px; color: #fff; background: transparent; border-radius: 0; padding: 2vh 0; width: 100%; outline: none; text-align: left; height: auto;}
.jm-5 .swiper-pagination-bullet{opacity: 1;}
.jm-5 .swiper-pagination-bullet-active{color: #E3C5A1 !important;}
.jm-5 .swiper-lc .tp{width: 78%; height: 110%; float: left; margin-top: -2%;position: relative;overflow: hidden;}
.jm-5 .swiper-lc .tp img{display: block;position: absolute;top: 50%;left: 50%;transform: translate(-50% , -50%);width: 100%;min-height: auto;}
.jm-5 .swiper-lc .txt{width: 20%; float: right; color: #091F40; font-size: 16px; line-height: 30px; position: relative; height: 100%;}
.jm-5 .swiper-lc .txt h6{font-size: 26px; font-weight: bold;  position: absolute; top: 30px; right: 0;}
.jm-5 .swiper-lc .txt p{position: absolute; right: 0; bottom: 30px;}












@media screen and (min-width: 1360px){
    .jj .img{height: auto!important;}
    
}

@media screen and (max-width: 1600px){
    .contact{width: 96%;}
    .recruit{width: 96%;}
    .service{width: 96%;}
    .condition{width: 96%;}
    .news{width: 96%;}
    .duty{width: 96%;}
    .jj{padding-left: 20px;padding-right: 20px;box-sizing: border-box;}
    .honor .top{padding-left: 20px;padding-right: 20px;box-sizing: border-box;}
    .honor .bot{padding-left: 20px;padding-right: 20px;box-sizing: border-box;}
    .join{width: 96%;}
    .bread .bg{width: 96%;}
}



@media screen and (max-width: 1360px) {
    .head{width: 1220px;}
    .nav{width: 1220px;}
    .footer{width: 1220px;}
    .footer .text{left: 24%;}
    .culture{width: 1220px;}
    .contact{width: 1220px;}
    .service{width: 1220px;}
    .condition
    .condition .content .list .p26{font-size: 18px;}
    .news .list .text{padding-top: 10px;}
    .news .list .text .line{margin: 12px 0;}
    .join{width: 1220px;}
    .contact .ribor{width: 58px;}
    .culture .list .img img{height: 32px }
}


@media screen and (max-width: 1600px) {
    .culture .list .text{font-size: 17px}
}