*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    color: #333333;
    font-family: 微软雅黑;
    font-size: 0;
}
html,body{
    min-width: 1366px;
}
.header{
    height: .67rem;
    background: #ffffff;
    position: relative;
    box-shadow:0px 3px 40px 0px rgba(219,219,219,0.31);
}
.index_header_logo{
    position: absolute;
    width:0.57rem;
    height:0.44rem;
    top: 50%;
    margin-top: -.22rem;
    left: 1.57rem;
}
.index_header_logo>img{
    display: block;
    width: 100%;
    height: 100%;
}
.index_header_text{
    display: block;
    position: absolute;
    width: 1.43rem;
    height: .19rem;
    right: 1.57rem;
    top: 50%;
    margin-top: -.095rem;
}
#index_banner{
    height: 4.11rem;
}
#index_banner img{
    width: 100%;
    height: 100%;
    display: block;
    object-fit: cover;
}
.hd_nav{
    background: #036EB8;
    /*height: .37rem;*/
    padding: 0 1.2rem;
    text-align: center;
    overflow: visible;
}

.hd_nav>ul>li{

       width: 12.5%;
       position: relative;
          height: 0.37rem;
          overflow: hidden;
          z-index: 9999
}

.hd_nav>ul>li>a{

    font-size:0.1rem;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(255,255,255,1);
    line-height: .37rem;
    display: block;
    position: relative;
    font-weight: bold;
}
.hd_nav>ul>li>a:hover{
    background: #005895;
    transition: background-color .5s;
}
/*.index_nav>ul>li>a:not(:first-child)::before{
    content: '';
    position: absolute;
    width:1px;
    height:0.08rem;
    background:rgba(255,255,255,1);
    left: 0;
    top: 50%;
    transform: translateY(-50%);
}*/

.fl{
    float: left;
}

 .hd_nav ul li .nav_hover dd a{
                    font-size: 0.08rem
                }
 .hd_nav ul li .nav_hover dd a:hover{
    color: #036EB8;
 }
               .hd_nav ul li:hover .nav_hover{
                    opacity: 1;
                    top: 0.37rem;
               }
  
               .hd_nav ul li:hover{
                    overflow: visible;
               }


                .nav_hover{
                    background: #fff;
                    position: absolute;
                    width: 100%;
                    display: block;
                    text-align: center;
                    left: 0;
                    /*border-top: 2px solid #1d2088;*/
                    top: 0.65rem;
                    opacity: 0;
                    webkit-transition: all 0.3s; */
                    -moz-transition: all 0.3s;
                    -ms-transition: all 0.3s; 
                    -o-transition: all 0.3s; 
                    transition: all 0.3s;
                    box-shadow: 0 5px 15px rgba(0,0,0,0.1)
                    z-index:99;
                    box-shadow: 0 0 0.15rem rgba(0,0,0,0.3)
                     /*display: none;*/
                }

                .clear{
                    clear: both;
                }

                .nav_hover dd{
                    border-bottom: solid 1px #eee;
                    display: block;

                }


                .hd_nav .nav_hover dd a{
                    line-height: 0.3rem;

                }



.index_container{
    background: #F8F8F8 url("../image/index_container_bg.png") no-repeat top;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    padding: .26rem 1.2rem .24rem;
    position: relative;
}
.index_rol1{
    height: 2.45rem;
    margin-bottom: .1rem;
}
.index_rol1>div{
    display: inline-block;
    width: calc((100% - .2rem)/3);
    height: 100%;
    vertical-align: top;
    background: #ffffff;
    padding: .21rem .16rem 0;
    box-sizing: border-box;
}
.index_rol1>div:not(:first-child){
    margin-left: .1rem;
}
.index_container_box_title{
    padding-bottom: .1rem;
    position: relative;
}
.index_container_box_title::after{
    content: '';
    position: absolute;
    width:0.33rem;
    height:0.02rem;
    background:linear-gradient(90deg,rgba(142,195,31,1),rgba(3,110,184,1));
    bottom: 0;
    left: 0;
}
.index_container_box_title>span:first-child{
    font-size:0.12rem;
    font-family: 微软雅黑;
    font-weight:bold;
    color:#036eb8;
}
.index_container_box_title>span:first-child::after{
    content: ' / ';
}
.index_container_box_title>span:nth-child(2){
    font-size: 0.08rem;
    font-family: 微软雅黑;
    font-weight:bold;
    color:#8EC31F;
    text-transform: uppercase;
}
.index_container_box_title>span:nth-child(3){
    font-size: 0.08rem;
    font-family: 微软雅黑;
    font-weight:bold;
    color:#8EC31F;
    text-transform: uppercase;
    margin-left: .5em;
}
.index_container_box_title>a:last-child{
    float: right;
    margin-top: .05rem;
}
.index_container_box_title>a:last-child::after{
    font-size:0.05rem;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    color:rgba(3,110,184,1);
    content: 'more+';
    text-transform: uppercase;
}
.index_container_box_info{
    height: 1.8rem;
    margin-top: .08rem;
    position: relative;
}
#index_group{
    width: 100%;
    height: 100%;
    position: relative;
}
#index_group .swiper-slide img{
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#index_group .swiper-slide{
    position: relative;
}
#index_group .swiper-slide p{
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    font-size:0.08rem;
    font-family:MicrosoftYaHei-Bold;
    font-weight:bold;
    color:rgba(255,255,255,1);
    height: .24rem;
    line-height: .24rem;
    background:rgba(0,71,120,.79);
}
.index_box_leftbutton{
    position: absolute;
    width:0.18rem;
    height:0.52rem;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
    cursor: pointer;
    outline: none;
}
.index_box_rightbutton{
    position: absolute;
    width:0.18rem;
    height:0.52rem;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 50;
    cursor: pointer;
    outline: none;
}
.index_news>a:first-child{
    display: block;
    margin-bottom: .2rem;
}
.index_news>a:first-child>span:first-child{
    display: block;
    font-size:0.09rem;
    font-family: 微软雅黑;
    font-weight:bold;
    color:rgba(32,32,32,1);
    line-height:0.16rem;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
}
.index_news>a:first-child>span:nth-child(2){
    font-size:0.06rem;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(32,32,32,1);
    line-height:0.16rem;
    opacity:0.82;
}
.index_news>a:first-child>span:nth-child(2)::before{
    content: '发布时间：';
}
.index_news>a:not(:first-child){
    display: block;
    margin-bottom: .09rem;
}
.index_news>a:not(:first-child)>span:first-child{
    display: inline-block;
    padding-left: .07rem;
    position: relative;
    font-size:0.08rem;
    font-family: 微软雅黑;
    color:rgba(9,9,9,1);
    white-space: nowrap;
    width: 1.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index_news>a:not(:first-child)>span:first-child::before{
    content: '';
    position: absolute;
    background: url("../image/index_news_liststyle.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width:0.04rem;
    height:0.04rem;
    left: 0;
    top: 50%;
    margin-top: -.02rem;
}
.index_news>a:not(:first-child)>span:last-child{
    float: right;
    font-size:0.07rem;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(37,37,37,1);
    line-height:0.13rem;
    opacity:0.73;
}
#index_news2{
    height: 100%;
    width: 100%;
}
#index_news2 .swiper-slide a{
    display: block;
    background: #fff;
}
#index_news2 .swiper-slide img{
    display: block;
    width: 100%;
    height: 1.3rem;
    object-fit: cover;
}
#index_news2 .swiper-slide p:nth-child(2){
    margin-top: .12rem;
}
#index_news2 .swiper-slide p:nth-child(2)>span:first-child{
    font-size:0.08rem;
    font-family: 微软雅黑;
    font-weight:bold;
    color:rgba(32,32,32,1);
}
#index_news2 .swiper-slide p:nth-child(2)>span:last-child{
    font-size:0.06rem;
    font-family: 微软雅黑;
    color:rgba(120,120,120,1);
    float: right;
}
#index_news2 .swiper-slide p:nth-child(3){
    font-size:0.082rem;
    margin-top: .04rem;
    font-family: 微软雅黑;
    font-weight:400;
    color: rgba(9,9,9,1);
    line-height:0.12rem;
    opacity:0.88;
}

.index_dynamic>a{
    display: block;
    margin-bottom: .13rem;
}
.index_dynamic>a>span:first-child{
    display: inline-block;
    padding-left: .07rem;
    position: relative;
    font-size:0.09rem;
    font-family: 微软雅黑;
    color:rgba(9,9,9,1);
    white-space: nowrap;
    width: 1.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index_dynamic>a>span:first-child::before{
    content: '';
    position: absolute;
    background: url("../image/index_news_liststyle.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width:0.04rem;
    height:0.04rem;
    left: 0;
    top: 50%;
    margin-top: -.02rem;
}
.index_dynamic>a>span:last-child{
    float: right;
    font-size:0.07rem;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(37,37,37,1);
    line-height:0.13rem;
    opacity:0.73;
}
#index_culture{
    width: 100%;
    height: 100%;position: relative;
}
#index_culture .swiper-slide a{
    display: block;
}
#index_culture .swiper-slide{
    position: relative;
}
#index_culture .swiper-slide img{
    display: block;
    width: 100%;
    height: 1.48rem;
    object-fit: cover;
}
#index_culture .swiper-slide p{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .32rem;
    line-height: .32rem;
    font-size:0.09rem;
    font-family: 微软雅黑;
    text-align: center;
    font-weight:bold;
    color:rgba(32,32,32,1);
    background:#ffffff;     
}
.index_culture_prev{
    transform: translateY(-80%)!important;
}
.index_culture_next{
    transform: translateY(-80%)!important;
}

#index_responsibility{
    width: 100%;
    height: 100%;position: relative;
}
#index_responsibility .swiper-slide a{
    display: block;
}
#index_responsibility .swiper-slide{
    position: relative;
}
#index_responsibility .swiper-slide img{
    display: block;
    width: 100%;
    height: 1.48rem;
    object-fit: cover;
}
#index_responsibility .swiper-slide p{
    position: absolute;
    bottom: 0;
    width: 100%;
    height: .32rem;
    line-height: .32rem;
    font-size:0.09rem;
    font-family: 微软雅黑;
    text-align: center;
    font-weight:bold;
    color:rgba(32,32,32,1);
    background: #fff;
}
.index_responsibility_prev{
    transform: translateY(-80%)!important;
}
.index_responsibility_next{
    transform: translateY(-80%)!important;
}

.index_rol2{
    height: 2.45rem;
    margin-top: .1rem;
}
.index_rol2>div{
    height: 100%;
    background: #ffffff;
    padding: .17rem .16rem 0;
    box-sizing: border-box;
    display: inline-block;
    vertical-align: top;
}.index_rol2>div:not(:first-child){
     margin-left: .1rem;
 }
.index_rol2>div:nth-child(2){
    width: 3.1862rem;
}
.index_rol2>div:not(:nth-child(2)){
    width: calc((100% - .2rem - 3.1862rem)/2);
}

.index_news3>a{
    display: block;
    margin-bottom: .13rem;
}
.index_news3>a>span:first-child{
    display: inline-block;
    padding-left: .07rem;
    position: relative;
    font-size:0.09rem;
    font-family: 微软雅黑;
    color:rgba(9,9,9,1);
    white-space: nowrap;
    width: 1.3rem;
    overflow: hidden;
    text-overflow: ellipsis;
}
.index_news3>a>span:first-child::before{
    content: '';
    position: absolute;
    background: url("../image/index_news_liststyle.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    width:0.04rem;
    height:0.04rem;
    left: 0;
    top: 50%;
    margin-top: -.02rem;
}
.index_news3>a>span:last-child{
    float: right;
    font-size:0.07rem;
    font-family:MicrosoftYaHei;
    font-weight:400;
    color:rgba(37,37,37,1);
    line-height:0.13rem;
    opacity:0.73;
}

.index_Graphic{
    position: relative;
}
.index_Graphic>video{
    width: 100%;
    height: 100%;
    display: block;
    background: #000;
}
.index_Graphic_button{
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.5) url("../image/index_Graphic_button.png") no-repeat center;
    -webkit-background-size: .26rem .26rem;
    background-size: .26rem .26rem;
    cursor: pointer;
}
.index_rol3{
    padding: .18rem .15rem 0;
    background: #ffffff;
    margin-top: .1rem;
    height: 1.41rem;
    box-sizing: border-box;
}
.index_rol3_title{
    width: 1.4rem;
    display: inline-block;
    vertical-align: top;
}
.index_rol3_title_info{
    font-size:0.09rem;
    font-family: 微软雅黑;
    font-weight:400;
    color:rgba(0,0,0,1);
    line-height:0.14rem;
    opacity:0.83;
    margin-top: .12rem;
}
.index_rol3_buttonbox{
    height: .15rem;
    margin-top: .19rem;
}
.index_rol3_buttonbox>img{
    display: inline-block;
    width: .55rem;
    height: 100%;
    cursor: pointer;
    outline: none;
}
#index_rol3_imgbox{
    width: 5.7rem;
    display: inline-block;
    vertical-align: top;
    margin-left: .2rem;
    height: 1.08rem;
}
#index_rol3_imgbox .swiper-slide{
    position: relative;
}
#index_rol3_imgbox .swiper-slide>img{
    width: 100%;
    height: 100%;
    object-fit: cover;
}
#index_rol3_imgbox .swiper-slide a{
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0,0,0,.5);
    top: 0;
    left: 0;
    opacity: 0;
}
#index_rol3_imgbox .swiper-slide a img{
    display: block;
    margin: 0.3rem auto 0;
}
#index_rol3_imgbox .swiper-slide a p{
    font-size:0.08rem;
    font-family: 微软雅黑;
    font-weight:bold;
    color:rgba(254,254,254,1);
    text-align: center;
    margin-top: .18rem;
}
#index_rol3_imgbox .swiper-slide:hover a{
    transition: opacity .5s;
    opacity: 1;
}

.rightfloat_box{
    position: absolute;
    right: 0;
    top: .7rem;
    width: 1.15rem;
    transition: top .5s;
}
.rightfloat_box>form{
    display: block;
    position: relative;
    margin-bottom: .04rem;
}
.rightfloat_box form input#q{
    height: .25rem;
    display: block;
    width: 100%;
    background: #036EB8;
    border: none;
    font-size:0.07rem;
    font-family: 微软雅黑;
    color:rgba(255,255,255,1);
    padding-left: .13rem;
    box-sizing: border-box;
    padding-right: .25rem;
}
.rightfloat_box>form>input:last-child{
    border: none;
    background: url("../image/search3.png") no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    position: absolute;
    width:0.12rem;
    height:0.12rem;
    opacity:0.77;
    top: 50%;
    margin-top: -.06rem;
    right: .1rem;
    cursor: pointer;
}
.rightfloat_box>a{
    display: block;
    width:1.15rem;
    height:0.41rem;
    padding: .04rem 0;
}
.rightfloat_box>a>img{
    width: 100%;
    height: 100%;
    display: block;
}


.index_news > a:not(:first-child) > span:first-child{
  font-size: 0.09rem!important;
}

#index_news2 .swiper-slide p:nth-child(2) > span:first-child{
  font-size: 0.09rem!important;
   width:1.6rem;
  overflow: hidden;
  -ms-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
   display: inline-block;

}



.footbox2 {
    text-align: center;
    /*background: #ffaa00;*/
    height: 1.4rem;
    vertical-align: top;
    width: 100%;
}

.footbox2>div{
    /*display: inline-block;*/
    margin-top: 0.13rem;
}

.footbox2>ul{
    margin-left: .15rem;
    /*display: inline-block;*/
    text-align: left;
    margin-top: 0.13rem;
}

.footbox2>div p {
    margin-top: .08rem;
    color: white;
    font-size: 0.073rem;
}

/*.footbox2 ul li {
    color: white;
    font-weight: bold;
    line-height: 2em;
    list-style: none;
    font-size: 0.073rem;
}*/


.footbox2 ul li{
     line-height: 2em;
    list-style: none;
    font-size: 0.073rem;
    color: #fff;
    text-align: center;
}