/*custom reset==============================*/
*{margin:0;padding:0;border:0;outline:0;font-style:normal;vertical-align:baseline;-webkit-tap-highlight-color:rgba(255,255,255,0)}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;margin:0;padding:0}
*,:after,:before{box-sizing:border-box}
::-moz-focus-inner{border:0;padding:0}
ol,ul,li{list-style:none}
img{display:block;width:100%}

/*response box==============================*/
/*64em=1024px 48em=768px 35.5em=568px*/
html{font-size:62.5%}
@media screen and (max-width:48em){html{font-size:56.3% !important}}
@media screen and (max-width:35.5em){html{font-size:50% !important}}

/*body/font/size==============================*/
body,button,input,select,textarea,.pure-g [class*="pure-u"]{font-family:"Microsoft Yahei", "Helvetica Neue", Helvetica, Tahoma, sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1}
body{font-size:1.5rem;color:#333}

/*scrollbar*/
::-webkit-scrollbar{width:6px;-webkit-appearance:none;-webkit-border-radius:100px}
::-webkit-scrollbar-track{background:#9f9f9f;-webkit-border-radius:100px}
::-webkit-scrollbar-thumb,
::-webkit-scrollbar-thumb:vertical{background:#303030;border:none;-webkit-border-radius:100px}
::-webkit-scrollbar-thumb:vertical:active{background:#303030;border:none;-webkit-border-radius:100px}

/*a link*/
a:link,a:visited{transition:.5s;-webkit-transition:.5s}
a:link,a:visited{color:#333;text-decoration:none}
a:hover,a:active{color:#333}
a:focus,*:focus{outline:none}

/*font color*/
.gray,.gray a,a.gray{color:#5b5b5b}
.gray a:link,.gray a:visited,a.gray:link,a.gray:visited{color:#5b5b5b}
.gray a:hover,a.gray:hover{color:#5b5b5b}

.blue,.blue a,a.blue{color:#0C157C}
.blue a:link,.blue a:visited,a.blue:link,a.blue:visited{color:#0C157C}
.blue a:hover,a.blue:hover{color:#0C157C}

.red,.red a,a.red{color:#e50012}
.red a:link,.red a:visited,a.red:link,a.red:visited{color:#e50012}
.red a:hover,a.red:hover{color:#e50012}

.white,.white a,a.white{color:#fff}
.white a:link,.white a:visited,a.white:link,a.white:visited{color:#fff}
.white a:hover,a.white:hover{color:#fff}

/*form/input*/
input[type=text],input[type=password],input[type=submit],textarea,select,button{font-size:1.6rem;padding:1.2rem 1rem;width:100%;color:rgba(0,0,0,0.5);background:#fff;border:0;border-radius:0.4rem;line-height:initial;transition:background .3s}
input[type=text],input[type=password],input[type=submit],textarea,button{ margin-top:1rem;display:block;white-space:nowrap;box-sizing:border-box;appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;outline:none}
input[type=text],input[type=password],textarea{-moz-box-shadow:0 2px 3px 0 rgba(0,0,0,.01) inset;-webkit-box-shadow:0 2px 3px 0 rgba(0,0,0,.01) inset;box-shadow:0 2px 3px 0 rgba(0,0,0,.01) inset}
textarea{min-height:10rem;line-height:1.5;overflow:hidden;word-break:break-all;resize:none}
textarea:focus,input[type=text]:focus{background:rgba(0,0,0,0.1)}
button,input[type=submit]{background:#0C157C;color:#fff;padding:1.2rem 2rem;width:initial;text-transform:uppercase;cursor:pointer}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder{color:#000}
input:-moz-placeholder, textarea:-moz-placeholder{color:#000}
input::-moz-placeholder, textarea::-moz-placeholder{color:#000}
input:-ms-input-placeholder, textarea:-ms-input-placeholder{color:#000}

/*header==============================*/
#header{position:fixed;z-index:9;background:rgba(0,0,0,0);top:0;width:100%;text-align:center;height:8rem;padding:2rem;transition:.5s}

#header .logo{position:relative;float:left;display:inline-block;height:4rem}
#header .logo img{position:relative;z-index:1;width:inherit;height:100%}
#header.hidden{top:-9rem}

/*menuLink*/
#menuLink_bank{position:fixed;z-index:999;right:2rem;top:1.5rem;width:3rem;height:3rem;line-height:3rem;overflow:hidden;border-radius:50%;text-align:center;cursor:pointer}
#menuLink_bank img{position:absolute;z-index:1;left:0;top:0;width:100%;height:100%}
#menuLink_bank span{position:absolute;z-index:0;left:0.1rem;top:0.1rem;width:2.8rem;height:2.8rem;border-radius:50%;background:#e50012;display:inline-block}
#menuLink_bank span{animation-name:breath;-webkit-animation-name:breath;
    animation-duration:3s;-webkit-animation-duration:3s;
    animation-timing-function:ease-in-out;animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;
}
#menuLink_bank:after,#menuLink_bank:before{position:absolute;z-index:2;left:0;top:0;opacity:0;background:#fff;color:#0C157C;font-family:"iconfont" !important;width:100%;font-size:1.3rem;transition:.5s}
#menuLink_bank:after{content:"\e605"}
#menuLink_bank:before{content:"\e6af"}
#menuLink_bank:hover span{background:#fff;animation-name:none;-webkit-animation-name:none}
#menuLink_bank:hover:after{opacity:1}

#menuLink_bank.active:after{opacity:0}
#menuLink_bank.active img{visibility:hidden}
#menuLink_bank.active:before{background:#0C157C;color:#fff;opacity:1}

/*sidebar*/
#mask{position:fixed;z-index:8;opacity:0;top:0;right:0;visibility:hidden;display:table;width:100vw;height:100vh;transition:.8s;background:rgba(0,0,0,1)}
#mask.show{visibility:visible;opacity:0.7}
#mask.hidden{transition-delay:0.4s}

#sidebar{position:fixed;visibility:hidden;z-index:99;right:-50vw;top:0;width:50vw;height:100vh;background:#0C157C}
#sidebar{-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;-ms-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
#sidebar.show{visibility:visible;right:0}

#sidebar .wrap{position:relative;height:100vh;text-align:center;z-index:99}
#sidebar .wrap{display:-moz-flex;display:-ms-flex;display:-o-flex;display:-webkit-box;display:-ms-flexbox;display:flex;
-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}

#sidebar #menu{margin-top:-5vh;font-weight:700;font-size:3rem;text-transform:uppercase}
#sidebar #menu li{position:relative;display:block;padding:2rem 0;transition-property:all;transition-duration:.6s;transition-timing-function:cubic-bezier(0.075,0.82,0.165,1)}

#sidebar #menu li.show{opacity:1;transform:translatey(0)}
#sidebar #menu li.show:nth-of-type(1){transition-delay:0.2s}
#sidebar #menu li.show:nth-of-type(2){transition-delay:0.3s}
#sidebar #menu li.show:nth-of-type(3){transition-delay:0.4s}
#sidebar #menu li.show:nth-of-type(4){transition-delay:0.5s}
#sidebar #menu li.show:nth-of-type(5){transition-delay:0.6s}
#sidebar #menu li.show:nth-of-type(6){transition-delay:0.7s}

#sidebar #menu li.hidden{opacity:0;transform:translatey(-1rem)}
#sidebar #menu li.hidden:nth-of-type(6){transition-delay:0.2s}
#sidebar #menu li.hidden:nth-of-type(5){transition-delay:0.3s}
#sidebar #menu li.hidden:nth-of-type(4){transition-delay:0.4s}
#sidebar #menu li.hidden:nth-of-type(3){transition-delay:0.5s}
#sidebar #menu li.hidden:nth-of-type(2){transition-delay:0.6s}
#sidebar #menu li.hidden:nth-of-type(1){transition-delay:0.7s}

#sidebar #menu li a{position:relative;display:inline-block;text-decoration:none}
#sidebar #menu li a:after{position:absolute;left:50%;bottom:-3px;height:2px;content:"";display:inline-block;width:0;transform:translateX(-50%);-webkit-transform:translateX(-50%);transition:all 500ms ease;-webkit-transition:all 500ms ease}
#sidebar #menu li a:hover{opacity:0.5}
#sidebar #menu li a:hover:after{background:#fff;width:100%;opacity:1}

#sidebar .navmenu{position:absolute;bottom:0;opacity:0;width:100%;text-align:center;padding:3rem 0;text-align:center;transition:.8s}
#sidebar .navmenu a{display:inline-block;width:4rem;height:4rem;line-height:4rem;font-size:2rem;margin:0 0.5rem;background:rgba(0,0,0,.2);color:#fff;border-radius:50%}
#sidebar.show .navmenu{opacity:1;transition-delay:1s}

/*Action*/
main{-webkit-transition:-webkit-transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s;transition:transform 0.33s cubic-bezier(0.33, 0, 0.2, 1) 0s}
body.active main{transition-delay:0.1s;-webkit-transform: translate3d(-50vw, 0px, 0px);transform: translate3d(-50vw, 0px, 0px)}
@media(max-width:48em){
    body.active #sidebar{width:100vw}
}

/*footer-M*/
#footer{position:relative;background:#0C157C;padding:8rem 2rem}
#footer .logo{display:block; float:left;height:3.6rem}
#footer .logo img{width:initial;height:100%}
#footer .footer-menu{ float:left;padding: 0 4rem;font-weight:700;font-size:1.6rem; line-height:3.6rem;text-transform:uppercase;overflow:hidden;zoom:1}
#footer .footer-menu li{float:left;position:relative;display:block;text-decoration:none;letter-spacing:2px}
#footer .footer-menu li:before{float:left;display:inline-block;content:'/';color:rgba(255,255,255,0.5);margin:0 2rem}
#footer .footer-menu li:first-child:before{display:none}
#footer .footer-menu li a:hover{opacity:0.5}
#footer .copyright{line-height:1.6;font-size:1.2rem;text-transform:uppercase;color:rgba(255,255,255,0.5); margin-top:4rem}
#footer .copyright a{color:rgba(255,255,255,0.5)}
.yqlj { margin-top:1rem; color:#999; font-size:1.2rem;}
.yqlj a { display:inline-block; font-size:1.2rem; color:#999!important; line-height:1.6;   }
@media(max-width:48em){
    #footer{text-align:Center}
    #footer .logo{position:initial;top:initial;margin:0 auto; float:none}
    #footer .footer-menu{padding:4rem 0 0rem;font-size:1.8rem; float:none; text-align:center}
    #footer .footer-menu li{ display:inline-block; padding:1.5rem 0;float:none;letter-spacing:0px }#footer .footer-menu li:before { margin:0 0.5rem}
    /*#footer .footer-menu li:before{display:none}
    #footer .footer-menu li.quka{display:block} 
    #footer .copyright{margin-top:2rem}*/
 }

 

/*formpanl*/
.formpanl li{position:relative;padding-top:0.5rem;line-height:1.3}
.formpanl li:first-child{padding:0}
.formpanl dt{display:block;position:relative;padding:0.5rem 0;min-height:2.5rem;line-height:1.5}
.formpanl dt.must::after{content:'*';display:inline-block;color:#b12923;margin-left:0.25rem;font-family:'Tahoma'}

.formpanl .vcode{position:relative;overflow:hidden;zoom:1}
.formpanl .vcode input{float:left;width:10rem}
.formpanl .vcode img{float:left;width:10rem;height:100%;border-radius:0.4rem;margin-left:0.5rem}

.formpanl .Validform_error::-webkit-input-placeholder{color:#0C157C}
.formpanl #submit{width:10rem}

/*slide 通用==============================*/
.owl-dots{position:relative;z-index:2;display:inline-block;padding-top:1rem;left:50%;text-align:center;transform:translateX(-50%);-webkit-transform:translateX(-50%)}
.owl-dots button.owl-dot{display:inline-block;width:0.5rem;height:0.5rem;border-radius:50%;margin:0 0.3rem;background:rgba(0,0,0,.2);cursor:pointer;transition:all 500ms ease;-webkit-transition:all 500ms ease}
.owl-dots button.owl-dot.active{background:#0C157C}

.owl-nav{position:absolute;z-index:1;top:calc(70% - 3rem);width:100%;color:#fff;text-align:center;cursor:pointer}
.owl-nav button{width:6rem;height:6rem;line-height:6rem;position:absolute;margin:0;transition:all 500ms ease;-webkit-transition:all 500ms ease; text-align:center}
.owl-nav button i{font-size:4rem}
.owl-nav button.owl-prev{left:1rem;text-align:left}
.owl-nav button.owl-next{right:1rem;text-align:right}
.owl-nav button:hover{opacity:0.5}
.owl-nav button.disabled{opacity:0.1}

/*flex布局 ie10+ / 移动端 / 子元素包括自动换行内容不适应使用*/
.flex{display:box;display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex}
.flex{-webkit-box-orient:horizontal;-webkit-flex-direction:row;-moz-flex-direction:row;-ms-flex-direction:row;-o-flex-direction:row;flex-direction:row}
.flex{-webkit-box-align:center;-webkit-align-items:center;-moz-align-items:center;-ms-align-items:center;-o-align-items:center;align-items:center}
.flex{-webkit-box-pack:space-between;-webkit-justify-content:space-between;-moz-justify-content:space-between;-ms-justify-content:space-between;-o-justify-content:space-between;justify-content:space-between}

/*x居中*/
.alx{position:relative;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);display:table}
/*y居中*/
.aly{position:relative;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);display:table}
/*xy居中*/
.alxy{position:relative;left:50%;top:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);display:table}


/*特效==============================*/
/*渐行渐远*/
@-webkit-keyframes scale-bg{
    from{-webkit-transform:scale(1.5);transform:scale(1.5)}
    to{-webkit-transform:scale(1);transform:scale(1)}
}
@keyframes scale-bg{
    from{-webkit-transform:scale(1.5);transform:scale(1.5)}
    to{-webkit-transform:scale(1);transform:scale(1)}
}

/*淡入淡出*/
@keyframes opacity{
  0%{opacity:0}
  50%{opacity:1}
}
@-webkit-keyframes opacity{
  0%{opacity:0}
  50%{opacity:1}
}
@-moz-keyframes opacity{
  0%{opacity:0}
  50%{opacity:1}
}

/*呼吸灯*/
@keyframes breath{
    from{opacity:0}
    30%{opacity:1}
    70%{opacity:1}
    to{opacity:0}
}
@-webkit-keyframes breath{
    from{opacity:0}
    30%{opacity:1}
    70%{opacity:1}
    to{opacity:0}
}

/*跳球*/
@keyframes jump{
	0%{transform: translate(0px,0px)}
	50%{transform:translate(0px,-10px)}
	100%{transform:translate(0px,0px)}
}
@-webkit-keyframes jump{
    0%{transform: translate(0px,0px)}
	50%{transform:translate(0px,-10px)}
	100%{transform:translate(0px,0px)}
}

/*圆环扩散*/
@keyframes warn {
    0%{transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.0}
    25% {transform:scale(0.3);-webkit-transform:scale(0.3);opacity:0.1}
    50%{transform:scale(0.5);-webkit-transform:scale(0.5);opacity:0.3}
    75% {transform:scale(0.8);-webkit-transform:scale(0.8);opacity:0.5}
    100%{transform:scale(1);-webkit-transform:scale(1);opacity:0.0}
}

/* sy */
.pure-u-1-4sy .pure-u-1-2{
    width: 25%;
}
#fixbar a:nth-child(3){
    display: none;
}
#fixbar a.sysq{
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 40px;
    background: none;
}
#fixbar a.sysq::before{
    content: '';
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    background: #0C157C;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;

}
#fixbar a.sysq::after{
    content: '';
    position: absolute;
    left: 1px;
    right: 1px;
    top: 1px;
    bottom: 1px;
    background: #e50012;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    animation-name:breath;-webkit-animation-name:breath;
    animation-duration:3s;-webkit-animation-duration:3s;
    animation-timing-function:ease-in-out;animation-iteration-count:infinite;
    -webkit-animation-timing-function:ease-in-out;-webkit-animation-iteration-count:infinite;
}
#fixbar a.sysq img{
    min-width: auto;
    width: 100%;
    margin-bottom: 0;
    position: relative;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
    z-index: 1;
}
.fixrightsy{
    position:fixed;
    width: 200px;
    top:0;
    right:-300px;
    bottom:0;
    z-index:200;
    background: rgba(255,255,255,0.9);
    transition:all .5s ease ;
    -webkit-transition:all .5s ease ;
    -moz-transition:all .5s ease ;
    -ms-transition:all .5s ease ;
    -o-transition:all .5s ease ;
}
.fixrightsy.show{
    right: 0;
}
.fixrightsy .fixback{
    transform: scaleX(1.1);
    padding-top: 28px;
    padding-left: 27px;
    color: #042E7E;
    opacity: .4;
    margin-bottom: 74px;
    font-size: 20px;
    width: 40px;
    cursor:pointer;
}
.fixrightsy .fixrighttext{
    padding-left: 27px;
font-size: 20px;
color: #00367F;
}
.fixrightsy .fixrighttext>div:nth-child(2){
    font-size: 28px;
    font-weight: 500;
    margin-top: 8px;
    line-height: 38px;
}
.fixrightsy .fixrighttext span{
    display: block;
    margin-top: 8px;
    font-size: 20px;
    color: #D0011C;
    margin-bottom: 50px;
}
.fixrightsy ul{
    padding-left: 27px;
    padding-right: 27px;
    font-size: 16px;
color: #4E4E4E;
text-align: center;
}
.fixrightsy ul img{
    width: 100%;
    margin-bottom: 12px;
}
.fixrightsy ul li{
    margin-bottom: 30px;
}
.fixrightsy .fixrightbot{
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 146px;
    background: rgba(229,1,19,.9);
    font-size: 24px;
}
.fixrightsy .fixrightbot a{
    display: block;
    line-height: 146px;
    width: 100%;
    height: 100%;
color: #FFFFFF;
text-align: center;
}
@media only screen and (max-width: 1700px) and (min-width: 1100px){
    .fixrightsy .fixback {
        margin-bottom: 34px;
    }
    .fixrightsy .fixrighttext {
        font-size: 18px;
    }
    .fixrightsy .fixrighttext>div:nth-child(2) {
        font-size: 24px;
        margin-top: 8px;
        line-height: 29px;
    }
    .fixrightsy .fixrighttext span {
        margin-top: 8px;
        font-size: 20px;
        margin-bottom: 20px;
    }

    .fixrightsy ul li {
        margin-bottom: 30px;
    }
    .fixrightsy .fixrightbot {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        height: 76px;
        background: rgba(229,1,19,.9);
        font-size: 20px;
    }
    .fixrightsy .fixrightbot a{
        line-height: 76px;
    }

}



#menuLink{position:fixed;z-index:999;right:2rem;top:1.5rem;width:30px;height:30px;line-height:3rem;border-radius:50%;text-align:center;cursor:pointer}
#menuLink>div{
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
    /* background: rgba(255,255,255,0.3); */
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    -o-border-radius: 50%;
}
#menuLink>div>i{
    width: 100%;
    height: 2px;
    transform: rotate(0);
    background: #fff;
    position: relative;
    top: 0;
    transition: all.5s ease;
    -webkit-transition: all.5s ease;
    -moz-transition: all.5s ease;
    -ms-transition: all.5s ease;
    -o-transition: all.5s ease;
    -webkit-transform: rotate(0);
    -moz-transform: rotate(0);
    -ms-transform: rotate(0);
    -o-transform: rotate(0);
}
#menuLink.active>div>i:nth-child(1){
    top: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
#menuLink.active>div>i:nth-child(2){
    top: -7px;
    transform: rotate(-45deg);
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    -o-transform: rotate(-45deg);
}
#menuLink.active>div>i:nth-child(3){
    width: 71%;
}

/* worksls */
.title .tip.tip_sy{
    color: #0C157C;
}
 
/*slide*/
.slide-intro{position:relative}
.slide-intro .item{position:relative;height:100vh}
.slide-intro .item .scaleBg{position:absolute;z-index:0;left:0;top:0;width:100%;height:100%;background-size:cover;background-position:center;background-repeat:no-repeat}
.slide-intro .item .scaleBg:after{content:"";display:block;width:100%;height:100%;position:absolute;left:0;top:0;background:rgba(0,0,0,0.3)}
.slide-intro .active .item .scaleBg{visibility:visible;-webkit-animation:scale-bg 6s linear forwards;animation:scale-bg 6s linear forwards}

.slide-intro .item .inner{position:relative;z-index:1;top:calc(50% + 4rem);left:2rem;color:#fff;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.slide-intro .item .inner h2{position:relative;opacity:0;left:4rem;font-size:5rem;line-height:1.2;font-family:'AvertaCY';font-weight:700;text-transform:uppercase;transition:all .4s ease}
.slide-intro .item .inner h3{position:relative;opacity:0;left:2rem;font-size:3rem;line-height:1.5;padding-top:1rem;transition:all .4s ease}
.slide-intro .active .item .inner h2{left:0;transition-delay:0.4s;opacity:1}
.slide-intro .active .item .inner h3{left:0;transition-delay:0.6s;opacity:1}

.slide-intro-dots{position:absolute;z-index:2;bottom:4rem;left:2rem;font-size:1.2rem}
.slide-intro-dots .owl-dot{display:inline-block; background:#fff;margin:0 0.4rem;cursor:pointer; width:16px; height:16px; border-radius:8px;position:relative;transition:all 500ms ease;-webkit-transition:all 500ms ease}
.slide-intro-dots .owl-dot.active{background:#e50012}
.slide-intro-dots .owl-dot i { display:none}

.slide-intro .owl-nav{top:initial;right:2rem;bottom:4rem;width:initial}
.slide-intro .owl-nav button{position:relative;width:5rem;height:5rem;line-height:5rem}
.slide-intro .owl-nav button i{font-size:3.2rem}
.slide-intro .owl-nav button.owl-prev{left:initial;float:left;text-align:left}
.slide-intro .owl-nav button.owl-next{right:initial;float:right;text-align:right}

/*common*/
.index a[class *=pure-u]{transition:all 500ms ease} 
.index a[class *=pure-u]:hover{color:#fff;background:#0C157C;opacity:1}
.index a[class *=pure-u]:hover a,
.index a[class *=pure-u]:hover em,
.index a[class *=pure-u]:hover span{color:#fff}
.index a[class *=pure-u]:hover p{color:#fff}

.index .title{padding:5rem 6rem 6rem 2rem}
.index .title cite{padding-bottom:3rem}
.index .service .title{padding-left:6rem}
.hui { background:#f2f2f2}
@media(max-width:64em){
    .index .title{padding:4rem 2rem !important}
 }
.clear { clear:both}
/*imgbox*/
.imgbox{position:relative}
.imgbox:before{position:absolute;z-index:1;display:block;content:'';width:100%;height:100%;opacity:0;background:rgba(0,0,0,.4);transition:all 500ms ease}
.imgbox:hover:before{opacity:1}

/*title*/
.title{position:relative;padding:4rem 4rem 4rem 4rem}
.title cite{display:block;padding-bottom:2.5rem;font-size:3.2rem; font-weight:800;text-transform:uppercase}
.title cite h5{font-size:2rem; font-weight:bold;text-transform:lowercase;padding-top:2rem; }
.title h1{font-size: 2rem;  line-height: 1.4; font-weight:bold}
.title .info{line-height:1.8}
.title .more{display:block;font-size:2rem;margin-top:1rem}

.index .service .list{ margin-top:2rem}
.index .service .list li {  display:block; float:left; width: calc((100% - 8rem) /3); margin-right:4rem;  }
.index .service .list li a{ display:block;padding:0 2.5rem; color: #000000;font-size: 1.6rem; line-height:5rem;border-bottom: 1px solid #979797; margin-top:2rem;-moz-transition: all .6s ease; -webkit-transition: all .6s ease; transition: all .6s ease; cursor:pointer}
.index .service .list li:nth-of-type(3n) {margin-right:0}
.index .service .list li a:hover{ background:#0C157C; color:#FFF;}
@media(max-width:64em){
.index .service .list li { width: calc((100% - 2rem) /2); margin-right:2rem; font-size: 1.42rem; padding:0 1.2rem; }
.index .service .list li a { font-size: 1.42rem; padding:0 1.2rem;}
.index .service .list li:nth-of-type(2n) {margin-right:0rem}
.index .service .list li:nth-of-type(2n+1) {margin-right:2rem}
}
/*tag*/
.index .data-tag{position:relative;padding:2rem 0;overflow:hidden;zoom:1}
.index .data-tag li{float:left;position:relative;display:inline-block;border-left:1px solid rgba(0,0,0,.1);padding:0.5rem 1.5rem}
.index .data-tag li span{display:block;color:#0C157C,;padding-bottom:0.5rem}
.index .data-tag li:first-child{border:0;padding-left:0}
.index .data-tag em{font-family:'AvertaCY';font-size:2.4rem; color:#0C157C;font-weight:700}

/*project-list*/
.project-list{position:relative;}
.project-list:after{content:".";display:block;height:0;visibility:hidden;clear:both}
.project-list .title{display:block;padding:6rem 6rem 4rem 2rem}
.project-list .title cite{color:#0C157C}

.project-list .item{position:relative;display:block;overflow:hidden;zoom:1}
.project-list .item:after{position:absolute;z-index:1;content:'';display:block;left:0;right:0;bottom:-1px;width:100%;height:100%}
.project-list .item:after{
    background:-moz-gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.9)));
    background:-webkit-gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.9)));
    background:gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.9)))
}

.project-list .item h4,.project-list .item .info{position:absolute;z-index:2;padding:0 2rem;width:100%;color:#fff;overflow:hidden;transition:all 500ms ease;-webkit-transition:all 500ms ease}
.project-list .item h4{bottom:3rem;font-size:2rem;height:3rem;white-space:nowrap;text-overflow:ellipsis; font-weight:bold;}
.project-list .item .info{-webkit-line-clamp:3;-webkit-box-orient:vertical;text-overflow:ellipsis;display:-webkit-box}
.project-list .item .info{font-size:1.4rem; line-height:2rem;height:8rem;bottom:-8rem}
.project-list .item:hover{opacity:1}
.project-list .item:hover h4{bottom:10rem}
.project-list .item:hover .info{bottom:0}
@media(max-width:48em){
    .project-list .item h4{bottom:10rem}
    .project-list .item .info{bottom:0}
}
/*about*/
/*.attitude ul li .li-inner-box{  width:90%; margin:6rem auto 0}*/
.attitude ul { margin:0rem 0 1rem}
.attitude ul li { }
.attitude ul li{ display:block; float:left; width: calc((100% - 4rem) /3); margin-top:2rem;margin-right:2rem; padding:0 2.5rem; color: #000000; margin-top:2rem;-moz-transition: all .6s ease; -webkit-transition: all .6s ease; transition: all .6s ease; cursor:pointer}
.attitude ul li:nth-of-type(3n) {margin-right:0}
.attitude ul li h3{ font-weight:bold ;font-size: 1.8rem; line-height:5rem;}
.attitude ul li  p{font-size: 1.4rem; color:#5f5f5f; line-height:2.4rem; }
@media(max-width:64em){
.attitude ul li { width: 100%;  font-size: 1.42rem; padding:0 1.2rem; }
.attitude ul li:nth-of-type(2n) {margin-right:0rem}
.attitude ul li:nth-of-type(2n+1) {margin-right:0rem}
}
/* news news-list */
.cp_new { margin:0rem 0 6rem}
.news-list a{display: block;}
.news-list a .a-inner-box { width:90%; margin:6rem auto  }
.news-list a[class *=pure-u]:hover{background: none;color: #333;}
.news-list a[class *=pure-u]:hover span{color: #5b5b5b;}
.news-list a[class *=pure-u]:hover em{color: #5b5b5b;}
.news-list a[class *=pure-u]:hover p{color: #333;}
.news-list span{display: block;color: rgba(0,0,0,0.5);margin-top: 3rem;}
.news-list h3{margin-top: 2rem;font-size: 2rem;font-weight: 700;overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.news-list em{display: block;margin: 1.5rem 0; color: rgba(0,0,0,0.5);}
.news-list p{margin-top: 0.8rem;color: rgba(0,0,0,0.5);line-height: 1.6;     }
.news-list:nth-child(even) a .a-inner-box{background: #f2f2f2;}
.news-list .info{padding:2rem 1.5rem;}
@media(max-width:64em){
    .news-list span{margin-top: 0rem;}
    .news-list .imgbox{margin-left: 0;}
}
/* 新闻公告 */
.index .index-news h3{margin-top: 1.5rem;font-size: 2rem;}
.index .index-news p{margin-top: 1rem;line-height: 1.8;}
.index .index-news{position: relative;}
.index .index-news em{position: absolute;left: 2rem;bottom: 3rem;}
@media(max-width:64em){
    .index .index-news{padding-bottom: 2rem;}
}

 /*clients*/
.index .item-clients-list a{position:relative;padding:3rem 0;text-align:Center;overflow:hidden}
.index .item-clients-list a h5{position:absolute;bottom:3rem;opacity:0;display:none;font-size:1.4rem;width:100%;text-align:center;color:rgba(0,0,0,.8)}
.index .item-clients-list a h5{transition:all 500ms ease;-webkit-transition:all 500ms ease}
.index .item-clients-list a img{width:initial;height:10rem;margin:0 auto;opacity:0.8;transition:all 500ms ease;-webkit-transition:all 500ms ease;filter:grayscale(100%);filter:gray;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)}
.index .item-clients-list a:hover{background:#f1f1f1}
.index .item-clients-list a:hover h5{bottom:1.5rem;opacity:1}
.index .item-clients-list a:hover img{opacity:1;filter:grayscale(0);filter:none;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}

 
.wx ul li{ display:inline-block;width:35%; margin-left:10%;font-size:1.42rem; line-height:2.2rem; text-align:center; }
.wx ul li .img { margin:1.2rem 0 1rem}
/*banner*/
.banner{position:relative;background:url(../images/banner-nei.jpg) center top no-repeat; padding:14rem 0 12rem; color:#FFF; text-align:center;}
.banner .banner-en { font-size:4rem; line-height:6rem; font-weight:bold; }
.banner .banner-cn-p { font-size:2.2rem; font-weight:bold; margin-top:1.5rem }
.banner .banner-cn-span { font-size:1.6rem; line-height:2.8rem; margin-top:2.6rem; padding:0 2rem }
.banner.banner-about {background:url(../images/banner-about.jpg) center top no-repeat;  }
.banner.banner-client {background:url(../images/banner-client.jpg) center top no-repeat;  }
.banner.banner-news {background:url(../images/banner-news.jpg) center top no-repeat;  }
.banner.banner-service {background:url(../images/banner-service.jpg) center top no-repeat;  }

/*clients-list*/
.clients-list li{position:relative;padding:6rem 2rem 6rem; text-align:center; cursor:pointer}
.clients-list li:nth-child(even){background:#f2f2f2}
.clients-list li img.logo{width:100%; max-width:240px;margin:0 auto;transition:all 500ms ease;-webkit-transition:all 500ms ease}
.clients-list li img.logo{filter:grayscale(100%);filter:gray;-webkit-filter:grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%)}
.clients-list li:hover img.logo{opacity:1;filter:grayscale(0);filter:none;-webkit-filter:grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0)}
.clients-list li:hover img.logo{-moz-transform:scale(1.1);-ms-transform:scale(1.1);-o-transform:scale(1.1);-webkit-transform:scale(1.1);transform:scale(1.1)}
.clients-list li span{position:absolute;top:1.5rem;right:1.5rem;display:inline-block;font-size:2.4rem;color:rgba(0,0,0,.1)}
.clients-list li.active span{color:rgba(0,0,0,.2)}

.clients-list h4{display:block;padding:2rem 0 1rem; font-size:1.8rem; color:#444; text-align: center;  line-height:2.8rem; font-weight: bold}
.clients-list p.aaa { font-size:1.4rem; color:#7b7b7b; padding:0 5rem; line-height:2rem; }
.clients-list p.bbb { font-size:1.4rem; color:#a9a9a9; margin-top:2rem  }
.clients-list .rate{display:none;padding:1rem 0 0 3rem}

.clients-list blockquote{position:relative;text-align:left;margin-top:2rem;font-size:1.4rem;line-height:1.8;color:rgba(0,0,0,.5)}
.clients-list blockquote:before,.clients-list blockquote:after{position:absolute;color:rgba(0,0,0,.1);font-family:"iconfont" !important;font-size:2rem;display:inline-block}
.clients-list blockquote:before{left:-3rem;top:-0.5rem;content:"\e03b"}
.clients-list blockquote:after{bottom:-2rem;right:0;content:"\e03a"}

.clients-list .sign{text-align:left;margin-top:1rem;color:rgba(0,0,0,.5)}
.clients-list .sign br{display:none}
.clients-list .sign img{width:8rem}
.clients-list .sign h5{font-size:2rem;padding:0.5rem 0;font-family:'SYHT-Bold'}

@media(max-width:48em){
    .clients-list li img.logo{width:40%;height:initial}
}

/*section*/
section{position:relative;overflow:hidden;zoom:1}
section:nth-child(even){background:#f2f2f2}
aside{float:left;width:calc(100% / 3);margin-right:-calc(100% / 3)}
article{float:right;width:calc(100% / 3 * 2); padding:4rem}
article .title{padding:4rem 8rem 4rem 4rem}
@media(max-width:64em){
    section:nth-child(even){background:transparent}
    section .title{padding:4rem 2rem}

    aside{float:none;width:100%}
    article{float:none;width:100%}
}

/*works*/
.works{background-image:linear-gradient(to left,#fff 0,#fff calc(100% / 3 * 2),#f2f2f2 calc(100% / 3 * 2),#f2f2f2 100%)}
.works .breadcrumb{padding:2rem}
.works article h2{display:none;position:absolute;z-index:2;bottom:0;width:100%;padding:2rem;font-size:1.6rem;color:#fff;line-height:1.5}
.works article .thumb,.works article .thumb-slide{position:relative; margin-bottom:2rem}
.works article .thumb-slide .owl-item:before,
.works article .thumb:before{position:absolute;z-index:1;content:'';display:none;left:0;right:0;bottom:-1px;width:100%;height:100%}
.works article .thumb:before{
    background:-moz-gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.9)));
    background:-webkit-gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.9)));
    background:gradient(linear,0 50%,0 100%,from(transparent),to(rgba(0,0,0,.9)))
}
.works .content{line-height:1.8;text-align:justify;position:relative;padding:0 0rem 4rem 0rem}

.works article .mcon{display:none;padding:2rem;background:#f2f2f2;border-bottom:1px solid rgba(0,0,0,.1)}
@media(max-width:64em){
    .works{background-image:initial}
    .works article h2{display:block}
    .works article .thumb-slide .owl-item:before,
    .works article .thumb:before{display:block}
    .works article .mcon{display:block}
    .works article .meta{padding-bottom:0}
    .works aside{display:none}
    .works article{float:none;width:100%}
    .works .content{padding:2rem}
    .works .content img{width:calc(100% + 4rem) !important;margin-left:-2rem !important}
}

.meta{display:block;padding:0.5rem 0 1rem;font-size:1.6rem;opacity:0.2;overflow:hidden;zoom:1}
.meta span{float:left;display:inline-block;margin-right:1rem;font-family:'AvertaCY';font-weight:700}
.meta i{margin-right:0.5rem}


  

/*anbtn*/
.anbtn{position:relative;display:inline-block;border:1px solid #333;font-family:'AvertaCY';font-size:1.4rem;font-weight:600;text-transform:uppercase;overflow:hidden}
.anbtn a { display:block; }
.anbtn:hover{opacity:1;color:#fff;border:1px solid #0C157C}
.anbtn:hover a *{ color:#FFF}
.anbtn.disable{opacity:0.2;pointer-events:none}
.anbtn::before{position:absolute;left:0;top:0;bottom:-1px;width:102%;height:102%;background:#0C157C;display:block;content:"";transition:transform .3s ease-out}
.anbtn.prev::before{transform:scaleX(0);transform-origin:100% 0}
.anbtn.next::before{transform:scaleX(0);transform-origin:0 0}

.anbtn span,.anbtn strong{display: inline-block;position:relative;z-index:1; }
.anbtn.prev span,.anbtn.next strong { padding:2rem 0.5rem 2rem 2rem }
.anbtn.next span,.anbtn.prev strong {padding:2rem 2rem 2rem 0.5rem }
.anbtn span::after,.anbtn span::before{font-size:1.8rem;font-family:"iconfont" !important;content:'';display:none}
.anbtn.prev span::before{display:inline-block;padding:0 1.5rem;content:"\ec86";}
.anbtn.next span::after{display:inline-block;padding:0 1.5rem;content:"\ec82"}

.anbtn.prev:hover::before{transform:scaleX(1);transform-origin:100% 0}
.anbtn.next:hover::before{transform:scaleX(1);transform-origin:0 100%}
.anbtn.prev:hover::after,.anbtn.next:hover::after{border-top:1px solid #fff;border-right:1px solid #fff}
/*page common*/
.pages{display:block;border-top:1px solid #f2f2f2;padding:4rem 4rem;overflow:hidden;zoom:1}
.pages.hide{display:none} /*使用自加载，隐藏物理分页*/
.pages li.prevw { float:left}
.pages li.nextw { float:right}
.pages li a.tit { height:4.8rem; line-height:4.8rem; padding:0 1rem}
.pages .prev{float:left}
.pages .next{float:right}
.pages-status{display:none;border-top:1px solid #f2f2f2;padding:4rem 2rem;text-align:center}
/* 侧边悬浮导航 */
.right_nav{ display:none}
@media only screen and (min-width: 768px) {
.right_nav{ display: block}
}
.right_nav{ right: 10px; top:500px; position:fixed; text-align:left;overflow: hidden;z-index:999;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.5); border-radius: 6px;  }
.right_nav li{ cursor:pointer;position:relative; right: 0px; width:68px; height:64px; background:#fff; padding:10px 0 0; text-align:center; border: solid 1px  #F5F5FB; border-bottom:none  }
.right_nav li .iconBox{text-align: center;overflow: hidden;display: flex;align-items: center;justify-content: space-between; width:20px; height:20px; margin:0 auto}
.right_nav li:nth-child(1) { background:#ad0023;border:none}
.right_nav li:nth-child(1) .iconBox-tit {font-size: 16px; color: #fff;line-height: 22px;}
.right_nav li .iconBox img{width: 100%;}
.right_nav li p {font-size: 12px;color: #909097; line-height:30px;}
.right_nav li:last-child .iconBox { margin:12px auto }
 
.right_nav li .hideBox{display: none;position: absolute;right:62px; top:-20px;z-index: 999;  padding-right:12px; }
.right_nav li .hideBox .hideBox-tel{background-color: #fff;  padding: 10px 20px;border-radius: 4px;box-sizing: border-box;box-shadow: 0px 4px 16px 0px rgba(0,0,0,0.08);width: 125px;
min-height: 64px; text-align:left;color: #202131; position:relative }
.right_nav li .hideBox .hideBox-tel p {font-size: 12px; color: #202131; line-height:28px; border-bottom: solid 1px  #F5F5FB; }
.right_nav li .hideBox .hideBox-tel::after{content: "";display: block;position: absolute;top: 50%;right: -12px;transform: translate(0,-50%);border-width: 6px;border-color: transparent transparent transparent #fff;border-style: solid;}
 
.right_nav li .hideBox .hideBox-wechat { top:-48px; width:160px;height:160px; }
.right_nav li .hideBox .hideBox-wechat img { width:140px;}
.right_nav li .hideBox .hideBox-wechat::after {top: 60%; }