/* public */
.sc-light {font-weight: light;}
.sc-bold {font-weight: 700;}
.sc-medium {font-weight: 500;}
.red {color: #d60b1c;}
.white {color: #fff;}
.gray333 {color: #333;}
.gray666 {color: #666;}
.gray999 {color: #999;}
.wrapper {padding-top: 74rem;}
.container {width: 67%;}
.container-fluid {padding-left: 4.5%; padding-right: 4.5%;}
.hfill {height: 100vh;}
.bgcover {background-repeat: no-repeat; background-position: 50% 50%; background-size: cover;}
.imgbox {position: relative; overflow: hidden;}
.imgbox:not(.autoh) img {margin-left: auto; margin-right: auto; width: 100%; height: 100%; object-fit: cover;}
.imgani {transition: all .8s;}
.imgani:hover {transform: scale(1.1);}
.btn {position: relative; top: 0; display: inline-block; padding: 0 31rem; height: 40rem; line-height: 40rem; font-weight: 500; text-align: center; font-size: 14px; border: 1px solid #d60b1c; border-radius: 8rem; overflow: hidden;}
.btn span {position: relative; z-index: 2; display: block;}
.btn::before, .btn::after {position: absolute; display: block; content: ''; left: -20rem; top: 0; width: 40rem; height: 40rem; background: rgba(255, 255, 255, .75); opacity: 0; transform: rotate(45deg);}
.btn::after {transform: scale(2) rotate(45deg);}
.btn-default {background-color: #fff; border-color: #fff; color: #333;}
.btn-default::before, .btn-default::after {background: rgba(213, 28, 39, .35);}
.btn-primary, .btn-plain.on {background-color: #d60b1c !important; color: #fff !important;}
.btn-plain {margin-right: 10rem; color: #d60b1c;}
.btn-plain.on {box-shadow: 10rem 10rem 18rem rgba(213, 28, 39, .29);}
.mask {display: none; position: fixed; z-index: 1000; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5);}
.menubox {position: fixed; z-index: 1002; top: 0; right: 0; margin-right: 4.5%; height: 74rem; transition: background .3s .5s;}
.menubtn {position: absolute; top: 7rem; right: 7rem; width: 60rem; height: 60rem; cursor: pointer;}
.menubtn i {position: absolute; display: block; top: 50%; left: 50%; height: 3rem; width: 30rem; background: #333; border-radius: 2px; transform: translate(-50%, -50%); transition: all .3s;}
.menubtn i:nth-child(1) {margin-top: -10rem;}
.menubtn i:nth-child(3) {margin-top: 10rem;}
.menubox.on {margin-right: 0; width: 60%; background: #fff;}
.menubox.on i:nth-child(2) {width: 0;}
.menubox.on i:nth-child(1) {margin-top: 0; transform: translate(-50%, -50%) rotate(45deg);}
.menubox.on i:nth-child(3) {margin-top: 0; transform: translate(-50%, -50%) rotate(-45deg);}
.header {position: fixed; z-index: 999; top: 0; left: 0; right: 0; height: 74rem; background: rgba(255, 255, 255, .8); border-bottom: 1px solid #e3e3e3;}
.header .weui-cell {height: 74rem;}
.header .logobg {top: 0; right: 0; width: 4.5%; height: 74rem; background: url(../img/logo_icon3.png) no-repeat center center; background-size: cover;}
.header .logo img {height: 44rem;}
.header .logo-txt img {margin-left: 28rem; margin-top: 8rem; height: 32rem;}
.header .btn {display: block; margin-left: 20rem; padding-left: 25rem; padding-right: 25rem; height: 30px; line-height: 30px;}
.header .btn::before, .header .btn::after {width: 30px; height: 30px;}
.navbar li {position: relative; display: inline-block; font-size: 16rem;}
.navbar li > a {position: relative; display: block; padding: 0 30rem; line-height: 74rem;}
.navbar-left li i {position: absolute; display: block; content: ''; left: 30rem; right: 30rem; bottom: 0;height: 2px; background: #d60b1c; opacity: 0; transform: translateX(-100%); transition: all .5s;}
.navbar-left li.on i, .navbar-left li.act i {opacity: 1; transform: translateX(0);}
.navbar-right li > a {padding: 0 10rem; line-height: 74rem;}
.navbar-right .icon {position: relative; top: -1rem; display: inline-block; vertical-align: middle;}
.navbar-right .icon:first-child {margin-right: 6rem;}
.navbar-right .icon:last-child {margin-left: 3rem; font-size: 22rem; transform: scale(0.5);}
.dropmenu {display: none; position: absolute; left: 0; right: 0; top: 100%;}
.dropmenu > div {margin-top: 3rem; padding: 10rem 0; background: #fff; text-align: center; border-radius: 5rem; overflow: hidden;}
.dropmenu a {display: block; padding: 10rem;}
.footer {position: relative; padding-top: 40rem; padding-bottom: 40rem; background: #f7f7f7;}
.footer .logobox {top: 50%; left: 50%; width: 156rem; transform: translate3d(-50%, -50%, 0);}
.footer .col-xs-12:nth-child(1) p {margin: 4rem 0; padding-left: 23rem;}
.footer .col-xs-12:nth-child(1) .icon {position: absolute; left: 0; top: 0;}
.footer .col-xs-12:nth-child(2) p a {display: inline-block; margin-left: 20rem;}
.footer .col-xs-12:nth-child(2) > a {top: -4rem;}
.footer .qrcode {opacity: 0; z-index: -1; left: 50%; bottom: 100%; margin-bottom: 10rem; margin-left: -60rem; width: 120rem; height: 120rem; padding: 10rem; background: #fff; border-radius: 5rem; box-shadow: 0 0 10rem rgba(0, 0, 0, .1); pointer-events: none; transform: translate3d(0, -50px, 0); transition: all 1s;}
.footer .qrcode::after {position: absolute; display: block; content: ''; left: 50%; top: 100%; margin-left: -5rem; margin-top: -10rem; width: 20rem; height: 20rem; background: #fff; transform: rotate(45deg) translateX(-50%);}
.footer .qrcode.on {z-index: 50; opacity: 1; transform: translate3d(0, 0, 0);}
.copyright {position: relative; background: #d60b1c; color: #fff; line-height: 30rem;}
.copyright a {color: #fff !important;}
.article img {max-width: 100% !important; max-height: 100% !important;}

/* 分页 */
.pagination {margin: 0 auto 70rem; padding: 2px 5px;}
.pagination .btn-first, .pagination .btn-last, .pagination .btn-prev, .pagination .btn-next {position: relative; top: -1px; display: inline-block; width: 38rem; height: 38rem; vertical-align: middle;}
.pagination .btn-first::before, .pagination .btn-first::after,
.pagination .btn-last::before, .pagination .btn-last::after, 
.pagination .btn-prev::before, .pagination .btn-next::after {position: absolute; display: block; content: ''; margin-top: -5rem; top: 50%; width: 7rem; height: 7rem; border-left: 1px solid #707070; border-top: 1px solid #707070; transition: all .3s;}
.pagination .btn-first::before, .pagination .btn-first::after, .pagination .btn-prev::before {left: 50%; margin-top: -5rem; transform: rotate(-45deg) translate(-50%, -50%);}
.pagination .btn-first::after {margin-left: 6px;}
.pagination .btn-last::before, .pagination .btn-last::after, .pagination .btn-next::after {right: 50%; transform: rotate(135deg) translate(-50%, -50%);}
.pagination .btn-last::after {margin-right: 6px;}
.pagination .pager, .pagination .pager a{display: inline-block;}
.pagination .pager a{width: 38rem; line-height: 38rem; color: #333; font-size: 16rem; transition: all .3s;}
.pagination .pager a.on {background-color: #d60b1c; color: #fff !important; border-radius: 50%;}


/* index */
:root {
  --swiper-theme-color: #d60b1c !important;
}
.swiper-container {height: 100%;}
.swiper-button-next, .swiper-button-prev {width: 40rem !important; height: 40rem !important; background: rgba(255, 255, 255, .1); border: 1px solid rgba(105, 105, 105, .47); border-radius: 50%; transition: all .3s;}
.swiper-button-next:before, .swiper-button-prev:before {position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; content: ''; background: #d60b1c; border-radius: 50%; transform: scale(0); transform-origin: center; transition: all .3s ease;} 
.swiper-button-next:after, .swiper-button-prev:after {position: relative; font-size: 13px !important; color: #333; transition: all .3s;}
.swiper-scrollbar {background: rgba(213, 28, 39, .3) !important;}
.swiper-scrollbar-drag {background: #d60b1c !important;}
.swiper-vertical>.swiper-scrollbar {right: 0 !important; top: 0 !important; height: 100% !important;}
.index, .index .section {height: 100vh !important; overflow: hidden;} 
.idx-banner .swiper-slide {height: 100% !important;}
.idx-banner .swiper-slide .container {position: absolute; left: 0; right: 0; height: 100%; padding: 0 15px 180rem; color: #fff;}
.idx-banner .slide-inner {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-position: center; background-size: cover;}
.idx-banner .slide-inner h3 {line-height: 1.262;}
.idx-banner .isvideo {width: 100%; height: 100%; display: block; object-fit: cover;}
.idx-banner .current {z-index: 13; height: 75rem; left: 0; right: 0; bottom: 0; border-top: 1px solid rgba(255, 255, 255, .1); background-image: linear-gradient(90deg, rgba(213, 28, 39, .5) 0%, rgba(213, 28, 39, 0) 60%);}
.idx-banner .current .weui-cell__bd {color: transparent; -webkit-text-stroke: 1px #fff; opacity: .3;}
.idx-banner .current .mouse {position: relative; display: inline-block; margin-right: 5rem; width: 13rem; height: 18rem; border: 1px solid #fff; border-radius: 30rem; vertical-align: middle;}
.idx-banner .current .mouse::before {position: absolute; display: block; content: ''; top: 2px; left: 50%; margin-left: -1px; width: 2px; height: 4px; background-color: #fff; -webkit-animation: mouseAni 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate; -moz-animation: mouseAni 0.5s cubic-bezier(0.56, 0.01, 0.46, 1) infinite alternate;}
.idx-banner .controls {z-index: 15; left: 0; right: 0; bottom: 0;}
.idx-banner .swiper-pagination {left: 15px !important; text-align: left;}
.idx-banner .swiper-pagination-bullet:not(.swiper-pagination-bullet-active) {background: #fff !important; opacity: 1;}
.idx-banner .swiper-button-next {right: 15px;}
.idx-banner .swiper-button-prev {right: 15px; left: auto; margin-right: 53rem;}
.idx-banner .swiper-button-next, .idx-banner .swiper-button-prev {top: auto; bottom: 150rem; border-color: rgba(255, 255, 255, .47);}
.idx-banner .swiper-button-next::after, .idx-banner .swiper-button-prev::after {color: #fff;}
.idx1 {background-color: #f8f8f8;}
.idx1 .bgtit {padding-left: 15px; left: 0; bottom: 0; color: transparent; opacity: .35; line-height: 1.05; background-image: linear-gradient(to bottom, rgba(213, 28, 39, .1) 40%, rgba(213, 28, 39, 1) 100%); -webkit-background-clip: text;}
.idx1 .container {padding-left: 15px; padding-right: 15px;}
.idx1 .textbox {z-index: 1;}
.idx1 .imgbox img {width: 110%;}
.idx2 {background-color: #e9f2ff;}
.idx2 .bgpic, .idx2 .imgbox {position: absolute; top: 0; left: 0; width: 100vw; height: 100vh;}
.idx2 .imgbox {display: none;}
.idx2 .imgbox:first-child {display: block;}
.idx2 .swiper-slide {height: 100% !important; overflow: hidden; border-left: 1px solid rgba(255, 255, 255, .1);}
.idx2 .logobg {top: -5%; right: -5%; opacity: 0; transform: translate3d(10px, -50px, 0); transition: all 1s;}
.idx2 dl {position: relative; margin: 18% 22%; color: #fff;}
.idx2 .iconbox {width: 40rem; height: 40rem; line-height: 40rem; text-align: center;}
.idx2 .iconbox::before {position: absolute; display: block; content: ''; top: 0; left: 0; right: 0; bottom: 0; background-color: #d60b1c; border-radius: 8rem; box-shadow: 9rem 9rem 18rem rgba(213, 28, 39, .26); transition: all .3s;}
.idx2 .num {margin-top: 38rem; opacity: .5;}
.idx2 .des {margin-top: 80rem; margin-bottom: 80rem; line-height: 32rem; height: 96rem; text-align: justify;}
.idx2 .btn {opacity: 0; transform: translateY(10px);}
.idx2 .swiper-slide::before {opacity: 0; position: absolute; display: block; content: ''; top: 0; right: 0; bottom: 0; left: 0; background: linear-gradient(to bottom, rgba(213, 28, 39, .75) 50%, rgba(213, 28, 39, 0) 100%); transform: scale(1, 0); transform-origin: 50% 0; transition: all 1s;}
.idx2 .swiper-slide:hover::before {opacity: 1; transform: scale(1);}
.idx2 .swiper-slide:hover .logobg {opacity: 1; transform: translate3d(0, 0, 0);}
.idx2 .swiper-slide:hover .iconbox {color: #d60b1c;}
.idx2 .swiper-slide:hover .iconbox::before {background-color: #fff; transform: rotate(-45deg); box-shadow: 9rem 9rem 18rem rgba(0, 0, 0, .2);}
.idx2 .swiper-slide:hover .btn {opacity: 1; transform: translateY(0);}
.idx3 .btn {pointer-events: all;}
.idx3 .textbox {position: absolute; z-index: 2; top: 50%; left: 15px; width: 33%; transform: translateY(-50%);}
.idx3 .imgbox {position: absolute; top: 50%; right: 15px; transform: translateY(-50%);}
.idx3-box1 .imgbox {width: 60%; right: -5%; overflow: visible;}
.idx3-box1 .img1 {-webkit-animation: circle1 30s 0s linear infinite; -moz-animation: circle1 30s 0s linear infinite;}
.idx3-box1 .textbox {width: 41%;}
.idx3-box1 .img2 {width: 46% !important; height: auto !important; top: -22%; left: 27%;}
.idx3-box1 .img3 {width: 46% !important; height: auto !important; top: 45%; right: -16%;}
.idx3-box1 .img4 {width: 46% !important; height: auto !important; top: 45%; left: -19%;}
.idx3-box1 .img5 {width: 45.82% !important; height: auto !important; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0);}
.idx3-box2 .imgbox:nth-child(1) {right: -10.5%; width: 83%;}
.idx3-box2 .imgbox:nth-child(2) {right: -4%; width: 69.752%; display: none;}
.idx3-box2 .imgbox img {pointer-events: auto;}
.idx3-box2 .imgbox:hover img {cursor: zoom-in;}
.idx3-box3 .imgbox {width: 26.284%; overflow: visible;}
.idx3-box3 .imgbox img {height: auto !important; border-radius: 20rem; overflow: hidden;}
.idx3-box3 .img2 {width: 56.805% !important; top: -17%; left: 81%; box-shadow: 21rem 21rem 43rem rgba(0, 0, 0, .3);}
.idx3-box3 .img3 {width: 80% !important; bottom: -10%; right: 82%; box-shadow: 21rem 21rem 43rem rgba(0, 0, 0, .3);}
.idx3 ul {z-index: 1; bottom: 35rem; left: 0; right: 0; padding-left: 15px; padding-right: 15px;}
.idx3 li {position: relative; display: inline-block; margin: 9rem; padding: 15rem; width: 312rem; background: #fff; cursor: pointer; overflow: hidden; border-radius: 10rem; box-shadow: 4rem 4rem 27rem rgba(0, 0, 0, .15); transition: all .3s;}
.idx3 li::before {position: absolute; bottom: -50rem; right: -90rem; display: block; content: ''; width: 145rem; height: 199rem; background-image: url(../img/logo_icon2.png); background-repeat: no-repeat; background-position: center center; background-size: cover; transition: all .3s;}
.idx3 li .icon {margin-right: 13rem; color: #333; transition: all .3s;}
.idx3 li.on {background-color: #d60b1c; box-shadow: 4rem 4rem 27rem rgba(213, 28, 39, .43);}
.idx3 li.on::before {background-image: url(../img/logo_icon1.png);}
.idx3 li.on .icon, .idx3 li.on .vmid span {color: #ffff;}
.idx3-zoom {display: none; z-index: 100000; top: 0; left: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5);}
.idx3-zoom .bd {top: 50%; left: 50%; width: 60%; background: #fff; box-shadow: 0 10px 20px rgba(0, 0, 0, .1); transform: translate(-50%, -50%);}
.idx3-zoom__close {position: absolute; top: -15px; right: -15px; width: 40px; height: 40px; background: #fff; cursor: pointer; border: 1px solid #d60b1c; border-radius: 50px;}
.idx3-zoom__close::before, .idx3-zoom__close::after {position: absolute; left: 50%; top: 50%; display: block; content: ''; width: 20px; height: 2px; margin-top: -1px; margin-left: -10px; background: #d60b1c;}
.idx3-zoom__close::before {transform: rotate(45deg);}
.idx3-zoom__close::after {transform: rotate(-45deg);}
.idx4 {background: #fff url(../img/idx12.jpg) repeat-x 0 160rem; background-size: 1920rem auto;}
.idx4 > .weui-cell {padding: 310rem 0 170rem;}
.idx4 .textbox {position: absolute; left: 50%; top: 150rem; transform: translate3d(-50%, 0, 0);}
.idx4 .itembox {padding-top: 25rem; padding-bottom: 25rem; line-height: 28rem; border-bottom: 1px solid #f1f1f1;}
.idx4 .itembox::before {position: absolute; display: block; content: ''; left: 0; top: 0; right: 0; bottom: 0; background: linear-gradient(to right, rgba(214, 11, 28, 1) 0%, rgba(214, 11, 28, 0) 100%); transform: scale(1, 0); transform-origin: 50% 0; transition: all .75s;}
.idx4 .time {left: 4.5%; top: 24rem;}
.idx4 .icon {right: 4.5%; top: 25rem;}
.idx4 .imgwrap {pointer-events: none; position: absolute; top: -20%; right: 13.5%; width: 22%; text-align: left; opacity: 0; transition: all .75s;}
.idx4 .imgbox {border-radius: 10rem; box-shadow: 40rem 40rem 68rem rgba(0, 0, 0, .1); transform: translateY(-50%);}
.idx4 .des {margin-top: 0; height: 0; color: #fff; opacity: 0; transition: all .6s;}
.idx4 .title, .idx4 .des {width: 60%; pointer-events: auto;}
.idx4 .swiper-container {position: relative; padding-bottom: 80rem;}
.idx4 .swiper-button-next, .idx4 .swiper-button-prev {top: auto; bottom: 0; pointer-events: auto !important;}
.idx4 .swiper-button-prev {left: 50%; margin-left: -47rem;}
.idx4 .swiper-button-next {right: 50%; margin-right: -47rem;}
.idx4-foot {z-index: 20; left: 0; right: 0; bottom: 0;}

.law .container {margin-top: 90rem; margin-bottom: 90rem; padding: 50rem; background-color: #fff; border-top: 4rem solid #d60b1c; border-radius: 10rem; box-shadow: 10rem 10rem 29rem rgba(0, 0, 0, .07);}
.law .article {margin-top: 50rem; margin-bottom: 50rem; line-height: 1.75;}
.network {z-index: 100; top: 0; left: 100%; right: -100%; padding-top: 174rem; padding-bottom: 90rem; height: 100vh; background: #fff url(../img/idx11.jpg) no-repeat center bottom; background-size: contain; overflow-x: hidden; overflow-y: auto;}
.network .close {width: 36rem; height: 36rem; cursor: pointer; border-radius: 50%; box-shadow: 0 0 21rem rgba(0, 0, 0, .15);}
.network .close::before, .network .close::after {position: absolute; display: block; content: ''; top: 50%; left: 50%; margin-left: -6rem; width: 12rem; height: 1px; background: #d60b1c;}
.network .close::before {transform: rotate(45deg) translateY(-50%);}
.network .close::after {transform: rotate(-45deg) translateY(-50%);}
.network .close:hover {transform: rotateZ(180deg);}
.network ul {margin: 47rem -9rem 72rem;}
.network li {padding: 9rem;}
.network li .icon {margin-left: 30rem;}
.network li a {height: 108rem; padding: 0 30rem; border-radius: 10rem; background-color: #f7f7f7;}
.network li a:hover {background: #d60b1c; color: #fff; box-shadow: 6rem 6rem 21rem rgba(213, 28, 39, .26);}
.network li a:hover .trans-3 {color: #fff;}
.network .qrcode {margin-top: 6rem; width: 100rem; height: 100rem; box-shadow: 10rem 10rem 40rem rgba(0, 0, 0, .18);}
.network.on {left: 0; right: 0;}
.network::-webkit-scrollbar {background-color: rgba(0, 0, 0, .2);}
.network::-webkit-scrollbar-thumb {background-color: rgba(0, 0, 0, .4);}

.contact {padding-top: 50rem; padding-bottom: 50rem; background-color: #f7f7f7;}
.contact .title {margin-bottom: 80rem; color: #e9e9e9;}
.contact .title .abs {top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0);}
.contact .row {margin-left: -10rem; margin-right: -10rem;}
.contact .col-xs-12 {padding-left: 10rem; padding-right: 10rem;}
.contact .icon {margin-right: 10rem;}
.contact dd {margin-top: 15rem; margin-bottom: 30rem; padding: 40rem 28rem; background-color: #fff; border-radius: 10rem; transition: all .3s;}
.contact dd .weui-cell {padding-left: 0; padding-right: 0;}
.contact dd .icon, .contact dd p {transition: all .3s;}
.contact dd:hover {background-color: #d60b1c; box-shadow: 10rem 10rem 24rem rgba(213, 28, 39, .31);}
.contact dd:hover p, .contact dd:hover .icon, .contact dd:hover a {color: #fff !important;}
.coop {padding-top: 84rem; padding-bottom: 84rem;}
.coop h3 {margin-bottom: 30rem;}
.coop .types {margin-top: 30rem; margin-bottom: 50rem;}
.coop .types span {display: inline-block; margin: 5rem; padding: 0 35rem; line-height: 50rem; background: #f7f7f7; border: 1px solid #f7f7f7; border-radius: 10rem;}
.coop .types span.on {color: #d60b1c; border-color: #d60b1c; background: #fff; box-shadow: 10rem 10rem 18rem rgba(213, 28, 39, .07);}
.coop ul {margin-left: -10rem; margin-right: -10rem; padding: 0 150rem;}
.coop li {margin-top: 15rem; margin-bottom: 15rem; padding-left: 10rem; padding-right: 10rem;}
.coop .weui-input {margin-top: 15rem; padding: 10rem 15rem; height: 60rem; line-height: 60rem; border: 1px solid #cbcbcb; border-radius: 5rem;}
.coop textarea.weui-input {line-height: inherit;}
.coop .weui-input:focus {border-color: #d60b1c;}
.coop .vcode {width: 200rem; margin: 0 15rem;}
.coop .btn1, .coop .btn2 {margin-top: 85rem; width: 167rem; font-size: 20rem; height: 56rem; border-radius: 10rem; cursor: pointer;}
.coop .btn1 {background: #d60b1c; color: #fff;}
.coop .btn2 {background: #f7f7f7;}
.news .bgcolor {left: 0; top: 74rem; right: 0; height: 415rem; background: #d60b1c;}
.news .title {margin-top: 70rem; margin-bottom: 70rem; color: #fff;}
.news .content {margin-left: -40rem; margin-right: -40rem; padding: 20rem 27rem; background: #fff; border-radius: 20rem;}
.news1 {margin-left: -14rem; margin-right: -14rem;}
.news1 .col-xs-12 {padding: 14rem;}
.news1 .col-xs-12:nth-child(1) .textbox {left: 0; right: 0; bottom: 50rem; padding: 0 40rem; color: #fff;}
.news1 .imgbox::after {position: absolute; display: block; content: ''; top: 0; left: 0; bottom: 0; right: 0; background-image: linear-gradient(to bottom, rgba(0, 0, 0, .1) 40%, rgba(0, 0, 0, .75) 100%);}
.news1 .swiper-container {border-radius: 20rem; overflow: hidden;} 
.news1 .swiper-pagination {bottom: 23rem !important;}
.news1 .swiper-pagination-bullet {background: #fff; opacity: 1;}
.news1 .swiper-pagination-bullet-active {background: #d60b1c;}
.news1 .col-xs-12:nth-child(2) a {padding: 22rem 30rem; border-radius: 10rem;}
.news1 .col-xs-12:nth-child(2) a:first-child {margin-top: -11rem;}
.news1 .col-xs-12:nth-child(2) a:hover {background: #d60b1c; box-shadow: 0 0 38rem rgba(0, 0, 0, .1);}
.news1 .col-xs-12:nth-child(2) a:hover p {color: #fff;}
.news2 {margin-top: 70rem; margin-left: -8rem; margin-right: -8rem;}
.news2 .col-xs-12 {padding-left: 8rem; padding-right: 8rem;}
.news2 .col-xs-12:nth-child(1) .weui-cell {padding-left: 30rem;}
.news2 .formbox {margin-bottom: 20rem; border: 1px solid #cbcbcb; border-radius: 10rem;}
.news2 .current .up {transform: rotate(-180deg);}
.news2 .dropbox {display: none; z-index: 1; top: 100%; left: -1px; right: -1px; margin-top: -6rem; border: 1px solid #cbcbcb; border-top: 0; background: #fff; border-radius: 0 0 10rem 10rem; box-shadow: 10rem 10rem 18rem rgba(0, 0, 0, .07);}
.news2 .dropbox a {display: block; padding: 5rem 30rem;}
.news2 .dropbox a.on {color: #d60b1c;}
.news3 {margin-left: -19rem; margin-right: -19rem; margin-bottom: 20rem; padding: 34rem 0;}
.news3 li {padding: 8rem 19rem 20rem; overflow: hidden;}
.news3 li .itembox::after {opacity: 0; position: absolute; display: block; content: ''; left: 0; right: 0; top: 0; bottom: 0; background: #d60b1c; border-radius: 20rem; box-shadow: 5rem 5rem 19rem rgba(213, 28, 39, .33); transform: scale(1, 0); transform-origin: 50% 100%; transition: all .75s;}
.news3 li .itembox {height: 502rem;}
.news3 li .imgbox {opacity: 1; height: 271rem; border-radius: 20rem;  transform: translate3d(0, 0, 0); transition: all .75s;}
.news3 li .textbox {left: 0; right: 0; top: 0; bottom: 0; padding: 30rem 0; z-index: 1; transition: all .3s;}
.news3 li .line2 {margin-top: 15rem; margin-bottom: 60rem; line-height: 28rem; height: 56rem;}
.news3 li .line3 {line-height: 28rem; height: 0;}
.news3 li .more {left: 0; bottom: 30rem;}
.news3 li:hover .itembox::after {opacity: 1; transform: scale(1);}
.news3 li:hover .imgbox {opacity: 0; transform: translate3d(0, 50%, 0);}
.news3 li:hover .textbox {position: absolute; padding: 50rem 48rem;}
.news3 li:hover p, .news3 li:hover .more {color: #fff;}
.news3 li:hover .line2 {margin-bottom: 30rem;}
.news3 li:hover .line3 {height: 84rem;}
.news3 li:hover .more {left: 48rem;}
.ndetail {margin-top: 89rem; margin-bottom: 63rem;}
.ndetail .article {margin-top: 30rem; padding: 79rem 17%; background-color: #fff; border-top: 4rem solid #d60b1c; box-shadow: 10rem 10rem 29rem rgba(0, 0, 0, .07); border-radius: 0 0 20rem 10rem;}
.ndetail .title {line-height: 1.33335;}
.ndetail .btns {margin-top: 10rem; margin-left: -12rem; margin-right: -12rem;}
.ndetail .btns > div {padding: 10rem 12rem;}
.ndetail .btns .weui-cell {height: 80rem; padding-left: 30rem; padding-right: 30rem; background: #fff; border-radius: 10rem;}
.ndetail .btns .arrow, .ndetail .btns .arrow i {width: 20rem; height: 10rem; background-repeat: no-repeat; background-position: center center; background-size: cover;}
.ndetail .btns .arrow i {position: absolute; top: 12rem; opacity: .11; filter: blur(2px);}
.ndetail .btns .arrow-left, .ndetail .btns .arrow-left i {background-image: url(../img/arrow_left.png);}
.ndetail .btns .arrow-right, .ndetail .btns .arrow-right i {background-image: url(../img/arrow_right.png);}
.ndetail .btns .arrow-left i {left: 6rem;}
.ndetail .btns .arrow-right i {right: 6rem;}
.ndetail .btns .weui-cell:hover {background-color: #d60b1c; color: #fff;}
.ndetail .btns .weui-cell:hover .arrow-left {background-image: url(../img/arrow_left_on.png);}
.ndetail .btns .weui-cell:hover .arrow-right {background-image: url(../img/arrow_right_on.png);}
.ndetail .btns .btn {width: 100%; height: 47rem; line-height: 47rem;}

.banner {z-index: 20; height: 250rem;}
.banner .title {position: absolute; z-index: 1; left: 0; bottom: 0; right: 0; color: #fff; pointer-events: none;}
.banner .en {margin-top: -15rem; font-size: 120rem; line-height: 1.2; text-shadow: 12rem 12rem 32rem rgba(0, 0, 0, .23);}
.submenu {position: absolute; left: 0; top: 175rem; right: 0; height: 75rem; white-space: nowrap; overflow-x: auto; background-image: linear-gradient(to right, rgba(213, 28, 39, 1) 10%, rgba(213, 28, 39, .3) 100%); transition: top 0s;}
.submenu .btn {margin: 18rem 25rem 11rem; padding-left: 12rem; padding-right: 12rem;}
.submenu .btn:not(.btn-primary) {color: #fff; border-color: transparent}
.submenu.fixed {position: fixed; z-index: 99; top: 74rem;}
.lithium {padding-top: 100rem; padding-bottom: 70rem;}
.lithium .weui-cell__hd {width: 45%;}
.lithium a:not(.btn) {position: relative; margin: 7rem; padding: 35rem 20rem; height: 324rem; border-radius: 10rem;}
.lithium a:not(.btn)::before, .lithium a:not(.btn)::after,
.light .itembox::before, .light .itembox::after,
.light-detail .itembox::before, .light-detail .itembox::after,
.download .itembox::before, .download .itembox::after,
.storage .weui-cell::before, .storage .weui-cell::after { opacity: 0; pointer-events: none; position: absolute; top: 0; left: 0; right: 0; bottom: 0; display: block; content: ''; border-radius: 10rem; transition: all .7s;}
.lithium a:not(.btn)::before, .light .itembox::before, .light-detail .itembox::before, .download .itembox::before, .storage .weui-cell::before {z-index: 1; border-top: 2px solid #d60b1c; border-left: 2px solid #d60b1c; transform: scale(1, 0); transform-origin: 0 0;}
.lithium a:not(.btn)::after, .light .itembox::after, .light-detail .itembox::after, .download .itembox::after, .storage .weui-cell::after {border-right: 2px solid #d60b1c; border-bottom: 2px solid #d60b1c; transform: scale(1, 0); transform-origin: 100% 100%;}
.lithium a:not(.btn):hover, .light .itembox:hover, .light-detail .itembox:hover, .download .itembox:hover, .storage .weui-cell:hover {box-shadow: 10rem 10rem 87rem rgba(213, 28, 39, .09);}
.lithium a:not(.btn):hover::before, .lithium a:not(.btn):hover::after,
.light .itembox:hover::before, .light .itembox:hover::after,
.light-detail .itembox:hover::before, .light-detail .itembox:hover::after,
.download .itembox:hover::before, .download .itembox:hover::after,
.storage .weui-cell:hover::before, .storage .weui-cell:hover::after {opacity: 1; transform: scale(1);}
.lithium:nth-child(2n-1), .lithium:nth-child(2n) a {background-color: #f7f7f7;}
.lithium:nth-child(2n-1) a:not(.btn) {background-color: #fff;}
.lithium .textbox {position: absolute; left: 0; right: 0; bottom: 0; min-height: 35%; padding: 20rem;}
.lithium .swiper-container {position: relative; padding-bottom: 88rem; overflow: hidden;}
.lithium .swiper-button-next, .lithium .swiper-button-prev {top: auto; bottom: 0;}
.lithium .swiper-button-prev {left: 50%; margin-left: -50rem;}
.lithium .swiper-button-next {right: 50%; margin-right: -50rem;}
/*.storage {padding-top: 67rem; padding-bottom: 71rem;}*/
/*.storage a {margin: 20rem 0 !important; height: 425rem !important; background-color: #f7f7f7;}*/
/*.storage .textbox {position: static; padding-left: 11%; width: 50% !important;}*/
.storage {padding-top: 67rem; padding-bottom: 71rem;}
.storage .weui-cell {margin: 20rem 0; padding: 35rem 20rem; height: 425rem; background-color: #f7f7f7; border-radius: 10rem;}
.storage .weui-cell__hd {padding-left: 11%; width: 50%;}
.storage .weui-cell__hd .btn {margin-top: 30rem;}
.light {margin-left: -19rem; margin-right: -19rem; margin-top: 55rem; margin-bottom: 45rem;}
.light li {padding: 19rem;}
/*.light a {margin: 0 !important; height: 425rem !important;}*/
/*.light .textbox {padding-top: 33rem; padding-bottom: 33rem;}*/
.light .itembox {margin: 0 !important; height: 425rem !important; padding: 36rem 20rem; background-color: #f7f7f7; border-radius: 10rem;}
.light .textbox {padding-top: 36rem; padding-bottom: 90rem;}
.light .btn {position: absolute; left: 50%; bottom: 36rem; top: auto; height: 40rem !important; transform: translateX(-50%);}


.group1 .weui-cell:nth-child(1) {padding: 70rem 0;}
.group1 .img {margin-bottom: 35rem; width: 230rem;}
.group1 .rel {top: -5rem;}
.group1 .unit {display: block; margin-left: -18rem; padding-left: 18rem; padding-right: 18rem; height: 30rem; font-size: 16rem; line-height: 28rem; text-align: center; background: #fff; border: 1px solid #d60b1c; border-radius: 15rem; box-shadow: 8rem 8rem 21rem rgba(0, 0, 0, .21);}
.group2 {margin-right: 25rem; padding-top: 40rem; padding-bottom: 20rem;}
.group3 .imgbox {height: 680rem;}
.group3-hd {left: 0; right: 0; top: 0; padding-top: 35rem; padding-bottom: 35rem; color: #fff; background-image: linear-gradient(to right, rgba(213, 28, 39, 0) 0%, rgba(213, 28, 39, 1) 100%);}
.group3-hd .itembox {margin: 35rem 0; padding-left: 23rem; padding-right: 78rem;}
.group3-hd .itembox::before {position: absolute; display: block; content: ''; left: 0; top: 5rem; bottom: 5rem; width: 3rem; background-image: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%);}
.group3-hd .itembox:last-child {padding-right: 0;}
.group3-hd .itembox .unit {position: relative; top: -5rem; width: 30rem; height: 30rem; font-size: 16rem; line-height: 30rem; text-align: center; color: #d60b1c; background-color: #fff; border-radius: 50%; box-shadow: 8rem 8rem 21rem rgba(0, 0, 0, .21);}

.group4 .imgbox {position: absolute; top: 0; left: 0; right: 0; bottom: 0; object-fit: cover;}
.group4 .row {margin-left: -12rem; margin-right: -12rem; padding-top: 68rem; padding-bottom: 68rem;}
.group4 dl {margin: 20rem 0; padding: 12rem; text-align: center;}
.group4 dt {white-space: nowrap; color: #fff;}
.group4 dt .counter {padding: 0 5rem;}
.group4 dd {margin-top: 40rem; height: 130rem; background-color: #fff; vertical-align: middle;}
.group5 {padding-top: 70rem; padding-bottom: 70rem; background-color: #f7f7f7;}
.group5 ul {margin-left: -12rem; margin-right: -12rem; max-height: 367rem; overflow-y: auto; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start;}
.group5 ul::-webkit-scrollbar {background-color: #f2f2f2;}
.group5 li {padding: 12rem;}
.group5 p {position: relative; padding: 10rem 20rem 10rem 35rem; background-color: #fff; border-radius: 28rem; height: 100%; line-height: 1.4; min-height: 68rem; display: flex; align-items: center; justify-content: flex-start;}
.group5 p::before {position: absolute; display: block; content: ''; left: 20rem; top: 50%; width: 7rem; height: 7rem; background-color: #eaeaea; border-radius: 50%; transform: translateY(-50%);}

.top500 {z-index: 1; right: 0; top: -12%; width: 32.8%;}
.stock1 .weui-cell {padding-bottom: 35rem !important;}
.stock1 .logobox {margin-bottom: 35rem;}
.stock1 .img {display: inline-block; margin-bottom: 0; width: 255rem;}
.stock1 .code {margin-top: 20rem; margin-left: 50rem;}
.stock1 .code span {margin-top: 2rem; padding: 0 12rem; line-height: 31rem; font-weight: 700; background: #d60b1c; color: #fff; border-radius: 5rem;}
.stock1 .unit {margin-left: -8rem; padding: 0; width: 30rem; height: 30rem; border-radius: 50%;}
.stock2 {padding-top: 35rem; background-color: #f7f7f7;}
.stock2 ul {margin-left: -24rem; margin-right: -24rem; padding-bottom: 55rem;}
.stock2 li {padding: 24rem;}
.stock2 li a {position: relative; top: 0; margin-bottom: 68rem; box-shadow: 22rem 22rem 46rem rgba(0, 0, 0, .21);}
.stock2 li p {position: relative; top: 0;}
.stock2-box1 {position: relative; margin-bottom: -5rem; padding-left: 110rem; height: 222rem; top: -111rem; color: #fff; background: #d60b1c url(../img/about3.jpg) no-repeat 80% 50%; background-size: cover; border-radius: 10rem; box-shadow: 17rem 17rem 57rem rgba(213, 28, 39, .21);}
.stock2-box1 .itembox {display: inline-block; margin-top: 60rem; margin-right: 140rem;}
.stock2-box1 .itembox:last-child {margin-right: 0;}
.stock2-box1 p:last-child {margin-top: -5rem;}
.stock2-box1 .rel {top: -5rem;}
.stock2-box1 .unit {margin-left: -10rem; padding: 0 10rem; height: 30rem; line-height: 28rem; color: #d60b1c; font-size: 16rem; border: 1px solid #d60b1c; border-radius: 15rem; background-color: #fff;}
.energy1 {padding-top: 10rem; padding-bottom: 15rem;}
.energy1 .img {width: 283rem;}
.energy1 .weui-cell:nth-child(1) {margin-bottom: 15rem; padding: 70rem 0 0;}
.energy1 .weui-cell__bd .itembox {margin-top: 0 !important; margin-bottom: 30rem !important; width: 50%; float: left;}
.energy1 .weui-cell__bd .itembox:nth-child(3) .rel {top: -34rem;}
.energy2 {background-color: #f7f7f7;}
.energy2 ul {margin-top: 20rem; margin-bottom: 40rem; margin-left: -9rem; margin-right: -9rem;}
.energy2 ul li {padding: 8rem 9rem;}
.energy2 .weui-cell {padding-left: 40rem; padding-right: 40rem; height: 110rem; border-radius: 10rem; background-color: #fff; cursor: pointer;}
.energy2 .weui-cell__hd {margin-right: 40rem;}
.energy2 .weui-cell:hover {background-color: #d60b1c; box-shadow: 14rem 14rem 38rem rgba(0, 0, 0, .08);}
.energy2 .weui-cell:hover > div {color: #fff;}
.culture .row {margin-top: 70rem; margin-bottom: 76rem; margin-left: -10rem; margin-right: -10rem;}
.culture .col-xs-12 {padding: 10rem;}
.culture .imgbox, .culture .itembox {height: 350rem; background-color: #f7f7f7; border-radius: 10rem; overflow: hidden;} 
.culture .imgbox .img {width: 160rem; height: 266rem; right: -10%; top: -53%;}
.culture .itembox {padding: 30rem; text-align: center;}
.culture .itembox h3 {margin-bottom: 22rem;}
.culture .itembox:hover img {transform: translate3d(0, 0, 0);}
.culture .textbox {left: 0; bottom: 0; right: 0; display: flex; flex-direction: column; padding: 15rem 35rem; height: 110rem; color: #fff; overflow: hidden; background-image: linear-gradient(to right, rgba(213, 28, 39, 1) 0%, rgba(213, 28, 39, .2) 100%);}
.culture .textbox p {opacity: .5;}
.culture .iconbox {position: relative; width: 55rem; height: 55rem; margin: 44rem auto 52rem;}
.culture .iconbox img {position: absolute; top: 0; left: 0;}
.culture .iconbox .after {transform: translate3d(-7rem, -7rem, 0);}
.culture .iconbox .before {transform: translate3d(7rem, 7rem, 0);}

.culture1 .row {margin: 60rem -13rem; display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start;}
.culture1 .col-xs-12 {padding: 13rem;}
.culture1 .itembox {height: 260rem; padding: 70rem 30rem; background-color: #f3f3f3; border-radius: 20rem; overflow: hidden; display: flex; justify-content: flex-start; height: 100%;}
.culture1 h3, .culture1 p {position: relative; z-index: 1; top: 0; transition: top .3s;}
.culture1 h3 {margin-bottom: 15rem; font-weight: bold; line-height: 1.4;}
.culture1 .abs {top: 50%; right: 35rem; width: 80rem; transform: translateY(-50%) scale(1); transition: all .3s;}

.duty1 {padding-top: 100rem; padding-bottom: 89rem;}
.duty1 h3 {margin-bottom: 50rem;}
.duty2 {padding-top: 240rem; padding-bottom: 150rem; color: #fff;}
.duty3 {padding: 180rem 95rem;}
.duty3 .img {top: 50%; left: 50%; margin-left: -180rem; width: 361rem; transform: translate3d(0, -50%, 0);}
.duty4-box1 {position: relative; z-index: 1; padding: 0; width: 50%; height: 344rem; color: #fff; background: #d60b1c;}
.duty4-box1 h3 {margin-left: 39.5%;}
.duty4-box2 {position: relative; margin-top: -260rem; margin-left: 33%; padding-top: 50rem; padding-bottom: 50rem; min-height: 425rem; background-color: #f7f7f7;}
.duty4-box2::before {position: absolute; left: 15%; top: 62%; line-height: 1.2; display: block; content: '“'; font-size: 300rem; font-weight: 700; color: #fff;}
.duty4-box2 p {margin-left: 30%; margin-right: 25%;}
.duty5 {padding-top: 135rem; padding-bottom: 135rem;}
.duty5 h3 small {text-transform: uppercase;}
.duty5 .weui-cell {margin-top: 10rem; padding: 3px 7px; background-color: #f7f7f7; border-radius: 30rem;}
.duty5 .weui-cell__hd {margin-right: 49rem; width: 54rem; height: 54rem; line-height: 54rem; text-align: center; color: #fff; background: #d60b1c; border-radius: 50%;}
.duty5 .weui-cell__bd {padding-top: 12rem; padding-bottom: 12rem;}

@-webkit-keyframes mouseAni {
  0% {top: 2px;}
  100% {top: 5px;}
}
@-moz-keyframes mouseAni {
  0% {top: 2px;}
  100% {top: 5px;}
}
@-webkit-keyframes circle1 {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(-360deg);}
}
@-moz-keyframes circle1 {
  0% {transform: rotate(0deg);}
  100% {transform: rotate(-360deg);}
}
@-webkit-keyframes sxxs1 {
  0% {-webkit-transform: scale(0) rotate(45deg); opacity: .3;}
  100% {-webkit-transform: scale(8) rotate(45deg); opacity: 0;}
}
@-moz-keyframes sxxs1 {
  0% {-moz-transform: scale(0) rotate(45deg); opacity: .3;}
  100% {-moz-transform: scale(8) rotate(45deg); opacity: 0;}
}

.idx-banner .adbox {z-index: 20; right: 35rem; bottom: 105rem; width: 12.8vw; padding: 10rem; color: #414141; background-color: #fff; border-radius: 13rem;}
.idx-banner .adbox img {margin-bottom: 10rem; border-radius: 12rem;}
.idx-banner .adbox .close {position: relative; width: 28rem; height: 28rem; display: inline-block; margin-right: 5rem; background-color: #f1f1f1; border-radius: 50%;}
.idx-banner .adbox .close::before, .idx-banner .adbox .close::after {position: absolute; left: 50%; top: 50%; display: block; content: ''; margin-left: -6rem; margin-top: -.5rem; width: 12rem; height: 1rem; background-color: #414141;}
.idx-banner .adbox .close::before {transform: rotate(45deg);}
.idx-banner .adbox .close::after {transform: rotate(-45deg);}
.light-detail ul {margin-left: -19rem; margin-right: -19rem; padding-top: 15rem; padding-bottom: 90rem;}
.light-detail ul > li {padding: 19rem;}
.light-detail .itembox {padding: 40rem 10rem 40rem 20rem; background: #f7f7f7; border-radius: 10rem; overflow: hidden;}
.light-detail ol {list-style: none; margin-top: 17rem; margin-bottom: 20rem; padding: 0;}
.light-detail ol li {position: relative; padding-left: 7rem;}
.light-detail ol li::before {position: absolute; left: 0; top: 8rem; display: block; content: ''; border-left: 5rem solid #df5e66; border-top: 4rem solid transparent; border-bottom: 4rem solid transparent;}
.download .row {margin-left: -19rem; margin-right: -19rem; padding-bottom: 90rem;}
.download li {padding: 19rem;}
.download .itembox {background-color: #d9d9d9; border-radius: 10rem; overflow: hidden;}
.download .weui-cell {position: absolute; left: 0; right: 0; bottom: 0; padding: 17rem 30rem; background-color: rgba(255, 255, 255, 1); border-radius: 10rem;}
.download .weui-cell__ft {position: relative; display: block; margin-left: 30rem; width: 38rem; height: 38rem; background: #fff; border-radius: 50%;}
.download .weui-cell__ft::before {position: absolute; display: block; content: ''; left: 0; top: 0; width: 100%; height: 100%; background: #d51c27; border-radius: 50%; transform: scale(0); transform-origin: 50% 50%; transition: all .3s;}
.download .weui-cell__ft svg {position: absolute; top: 50%; left: 50%; width: 12rem; height: auto; transform: translate(-50%, -50%);}
.download-nav {margin-top: 40rem; text-align: center; white-space: nowrap; overflow-x: auto;}
.download-nav li {display: inline-block; padding-bottom: 21rem;}
.download-nav li a {display: block; padding: 0 20rem; line-height: 40rem;}
.download-nav li.on a {background-color: #d51c27; color: #fff; border-radius: 8rem; box-shadow: 10rem 10rem 18rem rgba(213, 28, 39, .29);}
.download-submenu:not(.fixed) a {display: none;}

.spro-banner {height: 500rem; color: #fff; text-align: center;}
.spro-banner .slide-inner {position: relative; height: 100%; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.spro-banner .slide-inner::before {position: absolute; display: block; content: ''; left: 0; top: 0; right: 0; bottom: 0; background: rgba(0, 0, 0, .5)}
.spro-banner .swiper-pagination-bullet {width: 10rem; height: 10rem; background: transparent; border: 2rem solid rgba(255, 255, 255, .5); opacity: 1;}
.spro-banner .swiper-pagination-bullet-active {background: #bc1d22; border-color: #bc1d22;}
.spro-banner .weui-cell {position: absolute; top: 0; bottom: 0; left: 0; right: 0;}
.spro-banner li {display: inline-block; margin: 20rem 36rem;}
.spro-banner li p.f16 {margin-top: -7rem;}
.spro-banner li .rel {top: -2rem; margin-left: 3rem; text-align: left;}
.spro-banner li .unit {display: block;}
.spro-banner li i {position: relative; top: 4rem; margin-right: 5rem; display: inline-block; width: 20rem; height: 20rem; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.spro-banner li .tb1 {background-image: url(../img/xz_icon1.png);}
.spro-banner li .tb2 {background-image: url(../img/xz_icon2.png);}
.spro-banner li .tb3 {background-image: url(../img/xz_icon3.png);}
.spro-banner li .tb4 {background-image: url(../img/xz_icon4.png);}
.spro-left {position: static; top: 0; left: 0; width: 25%; margin-top: 22rem; padding: 30rem; border: 1rem solid #dadada; background-color: #fff; border-radius: 10rem; box-shadow: 0 24rem 15rem rgba(0, 0, 0, .06); transition: top .3s;}
.spro-left li {list-style: none;}
.spro-left a {display: block; padding-top: 7rem; padding-bottom: 7rem; transition: all .3s;}
.spro-left .level1 {margin-top: 12rem;}
.spro-left .level1 > li > a {color: #333;}
.spro-left .level2 a {color: #999; border-left: 1px solid #e7e7e7;}
.spro-left .level2 > li {position: relative; margin: 11rem 0 35rem;}
.spro-left .level2 > li::after {position: absolute; display: block; content: ''; left: -10rem; right: -10rem; bottom: -18rem; border-bottom: 1px solid #E7E7E7;}
.spro-left .level2 > li:last-child {margin-bottom: 11rem;}
.spro-left .level2 > li:last-child::after {display: none;}
.spro-left .level3 {margin: 10rem 0;}
.spro-left .level3 > li a {position: relative; padding-left: 32rem; color: #999; border-left: 1px solid #e7e7e7;}
.spro-left .level2 > li > a {position: relative; padding-left: 20rem;}
.spro-left .level2 > li > a::before {position: absolute; display: block; content: ''; left: -1px; top: 0; bottom: 0; width: 1px; background: #d51c27; transform: scale(1, 0); transform-origin: 50% 0; transition: all .3s;}
/*.spro-left .level3 > li > a::before {position: absolute; display: block; content: ''; left: 20rem; top: 15rem; border-left: 5rem solid #999; border-top: 4rem solid transparent; border-bottom: 4rem solid transparent; transition: all .3s;}*/
.spro-left .level3 > li > a::before {position: absolute; display: block; content: ''; left: 20rem; top: 17rem; width: 4rem; height: 4rem; background: #999; border-radius: 50%; transition: all .3s;}
.spro-left .level2 > li.on > a, .spro-left .level2 > li:hover > a,
/*.spro-left .level3 > li.on > a, .spro-left .level3 > li:hover > a,*/
.spro-left .level3 > li.on > a, .spro-left .level3 > li:hover > a {color: #d51c27;}
.spro-left .level2 > li.on > a::before, .spro-left .level2 > li:hover > a::before {transform: scale(1);}
/*.spro-left .level3 > li.on > a::before, .spro-left .level3 > li:hover > a::before {border-left-color: #d51c27; transform: rotate(90deg);}*/
.spro-left .level3 > li.on > a::before, .spro-left .level3 > li:hover > a::before {background: #d51c27;}
.spro-wrap {padding-bottom: 80rem;}
.spro-wrap .light-detail {float: right; width: 75%;}
.spro-wrap .light-detail ul {margin-left: -10rem; margin-right: -10rem;}
.spro-wrap .light-detail ul > li {padding: 10rem;}
.spro-wrap .light-detail ul > li h3 {padding: 0 15rem 15rem 10rem;}
.spro-case {padding-top: 70rem; background: #f9f9f9;}
.spro-logo li {display: inline-block; width: 90rem; height: 90rem; margin: 30rem;}
.spro-contact {border-top: 2px solid #E2E2E2;}
.spro-contact li {display: inline-block; margin: 20rem 48rem;}
.spro-contact li i {display: inline-block; margin-right: 8rem; vertical-align: middle; width: 20rem; height: 20rem; background-position: center center; background-repeat: no-repeat; background-size: cover;}
.spro-contact li .tb1 {background-image: url(../img/xz8.png);}
.spro-contact li .tb2 {background-image: url(../img/xz9.png);}
.spro-contact li .tb3 {background-image: url(../img/xz10.png);}