@media only screen and (min-width: 1401px)  {
  .banner-box{min-height:700px;overflow:hidden}
}
/*===========================  =======================*/
@media only screen and (min-width: 1201px) and (max-width: 1400px) {
  .allWidth{width:1140px;}

.logo{max-width: 440px;}
.banner-box{min-height:440px;}
.banner-box .prev{left:1%}
.banner-box .next{right:1%}

.two-floor{height:534px}
.news-tab{width:800px}
.news-lifo li{width:246px;height:354px;margin-right:30px}
.notice-tab{width:300px}
.message_tab .common-title,.mess-list{width: 500px;}
.mess-slide{width: 600px;}
.mess-slide .mess-back{width:460px;}
.mess-slide .bd li{width: 600px;}

.link-box select{width: 255px;margin-right: 40px;}
.foot-logo{max-width: 440px;}

.images-list li{width: 238px;height: 210px;margin-right: 30px;}
.images-list li div{height: 160px;}

}
/*===========================  =======================*/
@media only screen and (min-width: 1001px) and (max-width: 1200px) {
  .allWidth{width:984px;padding:0 15px;}
.logo{max-width:300px}
.banner-box{min-height:360px;}
.navbar >ul >li{margin:0 6px;}

.two-floor{height:924px;padding:40px 0}
.news-tab{margin:auto;float:none}
.notice-tab{width:930px;margin:auto;float:none;margin-top:30px}
.three-floor{height:528px;padding:40px 0;}
.message_tab .common-title,.mess-list {width: 424px;}
.message_tab .common-title .title-name li{padding-right: 20px;}
.mess-list li{line-height: 42px;}
.mess-slide{width:500px;}
.mess-slide .bd li{width:500px;height: 370px;}
.mess-slide .mess-back{width:340px;}

.link-box select{width: 216px;margin-right: 30px;}
.foot-logo{max-width: 300px;}

.left-menu{width: 200px;}
.right-info {margin-left: 240px;}

.images-list li{width: 286px;}
.images-list li:nth-child(2n){margin-right:0;}
.images-list li:nth-child(3n){margin-right:41px;}

}
/*===========================  =======================*/
@media only screen and (min-width: 769px) and (max-width: 1000px) {
  .allWidth{width:750px;padding:0 15px;}
.header-box{height:140px;position:relative}
.top-box{width:100%;background:#255B99;position:fixed;top:0;z-index:99}
.logo-box{height:106px;padding:20px 0;position:fixed;top:34px;background:#083364}
.logo {max-width: 550px;max-height: 66px;}
.banner-box{min-height:280px;}

/*nav*/
.mob_select{display:block;cursor: pointer;float: right;}
.mob_select li{width:32px;height:2px;background:#fff;margin:8px 0}
.nav_btns>li:nth-child(1){-webkit-transform:translateY(10px) rotate(45deg);-ms-transform:translateY(10px) rotate(45deg);-o-transform:translateY(10px) rotate(45deg);transform:translateY(10px) 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)}

.pc_nav{display:none}
.mob_nav{display:none;width: 100%;height:auto;background: #eaeef5;background: #eaeef5;border-radius: 0;position: absolute;top: 106px;left: 0;}
.mob_nav >ul{display:block;}
.mob_nav >ul > li{float:none;width: 100%;line-height: 50px;border-bottom: solid 1px #d3d3d3;margin:0}
.mob_nav >ul > li > a{width: 70%;padding: 0 0px;margin: auto;color: #333;}
.mob_nav > ul > li .menu{display:none;font-size: 15px;position: inherit;top:0px;background: #fff;}
.mob_nav > ul > li .menu li{position:relative;}
.mob_nav > ul > li .menu li a{color: #333;width: 90%;margin: auto;border-top: 1px dashed #d3d3d3;}
.mob_nav > ul > li .menu .three_menu{display:none;position: inherit;width: 100%;left: 0;background: #f7f7f7;margin-top: 10px;}
.mob_nav > ul > li .menu .three_menu li{font-size:14px;color:#666;}
.mob_nav .add_select{display:block;width:14px;height:14px;background:url(../newImages/add.png)no-repeat center center;position: absolute;right: 24px;top: 18px;}
.mob_nav .add{background:url(../newImages/cut.png)no-repeat center center;}

.mob_search{display:none;}

.two-floor{height:auto;padding:40px 0}
.news-tab{width:100%}
.news-lifo li{width:226px;height:362px;margin-right:20px}
.notice-tab{width:100%;margin-top:30px}
.three-floor{height:auto;padding:40px 0}
.message_tab .common-title,.mess-list{width:100%;}
.mess-slide{width:720px;margin-top: 50px;}

.link-box{padding:10px 0;height:auto}
.link-box select{width:328px;display:inline-block;float:none;margin:10px 60px 10px 0}
.link-box select:nth-child(2n){margin-right:0;}

.footer-box .allWidth{display:block;}
.foot-txt{max-width: 100%;text-align: center;float: none;}
.foot-logo{display:block;margin:20px auto;text-align:center;float:none}
.foot-code{float:none;display:flex;justify-content:center;align-items:center}


.left-menu{display:none;}
.right-info {margin-left: 0;}

.images-list li{width: 220px;height: 200px;margin-right: 30px;}
.images-list li div {height: 150px;}

}

/*=========================== mobile =======================*/
@media only screen and (min-width: 300px) and (max-width: 768px) {
  .allWidth{width:100%;padding:0 15px;}

.header-box{height:70px;position:relative}
.top-box{display:none;}
.logo-box{height:70px;padding:20px 0;position:fixed;top:0;background:#083364}
.logo{max-width:250px;max-height: 30px;}
.banner-box{min-height:100px;}
/*nav*/
.mob_select{display:block;cursor: pointer;float: right;}
.mob_select li{width:28px;height:2px;background:#fff;margin:6px 0}
.nav_btns>li:nth-child(1){-webkit-transform:translateY(9px) rotate(45deg);-ms-transform:translateY(9px) rotate(45deg);-o-transform:translateY(9px) rotate(45deg);transform:translateY(9px) 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)}

.pc_nav{display:none}
.mob_nav{display:none;width: 100%;height:auto;    background: #eaeef5;border-radius: 0;position: absolute;top: 76px;left: 0;}
.mob_nav >ul{display:block;}
.mob_nav >ul > li{float:none;width: 100%;line-height: 50px;border-bottom: solid 1px #d3d3d3;margin:0}
.mob_nav >ul > li > a{width: 70%;padding: 0 0px;margin: auto;color: #333;}
.mob_nav > ul > li .menu{display:none;font-size: 15px;position: inherit;top:0px;background: #fff;}
.mob_nav > ul > li .menu li{position:relative;}
.mob_nav > ul > li .menu li a{color: #333;width: 90%;margin: auto;border-top: 1px dashed #d3d3d3;}
.mob_nav > ul > li .menu .three_menu{display:none;position: inherit;width: 100%;left: 0;background: #f7f7f7;margin-top: 10px;}
.mob_nav > ul > li .menu .three_menu li{font-size:14px;color:#666;}
.mob_nav .add_select{display:block;width:14px;height:14px;background:url(../newImages/add.png)no-repeat center center;position: absolute;right: 24px;top: 18px;}
.mob_nav .add{background:url(../newImages/cut.png)no-repeat center center;}

.mob_search{padding:15px}
.mob_search form{border:1px solid #d3d3d3;height:36px;border-radius:18px;padding:0 10px}
.mob_search form input{border:none;background:none;line-height:34px;float:left;width:200px}
.mob_search form button{float:right;height:34px;line-height:34px;padding:0 10px;background:none}
.mob_search form button img{height:15px}

.banner-box >a{width: 20px;height: 30px;margin-top: -15px;}
.banner-box .prev{left: 2%;}
.banner-box .next{right: 2%;}

.one-floor,.two-floor,.three-floor{height:auto}
.common-title .title-name li{font-size:16px;padding-right:10px}
.common-title .title-name li.normal{font-size:20px}
.nav-tab{flex-wrap:wrap;height:auto;padding:24px 0}
.nav-tab li{float:left;flex:none;width:33%;margin-bottom:15px}
.nav-tab li div{margin:auto}
.two-floor{padding:30px 0}
.news-tab{width:100%}
.news-lifo li{width:100%;height:400px;float:none;margin:auto}
.news-lifo li .news-img{height:220px}
.notice-tab{width:100%}
.three-floor{height:auto;padding:40px 0}

.message_tab .common-title,.mess-list{width:100%;}
.mess-slide{width:300px;margin: auto;float:none;}
.mess-slide .bd li{width:300px;height: 200px;}
.mess-slide .mess-back{display:none;}

.four-floor{padding:40px 0 60px}
.special-tab .bd li{width:158px !important;height:81px;margin-right:30px}

.link-box{padding:10px 0;height:auto}
.link-box select{width:300px;display:block;float:none;margin:10px auto}
.link-box select:nth-child(2n){margin-right:auto;}


.footer-box .allWidth{display:block;}
.foot-txt{max-width: 100%;text-align: center;float: none;}
.foot-txt p span,.foot-txt p a{display: block;margin: 0;}
.foot-logo{display:block;margin:20px auto;text-align:center;float:none}
.foot-code{float:none;display:flex;justify-content:center;align-items:center}

.common-box{padding:15px 0;}
.left-menu{display:none;}
.right-info {margin-left: 0;}


.images-list li{width: 300px;height: 260px;float: none !important;margin:0 auto 10px !important;}
.images-list li .imgs{height: 220px;}
.preview-frame{height: 480px !important;}

}