﻿/* CSS Document */
@media only screen and (max-width: 1224px){
.inner{max-width:98%;}
.btn3{display:none;}
.dl-menuwrapper{display:none;}

.ding .mid{width:19%;}
.ding .fr{width:20%;}
.ding .mid h2{letter-spacing:3px; font-size:18px;}
.ding .mid h4{font-size:17px;line-height:24px; }



#banner{display:block;cursor:pointer;height:auto;height:300px;}
#banner .imglist{width:100%;height:300px;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;}

.container{margin-top:40px;}
.container .products{max-width:98%; margin:0 auto;}
.container .mvideo{margin-top:40px;}
.container .mvideo .inner{padding-top:40px;}
.container .mproject{max-width:98%;margin:0 auto; margin-top:40px; }

.container .iquality{margin-top:40px;}

.container .news{max-width:98%; margin:0 auto; margin-top:40px;}
.container .about{margin-top:30px;}
.container .style{width:98%; margin:0 auto;margin-top:30px;}
.customer{margin-top:40px;}
.bot{padding-top:30px; padding-bottom:15px;}
.bot .support{max-width:98%; margin:0 auto;}

.content{max-width:98%; margin:0 auto; margin-top:40px;}
.container .products .con ul li .ititle{height:150px;}
.container .products .con ul li .ititle .tit{padding-top:20px;}
.container .products .con ul li .ititle .moret{margin-top:20px;width:40px;height:40px; line-height:40px; font-size:32px; border-radius:40px;}

.container .products .title h4{font-size:24px;}
.container .products .con ul li .ititle .tit{font-size:16px;}
.container .products .con ul li .icc dd a i{font-size:12px;}
.container .products .more_out .more{font-size:14px;}
.container .mvideo .inner .title h4{font-size:24px;}
.container .mvideo .more_out .more{font-size:14px;}
.container .mproject .title h4{font-size:24px;}
.container .mproject .con .rescommend .r_fl{height:340px; background-size:50% auto;}
.container .mproject .con .rescommend .r_fl .wz{height:320px;}
.container .mproject .con .rescommend .r_fl .wz .w_in .detail{font-size:14px; line-height:24px; padding-top:10px;}
.container .mproject .con .rescommend .r_fl .wz .w_in .tit{font-size:18px;line-height:20px;}
.container .mproject .con .rescommend .r_fl .wz .w_in{padding:25px;}
.container .news .h_news{margin-bottom:15px;}
.container .mproject .con ul li a{font-size:15px;}
.container .news .title h4{font-size:24px;}
.container .news .h_news .con ul li .wz .tit{font-size:15px; line-height:20px;}
.container .news .h_news .con ul li .wz .detail{font-size:13px; line-height:20px;}
.container .news .supply_news .mtitle h4{font-size:18px;}
.container .news .h_news .con{padding-top:10px;}
.container .news .supply_news .con .rescommend .wz .tit{font-size:15px; line-height:20px;height:auto;}
.container .news .supply_news .con .rescommend .wz .detail{font-size:14px; line-height:22px;}
.container .news .industry_news .con dl dt .tit{line-height:20px; font-size:15px;height:auto;}
.container .news .industry_news .con dl dd a{font-size:13px; line-height:20px;}

.container .about .title h4{font-size:24px;}
.container .about .con .rescommend .wz .tit{font-size:18px;}
.container .about .con .rescommend .wz .detail{font-size:13px; line-height:20px;}
.bot .fr{font-size:13px; line-height:20px; width:17%; }
.bot .fl .tel{font-size:18px;}

.content .fl .contact .con{font-size:12px;}

.jqzoom{width:100%;height:auto;}

.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;}



}
