/* CSS Document */ 
img{ max-width:100%;}
.clear { clear: both; }
/*头部*/ 
.header0{ width:100%;/* position: fixed; top:0; left:0; z-index:9999;*/}

/*面包屑*/ 
.btn-nav { position: absolute; top: 15px; right: 0px; background: transparent; padding-right: 10px; border: none; -webkit-transition: all .5s ease; -moz-transition: all .5s ease; -ms-transition: all .5s ease; -o-transition: all .5s ease; transition: all .5s ease; cursor: pointer; z-index: 99999; } 
.btn-nav:focus { outline: 0; } 
.icon-bar { display: block; margin: 5px 0; width: 26px; height: 3px; background-color: #3cbbca; background-color: #38f; } 
.btn-nav:hover .icon-bar { -webkit-transition: all 1s ease; -moz-transition: all 1s ease; -ms-transition: all 1s ease; -o-transition: all 1s ease; transition: all 1s ease; background-color: #38f; } 
.nav-item { margin: 40px auto; text-align: center; } 
.icon-bar { -webkit-transition: all .7s ease; -moz-transition: all .7s ease; -ms-transition: all .7s ease; -o-transition: all .7s ease; transition: all .7s ease; z-index: 999999; } 
.btn-nav.close.icon-bar { z-index: 999999; background-color: #38f; } 
.btn-nav.close .topt { -webkit-transform: translateY(10px) rotateZ(45deg); -moz-transform: translateY(10px) rotateZ(45deg); -ms-transform: translateY(10px) rotateZ(45deg); -o-transform: translateY(10px) rotateZ(45deg); transform: translateY(10px) rotateZ(45deg) } 
.btn-nav.close .bottom { -webkit-transform: translateY(-6px) rotateZ(-45deg); -moz-transform: translateY(-6px) rotateZ(-45deg); -ms-transform: translateY(-6px) rotateZ(-45deg); -o-transform: translateY(-6px) rotateZ(-45deg); transform: translateY(-6px) rotateZ(-45deg); } 
.btn-nav.close .middle { width: 0; } 
.cai { display: none; } 
.showy_warp { display: none; } 


@media screen and (max-width:1023px)and (min-width:300px) { 
.header0 { width: 100%; display: none;} 
.head{ display:none;}
.head_logo { max-width:92%;} 
.head_logo a { display: block; cursor: pointer; padding:10px;} 
.head_logo img { height:40px;} 
.cai {/* width: 100%;  background: rgba(1,79,135,0.9); background-color: #fff; position:relative;*/display:block;width:100%; z-index:99999; height:60px; background:#fff;box-shadow:0 0 10px rgba(0, 0, 0, 0.2);} 
.cai_list { width: 100%; height: 100vh; background-color: #fff; display: none; } 
.zhez { width: 100%; height: 100vh; position: fixed;/* background-color: #fff;*/ background-color: rgba(0,0,0,0.8); top:0px; z-index:999; display: none; } 
.mnav { width:92%; height: auto; margin:0 auto;/* background: #FFF;*/ position: relative; margin: auto; z-index: 1000; border-radius: 10px; left: 0px; display: none; top: 63px; position: absolute;} 
.mnav li { line-height:50px; border-bottom: 1px solid rgba(255,255,255,0.3); font-size:16px; background: url(https://huadanet.com/xiaochengxu/images/jl.png) no-repeat; background-position: 96% 17px; list-style: none; } 
.mnav li.mnav_li { background: none; } 
.mnav li.mnav_li1 { border-top: 10px solid #f6f7fe; } 
.mnav li a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor { border-bottom: 1px solid rgba(255,255,255,0.3);} 
.mnav .mnavhor a { width: 100%; display: block; color: #fff; } 
.mnav .mnavhor dl { display: block; } 
.mnav li dl { z-index: 1000; top: 75px; left: -52px; overflow: hidden; border-top: 1px solid rgba(255,255,255,0.3); width: auto; display: none; } 
.mnav li dl dd { height:40px; line-height:40px; text-align: left; padding-left: 20px; border-bottom: 1px #f2f1f1 dashed; width: auto; } 
.mnav li dl dd.mnav_1 { height: 34px; line-height: 34px; text-align: left; padding-left: 20px; border-bottom: none; width: auto; } 
.mnav .mnavhor dl dd a { color: #fff; } 
.mnav .mnavhor dl dd a:hover { color: #3cbbca; } 
.mnav .mnavhor dl .mnavdd a { color: #3cbbca } 
.mnavdl{ padding:5px 10px; width:calc(100% - 20px); overflow:hidden; font-size:14px; } 
.mnavdl a{ border-bottom: 1px dashed rgba(255,255,255,0.3); padding-left:5%;} 
.mnavdl a:last-child{ border:none;}


.w1200 { width:100%; max-width:1200px; margin: 0 auto;}
.wrap{ width:100%; max-width:1100px; margin: 0 auto;}
.w1000{ width:100%; max-width:1100px; overflow:hidden; height:auto; background:#F2F2F2; padding:2% 3%;}


@media (max-width:768px){
.pc{ display:none;} 
.app{ display:block;} 
.mm1{ padding:1%; width:96%; margin:0 auto;} 
.f14{ font-size:12px;} 
.f16{ font-size:14px;} 
.f18{ font-size:15px;} 
.pp1{ padding:5px 0;} 
.pp2{ padding:10px 0;} 
.banner video { margin-top:0px;}
.ben_fun,.ben_set{ margin-right: 0px; margin-bottom:20px;}
.ben_fun li{ float:left; width:calc(50% - 32px); margin:10px 5px;}
.bne_setli { float:left; width:calc(50% - 22px); margin:10px;}
.nrb1_p2 { float: left; width: 98%;}
.nrb1_p3 { float: right; width: 98%;}
.nrb1_p4 li {float: left; padding: 1.5%;width:47%; text-align: center;}
.bgb1 {background: url(../indeximages/bg1.jpg) no-repeat center; background-size:auto 100%;}
.perplex {min-height: 1018px; background: url(../images2020/kh_bg.png) no-repeat center; background-size:auto 100%; padding-bottom:30px;}
.per_list li { width: 96%; float: left; padding-left:2%;}
.per_list_info { width:100%; max-width: 552px;}
.btn_second_a,.btn_first_a { padding: 12px 30px;}
.btn_first a:first-child,.btn_second a:first-child{ margin-right:10px; border: 1px solid #fff;}
.coun li { width:46%; padding:2%;}
.counter { font-size:40px;}
.coun { width: 100%; height:auto; margin: 45px 0 ; padding:0;}
.wrapper ul{ height:auto;}
.wrapper ul li { cursor: pointer; width:calc(50% - 2px);}
.news_info_left{ width:96%; padding:2%;}
.news_info_right { width:96%; padding:2%;}
.w1000{ padding:0px;}
.case_left{ width:96%; padding:2%; float:none}
.case_right{width:96%; margin:2%; float:none}
.ys_mk01{background: url(../400/productsimg02.jpg) no-repeat right bottom; background-size:200% auto;}
.ys_mk02{background: url(../400/productsimg03.jpg) no-repeat left bottom; background-size:100% auto;}
#neiye2 .content ul li { float: left; width:calc(100% - 20px); padding: 10px 10px;}
.ys_mk01 .text { position:relative; padding:2%; left:0; top:0; width:96%;}
.font01 span{ display:block;}
.ys_mk01 .text .font01,.ys_mk02 .text .font01,.ys_mk05 .text .font01 {line-height:2; height:auto;}
.ys_mk02 .text { position:relative; padding:2%; left:0; top:0; width:96%;}

.case_left { float:none; width:96%; margin:1% auto;}
.case_right{ float:none; width:96%; margin:1% auto;}
#neiye .content ul li{ width:calc(100% - 20px); padding:10px 10px;display:inline-block; border-bottom:1px dotted #D9D9D9;}
.case-item{width:calc(50% - 16px);float:left; height:auto; margin:0 8px 20px 8px; -webkit-box-sizing:border-box; box-sizing:border-box;}
.cla_top{ min-height: 162px; padding-bottom:30px; clear:both; overflow:hidden;}
.ben_setp p{ overflow:hidden;}
.bne_setli h6{ height:30px; overflow:hidden; line-height:30px; font-size:20px;}

}
@media (min-width:769px) {

.fl{ float:left;} 
.fr{ float:right;} 
.f14{ font-size:14px;} 
.f16{ font-size:16px;} 
.f18{ font-size:18px;} 
.pp1{ padding:10px 0;} 
.pp2{ padding:20px 0;} 
.cc1{ display: flex;  justify-content:center;  align-items:Center; text-align:center;} 




}