.main{ line-height: 30px; padding: 5% 0;}

@media screen and (max-width:768px){
    .row{ margin: 0;}
}
.img-cover-4by3{ width: 100%; height: 0; padding-bottom: 50%; position: relative; overflow: hidden;}
.abs-center{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
/*.shuiyin{ position: absolute; left: 0; top: 0; z-index: 1; background: url("../images/shuiyin.png") repeat center top; width: 100%; height: 100%; background-size: 100%;}*/

.my-button-disabled{opacity: 1!important;pointer-events:visible!important; cursor: pointer!important;}


#dituContent label {
  max-width: unset!important;
  text-align: center;
}

@media screen and (max-width:991px){
    .layui-layer{ width: 94% !important; left: 3% !important;}
}




/*头部*/
#top_index{ height: auto; margin: 0 auto; transition: 0.3s; width: 100%; background: #fff;}
#top_index_zy{ height: auto; margin: 0 auto; position: relative; transition: 0.3s;}
#logo{ text-align: center; padding: 1%; transition: 0.3s;}
#logo a{ display: block;}
#logo a img{ max-width: 100%; transition:0.5s;}
#top_tel{ line-height: 25px;}
#top_tel i{ color: #0f5ccf; font-size: 40px; margin-right: 10px;}
#top_tel span{ color: #999999;}
#top_tel p{ color: #0f5ccf; font-size: 30px; font-weight: bold; font-family: Bahnschrift;}

#nav{ height: auto; transition:0.3s; text-align: center; position: relative;}
#nav li{ display: inline-block;  height: 50px; line-height: 50px; font-size: 16px; color: #333; text-align: center; transition:0.5s;}
#nav li a{ display: block; color: #333; position: relative; z-index: 1; }
#nav li a:before{ position: absolute; left: 0; bottom: 28%; background: #0f5ccf; content: ''; height: 4px; width: 0; transition: 0.3s;}
#nav li:hover a{ color: #0f5ccf;}
#nav li:hover a:before{ width: 100%;}
#nav .navli_hover a:before{ width: 100%;}
#nav .navli_hover a{ }


.top_bj_active{ width: 100%; z-index: 20; background: #fff !important; top: 0; box-shadow: 0 0 20px rgba(0,0,0,0.1); position: fixed !important;}
.top_bj_active #logo{ padding: 0.5% 0;}
.top_bj_active #logo img{ transform: scale(0.8);}
.top_bj_active #nav li{ font-size: 16px;}
.top_bj_active #c-header .c-switch i{ background: #333;}

@media screen and (max-width:1600px){
    #top_tel p{ font-size: 26px;}
}
@media screen and (max-width:1440px){
    #top_tel i{ font-size: 30px;}
    #top_tel span{ font-size: 12px;}
    #top_tel p{ font-size: 20px;}
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
    #top_index{ padding: 0; width: 100%;}
    #top_index .row{ margin: 0 !important;}
    #logo{ text-align: left;}
}
@media screen and (max-width:768px){
    #logo{ padding: 2%;}
}


#banner,#mobile_banner{ position: relative;}
#banner img{ width: 100%;}
#banner .swiper-pagination{ bottom: 3%;}
#banner .swiper-pagination-bullet{ width: 20px; height: 5px; border-radius: 1px; transition:0.3s; opacity: 0.7; background: #fff;}
#banner .swiper-pagination-bullet-active{ width: 60px; background: #104fa2; opacity: 1;}
#banner .swiper-button-next:after,#banner .swiper-button-prev:after{ display: none;}
#banner .swiper-button-next i,#banner .swiper-button-prev i{ color: #fff; font-size: 40px;}
#banner .swiper-button-next,#banner .swiper-button-prev{ background: rgba(0,0,0,0.2); width: 50px; height: 80px; line-height: 80px;}
#banner .swiper-button-next{ right: 5%;}
#banner .swiper-button-prev{ left:5%; }

#mobile_banner img{ width: 100%;}
#mobile_banner .swiper-pagination-bullet-active{ background: #d33f23;}


@media screen and (max-width:1200px){
    #banner .gallery-thumbs .swiper-slide span{ font-size: 12px;}
}



/*底部*/
#end_bj{ background: url("../images/end_bj.jpg") repeat-y center bottom fixed; width: 100%; text-align: left; position: relative; border-top: 6px solid #0f5ccf;}
#end_nr_bj{ width: 100%; height: auto; overflow: hidden; color: rgba(255,255,255,0.6); position: relative;}
#end_nr_bj a{ color: rgba(255,255,255,0.6); 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;}
#end_nr_bj .tit{ font-size: 24px; color: #fff; margin-bottom: 20px; font-weight: bold; position: relative; height: 50px;}
#end_nr_bj .tit:before{ position: absolute; left: 0; bottom: 0; height: 4px; background: #0f5ccf; content: ''; width: 5%;}
#end_lx .font p{ color: #fff; font-size: 18px; font-weight: bold;}
#end_lx .font h2{ color: #0f5ccf; font-size: 40px; font-weight: bold !important; font-family: Bahnschrift;}
#end_lx .font span{ font-size: 16px; color: rgba(255,255,255,0.5);}
#end_lx .content{ margin-top: 3%;}
#end_lx .content p{ color: #fff;}
#end_lx .content p i{ display: inline-block; margin-right: 10px;}
#end_nav{ padding-left: 5%;}
#end_nav ul li{ float: left; width: 25%; font-size: 16px; height: 50px; line-height: 50px;}
#end_nav ul li a{ color: #fff;}
#end_wx{ border-left: 1px solid rgba(255,255,255,0.1); border-right: 1px solid rgba(255,255,255,0.1);}
#end_wx .ewm{ text-align: center; margin: 0 3%; }
#end_wx .ewm p{ background: url("../images/wx_line.png") no-repeat center top; width: 130px; height: 130px; background-size: 100%; padding: 10px;}
#end_wx .ewm p img{ max-width: 100%;}
#end_wx .ewm span{ display: block; height: 40px; line-height: 40px;}

#end_line{ height: auto; color: rgba(255,255,255,0.2); border-top: 1px solid rgba(255,255,255,0.1); padding: 20px 0; }
#end_line a{  color: rgba(255,255,255,0.2);}
#end_line a:hover{ color: #fff;}
@media screen and (max-width:1400px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
    #end_line .ewm{ width: 30%;}
}
@media screen and (max-width:768px){
    #end_wx{ margin-top: 5%; border: none;}
    #end_line{ padding: 15px;}
    #end_line .ewm{ float: none; width: 45%;}
}


.footer_zx{ height:60px; overflow: hidden; right:0; bottom:0; z-index: 20; width:100%; line-height: 25px; position: fixed; background-color:#151a2b;}
.footer_zx a{ color:#fff !important; display: block; width: 50%; height: 100%; float: left; text-align: center; background-color:#151a2b;}
.footer_zx a:last-of-type{ background: #0e60c4;}
.footer_zx i{ font-size: 28px; padding: 2% 0 1%; font-weight: normal;}
.footer_zx p{font-size: 13px;}
.kb50{ height: 60px;}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
}
@media screen and (max-width:768px){
    .footer_zx i{ padding: 4% 0 1%;}
}
@media screen and (max-width:765px){
    .footer_zx i{ padding: 2% 0 1%;}
}


/*首页*/
#gsjj_bj{ background: url("../images/jjbj.jpg") no-repeat center fixed; }
#gsjj_bj .main{ padding: 6% 0;}
#gsjj_bj .tit{ line-height: 40px; position: relative;}
#gsjj_bj .tit:before{color: rgba(15,92,207,0.05); text-transform: uppercase; content: attr(data-title); font-weight: bold; font-size: 80px; text-align: left; position: absolute; left: 0; margin: auto; top: 0; display: block;}
#gsjj_bj .tit h2{ display: inline-block; height: 45px; color: #333333; font-size: 42px; background: url("../images/tit_icon.png") no-repeat right bottom; padding-right: 35px;}
#gsjj_bj .tit p{ color: #333333; font-size: 18px;}
#gsjj_bj .content{ padding-top: 3%; color: #666666; font-size: 16px; line-height: 40px;}
#gsjj_bj .more{ color: #0f5ccf;}
#gsjj_bj ul{ margin-top: 5% !important;}
#gsjj_bj ul li{ width: 20%; position: relative;}
#gsjj_bj ul li:before{ position: absolute; right: 25%; top: 0; content: '';  width: 1px; height: 100%; background: #dddddd;}
#gsjj_bj ul li:last-of-type:before{ display: none;}
#gsjj_bj ul li .float-start{ line-height: 20px; padding-left: 5%;}
#gsjj_bj ul li .float-start h2{ color: #666666; font-size: 16px;}
#gsjj_bj ul li .float-start h2 span{ display: inline-block; color: #0f5ccf; font-size: 40px; font-family: Impact;}
#gsjj_bj ul li .float-start p{ color: #666666; font-size: 16px;}
@media screen and (max-width:1600px){
    #gsjj_bj .tit:before{ font-size: 70px;}
}
@media screen and (max-width:1440px){
    #gsjj_bj ul li .float-start h2 span{ font-size: 36px;}
}
@media screen and (max-width:1200px){
    #gsjj_bj ul li{ width: 25%;}
}
@media screen and (max-width:991px){
    #gsjj_bj .tit:before{ font-size: 50px;}
    #gsjj_bj .tit h2{ font-size: 36px;}
    #gsjj_bj .tit p{ font-size: 16px;}
    #gsjj_bj .content{ font-size: 14px; line-height: 30px;}
    #gsjj_bj ul li{ float: left; width: 50%; margin-bottom: 3%;}
    #gsjj_bj ul li:nth-of-type(2):before{ display: none;}
    #gsjj_bj ul li .float-start h2 span{ font-size: 30px;}
    #gsjj_bj ul li .float-start p,#gsjj_bj ul li .float-start h2{ font-size: 14px;}
}
@media screen and (max-width:768px){
    #gsjj_bj .tit:before{ font-size: 40px;}
    #gsjj_bj .tit h2{ font-size: 30px;}
    #gsjj_bj .tit p{ font-size: 14px;}
}

.tit_in{ text-align: center; font-size: 42px; color: #333333; position: relative; background: url("../images/tit_icon.png") no-repeat center bottom; padding-bottom: 40px; }
.tit_in:before{color: rgba(15,92,207,0.05); text-transform: uppercase; content: attr(data-title); font-weight: bold; font-size: 80px; text-align: left; position: absolute; text-align: center; left: 0; right: 0; margin: auto; top: 0; bottom: 0; display: block; width: 100%;}
@media screen and (max-width:1440px){
    .tit_in:before{ font-size: 65px;}
    .tit_in{ font-size: 36px;}
}
@media screen and (max-width:991px){
    .tit_in:before{ font-size: 48px;}
    .tit_in{ font-size: 30px; padding-bottom: 25px;}
}
@media screen and (max-width:768px){
    .tit_in:before{ font-size: 36px;}
    .tit_in{ font-size: 26px;}
}
@media screen and (max-width:450px){
    .tit_in:before{ font-size: 26px;}
}

#cpnr{ margin-top: 3%;}
#cpnr .swiper-container { width: 100%; height: auto; margin-left: auto; margin-right: auto; overflow: hidden;}
#cpnr .swiper-slide { background-size: cover; background-position: center; position: relative;}
#cpnr .gallery-top { height: auto; width: 100%; padding: 2% 0 0;}
#cpnr .gallery-top .swiper-slide ul{ margin: 0 -15px !important;}
#cpnr .gallery-top .swiper-slide li{ margin-bottom: 2%; position: relative;}
#cpnr .gallery-top .swiper-slide li .pic{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden; transition: 0.3s; border: 1px solid #efefef; }
#cpnr .gallery-top .swiper-slide li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; text-align: center; position: absolute; transition: 0.3s;}
#cpnr .gallery-top .swiper-slide li p{ width: 100%; height: 50px; line-height: 50px; color: #333; font-size: 16px; text-align: center; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; transition: 0.5s; background: #f8f8f8;}
#cpnr .gallery-top .swiper-slide li:hover .pic img{transform: scale(1.1);}
#cpnr .gallery-top .swiper-slide li:hover p{ background: #0f5ccf; color: #fff;}
#cpnr .gallery-top .swiper-slide .cpnr .pic{ width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden; transition: 0.3s; border: 1px solid #efefef; }
#cpnr .gallery-top .swiper-slide .cpnr .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; text-align: center; position: absolute; transition: 0.3s;}
#cpnr .gallery-top .swiper-slide .cpnr p{ width: 100%; height: 50px; line-height: 50px; color: #333; font-size: 16px; text-align: center; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; transition: 0.5s; background: #f8f8f8;}
#cpnr .gallery-top .swiper-slide .cpnr:hover .pic img{transform: scale(1.1);}
#cpnr .gallery-top .swiper-slide .cpnr:hover p{ background: #0f5ccf; color: #fff;}
#cpnr .gallery-top .swiper-slide .cpmid{ text-align: center; padding-top: 4%; line-height: 50px;}
#cpnr .gallery-top .swiper-slide .cpmid h2{ color: #333333; font-size: 32px;}
#cpnr .gallery-top .swiper-slide .cpmid h2 span{ color: #0f5ccf;}
#cpnr .gallery-top .swiper-slide .cpmid p{ color: #999999; font-size: 20px;}
#cpnr .gallery-top .swiper-slide .line{ border-top: 1px solid #dfdfdf; margin-top: 2%; background: url("../images/cp_more.png") no-repeat center top;}
#cpnr .gallery-top .swiper-slide .line{ padding-top: 5%;}
#cpnr .gallery-top .swiper-slide .line dd{ height: 30px; line-height: 30px; color: #999999; font-size: 18px; margin-top: 17% !important;}
#cpnr .gallery-top .swiper-slide .line dd i{ color: #c8171e; float: left; width: 30px; height: 30px; line-height: 30px; font-size: 22px;}
#cpnr .gallery-thumbs { height: auto; margin-bottom: 1%; padding: 0; box-sizing: border-box; position: relative;}
#cpnr .gallery-thumbs .swiper-slide { padding: 0 1%; height: 60px; line-height: 60px; background: #f8f8f8; border: 1px solid #ececec; font-size: 15px; color: #333333; cursor: pointer; white-space: nowrap; overflow:hidden; text-overflow: ellipsis;}
#cpnr .gallery-thumbs .swiper-slide i{ font-size: 20px; color: #b0b0b0;}
#cpnr .gallery-thumbs .swiper-slide-thumb-active{ color: #fff; background: #c00505;}
#cpnr .gallery-thumbs .swiper-slide-thumb-active i{ color: #fff;}
@media screen and (max-width:1600px){
    #cpnr .gallery-top .swiper-slide .cpmid{ padding-top: 2%;}
    #cpnr .gallery-top .swiper-slide .cpmid h2{ font-size: 28px;}
    #cpnr .gallery-top .swiper-slide .cpmid p{ font-size: 18px;}
    #cpnr .gallery-top .swiper-slide .line dd{ font-size: 16px;}
    #cpnr .gallery-top .swiper-slide .line dd i{ font-size: 20px;}
}
@media screen and (max-width:1440px){
    #cpnr .gallery-top .swiper-slide .line{ background-size: 45%;}
    #cpnr .gallery-top .swiper-slide .cpmid h2{ font-size: 24px;}
    #cpnr .gallery-top .swiper-slide .cpmid p{ font-size: 16px;}
    #cpnr .gallery-top .swiper-slide .line dd{ font-size: 14px; height: 20px; line-height: 20px;}
    #cpnr .gallery-top .swiper-slide .line dd i{ font-size: 16px; height: 20px; line-height: 20px;}
}
@media screen and (max-width:1200px){
    #cpnr .gallery-thumbs{ padding: 0;}
    #cpnr .gallery-top .swiper-slide .cpmid h2{ font-size: 20px;}
    #cpnr .gallery-top .swiper-slide .cpmid p{ font-size: 14px;}
    #cpnr .gallery-top .swiper-slide .line{ background: none; padding: 0;}
    #cpnr .gallery-top .swiper-slide .line .float-start,#cpnr .gallery-top .swiper-slide .line .float-end{ width: 50%;}
    #cpnr .gallery-top .swiper-slide .line dd{ text-align: left; margin-top: 10% !important;}
}
@media screen and (max-width:991px){
    #cpnr .gallery-top .swiper-slide .row{ margin: 0 -15px 10px;}
}
@media screen and (max-width:765px){
}



#cpys{ position: relative;}
#cpys .swiper { width: 100%; height: auto; margin-left: auto; margin-right: auto;}
#cpys .mySwiper2 { height: auto; width: 100%;}
#cpys .mySwiper2 .swiper-slide{ position: relative;}
#cpys .mySwiper2 .swiper-slide .pic{ width: 100%; height: 0; padding-bottom: 40%; position: relative; overflow: hidden;}
#cpys .mySwiper2 .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#cpys .mySwiper2 .swiper-slide .font{ position: absolute; left: 0; top: 0; color: #fff; z-index: 1; width: 100%;}
#cpys .mySwiper2 .swiper-slide .font .container{ padding-top: 10%;}
#cpys .mySwiper2 .swiper-slide .font .container .tit{ display: inline-block; padding-right: 35px; background: url("../images/ys_tit.png") no-repeat right top; line-height: 50px;}
#cpys .mySwiper2 .swiper-slide .font .container .tit p{ font-size: 42px;}
#cpys .mySwiper2 .swiper-slide .font .container .tit span{ font-size: 16px; text-transform: uppercase;}
#cpys .mySwiper2 .swiper-slide .font .container .content{ font-size: 16px; width: 50%; padding-top: 3%;}
#cpys .cpys_hover{ position: absolute; left: 0; bottom: 10%; z-index: 1; width: 100%;}
#cpys .mySwiper { box-sizing: border-box; overflow: inherit; }
#cpys .mySwiper .swiper-slide {color: #fff; border: 1px solid rgba(255,255,255,0.2); border-right: none; padding: 2% 0; position: relative; transition: 0.3s; cursor: pointer; }
#cpys .mySwiper .swiper-slide:last-of-type{ border-right: 1px solid rgba(255,255,255,0.2);}
#cpys .mySwiper .swiper-slide .pic em{ font-size: 50px; }
#cpys .mySwiper .swiper-slide .float-start{ line-height: 30px; padding-left: 10px;}
#cpys .mySwiper .swiper-slide .float-start p{ font-size: 24px;}
#cpys .mySwiper .swiper-slide .float-start span{ text-transform: uppercase;}
#cpys .mySwiper .swiper-slide-thumb-active{ background: rgba(255,255,255,0.1);}
@media screen and (max-width:1700px){
    #cpys .mySwiper2 .swiper-slide .pic{ padding-bottom: 48%;}
}
@media screen and (max-width:1600px){
}
@media screen and (max-width:1440px){
    #cpys .mySwiper2 .swiper-slide .pic{ padding-bottom: 58%;}
}
@media screen and (max-width:1200px){
    #cpys .mySwiper2 .swiper-slide .pic{ padding-bottom: 60%;}
    #cpys .mySwiper2 .swiper-slide .font .container h2{ font-size: 30px;}
    #cpys .mySwiper2 .swiper-slide .font .container p{ font-size: 14px;}
    #cpys .mySwiper2 .swiper-slide .font .container .content{ width: 70%;}
}
@media screen and (max-width:991px){
    #cpys .cpys_hover{ position: relative; background: #0e60c4;}
    #cpys .mySwiper2 .swiper-slide .font .container .tit{ line-height: 35px;}
    #cpys .mySwiper2 .swiper-slide .font .container .tit p{ font-size: 30px;}
    #cpys .mySwiper2 .swiper-slide .font .container .tit span{ font-size: 14px;}
    #cpys .mySwiper2 .swiper-slide .font .container .content{ width: 100%;}
}
@media screen and (max-width:768px){
    #cpys .mySwiper2 .swiper-slide .pic{ padding-bottom: 60%;}
    #cpys .mySwiper2 .swiper-slide .font .container p{ width: 100%;}
    #cpys .mySwiper2 .swiper-slide .font .container span{ height: 40px; line-height: 40px;}
}
@media screen and (max-width:650px){
    #cpys .mySwiper2 .swiper-slide .pic{ padding-bottom: 80%;}
}
@media screen and (max-width:550px){
    #cpys .mySwiper2 .swiper-slide .pic{ padding-bottom: 100%;}
}
@media screen and (max-width:450px){
    #cpys .mySwiper2 .swiper-slide .pic{ padding-bottom: 120%;}
}



#scsl{ margin-top: 3%;}
#scsl .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
#scsl .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;

    /* 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;
}
#scsl .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#scsl .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition:0.3s;}
#scsl .swiper-slide .font{ width: 100%; height: 50px; line-height: 50px; text-align: center; font-size: 16px; background: #f8f8f8; transition:0.4s; border: 1px solid #ececec;}
#scsl .swiper-slide:hover img{ transform: scale(1.1);}
#scsl .swiper-slide:hover .font{ background: #0f5ccf; color: #fff;}
@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
}
@media screen and (max-width:765px){
}


#ggbj{ background: url("../images/gg_bj.jpg") repeat-y center fixed; color: #fff; text-align: center;}
#ggbj h2{ font-size: 46px;}
#ggbj p{ font-size: 16px; padding: 2% 10%;}
#ggbj dl dd{ height: 50px; line-height: 50px; width: 13%; margin: 0 2%; background: #0f5ccf; border: 1px solid #0f5ccf; transition: 0.3s;}
#ggbj dl dd:last-of-type{ background: none; border: 1px solid rgba(255,255,255,0.5);}
#ggbj dl dd a{ color: #fff;}
#ggbj dl dd:hover{ background: #c51717; border: 1px solid #c51717;}
@media screen and (max-width:1200px){
    #ggbj h2{ font-size: 36px;}
    #ggbj p{ padding: 4%;}
    #ggbj dl dd{ width: 20%;}
}
@media screen and (max-width:991px){
    #ggbj h2{ font-size: 30px;}
    #ggbj p{ padding: 4% 15px;}
    #ggbj dl dd{ width: 25%;}
}
@media screen and (max-width:768px){
    #ggbj h2{ font-size: 22px;}
}


#indexNews{ }
#indexNews li{ width: 100%;height: auto; margin:0 auto; padding: 4% 2%; transition: 0.3s; border-bottom: dashed 1px #e2e2e2; }
#indexNews li .news_title{ text-align: left; color: #333333; font-size: 18px; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; line-height: 30px;}
#indexNews li .col-10{ padding: 0 3%;}
#indexNews li .news_info{ color: #999999; font-size: 14px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#indexNews li .news_time{ line-height: 30px; text-align: center; font-weight: normal !important; border-left:solid 1px #e9e9e9; color: #666666;font-size: 14px; padding: 0 !important; margin: 0 !important;}
#indexNews li .news_time span{display: block; margin:0 auto; line-height: 45px; width: 100%; text-align: center; color: #666666; font-size: 48px; transition: 0.3s; font-family: Bahnschrift; font-weight: bold;}
#indexNews li:last-of-type{ border-bottom: none;}
#indexNews li:hover .news_time span{ color: #0f5ccf;}
#indexNews li:hover{ background: #f3f3f3;}


#xwbj .row{ background: #f6f6f6; padding: 10px 0;}
#xwpicnr_in{ position: relative;}
#xwpicnr_in .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#xwpicnr_in .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;
    /* 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;
}
#xwpicnr_in .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 59%; position: relative; overflow: hidden;}
#xwpicnr_in .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute;}
#xwpicnr_in .swiper-slide .font{ position: absolute; left: 0; bottom: 0; padding: 0 4% 8%; color: #fff; width: 100%; height: auto; font-size: 16px;}
#xwpicnr_in .swiper-slide .font p{ font-size: 16px;}
#xwpicnr_in .swiper-slide .font p span{ font-size: 48px; font-weight: bold; font-family: Bahnschrift;}
#xwpicnr_in .swiper-slide .font h2{ font-size: 20px; font-weight: bold !important; padding: 2% 0;}
#xwpicnr_in .swiper-slide .font .content{ display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
#xwpicnr_in .swiper-pagination{ right: 3%; bottom: 3%; left: auto; height: 30px; text-align: right;}
#xwpicnr_in .swiper-pagination .swiper-pagination-bullet{ background: #01459a; width: 10px; height: 10px;}
@media screen and (max-width:1440px){
    #indexNews li{ padding: 2% 2%;}
    #indexNews li .news_time span{ font-size: 40px;}
}
@media screen and (max-width:1200px){
    #indexNews li .news_title{ font-size: 16px;}
    #indexNews li .news_info{ font-size: 12px; line-height: 20px;}
    #indexNews li .news_time{ font-size: 12px; line-height: 15px;}
    #indexNews li .news_time span{ font-size: 30px;}
    #indexNews li i{ width: 30px; height: 30px; line-height: 27px;}
    #indexNews li i svg{ width: 16px;}
    #xwpicnr_in .swiper-slide .font span{ font-size: 36px;}
    #xwpicnr_in .swiper-slide .font{ font-size: 14px; line-height: 20px; }
}
@media screen and (max-width:991px){
}
@media screen and (max-width:768px){
}




/*公共*/
#zi_banner{ width: 100%; height: auto; position: relative;}
#zi_banner .pic{ text-align: center; overflow: hidden;}
#zi_banner .pic img{ width: 100%;}
#zi_banner .main{ position: absolute; left: 0; top: 0; z-index: 1; width: 100%; color: #fff; line-height: 45px; padding: 9% 0;}
#zi_banner .main p{ font-size: 40px;}
#zi_banner .main span{ display: block; font-size: 18px; text-transform: uppercase;}

#home_bj{ width: 100%; background: #fafafa; border-bottom: 1px solid #efefef;}
#home_bj .col-lg-4{ color: #666666;}
#home_bj .col-lg-4 a{ color: #666666; padding: 0 5px;}
#home_bj .col-lg-4 i{ display: inline-block; color: #0f5ccf;}
#home_bj .container li{ width: 17%; color: #666666; font-size: 15px; transition: 0.3s; padding: 1% 0; position: relative; text-align: center; }
#home_bj .container li a{ position: relative; z-index: 1; display: block; color: #666666;}
#home_bj .container li:after{ position: absolute; right: 0; top: 35%; content: ''; width: 1px; height: 30%; background: #d5d5d5;}
#home_bj .container li:before{ position: absolute; left: 50%; top: 0; content: ''; width: 0; height: 100%; background: #0e60c4; transition: 0.5s;}
#home_bj .container li:last-of-type:after{ display: none;}
#home_bj .container li:hover:before{ left: 0; width: 100%;}
#home_bj .container li:hover a{ color: #fff;}
@media screen and (max-width:1600px){
    #home_bj .container li{ width: 17%; font-size: 14px;}
}
@media screen and (max-width:1200px){
    #home_bj .container li{ font-size: 14px; padding: 1% 14px; width: auto !important;}
}
@media screen and (max-width:991px){
    #zi_banner .pic img{ width: 150%; margin-left: -15%;}
    #home_bj .container li{ float: left; font-size: 12px;}
    #zi_banner .main{ line-height: 30px; padding-top: 15%;}
    #zi_banner .main p{ font-size: 30px;}
    #zi_banner .main span{ font-size: 14px;}
    #home_bj .col-12{ padding: 0;}
}
@media screen and (max-width:768px) {
    #zi_banner .pic img { width: 200%; margin-left: -25%;}
    #home_bj .container li i{ display: none;}
    #zi_banner .main p{ font-size: 24px;}
    #zi_banner .main span{ font-size: 14px;}
}
@media screen and (max-width:450px) {
    #zi_banner .pic img { width: 250%; margin-left: -25%;}
}


.hui{ background: #f5faff;}
.bai{ background: #fff;}

.pro-sider{ background: #fff;}
.pro-sider .in-title{ padding: 8% 5% 0;}
.pro-sider .in-title p{ font-size: 18px; color: #35363b; position: relative; padding-left: 20px;}
.pro-sider .in-title p:before{ position: absolute; left: 0; top: 10%; width: 3px; height: 80%; background: #144cb8; content: '';}
.pro-sider .in-title p span{ font-family: arial; font-size: 12px; color: #aeaeae; text-transform: uppercase;}
.pro-sider-ul { height: auto; text-align: left; padding: 15px 15px 30px !important;}
.pro-sider-ul li{ border-bottom: 1px solid #e8e9eb; width: 100%; cursor: pointer; height: 60px; line-height: 60px;}
.pro-sider-ul li .float-left{ color: #666666; font-size: 16px;}
.pro-sider-ul li i{ float: right; color: #999; font-size: 14px;}
.pro-sider-ul li:hover .float-left,.pro-sider-ul li:hover i{ color: #144cb8;}
.pro-sider-ul #li-on .float-left,.pro-sider-ul #li-on i{ color: #144cb8;}
@media screen and (max-width:1440px){
    .pro-sider .in-title p span{ display: none;}
}
@media screen and (max-width:1200px){
    .pro-sider .in-title p{ font-size: 20px;}
    .pro-sider .in-title span,.pro-sider-ul li .float-left{ font-size: 14px;}
}

#xgnews{ padding: 30px 15px !important;}
#xgnews li{ margin-bottom: 10%; background: #fff; border: 1px solid #ededed; border-radius: 5px; padding: 10px; transition: 0.3s;}
#xgnews li .pic{ width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
#xgnews li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
#xgnews li .tit{ padding-top: 2%;}
#xgnews li p{ border-left: 2px solid #0f5ccf; height: 15px; line-height: 15px; transition: 0.3s; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; padding-left: 10px;}
#xgnews li span{ display: block; width: 20px; height: 20px; background: #c30008; border-radius: 100%; line-height: 20px; text-align: center; color: #fff;transition: 0.3s;}
#xgnews li:hover{ background: #0f5ccf; border: 1px solid #0f5ccf;}
#xgnews li:hover p{ color: #fff; border-left: 2px solid #fff;}
#xgnews li:hover span{ background: #fff; color: #c30008;}
#xgnews li:hover .pic img{ transform: scale(1.1);}


/*公司简介*/
#gsjjbj{ background: url("../images/gsjj_bj.jpg") no-repeat center;}
.tit_jj{ text-align: center;}
.tit_jj p{ font-size: 18px;}
.tit_jj h2{ font-size: 36px; font-weight: bold !important;}
.tit_jj span{ color: #666666; text-transform: uppercase;}
#gsjjbj ul{ padding: 3% 0 !important;}
#gsjjbj ul li{ line-height: 20px;}
#gsjjbj ul li h3{ color: #333333; font-size: 46px; font-weight: bold !important; font-family: Bahnschrift;}
#gsjjbj ul li h3 span{ display: block; margin-left: 10px; width: 26px; height: 26px; background: #0f5ccf; border-radius: 100%; text-align: center; line-height: 26px; color: #fff; font-size: 16px; font-weight: normal;}
#gsjjbj ul li p{ color: #333333; font-size: 16px;}
#gsjjbj .content{ color: #666666; text-align: center; font-size: 16px; line-height: 35px;}
@media screen and (max-width:991px){
    #gsjjbj ul li{ float: left; width: 50%; margin-bottom: 3%;}
    .tit_jj h2{ font-size: 26px;}
    #gsjjbj ul li h3{ font-size: 36px;}
    #gsjjbj .content{ font-size: 14px;}
}
@media screen and (max-width:768px){
    .tit_jj h2{ font-size: 22px;}
    .tit_jj span{ font-size: 12px;}
    .tit_jj p{ font-size: 16px;}
    #gsjjbj ul li h3{ font-size: 30px;}
    #gsjjbj ul li h3 span{ width: 20px; height: 20px; line-height: 20px; font-size: 12px;}
}




#jjys{ margin: 2% 15px 0; overflow: hidden;}
#jjys .swiper-container {
    width: 100%;
    height: 100%;
}
#jjys .swiper-slide {
    text-align: left;
    transition:0.3s;
    background: #fff;
    border: 1px solid #efefef;
    padding: 3% 0;
    /* 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;
}
#jjys .swiper-slide i{ color: #0f5ccf; font-size: 40px;}
#jjys .swiper-slide p{ font-size: 18px; padding: 3% 0 3%;}
#jjys .swiper-slide span{ display: block; min-height: 60px; color: #999999; font-size: 16px; padding: 0 10%; text-align: center;}


#whbj{ background: url("../images/whbj.jpg") no-repeat center fixed;}
#whbj .tit_in{ color: #fff;}
#whbj .tit_in:before{ color: rgba(255,255,255,0.05);}
#qywh{ margin: 3% 15px 0; overflow: hidden;}
#qywh .swiper-container {
    width: 100%;
    height: 100%;
}
#qywh .swiper-slide {
    text-align: left;
    transition:0.3s;
    background: rgba(0,0,0,0.4);
    padding: 3% 0;
    /* 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;
}
#qywh .swiper-slide i{ width: 75px; height: 75px; border-radius: 100%; line-height: 75px; border: 1px solid #fff; text-align: center; color: #fff; font-size: 40px;}
#qywh .swiper-slide p{ font-size: 30px; color: #fff; margin: 7% 0 10% !important; height: 40px; position: relative;}
#qywh .swiper-slide p:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 100%; height: 2px; background: #0f5ccf;}
#qywh .swiper-slide span{ display: block; min-height: 120px; color: #fff; font-size: 16px; line-height: 35px; padding: 0 10%; text-align: center;}
@media screen and (max-width:1440px){
    #qywh .swiper-slide span{ font-size: 14px; line-height: 30px; padding: 0 5%;}
}

.fuwu .col-12{ padding: 0;}
.fuwu .pic img{ width: 100%;}
.fuwu .font{ background: #fff; padding: 3%;}
.fuwu .font .tit{ font-size: 30px; font-weight: bold; position: relative; height: 50px;}
.fuwu .font .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 10%; height: 3px; background: #0f5ccf;}
.fuwu .font ul{ padding-top: 3% !important;}
.fuwu .font ul li{ color: #666666; font-size: 16px; padding-top: 2% !important;}
@media screen and (max-width:1440px){
    .fuwu .font ul li{ font-size: 14px;}
    .fuwu .font ul{ padding: 0 !important;}
    .fuwu .font .tit{ font-size: 26px; height: 45px;}
    .fuwu .font{ padding: 2%;}
}
@media screen and (max-width:1440px){
    .fuwu .font .tit{ font-size: 20px; height: 35px;}
    .fuwu .font ul li{ font-size: 12px; padding-top: 1% !important;}
}


.ry_content{ padding: 2% 10% 0; color: #666666; font-size: 16px;}
#zzry{ margin: 3% auto 0; overflow: hidden;}
#zzry .swiper-container {
    width: 100%;
    height: 100%;
}
#zzry .swiper-slide {
    text-align: left;
    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;
}
#zzry .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 72%; position: relative; background: #fff; border: 1px solid #efefef; text-align: center;}
#zzry .swiper-slide .pic a{ display: block; width: 100%; height: 100%; left: 0; position: absolute; padding: 10px;}
#zzry .swiper-slide .pic a img{ max-width: 100%; max-height: 100%; transition:0.3s;}
#zzry .swiper-slide p{ width: 100%; text-align: center; height: 50px; transition: 0.3s; background: #f8f8f8; line-height: 50px; color: #333333; font-size: 16px;}
#zzry .swiper-slide:hover p{ background: #0f5ccf; color: #fff;}
@media screen and (max-width:1200px){
    .ry_content{ padding: 2% 15px 0;}
}





/*产品中心*/
.cpclass .font .tit h2{ color: #333333; font-size: 36px; font-weight: bold !important;}
.cpclass .font .tit h2 span{ color: #0f5ccf;}
.cpclass .font .tit p{ color: #999999; font-size: 16px;}
.cpclass .font ul{ padding: 3% 5% 0 0 !important; margin: 0 -15px !important;}
.cpclass .font ul li{ height: 60px; line-height: 60px; background: #f8f8f8; border: 1px solid #ececec; padding: 0 3%; margin-bottom: 5%; transition: 0.3s;}
.cpclass .font ul li:hover{ background: #0f5ccf; color: #fff;}
.cpclass .pic{ background: url("../images/cpbj.jpg") no-repeat center; color: #fff; padding: 3%;}
.cpclass .pic .tit{ font-size: 20px; font-weight: bold !important; height: 45px; border-bottom: 1px dashed rgba(255,255,255,0.3);}
.cpclass .pic .tit i{ display: inline-block; color: #0f5ccf; font-size: 30px; margin-right: 10px;}
.cpclass .pic .content{ font-size: 16px; padding: 3% 0;}
.cpclass .pic .tel{ border: 1px solid rgba(255,255,255,0.5); height: 40px; line-height: 40px; border-radius: 5px; font-size: 16px; padding: 0 3%;}
.cpclass .pic .tel span{ font-size: 24px; font-weight: bold;}
@media screen and (max-width:1440px){
    .cpclass .font .tit h2{ font-size: 30px;}
    .cpclass .font .tit p{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    .cpclass .font ul li i{ display: none;}
    .cpclass .font ul .col-6{ padding: 0 2px;}
    .cpclass .font .tit h2{ font-size: 26px;}
    .cpclass .pic .content{ font-size: 14px;}
    .cpclass .pic .tel{ font-size: 14px;}
    .cpclass .pic .tel span{ font-size: 18px;}
    .cpclass .pic .tit{ font-size: 16px;}
}
@media screen and (max-width:991px){
    .cpclass .font ul{ padding: 3% 0 0 !important;}
    .cpclass .font ul li{ margin-bottom: 2%;}
    .cpclass .font .tit h2{ font-size: 22px;}
}
@media screen and (max-width:768px){
    .cpclass .pic .tel{ font-size: 12px;}
    .cpclass .pic .tel span{ font-size: 14px;}
    .cpclass .font .tit h2{ font-size: 20px;}
}



.cp_class_lb li{ margin:0 0 4%; border: 1px solid #ececec; background: #fff; cursor: pointer; transition: 0.3s;}
.cp_class_lb li .pic{ height: 0; padding-bottom: 65%; background: #fff; position: relative; overflow: hidden;}
.cp_class_lb li .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}
.cp_class_lb li .font{ padding: 5%;}
.cp_class_lb li .font .tit{ color: #333333; font-size: 24px; position: relative; height: 40px;}
.cp_class_lb li .font .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 20%; height: 3px; background: #0f5ccf;}
.cp_class_lb li .font .bt{ color: #666666; font-size: 16px; padding-top: 7%;}
.cp_class_lb li i{ color: #d4d4d4; font-size: 35px;}

@media screen and (max-width:1440px){
}
@media screen and (max-width:1200px){
}
@media screen and (max-width:991px){
}
@media screen and (max-width:768px){
}



.cp_left{ height: 0; padding-bottom: 30%; position: relative; overflow: hidden; }
.cp_left img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; transition: 0.3s;}
.cp_right{ padding: 0 2%; }
.cp_right h2{ color: #333333; font-size: 30px; background: url("../images/info_tit.png") no-repeat left center; border-bottom: 1px solid #ececec; padding-left: 5%; height: 65px; line-height: 65px;}
.cp_right .content{ margin: 3% 0 5%; color: #999999; font-size: 16px; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;}
.cp_right ul li{ background: #f5f6f8; text-align: center; padding: 5% 3%; width: 30%; position: relative;}
.cp_right ul li:before{ position: absolute; left: 35%; bottom: 5%; content: ''; background: #e8e8e8; width: 30%; height: 3px;}
.cp_right ul li i{ margin: 0 auto; width: 60px; height: 60px; line-height: 60px; background: #0f5ccf; border-radius: 100%; color: #fff; font-size: 40px;}
.cp_right ul li p{ color: #333333; font-size: 16px; height: 50px; line-height: 50px;}
.cp_right .line{ border-right: 1px solid #e3e3e3; padding-right: 5%;}
.cp_right .col-lg-5{ padding-left: 4%;}
.cp_right .font h3{ color: #333333; font-size: 30px; font-weight: bold !important;}
.cp_right .font h3 span{ color: #0f5ccf;}
.cp_right .font p{ color: #666666; font-size: 18px;}
.cp_right .top_tel_con{ margin-top: 5%;}
.cp_right .top_tel_con i{ width: 54px; height: 54px; line-height: 54px; text-align: center; border-radius: 5px; background: #0f5ccf; color: #fff; font-size: 30px; margin-right: 10px;}
.cp_right .top_tel_con span{ color: #666666;}
.cp_right .top_tel_con p{ color: #333333; font-size: 32px; font-family: Impact;}
.cp_right .zixun{ height: 50px; line-height: 50px; background: #0f5ccf; color: #fff; margin-top: 5%; font-size: 16px; transition: 0.3s;}
.cp_right .zixun i{ margin-right: 10px; font-size: 24px;}
.cp_right .zixun:hover{ background: #c51717;}
@media screen and (max-width:1440px){
    .cp_right .top_tel_con p{ font-size: 26px;}
    .cp_right .font h3{ font-size: 26px;}
    .cp_right .font p{ font-size: 16px;}
}
@media screen and (max-width:1200px){
    .cp_right .top_tel_con i{ display: none;}
}
@media screen and (max-width:991px){
    .cp_left{ padding-bottom: 60%;}
    .cp_right{ margin-top: 3%;}
    .cp_right .font{ padding-top: 3%;}
    .cp_right h2{ padding-left: 8%;}
    .cp_right .top_tel_con{ margin-top: 2%;}
    .cp_right .top_tel_con i{ display: block;}
    .cp_right .line{ padding: 0; border: none;}
}
@media screen and (max-width:768px){
    .cp_right .zixun-btn{ clear: both !important; float: left !important; width: 40%; margin-top: 3%;}
}


#cpbtqh{ width: 100% !important; transition:0.3s; text-align: center; margin-bottom: 3%;}
.cpbt{ margin: 0 auto !important; height: 70px; line-height: 70px; width: 100%; transition:0.3s;}
.cpbt li{ float: left; color: #666666; font-size: 16px; width: 13%; text-align: center; position: relative; transition:0.3s;}
.cpbt li a{ color: #666666;}
.cpbt li:after{ position: absolute; left: 50%; bottom: 0; width: 0; height: 3px; content: ''; background: #fff; transition: 0.3s;}
.cpbt li:before{ position: absolute; right: 0; top: 30%; width: 1px; height: 40%; content: ''; background: #d5d5d5;}
.cpbt li:last-of-type:before{ display: none;}
.cpbt li:hover:after{ position: absolute; left: 25%; bottom: 0; width: 50%; height: 3px; content: ''; background: #0f5ccf;}
.cpbt li.current:hover:after{ left: 25%; width: 50%; background: #0f5ccf;}
.cpbt li.current:after{ left: 25%; width: 50%; background: #0f5ccf;}
.cpbtqh_active{ top: 58px; position: fixed; left: 0; z-index: 10; margin: 0 !important;}
@media screen and (max-width:1440px){
    .cpbtqh_active{ top: 73px;}
}
@media screen and (max-width:1400px){
    .cpbtqh_active{ top:6%;}
}
@media screen and (max-width:1200px){
    .cpbtqh_active{ top:6%;}
    .cpbt li{ width: 14%;}
}
@media screen and (max-width:991px){
    .cpbt li{ width: 20%;}
}
@media screen and (max-width:768px){
    .cpbtqh_active{ top:5%;}
    .sj-p{ padding-left: 15px; padding-right: 15px;}
}
@media screen and (max-width:765px){
    .cpbt li{ font-size: 13px;}
}

.cp_tit{ line-height: 35px; margin-top: 5%;}
.cp_tit p{ color: #333333; font-size: 30px; position: relative; padding-left: 30px;}
.cp_tit p:before{ position: absolute; left: 0; top: 45%; content: ''; width: 20px; height: 3px; background: #0f5ccf;}
.cp_tit span{ color: #666666; font-size: 16px;}

.cpnr_con{ font-size: 16px; padding: 0 0; color: #666;}
@media screen and (max-width:991px){
    .cpnr_con{ font-size: 14px;}
    .cp_tit p{ font-size: 22px;}
    .cp_tit span{ font-size: 12px;}
}



#yyly{ margin: 2% auto 0; overflow: hidden;}
#yyly .swiper-container {
    width: 100%;
    height: 100%;
    padding-bottom: 25px;
}
#yyly .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;
    /* 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;
}
#yyly .swiper-slide .pic{ display: block; width: 100%; height: 0; padding-bottom: 100%; position: relative; background: #fff; border: 1px solid #efefef; text-align: center;}
#yyly .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
#yyly .swiper-slide p{ position: absolute; left: 15%; bottom: -25px; border-radius: 25px; width: 70%; text-align: center; height: 50px; transition: 0.3s; background: #02276a; line-height: 50px; color: #fff; font-size: 16px;}
#yyly .swiper-slide:hover p{ background: #c40000; color: #fff;}
@media screen and (max-width:991px){
    #yyly .swiper-slide .pic{ padding-bottom: 75%;}
}

.cp_bt i img{ max-width: 100%;}
.cp_bt em{ font-size: 24px; padding: 0 13px;}
.cp_bt p{ color: #c51717; font-size: 72px; height: 72px; line-height: 72px; font-family: Impact; position: relative;}
.cp_bt p span{ display: block; height: 22px; width: 22px; line-height: 22px; text-align: center; background: #c51717; border-radius: 100%; color: #fff; position: absolute; right: -25px; top: 0; font-size: 14px;}
.cp_bt h5{ font-size: 26px; color: #333333; padding-top: 15px !important;}
@media screen and (max-width:991px){
    .cp_bt h5{ font-size: 18px;}
    .cp_bt p{ font-size: 56px; height: 56px; line-height: 56px;}
}
@media screen and (max-width:768px){
    .cp_bt em{ padding: 0; float: left; height: 56px; line-height: 56px;}
    .cp_bt p{ float: left; display: inline-block; margin-left: 10px !important; font-size: 44px; height: 44px; line-height: 44px;}
    .cp_bt h5{ font-size: 14px;}
}




.info_ys{ margin-top: 3%;}
.info_ys .pic{ display: block; height: 0; padding-bottom: 30%; position: relative; }
.info_ys .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center;}
.info_ys ul li{ background: #fafafa; padding: 9% 5%; border: 1px solid #e8e8e8; margin-bottom: 10px;}
.info_ys ul li .tit{ color: #333333; font-size: 26px; font-weight: bold; position: relative; height: 40px;}
.info_ys ul li .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; height: 3px; width: 5%; background: #0f5ccf;}
.info_ys ul li .nr{ color: #666666; font-size: 16px; padding-top: 3%;}
@media screen and (max-width:1600px){
    .info_ys ul li{ padding: 7% 5%;}
}
@media screen and (max-width:1440px){
    .info_ys ul li{ padding: 5%;}
    .info_ys ul li .nr{ font-size: 15px;}
    .info_ys ul li .tit{ font-size: 22px;}
}
@media screen and (max-width:1200px){
    .info_ys ul li{ padding: 3%;}
    .info_ys ul li .nr{ font-size: 14px; line-height: 25px;}
    .info_ys ul li .tit{ font-size: 20px;}
}
@media screen and (max-width:991px){
    .info_ys .pic{ padding-bottom: 50%;}
    .info_ys .col-lg-5{ padding: 0;}
    .info_ys ul{ padding-top: 3% !important;}
}



#cpggbj{ background: url("../images/info_dg.jpg") repeat-y bottom fixed;}
#cpggbj .main{ padding: 2% 0;}
#cpggbj .gg_tit{ text-align: center;}
#cpggbj .gg_tit p{ position: relative; color: #fff; font-size: 28px; font-weight: bold; display: inline-block;}
#cpggbj .gg_tit p:before{ position: absolute; content: ''; left: -50%; top: 50%; width: 40%; height: 2px; background: #fff; }
#cpggbj .gg_tit p:after{ position: absolute; content: ''; right: -50%; top: 50%; width: 40%; height: 2px; background: #fff; }
#cpggbj .gg_tit span{ display: block; font-size: 18px; color: #fff; padding: 1% 0 2%;}
@media screen and (max-width:768px){
    #cpggbj .gg_tit p:before,#cpggbj .gg_tit p:after{ display: none;}
    #cpggbj .gg_tit{ padding: 0; margin-bottom: 3%;}
    #cpggbj .gg_tit p{ font-size: 20px;}
}

.mes-form3 { margin: 0 auto; overflow: hidden; width: 100%; padding: 0;}
.mes-form3 .row{ margin: 0;}
.mes-form3 .form-tr { padding: 0; overflow: hidden;}
.mes-form3 .form-tr input { display: block; width: 94%; padding: 0 2%; height: 45px; line-height: 45px; background: #fff; color: #333; border-radius: 5px; border: none;}
.mes-form3 .form-tr .code { overflow: hidden;}
.mes-form3 .form-tr .code input { width: 60%; float: left;}
.mes-form3 .form-tr .code .verify { cursor: pointer; float: left; margin-left: 2%; width: 35%; height: 35px; line-height: 35px; text-align: center; font-size: 0;}
.mes-form3 .form-tr .code .verify img { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%;}
.mes-form3 .form-tr .submit2 { display: block; width: 90%; height: 45px; text-align: center; line-height: 45px; background: #0f5ccf; color: #fff; font-size: 16px; border-radius: 5px; transition:0.3s;}
.mes-form3 .form-tr .submit2:hover { background: #333;}
.mes-form3 .form-tr .error { height: 1rem; line-height: 1rem;}
@media screen and (max-width:991px){
    .mes-form3 .form-tr .submit2{ margin-top: 2%; width: 94%;}
}

@media screen and (max-width:768px){
    .mes-form3{ width: 90%;}
    .mes-form3 .form-tr{ padding-left: 15px;}
    .mes-form3 .form-tr input,.mes-form3 .form-tr .submit2{ height: 40px; line-height: 40px;}
}



#xgcp{ margin: 3% auto 0; overflow: hidden;}
#xgcp .swiper-container {
    width: 100%;
    height: 100%;
}
#xgcp .swiper-slide {
    text-align: left;
    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;
}
#xgcp .swiper-slide .pic{ height: 0; width: 100%; padding-bottom: 75%; background: #fff; position: relative; overflow: hidden;}
#xgcp .swiper-slide .pic img{ width: 100%; height: 100%; object-fit: cover; left: 0; position: absolute; text-align: center; transition:0.3s;}
#xgcp .swiper-slide .font{ padding: 5%; width: 100%; border: 1px solid #ececec;}
#xgcp .swiper-slide .font .tit{ color: #333333; font-size: 24px; position: relative; height: 40px;}
#xgcp .swiper-slide .font .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 20%; height: 3px; background: #0f5ccf;}
#xgcp .swiper-slide .font .bt{ color: #666666; font-size: 16px; padding-top: 7%;}
#xgcp .swiper-slide i{ color: #d4d4d4; font-size: 35px;}
@media screen and (max-width:1440px){
    #xgcp .swiper-slide .font .tit{ font-size: 18px;}
    #xgcp .swiper-slide .font .bt{ font-size: 14px;}
}




/*新闻*/
#zd_xw{ padding: 0 15px 8%; cursor: pointer;}
#zd_xw .tit{color:#060606; font-size:22px; font-weight: bold; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; transition: 0.5s;}
#zd_xw .content{ color: #666; font-size: 18px; line-height: 35px; margin: 1% 0; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
#zd_xw .time{ float: left; padding: 0 3%; height: 35px; background: #f2f4f5; font-size: 16px; text-align: center; color: #4c4c4c; line-height: 35px;}
#zd_xw:hover .tit{ color: #0f5ccf;}
@media screen and (max-width:1200px){
    #zd_xw .content{ font-size: 14px;}
}

.news_nr {padding: 0;}
.news_nr .title i {width:50px;height:3px;background: #db2016;display:block;margin-top:15px;}
.news_nr .slide {margin-bottom: 12% !important; transition:.3s all ease;}
.news_nr .imgbox {width: 100%; height: 0; padding-bottom: 60%; position: relative; overflow: hidden;}
.news_nr .imgbox img { object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.5s;}
.news_nr .txtbox { padding: 3% 0 0; position: relative;}
.news_nr .c1 { color:#060606; font-size:22px; font-weight: bold; white-space: nowrap; overflow:hidden; text-overflow: ellipsis; padding: 10px 0; transition: 0.5s;}
.news_nr .txtbox .time{ float: left; padding: 0 3%; height: 35px; background: #f2f4f5; font-size: 16px; text-align: center; color: #4c4c4c; line-height: 35px;}
.news_nr .slide:hover .imgbox img {transform: scale(1.1);}
.news_nr .slide:hover .c1{ color:#0f5ccf;}
@media screen and (max-width:1200px){
    .news_nr .c1{ font-size: 18px;}
    .news_nr .txtbox .time{ font-size: 14px;}
}


.news01 {padding: 3% 0 0;}
.news01 li{ margin-bottom: 7%;}
.news01 .imgbox {width: 100%; height: 0; padding-bottom: 75%; position: relative; overflow: hidden;}
.news01 .imgbox p img { object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.3s;}
.news01 .imgbj{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; text-align: center; color: #fff; background: rgba(25,89,206,0.9); z-index: 1; opacity: 0;
    -webkit-transition: all .6s ease-out 0s;
    transition: all .6s ease-out 0s;
    -webkit-clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);
    clip-path: polygon(50% 20%,50% 50%,20% 50%,50% 50%,50% 80%,50% 50%,80% 50%,50% 50%);
}
.news01 .imgbj .pic{ padding-top: 25%; opacity: 0; transition: 0.5s; transform: none !important;}
.news01 .imgbj .tit{ font-size: 20px; padding: 5% 0 3%; opacity: 0; transition: 0.5s;}
.news01 .imgbj i{ font-size: 30px; opacity: 0; transform: scale(0.5); transition: 0.5s;}
.news01 .content { width: 90%; height: 90%; text-align: center; position: absolute; left: 50%; top: 50%; z-index: 2; -webkit-transform: translate(-50%,-50%);  transition:0.3s; opacity: 0;}
.news01 .content .bl { width: 0; height: 2px; background: #fff; position: absolute; left: 0; bottom: 0; -webkit-transition: all .5s;}
.news01 .content .bl.l1 { top: 0;}
.news01 .content .bl.l2 { left: auto; right: 0;}
.news01 li:hover .bl.l1 { width: 100%;}
.news01 li:hover .bl.l2 { width: 100%; right: 0;}
.news01 li:hover .imgbj{ opacity: 1;
    -webkit-clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);
    clip-path: polygon(50% 0,0 0,0 50%,0 100%,50% 100%,100% 100%,100% 50%,100% 0);
}
.news01 li:hover .imgbj .pic{ padding-top: 22%; opacity: 1;}
.news01 li:hover .imgbj .tit,.news01 li:hover .imgbj i{ opacity: 1;}
.news01 li:hover .imgbj i{ transform: scale(1);}
.news01 li:hover .content { opacity: 1;}
.news01 li:hover .content::before { height: 95%;}
.news01 li:hover .content::after { height: 95%;}
.news01 .content::after,.news01 .content::before { width: 2px; display: block; height: 0; position: absolute; left: 0; top: 0; -webkit-transition: all .5s; content: ''; background: #fff;}
.news01 .content::after { left: auto; right: 0; top: auto; bottom: 0;}

/*.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: #c30008; 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;}



#lxwm_in li{ background: #f5f7fa; text-align: center; padding: 10% 3%;}
#lxwm_in li .tit{ font-size: 22px; color: #666;}
#lxwm_in li .pic{ padding: 8% 0;}
#lxwm_in li .con{ color: #7d8084; min-height: 60px;}
@media screen and (max-width:991px){
    #lxwm_in li{ margin-bottom: 2%;}
}

.in_title{ line-height: 40px; padding: 30px 0 10px; color: #747474; font-size: 16px;}
.in_title p{ font-size: 30px; color: #3e3e3e;}









/*翻页*/
.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;
}
