*{margin:0;padding:0;font-family: "微软雅黑";}
.hContainer{
    /*max-width:1200px;*/
    width:1200px;
    margin:0 auto;
    padding:0px;
}
@font-face{
   font-family: 'text_card';
   src: url('../fonts/text_card.TTF');
}
@font-face{
   font-family:'english_text';
   src: url('../fonts/english_text.OTF');
}
a{
    color: black;
    text-decoration: none;
}
ul{
    list-style: none;
    margin: 0px;
}
li{
    list-style: none;
}
h1,h2,h3,h4,h5,h6{
    margin-top:0px ;
    margin-bottom: 0px;
}
body{
    background:#fff;
}
dl,dd,dt{
    margin:0;
    font-weight: 400;
}
.left{
    float: left;
}
.right{
    float: right;
}
.mobile_banner,.mobileBtn,.suppotArea,.supAin{
    display: none;
}
.Hbanner{
    width: 100%;
}
.Hbanner img{
    width: 100%;
}
a:focus, a:hover {
    color:#333333;
    text-decoration:none;
}
.clear:after {
    display: block;
    clear: both;
    content: "";
    visibility: hidden;
    height: 0;
}
p{
    margin:0px;
}
.clear{
    clear: both;
}
/*顶部开始*/
.headerTop{
    background:#333333;
    box-sizing: border-box;
    padding:9px 0px;
}
.weclome{
    font-size: 12px;
     color: #888888;
}
.topMap{
    
}
.fotmap{

}
.topMap li{
    float: left;
    box-sizing: border-box;
    padding:0px 8px ;
    height: 14px;
    line-height: 14px;
    border-right: 1px solid #787878;;
}
.topMap li:last-of-type{
    border: none;
}
.topMap li a{
    font-size: 12px;    
    color: #888888;
}
.headTop{
    box-sizing: border-box;
    padding:20px 0px 0px 0px;
}
.topInfo{
    width:75%;   
}
.toptext{
    position: relative;
    font-size: 14px;
    color: #333333;
}
.toptext::before{
    content:"";
    position: absolute;
    left:-20px;
    width:14px;
    height:14px;
    background:url(../images/dhtb.png) no-repeat;
    background-size:100% 100%;
    top:50%;
    margin-top:-7px;
}
.navInfo{
    
}
.navInfo{
    width:70%;
    margin:0 auto;
}
.navInfo li{
    float: left;
    height:60px;
    box-sizing: border-box;
    width:14.28%;
    text-align: center;
    position: relative;
}
.navInfo li:last-of-type{
    margin-right: 0px;
}
.navInfo li>a{
    line-height:60px;
    color:#666666;
   font-size: 14px;
}
.navInfo li.nav_active::after{
    content:"";
    position:absolute;
    left:50%;
    height:3px;
    width:60px;
    margin-left:-30px;
    background:#0a63e4;
    bottom:0px;
}
.navInfo li.nav_active>a{
    color:#0a63e4;
}
.smallDrop{
    position: absolute;
    width:150px;
    left:-23px;
    top:60px;
    box-sizing:border-box;
    display: none;
    z-index: 999;
    background:#0a63e4;
}
.navInfo li:hover .smallDrop{
    display: block;
}
.smallDrop dd{
    line-height:36px;
    text-align: center;
}
.smallDrop dd:hover{
    background: #ffc100;
}
.smallDrop dd a{
    color: white;
    font-size: 14px;
}

.search{
    position: relative;
    color: #999;
    font-size: 13px;
    font-weight:400;
    width:248px;
    margin-top:15px;
}
.searchinfo{
    background: #fff;
    box-sizing: border-box;
    padding-left:20px;
    border: none;
    border: 1px solid #ededed;
    height:26px;
    line-height:26px;
    outline: none;
    position: relative;
    width:248px;
    padding-right: 40px;
    color:#999999;
}
.searchsub{
    outline:none;
    position:absolute;
    right: 0px;
    top:50%;
    background:#fff url(../images/fdj.jpg) no-repeat;
    background-position:center ;
    width:40px;
    height:26px;
    margin-top: -13px;
    border: none;
    border: 1px solid #ededed;
}
.pc_container .pc_pagination span{
    width:15px;
    height: 15px;
    border: 1px solid #3d7359;
    box-sizing: border-box;
    background-image:none;
    background: none;
    outline: none;
    border-radius:0%;
}
.pc_container .pc_pagination span.swiper-pagination-bullet-active{
    position: relative;
}
.pc_container .pc_pagination span.swiper-pagination-bullet-active:after{
    content:"";
    position: absolute;
    left:50%;
    top:50%;
    width:10px;
    height: 10px;
    background:#0a63e4;
    margin-top: -5px;
    margin-left: -5px;
    border-radius:0%;
}
.pc_banner .ban_next,.pc_banner .ban_prev{
    background-image:none ;
    width:28px;
    height: 48px;
    outline: none;
    top: 50%;
    margin-top: -24px;
}
.pc_banner .ban_next{
    right:30px;
}
.pc_banner .ban_prev{
    left:30px;
}
.picNews{
    box-sizing:border-box;
    padding:15px 0px;
}
.picNewTr{
    width:10%;
    line-height:45px;
    position: relative;
    background-color: #ffffff;
    border-radius: 5px;
    box-shadow: 0 1px 4px rgba(255, 255, 255, 0.3), 0 0 20px rgba(255, 255, 255, 0.1) inset;

    
}
.picNewTr::after{
  content: "";
    position: absolute;
    bottom: 12px;
    top: 12px;
    left: 15px;
    right: 1px;
    z-index: -1;
    border-radius: 120px/5px;
    -webkit-box-shadow: 0 0 30px 2px #ccc;
    -moz-box-shadow: 0 0 30px 2px #ccc;
    box-shadow: 0 0 8px 5px #ccc;

}
.picNewTr img{
    margin-right:5px;
}
.picNewInfo{
    width:78%;   
    margin-left:2%;
}
.picNewInfo .swiper-slide{
    position: relative;
    box-sizing: border-box;
    padding-left:20px;
}
.picNewInfo .swiper-slide::before{
    content:"";
    position:absolute;
    left:0px;
    top:50%;
    width:3px;
    height:3px;
    background:#cccccc;
    margin-top:-1.5px;
}
.picNewInfo .swiper-slide,.picNewInfo .size_container{
    height:45px;
    line-height:45px;
}
.picNewInfo .swiper-slide:hover .talkInfo,.picNewInfo .swiper-slide:hover .talkTime{
    color:#0a63e4;
}
.talkInfo,.talkTime{
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    font-size: 12px;
    color: #333333;    
}
.talkInfo{
    width:85%;
}
.talkTime{
   width:10%;
}

.banner  .banner_pagination{
    bottom: 95px;
}
.size_pagination{
    display: none;
}
.picNewMore{
    line-height:45px;
}
.picNewMore a{
    display:block;
    font-size: 12px;
    color: #777777;
}
.myAdvent{
    box-sizing: border-box;
    padding:55px 0px;
    background:#f5f5f5;
}
.advTop{
    text-align: center;
    
}
.advTh{
    font-size: 24px;
    color: #333333;
    font-weight:bold;
    position: relative;
    display: inline-block;
}
.advTh::before{
    left:-50px;
}
.advTh::before,.advEnglish::after{
    content:"";
    position:absolute; 
    width:45px;
    height: 1px;
    background:#666666;
    top:50%;
    margin-top:-0.5px;
}
.advEnglish{
    font-size: 12px;
    color: #808080;
    position: relative;
    display: inline-block;
    line-height:31px;
}
.advEnglish::after{
    right:-50px;
}
.advImg{
    width:480px;
}
.advImg img{
    width:100%;
    display:block;
}
.advInfo{
    width:55%;
}
.advInfo li{
    margin-bottom:45px;
}
.advInfo li:last-of-type{
    margin-bottom:0px;
}
.advIcon{
    width: 52px;
}
.advIcon img{
    width:100%;
    display:block;  
}
.advArea{
    width:88%;
    margin-left:20px;
}
.advTitle{
    font-size: 18px;
    color: #333333;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-bottom:7px;
}
.advText{
    font-size: 14px;
    line-height: 24px;
    color: #818181;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.advBox{
    margin-top:50px;
}
.mySever{
    box-sizing: border-box;
    padding:60px 0px;
}
.mySever .advTh::before,.mySever .advEnglish::after{
    content:none;
}
.sevInfo{
    margin-top:40px;
}
.sevInfo li{
    float: left;
    width:380px;
    position: relative;
    margin-right:30px;
}
.sevInfo li img{
    display:block;
    width:100%;
}
.sevInfo li:last-of-type{
    margin-right: 0px;
}
.sevSlide{
    position: absolute;
    left:0px;
    bottom:0px;
    width:100%;
    height:152px;
    background:url(../images/fw_mask.png) no-repeat;
    background-size:100% 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}
.sevTitle,.sevText{
    color: #ffffff;  
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap; 
    text-align: center;     
}
.sevTitle{
    font-size: 24px;
}
.sevText{
    font-size: 14px;
}
.myAbout{
    box-sizing: border-box;
    padding-bottom:60px;
    position: relative;
}
.myAboutInfo{
    font-size: 14px;
    line-height: 28px;
    color: #555555;
    width:924px;
    margin:40px auto 0 auto;
    text-align: center;
}
.myAboutMore{
    position:absolute;
    left:50%;
    bottom:-24px;
    width: 200px;
    height: 48px;
    background-color: #0a63e4;
    box-shadow: 4px 7px 23px 3px 
        rgba(0, 122, 255, 0.43);
    line-height:48px;
    margin-left:-100px;
    border-radius: 30px;
    text-align: center;
}
.myAboutMore a{
    display:block;
    color:#fff;
}
.myHistory{
    background:url(../images/about_bg.jpg) no-repeat;
    background-size:100% 100% ;
    height:340px;
    display: flex;
    justify-content: center;
    align-items: center;
}
.historyList{
    
}
.historyList li{
    float: left;
    width:25%;
    text-align: center;
}
.historyTop{
    
}
.historyNum{
    display:inline-block;
    position:relative;
    font-size: 26px;
    color: #222222;  
}
.historyNum::after{
    content:"+";
    position:absolute;
    right:-15px;
    top:0px;
    font-size:14px;
    color:#222222;
}
.historyName{
    font-size: 14px;
    color: #333333;
    margin-top:6px;
}
.myProduct{
    box-sizing: border-box;
    padding:55px 0px;
    border-bottom: 1px solid #ededed;
}
.productList{
    display:none;
}
.moProduct{
    margin:40px auto;
}
.productList li{
    width:370px;
    float: left;
    margin-right:44px;
    box-sizing: border-box;
    border: 1px solid #fff;
    padding:10px;
    position: relative;
    text-align: center;
    transition:all .5s;
}
.moProduct .swiper-slide{
    box-sizing: border-box;
    border: 1px solid #fff;
    padding:10px;
    position: relative;
    text-align: center;
    transition:all .5s;   
}
.productImg{
    width:100%;
}
.productImg img{
    display:block;
    width:auto;
    max-width:100%;
    margin:0 auto;
}
.productList li:last-of-type{
    margin-right: 0px;
}
.productInfo{
    box-sizing: border-box;
    padding:30px;
}
.productTitle{
    font-size: 16px;
    color: #222222;    
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-bottom:10px;
    text-align: center;
}
.productText{
    font-size: 12px;
    line-height: 24px;
    color: #999999;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    text-align: center;
}
.productList li:hover .productTitle,.moProduct .swiper-slide:hover .productTitle{
    color:#007aff;
}
.productList li:hover,.moProduct .swiper-slide:hover{
    border: 1px solid #ededed;
}   
.productMore{
    width: 200px;
    height: 48px;
    background-color: #0a63e4;
    box-shadow: 4px 7px 23px 3px rgba(0, 122, 255, 0.43);
    line-height: 48px;
    border-radius: 30px;
    text-align: center;
    margin:0 auto;
}
.productMore a{
    display:block;
    color:#fff;
}
.myNews{
    box-sizing:border-box;
    padding:50px 0px 65px 0px;
}
.myNews .advTh::before,.myNews .advEnglish::after{
    content:none;
}
.newsNav{
    box-sizing: border-box;
    font-size:0;
    text-align: center;
    margin:20px auto 60px auto;
}
.newsNav li{
    width:124px;
    line-height:43px;
    height:43px;
    border: solid 1px #ededed;
    border-right:none;
    box-sizing: border-box;
    text-align: center;
    display:inline-block;
    position: relative;
    transition:all .5s;
}
.newsNav li:last-of-type{
    border-right: 1px solid #ededed;
}
.newsNav li a{
    display:block;  
    color:#777777; 
    font-size:14px;
}
.newsNav li.active::before,.newsNav li:hover::before{
    content:"";
    position:absolute;
    left:0px;
    width:100%;
    height: 3px;
    background:#e50014;
}
.newsNav li.active a,.newsNav li:hover a{
    color:#e50014;
}
.newsImg{
    width:100%;
    margin-bottom:30px;
    overflow:hidden;
}
.newsImg img{
    display:block;
    width:100%;
    max-height:308px;
    transition: all .5s;
}

.newsTitle{
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    margin-bottom:25px;
}
.newsText{
    font-size: 14px;
    line-height: 25px;
    color: #777777;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.newsPic:hover .newsImg img{
    transform:scale(1.1);
}
.newsPic:hover .newsTitle{
    color:#0a63e4;
}
.newsPic{
    width:530px;
}
.newsList{
    width:576px;
}
.newsList li{
    box-sizing: border-box;
    border-bottom: 2px solid #ededed;
    padding-bottom:20px;
    margin-bottom:20px;
    transition:all .5s;
    position: relative;
}
.newsList li:last-of-type{
    margin-bottom: 0px;
}
.newsTh{
    font-size: 16px;
    color: #333333;
    overflow: hidden;
    text-overflow:ellipsis;
    white-space: nowrap;
    transition:all .5s;
}
.newsTime{
    font-size: 14px;
    color: #999999;
    margin:15px auto;
    transition:all .5s;
}
.newsSize{
    font-size: 12px;
    line-height: 18px;
    color: #777777;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    transition:all .5s;
}
.newsArea{
    margin-bottom:50px;
}
.newsList li:hover .newsTh,.newsList li:hover .newsTime,.newsList li:hover .newsSize{
    color:#0a63e4;
}
.newsList li::after{
    content:"";
    position:absolute;
    left:0px;
    bottom:-1px;
    height:1px;
    width:0%;
    transition:all .5s;
    background:#0a63e4;
}
.newsList li:hover::after{
    width:100%;
}
.myLine{
    background:url(../images/fangan_bg.jpg);
    height:425px;
    background-size:100% 100%;
    box-sizing: border-box;
    padding:110px 0px;
    text-align: center;
}
.myPurpose{
    font-size: 35px;
    color: #333333;
}
.myTel{
    font-size: 18px;
    color: #333333;
    margin:20px auto 50px auto;
}
.myOpertion{
    text-align: center;
    font-size:0;
}
.myOpertion a{
    width: 191px;
    height: 45px;
    display:inline-block;
    color:#fff;
    font-size:14px;
    line-height:45px;
}
.lineConsult{
    background-color: #0a63e4;
}
.lineProgram{
    background-color: #e50014;
    margin-left:20px;
}
.myFooter{
    box-sizing: border-box;
    padding:70px 0px 65px 0px;
    background:#2f323b;
}
.fotBotom{
    width:310px;
}
.fotName{
    font-size: 26px;
    font-weight: bold;
    color: #ffffff;
    margin-bottom:35px;
}
.fotBotom .foInfo{
    font-size: 14px;
    line-height:28px;
    color: #71747c;
}
.fotNavtit{
    font-size: 16px;
    color: #ffffff;
    margin-bottom:20px;
}
.fotNavList{
    
}
.fotNav{
    margin-right:139px;
}
.w_fotnav1{
    margin-right: 125px;
}
.FotNav2{
    
}
.fotNavList li{
    width: 100%;
}
.fotNavList li a{
    font-size: 14px;
    line-height:28px;
    color: #71747c;
}
.fotNavList li:hover a{
    color:#0a63e4;
}
.w_fottop{
    margin-top: 50px;
}
.fotEwm{
    box-sizing: border-box;
    padding-top:10px;
}
.fotTit{
    color: #fff;
    font-size: 14px;
    letter-spacing: 3px;
    text-align: center;
    margin-top:10px;
}
.myIcp{
    box-sizing: border-box;
    padding:22px 0px 25px 0px;
    background:#2a2b30;
}
.netWork{
    font-size: 13px;
    color:#777777;
}
.netWork a{
    font-size: 13px;
    color: #777777;
}
.copyInfo{
    
}
.copyLeft,.copyLeft a,.myIcp,.myIcp a,.coPyrn a{
    font-size: 13px;
    line-height: 30px;
    color:#777777;
}
.copyLeft a:hover{
	color:#0a63e4;
}
.coPyrn a:last-of-type{
    margin-left:10px;
}
@media(min-width:992px) and (max-width:1199px){
    .hContainer{
        width:98%;    
    }
    .search{
        display:none;
    }
    .navInfo{
        width:100%;
    }
    .advImg{
        width:42%;
    }
    .advArea{
        width:80%;
        margin-left:2%;
    }
    .advInfo li{
        margin-bottom:35px;
    }
    .sevInfo li{
        width:32%;
        margin-right:2%;
    }
    .sevTitle{
        font-size:20px;
    }
    .sevSlide{
        height:100px;
    }
    .productList li{
        width:32%;
        margin-right:2%;       
    }
    .productInfo{
        padding:20px 20px 0px 20px;
    }
    .newsPic{
        width:50%;
    }
    .newsList{
        width:45%;
    }
    .newsList li{
        padding-bottom:15px;
    }
    .newsTime{
        margin:6px auto;
    }
    .newsImg{
        margin-bottom:15px;
    }
    .newsTitle{
        margin-bottom:15px;
    }
    .myFooter,.mySever,.myProduct{
        padding:40px 0px;
    }
    .fotNav{
        margin-right:10%;
    }
    .copyLeft, .myIcp, .coPyrn a{
        line-height:23px;
    }
    .myAboutInfo{
        margin-top:30px;
    }
    .myHistory{
        height:300px;
    }
    .productList{
        margin:30px auto;    
    }
    
}
@media(min-width:768px) and (max-width:991px){
    .hContainer{
        width:98%;    
    }
    .search{
        display:none;
    }
    .navInfo{
        width:100%;
    }
    .advImg{
        width:48%;
    }
    .advInfo{
        width:50%;
    }
    .advTitle{
        font-size:16px;
    }
    .advArea{
        width:80%;
        margin-left:2%;
    }
    .advInfo li{
        margin-bottom:20px;
    }
    .sevInfo li{
        width:32%;
        margin-right:2%;
    }
    .sevTitle{
        font-size:20px;
    }
    .sevSlide{
        height:100px;
    }
    .productList li{
        width:32%;
        margin-right:2%;       
    }
    .productInfo{
        padding:20px 20px 0px 20px;
    }
    .newsPic{
        width:52%;
    }
    .newsList{
        width:45%;
    }
    .newsList li{
        padding-bottom:10px;
        margin-bottom:10px;
    }
    .newsTime{
        margin:6px auto;
        font-size:13px;
    }
    .newsImg{
        margin-bottom:15px;
    }
    .newsTitle{
        margin-bottom:15px;
    }
    .myFooter,.mySever,.myProduct,.myAdvent{
        padding:30px 0px;
    }
    .fotNav{
        margin-right:6%;
    }
    .copyLeft, .myIcp, .coPyrn a{
        line-height:23px;
    }
    .myAboutInfo{
        margin-top:20px;
        width:90%;
    }
    .myHistory{
        height:250px;
    }
    .productList{
        margin:30px auto;    
    }
    .logo img{
        width:185px;
    }
    .toptext{
        display:none;
    }
    .picNewTr{
        width:14%;
    }
    .picNewInfo{
        width:75%;
    }
    .talkInfo{
        width:80%;
    }
    .talkTime{
        width:15%;
    }
    .sevInfo{
        margin-top:20px;
    }
    .advTh::before, .advEnglish::after{
        content:none;
    }
    .advTh{
        font-size:20px;
    }
    .newsNav{
        margin:20px auto 30px auto;
    }
    .newsArea{
        margin-bottom:30px;
    }
    .myNews{
        padding:30px 0px;
    }
    .myLine{
        height:auto;
        padding:80px 0px;
    }
    .myPurpose{
        font-size:28px;
    }
    .fotBotom{
        width:260px;
    }
    .myIcp{
        margin-bottom:59px;
    }
}
@media(max-width:767px){
    .hContainer{
        width:96%;    
    }
    .search{
        display:none;
    }
    .navInfo{
        width:100%;
        position:absolute;
        left:0px;
        top:62px;
        z-index:22;
        background:rgba(10,90,228,1);
        display:none;
    }
    .navInfo li{
        width:100%;
        float:none;
        line-height:35px;
        height:35px;
    }
    .navInfo li.nav_active>a{
        color:#fff;
    }
    .navInfo li.nav_active::after{
        content:none;
    }
    .navInfo li>a{
        color:#fff;
        line-height:35px;
    }
    .navInfo li:hover .smallDrop,.pc_banner{
        display:none;
    }
    .advImg{
        width:100%;
        margin-bottom:20px;
    }
    .advInfo{
        width:100%;
    }
    .advTitle{
        font-size:16px;
    }
    .advArea{
        width:80%;
        margin-left:2%;
    }
    .advInfo li{
        margin-bottom:20px;
    }
    .sevInfo li{
        width:32%;
        margin-right:2%;
    }
    .sevTitle{
        font-size:20px;
    }
    .sevSlide{
        height:130px;
    }
    .productList li{
        width:32%;
        margin-right:2%;       
    }
    .productInfo{
        padding:10px;
    }
    .newsPic{
        display:none;
    }
    .newsList{
        width:100%;
    }
    .newsList li{
        padding-bottom:10px;
        margin-bottom:10px;
    }
    .newsTime{
        margin:6px auto;
        font-size:13px;
    }
    .newsImg{
        margin-bottom:15px;
    }
    .newsTitle{
        margin-bottom:15px;
    }
    .myFooter,.mySever,.myProduct,.myAdvent{
        padding:20px 0px;
    }
    .fotNav,.Ewm{
        display:none;
    }
    .copyLeft, .myIcp, .coPyrn a{
        line-height:23px;
    }
    .myAboutInfo{
        margin-top:20px;
        width:90%;
        font-size:13px;
        line-height:25px;
    }
    .myHistory{
        padding:55px 0px 30px 0px;
        height:auto;
    }
    .productList{
        margin:30px auto;    
    }
    .logo img{
        width:185px;
    }
    .toptext,.headerTop,.talkTime,.picNewTr{
        display:none;
    }
    .picNewInfo{
        width:80%;
    }
    .talkInfo{
        width:100%;
    }
    .picNews{
        padding:7px 0px;
    }
    .sevInfo{
        display:none;
    }
    .advTh::before, .advEnglish::after{
        content:none;
    }
    .advTh{
        font-size:22px;
    }
    .newsNav{
        margin:20px auto 30px auto;
    }
    .newsArea{
        margin-bottom:30px;
    }
    .myNews{
        padding:30px 0px;
    }
    .myLine{
        height:auto;
        padding:50px 0px;
    }
    .myPurpose{
        font-size:22px;
    }
    .fotBotom{
        width:100%;
    }
    .fotNavtit{
        font-size:18px;
        font-weight:bold;
        margin-bottom:12px;
    }
    .myIcp{
        margin-bottom:59px;
        padding:18px 0px;
    }
    .mobile_banner,.mobileBtn{
        display:block;
    }
    .headTop{
        position: relative;
        padding:10px 0px;
    }
    .mobileBtn{
        position: absolute;
        right: 0px;
        top:10px;
        display: block;
        padding:5px 10px;
        background-image: none;
        /*border: 1px solid #3987de;*/
        border-radius: 4px;
        transition: all .5s;
        width:50px;
        height:32px;
    }
    .mobileBtn span{
       display: block;
        width:27px;
        height: 2px;
        border-radius: 1px;
        background:#0e3290;
        margin:5px auto;
        transition: all .5s;
    }
    .advBox{
        margin-top:20px;
    }
    .advText{
        line-height:23px;
        font-size:13px;
    }
    .suppotArea{
        margin-top:20px;
         display:block;
    }
    .suppotInfo .swiper-slide{
        position: relative;
    }
    .suppotInfo .swiper-slide img{
        width:100%;
        display:block;
    }
    .myAbout{
        padding-bottom:40px;
    }
    .historyList li{
        width:50%;
        margin-bottom:15px;
    }
    .historyList li:last-of-type,.historyList li:nth-last-of-type(1){
        margin-bottom: 0px;
    }
    .myOpertion a{
        width:140px;
        height:38px;
        line-height:38px;
    }
    .netWork,.coPyrn,.productList{
        display:none;   
    }
    .copyLeft,.productTitle{
        text-align: center;
    }
    .moProduct{
        display:block;
        margin:20px 0px;
    }
    .productMore,.myAboutMore{
        height:40px;
        line-height:40px;
    }
    
    
}