.main{ line-height: 30px; padding: 5% 0;}

.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
.abs-center{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.shuiyin{ position: absolute; background: url("../images/shuiyin.png") no-repeat center top; width: 100%; height: 100%; background-size: 100% 100%;}


#dituContent label {
  max-width: unset!important;
  text-align: center;
}


@media screen and (max-width:768px){
    .row{ margin: 0;}
}



/*头部*/
#logo{ padding-top: 1%; padding-bottom: 1%; text-align: left; position: relative;}
#logo img{ display: inline-block; max-width: 100%; transition:0.5s; position: relative; z-index: 1; }
@media screen and (max-width: 1440px){
    #logo{ padding-top: 1.5%;}
}
@media screen and (max-width: 1200px){
    #logo{ padding: 3% 0;}
}



.cp_con ul{ padding: 0;  zoom:1;  }
.cp_con li{ transition:0.3s; border:1px solid #dddddd; background: #fff; overflow: hidden; margin-bottom: 8%; }
.cp_con li .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
.cp_con li .pic .picpic{ width: 100%; height: 100%; left: 0; position: absolute; text-align: center;}
.cp_con li .pic .picpic img{ transition: 0.3s; width: 100%; height: 100%; object-fit: cover;}
/*.cp_con li .pic .shuiyin{ position: absolute; left: 0; top: 0; z-index: 2; background: url(../images/shuiyin.png) no-repeat center top; background-size: 100%; width: 100%; height: 100%;}*/
.cp_con li .pic .picnr{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0,0,0,0.8); padding: 7%; opacity: 0; transition:0.5s;}
.cp_con li .pic .picnr .line{ border:1px solid #666; height: 100%; text-align: center;}
.cp_con li .pic .picnr .line p{ color: #fff; font-size: 18px; padding: 40px 0 5px;}
.cp_con li .pic .picnr .line span{ display: inline-block; width: 160px; height: 40px; line-height: 40px; margin-top: 15px; background: #fff; border-radius: 5px; color: #242527;}
.cp_con li .pic .picnr .line span a{ color: #242527;}
.cp_con li .pic .picnr .line span:nth-of-type(2){ background: #c81622; color: #fff;}
.cp_con li .pic .picnr .line span:nth-of-type(2) a{ color: #fff;}
.cp_con li .tit{ border-top:1px solid #e6e6e6; padding: 20px; transition: 0.5s; line-height: 30px;}
.cp_con li .tit p{ text-align: left; font-size: 18px; color: #333333; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%;}
.cp_con li .tit span{ display: block; color: #999999; font-size: 15px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width: 100%;}
.cp_con li .tit .more{ margin-left: 70px; color: #999999; font-family: arial; position: relative;}
.cp_con li .tit .more:before{ position: absolute; left: -70px; top: 50%; content: ''; width: 60px; height: 1px; background: #dddddd; z-index: 1;}
.cp_con li .tit .more:after{ position: absolute; left: -70px; top: 50%; content: ''; width: 20px; height: 1px; background: #242527; z-index: 2; transition: 0.3s;}
.cp_con li:hover .pic .picnr{ opacity: 1;}
.cp_con li:hover .tit{ background: #0060a3; border-top:1px solid #0048a1;}
.cp_con li:hover .tit p{ color: #fff;}
.cp_con li:hover .tit span{ color: #fff;}
.cp_con li:hover .tit .more{ color: #fff;}
.cp_con li:hover .tit .more:after{ width: 60px; height: 2px; background: #fff;}


/*底部*/
#end_nr_bj{ background: #fff; width: 100%; height: auto; overflow: hidden; color: #7c7c7c;}

#end_1{ background: url("../images/end_pic.png") no-repeat center bottom #0272bc;}
.end_logo .pic{ border-bottom: 1px solid rgba(255,255,255,0.2);}
.end_logo ul li{ float: left; color: rgba(255,255,255,0.7); padding-right: 15px; transition:0.3s;}
.end_logo ul li:hover{ color: #fff;}
.end_xw .float-right{ color: #fff; text-align: right; border-left: 1px solid rgba(255,255,255,0.2); padding: 0 5%;}
.end_xw .float-right img{ width: 100%;}
.end_xw .float-right i{ display: inline-block; padding-right: 3%; font-size: 20px;}
.end_xw .float-right:nth-of-type(2){ border: none;}

#end_nr_bj a{ color: #7c7c7c; transition: 0.3s; position: relative;}
#end_nr_bj a:hover{ color: #fff;}
#end_nr_bj a:after{z-index:1;content: ''; position: absolute; left: 0; bottom: 0; display: block; height:5px; background-color: rgba(255, 255, 255, .3);width:100%; -webkit-transition: transform .5s; -moz-transition: transform .5s; -ms-transition: transform .5s; -o-transition: transform .5s; transition: transform .5s; -webkit-transform: scaleX(0); transform: scaleX(0);-webkit-transform-origin: right center;transform-origin: right center;}
#end_nr_bj a:hover::after{ -webkit-transform-origin: left center;transform-origin: left center;  -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1); -o-transform: scaleX(1); transform: scaleX(1);}

#end_nr_bj .main{ padding: 2% 0;}
@media screen and (max-width:768px){
    #end_nr_bj .main{ padding: 5% 0;}
    .end_xw .float-right{ border: none;}
    .end_xw .float-right:nth-of-type(2){  text-align: left; padding-top: 5%;}
}


#end_line{ height: auto; line-height: 30px; color: #6e6e6e; font-size: 14px; border-top: 1px dashed rgba(255,255,255,0.2);}
#end_nr_bj #end_line a:hover{ color: #333 !important;}

.footer_zx{ height:60px; overflow: hidden; right:0; bottom:0; z-index: 20; width:100%; line-height: 25px; position: fixed; background-color:#0060a3;}
.footer_zx a{ color:#fff !important; display: block; width: 50%; height: 100%; float: left; text-align: center; background-color:#0060a3;}
.footer_zx a:last-of-type{ background: #dd0004;}
.footer_zx i{ font-size: 28px; padding: 4% 0 1%;}
.footer_zx p{font-size: 13px;}
.kb50{ height: 60px;}





/*首页*/
.index {
    position:relative;
    background-color:#fff;
    z-index:5;
}
.index .main{ padding: 2% 0;}


#cpqh .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto;}
#cpqh .swiper-slide { background-size: cover; background-position: center; position: relative;}
#cpqh .gallery-top { height: auto; width: 100%;}
#cpqh .gallery-top .swiper-slide .in_news{ border-bottom: 3px solid #faf8f6; margin-bottom: 2% }
#cpqh .gallery-top .swiper-slide .in_news .float-left{ width: 23%; height: 0; padding-bottom: 15%; position: relative; overflow: hidden;}
#cpqh .gallery-top .swiper-slide .in_news .float-left img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#cpqh .gallery-top .swiper-slide .in_news .float-right{ width: 73%;}
#cpqh .gallery-top .swiper-slide .in_news .float-right p{ color: #333333; font-size: 18px; padding-bottom: 2%; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: 0.3s;}
#cpqh .gallery-top .swiper-slide .in_news .float-right span{ display: block; color: #666666; font-size: 14px; line-height: 22px;}
#cpqh .gallery-top .swiper-slide .in_news:hover .float-right p{color: #0060a3;}
#cpqh .gallery-top .swiper-slide .in_news:hover .float-left{ background: #0060a3;}
#cpqh .gallery-top .swiper-slide ul{ padding-top: 4%;}
#cpqh .gallery-top .swiper-slide li{ height: 30px; line-height: 30px; padding-left: 2%;}
#cpqh .gallery-top .swiper-slide li a{ display: block; width: 80%; color: #828282; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; transition: 0.3s;}
#cpqh .gallery-top .swiper-slide li span{ display: block; width: 20%; color: #999999; font-size: 13px; font-family: Arial;}
#cpqh .gallery-thumbs { padding-right: 60%; height: auto; line-height: 45px; text-align: center; box-sizing: border-box;}
#cpqh .gallery-thumbs .swiper-slide { height: 45px; line-height: 45px; color: #666666; font-size: 15px; font-weight: bold; cursor: pointer;}
#cpqh .gallery-thumbs .swiper-slide a{ color: #666666;}
#cpqh .gallery-thumbs .swiper-slide-thumb-active { position: relative; color: #343434;}
#cpqh .gallery-thumbs .swiper-slide-thumb-active:before{ position: absolute; left: 20%; bottom: 0; content: ''; width: 60%; height: 2px; background: #ded7cd;}
#cpqh .gallery-top .swiper-slide li:hover a{ color: #0060a3;}

.in_pic_1{ background: url("../images/in_pic.png") no-repeat right top #0d866d;}
.in_pic_2{ background: url("../images/in_pic1.png") no-repeat right top #5a6ace;}
.in_pic{ height: 320px;}
.in_pic p{ float: left; color: #fff; font-size: 18px; padding: 23% 10% 0; position: relative; z-index: 2; position: relative;}
.in_pic p span{ display: block; position: absolute; left: 37%; top: 40%; content: ''; opacity: 0; transition: 0.3s;}
.in_pic i{ float: left; color: #fff; font-size: 30px; border: 2px solid #fff; padding: 10px 13px; margin: 19% 0 0 15%; transition: 0.5s;}
/*.in_pic .content{ background: rgba(0,0,0,0.5); width: 100%; height: 100%; z-index: 1; bottom: -100%; transition: 0.3s;}*/
/*.in_pic .content .nr{ color: #fff; font-size: 15px; line-height: 35px;}*/
/*.in_pic .content i{ margin: 5%;}*/
/*.in_pic:hover .content{ bottom: 0;}*/
.in_pic:hover i{ margin-left: 30%; background: #0060a3; border: 2px solid #0060a3;}
.in_pic:hover span{ opacity: 1; top: 55%;}

@media screen and (max-width:1200px){
    #cpqh .gallery-top .swiper-slide .in_news .float-right p{font-size: 16px;}
    #cpqh .gallery-top .swiper-slide .in_news .float-right span{font-size: 12px;}
    .in_pic{ height: 250px;}
}
@media screen and (max-width:768px){
    .in_pic{ height: 300px;}
    .in_pic p span{ left: 32%; top: 20%;}
    .in_pic:hover span{ left: 32%; top: 35%;}
}

@media screen and (max-width:765px){
    .in_pic{ height: 200px;}
}

#xmzs .swiper-container {
    width: 100%;
    height: 100%;
}

#xmzs .swiper-slide {
    width:100%;
    background: url("../images/map.png") no-repeat center #0272bc;

    /* Center slide text vertically */
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
}
#xmzs .swiper-slide .float-left{ height: 0; padding-bottom: 35%; position: relative; overflow: hidden;}
#xmzs .swiper-slide .float-left img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#xmzs .swiper-slide .float-right{ color: #fff; padding: 4% 0 0 2%;}
#xmzs .swiper-slide .float-right h2{ background: url("../images/logo_bai.png") no-repeat left center; color: #fff; padding-left: 40px;}
#xmzs .swiper-slide .float-right .pic{ border: 1px solid rgba(255,255,255,0.5); width: 80%; margin: 8% 8% 0; padding: 4% 0; text-align: center;}
#xmzs .swiper-slide .float-right .pic img{ max-width: 60%;}
#xmzs .swiper-slide .float-right dl{ margin-top: 8%;}
#xmzs .swiper-slide .float-right dl dt{ text-align: left; font-weight: normal;}
#xmzs .swiper-slide .float-right dl dt i{ float: left; padding-right: 10px;}
#xmzs .swiper-slide:hover .float-left img{transform: scale(1.1);}
#xmzs .swiper-button-next:after,#xmzs .swiper-button-prev:after{ display: none;}
#xmzs .swiper-button-next,#xmzs .swiper-button-prev{ background: rgba(0,0,0,0.5); padding: 4% 2%;}
#xmzs .swiper-button-next i,#xmzs .swiper-button-prev i{ color: #fff; font-size: 30px;}
#xmzs .swiper-button-next{ right: 0;}
#xmzs .swiper-button-prev{ left: 0;}
@media screen and (max-width:1200px){
    #xmzs .swiper-slide .float-right h2{ font-size: 20px;}
    #xmzs .swiper-slide .float-right dl dt{ font-size: 12px;}
}

@media screen and (max-width:768px){
    #xmzs .swiper-slide{ flex-direction: column;}
    #xmzs .swiper-slide .float-left{ padding-bottom: 50%;}
    #xmzs .swiper-slide .float-right .pic{ margin: 2% 8%;}
    #xmzs,.in_pic_2{ margin-top: 3%;}
}



/*公司简介*/
#zi_banner{ width: 100%; height: auto; overflow: hidden;}
#zi_banner img{ width: 100%;}
@media screen and (max-width:768px){
    #zi_banner img{ width: 200%; margin-left: -50%;}
}
.content{ padding: 3% 0; line-height: 30px;}

#home{ border-bottom: 1px solid #dcdddc; height: 50px;}
#home .container{ height: 50px; line-height: 49px;}
#home span{ display: block; float: left; color: #878580; border-right: 1px solid #dcdddc; padding: 0 5%;}
#home span i{ font-size: 22px; transition: 0.3s;}
#home span i:hover{ color: #0060a3;}
#home p{ float: left; color: #fff; background: #0060a3; padding: 0 6%; border-right: 1px solid #dcdddc;}
#home dl dt{ float: left; border-right: 1px solid #dcdddc; font-weight: normal; width: 10%; text-align: center; color: #625f59; transition: 0.3s; cursor: pointer;}
#home dl dt i{ display: inline-block; font-size: 12px; padding-left: 5%;}
#home dl dt:hover{ background: #bc9b6f; color: #fff;}
#home dl dt.on{ background: #bc9b6f; color: #fff;}
@media screen and (max-width:1000px){
    #home dl dt{ width: 15%;}
}

@media screen and (max-width:768px){
    #home dl dt{ width: 20%;}
    #home dl dt i{ display: none;}
    #home dl a:last-of-type dt{ border-right: none;}
}


#gsjjbj{ background: url("../images/gsjj_bj.png") no-repeat center bottom; padding-bottom: 5%;}

.gsjj{ padding: 0 30px;}
.gsjj .tit{ border-bottom: 1px solid #f2f2f2;}
.gsjj .tit h2{ color: #bc9b6f; font-size: 24px; font-weight: bold !important;}
.gsjj .tit span{ color: rgba(188,155,111,0.4); font-weight: 100; font-size: 24px;}
.gsjj .content{ color: #999999; line-height: 35px;}
.gsjjpic{ text-align: center;}
.gsjjpic img{ max-width: 100%;}

#xm1{ background: url("../images/xm1.jpg") no-repeat center fixed; width: 100%; height: 400px; box-shadow: 0 0 15px rgba(0,0,0,0.3);}
#xm2{ background: url("../images/xm2.jpg") no-repeat center fixed; width: 100%; height: 400px; box-shadow: 0 0 15px rgba(0,0,0,0.3);}
#xm_font .pic{ padding: 3% 0 10%;}
#xm_font .pic img{ max-width: 100%;}
#xm_font .nr i{ float: left; margin-right: 10px;}
#xm_font .nr{ color: #787878;}
.xw_nr{ border-left: 1px solid #e5e5e5;}
.xw_nr{ padding: 0 3%;}
.xw_nr .tit{ color: #333333; font-size: 30px;}
.xw_nr .content{ color: #787878;}
.xw_nr .more{ float: left; height: 40px; line-height: 40px; background: #0060a3; width: 20%; color: #fff; text-align: center; transition: 0.3s; cursor: pointer;}
.xw_nr .more i{ float: right; font-size: 20px; letter-spacing: 0; border-left: 1px solid #fff; padding: 0 6%;}
.xw_nr:hover .more{ background: #bc9b6f; letter-spacing: 5px;}
@media screen and (max-width:768px){
    #xm_font .pic{ padding: 3% 0;}
    .xw_nr{ padding: 5% 3%;}
    .xw_nr .more{ width: 35%;}
    .xw_nr .tit{ font-size: 22px;}
    #xm1{ background: url("../images/xm1.jpg") no-repeat center; background-size: 100%; height: 250px;}
    #xm2{ background: url("../images/xm2.jpg") no-repeat center; background-size: 100%; height: 250px;}
}


#licheng_bj{ background: url("../images/year_bj.jpg") no-repeat center fixed;}
.year{ background: url("../images/year.png") no-repeat left bottom #0067cd; color: #fff; padding: 12% 8% 3% 0;}
.year_font{ text-align: center; color: rgba(195,167,129,0.8); font-size: 190px; font-family: sans-serif; padding-top: 12%;}
.float-right li{ padding-bottom: 30%; line-height: 20px;}
.float-right li p{ color: rgba(255,255,255,0.8);}
.float-right li p span{ font-size: 48px; font-family: Impact;}
.float-right li i{ color: #c9bfb1;}
@media screen and (max-width:768px){
    .year_font{ padding: 25% 0; font-size: 145px;}
}

#mapbj{ background: url("../images/mapbj.jpg") no-repeat right bottom #fff; padding: 5%; box-shadow: 0 0 10px rgba(0,0,0,0.1); position: relative; z-index: 1; margin-top: -5%;}
.map_pic img{ max-width: 100%;}
.map_pic{ text-align: center;}
.map_font .tit{ border-bottom: 1px solid #f8f5f3; text-align: left; color: #005ecc; font-size: 24px; height: 45px;}
.map_font .tit i{ float: right; color: #ebebeb; font-size: 60px;}
.map_font .content{ color: #999999; font-size: 14px; line-height: 35px; padding-top: 5%;}

#zeren{ background: url("../images/zrbj.jpg") no-repeat center bottom; min-height: 450px;}
@media screen and (max-width:768px){
    #zeren{ background-size: 150%; min-height: 150px;}
}


.single_tit{ border-bottom: 1px solid #f2f2f2; line-height: 30px; padding-bottom: 10px;}
.single_tit p{ color: #bc9b6f; font-size: 24px; font-weight: bold;}
.single_tit span{ display: block; color: rgba(188,155,111,0.4); text-transform: uppercase; font-size: 24px;}


.single_cotent ul li{ background: #f5f5f5; margin-top: 4%;}
.single_cotent ul li .float-left{ width: 25%; height: 140px; background: #eb0a24; color: #fff; position: relative;}
.single_cotent ul li .float-left:before{ position: absolute; right: -20px; top: 0; content: ''; border-top: 20px solid #eb0a24; border-right: 20px solid transparent;}
.single_cotent ul li .float-left p{ font-size: 18px; padding: 17% 0 0 10%;}
.single_cotent ul li .float-left i{ font-size: 45px; float: right; margin: 15% 15% 0 0;}
.single_cotent ul li .float-right{ width: 75%; text-align: center; padding: 0 6%; line-height: 140px; color: #676666; font-size: 16px;}
.single_cotent ul .col-12:nth-of-type(1) li .float-left{ width: 12%;}
.single_cotent ul .col-12:nth-of-type(1) li .float-right{ width: 87%; font-size: 24px;}
.single_cotent ul .col-12:nth-of-type(2) li .float-left{ background: #c9b27d;}
.single_cotent ul .col-12:nth-of-type(2) li .float-left:before{ border-top: 20px solid #c9b27d; }
.single_cotent ul .col-12:nth-of-type(3) li .float-left{ background: #53ceaa;}
.single_cotent ul .col-12:nth-of-type(3) li .float-left:before{ border-top: 20px solid #53ceaa; }
.single_cotent ul .col-12:nth-of-type(4) li .float-left{ background: #fcc729;}
.single_cotent ul .col-12:nth-of-type(4) li .float-left:before{ border-top: 20px solid #fcc729; }
.single_cotent ul .col-12:nth-of-type(5) li .float-left{ background: #73becc;}
.single_cotent ul .col-12:nth-of-type(5) li .float-left:before{ border-top: 20px solid #73becc; }
.single_cotent ul .col-12:nth-of-type(6) li .float-left{ background: #3a77c6;}
.single_cotent ul .col-12:nth-of-type(6) li .float-left:before{ border-top: 20px solid #3a77c6; }
.single_cotent ul .col-12:nth-of-type(7) li .float-left{ background: #914a91;}
.single_cotent ul .col-12:nth-of-type(7) li .float-left:before{ border-top: 20px solid #914a91; }

@media screen and (max-width:1000px){
    .single_cotent ul li{ margin-bottom: 3%;}
    .single_cotent ul .col-12:nth-of-type(1) li .float-left{ width: 25%;}
    .single_cotent ul .col-12:nth-of-type(1) li .float-right{ width: 75%; font-size: 16px; line-height: 30px; padding-top: 6%;}
}


#whbj{ background: url("../images/wh_pic1.jpg") no-repeat center top; padding-bottom: 10%;}
#whbj .text-center h1{ font-family: cursive; font-weight: bold !important; font-size: 36px;}
#whbj .text-center h1 span{ font-family: cursive; color: #0060a3;}
#whbj .text-center p{ color: #555555; font-size: 24px;}
@media screen and (max-width:768px){
    #whbj{ background-size: 250%;}
    #whbj .text-center p{ font-size: 20px;}

}

/*.single_wenhua ul{ margin-top: 17% !important;}*/
/*.single_wenhua ul li{ background: #f5f5f5; margin-top: 4%;}*/
/*.single_wenhua ul li .float-left{ width: 25%; height: 140px; background: #fcc729; color: #fff; position: relative;}*/
/*.single_wenhua ul li .float-left:before{ position: absolute; right: -20px; top: 0; content: ''; border-top: 20px solid #fcc729; border-right: 20px solid transparent;}*/
/*.single_wenhua ul li .float-left p{ font-size: 18px; padding: 17% 0 0 10%;}*/
/*.single_wenhua ul li .float-left i{ font-size: 45px; float: right; margin: 15% 15% 0 0;}*/
/*.single_wenhua ul li .float-right{ width: 75%; text-align: center; padding: 0 6%; line-height: 140px; color: #676666; font-size: 16px;}*/
/*.single_wenhua ul .col-12:nth-of-type(2) li .float-left{ background: #73becc;}*/
/*.single_wenhua ul .col-12:nth-of-type(2) li .float-left:before{ border-top: 20px solid #73becc; }*/
/*.single_wenhua ul .col-12:nth-of-type(2) li .float-left i{ font-size: 55px;}*/
/*.single_wenhua ul .col-12:nth-of-type(3) li .float-left{ background: #3a77c6;}*/
/*.single_wenhua ul .col-12:nth-of-type(3) li .float-left:before{ border-top: 20px solid #3a77c6; }*/
/*.single_wenhua ul .col-12:nth-of-type(4) li .float-left{ background: #914a91;}*/
/*.single_wenhua ul .col-12:nth-of-type(4) li .float-left:before{ border-top: 20px solid #914a91; }*/

#zr_font{ padding: 3%;}
#zr_font .tit{ color: #333333; font-size: 24px; border-bottom: 2px solid #0d866d; float: left; padding-bottom: 2%;}
#zr_font .content{ clear: both; color: #909090; font-size: 14px; width: 100%;}
#zr_bt{ text-align: center; color: #bc9b6f; font-size: 48px; font-weight: 100; padding-top: 5%; position: relative;}
#zr_bt p{ position: relative; z-index: 1;}
#zr_bt:before{ position: absolute; left: 0; top: 58%; content: 'social responsibility'; text-transform: uppercase; opacity: 0.5; color: #dcdcdc; font-weight: 100; font-size: 36px; width: 100%; height: 100%}
#gongyi #zr_bt:before{ content: 'programs for public good';}
#zr_pic{ text-align: center; position: relative; padding: 0; overflow: hidden;}
#zr_pic img{ width: 100%; transition:0.3s;}
#zr_pic p{ position: absolute; right: 0; top: 0; z-index: 1; background: #0d866d; height: 43px; line-height: 43px; padding: 0 5%; color: #fff; font-size: 16px;}
#zr_pic:hover img{transform: scale(1.1);}
@media screen and (max-width:1200px){
    #zr_font .content{ width: 100%;}
    #zr_bt{ font-size: 36px;}
    #zr_bt:before{ font-size: 26px;}
}


#hzhb_bj{ background: url("../images/zeren.jpg") no-repeat right top #0d866d;}
#hzhb .tit{ color: #fff; font-size: 36px; font-weight: 100; position: relative;}
#hzhb .tit p{ position: relative; z-index: 1;}
#hzhb .tit:before{ position: absolute; left: 0; top: 45%; content: 'partnership'; text-transform: uppercase; font-weight: 100; font-size: 72px; color: rgba(255,255,255,0.1);}


#hzhb_content{ margin-top: 10%; padding-right: 10%;}
#hzhb_content .swiper-container { width: 100%; height: auto; color: #fff; margin-left: auto; margin-right: auto;}
#hzhb_content .swiper-slide { }
#hzhb_content .gallery-top { height: auto; min-height: 135px; width: 100%;}
#hzhb_content .gallery-thumbs { height: 20%; box-sizing: border-box; padding: 10px 0; border-top: 1px solid rgba(255,255,255,0.2);}
#hzhb_content .gallery-thumbs .swiper-slide { width: 30%; height: 100%; opacity: 0.4; font-size: 18px; cursor: pointer;}
#hzhb_content .gallery-thumbs .swiper-slide-thumb-active { opacity: 1;}
@media screen and (max-width:768px){
    #hzhb_content{ padding: 0;}
    #hzhb_content .gallery-thumbs .swiper-slide{ font-size: 14px;}
    #hzhb .tit:before{ font-size: 46px;}
}



#gongyi{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.1); padding: 3%; margin: 3% auto;}


.cqfm{ margin-top: 3% !important;}
.cqfm li{ position: relative; margin-bottom: 6%;}
.cqfm li .pic{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.cqfm li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s; }
.cqfm li .newsTitBg{position: absolute;bottom: 0;left: 0;width: 100%;height: 30%; text-align: center; color: #fff; z-index: 1;transition:.4s; background: linear-gradient(bottom,rgba(13,134,109,.9),rgba(13,134,109 ,0) 100%);background: -o-linear-gradient(bottom,rgba(13,134,109,.9),rgba(13,134,109,0) 100%);background: -ms-linear-gradient(bottom,rgba(13,134,109,.9),rgba(13,134,109,0) 100%);background: -moz-linear-gradient(bottom,rgba(13,134,109,.9),rgba(13,134,109,0) 100%);background: -webkit-linear-gradient(bottom,rgba(13,134,109,.9),rgba(13,134,109,0) 100%);}
.cqfm li p{ position: absolute;bottom: 0;left: 0; z-index: 3; width: 100%; height: 40px; line-height: 40px; text-align: center; color: #fff;}
.cqfm li:hover .newsTitBg{ height: 80%;}
.cqfm li:hover .pic img{ transform: scale(1.1);}



.news01 {padding: 3% 0 0;}
.news01 li{ margin-bottom: 7%;}
.news01 .imgbox {width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.news01 .imgbox img { object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.3s;}
/*.news01 .shuiyin{position: absolute; background: url("../images/shuiyin.png") no-repeat center; z-index: 1; left: 0; top: 0; width: 100%; height: 100%;}*/
.news01 .imgbox1 {width: 100%; height: 0; padding-bottom: 80%; position: relative; overflow: hidden;}
.news01 .imgbox1 p { text-align: center; left: 0; position: absolute; height:100%; width:100%; transition: 0.3s;}
.news01 .imgbox1 p img{ max-width: 100%; max-height: 100%; transition:0.3s;}
.news01 .slide:hover .imgbox img {transform: scale(1.1);}

.news01 .txtbox { height: 50px; line-height: 50px; text-align: center; font-size: 16px; -webkit-transition: all .3s; -moz-transition: all .3s; -ms-transition: all .3s; -o-transition: all .3s; transition: all .3s; position: relative; background: #fff; border-bottom: 1px solid #e2e2e2;}
.news01 .txtbox span{ display: block; z-index: 1; position: relative; transition:0.3s;}
.news01 .txtbox:after {  position: absolute;content: ""; background: #0060a3; height: 100%; width:100%;  left: 0;bottom: 0;
    transition: all 0.5s;
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}
.news01 .slide:hover .txtbox::after { -webkit-transform-origin: left center;
    transform-origin: left center;
    -webkit-transform: scaleX(1); -moz-transform: scaleX(1); -ms-transform: scaleX(1);
    -o-transform: scaleX(1); transform: scaleX(1);
}
.news01 .slide:hover .txtbox span{ color: #fff;}



#kjcx{ width: 100%; position: relative; }
#kjcx:before{ background: #f7f7f7; position: absolute; left: 0; top: 0; width: 60%; height: 100%; content: '';}
#kjcx:after{ background: url("../images/kjcx.jpg") no-repeat right center; position: absolute; right: 0; bottom: 0; width: 100%; height: 100%; content: '';}
#kjcx .main{ position: relative; z-index: 1; padding: 8% 0;}
#kjcx .main .single_tit{ border-bottom: 1px solid #fff;}
#kjcx .main .content{ color: #8d8d8d;}
@media screen and (max-width:1700px){
    #kjcx:after{ background-size: 55%;}
}
@media screen and (max-width:1200px){
    #kjcx .main{ padding: 5% 0;}
}
@media screen and (max-width:991px){
    #kjcx:before{ width: 100%;}
    #kjcx:after{ display: none;}
}
@media screen and (max-width:768px){
    #kjcx:before{ width: 100%;}
    #kjcx:after{ display: block; background: url("../images/kjcx.jpg") no-repeat right bottom; background-size: 100%;}
    #kjcx .main{ padding: 5% 0 50%;}
    #kjcx .main .content{ padding: 0 15px;}
}

#kj_font li{ float: left; height: 45px; background: #0060a3; transition: 0.3s; text-align: center; color: #fff; line-height: 45px; width: 18%; margin: 0 1% .5%;}
#kj_font li:hover{ background: #bc9b6f;}
@media screen and (max-width:768px){
    #kj_font li{ width: 48%;}
}

#kjpic{ position: relative; margin-top: 5%;}
#kjpic .swiper-container {
    width: 100%;
    height: 100%;
    padding: 0;
}
#kjpic .swiper-slide {
    text-align: center;
    overflow: hidden;
    transition: 0.3s;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#kjpic .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; border: 1px solid #efefef;}
#kjpic .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s; }
#kjpic .swiper-slide:hover .pic img{ transform: scale(1.1);}
#kjpic .swiper-button-next,#kjpic .swiper-button-prev{ background: #fff; border: 1px solid #ccc; width: 45px; height: 45px; line-height: 45px; top: 48%; z-index: 1; transition:0.3s;}
#kjpic .swiper-button-next:after,#kjpic .swiper-button-prev:after{ display: none;}
#kjpic .swiper-button-next i,#kjpic .swiper-button-prev i{ font-size: 30px; color: #ccc; transition: 0.3s;}
#kjpic .swiper-button-next{ right: -5%;}
#kjpic .swiper-button-prev{ left: -5%;}
#kjpic .swiper-button-next:hover,#kjpic .swiper-button-prev:hover{ background: #0060a3; border: 1px solid #0060a3;}
#kjpic .swiper-button-next:hover i,#kjpic .swiper-button-prev:hover i{ color: #fff;}
@media screen and (max-width:768px){
    #kjpic .swiper-container{ padding: 3% 5%;}
    #kjpic .swiper-button-next{ right:0;}
    #kjpic .swiper-button-prev{ left:0;}
    #kjpic .swiper-button-next,#kjpic .swiper-button-prev{ width: 30px;}
    #kjpic .swiper-button-next i,#kjpic .swiper-button-prev i{ font-size: 30px;}
}


#fwbj1{ background: url("../images/fw_bj1.jpg") no-repeat center top; padding-top: 4%;}
#fwbj1 .main{ background: url("../images/fw_bj3.jpg") no-repeat center top; padding: 3% 10%; text-align: center;}
#fwbj1 .main .single_tit{ text-align: center; width: 60%; display: inline-block;}
#fwbj1 ul{ margin: 2% auto 0 !important; padding: 0 0 5%;}
#fwbj1 li{ float: left; width: 24%;}
#fwbj1 li:nth-of-type(3){ width: 28%;}
#fwbj1 li img{ width: 100%;}
#fwbj1 li .font{ padding: 7%; color: #fff; font-size: 24px;}
#fwbj1 li .font p{ padding-bottom: 10px;}
#fwbj1 li .font span{ text-transform: uppercase;}
@media screen and (max-width:768px){
    #fwbj1 li{ width: 50%;}
    #fwbj1 li:nth-of-type(3){ width: 50%;}
    #fwbj1 li .font{ display: none;}
}


#rcln_bj{ background: url("../images/rczp_pic1.jpg") no-repeat center top #0f0e13;}
#rcln_bj .main{ padding: 3% 0 0;}
#rcln_bj .main .single_tit{ border-bottom: 1px solid rgba(255,255,255,0.2);}
#rcln_bj .main .content{ color: rgba(255,255,255,0.8); padding-right: 30%; line-height: 40px;}
@media screen and (max-width:768px){
    #rcln_bj .main .content{ padding-right: 0;}
}
#rcln_bj1{ background: url("../images/rczp_pic2.jpg") no-repeat center top;}
.rcln_pic img{ max-width: 100%;}
.rcln_pic{ text-align: center;}

#rcln_bj1 ul{ padding-top: 5%;}
#rcln_bj1 li{ background: #43c2cf; margin: 0; padding: 10% 4%; position: relative; transition: 0.3s; box-shadow: 0 0 10px rgba(0,0,0,0.5);}
#rcln_bj1 ul .col-12:nth-of-type(2) li{background: #e1c68f;}
#rcln_bj1 li .pic img{ max-width: 100%;}
#rcln_bj1 li .pic{ text-align: center;}
#rcln_bj1 li:before{ position: absolute; content: ''; left: 0; top: 0; width: 100%; opacity: 0; transition: 0.3s; height: 100%; border: 5px solid rgba(255,255,255,0.5);}
#rcln_bj1 li .font{ color: #fff; padding-top: 7%; line-height: 30px; }
#rcln_bj1 li .font p{ font-size: 18px; font-weight: bold;}
#rcln_bj1 li .font span{ text-transform: uppercase;}
#rcln_bj1 li:hover:before{ opacity: 1;}
#rcln_bj1 li:hover{ }









/*新闻中心*/

#gsxw{ background: #f2f4f7;}
#gsxw .pic{ height: 0; padding-bottom: 27%; position: relative; overflow: hidden;}
#gsxw .pic img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#gsxw .font{ padding: 3%; position: relative;}
#gsxw .font p{ color: #e60012; font-size: 36px; font-family: Bahnschrift;}
#gsxw .font .tit{ color: #2d2d2d; font-size: 18px;}
#gsxw .font .content{ color: #666666;}
#gsxw .font .more{ position: absolute; right: 0; bottom: 0; height: 40px; line-height: 40px; background: #bc9b6f; width: 30%; color: #fff; text-align: center; transition: 0.3s;}
#gsxw .font .more i{ float: right; font-size: 20px; letter-spacing: 0; border-left: 1px solid #fff; padding: 0 6%;}
#gsxw:hover .more{ background: #0060a3; letter-spacing: 5px;}
@media screen and (max-width:768px){
    #gsxw{ margin: 0;}
    #gsxw .pic{ padding-bottom: 50%;}
    #gsxw .font{padding-bottom: 10%;}
}

#gsxw_lb .swiper-container {
    margin: 3% 0 0;
    width: 100%;
    height: 100%;
}
#gsxw_lb .swiper-slide {
    transition:0.3s;
    position: relative;
    background: #fff;
    padding: 10px;
    cursor: pointer;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#gsxw_lb .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 68%; position: relative; overflow: hidden;}
#gsxw_lb .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#gsxw_lb .swiper-slide p{ color: #666666; font-family: Arial;}
#gsxw_lb .swiper-slide .news_title{ color: #333333; font-size: 16px; text-align: left; line-height: 40px; overflow: hidden;text-overflow: ellipsis; white-space: pre;}
#gsxw_lb .swiper-slide .content{ width: 100%; color: #999; padding-top: 1%;}
#gsxw_lb .swiper-slide .more{ color: #e60012;}
#gsxw_lb .swiper-slide:hover{ background: #0060a3; }
#gsxw_lb .swiper-slide:hover .news_title,#gsxw_lb .swiper-slide:hover p,#gsxw_lb .swiper-slide:hover .content,#gsxw_lb .swiper-slide:hover .more{ color: #fff;}



#mtbd .swiper-container {
    margin: 0;
    width: 100%;
    height: 100%;
}
#mtbd .swiper-slide {
    transition: 0.3s;
    position: relative;
    background: #fff;
    padding: 10px;
    cursor: pointer;
    border-bottom: 3px solid #fff;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#mtbd .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 68%; position: relative; overflow: hidden;}
#mtbd .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#mtbd .swiper-slide p{ color: #666666; font-family: Arial;}
#mtbd .swiper-slide .news_title{ color: #333333; font-size: 16px; text-align: left; line-height: 40px; overflow: hidden;text-overflow: ellipsis; white-space: pre; transition: 0.3s;}
#mtbd .swiper-slide .content{ width: 100%; color: #999; padding-top: 1%;}
#mtbd .swiper-slide .more{ color: #e60012;}
#mtbd .swiper-slide:hover{ background: #f2f4f7; border-bottom: 3px solid #0060a3; }
#mtbd .swiper-slide:hover .news_title{ color: #0060a3;}



.xwmore{ background: #f2f4f7; height: 50px; line-height: 50px; text-align: center; margin-top: 3%;}
.more-icon i { display: inline-block; width: 11px; height: 11px; border-radius: 50%; display: inline-block; position: relative; background: #0060a3; box-shadow: -24px 0 #033e83, 24px 0 #57a5ff; margin: 0 3px; animation: shadowPulse 2s linear infinite; }
@keyframes shadowPulse { 33% { background: #57a5ff; box-shadow: -24px 0 #033e83, 24px 0 #0060a3; }
    66% { background: #57a5ff; box-shadow: -24px 0 #0060a3, 24px 0 #033e83; }
    100% { background: #0060a3; box-shadow: -24px 0 #033e83, 24px 0 #57a5ff; } }
@-moz-keyframes shadowPulse { 33% { background: #57a5ff; box-shadow: -24px 0 #033e83, 24px 0 #0060a3; }
    66% { background: #57a5ff; box-shadow: -24px 0 #0060a3, 24px 0 #033e83; }
    100% { background: #0060a3; box-shadow: -24px 0 #033e83, 24px 0 #57a5ff; } }


#xgcp{ padding: 7% 0 2%;}
#xgcp li{ margin-bottom: 10%;}
#xgcp li .pic{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#xgcp li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#xgcp li p{ height: 40px; line-height: 40px; background: #f4f4f4; text-align: center; transition: 0.3s; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#xgcp li:hover p{ background: #bc9b6f; color: #fff;}
#xgcp li:hover .pic img{ transform: scale(1.1);}



#shipin{ background: #f2f4f7;}
#shipin .pic{ height: 0; padding-bottom: 33%; position: relative; overflow: hidden;}
#shipin .pic img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#shipin .font{ padding: 5%; position: relative;}
#shipin .font .tit{ color: #737373; font-size: 16px; text-decoration: underline;}
#shipin .font .content{ color: #e93642; font-size: 36px; font-family: Bahnschrift; text-transform: uppercase; font-weight: bold; line-height: 40px;}
#shipin .font .more i{ font-size: 45px; color: #e93642;}
@media screen and (max-width:768px){
    #shipin{ margin: 0;}
    #shipin .pic{ padding-bottom: 50%;}
    #shipin .font{padding-bottom: 10%;}
}


#spgd .swiper-container {
    width: 100%;
    height: 100%;
    padding-bottom: 3%;
}

#spgd .swiper-slide {
    text-align: center;
    background: #fff;
    border-bottom: 4px solid #ddcec5;
    transition: 0.3s;
    filter: drop-shadow(-6px 5px 6px rgba(153, 153, 153, 0.4));

/* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#spgd .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; background: #000;}
#spgd .swiper-slide .pic img{width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.3s;}
#spgd .swiper-slide .pic i{ position: absolute; left: 5%; bottom: 10%; font-size: 55px; color: #fff; z-index: 1; transition: 0.3s;}
#spgd .swiper-slide .tit{ width: 95%; height: 80px; line-height: 80px; color: #737373; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#spgd .swiper-scrollbar{ height: 8px; background: #f9f7f5; border-radius: 0; left: 0; width: 100%;}
#spgd .swiper-scrollbar .swiper-scrollbar-drag{ background: #ddcec5; border-radius: 0; opacity: 0.4;}
#spgd .swiper-slide:hover .pic img{ transform: scale(1.1); opacity: 0.5;}
#spgd .swiper-slide:hover .pic i{ left: 42%; bottom: 42%;}
#spgd .swiper-slide:hover{ background: #bc9b6f; border-bottom: 4px solid #bc9b6f;}
#spgd .swiper-slide:hover .tit{ color: #fff;}


#scbj{ background: url("../images/zb_bj.jpg") no-repeat center bottom #dde7eb; width: 100%;}
#scbj .main{ padding: 3% 0;}
.sc_tit{ text-align: center; padding-bottom: 5%;}
.sc_tit p{ color: #333333; font-size: 24px; font-weight: bold;}
.sc_tit span{ color: rgba(117,117,117,0.4); font-size: 18px; text-transform: uppercase;}

.scpic{ text-align: center; border-right: 1px solid #c8d5df;}
.scpic img{ max-width: 100%;}
.scfont{ padding: 3% 5%;}
.scfont p{ color: #666666; font-size: 18px; padding-bottom: 5%;}
.scfont span{ display: block; font-family: Bahnschrift; font-size: 30px; color: #0060a3; line-height: 40px;}

#scbj1{ background: url("../images/zb_bj1.png") no-repeat center bottom #f2f5f8; width: 100%;}
#scbj1 .single_tit{ border-bottom: 1px solid #fff;}
#scbj1 li{ background: #fff; border-bottom: 1px solid #f2f5f8; height: 70px; line-height: 70px; position: relative; overflow: hidden;}
#scbj1 li .tit{ padding-left: 2%; transition: 0.3s;}
#scbj1 li .tit a{ color: #333333;}
#scbj1 li .time{ color: #999999; text-align: right; transition: 0.3s;}
#scbj1 li .chakan{ position: absolute; right: 0; top: 0; width: 0; height: 70px; background: #0060a3; color: #fff; text-align: center; transition: 0.3s;}
#scbj1 li .chakan i{ font-size: 20px;}
#scbj1 li:before{ position: absolute; left: 0; top: 0; content: ''; width: 0; height: 100%; background: #a9b7c0; transition: 0.5s;}
#scbj1 li:hover .chakan{ width: 70px;}
#scbj1 li:hover:before{ width: 100%;}
#scbj1 li:hover a{ color: #fff;}
#scbj1 li:hover .time{ color: #fff; padding-right: 6%;}
#scbj1 li:hover .tit{ padding-left: 3%;}
@media screen and (max-width:768px){
    .scpic{ border: none;}
    .scfont{ text-align: center; padding-top: 5%;}
}


/*产品页面*/
.mzsmnr{ display: none;}


.cpzh{ border-bottom: 1px solid #f2f2f2; }
.cpzh .single_tit{ border: none;}
.cpzh .font{ color: #737373;}

.cp_class{ background: url("../images/cpbj.jpg") no-repeat center top #fafafa; padding: 17% 0 5%;}
.cp_class .main{ background: #fff; padding: 3%;}
.cp_class .tit_cp{ border-bottom: 1px solid #f2f2f2; color: #383838; font-size: 24px; font-weight: bold; height: 50px; position: relative; }
.cp_class .tit_cp p{ position: relative; z-index: 1;}
.cp_class .tit_cp i{ float: left; color: #505050; font-size: 30px; font-weight: normal; margin-right: 10px;}
.cp_class .tit_cp:before{ width: 55px; height: 55px; background: #fcebe9; position: absolute; left: 1%; top: -25%; content: ''; border-radius: 100%;}

#xiangmu .swiper-container {
    width: 100%;
    padding: 3% 10px;
    height: 100%;
}
#xiangmu .swiper-slide {
    transition:0.3s;
    background: #ffffff;
    box-shadow: 0 0 5px rgba(0,0,0,0.1);
    cursor: pointer;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#xiangmu .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; }
#xiangmu .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.3s;}
#xiangmu .swiper-slide .tit{ width: 95%; padding: 8% 0 3%;}
#xiangmu .swiper-slide .tit .float-left{ color: #333333; font-weight: bold; font-size: 18px; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
#xiangmu .swiper-slide .tit .float-right li{ float: right; font-size: 12px; padding: 0 7px; margin-right: 5px; background: #e7ebff; height: 30px; line-height: 30px; color: #8c97cb;}
#xiangmu .swiper-slide .tit .float-right li:nth-of-type(2){ background: #fceae7; color: #e63f24;}
#xiangmu .swiper-slide .tit .float-right li:nth-of-type(3){ background: #60bb89; color: #e5f4ed;}
#xiangmu .swiper-slide .nr{ width: 95%; color: #333333; padding: 0 0 1%; text-align: left;}
#xiangmu .swiper-slide .nr i{ float: left; padding-right: 5px; color: #c8c8c8;}
#xiangmu .swiper-slide .more { width: 95%; height: 40px; text-align: center; margin: 3% 0 5%;}
#xiangmu .swiper-slide .more a{ display: block; float: left; width: 35%; height: 40px; line-height: 40px; background: #e9dfd2; color: #fff; text-align: center; transition: 0.3s;}
#xiangmu .swiper-slide .more a i { float: right; font-size: 20px; border-left: 1px solid #fff; padding: 0 8%;}
#xiangmu .swiper-slide:hover{ filter: drop-shadow(-8px 5px 8px rgba(153, 153, 153, 0.2));}
#xiangmu .swiper-slide:hover .more a{ background: #bc9b6f;}
#xiangmu .swiper-slide:hover .pic img{ transform: scale(1.1);}

#cpnr{ margin-top: 3%;}
#cpnr li{ text-align: left; transition:0.3s; background: #ffffff; box-shadow: 0 0 5px rgba(0,0,0,0.1); margin-bottom: 5%; cursor: pointer;}
#cpnr li .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; }
#cpnr li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.3s;}
#cpnr li .tit{ width: 100%; padding: 8% 15px 3%;}
#cpnr li .tit .float-left{ color: #333333; font-weight: bold; font-size: 18px; white-space: nowrap;text-overflow:ellipsis;overflow: hidden;}
#cpnr li .tit .float-right li{ float: right; font-size: 12px; padding: 0 7px; margin-right: 5px; background: #e7ebff; height: 30px; line-height: 30px; color: #8c97cb;}
#cpnr li .tit .float-right li:nth-of-type(2){ background: #fceae7; color: #e63f24;}
#cpnr li .tit .float-right li:nth-of-type(3){ background: #60bb89; color: #e5f4ed;}
#cpnr li .nr{ width: 100%; color: #333333; padding: 0 15px 1%;}
#cpnr li .nr i{ float: left; padding-right: 5px; color: #c8c8c8;}
#cpnr li .more { width: 100%; height: 40px; text-align: center; margin: 3% 15px 5%;}
#cpnr li .more a{ display: block; float: left; width: 35%; height: 40px; line-height: 40px; background: #e9dfd2; color: #fff; text-align: center; transition: 0.3s;}
#cpnr li .more a i { float: right; font-size: 20px; border-left: 1px solid #fff; padding: 0 8%;}
#cpnr li:hover{ filter: drop-shadow(-8px 5px 8px rgba(153, 153, 153, 0.2));}
#cpnr li:hover .more a{ background: #bc9b6f;}
#cpnr li:hover .pic img{ transform: scale(1.1);}
@media screen and (max-width:768px){
    #cpnr li .tit .float-right li{ padding: 0 3px;}
}


#cpinfo_bj{ background: url("../images/infobj.jpg") no-repeat center fixed #f1f5f8; margin-top: 90px;}
#infobj{ background: url("../images/cpinfo_bj.jpg") no-repeat center top;}
#infobj #cpinfo_con{ background: #fff;}
#infobj #cpinfo_con .pic{ display: block; width: 100%; height: 0; padding-bottom: 33%; position: relative; overflow: hidden; }
#infobj #cpinfo_con .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition: 0.3s;}
#infobj #cpinfo_con .font{ padding: 3%;}
#infobj #cpinfo_con .pic_zi{ text-align: left;}
#infobj #cpinfo_con .pic_zi img{ max-width: 50%;}
#infobj #cpinfo_con .tit{ color: #0060a3; font-size: 24px; font-weight: bold;}
#infobj #cpinfo_con .nr{ color: #a1a1a1; font-size: 24px; font-family: Bahnschrift;}
#infobj #cpinfo_con .nr i{ float: left; color: #e63f24; font-size: 40px; margin-right: 10px;}
#infobj #cpinfo_con ul{ padding: 5% 0;}
#infobj #cpinfo_con ul li{ float: left; font-size: 14px; padding: 0 3%; margin-right: 5px; background: #f5e7db; height: 30px; line-height: 30px; color: #666666;}
#infobj #cpinfo_con .add{ color: #666666;}
#infobj #cpinfo_con .add i{ float: left; margin-right: 5px;}
#infobj #cpinfo_con .more{ background: #e63f24; width: 100%; height: 60px; line-height: 60px; font-size: 16px; text-align: center; margin-top: 5%; border-radius: 5px; color: #fff; transition: 0.3s;}
#infobj #cpinfo_con .more i{ display: inline-block; font-size: 25px; margin-right: 5%;}
#infobj #cpinfo_con .more:hover{ background: #0060a3; letter-spacing: 5px; filter: drop-shadow(-5px 5px 8px rgba(0, 0, 0, 0.3)); }
@media screen and (max-width:768px){
    #infobj #cpinfo_con .pic{ padding-bottom: 70%;}
}


.bai{ background: #fff; padding: 3%;}
.bai .tit{ color: #0060a3; font-size: 24px; position: relative; height: 40px; width: 100%;}
.bai .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; height: 1px; width: 3%; background: #e7e7e7;}
.bai .tit .mzsm{ font-size: 15px; color: #666; cursor: pointer; text-decoration: underline; color: #d81e06; font-weight: bold;}
.bai .content{ clear: both; padding: 2% 0 0;}
.blue{ background: #2f318b;}
.blue .main{ padding: 3% 0 1%;}
.blue .tit{ color: #fff; font-size: 24px; position: relative; height: 40px; width: 100%;}
.blue .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; height: 1px; width: 3%; background: #fff;}
@media screen and (max-width:768px){
    .blue .tit{ margin: 0 15px;}
}


#gshj{ position: relative;}
#gshj .swiper-container {
    width: 100%;
    height: 100%;
    padding: 0;
}
#gshj .swiper-slide {
    text-align: center;
    overflow: hidden;
    transition: 0.3s;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#gshj .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden; border: 1px solid #efefef;}
#gshj .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s; }
#gshj .swiper-slide p{ width: 100%; height: 50px; line-height: 50px; text-align: left; background: #fff; border-bottom: 1px solid #f2f1f1; transition:0.3s; position: relative;}
#gshj .swiper-slide p:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 10%; height: 1px; background: #e63f24;}
#gshj .swiper-slide:hover .pic img{ transform: scale(1.1);}
#gshj .swiper-slide:hover p{ background: #d81e06; color: #fff; padding-left: 10px; }
#gshj .swiper-button-next,#gshj .swiper-button-prev{ background: #d81e06; width: 45px; height: 45px; line-height: 45px; top: 48%; z-index: 1; transition:0.3s;}
#gshj .swiper-button-next:after,#gshj .swiper-button-prev:after{ display: none;}
#gshj .swiper-button-next i,#gshj .swiper-button-prev i{ font-size: 30px; color: #fff; transition: 0.3s;}
#gshj .swiper-button-next{ right: -2%;}
#gshj .swiper-button-prev{ left: -2%;}
#gshj .swiper-button-next i{ padding-right: 10px;}
#gshj .swiper-button-next:hover,#gshj .swiper-button-prev:hover{ background: #0060a3;}
@media screen and (max-width:768px){
    #gshj .swiper-container{ padding: 3% 5%;}
    #gshj .swiper-button-next{ right:0;}
    #gshj .swiper-button-prev{ left:0;}
    #gshj .swiper-button-next,#gshj .swiper-button-prev{ width: 30px;}
    #gshj .swiper-button-next i,#gshj .swiper-button-prev i{ font-size: 30px;}

    .layui-layer{ width: 90% !important; left: 5% !important; height: 400px !important;}


}



#xiangmu{ position: relative;}
#xiangmu .swiper-container {
    width: 100%;
    height: 100%;
    padding: 2% 0;
}
#xiangmu .swiper-slide {
    text-align: center;
    overflow: hidden;
    transition: 0.3s;

    /* Center slide text vertically */
    flex-direction: column;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
}
#xiangmu .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
#xiangmu .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s; }
#xiangmu .swiper-slide:hover .pic img{ transform: scale(1.1);}
#xiangmu .swiper-button-next,#xiangmu .swiper-button-prev{ background: #e63f24; width: 45px; height: 45px; z-index: 5; line-height: 45px; top: -25%; transition:0.3s;}
#xiangmu .swiper-button-next:after,#xiangmu .swiper-button-prev:after{ display: none;}
#xiangmu .swiper-button-prev{ background: #fff;}
#xiangmu .swiper-button-next i,#xiangmu .swiper-button-prev i{ font-size: 20px; color: #fff; transition: 0.3s;}
#xiangmu .swiper-button-prev i{ color: #e63f24;}
#xiangmu .swiper-button-next{ right: 0;}
#xiangmu .swiper-button-prev{ left: auto; right: 5%;}
#xiangmu .swiper-button-next:hover,#xiangmu .swiper-button-prev:hover{ background: #bc9b6f;}
@media screen and (max-width:768px){
    #xiangmu .swiper-button-next,#xiangmu .swiper-button-prev{ top: -12%;}
    #xiangmu .swiper-container{ padding: 3% 5%;}
    #xiangmu .swiper-button-next{ right:0;}
    #xiangmu .swiper-button-prev{ right:10%;}
    #xiangmu .swiper-button-next,#xiangmu .swiper-button-prev{ width: 30px;}
    #xiangmu .swiper-button-next i,#xiangmu .swiper-button-prev i{ font-size: 30px;}
}





/*子页*/
.bga{background: #fbfbfd;}
.contactaa li {font-size: 16px; transition: 0.3s;}
.contactaa li i{font-size: 18px; float: left; margin-right: 10px;}
.contactaa li span{color: #d70000;height: auto;overflow: hidden;margin-bottom: 1rem;line-height: 40px;}
.contactaa li p{line-height: 30px;}
.contactaa li:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1);}

.contactba .forma{height: auto;overflow: hidden;}
.contactba .forma span{display: block;font-size: 20px;line-height: 45px;}
.contactba .forma input{float: left;width: 32%;margin-right: 2%;line-height: 40px;padding-left: 2%;border: 1px solid #e6e6e6;}
.contactba .forma input:last-child{margin-right: 0px;}
.contactba textarea {display: block;padding-left:2%;width: 100%;height: 90px;background: #fff;line-height: 35px;border: 1px solid #e6e6e6;}
.contactba .code {width: 50%;}
.contactba .code input {width: 31%;line-height: 40px;float: left;}
.contactba .code .verify {cursor: pointer;float: left;margin:0 2%;width: 31%;height: 40px;text-align: center;}
.contactba .code .verify img {display: inline-block;vertical-align: middle;max-width: 100%;max-height: 100%;border: 1px solid #e6e6e6;}
.contactba .submit {position: relative; float: left;display: block;width: 31%;height: 40px;text-align: center;line-height: 40px;background: #b70000;color: #fff;}
.contactba .submit em {display: block; position: relative;z-index: 3;transition:.6s;}
.contactba .submit em{position: relative;z-index: 3;}
.contactba .submit:after{position: absolute;width: 100%;height: 100%;max-height: 0;z-index: 1;content: '';background-color: #444;left: 0;bottom: 0;transition: 0.4s cubic-bezier(0.645, 0.045, 0.355, 1);}
.contactba .submit:hover:after {max-height: 100%;max-width: 100%;}

.contactba .form-tr {overflow: hidden;margin-top: 2%;}
.contactba input {display: block;width: 90%;padding-left:2%;height: 40px;line-height: 40px;background: #fff;border: 1px solid #e6e6e6;}


#zpbj{ background: url("../images/zp_bj.png") no-repeat center top;}
#zpbj .single_tit{ position: relative; margin-top: 4%;}
#zpbj .single_tit:before{ position: absolute; right: 0; bottom: 0; content: ''; width: 100%; height: 300%; background: url("../images/zp_tit.png") no-repeat right bottom ;}
.inner_contact_02{ margin-top: 3%;}
#jobs_title{padding:0; width:100%; background: #464650;color: #fff;font-size: 14px;height: 54px;line-height: 54px; text-align: center;}
.inner_contact_02 .td1{width: 24.33%;float: left; text-align: center;}
.inner_contact_02 .td2{width: 21.33%;float: left; text-align: center;}
.inner_contact_02 .td3{width: 21.91%;float: left; text-align: center;}
.inner_contact_02 .td4{width: 17.41%;float: left; text-align: center;}
.inner_contact_02 .td5{width: 15%;float: left; text-align: center;}
.inner_contact_02 .td5 a{color: #dd0004;font-size: 14px;}
@media screen and (max-width:768px){
    .inner_contact_02 .td4{ width: 30%;}
    #zpbj .single_tit:before{ display: none;}
}

#jobs_ul{padding:0 0 73px;width: 100%;}
#jobs_ul li{width: 100%;}
#jobs_ul li .jobs_title{font-size: 14px; width: 100%; line-height: 30px; background: rgba(255,255,255,0.6); color: #777;padding:16px 0;border-bottom: solid 1px #efefef;}
#jobs_ul li .jobs_box{padding:20px 3.5% 36px;background: rgba(245,245,245,0.7); position: relative;display: none;}
#jobs_ul li .jobs_box .info1 {
    border-bottom: 1px solid #e5e5e5;
    padding-bottom: 22px;
}
#jobs_ul li .jobs_box .info1 p {
    font-size: 14px;
    color: #333333;
    line-height: 25px;
    margin: 5px 0px !important;
}
#jobs_ul li .jobs_box .info2 {
    border-bottom: 1px solid #e5e5e5;
    padding: 14px 0 22px;
}
#jobs_ul li .jobs_box .info2 h3 {
    font-size: 18px;
    color: #333333;
    line-height: 3;
    font-weight: normal;
}
#jobs_ul li .jobs_box .info2 p {
    font-size: 14px;
    color: #777777;
    line-height: 2.5;
}
#jobs_ul li .jobs_box .info2 .float-left {
    width: 50%;float: left;
}
#jobs_ul li .jobs_box .info2 .float-right {
    width: 43.5%;float: right;
}
#jobs_ul li .jobs_box .info2 .float-left .info-box {
    border-right: 1px solid #e5e5e5;padding-right: 10%;
}
#jobs_ul li .jobs_box .info3 {
    margin-top: 31px;
}
#jobs_ul li .jobs_box .info3 .apply_btn {
    width: 151px;
    height: 41px;
    line-height: 41px;
    background: #dd0004;
    font-size: 16px;
    color: #ffffff;
    float: right;
    transition: 0.3s;
    text-align: center;
}
#jobs_ul li .jobs_box .info3 .apply_btn:hover {
    background: #bc9b6f;
}
#jobs_ul li .jobs_box .info3 .all {
    float: right;
    font-size: 14px;
    color: #777777;
    height: 41px;
    line-height: 41px;
    padding-left: 30px;
}
#jobs_ul li .jobs_box i {
    position: absolute;
    left: 18px;
    top: -12px;
    width: 0;
    height: 0;
    border-width: 6px;
    border-style: solid;
    border-color: transparent transparent #f5f5f5;
}




/*公共*/
.pro-sider {
 float: none;
 background: #fff;
 margin-bottom: 5%;
}
.pro-sider .in-title {
    padding: 3%;
 overflow: hidden;
    background-color: #0272bc;
 line-height: 30px;
}
.pro-sider .in-title h3 {
  line-height: 60px;
    padding-left: 8%;
  font-size: 20px;
  color: #fff;
}
.pro-sider .in-title h3 i{ display: block; float: right; color: #fff; font-size: 30px;}
.pro-sider .in-title em {
 font-size: 12px;
 color: rgba(255,255,255,0.5);
 font-family: arial;
 text-transform: uppercase;
}

.pro-sider-ul { height: auto; text-align: left; background: #fff; padding: 15px; border: 1px solid #ebebeb;}
.pro-sider-ul .ul-li{ padding: 0;}
.pro-sider-ul .big { display: block; cursor: pointer; background: #f6f6f6; margin-bottom: 5px; padding: 0 15px; height: 40px; line-height: 40px; transition: 0.3s;}
.pro-sider-ul .big i{ float: left; color: #9c9c9c; font-size: 20px; padding-right: 20px;}
.pro-sider-ul .big p{ color: #333333; font-size: 18px;}
.pro-sider-ul .big:hover { background: #bc9b6f; color: #fff !important; }
.pro-sider-ul .big:hover i{ color: #fff;}
.pro-sider-ul .small{ display: block; height: 40px; line-height: 40px; font-size: 14px; margin: 0 15px; padding-left: 60px; border-bottom: 1px dashed #efefef;}
.pro-sider-ul #li-on a{ background: #bc9b6f; color: #fff !important;}
.pro-sider-ul #li-on i{color: #fff;}
@media screen and (max-width:768px){
    .pro-sider-ul .ul-li{ padding: 3% 0 3% 2%;}
    .pro-sider-ul .ul-li p{ font-size: 13px;}
    .pro-sider-ul .ul-li span{ font-size: 12px;}
}

.page {
 font-size: 0;
 text-align: center;
}
.page .center {
 display: inline-block;
 overflow: hidden;
}
.page .center .page-span {
 float: left;
 font-size: 14px;
 color: #c3c3c3;
 line-height: 32px;
 margin-right: 30px;
}
.page .center .page-list {
 float: left;
 overflow: hidden;
}
.page .center .page-list ul li {
 float: left;
 width: auto;
 min-width: 30px;
 height: 32px;
 text-align: center;
 line-height: 30px;
 font-size: 14px;
 margin: 0 4px;
 padding: 0;
 border: none;
 background: transparent;
}
.page .center .page-list ul li a {
 min-width: 20px;
 padding: 0 5px;
 border: 1px solid #eee;
 display: block;
 color: #333;
 border-radius: 4px;
 -webkit-border-radius: 4px;
 overflow: hidden;
 background: #fff;
}
.page .center .page-list ul li:hover a {
 color: #f3c04b;
}
.page .center .page-list ul li.active a {
 background: #f3c04b;
 color: #fff;
}