body{min-width: 1100px;max-width: 1920px;}
.menu__toggle{display:none;cursor:pointer;background-color:#e5e5e5;border:0;padding:10px;height:40px;width:40px}
.menu__toggle:hover{background-color:#e5e5e5;}
.menu__toggle__bar{display:block;width:20px;height:2px;background-color:#4e4e4e;-webkit-transition:.15s cubic-bezier(.75,-.55,.25,1.55);transition:.15s cubic-bezier(.75,-.55,.25,1.55)}
.menu__toggle__bar+.menu__toggle__bar{margin-top:4px}
.menu__toggle--active .menu__toggle__bar{margin:0;position:absolute}
.menu__toggle--active .menu__toggle__bar:nth-child(1){-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
.menu__toggle--active .menu__toggle__bar:nth-child(2){opacity:0}
.menu__toggle--active .menu__toggle__bar:nth-child(3){-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}
.menu{display:none}
.menu ul{padding:0;list-style:none;font-family:"Microsoft Yahei","Helvetica Neue","Helvetica,Arial","Hiragino Sans GB","Heiti SC","WenQuanYi Micro Hei","Source Han Sans SC Regular",sans-serif; text-align:left; width:1100px; margin:0 auto; z-index:9999;}
.menu a,.menu li{display:inline-block;font-size:16px;}
.menu a{color:#4e4e4e;text-decoration:none}
.menu__nav{background-color:#e5e5e5;}
.menu__nav>ul>li{position:relative;}
.menu__nav>ul>li>a{padding:10px 29px;text-transform:uppercase}
.menu__nav>ul>li:hover>ul{opacity:1;visibility:visible;margin:0}
.menu__nav>ul>li:hover>a{color:#fff; background:#999;}
.menu__nav__child{position:absolute;top:100%;left:0;z-index:1;opacity:0;visibility:hidden;margin:20px 0 0 0;background-color:#336699;-webkit-transition:margin .15s,opacity .15s;transition:margin .15s,opacity .15s}
.menu__nav__child>li{width:100%;border-bottom:1px solid #ccc;}
.menu__nav__child>li:last-child{border:0}
.menu__nav__child a{padding:8px;width:100%;border-color:#373737}
.menu__nav__child a:hover{background-color:#363D57;border-color:#363D57;color:#fff}
.menu__nav--open{display:block!important}
.menu__nav--open .menu__nav__child{display:block}
@media only screen and (max-width: 768px) {
	body{min-width: 320px;}
	.zhiys1{background-size: auto 100%;height: 300px;}
	/*.zhiys1>p{width: 80%;margin: 0 auto;}
	.zhiys1_1{font-size: 24px;padding-top: 138px;color: #fff;}
	.zhiys1_2{font-size: 22px;}*/
	.zhiys2{width: 100%;margin-top: 15px;}
	.zhiys2_1{font-size: 24px;font-weight: normal;}
	.zhiys2_1{height: 110px;}
	.te_31{width: 47%;margin-left: 2%;height: 310px;}
	.te_311>p>span{font-size: 20px;}
	.zhiys3_1{width: 100%;}
	.zhiys4{margin-top: 15px;}
	.zhiys4_1{height: 130px;line-height: 212px;font-size: 24px;font-weight: normal;}
	.zhiys4_2{background: none;height: auto;}
	.zhiys4_2>div{width: 100%;height: auto;display: inline-block;}
	.zhiys4_2>div>div{height: auto;width: 99%;margin: 0 auto;float: none;}
	.zhiys4_212,.zhiys4_222{margin-top: 0;}
	.zhiys4_22{margin: 0 !important;}
	.zhiys4_211>p>span,.zhiys4_212>p>span,.zhiys4_221>p>span,.zhiys4_222>p>span{color: #212121;margin: 0;font-size: 22px;}
	.zhiys4_2 pren{margin: 0!important;text-indent: 2rem;}
	.zhiys4_3{width: 100%;background-size: auto 100%;height: 100px;}
	.pro_show{width: 100%;height: auto;padding-bottom: 20px;}
	.pro_show_nr>div{background-size: 100% auto;margin-top: 15px;line-height: 26px;height: 380px;}
	.pro_show_tit li{font-size: 18px;margin-bottom: 20px;}
	.pro_show_nr>div>p{font-size: 18px;margin-bottom: 0;}
	.zhiys5{height: auto;padding-bottom: 20px;padding-top: 25px;}
	.pro_show_nr2{height: 335px !important;}
	.zhiys6{width: 100%;  }
	.zhiys3_1{background: url(../zyssb/gw/d_03.png) no-repeat center; }
	.zhiys3_1 h2{display: block !important;font-size: 24px;text-align: center;color: #0066ff;}
	.zhiys3_1>div{margin-top: 10px;height: auto;}
	.zhiys3_12{margin-left: 0 !important;float: right !important;}
	.zhiys6{height: auto;display: inline-block;}
	.zhiys6_1{font-size: 24px;font-weight: normal;height: 40px;line-height: 40px;background: none;}
	.zhiys6_2{height: auto;}
	.zhiys6_2 h2{font-size: 22px;}
	.zhiys6_2>div{overflow: hidden;}
	.zhiys7{height: auto;margin-top: 15px;}
	.zhiys7_1{background: none;font-size: 24px;font-weight: normal;height: 40px;line-height: 40px;}
	.zhiys7_2{padding-bottom: 20px;width: 100%;height: auto;margin-top: 15px;}
	.zhiys7_2>img{width: 100%;}
	.demopage{display:none;}
	.zhiys8_1{background: none;font-size: 24px;font-weight: normal;height: 40px;line-height: 40px;}
	.zhiys8{width: 100%;margin-top: 15px;height: auto; margin-bottom:13vw;}
	.zhiys8_2{height: auto;}
	.phlb{display: inline-block !important;width: 100%;height: auto;}
	.phlb>div{width: 23%;margin-left: 1.5%;height: auto;float: left;margin-bottom:10px;border: 1px solid #ddd;text-align:center;}
	.phlb>div img{width: 100%;height: auto;}
	.zhiys6_2>div p{height: 100px;}
	.nav{ display:none;}
	.menu{display:block;}
	.menu ul{ width:100%;}
	.menu__toggle{display:inline-block;position: absolute;top: 20px;right: 5px;}
	.menu__nav,.menu__nav__child{display:none}
	.menu__nav{margin:10px 0;text-align:left !important;width: 40%;right: 5px;position: absolute;z-index: 1000;top: 70px;}
	.menu__nav>ul>li{width:100%;border-right:0;border-bottom:1px solid #ccc}
	.menu__nav>ul>li:last-child{border:0}
	.menu__nav>ul>li:first-child>a:after{content:'';position:absolute;height:0;width:0;right:1em;top:-6px;border:6px solid transparent;border-top:0;border-bottom-color:inherit}
	.menu__nav>ul>li>a{width:94%;padding:10px;border-color:#111;position:relative}
	.menu__nav a:hover{background-color:#0186ba;border-color:#0186ba;color:#fff}
	.menu__nav__child{position:static;background-color:#373737;margin:0;-webkit-transition:none;transition:none;visibility:visible;opacity:1}
	.menu__nav__child>li:first-child>a:after{content:none}
	.menu__nav__child a{padding-left:20px;width:100%}
	.logo1{ width:100%; height:80px;}
	.dbdh1{ width:100%;}
	.dbnr{ width:100%;}
	.top .top1{ width:100%;}
	.top .top1 .topy{ display:none;}
	.logo1 .logoy{ display:none;}
	.db{ display:none;}
	.logo1 .logox{ display:none;}
	.logo1 .logoz img{ width:175px;height:auto;}
	.social_nav5{display:block !important;}
	.social_nav5{height:13vw;position:fixed; bottom:0; min-width:320px; max-width:768px; width:100%;  z-index:999; background: #232323; display:none;}
	.social_nav5 li{width:25%; float:left; position:relative; text-align:center; color:#fff;line-height:1rem; height:5.33rem;box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box;}
	.social_nav5 li:last-child{border-right:none;}
	.social_nav5 li em{ width:50%; display:block; margin:0 auto; padding:0.5rem 0 0.1rem 0;}
	.social_nav5 li em img{ width:100%; height:auto;}
	.social_nav5 li a{ color:#fff;}
	.social_nav5 li.cur{ color:#fff;}
	.social_nav5 li .erji{ position:absolute;bottom:5.33rem; left:0; width:100%; text-align:left; background:#33c2ec; display:none;opacity: 0.9; }
	.social_nav5 li .erji a{ display:block;line-height:20px; font-size:1rem; line-height:2rem;position:relative; text-align:center;  color:#fff;}
	.social_nav5 li .erji a:last-child{border-bottom:none;}
   .fwbg{margin-bottom: 13vw;}
  .footer{ display:none;}
  .server{display:none !important;}
}
@media only screen and (max-width: 640px) {
	.pro_show_nr>div{height: 350px;}
	.pro_show_nr2{height: 310px !important;}
	.zhiys6_2 h2{font-size: 20px;}
	.zhiys6_2>div p{height: 120px;}
  .zhiys8{margin-bottom:70px;}
  .zhiys3_1 h2{font-size: 22px;}
  .social_nav5{height:14vw;}
}
@media only screen and (max-width: 565px) {
	.pro_show_tit{line-height: 20px;}
	.pro_show_tit li a{height: 43px;}
}
@media only screen and (max-width: 540px) {
	.zhiys1{height: 220px;}
	.pro_show_nr2{height: 299px !important;}
}
@media only screen and (max-width: 526px) {
	.zhiys6_2>div p{height: 167px;}
	.social_nav5{height:15vw;}
}
@media only screen and (max-width: 505px) {
	.zhiys3{height: 472px;}
	.zhiys3_1>div{width: 99%;margin: 0 auto !important;float: none !important;}
	.zhiys3_1{background: url(../zyssb/gw/d_03.png) no-repeat center right; }
	.social_nav5{height:17vw;}
}
@media only screen and (max-width: 445px) {
	.te_31{background-size: 100% auto;}
	.te_31>div:nth-child(1)>p{font-size: 14px;line-height: 20px;width: 96%;}
	.pro_show_nr>div{height: 375px;}
	.pro_show_nr2{height: 270px !important;}
	.phlb>div{width: 46%;margin-left: 2.5%;}
}
@media only screen and (max-width: 390px) {
	.zhiys1{height: 180px;}
	.zhiys4_3{height: 82px;}
	.zhiys3{height: 540px;}
	.zhiys6_2>div p{height: 193px;}
}
@media only screen and (max-width: 370px) {
	.zhiys3{height: 580px;}
}
@media only screen and (max-width: 349px) {
	.zhiys3{height: 642px;}
}
@media only screen and (max-width: 345px) {
	.pro_show_nr>div{height: 400px;}
	.pro_show_nr2{height: 250px !important;}
	.zhiys6_2>div p{height: 214px;}
}