.banner{position: relative;}
.banner img{height: 100%;}
.bantxt{position: absolute;top: 50%;left: 0;text-align: center;    width: 100%;}
.bantxt h6{font-size: 30px;color: #fff;margin-bottom: 1rem;}
.bantxt p{font-size: 12px;color: #fff;text-transform: uppercase;}
.mainnav{    text-align: center;
    background: #eeeeee;
    padding: 20px 0;}
.mainnav li{display: inline-block;margin:0 5px;}
.mainnav a{color: #333333;font-size: 14px;transition: all ease .6s;display: block;background: #cccccc;padding:10px 30px;}
.mainnav li:hover a,.mainnav li.on a{background: #f2b767;}
.maintit{text-align: center;padding: 5rem 0 3rem;}
.maintit h6{color: #333333;font-size: 30px;margin-bottom: 10px;}
.maintit p{color: #bbbbbb;font-size: 12px;text-transform: uppercase;}
.joincon{text-align: center;font-size: 16px;color: #666666;line-height: 2;}
.joinbot ul{overflow: hidden;}
.joinbot li{text-align: center;    width: 33.3333%;
    float: left;margin-bottom: 3rem;}
.joinbot li img{width: 76px;height: 76px;transition: all .6s;}
.joinbot li:hover img{transform: rotateY(180deg);}
.joinbot li h6{font-size:18px; ;color: #bb8859;    margin-top: 10px;}
.joinbot li em{width: 44px;
    height: 2px;
    background: #bb8859;
    display: block;
    margin: 12px auto 16px;}
.joinbot li p{color: #666;font-size: 16px;}
.joinbot h5{background: #f2b767;
    width: 100%;
    line-height: 110px;
    text-align: center;
    font-weight: bold;
    font-size: 28px;
    margin-bottom: 6rem;}

.dzcon ul{overflow: hidden;display: flex;    padding: 5rem 0 8rem;}
.dzcon li{text-align: center;float: left;width: 20%;}
.dzcon .dztit{position: relative;display: inline-block;}
.dzcon .dztit i{position: absolute;
    left: -16px;
    font-style: italic;
    z-index: 1;
    font-size: 100px;
    color: #000000;
    font-weight: bold;
    display: block;
    width: 120px;
    height: 120px;
    line-height: 120px;
    text-align: center;}
.dzcon .dztit h5{font-size: 20px;color: #333;background: rgba(242, 185, 105, 0.95);width: 120px;height: 120px;line-height: 120px;border-radius: 50%;text-align: center;font-weight: bold;font-size: 28px;position: relative;z-index: 2;box-shadow: 0px 0px 0px rgba(175, 175, 175, 1);transition: all ease .6s;}
.dzcon li:hover .dztit h5{box-shadow: 0px 5px 10px rgba(175, 175, 175, 1);background: #f2b969;}
.dzcon .poin{position: relative;border-bottom: 1px solid #e1e1e1;padding-bottom: 10px;margin: 2rem 0;}
.dzcon .poin em{
    position: absolute;
    bottom: -8px;
    left: 50%;
    display: block;
    width: 10px;
    height: 10px;
    margin-left: -8px;
    background: #373737;
    border-radius: 50%;
    border: 3px solid #d1d1d1;
}
.dzcon .dzshow p{line-height: 2;    font-size: 16px;}


.abouttop{overflow: hidden;    padding: 5rem 0;border-bottom: 1px solid #eeeeee;}
.abouttop .abtl{float: left;width: 50%;}
.abouttop .abtl img{width: 100%;}
.abouttop .abtr{float: right;
    width: 50%;
    padding: 5% 0 0 4%;
    box-sizing: border-box;}
.abouttop .abtr h6{color: #4c4c4c;font-size: 26px;margin-bottom: 2rem;}
.aboutbot{overflow: hidden;padding: 5rem 0;}
.aboutbot .abbl{width: 70%;float: left;padding: 5% 5% 0 0;    box-sizing: border-box;}
.aboutbot .abbr{width: 30%;float: right;}

.proson{overflow: hidden;padding:5rem 0;}
.proson li{width: 49%;margin-right: 2%;float: left;margin-bottom: 2rem;}
.proson li:nth-child(2n){margin-right: 0;}
.proson li .propic{position: relative;}
.proson li .propic .protop{    
    transition: all ease .6s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .7);
    text-align: center;
    padding-top: 20%;
    box-sizing: border-box;
    transform:scale(0);
}
.proson li .propic .protop h6{color: #f2b767;font-size: 18px;}
.proson li .propic .protop em{display: block;margin: 2rem auto;width: 1px;height: 40px;background: #f2b767;}
.proson li .propic .protop p{    
    background: #f2b767;
    color: #fff;
    width: 34px;
    height: 36px;
    line-height: 34px;
    display: block;
    margin: 0 auto;
    font-size: 22px;
}
.proson li .prostit{background: #222222;padding:1.5rem;box-sizing: border-box;}
.proson li .prostit h6{font-size: 16px;color: #fff;}
.proson li .prostit h6 span{float: right;color: #f2b767;font-size: 12px;border:1px solid #f2b767;    padding: 4px 20px;transition: all ease .6s;}
.proson li:hover .prostit h6 span{background: #f2b767;color: #222222;}
.proson li:hover .propic .protop{transform:scale(1);}

.caseson{overflow: hidden;padding:5rem 0;}
.casepic{position: relative;}
.casetop{
    transition: all ease .6s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(242, 183, 103, .7);
    text-align: center;
    padding-top: 30%;
    box-sizing: border-box;
    transform:scale(0);
}
.casetop p{
    background: #fff;
    color: #222;
    width: 34px;
    height: 36px;
    line-height: 34px;
    display: block;
    margin: 0 auto;
    font-size: 22px;
}
.caseson li{width: 23.5%;margin-right: 2%;float: left;margin-bottom: 2rem;}
.caseson li:nth-child(4n){margin-right: 0;}
.caseson .casetit h6{color: #333333;font-size: 16px;text-align: center;line-height: 3;}
.caseson li:hover .casetop{transform:scale(1);}

.storeson{overflow: hidden;padding:5rem 0;}
.storeson li{width: 32%;margin-right: 2%;float: left;margin-bottom: 2rem;}
.storeson li:nth-child(3n){margin-right: 0;}
.storeson li .storepic{position: relative;}
.storetop{
    transition: all ease .6s;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    padding: 10%;
    box-sizing: border-box;
    transform:scale(0);
}
.storetop h6{color: #f2b767;font-size: 18px;border-bottom: 1px solid #f2b767;    line-height: 3;    margin-bottom: 1rem;}
.storetop p{color: #cccccc;font-size: 14px;line-height: 2;}
.storeson li:hover .storetop{transform:scale(1);}


.newsson{overflow: hidden;padding: 7rem 0;}
.newsson li{overflow: hidden;    padding: 1.5rem;background: #f3f3f3;margin-bottom: 2rem;}
.newsson li .newscl{width: 18%;float: left;margin-right:2%;}
.newsson li .newscr{width: 80%;float: left;    box-sizing: border-box;}
.newsson li .newscr h6{color: #333;font-size: 16px;font-weight: bold;    margin: 1rem 0;transition: 0.6s ease-in-out;}
.newsson li .newscr p{color: #8c8c8c;font-size: 14px;}
.newsson li .newscr .newmore{transition: 0.6s ease-in-out;}
.newsson li .newscr .newscon{margin-bottom: 1.6rem;}
.newsson li:hover .newscr h6{color: #a45e00;}
.newsson li:hover .newscl img{transform: scale(1.1);}
.newsson li:hover .newscr .newmore{transform: translateX(10px);color: #333;}


.contactson{overflow: hidden;padding:7rem 0;}
.contactl{width: 29%;margin-right: 5%;float: left;border-right: 1px solid #dddddd;}
.contactr{width: 65%;float: left;height: 400px;}
.contactl li{overflow: hidden;margin-bottom: 3.5rem;}
.contactl li:last-child{margin-bottom: 0;}
.contll{width: 36px;float: left;margin-right: 30px;}
.contlr{width: calc(100% - 70px);float: left;}
.contlr h6{color: #222;font-size: 18px;font-weight: bold;    margin-bottom: .8rem;}
.contlr p{color: #666666;font-size: 14px;}
#allmap{width: 100%;height: 100%;overflow: hidden;margin:0;}
#allmap img { width: auto; max-width: initial;}
#allmap *{box-sizing: initial;max-width: initial;}



@media(max-width:1024px){
.abouttop .abtl,.abouttop .abtr,.aboutbot .abbl,.aboutbot .abbr,.dzcon li,.proson li,.caseson li,.storeson,.storeson li,.joincon img,.newsson li .newscl,.newsson li .newscr,.contactl,.contactr{width: 100%;}
.abouttop,.aboutbot,.proson,.caseson,.newsson,.contactson{padding: 2rem 0;}
.imgbox{max-width: 100%;}
.aboutbot .abbr img{width: 100%;}
.abouttop .abtr h6{font-size: 20px;    line-height: 1.8;margin-bottom: 1rem;}
.aboutbot .abbl,.abouttop .abtr{padding:0;}
.dzcon ul{display: block;}
.dzcon li{margin-bottom: 40px;}
.dzcon .poin{    margin: 1rem 0;}
.mainnav li{width: 44%;margin-bottom: 4px;}
.proson li,.caseson li,.storeson li{margin-right: 0;}
.joinbot h5{    font-size: 18px;    padding: 20px 10%;    line-height: 34px;    margin-bottom: 2rem;box-sizing: border-box;}
.maintit{padding: 2rem 0 1rem;}
.newsson li .newscr .newscon{display: none;}
.newsson li{    padding: 10px;}
.newsson li .newscr{ padding: 10px;}
.newsson li .newscr h6{line-height: 1.6;margin: 10px 0;}
.contlr h6{    font-size: 16px;    margin-bottom: 8px;}
.contactl li{    margin-bottom: 20px;}
.contll{    margin-right: 20px;}
.contactl{margin-bottom: 40px;margin-right: 0;}
.contactr{height: 300px;}

.banner{    height: 240px;
    display: flex;
    align-items: center;
    justify-content: center;}

.maintit h6{font-size:22px;margin-bottom: 4px;}
.joincon p{padding: 0 10px!important;
    text-align: left!important;
    text-indent: 2em;}
.joinbot li h6{font-size:16px;}
.joinbot li p{font-size:14px;}

}



.news_show{margin:20px 0;}
.news_show h1{font-size:24px;margin:0;font-weight:300;color:#333;margin:0 0 15px 0;line-height:34px;text-align:center;}
.news_show aside{margin-bottom:30px;color:#999;font-size:12px;border-left:2px solid #2A95E5;line-height:40px;padding-left:20px;background:#F4FAFF;}
.news_show img{max-width:100%;margin:0 auto 20px;}
.news_show p{margin-bottom:15px;color:#666;}
.news_show .intro a{color:#06C;}
.news_show .intro a:hover{color:#f30;}
.news_show .intro img{max-width:100%;height:auto;}
.news_show .other{margin-top:30px;text-align:center;}
.news_show .other p{font-weight:bold;}
.news_show .other a{display:inline-block;margin:0 10px;cursor:pointer;background:#fff;border-radius:4px;border:1px solid #ddd;padding:6px 20px;min-width:100px;}
.news_show .other a span{font-size:18px;margin-right:10px;}
.news_show .other a em{font-style:normal;font-size:18px;}
.news_show .other a:hover{background:#2A95E5;border-color:#2A95E5;color:#fff;}
.news_show .other a:hover span{color:#fff;}
.news_show .tags{font-weight:500;}
.news_show .tags a{margin-left:15px;display:inline-block;border-radius:4px;border:1px solid #ddd;background:#fff;padding:4px 10px;font-weight:normal;font-size:14px;}
.news_show .tags a:hover{background:#2A95E5;color:#fff;border-color:#2A95E5;}