@charset "utf-8";
 
 
 .explain {
     padding: 60px 0;
     display: flex;
     align-items: center;
     justify-content: space-around;
 }
 
 .explain_item {
     display: flex;
     align-items: center;
 }
 
 .explain_item_i i {
     color: #0093DD;
     -ms-color: #0093DD;
     -o-color: #0093DD;
     -moz-color: #0093DD;
     font-size: 76px;
     background-image: -webkit-gradient(linear, 100% 90%, 60% 20%, from(#21FEFE), to(#0093DD));
     -webkit-background-clip: text;
     -webkit-text-fill-color: transparent;
     transition: all .4s;
 }
 
 .explain_item_txt {
     margin-left: 12px;
     transition: all .4s;
 }
 
 .explain_item_shu span {
     font-size: 36px;
     color: #333333;
 }
 
 .explain_item_shu {
     display: flex;
 }
 
 .explain_item_shu b {
     margin-left: 5px;
     color: #0093DD;
     transform: translateY(10px);
 }
 
 .explain_item_zi {
     color: #777;
     margin-top: -4px;
 }
 
 .explain .explain_item:hover .explain_item_i i {
     transform: scale(1.2);
 }
 
 .explain .explain_item:hover .explain_item_txt {
     transform: translateX(5px);
 }
 
 @media screen and (max-width: 992px) {
     .explain {
         padding: 30px 0;
         flex-wrap: wrap;
         justify-content: space-between;
     }
     .explain>div {
         width: 50%;
         justify-content: center;
     }
 }
 
 @media screen and (max-width: 768px) {
     .explain_item_i i {
         font-size: 44px;
     }
     .explain_item_shu span {
         font-size: 20px;
     }
     .explain_item_shu b {
         font-size: 14px;
         transform: translateY(4px);
     }
     .explain_item_zi {
         font-size: 14px;
     }
 }
 
 
 .historys {
     background-color: #f5f5f5;
     padding: 80px 0 70px;
 }
 
 .historys_t {
     text-align: center;
 }
 
 .historys_t p {
     margin-top: 15px;
     font-size: 16px;
 }
 
 .historys_b {
     margin-top: 50px;
 }
 
 .historys_item {
     margin: 0 14px;
     padding: 40px 0 60px;
     padding-left: 10%;
     border: 1px solid #d1d1d1;
     border-radius: 10px;
     background-color: #fff;
     transition: all .4s;
 }
 
 .historys_item h5 {
     transition: all .4s;
 }
 
 .historys_item:hover h5 {
     color: #0093DD;
 }
 
 .historys_item:hover {
     border: 1px solid #0093DD;
 }
 
 .historys_xian {
     margin-top: 14px;
     width: 30px;
     height: 1px;
     background-color: #0093DD;
 }
 
 .historys_item p {
     margin-top: 10px;
     font-size: 14px;
 }
 
 .historys_carousel .owl-controls .owl-page.active span {
     background-color: #0093DD;
 }
 
 .historys_carousel .owl-controls .owl-page span {
     background-color: #869791
 }
 
 .historys_carousel .owl-controls {
     margin-top: 70px;
 }
 
 @media screen and (max-width: 992px) {
     .historys {
         padding: 50px;
     }
     .historys_carousel .owl-controls {
         margin-top: 50px;
     }
 }
 
 @media screen and (max-width: 768px) {
     .historys {
         padding: 30px;
     }
     .historys_carousel .owl-controls {
         margin-top: 20px;
     }
     .historys_t h3 {
         font-size: 24px;
     }
     .historys_t p {
         line-height: 23px;
     }
     .historys_b {
         margin-top: 25px;
     }
 }
 
 
 .idea {
     padding: 90px 0 190px;
 }
 
 .idea_txt {
     text-align: center;
 }
 
 .idea_box {
     margin-top: 85px;
     display: flex;
     justify-content: space-between;
 }
 
 .idea_box .idea_box_item {
     width: 32%;
     border-radius: 10px;
     border: 1px solid #d9d9d9;
     position: relative;
 }
 
 .idea_box_img {
     position: relative;
     overflow: hidden;
     border-radius: 10px 10px 0 0;
 }
 
 .idea_box_img img {
     width: 100%;
     transition: all .4s;
 }
 
 .idea_box_item:hover img {
     transform: scale(1.1);
 }
 
 .idea_box_imgdw {
     position: absolute;
     bottom: 0;
     left: 0;
     transform: translate(45px, -30px);
     font-size: 28px;
     color: #fff;
     font-weight: 700;
 }
 
 .idea_box_txt {
    /* padding: 30px 45px 65px;*/
 }
 
 .idea_box_txt p {
     font-size: 16px;
     color: #333;
 }
 
 .idea_box_txtdw {
     position: absolute;
     width: 166px;
     height: 41px;
     line-height: 41px;
     text-align: center;
     border-radius: 20px;
     color: #fff;
     bottom: 0;
     left: 115px;
     transform: translateY(50%);
     background: linear-gradient(to right,#0066CC, #0093DD);
     background: -moz-linear-gradient(left, #ffd270 -40%, #0093DD);
     background: -ms-linear-gradient(left, #ffd270 -40%, #0093DD);
     background: -o-linear-gradient(left, #ffd270 -40%, #0093DD);
     transition: all .4s;
     -webkit-border-radius: 20px;
     -moz-border-radius: 20px;
     -ms-border-radius: 20px;
     -o-border-radius: 20px;
     -webkit-transform: translateY(50%);
     -moz-transform: translateY(50%);
     -ms-transform: translateY(50%);
     -o-transform: translateY(50%);
     -webkit-transition: all .4s;
     -moz-transition: all .4s;
     -ms-transition: all .4s;
     -o-transition: all .4s;
 }
 
 .idea_box .idea_box_item .idea_box_txtdw:hover {
     padding-left: 5px;
 }
 
 @media screen and (max-width: 992px) {
     .idea {
         padding: 50px 0 80px;
     }
     .idea_box {
         margin-top: 30px;
     }
     .idea_box {
         flex-wrap: wrap;
     }
     .idea_box .idea_box_item {
         width: 48%;
         margin-bottom: 40px;
     }
 }
 
 @media screen and (max-width: 768px) {
     .idea_box .idea_box_item {
         width: 100%;
         margin-bottom: 40px;
     }
     .idea {
         padding: 40px 10px;
     }
     .idea_box_txt {
         padding: 30px 20px;
     }
     .idea_box_txtdw {
         left: 20px;
     }
     .idea_box_imgdw {
         transform: translate(20px, -25px);
     }
     .idea_txt h3 {
         font-size: 24px;
     }
     .idea_box_imgdw {
         font-size: 20px;
     }
     .idea_box_txt p {
         font-size: 14px;
         line-height: 20px;
     }
 }
 
 .mb_jianjie {
     padding: 0 3%;
     margin-top: 30px;
     display: none;
 }
 
 .mb_jianjie p {
     font-size: 14px;
     color: #b9b9b9;
     text-indent: 2rem;
 }
 
 @media screen and (max-width: 768px) {
     .company_gd {
         display: none!important;
         height: 0;
     }
     .mb_jianjie {
         display: block;
     }
 }