body {
   background-color: #f2f2f2;
 }

 .control_top {
   width: 100%;
   height: 270px;
   background-size: 100%;
   overflow: hidden;

 }

 .control_top1 {
   height: 80px;
   width: 80rem;
   margin: 0 auto;
   padding-top: 5rem;
 }

 .control_top1 h3,
 .control_top1 p {
   color: #fff;
   margin: 20px;
 }

 .control_top1 h3 {
   font-size: 30px;
   font-weight: 400;

 }

 .control_top1 p {
   font-size: 18px;
 }

 .control_top2 {
   margin: auto;
 }



 @media all and (max-width: 1351px) {
   .control_top2 {
     width: 100%;
   }

   .control_top2 ul li {
     margin: 20px;
     width: 40%;
   }
 }

 @media all and (min-width: 1351px) {
   .control_top2 {
     width: 1351px;
   }

   .control_top2 ul li {
     margin: 29px;
     width: 29%;
   }

 }

 @media all and (max-width: 1170px) {
   .control_top2 ul li {
     width: 45%;
   }
 }

 @media all and (max-width: 817px) {
   .control_top2 ul li {
     width: 43%;
   }
 }

 @media all and (max-width:768px) {
   .control_top {
     margin-top: 0;
     height: 200px;
   }

   .control_top1 {
     padding-top: 2rem;
   }

   .control_top {
     background-size: auto !important;
     background-position: center;
   }

   .control_top1 h3 {
     font-size: 25px;
   }
 }

 @media all and (max-width: 744px) {
   .control_top2 ul li {
     width: 34%;
   }
 }

 @media all and (max-width: 715px) {
   .control_top2 ul li {
     width: 34%;
     margin: 10px;
   }
 }

 @media all and (max-width: 676px) {
   .control_top2 ul li {
     width: 34%;
     margin: 4px;
   }
 }

 @media all and (max-width: 650px) {
   .control_top2 ul li {
     width: 75%;
     margin: 75px;
   }
 }

 @media all and (max-width: 480px) {
   .control_top2 ul li {
     width: 90%;
     margin: 20px;
   }
 }

 @media all and (max-width: 400px) {
   .control_top2 ul li {
     margin: 20px;
   }
 }

 @media all and (max-width: 365px) {
   .control_top2 ul li {
     margin: 18px;
   }
 }

 @media all and (max-width: 330px) {
   .control_top2 ul li {
     width: 90%;
     margin: 5px;
   }
 }

 .control_top2 ul {
   width: 100%;
   margin: 60px auto;
   overflow: hidden;
   text-align: center;
 }

 .control_top2 ul li {
   float: left;
   height: 457px;
   background-color: #fff;
   box-shadow: 0 0 3px #ddd;
   position: relative;
   min-width: 309px;
   text-align: left;
 }

 .control_top2 ul li:hover {
   -webkit-transform: translate(0, -10px);
   -moz-transform: translate(0, -10px)
 }

 .control_top2 ul li {
   transition: all .2s ease-in-out;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -ms-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
 }

 .control_top2 ul li:hover {
   transition: all .2s ease-in-out;
   -webkit-transition: all .2s ease-in-out;
   -moz-transition: all .2s ease-in-out;
   -ms-transition: all .2s ease-in-out;
   -o-transition: all .2s ease-in-out;
 }


 .control_top2 ul li .img {
   height: 260px;
   width: 90%;
   border-bottom: 1px solid #e7e7e7;
   margin-left: 15px;
 }

 .control_top2 ul li .img img {
   width: 100%;
   height: 195px;
   margin: 0px 16px 0px;
 }

 .control_top2 ul li .img h3 {
   margin: 3px;
   text-align: center;
   font-size: 28px;
   font-weight: 400
 }

 .control_top2 ul li h3,
 .control_top2 ul li h4 {
   font-size: 18px;
   margin-left: 70px;
   font-weight: 400;
 }

 .control_top2 ul li h3 {
   margin-top: 55px;

 }

 .control_top2 ul li a {
   display: block;
   font-size: 18px;
   margin-left: 70px;
   margin-top: 10px;
   position: relative;
   color: #1d1d1d;
 }

 .control_top2 ul li .a {
   position: relative;
   margin-top: 30px;
 }

 /*@media screen and (max-width:1600px) {*/

 /*    .control_top1 {*/
 /*        margin-top: 0rem;*/
 /*    }*/
 /*}*/

 /*@media screen and (max-width:1400px) {*/
 /*    body {*/
 /*        !* background-color: lightblue; *!*/
 /*        overflow-x: scroll;*/

 /*    }*/

 /*    .control_top1 {*/
 /*        margin-top: 0rem;*/
 /*    }*/

 /*    .control_top {*/
 /*        width: 1400px;*/
 /*        height: 270px;*/


 /*    }*/
 /*}*/

 /*@media screen and (max-width:1366px) {*/
 /*    body {*/
 /*        overflow-x: hidden;*/

 /*    }*/

 /*    .control_top1 {*/
 /*        margin-top: 0rem;*/
 /*    }*/
 /*}*/

 /*@media screen and (max-width:1200px) {*/
 /*    body {*/
 /*        overflow-x: scroll;*/

 /*    }*/

 /*    .control_top1 {*/
 /*        margin-top: 0rem;*/
 /*    }*/

 /*    .control_top {*/
 /*        width: 1366px;*/
 /*        height: 270px;*/


 /*    }*/
 /*}*/