/* CSS Document */
@media only screen and (max-width: 1224px){
.inner{width:98%;margin:0 auto;}





#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;}

.banner_nei2{margin-bottom:40px;}

.ding .logo{width:98%;margin:0 auto;}


.container{margin-top:40px;}
.feature{width:98%;margin:0 auto;}
.feature .fl{width:33.3%;}
.feature .mid{width:33.3%;}
.feature .fr{width:33.3%;}
.feature dl dt{width:90%;}
.container .plan{margin-top:40px; width:100%;}
.container .plan dd .wz .detail{margin-top:15px;}
.container .plan dd .wz .moret{width:50%; margin-top:20px;}

.container .products{margin-top:40px;}
.container .products .inner{padding-top:30px;}
.container .products .con ul{width:98%; margin:0 auto;}
.container .products .con li{width:23%; margin-right:2%;}
.container .products .con .moret{margin-top:30px;}


.container .project{max-width:98%;margin:0 auto; margin-top:40px;}
.container .message{margin-top:40px;}
.container .message .inner{width:98%; margin:0 auto;}
.container .wrap .inner{width:98%; margin:0 auto; padding:40px 0px;}

.friendlink .inner{width:98%; margin:0 auto;}
.bot .inner{width:98%; margin:0 auto;}
.bot .inner .sub_menu{width:100%;}
.bot .inner .sub_menu a{padding:0px 40px;}
.bot .inner .fl{width:35%;}

.p_list{max-width:98%;margin:0 auto; margin-top:40px;}
.p_list .p_in{padding:1%;}
.p_list .p_in a{line-height:30px;}
.cc_title{max-width:98%; margin:0 auto;margin-top:40px;}
.p_other{max-width:98%; margin:0 auto; line-height:22px;}

.content{width:98%; margin:0 auto; margin-top:20px;}
.content .fl{width:22%;}
.content .fr{width:74%;}


.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;}



}