html,body,h1,h2,h3,h4,h5,h6,div,dl,dt,dd,ul,ol,li,p,blockquote,pre,hr,figure,table,caption,th,td,form,fieldset,legend,input,button,textarea,menu,a{margin:0;padding:0;box-sizing: border-box;}
header,footer,section,article,aside,nav,hgroup,address,figure,figcaption,menu,details{display:block;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;font-weight:normal;}
html,body,fieldset,img,iframe,abbr{border:0;}
i,cite,em,var,address,dfn{font-style:normal;}
[hidefocus],summary{outline:0;}
li{list-style:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight: normal;}
small{font-size:100%;font-weight: normal;}
sup,sub{font-size:83%;}
pre,code,kbd,samp{font-family:inherit;}
q:before,q:after{content:none;}
textarea{overflow:auto;resize:none;}
label,summary{cursor:default;}
a,button{cursor:pointer;}
del,ins,u,s,a,a:hover{text-decoration:none;}
body,textarea,input,button,select,keygen,legend{font:14px/24px "Microsoft YaHei",arial,sans-serif,\5b8b\4f53;color:#666666;outline:0;}
html,body{background:#FFF;width:100%;margin:0 auto;}
body {
    padding-top: 1.4rem;
}
img{
    max-width: 100%;
    height: auto;
    box-sizing: border-box;
    border: 0;
    vertical-align: middle;
}
/* p{text-align: justify;} */

a{
    display: block;
    color: inherit;
    text-decoration: none;
    /*display: inline-block;*/
}
div,li{box-sizing: border-box;}
p {
    font-size: .24rem;
    color: #808080;
    line-height: .38rem;
}

.fl{float: left;}
.fr{float: right;}
.pr{position: relative;}
.pa{position: absolute;}
.mrn{margin: 0 !important;}
.pdn{padding: 0 !important;}
.mbn{margin-bottom: 0 !important;}
.none{display: none !important;}
.block{display: block !important;}
.img img{display: block;width: 100%;}

.tabs_info {
    display: none;
}
.tabs_info.active {
    display: block;
}

.clearfix{}
.clearfix:after {
     clear: both;
     content: ' ';
     display: block;
     font-size: 0;
     line-height: 0;
     visibility: hidden;
     width: 0;
     height: 0;
}

input,button{
    border: none;
    background-color: transparent;
    box-sizing: border-box;
    outline: none;
}
input[type="checkbox"]{vertical-align: -2px;margin-right: 4px;}

/* 加小手触发 */
input[type="button"]{
    cursor: pointer;
 }
 
 /* 去掉默认触发 */
 input[type="text"] {
     outline: none;
 }

input[type="button"], input[type="submit"], input[type="reset"] {
    -webkit-appearance: none;
    border-radius: 0;
}
input[type=button],input[type=text],input[type=password],textarea{-webkit-appearance:none;outline:none;border-radius: 0; opacity: 1;}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { 
    color: #808080; 
} 
input:-moz-placeholder, textarea:-moz-placeholder { 
    color: #808080; 
} 
input::-moz-placeholder, textarea::-moz-placeholder { 
    color: #808080; 
} 
input:-ms-input-placeholder, textarea:-ms-input-placeholder { 
    color: #808080; 
}     
   
/*滚动条样式*/
::-webkit-scrollbar { width: 5px; height: 8px; background-color: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0 }
::-webkit-scrollbar-thumb { background-color: #ed1c24; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 0 }

@font-face {
    font-family: 'Myriad';
    src: url('../font/Myriad.eot');
    src:
     url('../font/Myriad.otf') format('otf'),
     url('../font/Myriad.eot?#iefix') format('embedded-opentype'), 
     url('../font/Myriad.woff') format('woff'),
     url('../font/Myriad.woff2') format('woff2'),
     url('../font/Myriad.ttf') format('truetype'),
     url('../font/Myriad.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'TitilliumWeb';
    src: url('../font/TitilliumWeb.eot');
    src:
     url('../font/TitilliumWeb.otf') format('otf'),
     url('../font/TitilliumWeb.eot?#iefix') format('embedded-opentype'), 
     url('../font/TitilliumWeb.woff') format('woff'),
     url('../font/TitilliumWeb.woff2') format('woff2'),
     url('../font/TitilliumWeb.ttf') format('truetype'),
     url('../font/TitilliumWeb.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}


/*头部*/
#header,
.header {
    width: 100%;
    height: 1.4rem;
    background: #fff;
    position: fixed;
    top: 0;
    z-index: 999;
}
.header .head_logo {
    width: 3.56rem;
    height: .66rem;
    float: left;
    margin: 0.25rem 0 0 4%;
}
.header .head_nav_btn {
    width: .4rem;
    height: .32rem;
    float: right;
    background: url(../images/menu.png) no-repeat center/cover;
    margin: .55rem 4% 0 0;
}

/*左侧导航*/
.ovfHiden {
    position:fixed; 
    overflow: hidden;
    height: 100%;
}
.head_nav_bg {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    z-index: 10;
}
.head_navlogo {
    position: absolute;
    top: .3rem;
    left: 4%;
    width: 2.09rem;
    height: 0.76rem;
}
.header .close {
    width: .32rem;
    height: .32rem;
    background: url(../images/close.png) no-repeat;
    background-size: 100%;
    position: absolute;
    top: -0.99rem;
    right: 4%;
    opacity: 0;
}
.head_nav {
    width: 100%;
    position: absolute;
    top: -100%;
    right: 0%;
    opacity: 0;
    height: 100%;
    background: url(../images/head_bg.png) no-repeat center -1.4rem/cover #f2f2f2;
    padding: 0 4%;
}
.nav_list > li {
    color: #4c4c4c;
}
.nav_list>li>a,
.nav_list>li>a p {
    color: #4c4c4c;
    display: block;
    height: 1.08rem;
    line-height: 1.08rem;
    font-size: .3rem;
}
.nav_list>li>a p {
    border-bottom: .02rem solid #b3b3b3;
}
.nav_list>li>p {
    font-size: .3rem;
    color: #4c4c4c;
    background: url(../images/m-menuguan.png) no-repeat center right;
    background-size: 0.32rem 0.32rem;
    border-bottom: .02rem solid #b3b3b3;
    height: 1.08rem;
    line-height: 1.08rem;
}
.nav_list>li>p.on {
    background: url(../images/m-menukai.png) no-repeat center right;
    background-size: 0.26rem 0.26rem;
    color: #ed1c24;
    border-bottom: .02rem solid #b3b3b3;
}

/*子导航*/
.ul_nei_nav {
    display: none;
    padding: 0 .26rem;
}
.ul_nei_nav li {
    height: .62rem;
    line-height: .62rem;
    color: #4c4c4c;
}
.nav_list>li.curr a,
.ul_nei_nav li.curr a {
    color: #ed1c24;
}
.ul_nei_nav li a {
    color: #4c4c4c;
    display: inherit;
    font-size: .24rem;
}

/*子导航*/
.head_nav_bg .text {
    padding-left: 0.6rem;
    padding-top: 0.2rem;
    margin-bottom: 0.8rem;
}
.head_nav_bg .text h3 {
    color: #ed1c24;
    font-size: 0.82rem;
    background: url(../images/num_img.png) no-repeat;
    background-size: 0.32rem 0.26rem;
    background-position: 1.7rem 0.33rem;
}
.head_nav_bg .text p {
    color: #4c4c4c;
    font-size: 0.24rem;
}

.version_list {
    margin-top: .42rem;
    height: .7rem;
}
.version_list li {
    float: left;
    margin-right: .15rem;
}
.version_list li a {
    width: .7rem;
    height: .7rem;
    line-height: .7rem;
    text-align: center;
    font-size: .24rem;
    color: #333333;
    border: .02rem solid #b3b3b3;
}
.version_list li.active a {
    color: #fff;
    background-color: #ed1c24;
    border: .02rem solid #ed1c24;
}

.ul_nei_nav li + li {
    animation-delay: .2s;
    -webkit-animation-delay: .2s;
}
.ul_nei_nav li + li + li {
    animation-delay: .4s;
    -webkit-animation-delay: .4s;
}
.ul_nei_nav li + li + li + li {
    animation-delay: .6s;
    -webkit-animation-delay: .6s;
}
.ul_nei_nav li + li + li + li + li {
    animation-delay: .8s;
    -webkit-animation-delay: .8s;
}
.ul_nei_nav li + li + li + li + li + li {
    animation-delay: 1s;
    -webkit-animation-delay: 1s;
}

/*头部样式结束*/
.container {
    margin-right: auto;
    margin-left: auto;
    width: 1200px;
}

@media screen and (max-width: 1200px) {
    .container {
        width: 1170px
    }
}

@media screen and (max-width: 1024px) {
    .container {
        width: 970px
    }
}

@media screen and (max-width: 768px) {
    .container {
        width: 92%
    }
}

footer {
    width: 100%;
    max-height: 3.2rem;
    padding: .4rem 0 .2rem;
    background-color: #3e414f;
}
footer p {
    color: #fff;
}
footer .up {
    width: 100%;
    overflow: hidden;
    padding: .38rem 0 .3rem;
    margin: 0 0 .26rem;
    border: .02rem solid rgba(255, 255, 255, .2);
    border-right: none;
    border-left: none;
    display: inline-block;
}
footer .up .le {
    width: 50%;
    float: left;
}
footer .up .le h3 {
    float: left;
    font-family: 'TitilliumWeb';
    font-size: .56rem;
    color: #ed1c24;
    font-weight: lighter;
    margin-right: .22rem;
}
footer .up .le p {
    font-size: .18rem;
    line-height: .32rem;
}
footer .up .le p em {
    font-family: 'TitilliumWeb';
    font-size: .24rem;
    color: #ed1c24;
    display: block;
}
footer .up .ri {
    width: 50%;
    float: right;
}
footer .up .ri p {
    font-size: .24rem;
    line-height: .38rem;
}
footer .up .ri p em {
    font-family: 'TitilliumWeb';
    font-size: .36rem;
}
footer .down {
    width: 100%;
    display: inline-block;
    /* overflow: hidden; */
}
footer .down .le {
    width: 70%;
    float: left;
}
footer .down .le p {
    font-size: .24rem;
    line-height: .38rem;
}
footer .down .ri {
    width: 30%;
    float: right;
}
footer .down .ri li {
    position: relative;
}
footer .down .ri li a {
    width: .6rem;
    height: .6rem;
    float: right;
}
footer .down .ri .foot_img {
    display: none;
    position: absolute;
    bottom: .1rem;
    right: 0;
    width: 1.36rem;
}

/* 幻灯片 */
.yincheng_side .swiper-slide {
    width: 100%;
    height: 100%;
    background-size: cover !important;
    background-position: left center !important;
}
.swiper-slide a {
    width: 100%;
    height: 100%;
}
.swiper-slide .m-slider-caption a {
    width: 1.6rem;
    height: 0.7rem;
    line-height: 0.7rem;
    font-size: 0.24rem;
    text-align: center;
    background-color: #f5b916;
    position: absolute;
    top: .9rem;
    left: 0.2rem;
}
.m-slider-caption {
    position: absolute;
    bottom: 1.46rem;
    left: 0;
    width: 100%;
    height: auto;
    color: #fff;
}
.m-slider-caption > img {
    /* width: 5.32rem; */
}
.m-slider-caption.text02 {
    bottom: 1.16rem;
}
.m-slider-caption.text03 {
    bottom: 3.24rem;
}
/* 首页 */
.index .le {
    padding-top: .76rem;
}
.index .le h2 {
    font-size: .28rem;
    color: #b2b2b2;
    margin-bottom: .03rem;
}
.index .le h3 {
    font-size: .32rem;
    color: #ed1c24;
    margin-bottom: .22rem;
}
.index .le .txt p {
    color: #808080;
}
.index .le .list {
    width: 100%;
    display: inline-block;
    margin: .35rem 0 .6rem;
}
.index .le .list .li {
    float: left;
    width: 3.3rem;
    height: 1.86rem;
    border-top: .02rem solid #e6e6e6;
    border-bottom: .02rem solid #e6e6e6;
    text-align: center;
    position: relative;
}
.index .le .list .li.i2 {
    float: right;
}
.index .le .list .li.i1 em {
    background: url(../images/index/ico1.png) no-repeat center .24rem/1.04rem 1.02rem;
}
.index .le .list .li.i2 em {
    background: url(../images/index/ico2.png) no-repeat center .12rem/1.04rem 1.09rem;
}
.index .le .list .li em {
    width: 1.04rem;
    height: 1.86rem;
    display: block;
    margin: 0 auto;
    -webkit-transition: background-position-y .3s;
    transition: background-position-y .3s;
}
.index .le .list .li h5 {
    color: #4c4c4c;
    text-align: center;
    font-size: .28rem;
    position: absolute;
    bottom: .44rem;
    left: 0;
    width: 100%;
    -webkit-transition: transform .3s;
    transition: transform .3s;
}
.index .le .list .li.i1:hover em {
    background-position-y: .2rem !important;
    -webkit-transform: translateY(-.05rem);
    transform: translateY(-.05rem);
}
.index .le .list .li.i2:hover em {
    background-position-y: .15rem !important;
    -webkit-transform: translateY(-.05rem);
    transform: translateY(-.05rem);
}
.index .le .list .li.i1:hover h5 {
    color: #ee1f27;
}
.index .le .list .li.i2:hover h5 {
    color: #ff9507;
}
.index .ri .news {
    background-color: #f2f2f2;
    margin-left: -4%;
    margin-right: -4%;
    padding: .77rem 4%;
}
.index .ri .news > h2 {
    font-size: .28rem;
    color: #b2b2b2;
    margin-bottom: .03rem;
}
.index .ri .news > h3 {
    font-size: .32rem;
    color: #ed1c24;
    margin-bottom: .22rem;
}
.index .ri .news .tip {
    padding-bottom: .33rem;
    border-bottom: .02rem dashed #d1d1d1;
}
.index .ri .news .tip h3 {
    color: #4c4c4c;
    font-size: .28rem;
}
.index .ri .news .tip strong {
    display: block;
    font-family: 'TitilliumWeb';
    color: #b2b2b2;
    font-size: .24rem;
    font-weight: lighter;
    line-height: .24rem;
    margin: .1rem 0 .15rem;
}
.index .ri .news .list-news {
    margin-top: .3rem;
}
.index .ri .news .list-news .li {
    overflow: hidden;
    line-height: .36rem;
    margin-top: .24rem;
}
.index .ri .news .list-news .li strong {
    display: block;
    font-family: 'TitilliumWeb';
    color: #b2b2b2;
    font-size: .24rem;
    font-weight: lighter;
    float: left;
    margin-right: .18rem;
}
.index .ri .news .list-news .li h3 {
    font-size: .28rem;
    color: #4c4c4c;
    float: left;
}
.index .ri .news .tip:hover h3, 
.index .ri .news .list-news .li:hover h3 {
    color: #ed1c24;
    transition: all .3s;
    -webkit-transition: all .3s;
}
.index .bom {
    width: 100%;
    height: 3.2rem;
    padding: .75rem 4% 0;
    position: relative;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 7.5rem 3.2rem;
    background-image: url(../images/index/ico3.jpg);
}
.index .bom h4 {
    font-size: .3rem;
    color: #4c4c4c;
    line-height: .38rem;
    margin-bottom: .1rem;
}
.index .bom .ic {
    width: .54rem;
    margin-top: .52rem;
    -webkit-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
}
.index .bom:hover .ic {
    -webkit-transform: translateX(.1rem);
    transform: translateX(.1rem);
}

/* 内页 */
#header .su-nav {
    width: 100%;
    position: fixed;
    left: 0;
    top: 1.4rem;
    text-align: right;
    /* -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow-x: scroll;
    text-overflow: ellipsis;
    white-space: nowrap; */
}
#header .su-nav .dl {
    float: right;
    display: none;
    background-color: #ed1c24;
    width: 100%;
    padding: .32rem 4% .32rem 0;
}
#header .su-nav .dl a {
    /* line-height: .95rem; */
    display: inline-block;
    font-size: .26rem;
    color: rgba(255, 255, 255, .5);
    margin-left: .2rem;
}
#header .su-nav .dl a.curr {
    color: #fff;
}

#content {
    margin-top: .95rem;
}

.page_title {
    font-size: .32rem;
    color: #4c4c4c;
    line-height: .38rem;
    padding: .8rem 0 .38rem;
}

/* 公司概况 */
.about .txt h2 {
    font-size: .28rem;
    color: #4c4c4c;
    line-height: .38rem;
    margin-bottom: .2rem;
}
.about .txt p {
    margin-bottom: .2rem;
}
.about .tr {
    background-color: #f2f2f2;
    padding: .6rem 4% .52rem;
    margin: 0 -4%;
    overflow: hidden;
}
.about .tr li {
    float: left;
    width: 33%;
}
.about .tr li:nth-child(2) {
    width: 25%;
}
.about .tr li:nth-child(3) {
    width: 40%;
    float: right;
}
.about .tr li h4 {
    font-family: 'TitilliumWeb';
    color: #ed1c24;
    font-size: .3rem;
    margin-bottom: .15rem;
}
.about .tr li em.gray {
    font-size: .24rem;
    color: #808080;
    line-height: .38rem;
}
.about .cBom .le {
    width: 100%;
    height: 3.78rem;
    background: url(../images/about/ico2.jpg) no-repeat center/cover;
    padding: 1.1rem 4% 0;
    margin-top: .2rem;
}
.about .cBom .ri {
    width: 100%;
    height: 6.38rem;
    background: url(../images/about/ico3.jpg) no-repeat center/cover;
    padding: 0 4%;
    position: relative;
}
.about .cBom .ri .h2 {
    width: 4.64rem;
    padding: .26rem 4%;
    background-color: #ed1c24;
    font-size: .28rem;
    color: #fff;
    line-height: .4rem;
    display: inline-block;
    position: absolute;
    left: 0;
    bottom: 0;
}

/* 企业战略 */
.about2 {
    background: url(../images/about/ico27.png) no-repeat center bottom/contain #fff;
    padding-bottom: 1.46rem;
}
.circle {
    position: relative;
    width: 5.56rem;
    height: 5.56rem;
    margin: 0 auto;
}
.inner_circle {
    width: 3.07rem;
    height: 3.09rem;
    background: url(../images/about/ico6.png) no-repeat center/cover;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -1.545rem;
    margin-left: -1.535rem;
    z-index: 2;
}
.outer_circle {
    width: 5.56rem;
    height: 5.56rem;
    background: url(../images/about/ico5.png) no-repeat center/cover;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2.78rem;
    margin-left: -2.78rem;
}
.outer_circles {
    width: 6.16rem;
    height: 4.8rem;
    background: url(../images/about/ico4.png) no-repeat center/cover;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -2.4rem;
    margin-left: -3.08rem;
}
.about2_info .tabs_info {
    padding-top: .6rem;
    position: relative;
    overflow: hidden;
}
.about2_info .tabs_info h3 {
    font-size: .24rem;
    color: #b2987d;
    line-height: .38rem;
    margin-bottom: .16rem;
}
.about2_info .tabs_nav {
    width: 5.56rem;
    height: 5.56rem;
    position: relative;
    z-index: 3;
}
.about2_info .tabs_nav li {
    position: absolute;
}
.about2_info .tabs_nav li em {
    display: block;
    position: absolute;
}
.about2_nav1 {
    width: 2.8rem;
    height: 2.3rem;
    top: -.13rem;
    left: 0;
}
.about2_nav2 {
    width: 2.81rem;
    height: 2.29rem;
    top: -.13rem;
    left: 2.78rem;
}
.about2_nav3 {
    width: 1.74rem;
    height: 3.28rem;
    top: 1.88rem;
    left: 4rem;
}
.about2_nav4 {
    width: 3.44rem;
    height: 1.31rem;
    top: 4.4rem;
    left: 1.1rem;
}
.about2_nav5 {
    width: 1.73rem;
    height: 3.29rem;
    top: 1.89rem;
    left: -.13rem;
}
  
.about2_nav1.active {
    background: url(../images/about/ico7.png) no-repeat center/cover;
}
.about2_nav2.active {
    background: url(../images/about/ico8.png) no-repeat center/cover;
}
.about2_nav3.active {
    background: url(../images/about/ico9.png) no-repeat center/cover;
}
.about2_nav4.active {
    background: url(../images/about/ico10.png) no-repeat center/cover;
}
.about2_nav5.active {
    background: url(../images/about/ico11.png) no-repeat center/cover;
}
  
.about2_nav1 em {
    width: 2.8rem;
    height: 2.3rem;
    background: url(../images/about/ico12.png) no-repeat center/cover;
    top: 0;
    left: 0;
}
.about2_nav2 em {
    width: 2.81rem;
    height: 2.29rem;
    background: url(../images/about/ico13.png) no-repeat center/cover;
    top: 0;
    left: 0;
}
.about2_nav3 em {
    width: 1.74rem;
    height: 3.28rem;
    background: url(../images/about/ico14.png) no-repeat center/cover;
    top: 0;
    left: 0;
}
.about2_nav4 em {
    width: 3.44rem;
    height: 1.31rem;
    background: url(../images/about/ico15.png) no-repeat center/cover;
    top: 0;
    left: 0;
}
.about2_nav5 em {
    width: 1.73rem;
    height: 3.29rem;
    background: url(../images/about/ico16.png) no-repeat center/cover;
    top: 0;
    left: 0;
}
  
.about2_nav1.active em {
    background: url(../images/about/ico17.png) no-repeat center/cover;
}
  .about2_nav2.active em {
    background: url(../images/about/ico18.png) no-repeat center/cover;
}
.about2_nav3.active em {
    background: url(../images/about/ico19.png) no-repeat center/cover;
}
.about2_nav4.active em {
    background: url(../images/about/ico20.png) no-repeat center/cover;
}
.about2_nav5.active em {
    background: url(../images/about/ico21.png) no-repeat center/cover;
}
  
.about2_info .tabs_info em {
    display: block;
    position: absolute;
    top: .6rem;
    right: 0;
    width: 2.23rem;
    height: 1.5rem;
}
.about2_info .num1 {
    background: url(../images/about/ico22.png) no-repeat center/cover;
}
.about2_info .num2 {
    background: url(../images/about/ico23.png) no-repeat center/cover;
}
.about2_info .num3 {
    background: url(../images/about/ico24.png) no-repeat center/cover;
}
.about2_info .num4 {
    background: url(../images/about/ico25.png) no-repeat center/cover;
}
.about2_info .num5 {
    background: url(../images/about/ico26.png) no-repeat center/cover;
}
  
/* 企业荣誉 */
.about3_bg h2 {
    font-size: .26rem;
    color: #4c4c4c;
    line-height: .38rem;
}
.about3_list {
    position: relative;
    padding-bottom: .4rem;
    margin: .56rem 0 .78rem;
}
.about3_list:before {
    content: '';
    width: .02rem;
    height: 100%;
    background-color: #e5ddd5;
    position: absolute;
    left: 2.17rem;
    top: 0;
}
.about3_list li {
    width: 100%;
    display: inline-block;
    position: relative;
}
.about3_list li .le {
    float: left;
    width: 2.17rem;
    padding-right: .3rem;
    text-align: right;
    padding-top: .56rem;
}
.about3_list li .ri {
    float: right;
    width: 4.73rem;
    padding: .55rem 0 .55rem .32rem;
    border-bottom: .02rem solid #e5ddd5;
}
.about3_list li:before {
    content: '';
    width: .02rem;
    height: .26rem;
    background-color: #ed1c24;
    position: absolute;
    left: 2.17rem;
    top: .62rem;
}
.about3_list li:after {
    content: '';
    width: 65%;
    height: .02rem;
    background-color: #e5ddd5;
    position: absolute;
    right: -4%;
    bottom: 0;
}
.about3_list li h2 {
    font-family: 'TitilliumWeb';
    font-size: .36rem;
    color: #ed1c24;
    letter-spacing: -2px;
}
.about3_list li h3 {
    font-size: .24rem;
    color: #ed1c24;
    line-height: .38rem;
}
.about3_list li p {
    font-size: .24rem;
    color: #808080;
    line-height: .38rem;
}
.about3_list li:first-child .le,
.about3_list li:first-child .ri {
    padding-top: 0;
}
.about3_list li:first-child:before {
    top: 0;
}

/* 发展历程 */
.about4_list {
    /* margin-bottom: 50px; */
}
.about4_list li {
    overflow: hidden;
    padding: .14rem 0 .5rem;
    position: relative;
}
.about4_list li:before {
    content: '';
    width: 2rem;
    height: .06rem;
    background-color: #e6dcd3;
    position: absolute;
    top: 0;
    left: 0;
}
.about4_list li:after {
    content: '';
    width: 4.6rem;
    height: .06rem;
    background-color: #e6dcd3;
    position: absolute;
    top: 0;
    right: 0;
}
.about4_list li .le {
    width: 2rem;
    float: left;
    text-align: right;
    position: relative;
}
.about4_list li .le:before {
    content: '';
    width: .9rem;
    height: .26rem;
    background: url(../images/about/ico28.png) no-repeat center/cover;
    position: absolute;
    left: 0;
    top: .06rem;
    -webkit-animation: width 3s infinite linear;
    animation: width 3s infinite linear;
}
.about4_list li .ri {
    width: 4.6rem;
    float: right;
}
.about4_list li .le h3 {
    font-family: 'TitilliumWeb';
    font-size: .48rem;
    color: #e02001;
    line-height: .3rem;
}
.about4_list li .ri p {
    font-size: .24rem;
    color: #808080;
    line-height: .38rem;
}

/* 管理团队 */
.about5 {
    margin-bottom: .8rem;
}
.about5_nav {
    overflow: hidden;
    padding: .3rem 0 .25rem;
    margin-bottom: .36rem;
    border-bottom: .02rem dashed #ede3da;
}
.about5_nav li {
    float: left;
    font-size: .28rem;
    color: #808080;
    line-height: .5rem;
    padding-left: .49rem;
    position: relative;
    margin-right: .3rem;
}
.about5_nav li.active {
    color: #ed1c24;
}
.about5_nav li.active:before {
    content: '';
    width: .3rem;
    height: .08rem;
    background-color: #ed1c24;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.04rem;
}
.about5_info li {
    overflow: hidden;
    height: 4rem;
    padding: .36rem .27rem .36rem 3.3rem;
    background: #f9f9f9;
    transition: all 1000ms;
    margin-bottom: .38rem;
    position: relative;
}
.about5_info li:last-child {
    margin-bottom: 0;
}
.about5_info li .le {
    width: 3rem;
    height: 4rem;
    float: left;
    position: absolute;
    left: 0;
    top: 0;
}
.about5_info li .le .img {
    width: 3rem;
    height: 4rem;
    overflow: hidden;
}
.about5_info li .le .img img {
    width: 3rem;
    height: 4rem;
}
.about5_info li .le .img.animate {
    visibility: visible!important;
    -webkit-animation: h_flip ease 1s 1 both;
    animation: h_flip ease 1s 1 both;
}
.about5_info li .le .img img {
    -webkit-transition: all 0.3s ease;
    transition: all 0.3s ease;
}
.about5_info li:hover .img img {
    -webkit-transform: scale(1.05);
    transform: scale(1.05);
}
.about5_info li .ri .name {
    display: block;
    margin-bottom: .2rem;
    font-size: 0px;
}
.about5_info li .ri .name h4 {
    font-size: .32rem;
    display: inline-block;
    vertical-align: middle;
    padding-right: .1rem;
    color: #4c4c4c;
}
.about5_info li .ri .name h5 {
    font-size: .24rem;
    display: inline-block;
    vertical-align: middle;
    color: #808080;
}
.about5_info li .ri p {
    height: 2.5rem;
    overflow: auto;
    padding-right: 10px;
}
.about5_info li:hover {
    background-color: #ed1c24;
}
.about5_info li:hover .ri .name h4,
.about5_info li:hover .ri .name h5,
.about5_info li:hover .ri p {
    color: #fff;
    transition: all 300ms;
}
.about5_info li .ri p::-webkit-scrollbar ,
.about5_info li .ri p::-webkit-scrollbar {
    width: 5px;
    height: 5px;
    background-color: #959595;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}
.about5_info li .ri p::-webkit-scrollbar-thumb ,
.about5_info li .ri p::-webkit-scrollbar-thumb {
    background-color: #fff;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 0;
}

/* 公司新闻 */
.news {
    margin-bottom: .8rem;
}
.news_list .active .img {
    width: 100%;
}
.news_list .active .ri {
    background-color: #f2f2f2;
    padding: .32rem 4%;
}
.news_list .active .ri .tit {
    font-size: .28rem;
    color: #4c4c4c;
    line-height: .38rem;
}
.news_list .active .ri .date {
    font-family: 'TitilliumWeb';
    font-size: .28rem;
    color: #808080;
    line-height: .38rem;
    margin-bottom: .1rem;
}
.news_list ul {
    margin-bottom: .4rem;
}
.news_list li a {
    padding: .37rem 0 .34rem;
    overflow: hidden;
    border-bottom: .02rem solid #e0e0e0;
}
.news_list li .le {
    float: left;
    width: 1.21rem;
    padding-right: .37rem;
}
.news_list li .le h3 {
    font-family: 'TitilliumWeb';
    font-size: .48rem;
    color: #808080;
    line-height: .56rem;
    text-align: right;
}
.news_list li .le p {
    font-family: 'TitilliumWeb';
    font-size: .24rem;
    color: #808080;
    line-height: .28rem;
    text-align: right;
}
.news_list li .ri {
    float: right;
    width: 5.65rem;
}
.news_list li .ri h3.tit {
    font-size: .24rem;
    color: #4c4c4c;
    line-height: .56rem;
    max-width: 90%;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
}
.news_list li .ri p {
    margin-top: .14rem;
}
.news .more {
    width: 100%;
    height: .96rem;
    line-height: .96rem;
    background-color: #ed1c24;
    font-size: .24rem;
    color: #ffffff;
    padding-left: 2.5rem;
    margin: 0 auto;
    position: relative;
}
.news .more:before {
    content: '';
    width: 100%;
    height: .96rem;
    background: url(../images/news/ico2.png) no-repeat center right /.52rem .2rem;
    position: absolute;
    top: 50%;
    margin-top: -.48rem;
    right: 2.52rem;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}
.news .more:hover:before {
    animation: h_fadeInLeft 1s 1 linear;
    -webkit-animation: h_fadeInLeft 1s 1 linear;
}
.news_list li:hover .ri h3.tit,
.news_recommend.active:hover .tit {
    color: #ed1c24;
    transition: all .3s;
    -webkit-transition: all .3s;
}

/* 公司新闻详情 */
.details {
    margin-bottom: .8rem;
}
.details_up {
    overflow: hidden;
    padding-bottom: .1rem;
    margin-bottom: .3rem;
    border-bottom: .06rem solid #e6dcd3;
}
.details_up h3 {
    font-size: .34rem;
    color: #4c4c4c;
    line-height: .42rem;
}
.details_up p {
    font-family: 'TitilliumWeb';
    font-size: .24rem;
    color: #b2b2b2;
    line-height: .3rem;
}
.details_down p {
    margin-bottom: .14rem;
}
.details_down p strong {
    display: inline-block;
}

/* 我们的产品 */
.service {
    margin-bottom: .8rem;
}
.service_up h3 {
    font-size: .28rem;
    color: #4c4c4c;
    line-height: .38rem;
    margin: .34rem 0 .12rem;
}
.service_side {
    padding-bottom: .45rem;
    margin: .33rem 0 .66rem;
}
.service_side .white {
    padding: .34rem .3rem;
    background-color: #f4ece4;
}
.service_side .white h3 {
    font-size: .24rem;
    color: #4c4c4c;
    margin: 0;
}
.service_side .swiper-pagination {
    bottom: 0;
    text-align: center;
}
.service_side .swiper-pagination .swiper-pagination-bullet {
    background-color: #d9d9d9;
}
.service_side .swiper-pagination .swiper-pagination-bullet-active {
    background: #ed1c24;
}
.service_down h3.service_tit {
    font-size: .28rem;
    color: #4c4c4c;
    line-height: .38rem;
}
.pulldown {
    border-top: .04rem solid #e6dcd3;
    margin-top: .35rem;
}
.pulldown li {
    border-bottom: .04rem solid #e6dcd3;
}
.pulldown li .pulldown_title {
    width: 100%;
    padding: .38rem 0;
    position: relative;
}
.pulldown li .pulldown_title:before {
    content: '';
    width: .3rem;
    height: .3rem;
    background: url(../images/service/ico8.png) no-repeat center;
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -.15rem;
}
.pulldown li.active .pulldown_title:before {
    background: url(../images/service/ico9.png) no-repeat center;
}
.pulldown li .pulldown_title h3 {
    font-size: .24rem;
    color: #808080;
    line-height: .3rem;
}
.pulldown li .pulldown_title p {
    font-family: 'TitilliumWeb';
    line-height: .3rem;
}
.pulldown li .pulldown_title em {
    width: .63rem;
    height: .62rem;
    display: block;
    float: left;
    margin-right: .2rem;
}
.pulldown li .pulldown_title em.ico1 {
    background: url(../images/service/ico5.png) no-repeat center/cover;
}
.pulldown li .pulldown_title em.ico2 {
    background: url(../images/service/ico6.png) no-repeat center/cover;
}
.pulldown li .pulldown_title em.ico3 {
    background: url(../images/service/ico7.png) no-repeat center/cover;
}
.pulldown li .pulldown_text {
    display: none;
    margin-bottom: .77rem;
}

/* 我们的模式 */
.service2 {
    overflow: hidden;
}
.service2 h3 {
    font-size: .26rem;
    color: #4c4c4c;
    line-height: .38rem;
    margin-bottom: .14rem;
}
.service2 .service2_up {
    position: relative;
}
.service2 .service2_up p span {
    color: #ed1c24;
}
.service2 .service2_up .ri {
    margin-top: .14rem;
}
.service2 .service2_up .ri h3 {
    margin: 0;
    margin-top: .14rem;
}
.service2 .service2_up .ico3 {
    width: 1.42rem;
    height: 1.42rem;
    position: absolute;
    right: 0;
    top: -1rem;
}
.service2 .service2_down {
    position: relative;
    margin-top: .54rem;
    width: 100%;
}
.service2 .service2_down .service2_img {
    width: 100%;
}
.service2 .service2_down .ico2 {
    width: 2.57rem;
    height: 2.57rem;
    position: absolute;
    right: 1.1rem;
    top: -1.6rem;
}

/* 公司治理 */
#header .su-nav .dl:nth-child(4) {
    padding-right: 0;
}
#header .su-nav .dl:nth-child(4) a:first-child {
    margin-left: 0;
}
.nment {
    margin-bottom: .8rem;
}
.nment1 li {
    overflow: hidden;
    position: relative;
    padding: .3rem 0;
    border-bottom: .02rem solid #e6ddd5;
}
.nment1 li:first-child {
    padding: 0 0 .3rem;
}
.nment1 li h3 {
    font-size: .28rem;
    color: #4c4c4c;
    line-height: .44rem;
    min-width: 1.73rem;
    float: left;
}
.nment1 li .txt {
    float: left;
}
.nment1 li p {
    line-height: .4rem;
}
.nment1 li p a {
    color: #ed1c24;
}

/* 投资者日志 */
.nment3_li {
    position: relative;
    margin-top: -.35rem;
}
.nment3_li li {
    overflow: hidden;
    line-height: 1.03rem;
    border-bottom: .02rem dashed #e0e0e0;
}
.nment3_li li h3.dete {
    font-family: 'TitilliumWeb';
    font-size: .24rem;
    color: #b2b2b2;
    float: left;
    margin-right: .22rem;
}
.nment3_li li h3.tit {
    font-size: .24rem;
    color: #4c4c4c;
    float: left;
    max-width: 60%;
    white-space: nowrap;
    text-decoration: none;
    text-overflow: ellipsis;
    overflow: hidden;
}  
.nment3_li li .ico {
    width: .42rem;
    height: .44rem;
    background: url(../images/nment/ico1.png) no-repeat center/cover;
    float: right;
    margin-top: .3rem;
}
.nment_li .nment3 .more {
    width: 100%;
    height: .96rem;
    line-height: .96rem;
    background-color: #ed1c24;
    font-size: .24rem;
    color: #ffffff;
    padding-left: 2.5rem;
    margin: .38rem auto 0;
    position: relative;
}
.nment_li .nment3 .more:before {
    content: '';
    width: 100%;
    height: .96rem;
    background: url(../images/news/ico2.png) no-repeat center right /.52rem .2rem;
    position: absolute;
    top: 50%;
    margin-top: -.48rem;
    right: 2.52rem;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}
.nment3_li li:hover h3.dete,
.nment3_li li:hover h3.tit {
    transform: translate(20px,0);
    -webkit-transform: translate(20px,0);
    -webkit-transition: transform .3s ease-out;
    transition: transform .3s ease-out;
}
.nment_li .nment3 .more:hover:before {
    animation: h_fadeInLeft 1s 1 linear;
    -webkit-animation: h_fadeInLeft 1s 1 linear;
}
.nment3_li li:hover h3.tit {
    color: #ed1c24;
    transition: all .3s;
    -webkit-transition: all .3s;
}
  
/* 投资者关系联络 */
.nment4_li li:first-child {
    border-top: .02rem solid #ede3da;
}
.nment4_li li {
    text-align: center;
    padding: .6rem 0;
    border: .02rem solid #ede3da;
    border-top: none;
}
.nment4_li li h3 {
    font-size: .24rem;
    color: #4c4c4c;
    line-height: .4rem;
}
.nment4_li li p {
    line-height: .4rem;
}
.nment4_li li.ico1 p {
    font-family: 'TitilliumWeb';
    color: #4c4c4c;
}
.nment4_li li.ico2 p {
    font-family: 'TitilliumWeb';
    font-size: .3rem;
    color: #ed1c24;
}
.nment4_li li em {
    width: .67rem;
    height: .6rem;
    display: block;
    margin: .3rem auto 0;
}
.nment4_li li.ico1 em {
    background: url(../images/nment/ico2.png) no-repeat center/cover;
}
.nment4_li li.ico2 em {
    background: url(../images/nment/ico3.png) no-repeat center/cover;
}
.nment4_li li.ico3 em {
    background: url(../images/nment/ico4.png) no-repeat center/cover;
}

/* 公司资料 */
.nment2 h3 {
    font-size: .28rem;
    color: #4c4c4c;
    line-height: .4rem;
}
.nment2 .nment2_up {
    overflow: hidden;
    padding-bottom: .46rem;
    border-bottom: .06rem solid #e6ddd5;
}
.nment2 .nment2_up h3 {
    float: left;
    width: 50%;
}
.nment2 .nment2_up p {
    line-height: .4rem;
    float: left;
    widows: 50%;
}
.nment2 .nment2_up p a {
    font-family: 'TitilliumWeb';
}
.nment2 .nment2_down li {
    padding-bottom: .4rem;
    border-bottom: .02rem solid #e6ddd5;
}
.nment2 .nment2_down li:last-child {
    border: none;
    padding: 0;
}
.nment2 .nment2_down h3 {
    padding: .3rem 0;
}
.nment2 .nment2_down p {
    height: .7rem;
    min-height: .38rem;
    color: #4c4c4c;
    background: url(../images/nment/ico5.png) no-repeat left .1rem/.46rem .58rem;
    padding-left: .6rem;
}

/* 信息披露 */
.nment3 .about5_nav li {
    min-width: 28%;
}

/* 联系我们 */
.contact {
    margin-bottom: .8rem;
}
.contact_li {
    overflow: hidden;
    margin-bottom: .35rem;
}
.contact_li li {
    float: left;
    font-size: .28rem;
    color: #808080;
    line-height: .5rem;
    padding-left: .49rem;
    position: relative;
    margin-right: .3rem;
}
.contact_li li.on {
    color: #ed1c24;
}
.contact_li li.on:before {
    content: '';
    width: .3rem;
    height: .08rem;
    background-color: #ed1c24;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -.04rem;
}
.contact .box {
    background-color: #e6dcd3;
    padding: .52rem 4% 2.02rem;
    margin: 0 -4%;
}
.contact .box .txt {
    display: none;
}
.contact .box .txt dt h3 {
    font-size: .28rem;
    color: #4c4c4c;
    line-height: .44rem;
}
.contact .box .txt dt p {
    line-height: .44rem;
}
.contact .box .txt dd {
    margin-top: .3rem;
}
.contact .box .txt dd p {
    color: #4c4c4c;
    line-height: .34rem;
}
.contact .box .txt dd h3 {
    font-family: 'TitilliumWeb';
    font-size: .36rem;
    color: #b2987d;
    line-height: .34rem;
    margin-top: .06rem;
}

.contact .map1{
    height: 4rem;
    position: relative;
    margin-top: -1.45rem;
    border: 1px solid #bfb7b0;
}
.contact .map1 img{
    max-width: none;
}
.BMap_stdMpCtrl,
.anchorBL,
.BMap_cpyCtrl {
    display: none;
}



.nment2 .nment_li .ri {
    background-color: transparent;
}
.nment2 .nment_li .ri .up {
    overflow: hidden;
    width: 100%;
    background-color: #e5e5e5;
    border-top: 2px solid #ed1c24;
    padding: 15px 20px;
    font-size: .24rem;
}
.nment2 .nment_li .ri .up .li {
    float: left;
    width: 33.33333%;
}
.nment2 .nment_li .ri .down {
    overflow: hidden;
    background-color: #f6f6f6;
    border-top: 2px solid #fff;
    padding: 15px 20px;
    font-size: .24rem;
}
.nment2 .nment_li .ri .down .li {
    float: left;
    width: 33.33333%;
}
.nment2 .ri .more {
    width: 100%;
    height: .96rem;
    line-height: .96rem;
    background-color: #ed1c24;
    font-size: .24rem;
    color: #ffffff;
    padding-left: 2.5rem;
    margin: .38rem auto 0;
    position: relative;
}
.nment2 .ri .more:before {
    content: '';
    width: 100%;
    height: .96rem;
    background: url(../images/news/ico2.png) no-repeat center right /.52rem .2rem;
    position: absolute;
    top: 50%;
    margin-top: -.48rem;
    right: 2.52rem;
    transition-duration: 1s;
    -webkit-transition-duration: 1s;
}
.nment2 .ri .more:hover:before {
    animation: h_fadeInLeft 1s 1 linear;
    -webkit-animation: h_fadeInLeft 1s 1 linear;
}


@keyframes h_rotate {
    from{transform: rotate(0deg)}
    to{transform: rotate(-360deg)}
  }
  @-webkit-keyframes h_rotate {
    from{transform: rotate(0deg)}
    to{transform: rotate(-360deg)}
  }
  
  @keyframes h_rotater {
    from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
  }
  @-webkit-keyframes h_rotater {
    from{transform: rotate(0deg)}
    to{transform: rotate(360deg)}
  }
  
  @keyframes fadeInUp70 {
    0% {
      /*opacity: 0;*/
      -webkit-transform: translate3d(0, 70px, 0);
      transform: translate3d(0, 70px, 0);
    }
    100% {
      /*opacity: 1;*/
      -webkit-transform: none;
      transform: none;
    }
  }
  
  @keyframes width {
    from{
        opacity: 0;
        filter:Alpha(opacity=0);
        max-width: 0;
    }
    to {
        opacity: 1;
        filter:Alpha(opacity=100);
        max-width: 100%;
    }
  }
  @-webkit-keyframes width {
    from{
        opacity: 0;
        filter:Alpha(opacity=0);
        max-width: 0;
    }
    to {
        opacity: 1;
        filter:Alpha(opacity=100);
        max-width: 100%;
    }
  }
  
  @keyframes height {
    from{
        opacity: 0;
        filter:Alpha(opacity=0);
        max-height: 0;
    }
    to {
        opacity: 1;
        filter:Alpha(opacity=100);
        max-height: 100%;
    }
  }
  @-webkit-keyframes height {
    from{
        opacity: 0;
        filter:Alpha(opacity=0);
        max-height: 0;
    }
    to {
        opacity: 1;
        filter:Alpha(opacity=100);
        max-height: 100%;
    }
  }
  
  @keyframes h_flip {
    0% {
        opacity: 0;
        transform: rotateY(-125deg) translateX(-60px);
        -ms-transform: rotateY(-125deg) translateX(-60px);
        -o-transform: rotateY(-125deg) translateX(-60px);
        -webkit-transform: rotateY(-125deg) translateX(-120px);
        -moz-transform: rotateY(-125deg) translateX(-60px)
    }
    20% {
        opacity: 0
    }
    100% {
        opacity: 1;
        transform: rotateY(0) translateX(0);
        -ms-transform: rotateY(0) translateX(0);
        -o-transform: rotateY(0) translateX(0);
        -webkit-transform: rotateY(0) translateX(0);
        -moz-transform: rotateY(0) translateX(0)
    }
  }
  @-webkit-keyframes h_flip {
    0% {
        opacity: 0;
        transform: rotateY(-125deg) translateX(-60px);
        -ms-transform: rotateY(-125deg) translateX(-60px);
        -o-transform: rotateY(-125deg) translateX(-60px);
        -webkit-transform: rotateY(-125deg) translateX(-120px);
        -moz-transform: rotateY(-125deg) translateX(-60px)
    }
    20% {
        opacity: 0
    }
    100% {
        opacity: 1;
        transform: rotateY(0) translateX(0);
        -ms-transform: rotateY(0) translateX(0);
        -o-transform: rotateY(0) translateX(0);
        -webkit-transform: rotateY(0) translateX(0);
        -moz-transform: rotateY(0) translateX(0)
    }
  }
  
  @-webkit-keyframes h_fadeIn {
    0%{
        opacity:0;
    }
    100%{
        opacity:1;
    }
  }
  @keyframes h_fadeIn {
    0% {
        opacity:0;
    }
  
    100% {
        opacity:1;
    }
  }
  
  @-webkit-keyframes h_fadeIntop {
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,30px,0);
        transform:translate3d(0,30px,0);
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
  }
  @keyframes h_fadeIntop {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,30px,0);
        transform:translate3d(0,30px,0);
    }
  
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
  }
  
  @-webkit-keyframes h_fadeInLeft {
    0%{
        opacity:0;
        -webkit-transform:translate3d(-10%,0,0);
        transform:translate3d(-10%,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
  }
  @keyframes h_fadeInLeft {
    0% {
        opacity:0;
        -webkit-transform:translate3d(-10%,0,0);
        transform:translate3d(-10%,0,0)
    }
  
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
  }
  
  @-webkit-keyframes h_fadeInRight {
    0%{
        opacity:0;
        -webkit-transform:translate3d(10%,0,0);
        transform:translate3d(10%,0,0)
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
  }
  @keyframes h_fadeInRight {
    0% {
        opacity:0;
        -webkit-transform:translate3d(10%,0,0);
        transform:translate3d(10%,0,0)
    }
  
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
  }
  
  @-webkit-keyframes h_fadeInbottom {
    0%{
        opacity:0;
        -webkit-transform:translate3d(0,-15%,0);
        transform:translate3d(0,-15%,0);
    }
    100%{
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
  }
  @keyframes h_fadeInbottom {
    0% {
        opacity:0;
        -webkit-transform:translate3d(0,-15%,0);
        transform:translate3d(0,-15%,0);
    }
  
    100% {
        opacity:1;
        -webkit-transform:none;
        transform:none;
    }
  }
  @keyframes arrow-movement {
    0% {
        opacity: 0;
        right: 20px
      }
    
      70% {
        opacity: 1
      }
    
      to {
        opacity: 0
      }
  }
  @-webkit-keyframes arrow-movement {
    0% {
        opacity: 0;
        right: 20px
      }
    
      70% {
        opacity: 1
      }
    
      to {
        opacity: 0
      }
  }
  
  @keyframes h_pulse {
    0% {
      opacity: 0;
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  }
  @-webkit-keyframes h_pulse {
    0% {
      opacity: 0;
      -webkit-transform: scale(1.1);
      -moz-transform: scale(1.1);
      -ms-transform: scale(1.1);
      transform: scale(1.1);
  }
  100% {
    opacity: 1;
    -webkit-transform: scale(1);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1);
  }
  }
  
  @keyframes h_matrix {
    0% {
      transform: matrix(.01, 0, 0, .01, 0, 0);
      -ms-transform: matrix(.01, 0, 0, .01, 0, 0);
      -o-transform: matrix(.01, 0, 0, .01, 0, 0);
      -webkit-transform: matrix(.01, 0, 0, .01, 0, 0);
      -moz-transform: matrix(.01, 0, 0, .01, 0, 0)
    }
  }
  @-webkit-keyframes h_matrix {
    0% {
      transform: matrix(.01, 0, 0, .01, 0, 0);
      -ms-transform: matrix(.01, 0, 0, .01, 0, 0);
      -o-transform: matrix(.01, 0, 0, .01, 0, 0);
      -webkit-transform: matrix(.01, 0, 0, .01, 0, 0);
      -moz-transform: matrix(.01, 0, 0, .01, 0, 0)
    }
  }
  
  @-webkit-keyframes bigToLittle {
    0% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 0;
    }
  
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
  }
  
  @keyframes bigToLittle {
    0% {
      -webkit-transform: scale(1.2);
      transform: scale(1.2);
      opacity: 0;
    }
  
    100% {
      -webkit-transform: scale(1);
      transform: scale(1);
      opacity: 1;
    }
  }
  
  .fadeInUp70 {
    -webkit-animation-name: fadeInUp70;
    animation-name: fadeInUp70;
    animation-duration: 0.6s;
  }
  .h_rotate {
    -webkit-animation-name: h_rotate;
    animation-name: h_rotate;
  }
  .h_rotater {
    -webkit-animation-name: h_rotater;
    animation-name: h_rotater;
  }
  .width {
    -webkit-animation-name: width;
    animation-name: width;
  }
  .height {
    -webkit-animation-name: height;
    animation-name: height;
  }
  .h_flip {
    -webkit-animation-name: h_flip;
    animation-name: h_flip;
  }
  .h_fadeIn {
    -webkit-animation-name: h_fadeIn;
    animation-name: h_fadeIn;
  }
  .h_fadeIntop {
    -webkit-animation-name: h_fadeIntop;
    animation-name: h_fadeIntop;
  }
  .h_fadeInLeft {
    -webkit-animation-name: h_fadeInLeft;
    animation-name: h_fadeInLeft;
  }
  .h_fadeInRight {
    -webkit-animation-name: h_fadeInRight;
    animation-name: h_fadeInRight;
  }
  .h_fadeInbottom {
    -webkit-animation-name: h_fadeInbottom;
    animation-name: h_fadeInbottom;
  }
  .arrow-movement {
    -webkit-animation-name: arrow-movement;
    animation-name: arrow-movement;
  }
  .h_pulse {
    -webkit-animation-name: h_pulse;
    animation-name: h_pulse;
  }
  .h_matrix {
    -webkit-animation-name: h_matrix;
    animation-name: h_matrix;
  }
  .bigToLittle {
    -webkit-animation-name: bigToLittle;
    animation-name: bigToLittle;
  }

@media screen and (max-width: 320px) { 
    footer .up .le {
        width: 55%;
    }
    footer .up .ri {
        width: 45%;
    }
    footer .down .le {
        width: 70%;
    }
    footer .down .ri {
        width: 30%;
    }
    #header .su-nav .dl:nth-child(4) a {
        margin-left: 0;
    }
}