/*=========================== mobile =======================*/
@media only screen and (min-width:320px) and (max-width: 768px) {
  .allWidth{width:92%;}
.head{border-bottom: 1px solid #3c82c8;}
.logo{width: 90%;margin: 0px auto;padding: 10px 0 0;display: block;float: none;}
.logo img{width:100%}
.top_title{text-align:center;width:100%;margin:0;margin-bottom: 12px;font-size: 24px;}
.head .index{display:none}
.pc_nav{display:none}
.mob_nav{display:block;}
.nav_show{padding: 0 15px;position:relative;border-top:1px solid #2c4865;}
.nav_show .index{font-size: 18px;color: #fff;}
.nav_show .nav_select{display:block;position:absolute;right:15px;top:11px}
.nav_show .nav_select li{width:32px;height:2px;background:#fff;margin:8px 0}
.mob_nav .navbar_ul{display:none}
.mob_navbar{display:block;}
.mob_navbar > li{width: 100%;line-height: 50px;font-size: 18px;border-top:1px solid #3c82c8}
.mob_navbar > li > a{padding: 0;width: 86%;}
.mob_navbar > li > a.action {background: none;}
.mob_navbar > li >strong{display:block; position: absolute; right: 20px; top: 0; font-size: 25px; color: #fff; cursor: pointer; width: 40px;line-height: 50px; text-align: center;z-index: 100;}
.mob_navbar .menu{position: inherit;top:0;background: #e6f4ff; }
.mob_navbar .menu li a{color: #0066cc;width: 86%;}
.add{
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.nav_btns>li:nth-child(1) {
  -webkit-transform: translateY(11px) rotate(45deg);
  -ms-transform: translateY(11px) rotate(45deg);
  -o-transform: translateY(11px) rotate(45deg);
  transform: translateY(11px) rotate(45deg);
}
.nav_btns>li:nth-child(2) {display: none;}
.nav_btns>li:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.banner > a{margin-top:-15px}
.banner > a img{width:30px}

.nav_tab li{width:33%}
.nav_tab li a p{font-size:18px}
.nav_tab li a .nav_img{width:auto;height: 40px;}
.two_floor{margin:40px 0 40px;position: relative;padding-bottom: 50px;}
.two_floor,.three_floor{height:auto}
.common_title{position: inherit;}
.common_title span{padding:0 15px;margin:0 15px}
.common_title .more{width: 110px;position: absolute;left: 0;bottom: 0px;margin: auto;}
.news_left{width:100%;margin-bottom:18px}
.news_left .news_img{height:210px}
.news_left .news_txt{padding: 0px 15px 15px;}
.news_right{width:100%}
.news_right .news_info > li{height:auto;padding:15px}
.news_right .news_info > li .news_txt{margin-left:86px}
.fast_tab{width:100%;margin-bottom:15px}
.fast_tab .fast_left{width:100%;display:none;}
.fast_tab .fast_right{width:100%;padding:42px 20px}

.footer{height:auto;margin-top:40px;padding-top:26px;background:#0066cc}
.footer > .allWidth{padding:0 0}
.footer a{display:block;width:100%;float:none;overflow:hidden}
.foot_logo >img{margin-right:2%;width:20%}
.foot_logo >div{width:78%}
.foot_logo >div img{width:100%}
.foot_logo >div p{font-size:22px}
.foot_txt{display:block;text-align:center;margin:20px 0;padding-top:20px;border-top:1px solid #e0e9f2}
.foot_code{float:none;width:100%}
.foot_code img{width:150px;height:150px;position:inherit;bottom:0}


/*other*/
.page_con .allWidth{margin: 30px auto;}
.left_page{width:100%;margin-bottom: 20px;}
.left_page .page_title{line-height: 30px;}
.left_page ul li{display:inline-block;margin:5px}
.left_page ul li a{padding:10px;}
.left_page ul li a.normal,.left_page ul li a:hover{border:none}
.right_page{width:100%}
.right_page .address .add_title{width: 100%;text-align: center;line-height: 40px;padding:10px 0;}
.right_page .address .local{line-height: 30px;padding:10px 0;}
.page_list li a{width:66%;}
.images_list li{width:100%;margin:20px 0;}

.con_text{padding:0;}
.con_text .tit h4{font-size: 24px;line-height: 40px;margin: 30px 0 10px;}

}
