@charset "utf-8";

*,
::after,
::before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
    margin: 0;
    padding: 0;
    font-size: 100%;
    margin: 0;
    padding: 0;
    border: 0;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block
}

html,
body {
    color: #333;
    overflow-x: hidden;
    transition: all 0.3s
}

ul,
ol,
li {
    list-style: none;
    margin: 0;
    padding: 0
}

img {
    border: 0px;
    vertical-align: middle
}

h1,
h2,
h3,
h4,
h5 {
    margin: 0;
    padding: 0;
    border: 0;
    line-height: normal
}

select::-ms-expand {
    display: none
}

input,
a {
    outline: none
}

a {
    color: #333333;
    text-decoration: none;
    outline: none
}

a:link {
    text-decoration: none;
    outline: none
}

a:visited {
    text-decoration: none;
    outline: none
}

a:hover {
    text-decoration: none;
    outline: none
}

a:focus {
    outline: none
}

.clear:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0
}

.clear {
    zoom: 1
}

.clear {
    clear: both
}

.clearfix:before,
.clearfix:after {
    content: "";
    display: block;
    height: 0;
    overflow: hidden
}

.clearfix:after {
    clear: both
}

.clearfix {
    zoom: 1
}

.fl {
    float: left
}

.fr {
    float: right
}

.pr {
    position: relative
}

.none {
    display: none
}

.hide {
    display: none
}

textarea {
    outline: none
}

table {
    border-spacing: 0
}

/* 去除iPhone中默认的input样式 */
input,
select,
button {
    appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    resize: none;
    border-radius: 0;
    outline: none;
    border: none;
    background-color: transparent;
    font-family: inherit;
    font-size: inherit;
    color: inherit;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle
}

textarea {
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    vertical-align: middle
}

input[type="button"],
input[type="radio"],
input[type="checkbox"],
input[type="submit"],
button {
    cursor: pointer
}

body::-webkit-scrollbar {
    width: 0;
    height: 1px
}

body::-webkit-scrollbar-button {
    display: none
}

body::-webkit-scrollbar-track-piece {
    background: 0 0
}

body::-webkit-scrollbar-thumb {
    background: 0 0
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Thin.eot');
    src: url('fonts/Montserrat-Thin.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-Thin.woff2') format('woff2'), url('fonts/Montserrat-Thin.woff') format('woff'), url('fonts/Montserrat-Thin.ttf') format('truetype'), url('fonts/Montserrat-Thin.svg#Montserrat-Thin') format('svg');
    font-weight: 100;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Light.eot');
    src: url('fonts/Montserrat-Light.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-Light.woff2') format('woff2'), url('fonts/Montserrat-Light.woff') format('woff'), url('fonts/Montserrat-Light.ttf') format('truetype'), url('fonts/Montserrat-Light.svg#Montserrat-Light') format('svg');
    font-weight: 300;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Regular.eot');
    src: url('fonts/Montserrat-Regular.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-Regular.woff2') format('woff2'), url('fonts/Montserrat-Regular.woff') format('woff'), url('fonts/Montserrat-Regular.ttf') format('truetype'), url('fonts/Montserrat-Regular.svg#Montserrat-Regular') format('svg');
    font-weight: normal;
    font-style: normal;
    font-display: swap
}

@font-face {
    font-family: 'Montserrat';
    src: url('fonts/Montserrat-Bold.eot');
    src: url('fonts/Montserrat-Bold.eot?#iefix') format('embedded-opentype'), url('fonts/Montserrat-Bold.woff2') format('woff2'), url('fonts/Montserrat-Bold.woff') format('woff'), url('fonts/Montserrat-Bold.ttf') format('truetype'), url('fonts/Montserrat-Bold.svg#Montserrat-Bold') format('svg');
    font-weight: bold;
    font-style: normal;
    font-display: swap
}

.En {
    font-family: 'Montserrat', Microsoft Yahei, "微软雅黑", Arial, Helvetica, sans-serif
}

.Ar {
    font-family: 'Montserrat', Microsoft Yahei, "微软雅黑", Arial, Helvetica, sans-serif
}

.Cn {
    font-family: 'Montserrat', Microsoft Yahei, "微软雅黑", Arial, Helvetica, sans-serif
}

.Cn .feedback2 .text {
    font-family: 'Montserrat', Microsoft Yahei, "微软雅黑", Arial, Helvetica, sans-serif
}

.En .feedback2 .text {
    font-family: 'Montserrat', Microsoft Yahei, "微软雅黑", Arial, Helvetica, sans-serif
}

html,
body {
    position: relative;
    top: 0;
    width: 100%;
    height: auto;
    min-height: 100%;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

/*end reset*/
/* CSS Document */
body {
    background-color: #ffffff;
    overflow-x: hidden;
    color: #000;
    position: relative;
    min-width: 320px;
    font-family: Microsoft Yahei, "微软雅黑", Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 20px
}

.w1300 {
    width: 67.70833333333333%;
    margin: 0 auto
}

.w1600 {
    width: 83.33333333333333%;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .w1300 {
        width: 94%
    }

    .w1600 {
        width: 94%
    }
}

html,
body {
    margin: 0;
    /*height:100%;*/
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch
}

body {
    overflow-x: hidden;
    overflow-y: scroll
}

.text-center {
    text-align: center
}

.flex {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+,Safari 3.1,iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+,Safari 6.1+,iOS Safari 7+,Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
}

.flex-wrap {
    flex-flow: wrap
}

/*****************************mav start*****************************/
.section-wrapper{
    padding-top:50px;
}
.header {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    height: 0;
    z-index: 30;
    text-align: center;
    transition: all 0.4s ease;
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    -o-transition: all 0.4s ease
     box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
    background: #fff
}

.header.headerfixed {
    box-shadow: 0 2px 30px rgba(0, 0, 0, 0.1);
    background: #fff
}

.header.active {
    transform: translate(0, -1.2rem)
}

.header .box {
    align-items: center;
    height: 90px;
    padding: 0 2.083333333333333%;
    position: relative;
    z-index: 10
}

.header.headerfixed .box {
    background: #fff
}

/*logoBox*/
.header .logoBox {
    text-align: left;
    width: 250px
}

.header .logoBox a {
    display: inline-block;
    line-height: 90px
}

.header .logoBox img {
    height: 65px
}

.header .logoBox .logo1 {
    display: none
}

.header .logoBox .logo2 {
    display: inline-block
}

.header.headerfixed .logoBox .logo1 {
    display: inline-block
}

.header.headerfixed .logoBox .logo2 {
    display: none
}

.Ar .header .logoBox {
    text-align: right
}

.Ar .header .logoBox a {
    display: list-item;
    list-style: none
}

/*pcNavBox*/
.pcNavBox {
    position: absolute;
    left: 42%;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -o-transform: translate(0, -50%);
    transform: translate(0, -50%);
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out
}

.pcNavBox ul {
    font-size: 0;
    line-height: 0
}

.pcNavBox li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    position: relative;
    margin-right: 8px
}

.pcNavBox li:last-child {
    margin-right: 0
}

.pcNavBox li>a {
    display: inline-block;
    position: relative;
    color: #000;
    font-size: 20px;
    line-height: 40px;
    padding: 0 18px;
    border-radius: 5px;
    /*-webkit-transition: all .5s ease-in-out;-o-transition: all .5s ease-in-out;transition: all .5s ease-in-out;*/
}

.pcNavBox li>a span {
    display: inline-block;
    position: relative;
    z-index: 2
}

.pcNavBox li>a:hover,
.pcNavBox li.on>a {
    background: rgba(160, 160, 162, 0.4)
}

/*headerfixed*/
.header.headerfixed .pcNavBox li>a {
    color: #000
}

.header.headerfixed .pcNavBox li>a:hover,
.header.headerfixed .pcNavBox li.on>a {
    background: #f0f0f0
}

@media screen and (max-width:1920px) {
    .header .box {
        height: 90px
    }

    .header .logoBox {
        width: 250px
    }

    .header .logoBox a {
        line-height: 90px
    }

    .header .logoBox img {
        height: 40px
    }

    .pcNavBox li {
        margin-right: 8px
    }

    .pcNavBox li>a {
        font-size: 16px;
        line-height: 40px;
        padding: 0 18px
    }
}

@media screen and (max-width:1680px) {
    .header .box {
        height: 0.9rem
    }

    .header .logoBox {
        width: 2.5rem
    }

    .header .logoBox a {
        line-height: 0.9rem
    }

    .header .logoBox img {
        height: 0.25rem
    }

    .pcNavBox li {
        margin-right: 0.08rem
    }

    .pcNavBox li>a {
        font-size: 0.16rem;
        line-height: 0.4rem;
        padding: 0 0.18rem
    }
}

/*pcNavBox nav_dropdown*/
.nav_dropdown {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    pointer-events: none;
    visibility: hidden;
    -webkit-transition: all .5s ease-in-out;
    -o-transition: all .5s ease-in-out;
    transition: all .5s ease-in-out;
    z-index: 4;
    position: absolute;
    left: -22px;
    top: 100%; //
    padding-top: 12px;
    width: 200px;
    -webkit-transform: translateY(30px);
    -moz-transform: translateY(30px);
    -ms-transform: translateY(30px);
    -o-transform: translateY(30px);
    transform: translateY(30px)
}

.pcNavBox li:hover .nav_dropdown {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transform: translateY(0px);
    pointer-events: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}

.nav_dropdown dl {
    position: relative;
    padding: 9px 20px;
    background: rgba(0, 0, 0, 0.7);
    border-radius: 10px
}

.nav_dropdown dl:before {
    content: "";
    border-left: 11px solid transparent;
    border-right: 11px solid transparent;
    border-bottom: 4px solid rgba(0, 0, 0, 0.7);
    position: absolute;
    left: 44px;
    top: -4px
}

.nav_dropdown dd {
    border-bottom: 1px solid rgba(153, 153, 153, 0.1)
}

.nav_dropdown dd:last-child {
    border-bottom: none
}

.nav_dropdown dd a {
    display: block;
    position: relative;
    color: #fff;
    text-align: left;
    padding-left: 13px;
    height: 41px;
    line-height: 41px;
    font-size: 15px;    
}

.nav_dropdown dd a:hover {
    color: #693d91
}

.nav_dropdown dd a:after {
    content: '';
    display: block;
    line-height: 1;
    color: #fff;
    opacity: 0;
    visibility: hidden;
    transition: 0.35s;
    background: url(../images/index-right2.png) right center;
    background-size: 100%;
    position: absolute;
    right: 2px;
    top: 50%;
    margin-top: -6px;
    width: 12px;
    height: 12px;
    font-size: 12px;
    display: none
}

.nav_dropdown dd a:hover:after {
    opacity: 1;
    visibility: visible;
    right: 2px
}

@media screen and (max-width:1920px) {
    .nav_dropdown {
        left: -22px;
        width: 200px;
        -webkit-transform: translateY(30px);
        -moz-transform: translateY(30px);
        -ms-transform: translateY(30px);
        -o-transform: translateY(30px);
        transform: translateY(30px)
    }

    .nav_dropdown dl {
        padding: 9px 20px;
        border-radius: 10px
    }

    .nav_dropdown dl:before {
        border-left: 11px solid transparent;
        border-right: 11px solid transparent;
        left: 44px;
        top: -4px
    }

    .nav_dropdown dd a {
        padding-left: 13px;
        height: 41px;
        line-height: 41px;
        font-size: 15px
    }
    
    .nav_dropdown dd a.rua {
    line-height: 16px !important;
    padding:12px 0px !important;    
}
    

    .nav_dropdown dd a:after {
        margin-top: -6px;
        width: 12px;
        height: 12px;
        font-size: 12px
    }

    .nav_dropdown dd a:hover:after {
        opacity: 1;
        visibility: visible;
        right: 2px
    }
}

@media screen and (max-width:1680px) {
    .nav_dropdown {
        left: -0.22rem;
        width: 2rem;
        -webkit-transform: translateY(0.3rem);
        -moz-transform: translateY(0.3rem);
        -ms-transform: translateY(0.3rem);
        -o-transform: translateY(0.3rem);
        transform: translateY(0.3rem)
    }

    .nav_dropdown dl {
        padding: 0.09rem 0.2rem;
        border-radius: 0.1rem
    }

    .nav_dropdown dl:before {
        border-left: 0.11rem solid transparent;
        border-right: 0.11rem solid transparent;
        left: 0.44rem;
        top: -0.04rem
    }

    .nav_dropdown dd a {
        padding-left: 0.13rem;
        height: 0.41rem;
        line-height: 0.41rem;
        font-size: 0.15rem
    }

    .nav_dropdown dd a:after {
        margin-top: -0.06rem;
        width: 0.12rem;
        height: 0.12rem;
        font-size: 0.12rem
    }

    .nav_dropdown dd a:hover:after {
        opacity: 1;
        visibility: visible;
        right: 0.02rem
    }
}

/*top-right*/
.header .top-right {
    position: absolute;
    right: 2.083333333333333%;
    top: 25px
}

.Ar .header .top-right {
    position: absolute;
    left: 2.083333333333333%;
    top: 25px;
    right: auto !important
}

/*top-lan*/
.header .top-right .top-lan {
    display: inline-block;
    background-repeat: no-repeat;
    background-position: left center;
    background: rgba(255, 255, 255, 0.2);
    padding: 5px 5px;
    border-radius: 5px;
    margin-left: 30px;
    background: #f0f0f0;
}

.header .top-right .top-lan a {
    display: inline-block;
    color: #fff;
    line-height: 30px;
    font-size: 13px;
    min-width: 30px;
    margin: 0 5px;
    line-height: 30px;
    border-radius: 5px;
    color: #000;
}

.header .top-right .top-lan a:hover,
.header .top-right .top-lan a.on {
    background-color: #fff;
    color: #a0a0a2;
    background-color: #693d91;
    color: #FFF;
}

.header.headerfixed .top-right .top-lan {
    background: #f0f0f0
}

.header.headerfixed .top-right .top-lan a {
    color: #000
    
}

.header.headerfixed .top-right .top-lan a:hover,
.header.headerfixed .top-right .top-lan a.on {
    background-color: #693d91;
    color: #FFF
}

/*top-ser*/
.header .top-right .top-ser {
    display: inline-block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: left center;
    background-image: url(../images/top-search2.png);
    background-size: 16px;
    padding-left: 25px
}

.Ar .header .top-right .top-ser {
    display: inline-block;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url(../images/top-search.png);
    background-size: 16px;
    padding-right: 25px
}

.header .top-right .top-ser span {
    display: inline-block;
    color: #000;
    text-transform: uppercase;
    line-height: 30px;
    font-size: 13px
}

.header.headerfixed .top-right .top-ser {
    background-image: url(../images/top-search2.png)
}

.header.headerfixed .top-right .top-ser span {
    color: #000
}

/*top-searchBox*/
.top-searchBox {
    overflow: hidden;
    width: 100%;
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    display: none;
    z-index: 10
}

.top-searchBox .search-box {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    -webkit-animation: searchY 1s cubic-bezier(.76, 0, .24, 1) forwards;
    animation: searchY 1s cubic-bezier(.76, 0, .24, 1) forwards;
    z-index: 5
}



.top-searchBox .search-box .inputtext {
    width: 100%;
    text-align: right;
    padding-top: 260px;
    padding-bottom: 20px;
    border-bottom: 2px solid #fff
}

.top-searchBox .search-box .text {
    width: 100%;
    text-align: right;
    width: 100%;
    color: #fff;
    font-size: 30px;
    letter-spacing: 4px;
    height: 52px
}

.top-searchBox .search-box .text::-webkit-input-placeholder {
    color: #fff
}

.top-searchBox .search-box .text::-moz-placeholder {
    color: #fff
}

.top-searchBox .search-box .text::-moz-placeholder {
    color: #fff
}

.top-searchBox .search-box .text::-ms-input-placeholder {
    color: #fff
}

.top-searchBox .search_submit {
    display: block;
    margin: 0;
    line-height: normal;
    margin-top: 0;
    text-transform: uppercase;
    float: right;
    color: #fff;
    font-size: 20px;
    padding-top: 20px
}

.top-searchBox .search-box .close {
    width: 40px;
    height: 40px;
    background: url(../images/close.png) no-repeat 50%;
    position: absolute;
    bottom: -80px;
    right: 0;
    left: 0;
    margin: auto;
    cursor: pointer
}

.mask {
    width: 100%;
    height: 100%;
    background-color: #000;
    opacity: .6;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 1
}

@-webkit-keyframes searchY {
    0%{
        transform: translateY(-460px)
    }
    to {
        transform: translateY(0)
    }
}

@keyframes searchY {
    0% {
        transform: translateY(-460px)
    }

    to {
        transform: translateY(0)
    }
}

@media screen and (max-width:1920px) {
    .header .top-right {
        top: 25px
    }

    .Ar .header .top-right {
        top: 25px
    }

    .header .top-right .top-lan {
        padding: 5px 5px;
        border-radius: 5px;
        margin-left: 30px
        background: #f0f0f0;
    }

    .header .top-right .top-lan a {
        line-height: 30px;
        font-size: 13px;
        min-width: 30px;
        margin: 0 5px;
        line-height: 30px;
        border-radius: 5px
    }

    .top-searchBox .search-box .inputtext {
        padding-top: 260px;
        padding-bottom: 20px
    }

    .top-searchBox .search-box .text {
        font-size: 30px;
        height: 52px
    }

    .top-searchBox .search_submit {
        font-size: 20px;
        padding-top: 20px
    }

    .top-searchBox .search-box .close {
        width: 40px;
        height: 40px;
        bottom: -80px
    }

    @-webkit-keyframes searchY {
        0% {
            transform: translateY(-460px)
        }

        to {
            transform: translateY(0)
        }
    }

    @keyframes searchY {
        0% {
            transform: translateY(-460px)
        }

        to {
            transform: translateY(0)
        }
    }
}

@media screen and (max-width:1680px) {
    .header .top-right {
        top: 0.25rem
    }

    .Ar .header .top-right {
        top: 0.25rem
    }

    .header .top-right .top-lan {
        padding: 0.05rem 0.05rem;
        border-radius: 0.05rem;
        background: #f0f0f0;
        margin-left: 0.3rem
    }

    .header .top-right .top-lan a {
        line-height: 0.3rem;
        font-size: 0.13rem;
        min-width: 0.3rem;
        margin: 0 0.05rem;
        line-height: 0.3rem;
        border-radius: 0.05rem;
        color: #000;
    }

    .top-searchBox .search-box .inputtext {
        padding-top: 2.6rem;
        padding-bottom: 0.2rem
    }

    .top-searchBox .search-box .text {
        font-size: 0.3rem;
        height: 0.52rem
    }

    .top-searchBox .search_submit {
        font-size: 0.2rem;
        padding-top: 0.2rem
    }

    .top-searchBox .search-box .close {
        width: 0.4rem;
        height: 0.4rem;
        bottom: -0.8rem
    }

    @-webkit-keyframes searchY {
        0% {
            transform: translateY(-4.6rem)
        }

        to {
            transform: translateY(0)
        }
    }

    @keyframes searchY {
        0% {
            transform: translateY(-4.6rem)
        }

        to {
            transform: translateY(0)
        }
    }
}

.nav-icon {
    display: none
}

.pageH {
    padding-top: 100PX
}

/*pageH*/
.phone-nav {
    display: none
}

@media screen and (min-width:1025px) {
    .phone-nav {
        display: none !important
    }
}

@media screen and (max-width:1024px) {
    .header .logoBox {
        left: 30px;
        top: 13px
    }

    .pcNavBox {
        display: none
    }

    .pageH {
        padding-top: 60px
    }

    .nav-icon {
        display: inline-block !important;
        cursor: pointer;
        z-index: 900;
        width: 50px;
        height: 50px;
        top: 2px;
        margin-left: 15px;
        position: relative;
        float: right
    }

    .Ar .nav-icon {
        float: left
    }

    .nav-icon span {
        width: 20px;
        height: 2px;
        background: #000;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        margin: auto;
        will-change: transform;
        -webkit-transition: .75s cubic-bezier(.19, 1, .22, 1);
        transition: .75s cubic-bezier(.19, 1, .22, 1)
    }

    .header.headerfixed .nav-icon span {
        background: #000
    }

    .header .top-right .top-ser span {
        font-size: 0
    }

    .nav-icon span:nth-child(1) {
        -webkit-transform: translateY(-6px) scaleX(1);
        transform: translateY(-6px) scaleX(1)
    }

    .nav-icon span:nth-child(1) {
        -webkit-transition-delay: .4s;
        transition-delay: .4s
    }

    .nav-icon span:nth-child(2) {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .nav-icon span:nth-child(2) {
        -webkit-transition-delay: 350ms;
        transition-delay: 350ms
    }

    .nav-icon span:nth-child(3) {
        -webkit-transform: translateY(6px) scaleX(1);
        transform: translateY(6px) scaleX(1)
    }

    .nav-icon span:nth-child(3) {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

    .nav-icon span:nth-child(4) {
        -webkit-transform: rotate(45deg) scaleX(0);
        transform: rotate(45deg) scaleX(0);
        background: #fff
    }

    .nav-icon span:nth-child(4) {
        -webkit-transition-delay: 50ms;
        transition-delay: 50ms
    }

    .nav-icon span:nth-child(5) {
        -webkit-transform: rotate(-45deg) scaleX(0);
        transform: rotate(-45deg) scaleX(0);
        background: #fff
    }

    .nav-icon span:nth-child(5) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .nav-icon.on span:nth-child(1) {
        -webkit-transform: translateY(-6px) scaleX(0);
        transform: translateY(-6px) scaleX(0)
    }

    .nav-icon.on span:nth-child(1) {
        -webkit-transition-delay: .1s;
        transition-delay: .1s
    }

    .nav-icon.on span:nth-child(2) {
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }

    .nav-icon.on span:nth-child(2) {
        -webkit-transition-delay: 50ms;
        transition-delay: 50ms
    }

    .nav-icon span:nth-child(2) {
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }

    .nav-icon.on span:nth-child(3) {
        -webkit-transform: translateY(6px) scaleX(0);
        transform: translateY(6px) scaleX(0)
    }

    .nav-icon.on span:nth-child(3) {
        -webkit-transition-delay: 0s;
        transition-delay: 0s
    }

    .nav-icon.on span:nth-child(4) {
        -webkit-transform: rotate(45deg) scaleX(1);
        transform: rotate(45deg) scaleX(1)
    }

    .nav-icon.on span:nth-child(4) {
        -webkit-transition-delay: .3s;
        transition-delay: .3s
    }

    .nav-icon.on span:nth-child(5) {
        -webkit-transform: rotate(-45deg) scaleX(1);
        transform: rotate(-45deg) scaleX(1)
    }

    .nav-icon.on span:nth-child(5) {
        -webkit-transition-delay: 350ms;
        transition-delay: 350ms
    }

    .hidden-xs {
        display: none
    }

    .hidden-pc {
        display: block
    }

    .phone-nav {
        width: 100%;
        height: calc(100% - 54px);
        position: fixed;
        right: 0;
        top: 54px;
        background: #000;
        z-index: 501;
        overflow: auto;
        border-top: 1px solid #545454
    }

    .phone-nav ul {
        width: 100%;
        margin: 0 auto;
        position: relative;
        height: 100%;
        overflow-y: auto;
        overflow-x: hidden;
        transition: max-height 0.8s ease;
        -webkit-transition: max-height 0.8s ease;
        -moz-transition: max-height 0.8s ease;
        -ms-transition: max-height 0.8s ease;
        -o-transition: max-height 0.8s ease
    }

    .phone-nav ul::-webkit-scrollbar {
        width: 0
    }

    .phone-nav ul::-webkit-scrollbar-track {
        background-color: #eaeaea
    }

    .phone-nav ul::-webkit-scrollbar-thumb {
        background-color: #000
    }

    .phone-nav ul li {
        position: relative
    }

    .phone-nav ul li.active .cat {
        color: #ffb91d;
        font-weight: 700
    }

    .phone-nav ul li.active .cat:before {
        transform: rotate(90deg);
        -webkit-transform: rotate(90deg);
        -moz-transform: rotate(90deg);
        -ms-transform: rotate(90deg);
        -o-transform: rotate(90deg)
    }

    .phone-nav ul li>a {
        position: relative;
        display: block;
        font-size: 16px;
        color: #fff;
        line-height: 60px;
        padding: 0 30px;
        border-bottom: 1px solid #545454
    }

    .phone-nav ul li .cat:before,
    .phone-nav ul li .cat:after {
        content: "";
        display: inline-block;
        background: #ffb91d;
        position: absolute;
        z-index: 10
    }

    .phone-nav ul li .cat:before {
        width: 3px;
        height: 21px;
        right: 39px;
        top: 20px;
        transition: transform 0.3s ease;
        -webkit-transition: transform 0.3s ease;
        -moz-transition: transform 0.3s ease;
        -ms-transition: transform 0.3s ease;
        -o-transition: transform 0.3s ease
    }

    .phone-nav ul li .cat:after {
        width: 21px;
        height: 3px;
        right: 30px;
        top: 28px
    }

    .phone-nav ul li.on>a {
        font-weight: 700;
        color: #085cc2
    }

    .phone-nav ul li .navs {
        background: #000;
        width: 100%;
        display: none
    }

    .phone-nav ul li .navs a {
        font-size: 16px;
        display: block;
        color: #fff;
        padding-left: 0;
        line-height: 60px;
        padding: 0 30px;
        border-bottom: 1px solid #545454
    }

    .phone-nav ul li .navs a:last-child {
        margin-bottom: 0;
        border-bottom: none
    }

    .phone-nav ul li .navs dl {
        padding: 15px 0
    }

    .phone-nav ul li .navs dt a {
        color: #ffb91d;
        line-height: 50px
    }

    .phone-nav ul li .navs dd {
        display: inline-block;
        *display: inline;
        zoom: 1
    }

    .phone-nav ul li .navs dd a {
        line-height: 30px
    }

    .pic img.pc {
        display: none
    }

    .pic img.phone {
        display: block
    }

    .search-form {
        top: 60px;
        padding: 0.24rem 0;
        box-shadow: 0 16px 30px rgba(0, 0, 0, 0.05);
        /* input placeholder  */
    }

    .search-form img {
        width: 14px
    }

    .search-form .w960 {
        width: 100%;
        padding: 0 0.3rem
    }

    .search-form .keywords {
        line-height: 40px;
        margin-left: 15px;
        font-size: 14px;
        padding-right: 20px
    }

    .search-form::-webkit-input-placeholder {
        color: #999;
        font-size: 14px
    }

    .search-form:-moz-placeholder {
        color: #999;
        font-size: 14px
    }

    .search-form::-moz-placeholder {
        color: #999;
        font-size: 14px
    }

    .search-form:-ms-input-placeholder {
        color: #999;
        font-size: 14px
    }

    .search-form .close {
        margin-top: -10px;
        width: 16px;
        height: 16px;
        right: 15px
    }

    .search-form .search-btn img {
        width: 16px
    }

    .header.on .nav-icon span {
        background-color: #fff
    }

    .header .box {
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        align-items: center;
        height: 54px;
        padding: 0 3%
    }

    .header .logoBox a {
        display: block
    }

    .header .logoBox {
        width: 100%
    }

    .Ar .header .logoBox {
        text-align: right
    }

    .header .logoBox a {
        line-height: 54px
    }

    .header .logoBox img {
        height: 20px
    }

    .header .top-right {
        right: 0;
        top: 0
    }

    .Ar .header .top-right {
        right: 0;
        top: 0
    }

    .header .top-right .top-lan {
        padding: 2px 2px;
        border-radius: 2px;
        margin-left: 5px;
        position: relative;
        top: 10px;
        background: #f0f0f0;
    }

    .header .top-right .top-lan a {
        font-size: 10px;
        min-width: 26px;
        margin: 0 2px;
        line-height: 26px;
        border-radius: 2px
    }

    .header .top-right .top-ser {
        position: relative;
        top: 10px
    }

    .header .top-right .top-ser span {
        line-height: 26px;
        font-size: 0
    }

    .header .search-box {}

    .header .search-box .text {
        height: 48px;
        line-height: 48px;
        padding-left: 0
    }

    .header .form {
        position: fixed;
        top: 60px;
        width: 100%;
        right: 0;
        padding: 20px 30px
    }

    .header .search {
        position: relative;
        width: 50px;
        height: 50px;
        padding-left: 0;
        font-size: 0;
        background-position: center center
    }

    .header .search_submit {
        right: 30px;
        width: 48px;
        height: 48px;
        background-position: center center;
        margin-top: -24px
    }

    .header .on .search {
        background-size: 18px
    }

    .pcNavBox {
        display: none
    }
}

@media screen and (max-width:430px) {
    .header .logoBox img {
        height: 16px
    }

    .nav-icon {
        margin-left: 5px
    }
}

/******************************************************index-banner******************************************************/
.w1600-fluid {
    width: 100%;
    margin: 0 auto
}

/*index-banner-wrapper*/
.index-banner-wrapper {
    position: relative;
    overflow: hidden;
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px
}

.index-banner-wrapper .swiper-slide {
    overflow: hidden;
    width: 100%;
    position: relative
}

.index-banner-wrapper .swiper-slide a {
    display: block;
    position: relative
}

.index-banner-wrapper .swiper-slide a:after {
    content: '';
    display: block;
    background: url(../images/bannersd.png) center center;
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 3
}

/*video*/
.index-banner-wrapper .index-banner-swiper .video video {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: left top
}

@media screen and (max-width:1024px) {
    
.index-banner-wrapper .index-banner-swiper .video video {

    object-position: center top 
    
}

}

.index-banner-wrapper .index-banner-swiper .video .bannerVideo {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3
}

.index-banner-wrapper .index-banner-swiper .video .bannerVideo video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    z-index: 9
}

/*info*/
.index-banner-wrapper .index-banner-swiper .swiper-slide-active .w1600 {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}

.index-banner-wrapper .index-banner-swiper .w1600 {
    opacity: 0;
    visibility: hidden;
    transform: translateY(120px);
    -webkit-transform: translateY(120px);
    -moz-transform: translateY(120px);
    -ms-transform: translateY(120px);
    -o-transform: translateY(120px);
    transition: all 1.5s ease;
    -webkit-transition: all 1.5s ease;
    -moz-transition: all 1.5s ease;
    -ms-transition: all 1.5s ease;
    -o-transition: all 1.5s ease;
    transition-delay: 0.4s;
    transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275)
}

.index-banner-wrapper .bannerimg img {
    display: block;
    width: 100%
}

.index-banner-wrapper .swiper-slide .bannerimg img {
    display: block;
    width: 100%;
    /*height: 100vh;*/
    object-fit: cover;
    transform: scale(1.1);
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transition: transform 6s ease;
    -webkit-transition: transform 6s ease;
    -moz-transition: transform 6s ease;
    -ms-transition: transform 6s ease;
    -o-transition: transform 6s ease
}

.index-banner-wrapper .swiper-slide.swiper-slide-active .bannerimg img {
    transform: scale(1);
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1)
}

.index-banner-wrapper .info {
    position: absolute;
    left: 0;
    right: 0;
    z-index: 10;
    width: 100%;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -ms-transform: translate(0, -50%);
    -moz-transform: translate(0, -50%);
    transform: translate(0, -50%);
    margin: 0 auto
}

.index-banner-wrapper .info .tt {
    font-size: 0.6rem;
    line-height: 0.64rem;
    color: #fff;
    text-transform: uppercase
}

.index-banner-wrapper .info .des {
    font-size: 0.18rem;
    color: #fff;
    line-height: 0.26rem;
    margin-top: 0.4rem
}



@media screen and (max-width:1920px) {
    .index-banner-wrapper {
        border-bottom-right-radius: 40px;
        border-bottom-left-radius: 40px
    }

    .index-banner-wrapper .index-banner-swiper .w1600 {
        transform: translateY(120px);
        -webkit-transform: translateY(120px);
        -moz-transform: translateY(120px);
        -ms-transform: translateY(120px);
        -o-transform: translateY(120px)
    }

    .index-banner-wrapper .info .tt {
        font-size: 0.6rem;
        line-height: 0.64rem
    }

    .Ar .index-banner-wrapper .info .tt {
        text-align: right
    }

    .index-banner-wrapper .info .des {
        font-size: 0.18rem;
        color: #fff;
        line-height: 0.26rem;
        margin-top: 0.4rem
    }

    .Ar .index-banner-wrapper .info .des {
        text-align: right
    }
}

@media screen and (max-width:1680px) {
    .index-banner-wrapper {
        border-bottom-right-radius: 0.4rem;
        border-bottom-left-radius: 0.4rem
    }

    .index-banner-wrapper .index-banner-swiper .w1600 {
        transform: translateY(1.2rem);
        -webkit-transform: translateY(1.2rem);
        -moz-transform: translateY(1.2rem);
        -ms-transform: translateY(1.2rem);
        -o-transform: translateY(1.2rem)
    }

    .index-banner-wrapper .info .tt {
        font-size: 0.6rem;
        line-height: 0.64rem
    }

    .index-banner-wrapper .info .des {
        font-size: 0.18rem;
        color: #fff;
        line-height: 0.26rem;
        margin-top: 0.4rem
    }
}

/*swiper-pagination*/
.index-banner-wrapper .swiper-pagination-bullet {
    width: 0.08rem;
    height: 0.08rem;
    background: rgba(255, 255, 255, 0.8);
    position: relative
}

.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active {
    background-color: #693d91
}

.index-banner-wrapper .swiper-pagination-bullet svg {
    width: 0.38rem;
    height: 0.38rem;
    position: absolute;
    top: 50%;
    margin-top: -0.19rem;
    left: 50%;
    margin-left: -0.19rem
}

.index-banner-wrapper .swiper-pagination-bullet svg:nth-child(2) {
    position: absolute;
    left: 0;
    top: 0;
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.index-banner-wrapper .swiper-pagination-bullet {
    fill: none
}

.index-banner-wrapper .circle-chart__circle {
    stroke-linecap: square;
    fill: none
}

.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__background {
    stroke: rgba(255, 255, 255, 0.2)
}

.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
    stroke: #693d91;
    stroke-width: 2;
    stroke-linecap: square;
    fill: none;
    transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    transform-origin: center;
    -webkit-transform-origin: center;
    -ms-transform-origin: center;
    -moz-transform-origin: center
}

.index-banner-wrapper .swiper-pagination-bullet.swiper-pagination-bullet-active .circle-chart__circle {
    animation: circle-chart-fill 3.8s linear reverse;
    -moz-animation: circle-chart-fill 3.8s linear reverse;
    -webkit-animation: circle-chart-fill 3.8s linear reverse;
    -ms-animation: circle-chart-fill 3.8s linear reverse
}

.index-banner-wrapper .swiper-pagination-bullet.one.swiper-pagination-bullet-active .circle-chart__circle {
    animation: circle-chart-fill 2.4s linear reverse;
    -moz-animation: circle-chart-fill 2.4s linear reverse;
    -webkit-animation: circle-chart-fill 2.4s linear reverse;
    -ms-animation: circle-chart-fill 2.4s linear reverse
}

.index-banner-wrapper .swiper-pagination {
    bottom: 0.75rem
}

.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet {
    margin: 0 0.17rem;
    opacity: 1
}

.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:focus,
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:active,
.index-banner-wrapper .swiper-pagination .swiper-pagination-bullet:link {
    outline: none
}

@keyframes circle-chart-fill {
    to {
        stroke-dasharray: 0 100
    }
}

@-webkit-keyframes circle-chart-fill {
    to {
        stroke-dasharray: 0 100
    }
}

@-moz-keyframes circle-chart-fill {
    to {
        stroke-dasharray: 0 100
    }
}

@-ms-keyframes circle-chart-fill {
    to {
        stroke-dasharray: 0 100
    }
}

@media screen and (max-width:1600px) {

    /*.index-banner-wrapper .info{top:26%}*/
    .index-banner-wrapper .tt {
        font-size: 0.56rem;
        line-height: 0.68rem
    }
}

@media screen and (max-width:1004px) {

    /*.index-banner-wrapper .bannerimg{ position:relative;padding-bottom:50%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}.index-banner-wrapper .bannerimg img{ display:block;position: absolute;z-index:1;left:0;right:0;top:50%;-webkit-transform: translate(0,-50%);-ms-transform:translate(0,-50%);-ms-transform:translate(0,-50%);-moz-transform:translate(0,-50%);transform: translate(0,-50%);pointer-events: none;height:100%;transform:scale(1);-webkit-transform:scale(1);-moz-transform:scale(1);-ms-transform:scale(1);-o-transform:scale(1)}*/
    .index-banner-wrapper .info {
        text-align: center
    }

    .index-banner-wrapper .info img {
        width: 70%;
        margin: 0 auto
    }

    .index-banner-wrapper .tt {
        font-size: 0.44rem;
        line-height: 0.6rem
    }

    .index-banner-wrapper .des {
        font-size: 0.22rem;
        line-height: 0.28rem;
        margin-top: 0.2rem
    }

    .index-banner-wrapper .swiper-pagination {
        bottom: 0.5rem
    }
}

/*scroll-down*/
.scroll-down {
    position: absolute;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 8.333333333333333%;
    bottom: 75px;
    border-radius: 50%;
    z-index: 22;
    background: url(../images/down.png) center no-repeat #693d91;
    background-size: 100%
}

.Ar .scroll-down {
    left: 8.333333333333333%;
    right: auto !important
}

.scroll-down a {
    display: block;
    width: 56px;
    height: 56px
}

.scroll-down a {
    animation: rotationReverse 25000ms linear infinite
}

.scroll-down span {}

@keyframes rotationReverse {
    0% {
        transform: rotate(0deg)
    }

    100% {
        transform: rotate(360deg)
    }
}

@media screen and (max-width:1920px) {
    .scroll-down {
        bottom: 75px
    }

    .scroll-down a {
        width: 56px;
        height: 56px
    }
}

@media screen and (max-width:1680px) {
    .scroll-down {
        bottom: 0.75rem
    }

    .scroll-down a {
        width: 0.56rem;
        height: 0.56rem
    }
}

.videobtn {
    cursor: pointer;
    width: 70px;
    height: 70px;
    background: url(../images/videobtn2.png) no-repeat center;
    background-size: 100%;
    position: absolute;
    left: 8.333333333333333%;
    bottom: 75px;
    border-radius: 50%;
    z-index: 22
}

.Ar .videobtn {
    right: 8.333333333333333%;
    left: auto !important
}

.videobtn:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background: url(../images/videobtn1.png) no-repeat center;
    background-size: 100%;
    animation: 3s linear 0s normal none infinite rotate;
    -webkit-animation: 3s linear 0s normal none infinite rotate
}

.videobtn.stop {
    background-image: url(../images/videobtn3.png)
}

@-webkit-keyframes rotate {
    from {
        -webkit-transform: rotate(0deg)
    }

    to {
        -webkit-transform: rotate(360deg)
    }
}

@-moz-keyframes rotate {
    from {
        -moz-transform: rotate(0deg)
    }

    to {
        -moz-transform: rotate(360deg)
    }
}

@-ms-keyframes rotate {
    from {
        -ms-transform: rotate(0deg)
    }

    to {
        -ms-transform: rotate(360deg)
    }
}

@-o-keyframes rotate {
    from {
        -o-transform: rotate(0deg)
    }

    to {
        -o-transform: rotate(360deg)
    }
}

@media screen and (max-width:1920px) {
    .videobtn {
        width: 70px;
        height: 70px;
        bottom: 75px
    }
}

@media screen and (max-width:1680px) {
    .videobtn {
        width: 0.7rem;
        height: 0.7rem;
        bottom: 0.75rem
    }
}

@media screen and (max-width:1024px) {
    .videobtn {
        width: 70px;
        height: 70px
    }

    /*.ind-banner .bannerwz .videobtn.stop{ background-image:url(../images/videobtn2.png)}*/
}

@media screen and (max-width:768px) {
     .picB  video{
    width: 100%;
  }
  /*   .footer .tu a img{*/
  /*    max-width:  30px;*/
  /*    max-height: 30px;*/
  /*}*/
      
    .videobtn {
        width: 60px;
        height: 60px
    }
}

@media screen and (max-width:640px) {
    .videobtn {
        width: 50px;
        height: 50px
    }
}

/******************************************************index-ab******************************************************/
/*zsyimg*/
.zsyimg {
    height: 0;
    position: relative;
    overflow: hidden
}

.zsyimg img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    max-width:100%;
}

.zsyimg,
.zsyimg img {
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -moz-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

/*indexTitle*/
.indexTitle {
    position: relative;
    margin-bottom: 170px
}

.indexTitle {
    font-size: 60px;
    font-weight: 100;
    line-height: normal;
    color: #000000;
    text-align: center;
    text-transform: uppercase
}

.indexTitle strong {
    font-size: 60px;
    color: #693d91;
    font-weight: bold
}

.Ar .indexTitle {
    direction: ltr
}

@media screen and (max-width:1920px) {
    .indexTitle {
        margin-bottom: 170px;
        font-size: 60px
    }

    .indexTitle strong {
        font-size: 60px
    }
}

@media screen and (max-width:1680px) {
    .indexTitle {
        margin-bottom: 1.7rem;
        font-size: 0.8rem
    }

    .indexTitle strong {
        font-size: 0.8rem
    }
}

.line1 {
    width: 1px;
    height: 100%;
    background: #abaaa5;
    position: absolute;
    left: 33.3333333%;
    top: 0;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3
}

.line2 {
    width: 1px;
    height: 100%;
    background: #abaaa5;
    position: absolute;
    left: 66.6666666%;
    top: 0;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3
}

/********************************index-about********************************/
.indexAbout {
    overflow: hidden;

    z-index: 2;
    background: url(../images/index-newsbg.jpg) center top no-repeat #eeeeed;
    background-size: 100%;

    padding-top: 100px;
    /*padding-bottom: 50px;*/
    position: relative
}

.indexAbout .indexAboutBox {
    position: relative
}

.indexAbout .indexAboutBox .indexAboutInfoBox {
    position: relative;
    z-index: 1
}

.indexAbout .indexTitle {
    margin-bottom: 5px
}

/*indexabWz*/
.indexAbout .indexabWz {
    padding-left: 114px;
    padding-top: 114px;
    padding-bottom: 80px
}

.indexAbout .indexabWzB {
    font-size: 24px;
    line-height: 38px;
    color: #000000;
    /*text-align:justify;*/
    max-width: 690px;
    font-weight: 300
}

/*indexabLogo*/
.indexAbout .indexabLogo {
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: -10px;
    margin-top: -50px;
    width: 157px
}

.Ar .indexAbout .indexabLogo {
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: auto !important;
    right: -10px;
    margin-top: -50px;
    width: 157px
}

.indexAbout .indexabLogo img {
    max-width: 100%
}

.indexAbout .indexabLogo img {
    animation: 60s linear 0s normal none infinite rotate;
    -webkit-animation: 60s linear 0s normal none infinite rotate
}

/*indexabImgBox*/
.indexAbout .indexabImgB img,
.indexAbout .indexabImgB {
    /*-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;*/
}

/*.indexAbout .indexabImgB:hover img{-moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);-ms-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%)}*/
/*.indexAbout .indexabImgBox{ position:relative}.indexAbout .indexabImgBox .indexabImg .indexabImgB{padding-bottom:33.84615384615385%; display:block; overflow:hidden;border-radius:10px;position:relative}*/
.indexAbout .indexabImgBox {
    position: relative;
    height: 440px
}

.indexAbout .indexabImgBox .indexabImg {
    /*position:absolute; top:0; left:0;*/
}

.indexAbout .indexabImgBox .indexabImgBB {
    height: 440px;
    display: block;
    overflow: hidden;
    border-radius: 10px
}

.indexAbout .indexabImgBox .indexabImgB {
    display: block
}

.indexAbout .indexabImgBox .indexabImgB img {
    max-width: 100%;
    height: auto
}

.img-clip {
    overflow: hidden;
    position: relative;
    height: 100%
}

.img-clip img {
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    position: absolute;
    width: 100%
}

.img-clip img:nth-child(2) {
    -webkit-clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    clip-path: polygon(100% 0, 100% 0, 100% 100%, 100% 100%);
    transform: translate(0, 0) rotate(0) skewX(0) skewY(0) scaleX(1.05) scaleY(1.05);
    transition-duration: 2s
}

.img-clip:hover img:nth-child(2) {
    -webkit-clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%);
    clip-path: polygon(0 0, 100% 0, 100% 100%, 0 100%)
}

/*indexabImgBox2*/
.indexAbout .indexabImgBox2 {
    position: relative;
    height: 466px
}

.indexAbout .indexabImgBox2 .indexabImgBB {
    height: 355px;
    display: block;
    overflow: hidden;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.indexAbout .indexabImgBox2 .indexabImgB img {
    max-width: 100%;
    height: auto
}

.indexAbout .indexabImgBox2 .indexabImgB {
    display: block;
    /*height:355px; overflow:hidden;position:relative;background-position:center center; background-repeat:no-repeat; background-size:cover;*/
}

.indexAbout .indexabImgBox2 .indexabImg2 {
    width: 60%;
    float: left;
    padding-top: 110px;
    position: absolute;
    top: 0;
    left: 0
}

.Ar .indexAbout .indexabImgBox2 .indexabImg2 {
    float: right !important;
    position: static !important
}

.indexAbout .indexabImgBox2 .indexabImg2 .indexabImgB {
    /*padding-bottom:45.51282051282051%; */
}

.indexAbout .indexabImgBox2 .indexabImg3 {
    width: 35%;
    float: right;
    position: absolute;
    top: 0;
    right: 0
}

.Ar .indexAbout .indexabImgBox2 .indexabImg3 {
    float: left !important;
    position: static !important
}

.indexAbout .indexabImgBox2 .indexabImg3 .indexabImgB {
    /*padding-bottom:78.02197802197802%;*/
}

@media screen and (max-width:1920px) {
    .indexAbout {
        padding-top: 170px;
        padding-bottom: 150px
    }

    .indexAbout .indexTitle {
        margin-bottom: 0px
    }

    .indexAbout .indexabWz {
        padding-left: 114px;
        padding-top: 114px;
        padding-bottom: 80px
    }

    .indexAbout .indexabWzB {
        font-size: 24px;
        line-height: 38px;
        max-width: 690px;
        font-weight: 300
    }

    .indexAbout .indexabLogo {
        left: -10px;
        margin-top: -50px;
        width: 157px
    }

    .indexAbout .indexabImgBox {
        height: 440px
    }

    .indexAbout .indexabImgBox .indexabImgBB {
        height: 440px;
        border-radius: 10px
    }

    .indexAbout .indexabImgBox2 {
        height: 466px
    }

    .indexAbout .indexabImgBox2 .indexabImgBB {
        height: 355px;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px
    }
}

@media screen and (max-width:1680px) {
    .indexAbout {
        padding-top: 0.8rem;
        padding-bottom: 1.5rem
    }

    .indexAbout .indexTitle {
        margin-bottom: 0.8rem
    }

    .indexAbout .indexabWz {
        padding-left: 1.14rem;
        padding-top: 1.14rem;
        padding-bottom: 0.8rem
    }

    .indexAbout .indexabWzB {
        font-size: 0.24rem;
        line-height: 0.38rem;
        max-width: 6.9rem;
        font-weight: 300
    }

    .indexAbout .indexabLogo {
        left: -0.1rem;
        margin-top: -0.5rem;
        width: 1.57rem
    }

    .Ar .indexAbout .indexabLogo {
        left: -0.1rem;
        margin-top: -0.5rem;
        width: 1.57rem
    }

    .indexAbout .indexabImgBox {
        height: 4.4rem
    }

    .indexAbout .indexabImgBox .indexabImgBB {
        height: 4.4rem;
        border-radius: 0.1rem
    }

    .indexAbout .indexabImgBox2 {
        height: 4.66rem
    }

    .indexAbout .indexabImgBox2 .indexabImgBB {
        height: 3.55rem;
        border-top-left-radius: 0.1rem;
        border-bottom-right-radius: 0.1rem
    }
}

@media screen and (max-width:1024px) {}

@media screen and (max-width:768px) {}

.o-image img {
    /*opacity: 0;transform: scale(1.4);*/
    transition: opacity 1.2s cubic-bezier(.215, .61, .355, 1), transform 1.2s cubic-bezier(.215, .61, .355, 1);
    width: 100%;
    margin-bottom: -0px;
    margin-top: -0px;
    height: auto;
    max-width: 100%;
    vertical-align: middle
}

.o-image.is-inview img {
    /*opacity: 1;transform: scale(1);transition-delay: .6s;*/
}

.cursor {
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background-color: rgb(19, 169, 67, .3);
    /*background-color:#fff;mix-blend-mode:difference;*/
    position: fixed;
    top: 0;
    left: 0;
    will-change: transform;
    pointer-events: none;
    z-index: 999
}

.cursor.active {
    border-color: transparent;
    width: 70px;
    height: 70px;
    line-height: 70PX;
    text-align: center;
    mix-blend-mode: normal;
    background-color: #fff
}

.cursor .soul {
    display: inline-block;
    transform: scale(0);
    border-radius: 50%;
    width: 100%;
    height: 100%;
    transition: all 350ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -webkit-transition: all 350ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -moz-transition: all 350ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -ms-transition: all 350ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -o-transition: all 350ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    -ms-transform: scale(0);
    -o-transform: scale(0)
}

.cursor.active .soul {
    transform: scale(2);
    background-color: rgb(54 51 46/28%);
    -webkit-transform: scale(2);
    -moz-transform: scale(2);
    -ms-transform: scale(2);
    -o-transform: scale(2)
}

.cursor.active .soul {
    background-color: #e54812;
    font-weight: 700;
    letter-spacing: .5px;
    text-align: center;
    position: relative;
    padding: 10px;
    font-size: 10px
}

.cursor.active .soul span.action {
    font-size: 6px;
    opacity: 1;
    position: absolute;
    left: 50%;
    top: 50%;
    transition: transform 250ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -webkit-transition: transform 250ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -moz-transition: transform 250ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -ms-transition: transform 250ms cubic-bezier(0.16, 0.01, 0.77, 1);
    -o-transition: transform 250ms cubic-bezier(0.16, 0.01, 0.77, 1)
}

.cursor.active .soul span.action,
.circle.active .soul span.action.click {
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%)
}

.cursor .soul span.text {
    font-size: 12px;
    font-family: 'HelveticaNeueLTPro-Th', 'Microsoft YaHei', Arial, Helvetica, sans-serif;
    font-weight: 100
}

.cursor .soul span.text,
.circle.active .soul span.symbol {
    display: block;
    font-size: 10px
}

.cursor.active .soul span.text {
    margin-top: 7px;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}

@media screen and (max-width:1024px) {
    .cursor {
        display: none
    }
}

/********************************indexPro********************************/
.indexPro {
    position: relative
}

.indexPro .indexProB {
    overflow: hidden;
    position: relative
}

.indexPro .tabB {
    margin: 0 auto;
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
    width: 100%;
    border-bottom: 1px solid rgba(255, 255, 255, .1);
    transition: all .4s ease
}

.indexPro .tabBox {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+,Safari 3.1,iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+,Safari 6.1+,iOS Safari 7+,Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    flex-flow: wrap
}

.indexPro .tabBox a {
    position: relative;
    text-align: center;
    display: flex;
    display: -webkit-box;
    /* Chrome 4+,Safari 3.1,iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+,Safari 6.1+,iOS Safari 7+,Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    justify-content: center;
    align-items: center;
    width: 25%;
    height: 0.85rem
}

.indexPro .tabBox .name {
    font-size: 0.22rem;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 0.36rem
}

.indexPro .tabBox a.on::before {
    content: '';
    display: none;
    width: 100%;
    height: 3px;
    background: #d7246f;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.indexPro .tabBox a.on {
    background: url("../images/index-pronavbg.png") top repeat-x;
    color: #fff
}

.indexPro .tabBox a.on::before {
    display: block
}

/**/
.indexPro .swiper-box {
    position: relative;
    z-index: 2
}

.indexPro {
    position: relative;
    z-index: 3;
    overflow: hidden
}

/**/
.indexPro-swiper {
    position: relative;
    z-index: 3;
    overflow: hidden;
    height: 960px;
    background: #000
}

.indexPro .swiper-slide {
    position: relative;
    overflow: hidden
}

.indexPro .swiper-slide a {
    display: block
}

.indexPro .swiper-slide .Imgbox {
    display: block;
    /*line-height:1;*/
    overflow: hidden;
    margin: 0 auto;
    padding-bottom: 960px;
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.indexPro .swiper-slide .Imgbox img {
    display: block;
    width: 100%;
    height: 960px;
    /*position:relative*/
    display: none
}

/*proVideo*/
.indexPro .swiper-slide .Imgbox .proVideo {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    z-index: 3
}

.indexPro .swiper-slide .Imgbox .proVideo video {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;
    width: 100%;
    height: 100%;
    max-width: 100%;
    object-fit: cover;
    z-index: 9
}

/*info*/
.indexPro .swiper-slide .info {
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10;
    padding-top: 4.02rem;
    width: 100%
}

.indexPro .swiper-slide .info .infoB {
    position: relative;
    max-width: 400px;
    min-width: 200px;
    float: right;
}

.Ar .indexPro .swiper-slide .info .infoB {
    float: left
}

.indexPro .swiper-slide .infoBoxNr {
    padding: 12px 13px;
    background: #fff;
    border-radius: 5px
}

.indexPro .swiper-slide .pic .picB {
    /*padding-bottom: 69.33333333333333%;*/
    padding-bottom: 100%;
    position: relative;
    border-radius: 5px
}

.indexPro .swiper-slide .pic .picB img {
    width: 100%;
    display: block
}

.indexPro .swiper-slide .name {
    font-size: 0.20rem;
    line-height: 0.3rem;
    height: 0.3rem;
    overflow: hidden;
    color: #000000;
    text-transform: uppercase;
    margin: 0.3rem 0 0.3rem 0;
    transition-delay: 0.12s;
    text-align: center;
    font-weight: bold
}

.indexPro .swiper-slide .desc {
    font-size: 0.16rem;
    line-height: 0.24rem;
    padding: 0 0.23rem;
    color: #000000;
    margin-bottom: 0.43rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    max-height: 7.2rem
}

.indexPro .swiper-slide .index-more {
    overflow: hidden;
    position: relative;
    transition-delay: 0.36s;
    line-height: 60px;
    border-radius: 5px;
    background: #693d91;
    color: #fff;
    font-size: 14px;
    padding-left: 30px;
 
}

.indexPro .swiper-slide .index-more:after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 0;
    height: 100%;
    background: #d52670;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    border-radius: 5px
}

.indexPro .swiper-slide .index-more span {
    display: block;
    position: relative;
    z-index: 2
}

.indexPro .swiper-slide .index-more i {
    width: 47px;
    height: 47px;
    border-radius: 5px;
    position: absolute;
    top: 6px;
    right: 6px;
    background: url(../images/ss1.png) no-repeat center center #fff;
    background-size: 100%
}

.Ar .indexPro .swiper-slide .index-more i {
    left: 6px;
    right: auto !important
}

.indexPro .swiper-slide .index-more:hover:after {
    width: 100%;
    left: auto;
    right: 0
}

/*swiper-slide-active*/
.indexPro .swiper-slide .info {
    opacity: 0;
    visibility: hidden;
    -webkit-transition: all .8s ease-in-out;
    -moz-transition: all .8s ease-in-out;
    -ms-transition: all .8s ease-in-out;
    -o-transition: all .8s ease-in-out;
    transition: all .8s ease-in-out;
    transform: translateY(-30px);
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px)
}

.indexPro .swiper-slide.swiper-slide-active .info {
    opacity: 1;
    visibility: visible;
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0)
}

@media screen and (max-width:1920px) {
    .indexPro-swiper {
        height: 960px
    }

    .indexPro .swiper-slide .Imgbox {
        padding-bottom: 960px
    }

    .indexPro .swiper-slide .Imgbox img {
        height: 960px
    }

    .indexPro .swiper-slide .info {
        padding-top: 4.02rem
    }

    .indexPro .swiper-slide .info .infoB {
        max-width: 400px;
        min-width: 300px;
    }

    .indexPro .swiper-slide .infoBoxNr {
        padding: 12px 13px;
        border-radius: 5px
    }

    .indexPro .swiper-slide .pic .picB {
        border-radius: 5px
    }

    .indexPro .swiper-slide .name {
        font-size: 0.20rem;
        line-height: 0.3rem;
        height: 0.3rem;
        margin: 0.3rem 0 0.3rem 0;
        transition-delay: 0.12s
    }

    .indexPro .swiper-slide .desc {
        font-size: 0.16rem;
        line-height: 0.24rem;
        padding: 0 0.23rem;
        color: #000000;
        margin-bottom: 0.43rem;
        max-height: 7.2rem
    }

    .indexPro .swiper-slide .index-more {
        line-height: 60px;
        border-radius: 5px;
        font-size: 14px;
        padding-left: 30px
    }

    .Ar .indexPro .swiper-slide .index-more {
        padding-right: 30px;
        padding-left: 0px !important
    }

    .indexPro .swiper-slide .index-more i {
        width: 47px;
        height: 47px;
        border-radius: 5px;
        top: 6px;
        right: 6px
    }
}

@media screen and (max-width:1680px) {
    .indexPro-swiper {
        height: 9.6rem
    }

    .indexPro .swiper-slide .Imgbox {
        padding-bottom: 9.6rem
    }

    .indexPro .swiper-slide .Imgbox img {
        height: 9.6rem
    }

    .indexPro .swiper-slide .info {
        padding-top: 4.02rem
    }

    .indexPro .swiper-slide .info .infoB {
        max-width: 4rem
    }

    .indexPro .swiper-slide .infoBoxNr {
        padding: 0.12rem 0.13rem;
        border-radius: 0.05rem
    }

    .indexPro .swiper-slide .pic .picB {
        border-radius: 0.05rem
    }

    .indexPro .swiper-slide .name {
        font-size: 0.20rem;
        line-height: 0.3rem;
        height: 0.3rem;
        margin: 0.3rem 0 0.3rem 0;
        transition-delay: 0.12s
    }

    .indexPro .swiper-slide .desc {
        font-size: 0.16rem;
        line-height: 0.24rem;
        padding: 0 0.23rem;
        color: #000000;
        margin-bottom: 0.43rem;
        max-height: 7.2rem
    }

    .indexPro .swiper-slide .index-more {
        line-height: 0.6rem;
        border-radius: 0.05rem;
        font-size: 0.14rem;
        padding-left: 0.3rem
    }

    .indexPro .swiper-slide .index-more i {
        width: 0.47rem;
        height: 0.47rem;
        border-radius: 0.05rem;
        top: 0.06rem;
        right: 0.06rem
    }
}

@media screen and (max-width:1600px) {
    /*.indexPro .swiper-slide .info{padding-top:1rem}.indexPro .swiper-slide .name{margin-bottom:0.24rem;margin-top:0.06rem}*/
}

@media screen and (max-width:1024px) {
    .indexPro .tabB {
        position: static;
        background: #000;
        border-bottom: 1px solid rgba(255, 255, 255, .1)
    }

    .indexPro .tabB .w1600 {
        width: 100%
    }

    .indexPro .tabBox a {
        width: 50%;
        height: 1.26rem;
        background: #000;
        padding: 0.2rem 0.15rem;
        border-color: #ebebeb;
        box-shadow: none;
        border-bottom: 1px solid rgba(255, 255, 255, .1);
        border-right: 1px solid rgba(255, 255, 255, .1)
    }

    .indexPro .tabBox .icon {
        margin-right: 0.2rem
    }

    .indexPro .tabBox .icon .on {
        display: none
    }

    .indexPro .tabBox .icon img {
        height: 0.46rem
    }

    .indexPro .tabBox .name {
        font-size: 0.24rem;
        line-height: 0.32rem
    }

    .indexPro .swiper-slide .info .infoB {
        max-width: 90%;
        margin: 0 auto;
        float: none
    }

    .Ar .indexPro .swiper-slide .info .infoB {
        max-width: 90%;
        margin: 0 auto;
        float: none
    }

    /*.indexPro .swiper-slide .info{padding-top:0.6rem}.indexPro .swiper-slide .name{font-size:0.34rem;line-height:0.4rem}.indexPro .swiper-slide .desc{line-height:0.36rem;margin-bottom:0.2rem;max-height:1.08rem;font-size:0.24rem;-webkit-line-clamp:3}.indexPro .swiper-slide .index-more{display:none}*/
    .indexPro-swiper {
        height: auto
    }

    .indexPro .swiper-slide {
        position: relative
    }

    .indexPro .swiper-slide .Imgbox {
        padding-bottom: 0;
        height: 100%;
        position: absolute;
        left: 0;
        right: 0;
        z-index: 1
    }

    .indexPro .swiper-slide .Imgbox img {
        height: 100%;
        max-width: none
    }

    .indexPro .swiper-slide .info {
        position: relative;
        right: 0;
        top: 0;
        z-index: 10;
        padding-top: 2.02rem;
        padding-bottom: 2.02rem;
        width: 100%
    }
}

/********************************indexServices********************************/
.indexServices {
    overflow: hidden;
    background: #e9e8e9;
    padding-top: 100px;
    padding-bottom: 50px;
    position: relative
}

.indexServices .indexServicesBox {
    position: relative
}

.indexServices .indexServicesBox .indexServicesInfoBox {
    position: relative;
    z-index: 1
}

.indexServices .indexTitle {
    margin-bottom: 20px
}

/*indexServicesWz*/
.indexServices .indexServicesWz {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 170px
}

.indexServices .indexServicesWzB {
    font-size: 26px;
    line-height: 38px;
    color: #000000;
    text-align: center;
    font-weight: 300
}

.indexServices .indexServicesWzB strong {
    font-weight: bold
}

/*indexServicesImg*/
.indexServices .indexServicesImg {
    background: #FFF
}

.indexServices .indexServicesImg .pic .item {
    display: block
}

.indexServices .indexServicesImg .pic .item .ImgBox {
    /*padding-bottom:33.84615384615385%; */
    display: block;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    position: relative
}

.indexServices .indexServicesImg .pic .item .ImgBox img {
    display: block;
    width: 100%
}

/*.indexServices .indexServicesImg .pic .item .ImgBox,.indexServices .indexServicesImg .pic .item .ImgBox img,.indexServices .indexServicesImg .pic .item{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}.indexServices .indexServicesImg .pic .item:hover .ImgBox img{-moz-transform: scale3d(1.1, 1.1, 1.1) ; -webkit-transform: scale3d(1.1, 1.1, 1.1);-ms-transform: scale3d(1.1, 1.1, 1.1);transform: scale3d(1.1, 1.1, 1.1)}*/
.indexServices .indexServicesImg {
    position: relative;
    overflow: hidden
}

.indexServices .indexServicesImg .pic {
    position: relative;
    overflow: hidden
}

.indexServices .indexServicesImg .pic a {
    display: block
}

.indexServices .indexServicesImg .pic .ImgBox {
    display: block;
    line-height: 1;
    overflow: hidden;
    margin: 0 auto
}

.indexServices .indexServicesImg .pic .ImgBox img {
    display: block;
    width: 100%;
    height: auto;
    position: relative
}

/**/
.indexServices .indexServicesImg .swiper-button-prev {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100px;
    height: 100%;
    margin-top: 0;
    background: none;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.indexServices .indexServicesImg .swiper-button-next {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    width: 100px;
    height: 100%;
    margin-top: 0;
    background: none;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.indexServices .indexServicesImg .swiper-button-prev.swiper-button-disabled,
.indexServices .indexServicesImg .swiper-button-next.swiper-button-disabled {
    opacity: 0.5
}

/*indexServices_lunboBox*/
.indexServices .indexServices_lunboBox {
    background: #693d91;
    width: 71.76923076923077%;
    float: right;
    height: 388px;
    border-bottom-right-radius: 20px
}

.Ar .indexServices .indexServices_lunboBox {
    float: left;
    height: 388px;
    border-bottom-left-radius: 20px;
    border-bottom-right-radius: 0px !important
}

.indexServices .indexServices_lunboBox .swiper-slide .item .listTitle {
    padding: 80px 65px 65px 65px
}

.indexServices .indexServices_lunboBox .swiper-slide .item .listTitle .listTitleNr {
    max-width: 1080px
}

.indexServices .indexServices_lunboBox .swiper-slide .item .title {
    padding-bottom: 50px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
    margin-bottom: 45px;
    background: url(../images/index-prowzbg.png) right top no-repeat
}

.indexServices .indexServices_lunboBox .swiper-slide .item .t {
    width: 100%;
    display: block;
    color: #fff;
    line-height: 30px;
    font-size: 40px;
    margin-bottom: 55px
}

.indexServices .indexServices_lunboBox .swiper-slide .item .t2 {
    width: 100%;
    display: block;
    color: #fff;
    overflow: hidden;
    line-height: 26px;
    height: 179px;
    font-size: 18px;
    font-weight: 300
}

/*indexServicesTit*/
.indexServices .indexServicesTit {
    width: 28.23076923076923%;
    background: #fff;
    float: left;
    height: 388px;
    border-bottom-left-radius: 20px
}

.Ar .indexServices .indexServicesTit {
    border-bottom-right-radius: 20px;
    border-bottom-left-radius: 0px !important
}

.indexServices .indexServicesTit .tit {
    font-size: 16px;
    color: #693d91;
    font-weight: bold;
    margin-bottom: 5px;
    text-transform: uppercase;
    padding: 30px 30px;
    padding-top: 100px
}

.Ar .indexServices .indexServicesTit .tit {
    text-align: left
}

.indexServices .indexServicesTit li a {
    width: 100%;
    display: block;
    line-height: 75px;
    height: 75px;
    font-size: 20px;
    padding: 0 30px;
    color: #4b4b4b;
    overflow: hidden;
    border-top: 1px solid #e6e5e4;
    position: relative
}

.indexServices .indexServicesTit li a span {
    display: block;
    padding-right: 20px;
    overflow: hidden
}

.Ar .indexServices .indexServicesTit li a span {
    padding-left: 20px;
    padding-right: 0px !important;
    text-align: left
}

.indexServices .indexServicesTit li a i {
    font-style: normal;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/ss.png) right center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    right: 30px;
    margin-top: -10px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px)
}

.Ar .indexServices .indexServicesTit li a i {
    font-style: normal;
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url(../images/ssl.png) right center no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(30px);
    -webkit-transform: translateX(30px);
    -moz-transform: translateX(-0px);
    -ms-transform: translateX(30px);
    -o-transform: translateX(30px);
    left: 30px;
    right: auto !important
}

.indexServices .indexServicesTit li,
.indexServices .indexServicesTit li a i,
.indexServices .indexServicesTit li a {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.indexServices .indexServicesTit li.show a i {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px)
}

.indexServices .indexServices_lunboBox .swiper-slide .item .listTitle {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(90px);
    -o-transform: translateY(90px);
    -moz-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px)
}

.indexServices .indexServices_lunboBox .swiper-slide.swiper-slide-active .item .listTitle {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -o-transform: translateX(0) translateY(0) translateZ(0);
    -moz-ttransform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0) translateZ(0);
    transform: translateX(0) translateY(0) translateZ(0);
    -webkit-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -o-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1)
}

@media screen and (max-width:1920px) {
    .indexServices {
        padding-top: 170px;
        padding-bottom: 105px
    }

    .indexServices .indexTitle {
        margin-bottom: 20px
    }

    .indexServices .indexServicesWz {
        padding-left: 60px;
        padding-right: 60px;
        padding-bottom: 170px
    }

    .indexServices .indexServicesWzB {
        font-size: 26px;
        line-height: 38px
    }

    .indexServices .indexServicesImg .pic .item .ImgBox {
        border-top-left-radius: 20px;
        border-top-right-radius: 20px
    }

    .indexServices .indexServicesImg .swiper-button-prev {
        width: 100px
    }

    .indexServices .indexServicesImg .swiper-button-next {
        width: 100px
    }

    .indexServices .indexServices_lunboBox {
        height: 388px;
        border-bottom-right-radius: 20px
    }

    .indexServices .indexServices_lunboBox .swiper-slide .item .listTitle {
        padding: 80px 65px 65px 65px
    }

    .indexServices .indexServices_lunboBox .swiper-slide .item .listTitle .listTitleNr {
        max-width: 1080px
    }

    .indexServices .indexServices_lunboBox .swiper-slide .item .title {
        padding-bottom: 50px;
        margin-bottom: 45px
    }

    .indexServices .indexServices_lunboBox .swiper-slide .item .t {
        line-height: 30px;
        font-size: 40px;
        margin-bottom: 55px
    }

    .indexServices .indexServices_lunboBox .swiper-slide .item .t2 {
        line-height: 26px;
        height: 179px;
        font-size: 18px
    }

    .indexServices .indexServicesTit {
        height: 388px;
        border-bottom-left-radius: 20px
    }

    .indexServices .indexServicesTit .tit {
        font-size: 16px;
        margin-bottom: 5px;
        padding: 30px 30px;
        padding-top: 100px
    }

    .indexServices .indexServicesTit li a {
        line-height: 75px;
        height: 75px;
        font-size: 20px;
        padding: 0 30px
    }

    .indexServices .indexServicesTit li a span {
        padding-right: 20px
    }

    .indexServices .indexServicesTit li a i {
        width: 20px;
        height: 20px;
        right: 30px;
        margin-top: -10px
    }
}

@media screen and (max-width:1680px) {
    .indexServices {
        padding-top: 1.7rem;
        padding-bottom: 1.05rem
    }

    .indexServices .indexTitle {
        margin-bottom: 0.2rem
    }

    .indexServices .indexServicesWz {
        padding-left: 0.6rem;
        padding-right: 0.6rem;
        padding-bottom: 1.7rem
    }

    .indexServices .indexServicesWzB {
        font-size: 0.26rem;
        line-height: 0.38rem
    }

    .indexServices .indexServicesImg .pic .item .ImgBox {
        border-top-left-radius: 0.2rem;
        border-top-right-radius: 0.2rem
    }

    .indexServices .indexServicesImg .swiper-button-prev {
        width: 1rem
    }

    .indexServices .indexServicesImg .swiper-button-next {
        width: 1rem
    }

    .indexServices .indexServices_lunboBox {
        height: 3.88rem;
        border-bottom-right-radius: 0.2rem
    }

    .Ar .indexServices .indexServices_lunboBox {
        height: 3.88rem;
        border-bottom-right-radius: 0.2rem
    }

    .indexServices .indexServices_lunboBox .swiper-slide .item .listTitle {
        padding: 0.7rem 0.65rem 0.65rem 0.65rem
    }

    .indexServices .indexServices_lunboBox .swiper-slide .item .listTitle .listTitleNr {
        max-width: 7.8rem
    }

    .indexServices .indexServices_lunboBox .swiper-slide .item .title {
        padding-bottom: 0.5rem;
        margin-bottom: 0.45rem
    }

    .indexServices .indexServices_lunboBox .swiper-slide .item .t {
        line-height: 0.3rem;
        font-size: 0.4rem;
        margin-bottom: 0.55rem
    }

    .indexServices .indexServices_lunboBox .swiper-slide .item .t2 {
        line-height: 0.26rem;
        height: 1.70rem;
        font-size: 0.18rem
    }

    .indexServices .indexServicesTit {
        height: 3.88rem;
        border-bottom-left-radius: 0.2rem
    }

    .indexServices .indexServicesTit .tit {
        font-size: 0.16rem;
        margin-bottom: 0.05rem;
        padding: 0.3rem 0.3rem;
        padding-top: 1rem
    }

    .indexServices .indexServicesTit li a {
        line-height: 0.75rem;
        height: 0.75rem;
        font-size: 0.2rem;
        padding: 0 0.3rem
    }

    .indexServices .indexServicesTit li a span {
        padding-right: 0.2rem
    }

    .indexServices .indexServicesTit li a i {
        width: 0.2rem;
        height: 0.2rem;
        right: 0.3rem;
        margin-top: -0.1rem
    }
}

@media screen and (max-width:1024px) {

    .indexServices .indexServicesTit,
    .indexServices .indexServices_lunboBox {
        width: 100%
    }

    .Ar .indexServices .indexServicesTit .tit {
        text-align: right
    }

    .Ar .indexServices .indexServicesTit li a span {
        padding-right: 20px !important;
        padding-left: 0px;
        text-align: right
    }
}

/********************************indexServices********************************/
.indexQuality {
    overflow: hidden;
    background: url(../images/index-ysbg.jpg) center top no-repeat #fff;
    background-size: 100%;
    padding-top: 170px;
    padding-bottom: 165px;
    position: relative
}

.indexQuality .indexQualityBox {
    position: relative
}

.indexQuality .indexQualityBox .indexQualityInfoBox {
    position: relative;
    z-index: 1
}

.indexQuality .indexTitle {
    margin-bottom: 10px
}

.indexQuality .indexTitle .t1 {
    padding-left: 50%
}

.indexQuality .indexTitle .t3 {
    padding-left: 20%
}

/*indexQualityWz*/
.indexQuality .indexQualityWz {
    padding-left: 10%;
    padding-right: 60px;
    padding-bottom: 170px
}

.indexQuality .indexQualityWzB {
    font-size: 26px;
    line-height: 38px;
    color: #000000;
    text-align: left
}

.Ar .indexQuality .indexQualityWzB {
    text-align: right
}

/*indexQualityLogo*/
.indexQuality .indexQualityLogo {
    position: relative;
    overflow: hidden;
    position: absolute;
    top: 100%;
    left: -10px;
    margin-top: -50px;
    width: 157px
}

.indexQuality .indexQualityLogo img {
    max-width: 100%
}

.indexQuality .indexQualityLogo img {
    animation: 10s linear 0s normal none infinite rotate;
    -webkit-animation: 10s linear 0s normal none infinite rotate
}

/*indexQualityImgBox*/
.indexQuality .indexQualityImgBox {
    position: relative
}

.indexQuality .indexQualityImgBox .pic .picB {
    padding-bottom: 33.84615384615385%;
    display: block;
    overflow: hidden;
    position: relative
}

.indexQuality .indexQualityWzB {
    font-size: 26px;
    line-height: 34px;
    color: #4b4b4b;
    text-align: left
}

.indexQuality .indexQualityImgBox .item {
    display: block;
    position: relative
}

.indexQuality .indexQualityImgBox .item .title {
    padding-top: 35px;
    position: relative
}

.indexQuality .indexQualityImgBox .item .t {
    width: 100%;
    display: block;
    color: #000000;
    line-height: 30px;
    font-size: 30px;
    margin-bottom: 20px;
    text-transform: uppercase
}

.indexQuality .indexQualityImgBox .item .des {
    width: 100%;
    display: block;
    color: #64676b;
    overflow: hidden;
    line-height: 28px;
    height: 84px;
    font-size: 18px;
    max-width: 590px;
    margin-bottom: 20px;
    font-weight: 300
}

/**/
.indexQuality .indexQualityImgBox .indexQualityImg1 {
    width: 49.47916666666667%;
    float: left;
    position: relative;
    left: 2.083333333333333%;
    padding-bottom: 50px
}

.Ar .indexQuality .indexQualityImgBox .indexQualityImg1 {
    width: 49.47916666666667%;
    float: right;
    position: relative;
    right: 2.083333333333333%;
    padding-bottom: 50px;
    left: auto !important
}

.indexQuality .indexQualityImgBox .indexQualityImg1 .pic .picB {
    padding-bottom: 46.31578947368421%;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px
}

.indexQuality .indexQualityImgBox .indexQualityImg2 {
    width: 31.77083333333333%;
    float: right;
    position: relative;
    right: 2.083333333333333%;
    margin-top: 145px
}

.Ar .indexQuality .indexQualityImgBox .indexQualityImg2 {
    float: left;
    position: relative;
    left: 2.083333333333333%;
    right: auto !important
}

.indexQuality .indexQualityImgBox .indexQualityImg2 .item {
    padding-bottom: 370px
}

.indexQuality .indexQualityImgBox .indexQualityImg2 .pic {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.indexQuality .indexQualityImgBox .indexQualityImg2 .pic .picB {
    padding-bottom: 60.65573770491803%;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.indexQuality .indexQualityImgBox .indexQualityImg3 {
    width: 67.70833333333333%;
    float: left;
    position: relative;
    left: 16.14583333333333%
}

.Ar .indexQuality .indexQualityImgBox .indexQualityImg3 {
    width: 67.70833333333333%;
    float: right;
    position: relative;
    right: 16.14583333333333%;
    left: auto !important
}

.indexQuality .indexQualityImgBox .indexQualityImg3 .item {
    position: relative
}

.indexQuality .indexQualityImgBox .indexQualityImg3 .pic {
    width: 52.30769230769231%
}

.indexQuality .indexQualityImgBox .indexQualityImg3 .pic .picB {
    padding-bottom: 64.70588235294118%;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px
}

.indexQuality .indexQualityImgBox .indexQualityImg3 .item .title {
    position: absolute;
    left: 56.92307692307692%;
    bottom: 0
}

.Ar .indexQuality .indexQualityImgBox .indexQualityImg3 .item .title {
    position: absolute;
    right: 56.92307692307692%;
    left: auto !important;
    bottom: 0
}

.indexQuality .indexQualityImgBox .indexQualityImg3 .item .des {
    max-width: 370px
}

/*indexabLogo*/
.indexQuality .indexQualityImgBox .indexQualityImg1:after {
    content: '';
    overflow: hidden;
    background: url(../images/index-ys-yuan.png) center top no-repeat;
    background-size: 100%;
    position: absolute;
    top: -75px;
    right: -81px;
    width: 162px;
    height: 162px
}

.Ar .indexQuality .indexQualityImgBox .indexQualityImg1:after {
    content: '';
    overflow: hidden;
    background: url(../images/index-ys-yuan.png) center top no-repeat;
    background-size: 100%;
    position: absolute;
    top: -75px;
    right: auto !important;
    left: -81px;
    width: 162px;
    height: 162px
}

.indexQuality .indexQualityImgBox .indexQualityImg1:after {
    animation: 60s linear 0s normal none infinite rotate;
    -webkit-animation: 60s linear 0s normal none infinite rotate
}

/**/
.indexQuality .swiper-button-prev {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100px;
    height: 100%;
    margin-top: 0;
    background: none;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.indexQuality .swiper-button-next {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    width: 100px;
    height: 100%;
    margin-top: 0;
    background: none;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.indexQuality .swiper-button-prev.swiper-button-disabled,
.indexQuality .swiper-button-next.swiper-button-disabled {
    opacity: 0.5
}

.indexQuality .indexQualityImgBox .indexQualityImg1 .picB {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.indexQuality .indexQualityImgBox .indexQualityImg1:hover .picB img {
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
    transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%)
}

.indexQuality .indexQualityImgBox .indexQualityImg2 .picB {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.indexQuality .indexQualityImgBox .indexQualityImg2:hover .picB img {
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
    transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%)
}

.indexQuality .indexQualityImgBox .indexQualityImg3 .picB {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.indexQuality .indexQualityImgBox .indexQualityImg3:hover .picB img {
    -moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
    -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
    -ms-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);
    transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%)
}

@media screen and (max-width:1920px) {
    .indexQuality {
        padding-top: 170px;
        padding-bottom: 165px
    }

    .indexQuality .indexTitle {
        margin-bottom: 10px
    }

    .indexQuality .indexQualityWz {
        padding-right: 60px;
        padding-bottom: 170px
    }

    .indexQuality .indexQualityWzB {
        font-size: 26px;
        line-height: 38px
    }

    .indexQuality .indexQualityLogo {
        left: -10px;
        margin-top: -50px;
        width: 157px
    }

    .indexQuality .indexQualityWzB {
        font-size: 26px;
        line-height: 34px
    }

    .indexQuality .indexQualityImgBox .item .title {
        padding-top: 35px
    }

    .indexQuality .indexQualityImgBox .item .t {
        line-height: 30px;
        font-size: 30px;
        margin-bottom: 20px
    }

    .indexQuality .indexQualityImgBox .item .des {
        line-height: 28px;
        height: 84px;
        font-size: 18px;
        max-width: 590px;
        margin-bottom: 20px
    }

    .indexQuality .indexQualityImgBox .indexQualityImg1 {
        padding-bottom: 50px
    }

    .indexQuality .indexQualityImgBox .indexQualityImg1 .pic .picB {
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px
    }

    .indexQuality .indexQualityImgBox .indexQualityImg2 {
        margin-top: 145px
    }

    .indexQuality .indexQualityImgBox .indexQualityImg2 .item {
        padding-bottom: 370px
    }

    .indexQuality .indexQualityImgBox .indexQualityImg2 .pic .picB {
        padding-bottom: 60.65573770491803%;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px
    }

    .indexQuality .indexQualityImgBox .indexQualityImg3 {
        width: 67.70833333333333%;
        left: 16.14583333333333%
    }

    .indexQuality .indexQualityImgBox .indexQualityImg3 .pic {
        width: 52.30769230769231%
    }

    .indexQuality .indexQualityImgBox .indexQualityImg3 .pic .picB {
        padding-bottom: 64.70588235294118%;
        border-top-right-radius: 10px;
        border-bottom-left-radius: 10px
    }

    .indexQuality .indexQualityImgBox .indexQualityImg3 .item .title {
        left: 56.92307692307692%
    }

    .indexQuality .indexQualityImgBox .indexQualityImg3 .item .des {
        max-width: 370px
    }

    .indexQuality .indexQualityImgBox .indexQualityImg1:after {
        top: -75px;
        right: -81px;
        width: 162px;
        height: 162px
    }

    .indexQuality .swiper-button-prev {
        width: 100px
    }

    .indexQuality .swiper-button-next {
        width: 100px
    }
}

@media screen and (max-width:1680px) {
    .indexQuality {
        padding-top: 1.7rem;
        padding-bottom: 1.65rem
    }

    .indexQuality .indexTitle {
        margin-bottom: 0.1rem
    }

    .indexQuality .indexQualityWz {
        padding-right: 0.6rem;
        padding-bottom: 1.7rem
    }

    .indexQuality .indexQualityWzB {
        font-size: 0.26rem;
        line-height: 0.38rem
    }

    .indexQuality .indexQualityLogo {
        left: -0.1rem;
        margin-top: -0.5rem;
        width: 1.57rem
    }

    .indexQuality .indexQualityWzB {
        font-size: 0.26rem;
        line-height: 0.34rem
    }

    .indexQuality .indexQualityImgBox .item .title {
        padding-top: 0.35rem
    }

    .indexQuality .indexQualityImgBox .item .t {
        line-height: 0.3rem;
        font-size: 0.3rem;
        margin-bottom: 0.2rem
    }

    .indexQuality .indexQualityImgBox .item .des {
        line-height: 0.28rem;
        height: 0.84rem;
        font-size: 0.18rem;
        max-width: 5.9rem;
        margin-bottom: 0.2rem
    }

    .indexQuality .indexQualityImgBox .indexQualityImg1 {
        padding-bottom: 0.5rem
    }

    .indexQuality .indexQualityImgBox .indexQualityImg1 .pic .picB {
        border-top-left-radius: 0.1rem;
        border-bottom-right-radius: 0.1rem
    }

    .indexQuality .indexQualityImgBox .indexQualityImg2 {
        margin-top: 1.45rem
    }

    .indexQuality .indexQualityImgBox .indexQualityImg2 .item {
        padding-bottom: 3.7rem
    }

    .indexQuality .indexQualityImgBox .indexQualityImg2 .pic .picB {
        padding-bottom: 60.65573770491803%;
        border-top-right-radius: 0.1rem;
        border-bottom-left-radius: 0.1rem
    }

    .indexQuality .indexQualityImgBox .indexQualityImg3 {
        width: 67.70833333333333%;
        left: 16.14583333333333%
    }

    .indexQuality .indexQualityImgBox .indexQualityImg3 .pic {
        width: 52.30769230769231%
    }

    .indexQuality .indexQualityImgBox .indexQualityImg3 .pic .picB {
        padding-bottom: 64.70588235294118%;
        border-top-right-radius: 0.1rem;
        border-bottom-left-radius: 0.1rem
    }

    .indexQuality .indexQualityImgBox .indexQualityImg3 .item .title {
        left: 56.92307692307692%
    }

    .indexQuality .indexQualityImgBox .indexQualityImg3 .item .des {
        max-width: 3.7rem
    }

    .indexQuality .indexQualityImgBox .indexQualityImg1:after {
        top: -0.75rem;
        right: -0.81rem;
        width: 1.62rem;
        height: 1.62rem
    }

    .Ar .indexQuality .indexQualityImgBox .indexQualityImg1:after {
        top: -0.75rem;
        right: -0.81rem;
        width: 1.62rem;
        height: 1.62rem
    }

    .indexQuality .swiper-button-prev {
        width: 1rem
    }

    .indexQuality .swiper-button-next {
        width: 1rem
    }
}

@media screen and (max-width:1024px) {
    .indexQuality .indexTitle .t1 {
        padding-left: 0%
    }

    .indexQuality .indexTitle .t3 {
        padding-left: 0%
    }

    .indexQuality .indexQualityImgBox {
        width: 90%;
        margin: 0 auto
    }

    .indexQuality .indexQualityImgBox .indexQualityImg2 {
        margin-top: 0rem
    }

    .indexQuality .indexQualityImgBox .indexQualityImg2 .pic {
        position: static
    }

    .indexQuality .indexQualityImgBox .indexQualityImg1 {
        width: 100%;
        left: 0;
        float: none
    }

   .indexQuality .indexQualityImgBox .indexQualityImg1 .zsyimg img {

    -webkit-transform: translate(-30%, -40%);
    -moz-transform: translate(-30%, -40%);
    -o-transform: translate(-30%, -40%);
    -ms-transform: translate(-30%, -40%);
    transform: translate(-30%, -40%);

    }
     


    .Ar .indexQuality .indexQualityImgBox .indexQualityImg1 {
        width: 100%;
        left: 0;
        right: 0;
        float: none
    }

    .indexQuality .indexQualityImgBox .indexQualityImg2 .item {
        padding-bottom: 1rem
    }

    .indexQuality .indexQualityImgBox .indexQualityImg2 {
        width: 100%;
        right: 0;
        float: none
    }

    .Ar .indexQuality .indexQualityImgBox .indexQualityImg2 {
        width: 100%;
        right: 0;
        left: 0;
        float: none
    }

    .indexQuality .indexQualityImgBox .indexQualityImg3 {
        width: 100%;
        left: 0%;
        float: none
    }

    .Ar .indexQuality .indexQualityImgBox .indexQualityImg3 {
        width: 100%;
        left: 0%;
        float: none;
        right: 0
    }

   .indexQuality .indexQualityImgBox .indexQualityImg3 .zsyimg img {

    -webkit-transform: translate(-40%, -50%);
    -moz-transform: translate(-40%, -50%);
    -o-transform: translate(-40%, -50%);
    -ms-transform: translate(-40%, -50%);
    transform: translate(-40%, -50%);

    }
     

    .indexQuality .indexQualityImgBox .indexQualityImg3 .pic {
        width: 100%
    }

    .indexQuality .indexQualityImgBox .indexQualityImg3 .item .title {
        left: 0%;
        bottom: 0;
        position: static
    }

    .Ar .indexQuality .indexQualityImgBox .indexQualityImg3 .item .title {
        left: 0%;
        bottom: 0;
        position: static
    }
}



@media screen and (max-width:760px) {
    
.indexQuality .indexQualityImgBox .indexQualityImg1 .zsyimg img {
        top:0;
        left:0;
        -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0 !important);
        
        
        }   
        
.indexQuality .indexQualityImgBox .indexQualityImg3 .zsyimg img {
        top:0;
        left:0;
        -webkit-transform: translate(0, 0) !important;
    -moz-transform: translate(0, 0) !important;
    -o-transform: translate(0, 0) !important;
    -ms-transform: translate(0, 0) !important;
    transform: translate(0, 0 !important);
        
        
        }       
  
}


/********************************indexControl********************************/
.indexControl {
    overflow: hidden;
    background: url(../images/index-qualitybg.jpg) center top no-repeat #fff;
    background-size: 100%;
    padding-top: 170px;
    padding-bottom: 105px;
    position: relative
}

.indexControl .indexControlBox {
    position: relative
}

.indexControl .indexControlBox .indexControlInfoBox {
    position: relative;
    z-index: 1
}

.indexControl .indexTitle {
    margin-bottom: 75px
}

/*indexControlTit*/
.indexControl .indexControlTit {
    background: #fff;
    position: relative;
    margin-bottom: 85px
}

.indexControl .indexControlTit:before {
    content: "";
    width: 1920px;
    margin-left: -960px;
    height: 1px;
    position: absolute;
    left: 50%;
    top: 50%;
    z-index: 1;
    background: #e5e5e5
}

.indexControl .indexControlTit ul {
    border: 1px solid #e6e5e4;
    border-radius: 116px;
    width: 100%;
    position: relative;
    z-index: 2;
    background: #fff
}

.indexControl .indexControlTit ul {
    overflow: hidden;
    display: block;
    font-size: 0;
    line-height: 0;
    text-align: center
}

.indexControl .indexControlTit li {
    max-width: 20%;
    margin-bottom: 0px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    position: relative
}

.indexControl .indexControlTit li a {
    width: 100%;
    display: block;
    font-size: 16px;
    line-height: 30px;
    padding: 25px 30px 10px 30px;
    color: #64676b;
    overflow: hidden;
    position: relative
}

.indexControl .indexControlTit li a span {
    display: block;
    padding-right: 20px;
    overflow: hidden;

}

.indexControl .indexControlTit li a .icon {
    width: 50px;
    margin: 0 auto;
    text-align: center
}

.indexControl .indexControlTit li a .icon img {
    max-height: 50px
}

.indexControl .indexControlTit li,
.indexControl .indexControlTit li a .icon,
.indexControl .indexControlTit li a {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

/*.indexControl .indexControlTit li a:hover .icon {animation: shake 0.4s ease}@keyframes shake{0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}50%{-webkit-transform:scale(1.1,0.9);transform:scale(1.1,0.9)}75%{-webkit-transform:scale(0.95,1.05);transform:scale(0.95,1.05)}0%,100%{-webkit-transform:scale(1,1);transform:scale(1,1)}25%{-webkit-transform:scale(0.9,1.1);transform:scale(0.9,1.1)}50%{-webkit-transform:scale(1.1,0.9);transform:scale(1.1,0.9)}75%{-webkit-transform:scale(0.95,1.05);transform:scale(0.95,1.05)}}*/
.indexControl .indexControlTit li a:hover .icon {
    animation: shake 1.5s ease-in-out alternate
}

@keyframes shake {
    0% {
        transform: translateY(0px)
    }

    50% {
        transform: translateY(-10px)
    }

    100% {
        transform: translateY(0px)
    }
}

.indexControlBottom {
    position: relative
}

/*indexControlImg*/
.indexControl .indexControlImg {
    width: 81.15384615384615%
}

.indexControl .indexControlImg .pic .item {
    display: block
}

.indexControl .indexControlImg .pic .item .ImgBox {
    /*padding-bottom:62.55924170616114%;*/
    display: block;
    overflow: hidden;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
    position: relative
}

.Ar .indexControl .indexControlImg .pic .item .ImgBox {
    /*padding-bottom:62.55924170616114%;*/
    display: block;
    overflow: hidden;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    position: relative;
    border-top-left-radius: opx;
    border-bottom-right-radius: 0px
}

.indexControl .indexControlImg .pic .item .ImgBox img {
    width: 100%
}

/*.indexControl .indexControlImg .pic .item .ImgBox,.indexControl .indexControlImg .pic .item .ImgBox img,.indexControl .indexControlImg .pic .item{-webkit-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}.indexControl .indexControlImg .pic .item:hover .ImgBox img{-moz-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%); -webkit-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);-ms-transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%);transform: scale3d(1.1, 1.1, 1.1) translate(-50%, -50%)}*/
.indexControl .indexControlImg {
    position: relative;
    overflow: hidden
}

.indexControl .indexControlImg .pic {
    position: relative;
    overflow: hidden
}

.indexControl .indexControlImg .pic a {
    display: block
}

.indexControl .indexControlImg .pic .ImgBox {
    display: block;
    line-height: 1;
    overflow: hidden;
    margin: 0 auto
}

.indexControl .indexControlImg .pic .ImgBox img {
    display: block;
    width: 100%;
    height: auto;
    position: relative
}

.indexControl .swiper-button-prev {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100px;
    height: 100%;
    margin-top: 0;
    background: none;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.indexControl .swiper-button-next {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    width: 100px;
    height: 100%;
    margin-top: 0;
    background: none;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.indexControl .swiper-button-prev.swiper-button-disabled,
.indexControl .swiper-button-next.swiper-button-disabled {
    opacity: 0.5
}

/*indexControl_lunboBox*/
.indexControl .indexControl_lunboBox {
    background: #693d91;
    width: 40%;
    height: 600px;
    position: absolute;
    top: 30px;
    right: 0;
    border-radius: 20px;
    border-top-right-radius: 0;
    z-index: 2
}

.Ar .indexControl .indexControl_lunboBox {
    background: #693d91;
    width: 40%;
    height: 600px;
    position: absolute;
    top: 30px;
    left: 0;
    right: auto !important;
    border-radius: 20px;
    border-top-right-radius: 0;
    z-index: 2
}

.indexControl .indexControl_lunboBox:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    left: -4px;
    top: -4px;
    background: #fff;
    border-radius: 20px;
    border-top-right-radius: 0;
    border: 1px solid #e5e5e5
}

.Ar .indexControl .indexControl_lunboBox:after {
    content: '';
    width: 100%;
    height: 100%;
    position: absolute;
    right: -4px;
    left: auto !important;
    top: -4px;
    background: #fff;
    border-radius: 20px;
    border-top-right-radius: 0;
    border: 1px solid #e5e5e5
}

.indexControl .indexControl_lunboBox .indexControl_lunboB {
    padding: 60px 60px 50px 50px
}

.indexControl .indexControl_lunboBox .swiper-slide .item .listTitle {}

.indexControl .indexControl_lunboBox .swiper-slide .item .listTitle .listTitleNr {
    max-width: 580px
}

.indexControl .indexControl_lunboBox .swiper-slide .item .title {
    padding-bottom: 50px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
    margin-bottom: 45px;
    background: url(../images/index-prowzbg.png) right top no-repeat
}

.indexControl .indexControl_lunboBox .swiper-slide .item .t {
    width: 100%;
    display: block;
    color: #000000;
    line-height: 30px;
    font-size: 30px;
    margin-bottom: 30px;
    text-transform: uppercase
}

.indexControl .indexControl_lunboBox .swiper-slide .item .t2 {
    width: 100%;
    display: block;
    color: #64676b;
    overflow: hidden;
    overflow-y: scroll;
    line-height: 28px;
    max-height: 420px;
    font-size: 18px;
    font-weight: 300
}

.indexControl .indexControl_lunboBox .swiper-slide .item .t2::-webkit-scrollbar {
    width: 0px;
    height: 6px;
    background-color: #d8d8d8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.indexControl .indexControl_lunboBox .swiper-slide .item .t2::-webkit-scrollbar-thumb {
    background-color: #595959;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

/**/
/*.indexControl .indexControl_lunboBox .swiper-slide .item .t,.indexControl .indexControl_lunboBox .swiper-slide .item .t2,*/
.indexControl .indexControl_lunboBox .swiper-slide .item .listTitle {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: translateX(90px);
    -o-transform: translateX(90px);
    -moz-transform: translateX(90px);
    -ms-transform: translateX(90px);
    transform: translateX(90px)
}

.indexControl .indexControl_lunboBox .swiper-slide.swiper-slide-active .item .listTitle {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -o-transform: translateX(0) translateY(0) translateZ(0);
    -moz-ttransform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0) translateZ(0);
    transform: translateX(0) translateY(0) translateZ(0);
    -webkit-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -o-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1)
}

@media screen and (max-width:1920px) {
    .indexControl {
        padding-top: 170px;
        padding-bottom: 105px
    }

    .indexControl .indexTitle {
        margin-bottom: 75px
    }

    .indexControl .indexControlTit {
        margin-bottom: 85px
    }

    .indexControl .indexControlTit:before {
        width: 1920px;
        margin-left: -960px
    }

    .indexControl .indexControlTit ul {
        border-radius: 116px
    }

    .indexControl .indexControlTit li a {
        font-size: 16px;
        line-height: 30px;
        padding: 25px 30px 10px 30px
    }

    .indexControl .indexControlTit li a span {
        padding-right: 20px
    }

    .indexControl .indexControlTit li a .icon {
        width: 50px
    }

    .indexControl .indexControlTit li a .icon img {
        max-height: 50px
    }

    .indexControl .indexControlImg .pic .item .ImgBox {
        border-top-left-radius: 20px;
        border-bottom-right-radius: 20px
    }

    .indexControl .swiper-button-prev {
        width: 100px
    }

    .indexControl .swiper-button-next {
        width: 100px
    }

    .indexControl .indexControl_lunboBox {
        height: 600px;
        top: 30px;
        border-radius: 20px
    }

    .indexControl .indexControl_lunboBox:after {
        left: -4px;
        top: -4px;
        border-radius: 20px
    }

    .indexControl .indexControl_lunboBox .indexControl_lunboB {
        padding: 60px 60px 50px 50px
    }

    .indexControl .indexControl_lunboBox .swiper-slide .item .listTitle .listTitleNr {
        max-width: 580px
    }

    .indexControl .indexControl_lunboBox .swiper-slide .item .title {
        padding-bottom: 50px;
        margin-bottom: 45px
    }

    .indexControl .indexControl_lunboBox .swiper-slide .item .t {
        line-height: 30px;
        font-size: 30px;
        margin-bottom: 30px
    }

    .indexControl .indexControl_lunboBox .swiper-slide .item .t2 {
        line-height: 28px;
        max-height: 420px;
        font-size: 18px
    }
}

@media screen and (max-width:1680px) {
    .indexControl {
        padding-top: 1.7rem;
        padding-bottom: 1.05rem
    }

    .indexControl .indexTitle {
        margin-bottom: 0.75rem
    }

    .indexControl .indexControlTit {
        margin-bottom: 0.85rem
    }

    .indexControl .indexControlTit:before {
        width: 19.2rem;
        margin-left: -9.6rem
    }

    .indexControl .indexControlTit ul {
        border-radius: 1.16rem
    }

    .indexControl .indexControlTit li a {
        font-size: 0.16rem;
        line-height: 0.3rem;
        padding: 0.25rem 0.3rem 0.1rem 0.3rem
    }

    .indexControl .indexControlTit li a span {
        padding-right: 0.2rem
    }

    .indexControl .indexControlTit li a .icon {
        width: 0.5rem
    }

    .indexControl .indexControlTit li a .icon img {
        max-height: 0.5rem
    }

    .indexControl .indexControlImg .pic .item .ImgBox {
        border-top-left-radius: 0.2rem;
        border-bottom-right-radius: 0.2rem
    }

    .Ar .indexControl .indexControlImg .pic .item .ImgBox {
        border-top-left-radius: 0.2rem;
        border-top-right-radius: 0.2rem;
        border-bottom-right-radius: 0.2rem;
        border-bottom-left-radius: 0.2rem
    }

    .indexControl .swiper-button-prev {
        width: 1rem
    }

    .indexControl .swiper-button-next {
        width: 1rem
    }

    .indexControl .indexControl_lunboBox {
        height: 6rem;
        top: 0.3rem;
        border-radius: 0.2rem
    }

    .Ar .indexControl .indexControl_lunboBox {
        height: 6rem;
        top: 0.3rem;
        border-radius: 0.2rem
    }

    .indexControl .indexControl_lunboBox:after {
        left: -0.04rem;
        top: -0.04rem;
        border-radius: 0.2rem
    }

    .indexControl .indexControl_lunboBox .indexControl_lunboB {
        padding: 0.6rem 0.6rem 0.5rem 0.5rem
    }

    .indexControl .indexControl_lunboBox .swiper-slide .item .listTitle .listTitleNr {
        max-width: 5.8rem
    }

    .indexControl .indexControl_lunboBox .swiper-slide .item .title {
        padding-bottom: 0.5rem;
        margin-bottom: 0.45rem
    }

    .indexControl .indexControl_lunboBox .swiper-slide .item .t {
        line-height: 0.3rem;
        font-size: 0.3rem;
        margin-bottom: 0.3rem
    }

    .indexControl .indexControl_lunboBox .swiper-slide .item .t2 {
        line-height: 0.28rem;
        max-height: 4.2rem;
        font-size: 0.18rem
    }
}

@media screen and (max-width:1024px) {
    .indexControl .indexControlImg {
        width: 100%
    }

    .indexControl .indexControl_lunboBox {
        width: 100%;
        position: static
    }

    .Ar .indexControl .indexControl_lunboBox {
        width: 100%;
        position: static
    }
}

@media screen and (max-width:768px) {
 .indexControl .indexControlTit li a {
        padding: 0.25rem 0.1rem 0.1rem 0.1rem
    }
}

/*indexNews*/
.indexNews {
    position: relative;
    z-index: 2;
    overflow: hidden;
    background: url(../images/index-newsbg.jpg) center top no-repeat #eeeeed;
    background-size: 100%;
    padding-top: 170px;
    padding-bottom: 120px
}

.indexNews .indexNewsBox {
    position: relative
}

.indexNews .indexNewsBox .indexNewsInfoBox {
    position: relative;
    z-index: 1
}

.indexNews .indexTitle {
    margin-bottom: 95px
}

/*indexNewsList*/
.indexNews .titlebox {
    padding-right: 90px;
    position: relative;
    width: 100%;
    display: block;
    color: #000000;
    line-height: 40px;
    font-size: 30px;
    margin-bottom: 40px
}

.indexNews .titlebox .btn {
    width: 120px;
    height: 40px;
    position: absolute;
    right: 0;
    top: 0;
    top: 0;
    margin-top: 0;
    overflow: hidden
}

.Ar .indexNews .titlebox .btn {
    width: 120px;
    height: 40px;
    position: absolute;
    left: 0;
    right: auto !important;
    top: 0;
    top: 0;
    margin-top: 0;
    overflow: hidden
}

.indexNews .titlebox .swiper-button-prev {
    position: absolute;
    transition: 0.4s;
    opacity: 1;
    width: 60px;
    height: 40px;
    top: 0;
    margin: 0;
    left: 0;
    border: 1px solid #fff;
    background: url("../images/index-left.png") center center no-repeat #fff;
    background-size: 7px;
    outline: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.indexNews .titlebox .swiper-button-next {
    position: absolute;
    transition: 0.4s;
    opacity: 1;
    width: 60px;
    height: 40px;
    top: 0;
    margin: 0;
    right: 0;
    border: 1px solid #fff;
    background: url("../images/index-right.png") center center no-repeat #fff;
    background-size: 7px;
    outline: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.indexNews .titlebox .swiper-button-prev:hover,
.indexNews .titlebox .swiper-button-next:hover {
    border-color: #aaaaaa
}

.Ar .indexNews .titlebox .swiper-button-prev {
    position: absolute;
    transition: 0.4s;
    opacity: 1;
    width: 60px;
    height: 40px;
    top: 0;
    margin: 0;
    left: auto;
    right: 0;
    border: 1px solid #fff;
    background: url("../images/index-right.png") center center no-repeat #fff;
    background-size: 7px;
    outline: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.Ar .indexNews .titlebox .swiper-button-next {
    position: absolute;
    transition: 0.4s;
    opacity: 1;
    width: 60px;
    height: 40px;
    top: 0;
    margin: 0;
    right: auto;
    left: 0;
    border: 1px solid #fff;
    background: url("../images/index-left.png") center center no-repeat #fff;
    background-size: 7px;
    outline: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.indexNews .titlebox .swiper-button-prev:hover,
.indexNews .titlebox .swiper-button-next:hover {
    border-color: #aaaaaa
}

/*indexNewsList*/
.indexNewsListBox {
    padding-left: 8.333333333333333%
}

.Ar .indexNewsListBox {
    padding-left: 0;
    padding-right: 0
}

.indexNewsList .indexNewsListBox,
.indexNewsList .swiper-container {
    overflow: visible;
    /*overflow:hidden;*/
    height: 3.4rem
}

.indexNewsList .swiper-slide {
    float: left;
    border-radius: 10px;
    overflow: hidden;
    width: 510px;
    margin-right: 30px
}

.indexNewsList .li {}

.indexNewsList .li a {
    padding: 0;
    display: block;
    vertical-align: bottom;
    position: relative;
    background: #fff;
    border-radius: 20px;
    overflow: hidden
}

/*infoB*/
.indexNewsList .li .wzInfo {
    width: 100%;
    height: 340px;
    background: #fff
}

.indexNewsList .li .infoB {
    padding: 50px 40px 35px 40px;
    position: relative;
    z-index: 1
}

.indexNewsList .li .tit {
    font-size: 24px;
    color: #000000;
    line-height: 28px;
    height: 56px;
    margin-bottom: 25px
}

.indexNewsList .li .des {
    font-size: 18px;
    color: #64676b;
    line-height: 26px;
    height: 78px;
    overflow: hidden;
    font-weight: 300
}

.indexNewsList .li .dateB {
    position: relative;
    padding-top: 40px
}

.Ar .indexNewsList .li .dateB {
    position: relative;
    padding-top: 40px
}

.indexNewsList .li .date {
    font-size: 16px;
    color: #000000;
    line-height: 56px;
    max-height: 56px;
    font-weight: 300
}

.indexNewsList .li .more2 {
    font-size: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    position: absolute;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    bottom: 0;
    background: url(../images/more.png) center no-repeat #693d91;
    background-size: 100%
}

.Ar .indexNewsList .li .more2 {
    font-size: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    position: absolute;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    left: 0;
    right: auto !important;
    bottom: 0;
    background: url(../images/more.png) center no-repeat #693d91;
    background-size: 100%
}

.indexNewsList .li .imgInfo {
    height: 340px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    z-index: 2
}

.indexNewsList .li .imgInfo .imgBox {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.indexNewsList .li .imgInfo .tit {
    color: #fff
}

.indexNewsList .li .imgInfo .dateB {
    position: absolute;
    bottom: 35px;
    right: 40px
}

.Ar .indexNewsList .li .imgInfo .dateB {
    position: absolute;
    bottom: 35px;
    left: 40px;
    right: 0
}

.indexNewsList .li a,
.indexNewsList .li .imgInfo .imgBox,
.indexNewsList .li .imgInfo {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease
}

/*hover*/
.indexNewsList .li .imgInfo {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden
}

.indexNewsList .li .imgInfo .imgBox {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.indexNewsList .li a:hover .imgInfo {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible
}

.indexNewsList .li a:hover {
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1)
}

.indexNewsList .li a:hover .imgInfo .imgBox {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.Ar .indexNewsList .li a:hover .imgInfo {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible
}

.Ar .indexNewsList .li a:hover {
    box-shadow: 0 0px 10px rgba(0, 0, 0, 0.1)
}

.Ar .indexNewsList .li a:hover .imgInfo .imgBox {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

/*swiper-button*/
.indexNewsList .swiper-button-prev {
    outline: none;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    left: 5%;
    margin-top: -25px;
    background: url(../images/index-left.png) center no-repeat;
    background-size: 50px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    z-index: 999
}

.indexNewsList .swiper-button-next {
    outline: none;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    right: 5%;
    margin-top: -25px;
    background: url(../images/index-right.png) center no-repeat;
    background-size: 50px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    z-index: 999
}

.Ar. indexNewsList .swiper-button-prev {
    outline: none;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    left: auto;
    right: 5%;
    margin-top: -25px;
    background: url(../images/index-right.png) center no-repeat;
    background-size: 50px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    z-index: 999
}

.Ar indexNewsList .swiper-button-next {
    outline: none;
    position: absolute;
    top: 50%;
    width: 50px;
    height: 50px;
    right: auto;
    left: 5%;
    margin-top: -25px;
    background: url(../images/index-left.png) center no-repeat;
    background-size: 50px;
    -webkit-transition: all 0.6s ease-in-out;
    -moz-transition: all 0.6s ease-in-out;
    -o-transition: all 0.6s ease-in-out;
    -ms-transition: all 0.6s ease-in-out;
    transition: all 0.6s ease-in-out;
    z-index: 999
}

.indexNewsList .swiper-button-next.swiper-button-disabled,
.indexNewsList .swiper-button-prev.swiper-button-disabled {
    opacity: 0.5
}

.Ar .indexNewsList .swiper-button-next.swiper-button-disabled,
.Ar .indexNewsList .swiper-button-prev.swiper-button-disabled {
    opacity: 0.5
}

@media screen and (max-width:1920px) {
    .indexNews {
        padding-top: 170px;
        padding-bottom: 120px
    }

    .indexNews .indexTitle {
        margin-bottom: 95px
    }

    .indexNews .titlebox {
        padding-right: 90px;
        line-height: 40px;
        font-size: 30px;
        margin-bottom: 40px
    }

    .indexNews .titlebox .btn {
        width: 120px;
        height: 40px
    }

    .indexNews .titlebox .swiper-button-prev {
        width: 60px;
        height: 40px;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }

    .indexNews .titlebox .swiper-button-next {
        width: 60px;
        height: 40px;
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px
    }

    .indexNewsList .swiper-slide {
        border-radius: 10px;
        width: 510px;
        margin-right: 30px
    }

    .indexNewsList .li a {
        border-radius: 20px
    }

    .indexNewsList .li .wzInfo {
        height: 340px
    }

    .indexNewsList .li .infoB {
        padding: 50px 40px 35px 40px
    }

    .indexNewsList .li .tit {
        font-size: 24px;
        line-height: 28px;
        height: 56px;overflow: hidden;
        margin-bottom: 25px
    }

    .indexNewsList .li .des {
        font-size: 18px;
        line-height: 26px;
        height: 78px
    }

    .indexNewsList .li .dateB {
        padding-top: 40px
    }

    .indexNewsList .li .date {
        font-size: 16px;
        line-height: 56px;
        max-height: 56px
    }

    .indexNewsList .li .more2 {
        width: 56px;
        height: 56px
    }

    .indexNewsList .li .imgInfo {
        height: 340px
    }

    .indexNewsList .li .imgInfo .dateB {
        bottom: 35px;
        right: 40px
    }

    .indexNewsList .swiper-button-prev,
    .indexNewsList .swiper-button-next {
        width: 50px;
        height: 50px;
        margin-top: -25px;
        background-size: 50px
    }

    .Ar .indexNewsList .swiper-button-next {
        width: 50px;
        height: 50px;
        margin-top: -25px;
        background-size: 50px
    }
}

@media screen and (max-width:1680px) {
    .indexNews {
        padding-top: 1.7rem;
        padding-bottom: 1.2rem
    }

    .indexNews .indexTitle {
        margin-bottom: 0.95rem
    }

    .indexNews .titlebox {
        padding-right: 0.9rem;
        line-height: 0.4rem;
        font-size: 0.3rem;
        margin-bottom: 0.4rem
    }

    .Ar .indexNews .titlebox {
        padding-right: 0;
        padding-left: 0.9rem;
        line-height: 0.4rem;
        font-size: 0.3rem;
        margin-bottom: 0.4rem
    }

    .indexNews .titlebox .btn {
        width: 1.2rem;
        height: 0.4rem
    }

    .Ar .indexNews .titlebox .btn {
        width: 1.2rem;
        height: 0.4rem
    }

    .indexNews .titlebox .swiper-button-prev {
        width: 0.6rem;
        height: 0.4rem;
        border-top-left-radius: 0.1rem;
        border-bottom-left-radius: 0.1rem
    }

    .indexNews .titlebox .swiper-button-next {
        width: 0.6rem;
        height: 0.4rem;
        border-top-right-radius: 0.1rem;
        border-bottom-right-radius: 0.1rem
    }

    .Ar .indexNews .titlebox .swiper-button-prev {
        width: 0.6rem;
        height: 0.4rem;
        border-top-left-radius: 0;
        border-bottom-left-radius: 0;
        border-top-right-radius: 0.1rem;
        border-bottom-right-radius: 0.1rem
    }

    .Ar .indexNews .titlebox .swiper-button-next {
        width: 0.6rem;
        height: 0.4rem;
        border-top-right-radius: 0;
        border-bottom-right-radius: 0;
        border-top-left-radius: 0.1rem;
        border-bottom-left-radius: 0.1rem
    }

    .indexNewsList .swiper-slide {
        border-radius: 0.1rem;
        width: 5.1rem;
        margin-right: 0.3rem
    }

    .Ar .indexNewsList .swiper-slide {
        border-radius: 0.1rem;
        width: 5.1rem;
        margin-right: 0.3rem
    }

    .indexNewsList .li a {
        border-radius: 0.2rem
    }

    .indexNewsList .li .wzInfo {
        height: 3.4rem
    }

    .indexNewsList .li .infoB {
        padding: 0.5rem 0.4rem 0.35rem 0.4rem
    }

    .indexNewsList .li .tit {
        font-size: 0.24rem;
        line-height: 0.28rem;
        height: 0.56rem;
        margin-bottom: 0.25rem
    }

    .indexNewsList .li .des {
        font-size: 0.18rem;
        line-height: 0.26rem;
        height: 0.78rem
    }

    .indexNewsList .li .dateB {
        padding-top: 0.4rem
    }

    .Ar .indexNewsList .li .dateB {
        padding-top: 0.4rem
    }

    .indexNewsList .li .date {
        font-size: 0.16rem;
        line-height: 0.56rem;
        max-height: 0.56rem
    }

    .indexNewsList .li .more2 {
        width: 0.56rem;
        height: 0.56rem
    }

    .Ar .indexNewsList .li .more2 {
        width: 0.56rem;
        height: 0.56rem
    }

    .indexNewsList .li .imgInfo {
        height: 3.4rem
    }

    .Ar .indexNewsList .li .imgInfo {
        height: 3.4rem
    }

    .indexNewsList .li .imgInfo .dateB {
        bottom: 0.35rem;
        right: 0.4rem
    }

    .indexNewsList .swiper-button-prev,
    .indexNewsList .swiper-button-next {
        width: 0.5rem;
        height: 0.5rem;
        margin-top: -0.25rem;
        background-size: 0.5rem
    }
}

@media screen and (max-width:998px) {
    .indexNewsListBox {
        padding-left: 3%
    }

    .Ar .indexNewsListBox {
        padding-right: 3%
    }
}

@media screen and (max-width:768px) {
    .indexNewsList .indexNewsListBox {
        height: auto !important
    }

    .indexNewsListBox {
        padding: 0 3%
    }

    .Ar .indexNewsListBox {
        padding-right: 0%
    }

    .indexNewsList .swiper-container {
        height: auto !important
    }

    .indexNewsList .li .wzInfo {
        height: 210px
    }

    .indexNewsList .li .imgInfo {
        height: 210px
    }

    .indexNewsList .swiper-slide {
        width: 100% !important
    }

    .indexNewsList .li a {
        border-radius: 20px
    }

    .indexNewsList .li .wzInfo {
        height: 300px
    }

    .indexNewsList .li .infoB {
        padding: 30px 20px 30px 20px
    }

    .indexNewsList .li .tit {
        font-size: 16px;
        line-height: 18px;
        height: 54px;
        margin-bottom: 15px
    }

    .indexNewsList .li .des {
        font-size: 14px;
        line-height: 20px;
        height: 60px
    }

    .indexNewsList .li .dateB {
        padding-top: 40px
    }

    .indexNewsList .li .date {
        font-size: 14px;
        line-height: 40px;
        max-height: 40px
    }

    .indexNewsList .li .more2 {
        width: 40px;
        height: 40px
    }

    .indexNewsList .li .imgInfo {
        height: 300px
    }

    .indexNewsList .li .imgInfo .dateB {
        bottom: 10px;
        right: 20px
    }
}

/*index_newsHotImgBox*/
.index_newsHot {
    margin-bottom: 55px
}

.index_newsHotBox {
    margin: 0 auto;
    position: relative;
    background: #fff;
    margin-bottom: 30px;
    padding: 40px 40px;
    border-radius: 20px
}

.index_newsHotBox .index_newsHotImgBox {
    width: 45.625%;
    height: auto;
    float: right;
    text-align: left;
    overflow: hidden
}

.index_newsHotBox .index_newsHotImgBox .swiper-slide {
    width: 100%;
    background: #f9f9f9
}

.index_newsHotBox .index_newsHotImgBox .ImgBox {
    overflow: hidden;
    padding-bottom: 65.75342465753425%;
    position: relative;
    border-radius: 10px
}

.index_newsHotBox .index_newsHotImgBox .ImgBox img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    max-width: none;
    height: 100%
}

.index_newsHotBox .index_newsHotImgBox a,
.index_newsHotBox .index_newsHotImgBox .ImgBox,
.index_newsHotBox .index_newsHotImgBox .ImgBox img {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.index_newsHotBox .index_newsHotImgBox .ImgBox:hover img {
    -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
    -moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
    -o-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
    -ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
    transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%)
}

/*index_newsHotList*/
.index_newsHotBox .index_newsHotlunboBox {
    width: 50%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.index_newsHotBox .index_newsHotlunbo {
    width: 100%;
    position: absolute;
    left: 0;
    /*top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);*/
}

.index_newsHotBox .index_newsHotList {
    font-size: 0;
    line-height: 0
}

.index_newsHotBox .index_newsHotList li {
    width: 100%;
    display: block;
    background: #fff;
    padding: 108px 130px 50px 180px
}

.index_newsHotBox .index_newsHotList li,
.index_newsHotBox .index_newsHotList li a {
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all .3s ease-in-out
}

.index_newsHotBox .index_newsHotList li .info {
    position: relative
}

.index_newsHotBox .index_newsHotList li .biaozhi {
    display: inline-block;
    margin: 0;
    margin-bottom: 50px;
    width: 125px;
    height: 38px;
    line-height: 38px;
    border-radius: 38px;
    font-size: 16px;
    color: #000000;
    background: #f2f2f2;
    outline: none;
    text-align: center
}

.index_newsHotBox .index_newsHotList li .tit a {
    display: block;
    font-size: 24px;
    line-height: 40px;
    height: 40px;
    color: #000000;
    overflow: hidden;
    margin-bottom: 10px;
    text-transform: uppercase;
    white-space: nowrap;
    text-overflow: ellipsis
}

.index_newsHotBox .index_newsHotList li .tit a:hover {
    color: #693d91
}

.index_newsHotBox .index_newsHotList li .des {
    font-size: 18px;
    color: #64676b;
    line-height: 26px;
    height: 78px;
    overflow: hidden;
    font-weight: 300
}

.index_newsHotBox .index_newsHotList li .m {
    display: inline-block;
    width: 114px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    background: #693d91;
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin: 0;
    outline: none;
    cursor: pointer;
    text-align: center;
    margin-top: 50px
}

.Ar .index_newsHotBox .index_newsHotList li .m {
    display: inline-block;
    width: 114px;
    height: 48px;
    line-height: 48px;
    font-size: 16px;
    color: #fff;
    background: #693d91;
    border-top-left-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-left-radius: 10px;
    margin: 0;
    outline: none;
    cursor: pointer;
    text-align: center;
    margin-top: 50px
}

.index_newsHotBox .index_newsHotList li .m:hover {
    background: #000;
    color: #fff
}

/**/
.index_newsHot .swiper-pagination {
    position: static;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 2;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center;
    display: none
}

.index_newsHot .swiper-pagination span.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    opacity: 1;
    background: #d2d2d2;
    margin: 0 7px;
    outline: none
}

.index_newsHot .swiper-pagination span.swiper-pagination-bullet-active {
    background: #000;
    width: 20px
}

/*swiper-button*/
.index_newsHot .swiper-button-prev {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100px;
    height: 100%;
    margin-top: 0;
    background: none;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.index_newsHot .swiper-button-next {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    width: 100px;
    height: 100%;
    margin-top: 0;
    background: none;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.index_newsHot .swiper-button-prev.swiper-button-disabled,
.index_newsHot .swiper-button-next.swiper-button-disabled {
    opacity: 0.5
}

/**/
.index_newsHotBox .index_newsHotList li .m,
.index_newsHotBox .index_newsHotList li .tit,
.index_newsHotBox .index_newsHotList li .des,
.index_newsHotBox .index_newsHotList li .date {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px)
}

.index_newsHotBox .index_newsHotList li.swiper-slide-active .tit {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    -o-transform: translateY(0) translateZ(0);
    -moz-ttransform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
    -webkit-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -o-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1)
}

.index_newsHotBox .index_newsHotList li.swiper-slide-active .m,
.index_newsHotBox .index_newsHotList li.swiper-slide-active .des {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    -o-transform: translateY(0) translateZ(0);
    -moz-ttransform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
    -webkit-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
    -o-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
    -moz-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
    -ms-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
    transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s
}

.index_newsHotBox .index_newsHotList li.swiper-slide-active .date {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    -o-transform: translateY(0) translateZ(0);
    -moz-ttransform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
    -webkit-transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
    -o-transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
    -moz-transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
    -ms-transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
    transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s
}

@media screen and (max-width:1920px) {
    .index_newsHot {
        margin-bottom: 55px
    }

    .index_newsHotBox {
        margin-bottom: 30px;
        padding: 40px 40px;
        border-radius: 20px
    }

    .index_newsHotBox .index_newsHotImgBox {
        width: 45.625%
    }

    .index_newsHotBox .index_newsHotImgBox .ImgBox {
        border-radius: 10px
    }

    .index_newsHotBox .index_newsHotList li {
        padding: 108px 130px 50px 180px
    }

    .index_newsHotBox .index_newsHotList li .biaozhi {
        margin-bottom: 50px;
        width: 125px;
        height: 38px;
        line-height: 38px;
        border-radius: 38px;
        font-size: 16px
    }

    .index_newsHotBox .index_newsHotList li .tit a {
        font-size: 24px;
        line-height: 40px;
        height: 40px;
        margin-bottom: 10px
    }

    .index_newsHotBox .index_newsHotList li .des {
        font-size: 18px;
        line-height: 26px;
        height: 78px
    }

    .index_newsHotBox .index_newsHotList li .m {
        width: 114px;
        height: 48px;
        line-height: 48px;
        font-size: 16px;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-top: 50px
    }

    .Ar .index_newsHotBox .index_newsHotList li .m {
        width: 114px;
        height: 48px;
        line-height: 48px;
        font-size: 16px;
        border-top-left-radius: 10px;
        border-bottom-right-radius: 10px;
        margin-top: 50px
    }
}

@media screen and (max-width:1680px) {
    .index_newsHot {
        margin-bottom: 0.55rem
    }

    .index_newsHotBox {
        margin-bottom: 0.3rem;
        padding: 0.4rem 0.4rem;
        border-radius: 0.2rem;
        overflow: hidden
    }

    .index_newsHotBox .index_newsHotImgBox {
        width: 45.625%
    }

    .index_newsHotBox .index_newsHotImgBox .ImgBox {
        border-radius: 0.1rem
    }

    .index_newsHotBox .index_newsHotList li {
        padding: 0.8rem
    }

    .index_newsHotBox .index_newsHotList li .biaozhi {
        margin-bottom: 0.5rem;
        width: 1.25rem;
        height: 0.38rem;
        line-height: 0.38rem;
        border-radius: 0.38rem;
        font-size: 0.16rem
    }

    .index_newsHotBox .index_newsHotList li .tit a {
        font-size: 0.24rem;
        line-height: 0.4rem;
        height: 0.4rem;
        margin-bottom: 0.1rem
    }

    .index_newsHotBox .index_newsHotList li .des {
        font-size: 0.18rem;
        line-height: 0.26rem;
        height: 0.78rem
    }

    .index_newsHotBox .index_newsHotList li .m {
        width: 1.14rem;
        height: 0.48rem;
        line-height: 0.48rem;
        font-size: 0.16rem;
        border-top-left-radius: 0.1rem;
        border-bottom-right-radius: 0.1rem;
        margin-top: 0.5rem
    }

    .Ar .index_newsHotBox .index_newsHotList li .m {
        width: 1.14rem;
        height: 0.48rem;
        line-height: 0.48rem;
        font-size: 0.16rem;
        border-top-left-radius: 0.1rem;
        border-bottom-right-radius: 0.1rem;
        margin-top: 0.5rem
    }
}

@media screen and (max-width:1280px) {
    .index_newsHotBox .index_newsHotList li {
        padding: 0.5rem
    }

    .index_newsHotBox .index_newsHotList li .tit a {
        font-size: 22px;
        line-height: 36px;
        max-height: 72px
    }

    .index_newsHotBox .index_newsHotList li .date {
        font-size: 16px;
        margin-bottom: 40px
    }

    .index_newsHotBox .index_newsHotList li .m {
        width: 106px;
        height: 41px;
        line-height: 41px;
        margin-top: 40px
    }

    .Ar .index_newsHotBox .index_newsHotList li .m {
        width: 106px;
        height: 41px;
        line-height: 41px;
        margin-top: 40px
    }
}

@media screen and (max-width:992px) {
    .index_newsHotBox .index_newsHotImgBox {
        width: 100%;
        float: none
    }

    .index_newsHotBox .index_newsHotlunboBox {
        width: 100%;
        position: static;
        left: 0%;
        height: auto;
        margin-bottom: 30px
    }

    .index_newsHotBox .index_newsHotlunbo {
        width: 100%;
        position: static;
        left: 0;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        margin-bottom: 30px
    }

    .index_newsHot .index_newsHotlunbobtn {
        position: static;
        left: 0%;
        bottom: 0
    }

    .index_newsHotBox .index_newsHotList li {
        padding: 0.5rem 0
    }

    .index_newsHot .swiper-button-prev,
    .index_newsHot .swiper-button-next {}

    .index_newsHotBox .index_newsHotList li .info {
        padding: 30px 30px
    }

    .index_newsHotBox .index_newsHotList li .tit a {
        font-size: 20px;
        line-height: 32px;
        height: 32px
    }

    .index_newsHotBox .index_newsHotList li .date {
        font-size: 14px;
        margin-bottom: 25px
    }

    .index_newsHotBox .index_newsHotList li .m {
        width: 100px;
        height: 40px;
        line-height: 40px;
        margin-top: 30px
    }

    .Ar .index_newsHotBox .index_newsHotList li .m {
        width: 100px;
        height: 40px;
        line-height: 40px;
        margin-top: 30px
    }
}

.indexNewsBB {
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
    position: relative;
    z-index: 2;
    overflow: hidden
}

@media screen and (max-width:1680px) {
    .indexNewsBB {
        border-bottom-right-radius: 0.4rem;
        border-bottom-left-radius: 0.4rem
    }
}

/**********************************************footer**********************************************/
/*footer*/
.footer {
    position: relative;
    z-index: 1;
    background: url("../images/bottombg1.png") no-repeat 13% 125px #000000;
    padding-bottom: 50px;
    padding-top: 150px;
    margin-top: -40px;
    overflow: hidden
}

.Ar .footer {
    position: relative;
    z-index: 1;
    background: url("../images/bottombg1.png") no-repeat 87% 125px #000000;
    padding-bottom: 50px;
    padding-top: 150px;
    margin-top: -40px;
    overflow: hidden
}

@media screen and (max-width:768px) {
    .footer {
        background-size: 100%
    }
}

.footer .footerBg {
    position: absolute;
    width: 1461px;
    height: 1461px;
    left: -508px;
    z-index: 1;
    background: url("../images/foot-alogo.png") no-repeat center top;
    top: -15px
}

.footer .footerBg {
    animation: 60s linear 0s normal none infinite rotate;
    -webkit-animation: 60s linear 0s normal none infinite rotate
}

.Ar .footer .footerBg {
    position: absolute;
    width: 1461px;
    height: 1461px;
    right: -508px;
    z-index: 1;
    background: url("../images/foot-alogo.png") no-repeat center top;
    top: -15px
}

.footer .footer-logoB {
    float: left;
    width: 50%
}

.Ar .footer .footer-logoB {
    float: right;
    width: 50%
}

.footer .footer-logo a {
    display: inline-block
}

.footer .footer-logo a img {
    max-width: 100%;
    max-height: 63px
}

/*footer-nav*/
.footer .footer-nav {
    width: 100%;
    height: auto;
    padding-bottom: 80px
}

.footer .footer-nav .left {
    float: left;
    width: 25%;
    padding-top: 90px
}

.Ar .footer .footer-nav .left {
    float: right;
    width: 25%;
    padding-top: 90px
}

.footer .footer-nav .left .ulB {
    display: block;
    margin-bottom: 10px
}

.footer .footer-nav .left .t1 {
    display: block;
    line-height: 0;
    padding: 0;
    margin: 0
}

.footer .footer-nav .left .t1 a {
    font-size: 16px;
    line-height: 26px;
    display: inline-block;
    font-weight: bold;
    color: #fff;
    position: relative;
    overflow: hidden;
    text-transform: uppercase
}

.footer .footer-nav .left .t2 {
    display: block;
    line-height: 0;
    padding: 0;
    margin: 0
}

.footer .footer-nav .left .t2 a {
    font-size: 14px;
    display: inline-block;
    line-height: 26px;
    color: #fff;
    font-weight: 300;
    text-transform: uppercase
}

.footer .footer-nav .left a:hover {
    color: #693d91
}

/**/
.footer .footer-nav .right {
    float: left;
    color: #fff;
    font-weight: 300;
    width: 25%;
    font-size: 14px;
    line-height: 26px;
    padding-top: 90px
}

.footer .footer-nav .right strong {
    font-size: 16px;
    font-weight: bold;
    text-transform: uppercase
}

/**/
.footer .bq {
    width: 100%;
    font-size: 15px;
    line-height: 26px;
    color: #fff;
    position: relative;
    text-align: left
}

.footer .bq .beian {
    color: #ababab
}

.footer .bq a {
    color: #ababab
}

.footer .bq a:hover {
    color: #fff
}

.footer .bq .bqRight {
    width: 50%;
    float: right
}

.footer .bq .bqRight .bqname {
    width: 50%;
    float: left
}

.footer .bq .bqRight .beian {
    width: 50%;
    float: left
}

.Ar .footer .bq .bqRight {
    width: 50%;
    float: left
}

.Ar .footer .bq .bqRight .bqname {
    width: 50%;
    float: right;
    text-align: right
}

.Ar .footer .bq .bqRight .beian {
    width: 50%;
    float: right;
    text-align: right
}

.footer .bq .bqRight a {
    color: #aaaaaa;
    font-size: 14px;
    line-height: 30px
}

.footer .bq .bqRight a:hover {
    color: #693d91
}

@media screen and (max-width:1920px) {
    .footer {
        padding-bottom: 50px;
        padding-top: 150px;
        margin-top: -40px
    }

    .footer .footer-logo a img {
        max-height: 36px
    }

    .footer .footer-nav {
        padding-bottom: 80px
    }

    .footer .footer-nav .left {
        padding-top: 90px
    }

    .footer .footer-nav .left .ulB {
        margin-bottom: 10px
    }

    .footer .footer-nav .left .t1 a {
        font-size: 16px;
        line-height: 26px
    }

    .footer .footer-nav .left .t2 a {
        font-size: 14px;
        line-height: 26px
    }

    .footer .footer-nav .right {
        font-size: 14px;
        line-height: 26px;
        padding-top: 90px
    }

    .footer .footer-nav .right strong {
        font-size: 16px
    }

    .footer .bq {
        font-size: 15px;
        line-height: 26px
    }

    .footer .bq .bqRight a {
        font-size: 14px;
        line-height: 30px
    }
}

@media screen and (max-width:1680px) {
    .footer {
        padding-bottom: 0.5rem;
        padding-top: 1.5rem;
        margin-top: -0.4rem
    }

    .footer .footer-logo a img {
        max-height: 0.23rem
    }

    .footer .footer-nav {
        padding-bottom: 0.8rem
    }

    .footer .footer-nav .left {
        padding-top: 0.9rem
    }

    .footer .footer-nav .left .ulB {
        margin-bottom: 0.1rem
    }

    .footer .footer-nav .left .t1 a {
        font-size: 0.16rem;
        line-height: 0.26rem
    }

    .footer .footer-nav .left .t2 a {
        font-size: 0.14rem;
        line-height: 0.26rem
    }

    .footer .footer-nav .right {
        font-size: 0.14rem;
        line-height: 0.26rem;
        padding-top: 0.9rem
    }

    .footer .footer-nav .right strong {
        font-size: 0.16rem
    }

    .footer .bq {
        font-size: 0.15rem;
        line-height: 0.26rem
    }

    .footer .bq .bqRight a {
        font-size: 0.14rem;
        line-height: 0.3rem
    }
}

@media screen and (max-width: 1220px) {
    .footer .footer-logo a img {
        max-height: 30px
    }

    .footer .footer-nav .right {
        max-width: 30%
    }

    .footer .bq .bqLeft {
        padding-left: 0
    }
}

@media screen and (max-width: 1024px) {
    .footer {
        padding-top: 100px
    }

    .footer .footer-nav {
        padding-bottom: 50px
    }

    .footer .footer-nav .right {
        font-size: 14px;
        line-height: 30px;
        max-width: 70%;
        margin: 0 auto
    }

    .footer .bq {
        padding-top: 30px
    }

    .footer .bq .bqRight {
        width: 100%;
        float: right;
        text-align: center
    }

    .footer .bq .bqRight .bqname {
        width: 100%;
        float: none
    }

    .footer .bq .bqRight .beian {
        width: 100%;
        float: none
    }

    .Ar .footer .bq .bqRight {
        width: 100%;
        float: right;
        text-align: center
    }

    .Ar .footer .bq .bqRight .bqname {
        width: 100%;
        float: none
    }

    .Ar .footer .bq .bqRight .beian {
        width: 100%;
        float: none
    }
}

@media screen and (max-width:768px) {
    .footer .footer-logoB {
        float: none;
        width: 100%;
        text-align: center
    }

    .Ar .footer .footer-logoB {
        float: none;
        width: 100%;
        text-align: center
    }
    .footer .footer-logo a{
        width: 3rem;
    }
     .footer-logo1 a{
        width: 1.2rem;
    }
    .footer .footer-logo {
        padding-bottom: 10px；
        display: flex;
    }

    .footer .footer-logo a img {
        max-height: 40px
    }

    .footer .footer-nav .left .ulB {
        width: 100%
    }

    .footer .footer-nav .left {
        float: none;
        width: 100%;
        text-align: center
    }

    .Ar .footer .footer-nav .left {
        float: none;
        width: 100%;
        text-align: center
    }

    .footer .footer-nav .right {
        float: none;
        text-align: center;
        font-size: 12px;
        line-height: 26px
    }

    .Ar .footer .footer-nav .right {
        float: none;
        text-align: center;
        font-size: 12px;
        line-height: 26px
    }

    .footer .footer-nav {
        padding-bottom: 0px;
        /* display:none;*/
    }

    .footer .bq .bqLeft {
        float: none;
        width: 100%;
        text-align: center
    }

    .footer .bq .bqRight {
        float: none;
        width: 100%;
        text-align: center
    }

    .Ar .footer .bq .bqLeft {
        float: none;
        width: 100%;
        text-align: center
    }

    .Ar .footer .bq .bqRight {
        float: none;
        width: 100%;
        text-align: center
    }

    .Ar .footer .bq .bqRight .bqname {
        width: 100%;
        float: none;
        text-align: center
    }

    .Ar .footer .bq .bqRight .beian {
        width: 100%;
        float: none;
        text-align: center
    }

    .footer .bq {
        font-size: 12px;
        line-height: 24px;
        padding-top: 20px;
        padding-bottom: 10px
    }

    .footer .bq .bqRight a {
        font-size: 12px;
        line-height: 24px;
        margin-left: 10px
    }

    .footer .footer-nav .right {
        width: 100%
    }

    .footer .footer-nav .left .t2 {
        display: inline-block;
        margin: 0 5px
    }

    .footer .footer-nav .left .t2 a {
        font-size: 14px;
        line-height: 30px;
        margin-bottom: 0
    }
}

/*p-bottom*/
.p-bottom {
    display: none;
    height: 0
}

@media screen and (max-width:768px) {
    .footer {
        padding-bottom: 88px
    }

    .p-bottom {
        width: 100%;
        height: 60px;
        position: fixed;
        bottom: 0px;
        left: 0px;
        padding: 0 0px;
        box-sizing: border-box;
        background-color: #ffffff;
        z-index: 10;
        display: block;
        border-top: 1px solid #dcdcdc;
        display: none
    }

    .p-bottom li {
        width: 20%;
        height: auto;
        float: left;
        position: relative
    }

    .p-bottom li a {
        display: block;
        padding-top: 8px
    }

    .p-bottom li a i {
        display: block;
        width: 25px;
        height: 25px;
        background-repeat: no-repeat;
        background-image: url(../images/contact_icon.png);
        margin: 0 auto;
        background-size: 300px
    }

    .p-bottom li p {
        color: #141414;
        font-size: 12px;
        line-height: 26px;
        text-align: center
    }

    .p-bottom li:after {
        position: absolute;
        top: 50%;
        left: 0;
        transform: translateY(-50%);
        content: '';
        display: block;
        width: 1px;
        height: 40px;
        background-color: rgba(255, 255, 255, 0.73)
    }

    .p-bottom li:first-child:after {
        display: none
    }

    .p-bottom li.li1 a i {
        background-image: url(../images/contact_icon1.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 27px
    }

    .p-bottom li.li2 a i {
        background-image: url(../images/contact_icon2.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 27px
    }

    .p-bottom li.li3 a i {
        background-image: url(../images/contact_icon3.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 27px
    }

    .p-bottom li.li4 a i {
        background-image: url(../images/contact_icon4.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 27px
    }

    .p-bottom li.li5 a i {
        background-image: url(../images/contact_icon5.png);
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 27px
    }
}

/**********************************************index videoBox**********************************************/
.pop {
    position: fixed;
    width: 100%;
    height: 0;
    left: 0;
    top: 0;
    z-index: 1000000;
    visibility: hidden;
    pointer-events: none;
    opacity: 0
}

.pop.on {
    height: 100%
}

.pop .mask {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 5;
    background-color: rgba(0, 0, 0, 0.95);
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out
}

.pop .com {
    position: relative;
    z-index: 10;
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center
}

.pop .com .videoBox .iconfont {
    background: url(../images/close2.png) center center no-repeat;
    width: 30px;
    height: 30px;
    background-color: #383838;
    border-radius: 5px;
    background-size: 55%;
    display: inline-block;
    position: absolute;
    top: 10px;
    right: 10px;
    color: #fff;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out
}

.pop .com .videoBox {
    width: 0vw;
    height: auto;
    min-height: 69.81481481481481vh;
    position: relative;
    transition: all 0.5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out
}

.pop .com .videoBox video {
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    height: 100%;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    -webkit-transition: opacity 0.3s ease-in-out;
    -moz-transition: opacity 0.3s ease-in-out;
    -o-transition: opacity 0.3s ease-in-out;
    -ms-transition: opacity 0.3s ease-in-out;
    background: #000
}

/*on*/
.pop.on {
    pointer-events: auto;
    opacity: 1;
    visibility: visible
}

.pop.on .mask {
    opacity: 1;
    transition-delay: 0.3s
}

.pop.on .com .videoBox {
    width: 70%;
    height: auto;
    transition-delay: 0.3s
}

.pop.on .com .videoBox video {
    opacity: 1;
    transition-delay: 0.6s
}

.pop.on .com .videoBox .big_img_box {
    opacity: 1;
    transition-delay: 0.6s
}

.pop.on .com .videoBox .iconfont {
    opacity: 1
}

@media screen and (min-width:3400px) {
    .pop.on .com .videoBox {
        width: 1920px;
        height: 1080px
    }
}

@media screen and (max-width:1220px) {
    .pop.on .com .videoBox {
        width: 100%;
        height: auto;
        min-height: 56.25vw
    }
}

/**********************************************js-scroll is-inview**********************************************/
/*js-scroll-blur*/
[data-scroll-trigger=js-scroll-blur] {
    -ms-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
    transition: all 1s cubic-bezier(.165, .84, .44, 1);
    transition-property: opacity, filter, transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    will-change: transition
}

[data-scroll-trigger=js-scroll-blur].-visible {
    -ms-filter: blur(0);
    filter: blur(0);
    opacity: 1
}

[data-scroll-trigger=data-scroll-blur] {
    -ms-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
    transition: all 1s cubic-bezier(.165, .84, .44, 1);
    transition-property: opacity, filter, transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    will-change: transition
}

[data-scroll-trigger=data-scroll-blur].is-inview {
    -ms-filter: blur(0);
    filter: blur(0);
    opacity: 1
}

.in-view {
    transition: all 1s ease-in-out;
    transform-origin: center
}

.in-view.zoomin {
    opacity: 0;
    transform: scale(.5) translateY(20px)
}

.in-view.zoomin.animated {
    opacity: 1;
    transform: scale(1) translateY(0)
}

.in-view.apear {
    opacity: 0
}

.in-view.apear.animated {
    opacity: 1
}

.in-view.fadein {
    opacity: 0;
    transform: translateY(100px)
}

.in-view.fadein.animated {
    opacity: 1;
    transform: translateY(0)
}

/**********************************************index videoBox**********************************************/
/*pagebanner*/
.pagebanner {
    position: relative;
    overflow: hidden;
    background: #f1f1f1
}

.pagebanner .sd {
    display: block;
    /*background:url(../images/page-sd.png) center top;*/
    background-size: cover;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 2
}

.pagebanner .pic {
    display: block;
    overflow: hidden;
    height: auto;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: cover;
    color: #fff;
    padding-bottom: 41.66666666666667%;
    position: relative;
    background-attachment: fixed;
    z-index: 1
}

.pagebanner .pagebanner-tt {
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin: 0 auto;
    z-index: 3;
    text-align: center
}

.pagebanner .pagebanner-tt .tt {
    position: relative
}

.pagebanner .pagebanner-tt .t1 {
    display: block;
    font-size: 180px;
    color: #ffffff;
    line-height: 180px;
    font-weight: normal;
    text-transform: uppercase;
    filter: alpha(opacity=10);
    -moz-opacity: 0.1;
    -khtml-opacity: 0.1;
    opacity: 0.1
}

.pagebanner .pagebanner-tt .t2 {
    display: block;
    font-size: 60px;
    color: #ffffff;
    line-height: 60px;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    text-transform: uppercase;
    top: 50%;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pagebanner .pagebanner-tt .scroll-down {
    position: static;
    right: 0;
    bottom: 0;
    width: 0.56rem;
    height: 0.56rem;
    margin: 0 auto
}

.pagebanner .pic {
    animation: bigimgani 6000ms linear infinite;
    opacity: 1
}

@keyframes bigimgani {
    0% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0)
    }

    50% {
        -webkit-transform: scale(1.05);
        transform: scale(1.05)
    }

    100% {
        -webkit-transform: scale(1.0);
        transform: scale(1.0)
    }
}

@media screen and (max-width:1920px) {
    .pagebanner .pagebanner-tt .t1 {
        font-size: 180px;
        line-height: 180px
    }

    .pagebanner .pagebanner-tt .t2 {
        font-size: 60px;
        line-height: 60px
    }

    .pagebanner .pagebanner-tt .scroll-down {
        width: 0.56rem;
        height: 0.56rem
    }
}

@media screen and (max-width:1919px) {
    .pagebanner .pagebanner-tt .t1 {
        font-size: 1.8rem;
        line-height: 1.8rem
    }

    .pagebanner .pagebanner-tt .t2 {
        font-size: 0.6rem;
        line-height: 0.6rem
    }

    .pagebanner .pagebanner-tt .scroll-down {
        width: 0.56rem;
        height: 0.56rem
    }
}

@media screen and (max-width:1220px) {
    .pagebanner .pic {
        background-size: cover;
        background-attachment: inherit
    }
}

@media screen and (max-width:768px) {
    .pagebanner .pic {
        padding-bottom: 42vw
    }
}

/*********************************page*********************************/
.page {
    color: #333333;
    font-size: 18px;
    line-height: 36px;
    overflow: hidden;
    background-color: #fff
}

.pageInfo {
    overflow: hidden
}

.page img {
    max-width: 100%;
    height: auto
}

.page hr {
    border: none;
    border-top: 1px solid #e7e7e7
}

@media screen and (max-width:1919px) {}

.page {
    border-bottom-right-radius: 40px;
    border-bottom-left-radius: 40px;
    position: relative;
    z-index: 2;
    overflow: hidden;
    background-position: center top;
    background-size: cover
}

@media screen and (max-width:1680px) {
    .page {
        border-bottom-right-radius: 0.4rem;
        border-bottom-left-radius: 0.4rem
    }
}

/************************pagePosition************************/
.pagePositionBox {
    overflow: hidden;
    padding-bottom: 40px;
    padding-top: 34px
}

.pagePosition {
    display: block;
    color: #64676b;
    font-size: 16px;
    line-height: 30px
}

.pagePosition a {
    color: #000;
    position: relative
}

.pagePosition a.homei {
    display: inline-block;
    padding-left: 20px;
    background: url(../images/home.png) left center no-repeat;
    background-size: 12px
}

.pagePosition a:hover {
    color: #ffb81d
}

@media screen and (max-width:1920px) {
    .pagePositionBox {
        padding-bottom: 40px;
        padding-top: 34px
    }

    .pagePosition {
        font-size: 16px;
        line-height: 30px
    }

    .pagePosition a.homei {
        padding-left: 20px;
        background-size: 12px
    }
}

@media screen and (max-width:1919px) {
    .pagePositionBox {
        padding-bottom: 0.4rem;
        padding-top: 0.34rem
    }

    .pagePosition {
        font-size: 0.16rem;
        line-height: 0.3rem
    }

    .pagePosition a.homei {
        padding-left: 0.2rem;
        background-size: 0.12rem
    }
}

@media screen and (max-width:768px) {
    .pagePosition {
        font-size: 12px;
        line-height: 30px
    }

    .pagePosition a.homei {
        padding-left: 15px;
        background-size: 12px
    }
}

/*pageCaseList*/
.pageCaseList {
    overflow: hidden;
    padding-bottom: 100px
}

.pageCaseListul {
    overflow: hidden;
    display: block;
    font-size: 0;
    line-height: 0;
    margin: 0 -10px
}

.pageCaseListul li {
    width: 33.333333%;
    margin-bottom: 105px;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    position: relative;
    margin-bottom: 40px
}

.pageCaseListul li a {
    display: block;
    margin: 0 10px
}

.pageCaseListul li .imgBoxB {
    position: relative;
    padding-bottom: 115.3846153846154%;
    overflow: hidden
}

.pageCaseListul li .imgBoxB .imgBox {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.pageCaseListul li .imgBoxB .imgBox {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pageCaseListul li .imgBoxB img {
    max-width: none;
    height: 100%;
    display: none !important
}

.pageCaseListul li a:hover .imgBoxB .imgBox {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.pageCaseListul li a,
.pageCaseListul li .imgBoxB img,
.pageCaseListul li .imgBoxB .imgBox,
.pageCaseListul li .titleBox,
.pageCaseListul li .titleBox .date,
.pageCaseListul li .titleBox .tt {
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all .3s ease-in-out
}

.pageCaseListul li .titleBox {
    position: relative
}

.pageCaseListul li .titleBox .tt {
    padding-right: 60px;
    font-size: 22px;
    height: 60px;
    line-height: 60px;
    color: #693d91;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 300
}

.Ar .pageCaseListul li .titleBox .tt {
    padding-right: 0px;
    padding-left: 60px;
    font-size: 22px;
    height: 60px;
    line-height: 60px;
    color: #693d91;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-weight: 300
}

.pageCaseListul li .titleBox .date {
    font-size: 16px;
    line-height: 60px;
    color: #a0a0a2;
    font-weight: 300;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 0;
    text-align: right
}

.Ar .pageCaseListul li .titleBox .date {
    font-size: 16px;
    line-height: 60px;
    color: #a0a0a2;
    font-weight: 300;
    display: inline-block;
    position: absolute;
    top: 0;
    left: 0;
    right: auto;
    text-align: left
}

/**/
.pageCaseListul li.li1,
.pageCaseListul li.li2,
.pageCaseListul li.li6,
.pageCaseListul li.li7,
.pageCaseListul li:nth-child(1),
.pageCaseListul li:nth-child(2),
.pageCaseListul li:nth-child(6),
.pageCaseListul li:nth-child(7) {
    width: 50%
}

.pageCaseListul li.li1 .imgBoxB,
.pageCaseListul li.li2 .imgBoxB,
.pageCaseListul li.li6 .imgBoxB,
.pageCaseListul li.li7 .imgBoxB,
.pageCaseListul li.li:nth-child(1) .imgBoxB,
.pageCaseListul li:nth-child(2) .imgBoxB,
.pageCaseListul li.li:nth-child(6) .imgBoxB,
.pageCaseListul li:nth-child(7) .imgBoxB {
    padding-bottom: 75.94936708860759%
}

@media screen and (max-width:768px) {
    
.pageCaseListul li .titleBox .tt {
font-size: 0.22rem;
}

.Ar .pageCaseListul li .titleBox .tt {
font-size: 0.22rem;
}

.pageCaseListul li .titleBox .date {
    font-size: 0.16rem;
}
    
    .pageCaseListul li {
        width: 50%
    }

    .pageCaseListul li .imgBoxB {
        padding-bottom: 75.94936708860759%
    }

    .pageCaseListul li.li1 .imgBoxB,
    .pageCaseListul li.li2 .imgBoxB,
    .pageCaseListul li.li6 .imgBoxB,
    .pageCaseListul li.li7 .imgBoxB,
    .pageCaseListul li.li:nth-child(1) .imgBoxB,
    .pageCaseListul li:nth-child(2) .imgBoxB,
    .pageCaseListul li.li:nth-child(6) .imgBoxB,
    .pageCaseListul li:nth-child(7) .imgBoxB {
        padding-bottom: 75.94936708860759%
    }
}

/*ul li.in-view*/
ul li.in-view {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -ms-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
    transition: all 1.5s cubic-bezier(.165, .84, .44, 1);
    transition-property: opacity, filter, transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    will-change: transition
}

ul li.in-view:nth-child(0) {
    -webkit-transition-delay: -.2s;
    transition-delay: -.2s
}

ul li.in-view:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

ul li.in-view:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

ul li.in-view:nth-child(3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

ul li.in-view:nth-child(4) {
    -webkit-transition-delay: .3s;
    transition-delay: .3s
}

ul li.in-view:nth-child(5) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

ul li.in-view:nth-child(6) {
    -webkit-transition-delay: .5s;
    transition-delay: .5s
}

ul li.in-view:nth-child(7) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

ul li.in-view:nth-child(8) {
    -webkit-transition-delay: .7s;
    transition-delay: .7s
}

ul li.in-view:nth-child(9) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

ul li.in-view:nth-child(10) {
    -webkit-transition-delay: .9s;
    transition-delay: .9s
}

ul li.in-view:nth-child(11) {
    -webkit-transition-delay: 1s;
    transition-delay: 1s
}

ul li.in-view:nth-child(12) {
    -webkit-transition-delay: 1.1s;
    transition-delay: 1.1s
}

ul li.in-view.animated {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -ms-filter: blur(0);
    filter: blur(0);
    opacity: 1
}

@media screen and (max-width:768px) {
    ul li.in-view {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
        -ms-filter: blur(0);
        filter: blur(0);
        opacity: 1
    }
}

/*p-rectButton__arw*/
.p-rectButton__arw {
    z-index: 2;
    position: absolute;
    right: 30px;
    top: 30px
}

.Ar .p-rectButton__arw {
    z-index: 2;
    position: absolute;
    right: auto;
    left: 30px;
    top: 30px
}

.p-svgArw {
    position: relative;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: stretch;
    width: 62px;
    height: 62px;
    opacity: 0
}

.p-svgArw:before,
.p-svgArw:after {
    content: '';
    display: block
}

.p-svgArw:after {
    z-index: 2;
    position: relative;
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain;
    width: 15px;
    height: 7px;
    background-image: url(../images/arw-thin2.svg);
    background-repeat: no-repeat;
    background-position: left top
}

.p-svgArw:after {
    transform: rotate(0.0001deg) rotateZ(-45deg)
}

.p-svgArw:before {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border-radius: 50%;
    background-color: #693d91;
    transform: rotate(0.0001deg) scale(0.5)
}

.p-svgArw:before {
    transition-property: transform opacity;
    transition-duration: 1.5s;
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    backface-visibility: hidden;
    opacity: 0
}

a:hover .p-svgArw:before {
    transform: rotate(0.0001deg) scale(1);
    opacity: 1
}

.p-svgArw:hover:after {
    background-image: url(../images/arw-thin.svg)
}

.p-svgArw svg {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 62px;
    height: 62px;
    transition-property: transform opacity;
    transition-duration: 0.3s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    backface-visibility: hidden;
    transform: scale(0.8);
    opacity: 0
}

.p-svgArw svg circle {
    fill: transparent;
    stroke: #709cf3;
    stroke-width: 2px;
    stroke-dasharray: 188.495559215;
    stroke-dashoffset: 188.495559215;
    transition-property: stroke-dashoffset;
    transition-duration: 0.7s;
    transition-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
    backface-visibility: hidden;
    stroke: white;
    stroke-width: 1.5px
}

a:hover .p-svgArw {
    opacity: 1
}

a:hover .p-svgArw svg {
    transform: scale(1);
    opacity: 1
}

a:hover .p-svgArw svg circle {
    stroke-dashoffset: 0px
}

/**********************************************pageTestLab**********************************************/
/*Culturetable*/
.pageTestLab .pageTestLabTable {
    background: #fff;
    border-top: 1px solid #e2e2e2
}

.pageTestLab .pageTestLabTable td {
    font-size: 18px;
    line-height: 28px;
    color: #000000;
    font-weight: 300;
    background: #fff
}

.pageTestLab .pageTestLabTable td.wz {
    padding: 50px 3.75% 50px 3.75%;
    width: 29.16666666666667%
}

.pageTestLab .pageTestLabTable td h1 {
    font-size: 36px;
    padding-bottom: 10px;
    margin-bottom: 50px;
    line-height: normal;
    color: #000000;
    font-weight: normal;
    position: relative;
    text-transform: uppercase
}

.pageTestLab .pageTestLabTable td h1:after {
    width: 27px;
    height: 4px;
    background: #693d91;
    content: '';
    position: absolute;
    bottom: 0;
    left: 0
}

.Ar .pageTestLab .pageTestLabTable td h1:after {
    width: 27px;
    height: 4px;
    background: #693d91;
    content: '';
    position: absolute;
    bottom: 0;
    left: auto;
    right: 0
}

.pageTestLab .pageTestLabTable td.img {
    width: 70.83333333333333%
}

.pageTestLab .pageTestLabTable td.img img {
    width: auto;
    max-width: 100%;
    height: auto
}

@media screen and (max-width:1920px) {
    .pageTestLab .pageTestLabTable td {
        font-size: 18px;
        line-height: 28px
    }

    .pageTestLab .pageTestLabTable td.wz {
        padding: 50px 3.75% 50px 3.75%
    }

    .pageTestLab .pageTestLabTable td h1 {
        font-size: 36px;
        padding-bottom: 10px;
        margin-bottom: 50px
    }

    .pageTestLab .pageTestLabTable td h1:after {
        width: 27px;
        height: 4px
    }
}

@media screen and (max-width:1919px) {
    .pageTestLab .pageTestLabTable td {
        font-size: 0.18rem;
        line-height: 0.28rem
    }

    .pageTestLab .pageTestLabTable td.wz {
        padding: 0.5rem 3.75% 0.5rem 3.75%
    }

    .pageTestLab .pageTestLabTable td h1 {
        font-size: 0.36rem;
        padding-bottom: 0.1rem;
        margin-bottom: 0.5rem
    }

    .pageTestLab .pageTestLabTable td h1:after {
        width: 0.27rem;
        height: 0.04rem
    }
}

@media screen and (max-width:768px) {
    .pageTestLab .pageTestLabTable td {
        font-size:0.22rem;
        line-height:0.28rem;
        display: block !important;
        width: 100% !important
    }
}

/*pageTestLabList*/
.pageTestLabList {
    overflow: hidden;
    padding: 66.5px 0;
    background: url(../images/test-bg.jpg) center top #e2e2e4;
    background-size: cover
}

.pageTestLabList ul {
    overflow: hidden;
    display: block;
    font-size: 0;
    line-height: 0;
    margin: 0 -10px
}

.pageTestLabList ul li {
    width: 100%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    position: relative;
    margin-bottom: 40px;
    padding: 66.5px 0
}

.pageTestLabList ul li .item {
    display: block;
    margin: 0 10px;
    position: relative
}

.pageTestLabList ul li .item,
.pageTestLabList ul li .titleBox,
.pageTestLabList ul li .titleBox .date,
.pageTestLabList ul li .titleBox .tt {
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all .3s ease-in-out
}

.pageTestLabList ul li .titleBox {
    position: absolute;
    left: 58.3%;
    top: 10%;
    width: 21.875%;
    text-align: left
}

.Ar .pageTestLabList ul li .titleBox {
    position: absolute;
    left: 0%;
    right: 58.3%;
    top: 10%;
    width: 21.875%;
    text-align: right
}

.pageTestLabList ul li .titleBox .tt {
    font-size: 30px;
    height: 60px;
    line-height: 60px;
    color: #693d91;
    text-transform: uppercase
}

.pageTestLabList ul li .titleBox .des {
    font-size: 18px;
    line-height: 28px;
    color: #6b696a;
    font-weight: 300;
    padding-right: 20px;
    max-height: 420px;
    overflow: hidden
}

/*dragger_bar*/
.titleBoxNr .des .mCSB_inside>.mCSB_container {
    margin-right: 30px
}

.titleBoxNr .des .mCSB_scrollTools {
    width: 6px
}

.titleBoxNr .des .mCSB_scrollTools .mCSB_draggerRail {
    background: #fff !important;
    width: 6px
}

.titleBoxNr .des .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
    background: #693d91 !important;
    width: 6px
}

/**/
.pageTestLabList ul li .img {
    padding-right: 50%
}

.Ar .pageTestLabList ul li .img {
    padding-right: 0%;
    padding-left: 50%
}

.pageTestLabList ul li .img .imgBoxB {
    overflow: hidden;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.pageTestLabList ul li .img .imgBoxB .imgBox {
    position: relative;
    padding-bottom: 64.58333333333333%
}

.pageTestLabList ul li .img .imgBoxB .imgBox img {
    display: block;
    max-width: none;
    height: 100%;
    position: absolute;
    top: 50%;
    left: -80px;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pageTestLabList ul li,
.pageTestLabList ul li .img,
.pageTestLabList ul li .img .imgBoxB img,
.pageTestLabList ul li .img .imgBoxB {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

/**/
.pageTestLabList ul li:nth-child(2n) .img .imgBoxB {
    border-radius: 0;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.pageTestLabList ul li:nth-child(2n) .img {
    padding-right: 0;
    padding-left: 50%
}

.Ar .pageTestLabList ul li:nth-child(2n) .img {
    padding-right: 50%;
    padding-left: 0
}

.pageTestLabList ul li:nth-child(2n) .img .imgBoxB .imgBox img {
    left: auto;
    right: -80px;
    margin: 0 auto
}

.pageTestLabList ul li:nth-child(2n) .titleBox {
    left: auto;
    right: 58.3%
}

.Ar .pageTestLabList ul li:nth-child(2n) .titleBox {
    left: 58.3%;
    right: auto
}

@media screen and (max-width:1920px) {
    .pageTestLabList {
        padding: 66.5px 0
    }

    .pageTestLabList ul {
        margin: 0 -10px
    }

    .pageTestLabList ul li {
        margin-bottom: 40px;
        padding: 66.5px 0
    }

    .pageTestLabList ul li .item {
        margin: 0 10px
    }

    .pageTestLabList ul li .titleBox .tt {
        font-size: 30px;
        height: auto;
        line-height: 60px
    }

    .pageTestLabList ul li .titleBox .des {
        font-size: 18px;
        line-height: 28px
    }

    .pageTestLabList ul li .img .imgBoxB {
        border-top-right-radius: 10px;
        border-bottom-right-radius: 10px
    }

    .pageTestLabList ul li .img .imgBoxB .imgBox img {
        left: -80px
    }

    .pageTestLabList ul li:nth-child(2n) .img .imgBoxB {
        border-radius: 0;
        border-top-left-radius: 10px;
        border-bottom-left-radius: 10px
    }

    .pageTestLabList ul li:nth-child(2n) .img .imgBoxB .imgBox img {
        right: -80px
    }
}

@media screen and (max-width:1919px) {
    .pageTestLabList {
        padding: 66.0.05rem 0
    }

    .pageTestLabList ul {
        margin: 0 -0.1rem
    }

    .pageTestLabList ul li {
        margin-bottom: 0.4rem;
        padding: 66.0.05rem 0
    }

    .pageTestLabList ul li .item {
        margin: 0 0.1rem
    }

    .pageTestLabList ul li .titleBox .tt {
        font-size: 0.3rem;
        height: auto;
        line-height: 0.6rem
    }

    .pageTestLabList ul li .titleBox .des {
        font-size: 0.18rem;
        line-height: 0.28rem
    }

    .pageTestLabList ul li .img .imgBoxB {
        border-top-right-radius: 0.1rem;
        border-bottom-right-radius: 0.1rem
    }

    .pageTestLabList ul li .img .imgBoxB .imgBox img {
        left: -0.8rem
    }

    .pageTestLabList ul li:nth-child(2n) .img .imgBoxB {
        border-radius: 0;
        border-top-left-radius: 0.1rem;
        border-bottom-left-radius: 0.1rem
    }

    .pageTestLabList ul li:nth-child(2n) .img .imgBoxB .imgBox img {
        right: -0.8rem
    }
}

@media screen and (max-width:1024px) {
    .pageTestLabList ul li {
        margin-bottom: 0px;
        padding: 25px 0
    }

    .pageTestLabList ul li .titleBox {
        position: static;
        left: 0;
        top: 0;
        width: 90%;
        text-align: left;
        padding: 5% 5%
    }

    .Ar .pageTestLabList ul li .titleBox {
        position: static;
        left: 0;
        right: 0;
        top: 0;
        width: 90%;
        text-align: right;
        padding: 5% 5%
    }

    .pageTestLabList ul li .img {
        padding-right: 0
    }

    .Ar .pageTestLabList ul li .img {
        padding-left: 0;
        padding-right: 0
    }

    .pageTestLabList ul li .img .imgBoxB {
        border-radius: 0
    }

    .pageTestLabList ul li .img .imgBoxB .imgBox {
        padding-bottom: 64.58333333333333%
    }

    .pageTestLabList ul li .img .imgBoxB .imgBox img {
        left: 0
    }

    .Ar .pageTestLabList ul li .img .imgBoxB .imgBox img {
        left: 0
    }

    .pageTestLabList ul li:nth-child(2n) .img .imgBoxB {
        border-radius: 0
    }

    .pageTestLabList ul li:nth-child(2n) .img {
        padding-right: 0;
        padding-left: 0
    }

    .Ar .pageTestLabList ul li:nth-child(2n) .img {
        padding-right: 0;
        padding-left: 0
    }

    .pageTestLabList ul li:nth-child(2n) .img .imgBoxB .imgBox img {
        left: auto;
        right: 0;
        margin: 0 auto
    }

    .Ar .pageTestLabList ul li:nth-child(2n) .img .imgBoxB .imgBox img {
        left: auto;
        right: 0;
        margin: 0 auto
    }

    .pageTestLabList ul li:nth-child(2n) .titleBox {
        left: auto;
        right: 0
    }

    .Ar .pageTestLabList ul li:nth-child(2n) .titleBox {
        left: auto;
        right: 0
    }
}


@media screen and (max-width:768px) {
 .pageTestLabList ul li .titleBox{ width:100%;} 
 .pageTestLabList ul li .titleBox .tt {font-size: 0.36rem !important;}
 .pageTestLabList ul li .titleBox .des{ font-size:0.22rem !important; line-height:0.32rem; padding-right:0; overflow:auto !important;}
 .page-tit2 .t{font-size:0.36rem;}
 .page-Honor { padding-top:0rem !important;}

}

/*page-tit2*/
.page-tit2 {
    font-size: 36px;
    color: #000000;
    text-align: center;
    text-transform: uppercase
}



/*page-Honor*/
.page-Honor {
    padding-top: 100px;
    padding-bottom: 90px;
    background: url(../images/test-test-honorbgbig.jpg) center bottom no-repeat;
    background-size: cover
}

.page-Honor-swiper {
    padding: 0;
    padding-top: 60px;
    position: relative;
    margin: 0 -33.5px
}

.page-Honor .w1600 {
    position: relative
}

.page-Honor-swiper .swiper-slide {
    width: 33.333333%
}

.page-Honor-swiper .swiper-slide a {
    display: block;
    margin: 0 33.5px;
    background: url(../images/test-honorbg.jpg) center bottom no-repeat;
    background-size: 100%
}

.page-Honor-swiper .swiper-slide a .picB {
    display: block;
    padding: 8.878504672897196% 11.68032786885246%;
    position: relative
}

.page-Honor-swiper .swiper-slide a .picB:before,
.page-Honor-swiper .swiper-slide a .picB:after {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.page-Honor-swiper .swiper-slide a .picB:before {
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    background-size: 100% 100%;
    left: 0;
    top: 0;
    position: absolute
}

.page-Honor-swiper .swiper-slide a .picB:after {
    content: '';
    color: #fff;
    font-size: 18px;
    display: block;
    width: 70px;
    height: 70px;
    line-height: 75px;
    text-align: center;
    box-sizing: content-box;
    border: 3px solid rgba(255, 255, 255, .4);
    border-radius: 50%;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
    overflow: hidden;
    background-clip: content-box;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(1.35);
    -ms-transform: scale(1.35);
    -o-transform: scale(1.35);
    transform: scale(1.35);
    background: url("../images/top-search.png") center center no-repeat #693d91;
    background-size: 24px
}

.page-Honor-swiper .swiper-slide a:hover .picB:before {
    background-color: rgba(255, 255, 255, 0.2)
}

.page-Honor-swiper .swiper-slide a:hover .picB:after {
    opacity: .9;
    filter: alpha(opacity=90);
    -webkit-transform: none;
    -ms-transform: none;
    -o-transform: none;
    transform: none
}

.page-Honor-swiper .swiper-slide a .pic {
    display: block;
    position: relative;
    width: 100%;
    padding-bottom: 141.3978494623656%;
    overflow: hidden;
    /* width:372px; height:526px;*/
}

.page-Honor-swiper .swiper-slide a .pic img {
    transition: 0.4s;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    object-fit: contain
}

.page-Honor-swiper .swiper-slide a p {
    transition: 0.4s;
    padding: 20px 0px;
    font-size: 16px;
    color: #000000;
    line-height: 24px;
    text-align: center;
    display: none
}

.page-Honor-swiper .swiper-slide:hover a p {
    color: #00a1e7
}

.page-Honor .swiper-button-prev {
    transition: 0.4s;
    opacity: 1;
    width: 50px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    left: -50px;
    background: url("../images/page-left.png") center center no-repeat;
    background-size: 100%;
    outline: none;
    z-index: 3;
    border-radius: 50%;
    position: absolute
}

.page-Honor .swiper-button-next {
    transition: 0.4s;
    opacity: 1;
    width: 50px;
    height: 50px;
    top: 50%;
    margin-top: -25px;
    right: -50px;
    background: url("../images/page-right.png") center center no-repeat;
    background-size: 100%;
    outline: none;
    z-index: 3;
    border-radius: 50%;
    position: absolute
}

.page-Honor .swiper-button-prev.swiper-button-disabled,
.page-Honor .swiper-button-next.swiper-button-disabled {
    opacity: 0
}

@media screen and (max-width:1920px) {
    .page-Honor {
        padding-top: 1rem;
        padding-bottom: 1.5rem
    }

    .page-Honor-swiper {
        padding-top: 0.6rem;
        margin: 0 -0.335rem
    }

    .page-Honor-swiper .swiper-slide a {
        margin: 0 0.335rem
    }

    .page-Honor-swiper .swiper-slide a .picB {
        padding: 0.57rem 0.57rem
    }

    .page-Honor-swiper .swiper-slide a .picB:after {
        width: 0.7rem;
        height: 0.7rem;
        line-height: 0.75rem;
        background-size: 0.24rem
    }

    .page-Honor-swiper .swiper-slide a p {
        padding: 0.2rem 0rem;
        font-size: 0.16rem;
        line-height: 0.24rem
    }

    .page-Honor .swiper-button-prev {
        width: 0.5rem;
        height: 0.5rem;
        margin-top: -0.25rem;
        left: -0.5rem
    }

    .page-Honor .swiper-button-next {
        width: 0.5rem;
        height: 0.5rem;
        margin-top: -0.25rem;
        right: -0.5rem
    }
}

@media screen and (max-width:1024px) {
    .page-Honor-swiper {
        margin: 0 -0.1rem
    }

    .page-Honor-swiper .swiper-slide a {
        margin: 0 0.1rem
    }
}

@media screen and (max-width:768px) {
    .page-Honor-swiper .swiper-slide {
        width: 50%
    }

    .page-Honor .swiper-button-prev {
        left: 0;
        width: 40px;
        height: 40px;
        margin-top: -20px
    }

    .page-Honor .swiper-button-next {
        right: 0;
        width: 40px;
        height: 40px;
        margin-top: -20px
    }
}

@media screen and (max-width:350px) {
    .page-Honor-swiper .swiper-slide {
        width: 100%
    }
}

/*.page-Honor-swiper .swiper-slide.in-view*/
.page-Honor-swiper .swiper-slide.in-view {
    opacity: 0;
    -webkit-transform: translateY(100px);
    transform: translateY(100px);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform;
    -ms-filter: blur(20px);
    filter: blur(20px);
    opacity: 0;
    transition: all 1s cubic-bezier(.165, .84, .44, 1);
    transition-property: opacity, filter, transform;
    transition-timing-function: cubic-bezier(.165, .84, .44, 1);
    will-change: transition
}

.page-Honor-swiper .swiper-slide.in-view:nth-child(0) {
    -webkit-transition-delay: -.2s;
    transition-delay: -.2s
}

.page-Honor-swiper .swiper-slide.in-view:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.page-Honor-swiper .swiper-slide.in-view:nth-child(2) {
    -webkit-transition-delay: .1s;
    transition-delay: .1s
}

.page-Honor-swiper .swiper-slide.in-view:nth-child(3) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.page-Honor-swiper .swiper-slide.animated {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -ms-filter: blur(0);
    filter: blur(0);
    opacity: 1
}

/**********************************************product**********************************************/
/*pageProList*/
.pageProList {
    overflow: hidden;
    padding-bottom: 100px
}

.pageProListul {
    overflow: hidden;
    display: block;
    font-size: 0;
    line-height: 0;
    margin: 0 -15px
}

.pageProListul li {
    width: 33.333333%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    position: relative;
    margin-bottom: 20px
}

.pageProListul li a {
    display: block;
    margin: 0 15px
}

.pageProListul li .imgBoxB {
    position: relative;
    padding-bottom: 100%;
    overflow: hidden
}

.pageProListul li .imgBoxB .imgBox {
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.pageProListul li .imgBoxB .imgBox {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pageProListul li .imgBoxB img {
    max-width: none;
    height: 100%;
    display: none !important
}

.pageProListul li a:hover .imgBoxB .imgBox {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

.pageProListul li a,
.pageProListul li .imgBoxB img,
.pageProListul li .imgBoxB .imgBox,
.pageProListul li .titleBox,
.pageProListul li .titleBox .date,
.pageProListul li .titleBox .tt {
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all .3s ease-in-out
}

.pageProListul li .titleBox {
    position: relative
}

.pageProListul li .titleBox .tt {
    font-size: 18px;
    height: 70px;
    line-height: 70px;
    color: #333333;
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    text-align: center
}

@media screen and (max-width:1920px) {
    .pageProList {
        padding-bottom: 100px
    }

    .pageProListul {
        margin: 0 -15px
    }

    .pageProListul li {
        margin-bottom: 20px
    }

    .pageProListul li a {
        display: block;
        margin: 0 15px
    }

    .pageProListul li .titleBox .tt {
        font-size: 18px;
        height: 70px;
        line-height: 70px
    }
}

@media screen and (max-width:1919px) {
    .pageProList {
        padding-bottom: 1rem
    }

    .pageProListul {
        margin: 0 -0.15rem
    }

    .pageProListul li {
        margin-bottom: 0.2rem
    }

    .pageProListul li a {
        display: block;
        margin: 0 0.15rem
    }

    .pageProListul li .titleBox .tt {
        font-size: 0.18rem;
        height: 0.7rem;
        line-height: 0.7rem
    }
}

@media screen and (max-width:768px) {
    .pageProListul li {
        width: 50%
    }
}

/*pageNav*/
.pageNav {
    margin: 0 auto;
    /*position: absolute;*/
    left: 0;
    bottom: 0;
    z-index: 10;
    width: 100%;
    border-top: 1px solid rgba(255, 255, 255, .1);
    transition: all .4s ease;
    background-color: rgba(0, 0, 0, 100);

}

.pageNavB {
    display: flex;
    display: -webkit-box;
    /* Chrome 4+,Safari 3.1,iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+,Safari 6.1+,iOS Safari 7+,Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    flex-flow: wrap
}

.pageNavB a {
    position: relative;
    text-align: center;
    display: flex;
    display: -webkit-box;
    /* Chrome 4+,Safari 3.1,iOS Safari 3.2+ */
    display: -moz-box;
    /* Firefox 17- */
    display: -webkit-flex;
    /* Chrome 21+,Safari 6.1+,iOS Safari 7+,Opera 15/16 */
    display: -moz-flex;
    /* Firefox 18+ */
    display: -ms-flexbox;
    /* IE 10 */
    justify-content: center;
    align-items: center;
    width: 25%;
    height: 0.85rem
}

.pageNavB .name {
    font-size: 0.22rem;
    color: #fff;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 0.36rem
}

.pageNavB a::after {
    content: '';
    width: 1px;
    height: 0.3rem;
    margin-top: -0.15rem;
    background: #fff;
    position: absolute;
    top: 50%;
    right: 0;
    z-index: 10;
    filter: alpha(opacity=30);
    -moz-opacity: 0.3;
    -khtml-opacity: 0.3;
    opacity: 0.3
}

.pageNavB a::before {
    content: '';
    display: none;
    width: 100%;
    height: 3px;
    background: #4b176f;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 10
}

.pageNavB a.on {
    background: url("../images/index-pronavbg.png") top repeat-x;
    color: #fff
}

.pageNavB a.on::before {
    display: block
}

.pageNavB a,
.pageNavB a::before {
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all .3s ease-in-out
}

@media screen and (max-width:1920px) {}

@media screen and (max-width:1919px) {}

@media screen and (max-width:768px) {
    .pageNav {
        /*display: none*/
    }
}

.pagePro {
    padding: 0;
    padding-left: 8.229166666666667vw;
    display: flex;
    position: relative;
    background: #f9f9f9
}

.Ar .pagePro {
    padding: 0;
    padding-left: 0;
    padding-right: 8.229166666666667vw;
    display: flex;
    position: relative;
    background: #f9f9f9
}

.pagePro .pageProB {
    align-items: flex-start;
    display: flex;
    width: 100%
}

/*page_right*/
.page_right {
    flex: 0 auto;
    margin-bottom: 0;
    background: #fff;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    width: 80%;
    position: relative
}

.page_rightB {
    padding-left: 2vw;
    padding-right: 4vw;
    min-height: 30vw
}

.page_rightB img {
    max-width: 100%
}

/*page_left*/
.page_left {
    margin-bottom: 0;
    height: 30vw;
    padding-top: 3vw;
    padding-bottom: 2vw;
    padding-right: 3vw;
    position: -webkit-sticky;
    position: sticky;
    top: 4vw;
    width: 20%;
    flex: 0 auto
}

.Ar .page_left {
    margin-bottom: 0;
    height: 20vw;
    height: 20vw;
    padding-top: 3vw;
    padding-right: 0;
    padding-left: 3vw;
    position: -webkit-sticky;
    position: sticky;
    top: 4vw;
    width: 20%;
    flex: 0 auto
}

/*page_menu*/
.page_menu {
    position: relative
}

.page_menu .tit {
    font-size: 30px;
    line-height: 70px;
    color: #000000;
    display: block;
    border-bottom: 1px solid #cfcfcf;
    text-transform: uppercase
}

.page_menu .li1 {
    line-height: 69px
}

.page_menu .li1 .a1 {
    font-size: 18px;
    line-height: 70px;
    position: relative;
    display: block;
    color: #000;
    border-bottom: 1px solid #e9e9e9;
    background: url(../images/pro-nav-s2.png) no-repeat 98% center;
    background-size: 14px
}

.Ar .page_menu .li1 .a1 {
    font-size: 18px;
    line-height: 70px;
    position: relative;
    display: block;
    color: #000;
    border-bottom: 1px solid #e9e9e9;
    background: url(../images/pro-nav-s2.png) no-repeat 2% center;
    background-size: 14px
}

.page_menu .li1 .a1::before {
    content: '';
    width: 0;
    height: 2px;
    background: #693d91;
    ;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 10
}

.page_menu .li1 .a1:hover,
.page_menu .li1.on .a1 {
    color: #693d91;
    background-image: url(../images/pro-nav-s.png);
    background-size: 10px
}

.Ar .page_menu .li1 .a1:hover,
.Ar .page_menu .li1.on .a1 {
    color: #693d91;
    background-image: url(../images/pro-nav-sl.png);
    background-size: 10px
}

.page_menu .li1 .a1:hover::before,
.page_menu .li1.on .a1::before {
    width: 100%
}

.page_menu .li1 .a1,
.page_menu .li1 .a1::before {
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all .3s ease-in-out
}

@media screen and (max-width:1920px) {
    .page_menu .tit {
        font-size: 20px;
        line-height: 70px
    }

    .page_menu .li1 {
        line-height: 69px
    }

    .page_menu .li1 .a1 {
        font-size: 18px;
        line-height: 70px;
        background-size: 14px
    }

    .page_menu .li1 .a1:hover,
    .page_menu .li1.on .a1 {
        background-size: 10px
    }
}

@media screen and (max-width:1919px) {
    .page_menu .tit {
        font-size: 0.2rem;
        line-height: 0.7rem
    }

    .page_menu .li1 {
        line-height: 0.69rem
    }

    .page_menu .li1 .a1 {
        font-size: 0.18rem;
        line-height: 0.7rem;
        background-size: 0.14rem
    }

    .page_menu .li1 .a1:hover,
    .page_menu .li1.on .a1 {
        background-size: 0.1rem
    }
}

@media screen and (max-width:1024px) {
    .pagePro {
        padding-left: 3%
    }
}

@media screen and (max-width:992px) {
    .pagePro {
        padding-left: 0;
        display: block
    }

    .Ar .pagePro {
        padding-left: 0;
        display: block;
        padding-right: 0
    }

    .pagePro .pageProB {
        display: block
    }

    .page_right {
        position: static !important;
        top: 0;
        width: 100%;
        position: relative
    }

    .page_rightB {
        padding: 3% 3%
    }

    .page_left {
        height: auto;
        padding: 3vw 0 6vw 0;
        position: static !important;
        top: 0;
        width: 94%;
        margin: 0 auto;
        display: block
    }

    .Ar .page_left {
        height: auto;
        padding: 3vw 0 6vw 0;
        position: static !important;
        top: 0;
        width: 94%;
        margin: 0 auto;
        display: block
    }
}

/*prodetailBox*/
.detailBox {
    overflow: hidden;
    padding-bottom: 100px
}

.detailBox .detail-top {
    background: url(../images/pro2-bg.jpg) center top no-repeat;
    background-size: cover
}

.detailBox .detail-topBox {
    position: relative
}

.detailBox .detailImg {
    width: 50%;
    float: left;
    position: relative !important;
    overflow: hidden
}

.detailBox .detailImg {
    -webkit-animation: topdown2 4000ms infinite;
    animation: topdown2 4000ms infinite
}

@keyframes topdown2 {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(5px);
        -moz-transform: translateY(5px);
        -ms-transform: translateY(5px);
        -o-transform: translateY(5px);
        transform: translateY(5px)
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.Ar .detailBox .detailImg {
    width: 50%;
    float: right;
    position: relative !important;
    overflow: hidden
}

.detailBox .detailNr {
    width: 50%;
    float: right
}

.detailBox .detailNr {
    width: 50%;
    float: left
}

.detailBox .detailNr .detailNrBox {
    padding-left: 10.41666666666667%;
    padding-right: 16.66666666666667%
}

.detailBox .detailNr .detailNrWZ {
    padding: 70px 0 35px 0
}

.detailBox .proTit {
    font-size: 38px;
    color: #000000;
    padding-bottom: 50px;
    text-transform: uppercase
}

.detailBox .detailTit {
    font-size: 16px;
    color: #64676b
}

.detailBox .pro-Text {
    color: #64676b;
    font-size: 18px;
    line-height: 20px;
    padding-top: 20px
}

.detailBox .pro-Text p {
    padding-left: 20px;
    background: url(../images/pro-nav-s2.png) no-repeat left center;
    background-size: 13px;
    margin-bottom: 30px
}

.Ar .detailBox .pro-Text p {
    padding-left: 0px;
    padding-right: 20px;
    background: url(../images/pro-nav-s2.png) no-repeat right center;
    background-size: 13px;
    margin-bottom: 30px
}

.detailBox .contactBtn a {
    width: 170px;
    height: 50px;
    line-height: 50px;
    border-radius: 5px;
    margin-top: 30px;
    font-size: 16px;
    position: relative;
    color: #fff;
    text-align: center;
    display: inline-block;
    background: #693d91
}

.detailBox .contactBtn a span {
    display: inline-block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    text-transform: uppercase
}

.detailBox .contactBtn a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    height: 100%;
    border-radius: 5px;
    background: #008b2d;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all .5s ease-in-out
}

.detailBox .contactBtn a:hover:after {
    width: 100%;
    left: auto;
    right: 0
}

/*detail-bottomBox*/
.detailBox .detail-bottomBox {
    padding: 80px 0 0 0;
    position: relative;
    font-size: 16px;
    line-height: 30px;
    color: #595959;
    margin: 0 auto;
    border-top: 1px solid #e5e5e8
}

.detailBox .detail-bottomBox img {
    margin: auto;
    max-width: 100%;
    height: auto
}

.detailBox .detail-bottomBox h2 {
    color: #333333;
    font-weight: normal;
    text-transform: uppercase;
    background: url(../images/page-honor-tit.png) no-repeat left center;
    background-size: 20px;
    margin-bottom: 60px;
    font-size: 30px;
    line-height: 20px;
    padding-left: 35px
}

.Ar .detailBox .detail-bottomBox h2 {
    color: #333333;
    font-weight: normal;
    text-transform: uppercase;
    background: url(../images/page-honor-tit.png) no-repeat right center;
    background-size: 20px;
    margin-bottom: 60px;
    font-size: 30px;
    line-height: 20px;
    padding-left: 0px;
    padding-right: 35px
}

.detailBox .page-back {
    margin: 0 auto;
    text-align: center;
    padding: 50px 0
}

@media screen and (max-width:1920px) {
    .detailBox {
        padding-bottom: 100px
    }

    .detailBox .detailNr .detailNrWZ {
        padding: 70px 0 35px 0
    }

    .detailBox .proTit {
        font-size: 38px;
        padding-bottom: 50px
    }

    .detailBox .detailTit {
        font-size: 16px
    }

    .detailBox .pro-Text {
        color: #64676b;
        font-size: 18px;
        line-height: 20px;
        padding-top: 20px
    }

    .detailBox .pro-Text p {
        padding-left: 20px;
        background-size: 13px;
        margin-bottom: 30px
    }

    .Ar .detailBox .pro-Text p {
        padding-left: 0px;
        padding-right: 20px;
        background-size: 13px;
        margin-bottom: 30px
    }

    .detailBox .contactBtn a {
        width: 170px;
        height: 50px;
        line-height: 50px;
        margin-top: 30px;
        font-size: 16px
    }

    .detailBox .detail-bottomBox {
        padding: 80px 0 0 0;
        font-size: 16px;
        line-height: 30px
    }

    .detailBox .detail-bottomBox h2 {
        background-size: 20px;
        margin-bottom: 60px;
        font-size: 30px;
        line-height: 20px;
        padding-left: 35px
    }

    .Ar .detailBox .detail-bottomBox h2 {
        background-size: 20px;
        margin-bottom: 60px;
        font-size: 30px;
        line-height: 20px;
        padding-left: 0px;
        padding-right: 35px
    }

    .detailBox .page-back {
        padding: 50px 0
    }
}

@media screen and (max-width:1919px) {
    .detailBox {
        padding-bottom: 1rem
    }

    .detailBox .detailNr .detailNrWZ {
        padding: 0.7rem 0 0.35rem 0
    }

    .detailBox .proTit {
        font-size: 0.38rem;
        padding-bottom: 0.5rem
    }

    .detailBox .detailTit {
        font-size: 0.16rem
    }

    .detailBox .pro-Text {
        color: #64676b;
        font-size: 0.18rem;
        line-height: 0.2rem;
        padding-top: 0.2rem
    }

    .detailBox .pro-Text p {
        padding-left: 0.2rem;
        background-size: 0.13rem;
        margin-bottom: 0.3rem;
        line-height:0.24rem;
    }

    .detailBox .contactBtn a {
        width: 1.7rem;
        height: 0.5rem;
        line-height: 0.5rem;
        margin-top: 0.3rem;
        font-size: 0.16rem
    }

    .detailBox .detail-bottomBox {
        padding: 0.8rem 0 0 0;
        font-size: 0.16rem;
        line-height: 0.3rem
    }

    .detailBox .detail-bottomBox h2 {
        background-size: 0.2rem;
        margin-bottom: 0.6rem;
        font-size: 0.3rem;
        line-height: 0.2rem;
        padding-left: 0.35rem
    }

    .detailBox .page-back {
        padding: 0.5rem 0
    }
}

@media screen and (max-width:1024px) {
    .detailBox .detailNr .detailNrWZ {
        padding: 2.1875rem 0 1.09375rem 0
    }

    .detailBox .proTit {
        font-size: 1rem;
        padding-bottom: 1.40625rem
    }

    .detailBox .detailTit {
        font-size: 0.75rem;
        padding: 1.09375rem 0
    }

    .detailBox .detailTit .detailTitB {
        padding-left: 0.71875rem
    }

    .detailBox .detailTit .en {
        font-size: 0.5rem
    }

    .detailBox .detailTit .detailTitB:after {
        width: 0.15625rem;
        top: 0.15625rem
    }

    .detailBox .pro-Text {
        font-size: 0.5rem;
        line-height: 1.0625rem;
        padding-left: 0.71875rem;
        padding-top: 1.40625rem;
        padding-bottom: 1rem
    }

    .detailBox .contactBtn a {
        width: 5.5625rem;
        height: 1.8125rem;
        line-height: 1.8125rem;
        border-radius: 1.8125rem;
        padding: 0 0.8125rem;
        font-size: 0.5rem
    }

    .detailBox .contactBtn a span {
        padding-right: 0.9375rem;
        background-size: 0.9375rem
    }

    .detailBox .detail-bottomBox {
        padding: 2.5rem 0 0 0;
        font-size: 0.5rem;
        line-height: 0.9375rem
    }

    .detailBox .page-back {
        padding: 1.5625rem 0
    }
}

@media screen and (max-width:992px) {
    .detailBox .detailImg {
        width: 100%;
        float: none;
        margin: 0 auto
    }

    .Ar .detailBox .detailImg {
        width: 100%;
        float: none;
        margin: 0 auto
    }

    .detailBox .detailNr {
        width: 100%;
        float: none;
        min-height: 0
    }

    .Ar .detailBox .detailNr {
        width: 100%;
        float: none;
        min-height: 0
    }

    .detailBox .detailNr .detailNrBox {
        padding-left: 3%;
        padding-right: 3%
    }

    .detailBox .detailNr .detailNrWZ {
        padding: 20px 0 50px 0
    }

    .detailBox .proTit {
        font-size: 26px;
        padding-bottom: 20px;
        text-align:center;
    }

    .detailBox .detailTit {
        font-size: 18px;
        padding: 15px 0
    }

    .detailBox .detailTit .detailTitB {
        padding-left: 23px
    }

    .detailBox .detailTit .en {
        font-size: 14px
    }

    .detailBox .detailTit .detailTitB:after {
        width: 5px;
        top: 5px
    }

    .detailBox .pro-Text {
        font-size: 14px;
        line-height: 34px;
        padding-left: 23px;
        padding-top: 0px;
        padding-bottom: 10px
    }

    .detailBox .contactBtn a {
        width: 160px;
        height: 40px;
        line-height: 40px;
        border-radius: 40px;
        padding: 0 20px;
        font-size: 14px;
        display:block;
        margin:0px auto;
    }

    .detailBox .contactBtn a span {
        padding-right: 24px;
        background-size: 24px
    }

    .Ar .detailBox .contactBtn a span {
        padding-right: 0;
        padding-left: 24px;
        background-size: 24px
    }

    .detailBox .detail-bottomBox {
        padding: 30px 0 0px 0;
        font-size: 14px;
        line-height: 30px
    }

    .detailBox .page-back {
        padding: 30px 0
    }
}

/*bigImg*/
.bigImg {
    position: relative;
    overflow: hidden
}

.bigImg .swiper-container {
    width: 100%
}

.bigImg .swiper-container .swiper-slide {
    height: auto;
    position: relative
}

.bigImg .swiper-container .swiper-slide .img {
    width: 100%;
    height: auto;
    position: relative;
    padding-bottom: 82.8125%
}

.bigImg .swiper-container .swiper-slide img {
    max-width: none;
    height: 100%;
    position: absolute;
    left: 50%;
    top: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    /*object-fit: contain;*/
}

.bigImg .mbtn {
    display: block;
    width: 80px;
    height: 80px;
    overflow: hidden;
    position: absolute;
    top: 50%;
    margin-top: -40px;
    cursor: pointer;
    z-index: 2;
    outline: none;
    bborder-radius: 50%;
    overflow: hidden;
    background: transparent;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.bigImg .mbtn.mprevbtnb {
    /*background:url(../images/news-arrow1h.png) center center no-repeat;*/
    left: 0;
    background-size: 24px
}

.bigImg .mbtn.mnextbtnb {
    /*background:url(../images/news-arrow2h.png) center center no-repeat;*/
    right: 0;
    background-size: 24px
}

.bigImg .mbtn:hover {
    background-color: #e54812
}

.bigImg .mbtn.swiper-button-disabled {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    cursor: auto;
    pointer-events: none
}

.bigImg .swiper-container .swiper-slide {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden
}

.bigImg .swiper-container .swiper-slide.swiper-slide-active {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible
}

@media(max-width: 1920px) {}

@media(max-width: 1220px) {
    .bigImg .swiper-container .swiper-slide {
        height: 390px
    }
}

@media(max-width: 1024px) {
    .bigImg .swiper-container .swiper-slide {
        height: auto
    }

    .bigImg .swiper-container .swiper-slide .img {
        height: auto;
        position: relative
    }
}

@media(max-width: 992px) {
    .bigImg .swiper-container .swiper-slide .img {
        height: auto
    }

    .bigImg .mbtn.mprevbtnb,
    .bigImg .mbtn.mnextbtnb {
        background-size: 20px;
        overflow: hidden
    }

    .bigImg .mbtn.mprevbtnb {
        left: 0
    }

    .bigImg .mbtn.mnextbtnb {
        right: 0
    }
}

/*page-back*/
.page-back {
    margin: 0 auto;
    text-align: center
}

.page-back a {
    display: block;
    width: 220px;
    font-size: 16px;
    line-height: 50px;
    height: 50px;
    border-radius: 5px;
    overflow: hidden;
    text-align: center;
    color: #fff;
    margin: 0 auto;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    background: #fff;
    position: relative;
    background: #333333;
    text-transform: uppercase
}

.page-back a span {
    display: inline-block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    border-radius: 5px;
    text-transform: uppercase
}

.page-back a:after {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 0;
    border-radius: 5px;
    height: 100%;
    background: #693d91;
    -moz-transition: all .5s ease-in-out;
    -webkit-transition: all 0.5s ease-in-out;
    transition: all .5s ease-in-out
}

.page-back a:hover:after {
    width: 100%;
    left: auto;
    right: 0
}

@media screen and (max-width:1920px) {
    .page-back a {
        width: 220px;
        font-size: 16px;
        line-height: 50px;
        height: 50px
    }
}

@media screen and (max-width:1919px) {
    .page-back a {
        width: 2.2rem;
        font-size: 0.16rem;
        line-height: 0.5rem;
        height: 0.5rem
    }
}

@media screen and (max-width:992px) {
    .page-back a {
        width: 5rem;
        font-size: 14px;
        line-height: 40px;
        height: 40px;
        border-radius: 40px
    }
}

/*.pageContactBB*/
.pageContactBB {
    overflow: hidden;
    background: url(../images/contact-fbbg.jpg) center bottom #693d91;
    background-size: cover
}

.pageContactBB .item {
    display: block;
    position: relative
}

.pageContactBB .item .titleBox {
    position: absolute;
    left: 8.333333333333333%;
    bottom: 18%;
    width: 40%;
    text-align: left
}

.Ar .pageContactBB .item .titleBox {
    position: absolute;
    left: auto;
    right: 8.333333333333333%;
    bottom: 11%;
    width: 40%;
    text-align: right
}

.pageContactBB .item .titleBox .tt {
    font-size: 16px;
    height: 20px;
    line-height: 20px;
    color: #ffffff
}

.pageContactBB .item .titleBox .tt span {
    position: relative;
    display: inline-block;
    padding-right: 80px
}

.pageContactBB .item .titleBox .tt span:after {
    content: '';
    position: absolute;
    right: 0;
    bottom: 5px;
    width: 60px;
    height: 1px;
    background: #fff
}

.pageContactBB .item .titleBox .tt2 {
    font-size: 50px;
    margin-bottom: 60px;
    font-weight: normal;
    line-height: normal;
    color: #ffffff;
    text-transform: uppercase
}

.pageContactBB .item .titleBox .des {
    font-size: 20px;
    line-height: 28px;
    color: #fff;
    font-weight: 300
}

.pageContactBB .item .titleBox .des p {
    margin-bottom: 5px
}

.pageContactBB .item .titleBox .des strong {
    font-weight: bold
}

.pageContactBB .item .titleBox .des b {
    font-weight: bold;
    position: relative;
    display: inline-block;
    padding-right: 68px
}

.pageContactBB .item .titleBox .des b:after {
    content: '';
    position: absolute;
    right: 5px;
    top: 50%;
    width: 49px;
    height: 1px;
    background: #fff
}

/**/
.pageContactBB .item .img {
    padding-left: 59.375%
}

.Ar .pageContactBB .item .img {
    padding-left: 0;
    padding-right: 59.375%
}

.pageContactBB .item .img .imgBoxB {
    overflow: hidden;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.pageContactBB .item .img .imgBoxB .imgBox {
    position: relative;
    padding-bottom: 150.5641025641026%
}

.pageContactBB .item .img .imgBoxB .imgBox img {
    display: block;
    width: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-top: -50px
}

@media screen and (max-width:1920px) {
    .pageContactBB .item .titleBox .tt {
        font-size: 16px;
        height: 20px;
        line-height: 20px
    }

    .pageContactBB .item .titleBox .tt span {
        padding-right: 80px
    }

    .pageContactBB .item .titleBox .tt span:after {
        width: 60px
    }

    .pageContactBB .item .titleBox .tt2 {
        font-size: 50px;
        margin-bottom: 60px
    }

    .pageContactBB .item .titleBox .des {
        font-size: 20px;
        line-height: 28px
    }

    .pageContactBB .item .titleBox .des p {
        margin-bottom: 5px
    }

    .pageContactBB .item .titleBox .des b {
        padding-right: 68px
    }

    .pageContactBB .item .titleBox .des b:after {
        width: 49px
    }
}

@media screen and (max-width:1919px) {
    .pageContactBB .item .titleBox .tt {
        font-size: 0.16rem;
        height: 0.2rem;
        line-height: 0.2rem
    }

    .pageContactBB .item .titleBox .tt span {
        padding-right: 0.8rem
    }

    .pageContactBB .item .titleBox .tt span:after {
        width: 0.6rem
    }

    .pageContactBB .item .titleBox .tt2 {
        font-size: 0.5rem;
        margin-bottom: 0.6rem
    }

    .pageContactBB .item .titleBox .des {
        font-size: 0.2rem;
        line-height: 0.28rem
    }

    .pageContactBB .item .titleBox .des p {
        margin-bottom: 0.05rem
    }

    .pageContactBB .item .titleBox .des b {
        padding-right: 0.68rem
    }

    .pageContactBB .item .titleBox .des b:after {
        width: 0.49rem
    }
}

@media screen and (max-width:1024px) {
    .pageContactBB .item{
        display: flex;
        flex-direction: column;
    }
    .pageContactBB .item .img {
        width: 100%;
        padding-left: 0%
    }

    .Ar .pageContactBB .item .img {
        padding-left: auto;
        padding-right: 0%
    }

    .pageContactBB .item .titleBox {
        position: static;
        left: 0;
        bottom: 0;
        width: 90%;
        padding: 10% 0;
        margin: 0 auto;
        text-align: left
    }

    .Ar .pageContactBB .item .titleBox {
        position: static;
        left: auto;
        right: 0;
        bottom: 0;
        width: 90%;
        padding: 10% 0;
        margin: 0 auto;
        text-align: right
    }
}

/*feedback2Box*/
.pageFeedback {
    padding-top: 130px;
    padding-bottom: 110px;
    background: url(../images/contact-ditu.jpg) center top no-repeat;
    background-size: 100%
}

.Ar .pageFeedback {
    padding-top: 130px;
    padding-bottom: 110px;
    background: url(../images/contact-ditur.jpg) center top no-repeat;
    background-size: 100%
}

.pageFeedback .pageFeedbackB {
    position: relative
}

.feedback2Box-tit {
    width: 48.4375%;
    height: 100%;
    vertical-align: middle;
    position: absolute;
    left: 0;
    top: 0
}

.Ar .feedback2Box-tit {
    width: 48.4375%;
    height: 100%;
    vertical-align: middle;
    position: absolute;
    left: auto;
    right: 0;
    top: 0
}

.pageFeedback .page-Tit {
    color: #333333;
    font-size: 50px;
    line-height: 50px
}

.pageFeedback .t1 {
    color: #333333
}

.pageFeedback .t2 {
    color: #693d91;
    text-transform: uppercase
}

.pageFeedback .t3 {
    font-size: 30px;
    margin-bottom: 65px;
    font-weight: normal;
    color: #333333;
    line-height: normal
}

/**/
.feedback2Box {
    padding: 0;
    padding-left: 48.4375%;
    position: relative
}

.Ar .feedback2Box {
    padding: 0;
    padding-left: 0;
    padding-right: 48.4375%;
    position: relative
}

.feedback2Box-conBox {
    position: relative;
    z-index: 2
}

.feedback2 {
    text-align: left;
    padding: 0;
    margin: 0 -10px
}

.feedback2 .t {
    display: block;
    font-size: 18px;
    line-height: 26px;
    color: #7d7e8d;
    font-weight: 300
}

.feedback2 .red {
    color: #7d7e8d
}

.feedback2 .l1 {
    float: left;
    width: 50%;
    position: relative
}

.feedback2 .l3 {
    float: left;
    width: 50%;
    position: relative
}

.Ar .feedback2 .l3 {
    float: right;
    width: auto;
    position: relative
}

.feedback2 .l2 {
    float: left;
    width: 100%;
    position: relative
}

.feedback2 .l1Box {
    margin: 0 10px;
    position: relative
}

.feedback2 .text {
    display: block;
    width: 100%;
    padding: 4px 0;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #646464;
    outline: none;
    border: none;
    border-bottom: 1px solid #cacaca;
    border-radius: 0;
    background: #fff;
    text-align: left;
    position: relative;
    outline: none
}

.Ar .feedback2 .text {
    display: block;
    width: 100%;
    padding: 4px 0;
    height: 30px;
    line-height: 30px;
    margin-bottom: 20px;
    font-size: 14px;
    color: #646464;
    outline: none;
    border: none;
    border-bottom: 1px solid #cacaca;
    border-radius: 0;
    background: #fff;
    text-align: right;
    position: relative;
    outline: none
}

.feedback2 .getcode {
    margin-bottom: 0px
}

.feedback2 .kk {
    padding-left: 15px
}

.feedback2 .inputbtn {
    display: inline-block;
    text-align: left;
    overflow: hidden;
    background: #693d91;
    color: #fff;
    -webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all .3s ease-in-out;
    border: none;
    line-height: 60px;
    border-radius: 60px;
    margin-bottom: 44px;
    margin-top: 35px;
    min-width: 186px;
    padding: 0 30px
}

.feedback2 .inputbtn:hover {
    background: #02872d
}

.feedback2 .text:focus,
.feedback2 .text:active,
.feedback2 .text2:focus,
.feedback2 .text2:active,
.feedback2 .getcode:focus,
.feedback2 .getcode:active {
    -webkit-box-shadow: none;
    box-shadow: none
}

.feedback2 input::-webkit-input-placeholder {
    color: #909090
}

.feedback2 input:-moz-placeholder {
    color: #909090
}

.feedback2 input::-moz-placeholder {
    color: #909090
}

.feedback2 input:-ms-input-placeholder {
    color: #909090
}

.feedback2 textarea::-webkit-input-placeholder {
    color: #909090
}

.feedback2 textarea:-moz-placeholder {
    color: #909090
}

.feedback2 textarea::-moz-placeholder {
    color: #909090
}

.feedback2 textarea:-ms-input-placeholder {
    color: #909090
}

@media screen and (max-width:1920px) {
    .pageFeedback {
        padding-top: 130px;
        padding-bottom: 110px
    }

    .pageFeedback .page-Tit {
        font-size: 50px;
        line-height: 50px
    }

    .pageFeedback .t3 {
        font-size: 30px;
        margin-bottom: 65px
    }

    .feedback2 .inputbtn {
        line-height: 60px;
        border-radius: 60px;
        margin-bottom: 44px;
        margin-top: 35px;
        min-width: 186px;
        padding: 0 30px
    }
}

@media screen and (max-width:1919px) {
    .pageFeedback {
        padding-top: 1.3rem;
        padding-bottom: 1.1rem
    }

    .pageFeedback .page-Tit {
        font-size: 0.5rem;
        line-height: 0.5rem
    }

    .pageFeedback .t3 {
        font-size: 0.3rem;
        margin-bottom: 0.65rem
    }

    .feedback2 .inputbtn {
        line-height: 0.6rem;
        border-radius: 0.6rem;
        margin-bottom: 0.44rem;
        margin-top: 0.35rem;
        min-width: 1.86rem;
        padding: 0 0.3rem
    }
}

@media screen and (max-width:1220px) {
    .feedback2Box-tit {
        width: 100%;
        position: relative
    }

    .Ar .feedback2Box-tit {
        width: 100%;
        height: auto;
        position: relative
    }

    .feedback2Box {
        padding-left: 0
    }

    .Ar .feedback2Box {
        padding-left: 0;
        padding-right: 0
    }

    .feedback2Box {
        height: auto
    }

    .Ar .feedback2Box {
        height: auto
    }

    .feedback2Box-con {
        padding: 0 0;
        padding-top: 50px
    }
}

@media screen and (max-width:768px) {
    .feedback2 .l1 {
        float: left;
        width: 100%;
        position: relative
    }

    .Ar .feedback2 .l1 {
        float: left;
        width: 100%;
        position: relative
    }

    .feedback2 .inputbtn {
        line-height: 60px;
        border-radius: 60px;
        margin-bottom: 44px;
        margin-top: 35px;
        min-width: 186px;
        padding: 0 30px
    }

    .Ar .feedback2 .inputbtn {
        line-height: 60px;
        border-radius: 60px;
        margin-bottom: 44px;
        margin-top: 35px;
        min-width: 186px;
        padding: 0 30px;
        text-align: right
    }
}

/******************************************************news******************************************************/
/*newsHotImgBox*/
.page-newsHot {
    margin-bottom: 55px;
    padding-top: 60px
}

.newsHotBox {
    margin: 0 auto;
    position: relative;
    margin-bottom: 30px
}

.newsHotBox .lei {
    display: inline-block;
    margin: 0;
    margin-bottom: 50px;
    width: 125px;
    height: 38px;
    line-height: 38px;
    border-radius: 38px;
    font-size: 16px;
    color: #ffffff;
    background: #693d91;
    outline: none;
    text-align: center
}

.newsHotBox .newsHotImgBox {
    width: 58.125%;
    height: auto;
    float: right;
    text-align: left;
    overflow: hidden
}

.Ar .newsHotBox .newsHotImgBox {
    width: 58.125%;
    height: auto;
    float: left;
    text-align: left;
    overflow: hidden
}

.newsHotBox .newsHotImgBox .swiper-slide {
    width: 100%
}

.Ar .newsHotBox .newsHotImgBox .swiper-slide {
    width: 100%
}

.newsHotBox .newsHotImgBox .swiper-slide a {
    display: block
}

.Ar .newsHotBox .newsHotImgBox .swiper-slide a {
    display: block
}

.newsHotBox .newsHotImgBox .ImgBoxB {
    overflow: hidden;
    padding-bottom: 65.63706563706564%;
    position: relative;
    border-radius: 5px
}

.Ar .newsHotBox .newsHotImgBox .ImgBoxB {
    overflow: hidden;
    padding-bottom: 65.63706563706564%;
    position: relative;
    border-radius: 5px
}

.newsHotBox .newsHotImgBox .ImgBox {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.newsHotBox .newsHotImgBox .ImgBox img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    max-width: none;
    height: 100%;
    display: none
}

.newsHotBox .newsHotImgBox a,
.newsHotBox .newsHotImgBox .ImgBox,
.newsHotBox .newsHotImgBox .ImgBox,
.newsHotBox .newsHotImgBox .ImgBox img {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.newsHotBox .newsHotImgBox .ImgBox:hover img {
    -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
    -moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
    -o-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
    -ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
    transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%)
}

.newsHotBox .newsHotImgBox a .ImgBoxB .ImgBox {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.newsHotBox .newsHotImgBox a:hover .ImgBoxB .ImgBox {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

/*newsHotList*/
.newsHotBox .newsHotlunboBox {
    width: 41.875%;
    position: absolute;
    left: 0;
    top: 0;
    height: 100%
}

.Ar .newsHotBox .newsHotlunboBox {
    width: 41.875%;
    position: absolute;
    left: auto;
    right: 0;
    top: 0;
    height: 100%
}

.newsHotBox .newsHotlunbo {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.newsHotBox .newsHotList {
    font-size: 0;
    line-height: 0
}

.newsHotBox .newsHotList li {
    width: 100%;
    display: block;
    padding: 50px 100px 50px 0
}

.Ar .newsHotBox .newsHotList li {
    width: 100%;
    display: block;
    padding: 50px 0 50px 100px
}

.newsHotBox .newsHotList li,
.newsHotBox .newsHotList li a {
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all .3s ease-in-out
}

.newsHotBox .newsHotList li .info {
    position: relative
}

.newsHotBox .newsHotList li .tit a {
    display: block;
    font-size: 28px;
    line-height: 30px;
    max-height: 60px;
    color: #693d91;
    overflow: hidden;
    font-weight: normal;
    margin-bottom: 30px
}

.newsHotBox .newsHotList li .des {
    font-size: 18px;
    color: #64676b;
    line-height: 28px;
    height: 112px;
    overflow: hidden;
    font-weight: 300;
    margin-bottom: 65px
}

.newsHotBox .newsHotList li .date {
    font-size: 16px;
    color: #bbbbbb
}

.newsHotBox .newsHotList li .tit a:hover {
    color: #00822a
}

.newsHotBox .newsHotList li .m {
    display: inline-block;
    width: 106px;
    height: 41px;
    line-height: 41px;
    font-size: 14px;
    color: #fff;
    background: #000;
    border-radius: 5px;
    margin: 0;
    outline: none;
    cursor: pointer;
    text-align: center;
    margin-top: 50px
}

.newsHotBox .newsHotList li .m:hover {
    background: #085cc2;
    color: #fff
}

/**/
.page-newsHot .swiper-pagination {
    position: absolute;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 2;
    left: 0;
    margin: 0;
    text-align: left
}

.Ar .page-newsHot .swiper-pagination {
    position: absolute;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 2;
    left: 0;
    margin: 0;
    text-align: right
}

.page-newsHot .swiper-pagination span.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    opacity: 1;
    background: #f6f6f6;
    margin-right: 10px;
    outline: none
}

.page-newsHot .swiper-pagination span.swiper-pagination-bullet-active {
    background: #693d91
}

/*swiper-button*/
.page-newsHot .swiper-button-prev {
    position: absolute;
    left: 4.5%;
    top: 50%;
    opacity: 1;
    width: 24px;
    height: 42px;
    margin-top: -21px;
    background: url("../images/index-left2.png") center center no-repeat;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.Ar .page-newsHot .swiper-button-prev {
    position: absolute;
    left: 0;
    right: 4.5%;
    top: 50%;
    opacity: 1;
    width: 24px;
    height: 42px;
    margin-top: -21px;
    background: url("../images/index-right2.png") center center no-repeat;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.page-newsHot .swiper-button-next {
    position: absolute;
    right: 4.5%;
    top: 50%;
    opacity: 1;
    width: 24px;
    height: 42px;
    margin-top: -21px;
    background: url("../images/index-right2.png") center center no-repeat;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.Ar .page-newsHot .swiper-button-next {
    position: absolute;
    right: 0;
    left: 4.5%;
    top: 50%;
    opacity: 1;
    width: 24px;
    height: 42px;
    margin-top: -21px;
    background: url("../images/index-left2.png") center center no-repeat;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.page-newsHot .swiper-button-prev.swiper-button-disabled,
.page-newsHot .swiper-button-next.swiper-button-disabled {
    opacity: 0.5
}

/**/
.newsHotBox .newsHotList li .m,
.newsHotBox .newsHotList li .tit,
.newsHotBox .newsHotList li .des,
.newsHotBox .newsHotList li .date {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(-60px);
    -o-transform: translateY(-60px);
    -moz-transform: translateY(-60px);
    -ms-transform: translateY(-60px);
    transform: translateY(-60px)
}

.newsHotBox .newsHotList li.swiper-slide-active .tit {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    -o-transform: translateY(0) translateZ(0);
    -moz-ttransform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
    -webkit-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -o-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1)
}

.newsHotBox .newsHotList li.swiper-slide-active .m,
.newsHotBox .newsHotList li.swiper-slide-active .des {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    -o-transform: translateY(0) translateZ(0);
    -moz-ttransform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
    -webkit-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
    -o-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
    -moz-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
    -ms-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
    transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s
}

.newsHotBox .newsHotList li.swiper-slide-active .date {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateY(0) translateZ(0);
    -o-transform: translateY(0) translateZ(0);
    -moz-ttransform: translateY(0) translateZ(0);
    -ms-transform: translateY(0) translateZ(0);
    transform: translateY(0) translateZ(0);
    -webkit-transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
    -o-transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
    -moz-transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
    -ms-transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
    transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s
}

@media screen and (max-width:1920px) {
    .page-newsHot {
        margin-bottom: 55px;
        padding-top: 60px
    }

    .newsHotBox {
        margin-bottom: 30px
    }

    .newsHotBox .lei {
        margin-bottom: 50px;
        width: 125px;
        height: 38px;
        line-height: 38px;
        border-radius: 38px;
        font-size: 16px
    }

    .newsHotBox .newsHotList li {
        padding: 50px 100px 50px 0
    }

    .newsHotBox .newsHotList li .tit a {
        font-size: 28px;
        line-height: 30px;
        max-height: 60px;
        margin-bottom: 30px
    }

    .newsHotBox .newsHotList li .des {
        font-size: 18px;
        line-height: 28px;
        height: 112px;
        margin-bottom: 65px
    }

    .newsHotBox .newsHotList li .date {
        font-size: 16px
    }

    .newsHotBox .newsHotList li .m {
        width: 106px;
        height: 41px;
        line-height: 41px;
        font-size: 14px;
        margin-top: 50px
    }

    .page-newsHot .swiper-button-prev,
    .page-newsHot .swiper-button-next {
        width: 24px;
        height: 42px;
        margin-top: -21px
    }
}

@media screen and (max-width:1919px) {
    .page-newsHot {
        margin-bottom: 0.55rem;
        padding-top: 0.6rem
    }

    .newsHotBox {
        margin-bottom: 0.3rem
    }

    .newsHotBox .lei {
        margin-bottom: 0.5rem;
        width: 1.25rem;
        height: 0.38rem;
        line-height: 0.38rem;
        border-radius: 0.38rem;
        font-size: 0.16rem
    }

    .newsHotBox .newsHotList li {
        padding: 0.5rem 1rem 0.5rem 0
    }

    .newsHotBox .newsHotList li .tit a {
        font-size: 0.28rem;
        line-height: 0.3rem;
        max-height: 0.6rem;
        margin-bottom: 0.3rem
    }

    .newsHotBox .newsHotList li .des {
        font-size: 0.18rem;
        line-height: 0.28rem;
        height: 1.12rem;
        margin-bottom: 0.65rem
    }

    .newsHotBox .newsHotList li .date {
        font-size: 0.16rem
    }

    .newsHotBox .newsHotList li .m {
        width: 1.06rem;
        height: 0.41rem;
        line-height: 0.41rem;
        font-size: 0.14rem;
        margin-top: 0.5rem
    }

    .page-newsHot .swiper-button-prev,
    .page-newsHot .swiper-button-next {
        width: 0.24rem;
        height: 0.42rem;
        margin-top: -0.21rem
    }
}

@media screen and (max-width:1220px) {
    .newsHotBox .newsHotList li .tit a {
        font-size: 22px;
        line-height: 36px;
        max-height: 72px
    }

    .newsHotBox .newsHotList li .date {
        font-size: 16px;
        margin-bottom: 40px
    }

    .newsHotBox .newsHotList li .m {
        width: 106px;
        height: 41px;
        line-height: 41px;
        margin-top: 40px
    }
}

@media screen and (max-width:992px) {
    .newsHotBox .newsHotImgBox {
        width: 100%;
        float: none;
        margin-bottom: 50px
    }

    .Ar .newsHotBox .newsHotImgBox {
        width: 100%;
        float: none;
        margin-bottom: 50px
    }

    .newsHotBox .newsHotlunboBox {
        width: 100%;
        position: static;
        left: 0%;
        height: auto;
        margin-bottom: 30px
    }

    .Ar .newsHotBox .newsHotlunboBox {
        width: 100%;
        position: static;
        left: 0%;
        height: auto;
        margin-bottom: 30px
    }

    .newsHotBox .newsHotlunbo {
        width: 100%;
        position: static;
        left: 0;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        margin-bottom: 30px
    }

    .Ar .newsHotBox .newsHotlunbo {
        width: 100%;
        position: static;
        left: auto;
        right: 0;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        margin-bottom: 30px
    }

    .page-newsHot .newsHotlunbobtn {
        position: static;
        left: 0%;
        bottom: 0
    }

    .Ar .page-newsHot .newsHotlunbobtn {
        position: static;
        left: auto;
        right: 0%;
        bottom: 0
    }

    .page-newsHot .swiper-button-prev,
    .page-newsHot .swiper-button-next {}

    .newsHotBox .newsHotList li .info {
        padding: 30px 0
    }

    .newsHotBox .newsHotList li {
        padding: 0 0px 50px 0
    }

    .newsHotBox .newsHotList li .tit a {
        font-size: 20px;
        line-height: 32px;
        max-height: 64px
    }

    .newsHotBox .newsHotList li .des {
        font-size: 14px;
        line-height: 28px;
        height: 112px;
        margin-bottom: 65px
    }

    .newsHotBox .newsHotList li .date {
        font-size: 12px;
        margin-bottom: 25px
    }

    .newsHotBox .newsHotList li .m {
        width: 100px;
        height: 40px;
        line-height: 40px;
        margin-top: 30px
    }

    .newsHotBox .lei {
        margin-bottom: 0px;
        width: 125px;
        height: 38px;
        line-height: 38px;
        border-radius: 38px;
        font-size: 16px
    }

    .Ar .page-newsHot .swiper-button-prev,
    .Ar .page-newsHot .swiper-button-next {
        width: 15px;
        height: 30px;
        margin-top: -15px
    }

    .Ar .newsHotBox .newsHotList li .info {
        padding: 30px 0
    }

    .Ar .newsHotBox .newsHotList li {
        padding: 0 0px 50px 0
    }

    .Ar .newsHotBox .newsHotList li .tit a {
        font-size: 20px;
        line-height: 32px;
        max-height: 64px
    }

    .Ar .newsHotBox .newsHotList li .des {
        font-size: 14px;
        line-height: 28px;
        height: 112px;
        margin-bottom: 65px
    }

    .Ar .newsHotBox .newsHotList li .date {
        font-size: 12px;
        margin-bottom: 25px
    }

    .Ar .newsHotBox .newsHotList li .m {
        width: 100px;
        height: 40px;
        line-height: 40px;
        margin-top: 30px
    }

    .Ar .newsHotBox .lei {
        margin-bottom: 0px;
        width: 125px;
        height: 38px;
        line-height: 38px;
        border-radius: 38px;
        font-size: 16px
    }

    .Ar .page-newsHot .swiper-button-prev,
    .Ar .page-newsHot .swiper-button-next {
        width: 15px;
        height: 30px;
        margin-top: -15px
    }
}

/*pageNewsList*/
.pageNews {
    overflow: hidden
}

.pageNewsList {
    margin: 0 auto;
    overflow: hidden;
    border-top: 1px solid #d0d0d0;
    padding-top: 70px;
    padding-bottom: 120px
}

.pageNewsListul {
    font-size: 0;
    margin: 0 -10px
}

.pageNewsListul li {
    display: inline-block;
    *display: inline;
    zoom: 1;
    width: 33.333333%;
    margin-bottom: 45px;
    vertical-align: top
}

.pageNewsListul .item {
    display: block;
    margin: 0 10px;
    position: relative;
    overflow: hidden;
    background: #fff
}

.pageNewsListul .ImgBoxB {
    overflow: hidden;
    padding-bottom: 65.63706563706564%;
    position: relative;
    border-radius: 5px;
    margin-bottom: 30px
}

.pageNewsListul .ImgBox {
    overflow: hidden;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.pageNewsListul .ImgBox img {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: block;
    max-width: none;
    height: 100%;
    display: none
}

.pageNewsListul .title {
    height: 94px;
    overflow: hidden
}

.pageNewsListul .title .t {
    font-size: 24px;
    line-height: 28px;
    max-height: 56px;
    margin-bottom: 10px;
    color: #693d91;
    font-weight: normal;
    overflow: hidden
}

.pageNewsListul .title .des {
    font-size: 18px;
    line-height: 28px;
    max-height: 56px;
    overflow: hidden;
    color: #64676b;
    font-weight: 300
}

.pageNewsListul .dateB {
    position: relative;
    padding-top: 60px
}

.pageNewsListul .date {
    font-size: 16px;
    color: #a0a0a2;
    line-height: 56px;
    max-height: 56px;
    font-weight: 300
}

.pageNewsListul .more2 {
    font-size: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    position: absolute;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: 0;
    bottom: 0;
    background: url(../images/ss1.png) center no-repeat;
    background-size: 100%
}

.Ar .pageNewsListul .more2 {
    font-size: 0;
    width: 56px;
    height: 56px;
    border-radius: 50%;
    position: absolute;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    right: auto;
    left: 0;
    bottom: 0;
    background: url(../images/ss1.png) center no-repeat;
    background-size: 100%
}

.pageNewsListul .more2,
.pageNewsListul .item,
.pageNewsListul .title:after,
.pageNewsListul .item .title,
.pageNewsListul .item .ImgBoxB .ImgBox,
.pageNewsListul .ImgBox img {
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    transition: all .3s ease-in-out
}

.pageNewsListul .item .ImgBoxB .ImgBox {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.pageNewsListul .item:hover .ImgBoxB .ImgBox {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1)
}

@media screen and (max-width:1920px) {
    .pageNewsList {
        padding-top: 70px;
        padding-bottom: 120px
    }

    .pageNewsListul li {
        margin-bottom: 45px
    }

    .pageNewsListul .ImgBoxB {
        margin-bottom: 30px
    }

    .pageNewsListul .title {
        height: 94px
    }

    .pageNewsListul .title .t {
        font-size: 24px;
        line-height: 28px;
        max-height: 56px;
        margin-bottom: 10px
    }

    .pageNewsListul .title .des {
        font-size: 18px;
        line-height: 28px;
        max-height: 56px
    }

    .pageNewsListul .dateB {
        padding-top: 60px
    }

    .pageNewsListul .date {
        font-size: 16px;
        line-height: 56px;
        max-height: 56px
    }

    .pageNewsListul .more2 {
        width: 56px;
        height: 56px
    }
}

@media screen and (max-width:1919px) {
    .pageNewsList {
        padding-top: 0.7rem;
        padding-bottom: 1.2rem
    }

    .pageNewsListul li {
        margin-bottom: 0.45rem
    }

    .pageNewsListul .ImgBoxB {
        margin-bottom: 0.3rem
    }

    .pageNewsListul .title {
        height: 0.94rem
    }

    .pageNewsListul .title .t {
        font-size: 0.24rem;
        line-height: 0.28rem;
        max-height: 0.56rem;
        margin-bottom: 0.1rem
    }

    .pageNewsListul .title .des {
        font-size: 0.18rem;
        line-height: 0.28rem;
        max-height: 0.56rem
    }

    .pageNewsListul .dateB {
        padding-top: 0.6rem
    }

    .pageNewsListul .date {
        font-size: 0.16rem;
        line-height: 0.56rem;
        max-height: 0.56rem
    }

    .pageNewsListul .more2 {
        width: 0.56rem;
        height: 0.56rem
    }
}

@media screen and (max-width:1220px) {}

@media screen and (max-width:992px) {
    .pageNewsListul li {
        width: 50%
    }

    .pageNewsListul .title {
        height: 94px
    }

    .pageNewsListul .title .t {
        font-size: 18px;
        line-height: 30px;
        max-height: 60px;
        margin-bottom: 10px
    }

    .pageNewsListul .title .des {
        font-size: 14px;
        line-height: 28px;
        max-height: 56px
    }

    .pageNewsListul .dateB {
        padding-top: 30px
    }

    .pageNewsListul .date {
        font-size: 12px;
        line-height: 56px;
        max-height: 56px
    }

    .pageNewsListul .more2 {
        width: 56px;
        height: 56px
    }
}

@media screen and (max-width:768px) {
    .pageNewsListul li {
        width: 100%
    }
}

/*page-tab*/
.page-tab {
    margin: 0 auto;
    padding: 33px 0 33px 0;
    text-align: center
}

.page-tab ul {
    margin: 0 auto;
    padding: 0;
    list-style: none;
    text-align: center;
    height: 44px;
    line-height: 44px;
    font-size: 0
}

.page-tab ul li {
    margin: 0;
    padding: 0;
    display: inline-block;
    position: relative;
    height: 44px;
    line-height: 44px
}

.page-tab ul li a {
    display: inline-block;
    text-align: center;
    font-size: 15px;
    color: #693d91;
    padding: 0 18px;
    margin: 0 4px;
    height: 42px;
    line-height: 42px;
    border: 1px solid #f8f8f8;
    background: #f8f8f8
}

.page-tab ul li a:hover,
.page-tab ul li a.focus {
    background: #693d91;
    color: #fff;
    border-color: #693d91
}
.page-tab ul li a:hover,
.page-tab ul li a.focus {
    background: #693d91;
    color: #fff;
    border-color: #693d91
}
.page-tab li>a:hover,
.page-tab li.on>a {
     background: #693d91;
    color: #fff;
}

.page-tab ul li.next-page a,
.page-tab ul li.prev-page a {
    padding: 0 32px
}

@media screen and (max-width:1920px) {
    .page-tab {
        padding: 33px 0 33px 0
    }

    .page-tab ul {
        height: 44px;
        line-height: 44px
    }

    .page-tab ul li {
        height: 44px;
        line-height: 44px
    }

    .page-tab ul li a {
        font-size: 15px;
        padding: 0 18px;
        margin: 0 4px;
        height: 42px;
        line-height: 42px
    }
}

@media screen and (max-width:1919px) {
    .page-tab {
        padding: 0.33rem 0 0.33rem 0
    }

    .page-tab ul {
        height: 0.44rem;
        line-height: 0.44rem
    }

    .page-tab ul li {
        height: 0.44rem;
        line-height: 0.44rem
    }

    .page-tab ul li a {
        font-size: 0.15rem;
        padding: 0 0.18rem;
        margin: 0 0.04rem;
        height: 0.42rem;
        line-height: 0.42rem
    }
}

@media screen and (max-width:1024px) {
    .page-tab {
        margin: 0 auto;
        padding: 30px 0 30px 0;
        text-align: center
    }
}

@media screen and (max-width:768px) {
    .page-tab ul li {
        display: none
    }

    .page-tab ul li.next-page,
    .page-tab ul li.prev-page {
        display: inline-block
    }

    .page-tab ul li a {
        font-size: 15px;
        padding: 0 18px;
        margin: 0 4px;
        height: 42px;
        line-height: 42px
    }
}

/*page-newsInfo*/
.page-newsInfoBox {
    padding-top: 50px;
    padding-bottom: 110px
}

.page-newsInfoCon {
    position: relative
}

.page-newsInfo {
    text-align: left
}

.Ar .page-newsInfo {
    text-align: right
}

.page-newsInfo .page-newswz {
    padding-left: 130px;
    position: relative
}

.Ar .page-newsInfo .page-newswz {
    padding-left: 0px;
    padding-right: 130px;
    position: relative
}

.page-newsInfo .newsTitbig {
    font-size: 16px;
    color: #6b696a;
    line-height: normal;
    font-weight: 300;
    position: absolute;
    left: 0;
    top: 10px;
    width: 130px
}

.Ar .page-newsInfo .newsTitbig {
    font-size: 16px;
    color: #6b696a;
    line-height: normal;
    font-weight: 300;
    position: absolute;
    left: auto;
    right: 0;
    top: 10px;
    width: 130px
}

.page-newsInfo .newsTitbig span {
    display: inline-block;
    padding-right: 90px;
    position: relative
}

.Ar .page-newsInfo .newsTitbig span {
    display: inline-block;
    padding-right: 0px;
    padding-left: 90px;
    position: relative
}

.page-newsInfo .newsTitbig span:after {
    content: '';
    display: block;
    width: 60px;
    height: 1px;
    background: #c9c9c9;
    position: absolute;
    right: 18px;
    bottom: 5px
}

.page-newsInfo .newsTit {
    font-size: 36px;
    color: #000000;
    line-height: normal;
    font-weight: 300;
    margin-bottom: 25px;
    max-width: 700px
}

.page-newsInfo .newsShuju {
    font-size: 14px;
    color: #9ea0ae;
    line-height: 30px;
    padding-bottom: 30px
}

.page-newsInfo .newsShuju em {
    display: inline-block;
    font-size: 18px;
    color: #64676b;
    line-height: 30px;
    font-weight: 300;
    font-style: normal
}

/*newsText*/
.page-newsInfo .newsText {
    color: #64676b;
    font-size: 18px;
    line-height: 26px;
    font-style: normal;
    font-variant: normal;
    font-weight: 300;
    margin: 0 auto;
    padding-top: 50px;
    margin-bottom: 100px
}

.page-newsInfo .newsTextNr {
    padding-bottom: 20px
}

.page-newsInfo .newsText h2 {
    font-size: 20px;
    color: #000;
    font-weight: normal
}

/*newsBtn*/
.page-newsInfo .newsBtnBox {
    background: #f3f7f4
}

.page-newsInfo .newsBtn {
    padding: 45px 40px;
    font-size: 0;
    position: relative;
    text-align: left;
    margin: 0 auto
}

.page-newsInfo .newsBtn .newsBtnA {
    display: block;
    width: 50%;
    line-height: 0;
    color: #6b696a;
    font-size: 0;
    float: left;
    text-align: left;
    max-width: 340px
}

.Ar .page-newsInfo .newsBtn .newsBtnA {
    display: block;
    width: 50%;
    line-height: 0;
    color: #6b696a;
    font-size: 0;
    float: right;
    text-align: right;
    max-width: 340px
}

.page-newsInfo .newsBtn .newsBtnB {
    display: block;
    width: 50%;
    line-height: 0;
    color: #6b696a;
    font-size: 0;
    float: right;
    text-align: right;
    max-width: 340px
}

.Ar .page-newsInfo .newsBtn .newsBtnB {
    display: block;
    width: 50%;
    line-height: 0;
    color: #6b696a;
    font-size: 0;
    float: left;
    text-align: left;
    max-width: 340px
}

.page-newsInfo .newsBtn .newsBtnA em,
.page-newsInfo .newsBtn .newsBtnB em {
    font-size: 16px;
    line-height: 32px;
    height: 32px;
    display: inline-block;
    font-style: normal;
    color: #000000;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    max-width: 300px
}

.page-newsInfo .newsBtn .newsBtnA a {
    background: url(../images/news2-l.png) left center no-repeat;
    background-size: 28px;
    padding-left: 40px
}

.Ar .page-newsInfo .newsBtn .newsBtnA a {
    background: url(../images/news2-r.png) right center no-repeat;
    background-size: 28px;
    padding-left: 0;
    padding-right: 40px
}

.page-newsInfo .newsBtn .newsBtnB a {
    background: url(../images/news2-r.png) right center no-repeat;
    background-size: 28px;
    padding-right: 40px
}

.Ar .page-newsInfo .newsBtn .newsBtnB a {
    background: url(../images/news2-l.png) left center no-repeat;
    background-size: 28px;
    padding-right: 0;
    padding-left: 40px
}

.page-newsInfo .newsBtn a {
    display: inline-block;
    color: #4b4b4b;
    font-size: 15px;
    line-height: 32px;
    height: 32px;
    text-align: left
}

.page-newsInfo .newsBtn a:hover em {
    color: #693d91
}

.page-newsInfo .newsBtn a srtong {
    color: #333333
}

.page-newsInfo .newsBtnBox:hover {
    background: #eef5ef
}

@media screen and (max-width:1150px) {
    .page-newsInfo .newsTit {
        font-size: 24px
    }

    .page-newsInfoCon {
        padding-right: 0
    }

    .page-newsInfo {
        margin-right: 0
    }

    .page-newsInfo .newsBtn {
        padding: 35px 35px
    }

    .page-newsInfo .newsBtn a {
        font-size: 14px
    }
}

@media screen and (max-width:992px) {
    .page-newsInfo .page-newswz {
        padding-left: 0;
        position: static
    }

    .Ar .page-newsInfo .page-newswz {
        padding-left: 0;
        padding-right: 0;
        position: static
    }

    .page-newsInfo .newsTitbig {
        position: static;
        left: 0;
        top: 0;
        width: 100%;
        margin-bottom: 30px
    }

    .Ar .page-newsInfo .newsTitbig {
        position: static;
        left: 0;
        top: 0;
        width: 100%;
        margin-bottom: 30px
    }

    .page-newsInfo .newsText {
        padding-top: 30px
    }

    .page-newsInfo .newsTit {
        font-size: 20px;
        width: auto
    }

    .page-newsInfoBox {
        padding-top: 20px;
        padding-bottom: 50px
    }

    .page-newsInfo {
        text-align: left;
        width: 100%;
        padding-top: 60px;
        padding-bottom: 50px
    }

    .page-newsInfo .newsShuju {
        padding-bottom: 30px
    }

    .page-newsInfo .newsShuju em {
        font-size: 13px;
        line-height: 26px
    }

    .page-newsInfo .newsText {
        font-size: 14px;
        line-height: 24px
    }

    .page-newsInfo .newsBtn {
        text-align: center
    }

    .page-newsInfo .newsBtn a {
        font-size: 13px;
        padding: 0 0px
    }

    .page-newsInfo .newsBtn .newsBtnA {
        width: 100%;
        max-width: 100%;
        text-align: center;
        display: none
    }

    .page-newsInfo .newsBtn .newsBtnB {
        width: 100%;
        max-width: 100%;
        text-align: center;
        display: none
    }

    .Ar .page-newsInfo .newsBtn .newsBtnA {
        width: 100%;
        max-width: 100%;
        text-align: center;
        display: none
    }

    .Ar .page-newsInfo .newsBtn .newsBtnB {
        width: 100%;
        max-width: 100%;
        text-align: center;
        display: none
    }

    .page-newsInfo .newsBtn .newsBtnA em {
        max-width: 100%
    }

    .page-newsInfo .newsBtn .newsBtnB em {
        max-width: 100%
    }

    .page-newsInfo .newsBtn .newsBtnA a {
        background-size: 20px;
        padding-left: 0px;
        padding-right: 0;
        background: none
    }

    .page-newsInfo .newsBtn .newsBtnB a {
        padding-right: 0px;
        padding-left: 0;
        background-size: 20px;
        background: none
    }

    .page-newsInfo .newsBtn {
        padding: 20px 20px
    }
}

/*page-back*/
.page-back2 {
    text-align: center;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin: 0 auto;
    margin-top: -20px;
    width: 137px;
    font-size: 0;
    line-height: normal
}

.page-back2 a {
    display: block;
    width: 137px;
    font-size: 16px !important;
    overflow: hidden;
    line-height: 43px !important;
    height: 43px !important;
    border: 1px solid #693d91;
    border-radius: 44px;
    color: #693d91 !important;
    margin: 0 auto;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    transition: 0.3s;
    position: relative;
    text-align: center !important;
    font-weight: 300
}

.page-back2 a span {
    display: inline-block;
    position: relative;
    z-index: 2;
    overflow: hidden;
    text-align: center;
    margin: auto
}

.page-back2 a:hover {
    background: #693d91 !important;
    color: #fff !important
}

@media screen and (max-width:992px) {
    .page-back2 {
        position: static;
        top: 0;
        margin-top: 0px;
        width: 137px
    }
}

/**********************************************ABOUT**********************************************/
/*pageAbout2_gallery*/
.pageAbout2_gallery {
    width: 100%;
    position: relative;
    height: 546px;
    margin-top: 122px
}

.pageAbout2_gallery_figure {
    position: absolute;
    overflow: hidden;
    background: #f2faff;
    border-radius: 8px
}

.pageAbout2_gallery .li1 {
    width: 356px;
    height: 233px;
    top: 172px;
    left: -38px
}

.pageAbout2_gallery .li2 {
    width: 304px;
    height: 210px;
    top: 0px;
    left: 394px
}

.pageAbout2_gallery .li3 {
    width: 434px;
    height: 283px;
    top: 263px;
    left: 506px
}

.pageAbout2_gallery .li4 {
    width: 351px;
    height: 233px;
    top: 150px;
    left: 1038px
}

.pageAbout2_gallery_figure img {
    max-width: 100%;
    vertical-align: top;
    height: auto;
    display: block;
    width: 100%;
    height: auto
}

.pageAbout2_line {
    position: absolute;
    z-index: -1;
    bottom: 0;
    width: 1578px;
    height: 577px;
    left: -50px
}

.pageAbout2_line_svg {
    width: 100%;
    height: auto
}

/*.pageAbout2_line_a,.pageAbout2_line_b,.pageAbout2_line_c,.pageAbout2_line_d{transition:-webkit-clip-path 5s cubic-bezier(0.25,0.46,0.45,0.94);transition:clip-path 5s cubic-bezier(0.25,0.46,0.45,0.94);transition:clip-path 5s cubic-bezier(0.25,0.46,0.45,0.94),-webkit-clip-path 5s cubic-bezier(0.25,0.46,0.45,0.94)}.pageAbout2_line_a{transition:-webkit-clip-path 5s cubic-bezier(0.25,0.46,0.45,0.94);transition:clip-path 5s cubic-bezier(0.25,0.46,0.45,0.94);transition:clip-path 5s cubic-bezier(0.25,0.46,0.45,0.94),-webkit-clip-path 5s cubic-bezier(0.25,0.46,0.45,0.94);-webkit-clip-path:inset(0 100% 0 0%);clip-path:inset(0 100% 0 0%)}.pageAbout2_line_b{transition:-webkit-clip-path 2s cubic-bezier(0.25,0.46,0.45,0.94);transition:clip-path 2s cubic-bezier(0.25,0.46,0.45,0.94);transition:clip-path 2s cubic-bezier(0.25,0.46,0.45,0.94),-webkit-clip-path 2s cubic-bezier(0.25,0.46,0.45,0.94);-webkit-clip-path:inset(0 0% 0 100%);clip-path:inset(0 0% 0 100%)}.pageAbout2_line_c{transition:-webkit-clip-path 5s cubic-bezier(0.25,0.46,0.45,0.94);transition:clip-path 5s cubic-bezier(0.25,0.46,0.45,0.94);transition:clip-path 5s cubic-bezier(0.25,0.46,0.45,0.94),-webkit-clip-path 5s cubic-bezier(0.25,0.46,0.45,0.94);-webkit-clip-path:inset(0 100% 0 0%);clip-path:inset(0 100% 0 0%)}.pageAbout2_line_d{transition:-webkit-clip-path 2s cubic-bezier(0.25,0.46,0.45,0.94);transition:clip-path 2s cubic-bezier(0.25,0.46,0.45,0.94);transition:clip-path 2s cubic-bezier(0.25,0.46,0.45,0.94),-webkit-clip-path 2s cubic-bezier(0.25,0.46,0.45,0.94);-webkit-clip-path:inset(0 0% 0 100%);clip-path:inset(0 0% 0 100%)}.is-inview .pageAbout2_line_a,.is-inview .pageAbout2_line_b,.is-inview .pageAbout2_line_c,.is-inview .pageAbout2_line_d{-webkit-clip-path:inset(0 0% 0 0%);clip-path:inset(0 0% 0 0%)}*/
@media screen and (min-width:769px) {
    .pageAbout2_gallery {
        height: 42vw;
        margin-top: 9.3846153846vw
    }

    .pageAbout2_gallery_figure {
        border-radius: 0.6153846154vw
    }

    .pageAbout2_gallery .li1 {
        width: 27.3846153846vw;
        height: 17.9230769231vw;
        top: 13.2307692308vw;
        left: -2.9230769231vw
    }

    .pageAbout2_gallery .li2 {
        width: 23.4375vw;
        height: 16.1538461538vw;
        top: 0vw;
        left: 30.3076923077vw
    }

    .pageAbout2_gallery .li3 {
        width: 33.3846153846vw;
        height: 21.7692307692vw;
        top: 25.2307692308vw;
        left: 35.9230769231vw
    }

    .pageAbout2_gallery .li4 {
        width: 27vw;
        height: 17.9230769231vw;
        top: 8.5384615385vw;
        left: 75.8461538462vw
    }

    .pageAbout2_line {
        width: 121.3846153846vw;
        height: 44.3846153846vw;
        left: -3.8461538462vw
    }
}

@media screen and (max-width:768px) {
    .pageAbout2_gallery {
        height: 57.0666666667vw;
        margin-top: 21.3333333333vw
    }

    .pageAbout2_gallery .li1 {
        width: 37.3333333333vw;
        height: 24.5333333333vw;
        top: 18.1333333333vw;
        left: -16vw
    }

    .pageAbout2_gallery .li2 {
        width: 32vw;
        height: 21.8666666667vw;
        top: 0;
        left: 28.8vw
    }

    .pageAbout2_gallery .li3 {
        width: 45.3333333333vw;
        height: 29.3333333333vw;
        top: 27.7333333333vw;
        left: 40.5333333333vw
    }

    .pageAbout2_gallery .li4 {
        width: 36.8vw;
        height: 24.5333333333vw;
        top: 16vw;
        left: 96vw
    }

    .pageAbout2_line {
        width: 165.3333333333vw;
        height: 64.5333333333vw;
        left: -29.3333333333vw;
        bottom: -8vw
    }
}

/*pageTable1*/
.pageTable1 {
    position: relative;
    padding-top: 300px
}

.pageTable1 .img {
    position: absolute;
    top: 180px;
    /*left:-8.333333333333333%;*/
}

.pageTable1 td {
    font-size: 22px;
    line-height: 34px;
    color: #333333;
    font-weight: 300
}

.pageTable1 td p strong {
    font-weight: normal
}

.pageTable1 td h2 {
    font-size: 80px;
    line-height: 80px;
    color: #000;
    font-weight: 100;
    text-transform: uppercase;
    margin-bottom: 80px
}

.pageTable1 td h2 strong {
    font-weight: bold
}

/*pageTable2*/
.pageTable2 {
    position: relative;
    padding-top: 200px;
    /*padding-bottom: 300px*/
}

.pageTable2 .img {
    position: absolute;
    top: 180px;
    left: -8.333333333333333%
}

.pageTable2 td {
    font-size: 22px;
    line-height: 34px;
    color: #333333;
    font-weight: 300;
    vertical-align: top
}

.pageTable2 td.tt {
    width: 37.5%
}

.pageTable2 td p strong {
    font-weight: normal
}

.pageTable2 td h2 {
    font-size: 60px;
    line-height: 60px;
    color: #693d91;
    font-weight: 300;
    margin-bottom: 80px
}

.pageTable2 td h2 strong {
    font-weight: bold
}

.Ar .pageTable2 .img {
    left: auto;
    right: -8.333333333333333%
}

@media screen and (max-width:1920px) {
    .pageTable1 {
        padding-top: 300px
    }

    .pageTable1 .img {
        top: 180px
    }

    .pageTable1 td {
        font-size: 22px;
        line-height: 34px
    }

    .pageTable1 td h2 {
        font-size: 80px;
        line-height: 80px;
        margin-bottom: 80px
    }

    .pageTable2 {
        padding-top: 200px;
        padding-bottom: 300px
    }

    .pageTable2 .img {
        top: 180px
    }

    .pageTable2 td {
        font-size: 22px;
        line-height: 34px
    }

    .pageTable2 td.tt {
        width: 37.5%
    }

    .pageTable2 td h2 {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 80px
    }
}

@media screen and (max-width:1919px) {
    .pageTable1 {
        padding-top: 3rem
    }

    .pageTable1 .img {
        top: 1.8rem
    }

    .pageTable1 td {
        font-size: 0.22rem;
        line-height: 0.34rem
    }

    .pageTable1 td h2 {
        font-size: 0.8rem;
        line-height: 0.8rem;
        margin-bottom: 0.8rem
    }

    .pageTable2 {
        padding-top: 1rem;
        padding-bottom: 3rem
    }

    .pageTable2 .img {
        top: 1.8rem
    }

    .pageTable2 td {
        font-size: 0.22rem;
        line-height: 0.34rem
    }

    .pageTable2 td.tt {
        width: 37.5%
    }

    .pageTable2 td h2 {
        font-size: 0.6rem;
        line-height: 0.6rem;
        margin-bottom: 0.8rem
    }
}

@media screen and (max-width:768px) {
    .pageTable2 td {
        display: block !important;
        width: 100% !important
    }
}

/*pageTable3*/
.pageTable3 {
    position: relative;
    padding-top: 160px;
    padding-bottom: 160px
}

.pageTable3 .img {
    position: absolute;
    top: 180px;
    left: -8.333333333333333%
}

.pageTable3 td {
    font-size: 22px;
    line-height: 34px;
    color: #333333;
    font-weight: 300;
    vertical-align: top;
    width: 50%
}

.pageTable3 td.tt {
    width: 50%
}

.pageTable3 td p strong {
    font-weight: normal
}

.pageTable3 td h2 {
    font-size: 60px;
    line-height: 60px;
    color: #4b4b4b;
    font-weight: bold;
    margin-bottom: 80px
}

.pageTable3 td h2 strong {
    font-weight: bold
}

.pageTable3 td h3 {
    font-size: 60px;
    line-height: 60px;
    color: #693d91;
    font-weight: bold;
    margin-bottom: 80px;
    text-align: right;
    padding-right: 50px
}

.Ar .pageTable3 td h3 {
    font-size: 60px;
    line-height: 60px;
    color: #693d91;
    font-weight: bold;
    margin-bottom: 80px;
    text-align: left;
    padding-right: 50px
}

.pageTable3 td h3 strong {
    font-weight: bold;
    color: #4b4b4b;
    padding-right: 85px
}

@media screen and (max-width:1920px) {
    .pageTable3 {
        padding-top: 160px;
        padding-bottom: 160px
    }

    .pageTable3 .img {
        top: 180px;
        left: -8.333333333333333%
    }

    .pageTable3 td {
        font-size: 22px;
        line-height: 34px
    }

    .pageTable3 td h2 {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 80px
    }

    .pageTable3 td h3 {
        font-size: 60px;
        line-height: 60px;
        margin-bottom: 80px;
        padding-right: 50px
    }

    .pageTable3 td h3 strong {
        padding-right: 85px
    }
}

@media screen and (max-width:1919px) {
    .pageTable3 {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem
    }

    .Ar .pageTable3 {
        padding-top: 1.6rem;
        padding-bottom: 1.6rem
    }

    .pageTable3 .img {
        top: 1.8rem;
        left: -8.333333333333333%
    }

    .Ar .pageTable3 .img {
        top: 1.8rem;
        left: -8.333333333333333%
    }

    .pageTable3 td {
        font-size: 0.22rem;
        line-height: 0.34rem
    }

    .pageTable3 td h2 {
        font-size: 0.6rem;
        line-height: 0.6rem;
        margin-bottom: 0.8rem
    }

    .Ar .pageTable3 td h2 {
        font-size: 0.6rem;
        line-height: 0.6rem;
        margin-bottom: 0.8rem
    }

    .pageTable3 td h3 {
        font-size: 0.6rem;
        line-height: 0.6rem;
        margin-bottom: 0.8rem;
        padding-right: 0.5rem
    }

    .Ar .pageTable3 td h3 {
        font-size: 0.6rem;
        line-height: 0.6rem;
        margin-bottom: 0.8rem;
        padding-right: 0.5rem
    }

    .pageTable3 td h3 strong {
        padding-right: 0.85rem
    }
}

@media screen and (max-width:1024px) {
    .pageTable3 td {
        display: block !important;
        width: 100% !important
    }

    .Ar .pageTable3 td {
        display: block !important;
        width: 100% !important
    }

    .pageTable3 td h3 {
        margin-bottom: 0;
        text-align: right;
        padding-right: 0;
        padding-top: 50px
    }

    .Ar .pageTable3 td h3 {
        margin-bottom: 0;
        text-align: left;
        padding-right: 0;
        padding-top: 50px
    }
}

@media screen and (max-width:550px) {
    .pageTable3 td {
        font-size: 16px;
        line-height: 34px
    }

    .Ar .pageTable3 td {
        font-size: 16px;
        line-height: 34px
    }
}

/*pageTestLabList*/
.pageCultureListul {
    overflow: hidden;
    display: block;
    font-size: 0;
    line-height: 0;
    margin: 0;
    padding-bottom: 100px
}

.pageCultureListul li {
    width: 100%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    position: relative;
    margin-bottom: 1.04vw
}

.pageCultureListul li .item {
    display: block;
    margin: 0;
    position: relative;
    padding-left: 33.75%
}

.Ar .pageCultureListul li .item {
    display: block;
    margin: 0;
    position: relative;
    padding-right: 33.75%;
    padding-left: 0
}

.pageCultureListul li .item,
.pageCultureListul li .titleBox,
.pageCultureListul li .titleBox .date,
.pageCultureListul li .titleBox .tt {
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all .3s ease-in-out
}

/**/
.pageCultureListul li .titleBox {
    position: absolute;
    right: 0;
    top: 0;
    width: 32.5%;
    text-align: left;
    height: 100%;
    background: #fff;
    border-radius: 10px
}

.Ar .pageCultureListul li .titleBox {
    text-align: right;
    left: 0;
    right: auto
}

.pageCultureListul li .titleBox .titleBoxNr {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Ar .pageCultureListul li .titleBox .titleBoxNr {
    display: block;
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    margin: 0 auto;
    width: 80%;
    font-size: 0;
    line-height: 0;
    vertical-align: middle;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pageCultureListul li .img .imgBoxB .imgBox img {
    display: block;
    max-width: none;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pageCultureListul li .titleBox .tt {
    font-size: 40px;
    height: 60px;
    line-height: 60px;
    color: #693d91;
    text-transform: uppercase;
    margin-bottom: 30px
}

.pageCultureListul li .titleBox .des {
    font-size: 18px;
    line-height: 24px;
    color: #6b696a;
    font-weight: 300
}

/**/
.pageCultureListul li .img {
    width: 50%
}

.pageCultureListul li .img .imgBoxB {
    overflow: hidden;
    border-radius: 10px
}

.pageCultureListul li .img .imgBoxB .imgBox {
    position: relative;
    padding-bottom: 100%
}

.pageCultureListul li .img .imgBoxB .imgBox img {
    display: block;
    max-width: none;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 0;
    line-height: 0;
    vertical-align: top;
    -moz-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%)
}

/**/
.pageCultureListul li,
.pageCultureListul li .titleBox,
.pageCultureListul li .img,
.pageCultureListul li .img .imgBoxB .imgBox,
.pageCultureListul li .img .imgBoxB img,
.pageCultureListul li .img .imgBoxB {
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out
}

.pageCultureListul li .item .titleBox:hover {
    background: #693d91
}

.pageCultureListul li .item .titleBox:hover .tt {
    color: #fff
}

.pageCultureListul li .item .titleBox:hover .des {
    color: #fff
}

.pageCultureListul li .item:hover .img .imgBoxB .imgBox {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

.pageCultureListul li:nth-child(2n) .titleBox {
    right: auto;
    left: 0
}

.Ar .pageCultureListul li:nth-child(2n) .titleBox {
    right: 0;
    left: auto
}

@media screen and (max-width:1920px) {
    .pageCultureListul {
        padding-bottom: 100px
    }

    .pageCultureListul li {
        margin-bottom: 30px
    }

    .pageCultureListul li .titleBox .tt {
        font-size: 40px;
        height: 60px;
        line-height: 60px;
        margin-bottom: 30px
    }

    .pageCultureListul li .titleBox .des {
        font-size: 18px;
        line-height: 24px
    }
}

@media screen and (max-width:1919px) {
    .pageCultureListul {
        padding-bottom: 1rem
    }

    .pageCultureListul li {
        margin-bottom: 0.3rem
    }

    .pageCultureListul li .titleBox .tt {
        font-size: 0.4rem;
        height: 0.6rem;
        line-height: 0.6rem;
        margin-bottom: 0.3rem
    }

    .pageCultureListul li .titleBox .des {
        font-size: 0.18rem;
        line-height: 0.24rem
    }
}

@media screen and (max-width:1220px) {
    .pageCultureListul li {
        margin-bottom: 30px
    }

    .pageCultureListul li .titleBox .tt {
        height: auto;
        line-height: normal;
        margin-bottom: 30px
    }

    .pageCultureListul li .titleBox .des {
        font-size: 16px;
        line-height: normal
    }
}

@media screen and (max-width:992px) {
    .pageCultureListul li {
        margin-bottom: 30px
    }

    .pageCultureListul li .titleBox .tt {
        height: auto;
        line-height: normal;
        margin-bottom: 30px
    }

    .pageCultureListul li .titleBox .des {
        font-size: 16px;
        line-height: normal
    }

    .pageCultureListul li .titleBox {
        position: absolute;
        right: 0;
        top: 0;
        width: 49%
    }

    .Ar .pageCultureListul li .titleBox {
        position: absolute;
        right: auto;
        left: 0;
        top: 0;
        width: 49%
    }

    .pageCultureListul li .item {
        padding-left: 0
    }

    .Ar .pageCultureListul li .item {
        padding-left: auto;
        padding-right: 0
    }

    .pageCultureListul li:nth-child(2n) .titleBox {
        right: auto;
        left: 0
    }

    .Ar .pageCultureListul li:nth-child(2n) .titleBox {
        right: 0;
        left: auto
    }

    .pageCultureListul li:nth-child(2n) .img {
        width: auto;
        padding-left: 50%
    }

    .Ar .pageCultureListul li:nth-child(2n) .img {
        width: auto;
        padding-right: 50%;
        padding-left: 0
    }
}

@media screen and (max-width:550px) {
    .pageCultureListul li {
        margin-bottom: 30px
    }

    .pageCultureListul li .titleBox .tt {
        height: auto;
        line-height: normal;
        margin-bottom: 30px
    }

    .pageCultureListul li .titleBox .des {
        font-size: 16px;
        line-height: normal
    }

    .pageCultureListul li .titleBox {
        position: static;
        right: 0;
        top: 0;
        width: 100%
    }

    .Ar .pageCultureListul li .titleBox {
        position: absolute;
        right: auto;
        left: 0;
        top: 0;
        width: 100%;
        background: none
    }

    .pageCultureListul li .item {
        padding-left: 0
    }

    .Ar .pageCultureListul li .item {
        padding-left: 0;
        padding-right: 0
    }

    .pageCultureListul li .img {
        width: 100%
    }

    .Ar .pageCultureListul li .img {
        width: 100%
    }

    .pageCultureListul li:nth-child(2n) .titleBox {
        right: auto;
        left: 0
    }

    .Ar .pageCultureListul li:nth-child(2n) .titleBox {
        right: 0;
        left: auto
    }

    .pageCultureListul li:nth-child(2n) .img {
        width: auto;
        padding-left: 0
    }

    .Ar .pageCultureListul li:nth-child(2n) .img {
        width: auto;
        padding-left: auto;
        padding-right: 0
    }

    .pageCultureListul li .img .imgBoxB .imgBox:after {
        content: '';
        background: #000;
        filter: alpha(opacity=30);
        -moz-opacity: .3;
        -khtml-opacity: .3;
        opacity: .3;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%
    }

    .Ar .pageCultureListul li .img .imgBoxB .imgBox:after {
        content: '';
        background: #000;
        filter: alpha(opacity=30);
        -moz-opacity: .3;
        -khtml-opacity: .3;
        opacity: .3;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        height: 100%
    }

    .pageCultureListul li .item .titleBox .tt {
        color: #fff
    }

    .pageCultureListul li .item .titleBox .des {
        color: #fff
    }
}

/*CultureStImgBox*/
.page-CultureSt {
    background: url("../images/page2bg2.jpg") center top no-repeat #2c2f33;
    background-size: cover;
    padding-top: 240px;
    padding-bottom: 150px
}

.page-CultureSt .tt {
    display: block;
    font-size: 50px;
    line-height: normal;
    color: #fff;
    text-align: center;
    text-transform: uppercase
}

.CultureStBox {
    margin: 0 auto;
    position: relative;
    margin-bottom: 30px
}

.CultureStBox .CultureStImgBox {
    width: 50%;
    height: auto;
    float: left;
    text-align: left
}

.Ar .CultureStBox .CultureStImgBox {
    float: right;
    text-align: right
}

.CultureStBox .CultureStImgBox .CultureStImg {
    padding-top: 80px
}

.CultureStBox .CultureStImgBox .swiper-slide {
    width: 100%;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden
}

.CultureStBox .CultureStImgBox .item {
    position: relative;
    text-align: center
}

.CultureStBox .CultureStImgBox .ImgBox {
    position: relative;
    display: inline-block;
    width: 71.25%;
    margin: 0 auto
}

.CultureStBox .CultureStImgBox .num {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 36px;
    color: #fff;
    background: url("../images/page-y.png") center center no-repeat;
    background-size: 100%;
    position: absolute;
    right: -50px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.Ar .CultureStBox .CultureStImgBox .num {
    width: 100px;
    height: 100px;
    line-height: 100px;
    font-size: 36px;
    color: #fff;
    background: url("../images/page-y.png") center center no-repeat;
    background-size: 100%;
    position: absolute;
    left: -50px;
    right: auto;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.CultureStBox .CultureStImgBox .ImgBox img {
    width: 100%
}

.CultureStBox .CultureStImgBox .item,
.CultureStBox .CultureStImgBox .ImgBox,
.CultureStBox .CultureStImgBox .ImgBox img {
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.CultureStBox .CultureStImgBox .swiper-slide:hover {
    -webkit-transform: translateY(-30px);
    -moz-transform: translateY(-30px);
    -ms-transform: translateY(-30px);
    -o-transform: translateY(-30px);
    transform: translateY(-30px)
}

.CultureStBox .CultureStImgBox .swiper-slide.swiper-slide-active {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible
}

/*CultureStList*/
.CultureStBox .CultureStlunboBox {
    width: 50%;
    position: absolute;
    left: 50%;
    top: 0;
    height: 100%
}

.Ar .CultureStBox .CultureStlunboBox {
    width: 50%;
    position: absolute;
    right: 50%;
    top: 0;
    height: 100%
}

.CultureStBox .CultureStlunbo {
    width: 100%;
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.CultureStBox .CultureStList {
    font-size: 0;
    line-height: 0
}

.CultureStBox .CultureStList li {
    width: 100%;
    display: block;
    padding: 50px 120px 50px 120px
}

.CultureStBox .CultureStList li,
.CultureStBox .CultureStList li a {
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all .3s ease-in-out
}

.CultureStBox .CultureStList li .info {
    position: relative
}

.CultureStBox .CultureStList li .tit {
    display: block;
    font-size: 36px;
    line-height: 40px;
    max-height: 80px;
    color: #693d91;
    overflow: hidden;
    margin-bottom: 30px
}

.CultureStBox .CultureStList li .des {
    font-size: 18px;
    color: #a0a0a2;
    line-height: 24px
}

.CultureStBox .CultureStList li .tit a:hover {
    color: #085cc2
}

/*swiper-pagination*/
.page-CultureSt .swiper-pagination {
    position: static;
    bottom: 0 !important;
    width: 100% !important;
    z-index: 2;
    right: 0;
    left: 0;
    margin: 0 auto;
    text-align: center
}

.page-CultureSt .swiper-pagination span.swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    border-radius: 8px;
    opacity: 1;
    background: #d2d2d2;
    margin: 0 7px;
    outline: none
}

.page-CultureSt .swiper-pagination span.swiper-pagination-bullet-active {
    background: #000;
    width: 20px
}

/*swiper-button*/
.page-CultureSt .CultureStlunboBoxBtn {
    padding-left: 120px
}

.Ar .page-CultureSt .CultureStlunboBoxBtn {
    padding-left: 0px;
    padding-right: 120px
}

.page-CultureSt .swiper-button-prev {
    display: inline-block;
    margin-right: 30px;
    position: static;
    left: 0;
    top: 0;
    opacity: 1;
    width: 70px;
    height: 70px;
    margin-top: 0;
    background: url("../images/page2-left.png") center center no-repeat;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.page-CultureSt .swiper-button-next {
    display: inline-block;
    position: static;
    right: 0;
    top: 0;
    opacity: 1;
    width: 70px;
    height: 70px;
    margin-top: 0;
    background: url("../images/page2-right.png") center center no-repeat;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.Ar .page-CultureSt .swiper-button-prev {
    display: inline-block;
    margin-right: 30px;
    position: static;
    right: 0;
    left: auto;
    top: 0;
    opacity: 1;
    width: 70px;
    height: 70px;
    margin-top: 0;
    background: url("../images/page2-right.png") center center no-repeat;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.Ar .page-CultureSt .swiper-button-next {
    display: inline-block;
    position: static;
    left: 0;
    right: auto;
    top: 0;
    opacity: 1;
    width: 70px;
    height: 70px;
    margin-top: 0;
    background: url("../images/page2-left.png") center center no-repeat;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.page-CultureSt .swiper-button-prev:hover {
    background-image: url("../images/page2-left2.png")
}

.page-CultureSt .swiper-button-next:hover {
    background-image: url("../images/page2-right2.png")
}

.Ar .page-CultureSt .swiper-button-prev:hover {
    background-image: url("../images/page2-right2.png")
}

.Ar .page-CultureSt .swiper-button-next:hover {
    background-image: url("../images/page2-left2.png")
}

.page-CultureSt .swiper-button-prev.swiper-button-disabled,
.page-CultureSt .swiper-button-next.swiper-button-disabled {
    opacity: 0.5
}

@media screen and (max-width:1920px) {
    .page-CultureSt {
        padding-top: 240px;
        padding-bottom: 150px
    }

    .page-CultureSt .tt {
        display: block;
        font-size: 50px;
        line-height: 40px
    }

    .CultureStBox {
        margin-bottom: 30px
    }

    .CultureStBox .CultureStImgBox .CultureStImg {
        padding-top: 80px
    }

    .CultureStBox .CultureStImgBox .num {
        width: 100px;
        height: 100px;
        line-height: 100px;
        font-size: 36px;
        right: -50px
    }

    .CultureStBox .CultureStList li {
        padding: 50px 120px 50px 120px
    }

    .CultureStBox .CultureStList li .tit {
        font-size: 36px;
        line-height: 40px;
        max-height: 80px;
        margin-bottom: 30px
    }

    .CultureStBox .CultureStList li .des {
        font-size: 18px;
        line-height: 24px
    }

    .page-CultureSt .swiper-pagination span.swiper-pagination-bullet {
        width: 8px;
        height: 8px;
        border-radius: 8px;
        margin: 0 7px
    }

    .page-CultureSt .swiper-pagination span.swiper-pagination-bullet-active {
        width: 20px
    }

    .page-CultureSt .CultureStlunboBoxBtn {
        padding-left: 120px
    }

    .page-CultureSt .swiper-button-prev {
        margin-right: 30px;
        width: 70px;
        height: 70px
    }

    .page-CultureSt .swiper-button-next {
        width: 70px;
        height: 70px
    }
}

@media screen and (max-width:1919px) {
    .page-CultureSt {
        padding-top: 2.4rem;
        padding-bottom: 1.5rem
    }

    .page-CultureSt .tt {
        display: block;
        font-size: 0.5rem;
        line-height: 0.4rem;
        max-height: 0.8rem
    }

    .CultureStBox {
        margin-bottom: 0.3rem
    }

    .CultureStBox .CultureStImgBox .CultureStImg {
        padding-top: 0.8rem
    }

    .CultureStBox .CultureStImgBox .num {
        width: 1rem;
        height: 1rem;
        line-height: 1rem;
        font-size: 0.36rem;
        right: -0.5rem
    }

    .CultureStBox .CultureStList li {
        padding: 0.5rem 1.2rem 0.5rem 1.2rem
    }

    .CultureStBox .CultureStList li .tit {
        font-size: 0.36rem;
        line-height: 0.4rem;
        max-height: 0.8rem;
        margin-bottom: 0.3rem
    }

    .CultureStBox .CultureStList li .des {
        font-size: 0.18rem;
        line-height: 0.24rem
    }

    .page-CultureSt .swiper-pagination span.swiper-pagination-bullet {
        width: 0.08rem;
        height: 0.08rem;
        border-radius: 0.08rem;
        margin: 0 0.07rem
    }

    .page-CultureSt .swiper-pagination span.swiper-pagination-bullet-active {
        width: 0.2rem
    }

    .page-CultureSt .CultureStlunboBoxBtn {
        padding-left: 1.2rem
    }

    .page-CultureSt .swiper-button-prev {
        margin-right: 0.3rem;
        width: 0.7rem;
        height: 0.7rem
    }

    .page-CultureSt .swiper-button-next {
        width: 0.7rem;
        height: 0.7rem
    }
}

@media screen and (max-width:992px) {
    .CultureStBox .CultureStList li .des {
        font-size: 14px;
        line-height: 24px
    }

    .CultureStBox .CultureStlunboBox {
        width: 100%;
        position: static;
        left: 0;
        top: 0;
        height: auto
    }

    .Ar .CultureStBox .CultureStlunboBox {
        width: 100%;
        position: static;
        left: 0;
        top: 0;
        height: auto
    }

    .CultureStBox .CultureStImgBox {
        width: 100%;
        height: auto;
        float: none;
        text-align: center
    }

    .Ar .CultureStBox .CultureStImgBox {
        width: 100%;
        height: auto;
        float: none;
        text-align: center
    }

    .CultureStBox .CultureStList li {
        padding: 0.5rem 1rem 0.5rem 1rem;
        text-align: center
    }

    .CultureStBox .CultureStlunbo {
        width: 100%;
        position: static;
        left: 0;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .Ar .CultureStBox .CultureStlunbo {
        width: 100%;
        position: static;
        left: 0;
        top: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    .page-CultureSt .CultureStlunboBoxBtn {
        padding-left: 0;
        text-align: center
    }

    .Ar .page-CultureSt .CultureStlunboBoxBtn {
        padding-left: 0;
        text-align: center
    }

    .page-CultureSt .swiper-button-prev {
        margin-right: 10px;
        width: 60px;
        height: 60px
    }

    .page-CultureSt .swiper-button-next {
        width: 60px;
        height: 60px
    }

    .page-CultureSt .swiper-button-prev {
        background-image: url("../images/page2-left2.png")
    }

    .page-CultureSt .swiper-button-next {
        background-image: url("../images/page2-right2.png")
    }

    .Ar .page-CultureSt .swiper-button-prev {
        margin-right: 10px;
        width: 60px;
        height: 60px
    }

    .Ar .page-CultureSt .swiper-button-next {
        width: 60px;
        height: 60px
    }

    .Ar .page-CultureSt .swiper-button-prev {
        background-image: url("../images/page2-right2.png")
    }

    .Ar .page-CultureSt .swiper-button-next {
        background-image: url("../images/page2-left2.png")
    }

    .page-CultureSt .swiper-button-prev {
        position: absolute
    }

    .page-CultureSt .swiper-button-next {
        position: absolute
    }

    .Ar .page-CultureSt .swiper-button-prev {
        position: absolute
    }

    .Ar .page-CultureSt .swiper-button-next {
        position: absolute
    }
}

/*swiper-slide-active*/
.CultureStBox .CultureStList li .m,
.CultureStBox .CultureStList li .tit,
.CultureStBox .CultureStList li .des,
.CultureStBox .CultureStList li .date {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: translateX(-60px);
    -o-transform: translateX(-60px);
    -moz-transform: translateX(-60px);
    -ms-transform: translateX(-60px);
    transform: translateX(-60px)
}

.CultureStBox .CultureStList li.swiper-slide-active .tit {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -o-transform: translateX(0) translateY(0) translateZ(0);
    -moz-ttransform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0) translateZ(0);
    transform: translateX(0) translateY(0) translateZ(0);
    -webkit-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -o-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1)
}

.CultureStBox .CultureStList li.swiper-slide-active .m,
.CultureStBox .CultureStList li.swiper-slide-active .des {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -o-transform: translateX(0) translateY(0) translateZ(0);
    -moz-ttransform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0) translateZ(0);
    transform: translateX(0) translateY(0) translateZ(0);
    -webkit-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
    -o-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
    -moz-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
    -ms-transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s;
    transition: opacity .6s linear .1s, transform .6s cubic-bezier(.215, .61, .355, 1) .1s
}

.CultureStBox .CultureStList li.swiper-slide-active .date {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -o-transform: translateX(0) translateY(0) translateZ(0);
    -moz-ttransform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0) translateZ(0);
    transform: translateX(0) translateY(0) translateZ(0);
    -webkit-transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
    -o-transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
    -moz-transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
    -ms-transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s;
    transition: opacity .6s linear .2s, transform .6s cubic-bezier(.215, .61, .355, 1) .2s
}

/*CultureCom*/
.page-CultureCom {
    background: #ffffff;
    background-size: cover;
    padding-top: 100px;
    padding-bottom: 50px
}

.page-CultureCom .tt {
    display: block;
    font-size: 50px;
    line-height: normal;
    color: #4b4b4b;
    text-align: center;
    text-transform: uppercase;
    padding: 0.5rem
}

.page-CultureCom img {
    max-width: 100%
}

/*CultureStList*/
.page-CultureCom .CultureComList {
    font-size: 0;
    line-height: 0;
    margin: 0 -25px;
    padding-top: 0.5rem
}

.page-CultureCom .CultureComList li {
    width: 33.33333333%;
    display: inline-block;
    *display: inline;
    zoom: 1;
    vertical-align: top;
    position: relative;
    margin-bottom: 50px
}

.page-CultureCom .CultureComList li .item {
    margin: 0 25px
}

.page-CultureCom .CultureComList li .item {
    -moz-transition: all .3s ease-in-out;
    -webkit-transition: all 0.3s ease-in-out;
    transition: all .3s ease-in-out
}

.page-CultureCom .CultureComList li .info {
    position: relative
}

.page-CultureCom .CultureComList li .tit {
    display: block;
    font-size: 18px;
    color: #fff;
    overflow: hidden;
    margin-bottom: 30px;
    border-bottom: 1px solid #13aa47;
    padding-bottom: 14px
}

.page-CultureCom .CultureComList li .tit strong {
    display: inline-block;
    width: 62px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    font-weight: bold;
    background: url("../images/page2-numbg.png") center top no-repeat;
    background-size: cover
}

.page-CultureCom .CultureComList li .des {
    font-size: 18px;
    color: #4b4b4b;
    line-height: 24px;
    font-weight: 300
}

.page-CultureCom .CultureComList li .des strong {
    font-weight: bold
}

@media screen and (max-width:1920px) {
    .page-CultureCom {
        padding-top: 100px;
        padding-bottom: 50px
    }

    .page-CultureCom .tt {
        font-size: 50px
    }

    .page-CultureCom .CultureComList {
        margin: 0 -25px
    }

    .page-CultureCom .CultureComList li {
        margin-bottom: 50px
    }

    .page-CultureCom .CultureComList li .item {
        margin: 0 25px
    }

    .page-CultureCom .CultureComList li .tit {
        font-size: 18px;
        margin-bottom: 30px;
        padding-bottom: 14px
    }

    .page-CultureCom .CultureComList li .tit strong {
        width: 62px;
        height: 50px;
        line-height: 50px
    }

    .page-CultureCom .CultureComList li .des {
        font-size: 18px;
        line-height: 24px
    }
}

@media screen and (max-width:1919px) {
    .page-CultureCom {
        padding-top: 1rem;
        padding-bottom: 0.5rem
    }

    .page-CultureCom .tt {
        font-size: 0.5rem
    }

    .page-CultureCom .CultureComList {
        margin: 0 -0.25rem
    }

    .page-CultureCom .CultureComList li {
        margin-bottom: 0.5rem
    }

    .page-CultureCom .CultureComList li .item {
        margin: 0 0.25rem
    }

    .page-CultureCom .CultureComList li .tit {
        font-size: 0.18rem;
        margin-bottom: 0.3rem;
        padding-bottom: 0.14rem
    }

    .page-CultureCom .CultureComList li .tit strong {
        width: 0.62rem;
        height: 0.5rem;
        line-height: 0.5rem
    }

    .page-CultureCom .CultureComList li .des {
        font-size: 0.18rem;
        line-height: 0.24rem
    }
}

@media screen and (max-width:1220px) {
    .page-CultureCom .CultureComList {
        padding-top: 50px
    }
}

@media screen and (max-width:1024px) {
    .page-CultureCom .CultureComList li {
        width: 50%
    }

    .page-CultureCom .tt {
        margin-bottom: 50px
    }
}

@media screen and (max-width:768px) {
    .page-CultureCom .tt {
        margin-bottom: 50px
    }

    .page-CultureCom .CultureComList li {
        width: 50%
    }

    .page-CultureCom .CultureComList li .tit {
        font-size: 14px;
        margin-bottom: 20px;
        padding-bottom: 10px
    }

    .page-CultureCom .CultureComList li .tit strong {
        width: 50px;
        height: 40px;
        line-height: 40px
    }

    .page-CultureCom .CultureComList li .des {
        font-size: 14px;
        line-height: 24px
    }
}

@media screen and (max-width:550px) {
    .page-CultureCom .CultureComList li {
        width: 100%
    }
}

.pcshow {
    display: block
}

.mbshow {
    display: none !important
}

@media screen and (max-width: 860px) {
    .pcshow {
        display: none !important
    }

    .mbshow {
        display: block !important
    }
}

.pageLunboBox {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clear: both;
    overflow: hidden
}

/*development-history*/
.development-history {}

.development-history .img .pcshow {
    height: 900px;
    max-width: none;
    width: 100%
}

.development-history .top {
    /*position: absolute;*/
    width: 100%;
    height: 100%
}

.development-history .top .title-style {
    text-align: center;
    width: 30%;
    margin: 150px auto auto
}

.development-history .top .title-style h2 {
    margin: 0
}

.development-history .top .title-style h2 {
    color: #693d91;
    font-weight: normal;
    text-transform: uppercase;
    background: url(../images/page-honor-tit.png) no-repeat center top;
    background-size: 40px;
    margin-bottom: 60px;
    font-size: 36px;
    line-height: normal;
    padding-top: 60px
}

.swiper-history .swiper-history-time {
    text-align: center;
    position: relative
}

.swiper-history .swiper-history-time:before {
    width: 550px;
    content: '';
    height: 1px;
    background: #c9c9c9;
    position: absolute;
    top: 30%;
    left: 0;
    z-index: 9
}

.Ar .swiper-history .swiper-history-time:before {
    width: 550px;
    content: '';
    height: 1px;
    background: #c9c9c9;
    position: absolute;
    top: 30%;
    left: auto;
    right: 0;
    z-index: 9
}

.swiper-history .swiper-history-time:after {
    width: 550px;
    content: '';
    height: 1px;
    background: #c9c9c9;
    position: absolute;
    top: 20%;
    right: 0;
    z-index: 9
}

.Ar .swiper-history .swiper-history-time:after {
    width: 550px;
    content: '';
    height: 1px;
    background: #c9c9c9;
    position: absolute;
    top: 20%;
    right: auto;
    left: 0;
    z-index: 9
}

.swiper-history .swiper-history-time .year-num {
    font-size: 18px;
    color: #808080;
    font-weight: bold;
    position: absolute;
    top: 420px;
    width: 100%;
    margin: 0 auto;
    left: 0;
    right: 0;
    text-align: center
}

.swiper-history .swiper-history-time .img {
    width: 100%;
    display: none
}

.swiper-history .swiper-history-time .text {
    font-size: 18px;
    line-height: 28px;
    color: #666;
    margin: auto;
    overflow: hidden;
    display: none
}

.swiper-history .swiper-history-time .swiper-slide-active .year-num {
    margin: 0;
    left: auto;
    right: auto;
    font-size: 50px;
    color: #693d91;
    padding-top: 0;
    width: 110px;
    bottom: auto;
    position: absolute;
    top: 30%;
    left: -400px
}

.Ar .swiper-history .swiper-history-time .swiper-slide-active .year-num {
    margin: 0;
    left: auto;
    right: auto;
    font-size: 50px;
    color: #693d91;
    padding-top: 0;
    width: 110px;
    bottom: auto;
    position: absolute;
    top: 30%;
    right: -400px
}

.swiper-history .swiper-history-time .swiper-slide-active .text {
    display: block;
    height: 130px;
    position: absolute;
    left: 100%;
    margin-left: 170px;
    top: 160px;
    width: 270px;
    text-align: left
}

.Ar .swiper-history .swiper-history-time .swiper-slide-active .text {
    display: block;
    height: 130px;
    position: absolute;
    left: auto;
    right: 100%;
    margin-left: auto;
    margin-right: 170px;
    top: 160px;
    width: 270px;
    text-align: right
}

.swiper-history .swiper-history-time .swiper-slide-active .img {
    display: block;
    width: 930px;
    height: 490px;
    margin: 0 auto;
    position: relative;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%)
}

.Ar .swiper-history .swiper-history-time .swiper-slide-active .img {
    display: block;
    width: 930px;
    height: 490px;
    margin: 0 auto;
    position: relative;
    left: auto;
    right: 50%;
    -webkit-transform: translateX(50%);
    -o-transform: translateX(50%);
    -moz-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%)
}

.swiper-history .swiper-history-time .swiper-button-next,
.swiper-history .swiper-history-time .swiper-button-prev {
    background-color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 100%;
    opacity: 1
}

.swiper-history .swiper-history-time .swiper-button-next {
    right: 16.5%;
    top: auto;
    bottom: 70px;
    background: url("../images/page-right.png") center no-repeat;
    background-size: 100%
}

.swiper-history .swiper-history-time .swiper-button-prev {
    left: 16.5%;
    top: auto;
    bottom: 70px;
    background: url("../images/page-left.png") center no-repeat;
    background-size: 100%
}

.Ar .swiper-history .swiper-history-time .swiper-button-next {
    right: auto;
    left: 16%;
    top: auto;
    bottom: 70px;
    background: url("../images/page-left.png") center no-repeat;
    background-size: 100%
}

.Ar .swiper-history .swiper-history-time .swiper-button-prev {
    left: auto;
    right: 16%;
    top: auto;
    bottom: 70px;
    background: url("../images/page-right.png") center no-repeat;
    background-size: 100%
}

@media screen and (max-width: 1920px) {
    .development-history .img .pcshow {
        height: 900px
    }

    .development-history .top .title-style {
        margin: 150px auto auto
    }

    .development-history .top .title-style h2 {
        background-size: 40px;
        margin-bottom: 60px;
        font-size: 36px;
        padding-top: 60px
    }

    .swiper-history .swiper-history-time:before {
        width: 550px;
        top: 30%
    }

    .Ar .swiper-history .swiper-history-time:before {
        width: 550px;
        top: 30%
    }

    .swiper-history .swiper-history-time:after {
        width: 550px;
        top: 20%
    }

    .swiper-history .swiper-history-time .year-num {
        font-size: 18px;
        top: 420px
    }

    .swiper-history .swiper-history-time .text {
        font-size: 18px;
        line-height: 28px
    }

    .swiper-history .swiper-history-time .swiper-slide-active .year-num {
        font-size: 50px;
        padding-top: 0;
        width: 110px;
        top: 30%;
        left: -400px
    }

    .swiper-history .swiper-history-time .swiper-slide-active .text {
        height: 130px;
        left: 100%;
        margin-left: 170px;
        top: 160px;
        width: 270px
    }

    .swiper-history .swiper-history-time .swiper-slide-active .img {
        width: 930px;
        height: 490px
    }

    .swiper-history .swiper-history-time .swiper-button-next,
    .swiper-history .swiper-history-time .swiper-button-prev {
        width: 30px;
        height: 30px
    }

    .swiper-history .swiper-history-time .swiper-button-next {
        right: 16.5%;
        top: auto;
        bottom: 70px
    }

    .swiper-history .swiper-history-time .swiper-button-prev {
        left: 16.5%;
        top: auto;
        bottom: 70px
    }
}

@media screen and (max-width: 1919px) {
    .development-history .img .pcshow {
        height: 9rem
    }

    .development-history .top .title-style {
        margin: 1.5rem auto auto
    }

    .development-history .top .title-style h2 {
        background-size: 0.4rem;
        margin-bottom: 0.6rem;
        font-size: 0.36rem;
        padding-top: 0.6rem
    }

    .swiper-history .swiper-history-time:before {
        width: 5.5rem;
        top: 55%
    }

    .Ar .swiper-history .swiper-history-time:before {
        width: 5.5rem;
        top: 55%
    }

    .swiper-history .swiper-history-time:after {
        width: 5.5rem;
        top: 20%
    }

    .swiper-history .swiper-history-time .year-num {
        font-size: 0.18rem;
        top: 21.875vw
    }

    .swiper-history .swiper-history-time .text {
        font-size: 0.18rem;
        line-height: 0.28rem
    }

    .swiper-history .swiper-history-time .swiper-slide-active .year-num {
        font-size: 0.5rem;
        padding-top: 0;
        width: 1.1rem;
        top: 30%;
        left: -4rem
    }

    .swiper-history .swiper-history-time .swiper-slide-active .text {
        height: 1.3rem;
        left: 100%;
        margin-left: 1.70rem;
        top: 1.6rem;
        width: 2.7rem
    }

    .swiper-history .swiper-history-time .swiper-slide-active .img {
        width: 48.4375vw;
        height: 25.5208vw
    }

    .Ar .swiper-history .swiper-history-time .swiper-slide-active .img {
        width: 48.4375vw;
        height: 25.5208vw
    }

    .swiper-history .swiper-history-time .swiper-button-next,
    .swiper-history .swiper-history-time .swiper-button-prev {
        width: 0.3rem;
        height: 0.3rem
    }

    .Ar .swiper-history .swiper-history-time .swiper-button-next,
    .swiper-history .swiper-history-time .swiper-button-prev {
        width: 0.3rem;
        height: 0.3rem
    }

    .swiper-history .swiper-history-time .swiper-button-next {
        right: 16%;
        top: auto;
        bottom: 0.7rem
    }

    .swiper-history .swiper-history-time .swiper-button-prev {
        left: 16%;
        top: auto;
        bottom: 0.7rem
    }
}

@media screen and (max-width: 860px) {
    .development-history .img .pcshow {
        height: auto
    }

    .development-history .img .mbshow {
        height: 860px;
        width: 100%
    }

    .swiper-banner-pagination {
        bottom: 20px
    }

    .swiper-history .swiper-history-time .swiper-slide-active .text {
        width: 90%
    }

    .swiper-history .swiper-history-time .swiper-slide-active .year-num {
        margin: 0;
        left: auto;
        right: auto;
        font-size: 40px;
        color: #693d91;
        padding-top: 0;
        width: 100%;
        bottom: auto;
        position: static;
        top: 0;
        left: 0;
        margin-bottom: 50px
    }

    .swiper-history .swiper-history-time .swiper-slide-active .text {
        display: block;
        height: auto;
        position: static;
        left: 0;
        margin-left: 0;
        top: 0;
        width: 90%;
        margin: 0 auto;
        text-align: center;
        font-size: 16px;
        line-height: 30px;
        padding-top: 50px
    }

    .swiper-history .swiper-history-time .swiper-slide-active .img {
        display: block;
        width: 90%;
        height: auto;
        margin: 0 auto;
        position: relative;
        left: 0;
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -moz-transform: translateX(0)
    }

    .Ar .swiper-history .swiper-history-time .swiper-slide-active .text {
        width: 90%
    }

    .Ar .swiper-history .swiper-history-time .swiper-slide-active .year-num {
        margin: 0;
        left: auto;
        right: auto;
        font-size: 40px;
        color: #693d91;
        padding-top: 0;
        width: 100%;
        bottom: auto;
        position: static;
        top: 0;
        left: 0;
        margin-bottom: 50px
    }

    .Ar .swiper-history .swiper-history-time .swiper-slide-active .text {
        display: block;
        height: auto;
        position: static;
        left: 0;
        margin-left: 0;
        top: 0;
        width: 90%;
        margin: 0 auto;
        text-align: center;
        font-size: 16px;
        line-height: 30px;
        padding-top: 50px
    }

    .Ar .swiper-history .swiper-history-time .swiper-slide-active .img {
        display: block;
        width: 90%;
        height: auto;
        margin: 0 auto;
        position: relative;
        left: 0;
        right: 0;
        -webkit-transform: translateX(0);
        -o-transform: translateX(0);
        -moz-transform: translateX(0)
    }

    .swiper-history .swiper-history-time:before,
    .swiper-history .swiper-history-time:after {
        display: none
    }

    .swiper-history .swiper-history-time .swiper-button-next,
    .swiper-history .swiper-history-time .swiper-button-prev {
        display: none
    }

    .swiper-mhistory {
        display: none !important
    }
}

@media screen and (max-width: 860px) {
    .swiper-banner-pagination {
        bottom: 20px
    }

    .swiper-history .swiper-history-time .swiper-slide-active .text {
        width: 90%
    }
}

@media screen and (max-width: 550px) {
    .development-history .img .mbshow {
        height: 750px;
        width: 100%
    }
}

/*company-honor*/
.company-honor {
    overflow: hidden;
    padding: 200px 0 100px 0;
    position: relative
}

.company-honor .title-style {
    margin-left: 13%
}

.Ar .company-honor .title-style {
    margin-left: auto;
    margin-right: 13%
}

.company-honor .title-style h2 {
    color: #333333;
    font-weight: normal;
    text-transform: uppercase;
    background: url(../images/page-honor-tit.png) no-repeat left center;
    background-size: 20px;
    margin-bottom: 60px;
    font-size: 30px;
    line-height: normal;
    padding-left: 35px
}

.Ar .company-honor .title-style h2 {
    color: #333333;
    font-weight: normal;
    text-transform: uppercase;
    background: url(../images/page-honor-tit.png) no-repeat right center;
    background-size: 20px;
    margin-bottom: 60px;
    font-size: 30px;
    line-height: normal;
    padding-left: auto;
    padding-right: 35px
}

.company-honor-swiper {
    width: 100%;
    height: 430px;
    margin: auto;
    background: url("../images/honorbg.png") center bottom repeat-x;
    margin-top: 100px;
    padding-bottom: 40px
}

.company-honor-swiper .swiper-slide {
    width: auto;
    height: 300px;
    display: table
}

.table-bottom {
    display: table-cell;
    vertical-align: bottom
}

.honor-img {
    overflow: hidden;
    display: block;
    position: relative;
    max-width: 221px
}

.honor-img .htop {
    height: 7px;
    width: 100%;
    /*background: url("../images/honor1.png") no-repeat;*/
    background-size: 100% 100%
}

.honor-img .hbottom {
    height: 27px;
    width: 100%;
    /*background: url("../images/honor3.png") no-repeat;*/
    background-size: 100% 100%
}

.honor-img .hcenter {
    padding: 0px 7px;
    /*background: url("../images/honor2.png") no-repeat;*/
    background-size: 100% 100%
}

.honor-img .hcenter img {
    display: block
}

.honor-img a {
    display: block
}

.honor-img a::before {
    content: '';
    width: 50px;
    height: 50px;
    position: absolute;
    left: 50%;
    top: 50%;
    margin-left: -25px;
    margin-top: -35px;
    z-index: 10;
    background: url("../images/mm.png") no-repeat;
    background-size: 100%;
    display: none
}

.honor-img a:hover::before {
    display: block
}

.honor-img a:hover {
    opacity: .9
}

/**/
.rpagination {
    position: relative;
    height: 40px
}

.swiper-r {
    position: absolute;
    right: 13%;
    top: 25%;
    width: 400px
}

.Ar .swiper-r {
    position: absolute;
    right: auto;
    left: 13%;
    top: 25%;
    width: 400px
}

.swiper-pagination-progressbar {
    width: 100%;
    height: 3px;
    background: rgba(0, 0, 0, .1);
    margin-top: 10px
}

.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background: #00bf86
}

.swiper-pagination-num #current {
    font-size: 24px;
    color: #000
}

.swiper-pagination-num {
    font-size: 14px;
    color: #b2b2b2
}

.lbtip {
    width: auto;
    height: 26px;
    line-height: 26px;
    position: absolute;
    left: 13%;
    bottom: 10%;
    padding-left: 20px;
    background: url("../images/shubiao.png") left center no-repeat;
    background-size: 14px
}

.Ar .lbtip {
    width: auto;
    height: 26px;
    line-height: 26px;
    position: absolute;
    left: auto;
    right: 13%;
    bottom: 10%;
    padding-left: auto;
    padding-right: 20px;
    background: url("../images/shubiao.png") right center no-repeat;
    background-size: 14px
}

@media screen and (max-width: 1920px) {
    .company-honor .title-style h2 {
        background-size: 20px;
        margin-bottom: 60px;
        font-size: 30px;
        padding-left: 35px
    }
}

@media screen and (max-width: 1919px) {
    .company-honor .title-style h2 {
        background-size: 20px;
        margin-bottom: 60px;
        font-size: 30px;
        padding-left: 35px
    }
}

@media screen and (max-width: 1366px) {
    .company-honor .title-style {
        margin-left: 10%
    }
}

@media screen and (max-width:1024px) {
    .company-honor .title-style {
        margin-left: 0%;
        margin-bottom: 0px;
        text-align:center
    }

    .company-honor .title-style h2 {
        font-size: 0.36rem;
        line-height: 20px;
        padding-left: 35px;
        margin-bottom: 30px;
        display:inline-block
    }

    .company-honor {
        padding: 100px 0 100px 0
    }

    .swiper-r {
        position: static;
        right: 0;
        top: 0;
        width: 400px;
        left: 0;
        margin: 0 auto
    }

    .Ar .swiper-r {
        position: static;
        right: 0;
        top: 0;
        width: 400px;
        left: 0;
        margin: 0 auto
    }
}

@media screen and (max-width:530px) {
    .swiper-r {
        width: 75vw
    }

    .Ar .swiper-r {
        width: 75vw
    }
}

/*pageTitle4*/
.pageInfo {
    font-size: 18px;
    color: #333333;
    line-height: 28px;
    font-weight: 300
}

.pageTitle4 {
    text-align: center;
    margin-top: 30px
}

.pageTitle4 h2 {
    color: #333333;
    font-weight: normal;
    text-transform: uppercase;
    background: url(../images/page-honor-tit.png) no-repeat center top;
    background-size: 40px;
    margin-bottom: 60px;
    font-size: 36px;
    line-height: normal;
    padding-top: 60px
}

@media screen and (max-width: 1920px) {
    .pageTitle4 {
        margin-top: 30px
    }

    .pageTitle4 h2 {
        background-size: 40px;
        margin-bottom: 60px;
        font-size: 36px;
        padding-top: 60px
    }

    .pageAbout4 {
        font-size: 18px;
        line-height: 28px
    }
}

@media screen and (max-width: 1919px) {
    .pageTitle4 {
        margin-top: 0.3rem
    }

    .pageTitle4 h2 {
        background-size: 0.4rem;
        margin-bottom: 0.6rem;
        font-size: 0.36rem;
        padding-top: 0.6rem
    }

    .pageInfo {
        font-size: 0.18rem;
        line-height: 0.28rem
    }
}

@media screen and (max-width: 1024px) {
    .pageInfo {
        font-size: 14px;
        line-height: 28px
    }
}

/*shujuBox*/
.shujuBox {
    margin-bottom: 110px
}

.shujuBox ul {
    font-size: 0;
    margin: 0;
    padding-top: 35px;
    margin-bottom: 120px
}

.shujuBox ul li {
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 25%;
    position: relative;
    vertical-align: top
}

.shujuBox ul li .item {
    display: block;
    overflow: hidden;
    margin: 0;
    position: relative
}

.shujuBox ul li .ImgBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding-bottom: 133.3333333333333%;
    position: relative
}

.shujuBox ul li .ImgBox img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0%;
    height: 100%;
    max-width: none
}

.shujuBox ul li .ImgBox:before {
    content: '';
    background: url(../images/page4-1sd.png) center bottom repeat-x;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden
}

.shujuBox ul li .ImgBox:after {
    content: '';
    background: #000;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    filter: alpha(opacity=40);
    -moz-opacity: 0.4;
    -khtml-opacity: 0.4;
    opacity: 0.4;
    visibility: visible;
    z-index: 2
}

.shujuBox ul li .listTitle {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3
}

.shujuBox ul li .listTitleNr {
    padding: 45px 26px
}

.shujuBox ul li .num {
    display: block;
    vertical-align: top;
    font-size: 18px;
    line-height: 40px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 0px
}

.shujuBox ul li .num strong {
    font-size: 40px;
    vertical-align: top;
    margin-right: 10px
}

.shujuBox ul li .t {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: left;
    line-height: 30px;
    padding-bottom: 15px;
    position: relative;
    text-transform: uppercase
}

.Ar .shujuBox ul li .t {
    font-size: 18px;
    color: #fff;
    font-weight: bold;
    text-align: right;
    line-height: 30px;
    padding-bottom: 15px;
    position: relative;
    text-transform: uppercase
}

.shujuBox ul li .t:before {
    content: '';
    background: #fff;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 2px;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5
}

.shujuBox ul li .t:after {
    content: '';
    background: #693d91;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 50px;
    height: 2px;
    filter: alpha(opacity=90);
    -moz-opacity: 0.9;
    -khtml-opacity: 0.9;
    opacity: 0.9
}

.shujuBox ul li .t2 {
    font-size: 16px;
    color: #ffffff;
    line-height: 26px;
    font-weight: 300;
    text-align: left;
    height: 0;
    overflow: hidden
}

.Ar .shujuBox ul li .t2 {
    font-size: 16px;
    color: #ffffff;
    line-height: 26px;
    font-weight: 300;
    text-align: right;
    height: 0;
    overflow: hidden
}

/*hover*/
.shujuBox ul li .t2,
.shujuBox ul li .item,
.shujuBox ul li,
.shujuBox ul li .item,
.shujuBox ul li .item .ImgBox img {
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.shujuBox ul li .item:hover .ImgBox img {
    -moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
    -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
    -ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
    transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%)
}

.shujuBox ul li .item:hover .t2 {
    height: auto;
    padding: 25px 0 0 0
}

.shujuBox ul li .item:hover .ImgBox:before {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible
}

.shujuBox ul li .item:hover .ImgBox:after {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden
}

@media screen and (max-width:1920px) {
    .shujuBox {
        margin-bottom: 110px
    }

    .shujuBox ul {
        padding-top: 35px;
        margin-bottom: 120px
    }

    .shujuBox ul li .listTitleNr {
        padding: 45px 26px
    }

    .shujuBox ul li .num {
        font-size: 18px;
        line-height: 40px
    }

    .shujuBox ul li .num strong {
        font-size: 40px;
        margin-right: 10px
    }

    .shujuBox ul li .t {
        font-size: 18px;
        line-height: 30px;
        padding-bottom: 15px
    }

    .shujuBox ul li .t:after {
        width: 50px
    }

    .shujuBox ul li .t2 {
        font-size: 16px;
        line-height: 26px
    }
}

@media screen and (max-width:1910px) {
    .shujuBox {
        margin-bottom: 1.1rem
    }

    .shujuBox ul {
        padding-top: 0.35rem;
        margin-bottom: 1.2rem
    }

    .shujuBox ul li .listTitleNr {
        padding: 0.45rem 0.26rem
    }

    .shujuBox ul li .num {
        font-size: 0.18rem;
        line-height: 0.4rem
    }

    .shujuBox ul li .num strong {
        font-size: 0.4rem;
        margin-right: 0.1rem
    }

    .shujuBox ul li .t {
        font-size: 0.18rem;
        line-height: 0.3rem;
        padding-bottom: 0.15rem
    }

    .shujuBox ul li .t:after {
        width: 0.5rem
    }

    .shujuBox ul li .t2 {
        font-size: 0.16rem;
        line-height: 0.26rem
    }
}

@media screen and (max-width:768px) {
    .shujuBox ul li {
        width: 50%
    }

    .shujuBox {
        margin-bottom: 1.1rem
    }

    .shujuBox ul {
        padding-top: 0.35rem;
        margin-bottom: 1.2rem
    }

    .shujuBox ul li .listTitleNr {
        padding: 0.45rem 0.26rem
    }

    .shujuBox ul li .num {
        font-size: 0.18rem;
        line-height: 0.4rem
    }

    .shujuBox ul li .num strong {
        font-size: 0.4rem;
        margin-right: 0.1rem
    }

    .shujuBox ul li .t {
        font-size: 0.18rem;
        line-height: 0.3rem;
        padding-bottom: 0.15rem
    }

    .shujuBox ul li .t:after {
        width: 0.5rem
    }

    .shujuBox ul li .t2 {
        font-size: 0.16rem;
        line-height: 0.26rem
    }
}

@media screen and (max-width:768px) {
    .shujuBox ul li {
        width: 50%;
        margin-bottom: 0
    }

    /*.shujuBox ul li .item .t2{ height:auto;padding:25px 0}.shujuBox ul li .num{font-size:20px;color:#693d91}.shujuBox ul li .t{font-size:16px;color:#693d91;line-height:30px;padding-bottom:8px}.shujuBox ul li .t:after{background:#000}.shujuBox ul li .t2{font-size:14px;color:#000;line-height:26px}.shujuBox ul li .listTitleNr{padding:20px 0}.shujuBox ul li .t:after{ display:none}.shujuBox ul li .item .t2{ height:auto;padding:20px 0}.shujuBox ul li .item:hover .t2{ height:auto;padding:20px 0}*/
    /*.shujuBox ul li .listTitle{position:static}*/
    /*.shujuBox ul li .listTitleNr{padding:50px 20px; background:#eef2f7}*/
    /*.shujuBox ul li .ImgBox:after{background: #000000;filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity: 0.3;visibility: visible}.shujuBox ul li .item:hover .ImgBox:after{filter:alpha(opacity=30);-moz-opacity:0.3;-khtml-opacity:0.3;opacity: 0.3;visibility:visible}*/
    /*.shujuBox ul li .ImgBox{padding-bottom:100%}*/
    /*.shujuBox ul li .ImgBox img{ width:100%; height:auto}.shujuBox ul li .ImgBox:before,.shujuBox ul li .ImgBox:after{ display:none}*/
    .shujuBox ul li .t2 {
        font-size: 14px;
        line-height: 26px
    }

    .shujuBox ul li .item .t2 {
        height: auto;
        padding: 25px 0 0 0
    }
}

@media screen and (max-width:640px) {
    .shujuBox ul li {
        width: 100%
    }
}

@media screen and (max-width:350px) {}

/*pageTitle5*/
.pageTitle5 {
    margin-top: 30px
}

.pageTitle5 h2 {
    color: #333333;
    font-weight: normal;
    text-transform: uppercase;
    background: url(../images/page-honor-tit.png) no-repeat left center;
    background-size: 20px;
    margin-bottom: 80px;
    font-size: 30px;
    line-height: normal;
    padding-left: 35px
}

.Ar .pageTitle5 h2 {
    color: #333333;
    font-weight: normal;
    text-transform: uppercase;
    background: url(../images/page-honor-tit.png) no-repeat right center;
    background-size: 20px;
    margin-bottom: 80px;
    font-size: 30px;
    line-height: normal;
    padding-left: auto;
    padding-right: 35px
}

@media screen and (max-width: 1920px) {
    .pageTitle5 {
        margin-top: 30px
    }

    .pageTitle5 h2 {
        background-size: 20px;
        margin-bottom: 60px;
        font-size: 30px;
        padding-left: 35px
    }
}

@media screen and (max-width: 1919px) {
    .pageTitle5 {
        margin-top: 0.3rem
    }

    .pageTitle5 h2 {
        background-size: 0.2rem;
        margin-bottom: 0.6rem;
        font-size: 0.3rem;
        padding-left: 0.35rem
    }
}

/*factoryBox*/
.pagefactoryBox {
    padding-bottom: 100px;
    padding-top: 70px;
    border-top: 1px solid #dfdfdf
}

.factoryBox {
    padding-left: 8.333333333333333%
}

.Ar .factoryBox {
    padding-left: 0;
    padding-right: 8.333333333333333%
}

.factoryBox,
.factoryBox .swiper-container {
    overflow: visible;
    overflow: hidden
}

.factoryBox .swiper-slide {
    overflow: hidden;
    width: 50%
}

.factoryBox .li {
    margin-right: 20px
}

.factoryBox .li .imgInfo {
    padding: 0;
    display: block;
    vertical-align: bottom;
    position: relative
}

.factoryBox .li .tit {
    font-size: 24px;
    color: #693d91;
    line-height: 70px
}

.factoryBox .li .imgInfo .img {
    overflow: hidden;
    border-radius: 5px;
    overflow: hidden
}

.factoryBox .li .imgInfo .img .imgBox {
    padding-bottom: 53.16455696202532%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center
}

.factoryBox .li .imgInfo .img .imgBox img {
    display: none
}

.factoryBox .li a,
.factoryBox .li .imgInfo .img .imgBox,
.factoryBox .li .imgInfo .imgBox,
.factoryBox .li .imgInfo .img,
.factoryBox .li .imgInfo .img .imgBox img,
.factoryBox .li .imgInfo {
    -webkit-transition: all 0.6s ease;
    -moz-transition: all 0.6s ease;
    -ms-transition: all 0.6s ease;
    -o-transition: all 0.6s ease;
    transition: all 0.6s ease
}

.factoryBox .li .imgInfo .imgBox {
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -o-transform: scale(1);
    transform: scale(1)
}

.factoryBox .li .imgInfo:hover .img .imgBox {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -ms-transform: scale(1.2);
    -o-transform: scale(1.2);
    transform: scale(1.2)
}

@media screen and (max-width: 1920px) {
    .pagefactoryBox {
        padding-bottom: 100px;
        padding-top: 70px
    }

    .factoryBox .li {
        margin-right: 20px
    }

    .factoryBox .li .tit {
        font-size: 24px;
        color: #693d91;
        line-height: 70px
    }
}

@media screen and (max-width: 1919px) {
    .pagefactoryBox {
        padding-bottom: 1rem;
        padding-top: 0.7rem
    }

    .factoryBox .li {
        margin-right: 0.2rem
    }

    .factoryBox .li .tit {
        font-size: 0.24rem;
        color: #693d91;
        line-height: 0.7rem
    }
}

@media screen and (max-width: 1024px) {
    .factoryBox {
        padding-left: 3%
    }

    .Ar .factoryBox {
        padding-left: 0;
        padding-right: 0
    }
}

/*******************************************service*******************************************/
/*pageService1*/
.pageService1 {
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    clear: both;
    overflow: hidden
}

.pageService1 .pageWZ {
    padding-bottom: 80px
}

.pageService1 .screen {
    position: relative;
    overflow: hidden;
    height: 930px;
    background: url("../images/service2-bg.jpg") no-repeat center center;
    background-size: cover
}

.pageService1 .pageService-img {
    width: 48.4375%;
    float: right
}

.pageService1 .pageService-img {
    -webkit-animation: topdown 4000ms infinite;
    animation: topdown 4000ms infinite
}

@keyframes topdown {
    0% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }

    50% {
        -webkit-transform: translateY(4%);
        -moz-transform: translateY(4%);
        -ms-transform: translateY(4%);
        -o-transform: translateY(4%);
        transform: translateY(4%)
    }

    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0)
    }
}

.pageService1 .rightpic .item {
    position: absolute;
    top: 0;
    height: 100%;
    width: 370px
}

.pageService1 .rightpic .itemBox {
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%)
}

.pageService1 .item3 .in-view {
    opacity: 0;
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem);
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.pageService1 .item3 .in-view:nth-child(0) {
    -webkit-transition-delay: -.2s;
    transition-delay: -.2s
}

.pageService1 .item3 .in-view:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.pageService1 .item3 .in-view:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.pageService1 .item3 .in-view:nth-child(3) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.pageService1 .item3 .in-view.animated {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.pageService1 .item4 .in-view {
    opacity: 0;
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem);
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.pageService1 .item4 .in-view:nth-child(0) {
    -webkit-transition-delay: -.2s;
    transition-delay: -.2s
}

.pageService1 .item4 .in-view:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.pageService1 .item4 .in-view:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.pageService1 .item4 .in-view:nth-child(3) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.pageService1 .item4 .in-view:nth-child(4) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.pageService1 .item4 .in-view.animated {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.pageService1 .rightpic a {
    display: block;
    width: 450px;
    height: 100px;
    padding: 10px;
    float: left;
    clear: both;
    margin: 10px 0 10px -10%
}

.pageService1 .rightpic a:hover {}

.pageService1 .rightpic .pic {
    width: 90px;
    height: 90px;
    border-radius: 100%;
    overflow: hidden;
    float: left
}

.pageService1 .rightpic .pic img {
    width: 90px;
    height: 90px
}

.pageService1 .rightpic .txt {
    padding-left: 120px
}

.pageService1 .rightpic .txt h4 {
    margin: 0;
    color: #001a12;
    font-size: 17px;
    padding-top: 18px;
    padding-bottom: 10px
}

.pageService1 .rightpic .txt .line {
    width: 50px;
    height: 2px;
    background: #693d91
}

.pageService1 .rightpic .item4 {
    right: 48.4375%;
    background: url("../images/service2-tu-line2.png") no-repeat left center;
    background-size: 419px
}

.pageService1 .rightpic .item4 a.item4_1,
.pageService1 .rightpic .item4 a.item4_4 {
    margin: 10px 0 10px 3%
}

.pageService1 .rightpic .item3 {
    left: 9.375%;
    background: url("../images/service2-tu-line1.png") no-repeat left center;
    background-size: 419px
}

.pageService1 .rightpic .item3 a.item3_2 {
    margin: 10px 0 10px -15%
}

/*Ar*/
.Ar .pageService1 .rightpic .txt h4 {
    text-align: left
}

.Ar .pageService1 .rightpic .txt .line {
    float: left
}

@media screen and (max-width: 1920px) {
    .pageService1 .pageWZ {
        padding-bottom: 0.8rem
    }

    .pageService1 .screen {
        height: 9.30rem
    }

    .pageService1 .rightpic .item {
        width: 3.7rem
    }

    .pageService1 .rightpic a {
        width: 4.5rem;
        height: 1rem;
        padding: 0.1rem;
        margin: 0.1rem 0 0.1rem -10%
    }

    .pageService1 .rightpic .pic {
        width: 0.9rem;
        height: 0.9rem;
        border-radius: 100%
    }

    .pageService1 .rightpic .pic img {
        width: 0.9rem;
        height: 0.9rem
    }

    .pageService1 .rightpic .txt {
        padding-left: 1.2rem
    }

    .pageService1 .rightpic .txt h4 {
        font-size: 0.17rem;
        padding-top: 0.18rem;
        padding-bottom: 0.1rem
    }

    .pageService1 .rightpic .txt .line {
        width: 0.5rem;
        height: 0.02rem
    }

    .pageService1 .rightpic .item4 {
        right: 48.4375%;
        background-size: 4.19rem
    }

    .pageService1 .rightpic .item4 a.item4_1,
    .pageService1 .rightpic .item4 a.item4_4 {
        margin: 0.1rem 0 0.1rem 3%
    }

    .pageService1 .rightpic .item3 {
        left: 9.375%;
        background-size: 4.19rem
    }

    .pageService1 .rightpic .item3 a.item3_2 {
        margin: 0.1rem 0 0.1rem -15%
    }
}

@media screen and (max-width: 768px) {
    .pageService1 .screen {
        height: auto
    }

    .pageService1 .rightpic {
        height: 80vw;
        position: relative
    }

    .pageService1 .pageService-img {
        width: 80%;
        float:none;
        margin:0 auto
    }

    .pageService1 .rightpic .item4 {
        right: 0;
        background-size: 4.19rem;
        width: 50%
    }

    .pageService1 .rightpic .item3 {
        left: 9.375%;
        background-size: 4.19rem;
        width: 50%
    }
}

/*pageService2*/
.pageService2 {
    padding-top: 60px
}

.pageService2list {
    border-top: 1px solid #dfdfdf
}

.pageService2list ul {
    font-size: 0;
    margin: 0;
    border-left: 1px solid #dfdfdf
}

.pageService2list li {
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 20%;
    position: relative;
    vertical-align: top
}

.pageService2list li .item {
    display: block;
    overflow: hidden;
    margin: 0;
    position: relative;
    height: 440px;
    border-bottom: 1px solid #dfdfdf;
    border-right: 1px solid #dfdfdf
}

.pageService2list li .ImgBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    height: 440px;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden
}

.pageService2list li .ImgBox img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0%;
    height: 100%;
    max-width: none
}

.pageService2list li .ImgBox:before {
    content: '';
    background: url(../images/page4-1sd.png) center bottom repeat-x;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden
}

.pageService2list li .listTitle {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3
}

.pageService2list li .listTitleNr {
    padding: 45px 26px
}

.pageService2list li .num {
    display: block;
    vertical-align: top;
    font-size: 18px;
    line-height: 40px;
    color: #693d91;
    margin-bottom: 0px;
    font-weight: 300
}

.pageService2list li .num strong {
    font-size: 40px;
    vertical-align: top;
    margin-right: 10px
}

.pageService2list li .t {
    font-size: 22px;
    color: #693d91;
    font-weight: normal;
    text-align: left;
    line-height: 30px;
    padding-bottom: 15px;
    margin-bottom: 25px;
    position: relative;
    text-transform: uppercase
}

.pageService2list li .t:after {
    content: '';
    background: #b8e5c7;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 77px;
    height: 2px
}

.pageService2list li .t2 {
    font-size: 16px;
    color: #4b4b4b;
    line-height: 26px;
    font-weight: 300;
    min-height: 78px;
    text-align: left
}

/*hover*/
.pageService2list li .t2,
.pageService2list li .item,
.pageService2list li,
.pageService2list li .item,
.pageService2list li .item .ImgBox,
.pageService2list li .item .ImgBox img {
    -webkit-transition: all 1s;
    -ms-transition: all 1s;
    -o-transition: all .15s;
    transition: all 1s
}

.pageService2list li .item:hover .ImgBox img {
    -moz-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
    -webkit-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
    -ms-transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%);
    transform: scale3d(1.05, 1.05, 1.05) translate(-50%, -50%)
}

.pageService2list li .item:hover .ImgBox {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible
}

.pageService2list li .item:hover .ImgBox:after {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden
}

.pageService2list li .item:hover .t {
    color: #fff
}

.pageService2list li .item:hover .t2 {
    color: #fff
}

.pageService2list li .item:hover {
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05);
    position: relative;
    z-index: 2
}

/*Ars*/
.Ar .pageService2list li .t {
    text-align: right
}

.Ar .pageService2list li .t:after {
    left: auto;
    right: 0
}

.Ar .pageService2list li .t2 {
    text-align: right
}

@media screen and (max-width: 1920px) {
    .pageService2 {
        padding-top: 0.6rem
    }

    .pageService2list li .item,
    .pageService2list li .ImgBox {
        height: 4.4rem
    }

    .pageService2list li .listTitleNr {
        padding: 0.45rem 0.26rem
    }

    .pageService2list li .num {
        font-size: 0.18rem;
        line-height: 0.4rem
    }

    .pageService2list li .num strong {
        font-size: 0.4rem;
        margin-right: 0.1rem
    }

    .pageService2list li .t {
        font-size: 0.22rem;
        line-height: 0.3rem;
        padding-bottom: 0.15rem;
        margin-bottom: 0.25rem
    }

    .pageService2list li .t:after {
        width: 0.77rem;
        height: 0.02rem
    }

    .pageService2list li .t2 {
        font-size: 0.16rem;
        line-height: 0.26rem;
        min-height: 0.78rem
    }
}

@media screen and (max-width: 992px) {

    .pageService2list li .item,
    .pageService2list li .ImgBox {
        height: 3rem
    }

    .pageService2list li {
        width: 50%
    }
    
    .pageService2list li .t {
        font-size: 0.24rem;
    }
    
     .pageService2list li .t2 {
        font-size: 0.22rem;
    }   
    
}

/*pageService3*/
.pageService3 {
    padding-top: 60px;
    padding-bottom: 60px;
    background: url("../images/service3-bg.jpg") no-repeat center center;
    background-size: cover
}

.pageService3list ul {
    font-size: 0;
    margin: 0 -10px
}

.pageService3list li {
    box-sizing: border-box;
    display: inline-block;
    *display: inline;
    zoom: 1;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 33.3333333%;
    position: relative;
    vertical-align: top
}

.pageService3list li .item {
    display: block;
    overflow: hidden;
    margin: 0 10px;
    position: relative
}

.pageService3list li .ImgBoxBox {
    height: 520px;
    width: 100%;
    overflow: hidden;
    border-radius: 5px
}

.pageService3list li .ImgBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    height: 100%;
    position: relative;
    border-radius: 5px
}

.pageService3list li .ImgBox img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0%;
    height: 100%;
    max-width: none
}

.pageService3list li .ImgBox:before {
    content: '';
    background: url(../images/page4-1sd.png) center bottom repeat-x;
    background-size: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden
}

.pageService3list li .listTitle {
    height: 520px;
    border-radius: 5px;
    background: #fff;
    margin-bottom: 20px;
    position: relative
}

.pageService3list li .listTitleNr {
    padding: 45px 45px
}

.pageService3list li .listTitleNrB {}

.pageService3list li .num {
    display: block;
    vertical-align: top;
    font-size: 40px;
    line-height: 40px;
    color: #eeeeee;
    font-weight: bold;
    margin-bottom: 5px
}

.pageService3list li .t {
    font-size: 26px;
    color: #693d91;
    font-weight: bold;
    text-align: left;
    line-height: 30px;
    padding-bottom: 15px;
    margin-bottom: 25px;
    position: relative;
    text-transform: uppercase
}

.pageService3list li .t:after {
    content: '';
    background: #b8e5c7;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 30px;
    height: 5px
}

.pageService3list li .t2 {
    font-size: 16px;
    color: #4b4b4b;
    line-height: 24px;
    font-weight: 300;
    text-align: left;
    vertical-align: bottom;
    position: absolute;
    bottom: 45px;
    left: 45px;
    right: 45px
}

.pageService3list li .t2 .t2Nr {
    max-height: 336px;
    overflow: auto;
    padding-right: 8px
}

.pageService3list li .t2 .t2Nr::-webkit-scrollbar {
    width: 2px;
    height: 2px;
    background-color: #e1dcd8;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.pageService3list li .t2 .t2Nr::-webkit-scrollbar-thumb {
    background-color: #42bb69;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px
}

.pageService3list li:nth-child(2n) .item {
    padding-top: 540px
}

.pageService3list li:nth-child(2n) .ImgBoxBox {
    position: absolute;
    top: 0;
    left: 0
}

/*hover*/
.pageService3list li .t2,
.pageService3list li .item,
.pageService3list li,
.pageService3list li .item,
.pageService3list li .item .ImgBox,
.pageService3list li .item .ImgBox img {
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.pageService3list li .item:hover .ImgBox {
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
}

/*Ar*/
.Ar .pageService3list li .t:after {
    left: auto;
    right: 0
}

.Ar .pageService3list li .t {
    text-align: right
}

.Ar .pageService3list li .t2 {
    text-align: right
}

@media screen and (max-width: 1920px) {
    .pageService3 {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem
    }

    .pageService3list ul {
        margin: 0 -0.1rem
    }

    .pageService3list li .item {
        margin: 0 0.1rem
    }

    .pageService3list li .ImgBoxBox {
        height: 5.2rem;
        border-radius: 0.05rem
    }

    .pageService3list li .ImgBox {
        border-radius: 0.05rem
    }

    .pageService3list li .listTitle {
        height: 5.2rem;
        border-radius: 0.05rem;
        margin-bottom: 0.2rem
    }

    .pageService3list li .listTitleNr {
        padding: 0.45rem 0.45rem
    }

    .pageService3list li .num {
        font-size: 0.4rem;
        line-height: 0.4rem;
        margin-bottom: 0.05rem
    }

    .pageService3list li .t {
        font-size: 0.26rem;
        line-height: 0.3rem;
        padding-bottom: 0.15rem;
        margin-bottom: 0.25rem
    }

    .pageService3list li .t:after {
        width: 0.3rem;
        height: 0.05rem
    }

    .pageService3list li .t2 {
        font-size: 0.16rem;
        line-height: 0.24rem;
        bottom: 0.45rem;
        left: 0.45rem;
        right: 0.45rem
    }

    .pageService3list li .t2 .t2Nr {
        max-height: 3.36rem
    }

    .pageService3list li:nth-child(2n) .item {
        padding-top: 5.4rem
    }
}

@media screen and (max-width: 992px) {
    .pageService3list li {
        width: 100%
    }

    .pageService3list li .ImgBox {
        height: auto
    }

    .pageService3list li .ImgBox img {
        width: 100%;
        height: auto;
        position: static;
        top: 0;
        left: 0;
        -moz-transform: translate(0, 0);
        -webkit-transform: translate(0, 0);
        -ms-transform: translate(0, 0);
        transform: translate(0, 0);
        padding: 0%;
        height: auto
    }

    .pageService3list li .ImgBoxBox {
        position: static;
        top: 0;
        left: 0
    }

    .pageService3list li .ImgBoxBox {
        height: auto;
        border-radius: 5px
    }

    .pageService3list li .t {
        font-size: 20px;
        line-height: 30px;
        padding-bottom: 15px;
        margin-bottom: 25px
    }

    .pageService3list li .t:after {
        content: '';
        background: #b8e5c7;
        position: absolute;
        left: 0;
        bottom: 0;
        width: 30px;
        height: 5px
    }

    .pageService3list li .t2 {
        font-size: 14px;
        color: #4b4b4b;
        line-height: 24px;
        font-weight: 300;
        text-align: left;
        vertical-align: bottom;
        position: static;
        bottom: 0;
        left: 0;
        right: 0
    }

    .pageService3list li .t2 .t2Nr {
        max-height: 336px;
        overflow: auto;
        padding-right: 8px
    }

    .pageService3list li .num {
        font-size: 30px;
        line-height: 30px;
        margin-bottom: 5px
    }

    .pageService3list li .listTitleNr {
        padding: 30px 30px
    }

    .pageService3list li .listTitle {
        height: auto;
        border-radius: 5px;
        margin-bottom: 10px
    }

    .pageService3list li:nth-child(2n) .item {
        padding-top: 0
    }

    .pageService3list li:nth-child(2n) .ImgBoxBox {
        position: static;
        top: 0;
        left: 0
    }
}

/********************************pageService4********************************/
.pageService4 {
    overflow: hidden;
    position: relative
}

.pageService4 .pageService4Box {
    position: relative
}

.pageService4 .pageService4Box .pageService4InfoBox {
    position: relative;
    z-index: 1
}

.pageService4 .pageService4Bottom {
    background: #693d91;
    width: 50%;
    height: 960px;
    float: right
}

/*pageService4Wz*/
.pageService4 .pageService4Wz {
    padding-left: 60px;
    padding-right: 60px;
    padding-bottom: 170px
}

.pageService4 .pageService4WzB {
    font-size: 26px;
    line-height: 38px;
    color: #000000;
    text-align: center;
    font-weight: 300
}

.pageService4 .pageService4WzB strong {
    font-weight: bold
}

/*pageService4Img*/
.pageService4 .pageService4Img {
    background: #FFF
}

.pageService4 .pageService4Img .pic .item {
    display: block
}

.pageService4 .pageService4Img .pic .item .ImgBox {
    display: block;
    overflow: hidden;
    position: relative
}

.pageService4 .pageService4Img .pic .item .ImgBox img {
    display: block;
    width: 100%
}

.pageService4 .pageService4Img {
    position: relative;
    overflow: hidden;
    width: 50%;
    height: 960px;
    float: left
}

.pageService4 .pageService4Img .pic {
    position: relative;
    overflow: hidden;
    opacity: 1 !important
}

.pageService4 .pageService4Img .pic a {
    display: block
}

.pageService4 .pageService4Img .pic .ImgBox {
    display: block;
    line-height: 1;
    overflow: hidden;
    margin: 0 auto
}

.pageService4 .pageService4Img .pic .ImgBox img {
    display: block;
    width: 100%;
    height: auto;
    position: relative
}

/**/
.pageService4 .pageService4Img .swiper-button-prev {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100px;
    height: 100%;
    margin-top: 0;
    background: none;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.pageService4 .pageService4Img .swiper-button-next {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    width: 100px;
    height: 100%;
    margin-top: 0;
    background: none;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.pageService4 .pageService4Img .swiper-button-prev.swiper-button-disabled,
.pageService4 .pageService4Img .swiper-button-next.swiper-button-disabled {
    opacity: 0.5
}

.pageService4 .pageService4Img .pic .item {
    opacity: 0;
    transition: all .4s cubic-bezier(.49, 0, 0, 1)
}

.pageService4 .pageService4Img .pic.swiper-slide-active .item {
    opacity: 1;
    animation: scaleDown 1s cubic-bezier(.49, 0, 0, 1) forwards
}

.pageService4 .pageService4Img .pic.swiper-slide-active {
    opacity: 1
}

@keyframes scaleDown {
    0% {
        transform: scale(1.1)
    }

    to {
        transform: scale(1)
    }
}

/*pageService4_lunboBox*/
.pageService4 .pageService4_lunboBox {
    background: #693d91;
    width: 71.76923076923077%;
    float: right;
    height: 388px;
    border-bottom-right-radius: 20px
}

.pageService4 .pageService4_lunboBox .swiper-slide .item .listTitle {
    padding: 110px 85px 85px 85px
}

.pageService4 .pageService4_lunboBox .swiper-slide .item .listTitle .listTitleNr {
    max-width: 580px
}

.pageService4 .pageService4_lunboBox .swiper-slide .item .title {
    padding-bottom: 50px;
    border-bottom: 1px solid #e2e2e2;
    position: relative;
    margin-bottom: 45px;
    background: url(../images/index-prowzbg.png) right top no-repeat
}

.pageService4 .pageService4_lunboBox .swiper-slide .item .t {
    width: 100%;
    display: block;
    color: #fff;
    line-height: 30px;
    font-size: 22px;
    margin-bottom: 20px
}

.pageService4 .pageService4_lunboBox .swiper-slide .item .t2 {
    width: 100%;
    display: block;
    color: #fff;
    overflow: hidden;
    line-height: 26px;
    min-height: 208px;
    font-size: 16px;
    font-weight: 300
}

/*pageService4Tit*/
.pageService4 .pageService4Tit {
    padding-top: 100px;
    padding-left: 80px
}

.pageService4 .pageService4Tit .tit {
    font-size: 36px;
    color: #fff;
    font-weight: normal;
    margin-bottom: 60px;
    text-transform: uppercase
}

.pageService4 .pageService4Tit .tit span {
    display: inline-block;
    padding-top: 65px;
    background: url(../images/page-honor-tit2.png) left top no-repeat;
    background-size: 44px
}

.pageService4 .pageService4Tit li a {
    width: 100%;
    display: block;
    line-height: 50px;
    height: 50px;
    font-size: 26px;
    font-weight: normal;
    color: #fff;
    overflow: hidden;
    position: relative;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.pageService4 .pageService4Tit li a span {
    display: inline-block;
    padding-right: 25px;
    overflow: hidden
}

.pageService4 .pageService4Tit li a i {
    font-style: normal;
    display: inline-block;
    width: 255px;
    height: 1px;
    background: #5ac47c;
    position: relative;
    top: -50%;
    display: inline-block;
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-30px);
    -webkit-transform: translateX(-30px);
    -moz-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    -o-transform: translateX(-30px)
}

.pageService4 .pageService4Tit li,
.pageService4 .pageService4Tit li a i,
.pageService4 .pageService4Tit li a {
    -webkit-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out
}

.pageService4 .pageService4Tit li.show a i {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    visibility: visible;
    transform: translateX(0px);
    -webkit-transform: translateX(0px);
    -moz-transform: translateX(0px);
    -ms-transform: translateX(0px);
    -o-transform: translateX(0px)
}

.pageService4 .pageService4Tit li.show a {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.pageService4 .pageService4_lunboBox .swiper-slide .item {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: translateY(90px);
    -o-transform: translateY(90px);
    -moz-transform: translateY(90px);
    -ms-transform: translateY(90px);
    transform: translateY(90px)
}

.pageService4 .pageService4_lunboBox .swiper-slide.swiper-slide-active .item {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -o-transform: translateX(0) translateY(0) translateZ(0);
    -moz-ttransform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0) translateZ(0);
    transform: translateX(0) translateY(0) translateZ(0);
    -webkit-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -o-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    animation: animateIn .64s cubic-bezier(.49, 0, 0, 1) 1 forwards
}

@media(max-width:47.99em) {
    @keyframes animateIn {
        0% {
            opacity: 0;
            transform: translateY(26.6666666667vw)
        }

        to {
            opacity: 1;
            transform: translateY(0)
        }
    }
}

@media(min-width:48em) {
    @keyframes animateIn {
        0% {
            opacity: 0;
            transform: translateY(5.2083333333vw)
        }

        to {
            opacity: 1;
            transform: translateY(0)
        }
    }
}

/*Ar*/
.Ar .pageService4 .pageService4Bottom {
    float: left
}

.Ar .pageService4 .pageService4Img {
    float: right
}

.Ar .pageService4 .pageService4_lunboBox {
    float: left
}

.Ar .pageService4 .pageService4Tit {
    padding-right: 80px;
    padding-left: 0px
}

.Ar .pageService4 .pageService4Tit .tit span {
    background-position: right top
}

@media screen and (max-width: 1920px) {
    .pageService4 .pageService4Bottom {
        width: 50%;
        height: 9.6rem
    }

    .pageService4 .pageService4Wz {
        padding-left: 0.6rem;
        padding-right: 0.6rem;
        padding-bottom: 1.7rem
    }

    .pageService4 .pageService4WzB {
        font-size: 0.26rem;
        line-height: 0.38rem
    }

    .pageService4 .pageService4Img {
        height: 9.6rem
    }

    .pageService4 .pageService4_lunboBox {
        height: 3.88rem;
        border-bottom-right-radius: 0.2rem
    }

    .pageService4 .pageService4_lunboBox .swiper-slide .item .listTitle {
        padding: 1.1rem 0.85rem 0.85rem 0.85rem
    }

    .pageService4 .pageService4_lunboBox .swiper-slide .item .listTitle .listTitleNr {
        max-width: 5.8rem
    }

    .pageService4 .pageService4_lunboBox .swiper-slide .item .title {
        padding-bottom: 0.5rem;
        margin-bottom: 0.45rem
    }

    .pageService4 .pageService4_lunboBox .swiper-slide .item .t {
        line-height: 0.3rem;
        font-size: 0.22rem;
        margin-bottom: 0.2rem
    }

    .pageService4 .pageService4_lunboBox .swiper-slide .item .t2 {
        line-height: 0.26rem;
        min-height: 2.08rem;
        font-size: 0.16rem
    }

    .pageService4 .pageService4Tit {
        padding-top: 1rem;
        padding-left: 0.8rem
    }

    .pageService4 .pageService4Tit .tit {
        font-size: 0.36rem;
        margin-bottom: 0.6rem
    }

    .pageService4 .pageService4Tit .tit span {
        padding-top: 0.65rem;
        background-size: 0.44rem
    }

    .pageService4 .pageService4Tit li a {
        line-height: 0.5rem;
        height: 0.5rem;
        font-size: 0.26rem
    }

    .pageService4 .pageService4Tit li a span {
        padding-right: 0.25rem
    }

    .pageService4 .pageService4Tit li a i {
        width: 2.55rem
    }

    .pageService4 .pageService4Img .pic .item .ImgBox {
        height: 9.6rem
    }

    .pageService4 .pageService4Img .pic .item .ImgBox img {
        display: block;
        width: auto;
        height: 100%;
        max-width: none
    }

    .Ar .pageService4 .pageService4Tit {
        padding-right: 0.8rem;
        padding-left: 0px
    }
}

@media screen and (max-width: 992px) {
    .pageService4 .pageService4Img {
        width: 100%;
        float: none !important
    }

    .pageService4 .pageService4Bottom {
        width: 100%;
        height:auto;
        float: none !important
    }

    .pageService4 .pageService4Img .pic .item .ImgBox {
        height: 9.6rem;
        background-position: center center;
        background-size: cover
    }

    .pageService4 .pageService4Img .pic .item .ImgBox img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 100%;
        display: none
    }

    .pageService4 .pageService4_lunboBox .swiper-slide .item .title {
        padding-bottom: 50px;
        margin-bottom: 45px
    }

    .pageService4 .pageService4_lunboBox .swiper-slide .item .t {
        line-height: 30px;
        font-size: 18px;
        margin-bottom: 20px
    }

    .pageService4 .pageService4_lunboBox .swiper-slide .item .t2 {
        line-height: 26px;
        min-height: 208px;
        font-size: 14px
    }

    .pageService4 .pageService4_lunboBox .swiper-slide .item .listTitle .listTitleNr {
        max-width: 100%
    }

    .pageService4 .pageService4_lunboBox {
        width: 100%;
        float: none;
        height: auto
    }
}

/*pageService5*/
.pageService5 {
    padding-top: 60px;
    padding-bottom: 60px;
    background: #ffffff
}

.pageService5Lunbo {
    padding-top: 50px
}

.pageService5List {
    font-size: 0;
    margin: 0 -30px
}

.pageService5List .Sitem {
    display: block;
    margin: 0;
    padding: 0;
    list-style: none;
    width: 20%;
    position: relative;
    vertical-align: top;
    margin-bottom: 80px
}

.pageService5List .in-view {
    opacity: 0;
    -webkit-transform: translateY(1rem);
    transform: translateY(1rem);
    -webkit-transition-duration: 1s;
    transition-duration: 1s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.pageService5List .in-view:nth-child(0) {
    -webkit-transition-delay: -.2s;
    transition-delay: -.2s
}

.pageService5List .in-view:first-child {
    -webkit-transition-delay: 0s;
    transition-delay: 0s
}

.pageService5List .in-view:nth-child(2) {
    -webkit-transition-delay: .2s;
    transition-delay: .2s
}

.pageService5List .in-view:nth-child(3) {
    -webkit-transition-delay: .4s;
    transition-delay: .4s
}

.pageService5List .in-view:nth-child(4) {
    -webkit-transition-delay: .6s;
    transition-delay: .6s
}

.pageService5List .in-view:nth-child(5) {
    -webkit-transition-delay: .8s;
    transition-delay: .8s
}

.pageService5List .in-view.animated {
    opacity: 1;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.pageService5List .Sitem .item {
    display: block;
    overflow: hidden;
    margin: 0 30px;
    position: relative
}

.pageService5List .Sitem .ImgBoxBox {
    overflow: hidden;
    border-radius: 50%;
    padding-bottom: 100%;
    margin: 0 auto;
    position: relative
}

.pageService5List .Sitem .ImgBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover
}

.pageService5List .Sitem .ImgBox img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0%;
    height: 100%;
    max-width: none;
    display: none
}

.pageService5List .Sitem .listTitle {
    position: relative;
    padding-top: 20px
}

.pageService5List .Sitem .t {
    font-size: 22px;
    color: #333333;
    line-height: 26px;
    margin-bottom: 25px;
    font-weight: normal;
    text-align: left;
    position: relative;
    text-transform: uppercase
}

.pageService5List .Sitem .t2 {
    font-size: 18px;
    color: #6b696a;
    line-height: 26px;
    font-weight: 300;
    text-align: left
}

/*hover*/
.pageService5list .Sitem .t,
.pageService5list .Sitem .item,
.pageService5List .Sitem .ImgBoxBox,
.pageService5list .Sitem .ImgBox,
.pageService5list .Sitem .ImgBox img {
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.pageService5list .Sitem .item .ImgBox:hover {
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
}

.pageService5List .Sitem .item:hover .t {
    color: #693d91
}

/*indexNewsList*/
.pageService5List .btn {
    width: 120px;
    height: 40px;
    overflow: hidden;
    position: relative;
    margin: 0 auto
}

.pageService5List .swiper-button-prev {
    position: absolute;
    transition: 0.4s;
    opacity: 0.5;
    width: 60px;
    height: 40px;
    top: 0;
    margin: 0;
    left: 1px;
    border: 1px solid #aaaaaa;
    background: url("../images/index-left.png") center center no-repeat #fff;
    background-size: 7px;
    outline: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.pageService5List .swiper-button-next {
    position: absolute;
    transition: 0.4s;
    opacity: 0.5;
    width: 60px;
    height: 40px;
    top: 0;
    margin: 0;
    right: 0;
    border: 1px solid #aaaaaa;
    background: url("../images/index-right.png") center center no-repeat #fff;
    background-size: 7px;
    outline: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.Ar .pageService5List .swiper-button-prev {
    position: absolute;
    transition: 0.4s;
    opacity: 0.5;
    width: 60px;
    height: 40px;
    top: 0;
    margin: 0;
    left: auto;
    right: 0;
    border: 1px solid #aaaaaa;
    background: url("../images/index-right.png") center center no-repeat #fff;
    background-size: 7px;
    outline: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.Ar .pageService5List .swiper-button-next {
    position: absolute;
    transition: 0.4s;
    opacity: 0.5;
    width: 60px;
    height: 40px;
    top: 0;
    margin: 0;
    right: auto;
    left: 1px;
    border: 1px solid #aaaaaa;
    background: url("../images/index-left.png") center center no-repeat #fff;
    background-size: 7px;
    outline: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.pageService5List .swiper-button-prev:hover,
.pageService5List .swiper-button-next:hover {
    border-color: #aaaaaa;
    opacity: 1
}

/*Ar*/
.Ar .pageService5List .Sitem .t {
    text-align: right
}

.Ar .pageService5List .Sitem .t2 {
    text-align: right
}

.Ar .pageService5List .swiper-button-prev {
    right: 0
}

.Ar .pageService5List .swiper-button-next {
    left: 1px;
    right: auto
}

@media screen and (max-width: 1920px) {
    .pageService5 {
        padding-top: 0.6rem;
        padding-bottom: 0.6rem
    }

    .pageService5Lunbo {
        padding-top: 0.5rem
    }

    .pageService5List {
        margin: 0 -0.3rem
    }

    .pageService5List .Sitem {
        margin-bottom: 0.8rem
    }

    .pageService5List .Sitem .item {
        margin: 0 0.3rem
    }

    .pageService5List .Sitem .listTitle {
        padding-top: 0.2rem
    }

    .pageService5List .Sitem .t {
        font-size: 0.22rem;
        line-height: 0.26rem;
        margin-bottom: 0.25rem
    }

    .pageService5List .Sitem .t2 {
        font-size: 0.18rem;
        line-height: 0.26rem
    }
}

@media screen and (max-width: 992px) {
    .pageService5 {
        padding-top: 50px;
        padding-bottom: 50px
    }

    .pageService5Lunbo {
        padding-top: 30px
    }

    .pageService5List {
        margin: 0 -30px
    }

    .pageService5List .Sitem {
        margin-bottom: 30px;
        width: 50%
    }

    .pageService5List .Sitem .item {
        margin: 0 30px
    }

    .pageService5List .Sitem .listTitle {
        padding-top: 10px
    }

    .pageService5List .Sitem .t {
        font-size: 18px;
        line-height: 26px;
        margin-bottom: 25px
    }

    .pageService5List .Sitem .t2 {
        font-size: 14px;
        line-height: 26px
    }
}

@media screen and (max-width: 768px) {
    .pageService5List .Sitem .ImgBox {
        margin-bottom: 30px
    }
}

/*pageService6*/
.pageService6 {
    padding-top: 70px;
    padding-bottom: 90px;
    background: #e9ebf2
}

.pageService6 .pageService6Box {
    padding: 60px 0;
    border-top: 1px solid #c8c8cb;
    border-bottom: 1px solid #c8c8cb;
    position: relative
}

/*pageService6Img*/
.pageService6 .pageService6ImgBox {
    width: 50%;
    float: left;
    position: relative
}

.pageService6 .pageService6ImgBox:after {
    content: '';
    width: 1px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    background: #c8c8cb
}

.pageService6 .pageService6ImgBox .pageService6ImgB {
    padding: 0 60px
}

.pageService6 .pageService6Img {
    position: relative
}

.pageService6 .pageService6Img .pic .item {
    display: block
}

.pageService6 .pageService6Img .pic .item .ImgBox {
    display: block;
    overflow: hidden;
    border-top-left-radius: 5px;
    border-bottom-right-radius: 5px;
    position: relative
}

.pageService6 .pageService6Img .pic .item .ImgBox img {
    width: 100%
}

.pageService6 .pageService6Img {
    position: relative;
    overflow: hidden
}

.pageService6 .pageService6Img .pic {
    position: relative;
    overflow: hidden
}

.pageService6 .pageService6Img .pic a {
    display: block
}

.pageService6 .pageService6Img .pic .ImgBox {
    display: block;
    line-height: 1;
    overflow: hidden;
    margin: 0 auto
}

.pageService6 .pageService6Img .pic .ImgBox img {
    display: block;
    width: 100%;
    height: auto;
    position: relative
}

.pageService6 .swiper-button-prev {
    position: absolute;
    left: 0;
    top: 0;
    opacity: 1;
    width: 100px;
    height: 100%;
    margin-top: 0;
    background: none;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.pageService6 .swiper-button-next {
    position: absolute;
    right: 0;
    top: 0;
    opacity: 1;
    width: 100px;
    height: 100%;
    margin-top: 0;
    background: none;
    background-size: 100%;
    z-index: 2;
    outline: none
}

.pageService6 .swiper-button-prev.swiper-button-disabled,
.pageService6 .swiper-button-next.swiper-button-disabled {
    opacity: 0.5
}

/*pageService6lunboBox*/
.pageService6 .pageService6lunboBox {
    width: 50%;
    float: right
}

.pageService6 .pageService6lunboBox .swiper-slide .item .listTitle {
    padding: 0 55px
}

.pageService6 .pageService6lunboBox .swiper-slide .item .listTitle .listTitleNr {
    max-width: 580px
}

.pageService6 .pageService6lunboBox .swiper-slide .item .listTitle {
    padding-top: 40px
}

.pageService6 .pageService6lunboBox .swiper-slide .item .t {
    display: inline-block;
    color: #693d91;
    background: #fff;
    line-height: 47px;
    font-size: 22px;
    margin-bottom: 40px;
    text-transform: uppercase;
    text-align: center;
    border-radius: 47px;
    padding: 0 40px
}

.pageService6 .pageService6lunboBox .swiper-slide .item .t2 {
    width: 100%;
    display: block;
    color: #6b696a;
    overflow: hidden;
    overflow-y: scroll;
    line-height: 26px;
    max-height: 390px;
    font-size: 16px;
    font-weight: 300
}

.pageService6 .pageService6lunboBox .swiper-slide .item .t2::-webkit-scrollbar {
    width: 0px;
    height: 6px;
    background-color: #d8d8d8;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

.pageService6 .pageService6lunboBox .swiper-slide .item .t2::-webkit-scrollbar-thumb {
    background-color: #595959;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0
}

/**/
.pageService6 .pageService6lunboBox .swiper-slide .item .listTitle {
    filter: alpha(opacity=0);
    -moz-opacity: 0;
    -khtml-opacity: 0;
    opacity: 0;
    -webkit-transform: translateX(90px);
    -o-transform: translateX(90px);
    -moz-transform: translateX(90px);
    -ms-transform: translateX(90px);
    transform: translateX(90px)
}

.pageService6 .pageService6lunboBox .swiper-slide.swiper-slide-active .item .listTitle {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transform: translateX(0) translateY(0) translateZ(0);
    -o-transform: translateX(0) translateY(0) translateZ(0);
    -moz-ttransform: translateX(0) translateY(0) translateZ(0);
    -ms-transform: translateX(0) translateY(0) translateZ(0);
    transform: translateX(0) translateY(0) translateZ(0);
    -webkit-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -o-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -moz-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    -ms-transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1);
    transition: opacity .6s linear, transform .6s cubic-bezier(.215, .61, .355, 1)
}

/**/
.pageService6 .swiper-pagination {
    position: absolute;
    left: 50%;
    bottom: 60px !important;
    width: 50% !important;
    z-index: 2;
    margin: 0;
    text-align: left;
    margin-left: 55px
}

.pageService6 .swiper-pagination span.swiper-pagination-bullet {
    width: 10px;
    height: 10px;
    border-radius: 10px;
    opacity: 1;
    background: #f6f6f6;
    margin-right: 10px;
    outline: none
}

.pageService6 .swiper-pagination span.swiper-pagination-bullet-active {
    background: #693d91
}

/*Ar*/
.Ar .pageService6 .pageService6ImgBox {
    float: right
}

.Ar .pageService6 .pageService6ImgBox:after {
    right: auto;
    left: 0
}

.Ar .pageService6 .pageService6lunboBox {
    float: left
}

.Ar .pageService6 .swiper-pagination {
    left: auto;
    right: 50%;
    text-align: right;
    margin-left: 0px;
    margin-right: 55px
}

@media screen and (max-width: 1920px) {
    .pageService6 {
        padding-top: 0.7rem;
        padding-bottom: 0.9rem
    }

    .pageService6 .pageService6Box {
        padding: 0.6rem 0
    }

    .pageService6 .pageService6ImgBox .pageService6ImgB {
        padding: 0 0.6rem
    }

    .pageService6 .pageService6lunboBox .swiper-slide .item .listTitle {
        padding: 0 0.55rem
    }

    .pageService6 .pageService6lunboBox .swiper-slide .item .listTitle .listTitleNr {
        max-width: 5.8rem
    }

    .pageService6 .pageService6lunboBox .swiper-slide .item .listTitle {
        padding-top: 0.4rem
    }

    .pageService6 .pageService6lunboBox .swiper-slide .item .t {
        line-height: 0.47rem;
        font-size: 0.22rem;
        margin-bottom: 0.4rem;
        border-radius: 0.47rem;
        padding: 0 0.4rem
    }

    .pageService6 .pageService6lunboBox .swiper-slide .item .t2 {
        line-height: 0.26rem;
        max-height: 3.9rem;
        font-size: 0.16rem
    }

    .pageService6 .swiper-pagination {
        bottom: 0.6rem !important;
        margin-left: 0.55rem
    }

    .pageService6 .swiper-pagination span.swiper-pagination-bullet {
        width: 0.1rem;
        height: 0.1rem;
        border-radius: 0.1rem;
        margin-right: 0.1rem
    }

    .Ar .pageService6 .swiper-pagination {
        margin-left: 0px;
        margin-right: 0.55rem
    }
}

@media screen and (max-width: 992px) {
    .pageService6 {
        padding-top: 70px;
        padding-bottom: 90px
    }

    .pageService6 .pageService6Box {
        padding: 60px 0
    }

    .pageService6 .pageService6ImgBox .pageService6ImgB {
        padding: 0 60px
    }

    .pageService6 .pageService6lunboBox .swiper-slide .item .listTitle {
        padding: 0 55px
    }

    .pageService6 .pageService6lunboBox .swiper-slide .item .listTitle .listTitleNr {
        max-width: 100%
    }

    .pageService6 .pageService6lunboBox .swiper-slide .item .listTitle {
        padding-top: 40px;
        text-align: center
    }

    .pageService6 .pageService6lunboBox .swiper-slide .item .t {
        line-height: 47px;
        font-size: 22px;
        margin: 0 auto;
        margin-bottom: 40px;
        border-radius: 47px;
        padding: 0 40px
    }

    .pageService6 .pageService6lunboBox .swiper-slide .item .t2 {
        line-height: 26px;
        max-height: 390px;
        font-size: 16px;
        text-align: left
    }

    .pageService6 .swiper-pagination {
        bottom: 60px !important;
        margin-left: 55px
    }

    .pageService6 .swiper-pagination span.swiper-pagination-bullet {
        width: 10px;
        height: 10px;
        border-radius: 10px;
        margin-right: 10px
    }

    .pageService6 .pageService6ImgBox {
        width: 100%;
        float: none !important
    }

    .pageService6 .pageService6lunboBox {
        width: 100%;
        float: none !important
    }

    .pageService6 .swiper-pagination {
        position: static;
        left: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        z-index: 2;
        margin: 0 auto !important;
        text-align: center
    }

    .Ar .pageService6 .swiper-pagination {
        margin-left: 0px;
        margin-right: 55px
    }
}

@media screen and (max-width: 768px) {
    .pageService6 .pageService6ImgBox .pageService6ImgB {
        padding: 0
    }

    .pageService6 .pageService6lunboBox .swiper-slide .item .listTitle {
        padding: 50px 0
    }
}

/*pageService7*/
.pageService7 {
    background: #fff
}

.Ar .pageService7 {
    background: #fff
}

.Ar .pswp__zoom-wrap {
    direction: ltr
}

.pageService7 .tutu {
    padding-top: 50px
}

.pageService7 .in-view {
    opacity: 0;
    -webkit-transform: translateX(-1rem);
    transform: translateX(-1rem);
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.pageService7 .in-view.animated {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.Ar .pageService7 .in-view {
    opacity: 0;
    -webkit-transform: translateX(1rem);
    transform: translateX(1rem);
    -webkit-transition-duration: 1.5s;
    transition-duration: 1.5s;
    -webkit-transition-property: opacity, -webkit-transform;
    transition-property: opacity, -webkit-transform;
    transition-property: opacity, transform;
    transition-property: opacity, transform, -webkit-transform
}

.Ar .pageService7 .in-view.animated {
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0)
}

.w1840 {
    width: 95.83333333333333%;
    margin: 0 auto
}

@media (max-width: 1024px) {
    .w1840 {
        width: 96%
    }
}

.pageagent1 {
    padding-top: 0.9rem
}

.pageagent1 .pageWZ h2 {
    text-align: center;
    font-size: 0.6rem;
    color: #000;
    padding-bottom: 0.6rem
}

.pageagent1 .pageWZ {
    font-size: 0.2rem;
    line-height: 0.38rem;
    position: relative;
    padding-bottom: 0.58rem
}

.pageagent1 .pageWZ:after {
    content: '';
    width: 50px;
    height: 5px;
    background-color: #693d91;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto
}

.pageagent1 .agent1_box {
    margin-top: 1rem
}

.pageagent1 .agent1_box ul li {
    width: 50%;
    float: left
}

.pageagent1 .agent1_box .ImgBoxBox {}

.pageagent1 .agent1_box ul li .item {
    display: block;
    margin: 0;
    height: auto
}

.pageagent1 .agent1_box ul li .ImgBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    height: 4.63rem;
    b
}

.pageagent1 .agent1_box ul li .ImgBox img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0%;
    height: 100%;
    max-width: none;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.pageagent1 .agent1_box ul li .ImgBox .tit {
    position: absolute;
    top: 50%;
    font-size: 0.4rem;
    padding-left: 0.18rem;
    line-height: 0.42rem;
    font-weight: bold;
    color: #fff;
    margin-left: 0.9rem
}

.pageagent1 .agent1_box ul li .ImgBox .tit:before {
    content: '';
    width: 18px;
    height: 18px;
    background-color: #693d91;
    position: absolute;
    left: 0;
    top: -18px
}

.Ar .pageagent1 .agent1_box ul li .ImgBox .tit {
    position: absolute;
    top: 50%;
    font-size: 0.4rem;
    padding-left: 0;
    padding-right: 0.18rem;
    line-height: 0.42rem;
    font-weight: bold;
    color: #fff;
    margin-left: 0;
    margin-right: 0.9rem
}

.Ar .pageagent1 .agent1_box ul li .ImgBox .tit:before {
    content: '';
    width: 18px;
    height: 18px;
    background-color: #693d91;
    position: absolute;
    left: auto;
    right: 0;
    top: -18px
}

.pageagent1 .agent1_box ul li .text {
    min-height: 3.9rem;
    font-size: 0.18rem;
    line-height: 0.3rem;
    padding: 1.1rem 1rem 0 0.85rem;
    background-color: #fafafa
}

.pageagent1 .agent1_box ul li:nth-child(2) .text {
    background-color: #693d91;
    color: #fff
}

.pageagent1 .agent1_topbox {
    width: 55.72917%;
    margin: 0 auto;
    padding-top: 0.6rem
}

.pageagent1 .agent1_topbg {
    margin: 0 -0.24rem;
    background: url("../images/agent_topbg.jpg") top center no-repeat;
    padding-top: 0.6rem;
    overflow: hidden
}

.pageagent1 .agent1_topbg ul li {
    width: 25%;
    float: left
}

.Ar .pageagent1 .agent1_topbg ul li {
    width: 25%;
    float: right
}

.pageagent1 .agent1_topbg ul li .item {
    margin: 0 0.24rem
}

.pageagent1 .agent1_topbg ul li .item .ImgBoxBox {
    border-radius: 50%;
    padding-bottom: 95.66%;
    position: relative;
    border: 5px solid rgba(116, 214, 149, 0)
}

.pageagent1 .agent1_topbg ul li .item .ImgBoxBox .ImgBox {
    border-radius: 50%;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
    height: 100%;
    background-size: cover;
    border: 5px solid transparent
}

.pageagent1 .agent1_topbg ul li .item .ImgBoxBox .ImgBox img {
    display: none
}

.pageagent1 .agent1_topbg ul li .item .tit {
    color: rgba(19, 170, 68, 0);
    font-size: 0.2rem;
    text-align: center;
    padding-top: 0.2rem
}

.pageagent1 .agent1_topbg ul li .item:hover .tit {
    /*color: rgba(19,170,68,1);*/
    transition: color 1.5s ease;
    color: #693d91
}

.pageagent1 .agent1_topbg ul li .item:hover .ImgBox img {
    border-radius: 50%
}

.pageagent1 .agent1_topbg ul li .item:hover .ImgBoxBox {
    transition: border-color 1.5s ease;
    border-color: #693d91
}

@media screen and (max-width: 1024px) {
    .pageagent1 .agent1_topbox {
        width: 60%
    }

    .pageagent1 .agent1_topbg {
        margin: 0 -0.5rem
    }

    .pageagent1 .agent1_topbg ul li {
        width: 50%;
        float: left;
        margin-bottom: 0.35rem
    }

    .Ar .pageagent1 .agent1_topbg ul li {
        width: 50%;
        float: right;
        margin-bottom: 0.35rem
    }

    .pageagent1 .agent1_topbg ul li .item {
        margin: 0 0.5rem
    }

    .pageagent1 .agent1_topbg ul li .item .tit {
        color: rgba(19, 170, 68, 1)
    }

    .pageagent1 .agent1_topbg ul li .item .ImgBoxBox {
        border: 5px solid rgba(116, 214, 149, 1)
    }
}

@media screen and (max-width: 768px) {
    
    
    .pageagent1 .agent1_topbg {
        margin: 0 -0.2rem;
        padding-bottom:1rem;
    }
    
    .pageagent1 .agent1_topbg ul li {
        width: 25%;
        margin-bottom: 0.15rem
    }

    .Ar .pageagent1 .agent1_topbg ul li {
        width: 25%;
        margin-bottom: 0.15rem
    }
    
     .pageagent1 .agent1_topbg ul li .item {
        margin: 0 0.2rem
    }
     .pageagent1 .agent1_topbg ul li .item .tit {
         font-size:0.24rem;
         line-height:0.26rem;
    }
    
    .pageagent1 .agent1_topbox {
        width: 90%
    }

    .pageagent1 .agent1_topbg ul li .item .ImgBoxBox {
        padding-bottom: 95.7%
    }
}

@media screen and (max-width: 468px) {
    .pageagent1 .agent1_topbg ul li .item .ImgBoxBox {
        padding-bottom: 93%
    }
}

@media screen and (max-width: 1440px) {
    .pageagent1 .agent1_box ul li .text {
        min-height: 4.9rem
    }
}

@media screen and (max-width: 1280px) {
    .pageagent1 .agent1_box ul li .text {
        min-height: 6.9rem
    }
}

@media screen and (max-width: 1024px) {
    .pageagent1 .agent1_box ul li {
        width: 100%;
        float: none
    }

    .pageagent1 .agent1_box ul li .text {
        min-height: auto;
        padding: 1.1rem 1rem 0.85rem 0.85rem
    }

    .pageagent1 .agent1_box ul li .ImgBox {
        height: 4.63rem;
        background-position: center center;
        background-size: cover
    }

    .pageagent1 .agent1_box ul li .ImgBox img {
        display: block;
        width: 100%;
        height: auto;
        max-width: 100%;
        display: none
    }
}

@media screen and (max-width: 768px) {
    .pageagent1 .agent1_box ul li {
        width: 100%;
        float: none
    }

    .pageagent1 .agent1_box ul li .ImgBox {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
        height: 4.63rem
    }

    .pageagent1 .agent1_box ul li .text {
        font-size:0.22rem;
        min-height: auto;
        padding: 1.1rem 1rem 0.85rem 0.85rem
    }
    
.pageagent2 .pageWZ p {
    font-size: 0.22rem;
}
    
}

/******pageagent2******/
.pageagent2 {
    margin-top: 0.9rem
}

.pageagent2 .pageWZ {
    text-align: center
}

.pageagent2 .pageWZ p {
    font-size: 0.2rem;
    line-height: 0.38rem;
    text-align: center
}

.pageagent2 .pageWZ img {
    max-width: 100%;
    height: auto
}

.pageagent2List {
    font-size: 0;
    margin: 0 -15x;
    padding-top: 0.7rem
}

.pageagent2List .Sitem {
    display: block;
    margin-bottom: 0.85rem;
    padding: 0;
    list-style: none;
    width: 14.2857%;
    position: relative;
    vertical-align: top
}

.pageagent2List .Sitem .item {
    display: block;
    overflow: hidden;
    margin: 0 15px;
    position: relative
}

.pageagent2List .Sitem .item {
    padding: 30px;
    background: url("../images/agent_honorbg.jpg") no-repeat;
    background-size: 100% 100%
}

.pageagent2List .Sitem .ImgBoxBox {
    overflow: hidden;
    padding-bottom: 146.4%;
    margin: 0 auto;
    position: relative
}

.pageagent2List .Sitem .ImgBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

.pageagent2List .Sitem .ImgBox img {
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0%;
    height: 100%;
    max-width: none;
    display: none;
    filter: alpha(opacity=50);
    -moz-opacity: .5;
    -khtml-opacity: .5;
    opacity: .5
}

/*hover*/
.pageagent2List .Sitem .t,
.pageagent2List .Sitem .item,
.pageagent2List .Sitem .ImgBoxBox,
.pageagent2List .Sitem .ImgBox,
.pageagent2List .Sitem .ImgBox img {
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.pageagent2List .Sitem .item .ImgBox:hover {
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
}

.pageagent2List .swiper-slide-active {}

.pageagent2List .swiper-slide-active .ImgBox {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.pageagent2List .swiper-slide-active .ImgBox img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.pageagent2List .swiper-slide-active .item {
    padding: 30px;
    background: url("../images/agent_honorbg2.jpg") no-repeat;
    background-size: 100% 100%;
    -moz-transform: scale3d(1.5, 1.15, 1.15);
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    -ms-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15)
}

.pageagent2List .swiper-slide-active .item .ImgBox {
    -moz-transform: scale3d(1.15, 1.15, 1.15);
    -webkit-transform: scale3d(1.15, 1.15, 1.15);
    -ms-transform: scale3d(1.15, 1.15, 1.15);
    transform: scale3d(1.15, 1.15, 1.15)
}

/*indexNewsList*/
.pageagent2List .btn {
    width: 120px;
    height: 40px;
    overflow: hidden;
    position: relative;
    margin: 0 auto
}

.pageagent2List .swiper-button-prev {
    position: absolute;
    transition: 0.4s;
    opacity: 0.5;
    width: 60px;
    height: 40px;
    top: 0;
    margin: 0;
    left: 1px;
    border: 1px solid #eeeeee;
    background: url("../images/index-left.png") center center no-repeat #fff;
    background-size: 7px;
    outline: none;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.pageagent2List .swiper-button-next {
    position: absolute;
    transition: 0.4s;
    opacity: 0.5;
    width: 60px;
    height: 40px;
    top: 0;
    margin: 0;
    right: 0;
    border: 1px solid #aaaaaa;
    background: url("../images/index-right.png") center center no-repeat #fff;
    background-size: 7px;
    outline: none;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.Ar .pageagent2List .swiper-button-prev {
    position: absolute;
    transition: 0.4s;
    opacity: 0.5;
    width: 60px;
    height: 40px;
    top: 0;
    margin: 0;
    left: auto;
    right: 0;
    border: 1px solid #eeeeee;
    background: url("../images/index-right.png") center center no-repeat #fff;
    background-size: 7px;
    outline: none;
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    border-top-right-radius: 10px;
    border-bottom-right-radius: 10px
}

.Ar .pageagent2List .swiper-button-next {
    position: absolute;
    transition: 0.4s;
    opacity: 0.5;
    width: 60px;
    height: 40px;
    top: 0;
    margin: 0;
    right: auto;
    left: 1px;
    border: 1px solid #aaaaaa;
    background: url("../images/index-left.png") center center no-repeat #fff;
    background-size: 7px;
    outline: none;
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
    border-top-left-radius: 10px;
    border-bottom-left-radius: 10px
}

.pageagent2List .swiper-button-prev:hover,
.pageagent2List .swiper-button-next:hover {
    border-color: #aaaaaa;
    opacity: 1
}

/*Ar*/
.Ar .pageagent2List .swiper-button-prev {
    right: 0
}

.Ar .pageagent2List .swiper-button-next {
    left: 1px;
    right: auto
}

@media screen and (max-width: 1920px) {
    .pageagent2List {
        margin: 0 -0.15rem;
        padding-top: 0.7rem
    }

    .pageagent2List .Sitem {
        margin-bottom: 0.85rem
    }

    .pageagent2List .Sitem .item {
        margin: 0 0.15rem
    }
}

@media screen and (max-width: 992px) {
    .pageagent2List {
        margin: 0 -15px
    }

    .pageagent2List .Sitem {
        margin-bottom: 30px;
        width: 50%
    }

    .pageagent2List .Sitem .item {
        margin: 0 15px
    }
}

@media screen and (max-width: 768px) {
    .pageagent2List .Sitem .ImgBox {
        margin-bottom: 30px
    }
}

/******pageagent3******/
.pageagent3 {
    margin-top: 0.9rem;
    margin-bottom: 1.35rem
}

.agentControlTit .position {
    position: relative
}

.agentControlTit .swiper-container {
    max-width: 12rem;
    margin: 0 auto;
    overflow: hidden
}

.agentControlTit {
    position: relative;
    margin: 1rem 0 1.5rem 0
}

.agentControlTit:before {
    content: '';
    width: 100%;
    height: 1px;
    background-color: #d6d8e1;
    position: absolute;
    left: 0;
    top: 50%
}

.agentControlTit ul {
    margin: 0px auto;
    text-align: center
}

.agentControlTit .Sitem {
    display: block;
    width: 25%;
    float: left;
    margin-top: 0.6rem
}

.agentControlTit .Sitem .item {
    width: 100%;
    margin: 0 auto
}

.agentControlTit .Sitem .icon {
    width: 0.8rem;
    height: 0.8rem;
    text-align: center;
    background-color: #f0f1f6;
    border-radius: 50%;
    position: relative;
    margin: 0 auto
}

.agentControlTit .Sitem .icon img {
    width: 100%;
    max-width: 0.3rem;
    height: auto;
    display: block;
    margin: 0 auto;
    position: absolute;
    left: 0;
    right: 0;
    top: 50%;
    margin-top: -0.15rem
}

.agentControlTit .Sitem .icon .on {
    visibility: hidden
}

.agentControlTit .Sitem span {
    font-size: 0.18re;
    line-height: 0.2rem;
    color: #000;
    display: block;
    text-align: center;
    margin-top: 0.3rem
}

.agentControlTit .Sitem:hover .icon {
    background-color: #693d91
}

.agentControlTit .Sitem:hover .icon .on {
    visibility: visible
}

.agentControlTit .Sitem:hover .icon .mr {
    visibility: hidden
}

.agentControlTit .swiper-slide-active .icon {
    background-color: #693d91
}

.agentControlTit .swiper-slide-active .icon .on {
    visibility: visible
}

.agentControlTit .swiper-slide-active .icon .mr {
    visibility: hidden
}

.agentControlTit .swiper-button-prev,
.agentControlTit .swiper-button-next {
    width: 0.4rem;
    height: 0.4rem;
    border-radius: 50%;
    margin-top: -0.2rem
}

.agentControlTit .swiper-button-prev {
    background: url("../images/index-left2.png") center center no-repeat #693d91;
    background-size: 8px;
    left: 0px;
    right: auto
}

.agentControlTit .swiper-button-next {
    background: url("../images/index-right2.png") center center no-repeat #693d91;
    background-size: 8px;
    left: auto;
    right: 0
}

.Ar .agentControlTit .swiper-button-prev {
    background: url("../images/index-right2.png") center center no-repeat #693d91;
    background-size: 8px;
    left: auto;
    right: 0
}

.Ar .agentControlTit .swiper-button-next {
    background: url("../images/index-left2.png") center center no-repeat #693d91;
    background-size: 8px;
    left: 0px;
    right: auto
}

.agentstrListBox {
    width: 100%;
    height: auto;
    margin: 0 autol
}

.agentstrListBox .Sitem {
    display: block;
    width: 100%;
    margin-bottom: 0.85rem;
    padding: 0;
    list-style: none;
    position: relative;
    vertical-align: top
}

.agentstrListBox .Sitem .item {
    display: block;
    overflow: hidden;
    margin: 0 0.35rem;
    position: relative;
    background-color: #693d91;
    border-radius: 5px
}

.agentstrListBox .Sitem .item .wzInfo {
    float: left;
    width: 31.386%;
    padding: 0.9rem 0.4rem 0 0.4rem
}

.agentstrListBox .Sitem .item .wzInfo .tit {
    width: 1.6rem;
    font-size: 0.18rem;
    line-height: 0.28rem;
    color: #fff;
    font-weight: bold;
    position: relative;
    padding-bottom: 0.18rem;
    margin-bottom: 0.45rem
}

.agentstrListBox .Sitem .item .wzInfo .tit:after {
    content: '';
    width: 25px;
    height: 5px;
    background-color: #fff;
    position: absolute;
    left: 0;
    bottom: 0
}

.agentstrListBox .Sitem .item .wzInfo .txt {
    font-size: 0.16rem;
    line-height: 0.28rem;
    color: #fff
}

.Ar .agentstrListBox .Sitem .item .wzInfo {
    float: right;
    width: 31.386%;
    padding: 0.9rem 0.4rem 0 0.4rem
}

.Ar .agentstrListBox .Sitem .item .wzInfo .tit:after {
    content: '';
    width: 25px;
    height: 5px;
    background-color: #fff;
    position: absolute;
    left: auto;
    right: 0;
    bottom: 0
}

.agentstrListBox .Sitem .item .ImgBoxBox {
    float: left;
    width: 68.614%
}

.agentstrListBox .Sitem .ImgBoxBox {
    overflow: hidden;
    padding-bottom: 39.416059%;
    /*padding-bottom:49.4160%;*/
    margin: 0 auto;
    position: relative
}

.agentstrListBox .Sitem .ImgBox {
    width: 100%;
    height: 100%;
    overflow: hidden;
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    background-size: 100%
}

.agentstrListBox .Sitem .ImgBox img {
    max-width: 100%;
    height: auto;
    position: absolute;
    top: 50%;
    left: 50%;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0%;
    height: 100%;
    max-width: none;
    display: none
}

.agentstrListBox .Sitem .item,
.agentstrListBox .Sitem .ImgBoxBox,
.agentstrListBox .Sitem .ImgBox,
.agentstrListBox .Sitem .ImgBox img {
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.agentstrListBox .Sitem .item .ImgBox:hover {
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
}

.agentstrListBox .swiper-slide-active {}

.agentstrListBox .swiper-slide-active .ImgBox {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1
}

.agentstrListBox .swiper-slide-active .ImgBox img {
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    -khtml-opacity: 1;
    opacity: 1;
    -webkit-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s
}

.agentstrListBox .swiper-slide-active .item .ImgBox {
    -moz-transform: scale3d(1.05, 1.05, 1.05);
    -webkit-transform: scale3d(1.05, 1.05, 1.05);
    -ms-transform: scale3d(1.05, 1.05, 1.05);
    transform: scale3d(1.05, 1.05, 1.05)
}

@media screen and (max-width: 1660px) {
    .agentstrListBox .Sitem .item .wzInfo {
        padding: 0.6rem 0.3rem 0 0.3rem
    }

    .agentstrListBox .Sitem .item .wzInfo .tit {
        padding-bottom: 0.18rem;
        margin-bottom: 0.15rem
    }
}

@media screen and (max-width: 1024px) {
    .agentControlTit .swiper-container {
        width: 100%;
        margin: 0 auto;
        overflow: hidden
    }

    .agentControlTit .Sitem span {
        line-height: 0.32rem
    }

    .agentstrListBox .swiper-container {
        width: 100%;
        margin: 0 auto;
        overflow: hidden
    }

    .agentstrListBox {
        width: 90%;
        margin: 0 auto;
        overflow: hidden;
        height: auto
    }

    .agentstrListBox .Sitem .item .wzInfo {
        padding: 0.6rem 0.3rem 0 0.3rem;
        margin: 0 auto
    }

    .agentstrListBox .Sitem .item .ImgBoxBox {
        overflow: hidden;
        margin: 0 auto
    }
}

@media screen and (max-width: 850px) {
    .agentstrListBox {
        /* width:90%;*/
        margin: 0 auto;
        overflow: hidden
    }

    .agentstrListBox .Sitem .item .wzInfo {
        float: none;
        width: 100%;
        padding: 0.4rem;
        margin: 0 auto
    }

    .agentstrListBox .Sitem .item .ImgBoxBox {
        float: none;
        width: 100%;
        overflow: hidden;
        margin: 0 auto
    }
    
    .agentstrListBox .Sitem .item .wzInfo .tit {
    width:auto !important;
    font-size: 0.26rem;
    line-height: 0.36rem;
    }
    
    .agentstrListBox .Sitem .item .wzInfo .txt {
    font-size: 0.22rem;
    line-height: 0.34rem;
    }
}

/*******pageagent4***********/
.pageagent4 {
    background-color: #f0f1f6;
    padding: 0.7rem 0
}

/*******pageagent5***********/
.pageagent5 {
    padding: 0.7rem 0
}

.pageagent5 .agent1_box {
    padding-top: 1rem;
    margin: 0 -0.25rem
}

.pageagent5 .agent1_box ul li {
    width: 33.3333%;
    float: left
}

.pageagent5 .agent1_box ul li .item {
    display: block;
    height: auto;
    margin: 0 0.25rem
}

.pageagent5 .agent1_box ul li .ImgBox {
    width: 100%;
    height: auto;
    overflow: hidden;
    position: relative;
    height: 2.65rem
}

.pageagent5 .agent1_box ul li .ImgBox img {
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    padding: 0%;
    height: 100%;
    max-width: none;
    -moz-transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    display: none
}

.pageagent5 .agent1_box ul li .icon {
    text-align: center;
    padding-top: 0.6rem;
    padding-bottom: 0.25rem
}

.pageagent5 .agent1_box ul li .icon img {
    width: 0.6rem
}

.pageagent5 .agent1_box ul li .text {
    font-size: 0.2rem;
    line-height: 0.3rem;
    text-align: center;
    padding: 0 0.1rem 0.3rem 0.1rem;
    color: #000
}

@media screen and (max-width: 768px) {
    .pageagent5 .agent1_box {
        padding-top: 0.6rem
    }

    .pageagent5 .agent1_box ul li {
        width: 100%;
        max-width: 500px;
        margin: 0 auto;
        float: none;
        margin-bottom: 0.3rem
    }

    .pageagent5 .agent1_box ul li .ImgBox {
        width: 100%;
        height: auto;
        overflow: hidden;
        position: relative;
        margin: 0 auto;
        height: 3.65rem
    }
    
    .pageagent6 .title {
    font-size: 0.24rem !important;
    }

   .pageagent6 .text {
    font-size: 0.22rem;
    }

    
}

/*******pageagent6***********/
.pageagent6 {
    background-color: #f0f1f6;
    padding: 0.7rem 0
}

.pageagent6 .agentbg {
    background: url("../images/agent_bg.jpg") right top no-repeat
}

.pageagent6 .pageWZ {
    padding-top: 0.2rem;
    padding-bottom: 1rem;
    text-align: center
}

.pageagent6 .title {
    font-size: 0.36rem;
    text-align: left;
    color: #000;
    font-weight: bold
}

.pageagent6 .text {
    font-size: 0.2rem;
    line-height: 0.3rem;
    text-align: left;
    color: #000;
    padding-top: 0.5rem;
    padding-bottom: 0.45rem
}

.pageagent6 .text img {
    max-width: 100%;
    height: auto;
    display: block;
    margin: 0px auto
}

.Ar .pageagent6 .agentbg {
    background: url("../images/agent_bg.jpg") left top no-repeat
}

.Ar .pageagent6 .title {
    text-align: right
}

.Ar .pageagent6 .text {
    text-align: right
}

/********index font_start***********/
.word span {
    font-size: 1rem;
    line-height: 1rem;
    opacity: 0;
    backface-visibility: visible;
    transition-property: all;
    transition-duration: 660ms;
    transition-timing-function: ease-in-out;
    transform-origin: 50% 50% 0px;
    transform: perspective(1050px) rotateY(0deg) scale(0.5);
    -webkit-transition-property: all;
    -webkit-transition-duration: 660ms;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-transform-origin: 50% 50% 0px;
    -webkit-transform: perspective(1050px) rotateY(0deg) scale(0.5);
    display: inline-block
}

@media screen and (max-width:1680px) {
    .word span {
        font-size: 0.8rem;
        line-height: 0.8rem
    }
}

.p1 .word:nth-child(1) {
    color: #693d91;
    font-weight: bold
}

.p1 .word:nth-child(3) {
    display: inline-block;
    padding: 0 30px
}

.p1 .word:nth-child(4) {
    color: #693d91;
    font-weight: bold
}

.p2 .word:nth-child(1) {
    display: inline-block;
    padding-right: 15px
}

.p2 .word:nth-child(2) {
    display: inline-block;
    padding: 0 15px
}

.p2 .word:nth-child(3) {
    display: inline-block;
    padding: 0 15px;
    color: #693d91;
    font-weight: bold
}

.p2 .word:nth-child(4) {
    display: inline-block;
    padding: 0 15px
}

.p2 .word:nth-child(5) {
    padding-left: 15px;
    color: #693d91;
    font-weight: bold
}

.p3 .word:nth-child(1) {
    display: inline-block;
    padding-right: 15px
}

.p3 .word:nth-child(2) {
    display: inline-block;
    padding-left: 15px
}

.p4 .word:nth-child(1) {
    color: #693d91;
    font-weight: bold;
    padding-right: 15px
}

.p4 .word:nth-child(2) {
    display: inline-block;
    padding: 0 15px
}

.p4 .word:nth-child(3) {
    padding-left: 15px;
    color: #693d91;
    font-weight: bold
}

.p5 .word:nth-child(1) {
    display: inline-block;
    padding-right: 15px
}

.p5 .word:nth-child(2) {
    display: inline-block;
    padding: 0 15px;
    color: #693d91;
    font-weight: bold
}

.p5 .word:nth-child(3) {
    display: inline-block;
    padding: 0 15px
}

.p5 .word:nth-child(4) {
    display: inline-block;
    padding-left: 15px
}

.gs_reveal {
    opacity: 0;
    visibility: hidden;
    transition: none;
    pointer-events: none
}

/********index font_end***********/


/*pageTestLab vieo 2023-10-27*/
.pageTestLabTable td.img{position:relative;}
.pageTestLabTable td.img .videoTest{height:auto;padding-bottom:56.25%;overflow:hidden;position: relative;}
.pageTestLabTable td.img video{position:absolute; left:0;right:0; top:50%; margin:0 auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center; width:100%;object-fit:cover; background:#000;object-fit:;}
.pageTestLabTable td.img .videobtnB{position:absolute; width:100%;top:0;left:0; height:100%; z-index:2;visibility: visible;opacity:1;filter: alpha(opacity=100);}
.pageTestLabTable td.img .videobtnB:after{content:'';background:#000;opacity:0.5;filter: alpha(opacity=50);position:absolute; width:100%;top:0;left:0; height:100%;z-index:3;}
.pageTestLabTable td.img .videobtn{position:absolute;left:0!important;right:0!important; top:50%;-moz-transform:translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;margin: 0 auto;}
.pageTestLabTable td.img img{max-width:none;position:absolute;left:0;right:0;top:50%;margin:0 auto;-moz-transform:translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center;height:100%!important;width:100%!important;object-fit:cover!important;}
.pageTestLabTable td.img .videobtnB.stop{ visibility:hidden;opacity:0;filter: alpha(opacity=0);}





/*factoryBox video 2023-10-28*/
.factoryBox .li .imgInfo .img{position:relative;}
.factoryBox .li .imgInfo .img .imgBox{position:relative;z-index:2;visibility: visible;opacity:1;filter: alpha(opacity=100);}
.factoryBox .li .imgInfo .img .videoBB{height:auto;padding-bottom:56.25%;overflow:hidden;position: relative;position:absolute; width:100%;top:0;left:0; height:100%; z-index:1;}
.factoryBox .li .imgInfo .img video{position:absolute; left:0;right:0; top:50%; margin:0 auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center; width:100%;object-fit:cover; background:#000;object-fit:;}
.factoryBox .li .imgInfo .img .videobtnB{position:absolute; width:100%;top:0;left:0; height:100%; z-index:2;visibility: visible;opacity:1;filter: alpha(opacity=100);}
.factoryBox .li .imgInfo .img .videobtnB:after{content:'';background:#000;opacity:0.5;filter: alpha(opacity=50);position:absolute; width:100%;top:0;left:0; height:100%;z-index:3;}
.factoryBox .li .imgInfo .img .videobtn{width:60px;height:60px;position:absolute;left:0!important;right:0!important; top:50%;-moz-transform:translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;margin: 0 auto;}
.factoryBox .li.on .imgInfo .img .imgBox{ visibility:hidden;opacity:0;filter: alpha(opacity=0);}
@media screen and (max-width:1280px) {
.factoryBox .li .imgInfo .img .videobtn{width:50px;height:50px}
}
@media screen and (max-width:992px) {
.factoryBox .li .imgInfo .img .videobtn{width:40px;height:40px}
}

/*.indexAboutBox .videoTest{height:auto;padding-bottom:56.25%;overflow:hidden;position: relative;}*/
/*.indexAboutBox video{position:absolute; left:0;right:0; top:50%; margin:0 auto;-moz-transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center; width:100%;object-fit:cover; background:#000;object-fit:;}*/
/*.indexAboutBox .videobtnB{position:absolute; width:100%;top:0;left:0; height:100%; z-index:2;visibility: visible;opacity:1;filter: alpha(opacity=100);}*/
/*.indexAboutBox .videobtnB:after{content:'';background:#000;opacity:0.5;filter: alpha(opacity=50);position:absolute; width:100%;top:0;left:0; height:100%;z-index:3;}*/
/*.indexAboutBox .videobtn{position:absolute;left:0!important;right:0!important; top:50%;-moz-transform:translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);text-align:center;margin: 0 auto;}*/
/*.indexAboutBoxg img{max-width:none;position:absolute;left:0;right:0;top:50%;margin:0 auto;-moz-transform:translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);text-align:center;height:100%!important;width:100%!important;object-fit:cover!important;}*/
/*.indexAboutBox .videobtnB.stop{ visibility:hidden;opacity:0;filter: alpha(opacity=0);}*/


.tanchuspbg{ width:100%; height:100%; position:fixed; top:0; left:0; background-color: rgba(0,0,0,0.8); z-index:999999; display:none;}

.tanchusp{ max-width:1000px; margin:10% auto 0; position:relative;}
.tanchusp video{ width:100%; height:auto;}
a.colse{ width:30px; height:30px; background:#fff; display:block; text-align:center; line-height:30px; position:absolute; top:2%; right:2%; border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; font-size:16px; transition: all 0.3s;-moz-transition: all .3s;-webkit-transition: all .3s;-o-transition: all .3s;-ms-transition: all .3s;}
a.colse:hover{transform: rotate(180deg);-webkit-transform: rotate(360deg);-moz-transform: rotate(360deg);-o-transform: rotate(360deg);-ms-transform: rotate(360deg);}
.image_8 {
    width: 100%;
    height: auto;
    /*min-height: 650px;*/
    display: block;
}
.footer-logo1{
    display: flex;
    align-items: center;
}
.footer-logo1 a{
    max-width: 100px;
}