/* @media screen and (max-width:1920px){ */
  
    .hader_box{
        width: 100%;
        height: auto;
        overflow: hidden;
        margin-top: 0px;
        background: url(../images/header.jpg) no-repeat center;
    }
    
.titlefont{
    margin-top: 260px;
    width: 100%;
    float: left;
    font-size: 60px;
    font-family: Alibaba PuHuiTi Regular, Alibaba PuHuiTi Regular-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
}
.title_small{
    width: 100%;
    float: left;
    font-size: 24px;
    font-family: Alibaba PuHuiTi Regular, Alibaba PuHuiTi Regular-Regular;
    font-weight: 400;
    text-align: left;
    color: #ffffff;
    margin-top: 20px;
    margin-bottom: 205px;
}
.productvbox{
    height: 1104px;
    background: #ECEEF4;
    overflow: hidden;
}
.product_title_box{
    float: left;
    margin-top: 120px;
    text-align: left;
    font-size: 40px;
        font-weight: 400;
    color: #262626;
    margin-bottom: 51px;
}   
.product_font_left{
    float: right;
    font-size: 20px;
    font-weight: 600;
    margin-top: 120px;
    color: #262626;
    text-align: right;
      margin-right: 50px;
}


.product_font_right{
     float: right;
    font-size: 20px;
    font-weight: 600;
    margin-top: 120px;
    color: #262626;
    text-align: right;
   
}

.vpicbox{
    width: 790px;
    height: 694px;
    background: url(../images/padv.png) no-repeat center;
    margin-top: 180px;
}
.vzizhu{
    width: 121px;
    height: 121px;
    background: url(../images/pczz.png) no-repeat center;
    position: absolute;
    margin-top: 250px;
    animation: up 2s linear infinite;
    cursor: pointer;
}
.vfxian{
    width: 66px;
    height: 66px;
    background: url(../images/pcfaxian.png) no-repeat center;
    position: absolute;
    margin-top: 520px;
    animation: up 2.2s linear infinite;
    cursor: pointer;
}
.vdpan{
    width: 224px;
    height: 224px;
    background: url(../images/pcdapan.png) no-repeat center;
    position: absolute;
    margin-top: 458px;
    animation: up 2.4s linear infinite;
    cursor: pointer;
}
.vpczhibiao{
    width: 171px;
    height: 171px;
    background: url(../images/pczb.png) no-repeat center;
    position: absolute;
    margin-top: 121px;
    animation: up 2.2s linear infinite;
    cursor: pointer;
}
.vxzhanfa{
    width: 99px;
    height: 99px;
    background: url(../images/pczhanfa.png) no-repeat center;
    position: absolute;
    margin-top: 321px;
    animation: up 1.9s linear infinite;
    cursor: pointer;
}
@keyframes up {
    0% {
        -webkit-transform: translateY(0);
    }
    25% {
        -webkit-transform: translateY(-5px);
    }

    50% {
        -webkit-transform: translateY(0px);
    }
    75% {
        -webkit-transform: translateY(5px);
    }
    100% {
        -webkit-transform: translateY(0px);
    }
}
.moneybox{
    width: 100%;
   float: left;
    text-align: left;
    font-size: 14px;
    font-weight: 500;
    margin-top: -80px;
}
.moneynum{
    font-size: 40px;
    font-family:Sequel65;
    font-weight: 65 Wide;
}
.vfoot_fontbox{
    float: right;
    font-size: 14px;
    font-weight: 400;
    text-align: right;
    color: #a0a0a0;
    margin-top: -60px;
}
.productxbox{
    height: 1080px;
    overflow: hidden;
}
.xpicbox{
    width: 608px;
    height: 357px;
    background: url(../images/xycomputer.png) no-repeat center;
margin-bottom:270px;
    margin-top: 222px;
    z-index: 99;
}
.xdpan{
    width: 229px;
    height: 93px;
    position: absolute;
    background: url(../images/xdapan.png) no-repeat center;
    margin-top: 175px;
    animation: ups 2.4s linear infinite;
    cursor: pointer;
}
.xpczhibiao{
    width: 180px;
    height: 61px;
    position: absolute;
    background: url(../images/xzhibiao.png) no-repeat center;
    margin-top: 222px;
    animation: ups 2.2s linear infinite;
    cursor: pointer;
}
.xfaxian{
    width: 266px;
    height: 68px;
    position: absolute;
    background: url(../images/xfaxian.png) no-repeat center;
    margin-top: 350px;
    animation: ups 3s linear infinite;
    cursor: pointer;
}
.xzhanfa{
    width: 160px;
    height: 47px;
    position: absolute;
    background: url(../images/xzhanfa.png) no-repeat center;
    margin-top: 445px;
    animation: ups 2.6s linear infinite;
    cursor: pointer;
}
.xzizhu{
    width: 160px;
    height: 72px;
    position: absolute;
    background: url(../images/xzizhu.png) no-repeat center;
    margin-top: 518px;
    margin-left: 722px;
    animation: ups 2s linear infinite;
    cursor: pointer;
}
@keyframes ups {
    0% {
    -webkit-transform: translateX(0);
    }

    25% {
        -webkit-transform: translateX(-5px);
    }
    50% {
        -webkit-transform: translateX(0px);
    }
    75% {
        -webkit-transform: translateX(5px);
    }
    100% {
        -webkit-transform: translateX(0px);
    }
}
.productkbox{
    background: -webkit-linear-gradient(left top, #f87067 , #f23932); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #f87067, #f23932); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #f87067, #f23932); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #f87067 , #f23932); /* 标准的语法（必须放在最后）*/
    overflow: hidden;
}
.moneykbox{
    color: #ffffff;
    margin-top: 120px;
    text-align: right;
}
.kyingbag{
    width: 1814px;
    height: 772px;
    background: url(../images/kyingpic.png) no-repeat center;
    float: left;
    margin-left: -326px;
    margin-top: 370px;
}
.kdpics{
    background: url(../images/kyfont.png) no-repeat center;
    position: absolute;
    width: 52px;
    height: 132px;
 color: #FF3128;
    text-align: center;
    font-size: 18px;
    cursor: pointer;
}
.kdpics:hover{
    background: url(../images/kyfontw.png) no-repeat center;
}
.kdpan{
        margin-top: 494px;
    margin-left: 13px;
       animation: up 2.5s linear infinite;
}
.kzhibiao{
        margin-top: 384px;
    margin-left: 223px;
       animation: up 1.9s linear infinite;
}
.kzhanfa{
        margin-top: 326px;
    margin-left: 542px;
       animation: up 2.2s linear infinite;
}
.kfaxian{
        margin-top: 384px;
    margin-left: 878px;
    line-height: 50px;
       animation: up 1.6s linear infinite;
}
.kzizhu{
        margin-top: 494px;
    margin-left: 1101px;
       animation: up 2.8s linear infinite;
}
.productrbox{
    width: 100%;
    min-width: 1000px;
    background: -webkit-linear-gradient(left top, #313131 , #000000); /* Safari 5.1 - 6.0 */
    background: -o-linear-gradient(bottom right, #313131, #000000); /* Opera 11.1 - 12.0 */
    background: -moz-linear-gradient(bottom right, #313131, #000000); /* Firefox 3.6 - 15 */
    background: linear-gradient(to bottom right, #313131 , #000000); /* 标准的语法（必须放在最后）*/
    overflow: hidden;
    height: 1080px;
}
.rbagpic{
    width: 990px;
    height: 577px;
    background: url(../images/rpicbag.png) no-repeat center;
    margin-top: 274px;
    background-size: 100%;
    margin-left: 10px;
    
}
.rdapan{
    width: 120px;
    height: 52px;
    background: linear-gradient(to right,#452423,#7e2a25);
    border-radius: 5px;
    z-index: 99;
    position: absolute;
    color: black;
    font-size: 18px;
    line-height: 52px;
    text-align: center;
}
.R_dp_triangle{
     width: 20px;
    height: 20px;
    background: linear-gradient(to top right,#5c2724,#662724);
    transform: rotate(45deg);
    margin-top: 40px;
    position: absolute;
    margin-left: 48px;
}
.r_dp_box{
    cursor: pointer;
    position: absolute;
    margin-top: 330px;
     animation: up 1.9s linear infinite;

}
.R_zb_triangle{
 width: 15px;
    height: 15px;
    background:#452423;
    transform: rotate(45deg);
    margin-left: -8px;
    margin-top: 19px;
    position: absolute;
}
.r_zhibiao_box{
margin-top: 605px;
    margin-left: 88px;
    position: absolute;
    animation: ups 2s linear infinite;
    cursor: pointer;
}
.r_zhanfa_box{
margin-top: 479px;
    margin-left: 1011px;
    position: absolute;
    animation: ups 1.8s linear infinite;
    cursor: pointer;
}
.r_faxian_box{
margin-top: 697px;
    margin-left: 1025px;
    position: absolute;
    animation: ups 2.2s linear infinite;
    cursor: pointer;
}
.r_zizhu_box{
    margin-top: 805px;
    margin-left: 935px;
    position: absolute;
    animation: ups 2.6s linear infinite;
    cursor: pointer;
}
.foot_box{
    width: 100%;
    height: 400px;
    background: #1a1a1a;
}
.foot_logo{
    width: 138px;
    height: 38px;
    
}
.parent_foot_box{
    width: 100%;
    height: 200px;
    margin-top: 110px;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.foot_logo  img{
       width: 100%;
   }

     .foot_child2{
        width: 371px;
     display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
   }

   .child3_box{
    width: 115px;
   }
      .child3-font{
       font-size: 12px;
       color: #4D4D4D;
       margin-top: 20px;float: left;
   }
   .child3_right{
       text-align: right;
       float: right;
   }
   .child3-title{
       font-size: 14px;
       color: #ffffff;
   }

   .child3_top{
       width: 100%;
       height: 71px;
     display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    border-bottom: 1px solid #4d4d4d;
   }
   .logo_foot_font{
       float: left;
       font-size: 12px;
       margin-top: 63px;
   }
   .child3_bottom{
        width: 100%;
        text-align: right;
        float: right;
        margin-top: 10px;
   }
.first_foot_menue{
    font-size: 14px;
    color: #ffffff;
    font-weight: bold;
    
}
.menue_list{
text-align: center;
}
.second_foot_menue{
    margin-top: 20px;
   
}
.list_menue{
    line-height: 35px;
}
.list_menue a{
    color: #4d4d4d;
}
.foot_bottom_box{
    width: 100%;
    height: 80px;
    background: #000000;
    margin-top: 8px;
}
.foot_bottom_parent{
    width: 100%;
     display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.foot_iteam_box{
    color: #4d4d4d;
    font-size: 14px;
    margin-top: 35px;
}
.foot_iteam_box a{
   font-size: 12px;
   color: #4d4d4d;
   margin-left: 10px;
}
.index_pic{
    background: url(../images/indexfirstpic.jpg) no-repeat center;
    margin-top: 0px;
    height: 1000px;
}
.head_index_h{
    width: 35px;
    height: 6px;
    background: #ff3b30;
    margin-top: 806px;
}
.index_sowft{
    width: 100%;
    min-width: 1000px;
    height: 1300px;
    overflow-x: hidden;
    margin-top: -249px;
}
.computer_sowft{
    width: 1224px;
    height: 1009px;
    background: url(../images/indexcomputer.png) no-repeat center;
    float: right;
    margin-right: -250px;
}
.index_title_style{
    margin-top: 400px;
    font-size: 40px;
    line-height: 30px;
    position: absolute;
}
.indextab{
    width: 100%;
    border: 2px solid black;
    margin-top: -400px;
    float: left;
}
.indextab li{
    width: 25%;
    height: 332px;
    border: 1px solid #dcdcdc;
    text-align: center;
    float: left;
}
.indextab img{
    margin-top: 75px;
}
.ts_title{
    margin-top: 70px;
    font-size: 20px;
    font-weight: bold;
}
.ts_jj{
    font-size: 12px;
    margin-top: 19px;
    margin-bottom: 40px;
}
.index_phone_sowft_box{
    width: 100%;
    height: 1080px;
    background: url(../images/phone_box.jpg) no-repeat center;
    overflow: hidden;
}
.title_english{
    color: #ffffff;
    float: right;
    font-size: 16px;
    text-align: right;
    margin-top: 116px;
}
.ball{
    width: 193px;
    height: 193px;
    border-radius: 50%;
    background: linear-gradient(to top right,#9b7658 0%, #ffe7c5 100%);
    margin-top: -50px;
    margin-left: 438px;
    text-align: center;
    color: #ffffff;
    font-size: 20px;
    font-weight: bold;
    padding: 87px 0;
    z-index:999;
}
.position_color{
     background: linear-gradient(to top right,#5856d6 0%, #c644fc 100%);
     box-shadow: -28px 70px 100px 0px rgba(0,0,0,0.15); 
}
.position_1{
    margin-left: 92px;
    margin-top: 185px;
    padding: 72px 0;
    position: absolute;
}
.position_2{
width: 128px;
    height: 128px;
    margin-left: 1022px;
    margin-top: 325px;
    padding: 36px 0;
    position: absolute;
}
.position_3{
    width: 169px;
    height: 169px;
    margin-top: 687px;
    padding: 57px 0;
    position: absolute;
    margin-left: 925px;
    line-height: 66px;
}
.position_4{
width: 100px;
    height: 100px;
    margin-left: 0px;
    margin-top: 541px;
    padding: 37px 0;
    position: absolute;
}
.position_5{
width: 100px;
    height: 100px;
    margin-top: 522px;
    margin-left: 174px;
    padding: 23px 0;
    margin-left: 847px;
    position: absolute;

}
.position_6{
width: 191px;
    height: 191px;
    margin-top: 723px;
    margin-left: 174px;
    padding: 23px 0;
    margin-left: 189px;
    position: absolute;
    line-height: 163px;
}
.position_7{
    width: 128px;
    height: 128px;
    margin-top: 152px;
    margin-left: 766px;
    padding: 42px 2px;
    padding-left: 0px;
    position: absolute;

}
.phones_pic{

    width: 1000px;
    height: 956px;
    /* position: absolute; */
    top: 4700px;
    /* left: 0; */
    float: right;
    /* right: 0; */
    /* bottom: 0; */
    margin-top: -757px;
    /* margin: auto; */
    margin-right: 66px;

    background: url(../images/phonespic.png) no-repeat center;
        overflow: hidden;
}
.index_product_center{
    background: #ECEEF4;
    width: 100%;
    height: 860px;
}
.index_product_parent{
    width: 100%;
    height: 400px;
     display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin-top: 120px;
    float: left;
}
.box_iteam{
    width: 23.5%;
    height: 100%;
    background: #ffffff;
    border-radius: 4px;
    text-align: center;
}
.telephone_num{
    width: 100%;
    height: 20px;
    background: #ffffff;
    position: fixed;
    z-index: 1000;
    top: 0;
}
.welcome{
    margin-left: 20px;
}
.title_english_two{
        margin-right: -1058px;
}
.phonenumber{
    float: right;
    margin-right: 20px;
    
}
.box_iteam img{
    margin-top: 91px;
  
}
.index_product_title{
    width: 100%;
    text-align: center;
    float: left;
    font-size: 40px;
    color: #000000;
    margin-top: 48px;
}
.index_product_font{
    width: 100%;
    font-size: 12px;
    color: #262626;
    margin-top: 46px;
    opacity: 0.5;
    float: left;
}
.box_iteam:hover{
    color: #ffffff;
    background: #f75550;
    box-shadow: 0px 30px 60px 0px rgba(255,9,0,0.3); 
}
.box_iteam:hover > #vip{
    content: url(../images/vipwhite.png);
}
.box_iteam:hover > #gupiao{
    content: url(../images/gupiaoswhite.png);
}
.box_iteam:hover > #run{
    content: url(../images/runwhite.png);
}
.box_iteam:hover > #lingdai{
    content: url(../images/lingdaiwhite.png);
}

.box_iteam:hover >.index_product_font{
    color: #ffffff;
    opacity: 1;
}
.box_iteam:hover >.index_product_title{
    color: #ffffff;
    opacity: 1;
}
.index_shichang{
    width: 100%; 
    height: 1000px;   
    background: #ffffff;
}
.index_shichang_lbbox{
    width: 100%;
    height: 500px;
    margin-top: 280px;
}
.leftorright{
    width: 100px;
    height: 36px;
    border: 1px solid #000000;
    border-radius: 6px;
    margin-top: 100px;
    margin-left: 300px;
}
.index_shichang_more{
    width: 140px;
    height: 48px;
    border-radius: 6px;
    float: right;
    border: 1px solid #000000;
     margin-top: -42px;
}
.index_neican_top{
    width: 100%; 
    height: 800px; 
    background: url(../images/neicanbag.jpg) no-repeat center;
}
.hangye{
    width: 56px;
    height: 64px;
    float: right;
    background: url(../images/hangye.png) no-repeat center;
    margin-top: -80px;
}
.news_box{
    width: 100%;
    height: 166px;
    float: left;
}
.index_shichang_lb_time{
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #262626;
    margin-top: 40px;
    float: left;
}
.neirong_box{
    width: 800px;
    height: 100%;
    float: right;
}
.shichang_title{
    font-size: 24px;
    font-weight: 400;
    text-align: left;
    width: 610px;
    float: left;
    margin-top: 30px;
    color: #000000;
}
.shichang_title:hover{
    color: #000000;
    text-decoration: underline;
}
.MIStimes{
    float: right;
    font-size: 18px;
    font-weight: 400;
    text-align: right;
    opacity: 0.5;
    color: #262626;
    margin-top: 30px;
}
.shichang_memos{
    width: 100%;
    float: left;
    margin-top: 20px;
    opacity: 0.5;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #262626;
    overflow: hidden;
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}
.next_butn{
    float: left;
    width: 48px;
    height: 34px;
    position: initial;
    top: 60%;
    margin-top: 0px;
    margin-left: 50px;
    opacity: 0.5;
    background-color: #ffffff;
    cursor: pointer;
    z-index: 10;
}
.pre_btn{
    width: 50px;
    height: 34px; 
    position: initial; 
    top: 60%;
    margin-top: 0px;
    background: #ffffff;
    opacity: 0.5;
    margin-left: 0px;
    border-radius: 5px;
    cursor: pointer;
    z-index: 10;
}
.pre_btn:hover{
    background: #ffffff;
}
.next_butn:hover{
    background: #ffffff;
}
.pre_btn img{
    position: initial;
    margin-top: -55px;
}
.next_butn img{
    margin-top: 12px;
}
.index_shichang_more{
    color: black;
     text-align: center;
     line-height: 48px;
}
.index_shichang_more:hover{
    color: black;
}
.index_shichang_more img{
    margin-left: 25px;
    margin-top: -2px;
}
.index_neican_bottom{
    width: 100%;
    height: 800px;
    background: #F75550;
}
.white_y{
    width: 2px;
    height: 120px;
    background: #ffffff;
    float: right;
    margin-right: 26px;
    margin-top: 25px;
}
.neican_menue{
    width: 712px;
    float: right;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    margin-right: -125px;
    margin-top: 153px;
}
.neican_menue li{ 
    float: left;
    font-size: 16px;
    margin-right: 30px;
    
}
.neican_menue li a{
    color: #ffffff;
    height: 28px;
    float: left;
    cursor: pointer;
}
.offclick{
        border-bottom: 2px solid #ffffff;
}
.neican_list_parent{
    width: 100%;
    height: 400px;
    margin-top: 280px;
      display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}
.fenge_neican{
    width: 37%;
    height: 400px;
    border-left: 1px solid rgba(0,0,0,0.15);
    border-right: 1px solid rgba(0,0,0,0.15);
    float: left;
    margin-top: -400px;
    margin-left: 31.5%;
}
.neican_count_box{
    width: 310px;
    height: 400px;
    color: #ffffff;
}
.neican_count_box::after{
    content: "";
    width: 310px;
}
.neican_time{
    font-size: 14px;
    float: left;
    width: 100%;
}
.neican_title{
    font-size: 24px;
}
.neican_title a{
    width: 100%;
    color: #ffffff;
    text-decoration:underline;
    margin-top: 59px;
    float: left;
}
.neican_memo{
    opacity: 0.5;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    float: left;
    margin-top: 33px;
}
.index_neican_more{
    background-color: #ffffff;
    border: none;
    /* float: left; */
    /* margin-top: 115px; */
    position: absolute;
    margin-top: 334px;
    margin-left: -160px;
}
.index_team_lb_box{
    width: 100%;
    height: 1080px;
    background: #ECEEF4;
    overflow: hidden;
}
.index_team_lb{
    width: 100%;
    height: 700px;
    float: left;
    margin-top: 70px;
    overflow: hidden;
}
.team_left{
    width: 50%;
    height: 700px;
    float: left;
}
.team_right{
      width: 50%;
    height: 700px;
    float: right;
}
.team_pic_box{
width: 340px;
    height: 480px;
    box-shadow: -52px 100px 0 0 #F75550;
    float: left;
    margin-left: 146px;
}

.team_pic_box_right{
    width: 340px;
    height: 480px;
    float: right;
    margin-right: 146px;
   box-shadow: 52px 100px 0 0 #F75550;
}

.name_or{
    width: 340px;
    float: left;
    margin-left: 143px;
    margin-top: 20px;
    color: #ffffff;
    font-size: 26px;
}
.zhiwei_or{
    width: 340px;
    float: left;
    color: #ffffff;
    font-size: 16px;
    margin-left: 143px;
}
.name_right{
    float: right;
    margin-right: 31px;
}
.touzi_title{
    width: 340px;
    float: left;
    margin-top: 30px;
    margin-left: 96px;
    font-size: 16px;
}
.geyan_font{
    width: 340px;
    float: left;
    margin-top: 10px;
    margin-left: 96px;
    font-size: 14px;
    color: #A0A0A0;
}
.touzi_right{
    float: right;
    margin-right: 96px;
}
.pervimg{
    width: 52px;
    height: 48px;
    margin-top: -380px;
    background: #ffffff;
    opacity: 0.5;
    border-radius: 5px;
    cursor: pointer;
    z-index: 10;
    position: initial;
    margin-left: 0;
}
.pervimg img{
position: initial;
    margin-top: -729px;
    margin-left: 20px;
}
.nextimg{
    width: 52px;
    height: 48px;
    position: initial;
    top: 60%;
    margin-top: -376px;
    float: right;
    background: #ffffff;
    opacity: 0.5;
    border-radius: 5px;
    cursor: pointer;
    z-index: 10;
}
.index_active{
    background: #F75550;
    box-shadow: 0px 30px 60px 0px rgba(255,9,0,0.3);
    color: #ffffff; 
}
.index_active > #ts{
       content:url(../images/ts.png);
}
.index_active > #genzong{
       content:url(../images/genzong2.png);
}
.index_active > #ordeer{
       content:url(../images/ordeer2.png);
}
.index_active > #filter{
       content:url(../images/filter2.png);
}
.index_active > #boshimao{
       content:url(../images/boshimao2.png);
}
.index_active > #xiaolian{
       content:url(../images/xiaolian2.png);
}
.index_active > #gupiao{
       content:url(../images/gupiao2.png);
}
.index_active > #check2{
       content:url(../images/check22.png);
}
th,td,li{
    margin:0; padding:0;border:none;list-style:none; 
}
.picUl li{ position:absolute;}
.picUl_phone li{position: absolute;min-width: 1000px;}
.computer_pic_box{
    width: 665px;
    height: 445px;
    background: #ffffff;
    margin-left: 250px;
    margin-top: 19px;
    border-radius: 10px;
    overflow: hidden;
}
.picUl_phone img{
    width: 99%;
    height: 100%;
}
.picUl img{
    width: 665px;
    height: 445px;
    border-radius: 10px;
    min-width: 665px;
}

.phones_pic_box{
    width: 285px;
    height: 793px;
    background-size: 100% 100%;
    margin-top: 20px;
    margin-left: 10px;
}
.productpc_head{
    margin-top: 0px;
    height: 980px;
    background: url(../images/cp-bg.jpg) no-repeat center;
}
.download_btn_box{
    width: 220px;
    height: 56px;
    background: #ffffff;
    border-radius: 6px;
    float: right;
    margin-top: -363px;
    cursor: pointer;
    color: black;
    text-align: center;
    line-height: 56px;
    font-size: 17px;
    font-weight: bold;
}
.download_win{
    margin-top: -280px; 
    background: #F75550;
    color: #ffffff;
}
.download_btn_box:hover{
    color: black;
}
.download_mac:hover{
    color: #f75550;
}
.download_btn_box img{
    margin-left: 50px;
    margin-top: -5px;
    
}
.productpc_linian{
    background: url(../images/linian.png) no-repeat center;
    height: 1080px;
}
.rote_box{
    width: 444px;
    height: 444px;
    
    margin: auto;
    margin-top: 327px;
 
}
.rote_pic{
    width: 444px;
    height: 444px;
    background: url(../images/rote.png) no-repeat center;
   animation: turn 8s linear infinite;
}
.years_num{
      width: 444px;
    height: 444px;
    position: absolute;
    text-align: center;
    line-height: 444px;
    color: #ffffff;
    font-size: 160px;
    font-family:Sequel45;
}
@keyframes turn{
    0% {
    -webkit-transform: rotate(0deg);
    }
    25% {
        -webkit-transform: rotate(90deg);
    }
    50% {
        -webkit-transform: rotate(180deg);
    }
    75% {
        -webkit-transform: rotate(270deg);
    }
    100% {
        -webkit-transform: rotate(360deg);
    }
}
.linian_left_font{
    color: #ffa6a3;
    float: left;
    font-weight: 500;
    font-size: 40px;
    margin-top: -270px;
}
.linian_right_font{
  color: #ffa6a3;
    float: right;
    font-weight: 500;
    font-size: 40px;
    margin-top: -270px;
    text-align: right;
}
.linian_foot_font{
    text-align: center;
    font-size: 14px;
    color: #ffffff;
    margin-top: 160px;
}
.productpc_tszd{
    height: 1080px;
    background: #ffffff;
    overflow: hidden;
    position: relative;
}
.zhongduan_bg{
    width: 1131px;
    height: 943px;
    background: url(../images/computerbig.png) no-repeat center;
    position: absolute;
    margin-left: 405px;
    margin-top: 158px;
}
.zhongduan_left_font{
    width: 100%;
    font-size: 40px;
    font-weight: 500;
    text-align: left;
    color: #262626;
    float: left;
    margin-top: 264px;
}
.zhongduan_foot_font{
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #262626;
    float: left;
    margin-top: 267px;
}
.productpc_txfw{
    width: 100%;
    height: 1080px;
    background: url(../images/fuwubg.jpg) no-repeat center;
    position: relative;
    overflow: hidden;
}
.fuwu_pad{
    width: 1344px;
    height: 1044px;
    position: absolute;
    background: url(../images/pad.png) no-repeat center;
    background-size: 100% 100%;
    margin-top: 452px;
    margin-left:-367px;
}
.fuwu_right_font{
    float: right;
    text-align: right;
    width: 100%;
    font-size: 40px;
    font-family: Source Han Sans CN Medium, Source Han Sans CN Medium-Medium;
    font-weight: 500;
    color: #262626;
    margin-top: 235px;
}
.fuwu_right_foot{
    width: 100%;
    float: right;
    text-align: right;
    margin-top: 359px;
    font-size: 14px;
    font-weight: 400;
    color: #262626;
}
.mobile_head{
    height: 600px;
    background: url(../images/andor.jpg) no-repeat center;
}
.ewm_box{
width: 300px;
    height: 133px;
    display: flex;
    justify-content: space-between;
    float: right;
    margin-top: -390px;
}
.ewm_iteam{
    width: 133px;
    height: 133px;
}
.ewm_ios{
    background: url(../images/ios.png) no-repeat center;
}
.ewm_android{
    background: url(../images/mobile.png) no-repeat center;
}
.ewm_font{
   width: 300px;
    display: flex;
    justify-content: space-between;
    float: right;
    margin-top: -230px; 
    text-align: center;
    color: #ffffff;
}
.zhongyingbgdx{
    width: 1275px;
    height: 1153px;
    background: url(../images/iphone_bg.png) no-repeat center;
    position: absolute;
    margin-top: 218px;
    margin-left: 262px;
}
.zhongduan_small_font{
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #a0a0a0;
    float: left;
    margin-top: 41px;
}
.mobile_school{
    background: url(../images/enter.jpg) no-repeat center;
    height: 1080px;
    overflow: hidden;
}
.handphone{
    width: 1141px;
    height: 1499px;
    position: relative;
    margin-top: 265px;
    margin-left: 193px;
    background: url(../images/handphone.png) no-repeat center;
}
.shcool_top{
    float: right;
    text-align: right;
    margin-top: -150px;
    font-size: 14px;
}
.shcool_top p{
    font-size: 16px;
    font-weight: bold;
}
.shcool_bottom{
     float: right;
    text-align: right;
    margin-top: -50px;
    font-size: 14px;
}
.shcool_bottom p{
    font-size: 16px;
    font-weight: bold;
}
.Followbg{
    width: 1329px;
    height: 765px;
    background: url(../images/followbg.png) no-repeat center;
    position: absolute;
    margin-left: 207px;
    margin-top: 244px;
}
.productpc_tzlq{
    background: url(../images/touzibg.jpg) no-repeat center;
    height: 1080px;
}
.foundpic{
width: 686px;
    height: 1218px;
    background: url(../images/found.png) no-repeat center;
    margin-top: 285px;
    margin-left: -164px;
    position: relative;
}
.team_head{
    background: url(../images/team_bg.jpg) no-repeat center;
    height: 600px;
}
.teacher_box{
   width: 100%;
   margin-top: 87px;
   margin-bottom: 50px;
   float: left;
   justify-content: space-between;
   display: flex;
   flex-flow: row wrap;
}
.team_box{
    width: 330px;
    height: 1104px;

    float: left;
   
}
.team_pic{
    width: 330px;
    height: 465px;
    overflow: hidden;
}
.name_box{
    width: 330px;
    float: left;
    border-bottom: 1px solid rgba(0,0,0,0.15);
}
.teacher_box:after {content: ""; width: 330px; } 
.teacher_name{
     float: left;
     font-size: 26px;
    font-weight: 400;
    text-align: left;
    color: #000000;
    margin-top: 28px;
}
.zhizheng{
    font-size: 16px;
    font-weight: 400;
    text-align: right;
    color: #808080;
    float: right;
    margin-top: 39px;
}
.zhiwei{
    color: #808080;
    font-size: 16px;
    text-align: left;
    float: left;
    width: 100%;
    margin-top: 5px;
    
}
.zz_num{
    float: right;
    color: #000000;
    text-align: right;
    margin-top: -20px;
    margin-bottom: 21px;
}
.geyan{
  width: 100%;
  float: left;
  text-align: left;
  font-size: 16px;
  color: #000000;
  margin-top: 50px;
}
.team_geyan_font{
    width: 100%;
    float: left;
    text-align: left;
    font-size: 14px;
    color: #a0a0a0;
    margin-top: 10px;
}
.model_head{
    width: 100%;
    height: 0;
    background: url(../images/model_bg.jpg) no-repeat center;
    background-size: 100% 100%;
    padding-bottom: 52%;
    margin-top: 89px;
}
.model_h{
    width: 35px;
    height: 6px;
    background: #ff3b30;
    float: left;
    margin-left: 20px;
    margin-top: 4.1vw;
}
.danier{
     color: #ffffff;
     font-size: 20px;
     text-align: left;
     float: left;
     margin-left: -35px;
     margin-top: 5.2vw;
}
.modeh2{
    margin: auto;
    width: 35px;
    height: 6px;
    background: #ff3b30;
    position: relative;
    margin-top: 29.8vw;
}
.luobote{
    color: #ffffff;
     font-size: 20px;
     margin: auto;
     text-align: center;
    margin-top: 1vw;
}
.modeh3{
    width: 35px;
    height: 6px;
    background: #ff3b30;
    float: right;
    margin-top: -4vw;
}
.lichade{
     color: #ffffff;
     font-size: 20px;
     text-align: right;
     float: right;
     margin-top: -3vw;
}
.model_jianjie{
    height: 768px;
    background: #eceef4;
    overflow: visible;
}
.model_jianjie_font{
    width: 100%;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #262626;
    opacity: 0.5;
    float: left;
    margin-top: 82px;
}
.model_title{
    font-size: 32px;
    font-weight: 400;
    text-align: left;
    color: #262626;
    float: left;
    margin-top: 130px;
}
.modelpic1{
    width: 100%;
    height:360px;
    background: url(../images/model-title1.png) no-repeat center;
    background-size: 100% 100%;
    
    margin-top: 600px;
    position: relative;
}
.model_jianjie2{
    height: 1137px;
    background: #ffffff;
}
.model_title_small{
    width: 100%;
    opacity: 0.5;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #262626;
    float: left;
    margin-top: 20px;
}
.model_title_small_pic_left{
    width: 480px;
    height: 380px;
    background: url(../images/modelsmallpic2.png) no-repeat center;
    background-size: 100% 100%;
    float: left;
    margin-top: 175px;
}
.model_title_small_pic_right{
   width: 480px;
   height: 538px;
   background: url(../images/modelsmallpic1.png) no-repeat center;
   background-size: 100% 100%;
   float: right;
   margin-top: 96px;
}
.model_jianjie3{
    height: 800px;
    background: url(../images/model_bg2.jpg) no-repeat center;

}

.model_ul{
    width: 100%;
    float: left;
    margin-top: 50px;
}
.model_ul li{
    margin-top: 80px;
    width: 100%;
    float: left;
}
.number_box{
    width: 78px;
    height: 58px;
    float: left;
    
}
.model_li_title{
    font-size: 32px;
    font-weight: 400;
    text-align: left;
    color: #000000;
    float: left;
    margin-left: 50px;
}
.model_li_small{
    opacity: 0.5;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #000000;
    margin-top: 50px;
    float: left;
    margin-left: -127px;
}
.model_jianjie4{
    height: 722px;
    background: #ffffff;
}
.model_more{
    
    width: 140px;
    height: 48px;
    border-radius: 6px;
    float: right;
    background: #ECEEF4;
    text-align: center;
    line-height: 48px;
    color: black;
    margin-top: 136px;

}
.model_more:hover{
    color: black;
}
.model_more img{
    margin-left: 20px;
    margin-top: -3px;
}
.model_box_parent{
    width: 100%;
    float: left;
    justify-content: space-between;
    display: flex;
    flex-flow: row wrap;
    margin-top: 50px;
}
.model_news_iteam{
    width: 32%;
    height: 180px;
    background: #eceef4;
    border-radius: 10px;
    margin-bottom: 30px;
    float: left;
}
.model_box_parent::after{
    content: "";
    width: 32%;
   }
.model_news_title{
    width: 100%;
    float: left;
    font-size: 20px;
    text-align: center;
    margin-top: 40px;
    color: #262626;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
     overflow: hidden;
}
.model_news_time{
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    width: 100%;
    color: #ff3b30;
    float: left;
    text-align: center;
    margin-top: 10px;
}
.model_news_memo{
    width: 80%;
    float: left;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    color: #000000;
    margin-top: 10px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
     overflow: hidden;
     margin-left: 10%;
}
.model_news_title:hover{
    color: #000000;
    text-decoration: underline;
}
.reference_bg{
    height: 600px;
    background: url(../images/referencebg.jpg) no-repeat center;
}
.reference_box{
    width: 100%;
    justify-content: space-between;
    display: flex;
    flex-flow: row wrap;
    border-bottom: 1px solid rgba(0,0,0,0.15);
    float: left;
    margin-top: 80px;
}
.reference_iteam_box{
    width: 280px;
    margin-bottom: 120px;
}
.reference_iteam{
   width: 280px;
   height: 155px;
   border-radius: 4px;
   margin-bottom: 20px;
   border: 1px solid #808080;
   position: absolute;
   z-index: 999;
}
#reference_img_bg{
  width: 280px;
  position: absolute;
  z-index: 1;
}
.video_name{
    font-size: 24px;
    font-weight: bold;
    text-decoration: underline;
    text-align: left;
    float: left;
    margin-top: 171px;
    color: black;
}
.video_name:hover{
    color: red;
}
.vide_time{
    width: 100%;
    float: left;
    font-size: 14px;
    color: #b3b3b3;
    font-weight: 400;
    text-align: left;
}
.reference_box::after{
    content: "";
    width: 280px;
}
.hovers{
    width: 280px;
    height: 156px;
    border-radius: 4px;
    background: rgba(255,59,48, 0.8);
    text-align: center;
    line-height: 156px;
    display: none;
    z-index: 99;
    position: absolute;

}
.reference_iteam:hover >#hovers{
    display: block;
    cursor: pointer;
}

.linek_body{
    width: 100%;
    min-height: 1080px;
    background: #eeeeee;
}
.teaching_smenue{
    width: 200px;
    float: left;
    margin-top: 200px;
    background: #ffffff;
}
.teaching_right{
    width: 75%;
    min-height: 850px;
    float: right;
    margin-top: 200px;
    margin-bottom: 50px;
    background: #ffffff;
}
.ul_menue li{
    width: 100%;
    height: 50px;
    border-bottom: 1px solid #eeeeee;
    text-align: center;
    line-height: 50px;
}
.ul_menue li a{
    width: 90%;
    height: 100%;
    margin-left: 5%;
    float: left;
    font-size: 16px;
    font-weight: bold;
    overflow:hidden;
     text-overflow:ellipsis;
    white-space:nowrap;
}
.ul_menue li a:hover{
    border-bottom: 2px solid #FF3128;
    color: #FF3128;
}
.ul_menuenav{
    color: #a5a5a5;
}
.ul_menueiteam{
   border-bottom: 2px solid #FF3128;
    color: #FF3128; 
}
.teach_ul{
    width: 90%;
   
    margin: auto;
    margin-top: 30px;
}
.teach_ul li{
 border-bottom: 1px solid #4d4d4d;
 margin-bottom: 16px;
}
.teaching_title{
    width: 50%;
    font-size: 24px;
    font-weight: 600;
    text-align: left;
    color: #262626;
}
.teaching_title:hover{
    color: #000000;
    text-decoration: underline;
}
.teaching_time{
    float: right;
    font-size: 14px;
    color: #000000;
    font-weight: bold;
    margin-top: 7px;
}
.teaching_memo{
    width: 100%;
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
    font-size: 14px;
    line-height: 23px;
    margin-top: 20px;
    margin-bottom: 20px;
}
.about_bg{
    width: 100%;
    height: 597px;
    background: url(../images/about_bg.jpg) no-repeat center;
}
.aboutmenue_box{
    width: 200px;
    background: #ffffff;
    float: left;
    margin-top: 80px;
}
.memos_about_box{
    width: 90%;
    margin: auto;
    margin-top: 40px;
}
.about_sy_title{
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    color: #262626;
}
.sy_memos{
    width: 100%;
    margin-top: 30px;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #262626;
    opacity: 0.5;
    border-bottom: 1px solid #808080;
    height: 312px;

}
.sy_about_leftfont{
    opacity: 0.5;
    font-size: 14px;
    font-weight: 400;
    text-align: left;
    color: #262626;
    margin-top: 59px;
}
.sy_right_LOGO{
    width: 248px;
    height: 158px;
    float: right;
    margin-top: -153px;
}
.tips_title{
    width: 100%;
    text-align: center;
    float: left;
}
.tips_memos{
    margin-top: 20px;
    float: left;
}
.tips_memos p{
    margin-top: 0px;
    margin-bottom: 1rem;
    box-sizing: border-box;
    text-indent: 2em;
    opacity: 0.5;
    font-size: 14px;
    color: rgb(38, 38, 38);
    line-height: 24px;
    font-family: "Noto Sans SC";
    white-space: normal;
    background-color: rgb(255, 255, 255);
    font-weight: bold;
}
.tips_memos a:hover{
    color: #337ab7;
}
.compty{
    text-align: center;
    display: none;
}
.anav{
    width: 100%;
    color: #a5a5a5;
    text-align: center;
    height: 40px;
    line-height: 40px;
    font-size: 16px;
}
.anav:hover{
    color: #ff3b30;
}
dl{
    margin-bottom: 0;
}
.pic_iteam{
    width: 100%;
}
.pic_iteam img{
    width: 100%;
}
.table_people{
    width: 100%;
}
.table_people th{
    background: #ff3b30;
    height: 40px;
    text-align: center;
    color: #ffffff;
    width: 15%;
}
.table_people td{
    text-align: center;
    height: 40px;
}
.table_people tr:nth-child(odd) {
    background: #ffffff;
}
.table_people tr:nth-child(even) {
    background: #eeeeee;
}
.updatepeople{
    width: 100%;
    text-align: center;
    float: left;
    margin-top: 40px;
    color: #a5a5a5;
    margin-bottom: 20px;
}
.updatepeople:hover{
    color: #ff3b30;
}
.in_pic_box{
    justify-content: space-between;
    display: flex;
     flex-flow: row wrap;
}
.in_iteam{
    width: 220px;
    height: 260px;
    float: left;
    margin-bottom: 126px;
}
.in_iteam::after{
    content: "";
    width: 220px;
}
.in_image_box{
    width: 100%;
}
.in_image_name{
   text-align: center;
   width: 100%;
   float: left;
   margin-top: 30px;
   font-size: 14px;
   font-weight: bold;
}
.VR_BOX{
    width: 100%;
    height: 848px;
    margin-top: 90px;
}
.newsflash_head{
    width: 100%;
    height: 35px;
    background: #ff3b30;
    margin-top: 185px;
}
.newsflash_time{
    color: #ffffff;
    font-size: 20px;
    float: left;
    text-align: left;
    margin-top: 4px;
    margin-left: 20px;
}
.refresh{
   cursor: pointer;
   float: right;
   line-height: 36px;
   color: #ffffff;
}
.refresh img{
    width: 20px;
    height: 20px;
    margin-top: -5px;
    margin-right: 10px;
    margin-left: 5px;
    
}
.newsflash_memo{
    width: 100%;
    margin-top: 10px;
    float: left;
}
.newsflash_memo_box{
    width: 100%;
    margin-bottom: 30px;
    float: right;
}
.newsflash_memo{
    width: 99%;
   border-left: 2px solid #a5a5a5;
   float: right;
}
.newsflash_memo_time img{
    width: 25px;
    margin-top: -5px;
    margin-right: 10px;
}
.newsflash_memo_time{
    background: #eeeeee;
    float: left;
    margin-left: -14px;
    margin-top: 30px;
    font-weight: bold;
    font-size: 16px;
}
.newsflash_memo_right{
    width: 90%;
    float: right;
    background: #ffffff;
    border-radius: 5px;
}
.newsfalsh_title{
    float: left;
    color: #000000;
    font-size: 20px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 10px;
}
.newsfalsh_title:hover{
color: #000000;
text-decoration: underline;
}
.newsflash_memos{
    width: 98%;
    float: left;
    margin-left: 20px;
    margin-top: 20px;
    margin-bottom: 20px;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;
}
.video_menue_box{
    width: 287px;
    height: 500px;
    border: 2px solid #a5a5a5;
    margin-top: 220px;
    background: #ffffff;
    float: left;
    
}
.video_menue_title{
    width: 100%;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    text-align: left;
    padding-left: 10px;
    float: left;
    border-bottom: 1px solid #a0a0a0;
}

.video_menue_ul{
    height: 445px;
    width: 97%;
    margin-left: 10px;
    float: left;
    overflow: auto;
}
.scrollbar{
    width: 100%;
    height: 300px;
    margin: 0 auto;
  
}
.video_menue_ul::-webkit-scrollbar {/*滚动条整体样式*/
        width: 5px;     /*高宽分别对应横竖滚动条的尺寸*/
        height: 1px;
    }
 .video_menue_ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/
        border-radius: 10px;
         -webkit-box-shadow: inset 0 0 5px rgba(78, 74, 74, 0.2);
        background: #535353;
    }
.video_menue_ul::-webkit-scrollbar-track {/*滚动条里面轨道*/
        -webkit-box-shadow: inset 0 0 5px rgba(77, 73, 73, 0.2);
        border-radius: 10px;
        background: #EDEDED;
    }       
.video_menue_ul li{
    width: 100%;
    height: 30px;
    border-bottom: 1px solid #a0a0a0;
}
.video_menue_ul li img{
    width: 20px;
    margin-top: 5px;
}
.video_menue_name{
    float: right;
    overflow: hidden;
     display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    color: #000000;
    line-height: 30px;
    font-size: 14px;
    width: 90%;
}
.video_menue_name:hover{
    color: #FF3128;
    text-decoration: underline;
    
}
.videopage_right{
    width: 71%;
    float: right;
    margin-top: 220px;
}
.video_right_title{
width: 708px;
    margin: auto;
    margin-top: 45px;
    font-size: 24px;
    font-weight: bold;
    float: right;
}
.video_right_memos{
    width: 708px;
    margin: auto;
    background: #ffffff;
    border-radius: 5px;
    margin-top: 10px;
    line-height: 20px;
    float: right;
}
.video_right_font{
    width: 95%;
    margin: auto;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
}
.video_tips{
    width: 708px;
    margin: auto;
    font-size: 16px;
    font-weight: bold;
    margin-top: 20px;
    border-bottom: 1px solid #a5a5a5;
    float: right;
}
.video_tips_font{
width: 708px;
    margin: auto;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    color: rgba(0, 0, 0, 0.4);
    float: right;
}
.memos_title{
    width: 100%;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
.memos_time{
width: 100%;
text-align: center;
margin-top: 20px;
}
.memos_time a:hover{
    color: #337aba;
}
.memos_memos{
    margin-top: 20px;
}
.memos_tips{
    width: 100%;
}
.memos_tips_title{
    width: 100%;
    float: left;
    color: rgba(0, 0, 0, 0.4);
}
.memos_tips_memos{
    width: 100%;
    float: left;
    margin-left: 23px;
    margin-top: 10px;
    color: rgba(0, 0, 0, 0.4);
    line-height: 21px;
}
.memos_tips_memos p img{
    width: 100%;
}
img{
    max-width: 100%;
}
.nextpagbox{
    width: 100%;
    float: left;
    margin-bottom: 40px;
    margin-top: 20px;
}
.leftnextpage{
    float: left;
          display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 33%;
}
.leftnextpage a:hover{
    color: #337aba;
}
.rightnextpage{
    float: right;
        display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    width: 33%;
}
.rightnextpage a:hover{
color: #337aba;
}
.page-position{
   text-align: center;
}
.titles_product{
    color: #ff3b30;
    font-weight: bold;
    font-size: 16px;
    /* border-bottom: 1px solid red; */
    float: left;
    margin-top: 8px;
    margin-left: 16px;
}
.dropdown-menu li{
    float: left;
}
.publicstitle{
    width: 90%;
    float: left;
    margin-left: 5%;
    text-align: center;
    margin-top: 50px;
    font-size:30px;
    font-weight: bold;
}
.publicmemo{
    width: 90%;
    float: left;
    margin-left: 5%;
    margin-top: 40px;
    font-size: 14px;
    font-weight: bold;
  
}
.publicmemo p{
  line-height: 25px;
}
.publicmemo a:hover{
    color: #337ab7;
}


.news_more{
   width: 300px;
   height: 50px;
   background: #ff3b30;
   float: left;
   color: #ffffff;
   text-align: center;
   line-height: 50px;
   cursor: pointer;
   font-size: 16px;
   font-weight: bold;
   margin-left: 40%;
   margin-top: 100px;
   letter-spacing: 2px;
   margin-bottom: 80px;
}
.news_more img{
    width: 30px;
    height: 30px;
    animation:changeright 1.5s linear infinite;
    margin-right: 20px;

}
@keyframes changeright{       
		 
        0%{-webkit-transform:rotate(0deg);}
    
        50%{-webkit-transform:rotate(-180deg);}
    
        100%{-webkit-transform:rotate(-360deg);}
    }

.newsflash_titlebefor{
    width: 100%;
    float: left;
    height: 35px;
    background-color: #cecece;
    margin-bottom: 20px;
}
.product_tc_box{
    width: 1000px;
    height: 600px;
    background: #ffffff;
    position: fixed;
    z-index: 999;
    left: calc(50% -  500px);
    top: calc(50% - 250px);
    display: none;
}
.popleft_menuebox{
    width: 140px;
    height: 600px;
    background: #ff3b30;
    position: absolute;
}
.popleft_menue{
     position: absolute;
    width: 140px;
    height: 306px;
    margin-top: 147px;
    color: rgba(250, 250, 250, 0.5);
    border-top: 1px solid rgba(250, 250, 250, 0.5);
}
 .popleft_menue li {
    width: 140px;
    height: 60px;
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    text-align: center;
    line-height: 60px;
    cursor: pointer;
}  
.popleftiteam {
    color: #ffffff;
}
.premenue {
    position: absolute;
    margin-left: 141px;
    width: 41px;
    height: 40px;
    margin-top: 39px;
    padding-right: 9px;
    line-height: 40px;
    text-align: center;
    cursor: pointer;
    border: 1px solid #b3b1b1;
    border-radius: 50px;
}
.nextmenue {
    position: absolute;
    margin-left: 942px;
    width: 41px;
    height: 40px;
    margin-top: 39px;
    line-height: 40px;
    text-align: center;
    padding-left: 9px;
    cursor: pointer;
    border: 1px solid #b3b1b1;
    border-radius: 50px;
}
.poptop_menuebox {
    width: 768px;
    height: 90px;
    margin-left: 171px;
    border-bottom: 1px solid #a6a6a6;
    overflow: hidden;
}
.poptop_menue {
    width: auto;
    height: 70px;
    margin-top: 20px;
    white-space: nowrap;
    font-size: 0;
    position: relative;
}
.poptop_menue li {
    width: 156px;
    text-align: center;
    line-height: 67px;
    z-index: 99;
    margin: 0;
    padding: 0;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
}
.popiteam {
    color: #ff3b30;
    border-bottom: 2px solid #ff3b30;
}
#cover {
    background: #000;
    position: fixed;
    display: none;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    opacity: 0.4;
    z-index: 998;
}
.popclose {
    width: 25px;
    height: 25px;
    float: right;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 5px;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
}
#popubox {
    width: 780px;
    position: absolute;
}
.pcpopbody {
    width: 726px;
    height: 420px;
    margin-left: 200px;
    margin-top: 48px;
}
.pcpopbodyfont {
    width: 565px;
    height: 288px;
    float: left;
    margin-left: 70px;
    overflow: hidden;
    border: 1px solid #EEEEEE;
}
.pcpopbodyfont img {
    width: 100%;
}
.pcpopbodyimg {
    width: 565px;
    height: 102px;
    float: left;
    margin-top: 17px;
    margin-left: 70px;
}
.popbodyfont {
    width: 330px;
    height: 104px;
    margin-top: 120px;
    float: left;
    margin-left: 66px;
}
.popbodyimg {
    width: 218px;
    height: 456px;
    float: left;
    margin-top: -23px;
    margin-left: 91px;
    overflow: hidden;
    background: url(../images/phone.png) no-repeat center;
    background-size: 100%;
}
.popbodyimagebox {
    width: 198px;
    height: 423px;
    margin-left: 8px;
    margin-top: 12px;
    border-radius: 19px;
    overflow: hidden;
}
.popbodyimagebox img {
    width: 100%;
    height: 100%;
}
.popbody {
    width: 782px;
    height: 427px;
    margin-top: 52px;
    margin-left: 171px;
}
.breadcrumb{
    position: absolute;
    margin-top: 20px;
    background: transparent;
}
.breadcrumb li a:hover{
    color: #ff3b30;
}
.breadcrumb > li + li:before {
    color: #cccccc;
    content: "/ ";
    padding: 0 5px;
}
/* } */