@charset "utf-8";




/*banner*/
.banner .swiper-pagination span{width: 35px;height: 8px;border-radius: 0;opacity: 0.5;}
.banner .swiper-pagination .swiper-pagination-bullet-active{background: #ED1314bf!important;opacity: 1;}
.banner .swiper-pagination .swiper-pagination-bullet{background: white;}
.banner .swiper-button-next,.banner .swiper-button-prev{color: white;background: #ED1314;opacity: 0;height: 60px;width: 40px;}
.banner:hover .swiper-button-prev,.banner:hover .swiper-button-next{opacity: 1;}
.banner .swiper-button-next:after,.banner .swiper-button-prev:after{font-size: 30px;}
/*banner*/





/*videobox*/

.viheight{overflow: hidden;}
.videobox .modal-backdrop{background-color: rgb(0,0,0,.5);}
.videobox .modalbox{max-width: 800px;background-color: #fff;border-radius: .3rem;padding: 5px;margin: 5rem auto;}
.videobox .modalbox .mdtitle{border-bottom: 1px solid #dee2e6;margin-bottom: 5px;position: relative;}
.videobox .modalbox .mdtitle .Close{position: absolute;right: 0;cursor: pointer;}
.videobox .modalbox .mdtitle .Close i{font-size: 30px;margin-right: 10px;color: white;}
.videobox .mdClose{border-top: 1px solid #dee2e6;padding-top: 5px;}
.videobox .mdClose a{width: 100%;background-color: #ED1314;   border-color: #ED1314;display: block;color: white;font-size: 18px;text-align: center;border-radius: .3rem;}
.videobox .mdClose a:hover{background-color: #d40d0e;}
.videobox .universal h3{font-size: 30px;padding: 0;margin: 5px;}
.videobox .universal span{height: 15px;}





/*goodsbox*/
.goodsbox{background-color: #f1f1f1;}
.goodsbox .gdtop a{border: 1px solid #ddd; padding: 5px 7px; margin-bottom: 10px; margin-right: 2px; color: #333; display: inline-block;}
.goodsbox .gdtop a:hover{border: 1px solid #ED1314; color: #ED1314; background: #fff;}
.goodsbox .gdlst p{color: #333;font-weight: 700;font-size: 16px;text-align: center;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;padding: 5px 0px;}
/*goodsboxend*/

/*superiority*/
.superiority .ysbox{padding: 30px;}
.superiority .ysimg1{background: url(../images/ys1.png) no-repeat center;width: 68px;height: 68px;}
.superiority .ysbox:hover .ysimg1{background: url(../images/ys1_1.png) no-repeat center;}
.superiority .ysimg2{background: url(../images/ys2.png) no-repeat center;width: 68px;height: 68px;}
.superiority .ysbox:hover .ysimg2{background: url(../images/ys2_1.png) no-repeat center;}
.superiority .ysimg3{background: url(../images/ys3.png) no-repeat center;width: 68px;height: 68px;}
.superiority .ysbox:hover .ysimg3{background: url(../images/ys3_1.png) no-repeat center;}
.superiority .ysimg4{background: url(../images/ys4.png) no-repeat center;width: 68px;height: 68px;}
.superiority .ysbox:hover .ysimg4{background: url(../images/ys4_1.png) no-repeat center;}
.superiority .ysimg5{background: url(../images/ys5.png) no-repeat center;width: 68px;height: 68px;}
.superiority .ysbox:hover .ysimg5{background: url(../images/ys5_1.png) no-repeat center;}
.superiority .ysimg6{background: url(../images/ys6.png) no-repeat center;width: 68px;height: 68px;}
.superiority .ysbox:hover .ysimg6{background: url(../images/ys6_1.png) no-repeat center;}
.superiority .ysbox p{text-align: center;font-size: 18px;}
.superiority .ysbox span{color: #8e8e8e;display: block;padding: 0 0 0 20px;vertical-align: bottom;text-align: left;font-size: 16px;}
/*superiorityend*/


/*firm*/
/*
.firm .bg_img{background: url(../images/firm_bg.jpg) no-repeat center center;background-attachment: fixed;background-size: cover;}
.firm .bg_img2{background-color: rgba(7,7,7,0.8);background-image: url(../images/firm_kl.png);}
.firm .firm-ms{color: white;}
.firm .container{padding: 45px 0px 30px;}
.firm .firm-ms{line-height: 1.8;padding: 3rem 15rem;font-size: 16px;}
*/


.firm .firm-ys{border-bottom: 1px solid #ED1314;display: flex;width: 100%;text-align: center;margin-bottom: 0;}
.firm .firm-ys li{float: left;flex: 1;}
.firm .firm-ys li p{display: block;padding-top: 20px;margin: 0 auto;width: 52px;height: auto;font-size: 52px;color: #ED1314;font-weight: bold;line-height: 120%;}
.firm .firm-tit,.firm .firm-ys{overflow: hidden;height: 180px;}
.firm .firm-tit{margin-left: 50px;}
.firm .firm-tit span{display: block;margin-top: 32px;font-size: 65px;color: #f0f0f0;font-weight: bold;text-transform: uppercase;letter-spacing: 0px;line-height: 50px;}
.firm .firm-tit h2{display: block;margin-bottom: 5px;font-size: 35px;color: #313131;font-weight: bold;}
.firm .firm-tit p{display: block;font-size: 22px;color: #313131;}
.firm .fmsbox{position: relative;}
.firm .firm-ms{position: absolute;top: 30px;width: 60%;margin-left: 45px;color: white;font-size: 16px;line-height: 170%;}
.firm .firm-ms a{display: block;margin-top: 20px;width: 150px;height: 34px;border: 1px solid #fff;text-align: center;font-size: 15px;color: #fff;line-height: 32px;margin-left: 0;}

/*firmend*/


.vibox .vdtop{padding: 1rem 0;}
.vibox .vdtop a{color: #444444;font-size: 15px;}
.vibox .vdlist{position: relative;}
.vibox .vdlist span{position: absolute;top: 0;right: 0;bottom: 0;left: 0;transition: all .6s ease;background-image: none!important;background-position: center top;background-repeat: no-repeat;background-color: rgb(0,0,0);opacity: 0;filter: alpha(opacity=0);padding-top: 90px;font-style: normal;text-align: center;}
.vibox .vdlist:hover span{background-position: center center;background-repeat: no-repeat;background-color: rgb(0,0,0);opacity: 0.7;filter: alpha(opacity=70);color: #ED1314;font-size: 16px;}

.vibox .vitop a{border: 1px solid #ddd;padding: 5px 20px;margin: 5px 5px 10px 5px;color: #333;display: inline-block;}
.vibox .vitop a:hover{border: 1px solid #ED1314; color: #ED1314; background: #fff;}

/*news*/
.news .ntop{padding: 0px 15px 15px;border: 1px solid #e1e1e1;}
.news .ntop h3{border-top: 3px solid #ED1314;}
.news .netop-in .pull-left{width: 30%;}
.news .netop-in .pull-right{width: 70%;padding: 10px;}


.news .nebtbox .pull-left{width: 60%;}
.news .nebtbox .pull-right{width: 30%;}

.news .nebtbox .pull-left .wen{background: url(../images/nw.jpg) left center no-repeat;padding-left: 30px;font-weight: bold;font-family: 'Microsoft YaHei';}

.news .nebtbox .pull-left .da{background: url(../images/nd.jpg) left center no-repeat;overflow: hidden;padding: 0px 0px 0px 2.9em;color: #646464;font-family: 'Microsoft YaHei';font-size: 12px;background-position-y: top;margin-top: 7px;}



.news .netop-bt{font-size: 14px;border-bottom: 1px dashed #cdcdcd;font-family: 'Microsoft YaHei';padding: 5px 0;}
.news .nebtbox .ne-kf{height: 360px;background: url(../images/nkf.jpg) center 0px no-repeat;overflow: hidden;}
.news .nebtbox .ne-black{background: #201b18;color: white;overflow: hidden;padding: 30px 10px;}
.news .nebtbox .ne-black h5{font-size:13px;}
.news .nebtbox .ne-black p{font-size:20px;font-weight:bold;}



/*newsend*/





/*ourselvesend*/


/*bt-youlian*/
.bt-youlian h3{width: 135px;height: 60px;background: url(../images/in_link.jpg) center 0px no-repeat;line-height: 90px;text-align: center;overflow: hidden;float: left;font-family: 'Microsoft YaHei';font-size: 20px;color: #ED1314;font-weight: bold;}
.bt-youlian li{line-height: 30px;color: #494949;font-family: 'Microsoft YaHei';overflow: hidden;margin-left: 15px;float: left;}
.bt-youlian li a{font-size: 16px;font-family: 'Microsoft YaHei';}



.videobox iframe{height: 500px!important;}



@media (max-width: 768px) {


.firm .container{padding: 15px 0px 30px;}
.superiority .ysbox{padding: 10px 0px;}
.news .netop-in{padding-top: 10px;}
.news .netop-in .pull-left,.news .netop-in .pull-right,.news .nebtbox .pull-left{width:100%;}
.news .netop-bt .pull-left{width: 70%;text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}
.news .news-right{padding-top: 10px;}
.videobox iframe{height: 230px!important;}



.videobox .modalbox{margin: 5rem 1rem;}
.firm .firm-tit, .firm .firm-ys{height: auto;}
.firm .firm-ys li p{font-size: 28px;padding: 10px 0px;}
.firm .firm-tit{margin: 0 10px;}
.firm .firm-tit span{font-size: 35px;margin-top: 15px;line-height: 35px;}
.firm .firm-tit h2{font-size: 25px;}
.firm .firm-tit p{font-size: 15px;}
.firm .firm-ms{position: inherit;color: black;padding: 0 10px;width: 100%;margin: 0;top: 0;}

.superiority .ysbox p{font-size: 17px;}


}

  
@media (min-width:1200px) {
    .banner .swiper-button-prev{left: 10%;}
    .banner .swiper-button-next{right: 10%;}

    .goodsbox .container{max-width: 1450px}
}