html,body {
    color: #333;
    margin: 0;
    height: 100%;
    font-family: "Myriad Set Pro","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    font-weight: normal;
}

* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

a{text-decoration: none;color: #000;}

a,label, button, input, select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0);}

img {width: 100%;height: auto;display: block;border: 0;}

body {background: #fff;color: #333;}

html, body, div, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6, p, blockquote, pre, button, fieldset, form, input, legend, textarea, th, td {margin: 0;padding: 0;}
button {outline: 0;}
img{border: 0;}

button,input,optgroup,select,textarea {
    margin: 0;
    font: inherit;
    color: inherit;
    outline: none;
}

li{list-style: none;}
.clearfix::after {
    clear: both;
    content: ".";
    display: block;
    height: 0;
    visibility: hidden;
}
.clearfix {}

#nav{width: 100%;z-index: 1000; background: url('navbg.png');
    background-size:100% 100%;
    background-repeat:no-repeat;overflow: hidden;position: absolute;bottom:0;}
/* #nav{width: 100%;background: url('navbg.jpg');background-size:100% 100%;background-repeat:no-repeat;z-index: 1000;background-color: #d13f06;} */
.lhs{position: absolute;left: 0.5rem;top: 0.5rem;width: 20%}
.fix{position: fixed!important;top:0;bottom: unset!important;background: url('navbg_02.jpg')!important;}
.fix .navbar{margin-top:.1rem!important;padding-bottom: .3rem;}
.navbar{width: 100%;overflow: hidden;margin-top:4.4rem;padding-bottom: .3rem;}
.navbar li{color: #fbf6db;width:auto;float: left;width: 20%;}
.navbar a{color: #fad062;font-size:.95rem;font-weight: bold;padding:.2rem 0;text-align: center;display: block;position: relative;}
.navbar li.cur a{color: #fff;}
.navbar li.cur a::before{border-bottom: 1px solid #fff;content: '';position: absolute;left: 0;bottom: 0;width: 100%;height: 1px;background-color: white;}


.banner{background:url('../images/bgs.jpg')no-repeat;
    width:100%;
    height:100%;
    background-size:100% 100%;overflow: hidden;position: relative;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg-login.png',sizingMethod='scale');}

.upd{width: 10%;position: absolute;bottom:10%;left: 50%;margin-left: -5%;  -webkit-animation: rightan 1s infinite;
    -webkit-animation-fill-mode: both;}
.banner img{width: 100%;}
.logo{width: 55%;position:absolute;left: 1rem;top: 1rem;}
.btit{width: 60%;top: 26%;left: 1rem;position: absolute;}

/*dy*/
.dy{width: 100%;z-index: 1000; background:#161b66;overflow: hidden;position: relative;padding: 1rem 0;}
.dytit{width:14%;position: absolute;top:1rem;left: 8%;}
.dytit img{width: 100%}
.dy .caption{width: 75%;float: right;}
.dy .caption p{line-height: 1.6;color:white;}


/*yaowen*/
.yaowen{width: 100%;z-index: 1000;overflow: hidden;margin-top: 1rem;}

.tits{overflow: hidden;}
.tits img{width: 100%;}

.yw-cont{width: 96%;z-index: 1000;overflow: hidden;margin: 1rem auto;}
.yw-cont h1{font-size: 1.3rem;}
.yw-cont h1 a{color: #df090f;display: block;padding: .5rem 1rem;line-height: 1.3;}
.yw-cont p{padding:0 1rem;line-height: 1.5;}
.w-box .m-slider {
    overflow-x: hidden;
    width: 96%;
    margin: 0 auto;
    position: relative;
}

.slider-wrapper {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    height: 100%;
    -webkit-transform: translate3d(0px, 0px, 0px);
    transform: translate3d(0px, 0px, 0px);
    position: relative;
    z-index: 1;
    -webkit-transition-property: -webkit-transform;
    transition-property: -webkit-transform;
    transition-property: transform;
    transition-property: transform, -webkit-transform;
}

.w-box .slider-item {
    width: 100%;
    height: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
}
.xou2 .slider-item {
    width: 100%;
    height: 100%;
    -webkit-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding:0 1rem 2rem;
    background: url('../images/contentBg.png');background-size:100% 100%;background-repeat:no-repeat
}

.xou2 .slider-item h2{width: 96%;margin: 2rem auto 3rem;text-align: center;font-size: 1.2rem;}
.xou2 .slider-item h3{font-size: 1rem;padding: .5rem 0;text-align: center;}
.xou2 .slider-item .caption{overflow: hidden;font-size: .91rem;}
.xou2 .slider-item li{width: 100%;line-height: 1.5;margin-top: .1rem;position: relative;padding-left: 15px;}
.xou2 .slider-item li::before{content: '';position: absolute;left: 0;top:.3rem;width: 8px;height: 8px;background: url('../images/icon1.png') no-repeat;}
.xou2 .slider-item a.mores{text-align: center;color: #df090f;display: block;margin-top: .5rem;}

.w-box .slider-item a{display: block;position: relative;}
.w-box .slider-item p{position: absolute;left: 0;bottom: 0;width: 100%;padding: 0.4rem;color: white;background: url('../images/dad.png');font-size: 0.85rem}
.w-box .slider-item img {
    width: 100%;
    height: auto;
    display: block;
    border: none;
}
.w-box .slider-pagination{  position: absolute;right: 0.5rem;bottom: 10px;text-align: right;}
.slider-pagination {
   
    width: auto;
    z-index: 2;
    pointer-events: none;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    -ms-flex-align: end;
    align-items: flex-end;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.w-box .slider-pagination-item {
    margin: 0 .15rem;
    width: 6px;
    height: 6px;
    border-radius: 50rem;;
    display: inline-block;
    background-color: #fff
}

.w-box .slider-pagination-item.slider-pagination-item-active {
    background-color: #df090f;
    width: 12px;
}


.aui-list-theme-box {
    padding: 0 0 0 0.5rem;
    overflow: hidden;
    position: relative;
}
.aui-list-item {
    width: 48%;
    float: left;
    margin: 0 2% 0 0;
    background: #fff;
    display: block;
    overflow: hidden;
}



.yw-fot{
    overflow: hidden;
    width: 96%;
    margin: 0.5rem auto;
    position: relative;
}
.yw-fot .item{width: 100%;overflow: hidden;margin: 0 auto .3rem;border-bottom: 1px dashed #3f3f3f;padding: .5rem 0;}
.yw-fot .item h3{width: 100%;font-size: 1rem;margin-bottom: .2rem;}
.yw-fot .item h3 a{color: #161b66;}
.yw-fot .item .caption p{padding:.2rem 0;}
.yw-fot .item:last-child{border: 0;}
.yw-box-gp{overflow: hidden; margin: 0.5rem auto; position: relative;}

.y-title{width: 100%;text-align: center;margin: 1rem auto;overflow: hidden;}
.y-title img{width: 100%;}

.mores{width: 30%;margin: 1rem auto;overflow: hidden;}
.mores a{ display: block; background: #1f279d; color: white; padding: .5rem 0; overflow: hidden; text-align: center; font-size: .875rem; border-radius: .2rem; -webkit-border-radius: .2rem; -moz-border-radius: .2rem; -ms-border-radius: .2rem; -o-border-radius: .2rem; }



/* future */
.future{width: 100%; background: url('../images/futurebg.jpg');background-size:100% 100%;background-repeat:no-repeat;overflow: hidden;margin:0 auto;padding-top:1rem;}
.f_h5{width: 70%; background: url('../images/oud.png');background-size:100% 100%;background-repeat:no-repeat;overflow: hidden;margin:0 auto;padding-top:1rem;}
.f_h5 a{width: 76%;margin:.8rem auto 3.1rem;display: block;position: relative}
.f_h5 a p{position: absolute;left: 0;bottom: 0;width: 100%;background: url('../images/dad.png');color: white;font-size: .875rem;padding: .2rem;}


.f_h5-box{width: 98%;margin: 1rem auto;position: relative;overflow: hidden;}
.ip_video{background-color: white;width: 90%;margin: 1rem auto;padding:1rem;position: relative;}


.f_h5-box .swiper-button-next,.f_h5-box .swiper-container-rtl .swiper-button-prev{right: 0!important;width: 2rem!important;height: 2.5rem!important;background: url('../images/right.png') no-repeat;background-size: 100% 100%;}
.f_h5-box .swiper-button-next:after, .f_h5-box .swiper-container-rtl .swiper-button-prev:after{content: '';}

.f_h5-box .swiper-button-prev,.f_h5-box .swiper-container-rtl .swiper-button-next{left: 0!important;width: 2rem!important;height: 2.5rem!important;background: url('../images/left.png') no-repeat;background-size: 100% 100%;}
.f_h5-box .swiper-button-prev:after,.f_h5-box .swiper-container-rtl .swiper-button-next:after{content: '';}

.ip_video a{display: block;}
.ip_video .imgs{width: 80%;float: left;height: 25vh;}
.ip_video .imgs img{width: 100%;height: 25vh;}
.ip_video .hd{background-color: #3584fe;overflow: hidden;height: 25vh;width: 20%;float: right;}
.ip_video .hd p{display: block; overflow: hidden; color: white; font-size: 16px; writing-mode:vertical-lr;line-height:22px; width: 100%; padding: 5px 0 5px 5px;}


/* years_10 */
.years_10{width: 100%; overflow: hidden;margin:0 auto;padding-top:1rem;}
.goup_ys{overflow: hidden;width: 96%;margin: 0 auto;}
.goup_ys li{width: 100%;background-color: white;height: 10vh;overflow: hidden;margin-top: 1rem;border: 1px solid #6066bd;}
.goup_ys .imgs{width: 35%;height: 98px;float: left;}
.goup_ys .imgs img{width: 100%;height: 10vh}
.goup_ys p{width: 65%;height: 10vh;float: right;padding: 0 .5rem;display: flex;align-items: center;font-size: 1rem;font-weight: bold;color: #161b66;line-height: 1.5;}
.yj{margin-top: 2rem;}
.yj-box{overflow: hidden;margin: 0 auto;width: 96%}
.yimg{width: 100%;overflow: hidden;}
.yimg img{border:1px solid #fff;width: 100%;height: auto}
.cps{overflow: hidden;font-size: 18px;line-height: 1.5;color: #1d2087;text-indent: 2em;padding:8px 0;font-size: 1rem;}
/* history */
.history{width: 100%; overflow: hidden;margin:0 auto;padding-top:1rem;}
.hist_cont{width: 96%;margin: 0 auto;height: 100vh;position: relative;}
.hist_imgs{overflow-y: auto;height: 100%;width: 90%;}
.hist_imgs img{width: 100%;}
.jix{width:2rem;position: absolute;right: 0;bottom: 0;}
.jix img{width: 100%;}

/* chaowan */

.chaowan{width: 100%; background: url('../images/cy.jpg');background-size:100% 100%;background-repeat:no-repeat;overflow: hidden;margin:1rem auto 0;padding-top:1rem;}

.cw-box{width: 98%;margin: 1rem auto;position: relative;overflow: hidden;}
.cw_swiper{background-color: white;width: 90%;margin: 1rem auto;padding:1rem;position: relative;}
.cw_swiper a{display: block;}
.cw_swiper a img{width: 100%;display: block;margin: 0;padding: 0;}
.cw_swiper a p{text-align: center;padding-top: .3rem;}

.cw-box .swiper-button-prev{left: 0!important;width: 2rem!important;height: 2.5rem!important;background: url('../images/left1.png') no-repeat;background-size: 100% 100%;}
.cw-box .swiper-button-prev:after{content: '';}

.cw-box .swiper-button-next{right: 0!important;width: 2rem!important;height: 2.5rem!important;background: url('../images/right1.png') no-repeat;background-size: 100% 100%;}
.cw-box .swiper-button-next:after{content: '';}

/* footer */
footer{width: 100%;background: #f66c00;color: white;overflow: hidden;margin: 0 auto;}
footer p{padding: .6rem 0;text-align: center;}
@media screen and (max-width: 414px) {
    .aui-imgs1 .flex-direction-nav a:before ,.aui-imgs1 .flex-direction-nav a.flex-next:before{
        font-size: 30px;
        line-height: 150px;
    } 
}



@-webkit-keyframes rightan
{

    from
    {
        bottom:10%;
        opacity: 0;
    }
    to
    {
        bottom:5%;
        opacity: 1;
    }
}