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

	
    
}
@media screen and ( max-width:1600px ){

}
@media screen and ( max-width:1440px ){


}

@media screen and ( max-width:1004px ){
.pc-hide{ display: block !important; }
.pc-show{ display: none !important; }
.header{ height: 50px; }
.header .wal{ width: auto; height: auto; }
.header .logo{ margin: 0 0 0 0%; height: 47px; }
.header .nev{ display: none; }
.header .seekBox{ border-left: none;margin-top: 20px; }
.header .seekBox .en{ border-left: none; }
.seekTxt{ background: rgba(0,0,0,0.5); }
.seekTxt .list{ width: auto; }
.seekTxt .list .seekdiv{ margin: 20px 3%; float: none; position: relative; }
.seekTxt .list .seekdiv input{ width: 100%; border-radius: 64px; background: #FFFFFF; padding: 0 40px 0 15px; margin-right: 0; }
.seekTxt .list .seekdiv .seekbtn{ display: none; }
.seekTxt .list .seekdiv a{ display: block; overflow: hidden; position: absolute; right: 12px; top: 6px;}
.seekTxt .list .seekdiv img{ margin: 0; } 

.wal{ width: auto; padding: 0 3%; }
.phone_banner .slick-slide{ height: auto; }

.index .wal{ padding: 0; }
.index .index_gl1{ width: 100%; }
.index .index_gl2{ width: 100%; }
.index .index_gl1 .box{ width: 100%; }
.index-tit{ font-size: 22px; padding: 26px 0 20px;}
.index .index-tit{ padding-bottom: 20px; }
.index-tit a{ display: none; }
.index .h6{ /*margin-left: 14px;*/ font-size: 16px;padding-left: 14px;}
.index .more-max{ margin-left: 14px; width: 100px; height: 26px; line-height: 26px; margin-top: 20px; }
.index .idnex_gr2{ width: 100%; }
.index .idnex_gr1{ width: 100%; }
.index .idnex_gr1 .box{ width: 100%; }
.index .idnex_gr2 > a.box{ width: 100%; }
.index .idnex_gr1 .txt{ height: 42px;opacity: 0.6;
position: absolute;
left: 0;
bottom: 0; }
.index{ padding: 0; }

.index_2 .index-tit{ margin: 0; }
.index_2ul{ overflow: hidden; }
.index_2ul li{ width: calc(50% - 5px); margin: 0 0px 10px; height: 260px; }
.index_2ul li:last-of-type{ margin: 0 0px 10px; }
.index_2ul li:nth-of-type(2n+0){ float: right; }
.index_2ul li img{ width: 100%; }
.index_2ul li .h6{ font-size: 16px; padding-bottom: 8px; margin: 15px 10px 8px; }
.index_2ul li .h6 em{ width: 20px; margin-left: -10px; }
.more-phone{ font-size: 14px; color: #1C5E96; text-align: center; margin-top: 20px; }
.index_2{ padding-bottom: 16px; }

.index_3 .index_left{ width: 100%; padding-top: 26px; }
.ind-tit a{ display: none; }
.ind-tit{ text-align: center; font-size: 22px; margin-bottom: 20px; }
.index_3{ padding-top: 26px; }

.index_3 .index_right{ width: 100%; padding-top: 26px;}
.index_3 .index_right img{ width: calc(46% - 4px);width:131px; }
.index_3 .index_right .gr{ width: calc(54% - 24px); padding: 8px 12px 7px 12px; height: 120px; }
.index_3 .index_right span.h6{ font-size: 16px; padding: 0 0 0 43px; line-height: 36px; }
.index_3 .timeBox{ margin: 0; }
.index_3 .timeBox .time{ font-size: 20px; }
.index_3 .index_right .p{ line-height: 24px; }
.index_3 .index_right .gr .p{ height: 48px; overflow: hidden;max-height: 48px; display: block; }
.index_3 .index_right .more-max{ margin: 0; }
.index_3 .index_left a.more-phone{ text-align: left; }
.index_3{ padding:0 0 30px; }
.index_3ul{ margin: 20px 0 0; }

.footer_up{ display: none; }
.footer_btm .gl{ width: 100%; }
.footer_btm .wal{ height: auto; }
.footer_btm .gr{ line-height: 28px; }
.footer_btm .gr .p{ font-size: 12px; }

/*product*/
.product{ padding: 0px 0 50px; }
.pro_nav .h6{ display: none; }
.product .w200{ width: 100%; }
.nav_ul_hide .slick-slide{ height: auto; }
.nav_ul{ overflow: hidden; }
.nav_ul li{ width: calc(50% - 2px); float: left; }
.nav_ul li:nth-of-type(2n+0){ float: right; }
.nav_pull{ background: url(../images/nav_bg.jpg) no-repeat; background-size: 100%; position: relative; }
.nav_pull span{ display: block; color: #FFFFFF; line-height: 42px; text-indent: 3%; background: url(../images/pull.png) no-repeat 97% center; background-size: 16px; }
.nav_pull span.on{ background: url(../images/pull2.png) no-repeat 97% center; background-size: 16px; }
.nav_pull ul{ background: #f4f4f4; padding-bottom: 10px; display: none; position: absolute; left: 0; top: 100%; width: 100%; z-index: 12; }
.nav_pull ul li{ line-height: 42px; text-align: center; }
.nav_pull ul li a{ display: block; }
.nav_pull ul li.on{ background: #1C5E96; }
.nav_pull ul li.on a{ color: #fff; font-weight: bold; }

.product .w940{ width: 100%; }
.pro_ul{  margin-top: 20px;  }
.pro_ul li{ width: 48%; margin: 0 !important; line-height: 46px !important; }
.pro_rg .pro_ul li a{ padding: 0; text-align: center;}
.pro_ul li:nth-of-type(2n+0){ float: right; }

.pro_con > ul li{ float: none; width: 100%; padding-bottom: 17px; }
.pro_con > ul{ margin: 20px 0 -17px; }
.pro_con li .h6{ margin: 17px 0 12px; }
.nav_ul li a{  text-align: center; text-indent: 0;  }
.nav_ul li{ line-height: 46px; }
/*productshow*/
.productshow .w200{ width: 100%; }
.productshow .w940{ width: 100%; margin-top: 20px; }
.productshow .nav_ul li a{ text-align: center; text-indent: 0; }
.pros_rg .top .gl{ width: 100%; }
.pros-img .imgDiv img{ width: 100%; }
.pros-img .slick-dots{ bottom: 10px; }
.pros_rg .top .gr{ padding: 12px 15px 12px 15px; width: calc(100% - 30px); height: auto; }
.productshow .to-pros{ margin-top: 25px; }
.pros_rg .top .h6{ font-size: 22px; margin-bottom: 10px; }
.pros-img2{ margin-top: 15px; padding: 0 20px; }
.pro-tit{ font-size: 22px; }
.productshow{ padding: 0px 0 50px; }
.pros_rg .top .btn{ margin-top: 19px; }
.pros_rg .top .btn a{ font-size: 12px; }
.pros-img2 .slick span{ line-height: 46px; height: 46px; }


/*history*/
.history{ padding: 0 0 0px; }
.w940{ width: 100%; }
.history .wal{ padding: 0; }
.history_rg > .box{ height: 300px; background: url(../images/hi3.jpg) no-repeat; background-size: cover; }
.historyBox .box{ padding: 45px 0 0; }
.historyList{ margin-top: -36px; }
.historyList .slick-slide{ font-size: 18px; line-height: 34px; }
.historyBox .year2{ font-size: 50px; height: 74px; } 

/*about*/
.about{ padding: 0 0 50px; }
.about .wal{ padding: 0; }
.about_top{ padding: 0px 0 0; }
.about_top .gl img{ width: 100%; }
.about_top .h6{ font-size: 22px;background-size: 22px; padding: 0 0 0 30px;}
.about_top .gr{ width: 94%; margin-top: 20px; padding:0 3%; }
.about_rg .p{ margin-top: 20px; line-height: 28px; padding: 0 3%; }



/*mission*/
.mission{ padding: 0 0 0px; }
.mission .wal{ padding: 0; }



/*tram*/
.tram{ padding: 0 0 50px; }
.tram .p{ line-height: 28px; margin-bottom: 17px; }
.tram .w940{ margin-top: 20px; }
.tram_con .box .img img{ width: 100%; }
.tram_con .box .gr{ width: 100%; padding: 20px 0 0;background: #FFFFFF; }

/*honor*/
.honor{ padding: 0 0 34px; }
.honor_con ul{ margin-top: 20px; }
.honor_con li{ width: 100%; margin-right: 0; }
.number ul{ display: none !important; }

/*cooperation*/
.cooperation{ padding: 0 0 34px; }
.cooperation_con{ margin-top:20px;}
.cooperation_con li{ padding: 22px 3% 25px; }
.cooperation_con li .timer{ font-size: 22px; margin-bottom: 12px; }
.cooperation_con li .h6{ font-size: 22px;margin-bottom: 21px; }
.cooperation_con li .p{ line-height: 28px; }
.cooperation_con li .more{ margin-top: 12px; }

/*cooperationshow*/

.cooperationshow{ padding: 0 0 40px; }
.cooperationshow_con{ padding: 23px 3% 0; margin-top: 20px; }
.cooperationshow_con .h6{ font-size: 20px; }
.shareBox{ margin-top: 16px; }
.shareBox .gl{ display: none; }
.shareBox .share{ float: left; }
.cooperationshow_con .img{ margin-bottom: 23px; }
.cooperationshow_con .content{ margin-top: 28px; }
.cooperationshow_con .content .p{ line-height: 28px; }
.piece a{ padding: 20px 3% 20px; /*height: 60px;*/ width: 94%; border-right: none; border-bottom: 1px solid #dedede; }
.piece a:last-child{ border-bottom: none; }
.piece .h5{ left: 3%; top: 20px;  }
.piece .p{ max-height: 56px; line-height: 28px; overflow: hidden; }



/*exhibition*/
.exhibition{ padding: 0 0 50px; }
.exhibition_con{ margin-top: 20px; }
.exhibition_con li{ margin-right: 0; width: 100%; }
.exhibition_con li .text{ padding: 12px 3% 12px; }
.years{ font-size: 22px; margin-bottom: 24px;}


/*whlfare*/
.whlfare{ padding: 0 0 40px; }
.whlfare_con{ margin-top: 20px; } 
.whlfare_con .left{ width: 100%; }
.whlfare_con .left .h6{ font-size: 22px; margin-bottom: 12px;}
.whlfare_con .p{ line-height: 28px; }
.whlfare_con .left .h4{ margin: 9px 0 3px; }
.whlfare_con .right{ width: 100%; margin-top: 20px; }
.whlfare_con .img{ margin-bottom: 10px; }

/*job*/
.job{ padding: 0 0 40px; }
.job_con{ margin-top: 20px; }
.job_con li{ float: none; margin-right: 0; }
.job_con li a{ padding: 23px 15px 28px; }
.job_con .h6{ font-size: 22px; margin-bottom: 12px; }
.job_con .h5{ font-size: 22px;margin-bottom: 10px; }
.job_con .h4{margin-bottom: 22px; font-size: 22px; }
.job_con .p{ line-height: 28px; }
.job_con .btn{ margin: 10px auto; }

/*jobshow*/
.jobshow{ padding: 0 0 40px; }
.jobshow_con{ padding: 22px 0 25px; }
.jobshow_con .content{ padding: 0 3%; }
.jobshow_con .h6{ padding: 0 3%;margin-bottom: 20px; font-size: 22px; }
.jobshow_con ul{ padding: 0 3% 17px; }
.jobshow_con li{ width: 100%; margin-bottom: 12px;}
.jobshow_con .content .h5{ margin: 22px 0 7px; }
.jobshow_con .content .p{ line-height: 30px; }
.jobshow_con .content .span{ margin-bottom: 9px; }
.jobshow_con .content .btn{ padding-top: 17px; }
.jobshow_con .content .btn a{ margin: 0; line-height: 40px; height: 40px; }
.jobshow_con .content .btn a:nth-child(2n+0){ float: right; }

/*contact*/
.contact{ padding: 0 0 40px; }
.contact_con{ margin-top: 20px; }
.contact_con .box .left{ width: 94% !important; padding: 30px 20px; }
.contact_con .box .right img{ width: 100%; }
.contact_con .box .h6{ font-size: 22px; }
.contact_con .box ul{ margin-top: 18px; }
.contact_con .box li{ margin-bottom: 9px; }
.contact_con .h2{ font-size: 22px; }
.contact_con .mes ul{ margin-bottom: 0; }
.contact_con .mes li{ width: 100%; margin: 0 0 10px 0; }
.contact_con .mes li:last-child{ margin-bottom: 0; }
.contact_con .mes li input{ width: 100%; }
.contact_con .mes .textarea{ margin-top: 10px; height: 160px;}
.contact_con .mes .btn{ margin-top: 20px; }
.contact_con .mes .btn a{ line-height: 40px; }

/*bazaar*/
.bazaar{ padding: 0 0 18px; }
.bazaar_con{ margin-top: 20px; }
.bazaar_con li{ width: 100%; margin-right: 0;margin-bottom: 16px; }
.bazaar_con li .img img{ width: 100%; }
.bazaar_con li .h6{ font-size: 22px; margin: 12px 0 7px; }
.bazaar_con li .p{ line-height: 28px; }

/*2020.5.18*/
.imgList ul{ margin-right:-10px;}
.imgList li{ width:50%; margin-bottom:15px;}
.imgList li .box{ margin-right:10px; }
.imgList li .lname{ position:absolute; height:35px; font-size:13px;}
.imgList li .lname em{ padding:0 10px; height:35px; line-height:35px;}
.backBtn{ padding-top:25px;}
}

@media screen and (max-width: 767px) {
    .jobshow_con {
        margin-top: 1.25rem;
    }
}