﻿.div_context1 {
    position: relative;
    text-align: center;
}

.div_context2 {
    position: relative;
    margin-top: 40px;
    text-align: center;
    color: #f37022;
    font-size: 38px;
}
.div_context3 {
    position: relative;
    margin-top: 20px;
    text-align: center;
    color: #f37022;
    font-size: 70px;
}

.div_context4 {
    position: relative;
    margin-top: 20px;
    text-align: center;
    color: #f37022;
    font-size: 16px;
}

.div_context5 {
    position: relative;
    margin-top: 0px;
    height: 360px;
    background: url(../../images/htmlImg/index/img_bg_01.png?V=0301);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% 100%;
}
.div_context6 {
    position: relative;
    margin-top: 70px;
    text-align: center;
    color: #db060e;
    font-size: 38px;
}
.div_context7 {
    position: relative;
    margin-top: 30px;
    text-align: center;
}
.div_context8 {
    position: relative;
    margin-top: 30px;
}
.div_context9 {
    position: relative;
    margin:0 20px;
    margin-top: 40px;
    margin-bottom:20px;
}
.div_context10 {
    position: relative;
    margin-top: 100px;
}
.div_context11 {
    position: relative;
    margin-top: 100px;
}
    .div_context8 img {
        max-width:346px;
      
    }
.div_context7_link,.div_context10_link ,.div_context11_link,.div_context9_link {
    cursor:pointer;
    background-color: #e54848;
    color: #fff;
    border: 2px solid transparent;
    background-image: linear-gradient(90deg,#e23232 50%,#e54848 50%);
    text-decoration:none;
        margin: 0;
    border: none;
    overflow: visible;
    font: 16px;
    color: white;
    text-transform: none;
    display: inline-block;
    box-sizing: border-box;
    padding: 0 35px;
    vertical-align: middle;
    font-size: 15.5px;
    line-height: 46px;
    text-align: center;
    text-decoration: none;
    transition: .3s ease-in-out;
    transition-property: color,background-color,background-position,border-color,box-shadow;
    font-family: Microsoft Yahei;
    letter-spacing: -.5px;
    background-origin: border-box;
    background-size: 200%;
    background-position-x: 100%;
}
.div_context9_link {
            background-color: #53C4D7;
    color: #fff;
    border-color: transparent;
    background-image: linear-gradient(90deg,#53C4D7 50%,#53C4D7 50%);
      padding: 0 40px;
      line-height:58px;
      width:230px;
      display:block;
      margin:0 auto;
}
.div_context10_link,.div_context11_link {

    float:right;
        background-color: #f40610;
    color: #fff;
    border-color: transparent;
    background-image: linear-gradient(90deg,#f40610 50%,#f91b24 50%);
      padding: 0 40px;
      line-height:58px;
}
.div_context7_link:hover {
        background-color: #e23232;
    color: #fff;
    border-color: transparent;
    background-image: linear-gradient(90deg,#e23232 50%,#e54848 50%);
}
.div_context10_link:hover,.div_context11_link:hover{
        background-color: #f40610;
    color: #fff;
    border-color: transparent;
    background-image: linear-gradient(90deg,#f40610 50%,#f91b24 50%)
}
.div_context3_span {
    font-weight: bold;
     color:#f37022;
}

.div_context2_split_left {
    width: calc((100% - 200px)/2);
    height: 2px;
    position: absolute;
    left: 0;
    top: 24px;
    background: black;
}

.div_context2_split_right {
    width: calc((100% - 200px)/2);
    height: 2px;
    position: absolute;
    right: 0;
    top: 24px;
    background: black;
}
.div_context6_split_left {
    width: calc((100% - 450px)/2);
    height: 2px;
    position: absolute;
    left: 0;
    top: 24px;
    background: black;
}

.div_context6_split_right {
    width: calc((100% - 450px)/2);
    height: 2px;
    position: absolute;
    right: 0;
    top: 24px;
    background: black;
}
.div_context5_title {
    padding-top: 20px;
    text-align: center;
    font-size: 32px;
    color: white;
}
.div_context5_title2 {
    padding-top: 40px;
    text-align: center;
    font-size: 80px;
    color: white;
}
.div_context5_txt {
    text-align: center;
    margin-top: 30px;
    font-size: 18px;
    color: white;
    line-height: 28px;
}

.div_context5_list {
    width: 1160px;
    margin: 0 auto;
    font-size: 0;
    margin-top: 30px;
    overflow:auto;
}

.div_context5_list_module {
    width: 260px;
    min-height: 319px;
    background: #3A89FF;
    margin-left: 20px;
    display: inline-block;
    vertical-align:top;
    opacity:0.85;
}
.div_context5_list_module_body {
    padding:35px;
}
.div_context5_list_module_title {
    font-size: 30px;
    font-weight:bold;
    color: white;
    line-height:36px;
}
.div_context5_list_module_title2 {
    font-size:16px;
    color:rgba(255,255,255,.5);
    margin-bottom:30px;
    line-height:23px;
}
.div_context5_list_module_txt {
     font-size:16px;
    color:white;
    line-height:28px;
}
.div_context9_title {
    font-size:16px;
    font-weight:400;
    color: #db060e;
    margin-bottom:30px;
}
.div_context9_title2 {
    width:300px;
    height:64px;
    background: url(../../images/htmlImg/index/introduce.png?v=0301);
    background-repeat: no-repeat;
    background-position: 50% 50%;
    background-size: 100% 100%;
    margin:0 auto;
    margin-bottom:40px;

   
}


    .div_context9_txt {
    font-size:16px;
    font-weight:400;
    color: #727272;
   
}
        .div_context9_txt p {
            margin: 0 0 5px 0;
            line-height:28px;
        }


        .div_context10_title ,.div_context11_title {
    font-size:16px;
    font-weight:400;
    color: #db060e;
    margin-bottom:30px;
    overflow:auto;
}
.div_context10_title2,.div_context11_title2 {
    font-size:44px;
    font-weight:500;
    color: #403f3f;
    margin-bottom:30px;
   
}
    .div_context10_title2:before,.div_context11_title2:before {
            content: "";
    display: inline-block;
    position: relative;
    top: calc(-.1 * 1em);
    vertical-align: middle;
    height: .8em;
    margin-right: 15px;
    border-left: 3px solid #f91b24;
    }

    .div_context10_txt, .div_context11_txt {
    font-size:16px;
    font-weight:400;
    color: #727272;
   
}
        .div_context10_txt p,.div_context11_txt p {
            margin: 0 0 30px 0;
            line-height:28px;
        }
.div_context10_imgList {
    overflow:hidden;
    margin-top:30px;
    padding-bottom:10px;
}
.div_context10_imgListLeft,.div_context10_imgListRight {
   width:calc((100% - 30px)/2);
   float:left;
}
.div_context10_imgListRight {
    margin-left:30px;
}
.div_context10_imglink {
    display:inline-block;
    position:relative;
    vertical-align:top;
}
.div_context10_img {
    padding:20px;
    position:absolute;
    bottom:3px;
    right:0;
    background: rgba(249,27,36,.8);
}
.div_context10_imgtxt {
    font-size:16px;
    color:rgba(255,255,255,.5);
}
.div_context10_imgtitle {
    font-size:26px;
    color:white;
}
.div_context2_p {
    color:#f37022;
}

@media (max-width: 1080px) {
    .div_mobile_context {
        position:relative;
        width: calc(100% - 30px);
        margin-left: 15px;
        margin-right: 15px;
        height:auto;
        margin-top:30px;
    }

    .div_context2 {
        font-size: 32px;
    }
      .div_context6 {
        font-size: 32px;
    }
    .div_context3 {
        font-size: 35px;
    }

    .div_context5 {
        margin-top:0;
    }
    .div_context5_title2 {
        font-size:24px;
    }
    .div_context5_title {
        font-size:14px;
    }
    .div_context5_txt {
        font-size:14px;
    }

    /*.div_context5_title, .div_context5_txt {
        display: none;
    }*/

    .div_context5_list {
        width: 100%;
    }

    .div_context5_list_module {
        display: block;
        width: calc(100% - 40px);
        margin: 20px 20px;
        min-height: 207px;
    }
    .div_context6_split_left, .div_context6_split_right {
        width: calc((100% - 350px)/2);
    }
        .div_context8 img {
        max-width:100%;
        margin-left:0px!important;
        margin-top:10px;
    }
    .div_context10_imgListLeft, .div_context10_imgListRight {
        width:100%;
        margin:0;
    }
    .div_context10_imgListLeft a, .div_context10_imgListRight a{
        width:100%!important;
       margin:0!important;
       height:auto!important;
    }
    .div_context10_imgListRight {
        display:none;
    }
}
