.se_iphone_nav{display:none; }



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

.se_iphone_nav{ position: fixed; top: 0; right: 0; z-index: 999999; width: 100%;  height: auto;     display: block; }
.se_iphone_nav .s_aa{ cursor: pointer; position: fixed; height: 80px; display: flex; justify-content: center; align-items: center; width: 80px; right: 0; z-index: 99999;  }
.se_iphone_nav .s_aa .fa{ display: block; color: #333; font-size: 26px;}
.se_iphone_nav .s_aa .fa-remove{ display:none; }
.se_iphone_nav .act .fa-navicon{ display: none;}
.se_iphone_nav .act .fa-remove{ display: block;    color: #003260; }
.se_iphone_nav .s_bb{ display: none;position: fixed; width: 100%; top: 80px; padding: 30px 5%; background: #fff;    overflow-y: scroll; height:calc(100% - 80px); }
.se_iphone_nav .s_bb .se_nav_ul{ display: block;  margin-bottom: 20px;}
.se_iphone_nav .s_bb .se_nav_ul .dd{overflow: hidden; padding: 10px 16px; background: #f2f2f2; display: flex; justify-content: space-between; align-items: center;    cursor: pointer; border-radius: 4px; }
.se_iphone_nav .s_bb .se_nav_ul .one{display: block; }
.se_iphone_nav .s_bb .se_nav_ul .dd span,.se_iphone_nav .s_bb .se_nav_ul .dd span a{color: #003260; font-size: 16px; display: block;}
.se_iphone_nav .s_bb .se_nav_ul .dd i{color: #003260; font-size: 20px; display: block; transition: all .3s; }
.se_iphone_nav .s_bb .se_nav_ul .go i{    transform: rotate(90deg);}
.se_iphone_nav .s_bb .se_nav_ul .dt{display: none;}
.se_iphone_nav .s_bb .se_nav_ul .dt p{display: block; overflow: hidden; padding: 30px 16px; padding-top: 5px; }
.se_iphone_nav .s_bb .se_nav_ul .dt p a{display: block; color: #666; font-size: 14px; border-bottom: 1px solid #eee; padding: 8px 0;}
 
 


.icenter{ width:96%; }
.more{ width: 120px;height: 32px; }
.more::after{ font-size: 1.2rem;}
.more::after, .more > span{ font-size: 1.2rem;}

.adfooter{padding:30px 0; }


.webbanner{ height: 180px; margin-top:80px;  }
.webbanner img{height: 100%; object-fit: cover;}
.webbanner .btxt p span, .webbanner .btxt p font{font-size: 24px;ine-height: 30px;}

.dh2 .icenter .pcnav,.adfooter .tb dt .se{    display: none;}

.contact_a h3,.contact_b h3,.zjjmform h3,.jmms .text strong,.jmzc h3,.franchise_1 h3, .franchise_3 .tt h3,.ser2_lc h3{ font-size: 28px; }


.contact_a h4{ font-size: 16px;}
.contact_a ul{display: block;}
.contact_a ul li{border: 1px solid #eee; padding: 10px; margin: 0 0 20px 0; }
.contact_a ul li a{text-align: center; font-size: 18px;}
.contact_a ul li .tel{font-size: 26px; line-height: 30px;}
.contact_a ul li span{text-align: center; font-size: 16px;}
.contact_a ul .ewm img{margin: 0 auto; height: 100px; }
.contact_a ul .ewm font{font-size:14px;}
.contact_a ul li i{ margin: 0 auto; }
.contact_b ul{grid-template-columns: repeat(1, 1fr); }
.contact_b ul li{ padding: 20px;}
.contact_b ul li span{ margin: 20px 0; min-height: auto; }
.contact_b ul li strong{ font-size: 18px; }
.contact_b ul li a{width: 100px; height: 30px;}

.adfooter .ta{display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap;}
.adfooter .ta dl{float: left; width: 50%; margin-bottom: 50px; display: none;}
.adfooter .ta dl dd a{ line-height: 28px; font-size: 14px; }
.adfooter .ta dl dt{ margin: 0 0 0 0; }
.adfooter .ta dl dt a{font-size: 18px;    font-weight: normal;}
.adfooter .ta .fcr{ width:100%; }
.adfooter .ta .fcr .flogo{ margin: 0 0 15px 0; }
.adfooter .ta .fcr .flogo img{ height: 30px; margin:0 auto;  }
.adfooter .ta .fcr .text p{ margin: 0 0 6px 0;}
.adfooter .ta .fcr .text p span{ font-size:12px; text-align: center;}
.adfooter .ta .fcr .text p a{font-size:16px;     text-align: center;}
.adfooter .ta .fcr .text p .tel{      font-size: 18px; }
.adfooter .ta .fcr .toa{ margin: 10px auto; zoom:0.8; }
.adfooter .ta .fcr .ewm p{    display: block;}
.adfooter .ta .fcr .ewm p span{ font-size: 12px;    margin: 0; }
.adfooter .ta .fcr .ewm p span br{display: none;}
.adfooter .ta .fcr .ewm p img{ height: 90px; }
.adfooter .ta .fcr .ewm{display: flex; justify-content: center; margin: 20px auto; overflow: hidden; text-align: center;}
.adfooter .tb{ display: flex; justify-content: center; align-items: flex-start; margin-top: 0; }
.adfooter .tb dt{ display: flex; justify-content: space-between; flex-direction: column; align-items: center; }


.franchise_1{ margin: 50px auto; }
.franchise_1 dd{ display: block; }
.franchise_1 dd p{width: 100%; padding: 20px; margin: 0 0 10px 0;}
.franchise_1 dd p span{ font-size: 24px; line-height: 28px; margin-bottom: 10px;}
.franchise_1 dd p font{ font-size: 18px; }


.franchise_2 .webls_Swiper_pagination span, .franchise_3 .webjy_Swiper_pagination span,.ser2_pic .ser2picSwiper_pagination span{width: 10px; height: 10px; margin: 0 3px;}
.franchise_2, .franchise_3{ padding: 50px 0; }
.franchise_2 .webls_Swiper, .franchise_3 .webjy_Swiper{ width: calc(100% - 100px);} 
.franchise_2 .webls_Swiper_pagination, .franchise_3 .webjy_Swiper_pagination{ overflow: hidden; margin: 10px auto 0; }
.franchise_2 .webls_Swiper .fa, .franchise_3 .fa{ width: 36px; height: 36px; left: 10px;   font-size: 24px;}
.franchise_2 .webls_Swiper .innews_S_b_next, .franchise_3 .jy_S_b_next{left: auto; right: 10px;   }
.franchise_2 .swiper-slide, .franchise_3 .webjy_Swiper .swiper-slide{ padding:10px; }
.franchise_3 .webjy_Swiper .swiper-slide span{ font-size:14px;}

.franchise_3 .tt h4{ font-size: 20px; }
.franchise_3 .tt h5{ font-size: 16px;  line-height: 28px; }
.franchise_3 .webjy_Swiper .swiper-slide img{ border-radius: 10px; }

.jmzc{ padding: 50px 0; }
.jmzc ul li:after,.jmzc ul li:nth-child(5):before, .jmzc ul li:nth-child(6):before, .jmzc ul li:nth-child(7):before,.jmzc ul:after{ display: none; }
.jmzc ul li{  float: left; width: 100%; padding: 10px 0; box-sizing: border-box; text-align: center;  font-size: 18px; border: 1px solid #708394; margin: 0 0 10px 0;}

.jmms{ padding: 50px 0; }
.jmms .text span{ font-size: 16px; margin-bottom: 10px;}
.jmms .jb{ border-radius: 10px; }
.jmms .ja_open{ display: flex; display: -webkit-flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; }
.jmms .ja_open a{ width: 23%; margin: 0 1% 1% 0; border-radius: 8px; }
.jmms .ja_open .active{-webkit-transform: scale(1.1); -moz-transform: scale(1.1); transform: scale(1.1);}


.zjjmform{ padding: 50px 0; }
.fr3 dd{ margin: 0 0 20px 0; }
.fr3 dd font{font-size:14px;}
.fr3 dd input, .fr3 dd textarea{height: 40px;}
.fr3 dd textarea{height:80px;}
.fr3{ grid-template-columns: repeat(1, 1fr); }
.wpcf7-form .more{ width: 150px; height: 36px; }

.newslist dd a{ display: block;}
.newslist dd a i{ border-radius: 10px; width: 100%; }
.newslist dd a p{ width: 100%; margin-top: 13px; }
.newslist dd a p span{font-size: 14px; margin: 10px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;}
.newslist dd a p .toa{ margin: 10px 0 0 0; font-size: 14px;border-radius: 2em; }
.newslist dd a p font{ font-size: 16px; }
.newslist dd a p strong{ font-size: 20px; margin-bottom: 10px; }



.caselist{ grid-template-columns: repeat(1, 1fr); margin: 50px auto; }
.caselist dd a i{ border-radius: 10px; }
.caselist dd a span{ font-size: 16px; }

.cat_title{ padding: 20px 0 0; }
.cat_title .icenter a{ font-size: 16px; margin: 0 20px 20px 0; }



.dowlist{ margin: 50px auto; }
.dowlist dl h3{ font-size: 28px; margin: 0 0 10px 0; }
.dowlist dl dd a{ width: 100%; border: 1px solid #ddd; padding: 10px; margin: 0 0 20px 0; }
.dowlist dl dd a span{ width: calc(100% - 50px);   font-size: 16px; }
.dowlist dl dd a img{ height: 20px; }


.videolist{grid-template-columns: repeat(2, 1fr); margin: 50px auto; grid-gap: 0 20px;}
.videolist a{ margin: 0 0 20px 0;}
.videolist a span{font-size: 16px; margin: 10px 0; }
.videolist a p{border-radius: 10px; }
.anspvideoshow{ margin: 50px auto; }
.anspvideoshow h3{ font-size: 26px;}
.anspvideoshow .more{ margin: 30px auto; zoom: 0.9; }



.webpageserver3_d h3{ font-size: 22px; }
.webpageserver3_d dl{width: 100%; display: block;}
.webpageserver3_d dl dd,.webpageserver3_d dl dt{ width:100%;margin-bottom: 20px;}
.webpageserver3_d dl dd span{ font-size: 16px; margin: 5px 0 0; }
.webpageserver3_d dl dd font{ font-size: 26px; }
.webpageserver3_d dl dd i{width: 40px; height: 40px;}
.webpageserver3_d dl dt span{    font-size: 14px;}
.webpageserver3_c h3{ font-size: 28px; text-align: center;  margin: 0 auto 10px; }


.webpageserver3_b h3{font-size: 28px; text-align: center; }
.webpageserver3_b dl{ display: block; }
.webpageserver3_b dl dd{ width: 100%;padding: 10px;margin-bottom: 10px;}
.webpageserver3_b dl dd span{font-size: 24px;   margin: 10px 0;}


.webpageserver3_a h3{ font-size: 28px; text-align: center;   margin: 0 0 10px 0; }
.webpageserver3_a dl{ display: block; }
.webpageserver3_a dl dd{padding: 20px; margin-bottom: 10px; width: 100%;}
.webpageserver3_a dl dd font{ font-size: 14px; text-align: center; margin: 10px 0; }
.webpageserver3_a dl dd span{font-size: 24px; text-align: center; margin: 10px 0;}
.webpageserver3_a dl dd i img{ height: 50px; }



.ser2_text{ padding: 50px 0; }
.ser2_text h3{ font-size: 28px;   margin: 0 auto 10px; }
.ser2_text h4{font-size: 14px; line-height: 24px; }
.zjjmform h3{    font-size: 20px;}

.ser2_lc{ padding: 50px 0; }
.ser2_lc .icline:after,.ser2_lc dl dd:after,.ser2_lc dl dd:nth-child(2n):after{ display: none; }
.ser2_lc dl{display: block;}
.ser2_lc dl dd,.ser2_lc dl dd:nth-child(2n){height: auto; display: block;border: 1px solid #ddd; padding: 10px; margin: 0 0 10px 0;}
.ser2_lc dl dd font{ font-size: 14px; }
.ser2_lc dl dd span{ line-height: 22px; font-size: 16px;}

.ser2_pic{ padding: 50px 0; }
.ser2_pic h3{ font-size: 28px;  display: block; margin: 0 auto 20px; }
.ser2_pic h3 .more{ margin-top: 20px; }
.ser2_pic .swiper-slide span{ padding: 10px;  font-size: 16px; }


.mbx .icenter .fa{ margin: 0 5px;  font-size: 14px;}


.webpageserver4_a h3{ font-size: 28px;}
.webpageserver4_a h4{ font-size: 18px; }

.webpageserver4_ashow{ padding: 50px 0; }
.webpageserver4_ashow h3{ font-size: 28px;   margin: 0 0 10px 0;}
.webpageserver4_ashow .show *{ font-size:14px;}

.webpageserver4_b dl,.webpageserver4_b dl:nth-child(2n){ display: block; }
.webpageserver4_b dl i{ width:100%; }
.webpageserver4_b dl p{ width: 100%; padding: 10px 5%; margin: 0; }
.webpageserver4_b dl p span{ font-size: 24px;  margin: 0 0 20px; }




.solutionslist{ grid-template-columns: repeat(1, 1fr);  margin: 50px auto; }
.solutionslist dd a i{ border-radius: 10px; }
.solutionslist dd a p strong{ min-height: inherit; } 
.solutionslist dd a p span{ font-size: 14px;  -webkit-line-clamp: 2; }
.solutionslist dd a p .fa{ width: 30px; height: 30px; font-size: 18px; }

.proshowtop{    padding: 50px 0;}
.proshowtop .icenter{ display: block; }
.proshowtop .icenter .lf{ width: 100%;}
.proshowtop .icenter .rh{ width: 100%; margin-top: 30px; }
.proshowtop .icenter .rh h3{ display: block; }
.proshowtop .icenter .rh h3 span{ font-size: 26px; width: 100%; margin-bottom: 10px; }
.proshowtop .icenter .rh h3 a{zoom: 0.7;}
.proshowtop .icenter .rh dd p{ font-size: 16px;}
.solutionshow *{ font-size: 16px; line-height: 30px; }


.proshowbottom{ padding: 50px 0; }
.proshowbottom h3{ font-size: 26px; margin: 0 0 20px 0; }
.proshowbottom dl{ grid-template-columns: repeat(2, 1fr); grid-gap: 0 20px; }
.proshowbottom dl dd{margin: 0 0 20px 0;}
.proshowbottom dl dd a{ border-radius: 10px; }
.proshowbottom dl dd a span{width: 90%; bottom: 20px;   left: 5%; font-size: 18px;}


.webprolist{grid-template-columns: repeat(2, 1fr);     grid-gap: 0 20px;  margin: 50px auto;}
.webprolist dd{    margin: 0 0 20px 0;}
.webprolist dd a span{  width: 90%; bottom: 20px; text-align: center; left: 5%; font-size: 14px;}

.procat_title .icenter{ display: block;}
.procat_title .icenter a{ float: left; width: 50%;    border-bottom: 1px solid #ddd; }
.procat_title a span{ font-size: 16px; margin: 5px 0; }
.procat_title a img{ height: 30px; }


.webtt p span{font-size: 30px;line-height: 30px; margin-top: -15px;}
.webtt p font{ font-size: 60px; line-height: 60px; }


.ab02{ padding: 50px 0 100px; }
.ab02 .webtt{ margin: 0 auto 20px; }
.ab02 .bot .box font{ font-size: 50px;  line-height: 50px;}
.ab02 .bot .box i{ font-size: 24px; margin:10px 0; }
.ab02 .bot .box p{ font-size: 14px; line-height: 24px;}
.ab02 .bot .fa{ font-size: 26px; width: 36px; height: 36px; }
.ab02 .mid .num span{ font-size:16px; line-height: 20px;}
.ab02 .mid .num .dot{ width: 30px; height: 30px;}
.ab02 .mid .num .dot:after{ width: 10px; height: 10px;margin: -5px; }
.ab02 .mid .num .dot:before{width: 20px; height: 20px;margin: -10px;}
.ab02:after{    bottom: 135px;}



.abhonor .a_h_aa a{ font-size: 20px; margin: 0 20px 0 0;    padding-bottom: 5px;}
.abhonor .a_h_aa,.abculture .webtt,.abcompany .webtt{ margin: 0 auto 20px; }
.abhonor .a_h_bb dl dd{ grid-template-columns: repeat(3, 1fr); }
.abhonor .webtt{ margin: 0 auto 20px; }
.abhonor{ padding: 50px 0; }
.abhonor .a_h_bb dl p{ padding: 10px;  border-radius: 6px;}


.abculture{padding: 50px 0;}
.abculture .abwl{ display: block; }
.abculture .abwl li{width: 100%;   padding: 20px; margin-bottom: 20px;}
.abculture .abwl li font{ font-size: 16px; margin: 30px 0; height: auto; }
.abculture .abwl li span{ font-size: 18px; }
.abculture .abwl li strong{ font-size: 18px; }


.webnum{border-top: 0; margin-top: 0;}
.webnum .icenter{ display: block;}
.webnum .icenter dd{ float: left; width: 49%; border: 1px solid #ddd; margin: 0 1% 1% 0; padding: 20px 0;   }
.webnum .icenter dd p span{font-size: 50px; line-height: 50px;}
.webnum .icenter dd strong{font-size: 14px; line-height: 18px; margin-top: 10px;}

.abcompany{ margin: 50px auto; }
.abcompany .txt{ font-size: 14px; line-height: 24px;     text-indent: 2em;}


.inpro{ padding: 50px 0; }
.inpro h4{ font-size: 16px; }
.inpro .culproSwiper{    margin: 30px 0 0 0;}
.inpro .culproSwiper .swiper-slide a span{ font-size: 20px; bottom: 20px; }
.inpro .culproSwiper_pagination{ margin: 20px auto; }
.inpro .sdlr .fa{ width: 36px; height: 36px; font-size: 24px; margin: 0 10px; }


.innews{    padding: 50px 0;}
.innews .cul07Swiper{ width:96%; margin:0 auto; }  
.innews .Swiper .swiper-slide a p font{ font-size: 14px; }
.innews .Swiper .swiper-slide a p span{ font-size: 14px; margin: 16px 0; line-height: 20px;  -webkit-line-clamp: 2;   }
.innews .Swiper .swiper-slide a p strong{ font-size: 20px; }
.innews .Swiper .swiper-slide a p{ padding: 30px; }
.innews .cul07Swiper_pagination{    margin: 20px auto;}
.innews .cul07Swiper_pagination span{ width:10px; height:10px; margin:0 5px; }


.incase{ padding: 50px 0 0; }
.incase .webtt{ margin: 0 auto 20px; }
.incase .i03 .icenter li{    padding: 120px 0;}
.incase .i03 .text i{ font-size: 50px; line-height: 50px; bottom: 30px;}
.incase .i03 .icenter li strong{ font-size: 24px; width: 90%;}
.incase .i03 .icenter li p{ width: 90%; }
.incase .i03 .icenter li p font{ font-size: 14px; width: 100%; margin: 20px 0; height: 70px; }


.inserver{ padding: 50px 0; }
.inserver .icenter{    display: block;}
.inserver .icenter dd{ padding: 20px; width: 100%;margin-bottom: 20px;}
.inserver .icenter dd strong{ font-size: 20px; margin: 16px 0;}
.inserver .icenter dd span{ font-size: 14px; line-height: 22px; margin: 10px 0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;    text-align: left; }
.inserver .icenter dd .ico{ display: block; width: auto; height: 30px; }
.inserver .icenter dd a{    float: none;}
.inserver .icenter dd a img{ height:30px; }
.inserver .global{height: 50%;}


.insolution{ padding: 50px 0; }
.insolution .webtt{ margin: 0 auto 20px; }
.insolution .i_s_l{height: 320px;}
.insolution .i_s_l li{ border-radius: 10px;}
.insolution .i_s_l li font{ width: 80px; font-size: 18px; }
.insolution .i_s_l li dd{ width: 160px; }
.insolution .i_s_l li dd strong{ font-size: 20px; }
.insolution .i_s_l li dd h3{ font-size: 14px; margin: 10px 0; }

 

.inabout{ padding: 50px 0; }
.inabout .txt{ font-size: 14px; line-height: 24px; }
.numlist{ display: block; overflow: hidden;}
.numlist li{width: 50%; float: left;  overflow: hidden;   max-height: 180px; }
.numlist li dd strong{font-size: 12px;}
.numlist li dd p span{ font-size: 46px; line-height: 50px; }
.numlist .active img{ transform: scale(1, 1);}



.banner{ height:auto;    margin-top: 80px; }
.inbanner_Swiper .txt h3{ text-align: center; font-size: 28px; line-height: 30px; margin-bottom: 0 }
.inbanner_Swiper .txt h4{ text-align: center; font-size: 16px; margin: 10px 0;}
.banner .br_ry{top:50%; height: 50px; }
.banner .br_ry .fa{ font-size: 36px; width: 40px; height: 40px; line-height: 40px;  }


.dh2{background-color: #fff; -webkit-box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2); box-shadow: 0 6px 15px 0 rgba(0, 0, 0, 0.2);}
.dh2 .icenter .logo img{ height:16px;}
.dh2 .icenter .logo img,.dh2 .icenter .rh .navsearch img{ filter: none;}
.dh2 .icenter .rh{    margin-right: 80px;}



.search_form{    width: 96%;}
.s_pageall dd{grid-template-columns: repeat(2, 1fr);}


.adfooter .tb dt p,.adfooter .tb dt a{ font-size:12px;}


.innews,.incase,.inserver,.insolution,.inpro,.inabout,.banner{ display: none;  }

 

.pagepro_title .icenter::-moz-selection {background: #1f609d;color: #fff;text-shadow: none;}
.pagepro_title .icenter::selection {background: #1f609d;color: #fff;text-shadow: none;}

.pagepro_title .active:after, .pagepro_title a:hover:after{     height: 3px;  }
.pagepro_title{    margin-bottom: 20px;}
.pagepro_title .icenter{margin: 0 auto; overflow: auto; width: auto; overflow-x: auto; overflow-y: hidden; white-space: nowrap; padding: 0 0; }
.pagepro_title .icenter a{ float: none; width: auto; border-bottom: 0; border-right: 0; padding: 10px 0px; display: inline-block; margin: 0 10px;}
.pagepro_title .icenter a span{font-weight: normal; font-size:14px;margin:0;     color: #000;}	
.pagepro_title .icenter .active span{ color:#003260; }

.pagepro{ margin: 50px auto; }
.pagepro dl a{    margin: 0 0 20px 0;}
.pagepro dl a .txt strong{font-size: 18px; font-weight: normal; }
.pagepro dl a .txt span{ font-size: 12px;margin: 6px 0 10px; zoom: 0.9; }
.pagepro dl a .txt font{width: 80px; height: 24px; margin: 10px 0 0 0; font-size: 12px;    zoom: 0.9;}

 


 

.bv2_list .list{ display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 20px; width: 96%; margin: 0 auto; }
.bv2_list .list dl{ background: #f5f5f5; margin-bottom: 20px;}
.bv2_list .list dl .txt span{ font-size: 12px; padding: 8px; line-height: 16px; }
.bv2_list .list dl p{ height: 110px; }
.bv2_list .list dl p i{     font-size: 24px; width: 40px; height: 40px;}
.bv2_list .vd .icenter{ position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 90%; margin: 0; }
.bv2_list .vd .icenter .close-btn{right: 0; top: -60px; width: 40px; height: 40px; font-size: 20px;}


.bv1_list{margin: 30px auto 30px;    display: block;}
.bv1_list .vd{ width:100%;}
.bv1_list .vd video{      object-fit: inherit;  max-height: inherit;}
.bv1_list .files{ width: 100%; padding: 2%;     display: none; }
.bv1_list .files dl{ width: 32%; height: 80px;  margin: 0 2% 0 0;}
.bv1_list .files dl:last-child{ margin-right:0; }
.bv1_list .files dl p span{ font-size: 12px; line-height: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; }
.bv1_list .files dl p i{ width: 20px; height: 20px; margin-bottom: 5px;  }

 
  
.bv2_list{display: none;}


.h5_brand_vid{   display: block; display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 0 20px; }
.h5_brand_vid .vd{background: #f5f5f5; display: block; overflow: hidden; margin-bottom: 20px;}
.h5_brand_vid .vd video{ display: block; width: 100%;}
.h5_brand_vid .vd span{display: block; text-align: center; font-size: 12px; line-height: 16px; padding: 10px; color: #333;}






}