.one_div {
     overflow: hidden;
     margin-top: 6px;
     padding-left: 5px;
     padding-right: 5px
 }

 .one_div ul li {
     width: calc(20% - 2px);
     width: -webkit-calc(20% - 2px);
     width: -moz-calc(20% - 2px);
     margin-right: 1px;
     margin-left: 1px;
     float: left
 }

 .one_div ul li .img {
     overflow: hidden;
     position: relative
 }

 .one_div ul li .img img {
     display: block;
     width: 100%;
     height: auto;
 }

 .one_div ul li .img .txts {
     position: absolute;
     width: 100%;
     height: 100%;
     top: 0;
     left: 0;
     transition: all .3s;
     font-size: 3.6rem;
     color: #fff;
     text-align: left
 }

 .one_div ul li:hover .img .txts {
     background: rgba(0, 0, 0, .3)
 }

 .one_div ul li i {
     display: inline-block;
     width: 43px;
     height: 43px;
     vertical-align: top;
     background-repeat: no-repeat;
     background-size: 100% 100%
 }

 

 .one_div ul li .txts .con {
     position: absolute;
     top: 50%;
     left: 50%;
     width: 94%;
     max-width: 240px;
     transform: translate(-50%, -50%);
     text-align: left
 }

 .one_div ul li .txts .span {
     display: block;
     text-transform: uppercase;
     line-height: 26px;
     margin-bottom: 5px;
     transition: all .3s;
     font-size: 12px
 }

 .one_div ul li .txts .h3 {
     font-weight: 400;
     
     overflow: hidden;
     text-align: center;
 }

 .one_div ul li .txts .p {
     overflow: hidden;
     transition: all .3s;
     line-height: 26px;
     margin-top: 8px;
     height: 26px;
     opacity: 0;
     filter: Alpha(opacity=0)
 }

 .one_div ul li:hover .txts .p {
     opacity: 1;
     filter: Alpha(opacity=100);
     padding-bottom: 30px
 }

 .one_div ul li:hover .txts .span {
     margin-top: -80px
 }

 .one_div ul li .txts .imore {
     line-height: 43px;
     margin-top: 5%;
     transition: all .3s
 }

 .one_div ul li .txts .imore em {
     font-style: normal;
     display: inline-block;
     vertical-align: top;
     transition: all .3s;
     opacity: 0;
     filter: Alpha(opacity=0);
     padding-left: 3%
 }

 .one_div ul li:hover .txts .imore {
     margin-top: 8%
 }

 .one_div ul li:hover .txts .imore em {
     opacity: 1;
     filter: Alpha(opacity=100)
 }

 .two_div {
     overflow: hidden;
     padding-top: 7px
 }

 .two_div .bigimg {
     overflow: hidden;
     width: calc(50% - 2px);
     width: -webkit-calc(50% - 2px);
     width: -moz-calc(50% - 2px)
 }

 .two_div .bigimg.l {
     padding-right: 4px
 }

 .two_div .bigimg.r {
     padding-left: 4px
 }

 .two_div .small {
     overflow: hidden
 }

 .two_div .small .boxs {
     overflow: hidden;
     margin-bottom: 4px
 }

 .two_div .small .boxs:last-child {
     margin-bottom: 0
 }

 .two_div img {
     display: block;
     width: 100%;
     -webkit-transform: scale(1);
     -moz-transform: scale(1);
     -ms-transform: scale(1);
     -o-transform: scale(1);
     transform: scale(1);
     -webkit-transition: all .3s ease-out 0s;
     -moz-transition: all .3s ease-out 0s;
     -o-transition: all .3s ease-out 0s;
     transition: all .3s ease-out 0s
 }

 .two_div .cons {
     overflow: hidden;
     position: relative
 }

 .two_div .cons:hover img {
     -webkit-transform: scale(1.1, 1.1);
     -moz-transform: scale(1.1, 1.1);
     -o-transform: scale(1.1, 1.1);
     -ms-transform: scale(1.1, 1.1);
     transform: scale(1.1, 1.1)
 }

 .two_div .cons .txts {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(247, 92, 54, .59);
     transition: all .3s;
     opacity: 0;
     filter: Alpha(opacity=0)
 }

 .two_div .cons:hover .txts {
     opacity: 1;
     filter: Alpha(opacity=100)
 }

 .two_div .cons .txts .p {
     position: absolute;
     top: 50%;
     left: 3%;
     width: 94%;
     transform: translate(0%, -50%);
     overflow: hidden
 }

 .two_div .cons .txts .p .h3 {
     font-size: 30px;
     font-weight: 700;
     color: #fff;
     height: 30px;
     line-height: 30px;
     overflow: hidden;
     font-family: arial;
     margin-top: 30px;
     margin-bottom: 20px;
     transition: all .3s;
     text-transform: uppercase
 }

 .two_div .cons:hover .txts .p .h3 {
     margin-top: 0
 }

 .two_div .cons .txts .p .span {
     display: block;
     font-size: 14px;
     color: #fff;
     position: relative;
     text-transform: uppercase
 }

 .two_div .cons .txts .p .span:before {
     content: '';
     position: absolute;
     height: 1px;
     width: 144px;
     left: 50%;
     margin-left: -72px;
     top: 0
 }

 .two_div .workbor {
     position: absolute;
     top: 3.5%;
     left: 2.5%;
     width: 95%;
     height: 93%;
     transition: all .3s;
     opacity: 0;
     filter: Alpha(opacity=0)
 }

 .two_div .cons:hover .workbor {
     opacity: 1;
     filter: Alpha(opacity=100)
 }

 .i_more {
     position: absolute;
     top: -27px;
     height: 54px;
     line-height: 54px;
     overflow: hidden;
     right: 0;
     font-size: 62px;
     color: #ff643e;
     padding: 4px 5px 4px 9px;
     border: 1px solid transparent
 }

 .i_more:hover {
     border: 1px solid #f4663f
 }

 .three_div {
     width: 96%;
     margin: 0 auto;
     position: relative
 }

 .three_div .wrap {
     text-align: center;
     padding-top: 9%;
     padding-bottom: 9%
 }

 .three_div .t {
     display: inline-block;
     position: relative;
     padding-left: 63px;
     line-height: 56px;
     color: #000;
     font-size: 32px;
     text-align: left;
     font-weight: lighter
 }

 .three_div .t:after {
     content: "";
     position: absolute;
     left: 0;
     top: 50%;
     margin-top: -43px;
     height: 80px;
     width: 36px;
     border: 3px solid #dc5e3c
 }

 .three_div .ul {
     clear: both;
     overflow: hidden;
     padding-top: 4%
 }

 .three_div .ul ul li {
     display: inline-block;
     vertical-align: top;
     overflow: hidden;
     padding-left: 28px;
     padding-right: 28px;
     color: #323232
 }

 .three_div .ul ul li .h3 {
     font-weight: 400;
     font-size: 32px;
     overflow: hidden;
     line-height: 1.2;
     margin-bottom: 8px
 }

 .three_div .ul ul li .span {
     display: block;
     font-size: 10px;
     line-height: 18px;
     height: 18px;
     overflow: hidden
 }

 .four_div {
     background: url(../image/i_bg1.jpg) center center no-repeat;
     background-size: cover;
     color: #fff;
     font-weight: lighter;
     font-size: 12px;
     line-height: 21px
 }

 .four_div .cons {
     width: 96%;
     margin: 0 auto;
     position: relative
 }

 .four_div .wrap {
     text-align: center;
     padding-top: 5%
 }

 .four_div .four_div_t {
     padding-top: 110px;
     overflow: hidden;
     position: relative;
     font-size: 24px;
     margin-bottom: 3%
 }

 .four_div .four_div_t:after {
     content: "";
     position: absolute;
     left: 50%;
     top: 0;
     margin-left: -21px;
     height: 80px;
     width: 36px;
     border: 3px solid #dc5e3c
 }

 .four_div .img {
     display: block;
     margin: 0 auto;
     width: 90%;
     max-width: 1217px;
     margin-top: 15%;
     margin-bottom: 14%
 }

 .five_div {
     width: 96%;
     margin: 0 auto;
     position: relative;
     color: #040404
 }

 .five_div .wrap {
     text-align: center;
     padding-top: 7%;
     padding-bottom: 6%
 }

 .five_div .five_div_t {
     padding-bottom: 110px;
     overflow: hidden;
     position: relative;
     margin-bottom: 3%;
     font-weight: lighter
 }

 .five_div .five_div_t:after {
     content: "";
     position: absolute;
     left: 50%;
     bottom: 0;
     margin-left: -21px;
     height: 80px;
     width: 36px;
     border: 3px solid #dc5e3c
 }

 .five_div .five_div_t .h3 {
     font-weight: lighter;
     font-size: 72px;
     overflow: hidden;
     margin-bottom: 3%;
     line-height: 1.1
 }

 .five_div .five_div_t .p {
     overflow: hidden;
     margin: 0 auto;
     line-height: 22px;
     font-size: 17px
 }

 .five_div .ul {
     clear: both;
     overflow: hidden;
     text-align: center;
     width: 100%
 }

 .five_div .ul ul li {
     display: inline-block;
     vertical-align: top;
     overflow: hidden;
     padding-left: 28px;
     padding-right: 28px;
     color: #323232
 }

 .five_div .ul ul li .h3 {
     font-weight: 400;
     font-size: 32px;
     overflow: hidden;
     line-height: 1.2;
     margin-bottom: 8px
 }

 .five_div .ul ul li .span {
     display: block;
     font-size: 10px;
     line-height: 18px;
     height: 18px;
     overflow: hidden
 }

 .five_div .ul ul li .reds {
     color: #ff643e
 }

 .six_div,.six_1_div {
     overflow: hidden;
     background: rgb(255,92,0);
     color: #fff
 }

 .six_div .six_con,.six_1_div .six_con {
     margin: 0 auto;
     width: 94%;
     overflow: hidden;
     margin-top: 4%;
     margin-bottom: 4%;
     position: relative
 }

 .six_div .six_con .six_l,.six_1_div .six_con .six_l {
     position: absolute;
     width: 280px;
     left: 3%;
     top: 50%;
     transform: translate(0%, -50%);
     font-weight: lighter;
     font-size: 26px
 }

 .six_div .six_con .six_l .six_div_t,.six_1_div .six_con .six_l .six_div_t {
     font-size: 80px;
     overflow: hidden;
     position: relative;
     padding-bottom: 110px;
     font-weight: 700;
     margin-bottom: 30px
 }

 .six_div .six_con .six_l .six_div_t span,.six_1_div .six_con .six_l .six_div_t span {
     font-size: 62px
 }

 
 .six_div .six_con .six_l .six_div_t::before,.six_1_div .six_con .six_l .six_div_t::before {
     content: '';
     position: absolute;
     left: 50%;
     bottom: 0;
     height: 58px;
     width: 58px;
     margin-left: -29px;
     margin-bottom: -38px;
     border-top: 18px solid #fff;
 }

 
 .six_div .six_con .six_l .six_div_t:after,.six_1_div .six_con .six_l .six_div_t:after {
    content: '';
    position: absolute;
    left: 50%;
    bottom: 0;
    height: 58px;
    width: 58px;
    margin-left: -9px;
    border-left: 18px solid #fff;
 }

 .six_div .six_con .six_r,.six_1_div .six_con .six_r {
     float: right;
     width: calc(96% - 280px);
     width: -webkit-calc(96% - 280px);
     width: -moz-calc(96% - 280px)
 }

 .seven_div {
     width: 96%;
     margin: 0 auto;
     position: relative;
     color: #040404
 }

 .seven_div .wrap {
     text-align: center;
     padding-top: 7%
 }

 .seven_div .seven_div_t {
     overflow: hidden;
     position: relative;
     margin-bottom: 3%;
     font-weight: lighter
 }

 .seven_div .seven_div_t .h3 {
     font-weight: lighter;
     font-size: 72px;
     overflow: hidden;
     margin-bottom: 3.5%;
     line-height: 1.1
 }

 .seven_div .seven_div_t .p {
     overflow: hidden;
     margin: 0 auto;
     max-width: 770px;
     line-height: 22px;
     font-size: 17px
 }

 .seven_div .seven_div_ul {
     margin: 0 auto;
     width: 96%;
     max-width: 1500px;
     overflow: hidden;
     margin-top: 2%;
     margin-bottom: 6%
 }

 .seven_div_t2 {
     margin: 0 auto;
     max-width: 96%;
     overflow: hidden;
     margin-top: 3%;
     font-weight: lighter;
     text-align: center
 }

 .seven_div_t2 .h3 {
     font-weight: bold;
     font-size: 72px;
     overflow: hidden;
     margin-bottom: 2%;
     line-height: 1.1;
     color: #ff5c00;
     font-family: 'DIN';
 }

 .seven_div_t2 .p {
     overflow: hidden;
     line-height: 1.2;
     font-size: 50px;
     color: #ff5c00;
     font-family: '方正黑体简体';
 }

 @media screen and (max-width:1440px) {
     .one_div ul li .txts .span {
         line-height: 22px
     }

     .i_more {
         font-size: 52px
     }

     .five_div .five_div_t .h3 {
         font-size: 60px
     }

     .seven_div .seven_div_t .h3 {
         font-size: 60px
     }

     .seven_div_t2 .h3 {
         font-size: 65px
     }

     .seven_div_t2 .p {
         font-size: 40px
     }
 }

 @media screen and (max-width:1310px) {
     .i_more {
         font-size: 46px
     }
 }

 @media screen and (max-width:1200px) {
     .one_div ul li {
         width: calc(33.3% - 2px);
         width: -webkit-calc(33.3% - 2px);
         width: -moz-calc(33.3% - 2px);
         margin-bottom: 2px
     }

     .one_div ul li:nth-child(4),
     .one_div ul li:nth-child(5) {
         width: calc(50% - 2px);
         width: -webkit-calc(50% - 2px);
         width: -moz-calc(50% - 2px);
         margin-bottom: 0
     }

     .one_div ul li:nth-child(4) .txts .con,
     .one_div ul li:nth-child(5) .txts .con {
         max-width: 500px;
         padding-top: 10%
     }

     .i_more {
         font-size: 40px
     }

     .five_div .five_div_t .h3 {
         font-size: 55px
     }

     .five_div .five_div_t .p {
         font-size: 16px
     }

     .seven_div .seven_div_t .h3 {
         font-size: 55px
     }

     .seven_div .seven_div_t .p {
         font-size: 16px
     }

     .seven_div_t2 .h3 {
         font-size: 55px
     }

     .seven_div_t2 .p {
         font-size: 36px
     }
 }

 @media screen and (max-width:1100px) {
     .i_more {
         font-size: 32px
     }

     .three_div .t {
         line-height: 40px;
         font-size: 26px
     }

     .three_div .t:after {
         height: 60px;
         margin-top: -33px
     }

     .four_div .four_div_t {
         padding-top: 90px
     }

     .four_div .four_div_t:after {
         height: 60px
     }

     .five_div .five_div_t {
         padding-bottom: 90px
     }

     .five_div .five_div_t:after {
         height: 60px
     }

     .five_div .five_div_t .h3 {
         font-size: 50px
     }

     .five_div .five_div_t .p {
         font-size: 15px
     }

     .six_div .six_con .six_l,.six_1_div .six_con .six_l {
         font-size: 22px
     }

     .six_div .six_con .six_l .six_div_t,.six_1_div .six_con .six_l .six_div_t {
         padding-bottom: 90px;
         font-size: 70px
     }

     

     .six_div .six_con .six_l .six_div_t span,.six_1_div .six_con .six_l .six_div_t span {
         font-size: 50px
     }

     .seven_div .seven_div_t .h3 {
         font-size: 50px
     }

     .seven_div .seven_div_t .p {
         font-size: 15px
     }

     .seven_div_t2 .h3 {
         font-size: 50px
     }

     .seven_div_t2 .p {
         font-size: 34px
     }
 }

 @media screen and (max-width:1000px) {
     .i_more {
         font-size: 26px
     }
 }

 @media screen and (max-width:960px) {
     .one_div ul li {
         width: calc(50% - 2px);
         width: -webkit-calc(50% - 2px);
         width: -moz-calc(50% - 2px)
     }

     .one_div ul li:nth-child(4) {
         margin-bottom: 2px
     }

     .one_div ul li:nth-child(4) .txts .con {
         max-width: 330px;
         padding-top: 13%
     }

     .one_div ul li:nth-child(5) {
         width: calc(100% - 2px);
         width: -webkit-calc(100% - 2px);
         width: -moz-calc(100% - 2px);
         margin-bottom: 2px
     }

     .one_div ul li:nth-child(5) .txts .con {
         max-width: 760px;
         padding-top: 8%
     }

     .three_div .t {
         line-height: 36px;
         font-size: 22px;
         padding-left: 50px
     }

     .three_div .t:after {
         height: 50px;
         margin-top: -28px;
         width: 26px
     }

     .four_div .four_div_t {
         padding-top: 80px
     }

     .four_div .four_div_t:after {
         height: 50px;
         width: 26px;
         margin-left: -16px
     }

     .four_div .img {
         margin-top: 12%
     }

     .five_div .five_div_t {
         padding-bottom: 80px
     }

     .five_div .five_div_t:after {
         height: 50px;
         width: 26px;
         margin-left: -16px
     }

     .five_div .five_div_t .h3 {
         font-size: 40px
     }

     .six_div .six_con .six_l,.six_1_div .six_con .six_l {
         font-size: 18px;
         width: 240px
     }

     .six_div .six_con .six_l .six_div_t,.six_1_div .six_con .six_l .six_div_t {
         padding-bottom: 80px;
         font-size: 60px
     }

     

     .six_div .six_con .six_l .six_div_t span,.six_1_div .six_con .six_l .six_div_t span {
         font-size: 40px
     }

     .six_div .six_con .six_r,.six_1_div .six_con .six_r {
         width: calc(96% - 240px);
         width: -webkit-calc(96% - 240px);
         width: -moz-calc(96% - 240px)
     }

     .seven_div .seven_div_t .h3 {
         font-size: 40px
     }

     .seven_div_t2 .h3 {
         font-size: 44px
     }

     .seven_div_t2 .p {
         font-size: 30px
     }
 }

 @media screen and (max-width:830px) {}

 @media screen and (max-width:780px) {
     .two_div .bigimg {
         padding-bottom: 4px;
         width: calc(100% - 0px);
         width: -webkit-calc(100% - 0px);
         width: -moz-calc(100% - 0px)
     }

     .two_div .bigimg.l {
         float: none;
         padding-right: 0
     }

     .two_div .bigimg.r {
         float: none;
         padding-left: 0
     }

     .five_div .five_div_t .h3 {
         font-size: 30px
     }

     .five_div .five_div_t .p {
         font-size: 14px
     }

     .six_div .six_con .six_l,.six_1_div .six_con .six_l {
         width: 200px
     }

     .six_div .six_con .six_r,.six_1_div .six_con .six_r {
         width: calc(96% - 200px);
         width: -webkit-calc(96% - 200px);
         width: -moz-calc(96% - 200px)
     }

     .seven_div .seven_div_t .h3 {
         font-size: 30px
     }

     .seven_div .seven_div_t .p {
         font-size: 14px
     }

     .seven_div_t2 .h3 {
         font-size: 42px
     }

     .seven_div_t2 .p {
         font-size: 30px
     }
 }

 @media screen and (max-width:640px) {
     .one_div ul li .img .txts {
         font-size: 2.4rem
     }

     .three_div .t {
         line-height: 30px;
         font-size: 18px;
         padding-left: 36px
     }

     .three_div .t:after {
         height: 40px;
         margin-top: -23px;
         width: 22px
     }

     .three_div .ul ul li {
         padding-left: 12px;
         padding-right: 12px
     }

     .three_div .ul ul li .h3 {
         font-size: 28px
     }

     .four_div .four_div_t {
         padding-top: 70px;
         font-size: 20px
     }

     .four_div .four_div_t:after {
         height: 40px;
         width: 22px;
         margin-left: -14px
     }

     .five_div .five_div_t {
         padding-bottom: 70px
     }

     .five_div .five_div_t:after {
         height: 40px;
         width: 22px;
         margin-left: -14px
     }

     .five_div .ul ul li {
         padding-left: 12px;
         padding-right: 12px
     }

     .five_div .ul ul li .h3 {
         font-size: 28px
     }

     .six_div .six_con .six_l,.six_1_div .six_con .six_l {
         font-size: 16px;
         width: 160px;
         left: 0
     }

     .six_div .six_con .six_l .six_div_t,.six_1_div .six_con .six_l .six_div_t {
         padding-bottom: 70px;
         font-size: 50px;
         margin-bottom: 25px
     }

     .six_div .six_con .six_l .six_div_t:before,.six_1_div .six_con .six_l .six_div_t:before {
         height: 40px;
         width: 40px;
         margin-left: -20px;
         margin-bottom: -25px;
         border-top: 10px solid #fff;
     }

    .six_div .six_con .six_l .six_div_t:after {
        height: 40px;
        width: 40px;
        margin-left: -5px;
        border-left: 10px solid #fff;
     }

     .six_div .six_con .six_l .six_div_t span {
         font-size: 30px
     }

     .six_div .six_con .six_r {
         width: calc(96% - 160px);
         width: -webkit-calc(96% - 160px);
         width: -moz-calc(96% - 160px)
     }

     .seven_div_t2 .h3 {
         font-size: 38px
     }

     .seven_div_t2 .p {
         font-size: 24px
     }
 }

 @media screen and (max-width:480px) {
     .one_div ul li .img .txts {
         font-size: 13px
     }

     .one_div ul li .txts .h3 {
         font-size: 2.2rem
     }

     .one_div ul li .txts .imore {
         line-height: 36px
     }

     .one_div ul li i {
         width: 36px;
         height: 36px
     }

     .one_div ul li .txts .span {
         margin-bottom: 0
     }

     .one_div ul li .txts .p {
         line-height: 22px;
         height: 22px
     }

     .one_div ul li:hover .txts .p {
         padding-bottom: 40px
     }

     .two_div .cons .txts .p .h3 {
         font-size: 18px
     }

     .two_div .cons .txts .p .span {
         padding-top: 6px;
         margin-top: 6px;
         font-size: 14px
     }

     .two_div .cons .txts .p .span:before {
         width: 120px;
         margin-left: -60px
     }

     .i_more {
         font-size: 22px
     }

     .three_div .t {
         line-height: 24px;
         font-size: 16px;
         padding-left: 24px
     }

     .three_div .t:after {
         height: 30px;
         margin-top: -18px;
         width: 12px;
         border-width: 2px
     }

     .three_div .ul ul li {
         width: 25%;
         padding-left: 0;
         padding-right: 0;
         float: left
     }

     .four_div .wrap {
         padding-top: 8%
     }

     .four_div .four_div_t {
         padding-top: 50px;
         font-size: 19px
     }

     .four_div .four_div_t:after {
         height: 30px;
         width: 12px;
         margin-left: -9px;
         border-width: 2px
     }

     .five_div .five_div_t {
         padding-bottom: 50px
     }

     .five_div .five_div_t:after {
         height: 30px;
         width: 12px;
         margin-left: -9px;
         border-width: 2px
     }

     .five_div .five_div_t .h3 {
         font-size: 24px
     }

     .five_div .five_div_t .p {
         font-size: 13px;
         line-height: 20px
     }

     .five_div .ul ul li {
         width: 50%;
         padding-left: 0;
         padding-right: 0;
         float: left
     }

     .six_div .six_con .six_l {
         font-size: 14px;
         width: 120px
     }

     .six_div .six_con .six_l .six_div_t {
         padding-bottom: 50px;
         font-size: 40px;
         margin-bottom: 20px
     }

     

     .six_div .six_con .six_l .six_div_t span {
         font-size: 26px
     }

     .six_div .six_con .six_r {
         width: calc(96% - 120px);
         width: -webkit-calc(96% - 120px);
         width: -moz-calc(96% - 120px)
     }

     .seven_div .seven_div_t .h3 {
         font-size: 24px
     }

     .seven_div .seven_div_t .p {
         font-size: 13px;
         line-height: 20px
     }

     .seven_div_t2 .h3 {
         font-size: 30px
     }

     .seven_div_t2 .p {
         font-size: 22px
     }
 }

 @media screen and (max-width:360px) {
     .one_div ul li .img .txts {
         font-size: 1.1rem
     }

     .two_div .cons .txts .p .h3 {
         font-size: 1.1rem
     }

     .two_div .cons .txts .p .span {
         font-size: 13px
     }

     .three_div .ul ul li .h3 {
         font-size: 24px
     }

     .four_div .four_div_t {
         font-size: 18px
     }

     .five_div .five_div_t .h3 {
         font-size: 22px
     }

     .five_div .five_div_t .p {
         font-size: 12px
     }

     .five_div .ul ul li .h3 {
         font-size: 24px
     }

     .six_div .six_con .six_l {
         font-size: 12px;
         width: 100px
     }

     .six_div .six_con .six_l .six_div_t {
         font-size: 36px
     }

     .six_div .six_con .six_l .six_div_t span {
         font-size: 24px
     }

     .six_div .six_con .six_r {
         width: calc(96% - 100px);
         width: -webkit-calc(96% - 100px);
         width: -moz-calc(96% - 100px)
     }

     .seven_div .seven_div_t .h3 {
         font-size: 22px
     }

     .seven_div .seven_div_t .p {
         font-size: 12px
     }

     .seven_div_t2 .h3 {
         font-size: 26px
     }

     .seven_div_t2 .p {
         font-size: 18px
     }
 }