/***** css reset*****/ 
body, div, dl, dt, dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote，th,td{margin:0;padding:0;} 
table{border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0;} 
address,caption, cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} 
ol,ul {list-style:none;} 
caption,th{text-align:left;} 
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} 
q:before, q:after{content:' '} 
abbr,acronym{border:0;} 
*:focus { outline: none; }
button{cursor: pointer;}
b{font-weight: normal;} 
a,li,button,span:hover{text-decoration:none;  
transform: translate(0,0);
transition:all .2s ease-in 0s;}
textarea{border: 1px solid #ccc;color: #666;padding: 0 5px;}
/*删除线*/
.lt{text-decoration:line-through;}
/*****文字排版******/ 
.f12{font-size:12px !important;}
.f13{font-size:13px !important;}
.f14{font-size:14px !important;} 
.f16{font-size:16px !important;} 
.f18{font-size:18px !important;} 
.f20{font-size:20px !important;} 
.f22{font-size:22px !important;}
.f24{font-size:24px !important;}
.f26{font-size:26px !important;}
.f30{font-size:30px !important;}
.f40{font-size:40px !important;}
.f50{font-size:50px !important;}
.fb,.bold{font-weight:bold !important;} 
.fn{font-weight:normal !important;} 
.t2{text-indent:2em !important;} 
.lh10{line-height: 10px !important;}
.lh15{line-height: 15px !important;}
.lh20{line-height: 20px !important;}
.lh25{line-height: 25px !important;}
.lh30{line-height: 30px !important;}
.lh35{line-height: 35px !important;}
.lh40{line-height: 40px !important;}
.lh50{line-height: 50px;}
.lh55{line-height: 55px;}
.lh60{line-height: 60px;}
.unl{text-decoration:underline;} 
.no_unl{text-decoration:none;} 
/****定位****/ 
.tl{text-align:left !important;} 
.tc{text-align:center !important;} 
.tr{text-align:right !important;} 
.bc{margin-left:auto;margin-right:auto;} 
.fl{float:left !important;} 
.fr{float:right !important;} 
.cb{clear:both;} 
.cl{clear:left;} 
.cr{clear:right;} 
.clearfix:after{content:'.';display:block;height:0;clear:both;visibility:hidden} 
.clearfix{*zoom: 1; } 
.vm{vertical-align:center;}
.pr{position:relative;} 
.pa{position:absolute;} 
.abs-right{position:absolute;right:0;} 
.zoom{zoom:1} 
.hidden{visibility:hidden;} 
.none,.hide{display:none !important;}
.middle{vertical-align: middle !important;} 
.super{vertical-align: super !important;} 
.sub{vertical-align: sub !important;} 
.pointer{cursor: pointer;}
.nowrap{white-space: nowrap;}
.lineHover:hover{text-decoration: underline !important;}
/******长度 高度*******/ 
.w10{width:10px !important;} 
.w20{width:20px !important;} 
.w30{width:30px !important;} 
.w40{width:40px !important;} 
.w50{width:50px !important;} 
.w60{width:60px !important;} 
.w70{width:70px !important;} 
.w80{width:80px !important;} 
.w90{width:90px !important;} 
.w100{width:100px !important;} 
.w150{width:150px !important;}
.w200{width:200px !important;} 
.w300{width:300px !important;} 
.w400{width:400px !important;} 
.w500{width:500px !important;} 
.w600{width:600px !important;} 
.w700{width:700px !important;} 
.w800{width:800px !important;} 
.w{width:100% !important;} 
.h50{height:50px!important;} 
.h80{height:80px!important;} 
.h100{height:100px!important;} 
.h200{height:200px!important;} 
.h{height:100% !important;} 
/******边距*******/ 
.m10{margin:10px !important;} 
.m15{margin:15px !important;} 
.m30{margin:30px !important;} 
.mt5{margin-top:5px !important;} 
.mt0{margin-top:0 !important;} 
.mt4{margin-top:4px !important;} 
.mt10{margin-top:10px !important;} 
.mt15{margin-top:15px !important;} 
.mt20{margin-top:20px !important;} 
.mt24{margin-top:24px !important;} 
.mt25{margin-top:25px !important;} 
.mt30{margin-top:30px !important;} 
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;} 
.mt60{margin-top:60px !important;} 
.mt80{margin-top:80px !important;} 
.mt85{margin-top:85px !important;} 
.mt90{margin-top:90px !important;} 
.mt100{margin-top:100px !important;} 
.mt130{margin-top:130px !important;} 
.mb0{margin-bottom:0 !important;} 
.mb5{margin-bottom:5px !important;} 
.mb10{margin-bottom:10px !important;} 
.mb15{margin-bottom:15px !important;} 
.mb20{margin-bottom:20px !important;} 
.mb30{margin-bottom:30px !important;} 
.mb50{margin-bottom:50px !important;} 
.mb100{margin-bottom:100px !important;} 
.ml0{margin-left:0!important;} 
.ml5{margin-left:5px !important;} 
.ml10{margin-left:10px !important;} 
.ml15{margin-left:15px !important;} 
.ml20{margin-left:20px !important;} 
.ml25{margin-left:25px !important;} 
.ml30{margin-left:30px !important;} 
.ml35{margin-left:35px !important;} 
.ml40{margin-left:40px !important;} 
.ml50{margin-left:50px !important;} 
.ml70{margin-left:70px !important;} 
.ml80{margin-left:80px !important;} 
.ml90{margin-left:90px !important;} 
.ml100{margin-left:100px !important;} 
.ml120{margin-left:120px !important;} 
.mr0{margin-right:0 !important;} 
.mr5{margin-right:5px !important;} 
.mr10{margin-right:10px !important;} 
.mr15{margin-right:15px !important;} 
.mr20{margin-right:20px !important;} 
.mr30{margin-right:30px !important;} 
.mr40{margin-right:40px !important;} 
.mr50{margin-right:50px !important;} 
.mr100{margin-right:100px !important;} 
.p10{padding:10px !important;} 
.p15{padding:15px !important;} 
.p30{padding:30px !important;} 
.pt5{padding-top:5px !important;} 
.pt10{padding-top:10px !important;} 
.pt15{padding-top:15px !important;} 
.pt20{padding-top:20px !important;} 
.pt30{padding-top:30px !important;} 
.pt40{padding-top:40px !important;} 
.pt50{padding-top:50px !important;} 
.pt60{padding-top:60px !important;} 
.pt100{padding-top:100px !important;} 
.pb5{padding-bottom:5px !important;} 
.pb10{padding-bottom:10px !important;} 
.pb15{padding-bottom:15px !important;} 
.pb20{padding-bottom:20px !important;} 
.pb30{padding-bottom:30px !important;} 
.pb40{padding-bottom:40px !important; } 
.pb50{padding-bottom:50px !important;} 
.pb70{padding-bottom:70px !important;} 
.pb100{padding-bottom:100px !important;} 
.pb130{padding-bottom:130px !important;} 
.pb160{padding-bottom:160px !important;} 
.pl5{padding-left:5px !important;} 
.pl10{padding-left:10px !important;} 
.pl15{padding-left:15px !important;} 
.pl20{padding-left:20px !important;} 
.pl30{padding-left:30px !important;} 
.pl50{padding-left:50px !important;} 
.pl100{padding-left:100px !important;} 
.pr5{padding-right:5px !important;} 
.pr10{padding-right:10px !important;} 
.pr15{padding-right:15px !important;} 
.pr20{padding-right:20px !important;} 
.pr30{padding-right:30px !important;} 
.pr50{padding-right:50px !important;} 
.pr100{padding-right:100px !important;} 
/*色值*/
.red{color: #ec435d !important;}
.bg-red{background: #ec435d !important;color: #fff !important;}
.blue{color: #6699ff;}
.light-blue{color: #5799ff;}
.gray{color: #666 !important;}
.light-gray{color: #999 !important;}
.light-green{color: #65d3e3;}
.light-green:hover{color: #a2e4ee;}
/*按钮长度*/
.btn-w130{
	width: 130px !important;
}
.btn-w90{
	width: 90px !important;
}
/*按钮不点击*/
 .disabled { pointer-events: none; }
 .disabled-gray { pointer-events: none;background: #5a5a5a !important;color: #fff !important; }
 .borderNone{
 	border: none !important;
 }
 .border{
 	border: 1px solid #dcdcdc !important;
 }
 /*
  css首页样式
*/
    .home{
        min-width: 1200px;
    }
    .homenvaBg{
        background:#0084a4;
    }
    .home-card {
        width: 100%;
        position: relative;
        font-family: "Microsoft YaHei";
        /*overflow: hidden;*/
    }
    .home-card .top-bg {
        width: 100%;
        height: 100%;
        overflow: hidden;
        position: relative;
        background:/*#f2f3f8*/ url(../img/index-img1.png) center top no-repeat;
        background-size: 100%;
    }
    .home-card .main-content {
        width: 1200px;
        margin: auto;
        text-align: center;
    }

    .home-card .bg-content {
        background: #f8fcff;
        width: 100%;
    }

    .main-content .title {
        text-align: center;
        font-size: 40px;
        color: #666666;
    }
    .main-content .home-title{
        padding-top: 80px;
    }
    .main-content .line {
        display: inline-block;
        width: 140px;
        height: 1px;
        margin: 20px auto 15px;
        background: radial-gradient(#aaadaf 10%, white 100%);
        position: relative;
    }
    .main-content .line .square{
        display: inline-block;
        width: 8px;
        height: 8px;
        border: 1px solid #aaadaf;
        background: #fff;
        position: absolute;
        left: 50%;
        top:50%;
        margin-left: -4px;
        margin-top: -5px;
        transform:rotate(45deg);
    }
    .main-content .subtitle {
        display: inline-block;
        width: 100%;
        text-align: center;
        color: #666;
        line-height: 35px;
        position: relative;
    }
    .main-content .home-spn{
        /*background: url(../img/index-bg.png) 0 0 no-repeat;
        background-size: 100%;*/
        padding-bottom: 2%;
    }
    .main-content .home-spn .badge{
        float: left;
        margin-left: 26%;
        width: 12%;
    }
    .main-content .home-spn .cont{
        width: 36%;
        float: left;
        text-align: center;
        margin-left: 4%;
        margin-top: 15px;
    }
    .main-content .home-spn .btn{
        text-align: center;
        display: inline-block;
        padding: 12px 18px;
        border: 2px solid #fff;
        color: #fff;
        font-family: "Microsoft YaHei";
        border-radius: 6px;
        cursor: pointer;
        margin-top: 3%;
        background: #1dd6f2;
        border: 2px solid #1dd6f2;
    }
    .main-content .home-spn .btn:hover{
        opacity: .9;
    }
    .main-content .home-spn .msg{
        font-size: 1.4vw;
        margin-top: 1%;
    }
    .main-content .main-map{
        width: 1045px;
        height: 518px;
        margin: 6% auto 0;
        background: url(../img/index-map.png) 0 0 no-repeat;
        background-size: 100%;
        position: relative;
    }
    .main-content .main-map .cood{
        display: inline-block;
        width: 50px;
        text-align: center;
        position: absolute;
        opacity: 0;
    }
    .main-content .main-map .cood.cap{
        top: 37%;
        right: 19.5%;
        opacity: 1;
    }
    .main-content .main-map .cood.AE{
        top: 37.6%;
        right: 37.3%;
        z-index: 1;
    }
    .main-content .main-map .cood.AU{
        top: 64%;
        right: 14%;
    }
    .main-content .main-map .cood.BR{
        top: 58%;
        left: 32.5%;
    }
    .main-content .main-map .cood.CA{
        top: 12.4%;
        left: 11%;
    }
    .main-content .main-map .cood.DE{
        top: 17.6%;
        right: 43%;
    }
    .main-content .main-map .cood.ES{
        top: 29.8%;
        right: 52.3%;
        z-index: 1;
    }
    .main-content .main-map .cood.FR{
        top: 22.7%;
        right: 47.8%;
    }
    .main-content .main-map .cood.IN{
        top: 39.6%;
        right: 28.6%;
    }
    .main-content .main-map .cood.IT{
        top: 30.5%;
        right: 45%;
    }
    .main-content .main-map .cood.JP{
        top: 30%;
        right: 12.5%;
    }
    .main-content .main-map .cood.MX{
        top: 40%;
        left: 17.8%;
    }
    .main-content .main-map .cood.TR{
        top: 28.6%;
        right: 40.2%;
    }
    .main-content .main-map .cood.UK{
        top: 17%;
        left: 44%;
    }
    .main-content .main-map .cood.US{
        top: 26.6%;
        left: 14.4%;
    }
    .main-content .main-map.animate .cood.AE{
        animation: coodBlcok 1s .4s linear;
        animation-fill-mode: forwards;
    }
    .main-content .main-map.animate .cood.AU{
        animation: coodBlcok 1s 1s linear;
        animation-fill-mode: forwards;
    }
    .main-content .main-map.animate .cood.BR{
        animation: coodBlcok 1s 1.2s linear;
        animation-fill-mode: forwards;
    }
    .main-content .main-map.animate .cood.CA{
        animation: coodBlcok 1s 1.8s linear;
        animation-fill-mode: forwards;
    }
    .main-content .main-map.animate .cood.DE{
        animation: coodBlcok 1s .6s linear;
        animation-fill-mode: forwards;
    }
    .main-content .main-map.animate .cood.ES{
        animation: coodBlcok 1s .8s linear;
        animation-fill-mode: forwards;
    }
    .main-content .main-map.animate .cood.FR{
        animation: coodBlcok 1s .7s linear;
        animation-fill-mode: forwards;
    }
    .main-content .main-map.animate .cood.IN{
        animation: coodBlcok 1s .2s linear;
        animation-fill-mode: forwards;
    }
    .main-content .main-map.animate .cood.IT{
        animation: coodBlcok 1s .6s linear;
        animation-fill-mode: forwards;
    }
    .main-content .main-map.animate .cood.JP{
        animation: coodBlcok 1s .8s linear;
        animation-fill-mode: forwards;
    }
    .main-content .main-map.animate .cood.MX{
        animation: coodBlcok 1s 1.8s linear;
        animation-fill-mode: forwards;
    }
    .main-content .main-map.animate .cood.TR{
        animation: coodBlcok 1s .6s linear;
        animation-fill-mode: forwards;
    }
    .main-content .main-map.animate .cood.UK{
        animation: coodBlcok 1s .9s linear;
        animation-fill-mode: forwards;
    }
    .main-content .main-map.animate .cood.US{
        animation: coodBlcok 1s 1.9s linear;
        animation-fill-mode: forwards;
    }
    @keyframes coodBlcok {
        0% {
            opacity: 0;
        }
        100% {
            opacity: 1;
        }
    }
    .main-content .main-map .icon-index{
        display: inline-block;
        width: 44px;
        height: 45px;
    }
    .main-content .main-map .index-cap{
        background: url(../img/index-cap.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .main-content .main-map .index-AE{
        background: url(../img/index-AE.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .main-content .main-map .index-AU{
        background: url(../img/index-AU.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .main-content .main-map .index-BR{
        background: url(../img/index-BR.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .main-content .main-map .index-CA{
        background: url(../img/index-CA.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .main-content .main-map .index-DE{
        background: url(../img/index-DE.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .main-content .main-map .index-ES{
        background: url(../img/index-ES.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .main-content .main-map .index-FR{
        background: url(../img/index-FR.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .main-content .main-map .index-IN{
        background: url(../img/index-IN.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .main-content .main-map .index-IT{
        background: url(../img/index-IT.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .main-content .main-map .index-JP{
        background: url(../img/index-JP.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .main-content .main-map .index-MX{
        background: url(../img/index-MX.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .main-content .main-map .index-TR{
        background: url(../img/index-TR.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .main-content .main-map .index-UK{
        background: url(../img/index-UK.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .main-content .main-map .index-US{
        background: url(../img/index-US.png) 0 0 no-repeat;
        background-size: 100%;
    }
    .main-content .main-map .dot:before {
        content: "";
        width: 15px;
        height: 15px;
        background: #00a8ff;
        border-radius: 50%;
        position: absolute;
        left: 50%;
        margin-left: -7.5px;
        bottom: 12px;
        transform: rotateX(110deg);
    }
    .main-content .main-map .dot:after{
        content: '';
        position: absolute;
        width: 30px;
        height: 30px;
        border-radius: 50%;
        box-shadow: 0 0 1px 2px rgba(109,196,242, 0.8);
        left: 50%;
        margin-left: -15px;
        bottom: 5px;
        z-index: 3;
        opacity: 0;
        background: #6dc4f2;
        -webkit-animation: halo 1.8s 0.5s infinite ease-out;
        -moz-animation: halo 1.8s 0.5s infinite ease-out;
        animation: halo 1.8s 0.5s infinite ease-out;
    }
    @keyframes halo {
        0% {
            opacity: 0;
            transform: scale(0.1) rotateX(110deg);
        }
        50% {
            opacity: .8;
        }
        100% {
            opacity: 0;
            transform: scale(1.2) rotateX(110deg);
        }
    }
    .main-content .main-map .name{
        font-size: 12px;
        color: #333333;
        white-space: nowrap;
        position: relative;
        top: 5px;
    }
    .main-content .main-map .left-line{
        display: inline-block;
        width: 0;
        margin-left: 12%;
        margin-top: 1%;
        height: 100%;
        position: absolute;
        right: 22%;
        float: left;
        z-index: -1;
        background: url(../img/index-map-line.png) right 0 no-repeat;

    }
    .main-content .main-map.animate .left-line{
        animation: left-line 2s linear;
        animation-fill-mode: forwards;
    }
    @keyframes left-line {
        0% {
            width: 0;
        }
        100% {
            width: 64.8%;
        }
    }
    .main-content .main-map .right-line{
        display: inline-block;
        width: 0;
        margin-top: 1%;
        position: absolute;
        left: 78%;
        height: 50%;
        float: left;
        z-index: -1;
        background: url(../img/index-map-line2.png) 0 0 no-repeat;
    }
    .main-content .main-map.animate .right-line{
        animation: right-line 1s linear;
        animation-fill-mode: forwards;
    }
    @keyframes right-line {
        0% {
            width: 0;
            height: 50%;
        }
        80% {
            height: 60%;
        }
        100% {
            width: 8%;
            height: 70%;
        }
    }
    .main-sizedis{
        width: 65%;
        min-width: 1000px;
        margin:  30px auto;
    }
    .main-sizedis .cood{
        float: left;
        width: 6.1%;
        margin: 0 .5%;
        font-size: 14px;
    }
    .main-sizedis .cood img{
        width: 100%;
    }
    .main-sizedis .cood img:hover{
        transform: scale(1.05);
        transition:all .2s ease-in 0s;
    }
    .main-infor-list li .box{
        width: 1200px;
        margin:auto;
        padding: 5% 0 10px;
    }
    .main-infor-list li .tit{
        font-size: 30px;
        color: #303742;
        padding-top: 38px;
        margin: 20px 0 30px;
        text-align: left;
        position: relative;
    }
    .main-infor-list li .tit:after{
        content: "";
        width: 60px;
        height: 2px;
        background: #303742;
        position: absolute;
        bottom: -25px;
        left: 0;
    }
    .main-infor-list li .img{
        width: 58%;
        opacity: 0;
        position: relative;
    }
    .main-infor-list li .img .new{
        display: inline-block;
        width: 84px;
        height: 84px;
        background: url(../img/home/new.png) 0 0 no-repeat;
        background-size: 100%;
        position: absolute;
        right: -10px;
        top: -20px;
    }
    .main-infor-list li .data{
        width: 37%;
        opacity: 1;
        position: relative;
    }
    .main-infor-list li .msg{
        color: #626770;
        font-size: 16px;
        text-align: left;
        line-height: 28px;
        position: relative;
        padding-left: 22px;
    }
    .main-infor-list li .msg:before{
        content: "";
        width: 10px;
        height: 10px;
        background: #00c1de;
        border-radius: 50%;
        position: absolute;
        left: 0;
        top: 9px;
    }
    .main-infor-list li .msg:after{
        content: "";
        width: 6px;
        height: 6px;
        background: #fff;
        border-radius: 50%;
        position: absolute;
        left: 2px;
        top: 11px;
    }
    .main-infor-list li .btn{
        display: inline-block;
        width: 120px;
        height: 42px;
        line-height: 42px;
        background: #1d4270;
        color: #fff;
        font-size: 14px;
        border-radius: 20px;
        text-align: center;
        float: left;
        margin-top: 30px;
        -webkit-transform: perspective(1px) translateZ(0);
        transform: perspective(1px) translateZ(0);
        box-shadow: 0 0 1px transparent;
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform;
        transition-property: transform;
    }
    .main-infor-list li .btnRight{
        margin-left: 30px;
        background: #dfe8f3;
        color:#000;
        border: 1px solid #000;
    }
    .main-infor-list li .btn:before {
        pointer-events: none;
        position: absolute;
        z-index: -1;
        content: '';
        top: 100%;
        left: 5%;
        height: 10px;
        width: 90%;
        opacity: 0;
        background: -webkit-radial-gradient(ellipse at center, #dfe8f3 0%, transparent 80%);
        background: radial-gradient(ellipse at center, #dfe8f3 0%, transparent 80%);
        -webkit-transition-duration: 0.3s;
        transition-duration: 0.3s;
        -webkit-transition-property: transform, opacity;
        transition-property: transform, opacity;
    }
    .main-infor-list li .btn:hover {
        background: #1d4270;
        color: #fff;
        -webkit-transform: translateY(-5px);
        transform: translateY(-5px);
    }
    .main-infor-list li .btn:hover:before {
        opacity: 1;
        -webkit-transform: translateY(10px);
        transform: translateY(10px);
    }
    .main-infor-list li:nth-child(even){
        background: #fff;
    }
    .main-infor-list li:nth-child(odd) .img,
    .main-infor-list li:nth-child(odd) .data{
        float: left;
    }
    .main-infor-list li:nth-child(even) .img,
    .main-infor-list li:nth-child(even) .data{
        float: right;
    }
    .main-infor-list li:nth-child(odd) .img,
    .main-infor-list li:nth-child(even) .data{
       left: -2%;
    }
    .main-infor-list li:nth-child(even) .img,
    .main-infor-list li:nth-child(odd) .data{
        right: -2%;
    }
    .main-infor-list li:nth-child(odd) .data{
        /* margin-left: 5%; */
    }
    .main-infor-list li:nth-child(even) .data{
        /* margin-right: 5%; */
    }
    .more-func-list{
        display: inline-block;
        margin: 4% auto 80px;
        width: 75%;
    }
    .more-func-list li{
        float: left;
        box-shadow: 0 0 10px #e2f2fd;
        width: calc(25% - 28px);
        height: 202px;
        margin:0 14px;
        background: #fff;
    }
    .more-func-list li a{
        width: 100%;
        display: inline-block;
        padding: 20px 0 30px;
    }
    .more-func-list li .tit{
        color: #303742;
        font-size: 18px;
        margin-top: 5px;
    }
    .more-func-list li .tip{
        color: #8d8f92;
        font-size: 14px;
        margin: 10px 20px 0;
    }
    .more-func-list li:hover{
        position: relative;
        z-index: 999;
        box-shadow: 0 0 20px #c6e5ff;
        transform: translateY(-10px) scale(1.04);
        -moz-transform: translateY(-10px) scale(1.04);
        -webkit-transform: translateY(-10px) scale(1.04);
        -ms-transform: translateY(-10px) scale(1.04);
        -o-transform: translateY(-10px) scale(1.04);
    }
   @-ms-keyframes rotate{
    to{
        -ms-transform: rotate(6deg);
    }
        }
        @-moz-keyframes rotate{
            to{
                -moz-transform: rotate(6deg);
            }
        }
        @-o-keyframes rotate{
            to{
                -o-transform: rotate(6deg);
            }
        }
        @keyframes rotate{
            to{
                transform: rotate(6deg);
            }
        }
        .icon-func{
            display: inline-block;
            width: 30px;
            height: 30px;
        }
        .icon-func01{
            background: url(../img/func1.png) no-repeat;
            background-size: 100%;
        }
        .icon-func02{
            background: url(../img/func2.png) no-repeat;
            background-size: 100%;
        }
        .icon-func03{
            background: url(../img/func3.png) no-repeat;
            background-size: 100%;
        }
        .icon-func04{
            background: url(../img/func4.png) no-repeat;
            background-size: 100%;
        }
        .icon-func05{
            background: url(../img/func5.png) no-repeat;
            background-size: 100%;
        }
        .icon-func06{
            background: url(../img/func6.png) no-repeat;
            background-size: 100%;
        }
        .icon-func07{
            background: url(../img/func7.png) no-repeat;
            background-size: 100%;
        }
        .icon-func12 {
            background: url(../img/selGoods.png) no-repeat;
            background-size: 100%;
            width: 32px;
            height: 32px;
        }
        .icon-mater{
            display: inline-block;
            width: 22px;
            height: 19px;
            vertical-align: sub;
            margin-right: 20px;
        }
        .js-list .icon-mater01{
            background-position: -58px -260px;
        }
        .js-list .active .icon-mater01,
        li:hover .icon-mater01{
            background-position: -84px -260px;
        }
        .js-list .icon-mater02{
            background-position: -9px -260px;
        }
        .js-list .active .icon-mater02,
        li:hover .icon-mater02{
            background-position: -32px -260px;
        }
        .js-list .icon-mater03{
            background-position: -110px -260px;
        }
        .js-list .active .icon-mater03,
        li:hover .icon-mater03{
            background-position: -135px -260px;
        }
        .js-list .icon-mater04{
            background-position: -164px -260px;
        }
        .js-list .active .icon-mater04,
        li:hover .icon-mater04{
            background-position: -194px -260px;
        }
        .icon-sys{
            background-image: url(../img/icon-sys.png?v=20190327);
            display: inline-block;
            *display: inline;
            *zoom: 1;
            padding: 0;
            border: 0;
            background-repeat: no-repeat;
        }
        .icon-sys1{
            width: 22px;
            height: 27px;
            background-position: -33px -2px;
        }
        .icon-sys2{
            width: 26px;
            height: 24px;
            background-position: -91px -3px;
        }
        .icon-sys3{
            width: 24px;
            height: 26px;
            background-position: -32px -34px;
        }
        .icon-sys4{
            width: 23px;
            height: 13px;
            background-position: -92px -36px;
        }
        .collegeIcon{display:inline-block;background: url('../img/collegeIcon.png');*display: inline;*zoom: 1;padding: 0;border: 0;background-repeat: no-repeat;}
        .college-author-hover{background-position: -130px -21px;width: 13px;height: 16px;}
        .college-author{background-position: -130px 0px;width: 13px;height: 16px;}
        .college-browse-hover{background-position: -39px -48px;width: 24px;height: 13px;}
        .college-browse{background-position: -68px -48px;width: 24px;height: 13px;opacity: .7;}
        .college-forward-hover{background-position: -108px -44px;width: 17px;height: 17px;}
        .college-forward{background-position: -108px 0px;width: 17px;height: 17px;}
        .college-good-hover{background-position: -108px -22px;width: 17px;height: 17px;}
        .college-good{background-position: -108px -66px;width: 17px;height: 17px;opacity: .7;}
        .college-msg-hover{background-position: -63px -100px;width: 16px;height: 15px;}
        .college-msg{background-position: -42px -100px;width: 16px;height: 15px;}
        .college-next-hover{background-position: 0px 0px;width: 22px;height: 43px;}
        .college-next{background-position: -81px 0px;width: 22px;height: 43px;}
        .college-play{background-position: 0px -48px;width: 34px;height: 28px;}
        .college-prev-hover{background-position: -54px 0px;width: 22px;height: 43px;}
        .college-prev{background-position: -27px 0px;width: 22px;height: 43px;}
        .college-search{background-position: -21px -100px;width: 16px;height: 16px;}
        .college-time-hover{background-position: -84px -100px;width: 15px;height: 15px;}
        .college-time{background-position: -104px -100px;width: 15px;height: 15px;opacity: .7;}
        .college-video-hover{background-position: -27px -81px;width: 22px;height: 14px;}
        .college-video{background-position: 0px -81px;width: 22px;height: 14px;opacity: .7;}
        .college-weixin{background-position: 0px -100px;width: 16px;height: 16px;}
        .college-sort-default{background-position: -43px -65px;width: 8px;height: 9px;}
        .college-sort-ascent{background-position: -54px -65px;width: 8px;height: 9px;}
        .college-sort-descent{background-position: -65px -65px;width: 8px;height: 9px;}
  
        @font-face {
            font-family: BANK;
            src: url('../font/BANK.TTF');
        }
        @font-face {
            font-family: PingFang SC;
            src: url('../font/PINGFANG LIGHT.TTF');
        }
        
        @font-face {
            font-family: PingFang RG;
            src: url('../font/PINGFANG REGULAR.TTF');
        }
        @font-face {
            font-family: lanting;
            src: url('../font/lanting.TTF');
        }
        @font-face {
            font-family: lanting ST;
            src: url('../font/lantingST.TTF');
        }
        
        .main-box {
            background: #e0e3e5;
            padding: 30px 0 30px 0;
        }
        
        
        .home-content{
            font-family: "Microsoft YaHei";
        }
        
        .main-card .func-bg{
            width: 100%;
            height: 394px;
            min-width: 1200px;
            background: linear-gradient(to right, #32417b , #29829d);
            position: relative;
        }
        .func-bg .cont{
            width: 70%;
            height: 316px;
            background: url(../img/func-bg.png) center bottom no-repeat;
            background-size: 100%;
            text-align: center;
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translate(-50%,0);
            color: #fff;
        }
        .func-bg .title-box{
            text-align: left;
        
        }
        .func-bg .tit{
            font-size: 43px;
            margin-top: 70px;
        }
        .func-bg .tip{
            font-size: 17px;
            margin-top: 20px;
        }
        .func-bg .typeitbox{
            float: left;
            display: inline-block;
            position: relative;
            font-size: 20px;
            color: #000000;
            height: 50px;
        }
        @keyframes blink-caret { 50% { background-color: transparent; } }
        .func-bg .typeContent{
            animation:blink-caret 1s step-end infinite;
            width: 3px;
            height: 20px;
            color:#00c1de;
            float: left;
            position: absolute;
            right: -10px;
        }
        .func-tab{
            width: 88%;
            min-width: 1160px;
            margin:auto;
            position: relative;
            top:-50px;
            box-shadow: 0 0 20px #7e7e7e;
            background: #fff;
        }
        .func-tab-list li{
            float: left;
            width: 14.2858%;
            text-align: center;
            height: 100px;
            line-height: 100px;
            color: #333;
            border-bottom: 3px solid transparent;
            cursor: pointer;
            font-family: "Microsoft YaHei";
        }
        .func-tab-list .name{
            margin-left: 10px;
            vertical-align: middle;
        }
        .func-tab-list li a{
            display: inline-block;
            width: 100%;
            height: 100%;
            color: #333;
        }
        .func-tab-list li.active{
            border-bottom: 3px solid #00c1de;
        }
        .func-tab-list li.active a{
            color: #00c1de;
        }
        .func-tab .tab-layer{
            display: inline-block;
            position: absolute;
            left: 0;
            top:0;
            width: 14.29%;
            height: 100%;
            background: #f4faff;
            display: none;
        }
        .main-func-content{
            margin-bottom: 50px;
            font-family: "Microsoft YaHei";
        }
        .main-func-content .main-infor-list .tit{
            margin: 40px 0 40px;
        }
        .main-func-content .main-infor-list span{
            font-weight: bold;
        }
        .main-func-content .title {
            text-align: center;
            font-size: 40px;
            color: #343434;
            font-weight: bold;
        }
        .main-func-content .home-title{
            padding-top: 80px;
            margin-bottom: -50px;
        }
        .main-func-content .title {
            text-align: center;
            font-size: 40px;
            color: #343434;
            font-weight: bold;
        }
        
        .main-card .title .col {
            vertical-align: middle;
            color: #15536b;
            margin-left: 20px;
        }
        .new-wrapper{
            position: relative;
        }
        .new-wrapper .swiper-pagination-bullet{
            width: 2.5vw;
            height: 7px;
            background-size: 100%;
        }
        .main-card {
            position: relative;
        }
        .home-card {
            width: 100%;
            position: relative;
            font-family: "Microsoft YaHei";
        }
        
        .img_box {
            position: relative;
        }
        .img_box .imgs{
            width: 500px;
            height: 300px;
        }
        .img_box::before {
            position: absolute;
            content: '';
            top: 0;
            left: 0;
            width: 500px;
            height: 300px;
            background-color: rgba(0, 0, 0, 0.3);
            cursor: pointer;
        }
        
        .home-card{
            min-width: 1280px;
        }
        
        .new-operation{
            position: relative;
            overflow-x: hidden;
        }
        .new-operation .main-card .func-bg {
            width: 100%;
            height: 394px;
            min-width: 1200px;
            background: linear-gradient(to right, #0084A5, #0084A5);
            position: relative;
        }
        .func-bg .cont {
            width: 70%;
            height: 316px;
            background: url(../img/func-bg.png) center bottom no-repeat;
            background-size: 100%;
            text-align: center;
            position: absolute;
            bottom: 10px;
            left: 50%;
            transform: translate(-50%,0);
            color: #fff;
        }
        .new-operation .func-bg .title-box {
            padding-left: 0;
            text-align: center;
        }
        .new-operation .func-bg .tit {
            font-size: 2.71vw;
            margin-top: 70px;
            letter-spacing: 10px;
        }
        .new-operation .func-bg .tip {
            font-size: 1.78vw;
            margin-top: 20px;
            letter-spacing: 5px;
        }
        .new-operation .func-tab{
            box-shadow: 0 4px 6px #dddddd;
            max-width: 1280px;
            min-width: 1160px;
            margin: auto;
            position: relative;
            top: -45px;
            background: #fff;
        }
        .new-operation .func-tab .func-tab-list{
            display: flex;
        }
        .new-operation .func-tab-list li {
            flex: 1;
            /* float: left; */
            /* width: 14.2858%; */
            text-align: center;
            height: 85px;
            line-height: 85px;
            color: #333;
            border-bottom: 3px solid transparent;
            cursor: pointer;
            font-family: "Microsoft YaHei";
        }
        .new-operation .func-tab-list li.active {
            border-bottom: 3px solid #00c1de;
        }
        .new-operation .func-tab-list li.active a {
            color: #27B8D0;
        }
        .new-operation .func-tab-list li:hover{
            background-color:rgba(39,184,208,0.1);
        }
        .new-operation .func-tab-list li:hover a{
            color: #073B49
        }
        .new-operation  .func-tab-list li a {
            display: inline-block;
            width: 100%;
            height: 100%;
            color: #073B49;
            font-size: 18px;
        }
        .new-operation .icon-func01 {
            background: url(../img/func1.png) no-repeat;
            background-size: 100%;
            width: 33px;
            height: 32px;
        }
        .new-operation .icon-func02 {
            background: url(../img/func2.png) no-repeat;
            background-size: 100%;
            width: 30px;
            height: 30px;
        }
        .new-operation .icon-func03 {
            background: url(../img/func3.png) no-repeat;
            background-size: 100%;
            width: 31px;
            height: 31px;
        }
        .new-operation .icon-func04 {
            background: url(../img/func4.png) no-repeat;
            background-size: 100%;
            width: 36px;
            height: 36px;
        }
        .new-operation .icon-func05 {
            background: url(../img/func5.png) no-repeat;
            background-size: 100%;
            width: 32px;
            height: 23px;
        }
        .new-operation .icon-func06 {
            background: url(../img/func6.png) no-repeat;
            background-size: 100%;
            width: 32px;
            height: 29px;
        }
        .new-operation .icon-func07 {
            background: url(../img/func7.png) no-repeat;
            background-size: 100%;
            width: 30px;
            height: 30px;
        }
        .new-operation .icon-func08 {
            background: url(../img/func8.png) no-repeat;
            background-size: 100%;
            width: 43px;
            height: 43px;
        }
        .new-operation .icon-func09 {
            background: url(../img/func9.png) no-repeat;
            background-size: 100%;
            width: 39px;
            height: 29px;
        }
        .new-operation .icon-func10 {
            background: url(../img/func10.png) no-repeat;
            background-size: 100%;
            width: 41px;
            height: 41px;
        }
        .new-operation .icon-func11 {
            background: url(../img/func11.png) no-repeat;
            background-size: 100%;
            width: 43px;
            height: 43px;
        }
        .new-operation .icon-func12 {
            background: url(../img/selGoods.png) no-repeat;
            background-size: 100%;
            width: 32px;
            height: 32px;
        }
        .new-operation .active .icon-func01 {
            background: url(../img/func_on1.png) no-repeat;
            background-size: 100%;
            width: 33px;
            height: 32px;
        }
        .new-operation .active .icon-func02 {
            background: url(../img/func_on2.png) no-repeat;
            background-size: 100%;
            width: 30px;
            height: 30px;
        }
        .new-operation .active .icon-func03 {
            background: url(../img/func_on3.png) no-repeat;
            background-size: 100%;
            width: 31px;
            height: 31px;
        }
        .new-operation .active .icon-func04 {
            background: url(../img/func_on4.png) no-repeat;
            background-size: 100%;
            width: 36px;
            height: 36px;
        }
        .new-operation .active .icon-func05 {
            background: url(../img/func_on5.png) no-repeat;
            background-size: 100%;
            width: 32px;
            height: 23px;
        }
        .new-operation .active .icon-func06 {
            background: url(../img/func_on6.png) no-repeat;
            background-size: 100%;
            width: 32px;
            height: 29px;
        }
        .new-operation .active .icon-func07 {
            background: url(../img/func_on7.png) no-repeat;
            background-size: 100%;
            width: 30px;
            height: 30px;
        }
        .new-operation .active .icon-func08 {
            background: url(../img/func_on8.png) no-repeat;
            background-size: 100%;
            width: 43px;
            height: 43px;
        }
        .new-operation .active .icon-func09 {
            background: url(../img/func_on9.png) no-repeat;
            background-size: 100%;
            width: 39px;
            height: 29px;
        }
        .new-operation .active .icon-func10 {
            background: url(../img/func_on10.png) no-repeat;
            background-size: 100%;
            width: 41px;
            height: 41px;
        }
        .new-operation .active .icon-func11 {
            background: url(../img/func_on11.png) no-repeat;
            background-size: 100%;
            width: 43px;
            height: 43px;
        }
        .new-operation .active .icon-func12 {
            background: url(../img/selGoodsActive.png) no-repeat;
            background-size: 100%;
            width: 32px;
            height: 32px;
        }
        
        .new-operation .icon-func {
            display: inline-block;
        }
        .new-operation .func-tab-list .name {
            margin-left: 5px;
            vertical-align: middle;
        }
        .new-operation .main-video-content .title {
            text-align: center;
            font-size: 32px;
            color: #073B49;
            font-weight: 500;
            padding-top: 30px;
        }
        .new-operation .main-video-content .tip {
            text-align: center;
            font-size: 16px;
            margin-top: 15px;
            color: #073B49;
            margin-bottom: 10px;
        }
        .new-operation .main-video-content .box {
            position: relative;
            background: url(../img/video_bg.png) no-repeat;
            max-width: 1860px;
            height: 100%;
            margin: 0 auto;
            padding: 20px;
            filter: none
        }
        .new-operation .main-video-content .video-box {
            height: 540px;
            width: 60%;
            margin: 0 auto;
            min-width: 900px;
        }
        .new-operation .main-func-content {
            margin-bottom: 50px;
            font-family: "Microsoft YaHei";
        }
        .new-operation .main-func-content .title {
            text-align: center;
            font-size: 32px;
            color: #073B49;
            font-weight: 500;
        }
        .new-operation .main-func-content .home-title {
            padding-top: 30px;
            margin-bottom: -50px;
        }
        .new-operation .main-infor-list li .box {
            max-width: 1280px;
            margin: auto;
            padding: 5% 0 30px;
        }
        .new-operation .main-infor-list li .img {
            width: 58%;
            opacity: 1;
            position: relative;
        }
        .new-operation .main-infor-list li .box .box-banner{
            float: left;
            width: 58%;
            height: 100%;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .new-operation .main-infor-list li .box .box-banner-right{
            float: right;
            width: 58%;
            height: 100%;
            overflow: hidden;
            display: flex;
            flex-direction: column;
            align-items: center;
        }
        .new-operation .main-infor-list li .box .image-box{
            width: 100%;
            overflow: hidden;
        }
        .new-operation .main-infor-list .box .image-container{
            position: relative;
            display: flex;
        }
        .new-operation .main-infor-list .box .image-container .img{
            width: 100%;
            height: 100%;
            flex-shrink: 0;
        }
        
        .new-operation .main-infor-list li:nth-child(odd) .img,
        .new-operation .main-infor-list li:nth-child(even) .data {
            left: -2%;
        }
        .new-operation .main-infor-list li:nth-child(odd) .img,
        .new-operation .main-infor-list li:nth-child(odd) .data {
            float: left;
        }
        .new-operation .main-infor-list li .tit {
            font-size: 24px;
            color: #073B49;
            font-weight: bold;
            padding-top: 0;
            margin: 0 0 30px;
            text-align: left;
            position: relative;
            letter-spacing: 5px;
        }
        .new-operation .main-infor-list li .tit:after{
            content: "";
            width: 50px;
            height: 2px;
            background: #27B8D0;
            position: absolute;
            bottom: -25px;
            left: 0;
        }
        .new-operation .main-infor-list li .msg {
            /* display: inline-block; */
            color: #333;
            font-size: 16px;
            text-align: left;
            line-height: 28px;
            position: relative;
            padding-left: 22px;
        }
        .new-operation .main-infor-list li .msg-inherit{
            margin-top: 10px;
        }
        .new-operation .main-infor-list li .msg-highline{
            color: #27b8d0;
        }
        .new-operation .main-infor-list li .baner-page{
            display: flex;
        }
        .new-operation .main-infor-list li .page-item{
            width: 50px;
            height: 8px;
            margin: 0 10px;
            border-radius: 4px;
            background-color: #BEEAF1;
            position: relative;
            overflow: hidden;
        }
        .new-operation .main-infor-list li .page-item .progress{
            position: absolute;
            left: 0;
            top: 0;
            right: 0;
            bottom: 0;
            width: 0;
            background-color: #4EB5CE;
        }
        .new-operation .main-infor-list li .baner-page .active{
            background-color: #4EB5CE;
        }
        .new-operation .main-infor-list li .icon-code{
            background:url(../img/code.png)no-repeat;
            width: 110px;
            height: 110px;
            background-size: 100%;
            display: block;
        }
        .new-operation .main-func-content .main-infor-list span{
            font-weight: bold;
        }
        .new-operation .main-infor-list li .btn {
            display: inline-block;
            width: 101px;
            height: 32px;
            background:#27b8d0; 
            line-height: 32px;
            color: #fff;
            font-size: 12px;
            border-radius: 4PX;
            text-align: center;
            border: solid 1px #27b8d0;
            float: left;
            margin-top: 30px;
            -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
            box-shadow: 0 0 1px transparent;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-property: transform;
            transition-property: transform;
            cursor: pointer;
        }
        .new-operation .main-infor-list li .btnRight{
            background: #fff;
            color: #27b8d0;
            margin-left: 15px;
        }
        .new-operation .main-infor-list li .btn:hover {
            background: #27B8D0;
            color: #fff;
            -webkit-transform: translateY(0);
            transform: translateY(0);
            opacity: 0.8
        }
        .new-operation .main-infor-list li .btn:hover:before {
            opacity: 1;
            -webkit-transform: translateY(0);
            transform: translateY(0);
            background: none
        }
        .new-operation .home-ques-box {
            text-align: center;
            padding-bottom: 60px;
            margin-top: -20px;
        }
        .new-operation .home-ques-box .tit {
            font-size: 20px;
            color: #333;
        }
        .new-operation .home-ques-box .tip {
            color: #333;
            margin-top: 20px;
            font-size: 14px;
        }
        .new-operation .home-ques-box .tip b{
            font-weight: bold;
        }
        .new-operation .home-ques-box .btn {
            color: #27B8D0;
        }
        .new-operation .buy-package-box {
            background: url(../img/bg_slogan.png)no-repeat;
            background-size:cover;
            height: 90px;
            text-align: center;
            font-family: "Microsoft YaHei";
        }
        .new-operation .buy-package-box .msg {
            color: #fff;
            font-size: 32px;
            position: relative;
            padding-top: 0;
            line-height: 90px; 
            letter-spacing: 6px;
        }
        .new-operation .buy-package-box .btn {
            display: inline-block;
            width: 120px;
            height: 42px;
            line-height: 42px;
            background: none;
            color: #fff;
            font-size: 16px;
            border-radius: 4px;
            margin-left: 80px;
            border: solid 1px #fff;
            text-align: center;
            position: relative;
            top: -5px;
            margin-top: 0px;
            -webkit-transform: perspective(1px) translateZ(0);
            transform: perspective(1px) translateZ(0);
            box-shadow: 0 0 1px transparent;
            -webkit-transition-duration: 0.3s;
            transition-duration: 0.3s;
            -webkit-transition-property: transform;
            transition-property: transform;
        }
        .new-operation .buy-package-box .btn:hover {
            background: #fff;
            color: #0FABFD;
            -webkit-transform: translateY(0);
            transform: translateY(0);
        }
        .new-operation .buy-package-box .btn:hover:before{
            -webkit-transform: translateY(0);
            transform: translateY(0);
            background: none;
            display: none
        }
        .new-operation .main-infor-list li .msg:before {
            content: "";
            width: 11px;
            height: 11px;
            background:#BEEAF1;
            border-radius: 50%;
            position: absolute;
            left: 0;
            top: 9px;
        }
        .card-xian{
            display: inline-block;
        }
        .new-operation .main-infor-list li .msg:after {
            content: "";
            width: 5px;
            height: 5px;
            background: #27B8D0;
            border-radius: 50%;
            position: absolute;
            left: 3px;
            top: 12px;
        }
        .new-card{
            background-color: #fff
        }
        .new-card .main-content.active{
            position: fixed;
            top: 96px;
            width: 100%;
            z-index:9999
        }
        .new-operation .main-infor-list li:nth-child(even) {
            background: #F4F6FA;
        }
        .new-operation .func-tab-list.func-fast li{
            width: 25%
        }