@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%;
    float:left;
    text-align:center
}
.trademark-list .list:nth-child(5n) {
    margin-right:0
}
.trademark-list .list .icon-trademark {
    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:hover {
    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
}
.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:#687b8f;
    position:relative
}
.team-list .list .bg-img img {
    width:80%;
    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
}
.self-introduction-layer {
    overflow-y:auto;
    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:2%;
    padding-bottom:0;
    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:8%
}
.self-introduction-container .info-text .detail .line {
    margin-bottom:2%
}
.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;
    text-align: center;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap
}
.service-list .list .info p {
    margin-top:2%;
    margin-bottom:2%;
    height:38px;
    line-height:20px;
    color:#666;
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical
}
.news-container {
    margin-top:5%;
    margin-bottom:5%;
    position:relative
}
.news-container .swiper-slide img {
    width:100%;
    display:block
}
.news-container .swiper-slide {
    background-color: rgba(0,0,0,0.1);
}
.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;
    background-image:url(../images/119.png);
    background-size:21px 11px;
    background-repeat:no-repeat;
    background-position:100%
}
.problem-list .list p a {
    color:#333;
}
.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")
}
.edit-content {
    padding: 3%;
    background-color: #fff;
    color: #666
}

/*froala编辑器首行缩进2字符段落格式对应的样式*/
.fr-text-indent {
    text-indent: 2em;
}
.edit-content p {
    line-height: 2em;
    overflow: hidden;
}
/*froala编辑器为图片设置样式，不设置的话默认是左对齐（float:left）*/
.edit-content img.fr-dib {
    display: block;
    float: none;
    margin: 5px auto;
    vertical-align: top;
}
.edit-content  img.fr-fic {
    float: none;
}
.edit-content img.fr-fil {
    float: left;
}
.edit-content  img.fr-fir {
    float: right;
}
.legal-content p {
    margin-bottom: 3%;
    line-height: 30px;
}
.legal-content {
    padding: 3%;
    background-color: #fff;
    color: #666;
}
.joinemail {
    text-align:center;
    color:#0e335f
}
.title-banner .jionus-img {
    background-image:url(../images/121.jpg)
}

.title-banner .case-detail p {
    line-height: 2em;
}
.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 {
    cursor:default
}
.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: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:#333;
    font-size:24px;
    font-weight:300
}
.index-type .list h1 span {
    margin-right:3%;
    display:inline-block
}
.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 {
    display:block;
    width: 100%;
    height: 100%;
}
.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 {
    height: 19px;
}
.index-information-list .swiper-slide a span {
    display:block;
    font-size:12px;
    text-align:right
}
#my-silde {
    width: 188px;
    height: 154px;
    background-color: rgba(255,255,255,0.2);
}
.index-information-list .swiper-button-next, .index-information-list .swiper-button-prev {
    width:20.2%;
    height:100%;
    margin-top:0;
    top:0;
    background-color:rgba(0, 51, 102, .8)
}
.index-information-list .swiper-button-prev {
    left:-1px
}
.index-information-list .swiper-button-next {
    right:-1px
}
.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 {
    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%;
    height: 26px;
    margin-right:2%;
    margin-bottom:2%;
    float:left;
    overflow:hidden;
    position:relative
}

.global-country .global-block .list:nth-child(5n) {
    margin-right:0
}
.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:19%;
    margin-left:5%;
    padding-left:15px;
    display:inline-block;
    color:#fff;
    vertical-align:middle;
}
.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
}

* {
    -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
}
.overflow {
    overflow:hidden
}
.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 .hotline {
    float:left;
    margin-top: 10px;
    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
}
.mynav {
    margin-right:auto;
    margin-left:auto;
    padding:0;
    font-size:0;
    text-align:center
}
.mynav li {
    font-size:14px;
    display:inline-block;
    position:relative
}
.mynav 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
}
.mynav 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%;
    text-decoration: none;
}
.mynav li:last-child>a {
    background:none
}
.mynav 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%;
    text-decoration: none;
}
.top-wrapper {
    position:relative
}
.banner-img {
    width:100%;
    display:block;
    cursor:default
}
.banner-img img {
    width:100%
}
.footer-wrapper {
    background-color:#111823
}
.footer-wrapper .footer-nav {
    /*width:;*/
    height:240px;
    overflow:hidden
}
.footer-wrapper .contact-info {
    width:30%;
    height:100%;
    float:left;
    position: relative;
}
.footer-wrapper .contact-info img {
    width:100%;
    height:100%;
    display:block
}
.footer-wrapper .contact-info p {
    position: absolute;
    bottom: 0;
    left: 60px;
    color: white;
    font-size: 36px;
}
.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 p a {
    color: #fff;
}
@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
    }
}