/*分辨率适配*/
@media screen and (max-width:1440px){
    #fullpage .left-bar{border-right:19vw solid transparent}
    #fullpage .right-bar .flag-img{width: 19vw;}
    #fullpage .section.contact .contact-msg .text .item{height: 120px;}
    #fullpage .section.contact .contact-msg .text textarea{height: 115px;}
    #fullpage .section.news .news_list{padding: 6% 3em}
    #fullpage .section.news .news_list .more{margin: 10px 0;}
    #fullpage .sort2 li a{font-size:14px;}
}
@media screen and (max-width:1100px){
    .header_search{
        opacity: 0;
    }
}
@media screen and (max-width:770px){
    .header_search{
        opacity: 1;
    }
}
@media screen and (max-width:1024px){

    #fullpage .left-bar{border-right: 10vw solid transparent;padding: 0 1%;margin: 0 28% 0 10%}
    .fp .name{width: 0;overflow: hidden;padding: 0;}
    #fullpage .right-bar{width: 35%;}
    #fullpage .section.contact #baidu_map{margin-right:35%;}
    #fullpage .right-bar .flag-img{visibility: hidden;}
    /*active list*/
    .active_bar{ padding: 0;}
    .active_list{ width:auto!important; }
    .active_list .prev,.active_list .next{display:none;}
    .active_list .main{height: auto!important;}
    .active_list .main h2{font-size:14px;padding:7px 8px;}
    .active_list .main ul.slides li{display:inline-block;width: 48%;margin:10px 1%;}
    .active_list .main ul.slides li img{height:auto;max-width:100%;}
    .active_list .control{display:none;}
}
@media screen and (max-width:770px){
    #jssor_1{
        display: none;
    }
    .case_list{
      display: block;
    }
    #fullpage .left-bar{border-right: 10vw solid transparent;padding: 0 1%;margin: 0 28% 0 10%;visibility: hidden;/* position: absolute; */}
    #fullpage #baidu_map,.fp{display: none;}
    #fullpage .right-bar{width: 100%;position: absolute;height: auto;}
    #fullpage .right-bar>table{height: 100vh;}
    #fullpage .right-bar .flag-img{visibility: hidden;}
    #fullpage .right-bar .top>td{padding-top: 60px;padding-bottom: 10px;}
    #fullpage .right-bar .bottom>td{padding-top: 10px;padding-bottom: 30px;}
    #fullpage .section.contact{background: #fff;}
    #fullpage .section.product .right-bar{position: absolute;}
    .met_section{padding: 20px 0;}
    .met_section_2{padding: 5px 0;margin: 20px auto;}
    .tem_footer{padding: 10px 0;}
    /*#fullpage .right-bar .content .desc,#fullpage .right-bar .content h4{padding: 3% 0;}*/
    .active_list .main ul.slides li{width: 98%;}
    #showimg .newspaper li{width: 50%}
    .met_module2_list li .wrapper{padding: 0 5px;}
    .met_article_head .name{ font-size:20px; }
    .met_pager{ padding-top:40px; }
    .culture-table,.culture-table tr,.culture-table td{ display: block!important; }
    .culture-table{ border-spacing: 0!important; margin: 0 25px; }
    .culture-table tr,.culture-table td{display:inline-block;}
    .culture-table td{ width: 48%!important; margin:0 1% 12px;float: left; }
    .met_module3_list ul.list_1 li{ width: 33.33%; }
    #showproduct dl.pshow dt,#showproduct dl.pshow dd{display: block;}
    #showproduct dl.pshow dt{border-right: 0 none;border-bottom: 1px solid #ddd;padding: 0 0 15px;}
    #showproduct dl.pshow dt .met_box{min-width: 0!important;}
    #showproduct dl.pshow dd .met_box{padding-left: 0;padding-right: 0;}
    #showproduct dl.pshow dd .met_box h1{font-size: 18px;padding: 10px 5px;}
    .about-index .about-item{font-size:14px;}
    .contact-index table.contact-way,.contact-index table.contact-way tbody,.contact-index table.contact-way tr,.contact-index table.contact-way td{display:block;}
    .contact-index table.contact-way td{height:auto;margin-bottom:8px;}
    .contact-index .contact-msg .input{ display:block; }
    .contact-index .contact-msg .input .item{ display:block; }
    .contact-index .contact-msg .text .item{margin:0;}
    .contact-index .contact-msg .post input{width:150px}
    .tem_index_footer{padding:10px;}
    .tem_index_footer .nav_bar{display: none;}
    .tem_index_footer .contact_info{float:none;text-align:left;}
    .aside {position:fixed;left:0;top:0;bottom:0;right: 0;z-index: 999;margin-bottom: 0!important;background: rgba(37, 57, 82, 0.15);transition: all 0.7s,background 0.5s 0.7s;}
    body.open{overflow: hidden;}
    .aside {opacity: 0.6;transform: translate(-100%);background:rgba(37, 57, 82, 0);transition: all 0.7s 0.1s,background 0.1s;}
    body.open .aside {opacity: 1;transform: translate(0);}
    .aside  .met_section{width: 80%;height: 100%;background: #2e88f7;margin: 0;text-align: left;overflow-y: auto;overflow-x: hidden;}
    .aside  .met_section aside .met_aside{display:block;padding: 10px 0;}
    .aside  .shade{display:none;}
    .aside  .met_section aside .met_aside_list{height:auto;width: auto;display: block;}
    .aside  .met_section aside .met_aside_list dl{display:block;background-image: none;padding: 0;}
    .aside  .met_section aside .met_aside_list dl dt{border-bottom: 1px solid rgba(255, 255, 255, 0.43);}
    .aside  .met_section aside .met_aside_list dl dt a{padding: 10px 15px;}
    .aside  .met_section aside .met_aside_list dl dd{display:block;position: static;margin: 0;white-space: normal;padding: 15px 10px;}
    .aside  .met_section aside .met_aside_list dl dd::after{display:block;content:'';clear:both;}
    .aside  .met_section aside .met_aside dl dd a{margin-left:0;padding: 3px 15px;/* background: #1a5aa9; */margin: 5px;border-radius: 2px;border: 1px solid rgba(255, 255, 255, 0.63);}
    .aside  .met_section aside .met_aside dl dd h4.on a,.aside  .met_section aside .met_aside dl dd h4 a:hover{border: 1px solid rgba(23, 92, 177, 0.98);background: rgb(46, 136, 247);}
    .aside  .met_section aside .met_aside_list dl dd h4 {display: inline-block;background-image: none;float: left;margin: 0;}
}
.aside-small{border-bottom: 1px solid #ddd;margin-bottom: 20px;font-size: 16px;background: #1a5aa9;background: rgb(46, 136, 247);color: #fff;position: relative;
    width: 100%; }
body.open .aside-small{transition: 0.8s;z-index: 999;border: 0;
    width: 20%;float: right;}
body.open .aside-small a{
     font-size: 0;
}
.aside-small a{color:inherit;}
.aside-small .table{height: 50px;}
.aside-small .aside-menu-btn{width: 30px;
    height: 30px;background: url("../images/menu2.png") no-repeat center}
.aside-small .aside-menu-btn .fa{text-align: center;width: 30px;line-height: 30px;border-radius: 50%;color: #787878;cursor: pointer;}
@media screen and (min-width:771px){
    .aside-small{ display: none; }
}
/*phone*/
@media screen and (max-width:500px){

    .culture-table td{ width: auto!important; margin:0 7px 12px; }
    .met_editor table td h3~p{height:auto!important;}
    .about-index .about-item{padding:20px 0}
    /*about*/
    .about-index.industry .honor_list ul li,.honor_list ul li{width:50%;}
    .met_module3_list ul.list_1 li{width: 50%;}
    .met_module3_list ul.list_1 li h2{height:auto;}
    .met_module3_list ul.list_1 li h2 .middle{padding:5px 10px;}
    .met_module2_list li{padding: 20px 0;}
    .met_module2_list li .img{display: none;}
    .met_module2_list li .wrapper{padding: 0;}
    .met_module2_list li h2{font-size: 16px;margin-bottom: 5px;}
    .met_module2_list li .desc,.met_module2_list li .date{margin-bottom: 20px;}
    .met_module2_list li .table p.pb{height: auto;max-height:80px;}
    .met_module2_list li .table p.pb>span{white-space: normal;position: static;line-height: 1.5;}
    .met_article_head{display: none;}
    #showimg h1.met_title{padding-top: 0;}
    .about-index .about-item .title{margin-bottom:10px;}
    .about-index .about-item .namemark{font-size:24px;}
    .about-index .about-item .name{font-size:18px;font-weight:normal;}
}
/*1360*700 */
@media screen and (max-height:800px){
    #fullpage .sort2 li a .icon{display: inline-block;width: 24px;height: 24px;vertical-align: middle;margin:0 5px 0 0;}
    #fullpage .sort2 li a:hover .icon, #fullpage .sort2 li a.flex-active .icon{background-position: 0 -24px;}
    #fullpage .sort2 li a>.table.has_icon{height: 49px;}
    #fullpage .sort2 li a>.table.has_icon>.middle{padding: 0;text-align: left;padding-left: 18px;white-space: nowrap;}
    #fullpage .sort2 li a .has_icon .name{display: inline-block;vertical-align: middle;}
    #fullpage .section.contact .contact-msg .item{height: 30px;line-height: 30px;}
    #fullpage .section.contact .contact-msg .item input, #fullpage .section.contact .contact-msg .item textarea{height: 30px;line-height: 30px;}
    #fullpage .section.contact .contact-msg .text .item{height: 100px;}
    #fullpage .section.contact .contact-msg .text textarea{height: 92px;line-height: 23px;}
    #fullpage .section.contact .contact-msg>.title{margin-bottom: 10px;}
    #fullpage .right-bar .bottom .content .desc,#fullpage .right-bar .content .desc{padding: 0;margin: 3% 0;font-size: 14px;line-height: 26px;}
    #fullpage .right-bar .bottom td,#fullpage .section.contact .right-bar .bottom td{padding-top: 1%;height: 100%;}
    #fullpage .right-bar .bottom .content .desc{height:260px;overflow-y: auto; }
    #fullpage .right-bar .content h4,#fullpage .right-bar .bottom .content h4{padding: 4% 0;}
}
@media screen and (max-height:700px){
    #fullpage .right-bar .bottom .content .desc{height: 160px;}
    #fullpage .section.news .news_list{padding: 3% 2em;}
    #fullpage .section.news .news_list li a{padding: 0.9em 0;}
    #fullpage .section.contact .contact-msg .text textarea{height: 69px;line-height: 23px;}
    #fullpage .section.contact .contact-msg .text .item{height: 70px;}
    #fullpage .section.contact .contact-msg .post input{height:30px;line-height:30px;font-size:14px;}
    #fullpage .section.contact .contact-msg .item{margin-bottom:5px}
    .fp{top:55%;}

}
/*head*/
@media screen and (max-width:1264px){
    .header .search{position: relative;}
    .header .search .search_icon{font-size: 0;display: block;width: 35px;height: 35px;line-height: 32px;text-align: center;cursor: pointer;}
    .header .search .search_icon img{vertical-align: middle;}
    .header .search form{position: absolute;right: 0;visibility: hidden;opacity: 0;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    transition: all 0.3s;
    }
    .header .search:hover form{visibility: visible;opacity: 1;}
}
.header .menu{height: 35px;line-height: 35px;width: 35px;text-align: center;color: #787878;font-size: 16px;background: url("../images/menu.png") no-repeat center}
.header .menu.active{color: rgb(46,136,247)}
@media screen and (max-width:770px){
    .header_top{display: none}
    .header .menu{float: right;display: block;}
    .header .table{height: 50px;}
    html body{padding-top: 50px;}
    .header .table .logo img{height: 30px;width: auto;}
    .header nav.inline{position: absolute;left: 0;right: 0;top: 100%;background: #fbfbfb;max-height: 90vh;overflow-y: scroll;display: none}
    .header nav ul{display: block;height: auto;}
    .header nav ul li{display: block;width: auto;border: 0 none;text-align: left;}
    .header nav li dl{position: static;margin: 0;}
    .header nav li>a,header nav li dl dd a{padding: 0;display: block;padding: 12px 15px;}
    .header nav li dl,header nav li>a{border-bottom: 1px solid #dcdcdc;}
    .header nav li dl{min-width: 0;padding: 1px 0;}
    .header nav li dl dd{margin: 15px 20px;border: 1px solid #dcdcdc;padding: 5px 0;}
    .header nav li.has_sort2>a::after{content: ">";float: right;font-family:simsun;font-weight: bold;}
    .header nav .border{display: none!important;}
    .header nav li dl dd:hover a:hover, header nav li dl dd a.on{background-image: none;}
}
/*foot*/
@media screen and (max-width:1000px){
    .met_editor img{
        width: 100%;
    }
}