@charset "UTF-8";.trademark {    margin-top: 8%;    margin-bottom: 5%;    border-top: 1px solid #b8b8b8}.title {    width: 270px;    margin-top: -20px;    margin-right: auto;    margin-left: auto;    padding-right: 10px;    padding-bottom: 10px;    padding-left: 10px;    color: #333;    font-size: 24px;    font-weight: 500;    text-align: center;    background-color: #f0f0f0;    background-image: url(../images/18.png);    background-repeat: no-repeat;    background-position: center 100%}.title span {    padding-left: 15px;    color: #999}.trademark-list {    margin-top: 5%;    overflow: hidden}.trademark-list .list {    width: 18%;    margin-right: 2.5%;    margin-bottom: 2%;    /* padding: 2%;    border: 1px solid #c8c8c8; */    float: left;    text-align: center}.trademark-list .list:nth-child(5n) {    margin-right: 0}.trademark-list .list .icon-trademark {    /* width: 35%; */    width: 100%;    margin-right: auto;    margin-left: auto;    display: block}.trademark-list .list .icon-trademark.not {    display: block}.trademark-list .list .icon-trademark.hover {    display: none}/* .trademark-list .list .moreimg {    width: 25%;    margin-top: 14%;    margin-bottom: 15%} */.trademark-list .list h2 {    padding-top: 5%;    padding-bottom: 5%;    color: #111;    font-size: 20px;    font-weight: 500}.trademark-list .list p {    color: #666;    font-size: 12px}.trademark-list .list:hover {    background-color: #036;    border: 1px solid #036}.trademark-list .list:hover .icon-trademark.not {    display: none}.trademark-list .list:hover .icon-trademark.hover {    display: block}.trademark-list .list:hover h2,.trademark-list .list:hover p {    color: #fff}.plan,.plan img {    width: 100%;    display: block}.copyright-process,.trademark-process,.trademark-reason {    margin-top: 10%;    margin-bottom: 10%}.copyright-process .title,.trademark-process .title,.trademark-reason .title {    margin-top: -15px;    margin-right: auto;    margin-left: auto;    font-size: 20px;    font-weight: 700}.copyright-process {    margin-top: 22%;    margin-bottom: 10%}.copyright-reason-list,.patent-reason-list,.trademark-reason-list {    margin-top: 10%;    text-align: center;    font-size: 0}.copyright-reason-list .list,.patent-reason-list .list,.trademark-reason-list .list {    width: 23%;    margin-right: 2.65%;    display: inline-block;    vertical-align: top}.copyright-reason-list .list:nth-child(4n),.patent-reason-list .list:nth-child(4n),.trademark-reason-list .list:nth-child(4n) {    margin-right: 0}.copyright-reason-list .list img,.patent-reason-list .list img,.trademark-reason-list .list img {    width: 45%;    margin-right: auto;    margin-left: auto;    border-radius: 100%}.copyright-reason-list .list h2,.patent-reason-list .list h2,.trademark-reason-list .list h2 {    margin-top: 5%;    margin-bottom: 5%;    font-size: 20px;    color: #333}.copyright-reason-list .list p,.patent-reason-list .list p,.trademark-reason-list .list p {    font-size: 14px;    color: #666}.copyright-reason-list .list {    width: 18%;    margin-right: 2.5%}.copyright-reason-list .list:nth-child(4n) {    margin-right: 2.5%}.copyright-reason-list .list:nth-child(5n) {    margin-right: 0}.copyright-reason-list .list img {    margin-right: auto;    margin-bottom: 5px;    margin-left: auto}.patent-reason-list .list {    margin-bottom: 5%}.patent-reason-list .list img {    margin-right: auto;    margin-bottom: 10px;    margin-left: auto}.trademark-material {    margin-bottom: 230px;    position: relative}.copyright-material-title,.patent-material-title,.trademark-material-title {    width: 100%;    height: 210px;    background-image: url(../images/10.jpg);    background-size: cover;    background-repeat: no-repeat;    background-position: 50%}.copyright-material-title h1,.patent-material-title h1,.trademark-material-title h1 {    padding-top: 70px;    color: #0cf}.copyright-material-title h1 span,.patent-material-title h1 span,.trademark-material-title h1 span {    color: #fff;    font-weight: 500}.copyright-material-title {    background-image: url(../images/31.jpg)}.patent-material-title {    background-image: url(../images/43.jpg)}.copyright-material-list,.patent-material-list,.trademark-material-list {    overflow: hidden;    position: absolute;    left: 0;    right: 0;    top: 78%;    z-index: 1}.copyright-material-list .list,.patent-material-list .list,.trademark-material-list .list {    width: 30%;    margin-right: 5%;    float: left}.copyright-material-list .list:last-child,.patent-material-list .list:last-child,.trademark-material-list .list:last-child {    margin-right: 0}.copyright-material-list .list h2,.patent-material-list .list h2,.trademark-material-list .list h2 {    padding-top: 10px;    padding-bottom: 10px;    color: #fff;    font-size: 20px;    font-weight: 100;    text-align: center;    background-color: rgba(0, 0, 0, .5);    border-bottom: 6px solid #42d9ff}.copyright-material-list .list .info,.patent-material-list .list .info,.trademark-material-list .list .info {    width: 100%;    height: 120px;    padding: 5% 10%;    background-color: #fff}.copyright-material-list .list .info p,.patent-material-list .list .info p,.trademark-material-list .list .info p {    padding-top: 2%;    padding-left: 15px;    background-image: url(../images/11.png);    background-size: 8px 8px;    background-repeat: no-repeat;    background-position: 0 12px}.copyright-material-list .list .short p,.patent-material-list .list .short p,.trademark-material-list .list .short p {    text-align: center;    background-position: 35% 70%}.copyright-material-list,.patent-material-list {    width: 60%;    margin-right: auto;    margin-left: auto;    top: 77%}.copyright-material-list .list,.patent-material-list .list {    width: 45%;    margin-right: 10%}.copyright-material-list .list .info,.patent-material-list .list .info {    width: 100%;    height: 170px}.copyright-material-list .list .info p span,.patent-material-list .list .info p span {    font-size: 12px}.trademark-material .patent-material-list .list {    width: 48%;    margin-right: 4%}.trademark-material .patent-material-list .list:last-child {    margin-right: 0}.trademark-material .patent-material-list .list .info {    width: 100%;    height: 140px}.trademark-material .patent-material-list .list .info p {    width: 49%;    display: inline-block}.trademark-material .patent-material-list .list .info p:nth-child(5) {    vertical-align: top}.trademark-material .patent-material-list .list .info p span {    font-size: 10px}.process {    width: 100%;    margin-top: 10%;    margin-bottom: 10%;    display: block}.full-process .copyright-material-title,.full-process .patent-material-title,.full-process .trademark-material-title {    width: 100%;    height: 170px;    background-image: url(../images/13.jpg);    background-position: 50%;    background-repeat: no-repeat;    background-size: cover}.full-process .copyright-material-title h1,.full-process .patent-material-title h1,.full-process .trademark-material-title h1 {    margin-top: 20px}.full-process .copyright-material-title {    background-image: url(../images/33.jpg)}.full-process .patent-material-title {    background-image: url(../images/45.jpg)}.trademark-ques {    margin-top: 8%;    margin-bottom: 8%}.trademark-ques-list {    margin-top: 5%;    margin-bottom: 5%;    overflow: hidden}.trademark-ques-list .list {    width: 48%;    margin-right: 4%;    margin-bottom: 2%;    padding: 2%;    float: left;    background-color: #fff}.trademark-ques-list .list:nth-child(2n) {    margin-right: 0}.trademark-ques-list .list h2 {    padding-bottom: 2%;    padding-left: 35px;    font-size: 20px;    color: #333;    background-image: url(../images/15.png);    background-position: 0 0;    background-repeat: no-repeat;    background-size: 28px 28px}.trademark-ques-list .list .info {    color: #999;    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical}.trademark-ques-list .list p {    padding-top: 10px;    float: right;    color: #999}.trademark-ques-list .list p span {    font-size: 16px}.trademark-ques-list .list:hover h2 {    background-image: url(../images/14.png);    color: #3871aa}.team .title {    width: 300px;    background-color: #fff;    background-size: 90% 6px}.team .swiper-container {    margin-top: 30px}.team .swiper-container img {    width: 100%;    display: block}.team .swiper-container .swiper-pagination-bullet {    opacity: 1;    background-color: #fff;    border: 1px solid #c8c8c8}.team .swiper-container .swiper-pagination-bullet-active {    background-color: #c8c8c8}.team-list-title {    background-color: #0e335f}.shengfan-team {    width: n;    height: 100px}.shengfan-team img {    width: 120px;    height: 115px}.shengfan-team .search {    width: 294px;    height: 43px;    margin-top: 30px;    float: right}.shengfan-team .search input {    width: 250px;    height: 100%;    padding-right: 15px;    padding-left: 15px;    border: none;    float: left}.shengfan-team .search a {    width: 44px;    height: 100%;    float: left;    background-image: url(../images/48.png);    background-size: 100% 100%}.shengfan-team .search button {    width: 44px;    height: 100%;    float: left;    background-image: url(../images/48.png);    background-size: 100% 100%}.tijiao{    width: 44px;    height: 100%;    float: left;    background-image: url(../images/48.png);    background-size: 100% 100%}.team-wrapper {    padding-bottom: 5%;    background-color: #f0f0f0}.team-list {    overflow: hidden;    padding: 10% 2% 0}.team-list .list {    width: 22%;    margin-right: 4%;    margin-bottom: 10%;    float: left}.team-list .list:hover {    box-shadow: 0 0 20px #bebebe}.team-list .list:nth-child(4n) {    margin-right: 0}.team-list .list .bg-img {    width: 100%;    padding-top: 51.5%;    padding-bottom: 51.5%;    background-color: #818083;    position: relative}.team-list .list .bg-img img {    /* width: 80%; */    height: 120%;    margin-right: auto;    margin-left: auto;    display: block;    position: absolute;    left: 0;    right: 0;    top: -20%}.team-list .list .info {    width: 100%;    padding: 5% 2%;    overflow: hidden;    background-color: #fff}.team-list .list .info span.name {    float: left;    font-size: .2rem;    font-weight: 700}.team-list .list .info p {    width: 55%;    float: right;    display: block;    font-size: 12px;    text-align: right}.more,.team-list .list .info p span {    display: block}.more {    width: 180px;    height: 45px;    margin-right: auto;    margin-left: auto;    color: #333;    line-height: 45px;    text-align: center;    border: 1px solid #b4b4b4}.more:hover {    color: #fff;    background-color: #036}.self-introduction-layer {    background-color: rgba(0, 0, 0, .8);    position: fixed;    top: 0;    right: 0;    bottom: 0;    left: 0;    z-index: 99;    display: none}.self-introduction-container {    margin-top: 5%;    background-color: #fff;    overflow: hidden;    position: relative}.self-introduction-container i {    width: 60px;    height: 60px;    display: block;    background-image: url(../images/51.png);    background-size: 100% 100%;    background-position: 50%;    background-repeat: no-repeat;    position: absolute;    top: 0;    right: 0}.self-introduction-container img {    width: 45%;    float: left}.self-introduction-container .info {    width: 55%;    padding-top: 5%;    padding-bottom: 5%;    float: left}.self-introduction-container .info h1 {    padding-bottom: 3%;    padding-left: 5%;    margin-bottom: 2%;    font-weight: 300;    font-size: 45px;    background-image: url(../images/52.png);    background-size: 80% 1px;    background-repeat: no-repeat;    background-position: 0 100%}.self-introduction-container .info h1 span {    font-size: 20px}.self-introduction-container .info-text {    padding-right: 3%;    padding-left: 5%}.self-introduction-container .info-text .detail {    margin-top: 10%}.self-introduction-container .info-text .detail .line {    margin-bottom: 3%}.self-introduction-container .info-text .detail .line span {    float: left}.self-introduction-container .info-text .detail .line label {    padding-left: 65px;    display: block}.institute-info-wrapper {    overflow: hidden;    position: relative}.institute-info-wrapper .name {    width: 40%;    padding-top: 5%;    padding-bottom: 5%;    float: left;    background-color: #036;    position: relative}.institute-info-wrapper .name:after {    content: "";    width: 0;    height: 0;    border-style: solid;    border-width: 5px 0 5px 6px;    border-color: transparent transparent transparent #036;    position: absolute;    top: 50%;    right: -5px}.institute-info-wrapper .name .name-intro {    width: 45%;    margin-right: 3%;    padding-bottom: 3%;    border-bottom: 2px solid #fff;    float: right;    color: #fff}.institute-info-wrapper .name .name-intro h1 {    margin-bottom: 3%;    padding-top: 2%;    font-size: 24px;    font-weight: 100;    background-image: url(../images/187.jpg);    background-size: 40% 3px;    background-repeat: no-repeat;    background-position: 0 0}.institute-info-wrapper .name .name-intro p {    font-size: 12px}.institute-info-wrapper .info {    width: 60%;    padding: 7% 20% 6% 2%;    float: right;    color: #666;    background-color: #fff}.institute {    margin-top: 5%;    margin-bottom: 3%;    border-top: 1px solid #b8b8b8}.institute .title {    width: 300px;    background-size: 90% 6px}.institute .container-swiper {    width: 100%;    margin-top: 5%;    position: relative}.institute .swiper-container {    padding-bottom: 5%}.institute .swiper-container .swiper-slide img {    width: 100%;    display: block}.institute .swiper-container .swiper-pagination-bullet {    opacity: 1;    background-color: #fff;    border: 1px solid #c8c8c8}.institute .swiper-container .swiper-pagination-bullet-active {    background-color: #c8c8c8}.swiper-button-prev {    background-image: url(../images/54.png);    left: -40px}.swiper-button-next {    background-image: url(../images/55.png);    right: -40px}.book {    padding-top: 30px;    padding-bottom: 30px;    background-image: url(../images/62.jpg);    background-size: cover;    background-repeat: no-repeat;    background-position: 50%}.book-container {    overflow: hidden}.book-container .info {    width: 27.33%;    float: left;    color: #fff}.book-container .info span {    padding-bottom: 2%;    margin-bottom: 2%;    font-size: 18px;    font-weight: 700;    display: inline-block;    border-bottom: 2px solid #fff}.book-container .info p {    font-size: 12px}.book-container .imgwrapper {    float: left;    overflow: hidden}.book-container .imgwrapper:hover .imginfo {    overflow: hidden;    -webkit-transform: scale(1.1);    transform: scale(1.1)}.book-container .imgwrapper .imginfo {    width: 100%;    overflow: hidden;    transition: all .3s ease-in}.book-container .imgwrapper .imginfo img {    width: 100%;    display: block}.book-container .imgwrapper:nth-child(2) {    width: 40.6%}.book-container .imgwrapper:nth-child(3) {    width: 32.07%}.book-container .imgwrapper:nth-child(4) {    width: 27.33%}.book-container .imgwrapper:nth-child(5),.book-container .imgwrapper:nth-child(6) {    width: 36.33%}.dean {    padding-bottom: 3%}.dean img {    width: 100%;    display: block}.sunlight-info {    padding: 50px 30px 60px 16%;    margin-bottom: 5%;    background-image: url(../images/75.png);    background-size: 100% 100%;    background-repeat: no-repeat;    background-position: 50%}.sunlight-way .tab {    width: 100%;    overflow: hidden}.sunlight-way .tab .list {    width: 15%;    margin-right: 2.5%;    margin-left: 2.5%;    float: left}.sunlight-way .tab .list i {    width: 60px;    height: 60px;    margin-right: auto;    margin-bottom: 5%;    margin-left: auto;    display: block;    background-color: #3871aa;    background-repeat: no-repeat;    background-position: 50%}.sunlight-way .tab .list.hover i,.sunlight-way .tab .list:hover i {    background-color: #036}.sunlight-way .tab .list .mission {    background-image: url(../images/67.png);    background-size: 40px 39px}.sunlight-way .tab .list .vision {    background-image: url(../images/68.png);    background-size: 43px 40px}.sunlight-way .tab .list .aims {    background-image: url(../images/69.png);    background-size: 34px 34px}.sunlight-way .tab .list .idea {    background-image: url(../images/70.png);    background-size: 38px 33px}.sunlight-way .tab .list .values {    background-image: url(../images/68.png);    background-size: 43px 40px}.sunlight-way .tab .list span {    margin-right: auto;    margin-bottom: 5%;    margin-left: auto;    font-size: 20px;    text-align: center;    font-weight: 700;    display: block}.sunlight-way .content {    width: 100%;    margin-top: 5%;    margin-bottom: 10%}.sunlight-way .content .list {    padding: 2% 5%;    border: 1px solid #036;    border-radius: 10px;    position: relative;    display: none}.sunlight-way .content .list span {    padding-top: 10px;    padding-bottom: 10px;    padding-left: 45px;    display: block;    font-size: 16px;    color: #036;    background-image: url(../images/71.png);    background-size: 35px 32px;    background-position: 0;    background-repeat: no-repeat}.sunlight-way .content .list p {    padding-top: 10px;    padding-left: 45px;    color: #666}.sunlight-way .content .list:before {    width: 14px;    height: 11px;    content: "";    background-image: url(../images/76.png);    background-size: 14px 11px;    background-repeat: no-repeat;    position: absolute;    top: -11px}.sunlight-way .content .list:first-child:before {    left: 9%}.sunlight-way .content .list:nth-child(2):before {    left: 29%}.sunlight-way .content .list:nth-child(3):before {    left: 49%}.sunlight-way .content .list:nth-child(4):before {    left: 70%}.sunlight-way .content .list:nth-child(5):before {    left: 90%}.character-wrapper {    padding-top: 5%;    padding-bottom: 5%;    background-color: #036}.character-wrapper .character-tips {    color: #fff;    text-align: center}.character-wrapper .container-swiper {    margin-top: 5%;    position: relative}.character-wrapper .swiper-container .swiper-slide {    overflow: hidden;    background-color: #012}.character-wrapper .swiper-container .swiper-slide img {    width: 40%;    float: left}.character-wrapper .swiper-container .swiper-slide .info {    width: 60%;    height: 100%;    padding: 2% 5%;    float: left;    color: #fff}.character-wrapper .swiper-container .swiper-slide .info h1 {    font-size: 20px;    font-weight: 300}.character-wrapper .swiper-container .swiper-slide .info p {    margin-top: 5px;    margin-bottom: 5px;    display: block}.character-wrapper .swiper-container .swiper-slide .info p span {    padding: 2px 5px;    margin-right: 10px;    display: inline-block;    border-radius: 50px;    background-color: #036}.character-wrapper .swiper-container .swiper-slide .info .intro {    margin-top: 10px;    font-size: 12px}.character-wrapper .swiper-container .swiper-slide .more {    width: 120px;    height: 35px;    line-height: 35px;    color: #fff;    border: 1px solid #fff;    border-radius: 50px;    background-color: #012;    position: absolute;    right: 5%;    bottom: 15px}.character-wrapper .swiper-container .swiper-slide .more:hover {    color: #012;    border: 1px solid #012;    background-color: #fff}.character-wrapper .swiper-pagination {    width: 100%;    margin-top: 2%;    margin-bottom: 2%}.character-wrapper .swiper-pagination .swiper-pagination-bullet {    margin-right: 1%;    background-color: transparent;    border: 1px solid #fff;    opacity: 1}.character-wrapper .swiper-pagination .swiper-pagination-bullet-active {    background-color: #fff}.application {    width: 100%;    height: 800px;    background-image: url(../images/75.jpg);    background-position: 50%;    background-size: cover;    position: relative}.application .tips {    padding-top: 5%;    padding-bottom: 5%;    color: #fff;    font-size: 34px;    text-align: center}.application .tips span {    color: #3871aa}.application .app-container {    width: 100%;    overflow: hidden;    background-color: #3871aa;    position: relative}.application .app-container .left {    width: 66.66667%;    float: left}.application .app-container .left img {    width: 50%;    float: left}.application .app-container .right {    width: 33.33333%;    height: 100%;    padding: 5%;    float: left;    color: #fff}.application .app-container .right h1 {    margin-bottom: 5%;    text-align: center;    font-size: 20px}.application .app-container .right p {    margin-bottom: 5%;    font-size: 12px}.application .app-container .btn-detail {    width: 15%;    height: 45px;    line-height: 45px;    color: #fff;    margin: 0 auto;    text-align: center;    border: 1px solid #fff;    background-color: #3871aa;    position: absolute;    right: 10%;    bottom: 5%}.application .app-container .btn-detail:hover {    border: 1px solid #3871aa;    color: #3871aa;    background-color: #fff}.application .note {    padding-top: 15px;    padding-bottom: 15px;    text-align: center;    color: #fefefe;    font-size: 12px;    background-color: rgba(0, 0, 0, .55);    position: absolute;    left: 0;    right: 0;    bottom: 0}.activities {    margin-top: 10%;    margin-bottom: 5%;    border-top: 1px solid #b8b8b8}.activities .title {    width: 300px;    background-size: 90% 6px}.activities .activities-container {    margin-top: 5%;    position: relative}.activities .swiper-container .swiper-slide:hover a {    top: 0;    transition: top .3s}.activities .swiper-container .swiper-slide img {    width: 100%;    display: block}.activities .swiper-container .swiper-slide a {    padding: 5%;    transition: top .3s;    text-align: center;    background-color: rgba(0, 51, 102, .8);    position: absolute;    top: 83%;    right: 0;    bottom: 0;    left: 0}.activities .swiper-container .swiper-slide a span {    color: #fff;    display: block}.activities .swiper-container .swiper-slide a span:first-child {    margin-bottom: 5%}.activities .swiper-container .swiper-slide a span:last-child {    font-size: 12px;    float: right}.activities .swiper-container .swiper-slide a p {    margin-top: 5%;    margin-bottom: 5%;    font-size: 12px;    color: #999}.infor-container {    margin-top: 5%;    margin-bottom: 5%;    overflow: hidden;    background-image: url(../images/85.jpg);    background-size: 1px 90%;    background-position: 50%;    background-repeat: no-repeat}.infor-container .list {    width: 50%;    padding-top: 5px;    padding-right: 8%;    padding-bottom: 5px;    float: left;    color: #333;    font-size: 12px;    vertical-align: middle}.infor-container .list:nth-child(2n) {    padding-right: 0;    padding-left: 8%;    float: left}.infor-container .list span {    display: inline-block;    vertical-align: middle}.infor-container .list span:first-child {    margin-right: 5px}.infor-container .list span:last-child {    color: #999;    float: right}.infor-container .list p {    width: 65%;    color: #666;    display: inline-block;    vertical-align: middle}.about-company {    width: 100%;    padding-top: 5%;    padding-right: 8%;    padding-left: 8%;    margin-top: 5%;    margin-bottom: 5%;    text-align: center;    color: #666;    background-image: url(../images/87.png);    background-size: 100%;    background-repeat: no-repeat;    background-position: center 0}.profile-wrapper {    padding-top: 5%;    padding-bottom: 5%;    background-color: #7da6cf}.profile-wrapper .profile-list {    overflow: hidden}.profile-wrapper .list {    width: 20%;    margin-right: 6.66667%;    float: left;    text-align: center;    color: #fff}.profile-wrapper .list span {    font-size: 40px}.profile-wrapper .list:last-child {    margin-right: 0}.timeline {    margin-top: 5%;    margin-bottom: 5%}.timeline img {    width: 100%;    display: block}.company-info {    padding-top: 5%;    padding-bottom: 5%;    line-height: 23px;    background-color: #274768;    color: #fff}.news,.service {    margin-top: 5%;    margin-bottom: 5%;    background-color: #f0f0f0;    border-top: 1px solid #b8b8b8}.news .title,.service .title {    width: 300px;    background-size: 90% 6px}.service-list {    padding-top: 3%;    padding-bottom: 3%;    overflow: hidden}.service-list .list {    width: 30%;    margin-right: 5%;    margin-bottom: 5%;    float: left}.service-list .list:nth-child(3n) {    margin-right: 0}.service-list .list img {    width: 100%;    display: block}.service-list .list .info {    width: 100%;    padding: 5%;    background-color: #fff}.service-list .list .info h1 {    color: #333;    font-size: 18px}.service-list .list .info h1,.service-list .list .info p {    overflow: hidden;    text-overflow: ellipsis;    display: -webkit-box;    -webkit-line-clamp: 2;    -webkit-box-orient: vertical}.service-list .list .info p {    margin-top: 2%;    margin-bottom: 2%;    color: #666}.service-list .list .info span {    color: #036;    display: block;    text-align: right}.news-container {    margin-top: 5%;    margin-bottom: 5%;    position: relative}.news-container .swiper-slide img {    width: 100%;    display: block}.news-container .swiper-slide a {    padding: 3%;    color: #fff;    background-color: rgba(0, 51, 102, .6);    position: absolute;    left: 0;    right: 0;    bottom: 0}.news-container .swiper-button-prev {    background-image: url(../images/92.png);    background-size: 27px 27px}.news-container .swiper-button-next {    background-image: url(../images/93.png);    background-size: 27px 27px}.news-title {    padding-top: 5%;    padding-bottom: 5%;    background-image: url(../images/94.jpg);    background-size: cover;    background-position: 50%}.news-title h1 {    color: #3871aa}.news-title h1 span {    color: #fff;    font-weight: 100}.news-more {    margin-top: 5%;    margin-bottom: 2%}.news-more .title {    width: 270px}.news-list {    width: 100%;    padding-top: 3%;    padding-bottom: 2%;    border-bottom: 1px solid #d2d2d2}.news-list .list .datas span {    padding-right: 5%;    padding-left: 20px;    color: #999;    display: inline-block;    background-position: 0;    background-repeat: no-repeat}.news-list .list .datas span:first-child {    background-image: url(../images/95.png);    background-size: 13px 15px}.news-list .list .datas span:nth-child(2) {    background-image: url(../images/96.png);    background-size: 12px 14px}.news-list .list .datas span:nth-child(3) {    background-image: url(../images/97.png);    background-size: 17px 13px}.news-list .list a {    margin-top: 5px;    margin-bottom: 5px;    font-size: 24px;    color: #5a5a5a;    display: block}.news-list .list p {    color: #999}.pagination {    margin-top: 3%;    margin-bottom: 3%;    text-align: center}.pagination a,.pagination span {    padding-right: 10px;    padding-left: 10px;    margin-right: 1%;    height: 30px;    line-height: 30px;    color: #666;    border: 1px solid #aaa;    display: inline-block;    background-color: #fff}.pagination a:last-child {    margin-right: 0}.pagination .active {    color: #fff;    background-color: #036;    border: 1px solid #036}.join-reason {    overflow: hidden;    margin-top: 3%;    margin-bottom: 3%}.join-reason .list {    width: 32%;    margin-right: 2%;    float: left}.join-reason .list:nth-child(3n) {    margin-right: 0}.join-reason .list img {    width: 100%;    display: block}.join-reason .list .info {    padding: 5%;    background-color: #fff}.join-reason .list .info span {    margin-bottom: 2%;    text-align: center;    display: block;    color: #036;    font-size: 20px}.join-reason .list .info p {    line-height: 23px;    color: #666}.join-post {    padding-top: 3%;    padding-bottom: 3%;    color: #fff;    font-size: 34px;    text-align: center;    background-color: #3871aa}.join-post-list {    margin-top: 5%;    margin-bottom: 5%;    overflow: hidden}.join-post-list .list {    width: 22%;    margin-right: 4%;    margin-bottom: 4%;    float: left;    overflow: hidden;    position: relative}.join-post-list .list:hover a {    top: 35%;    transition: top .3s}.join-post-list .list:nth-child(4n) {    margin-right: 0}.join-post-list .list img {    width: 100%;    display: block}.join-post-list .list a {    padding: 3%;    color: #fff;    text-align: center;    background-color: rgba(0, 51, 100, .8);    position: absolute;    left: 0;    right: 0;    bottom: 0;    top: 85%;    transition: top .3s}.join-post-list .list a .post-name {    margin-bottom: 4%;    font-size: 14px}.join-post-list .list a .post-name span {    margin-right: 2%;    font-size: 18px}.join-post-list .list a .info {    font-size: 12px}.join-post-list .list a .btn-join {    width: 50%;    padding: 2% 5%;    margin: 5% auto 0;    display: block;    color: #036;    background-color: #fff}.contact-us {    margin-top: 3%;    margin-bottom: 3%}.contact-us h1 {    margin-bottom: 5%;    font-size: 30px;    color: #333;    text-align: center;    vertical-align: bottom;    font-weight: 300}.contact-us h1 span {    font-size: 20px;    vertical-align: bottom}.contact-us-list {    width: 100%;    overflow: hidden}.contact-us-list .list {    width: 32%;    height: 30%;    padding: 5%;    margin-right: 2%;    margin-bottom: 2%;    float: left;    text-align: center;    background-color: #fff}.contact-us-list .list:nth-child(3n) {    margin-right: 0}.contact-us-list .list img {    width: 20%;    margin-right: auto;    margin-bottom: 10%;    margin-left: auto;    display: block}.contact-us-list .list .qr {    width: 48%}.contact-us-list .list span {    padding-bottom: 10%;    margin-bottom: 10%;    display: block;    color: #3871aa;    background-image: url(../images/107.jpg);    background-size: 41px 3px;    background-position: center 100%;    background-repeat: no-repeat}.contact-us-list .list p {    cursor: pointer;    color: #111}.contact-us-list .list .bold {    font-size: 18px;    font-weight: 700}.contact-map {    width: 100%;    height: 500px;    margin-top: 5%;    margin-bottom: 5%}.title-banner {    width: 100%;    height: 200px}.title-banner .banner-img {    width: 100%;    height: 100%;    display: block;    background-image: url(../images/114.jpg);    background-size: 100% 200px;    background-position: 50%}.title-banner .top-title {    width: n;    height: 100%;    padding-top: 100px;    color: #fff}.title-banner .top-title h1 {    color: #fff;    font-weight: 200;    font-size: 30px;    text-align: center;    position: relative}.title-banner .top-title h1 span {    width: 30%;    margin-right: auto;    margin-left: auto;    display: block}.title-banner .top-title h1:before {    background-image: url(../images/115.png);    left: 0}.title-banner .top-title h1:after,.title-banner .top-title h1:before {    width: 35%;    height: 1px;    content: "";    background-size: 100%;    background-repeat: no-repeat;    background-position: 0;    position: absolute;    top: 50%}.title-banner .top-title h1:after {    background-image: url(../images/116.png);    right: 0}.problem-list {    padding: 40px 3% 60px;    background-color: #fff}.problem-list .list {    width: 100%;    padding-top: 30px;    padding-bottom: 30px;    border-bottom: 1px solid #c8c8c8;    background-image: url(../images/117.png);    background-size: 25px 25px;    background-repeat: no-repeat;    background-position: 0 30px}.problem-list .list p {    width: 100%;    padding-right: 30px;    padding-left: 40px;    font-size: 20px;    cursor: pointer;    color: #333;        background-size: 21px 11px;    background-repeat: no-repeat;    background-position: 100%}.wenti{    background-image: url(../images/119.png);}.problem-list .list .open {    background-image: url(../images/118.png)}.problem-list .list .info {    width: 100%;    padding-top: 15px;    line-height: 20px;    color: #666;    display: none}.has-title {    width: 100%;    height: 200px}.title-banner .legal-img {    background-image: url(../images/120.jpg)}.legal-content {    padding: 3%;    background-color: #fff;    color: #666}.legal-content img {    display: block;    max-width: 100%;    margin: auto}.legal-content p {    margin-bottom: 3%;    line-height: 30px}.edit-content {    padding: 3%;    background-color: #fff;    color: #666}.edit-content img {    margin-top: 5px;    margin-bottom: 5px;    display: block;    max-width: 100%;    margin: auto}.joinemail {    text-align: center;    color: #0e335f}.title-banner .jionus-img {    background-image: url(../images/121.jpg)}.title-banner .newsh1-img {    background-image: url(../images/101.jpg)}.title-banner .newsh1 .top-title h1 span {    width: 100%}.title-banner .newsh1 .top-title h1:after,.title-banner .newsh1 .top-title h1:before {    background-image: none}.title-banner .newsh1 .top-title .newshp {    color: #fff;    width: 100%;    font-size: 15px;    text-align: center}.newsbot {    width: 100%;    border-top: 1px solid #c8c8c8;    padding-top: 30px;    padding-bottom: 30px}.newsbot .newsbotl {    width: 50%;    float: left}.newsbot .newsbotl p {    color: #9d9d9d;    line-height: 15px}.newsbot .newsbotl p a {    color: #646464}.newsbot .newsbotl p .newsbotla,.newsbot .newsbotl p a:hover {    color: #3771ab}.newsbot .newsbotr {    width: 50%;    float: right;    text-align: right}.newsbot .newsbotr p {    color: #646464;    line-height: 30px;    text-align: right;    display: inline-block}.newsbot .newsbotr .bshare-custom {    float: right;    display: inline-block;    line-height: 27px !important}.sunhelp {    width: 100%;    overflow: auto}.sunhelp a {    display: block;    width: 198px;    height: 46px;    border: 1px solid #969696;    color: #3771ab;    text-align: center;    line-height: 48px;    background: url(../images/80.png) no-repeat 16px 12px}.sunhelp a:hover {    background: #3771ab url(../images/79.png) no-repeat 16px 12px;    border: none;    color: #fff}.sunhelp .sunhelpl {    width: 50%;    float: left}.sunhelp .sunhelpl .sunhelpla {    font-size: 16px;    float: right;    margin-right: 10px;    padding-left: 48px}.sunhelp .sunhelpr {    width: 50%;    float: right}.sunhelp .sunhelpr .sunhelplb {    padding-left: 48px;    font-size: 16px;    float: left;    margin-left: 10px}.contsunli {    overflow: hidden}.contsunli .contsunlef {    padding: 2% 3% 5%;    background-color: #fff;    width: 40%;    float: left}.contsunli .contsunlef img {    width: 100%;    margin-bottom: 15px}.contsunli .contsunlef .contsleft {    padding-right: 3%;    padding-left: 3%;    overflow: hidden}.contsunli .contsunlef .contsleft .contslefta {    float: left;    width: 40%}.contsunli .contsunlef .contsleft .contslefta span {    background: #c79f62;    border-radius: 50px;    padding: 7px 12px;    color: #fff;    margin-bottom: 16px;    text-align: center;    display: inline-block}.contsunli .contsunlef .contsleft .contsleftb {    float: left;    width: 60%}.contsunli .contsunlef .contsleft .contsleftb p {    margin-bottom: 16px;    width: 100%;    display: inline-block;    padding-top: 7px;    padding-bottom: 7px}.contsunli .contsunler {    padding: 3%;    width: 60%;    float: left}.title-banner .bg-service .top-title span {    width: auto;    background-color: #3871aa;    padding: 5px 20px;    display: inline-block;    position: relative;    z-index: 9}.bg-service.banner-img {    background-image: none;    background-color: #3871aa}.index-banner a,.index-banner a img {    width: 100%;    display: block}.index-banner .swiper-pagination-bullet {    background: transparent;    opacity: 1;    border: 1px solid #fff}.index-banner .swiper-pagination-bullet-active {    background-color: #fff}.index-type {    padding-top: 5%;    padding-bottom: 5%;    overflow: hidden}.index-type .list {    width: 30%;    margin-right: 5%;    margin-bottom: 5%;    float: left;    text-align: center}.index-type .list:hover h1,.index-type .list:hover h1 span {    color: #036}.index-type .list:nth-child(3n) {    margin-right: 0}.index-type .list img {    width: 20%;    display: block}.index-type .list h1,.index-type .list img {    margin-right: auto;    margin-bottom: 3%;    margin-left: auto}.index-type .list h1 {    color: #999;    font-size: 24px;    font-weight: 300}.index-type .list h1 span {    margin-right: 3%;    display: inline-block;    color: #333}.index-type .list p {    color: #999}.index-information,.index-institute {    padding-top: 3%;    padding-bottom: 10%;    background-color: #001830}.index-information h1,.index-institute h1 {    padding-bottom: 16px;    margin-bottom: 16px;    color: #fff;    font-weight: 300;    background-image: url(../images/107.jpg);    background-size: 41px 3px;    background-position: 0 100%;    background-repeat: no-repeat}.index-information .tips,.index-institute .tips {    margin-bottom: 55px;    color: #fff}.index-information h1 {    font-size: 40px;    background-image: url(../images/173.jpg);    background-size: 92px 3px}.index-information .tips {    font-size: 40px}.index-information .tips span {    color: #0cf}.institute-goin {    margin-top: -10%;    margin-bottom: 5%;    overflow: hidden;    position: relative}.institute-goin .imgwrapper {    display: block;    float: left;    overflow: hidden}.institute-goin .imgwrapper:hover .imginfo {    overflow: hidden;    -webkit-transform: scale(1.1);    transform: scale(1.1)}.institute-goin .imgwrapper:first-child {    width: 76.3%}.institute-goin .imgwrapper:nth-child(2),.institute-goin .imgwrapper:nth-child(3) {    width: 23.7%}.institute-goin .imgwrapper .imginfo {    overflow: hidden;    transition: all .3s ease-in}.institute-goin .imgwrapper img {    width: 100%;    display: block}.institute-goin .info {    width: 23%;    padding: 5%;    color: #fff;    line-height: 23px;    background-color: rgba(0, 51, 102, .8);    position: absolute;    top: 0;    bottom: 0;    left: 0}.institute-goin .info p {    margin-bottom: 35%}.institute-goin .info a {    width: 100%;    padding-top: 3%;    padding-bottom: 3%;    display: block;    text-align: center;    color: #fff;    border: 1px solid #fff}.institute-goin .info a:hover {    background-color: #fff;    color: #036}.index-department {    margin-bottom: 5%}.department-tab {    margin-bottom: 3%;    text-align: center;    color: #666;    font-size: 16px}.department-tab span {    padding-bottom: 5px;    margin-right: 2%;    display: inline-block;    cursor: pointer}.department-tab span:last-child {    margin-right: 0}.department-tab span.hover,.department-tab span:hover {    color: #036;    border-bottom: 3px solid #036}.department-block .swiper-container {    display: none}.department-container {    width: 80%;    margin-right: auto;    margin-left: auto;    overflow: hidden}.department-container .info {    width: 60%;    padding-top: 5%;    padding-bottom: 5%;    float: left}.department-container .info .name {    width: 80%;    padding: 13px 0 26px 70px;    margin-bottom: 5%;    overflow: hidden;    float: right;    text-align: right;    vertical-align: middle;    background-image: url(../images/132.png);    background-size: 100% 100%;    background-repeat: no-repeat;    background-position: 50%}.department-container .info .name .team-name {    display: inline-block;    vertical-align: middle;    text-align: right}.department-container .info .name .team-name p:first-child {    font-size: 24px;    color: #333}.department-container .info .name .team-name p:nth-child(2) {    font-size: 12px;    color: #999}.department-container .info .name .employee-name {    display: inline-block;    vertical-align: middle}.department-container .info .name .employee-name span {    color: #333;    font-size: 38px}.department-container .info .name .employee-name span:first-child {    font-size: .55rem;    font-weight: 300}.department-container .info .detail {    width: 100%;    padding-bottom: 8%;    float: left;    line-height: 23px;    font-size: 12px;    color: #666;    font-style: italic;    background-image: url(../images/134.png);    background-size: 20% 50%;    background-position: 20% 100%;    background-repeat: no-repeat}.department-container .employee-img {    width: 30%;    margin-left: 10%;    float: left}.employee-say {    padding-top: 3%;    padding-bottom: 2%;    background-color: #036}.employee-say .employee-say-info {    color: #fff;    text-align: center;    vertical-align: middle}.employee-say .employee-say-info i {    width: 21px;    height: 20px;    display: inline-block;    vertical-align: middle;    background-size: 100% 100%;    background-repeat: no-repeat}.employee-say .employee-say-info .comma-before {    background-image: url(../images/135.png)}.employee-say .employee-say-info .comma-after {    background-image: url(../images/136.png)}.employee-say .employee-say-info .text {    width: 60%;    padding-right: 5%;    padding-left: 5%;    display: inline-block;    vertical-align: middle}.employee-say .employee-say-info p:last-child {    margin-top: 1%;    font-size: 12px;    color: #999}.employee-say .employee-say-info p:last-child span {    color: #369}.index-sunlight {    margin-bottom: 5%}.index-sunlight-title {    width: 100%;    display: block}.index-sunlight-info {    width: 100%;    margin-bottom: 3%;    overflow: hidden;    background-color: #fff}.index-sunlight-info img {    width: 70%;    float: left}.index-sunlight-info .info {    width: 30%;    padding-top: 5%;    padding-right: 3%;    padding-left: 3%;    float: left;    text-align: center}.index-sunlight-info .info h1 {    margin-bottom: 5%;    font-weight: 300;    color: #333;    font-size: 22px}.index-sunlight-info .info p {    color: #999}.index-sunlight-info .info a {    width: 50%;    margin-top: 15%;    margin-right: auto;    margin-left: auto;    padding: 2%;    display: block;    color: #666;    background-color: #fff;    border: 1px solid #999}.index-sunlight-info .info a:hover {    color: #fff;    background-color: #036;    border: 1px solid #036}.index-sunlight-list {    width: 100%;    overflow: hidden}.index-sunlight-list .list {    width: 22%;    margin-right: 4%;    float: left;    position: relative}.index-sunlight-list .list:hover a {    top: 0;    transition: top .3s}.index-sunlight-list .list:last-child {    margin-right: 0}.index-sunlight-list .list img {    width: 100%;    display: block}.index-sunlight-list .list a {    padding-top: 18%;    color: #fff;    transition: top .3s;    text-align: center;    background-color: rgba(0, 51, 102, .8);    position: absolute;    top: 100%;    right: 0;    bottom: 0;    left: 0}.index-information {    padding-top: 3%;    padding-bottom: 5%;    background-image: url(../images/140.jpg);    background-size: 100% 100%;    background-repeat: no-repeat;    background-position: center 0}.index-information-list .swiper-slide:hover a {    display: block}.index-information-list .swiper-slide img {    width: 100%;    display: block}.index-information-list .swiper-slide a {    padding: 2% 3%;    color: #fff;    display: none;    background-color: rgba(0, 51, 102, .8);    position: absolute;    left: 0;    right: 0;    bottom: 0}.index-information-list .swiper-slide a p {    width: 100%}.index-information-list .swiper-slide a span {    display: block;    font-size: 12px;    text-align: right}.index-information-list .swiper-button-next,.index-information-list .swiper-button-prev {    width: 20%;    height: 100%;    margin-top: 0;    top: 0;    background-color: rgba(0, 51, 102, .8)}.index-information-list .swiper-button-prev {    left: 0}.index-information-list .swiper-button-next {    right: 0}.institute-goin.index2 {    margin-bottom: 0}.shnfan-team-top {    width: 100%;    background-image: url(../images/142.png);    background-size: 81px 79px;    background-repeat: no-repeat;    background-position: 100% 10%}.shnfan-team-top-info {    width: 85%;    overflow: hidden;    background-color: #fff}.shnfan-team-top-info .shnfan-team-top-imglist {    width: 70%;    float: left;    overflow: hidden}.shnfan-team-top-info .shnfan-team-top-title {    width: 100%;    padding: 3% 10% 3% 15%;    float: left;    background-color: #f0f0f0;    color: #333;    font-weight: 700;    font-size: 34px}.shnfan-team-top-info .shnfan-team-top-title span {    margin-top: -10px;    display: block;    color: #036;    text-align: right}.shnfan-team-top-info .shnfan-team-top-images {    width: 100%;    float: left;    overflow: hidden}.shnfan-team-top-info .shnfan-team-top-images .overfolw {    width: 110%;    height: 363px;    overflow: hidden}.shnfan-team-top-info .shnfan-team-top-images .overfolw .list {    width: 18%;    height: 363px;    float: left;    overflow: hidden;    transition: width .3s;    background-position: center 0;    background-repeat: no-repeat;    background-size: cover}.shnfan-team-top-info .shnfan-team-top-images .overfolw .list.hover,.shnfan-team-top-info .shnfan-team-top-images .overfolw .list:hover {    width: 37%;    height: 363px;    transition: width .3s}.shnfan-team-top-info .shnfan-team-introduction {    width: 30%;    padding: 5%;    float: left}.shnfan-team-top-info .shnfan-team-introduction h1 {    padding-bottom: 10%;    margin-bottom: 10%;    font-size: 30px;    font-weight: 300;    background-image: url(../images/107.jpg);    background-size: 80px 3px;    background-position: 0 100%;    background-repeat: no-repeat}.shnfan-team-bottom {    width: 100%;    overflow: hidden;    background-image: url(../images/143.png);    background-size: 81px 79px;    background-repeat: no-repeat;    background-position: 0 90%}.shnfan-team-bottom-info {    width: 85%;    float: right;    overflow: hidden}.shnfan-team-bottom-info a {    width: 15%;    padding-top: 8%;    padding-bottom: 3%;    float: left;    color: #fff;    text-align: center;    background-color: #607f9d;    background-image: url(../images/151.png);    background-position: center 23%;    background-size: 40px;    background-repeat: no-repeat}.shnfan-team-bottom-info a:hover {    background-color: #036}.shnfan-team-bottom-info .info {    width: 30%;    padding: 10% 5%;    float: left;    line-height: 23px;    background-color: #fff}.shnfan-team-bottom-info .imgwrapper {    width: 55%;    display: block;    float: left;    overflow: hidden}.shnfan-team-bottom-info .imgwrapper:hover .imginfo {    overflow: hidden;    -webkit-transform: scale(1.1);    transform: scale(1.1)}.shnfan-team-bottom-info .imgwrapper .imginfo {    overflow: hidden;    transition: all .3s ease-in}.shnfan-team-bottom-info .imgwrapper img {    width: 100%;    display: block}.index-sunshine-fund {    margin-top: 0;    margin-bottom: 5%;    padding-top: 10%;    background-image: url(../images/145.png);    background-size: 100%;    background-position: center 0;    background-repeat: no-repeat}.index-sunshine-fund-container {    background-image: url(../images/153.png);    background-size: 30%;    background-position: 100% 100%;    background-repeat: no-repeat}.index-sunshine-fund-top {    width: 100%;    overflow: hidden}.index-sunshine-fund-top .left {    width: 26%;    float: left;    overflow: hidden}.index-sunshine-fund-top .left .imgwrapper {    width: 50%;    float: left;    overflow: hidden}.index-sunshine-fund-top .left .imgwrapper:hover .imginfo {    overflow: hidden;    -webkit-transform: scale(1.1);    transform: scale(1.1)}.index-sunshine-fund-top .left .imgwrapper .imginfo {    overflow: hidden;    transition: all .3s ease-in}.index-sunshine-fund-top .left .imgwrapper .imginfo img {    width: 100%;    display: block}.index-sunshine-fund-top .right {    width: 74%;    float: left;    overflow: hidden;    position: relative}.index-sunshine-fund-top .right .imgs-position {    width: 100%}.index-sunshine-fund-top .right .imgs-position img {    width: 100%;    display: block}.index-sunshine-fund-top .right .info {    width: 100%;    position: absolute;    top: 3%;    left: 3%}.index-sunshine-fund-top .right .info h1 {    padding-bottom: 2%;    margin-bottom: 2%;    font-size: 30px;    font-weight: 300;    background-image: url(../images/107.jpg);    background-size: 15% 3px;    background-position: 0 100%;    background-repeat: no-repeat}.index-sunshine-fund-top .right .info p {    color: #666}.index-sunshine-fund-top .right .short {    width: 32.7%;    float: left;    overflow: hidden}.index-sunshine-fund-top .right .short:hover .imginfo {    overflow: hidden;    -webkit-transform: scale(1.1);    transform: scale(1.1)}.index-sunshine-fund-top .right .short .imginfo {    overflow: hidden;    transition: all .3s ease-in}.index-sunshine-fund-top .right .short .imginfo img {    width: 100%;    display: block}.index-sunshine-fund-top .right .long {    width: 65.5%;    float: left;    overflow: hidden}.index-sunshine-fund-top .right .long:hover .imginfo {    overflow: hidden;    -webkit-transform: scale(1.1);    transform: scale(1.1)}.index-sunshine-fund-top .right .long .imginfo {    overflow: hidden;    transition: all .3s ease-in}.index-sunshine-fund-top .right .long .imginfo img {    width: 100%;    display: block}.index-sunshine-fund-bottom {    width: 100%;    overflow: hidden}.index-sunshine-fund-bottom .imgwrapper:first-child {    width: 50%;    float: left}.index-sunshine-fund-bottom .imgwrapper:first-child img {    width: 100%;    display: block}.index-sunshine-fund-bottom .imgwrapper:nth-child(2) {    width: 25%;    float: left}.index-sunshine-fund-bottom .imgwrapper:nth-child(2) img {    width: 100%;    display: block}.index-sunshine-fund-bottom .imgwrapper {    overflow: hidden}.index-sunshine-fund-bottom .imgwrapper:hover .imginfo {    overflow: hidden;    -webkit-transform: scale(1.1);    transform: scale(1.1)}.index-sunshine-fund-bottom .imgwrapper .imginfo {    overflow: hidden;    transition: all .3s ease-in}.index-sunshine-fund-bottom a {    width: 15%;    padding-top: 8%;    padding-bottom: 3%;    float: left;    color: #fff;    text-align: center;    background-color: #607f9d;    background-image: url(../images/151.png);    background-position: center 23%;    background-size: 40px;    background-repeat: no-repeat}.index-sunshine-fund-bottom a:hover {    background-color: #036}.global-country {    margin-top: 5%;    margin-bottom: 5%}.global-country .global-tab {    font-size: 0}.global-country .global-tab span {    width: 16.6%;    padding-top: 1%;    padding-bottom: 1%;    font-size: 16px;    color: #fff;    cursor: pointer;    text-align: center;    display: inline-block;    border-top: 4px solid #036;    background-color: #036}.global-country .global-tab span:first-child {    width: 17%}.global-country .global-tab span.hover {    color: #036;    border-top: 4px solid #3871aa;    background-color: #fff}.global-country .global-all {    width: 100%;    padding: 4% 2% 2%;    background-color: #fff}.global-country .global-block {    width: 100%;    overflow: hidden;    display: none}.global-country .global-block .list {    width: 18.4%;    margin-right: 2%;    margin-bottom: 2%;    float: left;    overflow: hidden;    position: relative}.global-country .global-block .list:hover a {    padding-top: 45px;    top: 0;    transition: top .3s, padding-top .3s}.global-country .global-block .list:hover .name {    display: none}.global-country .global-block .list:nth-child(5n) {    margin-right: 0}.global-country .global-block .list img {    width: 100%;    display: block}.global-country .global-block .list .name {    padding-top: 2%;    padding-bottom: 2%}.global-country .global-block .list .name,.global-country .global-block .list a {    color: #fff;    text-align: center;    background-color: rgba(0, 24, 48, .8);    position: absolute;    right: 0;    bottom: 0;    left: 0}.global-country .global-block .list a {    transition: top .3s;    top: 100%}.global-country .more-country {    width: 25%;    padding-top: 1%;    padding-bottom: 1%;    margin: 2% auto;    display: block;    color: #333;    text-align: center;    border: 1px solid #b4b4b4}.global-trademark-reason {    padding-top: 2%;    padding-bottom: 5%;    background-image: url(../images/166.jpg);    background-size: 100% 100%;    background-position: 50%;    background-repeat: no-repeat}.global-trademark-reason .titpe-tips {    color: #fff;    text-align: center;    font-size: 34px}.global-trademark-reason .titpe-tips span {    color: #3871aa}.global-trademark-reason .reason-list {    margin-top: 2%;    overflow: hidden}.global-trademark-reason .list-line {    width: 100%;    overflow: hidden;    background-color: #fff}.global-trademark-reason .list {    width: 20%;    float: left}.global-trademark-reason .list .info {    width: 100%;    height: 100%;    padding-top: 5%;    padding-right: 3%;    padding-left: 3%;    text-align: center;    font-size: 12px}.global-trademark-reason .list .info img {    width: 20%;    margin-right: auto;    margin-bottom: 2%;    margin-left: auto;    display: block}.global-trademark-reason .list .info span {    margin-right: auto;    margin-bottom: 2%;    margin-left: auto;    display: block;    font-weight: 700;    font-size: 16px}.global-trademark-reason .list img {    width: 100%;    display: block}.trademark-process.global-process {    margin-top: 5%;    margin-bottom: 5%}.need {    padding-bottom: 3%;    background-color: #274768}.need-container {    overflow: hidden}.need-container span {    width: 87px;    height: 123px;    padding: 34px 20px;    float: left;    color: #fff;    font-size: 18px;    text-align: center;    background-image: url(../images/168.png);    background-size: 87px 123px;    background-position: center 0;    background-repeat: no-repeat}.need-container .need-list {    width: 100%;    padding-top: 5%;    padding-left: 87px}.need-container .need-list p {    width: 25%;    margin-left: 5%;    padding-left: 15px;    display: inline-block;    color: #fff;    vertical-align: middle;    background-image: url(../images/187.png);    background-size: 10px 10px;    background-repeat: no-repeat;    background-position: 0}.need-patent .list {    padding: 3%;    margin-left: 5%;    color: #fff;    float: left;    border: 2px solid #fff;    border-radius: 15px}.need-patent .list:first-child {    width: 35%}.need-patent .list:last-child {    width: 55%}.need-patent .list label {    display: block}.need-patent .list p {    width: 100%;    margin-bottom: 2%;    background-position: 0 7px}.advantage img {    width: 100%;    display: block}.its {    position: relative}.its img {    width: 100%;    display: block}.its .its-container {    position: absolute;    top: 0;    right: 0;    bottom: 0;    left: 0}.its .its-container label {    width: 393px;    height: 89px;    padding-top: 15px;    padding-bottom: 15px;    margin-top: 10%;    text-align: right;    background-image: url(../images/171.png);    background-size: 100% 100%;    background-position: center 0;    background-repeat: no-repeat;    position: absolute;    right: 0}.its .its-container label span {    font-size: 26px;    font-weight: 500}.its .its-container label p {    font-size: 18px;    color: #666}.its .its-container a {    width: 232px;    height: 60px;    padding-left: 27px;    margin-top: 25%;    color: #fff;    font-size: 18px;    line-height: 60px;    border-radius: 50px;    background-color: #3871aa;    background-image: url(../images/170.png);    background-size: 42px 42px;    background-position: 90%;    background-repeat: no-repeat;    position: absolute;    right: 0}.its .its-container a:hover {    background-color: #036}* {    -webkit-tap-highlight-color: transparent}*,:after,:before {    box-sizing: border-box}html {    font-size: 100px}body {    color: #333;    margin: 0;    font-size: 14px;    font-family: PingFang SC, Helvetica, Arial, Microsoft YaHei, serif}h1,h2,h3,h4,h5,h6,p {    margin-top: 0;    margin-bottom: 0}a {    text-decoration: none}img {    vertical-align: middle}button,input,textarea {    outline: none;    -webkit-appearance: none}textarea {    resize: none}button {    border: none;    padding: 0;    background-color: transparent}body,html {    width: 100%;    height: 100%}ul li {    list-style: none}.bg-color {    background-color: #f0f0f0}.wrapper {    width: 100%;    min-width: 767px}.activities .swiper-container .swiper-slide a span:first-child,.character-wrapper .swiper-container .swiper-slide .info p,.contact-us-list .list p,.copyright-material-list .list .info p,.global-country .global-block .list a p,.index-information-list .swiper-slide a p,.infor-container .list p,.news-list .list a,.news-list .list p,.newsbot .newsbotl p,.patent-material-list .list .info p,.team-list .list .info p span,.trademark-material-list .list .info p,.trademark-ques-list .list h2 {    overflow: hidden;    white-space: nowrap;    text-overflow: ellipsis}.top-nav {    padding-top: 15px;    padding-bottom: 15px;    overflow: hidden}.top-nav .logo {    float: left}.top-nav .nav-tips {    float: right}.top-nav .language {    margin-right: 20px;    color: #999;    font-size: 0;    float: left}.top-nav .language span {    padding-right: 5px;    padding-left: 5px;    font-size: 12px;    display: inline-block}.top-nav .language span:first-child {    background-image: url(../images/01.png);    background-repeat: no-repeat;    background-position: 100%}.top-nav .language .hover {    color: #333;    font-size: 16px;    font-weight: 700}.top-nav .hotline {    float: left;    font-size: 12px;    color: #666}.top-nav .hotline span {    padding-right: 5px;    padding-left: 5px;    font-size: 20px;    color: #333}.header-wrapper {    background-color: rgba(0, 0, 0, .5);    position: absolute;    top: 0;    right: 0;    left: 0;    z-index: 10}.nav {    margin-right: auto;    margin-left: auto;    padding: 0;    font-size: 0;    text-align: center}.nav li {    font-size: 14px;    display: inline-block;    position: relative}.nav li:hover .level {    -webkit-transform: translate(0);    transform: translate(0);    opacity: 1;    transition: opacity .5s, -webkit-transform .5s;    transition: opacity .5s, transform .5s;    transition: opacity .5s, transform .5s, -webkit-transform .5s;    pointer-events: auto}.nav li>a {    padding: 20px 25px;    color: #999;    display: block;    background-image: url(../images/17.png);    background-size: 2px 20px;    background-repeat: no-repeat;    background-position: 100%}.nav li:last-child>a {    background: none}.nav li .icon:after {    width: 0;    height: 0;    margin-left: 3px;    content: "";    display: inline-block;    border-left: 4px solid transparent;    border-right: 4px solid transparent;    border-top: 4px solid #999;    position: relative;    vertical-align: middle}.level {    padding-right: 10px;    padding-bottom: 20px;    padding-left: 10px;    margin-top: -2px;    margin-right: auto;    margin-left: auto;    border-top: 2px solid #0066cb;    background-color: #036;    background-image: url(../images/23.png);    background-position: center bottom 8px;    -webkit-transform: translateY(-5px);    transform: translateY(-5px);    opacity: 0;    transition: opacity .5s, transform .5s, -webkit-transform .5s;    pointer-events: none;    position: absolute;    left: 0;    right: 0}.level,.level a {    background-repeat: no-repeat}.level a {    padding-top: 10px;    padding-bottom: 10px;    display: block;    color: #fff;    background-image: url(../images/22.png);    background-size: 85px 2px;    background-position: center 100%}.top-wrapper {    position: relative}.banner-img {    width: 100%;    display: block}.banner-img img {    width: 100%}.footer-wrapper {    background-color: #111823}.footer-wrapper .footer-nav {    width: n;    height: 240px;    overflow: hidden}.footer-wrapper .contact-info {    width: 30%;    height: 100%;    float: left}.footer-wrapper .contact-info img {    width: 100%;    height: 100%;    display: block}.footer-wrapper .footer-menu {    width: 70%;    float: left}.footer-wrapper .footer-menu .list {    width: 33.333%;    padding: 60px 0 5% 10%;    float: left}.footer-wrapper .footer-menu .list a {    padding-top: 10%;    padding-left: 30px;    color: #999;    display: block;    position: relative}.footer-wrapper .footer-menu .list a:hover {    color: #036}.footer-wrapper .footer-menu .list a:before {    content: "—";    display: block;    color: #fff;    position: absolute;    left: 2px}.footer-wrapper .footer-menu .list a:first-child {    color: #fff;    font-size: 16px;    background-image: url(../images/20.png);    background-size: 17px 17px;    background-repeat: no-repeat;    background-position: 0 100%}.footer-wrapper .footer-menu .list a:first-child:before {    content: ""}.footer-bottom {    border-top: 1px solid #1b2637;    overflow: hidden}.footer-bottom p {    width: 30%;    height: 5%;    padding-top: 2%;    padding-bottom: 2%;    color: #283750;    float: left;    font-size: 12px;    text-align: center;    background-color: #161f2c}.footer-bottom .info {    width: 70%;    padding-top: 2%;    padding-left: 7%;    float: left;    text-align: left}.footer-bottom .info a {    margin-right: 3%;    display: inline-block;    color: #283750}.footer-bottom .info a:hover {    color: #036}.footer-bottom .info a:last-child {    margin-right: 0}@media only screen and (min-width:0px) and (max-width:767px) {    body {        width: 767px;        height: 100%    }    .container {        width: 90%;        margin-right: auto;        margin-left: auto    }    .nav li>a {        padding: 20px 15px    }}@media only screen and (min-width:768px) and (max-width:900px) {    .container {        width: 90%;        margin-right: auto;        margin-left: auto    }    .nav li>a {        padding: 20px 15px    }}@media only screen and (min-width:901px) and (max-width:1024px) {    .container {        width: 80%;        margin-right: auto;        margin-left: auto    }    .nav li>a {        padding: 20px    }}@media only screen and (min-width:1025px) and (max-width:1600px) {    .container {        width: 70%;        margin-right: auto;        margin-left: auto    }    .container .nav li>a {        padding: 20px    }}@media only screen and (min-width:1601px) {    .container {        width: 60%;        margin-right: auto;        margin-left: auto    }}