/* CSS Document */
@media only screen and (max-width: 1224px){
.inner{max-width:98%;}
.btn3{display:none;}
.dl-menuwrapper{display:none;}


#banner{display:block;cursor:pointer;height:auto;height:340px;}
#banner .imglist{width:100%;height:340px;position:absolute;top:0px;left:0px;}
#banner  .img01{background-size:100% auto;}
#banner  .img02{background-size:100% auto;}
#banner  .img03{background:url(../images/2.jpg) no-repeat center top;background-size:100% auto;}
#banner .left{left:5%;top:40%;width:20px;height:36px;z-index:7; background-size:40px 72px;}
#banner .right{right:5%;top:40%;width:20px;height:36px;z-index:8; background:url(../images/focus_btn.png) no-repeat -20px 0px;background-size:40px 72px; }

.dl-menuwrapper{display:none;}

.myy_coreqt{bottom:-120px;}
.container{margin-top:160px;}
.container .wrap{max-width:98%; width:98%; margin:0 auto;}

.container .product{margin-top:40px; padding:40px 0px;}
.container .myz_reason{margin-top:40px;}
.container .case{margin-top:40px;}
.container .case .con{max-width:98%; margin:0 auto; margin-top:20px;}
.container .case .m_btn{max-width:98%;}
.container .case .customer{width:100%;}
.container .case .customer .inner{max-width:98%; margin:0 auto;}

.container .about{max-width:98%; margin:0 auto; margin-top:90px; padding-top:40px;}
.friendlink{margin-top:40px;}
.bot .inner{padding:30px 0px;}
.content{max-width:98%; margin:0 auto;margin-top:40px;}
.container .about .gun{width:98%; margin:0 auto;overflow:hidden;}
.container .about .gun .h_cs{max-width:100%; margin:0 auto;}



}