html,body,div,span,applet,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,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,main,menu,nav,output,ruby,section,summary,time,mark,audio,video {
  margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline;
}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section { display: block; }
body { line-height: 1; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ""; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
.fl { float: left; }
.fr { float: right; }
.clearfix:after { content: ""; display: block; clear: both; }
.clearfix { zoom: 1; }
a,a:focus,a:hover { cursor: pointer; text-decoration: none; color: inherit; }
div { box-sizing: border-box; }
img { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select:none; -ms-user-select: none; user-select: none; }
img { pointer-events: none; }
html,body { font-size: 16px; color: #000; background: #f4f4f4; font-family: Avenir, Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }


body::-webkit-scrollbar {
  width: 0px;
}
body::-webkit-scrollbar-thumb {
  width: 10px;
  border-radius: 10px;
  background: #1c4587;
}
body::-webkit-scrollbar-track {
  border-radius: 0px;
  background: #d3dff3;
}


.nav_top { z-index: 10; position: fixed; width: 100%; top: 0; left: 0; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); }
.nav_top_p { position: relative; width: 78%; height: 101px; min-width: 1200px; margin: 0 auto; }
.nav_top_p .nav_top_logo { position: absolute; top: 10px; left: 0%; width: 112px; }
.nav_top_p .nav_top_title { position: absolute; top: 0; right: 10%; width: 80%; height: 101px; line-height: 101px; font-size: 16px; color: #76777b; text-align: right; }
.nav_top_p .nav_top_title > div { position: relative; margin-right: 6%; display: inline-block; }
.nav_top_p .nav_top_title > div > a::after { content: ' '; position: absolute; bottom: 24px; left: 50%; width: 0%; height: 1px; background: #84744e; transform: translateX(-50%); transition: width .2s; }
.nav_top_p .nav_top_title > div.navactive > a { color: #84744e; }
.nav_top_p .nav_top_title > div.navactive > a::after { width: 80%; }
.nav_top_p .nav_top_title > div > a:hover { color: #84744e; }
.nav_top_p .nav_top_title > div > a:hover::after { width: 80%; }
.nav_top_p .nav_top_more .nav_top_more_up::after { content: ' '; position: absolute; bottom: 24px; left: 50%; width: 0%; height: 1px; background: #84744e; transform: translateX(-50%); transition: width .2s; }
.nav_top_p .navactive .nav_top_more .nav_top_more_up { color: #84744e; }
.nav_top_p .navactive .nav_top_more .nav_top_more_up::after { width: 80%; }
.nav_top_p .nav_top_more:hover { display: block; cursor: pointer; }
.nav_top_p .nav_top_more:hover .nav_top_more_up { color: #84744e; }
.nav_top_p .nav_top_more:hover .nav_top_more_up::after { width: 80%; }
.nav_top_p .nav_top_more:hover .nav_top_more_down { display: block; }
.nav_top_p .nav_top_more .nav_top_more_down { display: none; position: absolute; top: 100%; left: -20px; width: 100%; background: #fff; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); line-height: 24px; text-align: center; box-sizing: content-box; padding: 20px; transform-origin: top center; }
.nav_top_p .nav_top_more .nav_top_more_down2 { width: 400px; left: 50%; margin-left: -240px; box-sizing: border-box; padding: 20px 0 10px 0; }
.nav_top_p .nav_top_more .nav_top_more_down2.nav_top_more_down3 { width: 1000px; margin-left: -500px; }
.nav_top_p .nav_top_more .nav_top_more_down2.nav_top_more_down3 > span { width: 20%; }
.nav_top_p .nav_top_more .nav_top_more_down2.nav_top_more_down4 { width: 600px; margin-left: -300px; }
.nav_top_p .nav_top_more .nav_top_more_down2.nav_top_more_down4 > span:nth-of-type(1) { width: 30.5%; }
.nav_top_p .nav_top_more .nav_top_more_down2.nav_top_more_down4 > span:nth-of-type(2) { width: 30.5%; }
.nav_top_p .nav_top_more .nav_top_more_down2.nav_top_more_down4 > span:nth-of-type(3) { width: 39%; }
.nav_top_p .nav_top_more .nav_top_more_down > span { display: block; margin-bottom: 20px; }
.nav_top_p .nav_top_more .nav_top_more_down2 > span { display: inline-block; width: 50%; box-sizing: border-box; }
.nav_top_p .nav_top_more .nav_top_more_down2 > span + span { border-left: 1px solid #cccdcd; }
.nav_top_p .nav_top_more .nav_top_more_down2 > span > img { width: 80px; }
.nav_top_p .nav_top_more .nav_top_more_down2 > span > a { display: block; }
.nav_top_p .nav_top_more .nav_top_more_down > span.navactive a { color: #84744e; text-decoration: underline; }
.nav_top_p .nav_top_more .nav_top_more_down > span:last-child { margin-bottom: 0; }
.nav_top_p .nav_top_more .nav_top_more_down > span a:hover { text-decoration: underline; color: #84744e; }
.animate_zoomIn { -webkit-animation: zoomIn .5s; animation: zoomIn .4s; }
@-webkit-keyframes zoomIn {
  0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
  50% { opacity: 1; }
}
@keyframes zoomIn {
  0% { opacity: 0; -webkit-transform: scale3d(.3, .3, .3); transform: scale3d(.3, .3, .3); }
  50% { opacity: 1; }
}

.nav_top_m { position: relative; height: 1.2rem; }
.nav_top_m .nav_top_logo { position: absolute; top: 15%; left: 42%; width: 16%; }
.nav_top_m .nav_top_menu { position: absolute; top: 36%; right: 6%; width: 6%; }
.nav_top_m img { display: block; width: 100%; }
.nav_top_m .nav_top_menubox { display: none; position: absolute; top: 100%; right: 0; background: #fff; color: #76777b; padding: 0 .4rem; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.05); max-height: calc(100vh - 1.2rem); overflow-y: auto; -webkit-overflow-scrolling: touch; }
.nav_top_m .nav_top_menubox .navactive > a { color: #84744e; }
.nav_top_m .nav_top_menubox .navactive > span { color: #84744e; }
.nav_top_m .nav_top_menubox .navactive::after { content: ' '; position: absolute; top: .2rem; left: 0; width: 1px; height: .4rem; background: #84744e; }
.nav_top_m .nav_top_menubox > div { position: relative; border-bottom: 1px solid #f1f1f2; padding: 0 .1rem 0 .2rem; }
.nav_top_m .nav_top_menubox > div:nth-last-of-type(1) { border-bottom: none; }
.nav_top_m .nav_top_menubox a { display: block; line-height: .8rem; }
.nav_top_m .nav_top_menubox > div > span { display: block; border-bottom: 1px solid #f1f1f2; line-height: .8rem; }
.nav_top_m .nav_top_menubox > div > p { border-bottom: 1px solid #f1f1f2; padding-left: .4rem; color: #76777b; }
.nav_top_m .nav_top_menubox > div > p.navactive { color: #84744e; }
.nav_top_m .nav_top_menubox > div > p:nth-last-of-type(1) { border-bottom: none; }


.nav_bottom { background: #f4f4f4; color: #898b8e; }
.nav_bottom_p { position: relative; width: 78%; height: 100%; min-width: 1200px; margin: 0 auto; background: #f4f4f4; padding: 80px 0 20px 0; }
.nav_bottom_p dl { margin-left: 10%; }
.nav_bottom_p dl:first-child { margin-left: 0; }
.nav_bottom_p dl dt { position: relative; margin-bottom: 30px; font-size: 16px; line-height: 20px; }
.nav_bottom_p dl dt::after { content: ' '; position: absolute; bottom: -15px; left: 0; width: 28px;; height: 1px; background: #898b8e; }
.nav_bottom_p dl dd { font-size: 13px; margin-bottom: 15px; }
.nav_bottom_p dl dd a:hover { text-decoration: underline; }
.nav_bottom_p dl dd .specialtiao { display: block; color: #aaa; margin-top: 10px; }
.nav_bottom_p .nav_bottom_dl2 { margin-left: 40px; margin-top: 50px; }
.nav_bottom_p .nav_bigfont { font-size: 24px; color: #84744e; }
.nav_bottom_p .nav_bottom_dl4 .nav_bottom_dl4_dd1 img { width: 15px; margin-bottom: -2px; margin-right: 4px; }
.nav_bottom_p .nav_bottom_dl4 .nav_bottom_dl4_dd2 img { width: 14px; margin-bottom: -3px; margin-right: 4px; }
.nav_bottom_p .nav_bottom_dl5 { position: relative; margin-right: 160px; margin-left: 0; }
.nav_bottom_p .nav_bottom_dl5 dd img { width: 120px; padding: 10px; background: #fff; }
.nav_bottom_p .nav_bottom_dl5 .nav_bottom_dl5_text { position: absolute; bottom: 0; right: -100%; line-height: 20px; }
.nav_bottom_p .nav_bottom_logo { width: 112px; margin-top: 50px; }
.nav_bottom_p .beian { width: 100%; text-align: center; padding: 0; padding-top: 80px; background: #f4f4f4; min-width: 1200px; }
.nav_bottom_p .beian a { line-height: 40px; font-size: 12px; text-decoration: underline; color: #898b8e; }

.nav_bottom_m { padding: .3rem 0; }
.nav_bottom_m .nav_bottom_big { display: flex; justify-content: space-between; margin: 0 0 0 .4rem; font-size: .24rem; border-bottom: 1px solid #dfdfe0; padding: .3rem 0; }
.nav_bottom_m .nav_bottom_big:nth-of-type(3) { border-bottom: none; }
.nav_bottom_m .nav_bottom_big > div:nth-of-type(1) { flex: 1; }
.nav_bottom_m .nav_bottom_big > div:nth-of-type(2) { flex-shrink: 0; width: 23%; }
.nav_bottom_m .nav_bottom_big > div a { display: block; line-height: .5rem; }
.nav_bottom_m .bot_m_title { position: relative; font-size: .3rem; height: .4rem; line-height: .4rem; color: #76777b; margin-bottom: .3rem; }
.nav_bottom_m .bot_m_title::after { content: ' '; position: absolute; top: 140%; left: 0; width: .3rem; height: 1px; background: #898b8e; opacity: .2; }
.nav_bottom_m .bot_m_spbox { display: flex; }
.nav_bottom_m .bot_m_spbox > div:nth-of-type(1) { margin-right: .4rem; }
.nav_bottom_m .bot_m_spbox > div > p { line-height: .5rem; }
.nav_bottom_m .bot_m_spbox .specialtiao { display: block; color: #aaa; line-height: .4rem; }
.nav_bottom_m .bot_m_dizhi { margin-top: .1rem; line-height: .3rem; }
.nav_bottom_m .bot_m_dianhua img { width: .2rem; margin-right: .05rem; }
.nav_bottom_m .bot_m_dizhi img { width: .2rem; margin-right: .05rem; }
.nav_bottom_m .nav_bigfont { font-size: .4rem; color: #84744e; line-height: .4rem; margin-top: .8rem; }
.nav_bottom_m .nav_smfont { font-size: .2rem; margin-top: .1rem; line-height: .25rem; }
.nav_bottom_m .bot_m_guanzhu { position: relative; }
.nav_bottom_m .bot_m_guanzhu img { pointer-events: auto; width: 1.8rem; padding: .1rem; background: #fff; margin-top: .1rem; }
.nav_bottom_m .bot_m_guanzhu .nav_smfont { position: absolute; top: 47%; left: 120%; width: 1.2rem; }
.nav_bottom_m .beian { font-size: .2rem; text-align: center; }


.indexcon { background: #fff; }
.indexconb { background: #fff; }
.indexcon img { display: block; width: 100%; }
.indexcon_min { min-height: 100vh; }
.indexcon_p { margin: 101px auto 0; width: 78%; min-width: 1200px; }
.indexcon_p1 { margin: 101px auto 0; width: 1100px; }
.othercon_p { margin: 101px auto 0; width: 100%; min-width: 1200px; }
.indexcon_m { width: 100%; margin-top: 1.2rem; }
.itemcon { position: relative; overflow: hidden; }
.itemcon .hiedebox { display: none; }
.itemcon .videobox > video { width: 100%; height: 100%; }
.itemcon .videobofang { position: relative; }
.itemcon .videobofang .videobfimg { position: absolute; top: 50%; left: 42.5%; width: 15%; transform: translateY(-50%); }

.othercon_p .itemcon .videobox.videozixunleft { position: absolute; top: 8%; left: 10.9%; width: 30.5%; }
.othercon_p .itemcon .videobox.videozixunright { position: absolute; top: 8%; right: 10.9%; width: 30.5%; }
.indexcon_m .itemcon .videobox.videozixunleft { position: absolute; top: 16%; left: 5%; width: 26%; }
.indexcon_m .itemcon .videobox.videozixunright { position: absolute; top: 16%; right: 5%; width: 30.5%; }

.indexconbig { position: relative; }
/** **/
.indexconbig_p { min-width: 1200px; }
.indexconbig_p .videokebeisinfobox { position: absolute; }
.indexconbig_p .videokebeisinfobox.videokebeisinfobox1 { top: 22.6%; left: 10.9%; width: 30.5%; }
.indexconbig_p .videokebeisinfobox.videokebeisinfobox2 { top: 16%; right: 10.9%; width: 30.5%; }
.indexconbig_p .videokebeisinfobox > video { width: 100%; }
/** **/
.indexconbig_m .videokebeisinfobox { position: absolute; }
.indexconbig_m .videokebeisinfobox.videokebeisinfobox1 { top: 22.7%; left: 5%; width: 26%; }
.indexconbig_m .videokebeisinfobox.videokebeisinfobox2 { top: 16.7%; left: 5%; width: 26%; }
.indexconbig_m .videokebeisinfobox > video { width: 100%; }


@media screen and (max-width: 1700px) {
  .nav_top_title { right: 4%; }
}
@media screen and (max-width: 1200px) {
  .nav_top_title { right: 7%; }
}
@media screen and (max-width: 1100px) {
  /* html,body { min-width: 100%; }
  .bigw { width: 100%; min-width: 100%; } */
}


.textcon { width: 1200px; margin: 0 auto; padding-top: 150px; padding-bottom: 50px; font-size: 16px; }
.baititle { font-size: 34px; color: #84744e; margin-bottom: 20px; }
.smtext { line-height: 24px; color: #76777b; }
.xuxianbox { margin: 54px auto; font-size: 16px; }
.xuxianbox > p { display: inline-block; width: 597px; box-sizing: border-box; border-bottom: 1px dashed #d8d8d8; padding: 10px 0; }
.xuxianbox > p > span { color: #76777b; }
.xuxianbox > p > span:nth-of-type(1) { display: inline-block; width: 130px; opacity: 0.7; }
.baititle2 { position: relative; font-size: 30px; color: #84744e; margin-bottom: 20px; margin-top: 60px; }
.baititle3.baititle2::after { left: 5.5em; }
.baititle2::after { content: ' '; position: absolute; top: 15px; left: 4.5em; right: 0; height: 1px; background: #3d3d3d; opacity: .3; }
.smtext2 { position: relative; line-height: 24px; color: #76777b; padding-left: 110px; }
.smtext2 > span:nth-child(1) { position: absolute; top: 0; left: 0; width: 110px; height: 100%; color: #84744e; }
.smtext3 { padding-left: 150px; }
.smtext3 > span:nth-child(1) { width: 150px; }

.mobtextcon { width: 100%; padding: 1.6rem .4rem .4rem .4rem; overflow: hidden; }
.mobtextcon .xuxianbox > p { width: 100%; }
.mobtextcon .xuxianbox > p > span:nth-of-type(1) { width: 6em; }
.mobtextcon .smtext2 { padding-left: 0; }
.mobtextcon .smtext2 > span:nth-child(1) { position: relative; display: block; width: 100%; margin-top: 15px; }


.newstitle1 { font-size: 42px; color: #84744e; letter-spacing: 20px; text-align: center; padding-top: 50px; padding-left: 20px; }
.newstitle2 { font-size: 16px; color: #84744e; text-align: center; margin-top: 20px; }
.newstitle2 > span { position: relative; }
.newstitle2 > span::after { content: ' '; position: absolute; top: 50%; width: 45px; left: -55px; height: 1px; background: #84744e; }
.newstitle2 > span::before { content: ' '; position: absolute; top: 50%; width: 45px; right: -55px; height: 1px; background: #84744e; }
.newsbig { margin-top: 80px; }
.newsbig .newsitem { display: block; background: #f2f2f2; padding: 22px 18px; margin-bottom: 40px; }
.newsbig .newsitem >div { display: inline-block; width: 850px; padding: 0 20px; vertical-align: middle; }
.newsbig .newsitem >img { display: inline-block; width: 200px; vertical-align: middle; }
.newsbig .newsitem .newtit { font-size: 24px; color: #84744e; margin-bottom: 22px; line-height: 32px; }
.newsbig .newsitem .newtitcon { font-size: 16px; color: #787878; line-height: 26px; }
.newsitem1 { padding-bottom: 60px; }
.newsitem1 .newsmoretxt { background: #f2f2f2; padding: 22px 18px; font-size: 16px; color: #787878; text-align: center; cursor: pointer; }

.newstitle3 { font-size: 26px; color: #84744e; text-align: center; margin: 80px 0; line-height: 36px; }
.newsdetailbig { width: 1078px; margin: 0 auto; padding-bottom: 40px; }
.newsdetailbig img { display: inline-block; width: auto; max-width: 100%; }
.newsdetailbig p { color: #7a7a7a; margin: 8px 0; line-height: 2; }