/*================ other device =======================*/
@media only screen and (min-width: 1700px) {
.navbar_ul>li > a.action,.navbar_ul>li:hover > a{background: url(../images/navBg.png) no-repeat center center;background-size: 100%;position:relative;z-index:200;}
.navbar_ul li:hover .menu{display: block;}
}

@media only screen and (min-width: 1400px) and (max-width: 1699px) {
#body_left{width:200px}
#body_right{margin-left:200px;}
.logo{padding:0 10px;margin-bottom: 30px;}
.logo p{font-size:22px;}
.nav{width:208px}
.navbar_ul>li > a.action,.navbar_ul>li:hover > a{background: url(../images/navBg.png) no-repeat center center;background-size: 100%;position:relative;z-index:200;}
.navbar_ul li:hover .menu{display: block;}
.navbar_ul .menu{display: none;position: absolute;top: 6px;left: 200px;z-index: 199;padding: 0px 22px 22px;background: #e8e8e8;}
}

@media only screen and (min-width: 1370px) and (max-width: 1399px) {
#body_left{width:150px}
#body_right{margin-left:150px;}
.logo{padding:0 10px;margin-bottom: 20px;}
.logo p{font-size:16px;}
.nav{width:156px}
.navbar_ul > li{height: 60px;line-height: 55px;}
.navbar_ul > li > a{height: 60px;}
.navbar_ul .menu{display: none;position: absolute;top: 8px;left: 150px;z-index: 199;padding: 0px 22px 22px;background: #e8e8e8;}
}

/*============== min-width: 900px max-width: 1369px ================*/
@media only screen and (min-width: 900px) and (max-width: 1369px) {
#body_left{width:150px}
#body_right{margin-left:150px;}
.logo{padding:0 10px;margin-bottom: 20px;}
.logo p{font-size:16px;}
.nav{width:156px}
.navbar_ul > li{height: 60px;line-height: 55px;}
.navbar_ul > li > a{height: 60px;padding:0;}
.navbar_ul>li > a.action,.navbar_ul>li:hover >a{background: url(../images/navBg.png) no-repeat center center;background-size: 100%;position:relative;z-index:200;}
.navbar_ul li:hover .menu{display: block;}
.navbar_ul .menu{display: none;position: absolute;top: 8px;left: 150px;z-index: 199;padding: 0px 22px 22px;background: #e8e8e8;}

/* content */
.allWidth{width: 100%;}

.one_floor{height:auto;margin: 60px 0;}
.news_tab{float: none; width: 750px; margin: auto;}
.news_tab .lists li{width: 236px; margin-right: 20px;}
.notice_tab{float: none; width: 750px; margin: auto; margin-top:30px;}

.two_floor{height: auto;}
.message_tab{width: 750px; margin: auto;}
.message_tab .lists ul{width: 100%; float: none;}
.message_tab .lists ul li a{width: 80%;}

.three_floor{height: auto; margin: 40px 0 36px;}
.employ_tab{float: none; width: 750px; margin: auto;}
.employ_tab .lists li .employ_txt{width: 86%;}
.spec_tab{float: none; width: 750px; margin: auto; margin-top: 30px;}
.mob_lists{display:block;}
.spec_tab .pc_lists{display:none;}
.spec_tab .mob_lists .tempWrap{width:750px !important;}
.spec_tab .lists li{width:350px;height:auto;margin-right:50px;}
.spec_tab .lists li:last-child{margin-right:0;}

/* channel */
.address >.allWidth,.channel_page >.allWidth{width: 750px;margin: auto;}
.page_con{width: 750px;margin:30px auto;}
.page_list li a{width: 80%;}

.footer > .allWidth{height:auto;}
.foo_fl{float: none;width: 750px;margin: 0px auto;text-align: center;}
.foo_fr{float: none;margin-top:26px;}
}

/*============== min-width: 751px max-width: 899px ================*/
@media only screen and (min-width: 751px) and (max-width: 899px) {
#body_left{width: 100%;overflow-y: auto;padding-top: 60px;left:100%;}
.logo,.search{display:none;}
.mob_head{display:block; background: #0e67ab; padding: 0 15px;width: 750px;margin: auto;position: relative;}
.mob_head a{height: 80px;}
.mob_head a >img{width: 60px; margin: 10px 10px 0 0;}
.mob_head a .txt_img{margin-top: 16px;}
.mob_head a .txt_img img{width: 142px;}
.mob_head a .txt_img p{font-size: 18px; color: #fff; font-family: 'kaiti';}
.mob_btn{width: 44px;margin-top: 32px;cursor: pointer;}
.mob_btn li{background: #fff; width: 22px; height: 2px; border-radius: 1px; margin: 0px auto; margin-bottom: 4px; transition: all 0.3s ease-in-out;}
.mob_search{margin-top:28px;cursor: pointer;}
.mob_search img{width:20px;}
.mob_searchs form{width: 58%; height: 50px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto; z-index: 100;}
.mob_searchs input{width: 80%; line-height: 50px; border: none; background: #fff; float: left; padding: 0 8px;}
.mob_searchs button{width: 20%; line-height: 48px; border: none; float: left; background: rgba(239,239,239);}
.search_mask{width: 100%; height: 100%; background: rgba(0,0,0,.6); overflow: hidden; position: fixed; top: 0; left: 0; z-index: 99;}

.mob_close{display: block; position: absolute; right: 20px; top: 20px; z-index: 1000;cursor: pointer;}
.mob_close img{width: 26px;}

.nav_toggle {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  transform: translateX(0px);
  left: 0 !important;
}

.nav{width: 100%;}  
.navbar_ul{text-align:left;}
.navbar_ul > li{height: auto;border-bottom: 1px solid #51adf3;}
.navbar_ul > li > a{padding-left: 20px;}
.navbar_ul>li > a.action, .navbar_ul>li:hover{background: #d13c3c;}
.navbar_ul .menu{width: 100%;position: relative;top: 0;left:0;background: none;padding-left: 20px;}
.navbar_ul .menu li{width: 100%;text-align: left;padding-left: 16px;padding-bottom: 0;background: url(../images/list.png) no-repeat center left;line-height: 40px;}
.navbar_ul .menu li:last-child{margin-bottom: 14px;}
.navbar_ul .menu li a{color:#fff;border:none;font-size: 14px;}
.navbar_ul > li >strong{display:block; position: absolute; right: 20px; top: 0; font-size: 25px; color: #fff; cursor: pointer; width: 40px; height: 60px; line-height: 60px; text-align: center;}


/* content */
#body_right{margin-left:0px;}
.allWidth{width: 100%;}
.banner{width: 750px; margin: auto;}
.message_tab .common_title{background-size: 30% 6%;}
.one_floor{height:auto;margin: 60px 0;}
.news_tab{float: none; width: 750px; margin: auto;}
.news_tab .lists li{width: 236px; margin-right: 20px;}
.notice_tab{float: none; width: 750px; margin: auto; margin-top:30px;}
.notice_tab .lists li a{width:86%;}

.two_floor{height: auto;}
.message_tab{width: 750px; margin: auto;}
.message_tab .lists ul{width: 100%; float: none;}
.message_tab .lists ul li a{width: 80%;}

.three_floor{height: auto; margin: 40px 0 36px;}
.employ_tab{float: none; width: 750px; margin: auto;}
.employ_tab .lists li .employ_txt{width: 86%;}
.spec_tab{float: none; width: 750px; margin: auto; margin-top: 30px;}
.mob_lists{display:block;}
.spec_tab .pc_lists{display:none;}
.spec_tab .mob_lists .tempWrap{width:750px !important;}
.spec_tab .lists li{width:350px;height:auto;margin-right:50px;}
.spec_tab .lists li:last-child{margin-right:0;}


/* channel */
.address{width: 750px;margin: auto;margin-top:-50px;padding: 0 10px;}
.channel_page {width:750px;margin: auto;padding: 0 10px;}
.page_con{width: 750px;margin:30px auto;}
.page_list li a{width: 80%;}

.footer > .allWidth{height:auto;}
.foo_fl{float: none;width: 750px;margin: 0px auto;text-align: center;}
.foo_fr{float: none;margin-top:26px;}

}

/*=========================== mobile =======================*/
@media only screen and (min-width: 300px) and (max-width: 750px) {
  /* nav*/
#body_left{width: 100%;overflow-y: auto;padding-top: 60px;left:100%;transition: all 0.3s ease-in-out;}
.logo,.search{display:none;}
.mob_head{display:block; background: #0e67ab; padding: 0 15px;position: relative;}
.mob_head a{height: 80px;}
.mob_head a >img{width: 60px; margin: 10px 10px 0 0;}
.mob_head a .txt_img{margin-top: 16px;}
.mob_head a .txt_img img{width: 142px;}
.mob_head a .txt_img p{font-size: 18px; color: #fff; font-family: 'kaiti';}
.mob_btn{width: 44px;margin-top: 32px;}
.mob_btn li{background: #fff; width: 22px; height: 2px; border-radius: 1px; margin: 0px auto; margin-bottom: 4px; transition: all 0.3s ease-in-out;}
.mob_search{margin-top:28px;cursor: pointer;}
.mob_search img{width:20px;}
.mob_searchs form{width: 88%; height: 50px; position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;z-index: 100;}
.mob_searchs input{width: 80%; line-height: 50px; border: none; background: #fff; float: left; padding: 0 8px;}
.mob_searchs button{width: 20%; line-height: 48px; border: none; float: left; background: rgba(239,239,239);}
.search_mask{width: 100%; height: 100%; background: rgba(0,0,0,.6); overflow: hidden; position: fixed; top: 0; left: 0; z-index: 99;}

.mob_close{display: block; position: absolute; right: 20px; top: 20px; z-index: 1000;}
.mob_close img{width: 24px;}
.nav_toggle {
  -webkit-transform: translateX(0px);
  -ms-transform: translateX(0px);
  -o-transform: translateX(0px);
  transform: translateX(0px);
  transform: translateX(0px);
  left: 0 !important;
}
.nav{width: 100%;}  
.navbar_ul{text-align:left;}
.navbar_ul > li{height: auto;border-bottom: 1px solid #51adf3;}
.navbar_ul > li > a{padding-left: 20px;}
.navbar_ul>li > a.action{background: #d13c3c;}
.navbar_ul .menu{width: 100%;position: relative;top: 0;left:0;background: none;padding-left: 20px;padding-bottom: 0;}
.navbar_ul .menu li{width: 100%;text-align: left;padding-left: 16px;background: url(../images/list.png) no-repeat center left;line-height: 40px;}
.navbar_ul .menu li:last-child{margin-bottom: 14px;}
.navbar_ul .menu li a{color:#fff;border:none;font-size: 14px;}
.navbar_ul > li >strong{display:block; position: absolute; right: 20px; top: 0; font-size: 25px; color: #fff; cursor: pointer; width: 40px; height: 60px; line-height: 60px; text-align: center;z-index: 100;}

/* content */
#body_right{margin-left:0px;width:100%;}
.allWidth{width: 100%;padding: 0 15px;}
.banner > a{margin-top:-7px;}
.banner > a img{width:14px;}

.one_floor{height:auto;margin: 60px 0;}
.news_tab{float: none; width:100%; margin: auto;}
.news_tab .lists li{width: 100%; margin-right: 0px;margin-bottom: 20px;box-shadow: 0 0 5px #ccc; padding: 10px;}
.news_tab .lists li .news_img{width: 100%;height: auto;}
.notice_tab{float: none; width: 100%; margin: auto; margin-top:30px;}
.notice_tab .lists li a{width: 72%;}

.two_floor{height: auto;background-size: auto 100%; padding: 30px 0 80px;}
.message_tab{width: 100%; margin: auto;position: relative;}
.message_tab .common_title{background:none;}
.message_tab .common_title .titles{display: flex; justify-content: space-between; align-items: center; width: 100%;}
.message_tab .common_title span{padding:0;font-size: 18px;}
.message_tab .common_title span.normal{font-size: 20px;}
.message_tab .lists ul{width: 100%; float: none;}
.message_tab .lists ul li a{width:60%;}
.message_tab .common_title .more{position: absolute; bottom: -56px; left: 0; right: 0; margin: auto; padding: 0 20px; width: 98px; border: 1px solid #fff; border-radius: 10px;}

.three_floor{height: auto; margin: 40px 0 36px;}
.employ_tab{float: none; width: 100%; margin: auto;}
.employ_tab .lists li .employ_txt{width: 74%;overflow: hidden;}
.spec_tab{float: none; width: 100%; margin: auto; margin-top: 30px;}
.spec_tab .lists li{max-width:100%;height:auto;}


/* channel */
.address{width: 100%;margin: auto;margin-top:-50px;}
.channel_page {width: 100%;margin: auto;}
.channel_page ul{padding:30px 0 20px;}
.channel_page ul li{margin-bottom:0 10px 10px 0;}
.channel_page ul li a{padding: 0px 20px;}
.page_con{width: 100%;margin:30px auto;}
.page_list li a{width: 70%;}

.footer > .allWidth{min-height:120px;}
.foo_fl{float: none;width: 100%; margin: 0px auto;text-align: center;}
.foo_fr{float: none;margin-top:26px;}

}