﻿.sp_header{ display:none;}
.mpagedown{ display:none; width:30px; height:30px; line-height:30px; border-radius:30px; border:1px solid #fff; position:fixed; left:50%; bottom:20px; margin-left:-15px; z-index:99; transform:rotate(90deg); text-align:center;}
.mpagedown i{ color:#fff; font-size:14px; font-weight:bold;}
.footer_app{ display: none;}
.dh{ display:none;}
.plist_pnout{ display:none;}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}
@keyframes bounce {
    0%, 20%, 50%, 80%, 100% {
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
    }
    40% {
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        -webkit-transform: translateY(-30px);
        transform: translateY(-30px);
    }
    60% {
        -moz-transform: translateY(-15px);
        -ms-transform: translateY(-15px);
        -webkit-transform: translateY(-15px);
        transform: translateY(-15px);
    }
}

.bounce {
    -moz-animation: bounce 2s infinite;
    -webkit-animation: bounce 2s infinite;
    animation: bounce 2s infinite;
}
.mshow{ display: none;}

/*移动端导航*/
@media screen and (max-width: 768px) and (min-width: 0px){
  .sp_header{ display:block; top:0;}
  .inbanner_con{ width:80%; padding-top:100px; margin:0 auto;}
  .inbanner{ height:200px;}
  .header{ display:none;}
  .footer{ display:none;}
  .lan{ display:none;}
  .header_in{ display:none;}
  .channel{ width:100%;}
  .channel_in{ width:100%;}

  .mpagedown{ display:block;}
  .mbanner{ bottom:80px !important; position:absolute; left:0;}

  .s2 .centerbg{ left:10%; top:80px;width:80%;}
  .s2 .about_l{ width:100%; font-size:28px; float:none;}
  .s2 .about_r{width:100%; float:none;}
  .s2 .rbg{ width:100%; height:80%;border-radius: 0 0 20px 20px;}
  .s2 .about_t{ margin:10px 0 20px 0; font-size:24px}
  .s2 .about_desc{ font-size:14px; margin-bottom:20px;}
  .s2 .about_ul{  flex-wrap:wrap; margin-bottom:30px;}
  .s2 .about_ul li{ width:50%; margin-bottom:10px;text-align:center;}
  .s2 .about_ul_t{ font-size:26px; }
  .s2 .about_ul li::before{ display:none;}
  .s2 .about_more{ margin:0 auto;}

  .s3 .bbg{ bottom:0;}
  .s3 .categorycon{ width:80%; left:10%;}
  .s3 .categorty_ul .swiper-button-next{ right:-35px;}
  .s3 .categorty_ul .swiper-button-prev{ left:-35px;}


  .s4.active .newslbg{ display:none;}
  .s4.active .newsrbg{ display:none;}
  .s4 .newscon{ width:90%; left:5%; top:80px;}
  .s4 .newsTop_t{ font-size:18px;}
  .s4 .newsTop_t2{ font-size:24px; margin-bottom:10px;}
  .s4 .newsTop_ul{ position:relative;}
  .s4 .newsTop_ul li a{ font-size:12px;}
  .s4 .newsTop_ul li{ padding:0; margin-right:10px;}
  .s4 .inewslist{ width:100%;}
  .s4.active .inews .inewslist:nth-child(2){ display:none;}
  .s4.active .inews .inewslist:nth-child(3){ display:none;}

  .s5{background: url("../img/s5mbg.jpg") center; background-size:cover; }
  .s5.active .applylbg{ display:none;}
  .s5 .applyright{ width:50px; top:15%;}
  .s5 .left{ right:auto; width:90%; left:5%;}
  .s5 .left li{ width:50%;}
  .advan_list_t{ font-size:14px;}
  .advan_list_desc{ padding:20px 10px 10px 10px; font-size:12px;}
  .section .left li{ margin-right:0;}
  .advan_list_desc{}

  .s6.active .contact_r{ display:none;}
  .s6 .contact_l{left:5%; width:90%;}
  .s6.active .contactrbg{ display:none;}
  .s6 .contact_bot{ bottom:0;}
  .s6 .contact_bot_weixin{ left:10px;}
  .s6 .contact_bot_in{ padding:0 10px 0 100px;}
  .s6 .contact_bot_mobile{ font-size:18px;}
  .s6 .contact_bot_back{right:10px; top:10px;}

  .mhidden{ display: none !important;}
	.mshow{ display: block !important;}

  

.accordion_footer {width: 90%;text-align: left; margin: 10px auto;}
.accordion_footer .link {cursor: pointer;display: block;    padding: 15px 15px 15px 22px;color: #4D4D4D;    font-size: 16px;    font-weight:500;border-bottom: 1px solid #555;    position: relative;
    -webkit-transition: all 0.4s ease;    -o-transition: all 0.4s ease;    transition: all 0.4s ease; color: #fff;}
.accordion_footer .linkon .link{ color:#f60 !important;}
.accordion_footer .linkon i{ color:#f60;}
.accordion_footer li:last-child .link { }
.accordion_footer li{    cursor: pointer;}
.accordion_footer li i {font-size: 18px;color: #fff;-webkit-transition: all 0.4s ease;    -o-transition: all 0.4s ease;transition: all 0.4s ease;}
.accordion_footer li i.fa-chevron-down { position:absolute; right: 15px;left: auto; top:18px; font-size: 14px; color:#999;}
.accordion_footer li.open .link {    color: #519ff6;}
.accordion_footer li.open i {    color: #519ff6;}
.accordion_footer li.open i.fa-chevron-down {-webkit-transform: rotate(90deg);-ms-transform: rotate(90deg);-o-transform: rotate(90deg);transform: rotate(90deg);}
/**
 * Submenu
 -----------------------------*/
.submenu {    display: none;    background: #f7f7f7;    font-size: 14px; border:none}
.submenu li {    border-bottom: 1px solid #d6d7dc;}
.submenu li.sec{ border-bottom:none; background:#fcfcfc;}
.submenu li.sec i{ font-size:12px; color:#999;}
.submenu li.sec a{ color:#333;}
.submenu li.third{ border-bottom:none;background:#fcfcfc;}
.submenu li.third a{ padding: 10px 10px 10px 62px; color:#888;}

.submenu a {display: block;text-decoration: none;color: #111;padding: 12px;padding-left: 42px;-webkit-transition: all 0.25s ease;    -o-transition: all 0.25s ease;    transition: all 0.25s ease;}
.submenu a:hover ,.submenu li.current a{    background: #f39800;    color: #FFF;}
.submenu li a i{ font-size:12px; color:#999 !important;}
.submenu li a.on{ color:#f60 !important; }

.submenu li.sub_quick{ color:#8bb4dd;padding: 10px 10px 10px 42px; border-bottom:none; background:#eee; font-size:14px;}
.submenu li.sub_quick_li{ color:#999;padding: 8px 0; border-bottom:none; background:#eee;}
.submenu li.sub_quick_li a{ padding:0 0 0 42px;color:#999;}

 .footer_app{ display: block; list-style: none; padding: 20px; border-bottom: 1px solid #333;}
 .footer_app li{ float: left; width: 20%; text-align: center;}
 .footer_app li img{ width: 30px;}
 .footer_app li a{ display: block;}

  .footer_tel_m{ list-style: none; padding: 10px; }
 .footer_tel_m li{ width: 50%; float:left; font-size:12px; text-align: center;}
 .footer_tel_m li{font-weight: 400; font-size: 12px; color: #fff;}
 .footer_tel_m_phone{ padding: 10px 0; font-size: 12px; font-weight: 400;color:#fff;}
.footer_tel_m_icon{ width: 50px; height: 50px; line-height: 50px; border-radius: 50px; background: #fff; margin: 10px auto;}
 .footer_tel_m_icon i{ font-size:24px; color: #333;}
 .footer_tel_m_add{ font-size: 12px; line-height: 150%;}
 .footer_weixin{ right: 10px; display: none;}
 .copyright { width: 100%;}
 .copyright p{ padding: 10px;}


.aboutinbg{ height:auto;}
.aboutcon{padding:0; height:auto;}
.about_l_t{ font-size:24px; margin:30px auto; text-align:center;}
.about_l_t::before{ display:none;}
.about_l{ padding:20px; margin-bottom:0;}
.aboutinbg{  background:none;}
.about_r{ padding:20px;}
.about_ul_in li{ width:50%; text-align:center; margin-bottom:20px;}
.about_ul_in{ flex-wrap:wrap}
.about_ul_in_t{ font-size:24px}
.about_ul_in li::before{ display:none;}

#persons {width: 100%; height:500px; z-index:0}
#persons .swiper-button-prev {  left: 0;}
#persons .swiper-button-next {  right: 0;}
#persons .swiper-slide{ width:100%; height:auto; padding-top:0;}
.equipment_t{ font-size:24px; padding:20px;}

.honorlist{ width:100%;}
.honor_ul{ flex-wrap:wrap;}
.honor_ul li{ width:100%;}

.honor_t{ font-size:24px; text-align:center; width:100%;}
.honor_t::before{ display: inline-block; width: 30px; height: 3px;background:#16489f; position: absolute; left:50%; margin-left:-15px;  bottom: 15px;content:""; z-index:0}


.finput1{ width:90%; margin-bottom:10px; background:none; color:#fff; text-indent:10px;}
input::input-placeholder{	color: #999;}
input::-webkit-input-placeholder{color: #999;}

.category{ display:none}
.bannermob{  margin-top:60px;}
.inbannermob{ height:150px;}
.inbanner_conmob{ padding-top:60px;}
.prolist{width:95%; margin-top:0;}
.prorp{ width:46%;}
.prop_in{ padding:5px;}
.category_in { display:none;}
.n-right{width:100%; float:none;}
.plist_l{ width:100%; float:none;}
.plist_r{ width:100%; float:none}
.plist_t{ text-align:center; padding:10px 0 30px;}
.proNP1{ position:relative; width:260px; margin:0 auto; display:none;}
.pronumber{ padding:10px;}
.prodesc{ padding:10px;}

.newstype{ width:100%;}
.newstype li{ width:25%; margin:0 4%;}
.schoolnewsList{  width:100%; float:none; margin-top:30px;}
.schoolnewsList_tit_en{ margin-bottom:0;}

.dh{ display:block; margin:20px; font-size:14px; color:#777; }
.dh i{ font-size:14px;}

/*产品上下*/
.plist_pnout{ display:block;}
.plist_pn{ margin:0; padding:10px; list-style:none; border-top:1px solid #ccc; display:flex; }
.plist_pn li{ width:50%;}
.plist_pn li a{ height:40px; line-height:40px; text-align:center; font-size:16px; display:block; color:#666;}
.plist_pn li a:hover{ background:#4a5199; text-decoration:none; color:#fff;}
.plist_pn li .nopro{ border:none; color:#777;}

}



