@charset "utf-8";
/* CSS Document */
/**/
@media all and (max-width: 1680px) {

}
/* max 1680 end */

/**/
@media all and (max-width: 1550px) {

}
/* max 1550 end */

/**/
@media all and (max-width: 1440px) {  
}
/* max 1440 end */

/**/
@media all and (max-width: 1280px) {

    
    
}
/* max 1280 end */

/**/
@media all and (max-width: 1024px) {
   
}
/* max 1024 end */


/**/
@media all and (max-width: 750px) {
.center{width:100vw; min-width: auto; height: auto; margin: 0 auto; padding: 0 5vw; transition: all .5s ease 0s;}
.c_nav{display: flex;}
/**/
.top{width: 100%; height:50px; padding: 0 5%}
.logo{width:auto; height: 50px; }
.logo img{max-width:auto; height:40px; overflow: hidden;}

.top_right{ display: none; width:100%; height:calc(100% - 50px); line-height: 100px; float: inherit; text-align: left; position: fixed; bottom: 0; left: -100%; background: rgba(255,255,255,.95); padding:5vh 5% 0;}
.nav{width:100%; height: auto; display:block;}
.nav div{display:block; width: 100%; height:50px; line-height: 50px; border-bottom: 1px solid rgba(0,0,0,.1); margin: 0; text-align: left;}
.nav div a{position: relative; z-index: 2; display: block; width: 100%; height: 100%; font-size: 14px;}
.nav div:after{content: ''; width: 0%; height:1px; background: #de5d25; position: absolute; left: 50%; top:inherit; bottom: 0; opacity: 0;}
.nav div:hover:after,.nav .nuw:after{left: 0; width: 100%; height: 100%; opacity: 1; color: #fff;}
.nav div:hover a,.nav .nuw a{ color: #fff; transition: all .2s ease-in .2s; padding-left:15px;}

.yyxz_ul{width:100%; height:30px; display:inline-block; vertical-align: middle; line-height: 1; margin-right:0; position: relative; z-index: 55;}
.top_tel{width:100%; height:auto; line-height: 1;}
.top_tel a{width: auto; height:30px; position: relative;}
.top_tel a div{font-size:24px; font-weight: bold; color: #de5d25; text-align: left; font-weight: bold;}
.top_tel a div i{font-size:14px; width:24px; height:24px; line-height:26px;}

/* banner */
.in_banner{width:100%; height:51.2vw; margin:50px auto 0; overflow: hidden;}
.in_banner_l,.in_banner_r{display: none;}
.in_banner .swiper-slide a{background-size:auto 100%; }
.in_banner .in_banner_a{bottom: 15px;}
.in_banner .in_banner_a .swiper-pagination-current{font-size:14px; font-weight: bold; position: relative;}
.in_banner .in_banner_a .swiper-pagination-current::before{content: '0'; display: inline-block; vertical-align: baseline; line-height: 1; margin-right: 1px;}
.in_banner .in_banner_a .swiper-pagination-current::after{content:''; height: 3px; position: absolute; top: calc(50% - 1.5px); left: -5vw; z-index: 5; background: #fff; display: block;}
.in_tis{display:none;}

.bg_a{background: #f7f7f7; overflow: hidden;}
.in_center{width:90vw; height: auto; margin: 0 auto; padding:25px 0;}
.in-pro-nav{width: 100%; position: inherit; top: 0; right:0; height:auto; margin-top: 25px; overflow: hidden;}
.in-pro-nav a{font-size: 16px; display: block; width:auto; margin-right:15px; line-height:40px; position: relative;}
.in-pro-nav .swiper-notification{display: none;}
.in_center .title_ys .more{top: 0 !important;}

.in-pro-box{width: 100%; height: auto; overflow: hidden; padding-top:30px;}
.in-pro-box .swiper-slide{width: 100%; height: auto; overflow: hidden;  display: flex; flex-wrap: wrap;}
.in-pro-li{display: block; width:calc((100% - 10px) / 2); height: auto; position: relative; margin-right: 10px; padding-bottom: 20px; margin-bottom: 20px; transition: all .8s ease 0s;}
.in-pro-liimg{width: 100%; height:125px; overflow: hidden; border-radius: 10px 10px 0 0;}
.in-pro-litxt{width: 100%; height: auto; background: #fff; padding: 10px 15px 55px 15px; overflow: hidden; border-radius:0 0 10px 10px;}
.in-pro-litxt h2{font-size: 16px; height: 40px; line-height: 40px; overflow: hidden; white-space: nowrap; text-overflow:ellipsis; color: #333; transition: all .8s ease 0s;}
.in-pro-litxt p{height: calc(28px * 2); line-height: 28px; font-size: 14px; color: #777; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:2; overflow: hidden; transition: all .8s ease 0s;}
.in-pro-limore{width: auto; height: 40px; background: #de5d25; border-radius:25px; position: absolute; bottom: 0; right: 15px; overflow: hidden; display: flex;align-items: center; justify-content: flex-end;}
.in-pro-limore span{padding: 0; font-size: 0; color: #ffffff; opacity: 0; transition: all 1s;}
.in-pro-limore i{display: block; width: 40px; height: 40px; line-height: 30px; text-align: center; color: #fff; border-radius: 100%; border:5px solid #de5d25; background: #fff; color: #de5d25; transform:rotate(45deg);}
.in-pro-li:nth-child(4n){margin-right: 0;}
.in-pro-li:nth-child(2n){margin-right: 0;}
.in-pro-li:hover .in-pro-litxt h2{color: #de5d25;}
.in-pro-li:hover .in-pro-limore span{opacity: 1; padding: 0 2vw 0 15px; font-size: 16px; transform:rotate(0deg);}


.about_bg{width:100vw; height: auto; background: url(../images/pg3.png) center center no-repeat; padding:20px 0;}
.title_ys{width: 100%; height:auto; line-height: 1; overflow: hidden; position: relative;}
.title_ys p{font-size:20px; text-transform:uppercase; margin-bottom:5px;}
.title_ys span{font-size: 16px;}

.about_ul{width:100%; height: auto; margin-top:20px;}
.about_li{width: calc((100% / 2) - 5px); height:54.7vw; margin:0 10px 10px 0;}
.about_liimg{width: 100%; height: 100%; overflow: hidden; transition: all .5s ease 0s; filter: saturate(80%); -webkit-filter: saturate(80%);}
.about_litetx{width: 100%; height: auto; padding:10px;}

.about_litetxb{margin-top:5px; position: relative; z-index: 4;}
.about_li:nth-child(5){margin: 0; width: 100%;}
.about_li:nth-child(5) .about_liimg{height: auto; object-fit: cover;}
.about_li:nth-child(5) .about_liimg img{width: 100%;object-fit: cover;}
.about_li:nth-child(2n){margin-right: 0;}

.bg_b{ display: none;}
.gbwm_cen{width:100%; height:auto; position: inherit; top: 0; left: 0; z-index: 2;}
.gbwm_cenle{width:100%; height:auto; margin:20px 0 0; position: relative;}
.gbwm_centxt{width: 100%; height:auto; line-height:24px; font-size:14px; text-align: justify; overflow: hidden; margin:15px 0;}
.gbwm_cenle .more{position: relative; top: initial; right: initial; margin-top:0; display: none;}
.gbwm_cenul{width: 100%; height: auto;}
.gbwm_cenli{width:50%; height: auto; line-height: 1; text-align: center; font-size: 14px; margin-bottom: 10px;}
.gbwm_cenli p{font-size:16px; margin-bottom:5px;}
.gbwm_cenli p span{font-size:22px; margin-right:0;}
.gbwm_cenli:nth-child(1){ width:50%; margin-right:0;}
.gbwm_cenli:nth-child(2){ width:50%; margin-right:0;}
.gbwm_cenli:nth-child(3){margin-right:0;}
.gbwm_cenrg{width:100%; height: auto; margin:20px 0 0; animation-delay: .3s;}
.gbwm_cenrgul{width: 100%; height:24.7vw; margin-bottom: 1px; overflow: hidden; border-radius:5px 5px 0 0;}
.gbwm_cenrgli{width: calc(100% / 3); height:24.7vw; display:flex;display:-webkit-flex;flex-direction:row; -webkit-flex-direction:row; flex-wrap:wrap; -webkit-flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; text-align: center; overflow: hidden;}
.gbwm_cenrgli i{ font-size:24px; line-height: 1;}
.gbwm_cenrgli p{ font-size:16px; margin-top:0px;}
.gbwm_cenrgimg{width: 100%; height:32.7vw; overflow: hidden; border-radius: 0 0 5px 5px;}

.news{padding:25px 0; width:90vw; margin: 0 auto; clear: both; position: relative;}
.in_news_a{width:100%; height:auto; float: inherit; overflow: hidden;}
.in_newsul{width:100%; height: auto; margin: 0 auto; overflow: hidden;}
.in_newsli{width:calc((100% - 15px) / 2); height: auto; margin-right:15px; overflow: hidden; animation-delay: .1s; background:none;}
.in_newsli .img,.in_newsli .img img{width: 100%; height:100px; object-fit: cover;}
.in_newsli .sm{border: 1px solid #ccc; border-top: none; height:auto; padding:8px 10px;}
.in_newsli .sm .xx{line-height:26px; height:calc(26px * 2); font-size:16px; color: #333; margin: 0 0 10px 0; overflow: hidden;display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:2;}
.in_newsli .sm .xx div{width: 100%; line-height:26px; height:calc(26px * 2); font-size:16px; color: #333; margin: 0 0 10px 0; overflow: hidden;display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:2;;}
.in_newsli .sm .js{height:30px; line-height:30px; font-size:14px; color: #777;}
.in_newsli .sm .js i{display: none;}

.in_news_l,.in_news_r{width:36px; height: 36px; line-height:32px; top:35px; right:55px; z-index: 5; border: 1px solid #fff; color: #fff;}
.in_news_l i,.in_news_r i{font-size: 20px;}
.in_news_l:hover,.in_news_r:hover,.in_news_l:hover:after,.in_news_r:hover:after{background: #de5d25; color: #fff; border: 1px solid #de5d25;}
.in_news_r{top: 35px; right:15px;}

.news .fr{width:100%; background: #de5d25; height:auto; position: relative; color: #fff; z-index: 0; padding: 10px; margin-bottom: 15px;}
.news .fr:after{background: #de5d25; width: 100%; height: 11.5vw; position: absolute; left: 0; top: 0; content: ''; z-index: -1;}
.news .fr h1{font-size:16px; font-weight: bold; height:auto; line-height:1.5; overflow: hidden;}
.news .fr h2{font-size: 14px; font-weight: 400; height: auto; line-height:1; overflow: hidden; font-family: webfonta; letter-spacing:5px; text-transform: uppercase;}
.news .fr div{display: none;}

.footer{background: #3f3f3f; padding: 15px 0;}
.footer .in_center{padding: 0 2px;}
.foot_nav{display: none;}
.lianxi{float: inherit; width: 100%; padding-left:0px; padding-bottom:0; color: #fff; border: none;}
.lianxi .con_tit{font-size:16px; color: #fff; line-height: 1; margin-bottom: 15px;}
.lianxi .fl{width:100%;}
.lianxi .fl p{font-size:14px; line-height: 1.4; color: #d7d7d7; margin-bottom: 10px;}
.make{display: none;}
.make .make_tit{font-size: 0.8vw; color: #fff; line-height: 1; margin-bottom: 1vw;}

.foot-bottom{background: #353535; line-height:1.5; padding:15px 0; font-weight: lighter; font-size:14px; color: rgba(255,255,255,.5);}
.foot-bottom .fl,.foot-bottom .fr{float: inherit;}
.foot-bottom a{ color: rgba(255,255,255,.5);}


/*page 栏目图*/
.pg_banner{width: 100%; height:45vw; margin-top:50px; background-repeat: no-repeat; background-position: center center; background-size: auto 100%;}
.pg_banner div{font-size:14px;}
.pg_banner div p{font-size:20px; font-family: webfonta; text-transform: uppercase; margin-top:5px;}
.pg_banner div p::after{width:20px; height: 1px; background: #fff; margin: 10pxvw auto;}
.pg_banner p:nth-child(2){font-size:14px; animation-delay: .4s;}

/*page nav*/
.pg_nav{width: 100%; height:auto; background: #f2f2f2; text-align: center; font-size: 0; padding:15px 0 5px; font-weight: bold;}
.pg_nav a{width: auto; height:26px; line-height:26px; font-size:14px; color: #555555; margin: 0 10px 10px; position: relative; padding: 0 5px; transition: all .5s ease 0s;}
.pg_nav a span{position: relative; z-index: 5;}
.pg_nav a::after{content:''; display: block; width:0%; height:5px; background: #1993e8; border-radius:2.5px; bottom:6px; left:50%; transition: all .5s ease 0s;}
.pg_nav a:hover,.pg_nav a.pg_nuw{color: #333333;}
.pg_nav a:hover::after,.pg_nav a.pg_nuw::after{width:100%; left:0%;}

.pg_center{width: 90vw; height: auto; margin:20px auto;}
.pg_height{width: 100%; height:50px; overflow: hidden;}
.mobile_no{display: none;}

.index_proli{width:calc((100% - 15px) / 2); height:auto; background: #fff; margin: 0 15px 15px 0;}
.index_proliimg{width: 100%; height:125px; padding:2px; overflow: hidden;}
.index_proliimg img{width: 100%; height: 100%; object-fit: cover; transition: all 2s ease 0s;}
.index_prolitxt{width: 100%; height: auto; line-height: 1.5; padding:10px 15px; font-size:16px; font-weight: 400; color: #444444;  overflow: hidden; white-space: pre-wrap; text-overflow:ellipsis; }
.index_prolitxt i{display:none;}
.index_proli:nth-child(3n){margin-right: 15px;}
.index_proli:nth-child(2n){margin-right: 0px;}

/*产品封面*/
.s_procen{width: 90vw; height: auto; margin:20px auto 20px; background:none; padding:0; overflow: hidden;}
.s_procenle{width: 90vw; height: auto; overflow: hidden;}
.s_procenle_big{width: 90vw; height: 90vw; margin-bottom: 10px; line-height: 1; overflow: hidden;}
.s_procenle_big .swiper-slide{width: 90vw; height: 90vw; line-height: 1; }
.s_procenle_Small{width:90vw; height:calc((90vw - 40px) / 5); overflow: hidden;}
.s_procenle_Small .swiper-slide{width:calc((90vw - 40px) / 5); height:calc((90vw - 40px) / 5); border: 2px solid #f2f2f2; margin-right:10px; overflow: hidden; display: flex; flex-direction:row; flex-wrap:wrap; justify-content:center; align-items:center; align-content:center; cursor: pointer;}

.s_procenrg{width:90vw; height: auto; margin: 20px 0 0;}
.s_procenrg_a{font-size: 20px; color: #333333; line-height: 1.5; font-weight: bold; margin-bottom:15px;}
.s_procenrg_a p{font-size: 16px; color: #666666;}
.s_procenrg_b{border-bottom:none; padding-bottom: 24px; height: auto; overflow: hidden;}
.s_procenrg_ba{font-size: 16px; color: #666666; margin-bottom:10px; font-weight: bold;}
.s_procenrg_bb{font-size: 14px; color: #777777; line-height: 30px;}
.s_procenrg_c{display: none;}

.mtb_a{ margin-top: 0; padding: 0;}
.s_pronavul{width: 100%; height:40px; line-height: 40px; overflow: hidden;}
.s_pronavul .swiper-slide{width: calc((90vw - 20px) / 3); height: 40px; line-height: 40px; text-align: center; font-size: 16px; color: #fff; cursor: pointer;}
.s_pronavtext{width: 100%; height: auto; font-size: 14px; line-height:28px; color: #777777; overflow: hidden;}
.s_pronavtext .swiper-slide{width: 100%; height: auto; min-height:500px; padding:15px 0; font-size: 16px; line-height: 30px; color: #777777; overflow: hidden; }
.color_a{color: #333; margin-bottom: 20px;}
.color_a span::before{background: #333;}

/*关于我们*/
.show-about{width: 100%; height: auto; overflow: hidden;}
.show-about-img{width: 100%; height: auto; min-width: 100%; overflow: hidden;}
.show-about-txt{width: 100%; padding:20px 0 0 0;}
.show-about-h2{font-size:20px;}
.show-about-h2 h2{font-size: 12px; margin-top: 5px;}
.show-about-h2 p{width: 100%; display: flex; margin: 15px 0;}
.show-about-h2 p span{display: block; width: 50%; height: 7px; background: #d1d1d1;}
.show-about-h2 p span:first-child{background: #de5d25;}
.show-about-txta{font-size: 16px; color: #555555; line-height:28px; text-align: justify;}

.show-us-qywh{width: 100%; height: auto; background: url(../images/img12.jpg) center center/cover no-repeat; background-attachment: fixed; overflow: hidden;}
.show-us-qywh-box{width: 90vw; height: auto; margin:50px auto 30px;}
.show-us-qywh-li{width: calc((100% - 20px) / 2); height: auto; justify-content: flex-start; padding: 15px; margin-right: 20px; margin-bottom: 20px;}
.show-us-qywh-li:nth-child(4){margin-right: 20px;}
.show-us-qywh-li:nth-child(2n){margin-right: 0;}
.show-us-qywh-liimg{width: 80px; height: 80px;}
.show-us-qywh-lih2{font-size: 20px; margin: 25px 0 15px; line-height: 1.2;}
.show-us-qywh-lit{font-size: 14px; line-height:1.5;}

.show-us-title{text-align: center; font-size: 18px; color: #de5d25; text-transform: uppercase; line-height: 1; margin-bottom: 25px;}
.show-us-title p{font-family:webfonta!important; font-size: 30px; margin-bottom: 5px;}
.show-us-title span{display: block; width: 20px; height: 4px; background: #de5d25; margin: 10px auto 0;}
.show-us-zz-box a{display: block; width: calc((100% - 20px) / 2); height:150px; margin: 0 20px 20px 0; border: 2px solid #f2f2f2; overflow: hidden; padding: 5px;}
.show-us-zz-box a:nth-child(4){margin-right: 20px;}
.show-us-zz-box a:nth-child(2n){margin-right: 0;}

.s_qywh{width: 100vw; height: auto; padding: 20px 5vw;}
.s_qywh_h2{font-size:20px; font-weight:bold; color: #fff; line-height: 1.5; text-align: center;}
.s_qywh_h2::after{content: ''; display: block; width:40px; height:5px; background: #1993e8; margin:10px auto 15px;}
.s_qywh_txt{font-size:16px; line-height: 30px; color: #fff; width: 90vw; height: auto; max-height: 360px; margin: 0 auto; text-align: center; overflow: hidden;}

.pg_title{font-size:20px; margin: 25px auto 20px; text-transform: uppercase; line-height: 1;}
.pg_title p{font-size: 16px; margin: 5px 0 10px;}

.video_cen{width: 90vw; height: auto; margin: 0 auto 50px; overflow: hidden;}
.s_videoli{width: 90vw; height: auto; margin: 0 00px 15px 0; transition: all .5s ease 0s;}
.s_videoliimg{width: 100%; height: 56.3vw; border-radius: 5px; overflow: hidden;}
.s_videoliimg img,.s_videoliimg video{width: 100%; height: 56.3vw;}
.s_videolip{width: 100%; height:45px; line-height: 45px; font-size: 16px; padding: 0 10px; }
.s_videolip i{font-size: 20px; margin-right:10px; line-height: 1;}
.s_videoli:hover{background: #00a2ff;}
.s_videoli:nth-child(2n){margin-right: 0;}
.s_videoli:nth-last-child(1),.s_videoli:nth-last-child(2){margin-bottom:20px;}
.s_videoli:nth-child(2n + 1){ animation-delay: .2s;}

.pg_center .about_li{width: calc((100% / 2) - 5px); height:54.7vw; margin:0 10px 10px 0;}
.pg_center .about_liimg{width: 100%; height: 100%; overflow: hidden; transition: all .5s ease 0s; filter: saturate(80%); -webkit-filter: saturate(80%);}
.pg_center .about_litetx{width: 100%; height: auto; padding:10px;}
.pg_center .about_litetxb{margin-top:5px; position: relative; z-index: 4;}
.pg_center .about_li:nth-child(5){margin: 0; width:calc((100% / 2) - 5px);}
.pg_center .about_li:nth-child(5) .about_liimg{height: auto;}
.pg_center .about_li:nth-child(2n){margin-right: 0;}


.s_title{margin-bottom: 20px;}
.s_title p{font-size: 14px; font-weight: 400; color: #999999; margin-top: 10px; text-transform: uppercase;}
.s_title div{margin-top: 10px; position: inherit; }
.jion_ul{ border-top: 1px solid #cccccc;}
.jion_ulh2,.jion_lih2{width: 100%; height:40px; line-height:39px; font-size: 14px;}
.jion_ulh2 span,.jion_lih2 span{width: calc(100% * .3); overflow: hidden;}
.jion_litxt{display: block; width: 100%; height: auto; padding:10px; border: 2px solid #1993e8; border-top-width:1px; font-size: 14px; line-height: 24px; color: #777; overflow: hidden; -moz-column-count:1; -webkit-column-count:1; column-count:1; display: none;}

.s_lxwmle{width: 90vw; height: auto; margin: 0 0 20px 0;}
.s_lxwmle .s_title,.s_lxwmrg .s_title{margin-bottom:25px;}
.s_lxwmlea div{margin-bottom:15px;}
.s_lxwmrg{width: 90vw;}
.s_lxwmrga div{width: calc(100% / 2); margin-bottom: 10px;}
.s_lxwmrga div input{width:90%; height:40px; line-height: 40px; padding: 0 5px;}
.s_lxwmrga div:nth-child(2n) input{width: 100%;}
.s_lxwmrga div:nth-child(5),.s_lxwmrga div:nth-child(6){width: 100%;}
.s_lxwmrga div textarea{width:100%; height:120px; line-height:22.5px; padding:5px;}

.s_map,.s_map img{width: 100%; height: auto; line-height: 1; overflow: hidden;}


.pg_newsli{width: 100%; height: auto; padding:10px; margin-bottom:15px;}
.pg_newsliimg{width: 100%; height: auto; float: inherit;}
.pg_newslitxt{width: 100%; height: auto; float: inherit; line-height: 1;}
.pg_newslitxt h2{width: 100%; height: auto; line-height: 1.5; font-size:18px; padding-top: 10px;}
.pg_newslitxt p{font-size: 14px; font-weight: bold; color: #333333; margin: 5px 0 10px;}
.pg_newslitxt div{font-size: 14px; line-height: 30px; height: auto; overflow: hidden; color: #666666; text-overflow:ellipsis; margin-bottom:0px;}
.pg_newslitxt span{display: none;}

.pg_fhlb{display:none;}

.s_newstitle{width: 100%; height: auto; font-size:18px; line-height: 1.5; margin-bottom:10px;}
.s_newstitle p{ font-size: 14px; padding:10px 0; margin-top:20px;}
.s_newstxt{font-size: 14px; line-height: 30px; color: #666666;}
.s_newstxta{width: 100%; height:auto; border-top: 1px solid #333333; overflow: hidden; margin-top:30px; padding-top: 20px;}
.s_newstxta p{font-size: 16px; color: #333333; float: inherit; width: 100%; white-space: nowrap; text-overflow:ellipsis; overflow: hidden;}
.s_newstxta p:nth-child(2){float: inherit;}

/**/
.in-newsul{width: 100%; height: auto; margin:auto 0; overflow: hidden;}
.show-news-li{width:calc((100% - 20px) / 2); height: auto; margin:0 20px 20px 0; overflow: hidden;}
.in-news-liimg{width: 100%; height:125px; transform:scale(1) overflow: hidden; transition: all .7s;}
.in-news-liimg img{width: 100%; height: 100%; object-fit: cover;}
.in-news-litxt{border-bottom: 1px solid rgba(204,204,204,.5); padding-bottom: 5px; position: relative; transition: all .7s;}
.in-news-litxt h2{width: 100%; height:45px; line-height:45px;font-size: 20px; color: #555; white-space: nowrap; text-overflow:ellipsis; overflow: hidden; position: relative; z-index: 5; padding-top: 5px;}
.in-news-litxt p{height: calc(26px * 2); margin: 2px 0; color: #777; font-size: 16px; line-height:24px; display: -webkit-box;  -webkit-box-orient: vertical; -webkit-line-clamp:2; font-size: 14px; overflow: hidden; position: relative; z-index: 5;}
.in-news-litxt span{font-size: 14px; color: #999999; position: relative; z-index: 5;}
.in-news-litxt span i{margin-right: 5px;}
.in-news-litxt::before{content:''; display: block; width: 100%; height:0%; position: absolute; bottom: 0; left: 0; background:#de5d25; transition: all .7s;}
.show-news-li:nth-child(4n){margin-right: 20px;}
.show-news-li:nth-child(2n){margin-right: 0;}

/**/
.show-pro-cen{width: 90vw; height: auto; margin:30px auto 0; background: #fff; overflow: hidden;}

}
/* max 750 end */