@charset "UTF-8";
@font-face { font-family: "light"; src: url(../fonts/SourceHanSansCN-Light.ttf); }
@font-face { font-family: "normal"; src: url(../fonts/SourceHanSansCN-Normal.ttf); }
@font-face { font-family: "regular"; src: url(../fonts/SourceHanSansCN-Regular.ttf); }
@font-face { font-family: "bold"; src: url(../fonts/SourceHanSansCN-Bold.ttf); }
@font-face { font-family: "medium"; src: url(../fonts/SourceHanSansCN-Medium.ttf); }
/*@font-face { font-family: "akz"; src: url(../fonts/AkzidenzGrotesk-MediumCondAlt.otf); }*/
/*@font-face { font-family: "bebas"; src: url(../fonts/BEBAS.ttf); }*/
.fd::after { content: " "; display: block; clear: both; }
.fd { zoom: 1; }
.animated { animation-duration: 1s; animation-fill-mode: both; }
.container, .wrap, .index-container, .foot-container, .drop-container { padding-right: 0px; padding-left: 0px; margin: 0 auto; }
@media (min-width:768px) {
  .wrap, .container, .foot-container { width: 750px; }
}
@media (min-width:992px) {
  .wrap, .container, .foot-container { width: 970px; }
  .index-container { width: 970px; }
}
@media (min-width:1260px) {
  .wrap, .container, .foot-container { width: 1100px; }
  .index-container { width: 1200px; }
}
@media (min-width:1460px) {
  .wrap, .foot-container { width: 1200px; }
  .container, .index-container { width: 1400px; }
}
@media (min-width:1680px) {
  /* 首页内容区 */
  .foot-container { width: 1400px; }
  /* 底部 */
  .container { width: 1400px; }
  /* 头部 */
  .index-container { width: 1400px; }
}
.header { z-index: 1000; position: fixed; top: -90px; height: 90px; width: 100%; background: #fff; transition: all .5s; }
.header2 { top: 0; }

/*===============下拉==============*/
.header .logo { padding: 31.5px 0; float: left; }
.header .logo img { width: 100%; height: 100%; }
.navbar { float: left; margin-left: 125px; }
.navbar * { -webkit-box-sizing: border-box; box-sizing: border-box; }
.category-item { float: left; padding: 0 23px; }

.category-a { font-family: "regular"; padding: 0 0; display: block; font-size: 18px; line-height: 87px; color: #333; -webkit-transition: all .4s; -o-transition: all .4s; transition: all .4s; position: relative; }
.category-a.on, .category-a:hover { color: #0079c3; }

.category-item.active .category-a::after, .category-item:hover .category-a::after { width: 100%; }
.category-item.active .category-a { color: #0079c3; border-bottom: 3px solid #0079c3; }
.category-item:hover .category-a { color: #0079c3; }
.dropdown-menu.single { width: 200%; position: absolute; top: 97%; left: 50%; -webkit-transform: translate(-50%, 0); -ms-transform: translate(-50%, 0); transform: translate(-50%, 0); z-index: 1100; background: rgb(245, 244, 244); margin-top: 0; max-height: 0; opacity: 0; overflow: hidden; -webkit-transition: max-height .8s; -o-transition: max-height .8s; transition: max-height .8s; border: none; color: #303233; box-shadow: 0 0 10px rgba(0, 0, 0, 0.15); height: auto; padding: 0; display: block; }
.xcdh { width: 1260px; margin: 0 auto; margin-top: 40px; padding: 0 2%; }
.dropdown-menu.single .xc_p { text-align: center; width: 25%; float: left; cursor: pointer; }
.dropdown-menu.single .xc_p span { font-family: "regular"; font-size: 20px; color: #666; padding-bottom: 5px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.dropdown-menu.single .on span { color: #ff9a13; border-bottom: 2px solid #ff9a13; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; }
.zsq1 { width: 100%; padding-top: 55px; padding-bottom: 50px; display: none; }
.zsq2 { display: block; }
.zsq1 div { width: 33%; height: 240px; position: relative; float: left; transition: all .5s; }
.zsq1 div img { position: absolute; top: 45%; left: 50%; transform: translate(-50%, -50%); }
.dropdown-menu.single .zsq1 div p { width: 100%; font-size: 24px; color: #fff; opacity: 0; font-family: "regular"; text-align: center; position: absolute; left: 50%; bottom: 10px; transform: translate(-50%, 0%); transition: all .5s; }
.zsq1 div:hover { background: rgb(255, 255, 255); }
.dropdown-menu.single .zsq1 div:hover> a p { color: #333; opacity: 1; }
.category-item:hover .dropdown-menu.single { max-height: 625px; opacity: 1; }
.zsq1 { max-height: 585px; overflow-y: auto; }
.zsq1::-webkit-scrollbar { width: 3px; background-color: #ff9a13; border-radius: 50px; }
.zsq1::-webkit-scrollbar-track { border-radius: 50px; background-color: #999999 }
.zsq1::-webkit-scrollbar-thumb { border-radius: 50px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #ff9a13; }
.nav-language { width: 118px; height: 34px; border-radius: 17px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border: 1px solid rgba(119, 119, 119, 0.6); float: right; margin-top: 34px; padding: 0 22px; }
.nav-language span { display: block; position: relative; }
.icon-down { color: #fff; position: absolute; right: 0; top: 50%; transform: translateY(-50%); -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.nav-language a { font-size: 14px; color: #fff; display: inline-block; line-height: 32px; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.lan-box { display: none; }
.lan-box a { display: block; border-bottom: 1px solid #fff; }
.nav-language span:hover a, .nav-language span:hover .icon-down { color: #0079c3; }
.lan-box a:hover { color: #0079c3; }
.ss { padding: 34.5px 0; position: absolute; right: 20%; }
.yy { width: 90px; float: right; line-height: 90px; position: relative; }
.yy::before { content: ''; width: 1px; height: 14px; background: rgb(206, 206, 206); position: absolute; left: -20%; top: 42%; }
.yy .tb { margin-bottom: -5px; }
.yy span { font-size: 16px; color: #666; font-family: "regular"; float: right; cursor: pointer; }
.yy span img { margin-left: 5px; }
.yy .en { font-size: 16px; color: #666; font-family: "regular"; line-height: 20px; position: absolute; top: 65px; left: 49px; display: none; }

/* 分享 */
.navbar2 { width: 315px; float: right; }
.navbar2 .bshare-custom a { height: 100px; background: none !important; line-height: 100px; font-size: 26px; color: #666666 !important; float: left; padding: 0 !important; margin: 0 0 0 35px !important; }
.navbar2 .bshare-custom a:hover { text-decoration: none !important; color: #f46500 !important; }

.ss2 { float: right; width: 420px; height: 48px; border: 2px solid rgb(190, 188, 186); border-radius: 48px; margin-top: 47px; padding: 0 25px; position: absolute; right: 22%; top: -25px; display: none; }
.ig12 { width: 21px; height: 22px; display: none; }
.ss3 { width: 90%; display: block; position: static; float: none; margin: 0 auto; }
.ss2:hover { border: 2px solid #0079c3; }
.ss2 input { width: 90%; height: 100%; border: none; background: none; font-size: 14px; color: #999; font-family: "regular"; }
.ss2 button { float: right; width: 10%; height: 100%; border: none; background: none; background-image: url(../images/img2.png); background-repeat: no-repeat; background-position: center; }
.ss2 button img { width: 25px; height: 25px; }
.navbar .category-item .two { width: 100%; opacity: 0; max-height: 0; height: auto; transition: all .8s; position: absolute; top: 90px; left: 0; background: rgb(245, 245, 245); overflow: hidden; }
.navbar .category-item .two .index-container { display: grid; grid-template-columns: repeat(4, 1fr); }
.navbar .category-item .two .rq { width: 100%; padding-top: 55px; padding-bottom: 70px; border-left: 1px solid rgb(224, 224, 224); }
.navbar .category-item .two .rq:nth-child(1) { border-left: none; }
.navbar .category-item .two .rq .tp { width: 240px; margin: 0 auto; }
.navbar .category-item .two .rq .tp img { width: 100%; transition: all 1s; }
.navbar .category-item .two .rq .tp .p1 { font-size: 24px; color: #333; font-family: "medium"; margin-top: 30px; margin-bottom: 15px; display: inline-block; }
.navbar .category-item .two .rq:nth-child(1) .tp .p1 { padding-left: 21.5px; }
.navbar .category-item .two .rq:nth-child(1) .tp .p2 { padding-left: 33.5px; }
.navbar .category-item .two .rq .tp .p2 { font-size: 16px; color: #333; font-family: "regular"; line-height: 30px; display: block; padding-left: 12px; position: relative; }
.navbar .category-item .two .rq .tp .p2 img { width: 7px; height: 12px; position: absolute; left: 0; top: 50%; transform: translateY(-50%); }
.navbar .category-item .two .rq .tp .p2:hover img { left: -5px; }
.navbar .category-item .two .rq .tp .p2:hover { letter-spacing: 1px; }
.navbar .category-item .two .rq:nth-child(1) .tp .p2 img { left: 21.5px; }
.navbar .category-item .two .rq:nth-child(1) .tp .p2:hover img { left: 16.5px; }
.navbar .category-item .two .rq .tp .p2:hover { color: rgb(232, 73, 38); }
.navbar .category-item .two .rq .tp:hover>a img { transform: scale(1.2); }
.navbar .category-item .two .rq .tp:hover>.p2 img { transform: translateY(-50%) scale(1); }
.navbar .category-item:hover>.two { opacity: 1; max-height: 1000px; }

/*app-头部*/
.header-app { background: #111; display: none; position: fixed; top: 0; left: 0; width: 100%; height: 60px; z-index: 500; -webkit-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1); -o-transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1); transition: background .44s .2s cubic-bezier(0.52, 0.16, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1); }
.header-app.open-menu { height: 100%; background: #000; -webkit-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1); -o-transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1); transition: background .36s cubic-bezier(0.32, 0.08, 0.24, 1), height .56s cubic-bezier(0.52, 0.16, 0.24, 1); }
.navbar-app { position: relative; -webkit-box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1); box-shadow: 3px 0 7px 0 rgba(0, 0, 0, .1); height: 60px; text-align: center; }
.header-app .logo { float: left; height: 60px; vertical-align: middle; padding: 10px 15px; }
.header-app .logo img { height: 100%; }
.navbar-togger { float: right; background: transparent; border: none; padding: 22px 15px; display: inline-block; visibility: visible; transition: transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96), opacity 0.28s 0.36s cubic-bezier(0.52, 0.16, 0.24, 1), -webkit-transform 0.44s 0.2s cubic-bezier(0.04, 0.04, 0.12, 0.96); }
.navbar-togger .icon_bar { width: 24px; height: 2px; background-color: #0079c3; opacity: 1; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.navbar-togger .icon_bar:nth-of-type(2) { margin: 5px 0; }
.open-menu .navbar-togger .icon_bar:nth-of-type(2) { opacity: 0; }
.open-menu .navbar-togger .icon_bar:first-child { -webkit-transform: translate(0, 7px) rotate(45deg); -ms-transform: translate(0, 7px) rotate(45deg); transform: translate(0, 7px) rotate(45deg); }
.open-menu .navbar-togger .icon_bar:last-child { -webkit-transform: translate(0, -7px) rotate(-45deg); -ms-transform: translate(0, -7px) rotate(-45deg); transform: translate(0, -7px) rotate(-45deg); }
.nav-menu { position: absolute; top: 60px; left: 0; bottom: 0; right: 0; width: 100%; z-index: 620; padding: 20px 15px; overflow-x: hidden; overflow-y: auto; visibility: hidden; -webkit-transition: visibility 0s linear 1s; -o-transition: visibility 0s linear 1s; transition: visibility 0s linear 1s; }
.header-app.open-menu .nav-menu { visibility: visible; -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; }
.nav-list li { border-bottom: 1px solid #424242; opacity: 0; pointer-events: none; }
.nav-list li.open { border-bottom: none; }
.header-app.open-menu .nav-list li { opacity: 1; pointer-events: auto; -webkit-transform: none; -ms-transform: none; transform: none; }
.nav-list li:nth-child(1) { -webkit-transform: translateY(-44px); -ms-transform: translateY(-44px); transform: translateY(-44px); transition: opacity .3345s cubic-bezier(0.52, 0.16, 0.52, 0.84) .15s, transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s, -webkit-transform .4669s cubic-bezier(0.52, 0.16, 0.52, 0.84) .108s; }
.header-app.open-menu .nav-list li:nth-child(1) { transition: opacity .3091s cubic-bezier(0.32, 0.08, 0.24, 1) .03s, transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s, -webkit-transform .3455s cubic-bezier(0.32, 0.08, 0.24, 1) .02s; }
.nav-list li:nth-child(2) { -webkit-transform: translateY(-40px); -ms-transform: translateY(-40px); transform: translateY(-40px); transition: opacity .29294s cubic-bezier(0.52, 0.16, 0.52, 0.84) .13s, transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s, -webkit-transform .45043s cubic-bezier(0.52, 0.16, 0.52, 0.84) .095s; }
.header-app.open-menu .nav-list li:nth-child(2) { transition: opacity .32244s cubic-bezier(0.32, 0.08, 0.24, 1) .05s, transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s, -webkit-transform .35825s cubic-bezier(0.32, 0.08, 0.24, 1) .04s; }
.nav-list li:nth-child(3) { -webkit-transform: translateY(-36px); -ms-transform: translateY(-36px); transform: translateY(-36px); transition: opacity .26098s cubic-bezier(0.52, 0.16, 0.52, 0.84) .11s, transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s, -webkit-transform .43756s cubic-bezier(0.52, 0.16, 0.52, 0.84) .082s; }
.header-app.open-menu .nav-list li:nth-child(3) { transition: opacity .33467s cubic-bezier(0.32, 0.08, 0.24, 1) .07s, transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s, -webkit-transform .37539s cubic-bezier(0.32, 0.08, 0.24, 1) .06s; }
.nav-list li:nth-child(4) { -webkit-transform: translateY(-32px); -ms-transform: translateY(-32px); transform: translateY(-32px); transition: opacity .2386s cubic-bezier(0.52, 0.16, 0.52, 0.84) .09s, transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s, -webkit-transform .42827s cubic-bezier(0.52, 0.16, 0.52, 0.84) .069s; }
.header-app.open-menu .nav-list li:nth-child(4) { transition: opacity .34577s cubic-bezier(0.32, 0.08, 0.24, 1) .09s, transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s, -webkit-transform .39692s cubic-bezier(0.32, 0.08, 0.24, 1) .08s; }
.nav-list li:nth-child(5) { -webkit-transform: translateY(-28px); -ms-transform: translateY(-28px); transform: translateY(-28px); transition: opacity .22581s cubic-bezier(0.52, 0.16, 0.52, 0.84) .07s, transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s, -webkit-transform .42259s cubic-bezier(0.52, 0.16, 0.52, 0.84) .056s; }
.header-app.open-menu .nav-list li:nth-child(5) { transition: opacity .35577s cubic-bezier(0.32, 0.08, 0.24, 1) .11s, transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .1s; }
.nav-list li:nth-child(6) { -webkit-transform: translateY(-24px); -ms-transform: translateY(-24px); transform: translateY(-24px); transition: opacity .20343s cubic-bezier(0.52, 0.16, 0.52, 0.84) .05s, transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s, -webkit-transform .41691s cubic-bezier(0.52, 0.16, 0.52, 0.84) .043s; }
.header-app.open-menu .nav-list li:nth-child(6) { transition: opacity .36577s cubic-bezier(0.32, 0.08, 0.24, 1) .13s, transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s, -webkit-transform .41718s cubic-bezier(0.32, 0.08, 0.24, 1) .12s; }
.nav-list li:nth-child(7) { -webkit-transform: translateY(-20px); -ms-transform: translateY(-20px); transform: translateY(-20px); transition: opacity .18105s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s, -webkit-transform .41123s cubic-bezier(0.52, 0.16, 0.52, 0.84) .03s; }
.header-app.open-menu .nav-list li:nth-child(7) { transition: opacity .37577s cubic-bezier(0.32, 0.08, 0.24, 1) .15s, transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s, -webkit-transform .4115s cubic-bezier(0.32, 0.08, 0.24, 1) .14s; }
.nav-list li:nth-child(8) { -webkit-transform: translateY(-16px); -ms-transform: translateY(-16px); transform: translateY(-16px); transition: opacity .15867s cubic-bezier(0.52, 0.16, 0.52, 0.84) .01s, transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s, -webkit-transform .40555s cubic-bezier(0.52, 0.16, 0.52, 0.84) .17s; }
.header-app.open-menu .nav-list li:nth-child(8) { transition: opacity .38577s cubic-bezier(0.32, 0.08, 0.24, 1) .17s, transform .40582s cubic-bezier(0.32, 0.08, 0.24, 1) .16s, -webkit-transform .42286s cubic-bezier(0.32, 0.08, 0.24, 1) .16s; }
.cate-item { position: relative; }
.cate-item a { font-family: "regular"; font-size: 16px; line-height: 48px; margin-right: 60px; display: block; color: #fff; }
.nav-list li.active .cate-item a, .nav-list li.open .cate-item a { color: #0079c3; }
.nav-list li.open .category-pad a { color: #fff; }
.category-cont a:last-child { border: none; }
.category-cont a.active { color: #0079c3; }
.category-tig { font-size: 14px; color: #888; text-align: right; line-height: 48px; width: 50px; height: 48px; position: absolute; right: 0; top: 0; z-index: 2; }
.category-tig::before, .category-tig::after { content: ''; background: #888; position: absolute; top: 50%; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; }
.category-tig::before { width: 16px; height: 2px; right: 0; margin-top: -1px; }
.category-tig::after { width: 2px; height: 16px; margin-top: -8px; right: 7px; }
.nav-list li.open .category-tig::after { opacity: 0; }
.nav-list li.open .category-tig::before { background: #0079c3; }
.category-cont { display: none; }
.nav-list li.open .category-cont { display: block; border-top: solid 1px #424242; border-bottom: solid 1px #424242; }
.category-pad { padding: 0 15px; }
.category-cont a { font-family: "regular"; font-size: 14px; line-height: 40px; border-bottom: 1px solid #424242; display: block; color: #fff; }
.category-pad a.on { color: #0079c3; }
.lan-box-app { padding: 20px 0; text-align: center; }
.lan-box-app a { font-size: 14px; color: #fff; display: inline-block; padding: 0 10px; position: relative; }
.lan-box-app a:after { content: ''; width: 1px; height: 10px; background: #fff; position: absolute; right: 0; top: 50%; margin-top: -5px; }
.lan-box-app a:hover, .lan-box-app a.on { color: #0079c3; }
.lan-box-app a:last-child:after { display: none; }

/**/
.foot { background-color: rgb(44, 48, 52); }
.foot a { transition: all 0.3s; }
.zhdl .lef a { font-family: "regular"; }
.foot-top { padding: 0px 0 75px; }
.foot-ttop { border-bottom: solid 1px #333; color: #fff; font-size: 14px; padding-bottom: 30px; }
.foot-ttop a { color: #777; display: inline-block; margin-right: 20px; }
.foot-tbot { position: relative; padding-top: 70px; }
.foot-tbot dl dt a { font-family: "regular"; font-size: 20px; color: #fff; display: inline-block; margin-bottom: 20px; }
.foot-tbot dl dd a { font-family: "regular"; display: inline-block; font-size: 16px; color: #fff; line-height: 28px; opacity: 0.66; }
.foot-tbot dl { display: inline-block; vertical-align: top; margin-right: 2.9%; }
.foot-tbot dl.last-dl { float: right; margin-right: 0; }
.foot-tbot dl.last-dl dt { color: #777; font-size: 18px; margin-bottom: 20px; }
.foot-tbot dl.last-dl dd { color: #fff; font-size: 36px; font-family: "regular"; }
.dl-box { padding-right: 15px; }
.dl-box.scrollbar::-webkit-scrollbar { width: 2px; background: url(../images/line.png) no-repeat center; background-size: cover; }
.dl-box.scrollbar::-webkit-scrollbar-thumb { background: url(../images/line1.png) no-repeat center; }
.foot-bot { padding: 25px 0; border-top: 1px solid rgb(55, 59, 62); }
.foot-bot p { font-size: 12px; color: #fff; line-height: 24px; opacity: 0.4; }
.foot-bot p a { font-size: 12px; color: #fff; line-height: 24px; }
.foot-bot p { display: inline-block; font-family: "regular"; }
.foot-bot p.p2 { float: right; }
.foot-bot a { padding-left: 40px; color: #fff; opacity: 0.4; }
.foot a:hover { color: #fff; }
.section a:hover { opacity: 1; }
.section .navbar2 { float: left; }

/* 友情链接 */
.yqlj { width: 310px; height: 55px; }
.yqlj .lef { width: 80%; background: rgba(0, 0, 0, 0.5); height: 100%; font-size: 18px; color: #fff; float: left; line-height: 55px; text-indent: 23px; position: relative; }
.yqlj .rig { width: 20%; background: #fff; height: 100%; float: left; position: relative; }
.yqlj .rig img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.yqcen { padding-top: 25px; padding-bottom: 15px; }
.yqcen .ewm { float: left; }
.yqcen .ewm img { width: 100%; height: 100%; }
.yqcen .wzr { float: left; padding-top: 15px; padding-left: 20px; }
.yqcen .wzr .p1 { font-size: 20px; color: #fff; }
.yqcen .wzr a { font-family: "regular"; font-size: 26px; color: #ff7d01; }
.dt_p { font-family: "regular"; font-size: 14px; color: #fff; opacity: 0.66; }
.foot-tbot dl .dl_dt a { font-size: 24px; color: #fff; }
.qtlj { width: 100%; max-height: 230px; overflow-y: auto; background: rgba(0, 0, 0, 0.9); opacity: 1; position: absolute; z-index: 1; display: none; }
.qtlj p { line-height: 30px; }
.qtlj p a { font-family: "regular"; color: #fff; font-size: 15px; opacity: 0.6; }
.qtlj::-webkit-scrollbar { width: 3px; background-color: #136091; border-radius: 50px; }
.qtlj::-webkit-scrollbar-track { border-radius: 50px; background-color: #999999 }
.qtlj::-webkit-scrollbar-thumb { border-radius: 50px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #136091 }
.foot-tbot .lef div { float: left; margin-right: 80px; }
.foot-tbot .lef div p { font-size: 16px; color: #fff; font-family: "bold"; margin-bottom: 15px; }
.foot-tbot .lef div a { font-size: 14px; color: #fff; opacity: 0.4; display: block; line-height: 30px; }
.foot-tbot .lef div a:hover { opacity: 1; }
.foot-tbot .lef .rig { width: 424px; float: right; margin-right: 0; }
.foot-tbot .lef .rig .ewm { width: 130px; height: 130px; margin-right: 25px; float: left; }
.foot-tbot .ewm img { width: 100%; height: 100%; }
.foot-tbot .lef .ewm p { font-size: 12px; color: #fff; text-align: center; font-family: none; opacity: 0.4; margin-top: 5px; }
.foot-tbot .lef .rig div { float: left; margin-right: 0; }
.foot-tbot .lef .rig  div p { font-size: 12px; opacity: 0.4; color: #fff; margin-bottom: 0; margin-top: 10px; }
.foot-tbot .lef .rig  div a { font-size: 20px; color: #fff; font-family: Arial, Helvetica, sans-serif; opacity: 1; }
.foot-bot .yql { font-size: 12px; color: #fff; padding-left: 28px; opacity: 0.4; cursor: pointer; }
.foot-bleft .p2 { position: relative; float: right; }
.foot-bot .yqjl { width: 100px; height: 205px; overflow-y: auto; background: #fff; position: absolute; bottom: 100%; left: 0px; display: none; }
.foot-bot .yqjl::-webkit-scrollbar { width: 3px; background-color: #136091; border-radius: 50px; }
.foot-bot .yqjl::-webkit-scrollbar-track { border-radius: 50px; background-color: #999999 }
.foot-bot .yqjl::-webkit-scrollbar-thumb { border-radius: 50px; -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #136091 }
.foot-bot .yqjl a { display: block; width: 100%; line-height: 25px; display: block; font-size: 14px; color: #333; padding-left: 0; text-align: center; opacity: 0.4; }
.foot-bot .yqjl a:hover { opacity: 1; }
.foot-tbot { position: relative; }
.foot-top { position: relative; }
.dbyq { width: 100%; position: absolute; bottom: 20px; }
.dbyq a { margin-right: 10px; }
.dbyq .yql { color: #fff; }

/*app-底部*/
.foot-bot .ewm { width: 60px; margin: 0 auto; display: none; }
.foot-bot .ewm img { width: 100%; padding-top: 10px; }
.foot-app { width: 100%; display: none; background: #111; }
.footer-menu { padding: 0 15px; }
.footer-link { font-family: "regular"; padding-top: 15px; color: #777; font-size: 14px; text-align: center; }
.footer-link a { font-family: "regular"; font-size: 14px; color: #777; line-height: 24px; }
.footer-tit { position: relative; border-bottom: 1px solid #333; }
.footer-tit.on>a { color: #0060e7; }
.footer-tit a { font-size: 16px; color: #777; line-height: 48px; margin-right: 48px; display: block; transition: all 0.4s; }
.footer-tig { font-size: 14px; color: #777; text-align: right; line-height: 48px; width: 20px; height: 48px; position: absolute; right: 0px; top: 0; z-index: 2; }
.footer-tig::before, .footer-tig::after { content: ''; background: rgba(255, 255, 255, 0.6); position: absolute; top: 50%; transition: all .3s; left: 50%; }
.footer-tig::before { width: 18px; height: 2px; margin-left: -8px; }
.footer-tig::after { width: 2px; height: 18px; margin-top: -8px; }
.footer-tit.on .footer-tig::after { opacity: 0; }
.footer-tit.on .footer-tig::before { background: #0060e7; }
.footer-cont { display: none; padding: 0 15px 15px; }
.footer-cont a { font-size: 14px; line-height: 24px; }
.footer-tit.on .footer-cont a.on { color: #0060e7; }
.footer-bot { padding: 20px 15px; }
.footer-bot p a { margin-left: 20px; }
.footer-bot p.p2 { margin-top: 10px; }
.footer-bot p, .footer-bot p a { color: #777; font-size: 14px; text-align: center; font-family: "regular"; }
.footer-bot .tel { color: #777; font-size: 14px; margin-bottom: 10px; }
.footer-bot .tel span { color: #777; display: inline-block; font-size: 18px; font-family: DINM; margin-left: 10px; }

/* grabble */
.grabble { width: 100%; height: 360px; background: #fff; border-top: 1px solid rgb(241, 240, 241); display: none; }
.grabble div { width: 700px; margin: 0 auto; margin-top: 160px; position: relative; }
.grabble input { color: #868686; font-size: 24px; width: 100%; border-bottom: 3px solid #0079c3; }
.grabble div .ig { width: 26px; height: 26px; position: absolute; right: 0; top: 0; z-index: 20; cursor: pointer; }
.grabble div p { color: #868686; font-size: 15px; margin-top: 3px; }
.yy .en:hover { color: #0079c3; }

/* banner */
@media (max-width:1680px) {
  .ss { right: 15.5%; }
}
@media (max-width:1550px) {
  .ss { right: 12%; }
}
@media (max-width:1459px) {
  .category-item { padding: 0 15px; }
  .navbar { margin-left: 85px; }
  .yy { width: 78px; }
  .ss { right: 16%; }
  .foot-tbot .lef div { margin-right: 35px; }
  .foot-tbot .lef .rig .ewm { width: 80px; height: 80px; }
  .foot-tbot .lef .rig { width: 352px; }
}
@media(max-width:1366px) {
  .ss { right: 14%; }
}
@media (max-width:1310px) {
  .ss { right: 12%; }
}
@media (max-width:1259px) {
  .header .logo { width: 180px; }
  .category-a { font-size: 15px; }
  .category-item { padding: 0 12px; }
  .navbar { margin-left: 50px; }
  .ss { right: 20%; }
  .foot-tbot .lef .rig .ewm { width: 80px; height: 80px; }
  .foot-tbot .lef div a { font-size: 12px; }
  .foot-tbot .lef .rig div a { font-size: 17px; }
  .foot-tbot .lef div { margin-right: 33px; }
}
@media (max-width:1200px) {
  .ss { right: 18%; }
}
@media (max-width:1100px) {
  .ss { right: 15%; }
}
@media (max-width:1024px) {
  .ss { right: 12%; }
}
@media (max-width:991px) {
  .header { display: none; }
  .foot-bot .ewm { display: block; }
  .header-app { display: block; background: #fff; }
  .header-app .logo { padding: 22px 15px; }
  .foot-top { display: none; }
  .foot-bot p { text-align: center; float: none; display: block; margin: 0 auto; }
  .foot-bleft .p2 { display: block; float: none; margin: 0 auto; text-align: center; display: none; }
}
@media (max-width:414px) {
  .foot-bot p a { display: block; }
  .foot-bot { padding: 5px 0; }
  .foot-bot a { padding-left: 0px; }
  .header-app .logo img { height: 16px; width: 153px; }
}