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





#banner{display:block;cursor:pointer;height:auto;height:400px;}
#banner .imglist{width:100%;height:400px;position:absolute;top:0px;left:0px;}
#banner  .img01{background-size:150% auto;}
#banner  .img02{background-size:150% auto;}
#banner  .img03{background-size:150% auto;}
#banner  .img04{background-size:150% auto;}
#banner .imglist a{height:400px;}
#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(../image/focus_btn.png) no-repeat -20px 0px;background-size:40px 72px; }

.dl-menuwrapper{display:none;}


.container{margin-top:60px;}

.ding .inner .logo_txt h1{font-size:24px;}
.ding .inner .logo_txt{display:none;}

.container{margin-top:40px;}
.products .title h1{font-size:30px;}
.products .title .tip{height:20px; line-height:20px; font-size:18px;}
.products .list{width:22%;}
.products .show{width:76%;}
.products .show .con ul li a.tit{font-size:14px;}
.products .list .con ul li a{height:44px; line-height:44px; font-size:13px;}

.madvantage{margin-top:40px;}
.mquality .inner .wz .w_row .w_txt h4{font-size:30px;}
.mquality .inner .wz .w_row .w_txt h2{font-size:30px;}
.madvantage .inner{padding-top:40px;}
.madvantage .title h4{font-size:30px;}
.madvantage .title .tip{height:20px; line-height:20px; font-size:18px;}
.madvantage .con .box{width:200px;}
.madvantage .con .box01{bottom:260px;left:0px;}
.madvantage .con .box04{bottom:260px;right:0px;}
.madvantage .con .box02{bottom:350px;left:240px;}
.madvantage .con .box03{right:180px; top:15px;}
.mquality .inner .tel{right:50px; top:120px;}

.case{margin-top:40px;}
.case .title h1{font-size:30px;}
.case .title .tip{height:20px; line-height:20px; font-size:18px;}
.case .con .c_pro #scrollarea li{width:300px;}
.case .con .c_pro #scrollarea li .wz{top:220px;}
.case .con .c_pro #scrollarea li .wz .w_fl .tit{height:24px; line-height:24px; font-size:16px; overflow:hidden;}
.case .con .c_pro .arrow_l.current{height:240px;}
.case .con .c_pro .arrow_r.current{height:240px;}
.case .con .c_pro .arrow_l{height:240px;}
.case .con .c_pro .arrow_r{height:240px;}

.news{margin-top:40px;}
.news .title h1{font-size:30px;}
.news .title .tip{height:20px; line-height:20px; font-size:18px;}
.news .con .rescommend .wz .w_fl .tit{height:auto; line-height:30px; font-size:18px;}
.news .con ul li .time{width:16%;}
.news .con ul li .wz{width:78%;}

.about{margin-top:40px; height:auto;}
.about .inner{padding:40px 0px;}
.about .title h1{font-size:30px;}
.about .title .tip{height:20px; line-height:20px; font-size:18px;}
.about .con{font-size:14px; line-height:24px;}
.mstyle .mstyle_pro #scrollarea li{width:200px;}

.friendlink{margin-top:40px;}
.bot .inner{padding-top:40px; padding-bottom:40px;}

.banner_nei{background-size:150% auto; height:320px;}
.content .fl .contact .title img{width:100%;}
.content .fl .contact .con dl dd .code{font-size:18px; line-height:22px;}
.content .fl .contact .con dl dd{padding-bottom:10px; margin-bottom:10px;}
.content .fl .contact .con dl dd .tt{font-size:12px;}

.content .fr .neirong img{width:100%;}
.content{max-width:96%; margin:0 auto; margin-top:40px;}
.pro_list li .detail{height:66px; overflow:hidden;}

.proright{width:45%;}
.jqzoom{width:100%; height:auto;}
.search_out .fl a{font-size:15px;}
.content .fr .neirong .ewm02{width:160px;}
.content .fr .neirong .lianxi{font-size:15px; line-height:28px;}



.bot .inner .mid ul li a{display:block; height:35px; font-size:13px;overflow:hidden;}
.bot .inner .fr dl dd .code{font-size:18px;}
.friendlink .inner .con a{font-size:14px; padding:0px 12px;}
.content .fl .contact .con dl dd .code{font-size:16px;}
.content .fl .contact .con dl dd .zz{font-size:14px;line-height:20px;}
.menu_out .menut ul li a:hover{background-size:100% 100%;}







.btn3{display:none;position:fixed; z-index:30; bottom:0px; border-top:1px solid #d85555; border-bottom:1px solid #d85555; background:#cf4444; width:100%; text-align:center; box-sizing:border-box;-webkit-box-sizing:border-box;}
.menu{position:relative; float:left; width:25%; height:45px; line-height:45px; background:#cf4444; border-right:1px solid #d85555; box-sizing:border-box; -webkit-box-sizing:border-box;}
.menu:last-child{border-right:none;}
.new-sub{position:absolute;bottom:60px;z-index:10;width:100%;padding: 0px 2px;background:#cf4444;box-sizing:border-box;-webkit-box-sizing:border-box;border: 1px solid #d85555;border-radius: 5px;display:none;}
.new-sub li{width: 100%;background:#cf4444;float:none;box-sizing:border-box;-webkit-box-sizing:border-box;border-bottom:1px solid #d85555;overflow:hidden;}
.new-sub li a{display:block;height:40px;line-height:40px;text-align:left;background:#cf4444;color:#fff;border:none;text-align:center;font-size:12px;}
.sanjiao{position:absolute;bottom:5px;right:5px;width:0;height:0;border:5px solid transparent;border-right:5px solid #d85555;border-bottom:5px solid #d85555;}
.bt-name{font-size:15px;color:#fff;}
.bt-name a{display:block;font-size:15px;color:#fff;line-height:40px;}
.new-sub .tiggle{width:0px;height:0px;position:absolute;left:50%;margin-left:-10px;bottom:-9px;border-top:10px solid #d85555;border-left:10px solid transparent;border-right:10px solid transparent;z-index:10;}
.new-sub .innertiggle{width:0px;height:0px;position:absolute;left:50%;margin-left:-9px;bottom:-8px;border-top:9px solid #cf4444;border-left:9px solid transparent;
border-right:9px solid transparent;z-index:11;}



}