@charset "utf-8"; /* CSS Document *//* CSS 公共样式开始 */

*, *:before, *:after {

    -webkit-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    box-sizing: border-box

}



html {

    -webkit-tap-highlight-color: transparent

}



body {

    overflow-x: hidden;

    color: #333;

    font-size: 14px;

    font-family: 'Microsoft Yahei', 'Times New Roman', Arial;

    -webkit-overflow-scrolling: touch

}



body, dd, dl, figure, form, h1, h2, h3, h4, h5, h6, p, td, th {

    margin: 0;

    padding: 0;

    border: 0

}



li, ol, ul {

    margin: 0;

    padding: 0;

    list-style-type: none

}



img {

    max-width: 100%;

    border: 0;

    vertical-align: middle

}



table {

    border-collapse: collapse;

    border-spacing: 0

}



a {

    color: inherit;

    outline: none;

    text-decoration: none;

    background: transparent

}



a, em, i, span {

    display: inline-block

}



b, em, i {

    font-style: normal

}



h1, h2, h3, h4, h5, h6 {

    font-weight: normal;

    font-size: 14px

}



button {

    padding: 0

}



button, input, optgroup, select, textarea {

    outline: 0;

    border: 0;

    vertical-align: middle;

    font-family: 'Microsoft Yahei'

}



button, html input[type=button], input[type=reset], input[type=submit], input[type=text] {

    outline: 0;

    border: 0;

    border-radius: 0;

    cursor: pointer;

    -webkit-appearance: button

}



textarea {

    resize: none;

    font-size: 14px

}



textarea, .select {

    appearance: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    -o-appearance: none

}



.select::-ms-expand {

    display: none

}



.clearfix:after, .clearfix:before, .mauto:after, .mauto:before {

    display: table;

    content: ""

}



.clearfix:after, .mauto:after, .clear {

    clear: both

}



/*滚动条样式*/

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

    /*定义滚动条高宽及背景 高宽分别对应横竖滚动条的尺寸*/

    ::-webkit-scrollbar {

        width: 1px;

        height: 1px;

    }



    /*定义滚动条轨道 内阴影+圆角*/

    ::-webkit-scrollbar-track {

        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);

        border-radius: 1px;

        background-color: #ddd;

    }



    /*定义滑块 内阴影+圆角*/

    ::-webkit-scrollbar-thumb {

        border-radius: 1px;

        -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3);

        background-color: #eee;

    }

}



@-webkit-keyframes pg-next {

    0% {

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

    100% {

        -webkit-transform: translateY(120%);

        transform: translateY(120%);

        opacity: 0

    }

}



@-moz-keyframes pg-next {

    0% {

        -moz-transform: none;

        transform: none;

        opacity: 1

    }

    100% {

        -moz-transform: translateY(120%);

        transform: translateY(120%);

        opacity: 0

    }

}



@keyframes pg-next {

    0% {

        -webkit-transform: none;

        -moz-transform: none;

        transform: none;

        opacity: 1

    }

    100% {

        -webkit-transform: translateY(120%);

        -moz-transform: translateY(120%);

        transform: translateY(120%);

        opacity: 0

    }

}



@-webkit-keyframes pg-prev {

    0% {

        -webkit-transform: none;

        transform: none;

        opacity: 1

    }

    100% {

        -webkit-transform: translateY(-120%);

        transform: translateY(-120%);

        opacity: 0

    }

}



@-moz-keyframes pg-prev {

    0% {

        -moz-transform: none;

        transform: none;

        opacity: 1

    }

    100% {

        -moz-transform: translateY(-120%);

        transform: translateY(-120%);

        opacity: 0

    }

}



@keyframes pg-prev {

    0% {

        -webkit-transform: none;

        -moz-transform: none;

        transform: none;

        opacity: 1

    }

    100% {

        -webkit-transform: translateY(-120%);

        -moz-transform: translateY(-120%);

        transform: translateY(-120%);

        opacity: 0

    }

}



.mauto {

    max-width: 1440px;

    margin: 0 auto

}



@media (max-width: 1200px) {

    .mauto {

        max-width: 100%;

    }

}



@media (max-width: 768px) {

    .mauto {

        max-width: 92%;

    }

}



.db {

    display: block

}



.dn {

    display: none

}



.dtm {

    display: table;

    margin: 0 auto

}



.els {

    display: inline-block;

    overflow: hidden;

    width: 100%;

    vertical-align: middle;

    text-overflow: ellipsis;

    white-space: nowrap;

    word-wrap: break-word

}



.els2 {

    display: block;

    display: -webkit-box;

    width: 100%;

    overflow: hidden;

    text-overflow: ellipsis;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2

}



.img-md img {

    transform: scale(1);

    -webkit-transform: scale(1);

    transition: all .8s;

    -webkit-transition: all .8s

}



.img-md img:hover {

    transform: scale(1.1);

    -webkit-transform: scale(1.1)

}



.tra, a {

    transition: all .3s;

    -webkit-transition: all .3s

}



.dfcc, .dfccs, .dflc, .dflcs, .dflr, .dflrs {

    display: -webkit-flex;

    display: flex

}



.dfcc, .dflcs, .dfccs {

    justify-content: center;

    -webkit-justify-content: center

}



.dflc, .dfcc, .dfccs, .dflr, .dflrs {

    align-items: center;

    -webkit-align-items: center

}



.dflr {

    justify-content: space-between;

    -webkit-justify-content: space-between

}



.dflrs {

    justify-content: space-around;

    -webkit-justify-content: space-around

}



.dflcs, .dfccs {

    -webkit-flex-direction: column;

    flex-direction: column

}



/*首页-新闻轮播*/

.slick-slider {

    position: relative;

    display: block;

    box-sizing: border-box;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -ms-touch-action: pan-y;

    touch-action: pan-y;

    -webkit-tap-highlight-color: transparent

}



.slick-list {

    position: relative;

    overflow: hidden;

    display: block;

    margin: 0;

    padding: 0

}



.slick-list:focus {

    outline: none

}



.slick-list.dragging {

    cursor: pointer;

    cursor: hand

}



.slick-slider .slick-track, .slick-slider .slick-list {

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

    -o-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.slick-track {

    position: relative;

    left: 0;

    top: 0;

    display: block;

    margin-left: auto;

    margin-right: auto

}



.slick-track:before, .slick-track:after {

    content: "";

    display: table

}



.slick-track:after {

    clear: both

}



.slick-loading .slick-track {

    visibility: hidden

}



.slick-slide {

    float: left;

    height: 100%;

    min-height: 1px;

    display: none

}



[dir="rtl"] .slick-slide {

    float: right

}



.slick-slide img { /*width:100%;*/

    display: block

}



.slick-slide.slick-loading img {

    display: none

}



.slick-slide.dragging img {

    pointer-events: none

}



.slick-initialized .slick-slide {

    display: block

}



.slick-loading .slick-slide {

    visibility: hidden

}



.slick-vertical .slick-slide {

    display: block;

    height: auto

}



.slick-arrow.slick-hidden {

    display: none

}



.slick-arrow {

    z-index: 1;

    position: absolute;

    top: 50%;

    font-size: 0;

    cursor: pointer;

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%)

}



.slick-prev {

    left: 0

}



.slick-next {

    right: 0

}



.slick-dots {

    position: absolute;

    left: 0;

    bottom: 20px;

    width: 100%;

    font-size: 0;

    text-align: center

}



.slick-dots div {

    display: inline-block;

    width: 30px;

    height: 5px;

    background: #ccc;

    margin: 0 5px;

    cursor: pointer

}



.slick-dots div.slick-active, .slick-dots div:hover, .slick-dots div:focus {

    background: #333

}



.slick-dots div button {

    display: none

}



.slick-arrow {

    width: .6rem;

    height: .6rem

}



.slick-prev {

    left: 1%;

    background: url(../images/banner_l.png) no-repeat center/cover

}



.slick-next {

    right: 1%;

    background: url(../images/banner_r.png) no-repeat center/cover

}



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

    .slick-dots {

        display: none !important;

    }

}



/*.animation {visibility:hidden;opacity:0}

.fadel,.fader,.fadeup,.fadez {visibility:visible}

.fadeup {animation:slideInUp ease-out .6s forwards;-webkit-animation:slideInUp ease-out .6s forwards}

@keyframes slideInUp {from {transform:translate3d(0,50%,0)}

to {opacity:1;transform:none}

}

@-webkit-keyframes fadeInUp {from {-webkit-transform:translate3d(0,50%,0)}

to {opacity:1;-webkit-transform:none}

}

.fadel {animation:slideInLeft ease-out .6s forwards;-webkit-animation:slideInLeft ease-out .6s forwards}

@keyframes slideInLeft {from {transform:translate3d(-50%,0,0)}

to {opacity:1;transform:none}

}

@-webkit-keyframes slideInLeft {from {-webkit-transform:translate3d(-50%,0,0)}

to {opacity:1;-webkit-transform:none}

}

.fader {animation:slideInRight ease-out .6s forwards;-webkit-animation:slideInRight ease-out .6s forwards}

@keyframes slideInRight {from {transform:translate3d(50%,0,0)}

to {opacity:1;transform:none}

}

@-webkit-keyframes slideInRight {from {-webkit-transform:translate3d(50%,0,0)}

to {opacity:1;-webkit-transform:none}

}

.fadez {animation:zoomIn ease-out .6s forwards;-webkit-animation:zoomIn ease-out .6s forwards}

@keyframes zoomIn {from {transform:scale3d(.3,.3,.3)}

to {opacity:1;transform:none}

}

@-webkit-keyframes zoomIn {from {-webkit-transform:scale3d(.3,.3,.3)}

to {opacity:1;-webkit-transform:none}

}*/

.img img, .imgs img {

    width: 100%;

}



.imgs {

    position: relative

}



/* PC端显示和手机端隐藏 */

.dk_pc {

    display: block !important;

}



.dk_phone {

    display: none !important;

}



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

    .dk_pc {

        display: none !important;

    }



    .dk_phone {

        display: block !important;

    }

}



/* CSS 公共样式结束 */

body {

    padding-top: 105px

}



main {

}



main .main_con {

    min-height: 400px;

    margin: 0 auto;

    margin-top: 40px;

    max-width: 1440px;

    overflow: hidden;

}



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

    main .main_con {

        max-width: 85%;

    }

}



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

    main .main_con {

        margin-top: 20px;

        max-width: 100%;

    }

}



header {

    width: 100%;

    background-color: #eeeeee;

    z-index: 10;

    position: fixed;

    left: 0;

    top: 0;

}



header .header {

    width: 100%;

    background: #fff;

    border-bottom: 1px solid #ddd;

}



header .header .logo {

    overflow: hidden;

    float: left;

}



header .header .logo img {

    max-height: 60px;

    padding-top: 3%;

}



header .header .top-fixed .logo img { /*width:80%;*/

    transition: all .5s;

    -webkit-transition: all .5s;

}



header .header .top-fixed .sm-blue > li {

    height: 70px;

    transition: all .5s;

    -webkit-transition: all .5s;

}



header .header .top-fixed .sv-acbl span {

    width: 80px;

    height: 70px;

    transition: all .5s;

    -webkit-transition: all .5s;

}



header .header .top-fixed .sm-blue ul {

    top: 70px;

}



header .header .top-fixed .sv-acbl p {

    top: 70px;

}



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

    .header {

        padding: 0 3%;

    }



    header .header .logo {

        padding: 5px 0;

    }



    header .header .logo img {

        height: 50px;

        padding-top: 0;

    }



    header .header .header-top {

        padding: 0 3%;

    }



    header .header .sv-acbl span {

        width: 70px;

        border-left: 0px solid #ddd !important;

        border-right: 0px solid #ddd !important;

    }

}



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

    body {

        padding-top: 95px

    }



    header {

        z-index: 101

    }



    header .header {

        padding: 0;

    }



    header .header-top {

        padding: 0;

    }



    header .header .logo img {

        width: auto;

        max-height: 50px;

    }



    header .header .sm-blue > li {

        height: auto;

    }

}



header .header-top {

    width: 100%;

    background-color: #eeeeee;

    position: relative;

}



header .header-top #top1 {

    width: 100%; /*background-color:#eeeeee;*/

}



header .header-top #top1 .top1c {

    padding: 5px 0 5px 0;

    line-height: 25px;

    width: 100%;

    margin: 0 auto;

    color: #fff;

}



header .header-top #top1 .top1c a { /*padding-left:5px;*/

}



header .header-top #top1 .top1c_l {

    float: left;

    color: #666;

}



header .header-top #top1 .top1c_l li {

    display: inline-block;

    margin-right: 10px;

}



header .header-top #top1 .top1c_l li:hover a {

    color: #d9122e;

}



header .header-top #top1 .top1c_l li p {

    background-color: #666;

    text-align: center;

    height: 24px;

    width: 24px;

    line-height: 24px;

    display: block;

    border-radius: 24px;

    margin: 0px;

    padding: 0px;

    float: left;

    margin-right: 5px;

}



header .header-top #top1 .top1c_l li:hover p {

    background-color: #d9122e;

}



header .header-top #top1 .top1c_r {

    float: right;

    margin-left: 5px;

}



header .header-top #top1 .top1c_r .sitemap {

}



header .header-top #top1 .top1c i {

    color: #fff;

    display: inline-block;

    vertical-align: top;

}



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

    header .header-top #top1 .top1c_l {

        margin-bottom: 5px;

        display: none;

    }



    header .header-top #top1 .top1c_l li p {

        background-color: #666;

        text-align: center;

        height: 20px;

        width: 20px;

        line-height: 20px;

        display: block;

        border-radius: 20px;

        margin: 0px;

        padding: 0px;

        float: left;

        margin-right: 5px;

    }



    header .header-top #top1 .top1c_l li p i {

        font-size: 12px;

    }

}



/*语言选择开始*/

.language {

    display: inline-block;

    float: right;

}



.language .cur {

    cursor: pointer;

    position: relative;

    padding: 2px 5px 2px 6px;

    background-color: #fff;

}



.language .cur e {

    color: #555;

    font-size: 12px;

    line-height: 20px;

    background-image: url(../images/flag.png);

    background-repeat: no-repeat;

    padding-left: 30px;

    height: 20px;

    display: block;

}



.language .cur e i {

    font-weight: bold;

    font-size: 12px;

    margin-left: 3px;

    color: #999 !important;

}



.language .cur:hover e {

    color: #ff3b23;

}



.language ul.language-list {

    text-align: left;

    max-height: 400px;

    overflow: auto;

    position: absolute;

    z-index: 2000;

    top: 25px;

    right: 0;

    list-style-type: none;

    background-color: #fff;

    font-size: 12px;

    height: 0;

    transition: all 0.4s ease-in-out;

    -webkit-transition: all 0.4s ease-in-out;

    -moz-transition: all 0.4s ease-in-out;

    -o-transition: all 0.4s ease-in-out;

    opacity: 0;

}



.language .cur:hover .language-list {

    opacity: 1;

    height: auto;

    padding: 2px 5px;

    -webkit-box-shadow: 0 0 5px #ccc;

    -moz-box-shadow: 0 0 5px #ccc;

    box-shadow: 0 0 5px #ccc;

}



.language ul.language-list li {

    padding: 4px 4px 2px 4px;

    overflow: hidden;

    border-bottom: 1px solid #ddd;

    margin: 3px 0 2px 0;

}



.language ul.language-list li a {

    color: #1b1b1b;

    font-size: 12px;

    line-height: 20px;

    background-image: url(../images/flag.png);

    background-repeat: no-repeat;

    background-position: 0 0;

    padding: 0 0 0 30px;

    float: left;

    width: 100%;

    white-space: nowrap;

}



.language ul.language-list li:hover {

    background-color: #d9122e;

}



.language ul.language-list li:hover a {

    color: #fff;

}



.language e i {

    color: #666;

}



.language e.cn, .language ul.language-list li a.cn {

    background-position: 0 0;

}



.language e.en, .language ul.language-list li a.en {

    background-position: 0 -22px;

}



.language e.es, .language ul.language-list li a.es {

    background-position: 0 -44px;

}



.language e.nl, .language ul.language-list li a.nl {

    background-position: 0 -66px;

}



.language e.ar, .language ul.language-list li a.ar {

    background-position: 0 -88px;

}



.language e.ru, .language ul.language-list li a.ru {

    background-position: 0 -110px;

}



.language e.de, .language ul.language-list li a.de {

    background-position: 0 -132px;

}



.language e.ja, .language ul.language-list li a.ja {

    background-position: 0 -154px;

}



.language e.pt, .language ul.language-list li a.pt {

    background-position: 0 -176px;

}



.language e.fr, .language ul.language-list li a.fr {

    background-position: 0 -198px;

}



.language e.it, .language ul.language-list li a.it {

    background-position: 0 -220px;

}



.language e.ko, .language ul.language-list li a.ko {

    background-position: 0 -242px;

}



.language e.th, .language ul.language-list li a.th {

    background-position: 0 -264px;

}



.language e.el, .language ul.language-list li a.el {

    background-position: 0 -286px;

}



.language e.pl, .language ul.language-list li a.pl {

    background-position: 0 -308px;

}



.language e.bul, .language ul.language-list li a.bul {

    background-position: 0 -330px;

}



.language e.est, .language ul.language-list li a.est {

    background-position: 0 -352px;

}



.language e.dan, .language ul.language-list li a.dan {

    background-position: 0 -374px;

}



.language e.fin, .language ul.language-list li a.fin {

    background-position: 0 -396px;

}



.language e.cs, .language ul.language-list li a.cs {

    background-position: 0 -418px;

}



.language e.rom, .language ul.language-list li a.rom {

    background-position: 0 -440px;

}



.language e.slo, .language ul.language-list li a.slo {

    background-position: 0 -462px;

}



.language e.swe, .language ul.language-list li a.swe {

    background-position: 0 -484px;

}



.language e.hu, .language ul.language-list li a.hu {

    background-position: 0 -506px;

}



.language e.hi, .language ul.language-list li a.hi {

    background-position: 0 -528px;

}



.language e.tr, .language ul.language-list li a.tr {

    background-position: 0 -550px;

}



.language e.vi, .language ul.language-list li a.vi {

    background-position: 0 -572px;

}



.language e.fa, .language ul.language-list li a.fa {

    background-position: 0 -594px;

}



.language e.he, .language ul.language-list li a.he {

    background-position: 0 -616px;

}



.language e.sk, .language ul.language-list li a.sk {

    background-position: 0 -638px;

}



.language e.id, .language ul.language-list li a.id {

    background-position: 0 -660px;

}



.language e.lt, .language ul.language-list li a.lt {

    background-position: 0 -682px;

}



.language e.lv, .language ul.language-list li a.lv {

    background-position: 0 -704px;

}



.language e.ms, .language ul.language-list li a.ms {

    background-position: 0 -726px;

}



.language e.no, .language ul.language-list li a.no {

    background-position: 0 -748px;

}



.language e.uk, .language ul.language-list li a.uk {

    background-position: 0 -770px;

}



.language e.ur, .language ul.language-list li a.ur {

    background-position: 0 -792px;

}



.language e.hr, .language ul.language-list li a.hr {

    background-position: 0 -814px;

}



.language e.tw, .language ul.language-list li a.tw {

    background-position: 0 0;

}



.language e.bn, .language ul.language-list li a.bn {

    background-position: 0 -836px;

}



@media (max-width: 768px) {

    .language {

        float: left;

    }

}



/*搜索按钮*/

.menu {

    width: 100%;

    font-size: 14px;

}



header .header .sv-acbl {

    float: right;

    position: relative;

}



header .header .sv-acbl span {

    font-size: 40px;

    display: block;

    width: 95px;

    height: 70px;

    background: url(../images/fd.png) no-repeat center center;

    border-left: 1px solid #ddd;

    border-right: 1px solid #ddd;

    text-align: center;

    line-height: 95px;

}



header .header .sv-acbl p {

    display: none;

    position: absolute;

    z-index: 5;

    right: 0;

    top: 70px;

    background: #fff; /*box-shadow:0 0 10px rgba(0,0,0,0.2);*/

    height: 40px;

    width: 250px;

}



header .header .sv-acbl p .c1 {

    float: left;

    width: 200px;

    height: 40px;

    border: none;

    padding: 0 10px;

}



header .header .sv-acbl p .c2 {

    float: left;

    border: none;

    cursor: pointer;

    width: 40px;

    height: 40px;

    background: url(../images/fd.png) no-repeat center center;

}



header .header .sv-acbl p button {

    width: 50px;

    height: 40px;

    background: #eee;

}



header .header .sv-acbl p button i {

    font-size: 30px;

    color: #093388;

}



header .header .sv-acbl div {

    width: 100%;

    display: none;

    position: absolute;

    z-index: 5;

    right: 0;

    top: 95px;

    background: #fff;

    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);

}



header .header .sv-acbl div a {

    display: block;

    line-height: 40px;

    text-align: center;

}



@media (min-width: 1200px) {

    header .header .sv-acbl:hover p, .sv-acbl:hover div { /*display:block;*/

    }

}



@media (max-width: 1300px) {

    .sv-acbl {

        z-index: 10;

    }



    .sv-acbl p, .sv-acbl div {

        top: 60px;

    }



    .top-fixed .sv-acbl p {

        top: 60px;

    }



    .top-fixed .T-nav {

        top: 50px;

    }

}



@media (max-width: 768px) {

    header .header .sv-acbl span {

        width: 40px;

        height: 60px;

        line-height: 60px;

        border: none;

    }



    header .header .sv-acbl span {

        width: 50px;

        height: 60px;

    }



    header .header .sv-acbl p {

        top: 60px;

    }

}



/*导航条三级菜单*/

.dn {

    display: none;

}



.menu_c {

    height: 95px;

    z-index: 10;

    background-color: #FFF;

    display: block;

    margin: 0;

    width: 100%;

    box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);

    position: relative;

}



.menu_c .nav li {

    position: relative;

    white-space: nowrap;

}



.menu_c .nav li a {

    height: 40px;

    line-height: 40px

}



.menu_c .nav .sub-1 > a.cur {

    background: #edeef0

}



.menu_c .nav li a:hover, .menu_c .nav .sub-1 > a.cur:hover {

    background: #d9122e;

    -moz-transition: all .3s;

    -o-transition: all .3s;

    -ms-transition: all .3s;

    -webkit-transition: all .3s;

    transition: all .3s;

    color: #fff;

}



.menu_c .nav ul {

    background: #fff

}



.menu_c .nav ul a {

    display: block;

    padding: 0 15px

}



.menu_c .nav .subs .sub-2 > a {

}



.menu_c .nav .subs .sub-2 > a::after {

    position: absolute;

    font-family: "icon";

    font-size: 24px;

    left: 10px

}



.menu_c .nav .sub-1 {

    float: left;

    height: 95px

}



.menu_c .nav .sub-1 > a {

    height: 95px;

    line-height: 95px;

    color: #6f747c;

    background: #fff;

    text-decoration: none;

    transition: color, background .5s;

    display: block;

    padding: 0 25px;

    font-size: 16px

}



.menu_c .nav .sub-1 > ul {

    position: absolute;

    top: 95px

}



.menu_c .nav .sub-1:hover > ul {

    display: block

}



.menu_c .nav .sub-2 > a {

    padding: 0 15px

}



.menu_c .nav .sub-2:hover > ul {

    display: block;

    position: absolute;

    top: 0;

    left: 100%

}



.menu_c .nav .sub-3 {

    float: left;

    width: 100%

}



.menu_c .nav .sub-3:hover > ul {

    display: block;

    position: absolute;

    top: 0;

    left: 100%

}



@media (max-width: 1300px) {

    .menu_c {

        box-shadow: 0px 0px 10px rgba(0, 0, 0, 0);

    }



    .menu_c .nav .sub-1 {

        height: auto; /* float:left;height:50px;*/

    }



    .menu_c .nav .sub-1 > a {

        height: 50px;

        line-height: 50px;

    }



    .menu_c .nav .sub-1 > ul {

        position: initial; /* top:50px;*/

    }



    .menu_c .nav .sub-3 {

        float: none;

    }



    .menu_c .nav .sub-2:hover > ul {

        position: initial;

        display: block;

    }

}



/*导航栏*/

.sm {

    box-sizing: border-box;

    position: relative;

    z-index: 1;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



.sm, .sm ul, .sm li {

    list-style: none;

    margin: 0;

    padding: 0;

    line-height: normal;

    direction: ltr;

    text-align: left;

}



.sm-rtl, .sm-rtl ul, .sm-rtl li {

    direction: rtl;

    text-align: right;

}



.sm > li > h1, .sm > li > h2, .sm > li > h3, .sm > li > h4, .sm > li > h5, .sm > li > h6 {

    margin: 0;

    padding: 0;

}



.sm ul {

    display: none;

}



.sm li, .sm a {

    position: relative;

}



.sm a {

    display: block;

}



.sm a.disabled {

    cursor: default;

}



.sm::after {

    content: "";

    display: block;

    height: 0;

    font: 0px/0 serif;

    clear: both;

    overflow: hidden;

}



.sm *, .sm *::before, .sm *::after {

    box-sizing: inherit;

}



.main-nav {

    float: right;

    width: 75%; /* margin:13px 0;*/

    background-color: #fff;

    padding: 0;

}



.main-nav:after {

    clear: both;

    content: "\00a0";

    display: block;

    height: 0;

    font: 0px/0 serif;

    overflow: hidden;

}



.nav-brand {

    float: left;

    margin: 0;

}



.nav-brand a {

    display: block;

    padding: 10px 10px 10px 20px;

    color: #fff;

    font-size: 22px;

    font-weight: normal;

    line-height: 29px;

    text-decoration: none;

}



#main-menu {

    -webkit-box-shadow: none;

    -moz-box-shadow: none;

    box-shadow: none;

}



#main-menu:before {

    content: '';

    display: block;

    height: 1px;

    overflow: hidden;

    background: #fff;

}



.main-menu-btn {

    float: right;

    margin: 10px;

    position: relative;

    display: inline-block;

    width: 29px;

    height: 29px;

    text-indent: 29px;

    white-space: nowrap;

    overflow: hidden;

    cursor: pointer;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



@media (max-width: 768px) {

    .main-menu-btn {

        height: 40px

    }

}



.main-menu-btn-icon, .main-menu-btn-icon:before, .main-menu-btn-icon:after {

    position: absolute;

    top: 50%;

    left: 2px;

    height: 2px;

    width: 24px;

    background: #666;

    -webkit-transition: all 0.25s;

    transition: all 0.25s;

}



.main-menu-btn-icon:before {

    content: '';

    top: -7px;

    left: 0;

}



.main-menu-btn-icon:after {

    content: '';

    top: 7px;

    left: 0;

}



#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon {

    height: 0;

    background: transparent;

}



#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:before {

    top: 0;

    -webkit-transform: rotate(-45deg);

    transform: rotate(-45deg);

}



#main-menu-state:checked ~ .main-menu-btn .main-menu-btn-icon:after {

    top: 0;

    -webkit-transform: rotate(45deg);

    transform: rotate(45deg);

}



#main-menu-state {

    position: absolute;

    width: 1px;

    height: 1px;

    margin: -1px;

    border: 0;

    padding: 0;

    overflow: hidden;

    clip: rect(1px, 1px, 1px, 1px);

}



#main-menu-state:not(:checked) ~ #main-menu {

    display: none;

}



#main-menu-state:checked ~ #main-menu {

    display: block;

}



@media (min-width: 768px) {

    .main-menu-btn {

        position: absolute;

        top: -99999px;

    }



    #main-menu-state:not(:checked) ~ #main-menu {

        overflow: inherit;

        display: table;

        width: 100%;

        max-width: 1200px;

        margin: 0 auto;

    }

}



.demo-text {

    margin: 3em 22px;

}



.demo-text p {

    margin-bottom: 1em;

}



.demo-text a {

    color: #999;

}



.sm-blue {

    max-height: 400px;

    background: transparent;

    overflow: auto;

}



.sm-blue li a {

    padding: 10px;

}



.sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {

    color: #666;

    font-size: 16px;

    line-height: 23px;

    text-decoration: none;

}



.sm-blue a.disabled {

    color: #a1d1e8;

}



.sm-blue a .sub-arrow {

    position: absolute;

    top: 50%;

    margin-top: -17px;

    left: auto;

    right: 4px;

    width: 34px;

    height: 34px;

    overflow: hidden;

    font: bold 16px/34px monospace !important;

    text-align: center;

    text-shadow: none;

    background: rgba(0, 0, 0, 0.1);

    border-radius: 4px;

}



.sm-blue a .sub-arrow::before {

    content: '+';

}



.sm-blue a.highlighted .sub-arrow::before {

    content: '-';

}



.sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {

    border-radius: 0;

}



.sm-blue ul {

    background: #fff;

}



.sm-blue ul ul {

    background: rgba(102, 102, 102, 0.1);

}



.sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {

    background: transparent;

    color: #666;

    font-size: 16px;

    text-shadow: none;

    border-left: 8px solid transparent;

}



.sm-blue ul a.current {

    background: #006892;

    background-image: linear-gradient(to bottom, #006188, #006f9c);

    color: #fff;

}



.sm-blue ul a.disabled {

    color: #b3b3b3;

}



.sm-blue ul ul a, .sm-blue ul ul a:hover, .sm-blue ul ul a:focus, .sm-blue ul ul a:active {

    border-left: 16px solid transparent;

}



.sm-blue ul ul ul a, .sm-blue ul ul ul a:hover, .sm-blue ul ul ul a:focus, .sm-blue ul ul ul a:active {

    border-left: 24px solid transparent;

}



.sm-blue ul ul ul ul a, .sm-blue ul ul ul ul a:hover, .sm-blue ul ul ul ul a:focus, .sm-blue ul ul ul ul a:active {

    border-left: 32px solid transparent;

}



.sm-blue ul ul ul ul ul a, .sm-blue ul ul ul ul ul a:hover, .sm-blue ul ul ul ul ul a:focus, .sm-blue ul ul ul ul ul a:active {

    border-left: 40px solid transparent;

}



.sm-blue ul li {

    border-top: 1px solid rgba(0, 0, 0, 0.05);

}



.sm-blue ul li:first-child {

    border-top: 0;

}



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

    /*手机端导航条菜单右侧加号*/

    .sm-blue { /*max-height:400px;background:transparent;overflow:auto;*/

    }



    .sm-blue li a {

        padding: 10px;

    }



    .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active {

        color: #333;

        font-size: 16px;

        line-height: 23px;

        text-decoration: none;

    }



    .sm-blue a.disabled {

        color: #a1d1e8;

    }



    .sm-blue a .sub-arrow {

        position: absolute;

        top: 50%;

        margin-top: -4px;

        left: auto;

        right: 0px;

        width: 20px;

        height: 14px;

        overflow: hidden;

        font: bold 16px/14px monospace !important;

        text-align: center;

        text-shadow: none;

        background: rgba(0, 0, 0, 0);

        border-radius: 4px;

    }



    .sm-blue a .sub-arrow::before {

        content: '+';

    }



    .sm-blue a.highlighted .sub-arrow::before {

        content: '-';

    }



    .sm-blue > li:last-child > a.highlighted, .sm-blue > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > a.highlighted, .sm-blue > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > ul > li:last-child > *:not(ul) a.highlighted {

        border-radius: 0;

    }



    .sm-blue ul {

        background: #fff;

    }



    .sm-blue ul ul {

        background: rgba(102, 102, 102, 0.1);

    }



    .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active {

        background: transparent;

        color: #666;

        font-size: 16px;

        text-shadow: none;

        border-left: 8px solid transparent;

    }



    .sm-blue ul a.current {

        background: #006892;

        background-image: linear-gradient(to bottom, #006188, #006f9c);

        color: #fff;

    }



    .sm-blue ul a.disabled {

        color: #b3b3b3;

    }



    .sm-blue ul ul a, .sm-blue ul ul a:hover, .sm-blue ul ul a:focus, .sm-blue ul ul a:active {

        border-left: 16px solid transparent;

    }



    .sm-blue ul ul ul a, .sm-blue ul ul ul a:hover, .sm-blue ul ul ul a:focus, .sm-blue ul ul ul a:active {

        border-left: 24px solid transparent;

    }



    .sm-blue ul ul ul ul a, .sm-blue ul ul ul ul a:hover, .sm-blue ul ul ul ul a:focus, .sm-blue ul ul ul ul a:active {

        border-left: 32px solid transparent;

    }



    .sm-blue ul ul ul ul ul a, .sm-blue ul ul ul ul ul a:hover, .sm-blue ul ul ul ul ul a:focus, .sm-blue ul ul ul ul ul a:active {

        border-left: 40px solid transparent;

    }



    .sm-blue ul li {

        border-top: 1px solid rgba(0, 0, 0, 0.05);

    }



    .sm-blue ul li:first-child {

        border-top: 0;

    }

}



@media (max-width: 1200px) {

    .main-nav {

        width: 65%;

    }

}



@media (max-width: 768px) {

    .main-nav {

        width: 100%;

        float: none;

        background-color: inherit;

    }

}



@media (min-width: 768px) {

    .sm-blue ul {

        top: 70px;

        position: absolute;

        width: 12em;

    }



    .sm-blue ul li > ul {

        top: 60px;

    }



    .sm-blue > li {

        display: table-cell;

        height: 70px;

        vertical-align: middle;

        padding: 0 10px;

        text-align: center;

        transition: all .5s;

        -webkit-transition: all .5s;

    }



    .sm-blue > li > a {

        padding: 0;

        font-weight: bold;

        text-transform: uppercase;

    }



    .sm-blue.sm-rtl li {

        float: right;

    }



    .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li {

        float: none;

    }



    .sm-blue ul a, .sm-blue.sm-vertical a {

        white-space: normal;

    }



    .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li > :not(ul) a {

        white-space: nowrap;

        font-size: 14px;

    }



    .sm-blue a {

        color: #333;

    }



    .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted {

        color: #d9122e;

    }



    .sm-blue > li:hover, .sm-blue > li:focus, .sm-blue > li:active, .sm-blue > li.highlighted { /*border-bottom:2px solid #d9122e;*/

    }



    .sm-blue > li.current > a {

        color: #d9122e;

    }



    .sm-blue a.disabled {

        color: #000;

    }



    .sm-blue a:hover .sub-arrow, .sm-blue .highlighted .sub-arrow, .sm-blue > .current > a .sub-arrow {

        border-color: #d9122e transparent transparent transparent;

    }



    .sm-blue ul a:hover .sub-arrow, .sm-blue ul .highlighted .sub-arrow {

        border-color: transparent transparent transparent #d9122e;

    }



    .sm-blue a .sub-arrow {

        position: static;

        width: 0;

        height: 0;

        margin-top: 0;

        border-width: 5px;

        border-style: solid dashed dashed dashed;

        border-color: #666 transparent transparent transparent;

        background: transparent;

        border-radius: 0;

        display: inline-block;

        margin-left: 5px;

    }



    .sm-blue a .sub-arrow::before {

        display: none;

    }



    .sm-blue > li:first-child {

        border-left: 0;

    }



    .sm-blue ul {

        padding: 7px 0;

        background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;

        border-radius: 0 0 4px 4px !important;

        box-shadow: 0 5px 12px rgba(0, 0, 0, 0.2);

    }



    .sm-blue ul ul {

        border-radius: 4px !important;

        background: rgba(255, 255, 255, 0.8) none repeat scroll 0 0;

    }



    .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {

        border: 0 !important;

        padding: 9px 23px;

        background: transparent;

        color: #666;

        border-radius: 0 !important;

        text-overflow: ellipsis;

        white-space: nowrap;

        overflow: hidden;

    }



    .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted {

        color: #d9122e;

    }



    .sm-blue ul a.current {

        color: #d9122e;

    }



    .sm-blue ul a.disabled {

        background: #fff;

        color: #b3b3b3;

    }



    .sm-blue ul a .sub-arrow {

        top: 50%;

        margin-top: -5px;

        bottom: auto;

        left: auto;

        margin-left: 10;

        right: 10px;

        border-style: dashed dashed dashed solid;

        border-color: transparent transparent transparent #666;

    }



    .sm-blue ul li {

        border: 0;

    }



    .sm-blue .scroll-up, .sm-blue .scroll-down {

        position: absolute;

        display: none;

        visibility: hidden;

        overflow: hidden;

        background: #fff;

        height: 20px;

    }



    .sm-blue .scroll-up-arrow, .sm-blue .scroll-down-arrow {

        position: absolute;

        top: -2px;

        left: 50%;

        margin-left: -8px;

        width: 0;

        height: 0;

        overflow: hidden;

        border-width: 8px;

        border-style: dashed dashed solid dashed;

        border-color: transparent transparent #2b82ac transparent;

    }



    .sm-blue .scroll-down-arrow {

        top: 6px;

        border-style: solid dashed dashed dashed;

        border-color: #2b82ac transparent transparent transparent;

    }



    .sm-blue.sm-rtl.sm-vertical a .sub-arrow {

        right: auto;

        left: 10px;

        border-style: dashed solid dashed dashed;

        border-color: transparent #a1d1e8 transparent transparent;

    }



    .sm-blue.sm-rtl > li:first-child > a, .sm-blue.sm-rtl > li:first-child > :not(ul) a {

        border-radius: 0 8px 8px 0;

    }



    .sm-blue.sm-rtl > li:last-child > a, .sm-blue.sm-rtl > li:last-child > :not(ul) a {

        border-radius: 8px 0 0 8px !important;

    }



    .sm-blue.sm-rtl > li:first-child {

        border-left: 1px solid #2b82ac;

    }



    .sm-blue.sm-rtl > li:last-child {

        border-left: 0;

    }



    .sm-blue.sm-rtl ul a .sub-arrow {

        right: auto;

        left: 10px;

        border-style: dashed solid dashed dashed;

        border-color: transparent #a1d1e8 transparent transparent;

    }



    .sm-blue.sm-vertical {

        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2);

    }



    .sm-blue.sm-vertical a {

        padding: 9px 23px;

    }



    .sm-blue.sm-vertical a .sub-arrow {

        top: 50%;

        margin-top: -5px;

        bottom: auto;

        left: auto;

        margin-left: 0;

        right: 10px;

        border-style: dashed dashed dashed solid;

        border-color: transparent transparent transparent #a1d1e8;

    }



    .sm-blue.sm-vertical > li:first-child > a, .sm-blue.sm-vertical > li:first-child > :not(ul) a {

        border-radius: 8px 8px 0 0;

    }



    .sm-blue.sm-vertical > li:last-child > a, .sm-blue.sm-vertical > li:last-child > :not(ul) a {

        border-radius: 0 0 8px 8px !important;

    }



    .sm-blue.sm-vertical > li {

        border-left: 0 !important;

    }



    .sm-blue.sm-vertical ul {

        border-radius: 4px !important;

    }



    .sm-blue.sm-vertical ul a {

        padding: 9px 23px;

    }



    /*.sm-blue > li {height:58px;}

*/

}



@media (max-width: 768px) {

    #main-menu { /*z-index:50;position:relative;*/

        width: 100%;

    }

}



/*banner*/

.i-banner {

    position: relative;

    overflow: inherit;

}



.i-banner .sm-dn .item {

    height: 100vh

}



.i-banner .slick-arrow {

    width: .6rem;

    height: .6rem

}



.i-banner .slick-prev {

    left: 6%;

    background: url(../images/banner_l.png) no-repeat center/cover

}



.i-banner .slick-next {

    right: 6%;

    background: url(../images/banner_r.png) no-repeat center/cover

}



.i-banner .slick-dots {

    display: block;

!important

}



.i-banner a {

    display: block;

    min-height: 85px

}



.i-banner .dn {

    display: none !important

}



.fp-tableCell { /*padding-top:90px*/

}



/*按钮*/

.i-more a {

    position: relative;

    border: 1px solid #ddd;

    padding: 0 .3rem;

    height: 50px;

    line-height: 50px;

    color: #666

}



.i-more a::after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    background: #d9122e;

    transition: all .4s;

    -webkit-transition: all .4s;

    border-radius: 10px;

}



.i-more a:hover {

    color: #fff;

    border: 0;

}



.i-more a:hover::after {

    width: 100%;

    border-color: #d9122e;

}



.i-more a i {

    z-index: 1;

    position: relative;

}



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

    .i-more {

        text-align: center;

    }



    .i-more a {

        position: relative;

        border: 1px solid #ddd;

        padding: 0 .3rem;

        height: 40px;

        line-height: 40px;

        color: #666

    }

}



.page1 {

    padding-top: 4%;

    padding-bottom: 4%;

}



.page1 h2 {

    font-size: 40px;

    text-transform: uppercase;

}



.page1 h2 em {

    color: #d9122e;

}



.page1 h2 span {

    color: #999

}



.page1 .con-l {

    width: 53.7%;

    padding-right: 6%

}



.page1 .con-r {

    width: 46.3%

}



.page1 .con-l a {

    padding: 0 .3rem .3rem 0

}



.page1 .con-l a::before {

    position: absolute;

    content: '';

    right: 0;

    bottom: 0;

    width: 25%;

    height: 25%;

    background: #d9122e

}



.page1 .con-l a:hover::before {

    position: absolute;

    content: '';

    right: 0;

    bottom: 0;

    width: 25%;

    height: 25%;

    background: #d9122e

}



.page1 .con-l .pic img {

    z-index: 1

}



.page1 .con-r div p {

    overflow: hidden;

    text-overflow: ellipsis; /*white-space:nowrap;*/

    display: -webkit-box;

    -webkit-line-clamp: 4;

    -webkit-box-orient: vertical;

}



@media (max-width: 767px) {

    .page1 .con-r div p {

        overflow: hidden;

        text-overflow: ellipsis; /*white-space:nowrap;*/

        display: -webkit-box;

        -webkit-line-clamp: 20;

        -webkit-box-orient: vertical;

    }

}



/*首页 企业数据四块*/

.com_data {

    padding: 30px 0 30px;

    text-align: center;

    width: 100%;

    max-width: 1440px;

    margin-bottom: 40px;

    height: auto;

    background: #eee;

    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

    background-position: center 92.5px;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    background-image: url(../images/bg02.jpg);

}



.i-banner .com_data {

    padding: 30px 0 30px;

    text-align: center;

    width: 90%;

    max-width: 1440px;

    margin: 0 auto;

    height: auto;

    background: #eee;

    position: absolute;

    bottom: -50px;

    left: 0;

    right: 0;

    z-index: 9;

    box-shadow: 0 5px 10px rgba(0, 0, 0, .1);

    background-position: center 92.5px;

    background-repeat: no-repeat;

    background-size: cover;

    background-attachment: fixed;

    background-image: url(../images/bg02.jpg);

}



.com_data h5 {

    color: #999

}



.com_data span {

    font-family: roboto, sans-serif;

    font-style: normal;

    font-size: 36px;

    color: #666

}



.com_data ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center

}



.com_data li {

    margin: 0 auto

}



@media (max-width: 1200px) {

    .i-banner .com_data {

        padding: 15px 0;

        position: inherit;

        bottom: 0;

        width: 100%;

        background-image: none;

    }



    .com_data ul {

        -webkit-flex-wrap: wrap;

        -ms-flex-wrap: wrap;

        flex-wrap: wrap;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center

    }



    .com_data li {

        width: 25%

    }



    .com_data span {

        font-size: 30px

    }

}



@media (max-width: 960px) {

    .i-banner .com_data {

        padding: 15px 0;

        position: inherit;

        bottom: 0;

        width: 100%;

    }



    .p08-1-s3 ul {

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center

    }



    .p08-1-s3 li {

        width: calc(33.33% - 8px)

    }

}



@media (max-width: 768px) {

    .com_data {

        margin-bottom: 20px;

    }



    .i-banner .com_data {

        padding: 15px 0;

        position: inherit;

        bottom: 0;

        width: 100%;

    }



    .com_data li {

        width: 50%;

        margin-bottom: 15px;

    }

}



@media (max-width: 540px) {

    .com_data li {

        width: 50%;

        margin-bottom: 15px;

    }

}



/*首页-关于我们*/

.home_about {

    padding-top: 90px;

    padding-bottom: 40px;

}



.home_about .mauto {

    max-width: 1440px;

    margin: 0 auto;

}



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

    .home_about .mauto {

        max-width: 85%;

    }

}



.home_about h2 {

    font-size: 34px;

    text-transform: uppercase;

    padding-bottom: .1rem;

    text-align: center;

    position: relative;

    display: none;

}



.home_about h2::after {

    position: absolute;

    content: '';

    left: 0;

    bottom: 0;

    width: 50px;

    left: 4%;

    height: 2px;

    background: #ddd;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

    transition: all .5s;

    -webkit-transition: all .5s;

}



.home_about:hover h2::after {

    position: absolute;

    content: '';

    right: 0;

    bottom: 0;

    width: 170px;

    left: 14%;

    height: 2px;

    background: #ddd;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

}



.home_about h2 em {

    display: block;

}



.home_about h2 span {

    color: #fff

}



.home_about .con-l {

    width: 54.7%;

    padding-right: 4%;

    float: left;

}



.home_about .pb {

    display: inline-block;

    position: relative;

    height: auto;

    margin-bottom: 10px;

    z-index: 0;

}



.home_about .con-l a { /*padding:0 .3rem .3rem 0*/

}



.home_about .con-l .pic img {

    z-index: 1

}



.home_about .con-r {

    width: 45.3%;

    float: right;

}



.home_about .con-r h2 {

    text-align: left;

    display: block;

}



.home_about .con-r .txt {

    margin-bottom: .2rem;

    margin-top: 0; /*text-align:justify;*/

}



.home_about .con-r .txt p {

    overflow: hidden;

    text-overflow: ellipsis;

    display: -webkit-box;

    -webkit-line-clamp: 7;

    -webkit-box-orient: vertical;

    color: #333;

    font-size: 16px;

    line-height: 30px; /*text-align:justify*/

}



@media (max-width: 768px) {

    .home_about {

        padding-top: 30px;

        padding-bottom: 30px;

    }



    .home_about .mauto {

        max-width: 92%;

    }



    .home_about h2 {

        display: block;

        margin-bottom: 30px;

        font-size: 26px;

    }



    .home_about h2::after {

        position: absolute;

        content: '';

        left: 0;

        bottom: 0;

        width: 50px;

        left: 50%;

        height: 2px;

        background: #ddd;

        transform: translateX(-50%);

        -webkit-transform: translateX(-50%);

    }



    .home_about:hover h2::after {

        left: 50%;

    }



    .home_about .con-l {

        width: 100%;

        padding-right: 0%;

        float: none

    }



    .home_about .con-l a {

        padding: 0;

    }



    .home_about .con-r {

        float: none;

        width: 100%;

    }



    .home_about .con-r h2 {

        text-align: center;

        font-size: 26px;

        display: none;

    }



    .home_about .con-r .txt {

        margin-bottom: .5rem;

    }



    .home_about .con-r .txt p {

        -webkit-line-clamp: 5;

        line-height: 25px;

    }

}



/*首页-热门产品*/

.home_hot_products {

    padding-top: 40px;

    padding-bottom: 40px;

    background: #eee;

}



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

    .home_hot_products .mauto {

        max-width: 85%;

    }

}



.home_hot_products h2 {

    color: #333333;

    padding-bottom: 5px;

    text-align: center;

    position: relative;

}



.home_hot_products h2::after {

    position: absolute;

    content: '';

    left: 0;

    bottom: 0;

    width: 50px;

    left: 50%;

    height: 2px;

    background: #ddd;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

}



.home_hot_products h2::after {

    position: absolute;

    content: '';

    left: 0;

    bottom: 0;

    width: 50px;

    left: 50%;

    height: 2px;

    background: #ddd;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

}



.home_hot_products h2 em {

    font-size: 34px;

    text-transform: uppercase;

    color: #333;

}



.home_hot_products .item {

    padding: 0 .15rem

}



.home_hot_products h3 {

    height: 50px;

    line-height: 50px;

    font-size: 16px;

    background: rgba(238, 238, 238, .6);

    padding: 0 5px;

    color: #333;

}



.home_hot_products h3:hover {

    height: 50px;

    line-height: 50px;

    font-size: 18px;

    background: rgba(22, 94, 83, 1);

    color: #fff;

}



.home_hot_products a h3::after {

    position: absolute;

    content: '';

    bottom: 0;

    left: 0;

    width: 0;

    height: 100%;

    background: rgba(255, 255, 255, .2);

    transition: all .4s;

    -webkit-transition: all .4s

}



.home_hot_products a:hover h3::after {

    color: #fff;

    background: rgba(255, 255, 255, .1);

    width: 100%;

    position: absolute;

}



.home_hot_products .slick-dots {

    display: none !important

}



.home_hot_products .slick-prev {

    left: -3%;

}



.home_hot_products .slick-next {

    right: -3%;

}



@media (max-width: 768px) {

    .home_hot_products .mauto {

        max-width: 92%;

    }



    .home_hot_products h2 em {

        font-size: 26px;

    }



    .home_hot_products {

        padding-top: 30px;

        padding-bottom: 30px;

    }



    .home_hot_products .sliders h3 {

        font-size: 18px

    }



    .home_hot_products .con-r .date {

        width: 80px;

        padding: .1rem 0

    }



    .home_hot_products .con-r .date em {

        font-size: 32px

    }



    .home_hot_products .con-r .info {

        width: calc(100% - 80px)

    }

}



.p01-s5 ul {

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap;

    margin: 30px -4px 0

}



.p01-s5 li {

    max-width: 374px;

    margin: 0 4px 8px;

    width: calc(25% - 8px);

    position: relative;

}



.p01-s5 li::before {

    opacity: 0;

    content: "";

    width: 32px;

    height: 2px;

    background-color: #fff;

    position: absolute;

    top: 50%;

    left: -10%;

    transition: all 0.36s ease-out;

    z-index: 1;

}



.p01-s5 li::after {

    opacity: 0;

    content: "";

    width: 2px;

    height: 32px;

    background-color: #fff;

    position: absolute;

    top: -10%;

    left: 50%;

    transition: all 0.36s ease-out;

}



.p01-s5 li:hover::before {

    top: calc(50% - 0px);

    left: calc(50% - 16px);

    opacity: 0.9;

}



.p01-s5 li:hover::after {

    top: calc(50% - 15px);

    left: calc(50% - 1px);

    opacity: 0.9;

}



.p01-s5 li a .img-wrap {

    border: 1px solid #fff;

    position: relative;

}



.p01-s5 li a .img-wrap::before {

    content: '';

    position: absolute;

    bottom: 0;

    transition: opacity .7s ease 0s, transform .7s ease 0s;

    width: 100%;

    height: 100%;

    top: 0%;

    left: 0%;

    opacity: 0;

    border-top: 1px solid #d9122e;

    border-bottom: 1px solid #d9122e;

    transform: scale(0, 1);

    -webkit-transform: scale(0, 1);

    box-sizing: border-box;

}



.p01-s5 li:hover a .img-wrap::before {

    opacity: 1;

    transform: scale(1);

    -webkit-transform: scale(1);

}



.p01-s5 li a .img-wrap::after {

    transition: opacity .5s ease 0s, transform .5s ease 0s;

    content: '';

    border-left: 1px solid #d9122e;

    border-right: 1px solid #d9122e;

    transform: scale(1, 0);

    -webkit-transform: scale(1, 0);

    opacity: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0%;

    left: 0%;

    box-sizing: border-box;

}



.p01-s5 li:hover a .img-wrap::after {

    opacity: 1;

    transform: scale(1);

    -webkit-transform: scale(1);

    background-color: rgba(0, 0, 0, 0.3)

}



.p01-s5 li:hover .text {

    background-color: #d9122e;

    -webkit-box-shadow: 0 5px 20px 0 rgba(44, 44, 44, .11);

    box-shadow: 0 5px 20px 0 rgba(44, 44, 44, .11);

    max-width: 100%;

    transition: all .4s;

    -webkit-transition: all .4s;

}



.p01-s5 .text-wrap {

    margin-top: -24px;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    position: absolute;

    width: calc(100% - 100px);

    opacity: 0;

    padding: 50px;

    text-align: center;

    transform: none;

    top: auto;

    bottom: 0;

    transition: all 0.36s ease;

}



.p01-s5 .text {

    padding: 14px 10px;

    max-width: 246px;

    width: 100%;

    background-color: #999;

    color: #fff;

    text-align: center;

}



.p01-s5 .text h5 { /*text-overflow:ellipsis;overflow:hidden;white-space:nowrap;*/

}



.p01-s5 li:hover .text-wrap {

    background-color: transparent;

    transform: none;

    bottom: 0;

    opacity: 1;

    top: auto;

    text-align: center;

    position: absolute;

    padding: 0;

    width: 100%;

    transition: all 0.36s ease;

}



@media (max-width: 1200px) {

    .p01-s5 ul {

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center;

        margin: 50px 0 0

    }



    .p01-s5 li {

        width: calc(50% - 8px);

        margin: 0 4px 20px;

    }

}



@media (max-width: 768px) {

    .p01-s5 .text-wrap {

        margin-top: 0;

        display: -ms-flexbox;

        display: flex;

        -webkit-box-pack: center;

        -webkit-justify-content: center;

        -ms-flex-pack: center;

        justify-content: center;

        position: inherit;

        width: 100%;

        padding: 0;

        opacity: 1;

        text-align: center;

        transform: none;

        top: auto;

        bottom: 0;

        transition: all 0.36s ease;

    }



    .p01-s5 .text {

        max-width: inherit;

    }



    .p01-s5 ul {

        margin: 30px 0 0;

    }



    .p01-s5 .text h5 {

        white-space: normal;

    }



    .p01-s5 li {

        width: 49%;

        margin: 0.5%;

    }

}



/*@media (max-width:540px) {.p01-s5 li {width:100%}

}*/

/*首页-新闻*/

.home_news {

    padding-top: 40px;

    padding-bottom: 40px;

}



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

    .home_news .mauto {

        max-width: 85%;

    }

}



.home_news h2 {

    color: #333333;

    padding-bottom: 5px;

    text-align: center;

    position: relative;

}



.home_news h2::after {

    position: absolute;

    content: '';

    left: 0;

    bottom: 0;

    width: 50px;

    left: 50%;

    height: 2px;

    background: #ddd;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

}



.home_news h2 em {

    font-size: 34px;

    text-transform: uppercase;

    color: #333;

}



.home_news .item_block {

    transition: all 0.36s ease;

    width: calc(100% / 2 - 15px);

    height: auto;

    float: left;

    margin-right: 15px;

    margin-bottom: 20px;

    position: relative;

    box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);

}



.home_news .home_news {

    padding: 60px 0;

    overflow: hidden;

}



.home_news .home_news-center {

    width: 90%;

    margin: 0 auto;

    max-width: 1200px;

}



.home_news .home_news_t {

    margin-bottom: 30px;

    text-align: center;

}



.home_news .home_news_t span {

    font-size: 34px;

    color: #333;

    line-height: 50px;

    position: relative;

    text-transform: capitalize;

    display: block;

    font-weight: bold;

}



.home_news .home_news_t i {

    display: inline-block;

    background-color: #d9122e;

    width: 6px;

    height: 6px;

    position: relative;

    margin-bottom: 20px;

    border-radius: 50%;

}



.home_news .home_news_t i::after {

    position: absolute;

    left: -70px;

    top: 2px;

    width: 60px;

    height: 2px;

    background-color: #d9122e;

    content: '';

}



.home_news .home_news_t i::before {

    position: absolute;

    right: -70px;

    top: 2px;

    width: 60px;

    height: 2px;

    background-color: #d9122e;

    content: '';

}



.home_news .news_box {

    margin-top: 30px;

}



.home_news .news_box ul {

    font-size: 0;

    margin: -15px;

    overflow: hidden;

}



.home_news .news_box ul li {

    width: 33.33333%;

    display: inline-block;

    vertical-align: top;

    margin-bottom: 20px;

    font-size: 14px;

    max-width: 550px;

    position: relative;

}



.home_news .news_box ul li .item {

    position: relative;

    overflow: hidden;

    margin: 15px;

    background-color: #fff;

}



.home_news .news_box ul li .item a { /*overflow:hidden;*/

}



.home_news .news_box_frame {

    overflow: hidden;

}



.home_news .news_box ul li .item img {

    transition: ease all 0.4s;

    -webkit-transition: ease all 0.4s;

    -moz-transition: ease all 0.4s;

    -o-transition: ease all 0.4s;

}



.home_news .news_box ul li .item img:hover {

    transform: scale(1.1);

    white-space: nowrap;

    position: relative;

    z-index: 1;

    margin-bottom: 12px;

}



.home_news .news_box ul li .item .th a:hover {

    color: #d9122e;

}



.home_news .news_box ul li .item p {

    font-size: 18px;

    line-height: 20px;

    max-height: 41px;

    margin-bottom: 12px; /*display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1;*/

    overflow: hidden;

    color: #333;

}



.home_news .news_box ul li .item span {

    font-size: 14px;

    line-height: 20px;

    max-height: 40px;

    margin-bottom: 12px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    color: #999;

}



.home_news .news_box ul li .item .details span {

    font-size: 14px;

    line-height: 20px;

    max-height: 40px;

    margin-top: 10px;

    display: inline-block;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    color: #999;

    position: absolute;

    right: 0;

}



.home_news .home_news_text {

    padding: 25px;

    border: 1px solid #e8e8e8;

}



.home_news .details {

    display: inline-block;

    width: 45px;

    height: 45px;

    border: none;

    margin: 0;

    padding: 0;

    line-height: 45px;

    border-radius: 100px;

    color: transparent;

    margin-top: 20px;

    transition: all 0.36s ease;

    font-size: 14px;

}



.home_news .details i {

    color: inherit;

    padding-left: 0px;

    line-height: inherit;

    transform: translate(0, 0);

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.home_news .details i::before {

    content: "\e611";

    font-family: iconfont;

    color: #666;

    position: absolute;

    top: 10px;

    right: -30px;

    font-size: 20px;

    transform: rotateZ(-45deg);

    transition: all 0.36s ease;

}



.home_news .news_box ul li:hover {

    box-shadow: 0 20px 20px rgba(0, 0, 0, .1);

    border-left: 1px solid #f0f0f0;

    border-right: 1px solid #f0f0f0;

}



.home_news .news_box ul li:hover .details {

    border-color: #d9122e;

    background-color: #d9122e;

    display: block;

    width: 40px;

    height: 40px;

    border: none;

    padding: 0;

    line-height: 40px;

    border-radius: 100px;

    color: transparent;

}



.home_news .news_box ul li:hover .item .home_news_text p {

    color: #d9122e;

}



.home_news .news_box ul li:hover .details i::before {

    color: #fff;

    transform: rotateZ(0deg);

}



.home_news .news_box ul li::before {

    content: "";

    width: 0;

    height: 3px;

    background-color: #999;

    position: absolute;

    bottom: 0;

    left: 50%;

    transition: all .4s ease;

    opacity: 0;

}



.home_news .news_box ul li:hover::before {

    left: 0;

    opacity: 1;

    width: 100%;

}



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

    .home_news .mauto {

        max-width: 92%;

    }



    .home_news h2 em {

        font-size: 26px;

    }



    .home_news .home_news {

        padding: 20px 0;

    }



    .home_news .slick-dots div {

        height: 2px;

    }



    .home_news .home_news_t {

        margin-bottom: 10px;

    }



    .home_news .home_news_t span, .index-case-t span {

        font-size: 22px;

    }



    .home_news .news_box ul li {

        width: 100%;

        margin-bottom: 0;

    }



    .home_news .home_news_text {

        padding: 15px;

    }



    .home_news .details {

        margin-top: 0;

    }



    .home_news .news_box ul li .item {

        margin: 5px 15px;

    }



    .home_news .news_box ul li .item p {

        margin-bottom: 0;

        font-size: 16px;

    }



    .home_news .slick-prev {

        display: none !important;

    }



    .home_news .slick-next {

        display: none !important;

    }



    .home_news .news_box ul li .item span {

        display: none;

    }

}



/*首页-特色产品*/

.home_featured_products {

    padding-top: 40px;

    padding-bottom: 40px;

    background: #eee;

}



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

    .home_featured_products .mauto {

        max-width: 85%;

    }

}



.home_featured_products h2 {

    color: #333333;

    padding-bottom: 5px;

    text-align: center;

    position: relative;

}



.home_featured_products h2::after {

    position: absolute;

    content: '';

    left: 0;

    bottom: 0;

    width: 50px;

    left: 50%;

    height: 2px;

    background: #ddd;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

}



.home_featured_products h2 em {

    font-size: 34px;

    text-transform: uppercase;

    color: #333;

}



.home_featured_products h3 {

    height: 50px;

    line-height: 50px;

    font-size: 16px;

    background: rgba(0, 0, 0, .5);

    padding: 0 5px;

}



.home_featured_products h3:hover {

    font-size: 18px;

    background: rgba(22, 94, 83, 1)

}



.home_featured_products a h3::after {

    position: absolute;

    content: '';

    bottom: 0;

    left: 0;

    width: 0;

    height: 100%;

    background: rgba(255, 255, 255, .2);

    transition: all .4s;

    -webkit-transition: all .4s

}



.home_featured_products a:hover h3::after {

    color: #fff;

    background: rgba(255, 255, 255, .1);

    width: 100%;

    position: absolute;

}



.home_featured_products .slick-dots {

    display: none !important

}



.home_featured_products .slick-prev {

    left: -3%;

}



.home_featured_products .slick-next {

    right: -3%;

}



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

    .home_featured_products {

        padding-top: 30px;

        padding-bottom: 30px;

    }



    .home_featured_products .mauto {

        max-width: 92%;

    }



    .home_featured_products h2 em {

        font-size: 26px;

    }



    .home_featured_products .slick-prev {

        left: 0%;

    }



    .home_featured_products .slick-next {

        right: 0%;

    }

}



/*首页-案例*/

.home_case {

    padding-top: 40px;

    padding-bottom: 40px;

}



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

    .home_case .mauto {

        max-width: 85%;

    }

}



.home_case h2 {

    color: #333333;

    padding-bottom: 5px;

    text-align: center;

    position: relative;

}



.home_case h2::after {

    position: absolute;

    content: '';

    left: 0;

    bottom: 0;

    width: 50px;

    left: 50%;

    height: 2px;

    background: #ddd;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

}



.home_case h2 em {

    font-size: 34px;

    text-transform: uppercase;

    color: #333;

}



.home_case .item_block {

    transition: all 0.36s ease;

    width: calc(100% / 2 - 15px);

    height: auto;

    float: left;

    margin-right: 15px;

    margin-bottom: 20px;

    position: relative;

    box-shadow: 0 0 0px rgba(0, 0, 0, 0.15);

}



.home_case .home_news {

    padding: 60px 0;

    overflow: hidden;

}



.home_case .home_news-center {

    width: 90%;

    margin: 0 auto;

    max-width: 1200px;

}



.home_case .case_box_text {

    margin-bottom: 30px;

    text-align: left;

}



.home_case .case_box_text i {

    display: inline-block;

    background-color: #d9122e;

    width: 6px;

    height: 6px;

    position: relative;

    margin-bottom: 20px;

    border-radius: 50%;

}



.home_case .case_box_text i::after {

    position: absolute;

    left: -70px;

    top: 2px;

    width: 60px;

    height: 2px;

    background-color: #d9122e;

    content: '';

}



.home_case .case_box_text i::before {

    position: absolute;

    right: -70px;

    top: 2px;

    width: 60px;

    height: 2px;

    background-color: #d9122e;

    content: '';

}



.home_case .case_box {

    margin-top: 30px;

}



.home_case .case_box ul {

    font-size: 0;

    margin: 0;

    overflow: hidden;

}



.home_case .case_box ul li {

    width: 33.33333%;

    display: inline-block;

    vertical-align: top;

    margin-bottom: 20px;

    font-size: 14px;

    max-width: 550px;

    position: relative;

    background: #eee;

    border: 1px solid #fff;

}



.home_case .case_box ul li .item {

    position: relative;

    overflow: hidden;

    padding: 15px;

}



.home_case .case_box ul li .item a { /*overflow:hidden;*/

}



.home_case .case_box-frame {

    overflow: hidden;

}



.home_case .case_box ul li .item img {

    width: 100%;

    transition: ease all 0.4s;

    -webkit-transition: ease all 0.4s;

    -moz-transition: ease all 0.4s;

    -o-transition: ease all 0.4s;

}



.home_case .case_box ul li .item img:hover {

    transform: scale(1.1);

    white-space: nowrap;

    position: relative;

    z-index: 1;

    margin-bottom: 12px;

}



.home_case .case_box ul li .item .th a:hover {

    color: #d9122e;

}



.home_case .case_box ul li .item p {

    font-size: 18px;

    line-height: 20px;

    max-height: 40px;

    margin-bottom: 12px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

    color: #333;

    transition: all 1s ease;

}



.home_case .case_box ul li .item span {

    font-size: 14px;

    line-height: 20px;

    max-height: 40px;

    margin-bottom: 12px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    color: #999;

    transition: all 1s ease;

}



.home_case .case_box ul li .item .details span {

    font-size: 14px;

    line-height: 20px;

    max-height: 40px;

    margin-top: 10px;

    display: inline-block;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

    color: #999;

    position: absolute;

    right: 0;

}



.home_case .home_news_text {

    padding: 25px;

}



.home_case .home_news_text span {

    font-size: 14px;

    color: #999;

    display: inline-block;

}



.home_case .details {

    display: inline-block;

    width: 45px;

    height: 45px;

    border: none;

    margin: 0;

    padding: 0;

    line-height: 45px;

    border-radius: 100px;

    color: transparent;

    transition: all 0.36s ease;

    font-size: 14px;

}



.home_case .details i {

    color: inherit;

    padding-left: 10px;

    line-height: inherit;

    transform: translate(0, 0);

    display: inline-block;

    font: normal normal normal 14px/1 FontAwesome;

    font-size: inherit;

    text-rendering: auto;

    -webkit-font-smoothing: antialiased;

    -moz-osx-font-smoothing: grayscale;

}



.home_case .details i::before {

    content: "\e611";

    font-family: iconfont;

    color: #d9122e;

    position: absolute;

    top: 0px;

    right: -25px;

    font-size: 28px;

    transform: rotateZ(-45deg);

    transition: all 0.36s ease;

}



.home_case .case_box ul li:hover {

    box-shadow: 0 5px 5px rgba(0, 0, 0, .1);

    border-left: 1px solid #f0f0f0;

    border-right: 1px solid #f0f0f0;

    transition-delay: .3s;

}



.home_case .case_box ul li:hover .details {

    display: block;

    width: 45px;

    height: 45px;

    border: none;

    padding: 0;

    line-height: 45px;

    border-radius: 100px;

    color: transparent;

}



.home_case .case_box ul li:hover .item p, .home_case .case_box ul li:hover .item span {

    color: #fff;

}



.home_case .case_box ul li:hover .details i::before {

    color: #fff;

    transform: rotateZ(0deg);

}



.home_case .case_box ul li::before {

    content: "";

    width: 0px;

    height: 0px;

    background-color: #d9122e;

    position: absolute;

    bottom: 15px;

    left: 15px;

    border-radius: 10px;

    webkit-animation: scale-up-right 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;

    animation: scale-up-right 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;

    transition: all 0.36s ease;

}



.home_case .case_box ul li:hover::before {

    border-color: #d9122e;

    transition-delay: .3s;

    box-shadow: 0px 5px 10px 0px rgba(4, 160, 123, 0.26);

    width: 100%;

    height: 100%;

    left: 0;

    bottom: 0;

    -webkit-animation: scale-up-right 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;

    animation: scale-up-right 0.36s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;

}



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

    .home_case {

        padding: 20px 0;

    }



    .home_case .mauto {

        max-width: 92%;

    }



    .home_case h2 em {

        font-size: 26px;

    }



    .home_case {

        padding-top: 30px;

        padding-bottom: 30px;

    }



    .home_case .home_news_t {

        margin-bottom: 10px;

    }



    .home_case .home_news_t span, .index-case-t span {

        font-size: 22px;

    }



    .home_case .case_box ul li {

        width: 100%;

        margin-bottom: 0;

    }



    .home_case .home_news_text {

        padding: 0;

    }



    .home_case .details {

        display: none;

    }



    .home_case .case_box ul li::before {

        display: none;

    }



    .home_case .case_box_text {

        margin-bottom: 0;

    }



    .home_case .case_box ul li .item span {

        margin-bottom: 0;

    }



    .home_case .case_box ul li:hover .details {

        display: none;

    }



    .home_case .case_box ul li:hover .item p, .home_case .case_box ul li:hover .item span {

        color: #333;

    }

}



/*首页-荣誉资质*/

.home_certificate {

    padding-top: 40px;

    padding-bottom: 40px;

    background: url(../images/bg01.jpg) no-repeat #333;

    background-size: cover;

    background-attachment: fixed;

}



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

    .home_certificate .mauto {

        max-width: 85%;

    }

}



.home_certificate .sliders .dflr {

    left: 0;

    bottom: 0;

    width: 100%;

    height: 58px;

    line-height: 58px;

    padding: 0 .3rem;

    background: rgba(9, 51, 136, .7)

}



.home_certificate h2 {

    color: #333333;

    padding-bottom: 5px;

    text-align: center;

    position: relative;

}



.home_certificate h2::after {

    position: absolute;

    content: '';

    left: 0;

    bottom: 0;

    width: 50px;

    left: 50%;

    height: 2px;

    background: #ddd;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

}



.home_certificate h2 em {

    font-size: 34px;

    text-transform: uppercase;

    color: #fff;

}



.home_certificate .item {

    padding: 0 .15rem

}



.home_certificate .imgs { /*padding-bottom:87%*/

}



.home_certificate .home_certificate_list .slider .item a img {

    transform: scale(1);

    -webkit-transform: scale(1);

    transition: all .8s;

    -webkit-transition: all .8s

}



.home_certificate .home_certificate_list .slider .item a:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1)

}



.home_certificate .home_certificate_list {

    margin-top: 30px;

}



.home_certificate .home_certificate_list .slider .item a {

    position: relative;

    display: block;

}



.home_certificate .home_certificate_list .slider .item a h3 {

    height: 50px;

    line-height: 50px;

    font-size: 16px;

    background: rgba(0, 0, 0, .2);

    padding: 0 5px;

    color: #fff;

    display: inline-block;

    overflow: hidden;

    width: 100%;

    vertical-align: middle;

    text-overflow: ellipsis;

    white-space: nowrap;

    word-wrap: break-word;

    text-align: center;

}



.home_certificate .home_certificate_list .slider .item a h3:hover {

    background: rgba(4, 160, 123, 1);

    color: #fff;

}



.home_certificate .home_certificate_list .slider .item a h3::after {

    position: absolute;

    content: '';

    bottom: 0;

    left: 0;

    width: 0;

    height: 100%;

    background: rgba(255, 255, 255, .2);

    transition: all .4s;

    -webkit-transition: all .4s

}



.home_certificate .home_certificate_list .slider .item a:hover h3::after {

    color: #fff;

    background: rgba(255, 255, 255, .1);

    width: 100%;

    position: absolute;

}



.home_certificate .slick-dots {

    display: none !important

}



.home_certificate .slick-prev {

    left: 1%;

}



.home_certificate .slick-next {

    right: 1%;

}



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

    .home_certificate .mauto {

        max-width: 92%;

    }



    .home_certificate h2 em {

        font-size: 26px;

    }



    .home_certificate .slick-prev {

        left: 0%;

    }



    .home_certificate .slick-next {

        right: 0%;

    }

}



/*首页-关键词*/

.quick_links {

    padding-top: 40px;

    padding-bottom: 40px;

}



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

    .quick_links .mauto {

        max-width: 85%;

    }

}



.quick_links h2 {

    color: #333333;

    padding-bottom: 5px;

    text-align: center;

    position: relative;

}



.quick_links h2::after {

    position: absolute;

    content: '';

    left: 0;

    bottom: 0;

    width: 50px;

    left: 50%;

    height: 2px;

    background: #ddd;

    transform: translateX(-50%);

    -webkit-transform: translateX(-50%);

}



.quick_links h2 em {

    font-size: 34px;

    text-transform: uppercase;

    color: #333;

}



.quick_links ul {

    margin-top: 30px;

}



.quick_links ul li a {

    width: 22.9%;

    height: 50px;

    line-height: 50px;

    text-align: center;

    float: left;

    margin: 15px;

    box-sizing: border-box;

    color: #333;

    position: relative;

    border: 1px solid #ddd;

}



.quick_links ul li a i {

    z-index: 10;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    width: 100%;

    padding: 0 5px;

    font-size: 16px;

    position: relative;

}



.quick_links ul li a::after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    background: #d9122e;

    transition: all .4s;

    -webkit-transition: all .4s;

}



.quick_links ul li a:hover {

    color: #fff;

    border-color: #d9122e

}



.quick_links ul li a:hover::after {

    width: 100%;

    border-color: #d9122e

}



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

    .quick_links ul li a {

        width: 21.9%;

    }

}



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

    .quick_links ul li a {

        width: 20.9%;

    }

}



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

    .quick_links {

        margin-top: 0px;

    }



    .quick_links .mauto {

        max-width: 92%;

    }



    .quick_links ul li a {

        width: 46.3%;

        height: 40px;

        line-height: 40px;

        background: #f1f1f1;

        text-align: center;

        float: left;

        margin: 5px;

        box-sizing: border-box;

        color: #666;

    }



    .quick_links h2 em {

        font-size: 26px;

    }

}



.more a {

    padding: 0 .83rem;

    height: 50px;

    line-height: 50px;

    font-size: 16px;

    color: #999;

}



.more a:hover {

    color: #fff;

    text-decoration: underline;

    background: #d9122e

}



/*面包屑*/

.ny-banner .baloea .wrap {

    max-width: 1440px;

    margin: 0 auto;

}



.ny-banner {

    height: 300px;

    background: no-repeat center center;

    background-size: cover;

    background-image: url(../images/neibanner.jpg);

    position: relative;

}



.ny-banner .baloea {

    position: absolute;

    left: 0;

    bottom: 0;

    color: #ddd;

    background: rgba(0, 0, 0, 0.3);

    line-height: 45px;

    height: 45px;

    width: 100%;

}



.ny-banner .baloea .baloea_title {

    float: left;

    font-size: 20px;

}



.ny-banner .lboae {

    padding-left: 30px;

    color: #ddd;

    float: right;

}



.ny-banner .lboae span {

    margin: 0 5px;

}



.ny-banner .lboae ul {

    float: right;

    margin-left: 10px;

}



.ny-banner .lboae ul li {

    float: left;

    margin-right: 5px;

}



.ny-banner .lboae ul li a:hover {

    color: #d9122e;

}



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

    .ny-banner .mauto {

        max-width: 85%;

    }

}



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

    .ny-banner .baloea { /*padding:0 3%;*/

    }

}



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

    .ny-banner {

        height: 120px;

    }



    .ny-banner .baloea .wrap {

        padding: 0 3%;

    }



    .ny-banner .lboae {

        float: left;

        padding-left: 0;

        font-size: 12px;

        display: none;

    }



    .ny-banner .lboae ul {

        float: left;

        margin-left: 0;

    }

}



/*内页-资质证书列表*/

.honor-list ul { /*margin-left:-.27rem*/

}



.honor-list li { /*padding-left:.27rem;*/

    margin-bottom: .1rem;

    width: 33%;

    display: inline-block;

    border: 1px solid #ddd

}



.honor-list li .item .certificate-listing-frame {

    padding: 5px;

}



.honor-list li .honor-item {

    margin: 0 10px 10px 10px;

    border: 1px solid #ddd;

}



.honor-list li a {

    text-align: center;

    display: block;

    padding: 0 15px;

    overflow: hidden;

    white-space: nowrap;

    text-overflow: ellipsis;

    color: #333;

}



.honor-list li a:hover h3 {

    color: #d9122e;

    text-decoration: underline

}



.honor-list li .pic {

    width: 100%; /*border:1px solid #dedede;*/

    position: relative;

    overflow: hidden;

}



.honor-list li .pic img { /*max-width:90%;max-height:90%*/

}



.honor-list li a h3 {

    height: 60px;

    padding: 10px;

    overflow: hidden;

    display: inline-block;

}



.honor-list li a h3 p {

    line-height: 23px;

    overflow: hidden;

    width: 100%;

    vertical-align: middle;

    display: table-cell;

}



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

    .honor-list li {

        width: 49%;

    }

}



/*产品类别*/

.product-category {

    overflow: hidden;

}



.product-category li {

    width: 100%;

    margin-bottom: 25px;

}



.product-category .item {

    text-align: left;

    font-size: 0;

    position: relative;

}



.product-category .item .sale-label {

    position: absolute;

    top: 10px;

    left: 0;

}



.product-category .item .sale-label span {

    font-size: 14px;

    color: #fff;

    background-color: #d9122e;

    display: inline-block;

    padding: 4px 10px;

}



.product-category li .product-image {

    width: 25%;

    display: inline-block;

    vertical-align: middle;

}



.product-category li .product-image img {

    width: 100%;

    max-width: 500px;

}



.product-item-text {

    font-size: 14px;

    width: 75%;

    display: inline-block;

    vertical-align: middle;

}



.product-item-text-b {

    margin-left: 30px;

}



.product-item-text-b a:hover {

    color: #d9122e

}



.product-item-text h2 {

    font-size: 18px;

    line-height: 24px;

    margin-bottom: 12px;

}



.product-item-text p {

    font-size: 14px;

    line-height: 24px;

}



.product-item-text .tag {

    font-size: 12px;

    width: 100%;

    margin: 10px -5px

}



.product-item-text .tag a {

    padding: 4px 8px;

    background-color: #eef0f1;

    display: inline-block;

    margin: 5px;

}



.product-item-text .tag a:hover {

    color: #fff;

    background-color: #d9122e;

}



.product-item-text span a {

    line-height: 24px;

    color: #fff;

    background-color: #d9122e;

    padding: 8px 15px;

    display: inline-block;

    transition: ease all 0.4s;

    -webkit-transition: ease all 0.4s;

    -moz-transition: ease all 0.4s;

    -o-transition: ease all 0.4s;

}



.product-item-text span a i {

    font-size: 20px;

    line-height: 18px;

    margin-right: 5px;

}



.product-item-text span a.more {

    color: #242424;

    background-color: #f0f0f0;

    margin-left: 10px;

}



.product-item-text span a:hover {

    color: #fff;

    background-color: #666;

}



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

    .product-item-text h2 {

        font-size: 16px;

    }



    .product-item-text p {

        display: none;

    }



    .product-item-text-b {

        margin-left: 0;

    }



    .product-category li .product-image {

        width: 100%;

    }



    .product-item-text {

        width: 100%;

    }

}



/*内页-产品列表*/

.products-list {

    padding-bottom: 40px;

}



.products-list li {

    width: 33%;

    vertical-align: bottom;

    display: inline-block;

    margin-bottom: 15px;

}



.products-list li .product-item {

    margin: 0 10px 10px 10px;

}



.products-list li a {

    text-align: center;

    display: block;

}



.products-list li a:hover .info {

    visibility: visible;

    opacity: 1

}



.products-list li a:hover h3 {

    color: #d9122e;

}



.products-list .imgs {

    border: 1px solid #ddd;

}



.products-list .imgs img {

    top: 0;

    left: 0

}



.products-list .info {

    visibility: hidden;

    opacity: 0;

    top: 0;

    left: 0;

    padding: 20px;

    background: rgba(217,18,46,0.5);

    color: #fff;

    width: 100%;

    height: 100%;

    position: absolute;

}



.products-list .info i {

    border: 1px solid #fff;

    font-size: 16px;

    width: 100%;

    height: 100%;

    align-items: center;

    -webkit-align-items: center;

    justify-content: center;

    -webkit-justify-content: center;

    display: -webkit-flex;

    display: flex;

}



.products-list h3 {

    height: 50px;

    padding: 10px;

    font-size: 16px;

    overflow: hidden;

    text-align: center;

}



.products-list li a:hover .imgs {

    border: 1px solid #ddd;

    border-bottom: 1px solid #d9122e;

}



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

    .products-list li {

        width: 32%;

    }

}



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

    .products-list li {

        width: 49%;

    }

}



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

    .products-list li {

        width: 100%;

    }



    .products-list li .product-item {

        margin: 0;

    }

}



/*内页-产品分类列表*/

.business-list ul {

    margin-left: -.27rem

}



.business-list li {

    padding-left: .27rem;

    margin-bottom: 12px

}



.business-list li a:hover h3 {

    color: #d9122e; /*text-decoration:underline*/

}



.business-list h3 {

    padding: .16rem .1rem

}



.business-list .imgs {

    border: 1px solid #dedede; /*padding-bottom:90%;*/

    position: relative;

}



.business-list li .imgs::after {

    transition: opacity .5s ease 0s, transform .5s ease 0s;

    content: '';

    border-left: 1px solid #d9122e;

    border-right: 1px solid #d9122e;

    transform: scale(1, 0);

    -webkit-transform: scale(1, 0);

    opacity: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    bottom: 0;

    box-sizing: border-box;

    position: absolute;

}



.business-list li .imgs::before {

    transition: opacity .5s ease 0s, transform .5s ease 0s;

    content: '';

    position: absolute;

    bottom: 0;

    width: 100%;

    height: 100%;

    top: 0;

    left: 0;

    opacity: 0;

    border-top: 1px solid #d9122e;

    border-bottom: 1px solid #d9122e;

    transform: scale(0, 1);

    -webkit-transform: scale(0, 1);

    box-sizing: border-box;

    z-index: 2;

}



.business-list li:hover .imgs::before, .business-list li:hover .imgs::after {

    opacity: 1;

    transform: scale(1);

    -webkit-transform: scale(1);

}



/*内页-新闻列表*/

.news-list {

    padding-bottom: 40px;

}



.news-list .alcet_title {

    font-size: 18px;

    background: #eeeeee;

    height: 50px;

    line-height: 50px;

    border-left: 5px solid #d9122e;

    padding-left: 20px;

    color: #666;

    margin-bottom: 25px;

}



.news-list .alcet_title a {

    float: right;

    font-size: 14px;

    color: #d9122e;

    margin-right: 20px;

}



.news-list .alcet_title a:hover {

    color: #ea4234;

}



.news-list li {

    margin-bottom: 20px;

    position: relative;

}



.news-list li::after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    background: #d9122e;

    transition: all ease .4s;

    -webkit-transition: all ease .4s;

}



.news-list li:hover::after {

    width: 100%;

}



.news-list li a {

    z-index: 10;

    position: relative;

    display: flex;

}



.news-list li a .img {

    width: 250px

}



.news-list li a .info-w {

    width: calc(100% - 250px);

    padding-right: .4rem;

    justify-content: space-between;

    -webkit-justify-content: space-between;

    display: -webkit-flex;

    display: flex;

}



.news-list li a .info {

    width: calc(100% - 180px); /*border-bottom:1px solid #e0e0e0*/

}



.news-list li a .info h3 {

    font-size: 20px;

    margin-top: 20px;

    display: inline-block;

    overflow: hidden;

    width: 100%;

    vertical-align: middle;

    text-overflow: ellipsis;

    white-space: nowrap;

    word-wrap: break-word;

}



.news-list li a .info .els2 {

    height: 60px;

    color: #999;

    margin-bottom: .25rem;

    margin-top: .2rem;

    line-height: 30px;

}



.news-list li a:hover .info .els2 {

    color: #fff;

}



.news-list li a .icon {

    width: 100%;

    height: 24px;

}



.news-list li a .date {

    width: 150px;

    padding-right: .2rem;

    padding-left: .2rem;

    color: #999;

    border-right: 1px solid #e0e0e0;

    -webkit-flex-direction: column;

    flex-direction: column;

    align-items: center;

    -webkit-align-items: center;

    display: flex;

    justify-content: center;

    -webkit-justify-content: center;

}



.news-list li a .date em, .news-list li a .date span {

    width: 100%

}



.news-list li a .date em {

    font-size: 36px;

    margin-left: -15px

}



.news-list li a .date span {

    font-size: 20px;

    margin-top: 20px;

}



.news-list li:hover a h3 {

    color: #fff;

}



.news-list li a:hover .con .d1, .news-list li a:hover .con .d2, .news-list li a:hover .date {

    color: #fff;

    transition: all 0.5s ease;

}



.news-list li:hover a {

    background: #d9122e;

    color: #fff;

    transition: all 0.5s ease;

}



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

    .news-list li a .date {

        width: 110px;

    }



    .news-list li a .date em {

        font-size: 24px;

    }



    .news-list li a .info {

        width: calc(100% - 130px);

    }

}



@media (max-width: 768px) {

    .news-list li a .date, .news-list li a .img, .news-list li a .info {

        height: auto;

        width: 100%;

    }



    .news-list li a {

        display: block;

    }



    .news-list li a .info-w {

        width: 100%;

        padding-right: 0;

        display: block;

    }



    .news-list li a .info {

        height: auto;

    }



    .news-list li a .info .els2 {

        margin-top: 5px;

        margin-bottom: 5px;

        line-height: 25px;

        height: 50px;

    }



    .news-list li a .date em, .news-list .date span {

        font-size: 18px;

        width: auto;

    }



    .news-list li a .date span {

        margin-top: 0;

    }



    .news-list li a .info h3 {

        margin-top: 0;

        font-size: 18px;

        overflow: inherit;

        text-overflow: inherit;

        white-space: inherit;

    }



    .news-list li a .date {

        display: none;

    }



    .news-list li a .pic img {

        width: 150px;

        height: 90px;

    }



    .news-list li a .con {

        width: calc(100% - 150px);

        padding: 0px 10px 0;

    }



    .news-list li a .con .d1 {

        font-size: 14px;

        line-height: 25px;

        height: 25px;

    }



    .news-list li a .con .d2 {

        line-height: 20px;

        height: 40px;

        margin-top: 5px;

        font-size: 12px;

    }

}



.news-info {

    padding: .2rem;

    border: 1px solid #ddd;

    margin-bottom: 40px;

}



.news-info .con {

}



.news-info .head {

    border-bottom: 1px solid #e0e0e0;

    padding-bottom: 15px;

}



.news-info h3 {

    font-size: 24px;

    color: #333;

    text-align: center;

    text-align: center;

}



.news-info .date {

    color: #999;

    text-align: center;

    font-size: 16px;

    margin-top: 20px;

}



.news-info .edit {

    padding-top: .3rem;

    font-size: 16px;

    line-height: 30px;

}



.news-info .edit ul li {

    list-style-type: inherit;

}



@media (max-width: 768px) {

    .news-info .head h3 {

        font-size: 18px;

        color: #d9122e;

    }



    .news-info {

        margin: .2rem;

        border: 1px solid #ddd;

        margin-bottom: 40px;

    }



    .news-info .edit {

        font-size: 14px;

        line-height: 25px;

    }

}



/*内页-案例列表*/

.case-list {

    padding-bottom: 50px;

}



.case-list li {

    margin-bottom: 20px;

    vertical-align: bottom;

    display: inline-block;

    width: 33%;

}



.case-list li a:hover i span {

    color: #fff;

}



.case-list li a:hover h3 {

    color: #d9122e;

}



.case-list li a:hover i {

    border-color: #d9122e;

    color: #fff

}



.case-list li a:hover i::after {

    width: 100%

}



.case-list li a {

    background: #fafafa;

    overflow: hidden;

}



.case-list li:nth-child(even) a {

    -webkit-flex-direction: row-reverse;

    flex-direction: row-reverse

}



.case-list li a .img img {

    width: 100%;

    display: inline-block;

    overflow: hidden;

    transition: ease all 0.4s;

    -webkit-transition: ease all 0.4s;

    -moz-transition: ease all 0.4s;

    -o-transition: ease all 0.4s;

}



.case-list li a .img:hover img {

    transform: scale(1.1);

}



.case-list li a h3 {

    font-size: 16px;

    text-align: center;

    position: relative;

    height: 50px;

}



/*.case-list li a h3::after {position:absolute;transition:all ease .4s;-webkit-transition:all ease .4s;content:'';bottom:0;left:0;width:0;height:2px;background:#eee;}

.case-list li a:hover h3::after {width:100%;}*/

.case-list .info {

    padding: 15px 0 0 0;

    vertical-align: top;

}



.case-list .txt {

    color: #666;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden; /*text-align:justify;*/

    margin-bottom: .1rem;

    margin-top: .1rem;

    font-size: 14px;

    line-height: 25px;

}



.case-list .info i {

    padding: 0 .2rem;

    border: 1px solid #ddd;

    height: 45px;

    line-height: 45px;

    text-align: center;

    float: right;

    position: relative;

}



.case-list .info i::after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    background: #d9122e;

    transition: all .3s;

    -webkit-transition: all .3s

}



.case-list .info i span {

    z-index: 1;

    position: relative;

    color: #666;

}



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

    .case-list .txt {

        font-size: 14px;

        line-height: 25px;

        -webkit-box-orient: vertical;

        -webkit-line-clamp: 3;

    }

}



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

    .case-list li {

        width: 100%;

    }



    .case-list li a {

        display: block

    }



    .case-list li a h3 {

        font-size: 16px;

    }



    .case-list li a .img {

        width: 100%;

    }



    .case-list .info {

        padding: .2rem 0 .2rem 0;

        width: 100%;

    }



    .case-list .txt {

        font-size: 14px;

        margin-top: .1rem;

        margin-bottom: 0;

        line-height: 25px;

    }



    .case-list .info i {

        height: 40px;

        line-height: 40px;

        padding: 0 .3rem;

        display: none;

    }

}



/*内页-视频*/

.video-info .slider-w .t-slider .pic::after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}



.video-info .slider-w .t-slider .slick-arrow {

    width: .6rem;

    height: .6rem

}



.video-info .slider-w .t-slider .slick-dots {

    display: none !important

}



.video-info .slider-w .b-slider .imgs {

    padding-bottom: 86%;

    cursor: pointer

}



.video-info .slider-w .b-slider .imgs::after {

    position: absolute;

    content: '';

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

}



.video-info .slider-w .b-slider h3 {

    height: 40px;

    line-height: 40px;

    color: #fff;

    background: #d9122e

}



.video-info .slider-w .b-slider .slick-slide {

    padding: 0 15px

}



.video-info .slider-w .b-slider .slick-current .img::after {

    border-color: #d9122e

}



.slick-dots div.slick-active, .slick-dots div:focus, .slick-dots div:hover {

    background: #d9122e

}



.in-page {

    color: #888

}



.in-page a, .in-page span {

    padding: .08rem .15rem;

    border: 1px solid #e8e8e8

}



.in-page a {

    margin-bottom: 5px

}



.in-page a.cur, .in-page a:hover {

    color: #fff;

    border-color: #d9122e;

    background: #d9122e

}



.tab-head li {

    cursor: pointer

}



.tab-body li {

    visibility: hidden;

    opacity: 0;

    height: 0;

    overflow: hidden;

    transition: all .3s;

    -webkit-transition: all .3s

}



.tab-body li.cur {

    visibility: visible;

    opacity: 1;

    height: inherit

}



/*内页-编辑器样式*/

.inner-page-r-con {

    overflow: hidden

}



.inner-page-r-con .com_title {

    font-size: 22px;

    color: #333;

    line-height: 40px;

    position: relative;

    padding-bottom: 5px;

    margin-bottom: 40px;

}



.inner-page-r-con:hover .com_title {

    font-size: 22px;

    color: #333;

    line-height: 40px;

}



.inner-page-r-con .com_title_line {

    width: 208px;

    height: 2px;

    background: #d9122e;

    bottom: 0;

    left: 0;

    transition: all .5s;

    position: absolute;

}



.inner-page-r-con:hover .com_title_line {

    width: 500px;

    height: 2px;

    background: #d9122e;

    bottom: 0;

    left: 0;

}



.inner-page-r-con .edit {

    font-size: 16px;

    line-height: 25px;

    margin-bottom: 40px;

}



.inner-page-r-con .edit ul li {

    list-style-type: inherit;

}



.inner-page-r-con .edit p {

}



.inner-page-r-con span {

    display: inline

}



.inner-page-r-con img {

    width: 1440px !important;

    height: auto !important

}



@media (max-width: 767px) {

    .inner-page-r-con .com_title {

        font-size: 20px;

        margin-bottom: 20px;

    }

}



/*弹窗样式*/

.fix-wrap {

    display: none;

    z-index: 999;

    position: fixed;

    background: rgba(0, 0, 0, .8)

}



.fix-wrap, .fix-wrap svg {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%

}



.fix-wrap .hide, .fix-wrap circle {

    transition: all .8s;

    -webkit-transition: all .8s

}



.fix-wrap .hide {

    position: fixed;

    top: 5%;

    right: 5%;

    width: 49px;

    height: 49px;

    border-radius: 50%;

    cursor: pointer;

    overflow: hidden;

    background: 0 0

}



.fix-wrap .hide::after, .fix-wrap .hide::before {

    z-index: 1;

    position: absolute;

    content: '';

    top: 50%;

    left: 50%;

    width: 1px;

    height: 50%;

    margin-top: -25%;

    background: #fff

}



.fix-wrap .hide::before {

    transform: rotate(45deg);

    -webkit-transform: rotate(45deg)

}



.fix-wrap .hide::after {

    transform: rotate(-45deg);

    -webkit-transform: rotate(-45deg)

}



.fix-wrap .hide:hover {

    transform: rotate(-180deg);

    -webkit-transform: rotate(-180deg)

}



.fix-wrap .hide:hover circle {

    fill: none;

    stroke-dasharray: 145

}



.fix-wrap svg {

    position: absolute

}



.fix-wrap circle {

    stroke-dasharray: 0 145

}



.fix-video .video-wrap {

    min-width: 55%;

    max-width: 55%

}



.fix-video video {

    width: 100%;

    height: 100%;

    padding: 10px;

    border-radius: 5px;

    border: 1px solid #3a3a3a;

    box-shadow: 0 0 5px rgba(0, 0, 0, .5);

    background: #2d2d2d;

    object-fit: cover;

    animation: ReturnToNormal .5s both;

    -webkit-animation: ReturnToNormal .5s both

}



.fix-pic {

    overflow: auto

}



.fix-pic img {

    max-height: 100%;

    animation: zoomIn .5s both;

    -webkit-animation: zoomIn .5s both

}



.fix-pics {

    background: rgba(0, 0, 0, .7)

}



.fix-pic-slider {

    color: #fff

}



.fix-pic-slider .item {

    position: relative;

    width: 100%;

    height: 100vh;

    cursor: grab;

    cursor: -webkit-grab;

    background-color: transparent

}



.fix-pic-slider .item:active {

    cursor: grabbing;

    cursor: -webkit-grabbing

}



.fix-pic-slider .item::after {

    position: absolute;

    content: '';

    z-index: -1;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    margin: auto;

    width: 50px;

    height: 50px;

    border-radius: 5px;

    box-shadow: 0 0 10px rgba(255, 255, 255, .1);

    background: rgba(255, 255, 255, .9)

}



.fix-pic-slider em, .fix-pic-slider img {

    position: absolute;

    left: 0;

    bottom: 0

}



.fix-pic-slider img {

    top: 0;

    right: 0;

    margin: auto;

    width: auto;

    height: auto;

    max-width: 100%;

    max-height: 100%;

    object-fit: inherit

}



.fix-pic-slider em {

    width: 100%;

    line-height: 25px;

    font-weight: 700;

    text-align: center;

    font-size: 16px;

    padding: 10px;

    box-shadow: 0 0 10px rgba(255, 255, 255, .1);

    background: rgba(0, 0, 0, .7)

}



.fix-pic-slider .slick-arrow {

    width: 45px;

    height: 45px;

    border-radius: 5px;

    box-shadow: 0 0 5px rgba(255, 255, 255, .1);

    background: rgba(0, 0, 0, .3);

    transform: translateY(-50%);

    -webkit-transform: translateY(-50%);

    transition: all .5s;

    -webkit-transition: all .5s

}



.fix-pic-slider .slick-arrow::after {

    position: absolute;

    content: '';

    top: 50%;

    border: solid #fff;

    padding: 6px

}



.fix-pic-slider .slick-arrow:hover {

    background: rgba(0, 0, 0, .9)

}



.fix-pic-slider .slick-prev {

    left: 1%;

    animation: slideInLeft .5s both;

    -webkit-animation: slideInLeft .5s both

}



.fix-pic-slider .slick-prev::after {

    left: 50%;

    border-width: 0 1px 1px 0;

    transform: translateX(-25%) translateY(-50%) rotate(135deg);

    -webkit-transform: translateX(-25%) translateY(-50%) rotate(135deg)

}



.fix-pic-slider .slick-next {

    right: 1%;

    animation: slideInRight .5s both;

    -webkit-animation: slideInRight .5s both

}



.fix-pic-slider .slick-next::after {

    right: 50%;

    border-width: 1px 0 0 1px;

    transform: translateX(25%) translateY(-50%) rotate(135deg);

    -webkit-transform: translateX(25%) translateY(-50%) rotate(135deg)

}



.fix-pic-slider .slick_page {

    position: absolute;

    top: 0;

    left: 0;

    padding: 15px;

    font-size: 16px;

    font-weight: 700

}



.fix-pic-slider .slick_page i {

    font-size: 22px

}



.fix-pic-slider .slick_page div {

    display: none

}



.fix-pic-slider .slick_page div.slick-active {

    display: block

}



.fix-search {

    padding: 0 2.5%;

    background: #222

}



.fix-search:hover .search::after {

    transform: scale(1);

    -webkit-transform: scale(1)

}



.fix-search .search {

    position: relative;

    width: 100%;

    height: 125px;

    color: #555;

    padding-left: 88px;

    font-size: 66px;

    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABUAAAAVCAYAAACpF6WWAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyFpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNS1jMDE0IDc5LjE1MTQ4MSwgMjAxMy8wMy8xMy0xMjowOToxNSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIChXaW5kb3dzKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozNEE5NEZGREQ0QUQxMUU2OUVGNjk4Qzg2RjZCRDdENiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozNEE5NEZGRUQ0QUQxMUU2OUVGNjk4Qzg2RjZCRDdENiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjM0QTk0RkZCRDRBRDExRTY5RUY2OThDODZGNkJEN0Q2IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjM0QTk0RkZDRDRBRDExRTY5RUY2OThDODZGNkJEN0Q2Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+/Hs+IwAAAVlJREFUeNpi+P//PwMaFgLiJiC+/x8VHATiCCzqMTC6QBKSIc+AeC0QzwXiA0jiT4DYmFhDS6CaNgGxOg4NIUD8E6rOipChcVCFZUR4jwWIj0PVq+EylA2q4AAx4YWEQeAxLkMroAqESTS0D6rPAZuhL4H4NYkGgrAG1NDl2AwFgRVkGMqClBpQ5JgYIOAdA+ngL5TmR5eAGapKhqE8UPo1NkNvAbEtGYaaQOmDGDLAMIiGho0niWEKy2UWuBL/VyD+RYKBFlAD9+PLUTZQRUeAWICAgU5QB4CAIaG8745UaHQCsRkQ8wIxOxCLA7EfEG9HK7kuArEsoVLKHIgf/McPQF72RioaXwGxCD5DYdgXiBcC8S0gfgvEV4B4OhA7IqmRh+ZGELgJxFyEDCUWSwLxVSSDZalhKAhzogWFLiPYZMqBJBBfBGJRIH5ALUNBQBGI5wPxVIAAAwAoIUyRNtFOOQAAAABJRU5ErkJggg==) no-repeat 35px center

}



.fix-search .search::after, .fix-search .search::before {

    position: absolute;

    content: '';

    left: 0;

    bottom: 0;

    width: 100%;

    height: 1px;

    transition: all 1s;

    -webkit-transition: all 1s

}



.fix-search .search::before {

    background: #515151

}



.fix-search .search::after {

    background: rgba(255, 255, 255, .5);

    transform: scale(0, 1);

    -webkit-transform: scale(0, 1)

}



.fix-search .btn, .fix-search .txt {

    color: #555;

    background: 0 0

}



.fix-search .txt {

    width: 100%;

    text-align: center;

    font-size: 66px;

    padding-right: 2%

}



.fix-search .btn {

    font-size: 24px

}



/*询盘提交弹窗*/

.fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar {

    position: absolute;

    direction: ltr;

    z-index: 99997;

    opacity: 0;

    visibility: hidden;

    transition: opacity .25s, visibility 0s linear .25s;

    box-sizing: border-box

}



.fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar {

    opacity: 1;

    visibility: visible;

    transition: opacity .25s, visibility 0s

}



.fancybox-infobar {

    top: 0;

    left: 0;

    font-size: 13px;

    padding: 0 10px;

    height: 44px;

    min-width: 44px;

    line-height: 44px;

    color: #ccc;

    text-align: center;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -webkit-tap-highlight-color: transparent;

    -webkit-font-smoothing: subpixel-antialiased;

    mix-blend-mode: exclusion

}



.pagelc {

    margin-top: 3%;

}



.pagelc a {

    display: inline-block;

    line-height: 30px;

    padding: 0 10px;

    border: 1px solid #ddd;

    margin: 0 2px;

    vertical-align: middle;

}



.pagelc a.mob-none {

    padding: 0;

    width: 32px;

}



.pagelc a.cur, .pagelc a:hover {

    color: #fff;

    background: #d9122e;

    border-color: #d9122e;

}



.bopae {

    font-size: 20px;

    color: #d9122e;

    padding: 4% 0;

}



.bpoaec {

    border: 1px solid #ddd;

    padding: 3%;

    margin-top: 3%;

}



.vlnea {

    padding-bottom: 15px;

    border-bottom: 1px solid #ddd;

}



.vlnea .d1 {

    color: #d9122e;

    font-size: 20px;

}



.vlnea .d2 {

    color: #999;

    margin-top: 10px;

}



.edit-con {

    padding: 3% 0 0 0;

    line-height: 2;

    font-size: 16px;

    color: #666;

}



.edit-con p img {

    text-align: center;

}



.edit-con p span img {

    text-align: center;

}



.bvlop {

    margin-top: 4%;

}



@media (max-width: 768px) {

    .pagelc a.mob-none { /*display:none;*/

    }



    .bopae {

        font-size: 16px;

    }



    .vlnea .d1 {

        font-size: 16px;

    }



    .vlnea .d2 {

        font-size: 12px;

    }



    .edit-con {

        font-size: 14px;

    }



    .pagelc {

        margin-top: 6%;

    }

}



/*内页-资质证书*/

.honor-ul li {

    width: 32%;

    float: left;

    margin-right: 2%;

    margin-top: 3%;

    position: relative;

}



.honor-ul li:nth-child(3n) {

    margin-right: 0;

}



.honor-ul li .honor-li-tit {

    line-height: 45px;

    height: 45px;

    overflow: hidden;

    transition: all 0.5s ease;

    font-size: 16px;

}



.honor-ul li .honor-li-img {

    display: table;

    width: 100%;

    height: 300px;

    text-align: center;

    border: 1px solid #ddd;

}



.honor-ul li .honor-li-img p {

    display: table-cell;

    vertical-align: middle;

    height: 215px;

}



.honor-ul li .honor-li-img p img {

    max-width: 80%;

    max-height: 260px;

}



.honor-ul li:after {

    content: '';

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    background: rgba(0, 109, 135, 0.75);

    opacity: 0;

    transition: all 0.5s ease;

}



@media (min-width: 1301px) {

    .honor-ul li:hover .honor-li-tit {

        color: #fff;

        background: #d9122e;

        transition: all 0.5s ease;

    }

}



@media (max-width: 640px) {

    .honor-ul li {

        width: 100%;

        margin-right: 0;

    }

}



/*内页-联系我们*/

.contact {

    padding-bottom: 40px;

}



.contact .add {

    height: 4.65rem

}



.contact .add img {

    max-width: inherit

}



.contact .contact_company {

    width: 100%;

    color: #666;

    min-height: 300px;

    padding: 50px 50px 0;

    border: 1px solid #ddd;

    background: #eee;

}



.contact .contact_company .d1 {

    font-size: 24px;

    margin-bottom: 25px;

    color: #d9122e;

}



.contact .contact_company .d2 {

    background: no-repeat left 8px;

    padding: 5px 0 5px 0px;

    margin-bottom: 10px;

    font-size: 16px;

}



.contact .contact_company .d2 span {

    color: #d9122e;

}



.contact .contact_company .d2 i {

    margin-right: 10px;

    font-size: 20px;

}



.contact .contact_man li {

    float: left;

    width: 100%;

    color: #666;

    padding: 50px 50px 40px;

    border: 1px solid #ddd;

    margin-top: 20px;

    box-sizing: border-box;

    -moz-box-sizing: border-box; /* Firefox */

    -webkit-box-sizing: border-box; /* Safari */

    position: relative

}



.contact .contact_man li:before {

    content: '';

    position: absolute;

    bottom: 0;

    transition: opacity .5s ease 0s, transform .5s ease 0s;

    width: 100%;

    height: 100%;

    top: 0%;

    left: 0%;

    opacity: 0;

    border-top: 1px solid #d9122e;

    border-bottom: 1px solid #d9122e;

    transform: scale(0, 1);

    -webkit-transform: scale(0, 1);

    box-sizing: border-box;

}



.contact .contact_man li:hover::before {

    opacity: 1;

    transform: scale(1);

    -webkit-transform: scale(1);

}



.contact .contact_man li::after {

    transition: opacity .5s ease 0s, transform .5s ease 0s;

    content: '';

    border-left: 1px solid #d9122e;

    border-right: 1px solid #d9122e;

    transform: scale(1, 0);

    -webkit-transform: scale(1, 0);

    opacity: 0;

    position: absolute;

    width: 100%;

    height: 100%;

    top: 0%;

    left: 0%;

    box-sizing: border-box;

}



.contact .contact_man li:hover::after {

    opacity: 1;

    transform: scale(1);

    -webkit-transform: scale(1);

}



.contact .contact_man .d1 {

    font-size: 24px;

    margin-bottom: 25px;

    color: #d9122e;

}



.contact .contact_man .d2 {

    background: no-repeat left 8px;

    padding: 5px 0 5px 0px;

    margin-bottom: 10px;

    font-size: 16px;

    width: 33.3%;

    float: left;

}



.contact .contact_man .d2 span {

    color: #d9122e;

}



.contact .contact_man .d2 i {

    margin-right: 10px;

    font-size: 20px;

}



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

    .contact .contact_company {

        min-height: auto;

    }



    .contact .contact_man li {

        float: left;

        width: 100%;

        color: #666;

        min-height: 300px;

        padding: 20px;

        border: 1px solid #ddd;

        margin-top: 20px;

        box-sizing: border-box;

        -moz-box-sizing: border-box; /* Firefox */

        -webkit-box-sizing: border-box; /* Safari */

    }



    .contact .contact_man .d1 {

        font-size: 24px;

        margin-bottom: 25px;

        color: #d9122e;

    }



    .contact .contact_man .d2 {

        width: 100%;

    }



    .contact .contact_man .d2 span {

        color: #d9122e;

    }



    .contact .contact_man .d2 i {

        margin-right: 10px;

        font-size: 20px;

    }

}



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

    .contact .contact_company {

        padding: 20px;

    }



    .contact .contact_company .d1 {

        font-size: 20px;

    }



    .contact .contact_man .d2 {

        margin-bottom: 0;

    }

}



/*内页-询盘*/

/*.alcet_title {font-size:18px;background:#eeeeee;height:50px;line-height:50px;border-left:5px solid #d9122e;padding-left:20px;color:#666;}

.alcet {}

.alcet td {padding:12px 5px;color:#666;}

.alcet td span {color:#f00;}

.alcet td .c1 {width:100%;border:1px solid #ddd;background:#fff;border-radius:3px;height:45px;padding:0 10px;}

.alcet td textarea {width:100%;border:1px solid #ddd;background:#fff;border-radius:3px;height:120px;padding:10px;}

.alcet td .c2 {width:140px;height:40px;border:none;cursor:pointer;background:#e8e8e8;border-radius:3px;margin-right:10px;}

@media screen and ( max-width:1300px ) {.alcet_title {font-size:18px;line-height:25px;}

.alcet {padding:5%;}

}

@media screen and ( max-width:768px ) {.alcet_title {font-size:14px;line-height:25px;}

.alcet td {float:left;width:100%;text-align:left;}

}*/

/*底部版权*/

footer {

    background: #212121;

}



footer .footer-head {

    padding-top: 20px;

}



footer .footer-main {

}



footer .footer-main dl a {

    color: #888;

    display: inline-block;

    overflow: hidden;

    width: 100%;

    vertical-align: middle;

    text-overflow: ellipsis;

    white-space: nowrap;

    word-wrap: break-word;

}



footer .footer-main dl a:hover {

    color: #d9122e;

}



footer .footer-main dl {

    margin-left: 4%;

    float: left;

    width: 18.3%;

}



footer .footer-main dl dt {

    font-size: 24px;

    line-height: 40px;

    color: #888;

}



footer .footer-main dl dd {

    font-size: 14px;

    line-height: 30px;

}



footer .footer-main .telbl {

    width: 100%;

    /*float: left;*/

    text-align: center;

}



footer .footer-main .telbl .d1 {

    font-size: 24px;

    line-height: 40px;

    color: #d9122e;

}



footer .footer-main .telbl .d2 {

    font-size: 14px;

    line-height: 30px;

    color: #888;

    /*display: flex;*/

}



footer .footer-main .telbl .d2 label {

    display: inline-block;

    vertical-align: top;

    min-width: 70px;

}



/*社交分享链接*/

.copyright {

    padding: 10px 0;

    width: 100%;

    display: inline-block;

    line-height: 28px;

}



.copyright p {

    float: left;

    color: #888;

    font-size: 14px;

}



.social-link {

    float: right;

}



.social-link a {

    color: #fff;

    margin-left: 5px;

    float: left;

    display: inline-block;

    width: 28px;

    height: 28px;

    line-height: 28px;

    background-color: #666;

    text-align: center;

    border-radius: 28px;

    font-size: 18px;

}



.social-link a:hover {

    color: #fff;

    margin-left: 5px;

    float: left;

    display: inline-block;

    width: 28px;

    height: 28px;

    line-height: 28px;

    background-color: #d9122e;

    text-align: center;

    border-radius: 28px;

}



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

    footer .footer-main .telbl {

        width: 33%;

    }



    footer .footer-main dl dt {

        font-size: 20px;

        line-height: 35px;

    }



    footer .footer-main dl dd {

        font-size: 14px;

        line-height: 30px;

    }



    .social-link {

        float: none;

        position: inherit;

        left: 0;

        display: inherit;

    }



    .social-link a {

        float: none;

    }



    .telbl .d1 {

        font-size: 20px;

        line-height: 35px;

    }



    .telbl .d2 {

        font-size: 14px;

        line-height: 30px;

    }

}



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

    footer .footer-main .telbl {

        width: 100%;

    }



    footer .footer-main dl {

        margin-left: 0;

        float: none;

        width: 100%;

    }



    .copyright p {

        font-size: 12px;

    }

}



/*site-map网站地图*/

.site-map-t {

    color: #d9122e;

    font-size: 18px;

    line-height: 30px;

    background-color: #efefef;

    padding: 12px 30px;

    margin-bottom: 15px;

    text-transform: capitalize;

}



.site-map-th {

    color: #6d6d6d;

    font-size: 16px;

    line-height: 30px;

    background: #fff;

    border-bottom: 1px dashed #f1f1f1;

    padding: 8px 30px;

}



.site-map-th h2 {

    font-size: 16px;

    font-weight: normal;

    color: #333;

}



.site-map ul {

    font-size: 0;

    overflow: hidden;

    margin: 20px 0 30px 0;

    border-bottom: 1px solid #f1f1f1;

    padding: 10px 30px 0 30px;

    background-color: #fff;

}



.site-map ul li {

    font-size: 14px;

    display: inline-block;

    vertical-align: top;

    line-height: 35px;

    width: 33.3%;

}



.site-map ul li h3 {

    font-size: 16px;

    font-weight: normal;

}



.site-map ul.site-map-l1 li {

    width: 25%;

    font-size: 16px;

}



.site-map ul.site-map-l2 li {

    width: 50%;

}



.site-map a:hover {

    color: #d9122e

}



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

    .site-map ul li, .site-map ul.site-map-l1 li, .site-map ul.site-map-l2 li {

        width: 100%;

    }

}



/*右侧漂浮替换样式*/

.im {

    position: fixed;

    right: 2px;

    top: auto;

    bottom: 150px;

    z-index: 11;

}



.im-l {

    color: #fff;

    width: 32px;

    height: 60px;

    cursor: pointer;

    background-color: #d9122e; /*box-shadow:0 0 8px #eaf0f6;*/

    border-radius: 4px 0px 0px 4px;

    display: block;

    text-align: center;

    line-height: 60px;

    float: left;

}



.im-l i {

    font-size: 20px;

}



#select {

    display: none;

}



.im .box {

    float: right;

    width: 60px;

    background-color: #d9122e;

    border-radius: 0 4px 4px 4px;

    display: none;

}



.im .box ul {

    background-color: #fff;

    list-style-type: none;

    margin: 5px;

}



.im .box ul li {

    height: 50px;

    width: 50px;

    overflow: hidden;

    text-align: center;

    line-height: 50px;

}



.im .box ul li a {

    text-decoration: none;

    display: block;

}



.im .box ul li i {

    font-size: 24px;

    color: #f39d22;

}



.im .box ul li i.img-skype {

    color: #00aff0;

}



.im .box ul li i.img-whatsapp {

    color: #00d51b;

}



.im .box ul li i.img-user {

    color: #F66;

}



.im .box ul li i.img-skype, .im .box ul li i.img-envelope {

    font-size: 28px;

}



.im .box ul li a:hover i {

    color: #343537;

}



#select:checked + .box {

    display: block;

}



#cus_ser1 .msn {

    background-repeat: no-repeat;

    height: 50px;

    width: 50px;

}



.im .skype {

    background-repeat: no-repeat;

    background-position: -47px 0;

    height: 50px;

    width: 47px;

}



.im .mail {

    background-repeat: no-repeat;

    background-position: -94px 0;

    height: 50px;

    width: 47px;

}



.im .kefu_01 {

    background-repeat: no-repeat;

    background-position: center center;

    height: 50px;

    width: 50px;

    overflow: hidden;

    background-color: #FFF;

}



.im .whatsapp {

    background-repeat: no-repeat;

    background-position: center center;

    height: 50px;

    width: 50px;

    overflow: hidden;

    background-color: #FFF;

}



/*分页符*/

.pagination-bar {

    text-align: center;

    margin-bottom: 20px;

    margin-top: 20px;

}



.pagination-bar ul {

    display: block;

}



.pagination-bar ul li {

    display: inline-block;

    margin: 2px;

    vertical-align: top;

    padding-left: 0;

    width: auto;

}



.pagination-bar ul li a {

    background: #f0f0f0;

    height: 35px;

    width: 35px;

    display: inline-block;

    line-height: 35px;

    text-align: center;

    transition: ease all 0.4s;

    -webkit-transition: ease all 0.4s;

    -moz-transition: ease all 0.4s;

    -o-transition: ease all 0.4s;

}



.pagination-bar ul li.pageinfo {

    background: #f0f0f0;

    line-height: 35px;

    text-align: center;

    padding: 0 15px;

}



.pagination-bar ul li.active {

    background: #d9122e;

    color: #fff;

    height: 35px;

    width: 35px;

    display: inline-block;

    line-height: 35px;

    text-align: center;

}



.pagination-bar ul li a:hover {

    color: #fff;

    background: #d9122e;

}



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

    .im {

        width: 92px;

        position: fixed;

        right: -60px;

        top: 150px;

        transition: right 0.5s;

        bottom: auto;

        z-index: 11;

    }



    .im:hover {

        right: 0;

    }



    .im .box {

        position: absolute;

        display: block;

        width: 60px;

        right: 0;

        top: 0;

    }

}



/*返回顶部*/

.scroll {

    width: 40px;

    height: 40px;

    color: #fff;

    line-height: 42px;

    text-align: center;

    position: fixed;

    right: 34px;

    bottom: 74px;

    cursor: pointer;

    background-color: #d9122e;

    border-radius: 4px;

    z-index: 10;

}



.scroll i {

    font-size: 28px;

}



@media (max-width: 1480px) {

    .top {

        padding: 0 2%;

        position: relative;

        top: 0;

    }

}



@media (min-width: 1301px) {

    .lcolae li a:hover .pic img, .lmobl li a:hover .pic img, .aeopte li a:hover .pic img {

        transform: scale(1.05);

        transition: all 0.5s ease;

    }



    .wmore:hover {

        background-color: #d9122e;

        transition: all 0.5s ease;

        border-radius: 10px;

    }

}



@media (max-width: 1300px) {

    .top {

        height: 58px;

        background: #fff;

        position: relative;

        top: 0;

    }



    /*.logo {padding:5px 0;}

*/

}



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

    .scroll {

        right: 0;

        bottom: 0;

        width: 36px;

    }

}



/*移动端侧边,底部折叠*/

.sidebar-block-but, .footer-content-but {

    display: none;

}



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

    .footer-middle {

        padding-top: 10px;

    }



    .inner-message {

        margin-bottom: 0;

    }



    .sidebar-block-but, .footer-content-but {

        position: relative;

        padding: 10px 40px 10px 20px;

        background-color: #333;

        display: block;

    }



    .sidebar-block-but span, .footer-content-but span {

        text-transform: uppercase;

        color: #999;

        font-size: 16px;

        line-height: 20px;

    }



    .sidebar-block-but button, .footer-content-but button {

        position: absolute;

        top: 9px;

        right: 5px;

        width: 30px;

        height: 24px;

        border: 0;

        color: #666;

        display: inline-block;

        border-radius: 0;

        line-height: 24px;

        background: none;

    }



    .sidebar-block-but button i, .footer-content-but button i {

        font-size: 20px;

        position: relative;

    }



    .sidebar-block-but button i::after, .footer-content-but button i::after {

        content: "\e660";

        font-family: "iconfont" !important;

    }



    .sidebar-block-but.expand button, .footer-content-but.expand button {

        transform: rotateZ(180deg);

    }



    .sidebar-box, .footer-main {

        display: none;

    }



    .sidebar-box.expand, .footer-main.expand {

        display: block;

    }

}



/*邮件*/

.inner-message {

    overflow: hidden;

}



.inner-message-t {

    background: #f0f0f0;

    padding: 10px 16px;

    margin-bottom: 20px;

}



.inner-message-t h5 {

    font-size: 18px;

    line-height: 24px;

}



.inner-message .th {

    font-size: 20px;

    margin-bottom: 10px;

}



.inner-message .inner-message-centered {

    font-size: 16px;

}



.inner-message .inner-message-centered span {

    color: #F60;

}



.inner-message .alcet_title {

    font-size: 18px;

    background: #eeeeee;

    height: 50px;

    line-height: 50px;

    border-left: 5px solid #d9122e;

    padding-left: 20px;

    color: #666;

}



.inner-message-row {

    margin-top: 20px;

    overflow: hidden;

}



.inner-message-row .item {

    width: 100%;

    float: left;

    margin-bottom: 20px;

}



.inner-message-row .item input {

    color: #999;

    width: 100%;

    line-height: 30px;

    border: 0;

    height: 30px;

}



.inner-message-row .item textarea {

    color: #999;

    width: 100%;

    line-height: 30px;

    border: 0;

    font-family: Arial, Helvetica, sans-serif;

    min-height: 150px;

}



.inner-message-row .item button {

    color: #fff;

    font-size: 14px;

    background-color: #d9122e;

    display: block;

    line-height: 30px;

    padding: 8px 20px;

    cursor: pointer;

    border: 0;

    position: relative;

}



.inner-message-row .item button:hover {

    border-radius: 5px;

}



.inner-message-row .item button:active {

    background-color: #F60;

}



.inner-message-row .item button i {

    z-index: 10

}



/*.inner-message-row .item button::after {position:absolute;content:'';top:0;left:0;width:0;height:100%;background:#d9122e;transition:all .4s;-webkit-transition:all .4s;}

.inner-message-row .item button:hover::after {width:100%;border-radius:5px;}*/

.inner-message-row .item.item-half {

    width: 50%;

}



.inner-message-half {

    padding: 8px;

    border: 1px solid #ddd;

    margin-right: 20px;

}



.inner-message-box {

    padding: 8px;

    border: 1px solid #ddd;

}



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

    .inner-message .alcet_title {

        font-size: 16px;

        background: #eeeeee;

        height: 50px;

        line-height: 25px;

        border-left: 5px solid #d9122e;

        padding-left: 20px;

        color: #666;

    }

}



/*产品详情页多图*/

/*.brief {float:left;width:100%;position:relative;max-width:700px;overflow:hidden;margin-left:35px;}

*/

.products_info {

    padding-bottom: 40px;

}



.products_info .edit {

    font-size: 16px;

    line-height: 30px;

}



.products_info .panel {

    width: 40% !important;

}



.products_info .brief {

    float: left;

    width: 55%;

    position: relative;

    max-width: 590px;

    overflow: hidden;

    margin-left: 10px;

}



.products_info .brief h1 {

    font-size: 24px;

    color: #d9122e;

    border-bottom: 1px solid #dddddd;

    padding-bottom: 15px;

    margin-bottom: 15px;

}



.products_info .brief p {

    margin-bottom: 5px;

    font-size: 16px;

    line-height: 20px;

    color: #333;

    padding: 3px;

}



.products_info .brief span {

    color: #d9122e;

    font-weight: bold;

    padding-right: 10px;

}



.products_info .annex_list {

    border-bottom: 1px solid #dddddd;

    padding-bottom: 20px;

}



.products_info .annex_list ul li {

    line-height: 40px;

    font-size: 16px;

}



.products_info .annex_list ul li a i {

    font-size: 24px;

    color: #999;

    margin-right: 10px;

}



.products_info .annex_list ul li a:hover, .annex_list ul li a:hover i {

    color: #d9122e;

}



.products_info .vlbamc {

    border: 1px solid #ddd;

    padding: 20px;

    margin-bottom: 40px;

}



.products_info .bavlcn {

    margin-top: 3%;

}



.products_info .bavlcn a {

    display: inline-block;

    line-height: 50px;

    padding: 0 50px;

    background: #d9122e;

    color: #fff;

    font-size: 16px;

    position: relative;

}



.products_info .bavlcn a:hover {

    border-radius: 5px;

}



.products_info .bavlcn a::after {

    position: absolute;

    content: '';

    top: 0;

    left: 0;

    width: 0;

    height: 100%;

    background: #d9122e;

    border-radius: 5px;

    transition: all .4s;

    -webkit-transition: all .4s;

}



.products_info .bavlcn a:hover::after {

    width: 100%;

}



.products_info .bavlcn a b {

    z-index: 10;

    position: relative;

    font-weight: normal;

}



.products_info .bavlcn a i {

    font-size: 30px;

}



/*产品详情页-产品推荐*/

.products_info .sec_m {

}



.products_info .sec_m .alcet_title {

    margin-top: 30px;

    margin-bottom: 30px;

    font-size: 18px;

    background: #eeeeee;

    height: 50px;

    line-height: 50px;

    border-left: 5px solid #d9122e;

    padding-left: 20px;

    color: #666;

}



.products_info .sec_m ul li {

    list-style-type: initial;

}



.products_info .sec_m p {

    line-height: 30px;

}



.products_info .sec_m .swiper01 {

    padding-bottom: 0px;

}



.products_info .sec_m .swiper01 .swiper-slide .pic {

    border: 1px solid #ddd;

}



.products_info .sec_m .swiper01 .swiper-slide a .tit {

    height: 60px;

    background: rgba(255, 255, 255, 0.3);

    line-height: 60px;

    overflow: hidden;

    color: #666;

    font-size: 18px;

}



.products_info .sec_m .item {

    padding: 0 .15rem;

    position: relative;

    display: block;

}



.products_info .sec_m .imgs {

}



.products_info .sec_m h3 {

    height: 60px;

    line-height: 25px;

    font-size: 16px;

    background: rgba(0, 0, 0, 0);

    padding: 5px;

}



.products_info .sec_m h3:hover {

    height: 60px;

    line-height: 60px;

    font-size: 18px;

    background: rgba(234, 64, 52, 1);

    color: #fff;

    text-align: center;

}



.products_info .sec_m a h3::after {

    position: absolute;

    content: '';

    bottom: 0;

    left: 0;

    width: 0;

    height: 100%;

    background: rgba(255, 255, 255, .2);

    transition: all .4s;

    -webkit-transition: all .4s

}



.products_info .sec_m a:hover h3::after {

    color: #fff;

    background: rgba(255, 255, 255, .1);

    width: 100%;

    position: absolute;

}



.products_info .sec_m .slick-dots {

    display: none !important

}



.products_info .sec_m .slider .imgs {

}



.products_info .widget {

    clear: both;

    height: 35px;

    line-height: 35px;

    width: 100%;

    padding: 10px 0;

}



.products_info .video-js .vjs-big-play-button {

    top: 200px !important;

    left: 180px !important;

}



.products_info .article-append-t {

    border-left: 3px solid #d9122e;

    background-color: #eee;

    margin-bottom: 20px;

    margin-top: 40px;

    height: 35px;

    line-height: 35px;

}



.products_info .article-append-t span a {

    color: #d9122e;

    font-size: 16px;

    font-weight: bold;

    padding-left: 20px;

}



.products_info .alcet_pro_title {

    margin-top: 30px;

    margin-bottom: 30px;

    font-size: 18px;

    background: #eeeeee;

    height: 50px;

    line-height: 50px;

    border-left: 5px solid #d9122e;

    padding-left: 20px;

    color: #666;

}



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

    .products_info .brief {

        width: 95%;

    }

}



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

    .products_info .panel {

        width: 100% !important;

        float: left;

    }



    .products_info .brief {

        width: 95%;

        margin-left: 0;

    }



    .products_info .brief h1 {

        padding-bottom: 15px;

        margin-bottom: 15px;

        margin-top: 30px;

        font-size: 20px;

    }



    .products_info .sec_m p {

        line-height: 25px;

    }

}



/*表格*/

.nei-table {

    width: 100%;

    overflow: auto;

}



.nei-table table {

    border-collapse: collapse;

    border-spacing: 0;

}



.nei-table table, .nei-table table th, .nei-table table td {

    border: 1px solid #666;

}



.nei-table table th, .nei-table table td {

    padding: 4px 10px;

}



/*幻灯图开始*/

#about_pb { /*width:100%;*/

    max-width: 1440px;

}



#promotion_banners {

    width: 100%;

    overflow: hidden;

}



#promotion_banners li {

    width: 100%;

    height: 100%;

    list-style-type: none;

}



.switcher_2 {

    position: absolute;

    right: 5px;

    bottom: 5px;

}



.product_box {

    width: 100%;

    max-width: 450px;

    min-width: 320px;

}



.product_box .banners {

    height: 450px;

    overflow: hidden;

    border: 1px solid #e6e6e6;

}



.pb {

    display: inline-block;

    position: relative;

    height: auto; /*float:left;*/

    margin-bottom: 10px;

    z-index: 0;

}



.pb .points_2 li {

    width: 22px;

    height: 22px;

    text-align: center;

    cursor: pointer;

    float: left;

    margin-right: 5px;

    background-color: #999;

    line-height: 22px;

    color: #FFF;

    border-top-width: 0px;

    border-right-width: 0px;

    border-bottom-width: 0px;

    border-left-width: 0px;

}



.pb .points_2 li.current {

    color: #FFF;

    margin-right: 5px;

    height: 22px;

    width: 22px; /*border:1px solid #FFF;*/

    background-color: #d9122e;

}



.pb .banners {

    float: left;

    padding: 0px;

    margin: 0px;

}



.pb .banners li {

    display: none;

    padding: 0px;

}



.pb .banners li.current {

    display: block;

}



.pb .switcher {

    width: 100%;

    display: block;

    height: auto;

    overflow: hidden;

}



.pb .points {

    font-size: 0px;

    margin-top: 4px;

    margin-right: auto;

    margin-bottom: 0;

    margin-left: auto;

    width: 100%;

    overflow: hidden;

}



.pb .points li {

    width: 70px;

    height: 70px;

    background-position: 0px 0px;

    text-align: center;

    cursor: pointer;

    float: left;

    margin-right: 8px;

    border: 1px solid #e6e6e6;

    display: table;

    margin-top: 8px;

}



.pb .points li i {

    width: 100%;

    overflow: hidden;

    height: 100%;

    display: table-cell;

    vertical-align: middle;

    text-align: center;

}



.pb .points li img {

    max-height: 70px;

    max-width: 70px;

    vertical-align: middle;

    display: table-cell;

    z-index: -1;

    position: relative;

}



.pb .points li.current {

    color: #FFF;

    margin-right: 8px;

    height: 70px;

    width: 70px;

    border: 1px solid #F00;

}



.C_top_R1IMG {

    width: 100%;

    height: 100%;

    position: relative;

    display: table;

    text-align: center;

}



.C_top_R1IMG a {

    width: 100%;

    overflow: hidden;

    height: 100%;

    display: table-cell;

    vertical-align: middle;

}



.C_top_R1IMG img {

    vertical-align: middle;

    max-width: 100%;

    max-height: 450px;

}



.C_top_R1IMG a h5 {

    height: 30px;

    position: absolute;

    z-index: 3;

    bottom: 40px;

    left: 0px;

    font-weight: bold;

    padding-left: 10px;

    width: 500px;

    font-size: 22px;

    line-height: 30px;

    color: #FFFFFF;

    font-weight: normal;

}



.C_top_R1IMG a p {

    font-size: 16px;

    line-height: 20px;

    color: #FFFFFF;

    position: absolute;

    z-index: 3;

    bottom: 15px;

    left: 0px;

    width: 500px;

    padding-left: 10px;

    height: 20px;

}



.C_top_R1IMG a span {

    filter: alpha(opacity=50);

    -moz-opacity: 0.5;

    opacity: 0.5 !important;

    height: 80px;

    width: 100%;

    position: absolute;

    z-index: 2;

    left: 0px;

    bottom: 0px;

    background-color: #000000;

}



.C_top_R1IMG2 {

    width: 100%;

    height: auto;

}



.C_top_R1IMG2 a img {

    width: 100%;

    height: 100%;

}



@media (max-width: 768px) {

    #about_pb {

        width: 100%;

        margin-left: 0px;

    }



    .product_box .banners {

        height: 300px;

    }



    .pb .points li img {

        max-width: 80px;

    }

}



/*幻灯图结束*//*详情页标签*/

.product-tag {

    display: flex;

    margin-top: 20px;

    padding: 20px 0;

    border-top: 1px solid #ddd;

}



.product-tag-title {

    display: inline-block;

}



.product-tag span {

    font-size: 16px;

    padding: 5px 0;

    float: left;

    white-space: nowrap;

    color: #d9122e;

}



.product-tag-item {

    vertical-align: top;

}



.product-tag-item a {

    margin: 5px 12px;

    line-height: 20px;

    font-size: 14px;

    display: inline-block;

}



.product-tag-item a:hover {

    color: #8dc73f;

}



/*上下篇*/

.other-upper-next {

    border-bottom: 1px solid #d9d9d9;

    overflow: hidden;

    line-height: 28px;

    font-size: 18px;

    padding: 20px;

    background-color: #fff;

    margin-bottom: 30px;

}



.other-upper-next-box {

    overflow: hidden;

}



.other-upper-next .other-upper {

    float: left;

}



.other-upper-next .other-next {

    float: right;

}



.other-upper-next .other-upper i {

    font-size: 16px;

    display: inline-block;

    vertical-align: middle;

    margin-right: 5px;

}



.other-upper-next .other-next i {

    float: right;

    font-size: 14px;

    display: inline-block;

    vertical-align: middle;

    margin-left: 5px;

}



.other-upper-next span a:hover {

    color: #d9122e;

}



/*详情页seo内容*/

.article-append {

    padding: 10px 0;

    overflow: hidden

}



.article-outline {

    margin-bottom: 20px;

    padding: 10px;

    background-color: rgba(0, 0, 0, 0.05);

    margin-top: 10px

}



.article-outline p {

    font-size: 16px

}



.append-item {

    padding: 10px 0;

    border-top: 1px solid #ccc;

    overflow: hidden;

    margin-bottom: 20px

}



.article-append-t {

    overflow: hidden

}



.article-append-t span {

    font-size: 18px;

    line-height: 22px;

    display: inline-block;

    border-bottom: 1px solid #8e969b;

    padding: 5px 0

}



.append-item h2 {

    font-size: 18px;

    text-align: left

}



.append-item p {

    overflow: hidden;

    text-align: left

}



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

    .article-outline {

        margin-top: 20px

    }

}



/*证书放大*/

body.fancybox-active {

    overflow: hidden

}



body.fancybox-iosfix {

    position: fixed;

    left: 0;

    right: 0

}



.fancybox-is-hidden {

    position: absolute;

    top: -9999px;

    left: -9999px;

    visibility: hidden

}



.fancybox-container {

    position: fixed;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 99992;

    -webkit-tap-highlight-color: transparent;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    font-family: -apple-system, BlinkMacSystemFont, Segoe UI, Roboto, Helvetica Neue, Arial, sans-serif

}



.fancybox-bg, .fancybox-inner, .fancybox-outer, .fancybox-stage {

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0

}



.fancybox-outer {

    overflow-y: auto;

    -webkit-overflow-scrolling: touch

}



.fancybox-bg {

    background: #1e1e1e;

    opacity: 0;

    transition-duration: inherit;

    transition-property: opacity;

    transition-timing-function: cubic-bezier(.47, 0, .74, .71)

}



.fancybox-is-open .fancybox-bg {

    opacity: .87;

    transition-timing-function: cubic-bezier(.22, .61, .36, 1)

}



.fancybox-caption-wrap, .fancybox-infobar, .fancybox-toolbar {

    position: absolute;

    direction: ltr;

    z-index: 99997;

    opacity: 0;

    visibility: hidden;

    transition: opacity .25s, visibility 0s linear .25s;

    box-sizing: border-box

}



.fancybox-show-caption .fancybox-caption-wrap, .fancybox-show-infobar .fancybox-infobar, .fancybox-show-toolbar .fancybox-toolbar {

    opacity: 1;

    visibility: visible;

    transition: opacity .25s, visibility 0s

}



.fancybox-infobar {

    top: 0;

    left: 0;

    font-size: 13px;

    padding: 0 10px;

    height: 44px;

    min-width: 44px;

    line-height: 44px;

    color: #ccc;

    text-align: center;

    pointer-events: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-touch-callout: none;

    -webkit-tap-highlight-color: transparent;

    -webkit-font-smoothing: subpixel-antialiased;

    mix-blend-mode: exclusion

}



.fancybox-toolbar {

    top: 0;

    right: 0;

    margin: 0;

    padding: 0

}



.fancybox-stage {

    overflow: hidden;

    direction: ltr;

    z-index: 99994;

    -webkit-transform: translateZ(0)

}



.fancybox-is-closing .fancybox-stage {

    overflow: visible

}



.fancybox-slide {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    overflow: auto;

    outline: none;

    white-space: normal;

    box-sizing: border-box;

    text-align: center;

    z-index: 99994;

    -webkit-overflow-scrolling: touch;

    display: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    transition-property: opacity, -webkit-transform;

    transition-property: transform, opacity;

    transition-property: transform, opacity, -webkit-transform

}



.fancybox-slide:before {

    content: "";

    display: inline-block;

    vertical-align: middle;

    height: 100%;

    width: 0

}



.fancybox-is-sliding .fancybox-slide, .fancybox-slide--current, .fancybox-slide--next, .fancybox-slide--previous {

    display: block

}



.fancybox-slide--image {

    overflow: visible

}



.fancybox-slide--image:before {

    display: none

}



.fancybox-slide--video .fancybox-content, .fancybox-slide--video iframe {

    background: #000

}



.fancybox-slide--map .fancybox-content, .fancybox-slide--map iframe {

    background: #e5e3df

}



.fancybox-slide--next {

    z-index: 99995

}



.fancybox-slide > * {

    display: inline-block;

    position: relative;

    padding: 24px;

    margin: 44px 0;

    border-width: 0;

    vertical-align: middle;

    text-align: left;

    background-color: #fff;

    overflow: auto;

    box-sizing: border-box

}



.fancybox-slide > base, .fancybox-slide > link, .fancybox-slide > meta, .fancybox-slide > script, .fancybox-slide > style, .fancybox-slide > title {

    display: none

}



.fancybox-slide .fancybox-image-wrap {

    position: absolute;

    top: 0;

    left: 0;

    margin: 0;

    padding: 0;

    border: 0;

    z-index: 99995;

    background: transparent;

    cursor: default;

    overflow: visible;

    -webkit-transform-origin: top left;

    transform-origin: top left;

    background-size: 100% 100%;

    background-repeat: no-repeat;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    transition-property: opacity, -webkit-transform;

    transition-property: transform, opacity;

    transition-property: transform, opacity, -webkit-transform

}



.fancybox-can-zoomOut .fancybox-image-wrap {

    cursor: zoom-out

}



.fancybox-can-zoomIn .fancybox-image-wrap {

    cursor: zoom-in

}



.fancybox-can-drag .fancybox-image-wrap {

    cursor: -webkit-grab;

    cursor: grab

}



.fancybox-is-dragging .fancybox-image-wrap {

    cursor: -webkit-grabbing;

    cursor: grabbing

}



.fancybox-image, .fancybox-spaceball {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    border: 0;

    max-width: none;

    max-height: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.fancybox-spaceball {

    z-index: 1

}



.fancybox-slide--iframe .fancybox-content {

    padding: 0;

    width: 80%;

    height: 80%;

    max-width: calc(100% - 100px);

    max-height: calc(100% - 88px);

    overflow: visible;

    background: #fff

}



.fancybox-iframe {

    display: block;

    padding: 0;

    border: 0;

    height: 100%

}



.fancybox-error, .fancybox-iframe {

    margin: 0;

    width: 100%;

    background: #fff

}



.fancybox-error {

    padding: 40px;

    max-width: 380px;

    cursor: default

}



.fancybox-error p {

    margin: 0;

    padding: 0;

    color: #444;

    font-size: 16px;

    line-height: 20px

}



.fancybox-button {

    box-sizing: border-box;

    display: inline-block;

    vertical-align: top;

    width: 44px;

    height: 44px;

    margin: 0;

    padding: 10px;

    border: 0;

    border-radius: 0;

    background: rgba(30, 30, 30, .6);

    transition: color .3s ease;

    cursor: pointer;

    outline: none

}



.fancybox-button, .fancybox-button:link, .fancybox-button:visited {

    color: #ccc

}



.fancybox-button:focus, .fancybox-button:hover {

    color: #fff

}



.fancybox-button[disabled] {

    color: #ccc;

    cursor: default;

    opacity: .6

}



.fancybox-button svg {

    display: block;

    position: relative;

    overflow: visible;

    shape-rendering: geometricPrecision

}



.fancybox-button svg path {

    fill: currentColor;

    stroke: currentColor;

    stroke-linejoin: round;

    stroke-width: 3

}



.fancybox-button--share svg path {

    stroke-width: 1

}



.fancybox-button--pause svg path:nth-child(1), .fancybox-button--play svg path:nth-child(2) {

    display: none

}



.fancybox-button--zoom svg path {

    fill: transparent

}



.fancybox-navigation {

    display: none

}



.fancybox-show-nav .fancybox-navigation {

    display: block

}



.fancybox-navigation button {

    position: absolute;

    top: 50%;

    margin: -50px 0 0;

    z-index: 99997;

    background: transparent;

    width: 60px;

    height: 100px;

    padding: 17px

}



.fancybox-navigation button:before {

    content: "";

    position: absolute;

    top: 30px;

    right: 10px;

    width: 40px;

    height: 40px;

    background: rgba(30, 30, 30, .6)

}



.fancybox-navigation .fancybox-button--arrow_left {

    left: 0

}



.fancybox-navigation .fancybox-button--arrow_right {

    right: 0

}



.fancybox-close-small {

    position: absolute;

    top: 0;

    right: 0;

    width: 40px;

    height: 40px;

    padding: 0;

    margin: 0;

    border: 0;

    border-radius: 0;

    background: transparent;

    z-index: 10;

    cursor: pointer

}



.fancybox-close-small:after {

    content: "×";

    position: absolute;

    top: 5px;

    right: 5px;

    width: 30px;

    height: 30px;

    font: 22px/30px Arial, Helvetica Neue, Helvetica, sans-serif;

    color: #888;

    font-weight: 300;

    text-align: center;

    border-radius: 50%;

    border-width: 0;

    background-color: transparent;

    transition: background-color .25s;

    box-sizing: border-box;

    z-index: 2

}



.fancybox-close-small:focus {

    outline: none

}



.fancybox-close-small:focus:after {

    outline: 1px dotted #888

}



.fancybox-close-small:hover:after {

    color: #555;

    background: #eee

}



.fancybox-slide--iframe .fancybox-close-small, .fancybox-slide--image .fancybox-close-small {

    top: 0;

    right: -40px

}



.fancybox-slide--iframe .fancybox-close-small:after, .fancybox-slide--image .fancybox-close-small:after {

    font-size: 35px;

    color: #aaa

}



.fancybox-slide--iframe .fancybox-close-small:hover:after, .fancybox-slide--image .fancybox-close-small:hover:after {

    color: #fff;

    background: transparent

}



.fancybox-is-scaling .fancybox-close-small, .fancybox-is-zoomable.fancybox-can-drag .fancybox-close-small {

    display: none

}



.fancybox-caption-wrap {

    bottom: 0;

    left: 0;

    right: 0;

    padding: 60px 2vw 0;

    background: linear-gradient(180deg, transparent 0, rgba(0, 0, 0, .1) 20%, rgba(0, 0, 0, .2) 40%, rgba(0, 0, 0, .6) 80%, rgba(0, 0, 0, .8));

    pointer-events: none

}



.fancybox-caption {

    padding: 30px 0;

    border-top: 1px solid hsla(0, 0%, 100%, .4);

    font-size: 14px;

    color: #fff;

    line-height: 20px;

    -webkit-text-size-adjust: none

}



.fancybox-caption a, .fancybox-caption button, .fancybox-caption select {

    pointer-events: all;

    position: relative

}



.fancybox-caption a {

    color: #fff;

    text-decoration: underline

}



.fancybox-slide > .fancybox-loading {

    border: 6px solid hsla(0, 0%, 39%, .4);

    border-top: 6px solid hsla(0, 0%, 100%, .6);

    border-radius: 100%;

    height: 50px;

    width: 50px;

    -webkit-animation: a .8s infinite linear;

    animation: a .8s infinite linear;

    background: transparent;

    position: absolute;

    top: 50%;

    left: 50%;

    margin-top: -30px;

    margin-left: -30px;

    z-index: 99999

}



@-webkit-keyframes a {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }

    to {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg)

    }

}



@keyframes a {

    0% {

        -webkit-transform: rotate(0deg);

        transform: rotate(0deg)

    }

    to {

        -webkit-transform: rotate(359deg);

        transform: rotate(359deg)

    }

}



.fancybox-animated {

    transition-timing-function: cubic-bezier(0, 0, .25, 1)

}



.fancybox-fx-slide.fancybox-slide--previous {

    -webkit-transform: translate3d(-100%, 0, 0);

    transform: translate3d(-100%, 0, 0);

    opacity: 0

}



.fancybox-fx-slide.fancybox-slide--next {

    -webkit-transform: translate3d(100%, 0, 0);

    transform: translate3d(100%, 0, 0);

    opacity: 0

}



.fancybox-fx-slide.fancybox-slide--current {

    -webkit-transform: translateZ(0);

    transform: translateZ(0);

    opacity: 1

}



.fancybox-fx-fade.fancybox-slide--next, .fancybox-fx-fade.fancybox-slide--previous {

    opacity: 0;

    transition-timing-function: cubic-bezier(.19, 1, .22, 1)

}



.fancybox-fx-fade.fancybox-slide--current {

    opacity: 1

}



.fancybox-fx-zoom-in-out.fancybox-slide--previous {

    -webkit-transform: scale3d(1.5, 1.5, 1.5);

    transform: scale3d(1.5, 1.5, 1.5);

    opacity: 0

}



.fancybox-fx-zoom-in-out.fancybox-slide--next {

    -webkit-transform: scale3d(.5, .5, .5);

    transform: scale3d(.5, .5, .5);

    opacity: 0

}



.fancybox-fx-zoom-in-out.fancybox-slide--current {

    -webkit-transform: scaleX(1);

    transform: scaleX(1);

    opacity: 1

}



.fancybox-fx-rotate.fancybox-slide--previous {

    -webkit-transform: rotate(-1turn);

    transform: rotate(-1turn);

    opacity: 0

}



.fancybox-fx-rotate.fancybox-slide--next {

    -webkit-transform: rotate(1turn);

    transform: rotate(1turn);

    opacity: 0

}



.fancybox-fx-rotate.fancybox-slide--current {

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

    opacity: 1

}



.fancybox-fx-circular.fancybox-slide--previous {

    -webkit-transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);

    transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);

    opacity: 0

}



.fancybox-fx-circular.fancybox-slide--next {

    -webkit-transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);

    transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);

    opacity: 0

}



.fancybox-fx-circular.fancybox-slide--current {

    -webkit-transform: scaleX(1) translateZ(0);

    transform: scaleX(1) translateZ(0);

    opacity: 1

}



.fancybox-fx-tube.fancybox-slide--previous {

    -webkit-transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg);

    transform: translate3d(-100%, 0, 0) scale(.1) skew(-10deg)

}



.fancybox-fx-tube.fancybox-slide--next {

    -webkit-transform: translate3d(100%, 0, 0) scale(.1) skew(10deg);

    transform: translate3d(100%, 0, 0) scale(.1) skew(10deg)

}



.fancybox-fx-tube.fancybox-slide--current {

    -webkit-transform: translateZ(0) scale(1);

    transform: translateZ(0) scale(1)

}



.fancybox-share {

    padding: 30px;

    border-radius: 3px;

    background: #f4f4f4;

    max-width: 90%;

    text-align: center

}



.fancybox-share h1 {

    color: #222;

    margin: 0 0 20px;

    font-size: 35px;

    font-weight: 700

}



.fancybox-share p {

    margin: 0;

    padding: 0

}



p.fancybox-share__links {

    margin-right: -10px

}



.fancybox-share__button {

    display: inline-block;

    text-decoration: none;

    margin: 0 10px 10px 0;

    padding: 0 15px;

    min-width: 130px;

    border: 0;

    border-radius: 3px;

    background: #fff;

    white-space: nowrap;

    font-size: 14px;

    font-weight: 700;

    line-height: 40px;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    color: #fff;

    transition: all .2s

}



.fancybox-share__button:hover {

    text-decoration: none

}



.fancybox-share__button--fb {

    background: #3b5998

}



.fancybox-share__button--fb:hover {

    background: #344e86

}



.fancybox-share__button--pt {

    background: #bd081d

}



.fancybox-share__button--pt:hover {

    background: #aa0719

}



.fancybox-share__button--tw {

    background: #1da1f2

}



.fancybox-share__button--tw:hover {

    background: #0d95e8

}



.fancybox-share__button svg {

    position: relative;

    top: -1px;

    width: 25px;

    height: 25px;

    margin-right: 7px;

    vertical-align: middle

}



.fancybox-share__button svg path {

    fill: #fff

}



.fancybox-share__input {

    box-sizing: border-box;

    width: 100%;

    margin: 10px 0 0;

    padding: 10px 15px;

    background: transparent;

    color: #5d5b5b;

    font-size: 14px;

    outline: none;

    border: 0;

    border-bottom: 2px solid #d7d7d7

}



.fancybox-thumbs {

    display: none;

    position: absolute;

    top: 0;

    bottom: 0;

    right: 0;

    width: 212px;

    margin: 0;

    padding: 2px 2px 4px;

    background: #fff;

    -webkit-tap-highlight-color: transparent;

    -webkit-overflow-scrolling: touch;

    -ms-overflow-style: -ms-autohiding-scrollbar;

    box-sizing: border-box;

    z-index: 99995

}



.fancybox-thumbs-x {

    overflow-y: hidden;

    overflow-x: auto

}



.fancybox-show-thumbs .fancybox-thumbs {

    display: block

}



.fancybox-show-thumbs .fancybox-inner {

    right: 212px

}



.fancybox-thumbs > ul {

    list-style: none;

    position: absolute;

    position: relative;

    width: 100%;

    height: 100%;

    margin: 0;

    padding: 0;

    overflow-x: hidden;

    overflow-y: auto;

    font-size: 0;

    white-space: nowrap

}



.fancybox-thumbs-x > ul {

    overflow: hidden

}



.fancybox-thumbs-y > ul::-webkit-scrollbar {

    width: 7px

}



.fancybox-thumbs-y > ul::-webkit-scrollbar-track {

    background: #fff;

    border-radius: 10px;

    box-shadow: inset 0 0 6px rgba(0, 0, 0, .3)

}



.fancybox-thumbs-y > ul::-webkit-scrollbar-thumb {

    background: #2a2a2a;

    border-radius: 10px

}



.fancybox-thumbs > ul > li {

    float: left;

    overflow: hidden;

    padding: 0;

    margin: 2px;

    width: 100px;

    height: 75px;

    max-width: calc(50% - 4px);

    max-height: calc(100% - 8px);

    position: relative;

    cursor: pointer;

    outline: none;

    -webkit-tap-highlight-color: transparent;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    box-sizing: border-box

}



li.fancybox-thumbs-loading {

    background: rgba(0, 0, 0, .1)

}



.fancybox-thumbs > ul > li > img {

    position: absolute;

    top: 0;

    left: 0;

    max-width: none;

    max-height: none;

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none

}



.fancybox-thumbs > ul > li:before {

    content: "";

    position: absolute;

    top: 0;

    right: 0;

    bottom: 0;

    left: 0;

    border: 4px solid #4ea7f9;

    z-index: 99991;

    opacity: 0;

    transition: all .2s cubic-bezier(.25, .46, .45, .94)

}



.fancybox-thumbs > ul > li.fancybox-thumbs-active:before {

    opacity: 1

}



@media (max-width: 800px) {

    .fancybox-thumbs {

        width: 110px

    }



    .fancybox-show-thumbs .fancybox-inner {

        right: 110px

    }



    .fancybox-thumbs > ul > li {

        max-width: calc(100% - 10px)

    }

}



@media (max-width: 1024px) {

    .header-m {

        z-index: 999;

        position: fixed;

        left: 0;

        top: 0;

        width: 100%;

        height: 70px;

        background: #fff;

        box-shadow: 1px 1px 10px rgba(0, 0, 0, .1)

    }



    .header-m::after {

        display: none;

        position: fixed;

        content: '';

        top: 70px;

        left: 0;

        width: 100%;

        height: 100%;

        background: rgba(0, 0, 0, .5)

    }



    .header-m .logo {

        position: absolute;

        left: 50%;

        line-height: 70px;

        transform: translateX(-50%);

        -webkit-transform: translateX(-50%)

    }



    .header-m .logo img {

        max-height: 40px

    }



    .header-m .m-menu-b {

        display: block;

        position: absolute;

        top: 0;

        left: 0;

        width: 60px;

        height: 70px;

        cursor: pointer

    }



    .header-m .m-menu-b::after, .header-m .m-menu-b::before {

        position: absolute;

        content: '';

        top: 50%;

        left: calc(35px / 2);

        width: 25px;

        height: 1px;

        z-index: 999;

        transition: all .3s ease-out .3s;

        -webkit-transition: all .3s ease-out .3s;

        background: #222

    }



    .header-m .m-menu-b::before {

        transform: translateY(-4px) rotate(0);

        -webkit-transform: translateY(-4px) rotate(0)

    }



    .header-m .m-menu-b::after {

        transform: translateY(4px) rotate(0);

        -webkit-transform: translateY(4px) rotate(0)

    }



    .header-m .m-menu {

        display: none;

        z-index: 888;

        position: fixed;

        width: 100%;

        width: 260px;

        height: 100%;

        top: 0;

        left: -260px;

        opacity: 1;

        background: #fafafa;

        text-align: left;

        padding-top: 70px

    }



    .header-m .m-menu::after {

        position: absolute;

        top: 70px;

        content: '';

        width: 100%;

        height: 1px;

        background: #ddd

    }



    .header-m .nav {

        height: calc(100% - 82px);

        overflow-x: hidden;

        overflow-y: auto

    }



    .header-m .nav > li {

        border-bottom: 1px solid #ddd;

        animation: resize .5s both;

        -webkit-animation: resize .5s both

    }



    .header-m .nav > li > a {

        position: relative;

        display: block;

        width: 100%;

        font-size: 15px;

        padding: 0 40px;

        color: #666;

        vertical-align: middle;

        text-overflow: ellipsis;

        white-space: nowrap;

        word-wrap: break-word;

        overflow: hidden;

        height: 50px;

        line-height: 50px

    }



    .header-m .nav > li > a::after {

        position: absolute;

        left: 20px;

        top: 50%;

        margin-top: -5px;

        content: '';

        width: 8px;

        height: 8px;

        border: 1px solid #999;

        border-radius: 50%;

        background: 0 0;

        transition: all .3s;

        -webkit-transition: all .3s

    }



    .header-m .nav > li .sub-nav {

        display: none

    }



    .header-m .nav > li .sub-nav a {

        position: relative;

        display: block;

        line-height: 24px;

        padding: 12px 40px;

        background: #f2f2f2;

        color: #4e4e4e

    }



    .header-m .nav > li .sub-nav a::after, .header-m .nav > li .sub-nav a::before {

        position: absolute;

        content: '';

        width: 0;

        height: 0;

        left: 20px;

        top: 20px;

        border: 5px solid transparent;

        overflow: hidden;

        transition: all .3s;

        -webkit-transition: all .3s

    }



    .header-m .nav > li .sub-nav a::before {

        left: 21px;

        border-left: 5px solid #555

    }



    .header-m .nav > li .sub-nav a::after {

        border-left: 5px #ddd solid

    }



    .header-m .nav > li.cur {

        position: relative

    }



    .header-m .nav > li.cur::after, .header-m .nav > li.cur::before {

        position: absolute;

        content: '';

        background: #999;

        transition: all .5s;

        -webkit-transition: all .5s

    }



    .header-m .nav > li.cur::before {

        top: 19px;

        right: 25px;

        width: 2px;

        height: 12px

    }



    .header-m .nav > li.cur::after {

        top: 24px;

        right: 20px;

        width: 12px;

        height: 2px

    }



    .header-m .nav > li.active::after {

        background: #fff

    }



    .header-m .nav > li.active::before {

        height: 0

    }



    .header-m .nav > li.active > a {

        color: #fff;

        background: #d9122e

    }



    .header-m .nav > li.active > a::after {

        border-color: #fff;

        background: #fff

    }



    .header-m .nav > li.active .sub-nav li {

        animation: ReturnToNormal .5s both;

        -webkit-animation: ReturnToNormal .5s both

    }



    .header-m .m-language {

        position: absolute;

        left: 0;

        bottom: 0;

        width: 100%;

        text-align: center

    }



    .header-m .m-language a {

        color: #666;

        height: 40px;

        line-height: 40px;

        font-size: 16px;

        display: block;

        border-bottom: 1px solid #ddd;

        animation: slideInUp 1.5s both;

        -webkit-animation: slideInUp 1.5s both

    }



    .header-m .m-search-b {

        display: block;

        position: absolute;

        top: 0;

        right: 0;

        width: 40px;

        height: 70px;

        cursor: pointer;

        background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADIAAAAyCAMAAAAp4XiDAAAAVFBMVEUAAABVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVVW+WkCdAAAAG3RSTlMA86cS1Qd0zb+G48R+W0E4lVIhm5BKLeppGrQHXWddAAABjklEQVRIx6VV2XLDIAzkBgdf8d3o//+zg6GtB5DiTPfNi1cCrTRiV8i1Fc5aJ0yv2R30gsMv9mV7K9hekGGWtMJACf6kFOLnLyvGWShIaHCFgxOu+4rfk7GRWegcqr9y3X6SLfUOkbHSn3RfU0zx2khyrrGHiFowhcQaznewGuTpraynH4hXmpzVIZJnCELZbE6uIRBqcxNOv0oyVAXBUAsostTFtUs7fVHhos5zxoVmGunuE/+XuHcXKyOKzPvC/9LLNlYeQZ+KXFb+wCRztclCakXZ4gp6DIG6umSpn02AtswWj5Dhs+i4HNiFQZQKhQ/fEwLslJVyD+xDElMB3OhLisBRLi/x/NH0Mm6AmUOCwmxuIYEr7xWHC3ZsBawPKJAoPmBGNzwTdHqBiBXtWmP/9oTrdKpLbAAU07MdxdyYVWZr52D3cQBQGwD3GRl2asrKjqKxpVK+PtBMySCv72ukSs0j72u0T/ZO7D5eyWKk4bCtja5bakDQhUcPiGcfwMQSsE/QVbctjcFZw74Bhtc3xlH5qhwAAAAASUVORK5CYII=) no-repeat left center;

        background-size: 23px

    }



    html.active {

        height: 100%;

        overflow: hidden

    }



    html.active body {

        height: 100%;

        overflow: hidden

    }



    html.active .header-m {

        left: 260px

    }



    html.active .header-m::after {

        display: block

    }



    html.active .header-m .m-menu-b::after, html.active .header-m .m-menu-b::before {

        background: #000

    }



    html.active .header-m .m-menu-b::before {

        transform: translateY(0) rotate(225deg);

        -webkit-transform: translateY(0) rotate(225deg)

    }



    html.active .header-m .m-menu-b::after {

        transform: translateY(0) rotate(-225deg);

        -webkit-transform: translateY(0) rotate(-225deg)

    }



    html.active .header-m .m-menu {

        display: block;

        left: 0

    }



    html.active .banner, html.active .i-banner, html.active footer, html.active main {

        transform: translateX(260px);

        -webkit-transform: translateX(260px)

    }

}



@media (max-width: 767px) {

    .i-banner .sm-db {

        display: block !important

    }



    .section {

        padding: .5rem 0

    }



    .i-banner {

        padding: 0

    }



    /*.home_about h2 {font-size:30px}

*/

    .home_certificate {

        padding-bottom: 0

    }



    .banner {

        height: 3rem

    }



    .main-nav-p {

        display: none

    }



    .main-nav-m {

        display: block;

        position: relative;

        z-index: 1;

        cursor: pointer

    }



    .main-nav-m .title {

        position: relative;

        height: 45px;

        line-height: 45px;

        padding: 0 10px;

        background: #d9122e

    }



    .main-nav-m .title strong {

        color: #fff;

        font-size: 16px;

        font-weight: 700

    }



    .main-nav-m .title i {

        position: absolute;

        content: '';

        width: 45px;

        height: 100%;

        right: 0

    }



    .main-nav-m .title i::after, .main-nav-m .title i::before {

        position: absolute;

        top: 50%;

        content: '';

        width: 12px;

        height: 1px;

        background: #fff;

        transition: all .3s;

        -webkit-transition: all .3s

    }



    .main-nav-m .title i::before {

        left: 46%;

        transform: rotate(40deg) scaleY(1.5);

        -webkit-transform: rotate(40deg) scaleY(1.5)

    }



    .main-nav-m .title i::after {

        right: 46%;

        transform: rotate(-40deg) scaleY(1.5);

        -webkit-transform: rotate(-40deg) scaleY(1.5)

    }



    .main-nav-m .title.active i::before {

        transform: rotate(-40deg) scaleY(1.5);

        -webkit-transform: rotate(-40deg) scaleY(1.5)

    }



    .main-nav-m .title.active i::after {

        transform: rotate(40deg) scaleY(1.5);

        -webkit-transform: rotate(40deg) scaleY(1.5)

    }



    .main-nav-m ul {

        display: none;

        position: absolute;

        top: 45px;

        width: 100%;

        padding: 0 10px;

        background: rgba(234, 66, 52, 0.7);

        color: #fff

    }



    .main-nav-m ul li {

        animation: ReturnToNormal .5s both;

        -webkit-animation: ReturnToNormal .5s both

    }



    .main-nav-m ul li a {

        display: block;

        height: 45px;

        line-height: 45px;

        border-bottom: 1px solid rgba(255, 255, 255, .55)

    }



    .event h2 {

        font-size: 26px

    }



    .fix-video .video-wrap {

        max-width: 90%

    }



    .fix-search {

        padding: 0 15px

    }



    .fix-search .search {

        height: 65px;

        padding-left: 0;

        background: 0 0

    }



    .fix-search .txt {

        font-size: 20px;

        text-align: left;

        padding: 0 10px

    }



    .fix-search .btn {

        font-size: 22px;

        color: #777

    }

}



@keyframes resize {

    60%, 75%, 90%, from, to {

        animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    0% {

        opacity: 0;

        transform: scale(5, 5)

    }

    100% {

        opacity: 1;

        transform: scale(1, 1)

    }

}



@-webkit-keyframes resize {

    60%, 75%, 90%, from, to {

        -webkit-animation-timing-function: cubic-bezier(.215, .61, .355, 1)

    }

    0% {

        opacity: 0;

        -webkit-transform: scale(5, 5)

    }

    100% {

        opacity: 1;

        -webkit-transform: scale(1, 1)

    }

}



@keyframes ReturnToNormal {

    from {

        opacity: 0;

        transform-origin: right bottom;

        transform: rotate3d(0, 0, 1, 45deg)

    }

    to {

        opacity: 1;

        transform-origin: right bottom;

        transform: none

    }

}



@-webkit-keyframes ReturnToNormal {

    from {

        opacity: 0;

        -webkit-transform-origin: right bottom;

        -webkit-transform: rotate3d(0, 0, 1, 45deg)

    }

    to {

        opacity: 1;

        -webkit-transform-origin: right bottom;

        -webkit-transform: none

    }

}



/*swiper.min.css样式表*/

.swiper-container {

    margin: 0 auto;

    position: relative;

    overflow: hidden;

    list-style: none;

    padding: 0;

    z-index: 1

}



.swiper-container-no-flexbox .swiper-slide {

    float: left

}



.swiper-container-vertical > .swiper-wrapper {

    -webkit-box-orient: vertical;

    -webkit-box-direction: normal;

    -webkit-flex-direction: column;

    -ms-flex-direction: column;

    flex-direction: column

}



.swiper-wrapper {

    position: relative;

    width: 100%;

    height: 100%;

    z-index: 1;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform;

    -webkit-box-sizing: content-box;

    box-sizing: content-box

}



.swiper-container-android .swiper-slide, .swiper-wrapper {

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0)

}



.swiper-container-multirow > .swiper-wrapper {

    -webkit-flex-wrap: wrap;

    -ms-flex-wrap: wrap;

    flex-wrap: wrap

}



.swiper-container-free-mode > .swiper-wrapper {

    -webkit-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out;

    margin: 0 auto

}



.swiper-slide {

    -webkit-flex-shrink: 0;

    -ms-flex-negative: 0;

    flex-shrink: 0;

    width: 100%;

    height: 100%;

    position: relative;

    -webkit-transition-property: -webkit-transform;

    transition-property: -webkit-transform;

    -o-transition-property: transform;

    transition-property: transform;

    transition-property: transform, -webkit-transform

}



.swiper-slide-invisible-blank {

    visibility: hidden

}



.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {

    height: auto

}



.swiper-container-autoheight .swiper-wrapper {

    -webkit-box-align: start;

    -webkit-align-items: flex-start;

    -ms-flex-align: start;

    align-items: flex-start;

    -webkit-transition-property: height, -webkit-transform;

    transition-property: height, -webkit-transform;

    -o-transition-property: transform, height;

    transition-property: transform, height;

    transition-property: transform, height, -webkit-transform

}



.swiper-container-3d {

    -webkit-perspective: 1200px;

    perspective: 1200px

}



.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d

}



.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    pointer-events: none;

    z-index: 10

}



.swiper-container-3d .swiper-slide-shadow-left {

    background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

}



.swiper-container-3d .swiper-slide-shadow-right {

    background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(left, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to right, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

}



.swiper-container-3d .swiper-slide-shadow-top {

    background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

}



.swiper-container-3d .swiper-slide-shadow-bottom {

    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, .5)), to(rgba(0, 0, 0, 0)));

    background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: -o-linear-gradient(top, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0));

    background-image: linear-gradient(to bottom, rgba(0, 0, 0, .5), rgba(0, 0, 0, 0))

}



.swiper-container-wp8-horizontal, .swiper-container-wp8-horizontal > .swiper-wrapper {

    -ms-touch-action: pan-y;

    touch-action: pan-y

}



.swiper-container-wp8-vertical, .swiper-container-wp8-vertical > .swiper-wrapper {

    -ms-touch-action: pan-x;

    touch-action: pan-x

}



.swiper-button-next, .swiper-button-prev {

    position: absolute;

    top: 50%;

    width: 27px;

    height: 44px;

    margin-top: -22px;

    z-index: 10;

    cursor: pointer;

    background-size: 27px 44px;

    background-position: center;

    background-repeat: no-repeat

}



.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {

    opacity: .35;

    cursor: auto;

    pointer-events: none

}



.swiper-button-prev, .swiper-container-rtl .swiper-button-next {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

    left: 10px;

    right: auto

}



.swiper-button-next, .swiper-container-rtl .swiper-button-prev {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23007aff'%2F%3E%3C%2Fsvg%3E");

    right: 10px;

    left: auto

}



.swiper-button-prev.swiper-button-white, .swiper-container-rtl .swiper-button-next.swiper-button-white {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")

}



.swiper-button-next.swiper-button-white, .swiper-container-rtl .swiper-button-prev.swiper-button-white {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E")

}



.swiper-button-prev.swiper-button-black, .swiper-container-rtl .swiper-button-next.swiper-button-black {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")

}



.swiper-button-next.swiper-button-black, .swiper-container-rtl .swiper-button-prev.swiper-button-black {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23000000'%2F%3E%3C%2Fsvg%3E")

}



.swiper-button-lock {

    display: none

}



.swiper-pagination {

    position: absolute;

    text-align: center;

    -webkit-transition: .3s opacity;

    -o-transition: .3s opacity;

    transition: .3s opacity;

    -webkit-transform: translate3d(0, 0, 0);

    transform: translate3d(0, 0, 0);

    z-index: 10

}



.swiper-pagination.swiper-pagination-hidden {

    opacity: 0

}



.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {

    bottom: 10px;

    left: 0;

    width: 100%

}



.swiper-pagination-bullets-dynamic {

    overflow: hidden;

    font-size: 0

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    -webkit-transform: scale(.33);

    -ms-transform: scale(.33);

    transform: scale(.33);

    position: relative

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {

    -webkit-transform: scale(1);

    -ms-transform: scale(1);

    transform: scale(1)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {

    -webkit-transform: scale(.66);

    -ms-transform: scale(.66);

    transform: scale(.66)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {

    -webkit-transform: scale(.33);

    -ms-transform: scale(.33);

    transform: scale(.33)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {

    -webkit-transform: scale(.66);

    -ms-transform: scale(.66);

    transform: scale(.66)

}



.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {

    -webkit-transform: scale(.33);

    -ms-transform: scale(.33);

    transform: scale(.33)

}



.swiper-pagination-bullet {

    width: 8px;

    height: 8px;

    display: inline-block;

    border-radius: 100%;

    background: #000;

    opacity: .2

}



button.swiper-pagination-bullet {

    border: none;

    margin: 0;

    padding: 0;

    -webkit-box-shadow: none;

    box-shadow: none;

    -webkit-appearance: none;

    -moz-appearance: none;

    appearance: none

}



.swiper-pagination-clickable .swiper-pagination-bullet {

    cursor: pointer

}



.swiper-pagination-bullet-active {

    opacity: 1;

    background: #007aff

}



.swiper-container-vertical > .swiper-pagination-bullets {

    right: 10px;

    top: 50%;

    -webkit-transform: translate3d(0, -50%, 0);

    transform: translate3d(0, -50%, 0)

}



.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 6px 0;

    display: block

}



.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    top: 50%;

    -webkit-transform: translateY(-50%);

    -ms-transform: translateY(-50%);

    transform: translateY(-50%);

    width: 8px

}



.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    display: inline-block;

    -webkit-transition: .2s top, .2s -webkit-transform;

    transition: .2s top, .2s -webkit-transform;

    -o-transition: .2s transform, .2s top;

    transition: .2s transform, .2s top;

    transition: .2s transform, .2s top, .2s -webkit-transform

}



.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {

    margin: 0 4px

}



.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {

    left: 50%;

    -webkit-transform: translateX(-50%);

    -ms-transform: translateX(-50%);

    transform: translateX(-50%);

    white-space: nowrap

}



.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    -webkit-transition: .2s left, .2s -webkit-transform;

    transition: .2s left, .2s -webkit-transform;

    -o-transition: .2s transform, .2s left;

    transition: .2s transform, .2s left;

    transition: .2s transform, .2s left, .2s -webkit-transform

}



.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {

    -webkit-transition: .2s right, .2s -webkit-transform;

    transition: .2s right, .2s -webkit-transform;

    -o-transition: .2s transform, .2s right;

    transition: .2s transform, .2s right;

    transition: .2s transform, .2s right, .2s -webkit-transform

}



.swiper-pagination-progressbar {

    background: rgba(0, 0, 0, .25);

    position: absolute

}



.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    background: #007aff;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    -webkit-transform: scale(0);

    -ms-transform: scale(0);

    transform: scale(0);

    -webkit-transform-origin: left top;

    -ms-transform-origin: left top;

    transform-origin: left top

}



.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {

    -webkit-transform-origin: right top;

    -ms-transform-origin: right top;

    transform-origin: right top

}



.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {

    width: 100%;

    height: 4px;

    left: 0;

    top: 0

}



.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {

    width: 4px;

    height: 100%;

    left: 0;

    top: 0

}



.swiper-pagination-white .swiper-pagination-bullet-active {

    background: #fff

}



.swiper-pagination-progressbar.swiper-pagination-white {

    background: rgba(255, 255, 255, .25)

}



.swiper-pagination-progressbar.swiper-pagination-white .swiper-pagination-progressbar-fill {

    background: #fff

}



.swiper-pagination-black .swiper-pagination-bullet-active {

    background: #000

}



.swiper-pagination-progressbar.swiper-pagination-black {

    background: rgba(0, 0, 0, .25)

}



.swiper-pagination-progressbar.swiper-pagination-black .swiper-pagination-progressbar-fill {

    background: #000

}



.swiper-pagination-lock {

    display: none

}



.swiper-scrollbar {

    border-radius: 10px;

    position: relative;

    -ms-touch-action: none;

    background: rgba(0, 0, 0, .1)

}



.swiper-container-horizontal > .swiper-scrollbar {

    position: absolute;

    left: 1%;

    bottom: 3px;

    z-index: 50;

    height: 5px;

    width: 98%

}



.swiper-container-vertical > .swiper-scrollbar {

    position: absolute;

    right: 3px;

    top: 1%;

    z-index: 50;

    width: 5px;

    height: 98%

}



.swiper-scrollbar-drag {

    height: 100%;

    width: 100%;

    position: relative;

    background: rgba(0, 0, 0, .5);

    border-radius: 10px;

    left: 0;

    top: 0

}



.swiper-scrollbar-cursor-drag {

    cursor: move

}



.swiper-scrollbar-lock {

    display: none

}



.swiper-zoom-container {

    width: 100%;

    height: 100%;

    display: -webkit-box;

    display: -webkit-flex;

    display: -ms-flexbox;

    display: flex;

    -webkit-box-pack: center;

    -webkit-justify-content: center;

    -ms-flex-pack: center;

    justify-content: center;

    -webkit-box-align: center;

    -webkit-align-items: center;

    -ms-flex-align: center;

    align-items: center;

    text-align: center

}



.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {

    max-width: 100%;

    max-height: 100%;

    -o-object-fit: contain;

    object-fit: contain

}



.swiper-slide-zoomed {

    cursor: move

}



.swiper-lazy-preloader {

    width: 42px;

    height: 42px;

    position: absolute;

    left: 50%;

    top: 50%;

    margin-left: -21px;

    margin-top: -21px;

    z-index: 10;

    -webkit-transform-origin: 50%;

    -ms-transform-origin: 50%;

    transform-origin: 50%;

    -webkit-animation: swiper-preloader-spin 1s steps(12, end) infinite;

    animation: swiper-preloader-spin 1s steps(12, end) infinite

}



.swiper-lazy-preloader:after {

    display: block;

    content: '';

    width: 100%;

    height: 100%;

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%236c6c6c'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");

    background-position: 50%;

    background-size: 100%;

    background-repeat: no-repeat

}



.swiper-lazy-preloader-white:after {

    background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D'0%200%20120%20120'%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20xmlns%3Axlink%3D'http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink'%3E%3Cdefs%3E%3Cline%20id%3D'l'%20x1%3D'60'%20x2%3D'60'%20y1%3D'7'%20y2%3D'27'%20stroke%3D'%23fff'%20stroke-width%3D'11'%20stroke-linecap%3D'round'%2F%3E%3C%2Fdefs%3E%3Cg%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(30%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(60%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(90%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(120%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.27'%20transform%3D'rotate(150%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.37'%20transform%3D'rotate(180%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.46'%20transform%3D'rotate(210%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.56'%20transform%3D'rotate(240%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.66'%20transform%3D'rotate(270%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.75'%20transform%3D'rotate(300%2060%2C60)'%2F%3E%3Cuse%20xlink%3Ahref%3D'%23l'%20opacity%3D'.85'%20transform%3D'rotate(330%2060%2C60)'%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E")

}



@-webkit-keyframes swiper-preloader-spin {

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



@keyframes swiper-preloader-spin {

    100% {

        -webkit-transform: rotate(360deg);

        transform: rotate(360deg)

    }

}



.swiper-container .swiper-notification {

    position: absolute;

    left: 0;

    top: 0;

    pointer-events: none;

    opacity: 0;

    z-index: -1000

}



.swiper-container-fade.swiper-container-free-mode .swiper-slide {

    -webkit-transition-timing-function: ease-out;

    -o-transition-timing-function: ease-out;

    transition-timing-function: ease-out

}



.swiper-container-fade .swiper-slide {

    pointer-events: none;

    -webkit-transition-property: opacity;

    -o-transition-property: opacity;

    transition-property: opacity

}



.swiper-container-fade .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-container-cube {

    overflow: visible

}



.swiper-container-cube .swiper-slide {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 1;

    visibility: hidden;

    -webkit-transform-origin: 0 0;

    -ms-transform-origin: 0 0;

    transform-origin: 0 0;

    width: 100%;

    height: 100%

}



.swiper-container-cube .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-container-cube.swiper-container-rtl .swiper-slide {

    -webkit-transform-origin: 100% 0;

    -ms-transform-origin: 100% 0;

    transform-origin: 100% 0

}



.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {

    pointer-events: auto;

    visibility: visible

}



.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.swiper-container-cube .swiper-cube-shadow {

    position: absolute;

    left: 0;

    bottom: 0;

    width: 100%;

    height: 100%;

    background: #000;

    opacity: .6;

    -webkit-filter: blur(50px);

    filter: blur(50px);

    z-index: 0

}



.swiper-container-flip {

    overflow: visible

}



.swiper-container-flip .swiper-slide {

    pointer-events: none;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden;

    z-index: 1

}



.swiper-container-flip .swiper-slide .swiper-slide {

    pointer-events: none

}



.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {

    pointer-events: auto

}



.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {

    z-index: 0;

    -webkit-backface-visibility: hidden;

    backface-visibility: hidden

}



.swiper-container-coverflow .swiper-wrapper {

    -ms-perspective: 1200px

}



.swiper01 {

    margin-top: 4%;

    padding-bottom: 80px;

    position: relative;

}



.swiper01 .swiper-slide {

}



.swiper01 .swiper-slide a {

    display: block;

}



.swiper01 .swiper-slide .pic {

    background: #fff;

    display: table;

    width: 100%;

    height: 316px;

}



.swiper01 .swiper-slide .pic p {

    display: table-cell;

    vertical-align: middle;

    overflow: hidden;

}



.swiper01 .swiper-slide a .pic img {

    max-width: 90%;

    max-height: 260px;

    transition: all 0.5s ease;

}



.swiper01 .swiper-slide a .tit {

    height: 60px;

    background: rgba(255, 255, 255, 0.3);

    line-height: 60px;

    overflow: hidden;

    color: #fff;

    font-size: 18px;

}



.swiper01 .swiper-button-next, .swiper01 .swiper-button-prev {

    width: 40px;

    height: 40px;

    bottom: 4px;

    top: auto;

    z-index: 5;

}



.swiper01 .swiper-button-prev {

    left: 50%;

    margin-left: -120px;

}



.swiper01 .swiper-button-next {

    right: 50%;

    margin-right: -120px;

}



.swiper02 {

    margin-top: 4%;

    padding-bottom: 80px;

    position: relative;

}



.swiper02 .swiper-slide {

}



.swiper02 .swiper-slide a {

    display: block;

}



.swiper02 .swiper-slide .pic {

    background: #fff;

    display: table;

    width: 100%;

    height: 316px;

}



.swiper02 .swiper-slide .pic p {

    display: table-cell;

    vertical-align: middle;

    overflow: hidden;

}



.swiper02 .swiper-slide a .pic img {

    max-width: 90%;

    max-height: 260px;

    transition: all 0.5s ease;

}



.swiper02 .swiper-slide a .tit {

    height: 60px; /*background:rgba(255,255,255,0.3);*/

    line-height: 60px;

    overflow: hidden;

    color: #fff;

    font-size: 18px;

}



.swiper02 .swiper-button-next, .swiper02 .swiper-button-prev {

    width: 40px;

    height: 40px;

    bottom: 4px;

    top: auto;

    z-index: 5;

}



.swiper02 .swiper-button-prev {

    background: url(../images/left4.png) no-repeat center center;

    left: 50%;

    margin-left: -120px;

}



.swiper02 .swiper-button-next {

    background: url(../images/right4.png) no-repeat center center;

    right: 50%;

    margin-right: -120px;

}



@media (min-width: 1201px) {

    .swiper01 .swiper-slide a:hover .pic img {

        transition: all 0.5s ease;

        transform: scale(1.1);

    }



    .swiper02 .swiper-slide a:hover .pic img {

        transition: all 0.5s ease;

        transform: scale(1.1);

    }

}



/*内页-菜单*/

.inner-page-l {

    width: 25%;

    float: left;

    margin-bottom: 40px;

}



.inner-page-r {

    width: 75%;

    float: right;

    margin-bottom: 40px;

}



.inner-page-r inner-page-r-con {

    padding-bottom: 50px;

    overflow: hidden;

}



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

    .index-about-l {

        float: none;

    }



    .index-about-r {

        position: relative;

        right: 0;

        top: 0;

        width: 100%;

    }

}



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

    .inner-page-l, .inner-page-r {

        width: 100%;

        margin-bottom: 0;

    }

}



/*内页-侧边*/

.sidebar-block {

    margin-right: 20px;

    overflow: hidden;

}



.sidebar-box {

    overflow: hidden;

    margin-bottom: 30px;

    background-color: #fff;

    padding: 16px 20px;

    border: 1px solid #ddd;

}



.sidebar-title {

    overflow: hidden;

    padding-bottom: 16px;

    margin-bottom: 16px;

    border-bottom: 1px solid #ddd;

}



.sidebar-title span {

    font-size: 20px;

    font-weight: bold;

    line-height: 24px;

    text-transform: capitalize;

    color: #d9122e;

}



.sidebar-contant {

    overflow: hidden;

}



.sidebar-featured ul {

    overflow: hidden;

}



.sidebar-featured ul li {

    width: 100%;

    overflow: hidden;

    margin: 8px 0;

    float: left;

}



.sidebar-featured ul li .item {

    overflow: hidden;

}



.sidebar-featured ul li .item .pro-media {

    float: left;

    width: 45%;

    overflow: hidden;

}



.sidebar-featured ul li .item .pro-media img {

    max-width: 100%;

    width: 100%;

    display: block;

}



.sidebar-featured ul li .item .pro-detail-info {

    float: right;

    width: 55%;

}



.sidebar-featured ul li .item .pro-detail-info .th {

    margin-left: 15px;

    font-size: 14px;

    line-height: 18px;

    margin-bottom: 12px;

    font-weight: normal;

    max-height: 54px;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 3;

    overflow: hidden;

}



.sidebar-featured ul li .item .pro-detail-info .th a {

    display: block;

}



.sidebar-featured ul li:hover .item .pro-detail-info .th a {

    color: #d9122e;

}



.sidebar-featured ul li .item .pro-detail-info span {

    margin-left: 15px;

    display: block;

}



.sidebar-featured ul li .item .pro-detail-info span a {

    background-color: #fff;

    border: 1px solid #ddd;

    font-size: 12px;

    color: #999;

    line-height: 26px;

    padding: 0 15px;

    display: inline-block;

    border-radius: 4px;

    transition: ease all 0.4s;

    -webkit-transition: ease all 0.4s;

    -moz-transition: ease all 0.4s;

    -o-transition: ease all 0.4s;

}



.sidebar-featured ul li:hover .item .pro-detail-info span a {

    background-color: #d9122e;

    color: #fff;

}



/*内页-侧边联系方式*/

.sidebar-contact .mb-20 {

    font-size: 14px;

    line-height: 30px;

    margin-bottom: 15px;

    padding-left: 45px;

    position: relative;

}



.sidebar-contact .mb-20:nth-last-child(1) {

    margin-bottom: 0;

}



.sidebar-contact .mb-20:nth-child(1) .inner-title i {

    font-size: 16px;

}



.sidebar-contact .inner-title {

    color: #d9122e;

    font-weight: bold;

    position: absolute;

    left: 0;

    top: 0;

    background: #f1f1f1;

    border-radius: 4px;

    float: left;

    font-size: 20px;

    height: 35px;

    line-height: 35px;

    text-align: center;

    width: 35px;

}



.sidebar-contact .inner-title i {

    font-size: 17px;

    color: #d9122e;

}



.sidebar-contact ul li a {

    word-break: break-all;

    display: inline-block;

}



.sidebar-contact ul li a:hover {

    color: #d9122e;

}



.sidebar-contact ul {

    overflow: hidden;

}



.sidebar-contact ul li {

    font-size: 14px;

    line-height: 20px;

    margin: 8px 0;

    float: left;

}



/*内页-侧边新闻列表*//*侧边新闻*/

.sidebar-news ul {

    overflow: hidden;

}



.sidebar-news ul li {

    line-height: 20px;

    font-size: 16px;

    padding: 10px 20px;

    position: relative;

    display: block;

    overflow: hidden;

    transition: ease all 0.4s;

    -webkit-transition: ease all 0.4s;

    -moz-transition: ease all 0.4s;

    -o-transition: ease all 0.4s;

}



.sidebar-news ul li:hover {

    padding: 10px 10px 10px 30px;

}



.sidebar-news ul li a {

    display: block;

}



.sidebar-news ul li i {

    font-size: 8px;

    position: absolute;

    top: 10px;

    left: 0;

    transition: ease all 0.4s;

    -webkit-transition: ease all 0.4s;

    -moz-transition: ease all 0.4s;

    -o-transition: ease all 0.4s;

}



.sidebar-news ul li:hover i {

    left: 10px;

}



.sidebar-news ul li a:hover {

    color: #d9122e;

}



/*内页-侧边关于我们*/

.sidebar-about ul {

    overflow: hidden;

}



.sidebar-about ul li {

    line-height: 20px;

    font-size: 16px;

    padding: 10px 20px;

    position: relative;

    display: block;

    overflow: hidden;

    border-bottom: 1px solid #ebebeb;

    transition: ease all 0.4s;

    -webkit-transition: ease all 0.4s;

    -moz-transition: ease all 0.4s;

    -o-transition: ease all 0.4s;

}



.sidebar-about ul li:hover {

    padding: 10px 10px 10px 30px;

    background-color: #d9122e;

}



.sidebar-about ul li a {

    display: block;

}



.sidebar-about ul li i {

    font-size: 8px;

    position: absolute;

    top: 10px;

    left: 0;

    transition: ease all 0.4s;

    -webkit-transition: ease all 0.4s;

    -moz-transition: ease all 0.4s;

    -o-transition: ease all 0.4s;

}



.sidebar-about ul li:hover i {

    left: 10px;

    color: #fff;

}



.sidebar-about ul li:hover a {

    color: #fff;

}



.rsidebar {

    overflow: hidden;

    margin-bottom: 30px;

    background-color: #fff;

    padding: 16px 20px;

    border: 1px solid #ddd;

}



.rsidebar ul li {

    font-size: 14px;

    line-height: 18px;

    font-weight: normal;

    padding: 12px 15px 12px 0;

    border-bottom: 1px solid #ebebeb;

    position: relative;

    margin-bottom: 0;

}



/*产品折叠菜单*/

.sidebar-product dl {

    width: 100%;

    overflow: hidden;

    margin-bottom: 0;

}



.sidebar-product dl dt {

    font-size: 14px;

    line-height: 18px;

    font-weight: normal;

    padding: 12px 15px 12px 0;

    border-bottom: 1px solid #ebebeb;

    position: relative;

    margin-bottom: 0;

}



.sidebar-product dl:last-child dt {

    border-bottom: 0;

}



.sidebar-product dl dt a {

    font-size: 16px;

}



.sidebar-product dl dt i {

    width: 0;

    height: 0;

    background-color: #6d6d6d;

    overflow: hidden;

    position: absolute;

    left: 5px;

    top: 15px;

}



.sidebar-product dl span a:hover {

    color: #fecd0f;

}



.sidebar-product dl span {

    overflow: hidden;

    font-size: 16px;

    font-weight: bold;

    color: #6d6d6d;

    height: 38px;

    display: block;

    line-height: 38px;

    float: right;

    cursor: pointer;

    padding: 0 5px;

    position: relative;

    z-index: 1;

}



.sidebar-product dl span.clicker_active {

    font-size: 26px;

    font-weight: normal;

}



.sidebar-product dl:hover span {

    background-position: 10px 20px;

    text-decoration: none;

    color: #999;

}



.sidebar-product dl dd {

    overflow: hidden;

    line-height: 30px;

    font-size: 14px;

    margin: 10px 0 10px 15px;

}



.sidebar-product dl dd a {

    font-size: 14px;

    color: #666;

    width: 100%;

    display: block;

    border-bottom: 1px dashed #ebebeb;

}



.sidebar-product dd a:hover {

    text-decoration: none;

    color: #d9122e;

    border-bottom: 1px dashed #d9122e;

}



.sidebar-product dl dt:hover {

    border-bottom: 1px solid #d9122e;

    background: #d9122e;

}



.sidebar-product dl dt:hover a {

    padding-left: 10px;

}



.sidebar-product dl dt:hover a, .sidebar-product dl dt:hover span {

    color: #fff;

}



/* 新增banner 2020-11-10*/

.owl-carousel .owl-stage:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



.owl-carousel {

    display: none;

    width: 100%;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); /* position relative and z-index fix webkit rendering fonts issue */

    position: relative;

    z-index: 1;

}



.owl-carousel .owl-stage {

    position: relative;

    -ms-touch-action: pan-Y;

}



.owl-carousel .owl-stage-outer {

    position: relative;

    overflow: hidden; /* temporary fix for flashing background */

    -webkit-transform: translate3d(0px, 0px, 0px);

}



.owl-carousel .owl-stage-outer.owl-height {

    -webkit-transition: height 500ms ease-in-out;

    -moz-transition: height 500ms ease-in-out;

    -ms-transition: height 500ms ease-in-out;

    -o-transition: height 500ms ease-in-out;

    transition: height 500ms ease-in-out;

}



.owl-carousel .owl-video-wrapper {

    position: relative;

    height: 100%;

    background: #000;

}



.owl-controls .owl-nav div, .owl-controls .owl-dot {

    cursor: pointer;

    cursor: hand;

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



.owl-carousel .owl-video-play-icon {

    position: absolute;

    height: 80px;

    width: 80px;

    left: 50%;

    top: 50%;

    margin-left: -40px;

    margin-top: -40px;

    cursor: pointer;

    z-index: 1;

    -webkit-backface-visibility: hidden;

    transition-property: scale;

    transition-duration: 100ms;

    transition-timing-function: ease;

}



.owl-carousel .owl-video-play-icon:hover {

    -moz-transform: scale(1.3, 1.3);

    -ms-transform: scale(1.3, 1.3);

    -o-transform: scale(1.3, 1.3);

    -webkit-transform: scale(1.3, 1.3);

    transform: scale(1.3, 1.3);

}



.owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon {

    display: none;

}



.owl-carousel .owl-video-tn {

    opacity: 0;

    height: 100%;

    background-position: center center;

    background-repeat: no-repeat;

    -webkit-background-size: contain;

    -moz-background-size: contain;

    -o-background-size: contain;

    background-size: contain;

    transition-property: opacity;

    transition-duration: 400ms;

    transition-timing-function: ease;

}



.owl-carousel .owl-video-frame {

    position: relative;

    z-index: 1;

}



.owl-loaded {

    display: block;

}



.owl-loading {

    opacity: 0;

    display: block;

}



.owl-hidden {

    opacity: 0;

}



.owl-carousel .owl-refresh .owl-item {

    display: none;

}



.owl-carousel .owl-item {

    position: relative;

    min-height: 1px;

    float: left;

    -webkit-backface-visibility: hidden;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

    -webkit-touch-callout: none;

    -webkit-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

}



/* If mouseDrag:false then you are able to select text */

.owl-carousel.owl-text-select-on .owl-item {

    -webkit-user-select: all;

    -moz-user-select: all;

    -ms-user-select: all;

    user-select: all;

}



.owl-carousel .owl-grab {

    cursor: move;

    cursor: -webkit-grab;

    cursor: -o-grab;

    cursor: -ms-grab;

    cursor: grab;

}



.owl-carousel .owl-item img.owl-lazy {

    opacity: 0;

}



.owl-carousel .owl-item img {

    opacity: 1;

    display: block;

    width: 100%;

    -webkit-transform-style: preserve-3d;

    transform-style: preserve-3d;

    transition-property: opacity;

    transition-duration: 400ms;

    transition-timing-function: ease;

}



/* to do */

.owl-carousel .owl-stage.backfacefix .owl-item {

    -webkit-backface-visibility: hidden;

}



.owl-rtl {

    direction: rtl;

}



.owl-rtl .owl-item {

    float: right;

}



/* No Js */

.no-js .owl-carousel {

    display: block;

}



/* animate */

.animated {

    -webkit-animation-duration: 600ms;

    animation-duration: 600ms;

    -webkit-animation-fill-mode: both;

    animation-fill-mode: both;

}



.owl-animated-in {

    z-index: 0

}



.owl-animated-out {

    z-index: 1

}



.fadeOut {

    -webkit-animation-name: fadeOut;

    animation-name: fadeOut;

}



@-webkit-keyframes fadeOut {

    0% {

        opacity: 1;

    }

    100% {

        opacity: 0;

    }

}



@keyframes fadeOut {

    0% {

        opacity: 1;

    }

    100% {

        opacity: 0;

    }

}



/*owl.carousel.css样式表*/

.owl-carousel .owl-wrapper:after {

    content: ".";

    display: block;

    clear: both;

    visibility: hidden;

    line-height: 0;

    height: 0;

}



/* display none until init */

.owl-carousel {

    display: none;

    position: relative;

    width: 100%;

    -ms-touch-action: pan-y;

}



.owl-carousel .owl-wrapper {

    display: none;

    position: relative;

    -webkit-transform: translate3d(0px, 0px, 0px);

}



.owl-carousel .owl-wrapper-outer {

    overflow: hidden;

    position: relative;

    width: 100%;

}



.owl-carousel .owl-wrapper-outer.autoHeight {

    -webkit-transition: height 500ms ease-in-out;

    -moz-transition: height 500ms ease-in-out;

    -ms-transition: height 500ms ease-in-out;

    -o-transition: height 500ms ease-in-out;

    transition: height 500ms ease-in-out;

}



.owl-carousel .owl-item {

    float: left;

}



.owl-controls .owl-page, .owl-controls .owl-buttons div {

    cursor: pointer;

}



.owl-controls {

    -webkit-user-select: none;

    -khtml-user-select: none;

    -moz-user-select: none;

    -ms-user-select: none;

    user-select: none;

    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);

}



/* mouse grab icon */

.grabbing {

}



/* fix */

.owl-carousel .owl-wrapper, .owl-carousel .owl-item {

    -webkit-backface-visibility: hidden;

    -moz-backface-visibility: hidden;

    -ms-backface-visibility: hidden;

    -webkit-transform: translate3d(0, 0, 0);

    -moz-transform: translate3d(0, 0, 0);

    -ms-transform: translate3d(0, 0, 0);

}



.owl-theme .owl-controls {

    width: 100%;

}



/* Styling Next and Prev buttons *//* Clickable class fix problem with hover on touch devices *//* Use it for non-touch hover action *//* Styling Pagination*/

.owl-theme .owl-controls .owl-page {

    display: inline-block;

    zoom: 1;

    *display: inline; /*IE7 life-saver */

}



.owl-theme .owl-controls .owl-page span {

    display: block;

    width: 12px;

    height: 12px;

    margin: 5px 7px;

    filter: Alpha(Opacity=50); /*IE7 fix*/

    opacity: 1;

    -webkit-border-radius: 20px;

    -moz-border-radius: 20px;

    border-radius: 20px;

    border: 2px solid #fff;

    overflow: hidden;

}



.owl-theme .owl-controls .owl-page.active span {

    filter: Alpha(Opacity=100); /*IE7 fix*/

    background: #fff;

    opacity: 1;

}



/* If PaginationNumbers is true */

.owl-theme .owl-controls .owl-page span.owl-numbers {

    height: auto;

    width: auto;

    color: #666;

    padding: 2px 10px;

    font-size: 12px;

    -webkit-border-radius: 30px;

    -moz-border-radius: 30px;

    border-radius: 30px;

}



.owl-pagination {

    text-align: center;

}



/* preloading images */

.owl-item.loading {

    min-height: 150px;

}



.fulode {

    position: relative;

}



.fulode .owl-prev, .fulode .owl-next {

    position: absolute;

    top: 50%;

    height: 60px;

    width: 60px;

    margin-top: -15px;

    border-radius: 5px;

    line-height: 0;

    font-size: 0;

    cursor: pointer;

    padding: 0;

    border: none;

    z-index: 10;

    background-repeat: no-repeat;

    background-position: center center;

    background-color: rgba(255, 255, 255, 0.2);

    transition: all 0.3s linear;

}



.fulode .owl-prev {

    background-image: url(../images/left3.png);

    left: 2%;

}



.fulode .owl-next {

    background-image: url(../images/right3.png);

    right: 2%;

}



.fulode .owl-prev:hover, .fulode .owl-next:hover {

    background-color: #d9122e;

    transition: all 0.3s linear;

}



.fulode .owl-pagination {

    width: auto;

    position: absolute;

    font-size: 0;

    right: 0;

    bottom: 0px;

    background: rgba(255, 255, 255, 0.2);

    z-index: 3;

    padding: 0 150px 0 20px;

    display: none;

}



.fulode.owl-theme .owl-controls .owl-page span.owl-numbers {

    color: #fff;

    font-size: 20px;

}



.fulode.owl-theme .owl-controls .owl-page span {

    border: none;

    background: none;

    padding: 0;

    width: 30px;

    text-align: left;

    position: relative;

    transition: all 0.5s ease;

}



.fulode.owl-theme .owl-controls .owl-page span:after {

    content: '';

    position: absolute;

    left: 15px;

    height: 2px;

    background: #ea4234;

    top: 13px;

    width: 0px;

    transition: all 0.5s ease;

}



.fulode.owl-theme .owl-controls .owl-page.active span.owl-numbers {

    color: #ea4234;

    width: 45px;

    transition: all 0.5s ease;

}



.fulode.owl-theme .owl-controls .owl-page.active span.owl-numbers:after {

    width: 30px;

    transition: all 0.5s ease;

}



.fulode .con {

    background: rgba(0, 0, 0, 0.6);

    color: #fff;

    width: 600px;

    position: absolute;

    right: 50%;

    top: 50%;

    transform: translateY(-50%);

    margin-right: -600px;

    padding: 30px;

}



.fulode .con .d1 {

    font-size: 32px;

    font-weight: bold;

}



.fulode .con .d2 {

    font-size: 15px;

    margin-top: 15px;

    line-height: 1.8;

}



.fulode_two {

    position: relative;

}



.fulode_two .owl-prev, .fulode_two .owl-next {

    position: absolute;

    top: 50%;

    height: 60px;

    width: 60px;

    margin-top: -15px;

    border-radius: 5px;

    line-height: 0;

    font-size: 0;

    cursor: pointer;

    padding: 0;

    border: none;

    z-index: 10;

    background-repeat: no-repeat;

    background-position: center center;

    background-color: rgba(255, 255, 255, 0.2);

    transition: all 0.3s linear;

}



.fulode_two .owl-prev {

    background-image: url(../images/left3.png);

    left: 2%;

}



.fulode_two .owl-next {

    background-image: url(../images/right3.png);

    right: 2%;

}



.fulode_two .owl-prev:hover, .fulode_two .owl-next:hover {

    background-color: #d9122e;

    transition: all 0.3s linear;

}



.fulode_two .owl-pagination {

    width: auto;

    position: absolute;

    font-size: 0;

    right: 0;

    bottom: 0px;

    background: rgba(255, 255, 255, 0.2);

    z-index: 3;

    padding: 0 150px 0 20px;

}



.fulode_two.owl-theme .owl-controls .owl-page span.owl-numbers {

    color: #fff;

    font-size: 20px;

}



.fulode_two.owl-theme .owl-controls .owl-page span {

    border: none;

    background: none;

    padding: 0;

    width: 30px;

    text-align: left;

    position: relative;

    transition: all 0.5s ease;

}



.fulode_two.owl-theme .owl-controls .owl-page span:after {

    content: '';

    position: absolute;

    left: 15px;

    height: 2px;

    background: #ea4234;

    top: 13px;

    width: 0px;

    transition: all 0.5s ease;

}



.fulode_two.owl-theme .owl-controls .owl-page.active span.owl-numbers {

    color: #ea4234;

    width: 45px;

    transition: all 0.5s ease;

}



.fulode_two.owl-theme .owl-controls .owl-page.active span.owl-numbers:after {

    width: 30px;

    transition: all 0.5s ease;

}



.fulode_two .con {

    background: rgba(0, 0, 0, 0.6);

    color: #fff;

    width: 600px;

    position: absolute;

    right: 50%;

    top: 50%;

    transform: translateY(-50%);

    margin-right: -600px;

    padding: 30px;

}



.fulode_two .con .d1 {

    font-size: 32px;

    font-weight: bold;

}



.fulode_two .con .d2 {

    font-size: 15px;

    margin-top: 15px;

    line-height: 1.8;

}



.aertc .article a {

    display: block;

}



.aertc .article a .pic {

    overflow: hidden;

}



.aertc .article a .pic img {

    width: 100%;

    height: 336px;

    object-fit: cover;

    transition: all 0.5s ease;

}



.aertc .article a .tit {

    font-size: 18px;

    line-height: 30px;

    height: 60px;

    overflow: hidden;

    margin: 5px 0;

}



.aertc .article a .con {

    color: #666;

    line-height: 25px;

    font-size: 16px;

    height: 50px;

    overflow: hidden;

}



.aertc .owl-prev, .aertc .owl-next {

    position: absolute;

    bottom: 120px;

    height: 40px;

    width: 40px;

    border-radius: 20px;

    line-height: 0;

    font-size: 0;

    cursor: pointer;

    padding: 0;

    border: none;

    z-index: 10;

    background-color: rgba(0, 0, 0, 0.6);

    background-repeat: no-repeat;

    background-position: center center;

    transition: all 0.3s linear;

}



.aertc .owl-prev {

    background-image: url(../images/left.png);

    left: 0;

}



.aertc .owl-next {

    background-image: url(../images/right.png);

    left: 40px;

}



.aertc .owl-prev:hover, .aertc .owl-next:hover {

    background-color: #008adc;

    transition: all 0.3s linear;

}



/**/

.vkdaoe {

    margin-top: 5%;

}



.vkdaoe .pic {

    width: 40%;

    padding: 0 3%;

    height: 500px;

    display: table;

    margin: 0 auto;

    text-align: center;

}



.vkdaoe .pic a {

    display: table-cell;

    vertical-align: middle;

}



.vkdaoe .pic a img {

    max-height: 450px;

    display: inline-block;

    width: auto;

}



.vkdaoe .owl-pagination {

    width: 100%;

    z-index: 3;

}



.vkdaoe .owl-controls .owl-page span {

    width: 50px;

    height: 5px;

    background: #d4d4d4;

    opacity: 1;

    border: none;

    margin: 0 2px;

    border-radius: 0;

}



.vkdaoe .owl-controls .owl-page.active span {

    background: #cf3525;

}



@media screen and (min-width: 1201px) {

}



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

}



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

    .fulode .owl-prev, .fulode .owl-next {

        width: 40px;

        height: 40px;

        margin-top: -20px;

    }



    .fulode .owl-pagination {

        padding: 0 20px;

    }

}