@charset "utf-8";
body{ font-size: 14px;background: #FFFFFF;font-family: 'PingFang SC', 'SourceHanSansSC', 'Microsoft YaHei', 'Microsoft YaHei UI', 'WenQuanYi Micro Hei', 'Arial', 'sans-serif'}
a{ text-decoration:none;color:#333;}
a:hover,a:focus,a:active{ text-decoration:none;font-family: 'PingFang SC', 'SourceHanSansSC', 'Microsoft YaHei'}
ul,li,ol,div,p,h1,h2,h3,h4,h5,h6,input,button,select,textarea{ margin:0;padding: 0;list-style:none;font-family: 'PingFang SC', 'SourceHanSansSC', 'Microsoft YaHei'}
h1,h2,h3,h4,h5,h6{ font-weight: bold}
.fl{float:left;}
.fr{float:right;}
.w_1400{width: 1400px;margin: 0 auto;}
.w_1200{width: 1200px;margin: 0 auto;}
img{ border: 0;vertical-align: middle;max-width:100%}
html { font-size: calc(100vw/19.2);}
.swiper-container { width: 100%;height: 100%;}

/*.con_margin{ position: relative;width: 100%;padding: 0 1.6rem;zoom: 1;}*/
/*@media screen and (max-width: 1665px) {*/
    /*.con_margin{ padding: 0 1.2rem;}*/

/*}*/
/*@media screen and (max-width: 1599px) {*/
    /*.con_margin{ padding: 0 1rem;}*/
/*}*/
/*@media screen and (max-width: 1200px) {*/
    /*.con_margin{ padding: 0 .5rem;}*/
/*}*/
/*@media screen and (max-width: 768px) {*/
    /*.con_margin{ padding: 0 20px;}*/
/*}*/
/*@media (min-width: 768px){*/
    /*.con_margin{ width: 100%;max-width: 1920px;margin: 0 auto}*/
/*}*/

/*.conter_box{ position: relative;width: 100%;padding: 0 2rem;}*/
/*@media screen and (max-width: 1665px) {*/
    /*.conter_box{ padding: 0 1.2rem;}*/
    /*.product_four_left{ padding-left: 1.2rem;}*/
/*}*/
/*@media screen and (max-width: 1599px){*/
    /*.conter_box{ padding: 0 1rem;}*/
    /*.product_four_left{ padding-left: 1rem;}*/
/*}*/
/*@media screen and (max-width: 991px){*/
    /*.conter_box{ padding: 0 20px;}*/
    /*.product_four_left{ padding-left: 20px;}*/
/*}*/
/*@media (min-width: 991px){*/
    /*.conter_box{ max-width: 1920px;margin: 0 auto;}*/
/*}*/
/* 动画 */

@-webkit-keyframes jump {
    0% {
        opacity: 1;
        top: -10px;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        top: 11px;
    }
}

@keyframes jump {
    0% {
        opacity: 1;
        top: -10px;
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        top: 11px;
    }
}

@-webkit-keyframes jump2 {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-20px)
    }
    100% {
        transform: translateY(0)
    }
}

@keyframes jump2 {
    0% {
        transform: translateY(0)
    }
    50% {
        transform: translateY(-20px)
    }
    100% {
        transform: translateY(0)
    }
}

@-webkit-keyframes enlarge {
    0% {
        opacity: 1;
        transform: scale(0);
    }
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@keyframes enlarge {
    0% {
        opacity: 1;
        transform: scale(0);
    }
    100% {
        opacity: 0;
        transform: scale(2.5);
    }
}

@keyframes goTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

@-webkit-keyframes goTop {
    0% {
        opacity: 0;
        -webkit-transform: translateY(80px);
        transform: translateY(80px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
}

.goTop {
    -webkit-animation-name: goTop;
    animation-name: goTop;
}

@keyframes goRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

@-webkit-keyframes goRight {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-80px);
        transform: translateX(-80px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}

.goRight {
    -webkit-animation-name: goRight;
    animation-name: goRight;
}

@keyframes goLeft {
    0% {
        opacity: 0;
        -webkit-transform: translateX(80px);
        transform: translateX(80px);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0);
        transform: translateX(0);
    }
}
@-webkit-keyframes goLeft {
    0%{ opacity: 0;-webkit-transform: translateX(-80px);transform: translateX(80px);}
    100%{ opacity: 1;-webkit-transform: translateX(0);transform: translateX(0);}
}
.goLeft {
    -webkit-animation-name: goLeft;
    animation-name: goLeft;
}

@keyframes spin-right {
    0% { transform: rotate(180deg); }
    50% { transform: rotate(360deg); }
    100% { transform: rotate(360deg);}
}
@keyframes spin-left {
    0% {   transform: rotate(180deg); }
    50% {   transform: rotate(180deg); }
    100% {  transform: rotate(360deg); }
}
@-webkit-keyframes c-zoom {
    0% { transform:scale(1,1); -webkit-transform:scale(1,1);  }
    100% {  transform:scale(1.1,1.1);  -webkit-transform:scale(1.1,1.1);  }
}
@keyframes c-zoom {
    0% {  transform:scale(1,1);  -webkit-transform:scale(1,1); }
    100% {  transform:scale(1.2,1.2);  -webkit-transform:scale(1.2,1.2); }
}
@keyframes gorotate {
    0% { transform: rotate(0deg);}
    100% { transform: rotate(360deg);}
}
@-webkit-keyframes mask_fadeUp {
    0% {-webkit-transform: translateY(0%);transform: translateY(0%);}
    100% {-webkit-transform: translateY(-101%);transform: translateY(-101%);}
}
@keyframes mask_fadeUp {
    0% {-webkit-transform: translateY(0%);transform: translateY(0%);}
    100% {-webkit-transform: translateY(-101%);transform: translateY(-101%);}
}
@-webkit-keyframes fadeIn {
    from {opacity: 0}
    to {opacity: 1}
}
@keyframes fadeIn {
    from { opacity: 0}
    to { opacity: 1}
}
.fadeIn {-webkit-animation-name: fadeIn;animation-name: fadeIn}
@-webkit-keyframes fadeInUp {
    from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@keyframes fadeInUp {
    from { opacity: 0;-webkit-transform: translate3d(0, 100%, 0);transform: translate3d(0, 100%, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
.fadeInUp {-webkit-animation-name: fadeInUp;animation-name: fadeInUp}

@-webkit-keyframes fadeInUpSmall {
    from { opacity: 0;-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@keyframes fadeInUpSmall {
    from { opacity: 0;-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
.fadeInUpSmall {-webkit-animation-name: fadeInUpSmall;animation-name: fadeInUpSmall}
.fadeInUpSlow {-webkit-animation-name: fadeInUpSlow;animation-name: fadeInUpSlow}
@keyframes fadeInUpSlow {
    from { opacity: 0;-webkit-transform: translate3d(0, 80px, 0);transform: translate3d(0, 80px, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
.fadeInUpSlowTo {-webkit-animation-name: fadeInUpSlowTo;animation-name: fadeInUpSlowTo}
@keyframes fadeInUpSlowTo {
    from { opacity: 0;-webkit-transform: translate3d(50px, 50px, 0);transform: translate3d(50px, 50px, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@-webkit-keyframes fadeInDown {
    from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@keyframes fadeInDown {
    from { opacity: 0;-webkit-transform: translate3d(0, -100%, 0);transform: translate3d(0, -100%, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
.fadeInDown {-webkit-animation-name: fadeInDown;animation-name: fadeInDown}
@-webkit-keyframes fadeInLeft {
    from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@keyframes fadeInLeft {
    from { opacity: 0;-webkit-transform: translate3d(-100%, 0, 0);transform: translate3d(-100%, 0, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
.fadeInLeft {-webkit-animation-name: fadeInLeft;animation-name: fadeInLeft}
@-webkit-keyframes fadeInLeftSmall {
    from { opacity: 0;-webkit-transform: translate3d(-40px, 0, 0);transform: translate3d(-40px, 0, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@keyframes fadeInLeftSmall {
    from { opacity: 0;-webkit-transform: translate3d(-40px, 0, 0);transform: translate3d(-40px, 0, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
.fadeInLeftSmall {-webkit-animation-name: fadeInLeftSmall;animation-name: fadeInLeftSmall}
@-webkit-keyframes fadeInRight {
    from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@keyframes fadeInRight {
    from { opacity: 0;-webkit-transform: translate3d(100%, 0, 0);transform: translate3d(100%, 0, 0)}
    to { opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
.fadeInRight {-webkit-animation-name: fadeInRight;animation-name: fadeInRight}
@-webkit-keyframes fadeInRightSmall {
    from {opacity: 0;-webkit-transform: translate3d(40px, 0, 0);transform: translate3d(40px, 0, 0)}
    to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
@keyframes fadeInRightSmall {
    from {opacity: 0;-webkit-transform: translate3d(40px, 0, 0);transform: translate3d(40px, 0, 0)}
    to {opacity: 1;-webkit-transform: translate3d(0, 0, 0);transform: translate3d(0, 0, 0)}
}
.fadeInRightSmall {-webkit-animation-name: fadeInRightSmall;animation-name: fadeInRightSmall}
@-webkit-keyframes fadeZoom { from {-webkit-transform: scale3d(1.2, 1.2, 1.2);transform: scale3d(1.2, 1.2, 1.2)} to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)} }
@keyframes fadeZoom {
    from {-webkit-transform: scale3d(1.2, 1.2, 1.2);transform: scale3d(1.2, 1.2, 1.2)}
    to {-webkit-transform: scale3d(1, 1, 1);transform: scale3d(1, 1, 1)}
}
.fadeZoom {-webkit-animation-name: fadeZoom;animation-name: fadeZoom}

.con_box{ width: 1200px;margin: 0 auto}
@media (max-width:1216px) {
	.con_box{ width: 100%;padding: 0 1rem;}
}
@media (max-width:993px) {
	.con_box{ padding: 0 20px;}
}

.header{
    width: 100%;
    height: 80px;
    position: fixed;
    top: 0;
    z-index: 9999;
    background-color: #000000;
    -webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -ms-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.hed_top{
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
}
.header .con_box{
    height: 100%;
    display: flex;
    align-content: space-between;
    justify-content: space-between;
}
.hea_logo{
    display: flex;
    align-items: center;
    float: left;
}
.hea_logo a{
    width: 125px;
    overflow: hidden;
    display: block;
}
.hea_logo a img{
    float: left;
    width: 100%;
    display: block;
}
.header_nav{
    height: 100%;
    align-items: center;
    display: flex;
}
.header_nav ul{
    height: 100%;
    display: flex;
    align-items: center;
    flex-shrink: 0;
}
.header_nav ul li{
    display: flex;
    align-items: center;
    margin-left: 30px;
    height: 100%;
    position: relative;
}
.header_nav ul li:nth-of-type(1){
    margin-left: 0;
}
.header_nav ul li a{
    display: flex;
    height: 100%;
    align-items: center;
    border-bottom: 2px solid transparent;
    font-size: 14px;
    color: #FFFFFF;
    transition: all .6s;
    padding: 0 20px;
}
.header_nav ul li:hover a,.header_nav ul li.active a{
    color: #FF0303;
    border-bottom-color: #FF0303;
}
.header_nav ul li .nav_drop_down{
    display: none;
    position: absolute;
    top: calc(100% - 2px);
    right: 0;
    z-index: 1;
    -webkit-transform: translateX(10px);
    transform: translateX(10px);
    background-color: #fff;
    width: calc(100% + 20px);
    box-shadow: 0 1px 20px rgba(1, 21, 39, 0.1);
}
.header_nav ul li:hover .nav_drop_down{
    display: inline-block;
}
.header_nav ul li .nav_drop_down a{
    display: block;
    width: 100%;
    height: 45px;
    line-height: 45px;
    border-bottom: 2px solid rgba(0,0,0,.1);
    text-align: center;
    color: #666666;
    font-size: 14px;
}
.header_nav ul li .nav_drop_down a:last-child {
    border-bottom: 2px solid #fff;
}
.header_nav ul li .nav_drop_down a:hover{
    color: #FF0303;
    border-bottom: 2px solid #FF0303;
}
.header_but{
    display: none;
}

/* 底部 */
.footer_one{ width: 100%;height: auto;overflow: hidden;padding: 90px 0 30px;}
.footer_one_left{ float: left;width: 30%;height: auto;}
.footer_one_left p{ font-size: 14px;line-height: 30px;color: #04080F;margin-bottom: 40px;}
.footer_one_left img{ width: 105px;}
.footer_one_right{ float: right;width: auto;height: auto;}
.footer_one_right li{ float: left;width: auto;height: auto;margin-left: 100px;text-align: left;text-transform:capitalize}
.footer_one_right li:nth-of-type(1){ margin-left: 0;}
.footer_one_right li h3{ font-size: 16px;color: #161616;line-height: 30px;margin-bottom: 10px;}
.footer_one_right li p a{ font-size: 14px;color: #04080F;line-height: 50px;transition: all .6s;}
.footer_one_right li p a:hover{ color: #FF0303;}
.footer_two{ width: 100%;height: 105px;line-height: 105px;background-color: #000000;text-align: left;}
.footer_two p{ float: left;width: auto;font-size: 16px;color: #FFFFFF;}
.footer_two_a{ float: right;width: auto;height: 100%;}
.footer_two_a a{ width: 60px;height: 100%;text-align: center;display: inline-block;}
.footer_two_a a img{ width: 25px;vertical-align: middle;transition: all .6s;}
.footer_two_a a:hover img{ width: 30px;;}

/*公告*/
.box,.index_banner .swiper-slide,.index_banner .swiper-slide a{ width: 100%;height: auto;position: relative}



/*首页*/
.index_banner{ margin-top: 80px;}
.index_banner,.index_banner .swiper-slide{ position: relative;height:780px;}
.index_banner .swiper-slide a{ width:100%;height:100%;display: inline-block;position: relative;overflow: hidden}
.index_banner .swiper-slide a:before{
    content: "";
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.1);
    position: absolute;
    left: 0;
    top:0;
    z-index: 10;
}
.index_banner .swiper-slide a img{ width: 100%;height:100%;object-fit:cover}
.index_banner .swiper-slide a img.banner_web{ display: none}
.index_banner .swiper-slide a video{
    position: absolute;
    width: 100%;
    left: 0;
    top: 0;
    z-index: 2;
    height: 100% !important;
    object-fit: cover;
}
.banner_box{
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    top:0;
    z-index: 12;
    display: flex;
    flex-direction: column;
    justify-content: center;
    text-align: left;
    color: #FFFFFF;
}
.banner_box h3{
    font-size: 46px;
    max-width: 520px;
}
.banner_box p{
    font-size: 18px;
    line-height: 30px;
    max-width: 430px;
    margin: 35px 0;
}
.banner_box span{
    font-size: 18px;
    padding-right: 55px;
    background: url('../images/ico_01.png') no-repeat center right;
    background-size: 40px;
    transition: all .6s ease;
}
.index_banner .swiper-slide a:hover .banner_box span{
    color: #FF0303;
    padding-right: 60px;
    background: url('../images/ico_02.png') no-repeat center right;
    background-size: 40px;
}
.index_banner_slider .swiper-pagination{ bottom: 30px;}
.index_banner_slider .swiper-pagination-bullet{ width: 60px;height: 8px;background-color: #FFFFFF;border-radius: 25px;opacity: 1}
.index_banner .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{ margin: 0 7px;}
.index_banner_slider .swiper-pagination-bullet-active{ background-color: #000000}

.index_pro{ display: flex;
	flex-wrap: wrap;
	align-content: space-between;
	justify-content: space-between;}
.index_pro div.item{ width: 50%;height: 800px;overflow: hidden;display: flex;align-items: center;flex-direction: column;justify-content: center;transition: all .6s}
.index_pro div.item:hover{ box-shadow: 0 5px 20px rgba(0, 0, 0, .1);}
.index_pro div.item .index_pro_img{
    width: 100%;
    height: 460px;
    overflow: hidden;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content:center;
}
.index_pro div.item .index_pro_img img{ width: auto;max-height: 460px;transition: all .6s ease}
.index_pro div.item:hover .index_pro_img img{ transform: scale(1.05)}
.index_pro div.item a:hover{ color: #333333}
.index_pro div.item a h3{ width: 100%;max-width: 460px;height: auto;font-size: 24px;line-height: 40px;text-align: center;margin:0 auto 10px;}
.index_pro div.item a p{ width: 100%;max-width: 460px;height: 60px;font-size: 14px;line-height: 30px;text-align: center;color: #7C7F83;margin:0 auto;}
.index_pro div.item a span{ width: 155px;height: 40px;margin: 30px auto 0;text-align: center;line-height: 40px;display: block;font-size: 14px;font-weight: bold;background-color: #333333;color: #FFFFFF;transition: all .6s}
.index_pro div.item a:hover span{ background-color: #FF0303}

.index_numbers{ background-color: #262626;overflow: hidden}
.index_numbers_left{ float: left;width: 425px;height: 240px;display: flex;align-items: center;text-align: left;font-size: 36px;line-height: 54px;font-weight: bold;color: #FFFFFF}
.index_numbers_right{ float: right;width: calc(100% - 450px);height: auto;overflow: hidden}
.index_numbers_right ul li{ float: left;width: 25%;height: 240px;display: flex;align-items: center;flex-direction: column;justify-content: center;text-align: center;}
.index_numbers_right_box{ width: 100%;height: 55px;line-height: 55px;text-align: center;font-size: 36px;color: #E54645;letter-spacing: 1px;font-weight: bold}
.index_numbers_right_box span{ margin-right: 5px}
.index_numbers_right ul li p{ width: 100%;font-size: 18px;line-height: 28px;color: #FFFFFF;padding: 0 20px;margin-top: 10px;}

.index_about{ background-color: #FFFFFF;overflow: hidden;}
.index_about .con_box{ position: relative}
.index_about .con_box:before{ content: "";width: 200px;height: 100%;background-color: #262626;position: absolute;top:0;right:-240px;}

.index_about h3{ width: 100%;font-size: 48px;color: #000000;padding: 110px 0 60px}
.index_about h3 span{ color: #E54645}
.index_about_one{ display: flex;justify-content: space-between;align-items: center;padding-bottom: 115px;}
/*.index_about_one:nth-child(even){*/
/*    display: flex;*/
/*    justify-content: space-between;*/
/*    align-items: center;*/
/*}*/
.index_about_box{ width: 50%;height: auto;text-align: center;display: table;padding-right: 10%;}
.index_about_one:nth-child(even) .index_about_box{ order: 2;padding: 0 4% 0 5.5%}
.index_about_box > div{ display: table-cell;vertical-align: middle;text-align: left;}
.index_about_box > div h4{ font-size: 24px;line-height: 32px;color: #252B42;font-weight: bold}
.index_about_box > div p{ font-size: 16px;line-height: 26px;color: #737373;margin: 10px 0}
.index_about_box > div span{ width: 100%;height: auto;display: block;text-align: left;padding-left: 20px;position: relative;font-size: 14px;line-height: 25px;color: #737373;margin-bottom: 5px;}
.index_about_box > div span:before{ content: "";width: 3px;height: 3px;background: #E54645;position: absolute;left: 5px;top:50%;margin-top: -1.5px}
.index_about_box > div a{ width: 170px;height: 55px;text-align: center;line-height: 55px;display: block;background: #E54645;border-radius: 5px;margin-top: 20px;color: #FFFFFF;font-size: 14px;}
.index_about_box > div a img{ width: 20px;vertical-align: middle;margin-left: 5px;transition: all .6s}
.index_about_box > div a:hover img{ margin-left: 10px;}
.index_about_one_right{ width: 50%;min-height: 430px;position: relative}
/*.index_about_one_right > div{ width: 100%;display: table-cell;vertical-align: middle;background-color: #FFFFFF;-webkit-transform: translatex(135px);transform: translatex(135px);}*/
/*.index_about_one_right > div img{ height: 430px;}*/
.index_about_one_right > div{ position: absolute;width: 100%;height: 100%;background-color: #FFFFFF;padding: 15px 15px 15px 30px;left: 0;top:0;}
.index_about_one_right > div img{ width: 100%;height: 100%;object-fit: cover}
.index_about_one:nth-child(even) .index_about_one_right{ order: 1;}
.index_about_one:nth-child(even) .index_about_one_right > div{ width: 100%;padding: 0 10% 0 0;}

.index_standard{ overflow: hidden;display: flex;justify-content: space-between;align-items: center;background: #262626}
.index_standard_left{ width: 50%;height: 11.2rem;overflow: hidden;border:0 solid rgba(0,0,0,0)}/*#e54545*/
.index_standard_left img{ width: 100%;height: 100%;object-fit: cover;}
.index_standard_right{ width: 50%;display: table;}
.standard_right_box{ display: table-cell;vertical-align: middle;text-align: left;padding: .3rem 2rem .3rem 1rem;color: #FFFFFF}
.standard_right_box h3{ font-size: 36px;line-height: 54px;}
.standard_right_box p{ font-size: 20px;line-height: 36px;margin: 10px 0 20px;}
.standard_right_box ul{ width: 100%;display: flex;flex-wrap: wrap;align-content: space-between;justify-content: space-between;}
.standard_right_box ul li{ width: 33.33%;padding: 0 2%;min-height: 200px;display: flex;flex-direction: column;justify-content: center;transition: all .6s ease}
/*.standard_right_box ul li:hover{ box-shadow: 0 5px 20px rgba(255, 255, 255, .1);}*/
.standard_list{ width: 100%;height: 100%;display: table}
.standard_list > div{ display: table-cell;vertical-align: middle;text-align: left}
.standard_list > div img{ height: 50px;}
.standard_list > div span{ width: 100%;height: auto;display: inline-block;font-size: 18px;line-height: 28px;margin-top: 25px;transition: all .6s ease}
.standard_right_box ul li:hover .standard_list > div span{ color: #E54645}

.index_certificate{ padding: 75px 0 0;background: #eff1f5;text-align: center;color: #333333}
.index_certificate h2{ font-size: 48px;line-height: 65px;}
.index_certificate p{ font-size: 16px;}
.index_case_slider{ width: 100%;height: auto;overflow: hidden;position: relative;padding: 35px 0 90px;}
.index_case_slider .swiper-slide{ width: 100%;height: auto;border: 6px solid rgba(0,0,0,1);border-radius: 6px}
.index_case_slider img{ width: 100%}
.index_case_slider .swiper-pagination{ bottom: 50px}
.index_case_slider .swiper-pagination-bullet{ width: 61px;height: 8px;opacity: 1;background: #D9D9D9;margin: 0 7px;border-radius: 5px;}
.index_case_slider .swiper-pagination-bullet-active{ background: #333333}

.index_new{ padding: 80px 0;}
.index_new h2{ width: 100%;font-size: 48px;color: #000000;}
.index_new h2 span{ color: #E54645;}
.index_new_slider{ width: 100%;height: 4.6rem;overflow: hidden;position: relative;margin-top: 55px;}
.index_new_slider .swiper-slide a{ width: 100%;height: 4.6rem;display: block;overflow: hidden;border-right: 1px solid rgba(0,0,0,0);}
.index_new_slider .swiper-slide.swiper-slide-active a,.index_new_slider .swiper-slide.swiper-slide-next a{ border-right: 1px solid #ABABAB;}
.index_new_slider .swiper-slide a:before{ content: "";position: absolute;top: 0;left: 0;width: 100%;height: 100%;opacity: 0;z-index: 3;background: rgba(0, 0, 0, .1);transition: all 0.5s;}
.index_new_slider .swiper-slide a:hover:before{ opacity: 1;}
.index_new_slider .swiper-slide a:after{ width: 100%;height: 50%;content: "";position: absolute;bottom: -100%;left: 0;z-index: 3;background: rgba(229,70,69,.6);transition: all 0.5s;}
.index_new_slider .swiper-slide a:hover:after { bottom: 0;}
.index_new_slider .swiper-slide a img{ width: 100%;height: 100%;object-fit: cover;position: relative;opacity: 0;z-index: 2;transition: all 0.5s;}
.index_new_slider .swiper-slide a:hover img{ opacity: 1;}
.index_new_box{ position: absolute;bottom: 50%;left: 0;padding: 0 11%;z-index: 5;width: 100%;height: auto;color: #fff;-webkit-transform: translateY(50%);transform: translateY(50%);transition: all 0.5s;}
.index_new_slider .swiper-slide a:hover .index_new_box{ height: 50%;bottom: 0;-webkit-transform: translateY(0);transform: translateY(0);display: table;}
.index_new_slider .swiper-slide a:hover .index_new_box > div{ display: table-cell;vertical-align: middle;}
.index_new_box i{ width: 35px;height: 35px;display: block;background-color: red;margin-bottom: 10px;}
.index_new_slider .swiper-slide a:hover .index_new_box i{ display: none;}
.index_new_box h3{ font-size: 20px;color: #000000;line-height: 40px;transition: all .6s;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;}
.index_new_slider .swiper-slide a:hover .index_new_box h3{ color: #FFFFFF;}
.index_new_box p{ font-size: 16px;line-height: 26px;color: #ABABAB;min-height: 78px;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;transition: all .6s;margin-bottom: 30px;;}
.index_new_slider .swiper-slide a:hover .index_new_box p{ -webkit-line-clamp: 2;color: #FFFFFF;min-height: 52px;margin-bottom: 10px;}
.index_new_box span{ color: #000000;font-size: 16px;font-weight: bold;padding-right: 0;transition: all .6s}
.index_new_slider .swiper-slide a:hover .index_new_box span{ color: #ffffff;padding-right: 30px;background: url('../images/ico_03.png') no-repeat center right;background-size: 20px;}

/* 联系 */
.index_form{ height: 800px;background: url('../images/tu_05_2.jpg') no-repeat center center;position: relative;}
.index_form::before{ content: "";width: 100%;height: 100%;background-image: linear-gradient(to right,#0B0B0B,rgba(11, 11, 11, 0));position: absolute;left: 0;top: 0;}
.index_form .con_box{ height: 100%;display: table;position: relative;z-index: 10;}
.index_form_box{ display: table-cell;vertical-align: middle;}
.index_form_left{ float: left;width: 50%;padding-right: 5%;}
.index_form_left h3{ font-size: 42px;line-height: 72px;margin-bottom: 40px;;color: #FFFFFF;padding-bottom: 30px;;position: relative;background: url('../images/ico_05.png') no-repeat left bottom;background-size: 75%;}
.index_form_left p{ width: 100%;height: 95px;display: flex;align-items: center;font-size: 18px;color: #FFFFFF;padding-left: 80px;}
.index_form_left p.index_form_left1{ background: url('../images/ico_07.png') no-repeat center left;background-size: 40px;}
.index_form_left p.index_form_left2{ background: url('../images/ico_08.png') no-repeat center left;background-size: 40px;}
.index_form_left p.index_form_left3{ background: url('../images/ico_09.png') no-repeat center left;background-size: 40px;}
.index_form_right{ float: right;padding: 35px;width: 460px;min-height: 500px;background-color: #FFFFFF;border-radius: 15px;}
.input_box{ float: left;width: 100%;height: auto;margin-bottom: 20px;}
.input_box h4{ font-size: 14px;color: #0B0B0B;margin-bottom: 10px;}
.input_box input{ width: 100%;height: 52px;border: 1px solid rgba(11, 11, 11, 0.5);border-radius: 10px;padding-left: 52px;line-height: 52px;color: #0B0B0B;font-size: 14px;outline: none}
.index_form_input1 input{ background: url('../images/ico_10.png') no-repeat 15px center;background-size: 20px;}
.index_form_input2 input{ background: url('../images/ico_11.png') no-repeat 15px center;background-size: 20px;}
.index_form_input3 textarea{ width: 100%;height: 140px;border: 1px solid rgba(11, 11, 11, 0.5);padding: 10px;font-size: 14px;line-height: 24px;outline: none;border-radius: 10px;}
.index_form_right input[type="submit"]{ width: 100%;height: 52px;text-align: center;line-height: 52px;background-color: #E54645;border-radius: 10px;color: #FFFFFF;outline: none;border: none;font-size: 18px;}

/* 内页公共 */
.inner_banner{ width: 100%;height: 7.8rem;overflow: hidden;margin-top: 80px;}
.inner_banner img{ width: 100%;height: 100%;object-fit: cover;}

/* 产品 */
/*.pro_screen{ padding: 160px 0 100px;} */
/*.pro_screen_box{ width: 100%;height: 145px;padding: 45px 35px 0;background-color: #FFFFFF;box-shadow:0px 25px 60px rgba(0, 0, 0, 0.15);}
.pro_screen_box > div.item{ float: left;width: 30%;margin-right: 5%;position: relative;}
.pro_screen_box > div.item:nth-of-type(3){ margin-right: 0;}
.pro_screen_box > div.item a{ 
	width: 100%;
	height: 55px;
	line-height: 55px;
	background-color: #F5F5F5;
	border-radius: 5px;
	overflow: hidden;
	display: inline-block;
	padding: 0 24px;
	font-size: 18px;
	display: flex;
	justify-content: space-between;
	align-items: center;
	color: #27292D;
}
.pro_screen_box > div.item a .screen_title_name{ 
    display: flex;
    align-items: center;
    max-width: 80%;
}
.pro_screen_box > div.item a img{ height: 22px;vertical-align: middle;}
.screen_list{ 
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	max-height: 300px;
	overflow: auto;
	z-index: 222;
	background-color: #fff;
	display: none;
	box-shadow: rgba(0, 0, 0, 0.08) 0px 6px 10px;
	padding-bottom: 20px;
}
.screen_list_txt{
    padding: 0 14px 0;
    position: relative;
    display: flex;
    align-items: center;
    cursor: pointer;
    color: #666;
    margin-bottom: 16px;
}
.screen_list_txt a{
	
}
.screen_list_txt:before {
    content: "";
    display: block;
    width: 12px;
    height: 12px;
    border: 1px solid #666;
    margin-right: 10px;
} */
.pro_list{ padding: 80px 0 0;}
.pro_title{ text-align: center;padding: 0 0 20px;}
.pro_title h2{ font-size: 36px;line-height: 50px;color: #000000;margin-bottom: 10px;}
.pro_title h2 span{ color: #E54645;}
.pro_title p{ line-height: 35px;font-size: 18px;max-width: 600px;margin: 0 auto;color: #949597;}
.pro_more{ text-align: center;padding: 50px 0;border-bottom: 1px solid #f1f1f1;}
.pro_more a{ width: 162px;height: 42px;text-align: center;line-height: 42px;border: 1px solid #000000;display: inline-block;font-size: 14px;color: #000000;transition: all .6s;}
.pro_more a:hover{ background-color: #FF0303;color: #FFFFFF;border: 1px solid #FF0303;}

.pro_details_section{ width: 100%;height: auto;margin-top: 80px;padding: 60px 0;overflow: hidden;}
.pro_details_section_left{ float: left;width: 55%;height: auto;overflow: hidden;position: relative;}
/* .pro_slider{ width: 100%;height: 545px;overflow: hidden;} */
.pro_slider{ float: right;width: 545px;height: 100%;position: relative;background-color: #eff0f2;}
.pro_slider .swiper-slide {
	overflow: hidden;
	z-index: 1;
	width: 100%;
	height: 100%;
	position: relative;
	background-color: #eff0f2;
}
.pro_slider .swiper-container .swiper-slide img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: relative;
	z-index: 1;
}
.pro_slider .swiper-container .swiper-slide video {
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	z-index: 2;
	height: 100% !important;
	object-fit: cover;
}
.pro_slider_thumbs{ float: left;width: 62px;height: 545px;overflow: hidden;}
.pro_slider_thumbs .swiper-slide{ width: 100%;height: 100%;overflow: hidden;border: 1px solid rgba(0,0,0,0);transition: all .6s;}
.pro_slider_thumbs .swiper-slide.swiper-slide-thumb-active{ border: 1px solid #000000;}
.pro_slider_thumbs .swiper-slide img{ width: 100%;height: 100%;object-fit: cover;}
.pro_slider_thumbs .swiper-slide.ban_video{ position: relative;}
.pro_slider_thumbs .swiper-slide.ban_video::before{ opacity: 0;transition: all .6s;border-radius: 50%;content: "";width: 26px;height: 26px;background: #5C5C66 url('../images/ico_15.png') no-repeat center center;background-size: 8px;position: absolute;left: 50%;top:50%;margin: -13px 0 0 -13px;}
.pro_slider_thumbs .swiper-slide.ban_video.swiper-slide-thumb-active::before{ opacity: 1;}
.pro_details_section_right{ float: right;width: 410px;height: auto;overflow: hidden;}
.pro_details_section_right i{ font-size: 16px;line-height: 24px;color: #7C7F83;font-style:normal;text-decoration:underline}
.pro_details_section_right h1{ font-size: 32px;line-height: 48px;font-weight: bolder;margin-bottom: 25px;}
.pro_color,.pro_price,.pro_form,.pro_describe{ float: left;width: 100%;height: auto;overflow: hidden;}
.pro_color div.item{ float: left;width: 45px;height: auto;margin: 0 10px 10px 0;}
.pro_color div.item p{ width: 100%;height: auto;text-align: center;line-height: 18px;font-size: 12px;color: #000000;margin-bottom: 5px;font-weight: bold;}
.pro_color div.item span{ width: 100%;height: 45px;text-align: center;display: inline-block;border-radius: 50%;border: 1px solid rgba(0,0,0,0);transition: all .6s;}
.pro_color div.item span:hover,.pro_color div.item.active span{ border: 1px solid rgba(0,0,0,1);}
.pro_color div.item span i{ width: 33px;height: 33px;border: 1px solid #000;display: inline-block;border-radius: 50%;margin: 5px auto;}
.pro_price p{ font-size: 24px;line-height: 30px;font-weight: bold;color: #000000;margin: 10px 0 0;}
.pro_price span{ font-size: 14px;line-height: 26px;color: #7C7F83;}
.pro_form{ height: 50px;background-color: #333333;transition: all .6s;line-height: 50px;display: inline-block;color: #FFFFFF;text-align: center;text-transform:uppercase;margin: 20px 0;}
.pro_form:hover{ color: #FF0303;}
.pro_describe{ padding: 20px 0 0;font-size: 14px;line-height: 24px;border-top: 2px solid #F0F0F0;color: #7C7F83;}

.pro_details_list{ width: 100%;height: auto;margin-top: 100px;}
.pro_details_list .item{ position: relative;width: 100%;height: 100vh;display: flex;justify-content: space-between;align-items: center;}
.pro_array_txt{
	order: 1;
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: relative;
	display: table;
}
.pro_details_list .item:nth-child(even) .pro_array_txt{
	order: 2;
}
.pro_array_txt > div{
	display: table-cell;
	vertical-align: middle;
	text-align: right;
	padding: 0 9% 0 0;
}
.pro_details_list .item:nth-child(even) .pro_array_txt > div{
	text-align: left;
	padding: 0 0 0 9%;
}
.pro_array_txt > div h4{
	font-size: 32px;
	line-height: 40px;
	color: #000000;
	margin-bottom: 30px;
}
.pro_array_txt > div p{
	font-size: 16px;
	line-height: 32px;
	color: #8C8F92;
	max-width: 450px;
	float: right;
}
.pro_details_list .item:nth-child(even) .pro_array_txt > div p{
	float: left;
}
.pro_array_img{
	order: 2;
	width: 50%;
	height: 100%;
	overflow: hidden;
	position: relative;
	display: table;
	background-color: #f8f8f8;
}
.pro_details_list .item:nth-child(even) .pro_array_img{
	order: 1;
}
.pro_array_img > div{
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}
.pro_array_img > div img{
	max-width: 90%;
	max-height: 90%;
}

.pro_details_hot{ width: 100%;height: auto;overflow: hidden;padding-bottom: 30px;}
.pro_details_hot h4{
	font-size: 48px;
	font-weight: bold;
	text-align: center;
	margin: 140px 0 45px;
}
.pro_details_hot ul li{
	float: left;
	width: calc(33.33% - 20px);
	height: auto;
	margin-right: 30px;
	overflow: hidden;
	transition: all .6s;
}
.pro_details_hot ul li:hover{
	/* box-shadow: 0 5px 20px rgba(0, 0, 0, .1); */
}
.pro_details_hot ul li:nth-child(3n){
	margin-right: 0;
}
.pro_details_hot ul li a{
	width: 100%;
	height: auto;
	display: inline-block;
}
.pro_details_hot_img{
	width: 100%;
	height: 0;
	padding-top: 100%;
	background-color: #eff0f2;
	position: relative;
}
.pro_details_hot_img > div{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top:0;
	display: table;
}
.pro_details_hot_img > div > div{
	display: table-cell;
	vertical-align: middle;
	padding: 30px;
	text-align: center;
}
.pro_details_hot_img > div img{
	max-width: 90%;
	max-height: 90%;
	transition: all .6s;
}
.pro_details_hot ul li a:hover .pro_details_hot_img > div img{
	transform: scale(1.1);
}
.pro_details_hot_txt{
	width: 100%;
	height: auto;
}
.pro_details_hot_txt p{
	font-size: 24px;
	color: #000000;
	font-weight: bold;
	line-height: 40px;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	-webkit-line-clamp: 1;
	overflow: hidden;
	padding: 20px 0;
	transition: all .6s;
}
.pro_details_hot ul li a:hover .pro_details_hot_txt p{
	color: #FF0303;
}
.pro_details_hot_txt span{
	width: 155px;
	height: 40px;
	margin-bottom: 10px;;
	text-align: center;
	line-height: 40px;
	color: #FFFFFF;
	font-size: 14px;
	display: inline-block;
	background-color: #333333;
}


/* 优势 */
.strengths_one{
	padding: 120px 0 0;
	background: rgba(255,235,236,.6);
}
.strengths_one h3{
	color: #000000;
	text-align: center;
	padding: 0 0 40px;
	font-size: 48px;
	border-bottom:1px solid #a7a09040;
}
.strengths_one ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-between;
}
.strengths_one ul li{
	float: left;
	width: 33.33%;
	height: auto;
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
}
.strengths_one ul li > div{
	border-right:1px solid #a7a09040;
	transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
	padding: 14% 10% 34%;
}
.strengths_one ul li:nth-child(3n) > div{
	border: none;
}
.strengths_one ul li > div h4{
	color: #000000;
	font-size: 24px;
	margin-bottom: 15px;
}
.strengths_one ul li > div p{
	color: #999;
	font-size: 16px;
	line-height: 32px;
	margin-bottom: 15px;
}
.strengths_one ul li > div a{
	padding: 14px 20px;
	border: 1px solid #666;
	display: inline-block;
	position: relative;
	margin-top: 20px;
	transition: all .6s;
}
.strengths_one ul li > div a:hover{
	border: 1px solid #FF0303;
}
.strengths_one ul li > div a::before{
	content: "";
	width: 0;
	height: 100%;
	background-color: #FF0303;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 8;
	transition: all .6s;
	opacity: 0;
}
.strengths_one ul li > div a:hover::before{
	width: 100%;
	opacity: 1;
}
.strengths_one ul li > div a span{
	color: #666;
	font-size: 14px;
	position: relative;
	z-index: 10;
	transition: all .6s;
	font-weight: 800;
}
.strengths_one ul li > div a:hover span{
	color: #FFFFFF;
}
.strengths_two{
	padding: 120px 0 200px;
}
.strengths_two h3{
	color: #000000;
	text-align: center;
	padding: 0 0 40px;
	font-size: 48px;
}
.strengths_two ul{
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    align-items: center;
    margin: 0 -10px;
}
.strengths_two ul li{
    width: 20%;
    padding: 0 10px;
    margin-bottom: 20px;
    display: inline-block;
}
.strengths_two ul li a{
    background: #f4f4f4;
    display: inline-block;
}
.strengths_two ul li a img{
    width: 100%;
    height: auto;
    object-fit: cover;
    vertical-align: top;
}
.strengths_three{
	padding: 0 0 120px;
	background-color: #262626;
}
.strengths_three_top{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-between;
	background-color: rgba(255,235,236,1);
	transform:translateY(-120px);
}
.strengths_three_top_left{
	position: relative;
	padding: 45px;
	width: 33.33%;
}
.strengths_three_top_left h4{
	font-size: 36px;
	margin-bottom: 30px;
	color: #000000;
}
.strengths_three_top_left p{
	font-size: 16px;
	color: #666666;
	line-height: 28px;
}
.strengths_three_top_left a{
	padding: 14px 20px;
	border: 1px solid #999999;
	display: inline-block;
	position: relative;
	margin-top: 20px;
	transition: all .6s;
	position: absolute;
	left: 45px;
	bottom: 45px;
}
.strengths_three_top_left a:hover{
	border: 1px solid #FF0303;
}
.strengths_three_top_left a::before{
	content: "";
	width: 0;
	height: 100%;
	background-color: #FF0303;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 8;
	transition: all .6s;
	opacity: 0;
}
.strengths_three_top_left a:hover::before{
	width: 100%;
	opacity: 1;
}
.strengths_three_top_left a span{
	color: #666666;
	font-size: 14px;
	position: relative;
	z-index: 10;
	transition: all .6s;
	font-weight: 800;
}
.strengths_three_top_left a:hover span{
	color: #FFFFFF;
}
.strengths_three_top_right{
	width: 66.66%;
}
.strengths_three_top_right img{
	width: 100%;
}
.strengths_three_bottom{
	width: 100%;
	height: auto;
	color: #FFFFFF;
	overflow: hidden;
	margin-top: -20px;
}
.strengths_three_bottom h3{
	float: left;
	width: 50%;
	font-size: 48px;
}
.strengths_three_bottom p{
	float: right;
	width: 50%;
	font-size: 16px;
	line-height: 32px;
}

.about_one{ 
	padding: 100px 0 0;
	overflow: hidden;
}
.about_one h1{
	float: left;
	width: 50%;
	font-size: 48px;
	color: #000000;
	line-height: 68px;
}
.about_one_right{
	float: right;
	width: 50%;
	padding-left: 5%;
}
.about_one_right p{
	font-size: 16px;
	color: #54595F;
	line-height: 28px;
	margin-bottom: 1em;
}
.about_one_right p:nth-last-of-type(1){ margin-bottom: 0;}
.about_one_img{
    text-align: center;
}
.about_one img{ width: auto;max-width:100%;margin: 70px 0 0;}
.about_one .index_numbers_right{ width: 100%;}
.about_one .index_numbers_right ul li{ height: 160px;}
.about_one .index_numbers_right ul li p{ color: #000000;}

.about_two{
	padding: 55px 0 0;
	text-align: center;
}
.about_two h3{
	font-size: 48px;
	line-height: 65px;
}
.about_two p.about_two_p{
    font-size: 16px;
	padding: 0 10%;
	margin: 0 auto;
}

.about_two ul{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: flex-start;
	justify-content: space-between;
	margin-top: 35px;
}
.about_two ul li{
	width: 30%;
	height: auto;
	padding: 40px;
	text-align: left;
	background-color: #FFFFFF;
	border:1px solid rgba(219,221,238,.41);
	border-radius: 4px 4px 4px 4px;
	box-shadow: 0 32px 120px -25px rgba(0,0,0,.1);
}
.about_two ul li i{
	width: 45px;
	height: 45px;
	text-align: center;
	line-height: 45px;
	border-radius: 50%;
	background-color: #f3f3f3;
	display: inline-block;
	margin-bottom: 10px;
}
.about_two ul li i img{
	width: 50%;
}
.about_two ul li h4{
	font-size: 24px;
	color: #000422;
	font-weight: bold;
	margin: 10px 0;
}
.about_two ul li p{
	color: #8e91aa;
	font-size: 16px;
	line-height: 28px;
}
.about_two .about_two_video{
	width: 100%;
	height: auto;
	position: relative;
	margin-top: 55px;
	z-index: 15;
}
.about_two .about_two_video img{
	width: 100%;
}
.about_two .about_two_video video{
	width: 100%;
	height: 100%;
	object-fit: cover;
	position: absolute;
	left: 0;
	top: 0;
}
.about_two_row{
	position: relative;
	padding: 100px 0 0;
}
.about_two_row::before{
	content: "";
	width: 100%;
	height: calc(100% + 80px);
	position: absolute;
	left: 0;
	top: -80px;
	z-index: 5;
	background-color: #ffebec;
}
.about_two_row .con_box{
	position: relative;
	z-index: 10;
	overflow: hidden;
}
.about_two_row div.item{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
	padding-bottom: 15px;
	height: auto;
	margin-bottom: 50px;
}
.about_two_row div.item .about_two_row_i{
	width: 40%;
	font-size: 32px;
	color: #333333;
	font-weight: bold;
	text-align: left;
}
.about_two_row div.item .about_two_row_t{
	width: 55%;
	text-align: left;
	color: #666666;
	font-size: 16px;
	line-height: 28px;
}

.about_two_form{
	position: relative;
	padding-top: 100px;
	overflow: hidden;
}
.about_two_form::before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 7;
	background-image: url('../images/about_form.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	background-size: contain;
	opacity: 1;
	transition: background .3s,border-radius .3s,opacity .3s;
}
.about_two_form::after{
	content: "";
	width: 100%;
	height: 100px;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 5;
	background-color: #ffebec;
}
.about_two_form_img{
	width: auto;
	height: auto;
	position: absolute;
	right: 0;
	top:-100px;
	z-index: 18;
}
.about_two_more{
	background-color: #000000;
}
.about_two_more .con_box{
	position: relative;
	z-index: 18;
	overflow: hidden;
	padding: 80px 0;
}
.about_two_more h3{
	font-size: 32px;
	color: #FFFFFF;
	font-weight: bold;
}
.about_two_more p{
	color: #FFFFFF;
	font-size: 16px;
	line-height: 28px;
	max-width: 50%;
	margin: 30px 0;
}
.about_two_more a{ width: 200px;height: 55px;text-align: center;line-height: 55px;display: block;background: #E54645;border-radius: 5px;margin-top: 20px;color: #FFFFFF;font-size: 14px;}
.about_two_more a img{ width: 20px;vertical-align: middle;margin-left: 5px;transition: all .6s}
.about_two_more a:hover img{ margin-left: 10px;}

/* 联系我们 */
.contact_one{
	padding-top: 100px;
}
.contact_one .con_box{ 
	display: flex;
    justify-content: space-between;
    align-items: center;
	background-color: #262626;
}
.contact_one_left{
	width: 50%;
	color: #FFFFFF;
	padding: 0 40px;
	text-align: left;
}
.contact_one_left p{
	font-size: 18px;
}
.contact_one_left h2{
	font-size: 32px;
	margin: 20px 0;
}
.contact_one_left span{
	font-size: 16px;
	color: rgba(255,255,255,.8);
	line-height: 28px;
	width: 100%;
	display: inline-block;
}
.contact_one_left span a{
	color: #FFFFFF;
}
.contact_one_right{
	width: 50%;
	padding: 60px 40px;
	background-color: #FFFFFF;
	box-shadow: 0 0 50px 0 rgba(22.87938179347828,26.83443365374678,28.500000000000025,.12);
	transition: background .3s,border .3s,border-radius .3s,box-shadow .3s;
}
.contact_one_right h3{
	color: #313c4d;
	font-size: 24px;
	margin-bottom: 20px;
}
.contact_one_right form{
	width: 100%;
	height: auto;
}
.contact_one_right form input{
	float: left;
	width: 48%;
	color: #666;
	padding: 12px;
	height: auto;
	border: none;
	border-radius: 2px;
	box-shadow: none;
	box-sizing: border-box;
	transition: all .2s linear;
	margin-bottom: 20px;
	outline: none;
	font-size: 16px;
	color: #666;
}
.contact_one_right form input:nth-child(even){
	float: right;
}
.contact_one_right form textarea{
	width: 100%;
	height: 120px;
	padding: 12px;
	border: none;
	border-radius: 2px;
	background: rgba(255,235,236,.4);
	outline: none;
	font-size: 16px;
	color: #666;
	line-height: 28px;
}
.contact_one_right form input[type="submit"]{
	width: 180px;
	height: 52px;
	text-align: center;
	line-height: 52px;
	background-color: #E54645;
	border-radius: 5px;
	color: #FFFFFF;
	outline: none;
	border: none;
	font-size: 18px;
	margin-top: 15px;
}
.contact_two{
	/* background-color: #262626; */
}
#map{ height: 420px;margin-top: 80px;}
.amap-marker-label {
    border: 1px solid #ddd;
}
.mapbox {
    padding: 20px;
    width: 400px;
}
@media (max-width: 767px) {
    .mapbox {
        padding: 10px;
        width: 270px;
    }
}
.mapbox .tit {
    font-size: 20px;
    margin-bottom: 10px;
}
@media (max-width: 767px) {
    .mapbox .tit {
        font-size: 16px;
        margin-bottom: 5px;
    }
}
.mapbox .font {
    font-size: 14px;
    width: 100%;
	line-height: 24px;
    white-space: pre-wrap;
}


.new_box{
	padding-top: 70px;
}
.new_box ul li{
	float: left;
	width: 100%;
	height: auto;
	background: rgba(255,235,236,.4);
	overflow: hidden;
	position: relative;
	margin: 30px 0 10px;
	transition: all .6s;
}
.new_box ul li:hover{
    box-shadow: 0 5px 20px rgba(0, 0, 0, .1);
}
.new_box ul li a{
	width: 100%;
	height: auto;
	display: inline-block;
	display: flex;
	align-items: center;
	text-decoration: none;
}
.new_box_img{
	width: 35%;
	height: 3rem;
	overflow: hidden;
}
.new_box_img img{
	width: 100%;
	height: 100%;
	object-fit: cover;
	transition: all .6s;
}
.new_box ul li a:hover .new_box_img img{
	transform: scale(1.1);
}
.new_box_txt{
	width: 50%;
	height: auto;
	padding: 0 3% 0 5%;
}
.new_box_txt h3{
	font-size: 26px;
	color: #333;
	font-weight: bold;
	display: block;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	transition: all .6s;
}
.new_box ul li a:hover .new_box_txt h3{
	color: #E54645;
}
.new_box_txt p{
	font-size: 14px;
	color: #666;
	line-height: 30px;
	margin-top: 20px;
	max-height: 120px;
	overflow: hidden;
}
.new_box_txt span{
	font-size: 16px;
	color: #333;
	margin-top: 20px;
	display: inline-block;
}
.new_box ul li a:hover .new_box_txt span{
	color: #E54645;
}
.new_box_date{
	width: 15%;
	color: #999999;
	text-align: center;
}
.new_box_date p{
	font-size: 40px;
}
.new_box_date span{
	display: block;
	font-size: 18px;
}
.new_detali{
	width: 100%;
	height: auto;
	padding: 100px 0 0;
}
.article_detali_box{ width:100%;height:auto;}
.article_detali_box:after {
    content: "";
    clear: both;
    display: block;
}
.detali_box_left{ float: left;width: 64.5%;border-bottom: 1px solid #ddd;padding-bottom: 50px;}
.detali_box_left_tit{
    padding-bottom: 35px;
	height: auto;
}
.detali_box_left_tit h1{
    font-size: 28px;
    color: #333;
    margin: 0;
    margin-bottom: 10px;
    line-height: 48px;
}
.detali_box_left_tit p{
    width: auto;
	display: inline-block;
}
.detali_box_left_tit p span{
    color: #999;
    font-size: 16px;
    display: inline-block;
    margin-right: 20px;
	line-height: 30px;
}
.detali_box_left_tit p span:nth-last-of-type(1){
    margin-right: 0;
}
.detali_box_left_tit_more{
	display: inline-block;
	width: 100px;
	height: 30px;
	padding-left: 20px;
	line-height: 30px;
	text-align: center;
	color: #fff; 
	background: rgba(0,0,0,.4) url('../images/ico_18.png') no-repeat 10px center;
	background-size: 18px;
	margin-left: 25px;
	border-radius: 5px;
	position: relative;
}
.detali_box_left_tit_more1{
	position: absolute;
	top: 100%;
	left: 0;
	width: 150%;
	height: auto;
	border: 1px solid #ddd;
	display: none;
	background-color: #fff;
	transition: all .6s;
}
.detali_box_left_tit_more:hover .detali_box_left_tit_more1{
	display: inline-block;
}
.detali_box_left_tit_more1 a{
	display: block;
	color: #666;
	font-size: 16px;
	padding: 5px 0;
	text-align: left;
	padding-left: 20px;
	transition: all .6s;
}
.detali_box_left_tit_more1 a:hover{
	color: #FFFFFF;
	background-color: rgba(0,0,0,.4);
}
.detali_box_left_tit_more1 a i{
    margin-right: 10px;
    display: inline-block!important;
    width: 20px!important;
    height: auto!important;
}
.detali_box_left_tit_more1 a:hover i{
	-webkit-filter: brightness(100);
	filter: brightness(100);
}

.detali_box_left_con{ width:100%;height:auto;}
.detali_box_left_con h2,.detali_box_left_con h3,.detali_box_left_con h4,.detali_box_left_con h5,.detali_box_left_con h6{
    font-size:18px;font-weight:600;line-height: 24px;margin: 5px 0;
}
.detali_box_left_con p{
    font-size: 16px;
    line-height: 30px;
    color: #666;
}
.detali_box_left_con p img{
    max-width: 100%;
    margin-bottom: 5px;
}
.detali_box_right{ 
    width: 30%;
    float: right;
    position: sticky;
    position: -webkit-sticky;
    top: 105px;
}
.box_right_list{
    width: 100%;
    height: auto;
    margin-bottom: 35px;
}
.box_right_list:nth-last-of-type(1){ margin-bottom:0}
.box_right_list h4{
    width: 100%;
    border-bottom: 1px solid #ddd;
    padding-bottom: 10px;
    margin-bottom: 15px;
    font-size: 22px;
}
.box_right_list a{
    width: 100%;
    display: flex;
    justify-content: space-between;
    margin-bottom: 15px;
    padding-bottom: 15px;
    height: 100px;
    border-bottom: 1px solid #ddd;
}
.box_right_list a .box_right_list_img{
    width: 35%;
    height: 100%;
    overflow: hidden;
}
.box_right_list a .box_right_list_img img{
    width: 100%;
    height: 100%;
    object-fit: cover;
    transition: all .5s;
}
.box_right_list a .box_right_list_img img{
    transform: scale(1.1);
}

.box_right_list a .box_right_list_txt{
    width: 60%;
    height: 100%;
    display: flex;
    align-items: center;
    color: #333;
    font-size: 14px;
}

.article_back{
    width: 100%;
    display: flex;
    align-items: center;
    margin-top: 45px;
}
.article_back a{
    width: 165px;
    height: 40px;
    border: 1px solid #ddd;
    border-radius: 3px;
    color: #666666;
    font-size: 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-left: 25%;
    transition: all .6s;
}
.article_back a:hover{ 
	color:#FF0303;
    border: 1px solid #FF0303;
}



/* 分页 */
.page_con,.list_page{
	float: left;
	width: 100%;
	overflow: hidden;
	text-align: center;
	margin: 50px 0 0;
}
.list_page ul{ width: 100%;height: auto;text-align: center;}
.list_page ul li{ width: auto;display: inline-block;}
.page_con .page-numbers,.list_page li a{
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: inline-block;
    border-radius: 50%;
    font-size: 18px;
	overflow: hidden;
	transition: all .6s;
	margin: 0 10px;
}
.page_con .page-numbers:hover,.page_con .page-numbers.current,.list_page li.active a,.list_page li:hover a{
    background: #E54645;
    color: #fff;
}
.page_con .page-numbers.next,.list_page li a.next{
    background: url(../images/page_next.png) 0 0 no-repeat;
    margin-left: 10px;
	font-size: 0;
	background-size: 100%;
}
.page_con .page-numbers.prev,.list_page li a.prev{
    background: url(../images/page_next.png) 0 0 no-repeat;
    margin-left: 10px;
	font-size: 0;
	background-size: 100%;
	transform: rotate(180deg);
}

/* 服务支持 */
.manual,.faq,.serice{ float: left;width: 100%;height: auto;min-height: 800px;overflow: hidden;padding: 100px 0 0;position: relative}
.manual:before,.faq:before,.serice:before{ content: "";position: absolute;top: 0;right: 50%;z-index: 1;width: 40%;height: 100%;float: left;margin-right: 320px;;background-color: #f5f5f5;}
.manual .w_index,.faq .w_index,.serice .w_index{ position: relative}
.service_left{ float: left;width: 280px;height: 100%;position: relative;z-index: 10;}
.service_left h2{ font-size: 36px;color: #333;font-weight: 400;line-height: 42px;margin-bottom: 10px;}
.service_left ul,.service_left ul li{ float: left;width: 100%;height: auto;}
.service_left ul li{ position: relative;}
.service_left ul li:before{ content: "";position: absolute;right: 0;bottom: 0;width: 200%;height: 1px;background-color: #dddddd;}
.service_left ul li a{ padding: 0 65px 0 0;font-size: 18px;color: #333;display: inline-block;width: 100%;position: relative;height: 100px;line-height: 100px;overflow: hidden;transition: all .6s}
.service_left ul li.active a,.service_left ul li:hover a{ color: #ff0303}
.service_left ul li a:before{ content: "";position: absolute;right: 20px;top:50px;width: 30px;height: 30px;border-radius: 50px;margin-top: -15px;background: #fff url(../images/ico_23.png) no-repeat center center;background-size: 13px;transition: all .6s}
.service_left ul li:hover a:before{ right: 25px;}
.service_right{ float: right;width: calc(100% - 320px);height: auto;position: relative;z-index: 10}
/*.service_tit{ float: left;width: calc(100% - 10px);height: auto;overflow: hidden;border-bottom: 1px solid #dddddd;margin-left: 5px;}*/
.manual_list,.faq_form,.serice_list{ float: left;width: 100%;height: auto;margin-bottom: 20px;}
.faq_form{ border-bottom: 1px solid #dddddd;width: calc(100% - 10px);margin-left: 5px;padding-bottom: 24px;}
.manual_list ul li{ float: left;width: 50%;height: auto;overflow: hidden;padding: 0 5px;margin-top: 20px;}
.manual_img{ float: left;width: 100%;height: 220px;overflow: hidden;text-align: center;line-height: 220px;background-color: #f5f5f5;}
.manual_img img{ max-width: 90%;max-height: 90%;transition: all .6s;}
.manual_list ul li:hover .manual_img img{ transform: scale(1.1);}
.manual_txt{ float: left;width: 100%;height: 70px;line-height: 70px;overflow: hidden;padding: 0 18px;background-color: #1f242a;transition: all .6s;}
.manual_list ul li:hover .manual_txt{ background-color: #ff0303;}
.manual_txt a{ float: left;width: 100%;height: 100%;display: inline-block;font-size: 18px;color: #ffffff;background: url('../images/ico_24.png') no-repeat right center; background-size: 24px;padding-right: 80px;}
.faq_form h3{ font-size: 26px; font-weight: bold;text-align: center;margin-bottom: 10px;}
.faq_form form{ width: 70%;margin: 13px auto;border: 1px solid #999;padding: 4px 10px;border-radius: 4px;display: flex; justify-content: space-between; align-items: center;}
.faq_form form input { width: 75%;padding: 0 5px;background-color: transparent;font-size: 14px;}
.faq_form form button{ width: 100px;height: 40px;display: block;color: #fff;text-align: center;line-height: 40px;border-radius: 3px;border: none;font-size: 18px;background-color: rgba(243, 152, 1, 1);}
.faq_form p{ text-align: center; font-size: 18px;font-weight: bold;}
.faq_list{ float: right; width:100%; height: auto;padding: 10px 20px 0;}
.faq_list ul{width: 100%;height: auto;}
.faq_list ul li { float: left;width: 100%;height: auto;margin-bottom: 30px;}
.faq_list .title{ float: left;width: 100%;height: 80px;line-height:80px; cursor: pointer; overflow: hidden;border-radius: 8px; box-shadow: 0 0 5px #d1d7d0;padding: 0 8%; transition: all .6s;position: relative; font-size: 20px; }
.faq_list .down:after,.faq_list .apply:before,.faq_list .posters:before{ content: "";position: absolute;width: 32px;height: 32px;top:24px;background-position: 0 0;transition: all .6s;background-size: 100%; }
/*.faq_list .down:after{ right: 2%;  background-image: url("/public/home/default/images/down.png"); background-position: 0 -36px;}*/
.faq_list .apply:before{left: 2%;  background-image: url("../images/apply.png"); }
/*.faq_list .posters:before{left: 2%;  background-image: url("/public/home/default/images/posters.png"); }*/
/* .faq_list .faq_list:before{left: 2%;  background-image: url("/public/home/default/images/faq.png"); } */
.faq_list .con,.job_list_hide{ float: left; width: 100%; padding: 2%; background: #f7f7f7; display: none }
.faq_list .con dl dd{ width: 100%; background: #fff; padding: 35px 3.7% 45px; }
.faq_list .con dl dd h2 { line-height: 44px; font-size: 24px; color: #333; margin-bottom: 14px; }
.faq_list .con dl dd div.line { border-bottom: 1px solid #e6e5e5; padding-bottom: 20px; }
.faq_list .con dl dd div.line p{ line-height: 2; font-size: 16px;}
.faq_list .con dl dd a { width: 200px; margin-right: 15px;height: 46px;font-size: 14px;line-height: 46px;border: 1px solid #ff0303;text-align: center;margin-top: 16px;cursor: pointer;position: relative;display: inline-block;}
.faq_list .con  dl dd a span{color: #ff0303;position: relative;z-index: 2;transition: .4s;}
.faq_list .con  dl dd a:after{content: "";width: 0;height: 100%;position: absolute;background: #ff0303;left: 0;top: 0;z-index: 1;}
.faq_list .con  dl dd a:hover span{color: #FFFFFF;}
.faq_list .con  dl dd a:hover:after{width: 100%;transition: .4s;}
.faq_list .slogan{ margin: 0 auto; }
.serice_list{ margin: 35px 0 50px;}
.serice_list h1,.serice_list h2,.serice_list h3,.serice_list h4,.serice_list h5,.serice_list h6{ font-size: 26px;margin:36px 0 10px;}
.serice_list h1:nth-of-type(1),.serice_list h2:nth-of-type(1),.serice_list h3:nth-of-type(1),.serice_list h4:nth-of-type(1),.serice_list h5:nth-of-type(1),.serice_list h6:nth-of-type(1){ margin: 0 0 10px;}
.serice_list p{ font-size: 16px;line-height: 26px;margin-bottom: 10px;}

.nav_fix_pos{ position: fixed;top: 120px}