.hide2{display: none !important;}
.web_hide{display: none ;}
@media screen and (max-width: 1420px) {
	.head .nav li{font-size: 16px;}
	.padding{width: 100%; padding: 0;}
	.banner .banBox{width: 100%; padding: 0 1%; box-sizing: border-box;}
	.syYoushi .cont .no1{left: -144px;}
	.syYoushi .cont .no2{right:-135px}
	.syYoushi .cont .no3{left: -104px;}
	.syYoushi .cont .no4{right:-121px}
	.sy_cp .cont{margin-top: -11px;}
	.sy_cp .cont .cpLi{height: 400px;}
	.sy_cp .cont .cpLi .text{font-size: 16px;}
	.hezuo .cont{width: 90%;}
	.hezuo .cont .inputBox{ margin-top: 62px;}
	
}
@media screen and (max-width: 1200px) {
	.banner .banBox{display: block;}
	.banner .bananerText .tit{margin-top: 20px; font-size: 40px; text-align: center;}
	.banner .bananerText .subTit{font-size: 30px; text-align: center;}
	.banner .bananerText .desc{text-align: center;}
	.banner .bananerText .btn{flex-direction: column; margin: 1rem 0 0 ; }
	.banner .bananerText .btn .btn1{width: 169px; height: 45px; line-height: 45px;}
	.banner .bananerText .btn .btn2{margin: 20px 0 0 0;}
	.banner .banImg{right: 0; bottom: 0; position: unset; display: block; margin: 0 auto;}
	
	.syYoushi{margin-top: 0.2rem;}
	.fx{width: 100%; padding: 10px 2%; box-sizing: border-box;}
	.lunbo{width: 100%;}
	.fx .textBtm{width: 100%;}
	.fx .textBtm .topImg{vertical-align: bottom;}
}

@media screen and (max-width: 1100px) {
	body{letter-spacing: normal; font-size: MIN(0.28rem,16px); }
	.content{width: 100%; }
	.hide{display: none}
	.hide2{display: block !important;}
 .pc_hide{display: none!important;}
 .web_hide{display: block;}
 table th,td{padding:10px 15px; box-sizing: border-box; line-height: 1.5; font-size: 0.28rem;}
 table th{font-size: 0.32rem; font-weight: normal;}
 
 #g-wp {  padding:0rem 0 0; } 
 .wrap{ width:96%; margin: 0 auto;}
 .headerBox{position: sticky; top: 0; left: 0;width:100%; z-index: 6; }
 #header { position:relative; width:100%; height:80px; background:#2A82E4; z-index:5; }
 #header .tit{text-align: center; font-size: 0.38rem; color: #fff; padding-top: 0.1rem;}
  #header .tit img{width:198px; }
 .g-wp { margin:0 auto; transition:transform 0.4s cubic-bezier(0.4, 0.01, 0.165, 0.99); z-index:2; }
 
 .u-mask { position:absolute; left:0; top:0; width:100%; height:100%; background:#000; opacity:.5; z-index:9; }
 .m-nav { width:200px; height:100%; left:-200px; top:0; background:#0c387b; position:fixed; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index:30; }
 .m-nav h2 { margin:0 0 10px; padding:10px 0; border-bottom:1px solid #ddd; font-weight:bold; font-size:16px; line-height:30px; text-align:center; }
 .m-nav li { position:relative; padding:12px 12px 12px 22px;  font-size:14px; line-height:24px; }
 .m-nav li a { display:block; color: #fff;}
 .m-nav li a:hover,.m-nav .current a { color:#fff; }
 /* .m-nav .current:after { position:absolute; top:50%; left:0; width:5px; height:14px; margin-top:-7px; border-left:2px solid #f60; content:"" } */
 
 /* 菜单显示 */
 .u-menu { position:absolute; left:0.17rem; top:20px; display:block; width:40px; height:40px; transform:translateZ(0px) rotate(0deg); transition:transform 0.4s cubic-bezier(0.4, 0.01, .165, 0.99); z-index: 99; }
  .u-menu img{width: 100%;}
 .u-menu div { position:absolute; left:13px; top:20px; width:25px; height:25px; transform:translateZ(0px) rotate(0deg); transition:transform 0.25s cubic-bezier(0.4, 0.01, 0.165, 0.99) 0s; }
 .u-menu div i { position:absolute; left:0; top:0; display:block; width:25px; height:2px; background:#c7000b; }
 .u-menu .u-menu-top i {transform:translate3d(0px,-8px,0px);-webkit-transform:translate3d(0px,-8px,0px);}
 .u-menu .u-menu-middle i {transform:translate3d(0px,0px,0px);-webkit-transform:translate3d(0px,0px,0px);}
 .u-menu .u-menu-bottom i {transform:translate3d(0px,8px,0px);-webkit-transform:translate3d(0px,8px,0px);}
 
 
 body.z-open .m-nav {transform:translate3d(200px,0,0);-webkit-transform:translate3d(200px,0,0);}
 body.z-open .g-wp {transform:translate3d(200px,0,0);-webkit-transform:translate3d(200px,0,0);}
 body.z-open .u-menu {transform:translateZ(0px) rotate(90deg);-webkit-transform:translateZ(0px) rotate(90deg);}
 body.z-open .u-menu  div {transform:translateZ(0px) rotate(45deg);transition:transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;-webkit-transform:translateZ(0px) rotate(45deg);-webkit-transition:-webkit-transform 0.25s cubic-bezier(0.4,0.01,0.165,0.99) 0.2s;}
 body.z-open .u-menu  div i {transition:transform 0.2s ease 0s;transform:translate3d(0px,11px,0px);-webkit-transition:-webkit-transform 0.2s ease 0s;-webkit-transform:translate3d(0px,11px,0px); }
 body.z-open .u-menu .u-menu-bottom {transform:translateZ(0px) rotate(-45deg);-webkit-transform:translateZ(0px) rotate(-45deg);}
 body.z-open .u-menu .u-menu-middle { display:none; }
 
 .sy_menu{width: 95%; margin: 0.4rem auto;}
 .sy_menu .sy_gg img{width: 100%;}
 .sy_menu_list{display: flex; flex-flow: row wrap; margin-top: 0.5rem;}
 .sy_menu_list .sy_menu_li{width: 40%; display: flex; flex-direction: column; align-items: center; padding: 0.3rem; box-sizing: border-box; margin: 0.3rem; background-color: #fff; border-radius: 0.2rem; box-shadow:0 0rem 0.4rem rgba(0,0,0,0.12);}
 .sy_menu_list .sy_menu_li .menu_li_tit{font-size: 0.32rem; font-weight: 500; color: #000000;margin-top: 0.1rem;}
 .sy_menu_list .sy_menu_li img{width: 50%;}
 
 
 
 .nav_logo{width: 100%; text-align: center; border-bottom: 1px solid #151515; margin-top: 0.35rem;}
 .nav_logo img{width: 100%; margin: 0 auto 0.3rem;}
 .nav_logo .tel{display: block; width: 60%; margin: 0.2rem auto 0.5rem; background-color: #d8e9ff; line-height: 0.6rem; height: 0.6rem; border-radius: 100rem; font-size: 0.32rem; color: #45679f; font-weight: bold;}
 .m-nav ul{margin-top: 0.2rem; }
 .m-nav ul li .one{width: 100%; }
 .m-nav ul li .one a{ display: flex;align-items: center;}
 .m-nav ul li .one a label{display: flex; width: 100%; align-items: center; }
 .m-nav ul li .one .nav_icon{ width: 0.4rem; height: 0.4rem; margin-right: 0.1rem;}
 .m-nav ul li .one a .nav_icon2{ width: 10px; height: 10px; margin-right: 0.1rem; float: right;display: none;}
 .m-nav ul li .one a .nav_icon3{ width: 10px; height: 10px; margin-right: 0.1rem; float: right;}
 .m-nav ul li dl{ padding-left: 0.3rem; padding-top: 0.1rem;overflow-y: scroll;    max-height: 30vh; }
 .m-nav ul li dd img{width: 0.3rem; margin-right: 0.1rem;}
 .m-nav ul li dd{display: flex; align-items: center; margin-top: .2rem;}
 .m-nav ul li.current{background-color: #03336f;}
 .m-nav ul li.current .one a .nav_icon3{display: none;}
 .m-nav ul li.current .one a .nav_icon2{display: block;}
 
.syAbout .video{width: 90%;}



}


@media screen and (max-width:900px) {
	.TitBox{padding: 20px 2%; box-sizing: border-box;}
	.TitBox .tit{font-size: 32px;}
	.TitBox .subTit{font-size: 16px;}
	.syYoushi .cont{width: 100%; display: flex; flex-flow: row wrap;}
	.syYoushi .cont .youshiImg{width:min(100% , 788px); height: auto;}
	.syYoushi .cont .li{position: unset!important; width: calc(50% - 20px);margin-bottom: 10px; margin-left: 10px; border-radius: 20px; height: auto; padding: 10px; box-sizing: border-box;}
	.syYoushi .cont .li .tit{margin: 0; width: 100%; font-size: 18px; }
	.syYoushi .cont .no2 .tit{float: unset;}
	.syYoushi .cont .li .text{width: 100%; padding: 20px 0;}
	.pubTit{width: 168px; margin: 30px auto;}
	
	.sy_cp{background-size: 100% 200px; padding-top: 40px;}
	.sy_cp .cont{flex-flow: row wrap; margin-top: 30px;}
	.sy_cp .cont .cpLi{width: calc(50% - 20px); margin: 0 10px 20px 10px; padding: 10px; height: auto;}
	.sy_cp .cont .cpLi:first-child{width:  calc(50% - 20px);}
	.sy_cp .cont .cpLi:first-child .img{margin-top: 40px;}
	
	.sy_new .cont {flex-direction: column;}
	.sy_new .cont .li{width: 95%; margin:0 0 20px 10px; }
	.syAbout{padding: 20px 0 30px 0; background-size: cover; }
	.syAbout .cont{padding: 0 2%; box-sizing: border-box;background-size: cover;}
	.syAbout .tab{flex-flow: row wrap;}
	.syAbout .tab .tabLi{width: calc(50% - 20px); margin: 20px 10px 20px 10px;}
	.syAbout .tab .tabLi .val{font-size: 30px;}
	
	.hezuo{padding-bottom: 30px;}
	.hezuo .cont{padding-bottom: 30px;}
	.hezuo .cont .inputBox{width: 100%; padding: 0 2%; box-sizing: border-box;}
	
	.footer .footLogo{width: 260px;}
	.footer .padding{flex-direction: column; justify-content: center;}
	.footer .footNav{width: 100%; margin: 40px auto;}
	.footer .footNav li{text-align: center; width: 33.3%;}
	.footer .ewm{width: 150px;}
	
	.fx .dingzhi .list {flex-flow: row wrap; margin-top: 30px;}
	.fx .dingzhi .list .li{width: calc(50% - 10px); margin-bottom: 20px; height: auto; padding: 10px; box-sizing: border-box; }
	.fx .dingzhi .list .li .name{margin-bottom: 10px;}
	
	.banner .banYj{height: auto !important;;}
	.banner .banYj .banBox{position: unset; transform: translateX(0); overflow: hidden;}
	.zaixian{display: block;}
	.yj .zaixian .sb{width: min(100% , 697px);}
	.yj .zaixian .zxList{width: 90%; margin: 30px auto 0 ;}
	.gn .item{width: 100%; display: block;}
	.yj .gn .item .textBox{width: 90%; text-align: center; margin: 50px auto;}
	.yj .gn .item .textBox .tit{font-size: 28px;}
	.yj .gn .item .textBox .text{font-size: 18px;}
	.yj .zaixian .zxList .li .name::after{width: 96px; height: 96px;}
	.yj .zaixian .zxList .li .name .font{width: 96px; height: 96px; font-size: 25px; top: -11px;}
	.yj .zaixian .zxList .li .text{padding-left: 68px;}
	
	.anli .list{margin-top: 30px;}
	.anli .list .li{width: calc(50% - 20px); margin: 0 0 20px 15px;}
	.newBa .banLi{height: 420px;}
	.newBa{height: 420px;}
	.dh{padding: 10px 0;}
	.new .list{padding: 10px; box-sizing: border-box;}
	.new .list .li{align-items: flex-start; padding: 10px; box-sizing: border-box;}
	.new .list .li .img{width: 30%;}
	.new .list .li .textBox{width: 70%;}
	.new .list .li .textBox .text{height: auto;}
	
	.new .cont{width: 100%; padding: 10px; box-sizing: border-box; box-shadow: none; border: none;}
	.banYj{background: url(../images/lxBa.png) no-repeat top; background-size: cover; padding-bottom: 40px;}
	.ban_lx .banBox .bananerText .tit{margin-top: 30px;}
	.lx .aboutTop{flex-direction: column; margin: 17px auto;}
	.lx .aboutTop .aboutImg{width: 90%;}
	.lx .aboutTop .textBox{width: 100%; padding: 0 2%; box-sizing: border-box;}
	.lx .aboutTop .textBox .name{font-size: 28px;}
	.lxCenter .list{flex-direction: column;padding: 0 2%; box-sizing: border-box;}
	.lxCenter .list .li{width: 100%; margin-bottom: 20px;}
	.lxCenter .tit{font-size: 28px; text-align: left;padding: 0 2%; box-sizing: border-box;}
	.lxCenter .list .li .val{font-size: 28px;}
	.zhaoshang .cont{width: 100%;padding: 50px 20px;}
	.zhaoshang .li{width: 100%;}
}






























