.m-banner{ width: 100%; text-align: center;}
.m-banner img{ display: block; width: 100%; margin: 0 auto;}

.m-box1{ width: 1200px; margin: 0 auto;}
.f-title p{ text-align: center;}
.f-title p.num{ height: 66px; line-height: 66px; font-size: 56px; font-weight: bold; color: #124adc;}
.f-title p.title{ font-size: 30px; font-weight: bold; color: #124adc;}
.f-title p.ftitle{ width: 20%; margin: 0 auto 20px; font-size: 16px; color: #000000;}
.m-box1 ul{ width: 1230px; overflow: hidden;}
.m-box1 ul li{ float: left; width: 384px; margin-right: 20px;}
.m-box1 ul li img{ display: block; width: 384px; height: 267px;}
.m-box1 ul li p{ width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 14px; color: #fff; background-color: #222222;}
.m-box1 .tip{ height: 80px; line-height: 80px; font-size: 16px; text-align: center;}
.m-box1 .btn{ width: 224px; height: 60px; margin: 0 auto 60px; background-color: #124adc; text-align: center; font-size: 16px; }
.m-box1 .btn a{ display: block; width: 224px; height: 60px; line-height: 60px; color: #fff; background: url('../images/sjicon_14.png') no-repeat 184px 23px;}
.m-box2{ width: 100%; padding: 30px 0 40px; background-color: #f5c01c;}
.m-box2 div{ width: 1200px; margin: 0 auto;}
.m-box2 .title{ font-size: 24px; text-align: center;}
.m-box2 .title b{ padding: 2px 12px; border-radius: 20px; background-color: #222222; color: #fff;}
.m-box2 .ftitle { padding-bottom: 20px; font-size: 35px; font-weight: bold; text-align: center;}
.m-box2 ul{ width: 1230px; overflow: hidden;}
.m-box2 ul li{ float: left; width: 283px; margin-right: 20px;}
.m-box2 ul li img{ display: block; width: 283px; height: 211px;}
.m-box2 ul li p{ width: 100%; height: 100px; background-color: #2f2f2f;}
.m-box2 ul li p span{ display: block; text-align: center; font-size: 14px; color: #fff;}
.m-box2 ul li p span.tit{ padding: 13px 0 5px; font-size: 18px; font-weight: bold;}
.m-box3{ width: 1200px; margin: 0 auto;}
.m-box3 .f-title{ padding:40px 0 30px; text-align: center;}
.m-box3 .f-title .title{ height: 42px; font-size: 30px; color: #124adc;}
.m-box3 .f-title .ftitle{font-size: 30px; font-weight: bold; color: #124adc;}
.m-box3 .f-stitle{ text-align: center;}
.m-box3 .f-stitle .tit{ font-size: 20px; font-weight: bold; color: #222222;}
.m-box3 .f-imgone{ width: 1230px; margin-top:30px; margin-bottom: 18px; overflow: hidden;}
.m-box3 .f-imgone p{ float: left; width: 590px; margin-right: 18px;}
.m-box3 .f-imgtwo{ width: 1230px; margin-bottom: 26px; overflow: hidden;}
.m-box3 .f-imgtwo p{ float: left; width: 388px; margin-right: 18px;}
.m-box3 .f-case{ width: 1230px; margin-top:40px; margin-bottom: 18px; overflow: hidden;}
.m-box3 .f-case li{ position: relative; float: left; width: 388px; height: 267px; margin-right: 18px; margin-bottom: 18px;}
.m-box3 .f-case li p{ position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; height: 47px; line-height: 47px; text-align: center; color: #fff; background: rgba(0,0,0,0.5); }
.m-box3 .f-peixu{ margin-top:40px; margin-bottom:30px; overflow: hidden;}
.m-box3 .f-peixu .img{ float: left; width: 687px; height: 424px; margin-right: 64px;}
.m-box3 .f-peixu .text{ float: left; width: 428px; padding: 88px 0 0;}
.m-box3 .f-peixu .text span{ display: block; height: 60px; font-size: 18px;}
.m-box3 .f-youshi{ margin-top:20px; padding: 22px 0; overflow: hidden;}
.m-box3 .f-youshi li{ float: left; width: 33%; height: 130px;}
.m-box3 .f-youshi li p{ padding-right: 30px; margin-bottom: 20px;}
.m-box3 .f-youshi li i{ margin-right: 8px; padding: 5px 10px; font-size: 14px; font-style: normal; background-color: #124adc; color: #fff; border-radius: 60px;}
.m-box4{width: 1200px; margin: 0 auto 72px;}
.m-box4 .title{ height: 80px; font-size: 30px; font-weight: bold; color: #124adc; text-align: center;}
.m-box4 div{ width: 100%; padding-top: 30px; background-color: #f5c01c;}
.m-box4 div p{ text-align: center; font-size: 18px;}
.m-box4 div p.big{ font-size: 24px;}
.m-box4 div img{ margin-top: 30px;}

.m-box5{ width: 100%; padding:60px 0; background-color: #f5c01c;}
.m-box5 .box{ width: 1200px; margin: 0 auto;}
.m-box5 .f-title{ margin-bottom:60px; text-align: center;}
.m-box5 .f-title .num{ height: 66px; line-height: 66px; font-size: 56px; font-weight: bold; color: #222222;}
.m-box5 .f-title .title{ font-size: 30px;}
.m-box5 .f-title .ftitle{ font-size: 20px;}
.m-box5 ul{ width: 1230px; overflow: hidden;}
.m-box5 ul li{ float: left; width: 587px; height: 220px; margin: 0 26px 26px 0; background-color: #fff;}
.m-box5 ul li .img{ float: left; width: 270px; height: 220px;}
.m-box5 ul li div{ float:left; width:271px; margin-left:23px;}
.m-box5 ul li div .title{ height:60px; line-height:60px; font-size:18px;}

.m-box6{ width:1200px; margin:0 auto; padding:100px 0;}
.m-box6 .f-title{ margin-bottom:60px; text-align:center;}
.m-box6 .f-title .title{ font-size:36px; color: #124adc;}
.m-box6 ul li{ position:relative; width:636px; height:90px; line-height:76px; margin:0 auto 19px; background:url(../images/zsjm_68.png) no-repeat 0 0; font-size:26px; color:#fff;}
.m-box6 ul li span.one{ display:block; float:left; width:182px; text-align:center;}
.m-box6 ul li span.two{ position:absolute; left:0; top:0; z-index:2; display:block; width:100%; text-align:center;}
.m-box6 ul li.last{ height:78px; overflow:hidden;}

.m-quicknav{ position:fixed; right:100px; bottom:100px; z-index:100; width:100px;}
.m-quicknav ul li{ width:100%; height:80px; line-height:80px; text-align:center; color:#fff; background-color:#838383; border-bottom:1px solid #fff; cursor:pointer;}
.m-quicknav ul li.hover{ background-color:#ddb774;}



@media (min-width: 991px) {
  
}
@media (max-width: 991px) {
  
}
@media (max-width: 768px) {
  .m-banner{ margin-bottom:20px;}
  .m-box1{ width:100%; padding:0 10px;}
  .m-box2 div{ width:100%;}
  .m-box2 .title{ font-size:16px;}
  .m-box2 .ftitle{ font-size:16px;}
  .m-box3{ width:100%;}
  .m-box4{ width:100%;}
  .m-box5 .box{ width:100%;}
  .m-box6{ width:100%; padding:30px 0;}
  .m-box1 ul{ width:100%; display:flex; justify-content: space-between;}
  .m-box1 ul li{ width:32%; margin:0;}
  .m-box1 ul li img{ width:100%; height:auto;}
  .m-box1 ul li p{ height:30px; line-height:30px;}
  .m-box1 .tip{ height:auto; line-height:24px; padding:20px 12px;}
  .m-box2 ul{ display:flex; width:100%; padding:0 10px; justify-content: space-between; flex-wrap:wrap;}
  .m-box2 ul li{ float:none; width:48.5%; margin:0 0 12px;}
  .m-box2 ul li img{ width:100%; height:auto;}
  .m-box3 .f-title{ padding-bottom:0;}
  .m-box3 .f-imgone{ width:100%; display:flex;}
  .m-box3 .f-imgone p{ width:50%; margin:0;}
  .m-box3 .f-imgone p img{ display:block; width:100%;}
  .m-box3 .f-imgtwo{ width:100%; display:flex;}
  .m-box3 .f-imgtwo p{ width:33.33%; margin:0;}
  .m-box3 .f-imgtwo p img{ display:block; width:100%;}
  .m-box3 .f-case{ width:100%; display:flex; justify-content: space-between; flex-wrap:wrap; padding:0 10px; margin-top:30px; margin-bottom:30px;}
  .m-box3 .f-case li{ width:48.5%; height:auto; margin:0 0 12px;}
  .m-box3 .f-case li img{ display:block; width:100%;}
  .m-box4 div img{ width:100%;}
  .m-box5{ padding:10px 0;}
  .m-box5 ul { width:100%; display:flex; flex-wrap:wrap;}
  .f-title{ margin-bottom:20px;}
  .f-title p.num{ height:30px; line-height:30px; font-size:40px;}
  .f-title p.title{ font-size:30px;}
  .f-title p.ftitle{ width:100%; font-size:12px;}
  .m-box3 .f-peixu{ margin-top:12px;}
  .m-box3 .f-peixu .img{ float:none; width:100%; height:auto; margin:0;}
  .m-box3 .f-peixu .img img{ display:block; width:100%;}
  .m-box3 .f-peixu .text{ float:none; width:96%; margin:0 auto; padding:20px 0 0;}
  .m-box3 .f-peixu .text span{ height:30px; font-size:14px;}
  .m-box3 .f-youshi{ margin-top:10px;}
  .m-box3 .f-youshi li{ width:50%;}
  .m-box3 .f-youshi li p{ padding-left:12px; padding-right: 12px;}
  .m-box4 .title{ height:60px; font-size:20px;}
  .m-box4 div p{ font-size:16px;}
  .m-box5 .f-title{ margin-bottom:12px;}
  .m-box5 .f-title .num{ font-size:40px;}
  .m-box5 .f-title .title{ font-size:20px;}
  .m-box5 ul li{ width:50%; height:auto; margin:0 0 12px; background:none;}
  .m-box5 ul li .img{ float:none; width:100%; height: auto;}
  .m-box5 ul li .img img{ display:block; width:100%;}
  .m-box5 ul li div{ float:none; width:100%; margin: 0; text-align:center;}
  .m-box5 ul li div .title{ height:30px; line-height:30px;}
  .m-box5 ul li div .con{ padding:0 6px; height:20px; overflow:hidden;}
  .m-box6 .f-title{ margin-bottom:20px;}
  .m-box6 .f-title .title{ font-size:20px;}
  .m-box6 ul li { width:100%; height:60px; line-height:48px; margin-bottom:10px; font-size:14px; background:url(../images/zsjm_68.png) no-repeat 0 0; background-size:100% 100%;}
  .m-box6 ul li.last{ height:60px;}
  .m-box6 ul li span.one{ width:20%;}
  
  .m-quicknav{ display:none;}
}
@media (max-width: 320px) {
  .m-box3 .f-youshi li p{ max-height:70px; overflow:hidden;}
}