@font-face {
  font-family: "Kokila";
  src: url("../fonts/kokila.eot");
  src: url("../fonts/kokila.eot?#iefix") format("embedded-opentype"),
       url("../fonts/kokila.woff") format("woff"),
       url("../fonts/kokila.ttf") format("truetype"),
       url("../fonts/kokila.svg#kokila") format("svg");
  font-style: normal;
  font-weight: normal;
}

/*初始化*/
body, ul, li, p, h1, h2, h3, h4, h5, h6, a, dl, dt, dd { margin: 0; padding: 0; }
body { margin: 0 auto; min-width: 1300px; font-size: 14px; color: #2a2a2a; background-color: #fff; }
ul, li { list-style: none; }
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
input, textarea { padding: 0; font-size: 14px; color: #2a2a2a; border: none; }
img { border: none; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
i { font-style: normal; }
a { color:#2a2a2a;text-decoration:none;-webkit-transition:all 0.3s;-moz-transition:all 0.3s;-ms-transition:all 0.3s;-o-transition:all 0.3s;transition:all 0.3s; }
a:hover { color: #d8000f; }

/*通用*/
.comwrap { position: relative; margin: 0 auto; width: 94%; max-width: 1400px; }
.fl-l { float: left; }
.fl-r { float: right; }
.d-ib { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; }
.cl-baf { *zoom: 1; }
.cl-baf:after { content: ""; display: block; height: 0; font-size: 0; overflow: hidden; clear: both; }
.clear { display: block; height: 0; font-size: 0; overflow: hidden; clear: both; }
.txtoe { -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; }
.trs2s { -webkit-transition: all 2s; -o-transition: all 2s; transition: all 2s; }
.trs1s { -webkit-transition: all 1s; -o-transition: all 1s; transition: all 1s; }
.trs06s { -webkit-transition: all 0.6s; -o-transition: all 0.6s; transition: all 0.6s; }
.trs03s { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; }
.trsnone { -webkit-transition: none; -o-transition: none; transition: none; }
.imgha img { max-width: 100%; vertical-align: top; }
.imgwr-il, .imgwr-ilm { position: relative; padding-bottom: 100%; height: 0; overflow: hidden; }
.imgwr-il .img { display: block; width: 100%; }
.imgwr-ilm .img { position: absolute; top: 0; left: 0; right: 0; margin: 0 auto; max-width: 100%; max-height: 100%; }
strong { font-weight: 900; }
.ffpf { font-family:'苹方','PingFang SC','PingFang','microsoft yahei','helvetica',arial,sans-serif; }
.ffyh, body, input, textarea { font-family:'microsoft yahei','helvetica','simsun',arial,sans-serif; }
//.ffkt { font-family:'KaiTi','microsoft yahei','helvetica','simsun',arial,sans-serif; }
.ffkt { font-family:'microsoft yahei','helvetica','simsun',arial,sans-serif; }
.ffst { font-family:'SimSun','microsoft yahei','helvetica','simsun',arial,sans-serif; }

/*弹出灯箱*/
.commask { display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); }
.swiperpf { display: none; position: fixed; top: 0; left: 0; z-index: 1000; margin: 0 auto; width: 100%; height: 100%; text-align: center; overflow: hidden; }
.swiperpf-db { display: block; }
.swiperpf-hide { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.swiperpf .swiper-container { position: absolute; top: 10%; left: 0; right: 0; margin: 0 auto; width: 90%; height: 80%; }
.swiperpf .swiper-slide { position: relative; }
.swiperpf .img { position: absolute; top: 0; left: 0; right: 0; z-index: 1001; margin: 0 auto; max-width: 100%; max-height: 100%; }
.swiperpf .swiper-lazy-preloader { z-index: 1000; }
.swiperpf .tit { display: none; position: absolute; bottom: 0; left: 0; z-index: 1001; width: 100%; font-size: 18px; line-height: 1.8; text-align: center; color: #fff; text-shadow: 0 0 3px #000; }
.swiperpf .close { position: absolute; top: 0; right: 0; z-index: 1000; width: 50px; height: 50px; background-color: #d8000f; }
.swiperpf .close .icon { position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -14px; width: 27px; height: 27px; background: url(../img/icon_close.png) 0 0 no-repeat; }
.swiperpf .close:hover .icon { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg); }
.swiperpf .btn { position: absolute; top: 50%; z-index: 1001; margin-top: -25px; width: 50px; height: 50px; background-color: rgba(216, 0, 15, 0.6); background-color: #d8000f\9; }
.swiperpf .btn .icon { position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -7px; width: 14px; height: 24px; }
.swiperpf .btn:hover { background-color: rgba(216, 0, 15, 0.8); }
.swiperpf .prev { left: 5%; }
.swiperpf .prev .icon { background: url(../img/icon_btn_l_w.png) 0 0 no-repeat; }
.swiperpf .prev:hover .icon { -webkit-transform: translate3d(-3px, 0, 0); -moz-transform: translate3d(-3px, 0, 0); -ms-transform: translate3d(-3px, 0, 0); -o-transform: translate3d(-3px, 0, 0); transform: translate3d(-3px, 0, 0); }
.swiperpf .next { right: 5%; }
.swiperpf .next .icon { background: url(../img/icon_btn_r_w.png) 0 0 no-repeat; }
.swiperpf .next:hover .icon { -webkit-transform: translate3d(3px, 0, 0); -moz-transform: translate3d(3px, 0, 0); -ms-transform: translate3d(3px, 0, 0); -o-transform: translate3d(3px, 0, 0); transform: translate3d(3px, 0, 0); }

body { margin: 2.08% 0; padding: 36px 0 60px; }

/*头部*/
.header { position: fixed; top: 0; left: 0; z-index: 9; padding: 1.04% 0; width: 100%; background: #a91018 url("bg-hf.jpg") 0 0 repeat; }
.header .comwrap { max-width: 1680px; }
.header .logo .img { display: block; height: 36px; }
.header .btn { margin: -4.5px 0; width: 30px; cursor: pointer; }
.header .btn .line { display: block; margin: 9px 0; height: 3px; background-color: #fff; }
.header .btn:hover { transform: scale(0.9); }
.header .btn.on, .header .btn.on:hover { transform: rotateZ(180deg); }
.header .btn.on::before { opacity: 1; filter: alpha(opacity=100); visibility: visible; }
.header .btn.on .line-t { transform: translate3d(0, 12px, 0) rotateZ(45deg); }
.header .btn.on .line-m { opacity: 0; filter: alpha(opacity=0); }
.header .btn.on .line-b { transform: translate3d(0, -12px, 0) rotateZ(-45deg); }
.header .tools { margin: 10px 2.98% 0 0; font-size: 0; }
.header .tools .col { position: relative; margin: 0 8px; padding: 0; width: 16px; height: 14px; background: url("icon-hf.png") 0 0 no-repeat; }
.header .tools .link-wx .img { position: absolute; top: 100%; left: 50%; margin: 10px 0 0 -60px; width: 120px; border: 3px solid #fff; opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.header .tools .link-wx:hover .img { opacity: 1; filter: alpha(opacity=100); visibility: visible; }
.header .tools .link-qq, .header .tools .bshare-custom .bshare-qqim { background-position: -22px 0; }
.header .tools .link-wb, .header .tools .bshare-custom .bshare-sinaminiblog { background-position: -44px 0; }
.header .tools .bshare-linkedin { background-position: -66px 0; }
.header .tools .bshare-twitter { background-position: -88px 0; }
.header .tools .bshare-facebook { background-position: -110px 0; }
.header .tools .link-tm { width: 92px; background-image: url("icon-tm.png"); }
.header .tools .link-jd { width: 94px; background-image: url("icon-jd.png"); }
.header .tools .link-al { width: 128px; background-image: url("icon-al.png"); }
.header .tools .col:hover { transform: translate3d(0, -3px, 0); opacity: 1; filter: alpha(opacity=100); }
.header .tools .bshare-custom { font-size: 0; }
.header .tools .bshare-custom .bshare-weixin, .header .tools .bshare-custom .bshare-qqim, .header .tools .bshare-custom .bshare-sinaminiblog { display: none; }
.header .tel { margin: 8px 2.38% 0 0; font-size: 0; }
.header .tel .icon { margin-right: 4px; width: 11px; height: 11px; background: url("icon-hf.png") -132px 0 no-repeat; }
.header .tel .tellink { font-weight: bold; font-size: 14px; line-height: 20px; color: #fff; }

.nav { display: none; position: fixed; top: 62px; left: 0; right: 0; z-index: 8; margin: 2.08% auto 0; width: 94%; max-width: 1760px; }
.nav::before { content: ''; position: absolute; bottom: 100%; right: 2.27%; width: 0; height: 0; border-style: solid; border-width: 0 20px 21px; border-color: #a91018 transparent; }
.nav .main { padding: 2.56% 0; font-size: 0; background-color: #eee; border: 5px solid #a91018; border-radius: 14px; overflow: hidden; }
.nav .main .listbox { position: relative; margin-left: 4.26%; width: 50.23%; }
.nav .main .listbox::before { content: ''; position: absolute; right: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #eee; transition: all 2s; }
.nav .listbox .bg { display: block; width: 100%; }
.nav .listbox .col { position: absolute; z-index: 3; width: 11.199%; }
.nav .listbox .col-1 { top: 59.42%; left: 0; }
.nav .listbox .col-2 { top: 18.32%; left: 19.57%; }
.nav .listbox .col-3 { top: 0; left: 33.71%; }
.nav .listbox .col-4 { top: 14.55%; left: 54.3%; }
.nav .listbox .col-5 { top: 41.95%; left: 48.98%; }
.nav .listbox .col-6 { top: 58.22%; left: 60.97%; }
.nav .listbox .col-7 { top: 76.37%; left: 71.6%; }
.nav .listbox .col-8 { bottom: 0; right: 0; }
.nav .listbox .imgwr { padding-bottom: 100%; background-color: #a91018; border-radius: 100%; }
.nav .listbox .img { top: 50%; max-width: 50%; max-height: 50%; transform: translate3d(0, -50%, 0); }
.nav .listbox .tit { position: absolute; top: 100%; left: 0; width: 100%; font-family: "Adobe 黑体 Std"; font-size: 30px; text-align: center; color: #000; }
.nav .listbox .col-1 .tit, .nav .listbox .col-7 .tit { margin-top: 10px; }
.nav .listbox .col-3 .tit, .nav .listbox .col-4 .tit, .nav .listbox .col-6 .tit, .nav .listbox .col-8 .tit { top: 50%; left: 100%; transform: translate3d(0, -50%, 0); }
.nav .listbox .col-2 .tit, .nav .listbox .col-5 .tit { top: 50%; left: auto; right: 100%; transform: translate3d(0, -50%, 0); }
.nav .listbox .col:hover .imgwr { transform: scale(0.94); }
.nav .listbox .col:hover .tit { color: #a91018; }
.nav .main .imgbox { position: relative; z-index: 3; margin-left: 7.38%; width: 31.25%; }
.nav .imgbox .list { position: relative; z-index: 2; padding-bottom: 65.45%; }
.nav .imgbox .item, .nav .imgbox .imgwr { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.nav .imgbox .item { display: none;; }
.nav .imgbox .item::before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; margin: 1.81% 0 0 1.81%; width: 100%; height: 100%; background-color: #a91018; border-radius: 10px; }
.nav .imgbox .item-1 { display: block; }
.nav .imgbox .imgwr { position: relative; z-index: 2; padding-bottom: 0; border-radius: 10px }
.nav .imgbox .tit { position: absolute; bottom: 4.16%; right: 5.09%; z-index: 2; font-family: "Adobe 黑体 Std"; font-size: 30px; text-transform: uppercase; color: #fff; }

.nav .listbox .bg, .nav .listbox .imgwr, .nav .listbox .tit, .nav .main .imgbox { opacity: 0; filter: alpha(opacity=0); transition-duration: 1s; }
.nav .listbox .imgwr { transform: scale(0.5); }
.nav .main .imgbox { transform: translate3d(0, 10%, 0); transition-delay: 0.3s; }

.nav.on .main .listbox::before { left: 100%; }
.nav.on .listbox .bg, .nav.on .listbox .imgwr, .nav.on .listbox .tit, .nav.on .main .imgbox { opacity: 1; filter: alpha(opacity=100); }
.nav.on .listbox .imgwr { transform: scale(1); }
.nav.on .listbox .col-1 .imgwr, .nav.on .listbox .col-1 .tit { transition-delay: 0.3s; }
.nav.on .listbox .col-2 .imgwr, .nav.on .listbox .col-2 .tit { transition-delay: 0.4s; }
.nav.on .listbox .col-3 .imgwr, .nav.on .listbox .col-3 .tit { transition-delay: 0.5s; }
.nav.on .listbox .col-4 .imgwr, .nav.on .listbox .col-4 .tit { transition-delay: 0.6s; }
.nav.on .listbox .col-5 .imgwr, .nav.on .listbox .col-5 .tit { transition-delay: 0.7s; }
.nav.on .listbox .col-6 .imgwr, .nav.on .listbox .col-6 .tit { transition-delay: 0.8s; }
.nav.on .listbox .col-7 .imgwr, .nav.on .listbox .col-7 .tit { transition-delay: 0.9s; }
.nav.on .listbox .col-8 .imgwr, .nav.on .listbox .col-8 .tit { transition-delay: 1.0s; }
.nav.on .listbox .col:hover .imgwr { transform: scale(0.94); transition-delay: 0s; }
.nav.on .listbox .col:hover .tit { transition-delay: 0s; }
.nav.on .main .imgbox { transform: translate3d(0, 0, 0); }

/*底部*/
.footer { position: fixed; bottom: 0; left: 0; z-index: 9; padding: 1.04% 0; width: 100%; background: #a91018 url("bg-hf.jpg") 0 0 repeat; }
.footer .menu { max-width: 1365px; font-size: 0; text-align: center; }
.footer .menu .col { position: relative; width: 12.5%; vertical-align: top; }
.footer .menu .col::before { content: ''; position: absolute; top: 12px; left: 0; margin-left: -4px; width: 8px; height: 1px; background-color: #fff; opacity: 0.3; filter: alpha(opacity=30); }
.footer .menu .col-1::before { display: none; }
.footer .menu .link { display: inline-block; *display: inline; *zoom: 1; width: 80%; height: 60px; overflow: hidden; }
.footer .menu .icon { display: none; margin: 0 auto 6px; width: 14px; height: 14px; background: url("icon-hf.png") -149px 0 no-repeat; }
.footer .menu .tit { font-size: 14px; letter-spacing: 0.2em; color: #fff; }
.footer .menu .stit { font-size: 14px; color: #fff; opacity: 0.4; filter: alpha(opacity=40); }
.footer .menu .tit, .footer .menu .stit { vertical-align: top; -webkit-writing-mode: vertical-rl; -ms-writing-mode: bt-rl; writing-mode: vertical-rl; }
.footer .menu .link:hover  { transform: translate3d(0, 6px, 0); }
.footer .menu .cur .icon { display: block; }
.copyright { display: none; position: fixed; bottom: 0; right: 0; z-index: 10; font-size: 0; opacity: 0.6; filter: alpha(opacity=60); }
.copyright .comwrap { width: auto; }
.copyright .a { font-size: 12px; color: #fff; }

.nav-foot { display: none; position: fixed; bottom: 0; left: 0; z-index: 7; width: 100%; background: #a91018 url("bg-hf.jpg") 0 0 repeat; }
.nav-foot .wrap { padding: 0 3%; }
.nav-foot .col { position: relative; padding: 5px 0; width: 25%; }
.nav-foot .col .icon { display: block; width: 100%; height: 20px; background: url("icon-navf.png") center 0/auto 400% no-repeat; }
.nav-foot .col .icon-2 { background-position: center -20px; }
.nav-foot .col .icon-3 { background-position: center -40px; }
.nav-foot .col .icon-4 { background-position: center -60px; }
.nav-foot .col .txt { margin-top: 3px; font-size: 91.66%; color: #fff; text-align: center; }
.nav-foot .col .link { position: absolute; top: 0; left: 0; z-index: 7; width: 100%; height: 100%; }

.cnzztj { display: none; position: fixed; bottom: 0; left: 0; z-index: 10; }

/*内容*/
.body-bg { background: url("bg-body.jpg") right top no-repeat; background-attachment: fixed; }
.body-contact { background: url("bg-contact.jpg") left center no-repeat; background-attachment: fixed; }
.body-pros { background: url("bg-pros.jpg") left center no-repeat; background-attachment: fixed; }

.banner { overflow: hidden; }
.banner .img { display: block; width: 100%; }
.comtit { font-size: 0; color: #000; }
.comtit .tit { font-size: 60px; }
.comtit .stit { margin: 10px 0 0 16px; }
.comtit .icon { display: block; width: 27px; height: 29px; background: url("icon-comtit.png") 0 0 no-repeat; }
.comtit .txt { display: block; margin-top: 4px; font-family: 'Kokila','microsoft yahei','helvetica',arial,sans-serif; font-size: 26px; text-transform: uppercase; }
.comtit-con { padding-bottom: 20px; padding-left: 37px; border-bottom: 1px solid #eee; background: url("contit.jpg") 0 0 no-repeat; }
.comtit-con .txt { font-weight: bold; font-size: 18px; line-height: 27px; color: #333; }
.comtit-con .more { font-family: arial; line-height: 27px; color: #e52d27; }
.comtit-con .more:hover { color: #ff0000; text-shadow: 0 0 1px #e52d27; }
.menut .listwr .list { font-size: 0; }
.menut .listwr .col { margin: 2.14% 0 0 1.42%; width: 132px; height: 32px; background: url("bg-menut.png") 0 0 no-repeat; overflow: hidden; }
.menut .listwr .link { display: block; padding: 0 5px; font-size: 16px; line-height: 33px; letter-spacing: 0.05em; text-align: center; color: #fff; }
.menut .listwr .link:hover { color: #d8000f; }
.menut .listwr .cur { background-position: -138px 0; }
.menut .listwr .cur:hover { color: #fff; }
.menut-2 .comtit { width: 30%; }
.menut-2 .listwr { margin-top: 12px; width: 65%; text-align: right; }
.pagelist { margin-top: 5.06%; font-size: 0; text-align: center; }
.pagelist li { display: inline-block; *display: inline; *zoom: 1; margin: 0 2.5px 5px; }
.pagelist li a, .pagelist li.noa, .pagelist li.thisclass, .pagelist li.hass, .pagelist li.active { display: block; padding: 0 9px; min-width: 16px; font-size: 14px; line-height: 34px; color: #1f1c1c; border: 1px solid #e5e5e5; }
.pagelist li a:hover { color: #d8000f; border-color: #d8000f; }
.pagelist li.noa, .pagelist li.thisclass, .pagelist li.hass, .pagelist li.active { display: inline-block; }
.pagelist li.noa a, .pagelist li.thisclass a, .pagelist li.active a { display: inline; padding: 0; min-width: auto; border: none; }
.pagelist li.noa a:hover { color: #1f1c1c; border-color: #e5e5e5; }
.pagelist li.thisclass, .pagelist li.active { color: #fff; background-color: #d8000f; border-color: #d8000f; }
.pagelist li.thisclass a, .pagelist li.thisclass a:hover, .pagelist li.active a, .pagelist li.active a:hover { color: #fff; }
.pagelist li.noa { display: none; }
.pagelist li.active { display: inline-block; }
.pageb { margin: 40px 0; padding: 30px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }
.pageb { line-height: 2.14; font-weight: bold; }
.pageb a { font-weight: normal; }
.position, position a { font-size: 14px; color: #666; }
.position a:hover { color: #d8000f; }

/*弹出灯箱*/
.commask { display: none; position: fixed; top: 0; left: 0; z-index: 999; width: 100%; height: 100%; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); }
.swiperpf { display: none; position: fixed; top: 0; left: 0; z-index: 1000; margin: 0 auto; width: 100%; height: 100%; text-align: center; overflow: hidden; }
.swiperpf-db { display: block; }
.swiperpf-hide { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.swiperpf .swiper-container { position: absolute; top: 10%; left: 0; right: 0; margin: 0 auto; width: 90%; height: 80%; }
.swiperpf .swiper-slide { position: relative; }
.swiperpf .img { position: absolute; top: 0; left: 0; right: 0; z-index: 1001; margin: 0 auto; max-width: 100%; max-height: 100%; }
.swiperpf .swiper-lazy-preloader { z-index: 1000; }
.swiperpf .tit { display: none; position: absolute; bottom: 0; left: 0; z-index: 1001; width: 100%; font-size: 18px; line-height: 1.8; text-align: center; color: #fff; text-shadow: 0 0 3px #000; }
.swiperpf .close { position: absolute; top: 0; right: 0; z-index: 1000; width: 50px; height: 50px; background-color: #d8000f; }
.swiperpf .close .icon { position: absolute; top: 50%; left: 50%; margin: -14px 0 0 -14px; width: 27px; height: 27px; background: url("icon_close.png") 0 0 no-repeat; }
.swiperpf .close:hover .icon { -webkit-transform: rotateZ(180deg); -moz-transform: rotateZ(180deg); -ms-transform: rotateZ(180deg); -o-transform: rotateZ(180deg); transform: rotateZ(180deg); }
.swiperpf .btn { position: absolute; top: 50%; z-index: 1001; margin-top: -25px; width: 50px; height: 50px; background-color: rgba(216, 0, 15, 0.6); background-color: #3399cc\9; }
.swiperpf .btn .icon { position: absolute; top: 50%; left: 50%; margin: -12px 0 0 -7px; width: 14px; height: 24px; }
.swiperpf .btn:hover { background-color: rgba(216, 0, 15, 0.8); }
.swiperpf .prev { left: 5%; }
.swiperpf .prev .icon { background: url("icon_btn_l_w.png") 0 0 no-repeat; }
.swiperpf .prev:hover .icon { -webkit-transform: translate3d(-3px, 0, 0); -moz-transform: translate3d(-3px, 0, 0); -ms-transform: translate3d(-3px, 0, 0); -o-transform: translate3d(-3px, 0, 0); transform: translate3d(-3px, 0, 0); }
.swiperpf .next { right: 5%; }
.swiperpf .next .icon { background: url("icon_btn_r_w.png") 0 0 no-repeat; }
.swiperpf .next:hover .icon { -webkit-transform: translate3d(3px, 0, 0); -moz-transform: translate3d(3px, 0, 0); -ms-transform: translate3d(3px, 0, 0); -o-transform: translate3d(3px, 0, 0); transform: translate3d(3px, 0, 0); }

/*简介*/
.fullpage-item { background: url("bg-body.jpg") center no-repeat; overflow: hidden; }
.fullpage-item .main { padding: 2.6% 0; }
.fullpage-item .main-pa { position: absolute; top: 0; left: 0; right: 0; height: 94.8%; }
.swiper-container-vertical>.swiper-pagination-bullets.fullpage-menu { left: 1.04%; right: auto; z-index: 8; margin-top: -65px\9; }
.fullpage-menu .swiper-pagination-bullet { position: relative; width: 10px; height: 10px; background-color: #d3a900; opacity: 1; filter: alpha(opacity=100); }
.swiper-container-vertical>.swiper-pagination-bullets.fullpage-menu .swiper-pagination-bullet { margin: 10px 0; }
.fullpage-menu .swiper-pagination-bullet-active { background-color: #a91018; }
.fullpage-menu .txt { position: absolute; top: 50%; left: 50%; margin: -9.5px 0 0 6px; padding: 0 5px; min-width: 56px; font-size: 14px; line-height: 19px; text-align: center; color: #fff; background-color: #d3a900; border-radius: 3px; opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.fullpage-menu .swiper-pagination-bullet-active .txt { background-color: #a91018; }
.fullpage-menu .swiper-pagination-bullet:hover .txt { left: 100%; opacity: 1; filter: alpha(opacity=100); visibility: visible; }

.about-jj { background: url("bg-abjj.jpg") center right no-repeat; }
.about-jj .conwr { margin-top: 2.15%; width: 63.92%; font-size: 16px; line-height: 32px; text-align: justify; color: #555; }
.about-jj .imgbox { margin-top: 2.85%; width: 33.21%; }
.about-jj .imgbox .imgwr { padding-bottom: 54.84%; }

.about-lc .slidebox { position: relative; margin-top: 7.14%; padding: 0 60px 0 100px; }
.about-lc .slidebox .slide-c, .about-lc .slidebox .slide-y { z-index: 2; }
.about-lc .slidebox .col { position: relative; margin-right: 12.9%; width: 43.55%; font-weight: bold; }
.about-lc .slidebox .tit { font-weight: bold; font-size: 36px; color: #a81018; }
.about-lc .slidebox .con { margin-top: 2.59%; font-size: 14px; line-height: 21px; color: #000; }
.about-lc .slidebox .slide-y { margin-top: 2.14%; font-size: 0; }
.about-lc .slidebox .year { padding-top: 6px; font-weight: bold; font-size: 36px; color: #000; border-top: 12px solid #a81018; }
.about-lc .slidebox .line { position: absolute; left: 50%; bottom: 54px; z-index: 1; margin-left: -1000px; width: 2000px; height: 10px; background-color: #d3a900; }

.about-lc .slidebox-2 { position: relative; margin-top: 11.42%; }
.about-lc .slidebox-2 .wrap { overflow: hidden; }
.about-lc .slidebox-2 .list { position: relative; z-index: 2; width: 1000%; font-size: 0; }
.about-lc .slidebox-2 .col { position: relative; vertical-align: top; }
.about-lc .slidebox-2 .year { font-weight: bold; font-size: 24px; line-height: 30px; color: #000; transform-origin: left bottom; }
.about-lc .slidebox-2 .tit { font-weight: bold; font-size: 22px; line-height: 28px; color: #000; }
.about-lc .slidebox-2 .dot, .about-lc .slidebox-2 .dot::before { position: absolute; top: 77px; left: 0; width: 19px; height: 19px; background-color: #a0a0a0; border: 1px solid #898989; border-radius: 100%; }
.about-lc .slidebox-2 .dot::before { content: ''; top: 4px; left: 4px; width: 9px; height: 9px; background-color: #fff; transition: all .3s; }
.about-lc .slidebox-2 .col-odd { margin-top: 117px; }
.about-lc .slidebox-2 .col-odd .dot { top: -40px; }
.about-lc .slidebox-2 .line { position: absolute; top: 85px; left: 0; z-index: 1; width: 10000%; height: 5px; background-color: #bbb; }
.about-lc .slidebox-2 .col:hover .year, .about-lc .slidebox-2 .cur .year { color: #a91018; }
.about-lc .slidebox-2 .col:hover .dot, .about-lc .slidebox-2 .col:hover .dot::before, .about-lc .slidebox-2 .cur .dot, .about-lc .slidebox-2 .cur .dot::before { border-color: #890000; }
.about-lc .slidebox-2 .col:hover .dot, .about-lc .slidebox-2 .cur .dot { background-color: #a91018; }
.about-lc .slidebox-2 .cur .year { margin-top: -6px; font-size: 28px; line-height: 36px; }
.about-lc .slidebox-2 .cur .dot { margin-top: -2px; font-size: 24px; line-height: 30px; }
.about-lc { background: none; }
.about-lc .conbox { margin-top: 3%; }
.about-lc .conbox .imgwr { padding-bottom: 35%; }
.about-lc .conbox .imgwr::before { content: ''; position: absolute; top: 0; right: 0; z-index: 2; width: 100%; height: 100%; background-color: #fff; transition: all .5s; }
.about-lc.anime-r .conbox .imgwr::before { width: 0; transition: all 5s; }

.about-btn { position: absolute; bottom: 71px; left: 0; z-index: 8; margin-bottom: 2.14%; width: 40px; height: 40px; font-size: 0; line-height: 40px; text-align: center; background-color: #a81018; border-radius: 2px; }
.about-btn:hover { background-color: #d8000f; cursor: pointer; }
.about-btn .icon { width: 17px; height: 27px; background: url("icon-btn-ab.png") 0 0 no-repeat; }
.about-btn.next { left: 100%; }
.about-btn.next .icon { background-position: -69px 0; }

.about-zs .slidebox { padding: 0 70px 0 100px; }
.about-zs .slidebox .col { margin-right: 6.09%; width: 29.27%; }
.about-zs .slidebox .imgwr { margin: 16.94% auto 0; padding-bottom: 124.24%; width: 88.88%; overflow: visible; cursor: pointer; }
.about-zs .slidebox .img { border: 10px solid #bc8900; border-radius: 10px; box-sizing: border-box; }
.about-zs .slidebox .tit { margin-top: 20px; font-weight: bold; font-size: 24px; text-align: center; color: #010101; opacity: 0; filter: alpha(opacity=0); }
.about-zs .slidebox .swiper-slide-active .imgwr { margin-top: 0; padding-bottom: 141.18%; width: 100%; }
.about-zs .slidebox .swiper-slide-active .tit { opacity: 1; filter: alpha(opacity=100); }
.about-zs .slidebox .about-btn { top: 50%; bottom: auto; margin: 7px 0 0; }

.patent-xq { display: none\9; position: fixed; top: 5%; left: 20%; z-index: 1000; width: 60%; height: 90%; background: #fff url(../v2019/loading.gif) center no-repeat; box-shadow: 0 0 10px 0 #eee; overflow: scroll; opacity: 0; filter: alpha(opacity=0); transform: translate3d(0, -150%, 0); }
.patent-xq .img { display: block; margin: 10px auto; max-width: 100%; }
.patent-xq .h1tit { margin: 20px 0; font-size: 20px; text-align: center; }
.patent-on { display: block\9; opacity: 1; filter: alpha(opacity=100); transform: translate3d(0, 0, 0); }
.patent-html { background-image: none; }
.patent-c { display: none; position: fixed; right: 20%; top: 5%; z-index: 1001; margin-right: -20px; margin-top: -20px; width: 40px; height: 40px; text-indent: -9999px; background: #fff url("patentc.jpg") center no-repeat; border-radius: 100%; border: 1px solid #ddd; box-shadow: 0 0 10px 0 #fff; overflow: hidden; }
.commask { display: none; position: fixed; left: 0; top: 0; z-index: 999; width: 100%; height: 100%; background-color: #000; opacity: 0.8; filter: alpha(opacity=80); }

.about-sp .slidebox { position: relative; margin-top: 2.08%; overflow: hidden; }
.about-sp .slidebox .slide { max-width: 820px; overflow: visible; }
.about-sp .slidebox .col { margin-right: 3.65%; }
.about-sp .slidebox .box { border: 12px solid #21141d; border-radius: 12px; transform: scale(0.31); }
.about-sp .slidebox .inbox { position: relative; }
.about-sp .slidebox .imgwr { padding-bottom: 56.55%; background-color: #000; cursor: pointer; }
.about-sp .slidebox .img { opacity: 0.6; filter: alpha(opacity=60); }
.about-sp .slidebox .col .icon { position: absolute; top: 50%; left: 0; right: 0; z-index: 2; margin: -56px auto 0; width: 106px; height: 112px; background: url("icon-play.png") 0 0 no-repeat; }
.about-sp .slidebox .vbox { display: none; position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; background-color: #000; visibility: hidden; }
.about-sp .slidebox .tit { margin-top: 13px; font-size: 24px; text-align: center; color: #000; opacity: 0; filter: alpha(opacity=0); }
.about-sp .slidebox .col:hover .img { opacity: 0.9; filter: alpha(opacity=90); }
.about-sp .slidebox .col:hover .icon { transform: translate3d(6px, 0, 0); }
.about-sp .slidebox .swiper-slide-prev .box { transform-origin: center right; }
.about-sp .slidebox .swiper-slide-next .box { transform-origin: center left; }
.about-sp .slidebox .swiper-slide-active .box { transform: translate3d(0, 0, 0) scale(1); }
.about-sp .slidebox .swiper-slide-active .vbox { visibility: visible; }
.about-sp .slidebox .swiper-slide-active .tit { opacity: 1; filter: alpha(opacity=100); }
.about-sp .slidebox .about-btn { bottom: 0; margin-bottom: 0; }
.about-sp .slidebox .about-btn.next { left: auto; right: 0; }

.about-wh { background: url("bg-about-wh.jpg") center left no-repeat; }
.about-wh .slidebox { position: relative; margin-top: 3.125%; }
.about-wh .slidebox .col { margin-right: 8.75%; width: 27.5%; cursor: pointer; }
.about-wh .slidebox .col-hide { opacity: 0; filter: alpha(opacity=0); }
.about-wh .slidebox .imgwr { padding-bottom: 100%; }
.about-wh .slidebox .tit { margin-top: 15px; font-size: 36px; text-align: center; color: #000; }
.about-wh .slidebox .col:hover .imgwr { transform: translate3d(0, -6px, 0); }
.about-wh .slidebox .col:hover .tit { color: #d8000f; }
.about-wh .slidebox .about-btn { top: 50%; bottom: auto; left: -50px; margin: -48px auto 0; }
.about-wh .slidebox .about-btn.next { left: 100%; margin-left: 10px; }
.about-wh .conbox { position: absolute; top: 0; right: 0; z-index: 7; padding-top: 2.6%; width: 52.86%; }
.about-wh .conbox .item { display: none; }
.about-wh .conbox .menu { margin-top: 32px; font-size: 0; }
.about-wh .conbox .mcol { margin: 0 20px 20px 0; padding: 0 15px; width: 102px; height: 32px; font-size: 16px; line-height: 32px; letter-spacing: 0.05em; color: #fff; background: url("bg-menut.png") 0 0 no-repeat; overflow: hidden; transition: color .3s; }
.about-wh .conbox .mcol:hover { color: #d8000f; cursor: pointer; }
.about-wh .conbox .mcol.cur { background-position: -138px 0; }
.about-wh .conbox .mcol.cur:hover { color: #fff; }
.about-wh .conbox .cmain { position: relative; margin-top: 38px; }
.about-wh .conbox .citem { display: none; }
.about-wh .conbox .citem-1 { display: block; }
.about-wh .conbox .ccol { margin-right: 8.1%; width: 45.95%; }
.about-wh .conbox .ccol .imgwr { padding-bottom: 73.53%; }
.about-wh .conbox .ccol .tit { margin-top: 8.82%; font-size: 18px; color: #212121; opacity: 0.8; filter: alpha(opacity=80); }
.about-wh .conbox .ccol .desc { margin-top: 4.11%; font-size: 14px; line-height: 36px; color: #727272; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.about-wh .conbox .ccol .info { margin-top: 7.05%; font-size: 14px; color: #767676; opacity: 0.5; filter: alpha(opacity=50); }
.about-wh .conbox .ccol:hover .img { transform: scale(1.03); }
.about-wh .conbox .ccol:hover .tit { color: #d8000f; }
.about-wh .conbox .btn { position: absolute; top: 50%; z-index: 7; margin-top: -37px; width: 48px; height: 74px; background: url("icon-btn-abwh.png") 0 0 no-repeat; }
.about-wh .conbox .prev { left: -48px; margin-left: -11.48%; }
.about-wh .conbox .prev:hover { background-position: -54px 0; }
.about-wh .conbox .next { right: -48px; margin-right: -11.48%; background-position: -162px 0; }
.about-wh .conbox .next:hover { background-position: -108px 0; }

.about-wh-2 { background-image: url("bg-about-culture.jpg"); }
.about-wh-2 .main { max-width: 1292px; }
.about-wh-2 .slidebox { margin-top: 5.5%; }
.about-wh-2 .slidebox .col { position: relative; margin-right: 4.25%; width: 30.5%; cursor: pointer; }
.about-wh-2 .slidebox .imgwr { padding-bottom: 86.54%; border-radius: 16px; }
.about-wh-2 .slidebox .tit { position: absolute; bottom: 0; left: 0; z-index: 2; margin-bottom: 0.66em; width: 100%; font-size: 18px; text-align: center; color: #fff; letter-spacing: 0.05em; }

/*.about-gs .main { max-width: 1620px; font-family: "思源黑体"; font-size: 0; }
.about-gs .list .tit { font-size: 25px; line-height: 32px; color: #000; letter-spacing: 0.075em; }
.about-gs .list .tit .b { font-weight: bold; color: #a81118; }
.about-gs .list .con { margin-top: 26px; font-size: 18px; line-height: 22px; color: #585858; }
.about-gs .main .left { width: 71.3%; }
.about-gs .list-l .list { font-size: 0; }
.about-gs .list-l .col { margin: 6.06% 7.7933% 0 0; width: 25.54%; vertical-align: top; }
.about-gs .list-l .imgwr { padding-bottom: 63.16%; }
.about-gs .list-l .tit { margin-top: 10px; font-weight: bold; }
.about-gs .main .right { margin-left: 4.5%; width: 23.15%; }
.about-gs .list-r .col { width: 100%; }
.about-gs .list-r .imgwr { padding-bottom: 100%; }
.about-gs .list-r .tit { font-size: 27px; line-height: 35px; text-align: center; }
.about-gs .list-r .tit .b { display: block; }*/
.about-gs .main { max-width: 1510px; font-family: "思源黑体"; }
.about-gs .slide { padding-top: 4%; }
.about-gs .slide-item { font-size: 0; }
.about-gs .slide-item-1 .tit { font-size: 25px; line-height: 32px; color: #000; letter-spacing: 0.075em; }
.about-gs .slide-item-1 .tit .b { font-weight: bold; color: #a91018; }
.about-gs .slide-item-1 .con { margin-top: 26px; font-size: 18px; line-height: 22px; color: #585858; }
.about-gs .slide-item-1 .col { margin-right: 6.88%; width: 19.27%; vertical-align: top; }
.about-gs .slide-item-1 .col .imgwr { padding-bottom: 63.16%; }
.about-gs .slide-item-1 .col .tit { margin-top: 10px; font-weight: bold; }
.about-gs .slide-item-1 .col-s2 { margin: -15px 0 0; width: 21.55%; }
.about-gs .slide-item-1 .col-s2 .imgwr { margin: 0 auto; padding-bottom: 81%; width: 81%; }
.about-gs .slide-item-1 .col-s2 .tit { margin-top: 20px; font-size: 27px; line-height: 35px; text-align: center; }
.about-gs .slide-item-1 .col-s2 .tit .b { display: block; }
.about-gs .slide-item-s2 .tit { font-weight: bold; font-size: 25px; color: #a91018; }
.about-gs .slide-item-s2 .con { margin-top: 20px; font-size: 18px; line-height: 27px; color: #232323; }
.about-gs .slide-item-s2 .txt { margin-top: 20px; font-size: 11px; line-height: 1.18; color: #717171; text-transform: uppercase; }
.about-gs .slide-item-s2 .list { margin-top: 4.3%; }
.about-gs .slide-item-s2 .col { margin: 4.3% 13% 0 0; width: 37%; vertical-align: top; }
.about-gs .slide-item-s2 .imgwr { margin-right: 7.84%; padding-bottom: 27.45%; width: 27.45%; }
.about-gs .slide-item-s2 .conwr { width: 64.71%; font-size: 11px; color: #232323; }
.about-gs .slide-item-s2 .ctit { font-size: 16px; }
.about-gs .slide-item-2 { width: 45%; }
.about-gs .slide-item-3 { width: 21.19%; }
.about-gs .slide-item-3 .list { margin-top: 12.5%; }
.about-gs .slide-item-3 .col { margin: 12.5% 0 0; width: 100%; vertical-align: top; }
.about-gs .slide-item-3 .imgwr { margin-right: 14.0625%; padding-bottom: 23.4375%; width: 23.4375%; }
.about-gs .slide-item-3 .conwr { width: 62.5%; font-size: 17px; line-height: 25px; }
.about-gs .slide-item-4 { width: 42.25%; }
.about-gs .slide-item-4 .imgwr { position: absolute; top: 0; left: 0; padding-bottom: 0; width: 100%; height: 100%; }

.about-gs-1 .main { max-width: 1480px; }
.about-gs-1 .content { font-size: 0; text-align: center; }
.about-gs-1 .content .item { position: relative; z-index: 2; background-color: #eee; vertical-align: top; }
.about-gs-1 .item .tit { font-weight: bold; font-size: 20px; color: #040000; }
.about-gs-1 .item .tit .b { color: #a91018; }
.about-gs-1 .item .con { font-size: 15px; line-height: 18px; color: #585858; text-align: justify; }
.about-gs-1 .item .icon { position: absolute; width: 25px; height: 25px; z-index: 2; background: url(../img/icon-about-1.png) 0 0 no-repeat; }
.about-gs-1 .content-1 { margin-top: -2%; border-radius: 40px; overflow: hidden; }
.about-gs-1 .content-1 .item { margin: 8.1% 0 -9999px; padding-bottom: 9999px; width: 35.815%; }
.about-gs-1 .content-1 .item-in { position: relative; }
.about-gs-1 .content-1 .item-img { margin: 5.66% 0 4.71%; width: 37.73%; }
.about-gs-1 .content-1 .item-img .imgwr { padding-bottom: 120px; width: 100%; }
.about-gs-1 .content-1 .item-img .tit { margin-top: 10px; }
.about-gs-1 .content-1 .item-con { margin: 5.66% 0 4.71% 3.77%; width: 48.11%; }
.about-gs-1 .content-1 .item-1 { border-top-left-radius: 40px; }
.about-gs-1 .content-1 .item-1 .icon { top: 50%; right: 0; margin: -12.5px -12.5px 0 0; }
.about-gs-1 .content-1 .item-2 { border-top-right-radius: 40px; }
.about-gs-1 .content-1 .item-2 .icon { top: 50%; left: 0; margin: -12.5px 0 0 -12.5px; background-position: -31px 0; }
.about-gs-1 .content-1 .item-s2 { z-index: 1; margin: 0 1.01% -9999px; width: 26.35%; background-color: #e3c887; }
.about-gs-1 .item-s2 .imgwr { padding-bottom: 61.54%; }
.about-gs-1 .item-s2 .imgwr::before { content: ''; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 50%; background-color: #fff; }
.about-gs-1 .item-s2 .imgwr .img { z-index: 2; }
.about-gs-1 .item-s2 .tit { margin: 3% 4% 5%; font-weight: normal; line-height: 24px; text-align: center; color: #1b1717; }
.about-gs-1 .item-s2 .tit .b { display: block; font-weight: bold; }
.about-gs-1 .content-2 { margin-top: 1.01%; }
.about-gs-1 .content-2 .item { padding: 1.35%; width: 45.94%; min-width: 910px; border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; }
.about-gs-1 .content-2 .item-img { width: 29.41%; max-width: 200px; }
.about-gs-1 .content-2 .item-img .imgwr { padding-bottom: 120px; width: 100%; }
.about-gs-1 .content-2 .item-con { margin-left: 1.48%; width: 69.11%; max-width: 470px; text-align: left; }
.about-gs-1 .content-2 .item-con .con { margin-top: 1em; }
.about-gs-1 .content-2 .item .icon { top: 0; left: 50%; margin: -12.5px 0 0 -12.5px; background-position: -62px 0; }

.about-gs-2 .main { max-width: 1480px; }
.about-gs-2 .content { font-size: 0; }
.about-gs-2 .content-1 { margin-top: 3.3%; }
.about-gs-2 .content-1 .tit { margin-bottom: 14px; font-weight: bold; font-size: 23px; color: #a91018; }
.about-gs-2 .content-1 .con { font-size: 17px; line-height: 25px; color: #232323; text-align: justify; vertical-align: top; }
.about-gs-2 .content-1 .txt { font-size: 11px; line-height: 1.18; color: #717171; text-transform: uppercase; vertical-align: top; }
.about-gs-2 .content-1 .item-1 { width: 64.53%; vertical-align: top; }
.about-gs-2 .content-1 .item-1 .con { width: 65.97%; }
.about-gs-2 .content-1 .item-1 .txt { margin-left: 3%; width: 30.89%; }
.about-gs-2 .content-1 .item-2 { margin-left: 3.7%; width: 31.75%; vertical-align: top; }
.about-gs-2 .content-2 { margin-top: 2%; text-align: center; }
.about-gs-2 .content-2 .imgwr { padding-bottom: 9.12%; }
.about-gs-2 .content-3 { margin-top: 2%; }
.about-gs-2 .content-3 .col { margin-top: 2%; vertical-align: top; }
.about-gs-2 .content-3 .col-s1 { margin-right: 2.02%; width: 15.03%; vertical-align: top; }
.about-gs-2 .content-3 .col-s1 .imgwr { margin-right: 7.84%; padding-bottom: 55px; width: 27.45%; }
.about-gs-2 .content-3 .col-s1 .conwr { width: 64.71%; font-size: 11px; color: #232323; }
.about-gs-2 .content-3 .col-s1 .ctit { font-size: 15px; }
.about-gs-2 .content-3 .col-s1 .ccon { margin-right: -9.1%; width: 109.1%; transform: scale(0.9166); transform-origin: left top; }
.about-gs-2 .content-3 .col-s2 { margin-right: 2.7%; width: 14.55%; vertical-align: top; }
.about-gs-2 .content-3 .col-s2 .imgwr { margin-right: 3.55%; padding-bottom: 68px; width: 33.95%; }
.about-gs-2 .content-3 .col-s2 .conwr { width: 62.5%; font-size: 16px; line-height: 25px; }

/*产品*/
.proseries { padding: 3.39% 0; overflow: hidden; }
.proseries .main { position: relative; margin-left: 330px; padding-bottom: 34px; font-size: 0; text-align: center; overflow: hidden; }
.proseries .left { position: absolute; top: 0; left: 0; width: 310px; text-align: left; }
.proseries .conbox { margin-top: 12.9%; text-align: left; }
.proseries .conbox .item { display: none; }
.proseries .conbox .tit { font-weight: bold; font-size: 24px; color: #990000; }
.proseries .conbox .con { margin-top: 8px; font-size: 18px; line-height: 32px; color: #333; }
.proseries .mainbox { position: relative; margin: 15px 30px 0; text-align: left; }
.proseries .mainbox.hide { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.proseries .mainbox .bg { display: block; max-width: 100%; }
.proseries .mainbox .slide { position: absolute; top: 0; left: 0; z-index: 3; width: 100%; height: 100%; overflow: visible; }
.proseries .mainbox .item { position: relative; }
.proseries .mainbox .col { position: absolute; top: 0; left: 0; z-index: 3; width: 37px; height: 38px; background: url("icon-pros.png") -161px 0 no-repeat; cursor: pointer; }
.proseries .mainbox .num { width: 37px; font-family: arial; font-size: 14px; line-height: 37px; text-align: center; color: #fff; }
.proseries .mainbox .txt { position: absolute; top: 100%; left: 0; z-index: 3; margin-top: 5px; width: 150px; border: 1px solid #eee; border-radius: 5px; overflow: hidden; opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.proseries .mainbox .txt::before { content: ''; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background-color: #000; opacity: 0.7; filter: alpha(opacity=70); }
.proseries .mainbox .txt-t { display: block; position: relative; z-index: 3; padding: 5px 10px; font-size: 16px; text-align: center; color: #fff; }
.proseries .mainbox .txt-top-left { top: auto; bottom: 100%; left: auto; right: 0; margin: 0 0 5px; }
.proseries .mainbox .txt-top-right { top: auto; bottom: 100%; margin: 0 0 5px; }
.proseries .mainbox .txt-bottom-left { left: auto; right: 0; }
.proseries .mainbox .txt-top { top: auto; bottom: 100%; left: 50%; margin: 0 0 5px -75px; }
.proseries .mainbox .txt-bottom { left: 50%; margin: 5px 0 0 -75px; }
.proseries .mainbox .txt-left { top: 50%; left: auto; right: 100%; margin: -16.5px 5px 0 0; }
.proseries .mainbox .txt-right { top: 50%; left: 100%; margin: -16.5px 5px 0 0; }
.proseries .mainbox .col:hover { z-index: 4; }
.proseries .mainbox .col:hover .txt { z-index: 4; opacity: 1; filter: alpha(opacity=100); visibility: visible; }
.proseries .mainbox .btnwr { bottom: -34px; z-index: 8; width: 100%; font-size: 0; text-align: center; }
.proseries .mainbox .swiper-pagination-bullet { margin: 0 10px; width: 10px; height: 10px; background-color: #666; opacity: 1; filter: alpha(opacity=100); }
.proseries .mainbox .swiper-pagination-bullet-active { background-color: #cc0000; }
.proseries .mainbox .allcol { display: none; }
.proseries .main .btn { position: absolute; top: 0; z-index: 4; width: 24px; height: 100%; }
.proseries .main .prev { left: 0; }
.proseries .main .next { right: 0; }
.proseries .main .btn .icon { position: absolute; top: 50%; left: 0; margin-top: -21.5px; width: 24px; height: 43px; background: url("icon-pros.png") 0 0 no-repeat; }
.proseries .main .prev:hover .icon { background-position: -30px 0; }
.proseries .main .next .icon { background-position: -90px 0; }
.proseries .main .next:hover .icon { background-position: -60px 0; }
.proseries .imgbox, .proseries .imgbox .item, .proseries .imgbox .imgwr { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; }
.proseries .imgbox { position: fixed; left: auto; right: 0; width: 67.45%; background-color: #fff; box-shadow: 0 0 40px 0 rgba(153, 153, 153, 0.75); opacity: 0; filter: alpha(opacity=0); visibility: hidden; transform: translate3d(100%, 0, 0); }
.proseries .imgbox.show { opacity: 1; filter: alpha(opacity=100); visibility: visible; transform: translate3d(0, 0, 0); }
.proseries .imgbox .item { display: none; }
.proseries .imgbox .imgwr { z-index: 2; padding-bottom: 0; }
.proseries .imgbox .num { position: absolute; top: 50%; left: 0; z-index: 5; margin: -54px 0 0 -54px; width: 108px; font-family: arial; font-size: 60px; line-height: 108px; text-align: center; color: #fff; background-color: #666; border-radius: 100%; }
.proseries .imgbox .close { position: absolute; top: 0; right: 0; z-index: 5; margin: 1.93% 1.93% 0 0; width: 57px; height: 57px; font-size: 0; line-height: 57px; text-align: center; background-color: #666; border-radius: 100%; }
.proseries .imgbox .close .icon { width: 35px; height: 35px; background: url("icon-pros.png") -120px 0 no-repeat; }
.proseries .imgbox .close:hover { background-color: #d8000f; }
.proseries .imgbox .close:hover .icon { transform: rotateZ(180deg); }
.proseries .imgbox .btn { position: absolute; bottom: 0; z-index: 5; margin: 2.31%; width: 100px; font-size: 0; line-height: 50px; text-align: center; background-color: #535353; border-radius: 7px; }
.proseries .imgbox .btn .icon { margin-right: 10px; width: 30px; height: 26px; background: url("icon-pros.png") -60px -49px no-repeat; }
.proseries .imgbox .btn .txt { font-size: 30px; color: #fff; }
.proseries .imgbox .btn:hover { background-color: #d8000f; }
.proseries .imgbox .prev { left: 0; }
.proseries .imgbox .next { right: 0; }
.proseries .imgbox .next .icon { margin-left: 10px; margin-right: 0; background-position: -96px -49px; }
.proseries .btnbox { display: none; }
.proseries .btn-pros { position: absolute; bottom: 34px; left: 0; width: 140px; font-size: 0; text-align: center; background-color: #666; border-radius: 6px; }
.proseries .btn-pros .txt { font-size: 18px; line-height: 44px; color: #ccc; }
.proseries .btn-pros .icon { margin-left: 15px; width: 24px; height: 18px; background: url("icon-pros.png") -30px -49px no-repeat; }
.proseries .btn-pros:hover { background-color: #d8000f; }
.proseries .btn-type { left: 100%; }
.proseries .btnbox.show .btn-other { opacity: 0; filter: alpha(opacity=0); visibility: hidden; }
.proseries .btnbox.show .btn-type { left: 0; }
.proseries .btnbox-2 { position: absolute; bottom: 34px; left: 0; width: 140px; }
.proseries .btnbox-2 .btn { display: block; margin-top: 15px; font-size: 0; text-align: center; background-color: #666; border-radius: 6px; }
.proseries .btnbox-2 .txt { font-size: 18px; line-height: 44px; color: #ccc; }
.proseries .btnbox-2 .icon { margin-left: 15px; width: 24px; height: 18px; background: url("icon-pros.png") -30px -49px no-repeat; }
.proseries .btnbox-2 .btn:hover { background-color: #d8000f; }

.sort { margin-top: 2.0833%; padding: 12px 30px; background-color: #f5f5f5; }
.sort .row { padding: 24px 0 18px; border-bottom: 1px dashed #ddd; }
.sort .row:nth-child(3) { border-bottom: none; }
.sort .sttit { width: 130px; font-size: 16px; color: #333; }
.sort .stcon { width: 950px; font-size: 0; }
.sort .stitem { margin-right: 30px; margin-bottom: 6px; font-size: 16px; }
.sort .stitem-on { color: #e52d27; }

.prolist { padding: 2.86% 0 4.43%; }
.prolist .main { margin-top: 2.6%; }
.prolist .main .list { margin: -2.85% -4.05% 0;/*48 68 1816*/ font-size: 0; }
.prolist .main .col { margin: 2.64% 0 0 3.74%;/*48 68*/ width: 20.325%;/*369*/ }
.prolist .main .imgwr { padding-bottom: 81.08%; background-color: #000; }
.prolist .main .conwr { position: relative; padding: 9.2% 30px 12.1% 0; border-bottom: 1px solid #eee; }
.prolist .main .tit { font-size: 20px; color: #000; }
.prolist .main .txt { margin-top: 8px; font-size: 14px; color: #747474; }
.prolist .main .icon { position: absolute; top: 1px; right: 0; margin-top: 9.2%; width: 21px; height: 21px; background: url("icon-prol.png") 0 0 no-repeat; }
.prolist .main .col:hover .img { opacity: 0.6; filter: alpha(opacity=60); transform: scale(1.06); }
.prolist .main .col:hover .tit { color: #d8000f; }
.prolist .main .col:hover .icon { transform: rotateZ(180deg); }

.procon { margin-top: 2.86%; }
.procon .position-p { display: none; }
.procon .main { max-width: 1200px; }
.procon .main .tit { margin-top: 36px; margin-bottom: 16px; font-size: 24px; color: #333; text-align: center; }
.procon .main .tit-m { display: none; }
.procon .imgslide { position: relative; margin-bottom: 55px; background-color: #fafafa; }
.procon .imgslide .imgwr { padding-bottom: 50%; }
.procon .imgslide .btn {
  position: absolute;
  top: 50%;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  background: url(../img/pron_btn.jpg) 0 0 no-repeat;
}
.procon .imgslide .prev { left: -72px; }
.procon .imgslide .prev:hover { background-position: -32px 0; cursor: pointer; }
.procon .imgslide .next { right: -72px; background-position: -96px 0; }
.procon .imgslide .next:hover { background-position: -64px 0; cursor: pointer; }
.procon .cans { padding: 6px 0 30px; font-size: 0; }
.procon .cans .col { padding: 24px 0; width: 400px; font-size: 16px; border-top: 1px dashed #ddd; vertical-align: top; }
.procon .cans .col-t { border-top: none; }
.procon .cans .stit { width: 80px; }
.procon .cans .scon { width: 300px; color: #999; }
.procon .yous { margin: 30px 0 40px; font-size: 0; }
.procon .yous .imgl { position: relative; width: 300px; height: 400px; overflow: hidden; }
.procon .yous .imgl .img { display: block; width: 100%; height: 400px; }
.procon .yous .imgl .link { position: absolute; left: 50%; bottom: 147px; margin-left: -80px; width: 160px; line-height: 40px; font-size: 16px; color: #fff; text-align: center; background-color: #f9bf5c; border-radius: 20px; box-shadow: 0 0 15px 0 #ba0000; }
.procon .yous .imgl .link:hover { transform: translate3d(0, 3px, 0); }
.procon .yous .imgr { width: 880px; background-color: #f8f8f8; }
.procon .yous .imgr .col { position: relative; width: 50%; text-align: right; }
.procon .yous .imgr .vm { width: 1px; height: 200px; }
.procon .yous .imgr .conwr { position: relative; padding: 20px 0; width: 50%; text-align: center; }
.procon .yous .imgr .conwr:after { content: ""; position: absolute; top: 50%; right: 100%; z-index: 2; margin-top: -7px; width: 0; height: 0; border-style: solid; border-color: transparent #f8f8f8; border-width: 7px 12px 7px 0; }
.procon .yous .imgr .stit { font-size: 16px; color: #e52d27; }
.procon .yous .imgr .line { margin-top: 6px; width: 30px; height: 2px; background-color: #e52d27; }
.procon .yous .imgr .txt { margin: 20px 20px 0; font-size: 14px; line-height: 24px; color: #888; overflow: hidden; }
.procon .yous .imgr .imgwr { position: absolute; top: 0; left: 0; padding-bottom: 0; width: 50%; height: 100%; }
.procon .yous .imgr .col-ir { text-align: left; }
.procon .yous .imgr .col-ir .conwr:after { left: 100%; right: auto; margin-left: -1px; border-width: 7px 0 7px 12px; }
.procon .yous .imgr .col-ir .imgwr { left: auto; right: 0; }
.procon .imgs3d { position: relative; margin: 30px 0 100px; height: 487px; }
.procon .imgs3d .item { position: absolute; top: 0; left: 300px; z-index: 4; width: 600px; height: 487px; text-align: center; }
.procon .imgs3d .img {
  position: absolute;
  position: relative\9;
  top: 0;
  left: 50%;
  left: 0\9;
  z-index: 2;
  max-width: 100%\9;
  height: 100%;
  -webkit-transform: translate3d(-50%, 0, 0);
  -ms-transform: translate3d(-50%, 0, 0);
  -o-transform: translate3d(-50%, 0, 0);
  transform: translate3d(-50%, 0, 0);
}
.procon .imgs3d .txt {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 4;
  padding: 0 4%;
  width: 92%;
  font-size: 16px;
  line-height: 40px;
  color: #fff;
  background-color: rgba(0, 0, 0, 0.5);
  background-color: #000\9;
}
.procon .imgs3d .commask { display: block; position: absolute; z-index: 1; opacity: 0.3; filter: alpha(opacity=30); }
.procon .imgs3d .btn {
  position: absolute;
  top: 50%;
  z-index: 9;
  margin-top: -16px;
  width: 32px;
  height: 32px;
  background: url(../img/pron_btn.png) 0 0 no-repeat;
}
.procon .imgs3d .prev { left: 225px; }
.procon .imgs3d .prev:hover { background-position: -32px 0; cursor: pointer; }
.procon .imgs3d .next { right: 225px; background-position: -96px 0; }
.procon .imgs3d .next:hover { background-position: -64px 0; cursor: pointer; }
.procon .imgs3d-2 { display: none; }

.prolist-gy { padding: 2.86% 0 4.43%; }
.prolist-gy .main { margin-top: 2.6%; }
.prolist-gy .main .list { margin: -2.85% -2.14% 0;/*40 30 1460*/ font-size: 0; }
.prolist-gy .main .col { margin: 2.74% 0 0 2.05%;/*40 30*/ width: 17.54%;/*256*/ }
.prolist-gy .main .imgwr { padding-bottom: 116.66%; border: 1px solid #ddd; }
.prolist-gy .main .img { max-width: 80%; max-height: 80%; }
.prolist-gy .main .tit { margin-top: 10px; font-size: 16px; text-align: center; color: #000; }
.prolist-gy .main .col:hover .img { opacity: 0.6; filter: alpha(opacity=60); transform: scale(1.06); }
.prolist-gy .main .col:hover .tit { color: #d8000f; }

/*加盟*/
.join-xgj { padding: 3.9% 0 2.86%; background: url("bg-join-xgj.jpg") 0 0 repeat; }
.join-xgj .main { max-width: 1680px; font-size: 0; }
.join-xgj .main .img { max-width: 100%; }
.join-xgj .conwr { margin-left: 5.06%; width: 38.69%; }
.join-xgj .conwr .con { margin: 35px 5px 0; max-width: 615px; font-size: 18px; line-height: 42px; color: #2a2a2a; }
.join-xgj .imgwr { margin-left: 9.82%; width: 36.3%; text-align: center; }

.join-bg { padding: 0.1px 0; background: url("bg-join.jpg") center top no-repeat; }
.join-tit { font-size: 50px; text-align: center; color: #000; }

.join-ys { margin: 80px auto 68px; max-width: 1680px; }
.join-ys .main { position: relative; margin-top: 18px; }
.join-ys .main .bg { margin: 0 auto; padding-bottom: 884px; width: 51.25%; }
.join-ys .list { position: absolute; top: 0; left: 0; z-index: 2; width: 100%; font-size: 0; }
.join-ys .list .col { width: 24.7%; vertical-align: top; }
.join-ys .list .col-ir { text-align: right; }
.join-ys .list .col-1 { margin: 46px 0 0 11.9%; }
.join-ys .list .col-2 { margin: 46px 0 0 27.38%; }
.join-ys .list .col-3 { margin: 62px 0 0 5.06%; }
.join-ys .list .col-4 { margin: 62px 0 0 40.65%; }
.join-ys .list .col-5 { margin: 96px 0 0 3.69%; }
.join-ys .list .col-6 { margin: 96px 0 0 43.63%; }
.join-ys .list .col-7 { margin: 90px 0 0 8.63%; }
.join-ys .list .col-8 { margin: 90px 0 0 33.63%; }
.join-ys .col .imgwr { display: none; padding-bottom: 26.5%; width: 26.5%; }
.join-ys .col-ir .imgwr-r { display: inline-block; margin-left: 7.22%; }
.join-ys .col-il .imgwr-l { display: inline-block; margin-right: 7.22%; }
.join-ys .col .icon { z-index: 2; max-width: 50%; max-height: 50%; }
.join-ys .col .conwr { width: 66.28%; }
.join-ys .col-1 .conwr { width: 62.65%; }
.join-ys .col-2 .conwr, .join-ys .col-4 .conwr { width: 57.83%; }
.join-ys .col-6 .conwr { width: 50.6%; }
.join-ys .col .tit { font-size: 20px; color: #000; }
.join-ys .col .con { margin-top: 12px; font-size: 14px; line-height: 28px; color: #747474; }
.join-ys .col:hover .ibg { transform: rotateZ(180deg); }

.join-al { margin: 68px auto 127px; overflow: hidden; }
.join-al .imgbox { margin-top: 66px; max-width: 802px; overflow: visible; }
.join-al .imgbox .col { position: relative; z-index: 1; }
.join-al .imgbox .box { padding: 1.37%; background: url("bg-join-al.png") 0 0 no-repeat; background-size: 100% 100%; transform: scale(0.93); }
.join-al .imgbox .imgwr { padding-bottom: 438px;/*56.15%*/ }
.join-al .imgbox .col.swiper-slide-active { z-index: 2; }
.join-al .imgbox .swiper-slide-prev .box { transform: translate3d(62.71%, 0, 0) scale(0.93); }
.join-al .imgbox .swiper-slide-active .box { transform: scale(1); }
.join-al .imgbox .swiper-slide-next .box { transform: translate3d(-62.71%, 0, 0) scale(0.93); }
.join-al .imgbox .btn { position: absolute; top: 50%; z-index: 3; margin-top: -25px; }
.join-al .imgbox .icon { display: block; width: 50px; height: 50px; background: #000 center no-repeat; border-radius: 5px; opacity: 0.6; filter: alpha(opacity=60); }
.join-al .imgbox .btn:hover .icon { opacity: 0.9; filter: alpha(opacity=90); cursor: pointer; }
.join-al .imgbox .prev { left: -60px; }
.join-al .imgbox .prev .icon { background-image: url("icon_btn_l_w.png"); }
.join-al .imgbox .next { right: -60px; }
.join-al .imgbox .next .icon { background-image: url("icon_btn_r_w.png"); }

.join-ly { margin: 127px auto 80px; }
.join-ly .con { margin-top: 26px; font-size: 16px; text-align: center; color: #747474; }
.join-ly .list { margin-top: 40px; font-size: 0; }
.join-ly .list .row { position: relative; margin-top: 0.71%; width: 20.71%; background-color: #fff; border-radius: 1px; overflow: hidden; }
.join-ly .list .row-2 { width: 25.71%; }
.join-ly .list .row-3 { width: 12.5%; }
.join-ly .list .row-full { width: 100%; }
.join-ly .list .row-btn { width: 100%; text-align: right; background: none; }
.join-ly .list .marl { margin-left: 0.71%; }
.join-ly .list .txt { position: absolute; top: 0; left: 22px; font-size: 14px; line-height: 50px; color: #747474; }
.join-ly .list .star { position: absolute; top: 0; right: 100%; margin-right: 3px; font-style: normal; color: #ff0000; }
.join-ly .list .inbox { margin-left: 90px; }
.join-ly .list .inbox-3 { margin-left: 0; }
.join-ly .list .intxt { display: block; padding-right: 5%; width: 95%; height: 50px; font-size: 14px; line-height: 50px; }
.join-ly .list .inlab { position: relative; margin-right: 20%; padding-left: 25px; font-size: 14px; line-height: 50px; color: #747474; }
.join-ly .list .icon { position: absolute; top: 50%; left: 0; z-index: 2; margin-top: -7.5px; width: 13px; height: 13px; border: 1px solid #b5b5b5; border-radius: 100%; }
.join-ly .list .icon::before { content: ''; position: absolute; top: 50%; left: 50%; margin: -2.5px 0 0 -2.5px; width: 5px; height: 5px; background-color: #fff; border-radius: 100%; transition: all .3s; }
.join-ly .list .inlab-cur .icon::before { background-color: #b5b5b5; }
.join-ly .list .np { position: absolute; top: 0; left: 0; z-index: 1; opacity: 0; filter: alpha(opacity=0); }
.join-ly .list .insel { display: block; padding: 0 18px; width: 100%; height: 50px; font-size: 14px; color: #747474; background: #fff; border: none; -webkit-appearance: none; }
.join-ly .list .intxt-ta { padding: 13px 5% 13px 0; min-width: 95%; max-width: 95%; height: 96px; min-height: 96px; line-height: 24px; }
.join-ly .list .btn { margin-left: 0.71%; width: 49.29%; max-width: 150px; height: 50px; font-size: 16px; line-height: 50px; text-align: center; color: #fff; background-color: #c3b08f; border: 1px solid #b0925a; border-radius: 1px; -webkit-appearance: none; }
.join-ly .list .btn:hover { background-color: #d8000f; cursor: pointer; }

.join-ly .list .row:nth-child(1) { display: none; }
.join-ly .list .row:nth-child(2) { margin-left: 0; }
.join-ly .list .row-2 { width: 31.065%; }
.join-ly .list .row-3 { width: 17.855%; }

/*案例*/
.cases { padding: 2.35% 0 5.2%; }
.cases .main { margin-top: 2.0833%; max-width: 1680px; }
.cases .main .list { font-size: 0; }
.cases .list .col { position: relative; margin: 0.6% 0.3% 0; width: 24.4%; }
.cases .col .imgwr { padding-bottom: 120.73%; background-color: #000; }
.cases .col .conwr { position: absolute; top: 60%; left: 5%; z-index: 2; margin-top: -35px; width: 90%; opacity: 0; filter: alpha(opacity=0); }
.cases .col .conwr::before { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; width: 68px; height: 3px; background-color: #fff; }
.cases .col .tit { padding-bottom: 15px; font-size: 48px; text-align: center; color: #fff; }
.cases .cur .img, .cases .col:hover .img { opacity: 0.2; filter: alpha(opacity=20); transform: scale(1.06); }
.cases .cur .conwr, .cases .col:hover .conwr { top: 50%; opacity: 1; filter: alpha(opacity=100); }

.caselist { padding: 2.35% 0; }
.caselist .main { margin-top: 2.35%; overflow: hidden; }
.caselist .main .list { margin: -1.86% -3.71% 0;/*26 52 1504*/ font-size: 0; }
.caselist .main .col { position: relative; margin: 1.73% 0 0 3.46%; width: 20.675%; border-bottom: 1px solid #ddd; vertical-align: top; }
.caselist .main .imgwr { padding-bottom: 61.29%; background-color: #000; }
.caselist .main .icon { position: absolute; top: 45%; left: 0; right: 0; margin: -30px auto 0; width: 60px; height: 60px; background: url("icon-case.png") 0 0 no-repeat; opacity: 0; filter: alpha(opacity=0); }
.caselist .main .conwr { padding: 12px 0; }
.caselist .main .tit { font-size: 14px; line-height: 20px; color: #222; text-align: center; }
.caselist .main .col:hover .img { opacity: 0.6; filter: alpha(opacity=60); }
.caselist .main .col:hover .icon { top: 50%; opacity: 1; filter: alpha(opacity=100); }
.caselist .main .col:hover .tit { color: #d8000f; }

/*文章*/
.artlist { padding: 1.82% 0 3.64%; }
.artlist .main { margin-top: 2.6%; overflow: hidden; }
.artlist .main .list { margin-top: -2.57%; }
.artlist .list .row { position: relative; margin-top: 2.57%; font-size: 0; }
.artlist .list .row::before, .artlist .list .row::after { content: ''; position: absolute; bottom: 0; left: 26.08%; z-index: 1; width: 66.78%; height: 1px; background-color: #f2f2f2; }
.artlist .list .row::after { z-index: 2; width: 120px; background-color: #fff; }
.artlist .row .imgwr { padding-bottom: 14.28%;/*200*/ width: 22.86%;/*320*/ }
.artlist .row .conwr { position: relative; margin-left: 3.22%; padding: 30px 0; width: 66.78%; color: #000; }
.artlist .row .time { position: absolute; top: 32px; left: 0; padding: 4px 6px 7px; width: 56px; text-align: center; border: 1px solid #e5e5e5; }
.artlist .row .day { display: block; padding-bottom: 6px; font-size: 40px; border-bottom: 1px solid #e5e5e5; }
.artlist .row .ym { display: block; margin-top: 6px; font-size: 12px; letter-spacing: 0.05em; opacity: 0.5; filter: alpha(opacity=50); }
.artlist .row .tit, .artlist .row .desc, .artlist .row .info { margin-left: 120px; }
.artlist .row .tit { font-size: 20px; }
.artlist .row .desc { margin-top: 6px; font-size: 14px; line-height: 28px; color: #747474; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
.artlist .row .info { margin-top: 16px; }
.artlist .row .icon { margin-right: 8px; width: 14px; height: 11px; background: url("icon-artl.png") 0 0 no-repeat; }
.artlist .row .txt { font-size: 12px; color: #686868; }
.artlist .row:hover .img { transform: scale(1.06); }
.artlist .row:hover .tit { color: #d8000f; }

.artcon { padding: 30px 0; max-width: 1200px; background-color: #fff; box-shadow: 0 0 13px 0 rgba(14, 5, 11, 0.1); }
.artcon .comwrap { width: 90%; max-width: 1085px; }
.artcon .main { color: #212121; }
.artcon .main .title { margin-top: 1em; font-weight: bold; font-size: 30px; text-align: center; }
.artcon .main .info { margin-top: 1em; font-size: 14px; text-align: center; }
.artcon .main .body { margin-top: 1em; font-size: 18px; line-height: 30px; }
.artcon .main .body a { color: #212121; }
.artcon .main .body a:hover { color: #d8000f; }

.moreart { margin-top: 14px; }
.moreart .row { position: relative; width: 45%; line-height: 2.14; }
.moreart .row::before { content: ''; position: absolute; top: 50%; left: 0; margin-top: -2.5px; width: 5px; height: 5px; background-color: #2a2a2a; border-radius: 100%; }
.moreart .row-2 { margin-left: 10%; }
.moreart .row .tit { padding: 0 80px 0 20px; }
.moreart .row .time { position: absolute; right: 0; top: 0; font-size: 12px; color: #666; }

/*文化*/
.culture-list { padding: 3.125% 0 2.6%; }
.culture-list .main { max-width: 1540px; overflow: hidden; }
.culture-list .main .title { margin-top: 3.9%; padding: 0 25px; width: 115px; height: 37px; font-size: 16px; line-height: 37px; text-align: center; color: #b22b28; background: url("bg_tctit.jpg") 0 0 no-repeat; }
.culture-list .main .list { margin: 0 -3.89%;/*60 1660*/ font-size: 0; }
.culture-list .main .col { margin: 3.31% 0 0 3.61%;/*55 60*/ width: 20.4875%;/*340*/ vertical-align: top; }
.culture-list .main .imgwr { padding-bottom: 73.53%; }
.culture-list .main .tit { margin-top: 8.82%; font-size: 18px; color: #212121; opacity: 0.8; filter: alpha(opacity=80); }
.culture-list .main .desc { margin-top: 4.11%; font-size: 14px; line-height: 36px; color: #727272; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; }
.culture-list .main .info { margin-top: 7.05%; font-size: 14px; color: #767676; opacity: 0.5; filter: alpha(opacity=50); }
.culture-list .main .col:hover .img { transform: scale(1.03); }
.culture-list .main .col:hover .tit { color: #d8000f; }
.culture-list .main-2 { max-width: 1400px; }
.culture-list .main-2 .body { margin: 3.3% 0; font-size: 18px; line-height: 2; color: #212121; opacity: 0.8; }

/*联系*/
.contact { /*padding: 2.6% 0 9.64%;*/ padding: 2.6% 0; overflow: hidden; }
.contact .conbox { width: 50%; }
.contact .con { margin-top: 8.57%; font-size: 18px; line-height: 35px; color: #333; }
.contact .con img { display: inline-block; *display: inline; *zoom: 1; vertical-align: middle; margin: 0 20px 0 10px; }
.contact .ewm { margin-top: 5.71%; padding: 0 10px; max-width: 190px; }
.contact .ewm .img { display: block; width: 100%; }

/* lytebox 弹出灯窗 */
#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
  #lbOverlay.grey { background-color: #000000; }
#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a, #lbMain img { -webkit-transition: none; -o-transition: none; transition: none; }
#lbMain a img { border: none; }
#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
  #lbOuterContainer.grey { border: 3px solid #fff; }
#lbDetailsContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4; overflow: auto; margin: 0 auto; }
  #lbDetailsContainer.grey { border: 3px solid #fff; border-top: none; }
#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
  position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url("loading.gif") center no-repeat;
}
#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }
#lbPrev { width: 49%; height: 100%; background: transparent url("blank.gif") no-repeat; display: block; left: 0; float: left; }
  #lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url("prev_grey.gif") left 15% no-repeat; }
#lbNext { width: 49%; height: 100%; background: transparent url("blank.gif") no-repeat; display: block; right: 0; float: right; }
  #lbNext.grey:hover, #lbNext.grey:visited:hover { background: url("next_grey.gif") right 15% no-repeat; }
#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
  #lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
  #lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbDetailsData { padding: 0 10px; }
  #lbDetailsData.grey { color: #333333; }
#lbDetails { width: 60%; float: left; text-align: left; font-size:12px;}
#lbCaption { display: block; font-weight: bold; margin: 5px 5px 10px; line-height: 20px; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; margin-left:5px; display:none; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
  #lbClose.grey { background: url("close_grey.png") no-repeat; }
#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
  #lbPlay.grey { background: url("play_grey.png") no-repeat; }
#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
  #lbPause.grey { background: url("pause_grey.png") no-repeat; }

@media screen and (max-width: 1680px) {
  .proseries .main { margin-right: 170px; }
  .proseries .btn-type { left: auto; right: 0; }
}

@media screen and (max-width: 1666px) {
  .about-wh .conbox .prev { left: 0; margin-left: 5px; }
  .about-wh .conbox .next { right: 0; margin-right: 5px; }
}

@media screen and (max-width: 1600px) {
  .nav .listbox .tit { font-size: 22px; }
}

@media screen and (max-width: 1500px) {
  .about-lc .slidebox, .about-zs .slidebox, .about-wh .slidebox { padding: 0 60px; }
  .about-lc .slidebox .about-btn.next, .about-zs .slidebox .about-btn.next { left: auto; right: 0; }

  .about-wh .slidebox .about-btn { left: 0; }
  .about-wh .slidebox .about-btn.next { margin-left: -40px; }
}

@media screen and (max-width: 1366px) {
  .nav .listbox .tit { font-size: 18px; }
}

@media screen and (min-width: 641px) and (max-width: 1366px) {
  .comtit .tit { font-size: 40px; }
  .comtit .icon { width: 20px; height: 21px; background-size: 100% auto; }
  .comtit .txt { margin-top: 2px; }
  .proseries .conbox .tit { font-size: 20px; }
  .proseries .conbox .con { font-size: 14px; line-height: 28px; }
  .proseries .btnbox-2 { width: 120px; }
  .proseries .btnbox-2 .txt { font-size: 14px; line-height: 35px; }
  .proseries .btnbox-2 .icon { margin-left: 10px; transform: scale(0.8); }
  .proseries .imgbox .num { margin: -39px 0 0 -39px; width: 78px; font-size: 40px; line-height: 78px; }
  .proseries .imgbox .close { transform: scale(0.7); }
  .proseries .imgbox .prev { transform: scale(0.7); transform-origin: left bottom; }
  .proseries .imgbox .next { transform: scale(0.7); transform-origin: right bottom; }
}

@media screen and (max-width: 1240px) {
  .nav .listbox .tit { font-size: 14px; }
}

@media screen and (max-width: 640px) {
  body { margin: 0; padding: 50px 0; min-width: 320px; }
  .comwrap { width: 90%; }

  .header { padding: 10px 0; }
  .header .logo .img { height: 30px; }
  .header .btn { margin: 0; width: 25px; }
  .header .btn .line { margin: 6px 0; height: 2px; }
  .header .btn.on .line-t { transform: translate3d(0, 8px, 0) rotateZ(45deg); }
  .header .btn.on .line-b { transform: translate3d(0, -8px, 0) rotateZ(-45deg); }
  .header .tel, .header .tools { display: none; }

  .nav { top: 50px; margin-top: 20px; }
  .nav::before { right: 10px; border-width: 0 10px 10px; }
  .nav .main { padding: 5% 0; border-width: 3px; border-radius: 10px; }
  .nav .main .listbox { display: block; margin: 0 5%; width: auto; }
  .nav .listbox .list { margin-top: -5%; font-size: 0; }
  .nav .listbox .col { position: static; display: inline-block; vertical-align: top; margin: 5% 3% 0 0; width: 22.75%; }
  .nav .listbox .col:nth-child(4n) { margin-right: 0; }
  .nav .listbox .imgwr { margin: 0 auto; padding-bottom: 60%; width: 60%; }
  .nav .listbox .col .tit { position: static; margin: 6px 0 0; font-size: 14px; line-height: normal; text-align: center; transform: none; }
  .nav .main .listbox::before, .nav .listbox .bg, .nav .main .imgbox { display: none; }

  .footer, .cnzztj { display: none; }
  .nav-foot { display: block; }

  .body-bg { background-size: auto 100%; }
  .body-contact { background-position: top center; }

  .banner .img { margin-left: -25%; width: 150%; }

  .comtit .tit { padding-left: 28px; font-size: 20px; }
  .comtit .tit::before { content: ''; position: absolute; bottom: 0; left: 0; width: 23px; height: 23px; background: url("icon-comtit.png") 0 0/auto 100% no-repeat; }
  .comtit .stit { position: relative; margin: 0 0 0 10px; }
  .comtit .txt { margin-top: 7px; font-size: 15px; }
  .comtit .icon { display: none; }
  .comtit-con { padding-bottom: 10px; padding-left: 30px; background-size: auto 20px; }
  .comtit-con .txt, .comtit-con .more { line-height: 20px; }
  .comtit-con .more { font-size: 12px; }

  .menut .listwr { margin-top: 3.3%; }
  .menut .listwr .col { margin: 3.3% 2% 0 0; width: 32%; background: url("bg-menut-m.png") 0 0/200% 100% no-repeat; }
  .menut .listwr .col:nth-child(3n) { margin-right: 0; }
  .menut .listwr .link { margin-right: 5px; font-size: 15px; line-height: 33px; }
  .menut .listwr .cur { background-position: 100% 0; }
  .menut-2 .comtit, .menut-2 .listwr { float: none; width: auto; text-align: left; }

  .pagelist { margin-top: 8.3%; }
  .pagelist li { margin: 0 2px 4px; }
  .pagelist li a, .pagelist li.noa, .pagelist li.thisclass, .pagelist li.hass { padding: 0 5px; min-width: 13px; font-size: 14px; line-height: 26px; border-color: #d5d5d5; }
  .pagelist li a:hover { border-color: #d8000f; }
  .pagelist li.noa a, .pagelist li.thisclass a { padding: 0; min-width: auto; }
  .pagelist li.noa a:hover { border-color: #e5e5e5; }
  .pagelist li.thisclass { border-color: #d8000f; }
  .pageb { margin: 8.3% auto; padding: 5% 0; line-height: 1.8; }

  .position, position a { font-size: 12px; line-height: 18px; }
  .position .thistxt { display: none; }

  .swiperpf .swiper-container { top: 5%; width: 94%; height: 90%; }
  .swiperpf .tit { top: 0; bottom: auto; font-size: 14px; }
  .swiperpf .close { top: auto; bottom: 0; width: 40px; height: 40px; }
  .swiperpf .btn { width: 30px; opacity: 0.8; filter: alpha(opacity=80); }
  .swiperpf .prev { left: 3%; }
  .swiperpf .next { right: 3%; }

  .fullpage-item .main, .prolist, .prolist-gy, .cases, .caselist, .artlist, .culture-list { padding: 8.3% 0; }
  .prolist .main, .prolist-gy .main, .cases .main, .caselist .main, .artlist .main, .artcon .main, .culture-list .main { margin-top: 6.6%; }

  .fullpage { height: calc(100% - 100px); }
  //.fullpage-item { background-position: center bottom; background-size: 100% auto; }
  .fullpage-item { background-position: right bottom; background-size: auto 100%; }
  .swiper-container-vertical>.swiper-pagination-bullets.fullpage-menu { left: auto; right: 1.5%; }
  .fullpage-menu .swiper-pagination-bullet { width: 8px; height: 8px; }
  .swiper-container-vertical>.swiper-pagination-bullets.fullpage-menu .swiper-pagination-bullet { margin: 5px 0; }
  .fullpage-menu .txt { left: auto; right: 50%; margin: -9.5px 5px 0 0; }
  .fullpage-menu .swiper-pagination-bullet:hover .txt { left: auto; right: 100%; }

  .about-jj .conwr, .about-jj .imgbox { float: none; margin-top: 5%; width: auto; }
  .about-jj .conwr { font-size: 15px; line-height: 25px; }
  .about-jj .imgbox .col { margin-right: 4%; width: 48%; }

  .about-lc .slidebox, .about-zs .slidebox, .about-wh .slidebox { padding: 0 37px; }
  .about-btn { width: 27px; height: 37px; line-height: 37px; }
  .about-btn .icon { transform: scale(0.6); }

  .about-lc .slidebox { margin: 8.3% 37px 0; padding: 60px 0 0; }
  .about-lc .slidebox .col, .about-lc .slidebox .col { margin-right: 0; width: 100%; }
  .about-lc .slidebox .slide-c { margin: 0 -37px; }
  .about-lc .slidebox .tit { font-size: 18px; }
  .about-lc .slidebox .con { margin-top: 0.5em; }
  .about-lc .slidebox .line { top: 31px; bottom: 0; height: 3px; }
  .about-lc .slidebox .slide-y { position: absolute; top: 0; left: 0; margin-top: 0; width: 100%; }
  .about-lc .slidebox .slide-y .col { width: 33.33%; font-size: 0; text-align: center; }
  .about-lc .slidebox .year { float: none; display: inline-block; padding: 0 0 6px; max-width: 80%; font-size: 18px; border-top: none; border-bottom: 5px solid #a81018 }
  .about-lc .slidebox .cur .year { color: #d8000f; }
  .about-lc .about-btn { top: 0; bottom: auto; height: 27px; line-height: 27px; }
  .about-lc .slidebox .about-btn.prev { left: -37px; }
  .about-lc .slidebox .about-btn.next { right: -37px; }

  .about-zs .slidebox { margin-top: 6.6%; }
  .about-zs .slidebox .col { margin-right: 4%; padding: 0; width: 48%; }
  .about-zs .slidebox .imgwr { margin: 0; padding-bottom: 141.18%; width: 100%; }
  .about-zs .slidebox .img { border: 5px solid #bc8900; border-radius: 5px; box-sizing: border-box; }
  .about-zs .slidebox .tit { margin-top: 10px; font-size: 16px; opacity: 1; filter: alpha(opacity=100); }
  .patent-xq { left: 5%; width: 90%; }
  .patent-xq div { padding: 15px 10px; }
  .patent-xq .h1tit { margin-top: 0; font-size: 16px; }

  .about-sp .slidebox { margin-top: 6.6%; }
  .about-sp .slidebox .col { margin-right: 0; }
  .about-sp .slidebox .box { border: 6px solid #21141d; border-radius: 6px; transform: scale(1); }
  .about-sp .slidebox .tit { margin: 20px 37px 0; font-size: 16px; }
  .about-sp .slidebox .col .icon { transform: scale(0.6); }
  .about-sp .slidebox .col:hover .icon { transform: translate3d(6px, 0, 0) scale(0.6); }
  .about-sp .slidebox .about-btn { bottom: 10px; }

  .about-wh { background-size: 100% auto; }
  .about-wh .slidebox { margin-top: 8.3%; }
  .about-wh .slidebox .slide { padding-top: 10px; }
  .about-wh .slidebox .col.on .imgwr { transform: translate3d(0, -6px, 0); }
  .about-wh .slidebox .col.on .tit { color: #d8000f; }
  .about-wh .slidebox .tit { margin-top: 10px; font-size: 16px; }
  .about-wh .conbox { position: relative; margin-top: 8.3%; padding-top: 0; width: auto; }
  .about-wh .conbox .menu { margin-top: 0; }
  .about-wh .conbox .mcol { margin: 0 2% 2% 0; width: 32%; font-size: 14px; line-height: 30px; background: url("bg-menut-m.png") 0 0/200% 100% no-repeat; box-sizing: border-box; }
  .about-wh .conbox .mcol.cur { background-position: 100% 0; }
  .about-wh .conbox .mcol:nth-child(3n) { margin-right: 0; }
  .about-wh .conbox .cmain { margin-top: 6.6%; }
  .about-wh .conbox .item-1 { display: block; }
  .about-wh .conbox .ccol .tit { font-size: 16px; white-space: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; }
  .about-wh .conbox .ccol .desc { display: none; font-size: 13px; line-height: 20px; -webkit-line-clamp: 2; }
  .about-wh .conbox .ccol .info { font-size: 13px; }
  .about-wh .conbox .btn { transform: scale(0.4); }
  .about-wh .conbox .prev { transform-origin: center left; }
  .about-wh .conbox .next { transform-origin: center right; }

  .proseries { padding: 8.3% 0; }
  .proseries .main { margin: 0; padding-bottom: 30px; }
  .proseries .left { position: relative; width: auto; }
  .proseries .conbox { position: fixed; bottom: 50px; left: 0; z-index: 7; margin-top: 0; width: 100%; }
  .proseries .conbox::before { content: ''; position: absolute; top: 0; left: 0; z-index: 6; width: 100%; height: 100%; background-color: #000; opacity: 0.6; filter: alpha(opacity=60); }
  .proseries .conbox .list { position: relative; z-index: 7; }
  .proseries .conbox .item { padding: 10px; }
  .proseries .conbox .tit { font-size: 16px; color: #fff; }
  .proseries .conbox .con { font-size: 14px; color: #eee; }
  .proseries .mainbox { margin-top: 8.3%; }
  .proseries .mainbox .col { transform: scale(0.8); transform-origin: top left; }
  .proseries .mainbox .btnwr { bottom: -30px; }
  .proseries .mainbox .swiper-pagination-bullet { margin: 0 4px; width: 8px; height: 8px; }
  .proseries .main .btn .icon { transform: scale(0.8); }
  .proseries .btnbox { display: block; margin-top: 6.6%; font-size: 0; text-align: center; }
  .proseries .btnbox-2 { display: none; }
  .proseries .btn-pros { position: relative; bottom: 0; display: inline-block; margin: 0 10px; width: 120px; }
  .proseries .btn-pros .txt { font-size: 14px; line-height: 30px; }
  .proseries .btn-pros .icon { margin-left: 10px; transform: scale(0.6); }
  .proseries .imgbox { width: 100%; }
  .proseries .imgbox .num { top: 0; margin: 3% 0 0 3%; width: 40px; font-size: 20px; line-height: 40px; opacity: 0.8; filter: alpha(opacity=80); }
  .proseries .imgbox .close { margin: 3% 3% 0 0; width: 40px; height: 40px; line-height: 40px; opacity: 0.8; filter: alpha(opacity=80); }
  .proseries .imgbox .close .icon { transform: scale(0.6); }
  .proseries .imgbox .close:hover .icon { transform: scale(0.6) rotateZ(180deg); }
  .proseries .imgbox .prev { transform: scale(0.7); transform-origin: left bottom; }
  .proseries .imgbox .next { transform: scale(0.7); transform-origin: right bottom; }

  .sort { display: none; margin-top: 5%; padding: 0.1px 0; }
  .sort .row { padding: 14px 0; }
  .sort .sttit, .sort .stcon { float: none; width: auto; }
  .sort .stitem { margin: 8px 10px 0 0; }

  .prolist .main .list { margin: -6% 0 0; }
  .prolist .main .col { margin: 6% 0 0; width: 47%; }
  .prolist .main .col:nth-child(2n) { margin-left: 6%; }
  .prolist .main .conwr { padding: 12px 0; }
  .prolist .main .tit { font-size: 15px; text-align: center; }
  .prolist .main .txt, .prolist .main .icon { display: none; }

  .procon { margin: 0 auto 8.3%; }
  .procon .menut { display: none; }
  .procon .position-p { display: block; }
  .position-p { position: relative; z-index: 2; padding: 6px 0; line-height: 16px; background-color: #eee; }
  .position-p .con { display: none; float: none; margin-right: 38px; font-size: 12px; }
  .position-p .back { float: none; display: block; }
  .position-p .back::before { content: '←'; }
  .procon .main { margin-top: 5px; padding: 0 20px; width: auto; }
  .procon .main .tit { display: none; margin-top: 8.3%; margin-bottom: 3.3%; font-size: 20px; }
  .procon .main .tit-m { display: block; }
  .procon .imgslide { margin: 0 -20px; padding: 0 37px; }
  .procon .imgslide .imgwr { padding-bottom: 75%; }
  .procon .imgslide .btn { transform: scale(0.8); }
  .procon .imgslide .prev { left: 0; }
  .procon .imgslide .next { right: 0; }
  .procon .comtit-con { margin-top: 6.6%; }
  .procon .cans { margin-top: 3.3%; padding: 0; }
  .procon .cans .col { position: relative; padding: 10px 0; width: 48%; }
  .procon .cans .col-t { border-top: 1px dashed #ddd; }
  .procon .cans .col:nth-child(1), .procon .cans .col:nth-child(2) { border-top: none; }
  .procon .cans .col:nth-child(2n) { padding-left: 4%; }
  .procon .cans .stit, .procon .cans .scon { float: none; width: auto; }
  .procon .cans .scon { margin-top: 6px; }
  .procon .yous .imgl { display: none; }
  .procon .yous .imgr { float: none; width: auto; }
  .procon .yous .imgr .col { display: block; width: auto; }
  .procon .yous .imgr .vm { display: none; }
  .procon .yous .imgr .conwr { padding: 5% 3%; width: 44%; }
  .procon .yous .imgr .line { margin-top: 8px; width: 20px; }
  .procon .yous .imgr .txt { margin: 15px 0 0; line-height: 20px; }
  .procon .yous .imgr .col-ir { text-align: right; }
  .procon .yous .imgr .col-ir .conwr:after { left: auto; right: 100%; margin-left: 0; border-width: 7px 12px 7px 0; }
  .procon .yous .imgr .col-ir .imgwr { left: 0; right: auto; }
  .procon .yous .imgr .col:nth-child(2n) { text-align: left; }
  .procon .yous .imgr .col:nth-child(2n) .conwr:after { left: 100%; right: auto; margin-left: -1px; border-width: 7px 0 7px 12px; }
  .procon .yous .imgr .col:nth-child(2n) .imgwr { left: auto; right: 0; }
  .procon .imgs3d { display: none; }
  .procon .imgs3d-2 { display: block; margin-top: 5%; }
  .procon .imgs3d-2 .col { position: relative; background-color: #f3f3f3; }
  .procon .imgs3d-2 .imgwr { padding-bottom: 50%; }
  .procon .imgs3d-2 .tit { position: absolute; left: 0; bottom: 0; z-index: 2; margin: 0; padding: 7px 2%; width: 96%; font-size: 14px; color: #fff; background-color: rgba(0, 0, 0, 0.5); }
  .procon .imgs3d-2 .btnwr { position: relative; bottom: 0; margin-top: 3%; font-size: 0; }
  .procon .imgs3d-2 .btnwr .swiper-pagination-bullet-active { background-color: #e52d27; }
  .procon .imgs3d-2 .btnwr .swiper-pagination-bullet { margin: 0 2px; }

  .prolist-gy .main .list { margin: -6% 0 0; }
  .prolist-gy .main .col { margin: 6% 4% 0 0; width: 30.66%; }
  .prolist-gy .main .col:nth-child(3n) { margin-right: 0; }
  .prolist-gy .main .img { max-width: 90%; max-height: 90%; }
  .prolist-gy .main .tit { margin-top: 8px; font-size: 14px; }

  .join-xgj { padding: 8.3% 0 4.15%; }
  .join-xgj .conwr, .join-xgj .imgwr { display: block; margin: 0 auto; width: auto; }
  .join-xgj .conwr h1 { text-align: center; }
  .join-xgj .conwr .img { max-width: 50%; }
  .join-xgj .conwr .con { margin: 3.3% auto 0; font-size: 16px; line-height: 1.8; }
  .join-xgj .imgwr { margin-top: 5%; }
  .join-bg { background: url("bg-join-xgj.jpg") 0 0 repeat; }
  .join-tit { font-size: 24px; }
  .join-ys { margin: 4.15% auto 8.3%; }
  .join-ys .main { margin-top: 0; }
  .join-ys .main .bg { display: none; padding-bottom: 75%; width: auto; }
  .join-ys .list { position: relative; }
  .join-ys .list .col { margin: 6% 6% 0 0; width: 47%; text-align: left; }
  .join-ys .list .col:nth-child(2n) { margin-right: 0; }
  .join-ys .col .imgwr { display: block; margin: 0 auto; padding-bottom: 40%; width: 40%; }
  .join-ys .col .imgwr-r { display: none; }
  .join-ys .col .conwr { display: block; margin-top: 12px; width: auto; text-align: center; }
  .join-ys .col .tit { font-size: 16px; }
  .join-ys .col .con { margin-top: 8px; line-height: 1.8; }
  .join-ys .listwr.swiper-container { margin-top: 6%; }
  .join-ys .list .col.swiper-slide { margin-top: 0; }
  .join-al { margin: 8.3% auto; }
  .join-al .imgbox { margin-top: 5%; width: 70%; }
  .join-al .imgbox .box { background-size: 100% 100%; }
  .join-al .imgbox .imgwr { padding-bottom: 100%; }
  .join-al .imgbox .btn { margin-top: -17px; }
  .join-al .imgbox .prev { left: -34px; }
  .join-al .imgbox .next { right: -34px; }
  .join-al .imgbox .icon { width: 24px; height: 34px; }
  .join-ly { margin: 8.3% auto; }
  .join-ly .con { margin-top: 10px; font-size: 14px; }
  .join-ly .list { margin-top: 0; }
  .join-ly .list .row { margin-top: 4%; width: 100%; }
  .join-ly .list .row-2 { width: 48%; }
  .join-ly .list .row-3 { width: 48%; }
  .join-ly .list .row-full, .join-ly .list .row-btn { width: auto; }
  .join-ly .list .marl { margin-left: 0; }
  .join-ly .list .row-2:nth-child(3) { margin-left: 4%; }
  .join-ly .list .row-3:nth-child(6) { margin-left: 4%; }
  .join-ly .list .txt { left: 10px; font-weight: bold; line-height: 40px; }
  .join-ly .list .star { margin-right: 1px; }
  .join-ly .list .inbox { margin-left: 57px; }
  .join-ly .list .row-2 .inbox, .join-ly .list .inbox-4 { margin-left: 72px; }
  .join-ly .list .inbox-3 { margin-left: 0; }
  .join-ly .list .inlab { margin-right: 10%; padding-left: 15px; line-height: 40px; }
  .join-ly .list .icon { margin-top: -6.5px; width: 11px; height: 11px; }
  .join-ly .list .icon::before { margin: -1.5px 0 0 -1.5px; width: 3px; height: 3px; }
  .join-ly .list .intxt { height: 40px; line-height: 40px; }
  .join-ly .list .intxt-ta { padding: 8px 5% 8px 0; height: 96px; min-height: 96px; line-height: 24px; }
  .join-ly .list .insel { padding: 0 10px; height: 40px; }
  .join-ly .list .btn { margin: 0; width: 48%; max-width: none; height: 40px; font-size: 14px; line-height: 40px; }
  .join-ly .list .btn:nth-child(2n) { margin-left: 4%; }

  .cases .main .list { margin: -2% 0 0; }
  .cases .list .col { margin: 2% 0 0; width: 49%; }
  .cases .list .col:nth-child(2n) { margin-left: 2%; }
  .cases .col .img { opacity: 0.6; filter: alpha(opacity=60); }
  .cases .col .conwr { top: 50%; margin-top: -16px; opacity: 1; filter: alpha(opacity=100); }
  .cases .col .conwr::before { width: 50px; height: 2px; }
  .cases .col .tit { padding-bottom: 9px; font-size: 20px; }
  .cases .col:hover .img { opacity: 1; filter: alpha(opacity=100); }
  .cases .col:hover .conwr { top: 60%; opacity: 0; filter: alpha(opacity=0); }

  .caselist .main .list { margin: -6% 0 0; }
  .caselist .main .col { margin: 6% 0 0; width: 47%; }
  .caselist .main .col:nth-child(2n) { margin-left: 6%; }
  .caselist .main .icon { transform: scale(0.6); }
  .caselist .main .conwr { padding: 8px 0; }

  .artlist .main .list { margin-top: -5%; }
  .artlist .list .row { margin-top: 5%; }
  .artlist .row .imgwr { padding-bottom: 22%; width: 35%; }
  .artlist .row .conwr { margin: 0 0 0 5%; padding: 10px 0; width: 60%; }
  .artlist .row .tit { margin-left: 0; font-size: 15px; white-space: normal; }
  .artlist .row .desc { margin-left: 0; line-height: 22px; }
  .artlist .row .info { margin: 8px 0 0; }
  .artlist .row .time, .artlist .row .desc { display: none; }
  .artlist .list .row::before, .artlist .list .row::after { left: 40%; width: 60%; }
  .artlist .list .row::after { display: none; }

  .artcon .main { width: 94%; }
  .artcon .main .title { margin-top: 0; font-size: 18px; line-height: 28px; }
  .artcon .main .info { font-size: 13px; }
  .artcon .main .body { font-size: 16px; line-height: 1.8; }
  .moreart { margin-top: 3.3%; }
  .moreart .row { float: none; width: auto; line-height: 2; }
  .moreart .row-2 { margin-left: 0; }
  .moreart .row .tit { padding: 0 70px 0 15px; }

  .culture-list .main .list { margin: -6% 0 0; }
  .culture-list .main .col { margin: 6% 0 0; width: 47%; }
  .culture-list .main .col:nth-child(2n) { margin-left: 6%; }
  .culture-list .main .tit { margin-top: 10px; font-weight: bold; font-size: 15px; }
  .culture-list .main .desc { margin-top: 6px; font-size: 13px; line-height: 20px; }
  .culture-list .main .info { margin-top: 8px; font-size: 13px; }

  .contact { padding: 8.3% 0; }
  .contact .conbox { width: auto; }
  .contact .con { margin-top: 5%; font-size: 16px; line-height: 30px; }
  .contact .con img { margin: 0 10px 0 5px; }
  .contact .ewm { margin: 5% auto 0; max-width: 120px; }
}

/*动画*/
.yt, .yb, .xl, .xr, .anime-t { opacity: 0; }
.anime-r .yt, .anime-r.yt { -webkit-animation: yt 1s forwards; -moz-animation: yt 1s forwards; -o-animation: yt 1s forwards; animation: yt 1s forwards; }
.anime-r .yb, .anime-r.yb { -webkit-animation: yb 1s forwards; -moz-animation: yb 1s forwards; -o-animation: yb 1s forwards; animation: yb 1s forwards; }
.anime-r .xl, .anime-r.xl { -webkit-animation: xl 1s forwards; -moz-animation: xl 1s forwards; -o-animation: xl 1s forwards; animation: xl 1s forwards; }
.anime-r .xr, .anime-r.xr { -webkit-animation: xr 1s forwards; -moz-animation: xr 1s forwards; -o-animation: xr 1s forwards; animation: xr 1s forwards; }
.anime-r .yt:nth-child(1), .anime-r .yb:nth-child(1), .anime-r .xl:nth-child(1), .anime-r .xr:nth-child(1) {
  -webkit-animation-delay: 0.1s; -moz-animation-delay: 0.1s; -o-animation-delay: 0.1s; animation-delay: 0.1s;
}
.anime-r .yt:nth-child(2), .anime-r .yb:nth-child(2), .anime-r .xl:nth-child(2), .anime-r .xr:nth-child(2) {
  -webkit-animation-delay: 0.2s; -moz-animation-delay: 0.2s; -o-animation-delay: 0.2s; animation-delay: 0.2s;
}
.anime-r .yt:nth-child(3), .anime-r .yb:nth-child(3), .anime-r .xl:nth-child(3), .anime-r .xr:nth-child(3) {
  -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; -o-animation-delay: 0.3s; animation-delay: 0.3s;
}
.anime-r .yt:nth-child(4), .anime-r .yb:nth-child(4), .anime-r .xl:nth-child(4), .anime-r .xr:nth-child(4) {
  -webkit-animation-delay: 0.4s; -moz-animation-delay: 0.4s; -o-animation-delay: 0.4s; animation-delay: 0.4s;
}
.anime-r .yt:nth-child(5), .anime-r .yb:nth-child(5), .anime-r .xl:nth-child(5), .anime-r .xr:nth-child(5) {
  -webkit-animation-delay: 0.5s; -moz-animation-delay: 0.5s; -o-animation-delay: 0.5s; animation-delay: 0.5s;
}
.anime-r .yt:nth-child(6), .anime-r .yb:nth-child(6), .anime-r .xl:nth-child(6), .anime-r .xr:nth-child(6) {
  -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; -o-animation-delay: 0.6s; animation-delay: 0.6s;
}
.anime-r .yt:nth-child(7), .anime-r .yb:nth-child(7), .anime-r .xl:nth-child(7), .anime-r .xr:nth-child(7) {
  -webkit-animation-delay: 0.7s; -moz-animation-delay: 0.7s; -o-animation-delay: 0.7s; animation-delay: 0.7s;
}
.anime-r .yt:nth-child(8), .anime-r .yb:nth-child(8), .anime-r .xl:nth-child(8), .anime-r .xr:nth-child(8) {
  -webkit-animation-delay: 0.8s; -moz-animation-delay: 0.8s; -o-animation-delay: 0.8s; animation-delay: 0.8s;
}
.anime-r .yt:nth-child(9), .anime-r .yb:nth-child(9), .anime-r .xl:nth-child(9), .anime-r .xr:nth-child(9) {
  -webkit-animation-delay: 0.9s; -moz-animation-delay: 0.9s; -o-animation-delay: 0.9s; animation-delay: 0.9s;
}
.anime-r .yt:nth-child(10), .anime-r .yb:nth-child(10), .anime-r .xl:nth-child(10), .anime-r .xr:nth-child(10) {
  -webkit-animation-delay: 1.0s; -moz-animation-delay: 1.0s; -o-animation-delay: 1.0s; animation-delay: 1.0s;
}
.anime-r .yt:nth-child(11), .anime-r .yb:nth-child(11), .anime-r .xl:nth-child(11), .anime-r .xr:nth-child(11) {
  -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s;
}
.anime-r .yt:nth-child(12), .anime-r .yb:nth-child(12), .anime-r .xl:nth-child(12), .anime-r .xr:nth-child(12) {
  -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s;
}
.anime-r .yt:nth-child(13), .anime-r .yb:nth-child(13), .anime-r .xl:nth-child(13), .anime-r .xr:nth-child(13) {
  -webkit-animation-delay: 1.1s; -moz-animation-delay: 1.1s; -o-animation-delay: 1.1s; animation-delay: 1.1s;
}
.anime-r .yt:nth-child(14), .anime-r .yb:nth-child(14), .anime-r .xl:nth-child(14), .anime-r .xr:nth-child(14) {
  -webkit-animation-delay: 1.2s; -moz-animation-delay: 1.2s; -o-animation-delay: 1.2s; animation-delay: 1.2s;
}
@keyframes yt {
  0% { -webkit-transform: translate3d(0, -30px, 0); -ms-transform: translate3d(0, -30px, 0); -o-transform: translate3d(0, -30px, 0); transform: translate3d(0, -30px, 0); opacity: 0; }
  100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@-webkit-keyframes yt { 0% { -webkit-transform: translate3d(0, -30px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } }
@-moz-keyframes yt { 0% { -moz-transform: translate3d(0, -30px, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } }
@-o-keyframes yt { 0% { -o-transform: translate3d(0, -30px, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes yb {
  0% { -webkit-transform: translate3d(0, 30px, 0); -ms-transform: translate3d(0, 30px, 0); -o-transform: translate3d(0, 30px, 0); transform: translate3d(0, 30px, 0); opacity: 0; }
  100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@-webkit-keyframes yb { 0% { -webkit-transform: translate3d(0, 30px, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } }
@-moz-keyframes yb { 0% { -moz-transform: translate3d(0, 30px, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } }
@-o-keyframes yb { 0% { -o-transform: translate3d(0, 30px, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes xl {
  0% { -webkit-transform: translate3d(-30px, 0, 0); -ms-transform: translate3d(-30px, 0, 0); -o-transform: translate3d(-30px, 0, 0); transform: translate3d(-30px, 0, 0); opacity: 0; }
  100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@-webkit-keyframes xl { 0% { -webkit-transform: translate3d(-30px, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } }
@-moz-keyframes xl { 0% { -moz-transform: translate3d(-30px, 0, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } }
@-o-keyframes xl { 0% { -o-transform: translate3d(-30px, 0, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } }
@keyframes xr {
  0% { -webkit-transform: translate3d(30px, 0, 0); -ms-transform: translate3d(30px, 0, 0); -o-transform: translate3d(30px, 0, 0); transform: translate3d(30px, 0, 0); opacity: 0; }
  100% { -webkit-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
}
@-webkit-keyframes xr { 0% { -webkit-transform: translate3d(30px, 0, 0); opacity: 0; } 100% { -webkit-transform: translate3d(0, 0, 0); opacity: 1; } }
@-moz-keyframes xr { 0% { -moz-transform: translate3d(30px, 0, 0); opacity: 0; } 100% { -moz-transform: translate3d(0, 0, 0); opacity: 1; } }
@-o-keyframes xr { 0% { -o-transform: translate3d(30px, 0, 0); opacity: 0; } 100% { -o-transform: translate3d(0, 0, 0); opacity: 1; } }