@charset "utf-8";
/***公共样式****/
body, div, span, h1, h2, h3, h4, h5, h6, p, em, img, strong, b, small, u, i, center, dl, dt, dd, ol, ul, li, sub, sup, tt, var, del, dfn, ins, kbd, q, s, samp, strike, applet, object, iframe, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, blockquote, pre, a, abbr, acronym, address, big, cite, code, mark, audio, video, textarea, select { margin: 0; padding: 0; -webkit-appearance: none; outline: none }

ol, ul { list-style: none; }

html { overflow-x: hidden; -webkit-text-size-adjust: none; }

body { font-size: 14px; font-family: "exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; color: #666; line-height: 1.6; letter-spacing: 1px; }


img { display: inline-block; max-width: 100%; max-height: 100%; border: none }



/*a 链接*/
a { text-decoration: none; outline: none; color: #333; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
a:hover { color: #b39b77; }

/*居中*/
.juzhong { display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.juzhong2 { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; }

/*浮动*/
.fl { float: left; display: inline }
.fr { float: right; display: inline }
.clear { clear: both }
.clearfix { *zoom: 1; }
.clearfix:after { clear: both; display: block; height: 0; visibility: hidden; line-height: 0; content: '\20'; }

/* HTML5 重置为较旧版本的浏览器 */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }

/* 按钮样式 */
input[type="text"], input[type="button"], button, textarea, select { font-size: 100%; outline: none; resize: none; font-family: "exo_2.0light","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; }
input[type="button"] { cursor: pointer; border: 0 }
input[type="submit"] { cursor: pointer; border: 0 }
input[type="reset"] { cursor: pointer; border: 0 }


/*删除火狐下按钮默认样式*/
input[type="reset"]::-moz-focus-inner,
input[type="button"]::-moz-focus-inner,
input[type="submit"]::-moz-focus-inner,
input[type="file"] > input[type="button"]::-moz-focus-inner { border: none; padding: 0; -webkit-appearance: none; }

::-moz-scrollbar { width: 5px; height: 5px; background-color: #bcaf94; }
/*定义滚动条轨道 内阴影+圆角*/
::-moz-scrollbar-track { border-radius: 0px; background: #f5f5f5; }
/*定义滑块 内阴影+圆角*/
::-moz-scrollbar-thumb { border-radius: 0px; background-color: #bcaf94; }
::-ms-scrollbar { width: 5px; height: 5px; background-color: #F5F5F5; }
/*定义滚动条轨道 内阴影+圆角*/
::-ms-scrollbar-track { border-radius: 0px; background: #000; }
/*定义滑块 内阴影+圆角*/
::-ms-scrollbar-thumb { border-radius: 0px; background-color: #bcaf94; }
::-webkit-scrollbar { width: 5px; height: 5px; background-color: #ccc; }
/*定义滚动条轨道 内阴影+圆
角*/ ::-webkit-scrollbar-track { border-radius: 0px; background: #ccc; }
/*定义滑块 内阴影+圆角*/
::-webkit-scrollbar-thumb { border-radius: 0px; background-color: #bcaf94; }



@font-face { font-family: 'englishwz'; src: url("../fonts/tt0156m.ttf"); }
/**@font-face { font-family: 'syst'; src: url("../fonts/xiti.OTF"); }**/
#pageloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; overflow: hidden; z-index: 999999999999; background: #000 }
#pageloader::after, #pageloader::before { content: ""; display: block; position: absolute; left: 0; width: 100%; height: 50%; background: #f9f6f1; z-index: -1; -webkit-transition: all 1.2s cubic-bezier(.77,0,.175,1) 0s; transition: all 1.2s cubic-bezier(.77,0,.175,1) 0s }
#pageloader::before { top: 0 }
#pageloader::after { bottom: 0 }
#pageloader .loader-icon { -webkit-transition: all .5s ease 0s; transition: all .5s ease 0s; }

#pageloader.hide::after, #pageloader.hide::before { height: 0 }
#pageloader.hide { visibility: hidden }
#pageloader.hide .loader-icon { opacity: 0 }

.loader-icon { position: absolute; top: 50%; left: 50%; width: 30px; height: 30px; margin-top: -15px; margin-left: -15px }
.loader-icon .circular { width: 100%; height: 100%; -webkit-animation: rotate 2s linear infinite; animation: rotate 2s linear infinite; -webkit-transform-origin: center center; -ms-transform-origin: center center; transform-origin: center center }
.loader-icon .circular .path { stroke-dasharray: 1,200; stroke-dashoffset: 0; -webkit-animation: dash 1.5s ease-in-out infinite; animation: dash 1.5s ease-in-out infinite; stroke-linecap: round }

@-webkit-keyframes rotate {
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}

@keyframes rotate {
    100% { -webkit-transform: rotate(360deg); transform: rotate(360deg) }
}

@-webkit-keyframes dash {
    0% { stroke-dasharray: 1,200; stroke-dashoffset: 0 }
    50% { stroke-dasharray: 89,200; stroke-dashoffset: -35px }
    100% { stroke-dasharray: 89,200; stroke-dashoffset: -124px }
}

@keyframes dash {
    0% { stroke-dasharray: 1,200; stroke-dashoffset: 0 }
    50% { stroke-dasharray: 89,200; stroke-dashoffset: -35px }
    100% { stroke-dasharray: 89,200; stroke-dashoffset: -124px }
}



.banner { position: relative }
.banner .swiper-container { width: 100%;margin-left: auto; margin-right: auto; }
.banner .swiper-slide { text-align: center; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; }
.banner .swiper-slide { background-repeat: no-repeat; background-position: center; background-size: cover; background-color:#fff }
.banner .swiper-button-next, .banner .swiper-button-prev { width: 60px; height: 60px; -webkit-transition: all .4s ease; transition: all .4s ease; border-radius: 100% }
.banner .swiper-button-next { background: url(../images/bannerbtn_05.png) no-repeat center center; right: 5% }
.banner .swiper-button-prev { background: url(../images/bannerbtn_03.png) no-repeat center center; left: 5% }
.banner .swiper-button-next:hover, .banner .swiper-button-prev:hover { background-color: #fff; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }


.banner .swiper-slide p { font-family: 'englishwz',microsoft yahei; font-size: 60px; color: #FFF; text-transform: uppercase; letter-spacing: 50px; text-align: center; text-indent: 50px; }

.banner .swiper-pagination { width: 60px; right: 5%; text-align: right }
.banner .swiper-pagination-bullet { background: #FFF; opacity: 1; width: 6px; height: 6px; display: block; position: relative; margin: 15px auto; }
.banner .swiper-pagination-bullet-active:before { content: ""; width: 12px; height: 12px; border: 1px solid #fff; position: absolute; left: -4px; top: -4px; border-radius: 100% }


.desktop-scroll-tip { position: absolute; bottom: 0; left: 50%; z-index: 99; text-align: center; width: 16px; margin-left: -8px; }
.desktop-scroll-tip .icon { width: 12px; height: 24px; border: 2px solid #fff; border-radius: 8px; margin-bottom: 10px; }
.desktop-scroll-tip .icon:before { content: ''; position: absolute; top: 4px; left: 50%; margin-left: -2px; width: 4px; height: 4px; border-radius: 100%; background: #fff; -webkit-animation: scroll_tip_icon 1.6s linear infinite; animation: scroll_tip_icon 1.6s linear infinite }
.desktop-scroll-tip .line { width: 2px; height: 30px; background: #fff; margin: 0 auto }


@-webkit-keyframes scroll_tip_icon {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    50% { -webkit-transform: translateY(4px); transform: translateY(4px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}

@keyframes scroll_tip_icon {
    0% { -webkit-transform: translateY(0); transform: translateY(0) }
    50% { -webkit-transform: translateY(4px); transform: translateY(4px) }
    100% { -webkit-transform: translateY(0); transform: translateY(0) }
}

.header { position: fixed; top: 0; left: 0; width: calc(100% - 60px); height: 90px; z-index: 9999999; padding: 0px 30px; -webkit-transition: all .4s ease; transition: all .4s ease; }
.meiyong { width: 100%; }
.logo { float: left; width:18%; }
.logo a { background-image: url(../images/logo.png); background-repeat: no-repeat; background-position: center center; background-position: 0px 0px; display: inline-block; background-size: auto 100%; height: 30px; margin-top: 15px; }
.logo a img { display: block }

.nav { width: 80%; float: right; text-align: right;display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center; }
.rexian{color:#fff;display:flex;flex-direction:row;justify-content:flex-end;align-content:center;align-items:center; margin-left:20px; }
.rexian span{font-family: 'englishwz'; font-size:24px;}
.nav li > a { color: #fff; display: block; padding: 0px 15px; }
.nav li { display: inline-block; line-height: 60px; position: relative; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.nav li:hover { background: #fff; }
.nav li:hover > a { color: #b39b77 }
.nav li .navdown { position: absolute; background-color: #fff; width: 140px; box-shadow: 0 8px 16px rgba(0,0,0,.1); overflow: hidden; display: none; }

.nav li .navdown a { width: 100%; text-align: center; -webkit-transition: all .4s cubic-bezier(1,0,0,1); transition: all .4s cubic-bezier(1,0,0,1); }
.nav li .navdown a { display: block; padding:3px 0px; line-height: 30px; color: #999; }
.nav li .navdown a:hover { background-color: #b39b77; color: #fff }

.bianhua .nav li:hover { background: #b39b77; }
.bianhua .nav li:hover > a { color: #fff; }

.bianhua .header { height: 60px; background: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); }
.bianhua .header a { color: #333 }
.bianhua .header .logo a { background-image: url(../images/logo2.png); }
.bianhua .header.nytop .logo a { background: none }
.bianhua .header .rexian{color:#b39b77}



.nytop .nav li.cur>a{ color:#b39b77;}

.nytop { height: 150px; background: #FFF }
.nytop .nav li > a { color: #333; }
.nytop .nav li:hover { background: #b39b77; }
.nytop .nav li:hover > a { color: #fff; }


.pronav { padding-top: 40px; }
.pronav li { width: 16.6%; float: left; text-align: center; background: url(../images/dd.jpg) no-repeat left center; margin-bottom: 40px; }
.pronav li div { max-width: 60%; margin: 0 auto; background: #f3f3f3; border-radius: 100%; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }
.pronav li div img { display: block; }
.pronav li a { display: block; }
.pronav li p { margin-top: 10px; }
.pronav li:hover div { opacity: 0.6 }




.huise01 { background: #f1f0ee }
.huise02 { background: #ece8e4 }
.huise03 { background: #f9f5f1 }


.sypro li { width: 25%; float: left; position: relative; }
.sypro li img { display: block; max-width: 100% }
.pdx { width: 100%; height: 100%; position: absolute; left: 0px; top: 0px; }
.shux { color: #333 }
.shux p { font-family: 'englishwz',microsoft yahei; font-size: 18px; text-transform: uppercase }
.shux h3 { font-weight: normal; position: relative; padding-bottom: 5px; margin-bottom: 5px; }
.shux h3:before { content: ""; background: #929190; height: 1px; width: 40px; position: absolute; left: 0px; bottom: 0px; transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }
.shux span { display: inline-block; font-size: 11px; text-transform: uppercase; font-family: 'englishwz',microsoft yahei; background: url(../images/xjs.png) no-repeat right center; padding-right: 10px; background-size: auto 7px; }
.protupian { transition: all 0.5s ease; -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; }

.huise01.cur a, .huise02.cur a, .huise03.cur a { color: #b39b77; }
.sypro li:hover a { color: #b39b77; }
.sypro li:hover .shux h3:before { background: #b39b77; }
.sypro li:hover .shux span { background: url(../images/xjs2.png) no-repeat right center; background-size: auto 7px; }

.huise01 .protupian.cur { -webkit-transform: scale(0.9); -ms-transform: scale(0.95); transform: scale(0.95); opacity: 0.7 }
.huise02 .protupian.cur { -webkit-transform: scale(0.9); -ms-transform: scale(0.95); transform: scale(0.95); opacity: 0.7 }
.huise03 .protupian.cur { -webkit-transform: scale(0.9); -ms-transform: scale(0.95); transform: scale(0.95); opacity: 0.7 }
.protupian .ptxsx { -webkit-transition: all .4s ease; transition: all .4s ease; background: #FFF; width: calc(100% - 20px); height: calc(100% - 20px); position: absolute; left: 10px; bottom: 10px; background-color: rgba(255,255,255,0); }
.protupian .ptxsx .shux { opacity: 0; filter: alpha(opacity=0); -webkit-transition: all .4s ease; transition: all .4s ease; }
.protupian:hover .ptxsx { top: 10px; bottom: 10px; background-color: rgba(255,255,255,0.6); }
.protupian:hover .ptxsx .shux { opacity: 1; filter: alpha(opacity=100) }


.sycase .swiper-pagination { width: 100%; right: 0%; bottom: 80px; }
.sycase .swiper-pagination-bullet { background: #FFF; opacity: 1; width: 6px; height: 6px; position: relative; margin: 0px 10px; }
.sycase .swiper-pagination-bullet-active:before { content: ""; width: 12px; height: 12px; border: 1px solid #fff; position: absolute; left: -4px; top: -4px; border-radius: 100% }

.baokuan {  box-shadow: 0px 0px 15px rgba(0,0,0,0.2); max-width: 1000px; margin: 0 auto; margin-top: -50px; position: relative; z-index: 9; padding: 15px 0px; background-image: linear-gradient(to right, #376e46 , #91924e); }
.baobox{display:flex;flex-direction:row;justify-content:space-between;align-content:center;align-items:center;}
.baoleft { text-align: center; width:30%; float: left; line-height: 1.2;  }
.baoleft p { font-family: 'englishwz',microsoft yahei; font-size:28px; text-transform: uppercase; color: #fff }
.baoleft span { font-size: 24px; color: #fff }
.baoleft em { width: 60px; height: 4px; background-color: #333333; display: block; margin-bottom: 10px; display: none }

.baoright { width:70%; float: right; }
.baoright li { width: 25%; float: left; text-align: center; padding-top: 10px; cursor: pointer }
.baoright li p { font-size: 16px; color: #fff; margin-top: 5px; }
.baoright li img { max-width: 35%; display: block }
.baoright li:hover p { color: #fff; }
.baoright li:hover div { margin-top: -5px; }
.baoright li div { -webkit-transition: all .4s ease; transition: all .4s ease; }

.baobj01 div { background: url(../images/ico01.png) no-repeat center center; background-size: auto 90%; }

.baobj02 div { background: url(../images/ico02.png) no-repeat center center; background-size: auto 90%; }

.baobj03 div { background: url(../images/ico03.png) no-repeat center center; background-size: auto 90%; }


.baobj04 div { background: url(../images/ico04.png) no-repeat center center; background-size: auto 90%; }



.sycase > img { display: block; }
.sycase { overflow: hidden; position: relative; }

.maintit { text-align: center; padding: 20px 0px; color: #333; font-family: 'syst'; font-weight: 300; }
.maintit p { text-transform: uppercase; font-size: 30px; }
.maintit h2 { font-size: 20px; font-weight: normal }

.zoujin ul { width: calc(33.33333% - 12px); float: left; padding: 6px; }
.zoujin ul li { margin-top: 12px; position: relative; overflow: hidden; }
.zoujin ul li a { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; color: #fff; text-align: center }
.zoujin ul li > img { display: block; -webkit-transition: all .4s ease; transition: all .4s ease; }
.zoujin ul li p { font-weight: bold; font-size: 18px; margin-top: 10px; }
.zoujin ul li span { font-family: 'englishwz',microsoft yahei; display: block }
.zoujin ul li a img { max-width: 60px; }

.zoujin ul li:hover > img { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.parallax-inner { background-size: cover; background-position: center; background-repeat: no-repeat; overflow: hidden; }

.synews { position: relative; padding: 5% 0px }

.newsleft { width: 50%; float: left; position: relative; }
.newsleft li { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; overflow: hidden; display: none }
.newsleft li.shang { z-index: 9999 }
.newsleft li:first-child { position: relative; z-index: 99; display: block }
.newsleft li p { position: absolute; left: 0px; bottom: 0px; background: rgba(0,0,0,0.4); width: calc(100% - 20px); padding: 0px 10px; line-height: 40px; }
.newsleft li a { color: #fff }
.newsleft li p em { font-style: normal; width: 100px; font-family: 'englishwz',microsoft yahei; display: inline-block; }
.newsleft li p span { width: calc(100% - 120px); float: right; display: block; text-align: right; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; height: 40px; }
.newsleft li i { width: 80px; height: 80px; background: url(../images/jian02.png) no-repeat center center rgba(179,155,119,0.8); position: absolute; left: 50%; margin-left: -40px; top: 30%; margin-top: -40px; border-radius: 100%; background-size: 50% auto; opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease; }
.newsleft li:hover i { opacity: 1; top: 50%; }
.newsleft li img { display: block }


.newsright { width: 45%; float: right }
.newsright li { border-top: 0.5px solid #eeeeee; padding: 4% 0px; }
.newsright li:nth-child(1) { animation-delay: 0.05s; }
.newsright li:nth-child(2) { animation-delay: 0.1s; }
.newsright li:nth-child(3) { animation-delay: 0.25s; }
.newsright li:nth-child(4) { animation-delay: 0.3s; }


.newsright li:first-child { border: none }
.newsright li span { display: block; color: #888; font-family: 'englishwz'; }
.newsright li a { display: block; background: url(../images/jian01.png) no-repeat right center; background-size: 60px auto; }
.newsright li p { line-height: 30px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin-top: 2%; font-weight: 700 }
.newsright li a:hover { background: url(../images/jian01.png) no-repeat 98% center; background-size: 60px auto; }
.newsright li.cur a { color: #b39b77; }

.newtit { color: #b39b77; writing-mode: vertical-lr; position: absolute; left: 2%; top: 0px; text-align: center; text-transform: uppercase; font-family: 'englishwz'; }
.newtit span { width: 1px; height: 30px; background-color: #b39b77; display: inline-block; margin-bottom: 10px; }

.zhubox, .guojifan { max-width: 1150px; margin: 0 auto; }
.footer { background: url(../images/footerbj.jpg) no-repeat center center; background-size: cover; }

.dianpu { border-bottom: 0.5px solid #313131; padding: 20px 0px; }
.fotlogo { width: 20%; float: left; max-width: 150px; }
.dianpu p { width: 70%; float: right; color: #fff }
.dianpu p span { line-height: 40px; float: right }
.dianpu p a { border: 0.5px solid #575757; color: #666666; height: 40px; line-height: 40px; padding: 0px 10px; display: inline-block; float: right; margin-left: 12px; padding-right: 35px; text-align:center }
.dianpu p a.xinlog{ padding-right:10px;}
.dianpu p a.xinlog img{ max-height:30px; margin-top:5px;}
.jdx { background: url(../images/jd.png) no-repeat 95% center; background-size: auto 50%; }
.tmx { background: url(../images/tm.png) no-repeat 95% center; background-size: auto 50%; }
.dianpu p a:hover { color: #fff; border: 0.5px solid #b39b77 }
.dianpu p a.jdx:hover { background: url(../images/jd2.png) no-repeat 95% center #b39b77; background-size: auto 50%; }
.dianpu p a.tmx:hover { background: url(../images/tm2.png) no-repeat 95% center#b39b77; background-size: auto 50%; }

.footnav { float: left; width: 70%; }
.footnav li { width: 16.6666%; float: left; }
.footnav li a { display: block; color: #666; line-height: 2 }
.footnav li a:first-child { font-size: 15px; color: #fff }
.footnav li a:hover { color: #b39b77; }
.p20 { padding: 20px 0px; }

.erwem { width: 30%; text-align: right; float: right }
.erwem p { font-size: 30px; color: #fff; font-family: 'englishwz',microsoft yahei; background: url(../images/telico.png) no-repeat left center; background-size: 25px auto; display: inline-block; padding-left: 30px; margin-bottom: 10px; }
.erwem li { display: inline-block; width: 50%; float: right; text-align: center; max-width: 100px; margin-left: 20px; }
.erwem li span { display: block; }

.botsx { border-top: 0.5px solid #313131; font-size: 13px; }
.botsx span { display: inline-block; }
.botsx span em { font-style: normal; font-family: 'englishwz'; color: #b39b77; }
.botsx span a { color: #666; }
.botsx span a:last-child { font-family: 'englishwz'; }
.botsx span a:hover { color: #b39b77; }


.nybannerbj { background: url(../images/nyb.jpg) repeat-y left center; background-size: 100%; padding: 5% 10%; padding-left: 0px; margin-top: 15% }
.nybannerbj.teshu { padding-right: 5% }


.nyqitabanner { position: relative }
.nybanner { background: url(../images/aboutbanner.jpg) no-repeat center center; background-size: cover; padding: 8% 5%; padding-right: 10%; position: relative }
.aboutbboxs { color: #fff; }
.aboutbboxs h1 { font-size: 30px; position: relative; }
.aboutbboxs h1:before { content: ""; width: 20px; height: 5px; background-color: #b39b77; position: absolute; left: -30px; top: 50%; margin-top: -2.5px; }
.aboutbboxs h2 { font-size: 20px; line-height: 1; text-transform: uppercase; }
.abouttxt { padding: 20px 0px; border-bottom: 0.5px solid #fff; }
.abouttxt p { padding-top: 20px; }
.abnav { margin-top: 30px; }
.abnav ul { width: calc(100% + 20px); margin-left: -20px; }
.abnav li { width: calc(33.3333% - 22px); margin-left: 20px; float: left; border: 0.5px solid #fff; text-align: center }
.abnav li a { color: #fff; display: block; padding: 10px 0px; font-size: 20px; }

.abnav li a { display: block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0); position: relative; }
.abnav li a:before { content: ""; position: absolute; z-index: -1; left: 0; right: 100%; bottom: -1px; background: #cba976; height: 4px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.abnav li a:hover:before, .abnav li a:focus:before, .abnav li a:active:before { right: 0; }

.nykuai { min-width: 120px; height: 120px; background-color: #d9ba8c; color: #1d1d1d; position: absolute; top: 50%; margin-top: -90px; right: -90px; padding: 30px; text-align: right }
.nykuai p { font-size: 30px; text-transform: uppercase; font-weight: bold; }
.nykuai h3 { font-size: 18px; background: url(../images/xiegang.png) no-repeat right top; padding-top: 10%; background-size: 50% }

.nylefttit { width: calc(30% - 30px); float: left; color: #333; padding-left: 30px; }
.nylefttit h2 { font-size: 20px; position: relative; text-transform: uppercase }
.nylefttit h2:before { content: ""; width: 20px; height: 5px; background-color: #b39b77; position: absolute; left: -30px; top: 50%; margin-top: -2.5px; }
.nylefttit h3 { line-height: 1; color: #888 }
.nyrightnr { width: 68%; float: right; }
.nstxtt { border-bottom: 1px solid #cccccc; position: relative; margin-top: 10px; }
.nstxtt:before { content: ""; width: 20%; height: 3px; background-color: #333333; position: absolute; left: 0px; top: -1px; }
.tebsx:before { background-color: #b39b77; }
.wenhuatxt { padding: 10px 0px; }
.wenhuatxt h3 { color: #333; margin-top: 20px; margin-bottom: 5px; }
.wenhuatxt p { padding-top: 5px; }
.p30 { padding: 30px 0px; }
.p40 { padding: 40px 0px; }

.honorbox { background-image: url(../images/honorbj.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; background-attachment: fixed }

.honortit { color: #fff; text-align: center; position: absolute; left: 0px; top: 0px; width: 100%; line-height: 1.2; padding: 20px 0px; }
.honortit p { font-size: 30px; text-transform: uppercase; font-family: 'englishwz',microsoft yahei; letter-spacing: 3px }
.honortit h3 { font-weight: normal; font-size: 18px; }

.rongyubox .swiper-slide { color: #fff; font-size: 30px; font-weight: bold; border-left: 1px solid rgba(255,255,255,0.4); height: 400px; text-align: center; width: 20%; text-align: center; padding-top: 10% }
.rongyubox .swiper-slide p { display: inline-block; writing-mode: vertical-lr; }


.rongyubox .swiper-pagination { width: 100%; right: 0%; bottom: 20px; }
.rongyubox .swiper-pagination-bullet { background: #FFF; opacity: 1; width: 6px; height: 6px; position: relative; margin: 0px 10px; }
.rongyubox .swiper-pagination-bullet-active:before { content: ""; width: 12px; height: 12px; border: 1px solid #fff; position: absolute; left: -4px; top: -4px; border-radius: 100% }

.lishix h1 { font-size: 30px; color: #333; margin-bottom: 10px; }
.lishix ul { border-left: 3px solid #dddddd; padding-left: 20px; padding-bottom: 40px; }
.lishix li { margin-bottom: 10px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.lishix li p { font-size: 30px; color: #dddddd; font-family: 'englishwz',microsoft yahei; position: relative; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.lishix li p:before { content: ""; width: 10px; height: 10px; border: 5px solid #dddddd; position: absolute; left: -32px; top: 50%; border-radius: 100%; margin-top: -10px; background: #FFF; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.lishix li.cur, .lishix li.cur p { color: #b39b77 }
.lishix li.cur p:before { border: 5px solid #b39b77; }
.nshow { display: none; }
.lishix li:hover, .lishix li:hover p { color: #b39b77 }
.lishix li:hover p:before { border: 5px solid #b39b77; }


.lishix { position: relative; }
.limore { position: absolute; left: 0px; bottom: 0px; padding-left: 30px; }
.limore:before { content: ""; width: 40px; height: 40px; border: 1px solid #dddddd; position: absolute; left: -20px; top: 50%; border-radius: 100%; margin-top: -20px; background: url(../images/xiac.png) no-repeat center center #FFF; background-size: 18px auto; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

.limore:hover:before { background: url(../images/xiac2.png) no-repeat center center #b39b77; border: 1px solid #b39b77; background-size: 18px auto }

.limore.cur:before { background: url(../images/xiac3.png) no-repeat center center #FFF; background-size: 18px auto; }
.limore.cur:hover:before { background: url(../images/xiac4.png) no-repeat center center #b39b77; background-size: 18px auto; }

.renwenbox { background-image: url(../images/renwenbj.jpg); background-size: cover; background-position: center center; background-repeat: no-repeat; position: relative; background-attachment: fixed }

.rentit { color: #fff; text-align: center; line-height: 1.2; padding: 20px 0px; }
.rentit p { font-size: 30px; text-transform: uppercase; font-family: 'englishwz',microsoft yahei; letter-spacing: 3px }
.rentit h3 { font-weight: normal; font-size: 18px; }
.renwebox { color: #fff; padding: 50px 0px; }
.renwebox p { padding-top: 20px; }

.guojihua { background: url(../images/guoji.jpg) no-repeat right center; background-size: 50% 100%; margin-top: 1px; background-attachment: fixed }

.guojileft { width: 40%; background: #fff; padding: 12% 0px; color: #333; padding-right: 10%; float: left }
.guojileft p { color: #666 }
.guojileft h3 { margin: 10px 0px; }
.guojileft a { width: 50px; height: 50px; line-height: 50px; display: block; text-align: center; color: #000; font-size: 20px; font-family: "黑体"; border: 1px solid #333; margin-top: 5% }
.guojileft a:hover { color: #fff; background: #b39b77; border: 1px solid #b39b77; }
.guojiright { width: 40%; float: left; padding: 8% 0px; }
.guojiright ul { background: #FFF; overflow: hidden; }
.guojiright li { width: 33.333%; float: left; text-align: center; padding: 30px 0px; }
.guojiright li .count { font-size: 40px; color: #333; font-family: 'englishwz',microsoft yahei; font-weight: bold }
.guojiright li em { font-style: normal; font-size: 40px; color: #333; }
.guojiright li:last-child { width: 100%; }


.nybannerbj.nodx { padding-bottom: 0px; }
.nypronav { text-align: right }
.nypronav li { display: inline-block }
.nypronav li.cur a { color: #b39b77; font-weight: bold }
.nypronav { padding: 20px 0px; }
.nypronav li { background: url(../images/linex.png) no-repeat left center; padding: 0px 15px 0px 17px; background-size: auto 12px; }
.nypronav li:first-child { background: none }
.shaixuan { border: 0.5px solid #dddddd; margin: 5% 0px; }
.shaixuan li { border-left: 0.5px solid #dddddd; width: calc(20% - 1px); float: left; text-align: center; }

.gongneng li { width: calc(33.333% - 1px); }
.shaixuan li p { margin-top: 20px; }
.shaixuan li:first-child { border-left: none }
.shaixuan li a:hover { font-weight: bold }
.shaixuan li.cur a { font-weight: bold; color: #b39b77; position: relative }

.shaixuan li a { display: block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0); position: relative; padding: 20px 0px; }
.shaixuan li a:before { content: ""; position: absolute; z-index: 1; left: 0; right: 100%; bottom: 0px; background: #b39b77; height: 3px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.shaixuan li a:hover:before, .abnav li a:focus:before, .abnav li a:active:before { right: 0; }

.cpixgs { font-family: 'englishwz',microsoft yahei; text-transform: uppercase; font-size: 24px; color: #333; background: url(../images/hhh.jpg) repeat-x left center }
.cpixgs span { background: #FFF; padding: 0px 10px 0px 30px; position: relative }
.cpixgs span:before { content: ""; width: 20px; height: 5px; background-color: #b39b77; position: absolute; left: 0px; top: 50%; margin-top: -2.5px; }
.cpixgs span:after { content: ""; width: 100px; height: 3px; background-color: #b39b77; position: absolute; right: -100px; top: 50%; margin-top: -1.5px; }
.chanpitit h3 { color: #888; padding-left: 30px; }
.chanpitit h3 span { float: right; background: url(../images/dian.png) no-repeat left center; padding-left: 20px; }
.chanpitit h3 span i { color: #333; font-style: normal; }

.chanpqiebx { position: relative; padding-bottom: 50px; margin: 5% 0px; }
.chanpqiebx .swiper-pagination { width: 100%; right: 0%; bottom: 10px; }
.chanpqiebx .swiper-pagination-bullet { background: #ccc; opacity: 1; width: 6px; height: 6px; position: relative; margin: 0px 10px; }
.chanpqiebx .swiper-pagination-bullet-active { background: #b39b77; }
.chanpqiebx .swiper-pagination-bullet-active:before { content: ""; width: 12px; height: 12px; border: 1px solid #b39b77; position: absolute; left: -4px; top: -4px; border-radius: 100%; }

.chanpqiebx .swiper-button-next, .chanpqiebx .swiper-button-prev { width: 60px; height: 60px; -webkit-transition: all .4s ease; transition: all .4s ease; border-radius: 100% }
.chanpqiebx .swiper-button-next { background: url(../images/ttn.png) no-repeat center center; right: 2%; background-size: 10px auto }
.chanpqiebx .swiper-button-prev { background: url(../images/ttp.png) no-repeat center center; left: 2%; background-size: 10px auto }
.chanpqiebx .swiper-button-next:hover, .swiper-button-prev:hover { background-color: #fff; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }
.chanpqiebx a { color: #333 }
.chanpqiebx .swiper-slide { position: relative }
.chanpqiebx .swiper-slide img { display: block }
.chanpqiebx .swiper-slide i { width: 80px; height: 80px; background: url(../images/jian02.png) no-repeat center center rgba(179,155,119,0.8); position: absolute; left: 50%; margin-left: -40px; top: 30%; margin-top: -40px; border-radius: 100%; background-size: 50% auto; opacity: 0; -webkit-transition: all .4s ease; transition: all .4s ease; }
.chanpqiebx .swiper-slide:hover i { opacity: 1; top: 50%; }

.tagxs { width: calc(100% - 20px); position: absolute; left: 0px; bottom: 0px; background: rgba(255,255,255,0.7); padding: 20px; }
.tagxs h2 { font-size: 30px; font-weight: 300 }
.tagxs p { font-size: 18px; font-weight: 300 }
.proserv { margin: 3% 0px 5%; }
.proserv ul { width: calc(100% + 15px); margin-left: -15px; }
.proserv li { width: calc(25% - 35px); float: left; background-color: #f5f5f5; color: #333; text-align: center; padding: 20px 10px; margin-left: 15px; }

.proserv li .juzhong2 { height: 100px; }
.proserv li .juzhong2 img { max-width: 50px; }
.proserv li .juzhong2 img { -webkit-transition-duration: 1000ms; transition-duration: 1000ms }
.proserv li:hover img { margin-top: -10px }


.proserv li p { font-family: 'englishwz',microsoft yahei; text-transform: uppercase; font-size: 16px; }
.proserv li span { font-family: 'englishwz'; }

.chanpinglist { background-color: #f9f5f1; margin: 5% 0px; }
.chanpinglist ul { width: calc(100% + 30px); margin-left: -30px; }
.chanpinglist li { width: calc(33.333% - 30px); background: #FFF; box-shadow: 0px 0px 10px rgba(0,0,0,0.2); float: left; -webkit-transition: all .4s ease; transition: all .4s ease; margin: 15px 0; margin-left: 30px; }
.chanpinglist li:hover { box-shadow: 0px 0px 40px rgba(0,0,0,0.2); }
.chanpinglist li img { -webkit-transition: all .4s ease; transition: all .4s ease; display:block }
.chanpinglist li:hover img { -webkit-transform: scale(0.92); -ms-transform: scale(0.92); transform: scale(0.92); }
.cnatxt { padding: 20px }
.cnatxt p { font-family: 'englishwz',microsoft yahei; text-transform: uppercase; font-size: 16px; }
.cnatxt span { display: block; }

.uxysc { text-align: center }
.load-more { display: inline-block; position: relative; text-align: center; border: 1px solid #b39b77; border-radius: 30px; overflow: hidden; margin: 40px auto 0; padding: 15px 30px; }
.load-more:before { content: ""; display: block; width: 130%; height: 100%; position: absolute; left: -144%; top: 0; z-index: 1; background: #fff; transition: .3s ease-in-out; -webkit-transition: .3s ease-in-out; transform: skewX(45deg); -webkit-transform: skewX(45deg); -moz-transform: skewX(45deg); }
.load-more:after { display: block; border-radius: 30px; content: ""; position: absolute; z-index: 0; background: #d9ba8c; left: 0; top: 0; width: 100%; height: 100%; }
.load-more .load-ico0 { position: relative; z-index: 2; display: inline-block; vertical-align: top; width: 20px; height: 20px; background: url(../images/jiazai.png) no-repeat center; animation: rotate360 3s linear infinite; float: left; }

@keyframes rotate360 {
    0% { transform: rotate(0); }
    100% { transform: rotate(-360deg); }
}

.load-more .load-s0 { position: relative; z-index: 2; color: #fff; line-height: 20px; height: 20px; vertical-align: top; transition: .3s ease-in-out; margin-left: 10px; float: left }
.load-more:hover .load-s0 { color: #b39b77; }
.load-more:hover:before { left: -13%; }
.load-more:hover .load-ico0 { background: url(../images/jiazaion.png) no-repeat center; }

.gogchsleft { width: 30%; float: left; line-height: 1.4 }
.gogchsleft h1 { font-size: 40px; color: #999999; font-family: 'englishwz',microsoft yahei; letter-spacing: 3px; text-transform:uppercase }
.gogchsleft h2 { font-size: 30px; color: #333 }
.gogchsright { width: 68%; float: right; }
.gogchsright p { padding-top: 10px; }


.fuwutixi { color: #fff; background-image: url(../images/shuye.jpg); background-attachment: fixed; background-size: cover; background-repeat: no-repeat; }

.tixias { margin-top: 2% }
.tixias li { overflow: hidden; border-top: 0.5px solid rgba(255,255,255,0.5); padding: 20px 0px; cursor: pointer; position: relative }
.wenzis { overflow: hidden; padding-right: 4% }
.tixias li.cur { border-top: 1px solid rgba(255,255,255,1); }
.tixias li:first-child .fenge { display: block }

.tixias li > h3 { font-size: 24px; width: 30%; float: left }
.fenge { width: 68%; float: right; display: none; }
.tixias li .icon { width: 18px; height: 12px; background: url(../images/xiac2.png) no-repeat; opacity: 0.5; position: absolute; right: 0px; top: 50%; margin-top: -6px; background-size: 100% auto; -webkit-transition: all .2s ease; transition: all .2s ease; }
.tixias li.cur .icon { -webkit-transform: rotate(-180deg); transform: rotate(-180deg); opacity: 1; }

.partnerbox li img { display: block }
.partnerbox li { width: calc(20% - 2px); float: left; border: 1px solid #eee; margin-bottom: 10px; overflow: hidden; margin-left: -1px; }

.newstit ul { width: 60%; line-height: 30px; }
.newstit li { float: left; font-weight: bold; margin-right: 5%; }
.newstit li.cur a { color: #b39b77; }
.newstit li.cur a:before { background: #b39b77; height: 3px; content: ""; position: absolute; z-index: 1; left: 0; bottom: 0px; width: 100% }

.newstit li a { display: block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0); position: relative; }
.newstit li a:before { content: ""; position: absolute; z-index: 1; left: 0; right: 100%; bottom: 0px; background: #b39b77; height: 3px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }


.newstit li a:hover:before, .newstit li a:focus:before, .newstit li a:active:before { right: 0; }
.yearx { width: 40%; text-align: right; font-family: 'englishwz',microsoft yahei; text-transform: uppercase; color: #333; line-height: 30px; }
.yearx em { font-style: normal; position: relative; padding-right: 20px; display: inline-block; margin-right: 5px; }
.yearx em:before { content: ""; position: absolute; z-index: 1; right: 0; width: 15px; top: 50%; margin-top: -1px; background: #b39b77; height: 2px; }
.yearx span { background: url(../images/xxx.jpg) no-repeat right center; display: inline-block; position: relative; border-bottom: 2px solid #b39b77; padding: 0px 10px; padding-right: 20px; cursor: pointer }
.yearx span div { position: absolute; left: 0px; top: 25px; background: #FFF; width: 100%; box-shadow: 0px 10px 10px rgba(0,0,0,0.2); display: none; z-index: 999; cursor: pointer; }
.yearx span div a { display: block; text-align: center; line-height: 30px; padding: 0px 10px; padding-right: 20px; }
.newslist ul { padding: 20px 0px; }
.newslist li { box-shadow: 0px 0px 8px rgba(0,0,0,0.1); overflow: hidden; margin-top: 25px; -webkit-transition: all .4s ease; transition: all .4s ease; background-color: #FFF }
.newslist li:hover { box-shadow: 0px 0px 20px rgba(0,0,0,0.2); }
.newslist li a { display: block; padding: 20px 0px; overflow: hidden }
.newslist li a:hover p { color: #b39b77; }
.newslist li a { display: block; vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0); position: relative; }
.newslist li a:before { content: ""; position: absolute; z-index: 1; left: 0; right: 100%; bottom: 0px; background: #b39b77; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.newslist li a:hover:before, .newstit li a:focus:before, .newstit li a:active:before { right: 0; }


.newslist li a span { width: 35%; text-align: center; float: left }
.newslist li a span em { font-style: normal; color: #b39b77; font-weight: bold; display: block; }
.newslist li a span i { font-style: normal; color: #888; font-family: 'englishwz'; display: block; }
.newslist li a p { width: 63%; float: right; color: #333; -webkit-transition: all .4s ease; transition: all .4s ease; }

.page { text-align: center; margin: 3% 0px; }
.page li { padding: 6px 15px; display: inline-block; color: #b39b77; font-family: 'englishwz',microsoft yahei; cursor: pointer; margin: 0px 10px }
.page li.cur { border: 2px solid #b39b77 }

.newsshowtit { margin-top: 150px; }
.newsshowtit h2 { font-size: 30px; font-weight: normal; color: #333 }
.newsshowtit h3 { color: #888 }
.newsshowtit h3 a { font-weight: normal; font-size: 16px; color: #888 }
.newsshowbox { border-top: 0.5px solid #ddd; margin-top: 20px; padding-top: 20px }
.newsshowbox > h1 { font-size: 24px; font-weight: normal; color: #333 }
.newsshowbox > h2 { font-size: 14px; font-weight: normal; color: #888; padding: 10px 0px; font-family: 'englishwz'; }
.newstxt p { padding-top: 20px; }

.share { text-align: center; margin: 4% auto; }
.share a { width: 60px; height: 60px; border-radius: 100%; background-color: #c6ba9a; display: inline-block; margin: 0px 10px; position: relative }
.share a div { border-radius: 5px; width: 100px; position: absolute; left: 50%; bottom: 70px; margin-left: -50px; -webkit-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; opacity: 0; visibility: hidden; }
.share a:hover div { opacity: 1; visibility: visible }
.share a img { display: block }
.share a:hover { background-color: #b39b77; }

.shuxs { border-bottom: 0.5px solid #ddd; border-top: 0.5px solid #ddd; overflow: hidden; margin: 2% 0px; }
.shuxs span { width: calc(50% - 25.5px); float: left; display: block; height: 50px; line-height: 50px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.shuxs span.fl { background: url(../images/ttp.png) no-repeat left center; background-size: 7px auto; }
.shuxs span.fl a { padding-left: 12px; }
.shuxs span.fr { text-align: right; background: url(../images/ttn.png) no-repeat right center; background-size: 7px auto; }
.shuxs span.fr a { padding-right: 12px; }
.shuxs em { width: 50px; height: 50px; display: inline-block; float: left; border-left: 0.5px solid #ddd; border-right: 0.5px solid #ddd; }
.shuxs em a { display: block; background: url(../images/back.jpg) no-repeat center center; background-size: 25px; width: 100%; height: 100% }
.contac { padding: 30px 0px; }
.contac li { width: 33.333%; float: left; margin-bottom: 20px; }
.contac li p { color: #333; font-weight: bold }
.contac li span.shuzi { font-family: 'englishwz'; }

.jimdianx { border: 0.5px solid #333; padding: 20px; position: relative; color: #333 }
.jimdianx:before { content: ""; position: absolute; left: 20px; top: -14px; background: #b39b77; height: 28px; width: 4px; }
.jimdianx h3 { font-size: 30px; background: url(../images/tel.png) no-repeat 5% center; width: calc(35% - 1px); text-align: center; float: left; background-size: auto 30px; border-right: 0.5px solid #333; }
.jimdianx h4 { width: 65%; text-align: center; font-size: 46px; font-family: 'englishwz',microsoft yahei; float: right }

.biaodan li { margin-top: 20px; }
.biaodan li p { color: #333; font-weight: bold; margin-bottom: 10px; }
.biaodan li input[type="text"] { border: 0.5px solid #ddd; height: 50px; width: calc(50% - 11px); padding-left: 10px; }
.biaodan li textarea { width: calc(50% - 21px); padding: 10px; border: 0.5px solid #ddd; height: 50px; font-weight: bold }


.biaodan li a { color: #b39b77; padding: 10px 30px; border: 1px solid #b39b77; text-align: center; font-weight: bold; }

.biaodan li a { vertical-align: middle; -webkit-transform: perspective(1px) translateZ(0); transform: perspective(1px) translateZ(0); box-shadow: 0 0 1px rgba(0,0,0,0); position: relative; }
.biaodan li a:before { content: ""; position: absolute; z-index: 1; left: -1px; right: 100%; bottom: -2px; background: #ead8bc; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
.biaodan li a:hover:before, .newstit li a:focus:before, .newstit li a:active:before { right: 0; }


.my-map { margin: 2% auto 4%; width: 100%; height: 400px; border: 0.5px solid #ddd; padding: 1px; }
.amap-container { height: 100%; }
.my-map .icon { background: url(http://lbs.amap.com/console/public/show/marker.png) no-repeat; }
.my-map .icon-cir { height: 31px; width: 28px; }
.my-map .icon-cir-green { background-position: -11px -155px; }
.amap-container { height: 100%; }


.xuanyuan { padding: 30px 0px; }
.xuanyuan h2 { color: #333; font-size: 18px; }
.xuanyuan p { padding-top: 10px; }

.daoshitit { color: #333; font-weight: bold; line-height: 1.3 }
.daoshitit p { font-size: 30px; font-family: 'englishwz',microsoft yahei; letter-spacing: 3px; text-transform: uppercase }
.daoshitit span { font-size: 30px; }
.daoshilist { position: relative; padding: 5% 0px; }
.daoshilist .swiper-slide { }
.daowen { min-height: 140px; }
.daoshilist .swiper-slide:first-child { border: none }
.daoshilist .swiper-button-next, .daoshilist .swiper-button-prev { width: 40px; height: 40px; -webkit-transition: all .4s ease; transition: all .4s ease; border: 0.5px solid #333; opacity: 1; top: -50px; }
.daoshilist .swiper-button-next { background: url(../images/ttn.png) no-repeat center center; background-size: 10px auto; right: 3% }
.daoshilist .swiper-button-prev { background: url(../images/ttp.png) no-repeat center center; background-size: 10px auto; right: calc(3% + 50px) }
.daoshilist .swiper-button-next:hover, .daoshilist .swiper-button-prev:hover { background-color: #fff; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }

.daoshilist .swiper-pagination { width: 100%; right: 0%; bottom: 20px; }
.daoshilist .swiper-pagination-bullet { background: #333; opacity: 1; width: 6px; height: 6px; position: relative; margin: 0px 10px; }
.daoshilist .swiper-pagination-bullet-active { background: #333; }
.daoshilist .swiper-pagination-bullet-active:before { content: ""; width: 12px; height: 12px; border: 1px solid #333; position: absolute; left: -4px; top: -4px; border-radius: 100%; }


a.morens { color: #fff; padding: 10px 0px; text-align: center; float: right; border-bottom: 1px solid #b39b77; font-family: 'englishwz',microsoft yahei; letter-spacing: 2px }

a.morens { vertical-align: middle; box-shadow: 0 0 1px rgba(0,0,0,0); position: relative; }
a.morens:before { content: ""; position: absolute; z-index: 1; left: 0px; right: 100%; bottom: -3px; background: #ead8bc; height: 2px; -webkit-transition-property: right; transition-property: right; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }
a.morens:hover:before, a.morens:focus:before, a.morens:active:before { right: 0; }


.baoguo { padding: 0px 20px; border-left: 1px solid #ddd; }

.baoguo h3 { color: #333; }
.baoguo p { font-size: 12px; }

.xueyuanbj { background: url(../images/xuyuanbj.jpg) no-repeat bottom center; background-size: cover }
.jiamengyq { color: #fff; background: url(../images/joinbj.jpg) no-repeat center center; background-size: cover; background-attachment: fixed }
.jiamengyq .nylefttit h2 { color: #b39b77 }
.jiamengyq .nylefttit h3 { color: #fff }
.jiamengyq .nstxtt:before { background-color: #b39b77; }
.jiamengyq .nstxtt { border-bottom: 1px solid #fff; }

.jointxt p { padding: 5px 0px; }
.jointxt p span { font-family: 'englishwz',microsoft yahei; font-size: 18px; padding-right: 5px; }

.joinliucheng li { width: calc(25% - 0.5px); float: left; border-left: 0.5px solid #ddd; text-align: center; position: relative; cursor: pointer; margin-bottom: 5% }
.joinliucheng li span { font-family: 'englishwz',microsoft yahei; text-align: left; display: block; padding: 0px 15px; font-size: 18px; color: #ccc; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.joinliucheng li:before { content: ""; width: 10px; height: 10px; background: #ddd; position: absolute; left: -5px; top: 0px; border-radius: 100%; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }

.joinliucheng li:after { content: ""; width: 2px; background: #b39b77; position: absolute; left: -1px; top: 10px; bottom: 100%; -webkit-transition-property: bottom; transition-property: bottom; -webkit-transition-duration: 0.3s; transition-duration: 0.3s; -webkit-transition-timing-function: ease-out; transition-timing-function: ease-out; }

.joinliucheng li:hover:before, .joinliucheng li:focus:before, .joinliucheng li:active:before { background: #b39b77; }
.joinliucheng li:hover:after, .joinliucheng li:focus:after, .joinliucheng li:active:after { bottom: 0; }
.joinliucheng li:hover span { color: #b39b77 }


.joinliucheng li p { color: #333 }
.joinliucheng li .juzhong2 { min-height: 80px; }
.joinliucheng li .juzhong2 img { max-width: 50px; }



.joinformtit { color: #333; padding-left: 30px; border-bottom: 0.5px solid #ddd; position: relative }
.joinformtit h2 { font-size: 20px; position: relative; text-transform: uppercase }
.joinformtit h2:before { content: ""; width: 20px; height: 5px; background-color: #b39b77; position: absolute; left: -30px; top: 50%; margin-top: -2.5px; }
.joinformtit h3 { line-height: 1; color: #888 }
.mentx { position: absolute; right: 5%; bottom: -10px; width: 50px; }
.mentx img { display: block }
.joinform { background: url(../images/tijaio.jpg) no-repeat bottom center; background-size: cover; padding: 30px 0px; }
.joinform li { margin-bottom: 5%; }
.joinform li span { float: left; width: 50px; color: #333; display: inline-block; line-height: 40px; font-weight: bold }
.xinxins { width: calc(100% - 50px); float: right; }
.xinxins input[type="text"] { border: none; border-bottom: 0.5px solid #333; background: none; line-height: 40px; width: calc(33.333% - 20px); float: left; margin-left: 20px; color: #666; height: 40px; }
.xinxins select { border: none; border-bottom: 0.5px solid #333; background: none; line-height: 40px; width: calc(33.333% - 20px); float: left; margin-left: 20px; color: #666; height: 40px; }
.xinxins input[type="radio"] { width: 15px; height: 15px; float: left; margin-top: 12px; margin-left: 20px; }
.xinxins label { float: left; line-height: 40px; }
.xinxins input[type="button"] { float: right; background: #b39b77; border: 0.5px solid #b39b77; height: 40px; padding: 0px 30px; transition: 0.5s all; -webkit-transition: 0.5s all; -moz-transition: 0.5s all; -o-transition: 0.5s all; -ms-transition: 0.5s all; }
.xinxins input[type="button"]:hover { -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.xinxins input[type="text"].cussc { width: calc(100% - 20px); margin-top: 2%; }

.processlist { padding: 15% 5%; }
.processlist li { width: 20%; float: left; position: relative; height: 20%; cursor: pointer; }
.processlist li img { display: block }
.processitem { border: 1px solid #ddd; width: 120%; height: 120%; position: absolute; left: -10%; top: -10%; border-radius: 100%; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; }

.processitem:after { content: ""; width: 10px; height: 10px; background: #ddd; position: absolute; left: 50%; margin-left: -5px; top: 50%; margin-top: -5px; border-radius: 100%; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; }

.xian { width: 100%; height: 100%; position: absolute; left: 0px; bottom: 0px; }
.xian span { width: 100%; text-align: center; display: block; position: absolute; left: 0px; bottom: 130%; color: #333; font-weight: bold; background: #FFF; z-index: 9999 }

.xian:before { content: ""; width: 1px; height: 90%; background: #ddd; position: absolute; left: 50%; bottom: 50%; }


.xian:after { content: ""; width: 1px; background: #b39b77; position: absolute; left: 50%; bottom: 50%; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; }

.xian:hover:after, .xian:focus:after, .xian:active:after { height: 90%; }


.processlist li:nth-child(2) .xian:before { top: 50% }
.processlist li:nth-child(2) .xian:after { top: 50% }
.processlist li:nth-child(2) span { top: 140%; }

.processlist li:nth-child(4) .xian:before { top: 50% }
.processlist li:nth-child(4) .xian:after { top: 50% }
.processlist li:nth-child(4) span { top: 140%; }


.processlist li:hover .processitem { border: 1px solid #b39b77; width: 130%; height: 130%; left: -15%; top: -15%; }
.processlist li:hover .processitem:after { width: 15px; height: 15px; background: #fff; border: 1px solid #b39b77; margin-left: -7.5px; margin-top: -7.5px; z-index: 99 }

.yunyingzhichi { position: relative }
.zhictupian li { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; background-repeat: no-repeat; background-size: cover; background-attachment: fixed; }
.zhictupian li:first-child { z-index: 99 }
.zhictupian li.yunying1 { background-image: url(/images/wuliubj.jpg); }
.zhictupian li.yunying2 { background-image: url(/images/jiaofu.jpg); }
.zhictupian li.yunying3 { background-image: url(/images/newsbanner.jpg); }
.zhictupian li.yunying4 { background-image: url(/images/wangluo.jpg); }

.zinx { z-index: 999 }

.quanqiehuan { width: 400px; position: absolute; left: 50%; top: 50%; margin-left: -230px; margin-top: -250px; z-index: 9999; }
.quanqiehuan ul { background: url(../images/baidjd.png) no-repeat center center; background-size: 30% auto; margin-top: 20px; }
.quanqiehuan li { width: calc(50% - 10px); float: left; position: relative; cursor: pointer; padding: 5px; }
.quanqiehuan li img { display: block; transition: 0.3s all; -webkit-transition: 0.3s all; -moz-transition: 0.3s all; -o-transition: 0.3s all; -ms-transition: 0.3s all; }
.diangxs { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; color: #333; text-align: center; font-size: 18px; }
.diangxs span { font-family: 'englishwz',microsoft yahei; font-size: 20px; }

.quanqiehuan li:hover img { opacity: 0.8 }
.quanqiehuan li.cur .diangxs { color: #b39b77; font-weight: bold }
.quanqiehuan li.cur img { opacity: 0.8 }
.bonone { border: none }

.kehutiyan .swiper-slide p { color: #333; font-weight: bold; position: relative; padding-bottom: 20px; margin-bottom: 20px; }
.kehutiyan .swiper-slide p:before { content: ""; width: 2px; height: 50px; background: #333; position: absolute; left: 20px; top: 20px; }



.kehutiyan { padding-bottom: 50px; position: relative }

.kehutiyan .swiper-button-next, .kehutiyan .swiper-button-prev { width: 40px; height: 40px; -webkit-transition: all .4s ease; transition: all .4s ease; border: 0.5px solid #333; opacity: 1; top: -50px; }
.kehutiyan .swiper-button-next { background: url(../images/ttn.png) no-repeat center center; background-size: 10px auto; right: 3% }
.kehutiyan .swiper-button-prev { background: url(../images/ttp.png) no-repeat center center; background-size: 10px auto; right: calc(3% + 50px) }
.kehutiyan .swiper-button-next:hover, .kehutiyan .swiper-button-prev:hover { background-color: #fff; -webkit-transform: scale(1.1); -ms-transform: scale(1.1); transform: scale(1.1); }
.kehutiyan { background: url(../images/lls.jpg) repeat-x left top; background-size: auto 80%; background-attachment: scroll }




.fuwuxinze { background-color: #f9f6f1 }
.fuwuxinze ul { width: calc(100% + 20px); margin-left: -20px; }
.fuwuxinze li { width: calc(33.333% - 80px); float: left; background: #FFF; padding: 30px; color: #333; margin-left: 20px; margin-bottom: 20px; }
.fuwuxinze li p { font-size: 24px; font-weight: bold }
.fuwuxinze li .fl { width: 30%; text-align: center; }
.fuwuxinze li .fl img { max-width: 70% }
.fuwuxinze li .fr { width: 50% }


.syzhaoshang { background: url(../images/zhaoshangbj.jpg) no-repeat center center; background-size: cover; padding: 5% 0px; color: #fff; text-align: center }
.syzhaoshang h2 { font-size: 50px; line-height: 50px; font-family: 'syst'; margin-top: 40px; font-weight: normal; font-weight: 300; }
.syzhaoshang h3 { font-size: 40px; line-height: 40px; font-family: 'syst'; font-weight: normal; text-transform: uppercase; margin: 20px 0px; font-weight: 300; }

.syzhaoshang p { font-family: 'englishwz'; font-size: 40px; margin: 30px 0px; display: block; text-align: center}
.syzhaoshang p img { max-width: 30px; margin-right: 10px; }
.syzhaoshang p span{display: block;font-family: 'syst'; letter-spacing: 50px;
    padding-left: 51px; font-size: 28px;}


.syzhaoshang a { width: 200px; height: 58px; display: block; border: 1px solid #a09085; position: relative; display: block; margin: 30px auto; font-size: 20px; line-height: 58px; color: #947156; transition: all .5s; }
.syzhaoshang a:hover { background-color: #947156; color: #fff; border: 1px solid #947156; }
.syzhaoshang a:hover:after { border: 1px solid #947156; }
.syzhaoshang a:after { content: ''; width: 100%; height: 100%; border: 1px solid #a09085; position: absolute; top: 6px; left: 6px; }


.probleft { width: 18%; float: left; background: url(../images/wenli.png) no-repeat center center #845f3f; background-size: cover; position: absolute; left: 0px; top: 0px; height: 100% }
.probleft ul { padding-top: 5% }
.probleft li { line-height: 35px; text-indent: 30% }
.probleft li a { color: #fff; display: block }
.probleft li a:hover { background: #684b34; color: #e4af82; font-weight: bold }
.probleft li.cur a{ background: #684b34; color: #e4af82; font-weight: bold }



.chanphezi { position: relative; }

.probright { position: relative; width: 82%; float: right; }
.probright .swiper-pagination { width: 100%; right: 0%; bottom: -8%; }
.probright .swiper-pagination-bullet { background: #ccc; opacity: 1; width: 6px; height: 6px; position: relative; margin: 0px 10px; }
.probright .swiper-pagination-bullet-active { background: #b39b77; }
.probright .swiper-pagination-bullet-active:before { content: ""; width: 12px; height: 12px; border: 1px solid #b39b77; position: absolute; left: -4px; top: -4px; border-radius: 100%; }

.probright .swiper-button-next, .probright .swiper-button-prev { width: 40px; height: 40px; -webkit-transition: all .4s ease; transition: all .4s ease; border-radius: 100% }
.probright .swiper-button-next { background: url(../images/ttn.png) no-repeat center center; right: 2%; background-size: 10px auto }
.probright .swiper-button-prev { background: url(../images/ttp.png) no-repeat center center; left: 2%; background-size: 10px auto }
.probright .swiper-button-next:hover, .probright .swiper-button-prev:hover { background-color: #fff; -webkit-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2); }

.probright .swiper-slide img { display: block }

.mtxs { margin-top: 20px; }

.baokuantanchuang { background: rgba(0,0,0,0.8); position: fixed; left: 0px; top: 0px; z-index: 999999999999999; width: 100%; height: 100%; display: none }
.bktanbox { width: 90%; max-width:1000px; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%) scale(0); transition: all 0.6s; text-align:center }
.bktanbox.cur { transform: translate(-50%,-50%) scale(1); }
.bkclose { width: 40px; margin: 0 auto; display: block; margin-top: 10px; }