.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%;}*/



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

@media screen and (max-width:991px){
    .layui-layer{ width: 94% !important; left: 3% !important;}
}



/*子页banner*/

.banner .main{ position: absolute; left: 0; top: 0; width: 100%; z-index: 3; text-align: center; color: #fff; padding-top: 13%;}
.banner .main .tit{ line-height: 50px;}
.banner .main .tit p{ font-size: 36px; font-weight: bold;}
.banner .main .tit span{ display: block; font-size: 16px;}
.banner .newsTitBg{position: absolute; left: 0; bottom: 0; width: 100%; height: 70%; text-align: center; color: #fff; z-index: 1;transition:.4s; background: linear-gradient(bottom,rgba(0,0,0,.1),rgba(0,0,0 ,0) 100%);background: -o-linear-gradient(bottom,rgba(0,0,0,.1),rgba(0,0 0,0) 100%);background: -ms-linear-gradient(bottom,rgba(0,0,0,.1),rgba(0,0,0,0) 100%);background: -moz-linear-gradient(bottom,rgba(0,0,0,.1),rgba(0,0,0,0) 100%);background: -webkit-linear-gradient(bottom,rgba(0,0,0,.1),rgba(0,0,0,0) 100%);}
.banner .topBg,.lxbj .topBg{ position: absolute; left: 0; top: 0; width: 100%; height: 25%; text-align: center; color: #fff; z-index: 0;transition:.4s; background: linear-gradient(top,rgba(255,255,255,.7),rgba(255,255,255 ,0) 100%);background: -o-linear-gradient(top,rgba(255,255,255,.7),rgba(255,255,255,0) 100%);background: -ms-linear-gradient(top,rgba(255,255,255,.7),rgba(255,255,255,0) 100%);background: -moz-linear-gradient(top,rgba(255,255,255,.7),rgba(255,255,255,0) 100%);background: -webkit-linear-gradient(top,rgba(255,255,255,.7),rgba(255,255,255,0) 100%);}
.banner #homebj{ position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; height: 70px; line-height: 70px; border-top: 1px solid rgba(255,255,255,0.2); color: #fff;}
#homebj .home .crumbs i{ float: left; font-size: 20px;}
#homebj .home .crumbs a{ color: #fff; padding: 0 10px;}
#homebj .home ul li{ float: left; font-size: 15px; padding: 0 2%; position: relative; color: #fff;}
#homebj .home ul li:before{ position: absolute; right: 0; top: 40%; content: ''; width: 1px; height: 20%; background: rgba(255,255,255,0.3);}
#homebj .home ul li:after{ position: absolute; top: -2px; left: 50%; content: ''; height: 3px; width: 0; background: #d94434; transition: 0.3s;}
#homebj .home ul li:hover:after{ left: 0; width: 100%; }
#homebj .home ul li a{ color: #fff;}
#homebj .home ul li:last-of-type:before{ display: none;}

.cp_banner{ text-align: center;}
.cp_banner img{ width: 100%;}

.jj_banner{ background: url("../images/jj_banner.jpg") no-repeat center fixed; height: 550px; position: relative;}
.cpinfo_banner{ background: url("../images/cpinfo_banner.jpg") no-repeat center fixed; height: 550px; position: relative;}
.cpinfo_banner #homebj{ bottom: 15%;}
.cpinfo_banner #homebj .home ul li{ font-size: 14px; padding: 0 1.5%;}
.ys_banner{ background: url("../images/ys_banner.jpg") no-repeat center; height: 550px; position: relative;}
.jm_banner{ background: url("../images/jm_banner.jpg") no-repeat center; height: 550px; position: relative;}

.fw_banner{ background: url("../images/fw_banner.jpg") no-repeat center; height: 550px; position: relative;}
.xw_banner{ background: url("../images/xw_banner.jpg") no-repeat center; height: 550px; position: relative;}
.jj_banner .newsTitBg,.fw_banner .newsTitBg,.xw_banner .newsTitBg{ background: -webkit-linear-gradient(bottom,rgba(0,0,0,.7),rgba(0,0,0,0) 100%) !important;}

@media screen and (max-width:768px){
    .banner{ background-size: 330%;}
}


#home_nav{ border-top: 1px solid #eaeaea; margin-top: 90px; height: 85px;}
/*#home_nav ul{ text-align: center; height: 85px; line-height: 85px;}*/
/*#home_nav ul li{ display: inline-block; padding: 0 0 0 1%; position: relative; font-size: 16px;}*/
/*#home_nav ul li:before{ position: absolute; right: 32%; top: 0; content: ''; height: 3px; width: 0; background: #d94434; transition: 0.3s;}*/
/*#home_nav ul li i{ display: inline-block; font-size: 26px; opacity: 0; transition: 0.3s;}*/
/*#home_nav ul li:hover i{ opacity: 1;}*/
/*#home_nav ul li:hover:before{ width: 75%; right: 0;}*/


#cpclass_tit .swiper {
    width: 100%;
    height: 100%;
}

#cpclass_tit .swiper-slide {
    text-align: center;
    height: 85px; line-height: 85px;
    padding: 0 0 0 1%; position: relative; font-size: 16px;
    /* 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;
}
#cpclass_tit .swiper-slide:before{ position: absolute; right: 32%; top: 0; content: ''; height: 3px; width: 0; background: #d94434; transition: 0.3s;}
#cpclass_tit .swiper-slide i{ display: inline-block; font-size: 26px; opacity: 0; transition: 0.3s;}
#cpclass_tit .swiper-slide:hover i{ opacity: 1;}
#cpclass_tit .swiper-slide:hover:before{ width: 75%; right: 0;}

@media screen and (max-width:1440px){
    .cpinfo_banner #homebj .home ul li{ font-size: 12px; padding: 0 1%;}
}
@media screen and (max-width:991px){
    .banner .main{ padding-top: 15%;}
    .banner .main .tit{ display: none;}
    .jj_banner,.cpinfo_banner,.ys_banner,.jm_banner,.fw_banner,.xw_banner{ height: 350px;}
    .cpinfo_banner #homebj{ bottom: 0;}
    .cp_banner{ padding-top: 80px;}
}



/*底部*/
#end_bj{ background: url("../images/end_bj.jpg") repeat center; width: 100%; text-align: left; position: relative;}
#end_nr_bj{ width: 100%; height: auto; overflow: hidden; color: #999999; position: relative;}
#end_nr_bj a{ color: #7c8187; 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 .main .float-left ul{ float: left; width: 14%;}
#end_nr_bj .main .float-left ul .tit{ font-size: 16px; color: #fff; position: relative; height: 40px; margin-bottom: 15px;}
#end_nr_bj .main .float-left ul .tit:before{ position: absolute; left: 0; bottom: 0; content: ''; height: 2px; background: #fff; width: 25px; transition:0.3s;}
#end_nr_bj .main .float-left ul li{ line-height: 30px; transition:0.3s;}
#end_nr_bj .main .float-left ul li a{ color: #fff;}
#end_nr_bj .main .float-left ul:hover .tit:before{ width: 60px;}
#end_nr_bj .main .float-left ul li:hover a{ color: #fff;}
#end_nr_bj .main .float-right{ text-align: center; color: #fff;}
#end_nr_bj .main .float-right .ewm{ display: inline-block; width: 35%; padding: 0 1%;}
#end_nr_bj .main .float-right img{ max-width: 100%;}
#end_nr_bj .main .float-right a:after{ display: none;}
@media screen and (max-width:1400px){
    #end_nr_bj .main .float-left ul{ font-size: 12px;}
}
@media screen and (max-width:1200px){
    #end_nr_bj .main .float-left ul{ width: 20%;}
}
@media screen and (max-width:991px){
    #end_nr_bj .main .float-left ul:nth-of-type(2){ width: 65%;}
    #end_nr_bj .main .float-left ul:last-of-type{ width: 35%;}
}
@media screen and (max-width:767px){
    #end_nr_bj .main .float-left ul:nth-of-type(2){ width: 100%;}
    #end_nr_bj .main .float-right{ padding-top: 5%;}
    #end_nr_bj .main .float-right .ewm{ width: 45%;}
    #end_nr_bj .col-4{ padding-right: 0;}
}

#end_logo{ border-bottom: 1px solid rgba(255,255,255,0.3); padding: 1% 0;}
#end_logo .end_tel{ text-align: right; float: right; color: #fff; line-height: 30px;}
#end_logo .end_tel p{ font-size: 40px; font-family: Arial; font-weight: bold;}
#end_logo .end_tel span{ font-size: 14px; color: rgba(255,255,255,0.8);}

#end_line{ height: auto; padding: 10px 0; line-height: 30px; color: #fff; border-top: 1px solid rgba(255,255,255,0.3); }
#end_line a{ color: #fff;}
#end_line a:hover{ color: #fff;}

.footer_zx{ height:60px; overflow: hidden; right:0; bottom:0; z-index: 20; width:100%; line-height: 25px; position: fixed; background-color:#1e2830;}
.footer_zx a{ color:#fff !important; display: block; width: 50%; height: 100%; float: left; text-align: center; background-color:#1e2830;}
.footer_zx a:last-of-type{ background: #cf000d;}
.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){
    #end_logo ul li .float-left p{ font-size: 16px;}
    #end_logo ul li .float-left span{ font-size: 12px;}
}
@media screen and (max-width:1200px){
    #end_logo ul li{ margin-bottom: 2%;}
    #end_logo ul li:nth-of-type(2):before{ display: none;}
}
@media screen and (max-width:991px){
    #end_link{ display: none;}
}
@media screen and (max-width:768px){
    .footer_zx i{ padding: 4% 0 1%;}
}




/*公司简介*/
.tit_zy{ height: 50px; color: #333333; font-size: 30px; position: relative;}
.tit_zy:before{ position: absolute; left: 0; bottom: 0; content: ''; width: 30px; height: 3px; background: #d94434;}
.tit_zy i{ float: left; height: 40px; line-height: 40px; margin-right: 15px;}
.tit_zy i img{ vertical-align: middle;}
@media screen and (max-width:768px){
    .tit_zy{ font-size: 26px;}
}


#gsjjbj{ background: url("../images/jj_bj.jpg") no-repeat center; position: relative;}
#gsjjbj:before{ position: absolute; right: 75%; top: 0; height: 100%; content: ''; background: #d94434; width: 100%; }
#gsjjbj #gsjj{ position: relative; padding: 5% 3%;}
#gsjjbj #gsjj:before{ position: absolute; right: 0; top: 0; height: 100%; width: 120%; content: ''; background: #fff; border-top-right-radius: 100px;}
#gsjjbj #gsjj #gsjj_nr{ position: relative; color: #8b8b8b;}
#gsjjbj #gsjj #gsjj_nr .content{ padding: 5% 0; font-size: 15px; line-height: 35px;}
#gsjjbj #gsjj #gsjj_nr ul li{ border-right: 1px dotted #d7d7d7; text-align: center; position: relative;}
#gsjjbj #gsjj #gsjj_nr ul li:before{ position: absolute; left: 0; bottom: -30%; width: 90%; height: 100%; background: url("../images/jj_line.png") no-repeat center bottom; content: ''; opacity: 0; transition: 0.3s;}
#gsjjbj #gsjj #gsjj_nr ul li h4{ display: inline-block; height: 55px; line-height: 55px;}
#gsjjbj #gsjj #gsjj_nr ul li p{ float: left; font-size: 54px; font-family: Bahnschrift; background-image: linear-gradient(135deg,#b20803,#e03833);
    background-clip:text; -webkit-background-clip:text; color: transparent; padding-right: 5px;}
#gsjjbj #gsjj #gsjj_nr ul li h4 sub{ color: #333333; font-size: 13px;}
#gsjjbj #gsjj #gsjj_nr ul li span{ display: block; clear: both !important; color: #808080; font-size: 15px;}
#gsjjbj #gsjj #gsjj_nr ul li:hover:before{ opacity: 1;}
#gsjjbj #gsjj #gsjj_pic{ position: relative; text-align: center;}
#gsjjbj #gsjj #gsjj_pic img{ max-width: 100%;}

@media screen and (max-width:1440px){
    #gsjjbj #gsjj #gsjj_nr ul li p{ font-size: 36px;}
}
@media screen and (max-width:1200px){
    #gsjjbj #gsjj #gsjj_nr ul li p{ font-size: 34px;}
}
@media screen and (max-width:991px){
    #gsjjbj #gsjj #gsjj_nr ul .col-4{ padding: 0;}
    #gsjjbj #gsjj #gsjj_nr ul li p{ font-size: 24px;}
    #gsjjbj #gsjj #gsjj_nr ul li h4{ height: 35px; line-height: 35px;}
    #gsjjbj #gsjj #gsjj_nr ul li h4 sub,#gsjjbj #gsjj #gsjj_nr ul li span{ font-size: 13px;}
}




.hui{ background: #f2f2f4;}
.shipin{ text-align: center;}
.shipin img{ max-width: 100%;}

#whbj{ background: url("../images/wh_bj.jpg") no-repeat center fixed;}
/*#whbj ul{ position: relative; margin: 3% 0 5% !important;}*/
/*#whbj ul li{ float: left; background: url("../images/wh_bj.png") no-repeat center; background-size: 100%; width: 385px; height: 357px; position: relative; cursor: default;}*/
/*#whbj ul li:before{ position: absolute; left: 0; top: 0; content: ''; width: 385px; height: 357px; background: url("../images/wh_bj1.png") no-repeat center; opacity: 0; transition: 0.3s;}*/
/*#whbj ul li:hover:before{ opacity: 1;}*/
/*#whbj ul li .pic{ position: relative; z-index: 1; padding: 80px; text-align: center; color: #fff;}*/
/*#whbj ul li .pic .icon{ display: inline-block; width: 80px; height: 80px; overflow: hidden;}*/
/*#whbj ul li .pic .icon img{ margin-left: 0; transition: 0.3s;}*/
/*#whbj ul li .pic p{ font-size: 24px;}*/
/*#whbj ul li .pic span{ display: inline-block; line-height: 25px; font-size: 14px; padding: 5% 15%;}*/
/*#whbj ul li:nth-of-type(2){ position: absolute; left: 250px; top: 135px;}*/
/*#whbj ul li:nth-of-type(3){ position: absolute; left: 500px; top: 0;}*/
/*#whbj ul li:nth-of-type(4){ position: absolute; left: 750px; top: 135px;}*/
/*#whbj ul li:nth-of-type(5){ position: absolute; right: 15px; top: 0;}*/
/*#whbj ul li:hover .pic img{ margin-left: -80px;}*/

@media screen and (max-width:768px){
    #whbj{ padding: 0 15px;}
}



#qywh{ margin-top: 3%; overflow: hidden}
#qywh .swiper-container {
    width: 100%;
    height: 100%;
    position: relative;
}
#qywh .swiper-slide {
    text-align: left;
    transition:0.3s;
    position: relative;
    background: rgba(255,255,255,0.9);
    padding: 4% 0;
    cursor: default;

    /* 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:before{ position: absolute; left: 5%; top: 5%; width: 90%; height: 90%; content: ''; border: 1px dashed #fff; opacity: 0; transition: 0.3s;}
#qywh .swiper-slide i{ color: #404040; font-size: 65px; height: 65px; line-height: 65px; }
#qywh .swiper-slide p{ color: #404040; font-size: 24px; padding: 5% 0 3%;}
#qywh .swiper-slide span{ display: block; color: #616161; padding: 0 8% 0; font-size: 15px;}
#qywh .swiper-slide:hover{ background: #d94434; box-shadow: 0 0 10px rgba(0,0,0,0.4);}
#qywh .swiper-slide:hover:before{ opacity: 1;}
#qywh .swiper-slide:hover i,#qywh .swiper-slide:hover p,#qywh .swiper-slide:hover span{ color: #fff;}
@media screen and (max-width:1200px){
}
@media screen and (max-width:768px){
}
@media screen and (max-width:765px){
}


#ldzc_bj{ background: url("../images/ldzc_bj.jpg") no-repeat center;}
#ldzc_bj .tit_zy{ color: #fff;}
#ldzc{ float: right; color: #fff; background: rgba(0,0,0,0.5); padding: 3%; width: 45%;}
#ldzc .pic{ text-align: right; padding-top: 3%;}
#ldzc .content{ padding: 0 3% 0 0; color: #fff; height: 385px; overflow-y: scroll;}
#ldzc .content::-webkit-scrollbar{
    width:3px;
    height:6px ;
}
#ldzc .content::-webkit-scrollbar-track{
    box-shadow: inset 0 0 3px transparent;
    background: rgba(255,255,255,0.2);
}
#ldzc .content::-webkit-scrollbar-thumb{
    background: #c3002f;
}
@media screen and (max-width:991px){
    #ldzc{ width: 100%; margin-top: 5%;}
}
@media screen and (max-width:450px){
    #ldzc_bj{ padding: 0 15px;}
}



#ry_bj{ background: url("../images/ry_bj.jpg") no-repeat center bottom;}
#ry_bj .main{ padding: 2% 0;}
#ry_bj .main .font{ padding: 5% 0;}
#ry_bj .main .font p{ padding: 20% 0 20% 10%; font-size: 24px; color: #474747; line-height: 40px;}
#ry_bj .main .font p span{ font-weight: bold; color: #d94434;}
#ry_bj .main .font .more{ float: right; text-align: center; height: 50px; line-height: 50px; border: 1px solid #d94434; width: 180px; border-radius: 25px; color: #d94434; transition: 0.3s;}
#ry_bj .main .pic{ text-align: center;}
#ry_bj .main .pic img{ max-width: 100%;}
#ry_bj .main .font .more:hover{ background: #d94434; color: #fff;}
@media screen and (max-width:991px){
    #ry_bj .main .font p{ padding: 15px; font-size: 16px;}
}
@media screen and (max-width:450px){
    #ry_bj{ padding: 0 15px;}
}




/*产品中心*/
.cpclass{ padding-top: 0; position: relative;}
.cpclass .cpclass_bj{ width: 100%;}
.cpclass .cpclass_bj img{ width: 100%;}
.cpclass .cpclass_pic{ float: right; width: 65%; text-align: right; position: relative; margin-top: -27%; }
.cpclass .cpclass_pic img{ max-width: 100%;}
.cpclass .cpclass_font{ float: left; padding: 3% 0 0; width: 35%;}
.cpclass .cpclass_font .tit{ color: #000; font-size: 36px; font-weight: bold;}
.cpclass .cpclass_font .content{ background: url("../images/cpclass_line.png") no-repeat left bottom; color: #666666; font-size: 18px; height: 70px; line-height: 70px;}
.cpclass .cpclass_font ul{ margin-top: 5% !important;}
.cpclass .cpclass_font ul li{ float: left; padding: 0 5% 0 0; text-align: center; color: #000; font-size: 15px;}
.cpclass .cpclass_font ul li p{ display: inline-block; width: 60px; line-height: 60px; border: 1px solid #000000; border-radius: 5px; transition: 0.3s;}
.cpclass .cpclass_font ul li p i{ font-size: 30px;}
.cpclass .cpclass_font ul li span{ display: block; height: 40px; line-height: 40px;}
.cpclass .cpclass_font .more{ float: left; color: #fff; border-radius: 25px; margin-top: 3%; width: 30%; text-align: center; height: 50px; line-height: 50px; background: #d94434; transition: 0.3s;}
.cpclass .cpclass_font .more:hover{ background: #333;}
.cpclass:nth-of-type(odd) .cpclass_pic{ float: left; text-align: left;}
.cpclass:nth-of-type(odd) .cpclass_font{ float: right;}
.cpclass .cpclass_font ul li:hover p{ background: #d94434; border: 1px solid #d94434;}
.cpclass .cpclass_font ul li:hover p i{ color: #fff;}
@media screen and (max-width:1440px){
    .cpclass .cpclass_pic{ width: 60%; margin-top: -15%;}
    .cpclass .cpclass_font{ width: 40%;}
}
@media screen and (max-width:1200px){
    .cpclass .cpclass_font .tit{ font-size: 24px;}
    .cpclass .cpclass_font .content{ font-size: 14px;}
    .cpclass .cpclass_font ul li{ padding-right: 2%; font-size: 14px;}
}

@media screen and (max-width:991px){
    .cpclass .cpclass_pic{ width: 100%; margin-top: 0;}
    .cpclass .cpclass_bj img{ width: 150%;}
    .cpclass .cpclass_font{ width: 100%;}
    .cpclass .cpclass_font ul li{ padding-right: 2%; font-size: 14px;}
    .cpclass .cpclass_font .content{ height: 50px; line-height: 40px;}
    .cpclass .cpclass_font .more{ width: 45%; height: 40px; line-height: 40px;}
}


#cpclass_sider .swiper {
    width: 100%;
    height: 100%;
}

#cpclass_sider .swiper-slide {
    text-align: center;
    /* 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;
}

#cpclass_sider .swiper-slide .pic{ display: inline-block; width: 90px; height: 90px; line-height: 90px; border: 1px solid #c0c0c0; border-radius: 100%; text-align: center; transition: 0.3s;}
#cpclass_sider .swiper-slide .pic i{ display: none; font-size: 40px; transition: 0.3s;}
#cpclass_sider .swiper-slide:nth-of-type(1) .pic i:nth-of-type(1){ display: block;}
#cpclass_sider .swiper-slide:nth-of-type(2) .pic i:nth-of-type(2){ display: block;}
#cpclass_sider .swiper-slide:nth-of-type(3) .pic i:nth-of-type(3){ display: block;}
#cpclass_sider .swiper-slide:nth-of-type(4) .pic i:nth-of-type(4){ display: block;}
#cpclass_sider .swiper-slide:nth-of-type(5) .pic i:nth-of-type(5){ display: block;}
#cpclass_sider .swiper-slide:nth-of-type(6) .pic i:nth-of-type(6){ display: block;}
#cpclass_sider .swiper-slide:nth-of-type(7) .pic i:nth-of-type(7){ display: block;}
#cpclass_sider .swiper-slide:nth-of-type(8) .pic i:nth-of-type(8){ display: block;}
#cpclass_sider .swiper-slide .tit{ font-size: 14px; color: #565656; height: 60px; line-height: 60px;}
#cpclass_sider .swiper-slide:hover .pic{ background-image: linear-gradient(to right, #b20803 , #e03732); border: 1px solid #b20803;}
#cpclass_sider .swiper-slide:hover .pic i{ color: #fff;}
#cpclass_sider #li-on .pic{ background-image: linear-gradient(to right, #b20803 , #e03732); border: 1px solid #b20803;}
#cpclass_sider #li-on .pic i{ color: #fff;}


.cplb{ margin-top: 5%;}
.cplb li .img{ background: url("../images/cp_bj.jpg") no-repeat center; background-size: 100%; padding: 10%; position: relative; overflow: hidden;}
.cplb li .img .pic{width: 100%;}
.cplb li .img .hot{ position: absolute; right: 8%; bottom: 20%; z-index: 1; width: 15%;}
.cplb li .img .hot img{ width: 100%;}
.cplb li .img:before{ position: absolute; content: ''; right: 0; top: 0; background: url("../images/tree.png") no-repeat right top; background-size: 100%; width: 30%; height: 50%; opacity: 1; transition: transform .8s; transform-origin: top right;}
.cplb li .img:after{ position: absolute; content: ''; left: 0; bottom: -50%; background: url("../images/tree_end.png") no-repeat left bottom; background-size: 100%; width: 100%; height: 50%; opacity: 0; transition: 0.3s;}
.cplb li .title{ color: #333333; font-size: 16px; text-align: center; height: 50px; line-height: 50px;}
.cplb li dl{ text-align: center;}
.cplb li dl dd{ width: 43%; display: inline-block; height: 38px; background: #aeaeae; line-height: 38px; color: #fff; border-radius: 20px; text-align: center; font-size: 15px; transition: 0.3s;}
.cplb li dl a:last-of-type dd{ background: #c9201b;}
.cplb li:hover .img:before{ transform: translateX(5px) rotate(5deg);}
.cplb li:hover .img:after{ bottom: 0; opacity: 1;}
.cplb li dl dd:hover{ background: #333 !important;}


#cpinfo_bj{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.3); position: relative; padding: 0; z-index: 1; margin-top: -75px; margin-bottom: 3%;}
#cpinfo_bj .main{ padding: 3%;}
.cppic{ background: url("../images/cp_bj.jpg") no-repeat center; background-size: 100% 100%; padding: 2% 8% 6%; position: relative; overflow: hidden;}
.cppic .pic{width: 100%;}
.cppic .hot{ position: absolute; right: 8%; bottom: 20%; z-index: 1; width: 15%;}
.cppic .hot img{ width: 100%;}
.cppic:before{ position: absolute; content: ''; right: 0; top: 0; background: url("../images/tree.png") no-repeat right top; background-size: 100%; width: 30%; height: 50%; opacity: 1; transition: transform .8s;}
.cppic:after{ position: absolute; content: ''; left: 0; bottom: -1px; background: url("../images/tree_end.png") no-repeat left bottom; background-size: 100%; width: 100%; height: 50%; transition: 0.3s;}

.cpfont{ padding: 0 3%;}
.cpfont .tit{ color: #333333; font-size: 36px; font-weight: bolder;}
.cpfont .con{ background: url("../images/cpclass_line.png") no-repeat left bottom; color: #666666; font-size: 18px; height: 80px; line-height: 90px;}
.cpfont dl{ text-align: center; padding: 6% 0 3%; margin: 0;}
.cpfont dl dd{ display: inline-block; text-align: center; width: 19%;}
.cpfont dl dd p{ display: inline-block; width: 60px; height: 60px; line-height: 60px; border: 1px solid #000; border-radius: 3px; transition: 0.3s;}
.cpfont dl dd p i{ font-size: 35px; transition: 0.3s;}
.cpfont dl dd span{ display: block; font-size: 15px; height: 45px; line-height: 45px;}
.cpfont dl dd:hover p{ background: #c9201b; border: 1px solid #c9201b;}
.cpfont dl dd:hover p i{ color: #fff;}
.cpfont dl dd:hover span{ color: #c9201b;}
.cpfont ul .bt{ font-weight: bold; color: #333333; font-size: 16px;}
.cpfont ul li{ width: 20%; float: left; margin: 2% 0; cursor: default;}
.cpfont ul li p{ width: 115px; border: 3px solid #d4d4d4; height: 115px; border-radius: 100%; overflow: hidden; position: relative; transition: 0.3s;}
.cpfont ul li p span{ display: block; position: absolute; left: 0; bottom: 0; z-index: 1; text-align: center; height: 30px; line-height: 30px; background: #d94434; width: 100%; color: #fff; transition: 0.3s;}
.cpfont ul li:hover p{ border: 3px solid #d94434;}
.cpfont ul li:hover p span{ background: rgba(217,68,52,0.8); height: 115px; line-height: 115px; font-size: 16px;}

.cpfont .cp-tools { float: left; height: auto; line-height: 50px; text-align: center; width: 60%; overflow: hidden; padding: 0; margin-top: 5%;}
.cpfont .cp-tools a { display: block; float: left; flex: 1; width: 45%; height: 50px; border-radius: 5px; background-color: #c30e24; color: #ffffff; }
.cpfont .cp-tools a:nth-of-type(2){ float: right;}
.cpfont .cp-tools a.btn-free { background:#222d35; color: #fff;}
.cpfont .cp-tools a:hover { background-color: #c30e24; color: #ffffff; }
.cpfont .cp-tools a:hover ~ .btn-ask { background:#222d35; color: #fff;}
.cpfont .tel{ float: left; margin: 4% 0 0 5%; }
.cpfont .tel p{ color: #666666; font-size: 16px;}
.cpfont .tel span{ color: #cf000d; font-size: 30px; font-weight: bolder;}

@media screen and (max-width:1440px){
    .cpfont ul li p{ width: 90px; height: 90px;}
    .cpfont ul li p span{ font-size: 12px;}
    .cpfont ul li:hover p span{ height: 90px; line-height: 90px; font-size: 12px;}
    .cpfont .tit{ font-size: 30px;}
    .cpfont .con{ font-size: 16px;}
}
@media screen and (max-width:1200px){
    .cpfont ul li p{ width: 75px; height: 75px;}
    .cpfont ul li p span{ height: 25px; line-height: 25px;}
    .cpfont ul li:hover p span{ height: 75px; line-height: 75px;}
    .cpfont .tit{ font-size: 26px;}
    .cpfont .con{ font-size: 14px;}
}
@media screen and (max-width:991px){
    .cpfont{ margin-top: 5%;}
    .cpfont .tit{ font-size: 26px;}
    .cpfont .con{ font-size: 14px; line-height: 25px; height: 60px; margin-top: 3%;}
    .cpfont dl dd span{ font-size: 12px;}
    .cpfont ul{ display: none;}
    .cpfont .cp-tools{ margin-top: 0; width: 40%;}
    .cpfont .cp-tools a:nth-of-type(2){ float: left; width: 100%;}
    .cpfont .tel{ margin-top: 0;}
    .cpfont .tel span{ font-size: 24px;}
    #cpinfo_bj{ margin-top: 0;}
}


.cpnr{ background: #ededed; width: 100%; margin-top: 3%; border-radius: 5px; padding: 2%; transition: 0.3s;}
.cpnr .tit i{ float: left; font-size: 30px; margin-right: 15px;}
.cpnr .tit{ color: #222222; font-size: 24px; height: 50px;}
.cpnr .content{ background: #fff; color: #666666; line-height: 40px; border-radius: 5px; padding: 1.5% 1%;}
.cpnr .content .float-right{ width: 40%; text-align: center; padding: 2% 0;}
.cpnr .content .float-right img{ max-width: 100%;}
.cpnr .content .float-left{ width: 60%; padding: 0 15px; font-size: 16px;}
.cpnr:hover{ background: #d94434;}
.cpnr:hover .tit{ color: #fff;}
@media screen and (max-width:991px){
    .cpnr{ padding: 5%;}
    .cpnr .content .float-right,.cpnr .content .float-left{ width: 100%;}
    .cpnr .content .float-left{ font-size: 14px;}
}




.cpinfo_tj{ background: #fff; box-shadow: 0 0 20px rgba(0,0,0,0.3); margin-bottom: 3%; padding: 2%;}
.cpinfo_tj .tit{ color: #2e2e2e; font-size: 30px; font-weight: bold; border-bottom: 1px solid #e6e6e6; height: 60px;}
.cpinfo_tj .content{ padding: 2% 0 0;}
.cpinfo_tj .content ul li{ float: left; margin: 0 2%; text-align: center; position: relative;}
.cpinfo_tj .content ul li:before{ position: absolute; left: -10%; bottom: 0; background: #f0f0f0; width: 120%; height: 60%; border-radius: 25px; content: '';}
.cpinfo_tj .content ul li p{ position: relative; z-index: 1; width: 110px; height: 100px; line-height: 100px; background: #dcc087; background-image: linear-gradient(to right, #dcc087 , #c08930); border-radius: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.3);}
.cpinfo_tj .content ul li p i{ position: relative; z-index: 1; color: #fff; font-size: 60px;}
.cpinfo_tj .content ul li span{ position: relative; z-index: 1; display: block; color: #424242; font-size: 16px; height: 40px; line-height: 40px;}
.cpinfo_tj .content ul li:hover p{ background: #b20803; background-image: linear-gradient(to right, #b20803 , #e03732);}
.cpinfo_tj .content ul li:nth-of-type(1) p:before{ position: absolute; left: 0; bottom: -30%; width: 100%; height: 100%; background: url("../images/info_fw1.png") no-repeat center; background-size: 100% 100%; content: '';}
.cpinfo_tj .content ul li:nth-of-type(2) p:before{ position: absolute; left: 0; bottom: -30%; width: 100%; height: 100%; background: url("../images/info_fw2.png") no-repeat center; background-size: 100% 100%; content: '';}
.cpinfo_tj .content ul li:nth-of-type(3) p:before{ position: absolute; left: 0; bottom: -30%; width: 100%; height: 100%; background: url("../images/info_fw3.png") no-repeat center; background-size: 100% 100%; content: '';}
.cpinfo_tj .content ul li:nth-of-type(4) p:before{ position: absolute; left: 0; bottom: -30%; width: 100%; height: 100%; background: url("../images/info_fw4.png") no-repeat center; background-size: 100% 100%; content: '';}
@media screen and (max-width:991px){
    .cpinfo_tj .tit{ height: 60px; line-height: 60px; font-size: 24px;}
    .cpinfo_tj .content ul li{ width: 40%; margin: 0 5% 5%;}
    .cpinfo_tj .content ul li:before{ width: 100%; left: 0;}
    .cpinfo_tj .content ul li p{ display: inline-block;}
}


#kjcx{position: relative; margin-top: 3%;}
#kjcx .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#kjcx .swiper-slide {
    transition:0.3s;
    position: relative;
    padding-bottom: 40px;
    /* 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;
}
#kjcx .swiper-slide .img{ background: url("../images/cp_bj.jpg") no-repeat center; background-size: 100% 100%; padding: 10%; position: relative; overflow: hidden;}
#kjcx .swiper-slide .img .pic{width: 100%;}
#kjcx .swiper-slide .img .hot{ position: absolute; right: 8%; bottom: 20%; z-index: 1; width: 15%;}
#kjcx .swiper-slide .img .hot img{ width: 100%;}
#kjcx .swiper-slide .img:before{ position: absolute; content: ''; right: 0; top: 0; background: url("../images/tree.png") no-repeat right top; background-size: 100%; width: 30%; height: 50%; opacity: 1; transition: transform .8s; transform-origin: top right;}
#kjcx .swiper-slide .img:after{ position: absolute; content: ''; left: 0; bottom: -1px; background: url("../images/tree_end.png") no-repeat left bottom; background-size: 100%; width: 100%; height: 50%; transition: 0.3s;}
#kjcx .swiper-slide .title{ color: #333333; font-size: 16px; text-align: center; height: 50px; line-height: 50px;}
#kjcx .swiper-slide dl{ text-align: center; width: 100%;}
#kjcx .swiper-slide dl dd{ width: 43%; display: inline-block; height: 38px; background: #aeaeae; line-height: 38px; color: #fff; border-radius: 20px; text-align: center; font-size: 15px; transition: 0.3s;}
#kjcx .swiper-slide dl a:last-of-type dd{ background: #c9201b;}
#kjcx .swiper-slide dl dd:hover{ background: #333 !important;}
#kjcx .swiper-slide:hover .img:before{ transform: translateX(5px) rotate(5deg);}





/*招商加盟*/
.jm_tit{ text-align: center; color: #3f3f3f; font-size: 30px; position: relative; height: 50px;}
.jm_tit:before{ position: absolute; bottom: 0; left: 45%; background: #e5e5e5; content: ''; width: 10%; height: 1px;}
.jm_tit:after{ position: absolute; bottom: -1px; left: 49%; background: #d30000; content: ''; width: 2%; height: 3px;}

#jmlc{ margin: 5% 0 0;}
#jmlc .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#jmlc .swiper-slide {
    transition: 0.3s;
    overflow: hidden;
    position: relative;
    background: #f1f1f1;
    padding: 5px;
    border-radius: 101px;
    cursor: default;

    /* 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;
}
#jmlc .swiper-slide .pic{ text-align: center;}
#jmlc .swiper-slide p{ color: #343434; font-size: 24px; padding: 5% 0 2%; position: relative; margin: 3% 0 1% !important;}
#jmlc .swiper-slide span{ display: block; padding: 0 10%; text-align: center; color: #6c6c6c; font-size: 14px; min-height: 110px; line-height: 25px;}
#jmlc .swiper-slide:hover{ box-shadow: 0 0 10px rgba(0,0,0,0.1); background: #d30000;}
#jmlc .swiper-slide:hover p,#jmlc .swiper-slide:hover span{ color: #fff;}
@media screen and (max-width:768px){
    #jmlc{ padding: 0 3%;}
}
@media screen and (max-width:450px){
    #jmlc .swiper-slide .pic img{ height: 165px;}
}


.jmys_pic{ text-align: center;}
.jmys_pic img{ width: 100%;}
.jmys_nr{ padding: 10% 3% 0;}
.jmys_nr i{ color: #d30000; font-size: 80px; height: 80px; line-height: 80px;}
.jmys_nr p{ color: #3f3f3f; font-size: 24px; padding: 3% 0 5%;}
.jmys_nr span{ display: block; color: #797979; font-size: 18px;}
@media screen and (max-width:768px){
    .jmys_nr i{ font-size: 60px; height: 60px; line-height: 60px;}
    .jmys_nr p{ font-size: 20px; padding: 3% 0;}
    .jmys_nr span{ font-size: 14px;}
}



#jmtj{ padding-top: 3%;}
#jmtj li{ width: 49%; float: left; text-align: left; margin-bottom: 1%; height: 55px; line-height: 55px; background: #f7f7f7; border: 1px solid #dddddd; padding: 0 1%; transition: 0.3s; border-radius: 3px;}
#jmtj li:nth-of-type(even){ float: right;}
#jmtj li p{ float: left; width: 50px; text-align: center; font-size: 30px; font-family: Bahnschrift; position: relative;}
#jmtj li p:before{ position: absolute; left: 0; top: 50%; content: ''; background: #d30000; width: 100%; height: 0; border-radius: 3px; transition: 0.3s; opacity: 0;}
#jmtj li p i{ position: relative; z-index: 1; color: #313131; transition: 0.3s;}
#jmtj li span{ float: left; font-size: 14px; color: #3f3f3f; padding-left: 1%;}
#jmtj li:hover{ background: #fff; box-shadow: 0 0 10px rgba(0,0,0,0.2); border: 1px solid #fff;}
#jmtj li:hover p:before{ top: -10%; height: 120%; opacity: 1;}
#jmtj li:hover p i{ color: #fff;}
@media screen and (max-width:1440px){
    #jmtj li p{ width: 40px; font-size: 20px;}
    #jmtj li span{ font-size: 12px;}
}
@media screen and (max-width:991px){
    #jmtj li{ width: 100%;}
}
@media screen and (max-width:450px){
    #jmtj li p{ display: none;}
}



/*豫粮优势*/
#youshi{ margin: 3% 0 0;}
#youshi .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#youshi .swiper-slide {
    transition: 0.3s;
    overflow: hidden;
    position: relative;
    cursor: default;

    /* 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;
}
#youshi .swiper-slide .pic{ text-align: center; padding: 10px 0;}
#youshi .swiper-slide .pic img{ max-width: 100%; position: relative; transition: 0.3s; }
#youshi .swiper-slide p{ color: #373737; font-size: 24px; padding: 5% 0 2%; position: relative; margin: 3% 0 1% !important; transition: 0.3s;}
#youshi .swiper-slide span{ display: block; padding: 0 10%; text-align: center; color: #5f5f5f; font-size: 16px;}
#youshi .swiper-slide:hover .pic img{ filter: drop-shadow(-5px 3px 7px rgba(0,0,0,0.2));}
#youshi .swiper-slide:hover p{ color: #d30000;}
@media screen and (max-width:768px){
    #youshi{ padding: 0 3%;}
}

#ysbj{ background: url("../images/ys_bj.jpg") no-repeat center fixed; height: 520px; position: relative;}
.ysbj_nr{ position: relative; margin-top: -120px; padding: 0;}
.ysbj_nr .container{ background: #fff; padding: 5%; position: relative;}
.ysbj_nr .tit{ position: absolute; left: 44%; top: -80px; width: 155px; height: 155px; background: #f4f4f4; border-radius: 100%; text-align: center; color: #d30000; font-size: 24px; font-weight: bold; line-height: 30px; padding-top: 30px; border: 15px solid #fff;}
@media screen and (max-width:1200px){
    .ysbj_nr .tit{ left: 41%;}
}
@media screen and (max-width:991px){
    #ysbj{ height: 350px;}
}
@media screen and (max-width:768px){
    .ysbj_nr .tit{ left: 35%;}
}
@media screen and (max-width:450px){
    .ysbj_nr .tit{ left: 29%;}
}

#qiye{ margin: 1% 0 0;}
#qiye .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#qiye .swiper-slide {
    transition: 0.3s;
    overflow: hidden;
    position: relative;
    cursor: default;

    /* 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;
}
#qiye .swiper-slide .pic{ text-align: center; width: 150px; height: 150px; line-height: 150px; position: relative;}
#qiye .swiper-slide .pic:before{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; content: ''; background-image: linear-gradient(to right, #b20803 , #e03732); border-radius: 5px; transition: 0.3s; opacity: 0;}
#qiye .swiper-slide .pic p{ display: inline-block; position: relative; vertical-align: middle; background: #f4f4f4; width: 100px; height: 100px; line-height: 100px; border-radius: 100%; border: 1px dashed #e2e2e2; transition: 0.3s;}
#qiye .swiper-slide .pic p i{ color: #d30000; font-size: 70px; transition: 0.3s; }
#qiye .swiper-slide .bt{ color: #474747; font-size: 20px; font-weight: bold; padding: 0 0 2%; position: relative; margin: 3% 0 1% !important; transition: 0.3s;}
#qiye .swiper-slide span{ display: block; padding: 0 10%; text-align: center; color: #777777; font-size: 16px;}
#qiye .swiper-slide:hover .bt{ color: #d30000;}
#qiye .swiper-slide:hover .pic:before{ opacity: 1;}
#qiye .swiper-slide:hover .pic p{ border: 1px solid #fff; background: none;}
#qiye .swiper-slide:hover .pic p i{ color: #fff;}
@media screen and (max-width:768px){
    #qiye{ padding: 10% 0;}
}

.zhichi_bj{ background: url("../images/wh_bj1.jpg") no-repeat center fixed;}
#zhichi{ margin: 3% 0 0;}
#zhichi .swiper-container {
    width: 100%;
    height: 100%;
    overflow: hidden;
}
#zhichi .swiper-slide {
    transition: 0.3s;
    overflow: hidden;
    position: relative;
    cursor: default;
    padding: 15px 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;
}
#zhichi .swiper-slide .font{background: #ffffff; transition: 0.3s; box-shadow: 0 0 15px rgba(0,0,0,0.1);}
#zhichi .swiper-slide .pic{ text-align: center;}
#zhichi .swiper-slide .pic img{ width: 100%;}
#zhichi .swiper-slide .content{ text-align: center; padding: 10% 0;}
#zhichi .swiper-slide p{ color: #333333; font-size: 24px; font-weight: bold; padding: 3% 0 5%; transition: 0.3s;}
#zhichi .swiper-slide span{ display: block; text-align: center; color: #797979; font-size: 16px; min-height: 90px;}
#zhichi .swiper-slide:hover .font{ box-shadow: 0 0 15px rgba(0,0,0,0.1);}

@media screen and (max-width:1440px){
    #zhichi .swiper-slide p{ font-size: 20px;}
    #zhichi .swiper-slide span{ font-size: 14px;}
}
@media screen and (max-width:1200px){
    #zhichi .swiper-slide p{ font-size: 16px;}
    #zhichi .swiper-slide span{ font-size: 12px;}
}
@media screen and (max-width:768px){
    #zhichi{ padding: 0 3%;}
}


.ylys{ margin-top: 3% !important;}
.ylys li{ margin-bottom: 3%;}
.ylys .pic{ width: 100%; position: relative; overflow: hidden;}
.ylys .pic img{ width: 100%; transition: 0.3s;}
.ylys .pic p{ position: absolute; left: 0; bottom: 0; width: 100%; height: 50px; line-height: 50px; text-align: center; color: #fff; z-index: 1; background: rgba(0,0,0,0.7); font-size: 16px; transition: 0.3s;}
.ylys li:hover .pic p{ background: rgba(199,34,34,0.9);}
.ylys li:hover .pic img{ transform: scale(1.1);}


/*新闻*/
.news_nr {padding: 0;}
.news_nr .t1 {color:#222;font-size:22px;display:inline;}
.news_nr .t2 {color:rgba(51,51,51,.42);font-size:14px;margin-left:25px;display:inline;}
.news_nr .t3 {display:block;flex:1;max-width:130px;color:#fff;background:#282475;text-align:center;line-height:35px;margin-left:3px;}
.news_nr .t3:hover,.news_nr .t3.active {background: #db2016;}
.news_nr .title i {width:50px;height:3px;background: #db2016;display:block;margin-top:15px;}
.news_nr .slide {margin-bottom: 8% !important; transition:.3s all ease; background: #fff; border: 1px solid #efefef;}
.news_nr .imgbox {width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.news_nr .imgbox img { object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.3s;}
.news_nr .imgbox .jh{position: absolute; width: 100%; height: 100%; background: rgba(0,0,0,0.7); text-align: center; left: 0; top: 0; z-index: 2; color: #fff; padding-top: 30%; opacity: 0; transition: 0.3s;}
.news_nr .imgbox .jh i{ color: rgba(255,255,255,0.8); font-size: 40px;}
.news_nr .imgbox1 {width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.news_nr .imgbox1 p { text-align: center; left: 0; position: absolute; height:100%; width:100%; transition: 0.3s;}
.news_nr .imgbox1 p img{ max-width: 100%; height: 100%;}
.news_nr .txtbox { padding: 5%; position: relative;}
.news_nr .txtbox .time{ position: absolute; width: 70px; height: 70px; background: #c72222; right: 20px; top: -45px; z-index: 8; text-align: center; color: #fff; line-height: 20px;}
.news_nr .txtbox .time p{ padding-top: 15px; font-weight: bold; font-size: 16px;}
.news_nr .txtbox .time span{ text-transform: uppercase;}
.news_nr .c1 {color:#282828;font-size:22px;white-space: nowrap;overflow:hidden;text-overflow: ellipsis; border-bottom: 1px dashed #cacaca; padding: 10px 0;}
.news_nr .c2 { margin-top:15px; color:#8b8b8b; font-size: 16px; line-height: 28px; height: auto; overflow:hidden;}
.news_nr .c3 {margin-top:15px;transition:.36s all ease; text-transform: uppercase;}
.news_nr .slide:hover { filter: drop-shadow(-8px 5px 8px rgba(153, 153, 153, 0.2)); background: #fff;}
.news_nr .slide:hover .imgbox img { transform: scale(1.1); filter:blur(5px);}
.news_nr .slide:hover .c1,.news_nr .slide:hover .c3 {color:#c72222;}
.news_nr .slide:hover .jh{ opacity: 1;}
/*.news_nr .slide:hover .c3 {padding-left:25px;transition:.36s all .3s;}*/


#xwinfo_bj{ background: url("../images/xwinfo_bj.jpg") no-repeat center fixed;}
#xwinfo_bj .home{ color: #fff; height: 60px; line-height: 60px; margin-top: 2%;}
#xwinfo_bj .home i{ float: left; margin-right: 10px;}
#xwinfo_bj .home a{ color: #fff; padding: 0 5px;}
@media screen and (max-width:991px){
    #xwinfo_bj .home{ margin-top: 8%;}
}
@media screen and (max-width:768px){
    #xwinfo_bj .home{ margin-top: 13%;}

}

.bai{ background: #fff;}

#xwinfo_bj .bai{ padding: 3%; border-radius: 5px; margin-top: 0.5%;}
#xwinfo_bj .news-detail-title{ line-height: 35px;}
#xwinfo_bj .news-detail-title .float-left{ width: 85%;}
#xwinfo_bj .news-detail-title .h3{ color: #000000; font-size: 26px; height: auto; padding-bottom: 10px;}
#xwinfo_bj .news-detail-title .b{ color: #666666; font-size: 14px;}
#xwinfo_bj .news-detail-title .float-right{ color: #666666; font-size: 16px; transition: 0.3s;}
#xwinfo_bj .news-detail-title .float-right p{ display: inline-block; height: 35px; width: 35px; border-radius: 100%; background: #ca1323; line-height: 35px; text-align: center; margin-right: 10px !important;}
#xwinfo_bj .news-detail-title .float-right p i{ color: #fff;}
#xwinfo_bj .news-detail-title .float-right:hover{ letter-spacing: 3px;}
#xwinfo_bj .news-detail{ font-size: 15px; color: #666666;}
#xwinfo_bj .newsPage{ padding: 0;}
#xwinfo_bj .newsPage .page-a{ float: left; color: #999; font-size: 16px; width: 45%; height: 90px; line-height: 90px; padding-left: 5%; transition: 0.3s; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
#xwinfo_bj .newsPage .page-a a{ color: #999; transition: 0.3s;}
#xwinfo_bj .newsPage .page-a:last-of-type{ float: right;}
#xwinfo_bj .newsPage .page_more{ float: left; position: relative; width: 90px;height: 90px; border-left: 3px solid #f5f5f5;border-right: 3px solid #f5f5f5;transition:.4s; }
#xwinfo_bj .newsPage .page_more:hover{background: #ca1323;}
#xwinfo_bj .newsPage .page_more:hover i{background:  #fff ;}
#xwinfo_bj .newsPage .page_more:hover i:nth-of-type(1){width: 10px;}
#xwinfo_bj .newsPage .page_more:hover i:nth-of-type(2){width: 20px;}
#xwinfo_bj .newsPage .page_more:hover i:nth-of-type(3){width: 30px;}
.pagerList{position: absolute; top:38px; left: 28px;}
.pagerList span{display: block;}
.pagerList span i{display: block; background:#aaa; width: 30px; transition:.4s; height: 2px; margin-bottom:3px;}
#xwinfo_bj .newsPage .page-a:hover,#xwinfo_bj .newsPage .page-a:hover a{ color: #ca1323;}
@media screen and (max-width:991px){
    #xwinfo_bj .news-detail-title .h3{ font-size: 20px;}
    #xwinfo_bj .news-detail-title .float-right p{ width: 25px; height: 25px; line-height: 25px;}
    #xwinfo_bj .newsPage{ padding: 3% 0;}
    #xwinfo_bj .newsPage .page-a{ width: 100%; height: 40px; line-height: 40px; font-size: 14px;}
    #xwinfo_bj .newsPage .page_more{ display: none;}
}
@media screen and (max-width:768px){
    #xwinfo_bj .news-detail-title .float-right{ display: none;}
    #xwinfo_bj .news-detail-title .float-left{ width: 100%;}
    #xwinfo_bj .news-detail-title .h3{ font-size: 18px; height: auto;}
}




.news02 {padding: 0;}
.news02 li{ margin-bottom: 10px;}
.news02 .col-12{ padding: 0 5px;}
.news02 .slide{ transition: 0.3s;}
.news02 .imgbox {width: 100%; height: 0; padding-bottom: 70%; position: relative; overflow: hidden;}
.news02 .imgbox img { object-fit: cover; left: 0; position: absolute; text-align: center; height:100%; width:100%; transition: 0.3s;}
.news02 .slide:hover .imgbox img {transform: scale(1.1);}
.news02 .txtbox { display: none; height: 50px; line-height: 50px; text-align: left; color: #fff; padding-left: 5%; font-size: 16px; position: absolute; left: 0; bottom: 0; z-index: 3; width: 100%; transition: 0.3s;}
.news02 .slide:hover .txtbox{ opacity: 0;}
.news02 .content{ position: absolute; left: 0; top: 0; z-index: 2; width: 100%; height: 100%; background: rgba(0,0,0,0.5); text-align: center; color: #fff; opacity: 0; transition: 0.3s;}
.news02 .content p{ font-size: 22px; padding: 30% 0 3%; transition: 0.4s;}
.news02 .content i{ font-size: 30px;}
.news02 .slide:hover .content{ opacity: 1;}
.news02 .slide:hover .content p{ padding-top: 23%;}



.lxbj{ background: url("../images/lxwm_bj.jpg") no-repeat center bottom; padding: 12% 0 7%;}
.lx_wx{ padding: 5% 0 0; text-align: center;}
.lx_wx .ewm{ float: left; width: 50%;}
.lx_wx p img{ width: 80%;}
@media screen and (max-width:991px){
    .lxbj{ padding-top: 20%;}
}
@media screen and (max-width:768px){
    .lxbj{ padding-top: 30%;}
}


/*翻页*/
.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;
}