@charset "UTF-8";

body,
dd,
div,
dl,
dt,
em,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
span,
strong,
table,
tbody,
td,
textarea,
tfoot,
th,
thead,
tr,
ul {
    padding    : 0;
    margin     : 0;
    font-family: arial, "΢ÈíÑźÚ"
}

* {
    outline           : 0;
    -webkit-box-sizing: initial;
    -moz-box-sizing   : initial;
    box-sizing        : initial
}

table {
    border-collapse: collapse;
    border-spacing : 0
}

img {
    border        : 0 none;
    vertical-align: middle;
    width         : auto;
    height        : auto
}

input {
    vertical-align: middle
}

em {
    font-weight: 400;
    font-style : normal
}

ol,
ul {
    list-style: none
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 400;
    font-size  : 100%
}

body {
    position: relative
}

.clearfix {
    zoom: 1
}

.clearfix:after {
    content: '\20';
    display: block;
    clear  : both
}

.t-page8 .t-content .box {
    position: relative;
}

.t-page8 .t-content .box2 {
    position: relative;
    top     : -20px;
}

.t-page8 .t-content .box .yi {
    width: 100%;

}

.t-page8 .t-content .box2 .er {
    margin    : 0 1% 0 15%;
    width     : 40%;
    box-shadow: -1px -1px 11px -2px #cecece;
}

.t-page8 .t-content .box2 .san {
    width     : 40%;
    box-shadow: -1px -1px 11px -2px #cecece;

}

.phone-one {
    padding: 0 10px;
    margin : 20px 0;
}

.phone-one img {
    width: 100%;
}

.phone-two {
    position      : relative;
    padding-bottom: 100px;
    text-align    : center;
}

.phone-two .bot {
    position : absolute;
    left     : 50%;
    bottom   : 30px;
    transform: translateX(-50%);
}

.phone-two .bot .btn {
    display      : inline-block;
    width        : 120px;
    height       : 30px;
    line-height  : 30px;
    text-align   : center;
    border-radius: 43px;
    border       : 1px solid #e60039;
    color        : #e60039;
    font-size    : 12px;
}

.phone-two img {
    width      : 70%;
    margin     : 0 auto;
    padding-top: 20px;
}


.phone-tre {
    padding: 0 10px;

}

.phone-tre img {
    padding-top: 20px;

    width: 100%;
}

._fl {
    float: left
}

._fr {
    float: right
}

.none {
    display: none
}

.text_l {
    text-align: left
}

.text_r {
    text-align: right
}

.text_c {
    text-align: center
}

.font14 {
    font-size: 14px
}

.font16 {
    font-size: 16px
}

.font18 {
    font-size: 18px
}

.mb20 {
    margin-bottom: 20px
}

.mb40 {
    margin-bottom: 40px
}

.mb50 {
    margin-bottom: 50px
}

.line20 {
    line-height: 200%
}

.fc-fff {
    color: #fff
}

.t-mobile {
    display: none
}

.t-main {
    width     : 100%;
    margin    : 0 auto;
    color     : #484848;
    background: #fff
}

.t-cont-item {
    width              : 100%;
    margin             : 0 auto;
    background-position: center top;
    background-repeat  : no-repeat;
    background-size    : cover;
    overflow           : hidden
}

.t-content {
    max-width: 1286px;
    width    : 100%;
    margin   : 0 auto;
    position : relative
}

.t-main-title {
    font-weight  : 400;
    font-size    : 42px;
    text-align   : center;
    color        : #484848;
    padding      : 90px 0 5px 0;
    position     : relative;
    margin       : 0 auto;
    margin-bottom: 10px;
    width        : 98%
}

.t-main-title.white {
    color: #fff
}

.box-visible {
    overflow: visible
}

.t-sub-title {
    font-weight: 400;
    font-size  : 18px;
    text-align : center;
    color      : #838383;
    line-height: 30px
}

.sub-title {
    text-align: center;
    font-size : 24px;
    color     : #000;
    margin    : 30px auto;
    clear     : both
}

.sub-title span {
    padding: 0 20px
}

.t-intro,
.t-intro p {
    font-size  : 18px;
    line-height: 26px;
    color      : #000;
    margin-top : 25px
}

.t-img {
    position  : relative;
    text-align: center;
    z-index   : 1
}

.t-img img {
    width    : auto;
    max-width: 100%
}

.t-intro span.tips {
    display    : block;
    height     : 25px;
    line-height: 25px;
    font-size  : 16px;
    color      : #fd300e;
    text-align : left
}

.hidden {
    overflow: hidden
}

.show-pc {
    display: block
}

.show-mobile {
    display: none
}

.t-main .t-page1 {
    background        : url(/fa/wx/20200907/RJ-img/banner.jpg) no-repeat center center;
    height            : 740px;
    width             : 100%;
    margin            : 0 auto;
    background-size   : cover;
    position          : relative;
    -webkit-box-shadow: inset 0 -15px 20px 0 #fff;
    box-shadow        : inset 0 -15px 20px 0 #fff
}

.t-main .t-page1 .page1-cont {
    width : 98%;
    margin: 0 auto
}

.t-main .t-page1 .page1-cont .page1-btnList {
    padding-top: 410px
}

.t-main .t-page1 .page1-cont .page1-btnList .btn.btn2 {
    background: 0 0;
    border    : 1px solid #e60039;
    color     : #e60039
}

.t-main .t-page1 .page1-cont .page1-btnList .btn {
    text-align     : center;
    display        : inline-block;
    min-width      : 195px;
    height         : 40px;
    line-height    : 40px;
    color          : #fff;
    font-size      : 18px;
    font-weight    : 700;
    text-decoration: none;
    background     : #e60039;
    border-radius  : 43px;
    margin         : 10px;
    border         : 1px solid #e60039
}

.t-main .t-page2 .t-content .page2-cont {
    height: 250px
}

.t-main .t-page2 .t-content .page2-cont .list {
    width : 30%;
    height: 100%;
    float : left
}

.t-main .t-page2 .t-content .page2-cont .list .left {
    float     : left;
    width     : 48%;
    text-align: center
}

.t-main .t-page2 .t-content .page2-cont .list .left .img {
    padding: 20px 0 10px
}

.t-main .t-page2 .t-content .page2-cont .list .left .text {
    font-size: 36px
}

.t-main .t-page2 .t-content .page2-cont .list .right {
    float: right;
    width: 48%
}

.t-main .t-page2 .t-content .page2-cont .list .right .top .tt {
    font-size     : 18px;
    color         : #e60039;
    padding-bottom: 5px
}

.t-main .t-page2 .t-content .page2-cont .list .right .top .tet {
    font-size     : 40px;
    color         : #919191;
    padding-bottom: 10px
}

.t-main .t-page2 .t-content .page2-cont .list .right .top .tet span {
    font-size: 24px
}

.t-main .t-page2 .t-content .page2-cont .list .right .con {
    color      : #737373;
    padding-top: 15px
}

.t-main .t-page2 .t-content .page2-cont .list2 {
    width: 40%
}

.t-main .t-page2 .t-content .page2-cont .list2 .left {
    width: 40%
}

.t-main .t-page2 .t-content .page2-cont .list2 .left .img {
    padding: 30px 0 15px
}

.t-main .t-page2 .t-content .page2-cont .list2 .right {
    width: 60%
}

.t-main .t-page2 .t-content .page2-cont .list3 .left .img {
    padding: 30px 0 15px
}

.t-main .t-page2 .t-content .bot {
    text-align: center;
    margin-top: 50px;
}

.t-main .t-page2 .t-content .bot .btn {
    display      : inline-block;
    margin       : 50px auto 0;
    width        : 190px;
    height       : 40px;
    line-height  : 40px;
    text-align   : center;
    border-radius: 43px;
    border       : 1px solid #e60039;
    color        : #e60039;
    font-size    : 18px
}

.t-main .t-page3 .page3-cont {
    padding-top: 90px;
    width      : 100%
}

.t-main .t-page3 .page3-cont li {
    float : left;
    width : 20%;
    height: 300px
}

.t-main .t-page3 .page3-cont li .warp {
    background: url(/fa/wx/20200907/RJ-img/page3-bg1.png) no-repeat center center;
    height    : 100%;
    position  : relative;
    width     : 200px;
    margin    : 0 auto
}

.t-main .t-page3 .page3-cont li .warp .tit {
    position : absolute;
    left     : 0;
    font-size: 24px;
    color    : #385075
}

.t-main .t-page3 .page3-cont li .warp .icon {
    position: absolute;
    right   : 25px;
    top     : 20px
}

.t-main .t-page3 .page3-cont li .warp .smtit {
    position   : absolute;
    left       : 25px;
    top        : 130px;
    font-weight: 700;
    font-size  : 20px;
    color      : #333
}

.t-main .t-page3 .page3-cont li .warp .smtit2 {
    font-size: 16px
}

.t-main .t-page3 .page3-cont li .warp .con {
    font-size  : 20px;
    color      : #6685a8;
    font-weight: 700;
    position   : absolute;
    right      : 30px;
    bottom     : 20px
}

.t-main .t-page3 .bot {
    text-align: center
}

.t-main .t-page3 .bot .btn {
    display      : inline-block;
    margin       : 50px 10px 0;
    width        : 190px;
    height       : 40px;
    line-height  : 40px;
    text-align   : center;
    border-radius: 43px;
    border       : 1px solid #e60039;
    color        : #e60039;
    font-size    : 18px
}

.t-main .t-page4 {
    margin-top     : 110px;
    background     : url(/fa/wx/20200907/RJ-img/page4-bg.png) no-repeat center center;
    background-size: cover
}

.t-main .t-page4 .t-content .page4-cont .item {
    float     : left;
    width     : 50%;
    height    : 450px;
    margin-top: 115px
}

.t-main .t-page4 .t-content .page4-cont .item .warp {
    position: relative;
    width   : 440px;
    height  : 100%;
    margin  : 0 auto
}

.t-main .t-page4 .t-content .page4-cont .item .warp .tit {
    font-size  : 30px;
    font-weight: 700;
    color      : #2b2b2b
}

.t-main .t-page4 .t-content .page4-cont .item .warp .smtit {
    font-size: 16px;
    color    : #2b2b2b
}

.t-main .t-page4 .t-content .page4-cont .item .warp .img {
    position: absolute;
    left    : 0;
    top     : 100px
}

.t-main .t-page4 .t-content .page4-cont .item .warp .con {
    font-size: 18px;
    color    : #1c1c1c
}

.t-main .t-page4 .t-content .page4-cont .item .warp .con .tt {
    padding: 30px 0
}

.t-main .t-page4 .t-content .page4-cont .item .warp .con .list {
    width         : 230px;
    padding-bottom: 20px
}

.t-main .t-page4 .t-content .page4-cont .item .warp .con .list .zuo {
    float: left
}

.t-main .t-page4 .t-content .page4-cont .item .warp .con .list .you {
    float: right
}

.t-main .t-page4 .t-content .page4-cont .item .warp .text {
    position : absolute;
    left     : 0;
    bottom   : 0;
    font-size: 18px;
    color    : #2b2b2b
}

.t-main .t-page4 .t-content .bot {
    text-align: center
}

.t-main .t-page4 .t-content .bot .btn {
    display      : inline-block;
    margin       : 50px 0 60px;
    width        : 190px;
    height       : 40px;
    line-height  : 40px;
    text-align   : center;
    border-radius: 43px;
    border       : 1px solid #e60039;
    color        : #e60039;
    font-size    : 18px
}

.t-main .t-page5 {
    background     : url(/fa/wx/20200907/RJ-img/page5-bg.png) no-repeat center center;
    background-size: cover
}

.t-main .t-page5 .t-content .page5-cont {
    padding-top: 50px
}

.t-main .t-page5 .t-content .page5-cont .item {
    width : 33.3%;
    height: 520px;
    float : left
}

.t-main .t-page5 .t-content .page5-cont .item .warp {
    margin         : 0 auto;
    height         : 100%;
    width          : 420px;
    background     : url(/fa/wx/20200907/RJ-img/page5-icon1.png) no-repeat center center;
    background-size: contain;
    position       : relative
}

.t-main .t-page5 .t-content .page5-cont .item .warp .top {
    position  : absolute;
    left      : 30px;
    top       : 130px;
    text-align: center
}

.t-main .t-page5 .t-content .page5-cont .item .warp .top .tt {
    font-size: 18px;
    color    : #0b3f72
}

.t-main .t-page5 .t-content .page5-cont .item .warp .top .bb {
    font-size: 18px;
    color    : #ca404f
}

.t-main .t-page5 .t-content .page5-cont .item .warp .bot {
    position   : absolute;
    top        : 250px;
    left       : 30px;
    font-size  : 20px;
    line-height: 40px
}

.t-main .t-page5 .t-content .page5-cont .item .warp .bot p span {
    color: #316aa3
}

.t-main .t-page5 .t-content .page5-cont .item .warp2 {
    background     : url(/fa/wx/20200907/RJ-img/page5-icon2.png) no-repeat center center;
    background-size: contain
}

.t-main .t-page5 .t-content .page5-cont .item .warp2 .top {
    left: 13px;
    top : 130px
}

.t-main .t-page5 .t-content .page5-cont .item .warp2 .bot {
    top : 250px;
    left: 75px
}

.t-main .t-page5 .t-content .page5-cont .item .warp3 {
    background     : url(/fa/wx/20200907/RJ-img/page5-icon3.png) no-repeat center center;
    background-size: contain
}

.t-main .t-page5 .t-content .page5-cont .item .warp3 .top {
    left: 80px;
    top : 130px
}

.t-main .t-page5 .t-content .page5-cont .item .warp3 .bot {
    top : 250px;
    left: 90px
}

.t-main .t-page5 .t-content .bot {
    text-align: center
}

.t-main .t-page5 .t-content .bot .btn {
    display         : inline-block;
    margin          : 50px 0 60px;
    width           : 190px;
    height          : 40px;
    line-height     : 40px;
    text-align      : center;
    border-radius   : 43px;
    background-color: #fff;
    border          : 1px solid #e60039;
    color           : #e60039;
    font-size       : 18px
}

.t-main .t-page6 {
    background     : url(/fa/wx/20200907/RJ-img/page6-bg.png) no-repeat center center;
    background-size: cover
}

.t-main .t-page6 .t-content .page6-cont {
    margin-top: 150px;
    height    : 430px;
    position  : relative
}

.t-main .t-page6 .t-content .page6-cont .img1 {
    position: absolute;
    left    : 0;
    top     : 15px
}

.t-main .t-page6 .t-content .page6-cont .img2 {
    position: absolute;
    left    : 400px;
    top     : 0
}

.t-main .t-page6 .t-content .page6-cont .img3 {
    position: absolute;
    left    : 610px;
    top     : 170px
}

.t-main .t-page6 .t-content .page6-cont .img4 {
    position: absolute;
    left    : 330px;
    bottom  : 0
}

.t-main .t-page6 .t-content .page6-cont .img5 {
    position: absolute;
    right   : 70px;
    top     : 0
}

.t-main .t-page6 .t-content .page6-cont .img6 {
    position: absolute;
    right   : 0;
    top     : 250px
}

.t-main .t-page6 .t-content .bot {
    text-align: center
}

.t-main .t-page6 .t-content .bot .btn {
    display         : inline-block;
    margin          : 90px 0 50px;
    width           : 280px;
    height          : 40px;
    line-height     : 40px;
    text-align      : center;
    border-radius   : 43px;
    background-color: #fff;
    border          : 1px solid #e60039;
    color           : #e60039;
    font-size       : 18px
}

.t-main .t-page7 {
    background     : url(/fa/wx/20200907/RJ-img/page7-bg.png) no-repeat center center;
    background-size: cover
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox {
    padding-top: 90px;
    text-align : left;
    margin     : 0 auto;
    max-width  : 1124px
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .hd {
    height     : 60px;
    line-height: 60px;
    background : #fff;
    position   : relative
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .hd ul li {
    margin          : 0 1px;
    width           : 24.8%;
    float           : left;
    cursor          : pointer;
    text-align      : center;
    line-height     : 60px;
    font-size       : 24px;
    color           : #fff;
    background-color: #95a3b1
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .hd ul .on {
    font-weight     : 700;
    background-color: #516378
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd {
    padding-top: 60px
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list {
    width: 33.3%;
    float: left
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp {
    text-align: center;
    width     : 300px
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .icon {
    height: 110px
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .tt {
    font-size: 24px;
    color    : #353535;
    padding  : 15px 0 25px
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .smtt {
    font-size: 20px;
    color    : #333
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .bott {
    padding-top: 65px;
    font-size  : 20px;
    color      : #162e56
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .jt {
    padding: 30px 0
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .botsmt {
    font-size: 20px;
    color    : #162e56
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .one .warp {
    float: left
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .two .warp {
    margin: 0 auto
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .tre .warp {
    float: right
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .bot {
    text-align: center;
    padding   : 90px 0 50px
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .bot .btn {
    margin          : 0 10px;
    display         : inline-block;
    width           : 280px;
    height          : 40px;
    line-height     : 40px;
    text-align      : center;
    border-radius   : 43px;
    background-color: #e60039;
    border          : 1px solid #e60039;
    color           : #fff;
    font-size       : 18px
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item2 .warp .list {
    width: 25%;
    float: left
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item2 .mycon {
    text-align: center
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item2 .mycon .bott {
    padding-top: 65px;
    font-size  : 20px;
    color      : #162e56
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item2 .mycon .jt {
    padding: 30px 0
}

.t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item2 .mycon .botsmt {
    font-size: 20px;
    color    : #162e56
}

.t-main .t-page8 .t-content {
    display       : none;
    padding-bottom: 50px
}

.t-main .t-page8 .t-content .slideBox {
    max-width     : 1286px;
    overflow      : hidden;
    position      : relative;
    padding-bottom: 50px;
    margin        : 50px 30px 0
}

.t-main .t-page8 .t-content .slideBox .hd {
    height     : 15px;
    overflow   : hidden;
    position   : absolute;
    left       : 50%;
    margin-left: -45px;
    bottom     : 5px;
    z-index    : 1
}

.t-main .t-page8 .t-content .slideBox .hd ul {
    overflow: hidden;
    zoom    : 1;
    float   : left
}

.t-main .t-page8 .t-content .slideBox .hd ul li {
    float        : left;
    margin-right : 2px;
    width        : 15px;
    height       : 15px;
    border-radius: 50%;
    margin       : 0 8px;
    background   : #e6eaec;
    cursor       : pointer
}

.t-main .t-page8 .t-content .slideBox .hd ul .on {
    background: #e60039
}

.t-main .t-page8 .t-content .slideBox .bd {
    position        : relative;
    height          : 100%;
    z-index         : 0;
    background-color: #eff4f7
}

.t-main .t-page8 .t-content .slideBox .bd li {
    padding: 20px
}

.t-main .t-page8 .t-content .slideBox .bd li .top {
    padding-bottom: 20px
}

.t-main .t-page8 .t-content .slideBox .bd li .top .img {
    float: left;
    width: 150px
}

.t-main .t-page8 .t-content .slideBox .bd li .top .img img {
    width: 100%
}

.t-main .t-page8 .t-content .slideBox .bd li .top .tit {
    padding    : 20px 0 0 20px;
    float      : left;
    color      : #424242;
    font-size  : 20px;
    line-height: 40px
}

.t-main .t-page8 .t-content .slideBox .bd li .con {
    color      : #424242;
    font-size  : 18px;
    line-height: 40px
}

.t-main .t-page8 .t-content .slideBox .bd li .con span {
    color: #274696
}

.t-main .t-page8 .bot {
    text-align: center;
    position  : absolute;
    right     : 20px;
    bottom    : 0
}

.t-main .t-page8 .bot .btn {
    display      : inline-block;
    margin       : 50px auto 0;
    width        : 210px;
    height       : 40px;
    line-height  : 40px;
    text-align   : center;
    border-radius: 43px;
    border       : 1px solid #e60039;
    color        : #e60039;
    font-size    : 18px
}

.t-main .t-page8 .wifi6 {
    max-width: 1920px;
    margin   : 0 auto;
    display  : block
}

.t-main .t-page8 .wifi6 .text-composable {
    display       : inline-block;
    vertical-align: middle;
    height        : 100%;
    width         : 100%
}

.t-main .t-page8 .wifi6 .wrapper {
    padding-top: 64px;
    margin     : 0 auto;
    max-width  : 1400px;
    position   : relative
}

.t-main .t-page8 .wifi6 .wrapper .h3-title {
    font-size     : 40px;
    color         : #333;
    text-align    : center;
    padding-bottom: 34px
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box {
    position: relative
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nutshell-dynamic-one {
    border-radius: 8px;
    overflow     : hidden
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nutshell-dynamic-one .nutshell-content {
    padding: 30px 5px
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nutshell-dynamic-one .nutshell-content .myimg {
    height: 80px
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nutshell-dynamic-one .nutshell-content .myimg2 {
    height      : 100px;
    padding-left: 20px
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nutshell-dynamic-one .nutshell-content .con {
    display: none
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nutshell-dynamic-one .nutshell-content .smcon {
    display: block
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nutshell-dynamic-one .nutshell-content .smcon .tit {
    font-size  : 20px;
    color      : #424242;
    position   : absolute;
    top        : 40px;
    left       : 125px;
    line-height: 34px
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nutshell-dynamic-one .nutshell-content .smcon .text {
    font-size: 20px;
    color    : #424242;
    position : absolute;
    top      : 140px;
    left     : 50px
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nutshell-dynamic-one .nutshell-content .smcon .text p {
    padding-bottom: 10px
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nutshell-dynamic-one,
.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nutshell-name {
    -webkit-transition: all .7s;
    transition        : all .7s;
    color             : #666
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-active {
    width          : 810px;
    color          : #666;
    position       : relative;
    top            : 0;
    left           : 0;
    z-index        : 99;
    opacity        : 1;
    background     : url(/fa/wx/20200907/RJ-img/lunbobg.png) no-repeat center center;
    background-size: cover;
    height         : 480px
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-active .nutshell-content {
    position: relative;
    padding : 50px 40px
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-active .nutshell-content .myimg {
    height : 140px;
    display: block;
    float  : left
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-active .nutshell-content .myimg2 {
    height      : 200px;
    padding-left: 0
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-active .nutshell-content .con {
    position    : absolute;
    top         : 55px;
    left        : 200px;
    display     : block;
    padding-left: 60px
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-active .nutshell-content .con .tit {
    font-size     : 24px;
    color         : #424242;
    padding-bottom: 30px
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-active .nutshell-content .con .bottom {
    font-size: 18px
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-active .nutshell-content .con .bottom p {
    padding-bottom: 10px
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-active .nutshell-content .con .bottom .bluetit {
    color: #274696
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-active .nutshell-content .con .bottom .smtit {
    color: #424242
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-active .nutshell-content .smcon {
    display: none
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-active .nutshell-describe,
.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-active .nutshell-name,
.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-active .nutshell-text,
.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-active .nutshell-title {
    position: absolute;
    width   : 44%;
    right   : 15%
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-one,
.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-two {
    position          : absolute;
    top               : 8%;
    width             : 300px;
    height            : 350px;
    opacity           : 1;
    -webkit-box-shadow: 0 6px 12px 0 rgba(0, 0, 0, .1);
    box-shadow        : 0 6px 12px 0 rgba(0, 0, 0, .1);
    cursor            : pointer;
    background        : #eff4f7
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-one {
    left   : 55%;
    z-index: 997
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-two {
    left   : 79%;
    z-index: 997
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box .nut-hide {
    position         : absolute;
    z-index          : 1;
    top              : 100px;
    left             : 50%;
    opacity          : 0;
    -webkit-transform: scale(.5);
    -ms-transform    : scale(.5);
    transform        : scale(.5)
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper .nutshell-dynamic-container {
    position: relative;
    width   : 100%;
    margin  : 0 auto
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper #nutshell-dynamic-box {
    width : 100%;
    height: 500px
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper .nutshell-prev {
    position: absolute;
    top     : 180px;
    left    : -50px;
    width   : 21px;
    height  : 37px;
    cursor  : pointer
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view .wrapper .nutshell-next {
    position: absolute;
    top     : 180px;
    right   : -50px;
    width   : 21px;
    height  : 37px;
    cursor  : pointer
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view #nutshell-the-page {
    position: absolute;
    right   : 0;
    bottom  : 10px
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view #nutshell-the-page>section .swiper-pagination-switch {
    display         : inline-block;
    width           : 15px;
    height          : 15px;
    border-radius   : 50%;
    margin          : 0 8px;
    cursor          : pointer;
    background-color: #e6eaec
}

.t-main .t-page8 .wifi6 .wifi6-05.big-view #nutshell-the-page>section .swiper-active-switch {
    background-color: #c7000b
}

.t-main .t-page9 .t-content {
    max-width: 1230px
}

.t-main .t-page9 .page9-cont {
    padding-top   : 50px;
    padding-bottom: 50px;
}

.t-main .t-page9 .page9-cont .item {
    float : left;
    width : 32%;
    height: 350px
}

.t-main .t-page9 .page9-cont .item .warp {
    width : 400px;
    margin: 0 auto
}

.t-main .t-page9 .page9-cont .item .warp .img {
    width   : 100%;
    height  : calc(100% - 80px);
    overflow: hidden
}

.t-main .t-page9 .page9-cont .item .warp .img img {
    -webkit-transition: all 1s;
    transition        : all 1s;
    width             : 100%
}

.t-main .t-page9 .page9-cont .item .warp .img:hover {
    cursor: pointer
}

.t-main .t-page9 .page9-cont .item .warp .img:hover img {
    -webkit-transform: scale(1.2);
    -ms-transform    : scale(1.2);
    transform        : scale(1.2)
}

.t-main .t-page9 .page9-cont .item .warp .bot {
    background-color: #516378;
    height          : 80px;
    width           : 100%;
    text-align      : center;
    line-height     : 80px;
    font-size       : 24px;
    color           : #fff
}

.t-main .t-page9 .page9-cont .item2 {
    margin: 0 0 0 25px
}

.t-main .t-page9 .page9-cont .item3 {
    float: right
}

.t-main .t-page9 .bott {
    text-align: center;
    margin    : 90px 0 50px
}

.t-main .t-page9 .bott .btn {
    margin          : 0 10px;
    display         : inline-block;
    width           : 190px;
    height          : 40px;
    line-height     : 40px;
    text-align      : center;
    border-radius   : 43px;
    background-color: #fff;
    border          : 1px solid #e60039;
    color           : #e7323b;
    font-size       : 18px
}

@media screen and (max-width:1250px) {
    .t-main .t-sub-title {
        font-size: 16px
    }

    .t-main .t-page2 .t-content .page2-cont .list {
        width        : 100%;
        border-bottom: 1px solid;
        padding      : 10px 0
    }

    .t-main .t-page2 .t-content .page2-cont .list .left {
        float     : left;
        width     : 48%;
        text-align: center
    }

    .t-main .t-page2 .t-content .page2-cont .list .left .img {
        padding: 20px 0 10px
    }

    .t-main .t-page2 .t-content .page2-cont .list .left .text {
        font-size: 36px
    }

    .t-main .t-page2 .t-content .page2-cont .list .right {
        float: right;
        width: 48%
    }

    .t-main .t-page3 .page3-cont li {
        width        : 50%;
        margin-bottom: 40px
    }

    .t-main .t-page5 {
        background     : url(/fa/wx/20200907/RJ-img/page5-bg.png) no-repeat center center;
        background-size: cover
    }

    .t-main .t-page5 .t-content .page5-cont .item {
        width : 50%;
        height: 520px;
        float : left
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp {
        margin         : 0 auto;
        height         : 100%;
        width          : 420px;
        background     : url(/fa/wx/20200907/RJ-img/page5-icon1.png) no-repeat center center;
        background-size: contain;
        position       : relative
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp .top {
        position  : absolute;
        left      : 30px;
        top       : 130px;
        text-align: center
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp .top .tt {
        font-size: 18px;
        color    : #0b3f72
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp .top .bb {
        font-size: 18px;
        color    : #ca404f
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp .bot {
        position   : absolute;
        top        : 250px;
        left       : 30px;
        font-size  : 20px;
        line-height: 40px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp .bot p span {
        color: #316aa3
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp2 {
        background     : url(/fa/wx/20200907/RJ-img/page5-icon2.png) no-repeat center center;
        background-size: contain
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp2 .top {
        left: 13px;
        top : 130px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp2 .bot {
        top : 250px;
        left: 75px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp3 {
        background     : url(/fa/wx/20200907/RJ-img/page5-icon3.png) no-repeat center center;
        background-size: contain
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp3 .top {
        left: 80px;
        top : 130px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp3 .bot {
        top : 250px;
        left: 90px
    }

    .t-main .t-page6 .t-content .page6-cont {
        margin-top: 100px;
        height    : 430px;
        position  : relative
    }

    .t-main .t-page6 .t-content .page6-cont .img {
        float     : left;
        width     : 50%;
        height    : 200px;
        text-align: center
    }

    .t-main .t-page6 .t-content .page6-cont .img img {
        position: static
    }

    .t-main .t-page6 .t-content .bot .btn {
        margin: 0 0 50px
    }

    .t-main .t-page7 {
        background     : url(/fa/wx/20200907/RJ-img/page7-bg.png) no-repeat center center;
        background-size: cover
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .hd ul li {
        margin: 5px 5px;
        width : 97%
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd {
        padding-top: 260px
    }

    .t-main .t-page8 .t-content {
        display       : block;
        padding-bottom: 0
    }

    .t-main .t-page8 .bot {
        text-align: center;
        position  : static;
        right     : 20px;
        bottom    : 0
    }

    .t-main .t-page8 .bot .btn {
        display      : inline-block;
        margin       : 20px auto 0;
        width        : 210px;
        height       : 40px;
        line-height  : 40px;
        text-align   : center;
        border-radius: 43px;
        border       : 1px solid #e60039;
        color        : #e60039;
        font-size    : 18px
    }

    .t-main .t-page8 .wifi6 {
        display: none
    }

    .t-main .t-page9 .page9-cont .item {
        width : 48%;
        height: 350px
    }

    .t-main .t-page9 .page9-cont .item .warp {
        width : 400px;
        margin: 0 auto
    }

    .t-main .t-page9 .page9-cont .item .warp .img {
        width   : 100%;
        height  : calc(100% - 80px);
        overflow: hidden
    }

    .t-main .t-page9 .page9-cont .item .warp .img img {
        -webkit-transition: all 1s;
        transition        : all 1s;
        width             : 100%
    }

    .t-main .t-page9 .page9-cont .item .warp .img:hover {
        cursor: pointer
    }

    .t-main .t-page9 .page9-cont .item .warp .img:hover img {
        -webkit-transform: scale(1.2);
        -ms-transform    : scale(1.2);
        transform        : scale(1.2)
    }

    .t-main .t-page9 .page9-cont .item .warp .bot {
        background-color: #516378;
        height          : 80px;
        width           : 100%;
        text-align      : center;
        line-height     : 80px;
        font-size       : 24px;
        color           : #fff
    }

    .t-main .t-page9 .page9-cont .item2 {
        float: right
    }

    .t-main .t-page9 .page9-cont .item3 {
        float     : left;
        margin-top: 50px
    }
}

@media screen and (max-width:768px) {
    .phone-two .t-main-title {
        font-size: 18px !important;
    }

    .t-main .t-main-title {
        font-size: 34px
    }

    .t-main .t-sub-title {
        font-size: 12px;
        padding  : 0 15px;
    }

    .t-main .show-pc {
        display: none
    }

    .t-main .show-mobile {
        display: block
    }

    .t-main .t-page1 {
        height: 404px
    }

    .t-main .t-page1 .page1-cont {
        width      : 94%;
        margin     : 0 auto;
        padding-top: 0;
        position   : relative;
        top        : 50px
    }

    .t-main .t-page1 .page1-cont .page1-btnList {
        padding-top: 280px;
        text-align : center;
        clear      : both;
        overflow   : hidden
    }

    .t-main .t-page1 .page1-cont .page1-btnList .btn.btn2 {
        background: 0 0;
        border    : 1px solid #e60039;
        color     : #e60039
    }

    .t-main .t-page1 .page1-cont .page1-btnList .btn {
        min-width  : 30%;
        font-size  : 17px;
        height     : 33px;
        line-height: 33px;
        float      : left;
        margin     : 0 7px 5px 0
    }

    .t-main .t-page2 {
        margin-top: 0
    }

    .t-main .t-page2 .t-content .page2-cont {
        height: 250px
    }

    .t-main .t-page2 .t-content .page2-cont .list {
        width        : 100%;
        height       : 100%;
        float        : left;
        border-bottom: 1px solid
    }

    .t-main .t-page2 .t-content .page2-cont .list .left {
        float     : left;
        width     : 40%;
        text-align: center
    }

    .t-main .t-page2 .t-content .page2-cont .list .right {
        float: right;
        width: 60%
    }

    .t-main .t-page2 .t-content .page2-cont .list .right .top .tt {
        font-size     : 18px;
        color         : #e60039;
        padding-bottom: 5px
    }

    .t-main .t-page2 .t-content .page2-cont .list .right .top .tet {
        font-size     : 40px;
        color         : #919191;
        padding-bottom: 10px
    }

    .t-main .t-page2 .t-content .page2-cont .list .right .top .tet span {
        font-size: 24px
    }

    .t-main .t-page2 .t-content .page2-cont .list .right .con {
        color      : #737373;
        padding-top: 15px
    }

    .t-main .t-page3 .page3-cont li {
        width : 20%;
        height: 245px;
    }

    .t-main .t-page3 .page3-cont li .warp {
        background-size: cover;
    }

    .t-main .t-page3 .page3-cont li .warp .tit {
        font-size: 16px;
    }

    .t-main .t-page3 .page3-cont li .warp .icon {
        height: 55px;
    }

    .t-main .t-page3 .page3-cont li .warp .smtit {
        top      : 93px;
        font-size: 16px;
    }

    .t-main .t-page3 .page3-cont li .warp .con {
        font-size: 16px;
    }

    .t-main .t-page3 .scroll {
        width     : 100%;
        overflow-x: scroll
    }

    .t-main .t-page3 .page3-cont {
        padding-top: 30px;
        width      : 920px;
        overflow   : hidden;
    }

    .t-main .t-page3 .page3-cont li .warp {
        width: 96%;
    }

    .t-main .t-page4 .t-content .page4-cont .item {
        width     : 100%;
        margin-top: 20px
    }

    .t-main .t-page4 .t-content .page4-cont .item .warp {
        width: 330px
    }

    .t-main .t-page5 .t-content .page5-cont {
        padding-top: 0;
        width      : 960px;
    }

    .t-main .t-page5 .t-content .page5-cont .item {
        width : 100%;
        height: 326px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp {
        width: 360px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp .top {
        left: 40px;
        top : 100px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp .top .tt {
        font-size: 14px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp .top .bb {
        font-size: 14px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp .bot {
        top      : 200px;
        left     : 40px;
        font-size: 16px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp2 .top {
        left: 30px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp2 .bot {
        left: 65px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp3 .top {
        left: 80px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp3 .bot {
        left: 90px
    }

    .t-main .t-page6 .t-content .page6-cont {
        margin-top: 40px;
        height    : 430px;
        position  : relative
    }

    .t-main .t-page6 .t-content .page6-cont .img {
        float     : left;
        width     : 100%;
        height    : 200px;
        text-align: center
    }

    .t-main .t-page6 .t-content .page6-cont .img img {
        position: static
    }

    .t-main .t-page6 .t-content .bot .btn {
        margin     : 50px 0;
        width      : 200px;
        height     : 30px;
        line-height: 30px;
        font-size  : 14px;
    }

    .t-main .t-page7 {
        background     : url(/fa/wx/20200907/RJ-img/page7-bg.png) no-repeat center center;
        background-size: cover
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox {
        padding-top: 35px;
        text-align : left;
        margin     : 0 auto;
        max-width  : 1124px
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item {
        padding: 0px;
        zoom   : 1
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list {
        width        : 100%;
        float        : left;
        padding      : 20px 0;
        border-bottom: 1px solid
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp {
        text-align: center;
        width     : 260px
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .tt {
        font-size: 24px;
        color    : #353535;
        padding  : 15px 0 25px
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .smtt {
        font-size: 20px;
        color    : #333
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .bott {
        padding-top: 65px;
        font-size  : 20px;
        color      : #162e56
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .jt {
        padding: 30px 0
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .botsmt {
        font-size: 20px;
        color    : #162e56
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .one .warp {
        float : none;
        margin: 0 auto
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .two .warp {
        margin: 0 auto
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .tre .warp {
        float : none;
        margin: 0 auto
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .fro .warp {
        margin: 0 auto
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .bot {
        text-align: center;
        padding   : 90px 0 50px
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .bot .btn {
        margin          : 10px 10px;
        display         : inline-block;
        width           : 240px;
        height          : 40px;
        line-height     : 40px;
        text-align      : center;
        border-radius   : 43px;
        background-color: #e60039;
        border          : 1px solid #e60039;
        color           : #fff;
        font-size       : 16px
    }

    .t-main .t-page9 .page9-cont {
        margin: 0 auto
    }

    .t-main .t-page9 .page9-cont .item {
        width : 100%;
        height: 350px;
        margin: 0 auto 50px
    }

    .t-main .t-page9 .page9-cont .item .warp {
        width : 350px;
        margin: 0 auto
    }

    .t-main .t-page9 .page9-cont .item .warp .img {
        width   : 100%;
        height  : calc(100% - 80px);
        overflow: hidden
    }

    .t-main .t-page9 .page9-cont .item .warp .img img {
        -webkit-transition: all 1s;
        transition        : all 1s;
        width             : 100%
    }

    .t-main .t-page9 .page9-cont .item .warp .img:hover {
        cursor: pointer
    }

    .t-main .t-page9 .page9-cont .item .warp .img:hover img {
        -webkit-transform: scale(1.2);
        -ms-transform    : scale(1.2);
        transform        : scale(1.2)
    }

    .t-main .t-page9 .page9-cont .item .warp .bot {
        background-color: #516378;
        height          : 80px;
        width           : 100%;
        text-align      : center;
        line-height     : 80px;
        font-size       : 24px;
        color           : #fff
    }

    .t-main .t-page9 .page9-cont .item2 {
        float: left
    }

    .t-main .t-page9 .page9-cont .item3 {
        float: left
    }
}

@media screen and (max-width:480px) {
    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .hd ul {
        width          : 100%;
        display        : flex;
        justify-content: space-between;
    }

    .t-main .t-page8 .bot .btn {
        width      : 180px;
        height     : 30px;
        line-height: 30px;
        font-size  : 16px;

    }

    .t-main .t-page3 .bot .btn {
        margin     : 24px 5px 0;
        width      : 128px;
        height     : 30px;
        line-height: 30px;
        font-size  : 12px;
    }

    .t-main .t-page3 .page3-cont li {
        margin-bottom: 0;
    }

    .t-main .t-page4 {
        margin-top: 40px;
    }

    .t-main .t-main-title {
        padding  : 30px 0 0 0;
        width    : 90%;
        font-size: 18px
    }

    .t-main .t-page1 {
        height: 204px
    }

    .t-main .t-page1 .page1-cont .page1-btnList {
        padding-top: 100px
    }

    .t-main .t-page2 .t-content .page2-cont {
        height: 250px
    }

    .t-main .t-page2 .t-content .page2-cont .list {
        width        : 100%;
        height       : 100%;
        float        : left;
        border-bottom: 1px solid #eee
    }

    .t-main .t-page2 .t-content .page2-cont .list .left {
        float     : left;
        width     : 40%;
        text-align: center
    }

    .t-main .t-page2 .t-content .page2-cont .list .right {
        float: right;
        width: 55%
    }

    .t-main .t-page2 .t-content .page2-cont .list .right .top .tt {
        font-size     : 14px;
        color         : #e60039;
        padding-bottom: 5px
    }

    .t-main .t-page2 .t-content .page2-cont .list .right .top .tet {
        font-size     : 28px;
        color         : #919191;
        padding-bottom: 30px
    }

    .t-main .t-page2 .t-content .page2-cont .list .right .top .tet span {
        font-size: 24px
    }

    .t-main .t-page2 .t-content .page2-cont .list .right .con {
        color      : #737373;
        padding-top: 0
    }

    .t-main .t-page4 .t-content .page4-cont .item .warp {
        width: 300px
    }

    .t-main .t-page5 .t-content .page5-cont .item {
        width: 31%
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp {
        width: 96%
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp .top {
        left: 25px;
        top : 69px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp .top .tt {
        font-size: 12px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp .top .bb {
        font-size: 12px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp .bot {
        top      : 146px;
        left     : 30px;
        font-size: 13px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp2 .top {
        left: 20px
    }

    .t-main .t-page5 .t-content .scroll {
        width     : 100%;
        overflow-x: scroll;
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp2 .bot {
        left: 60px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp3 .top {
        left: 70px
    }

    .t-main .t-page5 .t-content .page5-cont .item .warp3 .bot {
        left: 76px
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .hd ul li {
        width      : 22%;
        line-height: 40px;
        font-size  : 16px;
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd {
        padding-top: 22px;
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list {
        width        : 33%;
        padding      : 0;
        border-bottom: none;
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp {
        width: 126px;
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .tt {
        font-size  : 16px;
        white-space: nowrap;
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .smtt {
        font-size: 12px;
        height   : 50px;
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .bott {
        padding-top: 30px;
        font-size  : 12px;
        color      : #162e56;
        white-space: nowrap;

    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .botsmt {
        font-size: 12px;
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .bot {
        padding: 30px 0 50px;
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .fro {
        width: 100%;
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item2 .mycon .bott {
        font-size  : 12px;
        padding-top: 0;
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item2 .mycon .botsmt {
        font-size: 12px;
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .icon {
        height: 60px;
    }

    .t-main .t-page9 .scroll {
        width     : 100%;
        overflow-x: scroll;
    }

    .t-main .t-page9 .page9-cont {
        margin        : 0 auto;
        width         : 500px;
        padding-top   : 30px;
        padding-bottom: 40px;
        padding-left  : 5px;
    }

    .t-main .t-page9 .page9-cont .item {
        width : 33%;
        height: 135px;
        margin: 0 auto 10px
    }

    .t-main .t-page9 .page9-cont .item .warp {
        width: 96%;
    }

    .t-main .t-page9 .page9-cont .item .warp .bot {
        height     : 45px;
        line-height: 45px;
        font-size  : 14px;
    }

    .t-main .t-page5 .t-content .bot .btn {
        width      : 120px;
        height     : 30px;
        line-height: 30px;
        font-size  : 12px;
        margin     : 20px 0 30px;
    }
}

@media screen and (max-width:320px) {
    .phone-two .t-main-title {
        font-size  : 14px !important;
        white-space: nowrap;
    }
    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp{
        width: 96px;
    }
    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .tt{
        text-overflow     : ellipsis;
        overflow          : hidden;

    }
    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .smtt {
        font-size         : 12px;
        height            : 30px;
        display           : -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow          : hidden;
        text-overflow     : ellipsis;
        word-break        : break-all;
    }
    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp .bott{
        display           : -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        overflow          : hidden;
        text-overflow     : ellipsis;
        word-break        : break-all;

    }

    /* 
    .t-main .t-page9 .page9-cont .item {
        height: 260px;
    } */

    .t-main .t-main-title {
        /* padding: 0px 0 5px 0; */
        width: 90%
    }

    /* 
    .t-main .t-page9 .page9-cont {
        width: 810px;
    }

    .t-main .t-page9 .page9-cont .item .warp {
        width: 95%;
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list {
        width: 30%;
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .fro {
        width: 100%;
    }

    .t-main .t-page7 .t-content .page7-cont .slideTxtBox .bd .item .warp .list .warp {
        width: 126px;
    } */

    .t-main .t-page1 .page1-cont {
        width: 97%
    }

    .t-main .t-page1 .page1-cont .page1-btnList {
        margin    : 0 auto;
        text-align: center;
        clear     : both;
        overflow  : hidden
    }

    .t-main .t-page1 .page1-cont .page1-btnList .btn {
        margin     : 0 5px 5px 0 !important;
        min-width  : 31%;
        font-size  : 14px;
        height     : 28px;
        line-height: 28px
    }

    .t-main .t-page2 .t-content .page2-cont {
        height: 250px
    }

    .t-main .t-page2 .t-content .page2-cont .list .left {
        float     : left;
        width     : 30%;
        text-align: center
    }

    .t-main .t-page2 .t-content .page2-cont .list .left img {
        width: 100%
    }

    .t-main .t-page2 .t-content .page2-cont .list .right {
        float: right;
        width: 65%
    }

    .t-main .t-page2 .t-content .page2-cont .list .right .top .tt {
        font-size     : 14px;
        color         : #e60039;
        padding-bottom: 5px
    }

    .t-main .t-page2 .t-content .page2-cont .list .right .top .tet {
        font-size     : 28px;
        color         : #919191;
        padding-bottom: 30px
    }

    .t-main .t-page2 .t-content .page2-cont .list .right .top .tet span {
        font-size: 24px
    }

    .t-main .t-page2 .t-content .page2-cont .list .right .con {
        color      : #737373;
        padding-top: 0
    }
}

/*# sourceMappingURL=style.min.css.map */