@CHARSET "UTF-8";
/*base style for css file*/
@font-face{font-family:'STSongti';src:url('../fonts/STSongti.ttf');}
@font-face{font-family:'STSongti2';src:url('../fonts/STSongti2.ttf');}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, figure, figcaption, article, aside, footer, header, section, footer, nav {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-family: STSongti,"微软雅黑", Arial;
    font-weight: bold;

}

table, caption, tbody, tfoot, thead, tr, th, td {
    /*border-collapse:collapse;8*/
    margin: 0;
    padding: 0;
    outline: 0;
    vertical-align: baseline;
    background: transparent;
    font-family: STSongti,"微软雅黑", Arial;
    font-weight: bold;
}

ul, ol {
    list-style: none;
}
/*input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
color: #fff; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
color: #fff; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
color: #fff; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
color: #fff; 
} */

blockquote, q {
    quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
    content: '';
    content: none;
}

/*remember to define focus styles!*/
:focus {
    outline: 0;
}

/*remember to highlight inserts somehow!*/
ins {
    text-decoration: none;
}

del {
    text-decoration: line-through;
}

/*tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
}

a {
    text-decoration: none;
    color: #414141;
}

a:hover {
    text-decoration: none;
}

/*公用部分*/
body {
    font-size: 14px;
    background: #fff;
    color: #333;
}

/*页面宽度*/
.comWidth {
    width: 1120px;
    margin: 0 auto;
}

/*右浮动*/
.fr {
    float: right;
}

/*左浮动*/
.fl {
    float: left;
}

/*清除浮动*/
.clear {
    clear: both;
    font-size: 0;
    line-height: 0;
}

/*清除浮动*/
.clearfix:after {
    clear: both;
    display: block;
    visibility: hidden;
    height: 0;
    line-height: 0;
    content: '.';
}

.clearfix {
    zoom: 1;
}


/**********************************************************************************************/
.section{position: relative;}
.plr{padding: 0 5%;}
.plr2{padding: 0 10%;}

/*.banner{height: 100%;}
.banner .swiper-container{height: 100%;}
.banner .swiper-container .swiper-wrapper{height: 100%;}
.banner .swiper-container .swiper-wrapper .swiper-slide{height: 100%;}
.banner .swiper-container .swiper-wrapper .swiper-slide .ban{height: 100%;}
.section1 .swiper-pagination{width: 100%;bottom: 0;}*/

.section1{background:url(../images/videobg.jpg)no-repeat center;background-size:cover;}
.video{width: 100%;height: 100%;position: absolute;top: 0;left: 0;z-index: 1;}
.video video{position: absolute;left: 50%;top: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;object-fit: cover;border: 0;}

.section1-main{position: relative;z-index: 2;width: 100%;height: 100%;box-sizing: border-box;}
.section1-main .top{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 40px;}
.section1-main .top .logo img{display: block;}
.section1-main .top .tel{height: 30px; font-size: 24px;color: #fff;font-weight: bold;padding-left: 35px;background: url(../images/tel.png)no-repeat left center;margin-top: 14px;}

.section1-main .top ul{width: 58%;display: flex;flex-wrap: wrap;justify-content: space-between; margin-top: 14px;height: 32px;margin-left: 15%;}
.section1-main .top ul li{position: relative;}
.section1-main .top ul li a{font-size: 22px;color: #fff;display: block;font-weight: bold;line-height: 32px;}
.section1-main .top ul li:hover:before{content: '';width: 8px;height: 15px;background: url(../images/about-l.png)no-repeat;background-size: 100%;position: absolute;top: 5px;left: -10px;}
.section1-main .top ul li:hover:after{content: '';width: 8px;height: 15px;background: url(../images/about-r.png)no-repeat;background-size: 100%;position: absolute;bottom: 5px;right: -10px;}
.section1-main .top ul li.on:before{content: '';width: 8px;height: 15px;background: url(../images/about-l.png)no-repeat;background-size: 100%;position: absolute;top: 5px;left: -10px;}
.section1-main .top ul li.on:after{content: '';width: 8px;height: 15px;background: url(../images/about-r.png)no-repeat;background-size: 100%;position: absolute;bottom: 5px;right: -10px;}


.section1_lr .section1_l .tit,.section1_lr .section1_l h1,.section1_lr .section1_l h2,.section1_lr .section1_r,.index-tit,.section2_lr,.section4_l,.section4_r,.section6 dl,.section7 .ydyzx,.section8_lr .img,.section8_lr .section8_r{
    transition: all 0.5s;
    -webkit-transition: all 0.5s;
}

.active .section1_lr .section1_l .tit{
    position: relative;
    top: 0;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.5s;
}
.active .section1_lr .section1_l h1{
    position: relative;
    top: 0;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.5s;
}
.active .section1_lr .section1_l h2{
    position: relative;
    top: 0;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.5s;
}

.active .section1_lr .section1_r{
    position: relative;
    right: 0;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.5s;
}

.active .index-tit{
    position: relative;
    top: 0;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.5s;
    opacity: 1;
    z-index: 1;
}

.active .section2_lr{
    position: relative;
    bottom: 0;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.5s;
}
.active .section2_l{opacity:1;}
.active .section2_r{opacity:1;}

.active .section4_l{
    position: relative;
    left: 0;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.5s; 
}
.active .section4_r{
    position: relative;
    right: 0;
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.5s; 
}

.active .section6 dl:nth-child(1){
    transition-delay: 0.7s;
    -webkit-transition-delay: 0.7s;
}
.active .section6 dl:nth-child(2){
    transition-delay: 0.9s;
    -webkit-transition-delay: 0.9s;
}
.active .section6 dl:nth-child(3){
    transition-delay: 1.1s;
    -webkit-transition-delay: 1.1s;
}
.active .section6 dl:nth-child(4){
    transition-delay: 1.3s;
    -webkit-transition-delay: 1.3s;
}
.active .section6 dl:nth-child(5){
    transition-delay: 1.5s;
    -webkit-transition-delay: 1.5s;
}
.active .section6 dl{
    opacity: 1;
    position: relative;
    top: 0;

}

.active .section7 .ydyzx{
    opacity: 1;
    position: relative;
    right: 0;
}
/*.active .section8_lr .img{*/
/*    opacity: 1;*/
/*    position: relative;*/
/*    left: 0;*/
/*}*/

/*.active .section8_lr .section8_r{*/
/*    opacity: 1;*/
/*    position: relative;*/
/*    right: 0;*/
/*}*/
.section1_lr{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 180px;}
.section1_lr .section1_l .tit{font-size: 50px;text-transform: uppercase;color: #fff;font-weight: bold; animation: fadeInDown 0.5s forwards 0.5s;-webkit-animation: fadeInDown 0.5s forwards 0.5s;opacity: 0;position: relative;top: -30px;}
.section1_lr .section1_l .tit img{display: block;}
.section1_lr .section1_l h1{font-size: 60px;color: #fff;line-height: 1;padding-top: 15px;padding-bottom: 30px;margin-bottom: 44px;position: relative;opacity: 0;animation: fadeInDown 0.5s forwards 0.5s;-webkit-animation: fadeInDown 0.5s forwards 0.5s;top: -30px;}
.section1_lr .section1_l h1:after{content: '';display: block;width: 130px;height: 3px;background: #b47e40;position: absolute;left: 0;bottom: 0;}
.section1_lr .section1_l h2{font-size: 60px;color: #fff;line-height: 1; animation: fadeInUp 0.5s forwards 0.5s;-webkit-animation: fadeInUp 0.5s forwards 0.5s;opacity: 0;top: 30px;}

.section1_lr .section1_r{margin-right: 130px;position: relative;right: -50%;animation: fadeInRight 0.5s forwards 0.5s;-webkit-animation: fadeInRight 0.5s forwards 0.5s;opacity: 0;}
.section1_lr .section1_r .img{width: 352px;}
.section1_lr .section1_r .img img{width: 100%;display: block;}
.section1_lr .section1_r ul{position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
.section1_lr .section1_r ul li{display: inline-block;position: absolute;top: 0;left: 0;width: 130px;text-align: center;}
.section1_lr .section1_r ul li a{font-size: 22px;color: #fff;display: block;font-weight: bold;}
.section1_lr .section1_r ul li:nth-child(1){top: auto;bottom: -44px;left: 50%;margin-left: -65px;}
.section1_lr .section1_r ul li:nth-child(2){top: 73px;left: -130px;}
.section1_lr .section1_r ul li:nth-child(3){top: 0px;left: -85px;}
.section1_lr .section1_r ul li:nth-child(4){top: -50px;left: 40px;}
.section1_lr .section1_r ul li:nth-child(5){top: -50px;left: auto;right: 40px;}
.section1_lr .section1_r ul li:nth-child(6){top: 0px;left: auto;right: -85px;}
.section1_lr .section1_r ul li:nth-child(7){top: 73px;left: auto;right: -130px;}

.index-tit{position: relative;top: -50%;z-index: -1;opacity: 0;}
.index-tit h1{font-size: 56px;color: #515151;text-transform: uppercase;}
.index-tit h2{font-size: 30px;color: #515151;line-height: 40px;}
.index-tit .white{color: #fff;}
.section2_lr{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 75px;position: relative;bottom: -100%;}
.section2_l{width: 22.5%;opacity:0;}
.section2_l .img img{width: 100%;display: block;}
.section2_l .tit{font-size: 20px;color: #fff;background: #b67c3d;line-height: 50px;text-align: center;}
.section2_r{width: 72.8%;border: 1px solid #f1f1f1;box-sizing: border-box;position: relative;opacity:0;}
.section2_r span:nth-child(1){width: 10px;height: 10px;display: block;position: absolute;top: 0;left: 0;background: url(../images/jiao1.png)no-repeat;background-size: cover;}
.section2_r span:nth-child(2){width: 10px;height: 10px;display: block;position: absolute;top: 0;right: 0;background: url(../images/jiao2.png)no-repeat;background-size: cover;}
.section2_r span:nth-child(3){width: 10px;height: 10px;display: block;position: absolute;bottom: 0;left: 0;background: url(../images/jiao3.png)no-repeat;background-size: cover;}
.section2_r span:nth-child(4){width: 10px;height: 10px;display: block;position: absolute;bottom: 0;right: 0;background: url(../images/jiao4.png)no-repeat;background-size: cover;}
.section2_nr{display: flex;flex-wrap: wrap;height: 100%;}
.section2_r dl{width: 20%;border-right: 1px solid #f1f1f1;box-sizing: border-box;display: flex;flex-wrap: wrap; justify-content: center;align-items: center;align-content: center;}
.section2_r dl a{max-width: 100%;}
.section2_r dl:nth-child(5n){border-right: 0px solid #f1f1f1;}
.section2_r dl:nth-child(1),.section2_r dl:nth-child(2),.section2_r dl:nth-child(3),.section2_r dl:nth-child(4),.section2_r dl:nth-child(5){border-bottom: 1px solid #f1f1f1;}
.section2_r dl dt{width: 48%;height: 100px;margin: auto;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.section2_r dl dt img{max-width: 100%;max-height: 100%;}
.section2_r dl dt img:nth-child(2){display: none;}

.section2_r dl dd{font-size: 20px;color: #515151;line-height: 30px;width: 100%;text-align: center;margin-top: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.section2_r dl:hover {background: #b57d40;}
.section2_r dl:hover dt img:nth-child(1){display: none;}
.section2_r dl:hover dt img:nth-child(2){display: block;}
.section2_r dl:hover dd{color: #fff;}


.section3bg{background: #f5f5f5;}
.section3{border-top: 1px solid #b47e42;margin-top: 92px;position: relative;}
.section3 .img img{width: 100%;display: block;}
.section3 .tit{font-size: 20px;color: #515151;line-height: 30px;margin-top: 40px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.section3 .time{font-size: 16px;color: #515151;position: absolute;top: -70px;left: 50%;margin-left: -44px;}
.section3 .time:after{content: '';display: block;width: 12px;height: 12px;background: #b57d40;border: 6px solid #e7ddd1;border-radius: 50%;position: absolute;top: -42px;left: 50%;margin-left: -12px;z-index: 100;}
.section3 .swiper-container{padding-top: 120px;top: -20px;}
.section3 .swiper-button-prev{width: 20px;height: 34px;background: url(../images/indexl.png)no-repeat;left: 35px;}
.section3 .swiper-button-next{width: 20px;height: 34px;background: url(../images/indexr.png)no-repeat;right: 35px;}

.section4{display: flex;flex-wrap: wrap;justify-content: space-between;}
.section4_l{width: 57%;position: relative;left: -100%;}
.section4_l img{width: 100%;display: block;}
.section4_r{width: 42%;position: relative;right: -100%;}
.section4_r .img img{width: 100%;display: block;}
.section4_r .syjj{background: #f5f5f5;box-sizing: border-box;padding: 5.8% 9% 4.2%;}
.section4_r .syjj .tit{font-size: 30px;color: #b47d40;line-height: 1;margin-bottom: 25px;}
.section4_r .syjj .des{font-size: 16px;color: #333;line-height: 30px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}
.section4_r .syjj a{display: flex;justify-content: center;align-items: center; width: 112px;height: 36px;border: 1px solid #c6c6c6;margin-top: 50px;background:url(../images/index15.png)no-repeat center;}
.section4_r .syjj a:hover{border: 1px solid #b47d40;background:url(../images/indexn15.png)no-repeat center #b47d40;}

.section5bg{background: url(../images/index16.png)no-repeat center;background-size: cover;}

.section5{margin-top: 70px;position: relative;}


.section5 .swiper-container{width: 87%;margin: auto;}
.section5 .swiper-slide{width: 54%;}
.section5 .swiper-slide-prev .team_lr{flex-direction: row-reverse;}
.section5 .swiper-slide-prev .team_lr .team_r{display: none;}
.section5 .swiper-button-prev{width: 20px;height: 34px;background: url(../images/indexl.png)no-repeat;background-size: 100%;left: 0;}
.section5 .swiper-button-next{width: 20px;height: 34px;background: url(../images/indexr.png)no-repeat;background-size: 100%;right: 0;}
.team_lr{display: flex;flex-wrap: wrap;background: #b47d40;}
.team_lr .img{width: 50%;}
.team_lr .img img{width: 100%;display: block;}
.team_lr .team_r{width: 50%;box-sizing: border-box;padding: 5%;}
.team_lr .team_r h1{font-size: 40px;color: #fff;}
.team_lr .team_r .p1{display: flex;margin: 15px 0 35px;}
.team_lr .team_r .p1 span{font-size: 16px;color: #b47d40;line-height: 32px;padding: 0 12px;background: #fff;margin-right: 13px;}
.team_lr .team_r .p1 span:last-child{margin-right: 0;}
.team_lr .team_r .p2{font-size: 20px;color: #fff;line-height: 30px;margin-bottom: 10px;}
.team_lr .team_r .p3{font-size: 16px;color: #fff;line-height: 30px;display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 5;
overflow: hidden;}
.team_lr .team_r a{margin-top: 50px;display: block;}
.team_lr .team_r a img{display: block;}



.section6bg{background: #f5f5f5;}
.section6{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 75px;}
.section6 dl{width: 16.2%;    position: relative;top: 300px;opacity: 0;}
.section6 dl dt img{width: 100%;display: block;}
.section6 dl dd{background: #f5f5f5;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;padding-bottom: 1px;width:100%;}
.section6 dl dd .time{font-size: 14px;color: #515151;padding-top: 45px;}
.section6 dl dd .tit{font-size: 18px;color: #515151;line-height: 28px;margin: 15px 0 20px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.section6 dl dd .des{font-size: 14px;color: #888;line-height: 22px;margin-bottom: 5px;opacity: 0;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.section6 dl:hover dd{transform: translateY(-185px);}
.section6 dl:hover dd .tit{color: #b47c3f;}
.section6 dl:hover dd .des{opacity: 1;}


.section7bg{background: url(../images/index11.jpg)no-repeat center;background-size: cover;}
.section7{display: flex;flex-direction: row-reverse;}
.section7 .ydyzx{background: #fff;border-radius: 10px;width: 39.5%;box-sizing: border-box;padding:4% 5.2%;text-align: center;position: relative;right: -50%;opacity: 0;}
.section7 .ydyzx .p1{font-size: 36px;color: #515151;margin-bottom: 5px;}
.section7 .ydyzx .p2{font-size: 18px;color: #515151;}
.section7 .ydyzx .p2 span{color: #b37d3f;}
.section7 .ydyzx ul{margin-top: 70px;}
.section7 .ydyzx ul li{margin-bottom: 28px;}
.section7 .ydyzx ul li input{font-size: 18px;color: #c7c7c7;width: 100%;display: block;background: #f5f5f5;height: 70px;line-height: 70px;padding: 0 28px;box-sizing: border-box;border: 0;}
.section7 .ydyzx ul li input::-webkit-input-placeholder{color:#c7c7c7;}
.section7 .ydyzx ul li input.button{color: #fff;background: #b47b44;margin-top: 70px;}
.section7 .ydyzx .p3{font-size: 24px;color: #515151;}
.section7 .ydyzx .p3 span{color: #b37d3f;}

.section8{display: flex;flex-wrap: wrap;justify-content: space-between;}
.section8 ul{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 10px;}
.section8 ul li{width: 138px;height: 48px;line-height: 48px;text-align: center;border: 1px solid #c6c6c6;margin-left: 53px;}
.section8 ul li a{font-size: 16px;color: #515151;display: block;}
.section8 ul li:hover{border: 1px solid #b47c3f;background: #b47c3f;}
.section8 ul li:hover a{color: #fff;}

.section8_lr{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 75px;}
.section8_lr .img{width: 24%;    /*opacity: 0;position: relative;left: -50%;*/}
.section8_lr .img img{width: 100%;display: block;}
.section8_lr .section8_r{width: 68.8%;border-top: 1px solid #c7c7c7;/*opacity: 0;position: relative;right: -50%;*/}
.section8_lr .section8_r li{line-height: 32px;padding: 40px 0;border-bottom: 1px solid #c7c7c7;}
.section8_lr .section8_r li a{display: flex;justify-content: space-between;width: 100%;}
.section8_lr .section8_r li .tit{font-size: 16px;color: #333;width:80%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.section8_lr .section8_r li .time{font-size: 14px;color: #515151;padding-right: 6.8%;background: url(../images/index15.png)no-repeat right center;background-size: 20px;}

.section8_lr .section8_r li:hover{background:#b47c3f;}
.section8_lr .section8_r li:hover .tit{color:#fff;transform: translateX(10px);}
.section8_lr .section8_r li:hover .time{color:#fff;transform: translateX(-10px);background: url(../images/indexn15.png)no-repeat right center;}

.section9{height: auto!important;background: url(../images/index17.jpg)no-repeat center;background-size: cover;padding-top: 1px;}
.section9 .fp-tableCell{height: auto!important;}
.foot{display: flex;flex-wrap: wrap;justify-content: space-between;margin: 70px 0;}
.foot_l{width:400px;}
.foot_l .p1{margin-bottom: 40px;}
.foot_l .p1 img{display: block;max-width:100%;}
.foot_l .p2{font-size: 20px;color: #666565;line-height: 32px;background: url(../images/foot-tel.png)no-repeat left center;padding-left: 36px;}
.foot_l .p3{font-size: 40px;color: #fff;}
.foot_l .p4{font-size: 20px;color: #666565;line-height: 32px;margin: 15px 0;background: url(../images/foot-email.png)no-repeat left center;padding-left: 36px;}
.foot_l .p5{font-size: 20px;color: #666565;line-height: 32px;background: url(../images/foot-address.png)no-repeat left center;padding-left: 36px;}
.foot_m{display: flex;flex-wrap: wrap;justify-content: space-between;width: 48%;}
.foot_m dl dt{margin-bottom: 30px;}
.foot_m dl dt a{font-size: 20px;color: #fff;}
.foot_m dl dd{line-height: 33px;}
.foot_m dl dd a{font-size: 14px;color: #747474;}
.foot_r{width: 210px;margin-top: 32px;}
.foot_r img{width: 100%;display: block;}
.foot-bottom{font-size: 14px;color: #747474;border-top: 1px solid rgba(255, 255, 255, 0.1);line-height: 24px;text-align: center;padding: 34px 10px 25px;}
.foot-bottom a{font-size: 14px;color: #747474;}



header{position: absolute;top: 0;left: 0;width: 100%;z-index: 100;}
.banner-n img{width: 100%;display: block;}
.head{display: flex;flex-wrap: wrap;justify-content: space-between;padding-top: 40px;}
.head .logo img{display: block;}
.head .tel{height: 30px; font-size: 24px;color: #fff;font-weight: bold;padding-left: 35px;background: url(../images/tel.png)no-repeat left center;margin-top: 14px;}
.head ul{width: 58%;display: flex;flex-wrap: wrap;justify-content: space-between; margin-top: 14px;height: 32px;margin-left: 15%;}
.head ul li{position: relative;}
.head ul li a{font-size: 22px;color: #fff;display: block;font-weight: bold;line-height: 32px;}
.head ul li:hover:before{content: '';width: 8px;height: 15px;background: url(../images/about-l.png)no-repeat;background-size: 100%;position: absolute;top: 5px;left: -10px;}
.head ul li:hover:after{content: '';width: 8px;height: 15px;background: url(../images/about-r.png)no-repeat;background-size: 100%;position: absolute;bottom: 5px;right: -10px;}
.head ul li.on:before{content: '';width: 8px;height: 15px;background: url(../images/about-l.png)no-repeat;background-size: 100%;position: absolute;top: 5px;left: -10px;}
.head ul li.on:after{content: '';width: 8px;height: 15px;background: url(../images/about-r.png)no-repeat;background-size: 100%;position: absolute;bottom: 5px;right: -10px;}

.about-nav{display: flex;flex-wrap: wrap;justify-content: space-around; max-width: 1200px;margin: auto;background: #fff;box-shadow: 0 0 10px rgba(0, 0, 0, 0.13);padding: 20px 0 15px;position: relative;margin-top: -52px;}
.about-nav dl{box-sizing: border-box;display: flex;flex-wrap: wrap; justify-content: center;align-items: center;align-content: center;}
.about-nav dl dt{width: 100%;height: 50px;margin: auto;display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.about-nav dl dt img{max-width: 100%;max-height: 100%;}
.about-nav dl dt img:nth-child(2){display: none;}
.about-nav dl dd{font-size: 20px;color: #515151;line-height: 30px;width: 100%;text-align: center;margin-top: 10px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.about-nav dl:hover dt img:nth-child(1){display: none;}
.about-nav dl:hover dt img:nth-child(2){display: block;}
.about-nav dl:hover dd{color: #b47d40;}
.about-nav dl.on dt img:nth-child(1){display: none;}
.about-nav dl.on dt img:nth-child(2){display: block;}
.about-nav dl.on dd{color: #b47d40;}


.about-main{margin-bottom: 140px;}
.about-tit{font-size: 45px;color: #515151;line-height: 55px;padding: 95px 0 75px;text-align: center;}
.about1{display: flex;flex-wrap: wrap;justify-content: space-between;}
.about1_l{width: 46.5%;}
.about1_l img{width: 100%;display: block;}
.about1_r{width: 48.3%;}
.about1_r h1{font-size: 30px;color: #fff;background: url(../images/about6.png) no-repeat;background-size: 100%; width: 336px;height: 53px;line-height: 53px;box-sizing: border-box;padding-left: 20px;}
.about1_r .con{font-size: 16px;color: #333;line-height: 30px;margin-top: 50px;}
.about1_r .con .pbg{font-size: 20px;color: #fff;line-height: 30px;background: #b47d40;padding: 40px;margin-top: 35px;}

.about2{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 90px;}
.about2 dl{width: 48.5%;display: flex;flex-wrap: wrap;background: #b47d40;}
.about2 dl dt{width: 53%;overflow: hidden;}
.about2 dl dt img{display: block;width: 100%;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.about2 dl:hover dt img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
.about2 dl dd{width: 47%;box-sizing: border-box;padding: 3.7%;}
.about2 dl dd .tit{font-size: 24px;color: #fff;}
.about2 dl dd .des{font-size: 16px;color: #fff;line-height: 30px;margin-top: 25px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 5;overflow: hidden;}

.about3{}
.about3 dl{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 110px;align-items: center;align-content: center;}
.about3 dl dt{width: 38.5%;background: #b47d40;position: relative;height: 445px;}
.about3 dl dt img{width: 116%;display: block;position: absolute;top: -20px;left: 20px;}
.about3 dl dd{width: 47%;}
.about3 dl dd p{font-size: 18px;color: #333;line-height: 40px;padding-left: 60px; margin: 24px 0;position: relative;}
.about3 dl dd p:before{content: '';display: block;width: 9px;height: 9px;background: #b57d40;border: 4px solid #e7ddd1;border-radius: 50%;position: absolute;top: 11px;left: 28px;z-index: 100;}
.about3 dl dd p:hover{color: #fff;background: #b47d40;cursor: pointer;}
.about3 dl dd p:hover:before{background: #ffffff;}

.about3 dl:nth-child(2n){flex-direction: row-reverse;}
.about3 dl:nth-child(2n) dt img{width: 116%;display: block;position: absolute;top: -20px;right: 20px;left: auto;}
.about3 dl:nth-child(2n) dd p{padding-left: 0;padding-right: 60px;text-align: right;}
.about3 dl:nth-child(2n) dd p:before{left: auto;right: 28px;}

.about4{display: flex;flex-wrap: wrap;justify-content: space-between;}
.about4_l{width: 36%;}
.about4_l dl{display: flex;flex-wrap: wrap;border-bottom: 1px solid #c9c9c9;padding: 47px 0;}
.about4_l dl dt{width: 26%; display: flex;flex-wrap: wrap;justify-content: center;align-items: center;}
.about4_l dl dt img{margin-left: 10px;}
.about4_l dl dd{width:74%;}
.about4_l dl dd .p1{font-size: 24px;color: #333;line-height: 1;margin-bottom: 18px;}
.about4_l dl dd .p2{font-size: 20px;color: #666;line-height: 1;}
.about4_r{width: 60%;}
.about4_r img{width: 100%;display: block;}

.about5{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top:100px;}
.about5 dl{width: 47.4%;background: #f5f5f5;padding: 2.6%;box-sizing: border-box;border-left: 3px solid #b47d40;}
.about5 dl dt{font-size: 24px;color: #333;margin-bottom: 28px;}
.about5 dl dd .p1{font-size: 24px;color: #666;padding-left: 40px;background: url(../images/about13.png)no-repeat top 5px left;background-size: 20px;line-height: 34px;margin-bottom: 20px;}
.about5 dl dd .p2{font-size: 24px;color: #666;padding-left: 40px;background: url(../images/about12.png)no-repeat top 5px left;background-size: 20px;line-height: 34px;}

.about6{position: relative;}
.about6 .swiper-button-prev{width: 20px;height: 34px;background: url(../images/indexl.png)no-repeat;background-size: 100%;left: -50px;margin-top: -17px;}
.about6 .swiper-button-next{width: 20px;height: 34px;background: url(../images/indexr.png)no-repeat;background-size: 100%;right: -50px;margin-top: -17px;}
.about6_lr{display: flex;flex-wrap: wrap;justify-content: space-between;}
.about6_lr img{width: 100%;display: block;}
.about6_l{width: 49.8%;display: flex;flex-wrap: wrap;justify-content: space-between;}
.about6_l div{width: 49.65%;}
.about6_l div p{margin-bottom: 1.2%;}
.about6_r{width: 49.8%;}
.about6_r div{display: flex;flex-wrap: wrap;justify-content: space-between;margin-bottom: 0.6%;}
.about6_r div p{width: 49.65%;}

.ul-nav{display: flex;flex-wrap: wrap;margin-top: 60px;}
.ul-nav li{background: #f5f5f5;margin-right: 4.3%;margin-bottom: 30px;}
.ul-nav li:nth-child(6){margin-right: 0;}
.ul-nav li a{font-size: 20px;color: #515151;display: block;line-height: 56px;padding: 0 30px;}
.ul-nav li:hover{background:#b47d40;}
.ul-nav li:hover a{color:#fff;}
.ul-nav li.on{background:#b47d40;}
.ul-nav li.on a{color:#fff;}

.zyly_lr{display: flex;flex-wrap: wrap;justify-content: space-between;padding: 0 8%;}
.zyly_l{width: 35%;}
.zyly_l img{width: 100%;display: block;}
.zyly_r{width: 58.3%;font-size: 16px;line-height: 30px;color: #333;}
.zyly_r .ljzx{width: 186px;line-height: 50px;text-align: center;display: block;background: #b47d40;color: #fff;font-size: 24px;margin-top: 90px;}
.zyly_r .ckal{width: 186px;line-height: 50px;text-align: center;display: block;color: #b47d40;font-size: 20px;}


.case_list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 50px;}
.case_list dl{width: 48.5%;display: flex;flex-wrap: wrap;background: #f5f5f5;margin-bottom: 3%;}
.case_list dl dt{width: 37%;overflow: hidden;}
.case_list dl dt img{width: 100%;display: block;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.case_list dl:hover dt img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
.case_list dl dd{width: 63%;box-sizing: border-box;padding: 4.5%;}
.case_list dl dd .tit{font-size: 20px;color: #333;line-height: 30px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.case_list dl dd .des{font-size: 16px;color: #878f92;line-height: 26px;margin: 10px 0 28px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.case_list dl dd .time{font-size: 14px;color: #878f92;line-height: 24px;}


.show_lr{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 40px;}
.show_l{width: 71%;box-sizing: border-box;}
.show_l .bg{background: #f5f5f5;padding: 4.5%;}
.show_l .tit{font-size: 36px;color: #333;}
.show_l .time{font-size: 12px;color: #999;line-height: 22px;padding: 25px 0 20px;border-bottom: 1px solid #e0e0e0;margin-bottom: 35px;}
.show_l .con{font-size: 16px;color: #666;line-height: 30px;}
.show_l .con img{max-width: 100%;height: auto!important;}
.sxfy{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 30px;}
.sxfy li{width: 32.5%;background: #f5f5f5;line-height: 54px;display: flex;justify-content: center;align-items: center;}
.sxfy li a{font-size: 16px;color: #333;}
.sxfy li:nth-child(1) a{padding-left: 28px;background: url(../images/case12.png)no-repeat center left;}
.sxfy li:nth-child(2) a{padding-left: 28px;background: url(../images/case14.png)no-repeat center left;}
.sxfy li:nth-child(3) a{padding-right: 28px;background: url(../images/case13.png)no-repeat center right;}
.sxfy li:hover a{color: #b47d40;}
.sxfy li:nth-child(1):hover a{background: url(../images/casen12.png)no-repeat center left;}
.sxfy li:nth-child(2):hover a{background: url(../images/casen14.png)no-repeat center left;}
.sxfy li:nth-child(3):hover a{background: url(../images/casen13.png)no-repeat center right;}
.show_r{width: 25.6%;box-sizing: border-box;}
.show_r .bg{background: #f5f5f5;padding: 6.5%;}
.show_r h1{font-size: 30px;color: #333;margin-bottom: 20px;line-height: 40px;}
.show_r ul li{border-top: 1px solid #f1f1f1;padding: 20px 0;}
.show_r ul li .tit{font-size: 18px;color: #333;line-height: 28px;margin-bottom: 6px;}
.show_r ul li .time{font-size: 14px;color: #999;line-height: 24px;}

.team_list{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 95px;}
.team_list dl{width: 48.5%;display: flex;flex-wrap: wrap;margin-bottom: 3%;}
.team_list dl dt{width: 42.8%;overflow: hidden;}
.team_list dl dt img{width: 100%;display: block;transition: all 0.6s; -moz-transition: all 0.6s; -webkit-transition: all 0.6s;}
.team_list dl:hover dt img{transform:scale(1.1);-webkit-transform:scale(1.1);-moz-transform:scale(1.1);-ms-transform:scale(1.1);}
.team_list dl dd{width: 57.2%;box-sizing: border-box;padding: 7%;border: 1px solid #a7a7a7;}
.team_list dl dd .tit{font-size: 24px;color: #333;line-height: 30px;}
.team_list dl dd .tit span{font-size: 16px;color: #333;line-height: 30px;margin-left: 45px;background: url(../images/case15.png)no-repeat center left;padding-left: 18px;}
.team_list dl dd .js{display: flex;margin: 15px 0 0;}
.team_list dl dd .js span{font-size: 14px;color: #fff;line-height: 24px;padding: 0 10px;background: #b47d40;margin-right: 10px;}
.team_list dl dd .js span:last-child{margin-right: 0;}
.team_list dl dd .des{font-size: 16px;color: #666;line-height: 30px;margin-top: 25px;padding-top: 25px; border-top: 1px solid #eaeaea; display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 6;overflow: hidden;}

.team_list dl:hover{background: #b47d40;}
.team_list dl:hover dd{border: 1px solid #b47d40;}
.team_list dl:hover dd .tit{color: #fff;}
.team_list dl:hover dd .tit span{color: #fff;background: url(../images/casen15.png)no-repeat center left;}
.team_list dl:hover dd .js span{color: #b47d40;background: #fff;}
.team_list dl:hover dd .des{color: #fff;}

.teamshow{display: flex;flex-wrap: wrap;justify-content: space-between;margin-top: 95px;}
.teamshow_l{width: 33.8%;}
.teamshow_l .img img{width: 100%;display: block;}
.teamshow_l .ljzx{width: 186px;line-height: 50px;text-align: center;display: block;background: #b47d40;color: #fff;font-size: 24px;margin: 45px auto 0;}
.teamshow_r{width: 61.2%;}
.teamshow_r .tit{font-size: 24px;color: #333;line-height: 30px;}
.teamshow_r .tit span{font-size: 16px;color: #333;line-height: 30px;margin-left: 45px;background: url(../images/case15.png)no-repeat center left;padding-left: 18px;}
.teamshow_r .js{display: flex;margin: 15px 0 0;}
.teamshow_r .js span{font-size: 14px;color: #fff;line-height: 24px;padding: 0 10px;background: #b47d40;margin-right: 10px;}
.teamshow_r .js span:last-child{margin-right: 0;}
.teamshow_r .des{font-size: 16px;color: #666;line-height: 30px;margin-top: 25px;padding-top: 25px; border-top: 1px solid #eaeaea;}
.teamshow_r .qyry{background: #f5f5f5;font-size: 16px;color: #666;line-height: 30px;margin-top: 40px;padding: 3%;}
.teamshow_r .qyry h1{font-size: 24px;color: #b47d40;margin-bottom: 15px;}

.contact{}
.contact .img{text-align: center;padding-top: 80px;position:relative;}
.contact .img img{max-width: 100%;}

.dzbd .dd{font-size:18px;color:#b47d40;line-height:30px;width:40px;background:url(../images/dd.gif)no-repeat left center;background-size: 30px;padding-left: 25px;position:absolute;top:0;left:0;display:none;}
.dzbd .dd:nth-child(1){top: 59%;left: 71%;}
.dzbd .dd:nth-child(2){top: 62%;left: 70%;}
.dzbd .dd:nth-child(3){top: 62%;left: 70%;}
.dzbd .dd:nth-child(4){top: 63%;left: 70%;}

.dz_nav{display:flex;flex-wrap:wrap;box-sizing:box-sizing;padding:0 5%;}
.dz_nav li{width:10%;text-align:center;}
.dz_nav li a{font-size:16px;padding-bottom:5px;}
.dz_nav li:hover a{color:#b47d40;border-bottom:1px solid #b47d40;}
.dz_nav li.on a{color:#b47d40;border-bottom:1px solid #b47d40;}

.dz_list{display:none;}
.contact-xq{border: 1px solid #c7c8c8;padding: 100px 0;margin: 140px 0;}
.contact-xq .tb{width: 100px;margin:125px auto 30px;}
.contact-xq .tb img{width: 100%;display:block;}

.contact-xq h1{border-top: 1px solid #a1a1a1;width: 74%;margin: 0px auto 125px;font-size: 30px;color: #333;line-height: 40px; display: flex;justify-content: center;}
.contact-xq h1 span{background: #fff;position: relative;margin-top: -20px;padding: 0 10px;}
.con-dl{display: flex;flex-wrap: wrap;justify-content: space-between;box-sizing: border-box;padding: 0 5%;}
.con-dl dl{width: 33.33%;}
.con-dl dl dt{width: 175px;height: 175px;border: 1px solid #b47d40;display: flex;justify-content: center;align-items: center;margin: auto;}
.con-dl dl dd{font-size: 24px;color: #333;text-align: center;line-height: 34px;padding: 25px 10px;}






.pages{display: flex;flex-wrap: wrap;justify-content: center;margin: 30px 0;}
.pages li{margin: 0px;padding: 8px 14px;    border: 1px #cccccc solid;font-size: 14px;}
.pages li.active{background: #b47d40;border: 1px solid #b47d40;color: #fff;}
.pages li.active a{color: #fff;}
.pages li.sxy a{font-family: 宋体;font-weight: bold;color: #b47d40;}



.menu{display: none;}
.nav_bg{display: none;}












/*
@-webkit-keyframes fadeInDown {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,-100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes fadeInDown {
    0% {
        opacity: 0;
        transform: translate3d(0,-100%,0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes fadeInUp {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(0,100%,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes fadeInUp {
    0% {
        opacity: 0;
        transform: translate3d(0,100%,0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

@-webkit-keyframes fadeInRight {
    0% {
        opacity: 0;
        -webkit-transform: translate3d(50%,0,0);
    }

    100% {
        opacity: 1;
        -webkit-transform: none;
    }
}

@keyframes fadeInRight {
    0% {
        opacity: 0;
        transform: translate3d(50%,0,0)
    }

    100% {
        opacity: 1;
        transform: none
    }
}

*/