@charset "utf-8";



/* banner */



.banner {

    position: relative;

    height: calc(100vh - 90px);

}

.banner .container{

    overflow: hidden;

    margin: auto;

}

.banner_container {

    width: 100%;

    height: 100%;

}



.banner_slidemb,

.banner_slidepc {

    width: 100%;

    height: 100%;

    min-height: 260px;

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}

.banner_slidepc>img{

    width: 100%;

}



.banner_slide .container {

    height: 100%;

    position: relative;

    /* display: flex; */

    /* flex-flow: column; */

}



.banner_slidetxt {

    width: 50%;

    padding-right: 40px;

    display: flex;

    height: 100%;

    align-items: center;

    justify-content: flex-end;

}



.banner_txtbox {

    text-align: right;

}



.banner_txtboxtitle b {

    display: inline-block;

    width: 100px;

    height: 1px;

    background-color: #009a67;

    vertical-align: middle;

    margin-right: 10px;

}



.banner_txtboxtitle span {

    font-family: 'BEBAS';

    font-size: 18px;

    color: #009a67;

    text-transform: uppercase;

}



.banner_txtboxh b {

    font-size: 55px;

    color: #009a67;

    font-weight: 700;

}



.banner_txtboxh span {

    font-size: 50px;

    color: #333333;

    font-weight: 700;

}



.banner_txtboxp {

    margin-top: 15px;

    font-size: 18px;

    color: #333333;

}



.banner_txtboximg {

    margin-top: 15px;

}



.banner_txtboximg img {

    display: inline-block;

}





/* b02 */

.banner2_slidetxt {

    width: 50%;

    padding-right: 40px;

    display: flex;

    height: 100%;

    align-items: flex-end;

    justify-content: flex-start;

}



.banner2_txtbox {

    text-align: left;

    margin-bottom: 18%;

}



.banner2_txtboxtitle span {

    

font-size: 40px;

    

font-weight: bold;

    

padding: 8px 50px 8px 30px;

    

color: #fff;

    

background-color: #323c6f;

    

text-transform: uppercase;

    

letter-spacing: 3px;

}



.banner2_txtboxh span {

    /* font-family: 'BEBAS'; */

    font-size: 60px;

    color: #ffffff;

    /* letter-spacing: 5px; */

    font-weight: bold;

}



.banner2_txtboxp {

    margin-top: 20px;

    margin-bottom: 50px;

    font-size: 22px;

    color: #ffffff;

    line-height: 1.6;

}

.banner2_more span {

    font-family: 'BEBAS';

    font-size: 22px;

    color: #ffffff;

    margin-right: 10px;

    vertical-align: middle;

}

.banner2_more i{

    color: #ffffff;

    vertical-align: middle;

}





/*  */

.bannerdw {

    position: absolute;

    /* left: 0; */

    bottom: 0;

    z-index: 10;

}



.bannerdw_box {

    height: 70px;

    padding: 0 40px;

    display: flex;

    justify-content: space-between;

    background-color: rgba(50, 60, 111, 0.95);

}



.bannerdw_boxys {

    display: flex;

    align-items: center;

}



.bannerdw_boxys span {

    width: 4px;

    text-align: center;

    font-family: 'BEBAS';

    margin-top: -6px;

    font-size: 18px;

    font-weight: 600;

    color: #fff;

}



.bannerdw_boxys s {

    width: 1px;

    height: 15px;

    background-color: rgba(255, 255, 255, .6);

    margin: 0 10px 0 12px;

    transform: rotate(30deg);

    -webkit-transform: rotate(30deg);

    -moz-transform: rotate(30deg);

    -ms-transform: rotate(30deg);

    -o-transform: rotate(30deg);

}



.bannerdw_boxys b {

    font-family: 'BEBAS';

    font-size: 15px;

    font-weight: 500;

    color: rgba(255, 255, 255, .6);

}



.bannerdw_boxtnper,

.bannerdw_boxtnnext {

    outline: none;

}



.bannerdw_boxtn {

    margin-left: 120px;

    display: flex;

    align-items: center;

}



.bannerdw_boxtn i {

    font-size: 20px;

    color: #fff;

    cursor: pointer;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.bannerdw_boxtn i:hover {

    transform: scale(1.2);

    -webkit-transform: scale(1.2);

    -moz-transform: scale(1.2);

    -ms-transform: scale(1.2);

    -o-transform: scale(1.2);

}



.bannerdw_boxtnbf {

    margin: 0 30px;

}



.banner_slidegd {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

}

.banner_slidegd .banner_c{

    height: 100%;

}



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

    .banner2_slidetxt{

         width: 60%;

    }

    .banner2_txtboxh span{

        font-size: 40px;

    }

    .banner2_txtboxtitle span{

        font-size: 32px;

    }

    .banner2_txtboxp{

        font-size: 18px;

    }

}



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

    .banner_slidepc>img {

        display: none;

    }

}



 



/* 公司简介 */



.gsjj {

    margin-top: 90px;

}



.gsjjbox {

    display: flex;

}



.gsjjbox>div {

    width: 50%;

}



.gsjjbox_l {

    padding-right: 65px;

}



.gsjj_slide .gsjj_slide_item {

    display: block;

    overflow: hidden;

}



.gsjj_slide .gsjj_slide_item img {

    width: 100%;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.gsjj_slide .gsjj_slide_item:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.gsjjbox_lboxb {

    margin-top: 12px;

}



.gsjj_slideb .gsjj_slideba {

    display: block;

}



.gsjj_slideb_img {

    position: relative;

    overflow: hidden;

    /* filter: grayscale(100%); */

}



.gsjj_slideb.swiper-slide-thumb-active .gsjj_slideba .gsjj_slideb_img{

    filter: grayscale(0);

}



.gsjj_slideb_img img {

    width: 100%;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.gsjj_slideb .gsjj_slideba:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.gsjj_slideb_imgdw {

    display: none;

    position: absolute;

    left: 0;

    top: 0;

    width: 100%;

    height: 100%;

    border: 2px solid #323c6f;

    /* filter: grayscale(100%); */

}



.gsjj_slideb_txth {

    padding-top: 5px;

    text-align: center;

    font-size: 15px;

    color: #666666;

}



.gsjj_slideb_txti {

    height: 30px;

    text-align: center;

}



.gsjj_slideb_txti i {

    display: none;

    font-size: 20px;

    color: #009a67;

}



.gsjj_slideb.swiper-slide-thumb-active .gsjj_slideb_imgdw,

.gsjj_slideb.swiper-slide-thumb-active .gsjj_slideb_txti i {

    display: block;

}



.gsjj_slideb.swiper-slide-thumb-active .gsjj_slideb_txth {

    color: #333;

}



.gsjjbox_r {

    padding-left: 30px;

}



.gsjjbox_rh {

    font-family: 'BEBAS';

    /* width: 260px; */

    word-break: keep-all;

    text-transform: uppercase;

    margin-top: 15px;

    font-size: 68px;

    /* font-weight: 600; */

    color: #e9e9e9;

    line-height: 72px;

}



.gsjjbox_rt {

    margin-top: 20px;

    font-size: 36px;

    color: #333333;

}



.gsjjbox_rp {

    margin-top: 40px;

    font-size: 15px;

    color: #666;

    font-weight: 25px;

}



.gsjjbox_rms {

    display: flex;

    margin-top: 35px;

}



.gsjjbox_rms>div {

    flex: 1;

}



.gsjjbox_rms_itemt {

    display: flex;

    align-items: center;

}



.gsjjbox_rms_itemt span {

    font-family: 'BEBAS';

    font-size: 56px;

    font-weight: 700;

    color: #323c6f;

}



.gsjjbox_rms_itemt b {

    margin-left: 5px;

    margin-top: 32px;

    width: 28px;

    height: 28px;

    line-height: 28px;

    text-align: center;

    border-radius: 100%;

    -webkit-border-radius: 100%;

    -moz-border-radius: 100%;

    -ms-border-radius: 100%;

    -o-border-radius: 100%;

    background-color: #eaeaea;

    color: #666;

    font-size: 15px;

}



.gsjjbox_rms_itemb {

    margin-top: -5px;

}



.gsjjbox_rmroe {

    margin-top: 115px;

}



.gsjjbox_rmroe span {

    font-family: 'BEBAS';

    text-transform: uppercase;

    font-size: 18px;

    font-weight: 600;

    color: #323c6f;

    vertical-align: middle;

}



.gsjjbox_rmroe i {

    margin-left: 5px;

    font-size: 14px;

    color: #323c6f;

    vertical-align: middle;

}



.gsjjbox_lboxt {

    position: relative;

}



.gsjj_per,

.gsjj_next {

    position: absolute;

    top: 50%;

    width: 55px;

    height: 55px;

    line-height: 55px;

    text-align: center;

    background-color: rgba(0, 0, 0, .4);

    transform: translateY(-50%);

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

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

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

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

    z-index: 5;

    cursor: pointer;

    outline: none;

}



.gsjj_per {

    left: 0;

}



.gsjj_next {

    right: 0;

}



.gsjj_per i,

.gsjj_next i {

    font-size: 18px;

    color: #fff;

}



.gsjj_per.swiper-button-disabled {

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

}

.gsjj_next.swiper-button-disabled {

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

}



/* 产品展厅 */



.cpzt {

    margin-top: 70px;

    padding: 95px 0 85px;

    background-color: #f0f0f0;

}



.cpztbox {

    display: flex;

}



.cpztboxl {

    width: 30%;

    padding-right: 30px;

}



.cpztboxl_h {

    font-family: 'BEBAS';

    /* width: 260px; */

    word-break: keep-all;

    text-transform: uppercase;

    font-size: 68px;

    /* font-weight: 700; */

    color: #ddd;

    line-height: 72px;

}



.cpztboxl_t {

    margin-top: 20px;

    font-size: 36px;

    color: rgb(51, 51, 51);

}



.cpztboxl_link {

    margin-top: 60px;

}



.cpztl_slide {

    position: relative;

}



.cpztl_slide::before {

    content: '';

    position: absolute;

    width: 0;

    height: 1px;

    background-color: #333333;

    left: 7px;

    top: 50%;

    transform: translateY(-50%);

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

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

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

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

    z-index: -1;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.cpztl_slide:hover::before {

    width: 34px;

}



.cpztl_slide .cpztl_slide_item {

    display: block;

    padding: 15px 0;

    padding-left: 25px;

    font-size: 16px;

    color: #333333;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}

.cpztl_slide .cpztl_slide_item .pic{

    display: none;

}

.cpztl_slide .cpztl_slide_item:hover {

    color: #323c6f;

}



.cpztl_slide.swiper-slide-thumb-active .cpztl_slide_item {

    color: #323c6f;

}



.cpztl_slide.swiper-slide-thumb-active::before {

    width: 34px;

}



.cpztboxr {

    width: 70%;

}



.cpztn_t {

    position: relative;

}



.cpztboxrdw {

    position: absolute;

    left: 0;

    top: 0;

    height: 100%;

    background-color: #fff;

}



.cpztn_tslide .cpztn_tslideitem {

    display: flex;

}



.cpztn_tslideiteml {

    width: 35%;

    background-repeat: no-repeat;

    background-position: center;

    background-size: 100% 100%;

    padding: 0 50px;

    background-color: #323c6f;

}



.cpztn_tslideitemlh {

    margin-top: 50px;

    font-size: 28px;

    color: #fff;

    line-height: 42px;

}



.cpztn_tslideitemlcs {

    display: flex;

}



.cpztn_tslideitemlcs {

    margin-top: 28px;

    background-color: #fff;

    border-radius: 20px 0 20px 0;

    -webkit-border-radius: 20px 0 20px 0;

    -moz-border-radius: 20px 0 20px 0;

    -ms-border-radius: 20px 0 20px 0;

    -o-border-radius: 20px 0 20px 0;

    overflow: hidden;

}



.cpztn_tslideitemlcs>div {

    flex: 1;

    height: 45px;

    line-height: 45px;

    text-align: center;

    font-size: 14px;

    color: #333;

    border-right: 1px solid #d9d9d9;

	transition: all .3s;

	

}

.cpztn_tslideitemlcs>div:hover { color: #009a67; }



.cpztn_tslideitemlcs>div:last-child {

    border-right: 0;

}



.cpztn_tslideitemlx {

    margin-top: 10px;

    width: 1px;

    height: 20px;

    background-color: rgba(255, 255, 255, .4);

}



.cpztn_tslideitemlp {

    margin-top: 20px;

    font-size: 15px;

    line-height: 25px;

    color: #fff;

}

.cpztn_tslideitemlp p{

    color: #fff;

    line-height: 2;

}



.cpztn_tslideitemlmore {

    margin-top: 80px;

	display: flex;

    align-items: center;

}



.cpztn_tslideitemlmore span {

    text-transform: uppercase;

    font-family: 'BEBAS';

    font-size: 15px;

    font-weight: 600;

    color: #fff;

}



.cpztn_tslideitemlmore i {

    margin-left: 5px;

    font-size: 14px;

    color: #fff;

}



.cpztn_tslideitemr {

    overflow: hidden;

    width: 65%;

    background-color: #fff;

}



.cpztn_brboxi i {

    transform-origin: center center;

}



.cpztn_tslideitemr img {

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    max-height: 420px;

}



.cpztn_tslideitemr:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.cpztn_b {

    margin-top: 24px;

    display: flex;

}



.cpztn_bl {

    width: 79.5%;

}



.cpztn_blthumbs {

    width: 100%;

}



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

    pointer-events: auto;

}



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

    visibility: visible;

}



.cpztn_bl .cpztn_blslide {

    border: 2px solid #fff;

}



.cpztn_bl .cpztn_blslide.swiper-slide-thumb-active {

    border-color: #323c6f;

}



.cpztn_blslide .cpztn_blslide_item {

    display: block;

    overflow: hidden;

    padding: 0 20px;

    background: #fff;

}



.cpztn_blslide .cpztn_blslide_item img {

    width: 100%;

    max-width: 200px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.cpztn_blslide .cpztn_blslide_item:hover img {

    transform: scale(1.1);

    -webkit-transform: scale(1.1);

    -moz-transform: scale(1.1);

    -ms-transform: scale(1.1);

    -o-transform: scale(1.1);

}



.cpztn_br {

    position: relative;

    width: 20.5%;

    padding-left: 20px;

}



.cpztn_br .cpztn_brbox {

    height: 100%;

    display: flex;

    background-color: #fff;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    color: #323c6f;

}



.cpztn_brboxi {

    width: 26px;

    height: 26px;

    border: 1px solid #323c6f;

    border-radius: 30px;

    display: flex;

    justify-content: center;

    align-items: center;

    transition: all .6s;

    -webkit-transition: all .6s;

    -moz-transition: all .6s;

    -ms-transition: all .6s;

    -o-transition: all .6s;

    margin-bottom: 5px;

}

 



.cpztn_brbox:hover .cpztn_brboxi {

    transform: rotate(360deg);

    -webkit-transform: rotate(360deg);

    -moz-transform: rotate(360deg);

    -ms-transform: rotate(360deg);

    -o-transform: rotate(360deg);

}

 



.cpztn_brbox span {

    font-size: 15px;

    color: #333333;

}



.cpztboxr_slide {

    background-color: #f0f0f0;

}





/* 应用案例 */



.yyal {

    margin-top: 90px;

}



.yyalbox {

    text-align: center;

}



.yyalbox_albox {

    padding: 0 85px;

}



.yyalbox_h {

    font-size: 36px;

    color: #333333;

}



.yyalbox_p {

    width: 40%;

    margin: auto;

    margin-top: 15px;

    font-size: 15px;

    line-height: 25px;

    color: #666666;

}



.yyalbox_al {

    margin-top: 50px;

}



.yyalt_slide .yyalt_itema {

    position: relative;

    display: block;

    overflow: hidden;

}



.yyalt_itema img {

    width: 100%;

}



.yyalt_itemadw {

    position: absolute;

    bottom: 0;

    left: 0;

    width: 100%;

    background-color: rgba(0, 0, 0, .8);

    transition: all .4s;

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -ms-transition: all .4s;

    -o-transition: all .4s;

}



.yyalt_itemadwt {

    height: 50px;

    text-align: center;

    line-height: 50px;

    font-size: 15px;

    color: #ffffff;

    padding: 0 10px;

}



.yyalt_itemadwb {

    position: absolute;

    width: 100%;

    top: 0;

    left: 0;

    height: 100%;

    transition: all .4s;

    -webkit-transition: all .4s;

    -moz-transition: all .4s;

    -ms-transition: all .4s;

    -o-transition: all .4s;

    transform: translateY(20px);

    -webkit-transform: translateY(20px);

    -moz-transform: translateY(20px);

    -ms-transform: translateY(20px);

    -o-transform: translateY(20px);

    opacity: 0;

}



.yyalt_itemadwbox {

    height: 100%;

    display: flex;

    flex-direction: column;

    justify-content: center;

    align-items: center;

    background-color: rgba(0,0,0,.8);

    background-repeat: no-repeat;

    background-position: center 101%;

}



.yyalt_itemadwb i {

    font-size: 60px;

    line-height: 1.2;

    color: #fff;

}



.yyalt_itemadwb span {

    font-size: 15px;

    line-height: 1.5;

    font-weight: 500;

    color: #fff;

    padding: 0 10px;

}



.yyalt_itema:hover .yyalt_itemadwb {

    transform: translateY(0);

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    opacity: 1;

}



.yyalt_itema:hover .yyalt_itemadw {

    bottom: -49px;

}



.yyalt_slide.swiper-slide-thumb-active .yyalt_itemadwb {

    transform: translateY(0);

    -webkit-transform: translateY(0);

    -moz-transform: translateY(0);

    -ms-transform: translateY(0);

    -o-transform: translateY(0);

    opacity: 1;

}



.yyalt_slide.swiper-slide-thumb-active .yyalt_itemadw {

    bottom: -49px;

}



.yyalbox_albox1 {

    margin-top: 50px;

    /* padding: 0 85px; */

}



.yyalbox_hzdw {

    position: relative;

    padding: 0 ;

}

.yyalbox_hzdw .swiper-slide{

    cursor: auto;

}

.yyal_theme{

/*    padding: 0 20px;*/

    overflow: hidden;

}



.yyalbox_hzdw .quse img{

    padding: 0 15px;

}



.yyalct_theme .yyalb_itema {

    display: block;

    overflow: hidden;

	

}

.quse:hover{

    -webkit-filter: grayscale(0%);

    -moz-filter: grayscale(0%);

    -ms-filter: grayscale(0%);

    -o-filter: grayscale(0%);

    filter: grayscale(0%);

    filter: unset;



}



.yyalct_theme .yyalb_itema img {

    width: 100%;

	transition: .3s;

		opacity: .5;

}

.yyalct_theme .yyalb_itema:hover img {

	

	opacity: 1;

	

}

.yyalb_slide .owl-controls .owl-page.active span {

    background-color: #0ea06f;

}



.yyalbtn_per,

.yyalbtn_next {

    position: absolute;

    top: 40%;

    cursor: pointer;

    z-index: 9;

    outline: none;

    width: 50px;

    height: 50px;

    background: rgb(0 0 0 / 50%);

    display: flex;

    align-items: center;

    align-content: center;

    justify-content: center;

    border-radius: 50px;

    transition: all .3s;

}





.yyalbtn_per.swiper-button-disabled {

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

}

.yyalbtn_next.swiper-button-disabled {

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

	

}

.yyalbtn_per {

    left: 0;

	transform: translateX(-50%);

}



.yyalbtn_next {

    right: 0;

	transform: translateX(50%);

}



.yyalbtn_per i,

.yyalbtn_next i {

    font-size: 26px;

    color: #fff;



}

.yyalbtn_per i { padding: 2px 2px 0 0;}

.yyalbtn_next i { padding: 2px 0 0 2px;}

/* 优势 */



.youshi {

    position: relative;

    margin-top: 110px;

    height: 638px;

}



.youshi_container {

    width: 100%;

    height: 100%;

}



.youshi_slide {

    background-position: center;

    background-repeat: no-repeat;

    background-size: cover;

}



.youshict {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    z-index: 10;

}



.youshictbox {

    display: flex;

    justify-content: flex-end;

}



.youshimin {

    width: 50%;

    margin-top: 50px;

}



.youshimint {

    padding: 60px 70px 30px;

    background-position: top right;

    background-repeat: no-repeat;

    background-size: 100%;

    background-color: #fff;

}



.youshimint_h {

    font-family: 'BEBAS';

    width: 260px;

    word-break: keep-all;

    text-transform: uppercase;

    font-size: 68px;

    /* font-weight: 700; */

    color: #e9e9e9;

    line-height: 72px;

}



.youshimint_p {

    margin-top: 10px;

    margin-bottom: 20px;

    font-size: 36px;

    color: #333;

}



.youshimint_tabt {

    margin-top: 5px;

    display: flex;

    justify-content: flex-end;

}



.youshimint_tabtlb {

    width: 50%;

}



.youshimint_slide {

    position: relative;

}



.youshimint_slide::after {

    content: '';

    position: absolute;

    top: 50%;

    right: 0;

    transform: translateY(-50%);

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

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

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

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

    width: 1px;

    height: 15px;

    background-color: #cccccc;

}



.youshimint_slide:last-child::after {

    display: none;

}



.youshimint_slidea {

    display: block;

    text-align: center;

    font-size: 18px;

    color: #666666;

}



.youshimint_tabb {

    position: relative;

    height: 400px;

    background-color: #323c6f;

    padding: 70px 70px 0;

}



.youshiminb_slidea {

    display: block;

}



.youshiminb_slideah {

    font-size: 36px;

    font-weight: 700;

    color: #ffffff;

}



.youshiminb_slideap {

    margin-top: 15px;

    font-size: 15px;

    color: rgba(255, 255, 255, .8);

    line-height: 26px;

}



.youshimint_slide.swiper-slide-thumb-active .youshimint_slidea {

    color: #323c6f;

}



.youshimindw {

    position: absolute;

    bottom: 50px;

    left: 0;

    width: 100%;

}



.youshimindw_box {

    display: flex;

    justify-content: space-between;

    padding: 0 70px;

    align-items: flex-end;

}



.youshimindw_box_btn {

    padding-top: 55px;

    display: flex;

}



.youshimindw_box_btn i {

    font-size: 24px;

    color: #fff;

}



.youshimindw_box_btnper,

.youshimindw_box_btnnext {

    outline: none;

}



.youshimindw_box_btnnext {

    margin-left: 70px;

}



.youshimindw_box_btnnext.swiper-button-disabled i,

.youshimindw_box_btnper.swiper-button-disabled i {

    color: rgba(255, 255, 255, .3);

}

.youshimindw_box_ys {

    display: inline-block;

    color: rgba(255, 255, 255, .7);

    text-align: right;

}

.youshimindw_box_ys span {

    font-family: 'BEBAS';

    font-size: 72px;

    color: #ffff;

    /* font-weight: 600; */

    margin-right: 8px;

}

.youshimindw_box_ys span:last-of-type{

    font-family: 'BEBAS';

    font-size: 36px;

    margin-left: 8px;

    color: rgba(255, 255, 255, .7);

    position: relative;

    bottom: -5px;

}





/* 新闻中心 */



.news {

    margin-top: 220px;

}



.newsbox {

    display: flex;

}



.newsboxl {

    width: 25%;

}



.newsboxl_h {

    font-family: 'BEBAS';

    width: 260px;

    word-break: keep-all;

    text-transform: uppercase;

    font-size: 68px;

    font-weight: 700;

    color: #e9e9e9;

    line-height: 72px;

}



.newsboxl_p {

    margin-top: 20px;

    font-size: 36px;

    color: rgb(51, 51, 51);

}



.newsboxl_tab {

    margin-top: 60px;

    width: 50%;

}



.newsl_slide .newsl_slidea {

    display: block;

    padding: 15px 0;

    padding-left: 25px;

    font-size: 18px;

    color: #333333;

}



.newsl_slide {

    position: relative;

}



.newsl_slide.swiper-slide-thumb-active .newsl_slidea {

    color: #323c6f;

}



.newsl_slide .newsl_slidea:hover {

    color: #323c6f;

}



.newsl_slide::before {

    content: "";

    position: absolute;

    width: 0;

    height: 1px;

    background-color: rgb(51, 51, 51);

    left: 7px;

    top: 50%;

    transform: translateY(-50%);

    z-index: -1;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.newsl_slide.swiper-slide-thumb-active::before {

    width: 34px;

}



.newsl_slide .newsl_slidea:hover::before {

    width: 34px;

}



.newsboxr_tab {

    width: 75%;

}



.newsr_slide .newsr_slidea {

    display: flex;

    padding: 0 35px;

    height: 140px;

    margin-bottom: 10px;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.newsr_slideasj {

    text-align: center;

    margin-top: 12px;

}



.newsr_slideasj span {

    font-family: 'BEBAS';

    font-size: 60px;

    font-weight: 700;

    color: #666666;

}



.newsr_slideasj p {

    font-family: 'BEBAS';

    margin-top: -8px;

    font-size: 18px;

    color: #666666;

}



.newsr_slideaimg {

    display: flex;

    align-items: center;

    margin-left: 50px;

}

.newsr_slideaimg img{

    /* max-height: 100%; */

    height: 120px;

    padding: 10px 0;

	transition: all .3s;

}



.newsr_slidea:hover .newsr_slideaimg img {

	transform: scale(1.1)

}



.newsr_slideatxt {

    flex: 1;

    padding: 40px 0 0 50px;

}



.newsr_slideatxth {

    width: 100%;

    font-size: 18px;

    font-weight: bold;

    color: #333333;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 1;

    overflow: hidden;

}



.newsr_slide .newsr_slidea:hover .newsr_slideatxth {

    color: #333;

}



.newsr_slideatxtp {

    margin-top: 5px;

    font-size: 15px;

    color: #888;

    display: -webkit-box;

    -webkit-box-orient: vertical;

    -webkit-line-clamp: 2;

    overflow: hidden;

}



.newsr_slideaj {

    display: flex;

    width: 30px;

    margin-left: 20px;

    align-items: center;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.newsr_slideaj i {

    display: none;

    font-size: 30px;

    color: #777777;

    transition: all .3s;

    -webkit-transition: all .3s;

    -moz-transition: all .3s;

    -ms-transition: all .3s;

    -o-transition: all .3s;

}



.newsr_slideaj i:hover {

    transform: scale(1.3);

    -webkit-transform: scale(1.3);

    -moz-transform: scale(1.3);

    -ms-transform: scale(1.3);

    -o-transform: scale(1.3);

}



.newsr_slide .newsr_slidea:hover {

    background-color: #f5f5f5;

}



.newsr_slide .newsr_slidea:hover .newsr_slideatxth {

    font-weight: 600;

}



.newsr_slide .newsr_slidea:hover .newsr_slideaj i {

    display: block;

}



.newsr_slide .newsr_slidea:hover .newsr_slideatxth {

    padding-left: 8px;

}



.yyalbox_al .swiper-pagination{

    width: calc(100% - 30px);

    margin-top: 15px;

    text-align: center;

    /* display: none; */

}

.swiper-pagination-bullet{

    width: 12px;

    height: 12px;

    margin: 5px 7px;

    outline: none;

}



/* 友情链接 */

.links{

  padding-top: 60px;

  padding-bottom: 0px;

}

.links h2 {

  font-size: 24px;

  font-weight: bold;

  color: #323c6f;

  display: inline-block;

}

.links h2 span {

  font-size: 16px;

  color: #666;

  margin: 0 5px;

}

.links a {

  font-size: 14px;

  color: #666;

  padding: 8px;

  line-height: 28px;

}

.links a:hover {

  color: #009a67;

}



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

    .banner_txtboxh span {

        line-height: 54px;

    }

    .banner2_txtboxh span{

        font-size: 50px;

    }

    .gsjjbox_l {

        padding-right: 20px;

    }

    .gsjjbox_rh,

    .cpztboxl_h,

    .youshimint_h,

    .newsboxl_h {

        font-size: 50px;

        line-height: 52px;

    }

    .gsjjbox_rmroe {

        margin-top: 40px;

    }

    .gsjjbox_rp {

        margin-top: 30px;

    }

    .gsjjbox_rms {

        margin-top: 25px;

    }

    .youshimint_tabtlb {

        width: 60%;

    }

    .yyalbox_p {

        width: 60%;

    }

    .gsjjbox_rms_itemt span {

        font-size: 48px;

    }

    .cpztn_tslideiteml {

        padding: 0 30px;

    }

    .gsjjbox_rms_itemt b {

        margin-top: 22px;

    }

    .news{

        margin-top: 180px;

    }

}

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

    .banner2_txtboxh span{

        font-size: 40px;

    }

    .youshi{

        height: 600px;

    }

    .youshimint_p{

        font-size: 28px;

        margin-top: 0;

    }

    .youshiminb_slideap{

        font-size: 14px;

    }

    .youshimint_tabb{

        padding: 50px 50px 0;

        height: 380px;

    }

    .youshimindw_box_ys span{

        font-size: 40px;

    }

    .youshimindw_box_ys span:last-of-type{

        font-size: 28px;

    }











}

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

    .cpztn_brboxi{

        width: 20px;

        height: 20px;

        margin-bottom: 1px;

    }

    .cpztn_brboxi i{

        font-size: 13px;

    }

    .cpztn_brbox span{

        font-size: 15px;

    }

    .news{

        margin-top: 160px;

    }

}

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

    .banner {

        height: auto !important;

    }

    .banner2_slidetxt{

        width: 70%;

        padding-right: 0;

    }

    .banner2_txtboxh span{

        font-size: 20px;

        margin-bottom: 5px;

    }

    .banner2_txtboxtitle span{

        font-size: 15px;

        padding: 6px 10px;

        margin-bottom: 5px;

    }

    .banner2_txtboxp{

        display: none;

    }

    .banner2_more{

        margin-top: 20px;

    }

    .banner2_more span{

        font-size: 15px;

    }

    .banner2_more i{

        font-size: 13px;

    }



    .banner_slidemb, .banner_slidepc{

        min-height: 400px;

    }

    .gsjjbox {

        flex-wrap: wrap;

    }

    .gsjjbox>div {

        width: 100%;

    }

    .gsjjbox_r {

        order: -1;

        padding-left: 0;

    }

    .gsjjbox_l {

        padding-right: 0;

    }

    .gsjjbox_rh,

    .cpztboxl_h,

    .youshimint_h,

    .newsboxl_h {

        width: 100%;

    }

    .gsjjbox_rt {

        margin-top: 10px;

    }

    .gsjjbox_rp {

        margin-top: 25px;

    }

    .gsjjbox_rms {

        margin-top: 20px;

    }

    .gsjjbox_rmroe {

        margin: 30px 0;

    }



    .gsjjbox_rmroe span,

    .gsjjbox_rmroe i{

        color: #999;

    }



    .cpztbox {

        flex-wrap: wrap;

    }

    .cpztbox>div {

        width: 100%;

    }

    .cpztboxl {

        padding-right: 0;

    }

    .cpztboxl_t {

        margin-top: 10px;

    }

    .cpztboxrdw {

        background-color: transparent;

    }

    .cpztboxl_link {

        margin-top: 10px;

    }

    .cpztboxr {

        margin-top: 10px;

    }

    .yyalbox_p {

        width: 100%;

    }

    .yyalbox_albox {

        padding: 0;

    }

    .yyalbox_albox1 {

        padding: 0;

    }

    .yyalbox_p {

        margin-top: 10px;

    }

    .yyalbox_al {

        margin-top: 40px;

    }

    .yyalbox_albox1 {

        margin-top: 30px;

    }

    .yyalbtn_per,

    .yyalbtn_next {

       display: none;

    }

    .youshimint_p {

        margin-top: 0;

    }

    .youshimint_tabtlb {

        width: 100%;

    }

    .youshimint_tabt {

        margin-top: 15px;

    }

    .newsbox {

        flex-wrap: wrap;

    }

    .newsbox>div {

        width: 100%;

    }

    .newsboxl_p {

        margin-top: 10px;

    }

    .newsboxl_tab {

        width: 100%;

        margin-top: 10px;

    }

    .newsboxr_tab {

        margin-top: 20px;

    }

    .news {

        margin-top: 160px;

    }

}



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

    .banner_slidetxt {

        padding-right: 20px;

    }

    .banner_slidetxt {

        justify-content: center;

    }

    .banner_txtboxh span,

    .banner_txtboxh b {

        font-size: 42px;

    }

    .banner_txtboxh span {

        line-height: 40px;

    }

    .gsjj {

        margin-top: 50px;

    }

    .gsjjbox_rh {

        margin-top: 0;

    }

    .gsjjbox_rp {

        margin-top: 20px;

    }

    .gsjj_per, .gsjj_next{

        width: 40px;

        height: 40px;

        line-height: 40px;

    }

    .cpztboxl_t{

        margin-top: 10px;

    }

    .cpztboxl_link{

        background-color: unset;

        margin-top: 20px;

    }

    .cpztn_tslide .cpztn_tslideitem>div img{

        max-width: 80%;

        margin: auto;

    }

    .cpztn_tslide .cpztn_tslideitem{

        flex-flow: column-reverse;

    }

    .cpztboxr{

        display: none;

    }

    .cpztl_slide .cpztl_slide_item .pic{

        display: block;

        margin-bottom: 5px;

        padding: 10px;

        background-color: #fff;

    }

    .cpztl_slide .cpztl_slide_item .pic img{

        

    }

    .cpztl_slide.swiper-slide-thumb-active::before{

        display: none;

    }

    .cpztl_slide.swiper-slide-thumb-active .cpztl_slide_item{

        color: #333;

    }



    .cpztn_tslideitemr{

        width: 100%;

    }

    .cpztn_tslideitemlh{

        margin-top: 30px;

    }

    .cpztn_tslideitemlcs{

        margin-top: 10px;

    }

    .cpztn_tslideitemlp{

        font-size: 13px;

        line-height: 22px;

    }

    .cpztn_b{

        margin-top: 10px;

        margin-bottom: 50px;

    }

    .cpztn_brboxi img{

        width: 55%;

        margin:auto;

    }

    .cpztl_wrapper{

        /* flex-wrap: wrap; */

    }

    .cpzt {

        margin-top: 50px;

    }

    .cpzt {

        padding: 50px 0;

    }

    .cpztl_slide .cpztl_slide_item {

        padding: 0;

        text-align: center;

        margin-bottom: 10px;

    }



    .yyalbox_albox1{

        /* display: none; */

    }

    .yyal {

        margin-top: 50px;

    }

    .yyalt_itemadwb i {

        font-size: 36px;

    }

    .yyalt_itemadwb span {

        font-size: 14px;

    }

    .yyalbox_p {

        margin-top: 5px;

    }

    .yyalbox_al {

        margin-top: 30px;

    }

    .yyalbox_al .swiper-pagination{

        display: block;

    }

    .yyalt_slide.swiper-slide-thumb-active .yyalt_itemadwb{

        display: none;

    }

    .yyalt_slide.swiper-slide-thumb-active .yyalt_itemadw{

        bottom: 0;

    }

    /*  */

    .youshi {

        margin-top: 90px;

        height: 330px;

    }

    .youshimin {

        width: 100%;

    }

    .youshimindw_box_ys span {

        font-size: 40px;

        margin-right: 4px;

    }

    .youshimindw_box_ys span:last-of-type{

        font-size: 24px;

        margin-left: 4px;

    }

    .youshimindw_box_btn {

        padding-top: 24px;

    }

    .youshimindw_box_ys b {

        font-size: 26px;

    }

    .youshimint_tabb{

        height: 250px;

        padding: 30px 30px 0;

    }

    .youshimindw_box {

        padding: 0 30px;

    }

    .youshimint{

        padding:40px 30px 20px;

    }

    .youshimint_tabt{

        /* border: 1px solid #eee; */

        margin-top: 20px;

    }

    .youshimint_slidea{

        text-align: left;

    }

    .youshimint_slide::after{

        right: 15px;

    }

    .youshimin{

        margin-top: 147px;

    }

    /*  */

    .news{

        margin-top: 320px;

    }

    .newsl_slide .newsl_slidea {

        padding: 10px 0 10px 25px;

    }

    .newsr_slide .newsr_slidea {

        padding: 0 15px;

    }

    .newsboxl_tab{

        background-color: #f4f4f4;

        margin-top: 20px;

    }

    .newsr_slideaj{

        display: none;

    }

    .links{

        display: none;

    }



}



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

    .banner{

        padding-bottom: 50px;

    }

    .banner2_txtbox{

        margin-bottom: 20px;

    }

    .banner_slidetxt {

        width: 100%;

        padding-right: 0;

    }

    .banner_txtbox {

        text-align: left;

    }

    .banner_txtboxtitle b {

        display: none;

    }

    .banner_txtboxh span {

        font-size: 36px;

        line-height: 38px;

    }

    .banner_txtboxh b {

        font-size: 36px;

    }

    .banner_txtboxp {

        font-size: 15px;

    }

    .bannerdw {

        left: 0 !important;

        width: 100%;

        bottom: auto;

    }

    .bannerdw_box {

        height: 46px;

    }

    .gsjjbox_rh,

    .cpztboxl_h,

    .youshimint_h,

    .newsboxl_h {

        font-size: 36px;

        line-height: 38px;

    }

    .gsjjbox_rt {

        font-size: 26px;

    }

    .gsjjbox_rp {

        font-size: 12px;

        line-height: 20px;

        margin-top: 10px;

    }

    .gsjjbox_rms_itemt span {

        font-size: 32px;

    }

    .gsjjbox_rms_itemb {

        font-size: 12px;

    }

    .gsjjbox_rms_itemt b {

        font-size: 12px;

        width: 20px;

        height: 20px;

        line-height: 20px;

        margin-top: 12px;

    }

    .gsjj_slideb_txth {

        font-size: 12px;

    }

    .cpztboxl_t {

        font-size: 26px;

        /* margin-top: 0; */

    }

    .cpztl_slide .cpztl_slide_item {

        font-size: 15px;

    }

    .cpztn_tslide .cpztn_tslideitem {

        flex-wrap: wrap;

    }

    .cpztn_tslide .cpztn_tslideitem>div {

        width: 100%;

    }

    .cpztn_tslideitemr {

        order: -1;

    }

    .cpztn_tslideitemlh {

        font-size: 24px;

    }



    .cpztn_tslideitemlx {

        display: none;

    }

    .cpztn_tslideitemlmore {

        margin: 30px 0;

    }

    .cpzt .container {

        overflow: hidden;

    }

    .cpztboxr_top {

        /* width: calc(100% + 40px);

        margin-left: -20px; */

    }

    .cpztn_bl {

        width: 78%;

    }

    .cpztn_br {

        width: 22%;

        padding-left: 10px;

    }

    .cpztn_brbox span {

        font-size: 12px;

    }

    .yyalbox_hzdw .quse img{

        padding: 0 5px;

    }

    .yyalbox_h {

        font-size: 26px;

    }

    .yyalbox_p {

        font-size: 12px;

        line-height: 20px;

    }

    .yyalt_itemadwt {

        font-size: 14px;

        height: 36px;

        line-height: 36px;

    }

    .youshimint {

        /* padding: 20px 10px 20px 40px; */

    }

    .youshimint_p {

        font-size: 26px;

    }





    .youshimindw {

        bottom: 30px;

    }

    .youshimint_tabb {

        /* height: 320px; */

    }

    .youshimin {

        /* margin-top: 30px; */

    }

    .youshi {

        /* height: 430px; */

    }

    .youshimint_slidea {

        font-size: 15px;

    }

    .youshiminb_slideah {

        font-size: 24px;

    }

    .youshiminb_slideap {

        font-size: 12px;

        line-height: 20px;

    }

    .newsboxl_p {

        font-size: 26px;

    }

    .newsl_slide .newsl_slidea {

        padding: 5px 0 5px 25px;

    }

    .newsr_slide .newsr_slidea {

        padding: 0;

    }

    .newsr_slideaimg img {

        width: 100px;

        height: auto;

    }

    .newsr_slideasj span {

        font-size: 36px;

    }

    .newsr_slideasj p {

        font-size: 14px;

    }

    .newsr_slideasj {

        margin-top: 8px;

    }

    .newsr_slide .newsr_slidea {

        height: 100px;

    }

    .newsr_slideatxt {

        padding-top: 15px;

    }

    .newsr_slideaimg {

        margin-left: 10px;

    }

    .newsr_slideatxt {

        padding-left: 10px;

    }

    .newsr_slideatxtp {

        font-size: 12px;

    }

    .newsr_slideatxth{

        font-size: 15px;

        font-weight: normal;

    }

    .foottl_qtl_item span,

    .foottl_qtl_item b {

        font-size: 14px;

    }

    .foottl_bq {

        line-height: 22px;

    }

    .foot {

        /* margin-top: 50px; */

    }

}



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

    .banner_slidemb, .banner_slidepc{

        min-height: 220px;

    }

    .banner2_txtbox{

        margin-bottom: 20px;

    }

}