锘緻charset "utf-8";
/* CSS Document */
*:focus{outline: none;}
*{padding: 0; margin: 0;}
.red{color:#d80413;}
/*.sub_01{position: relative;}
.banner_txt{ position: absolute; width: 100%; height: 100%; align-items: center; z-index: 3; left: 0; top:0; display: flex;}
.banner_txt p.p1{font-size: .6rem; color: #fff; line-height: 1.5;padding: 0; margin: 0;}
.banner_txt p.p2{font-size: .3rem; color:rgba(255,255,255,.5);line-height: 1.5; margin-left: .07rem;}*/
br.wrapbr{display: none;}
img{width: 100%; display: block;}
/*.wrap_c{ margin: 0 15%;}*/
.blue{ color: #009fdd;}
.deepblue{color: #2966ad;}
/**/
.cx_box1{width: 100%; position: relative;}
.cx_box1 .wrap_c{display: flex; justify-content: space-between; position: relative; z-index: 4;}
.cx_img1{width:60%; opacity: 0;}
.cx_txt1{width: 40%; margin: 2.8rem 0;}
.cx_txt1 p{ font-size: .24rem; color: #fff; line-height: 1.7; text-shadow:#2c6bb2 1px 2px 0;}
.cx_box1 b.b1{position: absolute; height: 100%; width: 100%; top:0; left:0; background-size: cover;z-index: 2;}
.cx_box2 ul.ul_1{ display: flex; justify-content: center; width: 8rem; height: .8rem; margin: .2rem auto; background: #f3f5f8; border-radius: .4rem;}
.cx_box2{width: 100%; overflow: hidden;}
.cx_box2 ul.ul_1 li{ width: 50%; line-height: .8rem; font-size: .24rem; text-align: center;}

.cx_box2 ul.ul_1 li a{color: #2c6bb2;border-radius: .4rem;display: block;transition:all .3s linear;}
.cx_box2 ul.ul_1 li.on a{color: #fff; background-color:#2c6bb2;color:#fff;-moz-box-shadow:0px .1rem .3rem rgba(44,107,178,0.4);-webkit-box-shadow:0px .1rem .3rem rgba(44,107,178,0.4);box-shadow:0px .1rem .3rem rgba(44,107,178,0.4);}


.cx_box2 p.p1{ font-size: .24rem; color: #6a7079; line-height: 1.7; text-align: center; margin: .6rem 0;}
.cx_box2_con_1{ width: 100%;}
.circle_box1 {width: 100%; position: relative; padding: 1.2rem 0;}
.circle_box1 b.b1{position: absolute; height: 100%; width: 100%; top:0; left:0; background-size: cover;z-index: 2;}


.circle1{ width:90%; max-width: 7rem; position: relative; z-index: 5; margin-left: 48%;}
.circletxt{position: absolute; width: 100%; height: 100%; left: 0; top:0; display: flex; align-items: center; justify-content: center;}
.circletxt>div{ display: flex; width: 1rem; height: 1rem; background: url("../images/w/scircle01.png") center no-repeat; background-size: 100%; align-items: center; justify-content: center;font-size: .22rem; color: #2d6cb3; position:absolute;}
.circletxt>div b{position: absolute; width: 100%; height: 100%; left: 0; top:0; opacity: 0;transition: all .3s linear;}
.circletxt>div span{display: block; position: relative; z-index: 3;}
.circletxt>div:hover span{ color: #fff;}
.circletxt>div:hover b{
    opacity: 1;}
.circletxt div.i1{ left: 16.9%; top:22.8%;}
.circletxt div.i2{ left: 11.2%; top:42.8%;}
.circletxt div.i2 b{ transform: rotate(-35deg)}
.circletxt div.i3{ left: 16.9%; top:62.8%;}
.circletxt div.i3 b{ transform: rotate(-70deg)}
.circletxt div.i4{ left: 68.2%; top:22.8%;}
.circletxt div.i4 b{ transform: rotate(105deg)}
.circletxt div.i5{ left: 74%; top:42.8%;}
.circletxt div.i5 b{ transform: rotate(135deg)}
.circletxt div.i6{ left: 68.2%; top:62.8%;}
.circletxt div.i6 b{ transform: rotate(165deg)}
.circletxt div.i7{position:static; width: 2.4rem; font-size: .24rem; color: #fff; background: none; text-align: center;}
.circle_bot{ width:90%;max-width: 5rem; position: relative; z-index: 5; margin-left: calc(48% + 1rem); text-align: center; height: .7rem; border-radius: .35rem; background: rgba(44,107,178,.1); margin-top: .3rem; font-size: .24rem; color: #2d6cb3; line-height: .7rem;}
.circletxt div.i7 p>i{display:none;}

.cx_swbox1 {width: 100%; position: relative; padding: 2rem 0;}
.cx_swbox1 b.b1{position: absolute; height: 100%; width: 100%; top:0; left:0; background-size: cover;z-index: 2;}
.cx_swbox1 .wrap_c{display: flex; z-index: 5;position: relative;}
.cx_swbox1 .fl{ width: 30%;}
.cx_swbox1 .fl ul li{ width: 100%;  display: flex; align-items: center; justify-content: space-between;}
.cx_swbox1 .fl ul li i{ width:1.9rem; display: flex; align-items: center; justify-content: center; height: 1.9rem; background: url("../images/w/ico_bg1.png") center no-repeat; background-size: 100%; transition: all .3s linear;}
.cx_swbox1 .fl ul li i img{max-height: .5rem; width: auto;}
.cx_swbox1 .fl ul li i img:nth-child(2){display: none;}
.cx_swbox1 .fl ul li>div{ width: calc(100% - 1.9rem); font-size: .24rem; color: #fff;}
.cx_swbox1 .fl ul li>div b{font-size: .5rem;}
.cx_swbox1 .fl ul li>div sub{font-size: .3rem;}
.cx_swbox1 .fl ul li>div span{display: block; opacity: .5;transition: all .3s linear;}
.cx_swbox1 .fl ul li:hover>div span{opacity:1;}
.cx_swbox1 .fl ul li:hover i{ background: url("../images/w/ico_bg1_on.png") center no-repeat; background-size: 100%;}
.cx_swbox1 .fl ul li:hover i img:nth-child(1){display: none;}
.cx_swbox1 .fl ul li:hover i img:nth-child(2){display: block;}
.cx_swbox1 .fr{width:65%;position: relative; margin-left: 5%;}
.cx_swbox1 .fr:before{ position: absolute; width: calc(100% + .6rem); height: calc(100% - .4rem); background: rgba(255,255,255,.2);
    border-radius: .2rem;
   content: '';
    z-index: 2;
    left: -.3rem;
    top:.2rem;
}


.cx1_swiper{
    position: relative;
    width: 100%;
    overflow: hidden;
    z-index: 3;
    box-shadow: 0 .1rem .4rem rgba(22,22,22,.5);
    border-radius: .2rem;
}
.cx1_swiper em.em1 img{ border-radius: .2rem;}

.cx1_swiper em.em2{position: absolute; width: 100%; left: 0; bottom: .3rem; font-size: .24rem; color: #fff; text-align: center; font-style: normal;}
.cx1_swiper  .swiper-slide-active{
    z-index: 999 !important;
}
.cx1_page{ position: absolute; height: 100%; top:0; right: -1rem; bottom: auto !important; left: auto !important; display: flex; flex-direction: column; justify-content: center; align-items: center; width: .5rem !important;}
.cx1_page .swiper-pagination-bullet{ background: url("../images/w/circle2.png") center no-repeat; background-size: .8rem; width: .08rem; height: .08rem; margin: .18rem auto !important;}
.cx1_page .swiper-pagination-bullet-active{ background: url("../images/w/circle2_on.png") center no-repeat; background-size: .12rem; width: .12rem; height: .12rem;}

/*base*/
.base_box1 {width: 100%; position: relative; padding: 1.2rem 0;}
.base_box1 b.b1{position: absolute; height: 100%; width: 100%; top:0; left:0; background-size: cover;z-index: 2;}
.base_box1 b.b1:nth-child(2){display:none;}
.base_box1 .base_box1_txt{ width: 50%; margin: 3.8rem 0 2.8rem -.2rem;  z-index: 3;position: relative;}
.base_box1 .base_box1_txt p{ color:#fff; line-height:1.5; font-size:.26rem;margin-top:.3rem;text-shadow:#2c6bb2 1px 2px 0;}
.base_box1 .base_box1_txt p>img{float:left; width: .32rem; height: auto; margin-top: .1rem; margin-right: .2rem;}
/*.base_box1 ul li{width: 100%;display: flex; border-radius: .1rem; background: #fff; padding: .4rem; margin: .4rem 0 0; box-shadow: 0 .2rem .4rem rgba(100,100,100,.2); box-sizing: border-box;}
.base_box1 ul li i{ width: 1.1rem;}
.base_box1 ul li i>img{max-height: .7rem; width: auto; }
.base_box1 ul li i>img:nth-child(2){display: none;}
.base_box1 ul li span{width: calc(100% - 1.5rem); padding-left: .4rem; border-left: solid #ebebeb 1px; font-size: .24rem; color: #666;}
.base_box1 ul li span b{display: block; font-size: .36rem; color: #2d6bb2;}
.base_box1 ul li:hover{background:#2d6bb2; }
.base_box1 ul li:hover i>img:nth-child(1){display: none;}
.base_box1 ul li:hover i>img:nth-child(2){display: block;}
.base_box1 ul li:hover span{color:rgba(255,255,255,.6);}
.base_box1 ul li:hover span b{color: #fff;}*/
.cx_swbox2 {width: 100%; position: relative; padding: 1rem 0 0;overflow: hidden;}
.cx_swbox2 b.b1{position: absolute; height: 100%; width: 100%; top:0; left:0; background-size: cover;z-index: 2;}
.cx_swbox2 .wrap_c{position: relative; z-index: 3; display: flex; justify-content: center; align-items: flex-start;}
.cx_swbox2 .wrap_c>i{ width: .36rem; margin: 0 .2rem; height: .5rem; display: flex; align-items: center;}
b.blue{font-weight: normal; color: #2d6cb3;}
.cx_swbox2 .wrap_c>p{ text-align: center; font-size: .3rem; color: #6a7079;}

.cx2_swiper{ width: 140%; overflow: hidden; z-index: 3;position: relative; margin-top: 1rem; margin-left: -20%;min-height: 8rem;}
.cx2_swiper em.em1{display: block; width: 100%;}
.cx2_swiper em.em1 img{border-radius: .2rem; box-shadow: 0 .1rem .2rem rgba(100,100,100,.5);}
.cx2_swiper em.em2{position: absolute; width: 100%; left: 0; bottom: 1.3rem; font-size: .24rem; color: #fff; text-align: center; font-style: normal;}
.cx2_swiper em.em3{ height: 1rem; width: 100%;  opacity: .2;border-radius: .2rem;position: relative;display: block;border-radius: .2rem; overflow: hidden;}
.cx2_swiper em.em3 b.b1{position: absolute; height: 100%; width: 100%; top:0; left:0; background-size: cover;z-index: 2; transform: rotateX(180deg);}
.cx2_swiper em.em3:before{background-image:linear-gradient(transparent,#fff,#fff);position: absolute; left: 0;top:0; width: 100%; height: 100%; content: ''; z-index: 3;}
.cx_swbox3 {width: 100%; position: relative; padding: 1rem 0; overflow: hidden;}
.cx_swbox3 b.b1{position: absolute; height: 100%; width: 100%; top:0; left:0; background-size: cover;z-index: 2;}
.cx_swbox3 .wrap_c{position: relative; z-index: 3; display: flex; justify-content: center; align-items: flex-start;}
.cx_swbox3 .wrap_c>i{ width: .36rem; margin: 0 .2rem; height: .5rem; display: flex; align-items: center;}
.cx_swbox3 .wrap_c>p{ text-align: center; font-size: .3rem; color: #6a7079;}
.cx3_swiper{ width: 120%; overflow: hidden; z-index: 3;position: relative; margin-top: 1rem; margin-left: -10%;}
.cx3_swiper em.em1 img{border-radius: .05rem;}
.cx3_swiper em.em2{ width: 100%;  font-size: .24rem; color: #020f16; text-align: center; font-style: normal; display: block; margin-top: .2rem;}
.cx3_swiper .swiper-slide-active em.em2{ color:#2d6cb3; }

.cx2_swiper .swiper-slide{
    position: relative;
    -webkit-transform-style: preserve-3d;
    -moz-transform-style: preserve-3d;
    -o-transform-style: preserve-3d;
    -ms-transform-style: preserve-3d;
    transform-style: preserve-3d;
    -webkit-perspective: 1000px;
    -moz-perspective: 1000px;
    -o-perspective: 1000px;
    -ms-perspective: 1000px;
    perspective: 1000px;width: 100%;transition: all .3s linear;}

.cx2_swiper .swiper-wrapper{align-items: center;}
.cx2_swiper .swiper-slide a{display: block; width: 100%; height: 100%;transition: all .6s linear;}
.cx2_swiper .swiper-slide-next a{
    transform: rotateY(-15deg) translateX(-20%);
    -o-transform: rotateY(-15deg);
    -webkit-transform: rotateY(-15deg);
    -ms-transform: rotateY(-15deg);
    transform-origin:right;
    width: 120%;

}
.cx2_swiper .swiper-slide-prev a{
    transform: rotateY(15deg) ;
    -o-transform: rotateY(15deg);
    -webkit-transform: rotateY(15deg);
    -ms-transform: rotateY(15deg);
    transform-origin:left;
    width: 120%;
    margin-left: -20%;
}

.hx_box1 .wrap_c{text-align: center;}
.hx_box1 ul.ul_1{ display: inline-flex; justify-content: space-between; /*width: 10rem;*/ height: .8rem; margin: .2rem auto; background: #fff; border-radius: .4rem;}
.hx_box1 ul.ul_1 li{ /*width: 50%; */line-height: .8rem; font-size: .24rem; text-align: center;}
.hx_box1 ul.ul_1 li a{color: #2c6bb2;border-radius: .4rem;display: block;transition:all .3s linear;padding:0 .8rem;}
.hx_box1 ul.ul_1 li.on a{color: #fff; background-color:#2c6bb2;color:#fff;-moz-box-shadow:0px .1rem .3rem rgba(44,107,178,0.4);-webkit-box-shadow:0px .1rem .3rem rgba(44,107,178,0.4);box-shadow:0px .1rem .3rem rgba(44,107,178,0.4);}




.hx_box1 {width: 100%; position: relative; padding: 1.5rem 0 1.8rem; overflow: hidden;}
.hx_box1 b.b1{position: absolute; height: 100%; width: 100%; top:0; left:0; background-size: cover;z-index: 2;}
.hx_box1 b.b1.on{z-index:3;}
.hx_box1 .wrap_c{position: relative; z-index: 3; }
.hx_box1 h4{font-size: .3rem; color: #111; text-align: center; margin-top: .8rem;}
.hx_txt1{ width: 100%;padding-top: .2rem;}
.hx_txt1 p{ font-size: .2rem; color: #666; line-height: 1.5; margin-top: .3rem; text-align:left;}

.hx_box2 {width: 100%; position: relative;/* padding: .9rem 0;*/ overflow: hidden;  display: flex; align-items: center;}
.hx_box2 b.b1{position: absolute; height: 100%; width: 100%; top:0; left:0; background-size: cover;z-index: 2;}
.hx_box2 .p1s_bg{width:100%;height:7rem;position:static;}
.hx_box2 .p1s_bg img{margin-top:1rem;width:100%;height:auto;display:block;object-fit:cover;transition:.3s linear;-webkit-transition:.3s linear;-o-transition:.3s linear;-moz-transition:.3s linear;opacity:0;}

.hx_box2 .p1s_bg .swiper-slide-active img{ opacity:1;}
.hx_box2 .p1s_c{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;z-index:990;display:flex;display:-webkit-flex;align-items:center;justify-content:center;}
.hx_box2 .p1s_c .p1sc_c{width:100%;overflow:hidden;}
.hx_box2 .p1s_c p{width:100%;overflow:hidden;opacity:0;}
.hx_box2 .p1s_c .p1scc_p1 p{font-size:.5rem;line-height:1.3;color:#fff;opacity:0;}
.hx_box2 .p1s_c .p1scc_p1 p img{display:block;max-height:2rem;width:auto !important;}
.p1s_bgsl_slide{width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;}
.hx_box2 .hx_txt1 p{ color: #666; }

.hx_box2 .wrap_c{position: relative; z-index: 3; }
.hx_box2_con{display: flex; justify-content: space-between; align-items: center;}
.hx_box2 .hx_box2_txt{ width: 50%; margin-right: 8%;}
.hx_box2 .hx_box2_img{ width: 35%; /*display: none;*/position:relative;}
.hx_box2 h4{font-size: .3rem; color: #111; text-align: left;}
.hx_box3{width: 100%; clear: both;}


.hx_box4 {width: 100%; position: relative; padding: .9rem 0; overflow: hidden; border-bottom: solid #ebebeb 1px;}
.hx_box4 .wrap_c{position: relative; z-index: 3; }
.hx_box4 b.b1{position: absolute; height: 75%; width: 100%; top:0; left:0; background-size: cover;z-index: 2;}
.hx_box4 h4{font-size: .3rem; color: #111; text-align: center; margin-top: .8rem;}

.hx_box4 ul.ul_1{ display: flex; justify-content: center; width: 10rem; height: .8rem; margin: .2rem auto; background: #fff; border-radius: .4rem;}
.hx_box4 ul.ul_1 li{ width: 50%; line-height: .8rem; font-size: .24rem; text-align: center;}
.hx_box4 ul.ul_1 li a{color: #2c6bb2; display: block;}
.hx_box4 ul.ul_1 li.on{ background: #2c6bb2; box-shadow: 0 .1rem .2rem rgba(44,107,178,.5); border-radius: .4rem;}
.hx_box4 ul.ul_1 li.on a{color: #fff;}
.hx_txt1>p .p-img{ border-radius: .2rem; margin-top: .8rem; box-shadow: 0 .2rem .4rem rgba(45,108,179,.1); height:auto!important;}

.xs_box1 {width: 100%; position: relative; padding: .9rem 0; overflow: hidden;}
.xs_box1 .wrap_c{position: relative; z-index: 3; display: flex; justify-content: space-between; align-items: flex-start;}
.xs_box1 b.b1{position: absolute; height: 100%; width: 100%; top:0; left:0; background-size: cover;z-index: 2;}
.xs_box1 .fl{ width: 28%;border: solid #ebebeb 1px;background: #fff; border-radius: .12rem; box-shadow: 0 0 .2rem rgba(100,100,100,.1); box-sizing: border-box; overflow: hidden;}
.xs_box1 .fl h3{padding: .3rem .4rem; font-size: .2rem;font-weight: normal;background-image: linear-gradient( to right, #dfe8f3,#fff);position: relative; color: #2966ad;}
.xs_box1 .fl h3:before{ height: 100%; width: .05rem; background: #2966ad; content: '';position: absolute; left: 0; top: 0; z-index: 1;}
.xs_box1 .fl ul{width: 100%;display: block;}
.xs_box1 .fl li{padding: .3rem .4rem; font-size: .2rem; border-bottom: solid #ebebeb 1px;}
.xs_box1 .fl li.on{padding: .3rem .4rem; font-size: .2rem;font-weight: normal;background-image: linear-gradient( to right, #dfe8f3,#fff);position: relative; color: #2966ad; width:100%;}
.xs_box1 .fl li.on a{color: #2966ad; /*font-weight:normal;*/}
.xs_box1 .fl li.on:before{ height: 100%; width: .05rem; background: #2966ad; content: '';position: absolute; left: 0; top: 0; z-index: 1;}
.xs_box1 .fl li:last-child{ border-bottom: none;}
.xs_box1 .fl li a{color:#1c1c1c; display: block; font-weight:bold;}
.xs_box1 .fl li a:hover{ color: #2966ad;}
.xs_box1 .fr{ width: 70%;}
.xs_box1 .fr ul{ border: solid #ebebeb 1px;background: #fff; border-radius: .12rem; box-shadow: 0 0 .2rem rgba(100,100,100,.1); box-sizing: border-box; overflow: hidden;padding: 0 .5rem; }
.xs_box1 .fr li{padding: .5rem 0; border-bottom: dashed #ebebeb 1px;display: flex; justify-content: space-between; align-items: flex-start;}
.xs_box1 .fr li>span{ width: .6rem; border: solid #2966ad 2px; border-radius: .04rem; font-size: .16rem;color: #2966ad; text-align: center; line-height: 2;}
.xs_box1 .fr li>span>b{display: block; background: #2966ad; color:#fff; font-weight:normal;/*padding: 0 .2rem;*/  }
/*.xs_box1 .fr li>a{display: block; width: calc(100% - .9rem); font-size: .18rem; line-height: 1.6;word-break: break-all; color:#333;}
.xs_box1 .fr li>a b{color: #2966ad;display: block; text-transform: uppercase; margin-top: .2rem;}
.xs_box1 .fr li>a i.deepblue{border-bottom: solid #2966ad .01rem;}*/

.xs_box1 .fr li>div{display: block; width: calc(100% - .9rem); font-size: .18rem; line-height: 1.6;word-break: break-word; text-align: justify;}
.xs_box1 .fr li>div b{color: #2966ad;display: block; text-transform: uppercase; margin-top: .2rem;}
.xs_box1 .fr li>div i.deepblue{border-bottom: solid #2966ad .01rem;}

/*news*/
h2.tit1{display: flex; justify-content: center; align-items: center; color: #1c1c1c;position: relative; z-index: 3; font-size: .42rem;}
h2.tit1 i{width: .18rem; margin: 0 .3rem;}
.news_box1 {width: 100%; position: relative; padding: .9rem 0; overflow: hidden;}
.news_box1 b.b1{position: absolute; height: 100%; width: 100%; top:0; left:0; background-size: cover;z-index: 2;}

.gsgg_01 {
    overflow: hidden;
    position: relative;
    padding: 0.5rem 0 .2rem;
    z-index: 3;
}

.gsgg_01 .wrap_c {
    position: relative;
    display:flex;
     align-items: center;
}
.gsgg_01 .gsg_01_prev {
    width: 0.6rem;
    height: 0.6rem;
    display: block;
    overflow: hidden;
    background: url("../images/w/arr_l1.png") center no-repeat;
    background-size: 100%;
    position: absolute;
    left: 0rem;
    top: 0px;
    z-index: 999;
}

.gsgg_01 .year{width: 2.5rem; height: .7rem; box-shadow: 0 .05rem .2rem rgba(44,107,178,.3);  border-radius: .35rem;overflow: hidden;background:  #3d6bad;display:none;  }
.gsgg_01 .year select{width: calc(100%); border: none; height: 100%; line-height: 100%; font-size: .36rem; color: #fff;padding-left: .4rem; box-sizing: border-box;background: url("../images/w/s_down1.svg") center right no-repeat;  background-position: calc(100% - .2rem) center; }
.gsgg_01 .year select option{ color:  #3d6bad;}
.gsgg_01 .gsg_01_prev:hover {
    background: url("../images/w/arr_l1_on.png") center no-repeat;
    background-size: 100%;
}
.gsgg_01 .gsg_01_next {
    width: 0.6rem;
    height: 0.6rem;
    display: block;
    overflow: hidden;
    background: url("../images/w/arr_r1.png") center no-repeat;
    background-size: 100%;
    position: absolute;
    right: 0px;
    top: 0px;
    z-index: 999;
}
.gsgg_01 .gsg_01_next:hover {
    background: url("../images/w/arr_r1_on.png") center no-repeat;
    background-size: 100%;
}
.gsgg_01 .gsgg_01_slide {
    width: calc(100% - 2rem);
    margin: 0px 1rem 0 auto;
    padding: 0px;
    height: 0.6rem;
    overflow: hidden;
}
.gsgg_01 .gsgg_01_slide .swiper-slide {
    height: 0.4rem;
    width: 25%;
    line-height: 0.6rem;
    font-size: .3rem;
    color: #999;
    text-align: center;
}
.gsgg_01 .gsgg_01_slide .swiper-slide a {
    color: #999;
    display: inline-block;
    position: relative;
    height: 0.6rem;

}

.gsgg_01 .gsgg_01_slide .swiper-slide a:hover {
    color: #3d6bad;
}
.gsgg_01 .gsgg_01_slide .swiper-slide a.on {
    font-size: 0.3rem;
    color: #3d6bad;
    font-weight: bold;
}

.gsgg_02 {
    overflow: hidden;
    /*margin-top: 1rem;*/
    width: 100%;
    position: relative;
    z-index: 3;
}

.gsgg_02 .intro{ width: 100%; position: relative;overflow: hidden; background: #2966ad; border-radius: .1rem;}
.gsgg_02 .intro>img{width:100%;  opacity: 1; display: block;transition: all .3s linear;}
.gsgg_02 a.txt{ display: flex;padding: .5rem .8rem;justify-content: space-between; background: #fff; border-radius: .1rem; box-shadow: 0 .1rem .2rem rgba(61,107,173,.2); width: 80%; box-sizing: border-box; margin: 0 auto;position: relative; top:-.8rem;}
.gsgg_02 .swiper-slide{ width: 100%;}
.news1_swiper{max-width: 14rem;
    width: 96%;
    margin: 0 auto;position: relative;}
.gsgg_02 a.txt span{display: flex; align-items: center; color: #3066a2; font-size: .3rem;}
.gsgg_02 a.txt span i{width: .02rem; margin:0 .9rem;}
.gsgg_02 h3{margin: 0; color: #24272b; font-size: .3rem;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    line-height: 1.3;
    color: #2966ad;
}
.gsgg_02 a.m-video{position: absolute; width:100%; height:100%; left: 0; top:0; z-index:9999;}
.gsgg_02 a.m-video>img{ position: absolute; width:2rem; height: 2rem; left: calc(50% - 1rem); top:calc(50% - 1rem);transition: all .3s linear; display: block;}

.gsgg_02 .news1_prev {
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    overflow: hidden;
    background: url("../images/w/arr_l2.png") center no-repeat;
    background-size: 100%;
    position: absolute;
    left: -1.4rem;
    top: calc(50% - 1.2rem);
    z-index: 999;
    box-shadow: 0 0 .2rem rgba(61,107,173,.3);
    border-radius: 50%;
}
.gsgg_02 .news1_prev:hover {
    background: url("../images/w/arr_l2_on.png") center no-repeat;
    background-size: 100%;
}
.gsgg_02 .news1_next {
    width: 0.8rem;
    height: 0.8rem;
    display: block;
    overflow: hidden;
    background: url("../images/w/arr_r2.png") center no-repeat;
    background-size: 100%;
    position: absolute;
    right: -1.4rem;
    top: calc(50% - 1.2rem);
    z-index: 999;
    border-radius: 50%;
    box-shadow: 0 0 .2rem rgba(61,107,173,.3);
}
.gsgg_02 .news1_next:hover {
    background: url("../images/w/arr_r2_on.png") center no-repeat;
    background-size: 100%;
}

.c_ul4>li a.txt span{display: flex; font-size: .18rem; color: #838587; margin-top: .3rem; align-items: center;}
.c_ul4>li a.txt span>i{width: .24rem; margin-right: .2rem;}
.c_ul4>li a.m-video{position: absolute; width:100%; height:100%; left: 0; top:0; }
.c_ul4>li a.m-video>img{ position: absolute; width:.7rem; height: .7rem; left: calc(50% - .35rem); top:calc(50% - .35rem);transition: all .3s linear; display: block;}


.c_ul4{ display: flex;flex-wrap: wrap; }
.c_ul4>li{ margin-top:.2rem; width: 30%; margin-right:5%; font-size: .2rem; transition: all .3s linear; }
.c_ul4>li:nth-child(3n){margin-right: 0;}
.c_ul4>li .intro{ width: 100%; position: relative;overflow: hidden; background: #2966ad; border-radius: .1rem;}
.c_ul4>li .intro>img{width:100%;  opacity: .8; display: block;transition: all .3s linear;}
.c_ul4>li a.txt{ display: block;padding: .4rem 0;}
.c_ul4>li h3{margin: 0; color: #24272b; font-size: .26rem;display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;
    line-height: 1.3;}

.c_ul4>li a.txt span{display: flex; font-size: .18rem; color: #838587; margin-top: .3rem; align-items: center;}
.c_ul4>li a.txt span>i{width: .24rem; margin-right: .2rem;}
.c_ul4>li a.m-video{position: absolute; width:100%; height:100%; left: 0; top:0; z-index:999;}
.c_ul4>li a.m-video>img{ position: absolute; width:.64rem; height: .64rem; left: calc(50% - .32rem); top:calc(50% - .32rem);transition: all .3s linear; display: block;}

ul.newslist{width: 100%; margin-top: .5rem;}
ul.newslist>li{ padding: .8rem 0;transition: all .3s linear; }
ul.newslist>li:nth-child(2n){ background:rgba(87,116,174,.05);}
.nconbox{max-width: 1400px; margin: 0 auto;display: flex;width: 73%; justify-content: space-between; align-items: center;}
.nconbox .ndate{ display: flex; align-items: center; font-family: Bahnschrift;width:10%;flex-direction:column; font-size:.3rem; color:#999;}
.nconbox .ndate>i{font-size:.5rem; -webkit-text-stroke: 1px #787e87; color: #fff;}
.nconbox .nimg{ width: 36%; height: auto; overflow: hidden; display: none;}
.nconbox .nimg img{ max-width: 4.5rem; display: block; margin: 0 auto;border-radius: .08rem;}
.nconbox .ntita{ width: 85%; display: flex; flex-direction: column; justify-content: space-between;}
.nconbox .ntita>a.tit1{ color: #999; font-size: .18rem; line-height: 1.5;}
.nconbox .ntita>a.tit1 b{display: block; color: #191d29; font-size: .26rem;}
.nconbox .ntita>a.tit1 span{ display: none;}
.nconbox .ntita>a.tit1 i{display: block; font-size: .18rem; color: #3066a2; margin-top: .3rem;}
.mr_02{ width: 100%; position: relative; z-index: 3;}

ul.newslist>li:hover .nconbox .ndate>i{ -webkit-text-stroke: 1px transparent; color: #005bac;}
ul.newslist>li:hover .nconbox .nimg{ display: block;}
ul.newslist>li:hover .nconbox .ntita{ width: 48%; display: flex; flex-direction: column; justify-content: space-between;}
ul.newslist>li:hover .nconbox .ntita>a.tit1 span{ margin-top: .2rem; display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;}
ul.newslist>li.noimg:hover .nconbox .nimg{ display: none;}
ul.newslist>li.noimg:hover .nconbox .ntita{width: 85%;}

/*news detail*/
.n_box9{ width: 100%; padding: .5rem 0 .8rem; background: #f4f6fb;position: relative;}
.n_box9 b.b1{position: absolute; height: 100%; width: 100%; top:0; left:0; background-size: cover;z-index: 2;}
.n_box9 .wrap_c{ position: relative; z-index: 3;}
.ncontent{ width: 100%; clear: both; color:#333; margin-top: .5rem; background: rgba(255,255,255,.8); padding: 1rem 1.2rem; box-sizing: border-box;}

.ncontent h1{ font-size: .42rem; line-height: .5rem;font-weight: normal; line-height: 1.5; color: #2d6cb3;}
.ncontent .subtit{  font-size: .2rem;  color:#666; margin: .3rem 0; padding-bottom: .3rem;}
/*.share{display: inline-block; margin-left: .3rem; }
.share span{ display: flex;  background: #fff; margin: 0 auto;  height: .5rem; margin-bottom: -.2rem; justify-content: center;}
.share span>a{ margin:0 .05rem}
.share span>a>img{ max-width: 100%;}*/
.ncontent .subtit i.deepblue{margin-right: .4rem;}
.breadcrumbNav{ display: flex; align-items: center;font-size: .14rem;}
.breadcrumbNav>a{ font-size: .16rem; color: #666;}
.breadcrumbNav a:first-child{ margin-right: .2rem;}
.breadcrumbNav>i{ margin: 0 .1rem;}
.breadcrumb .b_fr{ width: 50%; background: #d4dee8;}
.ncontent {font-size:.2rem; color:#1c1c1c; line-height:1.66;}
.ncontent .discripition{ padding: .5rem 1rem; font-size: .16rem; color: #666; line-height: .3rem; background: #f0f5f8; margin-bottom: .7rem; text-align: center;}
.ncontent p{ font-size: .2rem; line-height: 1.66; margin-top: .4rem; color: #1c1c1c;}
.ncontent .table1{border-left:solid #eee 1px; border-top:solid #eee 1px; margin: .4rem auto 0;}
.ncontent .table1 td{border-right:solid #eee 1px; border-bottom:solid #eee 1px;}
.ncontent .table1 td p{padding: .2rem; margin:0;}
.ncontent section{font-size:.2rem; color:#1c1c1c; line-height:1.66;}
.ncontent ul li{margin-top: .2rem;}
.ncontent p img{max-width: 100%; display: block; margin: 0 auto;padding: .2rem 0;}
.ncontent p.pimg{ text-align: center; margin: .3rem 0 .3rem;}
.ncontent p img{max-width: 100%;
  max-height: 100%; width:auto; height:auto;}
.ncontent p.pimg span{ display: flex;  justify-content: center; align-items: center;}
.ncontent p.pimg span>i{width: .16rem;}
.ncontent li{font-size: .2rem; line-height: 1.66;color: #1c1c1c;}

.ncontent .wp-video{margin:0 auto; max-width:100%;}
.ncontent .wp-video video{width:100%; height:auto;}
.pnbox{ width: 100%;  margin-top: .6rem; font-size: .18rem; line-height: 1.5; display: flex; justify-content: space-between;}
.pnbox .r_prev,.pnbox .r_next{ color: #333; display: flex; align-items: center;max-width: 48%; }
.pnbox img{width: .09rem;}
.pnbox span a{display: flex; align-items: center; min-width: 1rem;}
.pnbox .r_prev span i{margin-right: .1rem; width: .09rem;}
.pnbox .r_next span i{margin-left: .1rem; width: .09rem;}
.pnbox .r_next span i img:nth-child(2),.pnbox .r_prev span i img:nth-child(2){display: none;}
.pnbox .r_prev>a,.pnbox .r_next>a{ white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; color: #333;}
.pnbox .r_next{ border-left: solid #fff 2px; }
.pnbox .r_next:hover span i img:nth-child(2),.pnbox .r_prev:hover span i img:nth-child(2){display: block;}
.pnbox .r_next:hover span i img:nth-child(1),.pnbox .r_prev:hover span i img:nth-child(1){display: none;}
.pnbox>div:hover span a{color:#2d6bb3;}


.contact_box1 {width: 100%; position: relative; padding: .9rem 0; overflow: hidden;}
.contact_box1 .wrap_c{position: relative; z-index: 3;}
.contact_box1 b.b1{position: absolute; height: 100%; width: 100%; top:0; left:0; background-size: cover;z-index: 2;}
.contact_box1 div.p1{ font-size: .24rem; max-width: 7.7rem; color: #1c1c1c; line-height: 1.8; margin: .3rem auto 0; }
.contact_box1 ul{display: flex; justify-content: space-between; margin-top: .5rem;}
.contact_box1 ul li{ width: 20%;display: flex; flex-direction: column; align-items: center; }
.contact_box1 ul li i{ width:1.2rem;  height:1.2rem; display: flex; align-items: center; justify-content: center; background:#fff; border-radius: 50%; }
.contact_box1 ul li i img{max-height: .5rem; width: auto;}
.contact_box1 ul li i img:nth-child(2){display: none;}
.contact_box1 ul li span{display: block; font-size: .18rem; color: #666; text-align: center;}
.contact_box1 ul li span b{display: block; font-size: .24rem; color: #1c1c1c; margin:.3rem 0 .1rem;}
.contact_box1 ul li:hover span b{color:#2c6bb2;}
.contact_box1 ul li:hover>div span{opacity:1;}
.contact_box1 ul li:hover i{ background:#2c6bb2; box-shadow: 0 .1rem .2rem rgba(44,107,178,.2);}
.contact_box1 ul li:hover i img:nth-child(1){display: none;}
.contact_box1 ul li:hover i img:nth-child(2){display: block;}


.contact_box2 ul.ul_1{ display: flex; justify-content: center; width: 9.2rem; height: .8rem; margin: .8rem auto .2rem; background: #f3f5f8; border-radius: .4rem;}
.contact_box2 ul.ul_1 li{ width: 33.3333%; line-height: .8rem; font-size: .24rem; text-align: center;}
/*.contact_box2 ul.ul_1 li a{color: #2c6bb2; display: block;}
.contact_box2 ul.ul_1 li.on{ background: #2c6bb2; box-shadow: 0 .1rem .2rem rgba(44,107,178,.5); border-radius: .4rem;}
.contact_box2 ul.ul_1 li.on a{color: #fff;}*/

.contact_box2 ul.ul_1 li a{color: #2c6bb2;border-radius: .4rem;display: block;transition:all .3s linear;}
.contact_box2 ul.ul_1 li.on a{color: #fff; background-color:#2c6bb2;color:#fff;-moz-box-shadow:0px .1rem .3rem rgba(44,107,178,0.4);-webkit-box-shadow:0px .1rem .3rem rgba(44,107,178,0.4);box-shadow:0px .1rem .3rem rgba(44,107,178,0.4);}






.contact_box2 ul.ul_2{ display: none; flex-wrap: wrap;margin-top: .4rem; }
.contact_box2 ul.ul_2 li{ width: 32%;margin-right: 2%; margin-top: .6rem;}
.contact_box2 ul.ul_2 li:nth-child(3n){margin-right: 0;}
.contact_box2 ul.ul_2 li p{ font-size: .2rem; color: #666; line-height: 1.8;}
.contact_box2 ul.ul_2 li p strong{font-weight: normal;white-space:nowrap;}
.contact_box2 ul.ul_2 li p.dflex{display:flex;}

.contact_box2 ul.ul_3{ width:100%;margin-top: .4rem; display:none;}
.contact_box2 ul.ul_3 li{ width:100%;margin-top: .6rem;}
.contact_box2 ul.ul_3 li p{ font-size: .2rem; color: #666; line-height: 1.8; margin-top: .2rem;}
.contact_box2 ul.on{display: flex;}
.contact_box2 {width: 100%; position: relative; padding: .9rem 0 1.2rem; overflow: hidden;}
.contact_box2 .wrap_c{position: relative; z-index: 3;}
.contact_box2 b.b1{position: absolute; height: 100%; width: 100%; top:0; left:0; background-size: cover;z-index: 2;}
h4.tit1{display: flex; align-items: center; color: #222;position: relative; z-index: 3; font-size: .32rem; margin-bottom:.2rem;}
h4.tit1 label{display:inline-block;position:relative;padding:0px .4rem ;}
h4.tit1 label:before{position:absolute; content:''; background:url(../images/address_ico.png) no-repeat; background-size:100%; left:0; width:.2rem;top:.16rem; height:.2rem;}

/*h4.tit1 label b.b1{width:.18rem;height:.1rem;display:block;overflow:hidden;position:absolute;left:0px;top:50%;margin-top:-.05rem;}
h4.tit1 label b.b1:before{width:.1rem;height:.1rem;display:block;overflow:hidden;content:"";background-color:#97b2d0;border-radius:50%;position:absolute;left:0px;top:0px;z-index:1;}
h4.tit1 label b.b1:after{width:.1rem;height:.1rem;display:block;overflow:hidden;content:"";background-color:#3066a2;border-radius:50%;position:absolute;right:0px;top:0px;z-index:2;}

h4.tit1 label b.b2{width:.18rem;height:.1rem;display:block;overflow:hidden;position:absolute;right:0px;top:50%;margin-top:-.05rem;}
h4.tit1 label b.b2:before{width:.1rem;height:.1rem;display:block;overflow:hidden;content:"";background-color:#3066a2;border-radius:50%;position:absolute;left:0px;top:0px;z-index:2;}
h4.tit1 label b.b2:after{width:.1rem;height:.1rem;display:block;overflow:hidden;content:"";background-color:#97b2d0;border-radius:50%;position:absolute;right:0px;top:0px;z-index:1;}
*/

/*h4.tit1>i:nth-child(1){margin-right:.3rem;}
h4.tit1>i:last-child{margin-left: .3rem;}*/

.swbox1{width: 100%;border-radius: .16rem;  overflow: hidden;position:relative;}
.swbox1 img{}
.swbox1:before{content:"";width:100%;height:100%;overflow:hidden;position:absolute;left:0px;top:0px;background-color:rgba(236,241,250,.75);}
.ct_swiper1 .swiper-slide-active .swbox1{box-shadow: 0 .05rem .2rem rgba(44,107,178,.2);}
.ct_swiper1 .swiper-slide-active .swbox1 img{}
.ct_swiper1 .swiper-slide-active .swbox1:before{background-color:rgba(236,241,250,0);}

.con_sw{width: 100%;clear:both; margin-top: 1rem;}
.ours-main {
    position: relative;
    width:100%;
    margin:0 auto;

}


.ct_swiper1{
    position: relative;
    width: 100%;
    overflow: hidden;
}
.ct_swiper1 .swiper-wrapper{
    width: 100%;
}
.ct_swiper1 .swiper-slide  {
    text-align: center;
    width: 80%;
    padding: .2rem 0;
    border-radius: .16rem;

}

.ncontent ol{margin-left:1em;}
.ncontent ul{margin-left:1em;list-style:inherit}
.ncontent ul li{list-style:inherit}

@media screen and (min-width:1921px) {
    .cx2_swiper{ width: 100%; overflow: hidden; z-index: 3;position: relative; margin-top: 1rem; margin-left: 0;}
    .base_box1{ max-width:1920px; margin:0 auto;}
    .cx_box1 b.b1{max-width: 1920px; left:calc((100% - 1920px)/2);}
    .hx_box1 ul.ul_1 li a{padding:0 .4rem;}
}
@media screen and (min-width:3500px) {
    .cx2_swiper{ width: 100%; overflow: hidden; z-index: 3;position: relative; margin-top: 1rem; margin-left: 0; min-height:12rem;}
}
@media screen and (min-width:4800px) {
    .cx2_swiper{ width: 100%; overflow: hidden; z-index: 3;position: relative; margin-top: 1rem; margin-left: 0; min-height:15rem;}
}

@media screen and (max-width:1700px) {
    .in_03 ul li .lb1{font-size:.5rem;}
}


@media screen and (max-width:1440px) {
    .wrap_in{margin:0px 4%;}

}

@media screen and (max-width:1300px) {


}


@media screen and (max-width:1200px) {


    .cx_swbox1 .fl ul li i{width: 1.5rem; height: 1.5rem;}
    .cx_swbox1 .fl ul li i img{max-height: .4rem;}
    .cx_swbox1 .fl ul li>div{ width: calc(100% - 1.5rem); }
    .cx_swbox1 .fl{ width: 35%;}
    .cx_swbox1 .fr{width:60%;}
    
    .hx_box1 ul.ul_1{width:85%;}
     .hx_box1 ul.ul_1 li a{padding:0 .08rem;}
     .hx_txt1{width:85%; margin:0 auto;}
     .hx_box2_con{width:85%; margin:0 auto;}
     .hx_box2_con .hx_txt1{ width:100%;}


}
@media screen and (max-width:992px) {


  


}
@media screen and (max-width:750px) {
    .topfr .fl img{width:auto;}

    h2.tit1 {font-size: .2rem;}
    h2.tit1 i {
        width: .1rem;
        margin: 0 .2rem;
    }
    .hx_txt1>p .p-img{  margin-top: 0; margin-bottom:.3rem;}
    .contact_box1 div.p1{font-size: .14rem; margin-top: .2rem;}
    .contact_box1 ul{margin-top: .2rem; flex-wrap: wrap; }
    .contact_box1 ul li{width: 48%;padding-bottom: .2rem;}
    .contact_box1 ul li span b{font-size: .18rem;  margin: .2rem 0 .1rem;
    }
    .contact_box1 ul li span{font-size: .14rem;}
    .contact_box2 ul.ul_1{ display: flex; justify-content: center; width: 90%; height: .4rem; margin: .3rem auto .2rem; background: #f3f5f8; border-radius: .2rem;}
    .contact_box1{ padding: .7rem 0 .2rem;}
    .contact_box2{padding: .2rem 0;}
    .contact_box2 ul.ul_1 li{ line-height: .4rem; font-size: .18rem; }
    .con_sw {
        margin-top: .2rem;
    }
    .ct_swiper1 .swiper-slide{width: 90%;}
    .contact_box2 ul.ul_2,.contact_box2 ul.ul_3{margin-top: 0;}
    .contact_box2 ul.ul_2 li,.contact_box2 ul.ul_3 li{width: 100%; margin-top: .2rem;}
    h4.tit1{font-size: .18rem;}
    h4.tit1>i:nth-child(1){margin-right:.2rem; width: .08rem;}
    h4.tit1>i:last-child{margin-left: .2rem;width: .08rem;}
    .contact_box2 ul.ul_2 li p,.contact_box2 ul.ul_3 li p{font-size: .14rem; margin-top: .1rem; line-height: 1.5;}
    .contact_box1 ul li i{width: 1rem; height: 1rem;}
    .contact_box1 ul li i img{max-height: .4rem;}
    h4.tit1 label{padding:0 .2rem;}
h4.tit1 label:before{ width:.12rem;top:.08rem; height:.12rem;}
    /*news*/
    .gsgg_01 .gsg_01_prev {width: .36rem; height: .36rem; left: .1rem;}
    .gsgg_01 .gsg_01_next{width: .36rem; height: .36rem; right: .1rem;}
    /*.gsgg_01 .year {
        width: 1.2rem;
        height: .36rem;
        border-radius: .18rem;
    }
    .gsgg_01 .year select{ font-size: .18rem; padding-left: .2rem;  background-position: calc(100% - .2rem) center; }
    .gsgg_01 .year select option{ color:  #3d6bad;}*/
    .gsgg_01 .gsgg_01_slide {
        width: calc(100% - .8rem);
        margin: 0px .4rem 0 auto;
        height: 0.36rem;
    }
    .gsgg_01 .gsgg_01_slide .swiper-slide {
        height: 0.36rem;
        width: 25%;
        line-height: 0.36rem;
        font-size: .16rem;

    }
    .gsgg_01 .gsgg_01_slide .swiper-slide a.on {
        font-size: 0.16rem;
    }
    .news_box1{padding: .3rem 0;}
    .gsgg_01{padding: .2rem 0;}
    .gsgg_02{margin-top: .1rem;}
    .gsgg_02 a.txt{ display: flex; flex-direction:column;padding: .2rem;justify-content: flex-start;  width: 96%;  box-sizing: border-box; margin: 0 auto;position: relative; top:-.2rem;}
    .gsgg_02 .swiper-slide{ width: 100%;}
    .gsgg_02 h3{ font-size: .18rem;}
    .gsgg_02 a.txt span{font-size: .14rem; margin-top: .1rem;}
    .gsgg_02 a.txt span i{display: none;}
    .gsgg_02 a.m-video>img{ width:.6rem; height: .6rem; left: calc(50% - .3rem); top:calc(50% - .3rem);}
    .c_ul4 > li{width: 100%; margin-right: 0; margin-top: 0;}
    .c_ul4 > li h3{font-size: .18rem;}
    .c_ul4 > li a.txt{padding: .2rem 0;}
    .c_ul4 > li a.txt span > i{width: .14rem; margin-right: .1rem;}
    .c_ul4>li a.txt span{ font-size: .14rem;  margin-top: .1rem; }
    .c_ul4 > li a.m-video > img {
  position: absolute;
  width: .4rem;
  height: .4rem;
  left: calc(50% - .2rem);
  top: calc(50% - .2rem);
  
}
    
    .n_box9{padding: .2rem 0;}
    .ncontent {padding: .2rem;margin-top:.2rem;}
    .ncontent h1{font-size: .24rem;}
    .ncontent .subtit{font-size: .14rem; margin: .1rem 0; padding-bottom: 0;}
    .ncontent p {
        font-size: .14rem;
        line-height: 1.5;
        margin-top: .2rem;
        color: #666;
    }
    .ncontent p.pimg {
        text-align: center;
        margin:.2rem 0;
    }
    .ncontent p.pimg img{padding: 0;}
    .ncontent p.pimg span{margin-top: .2rem;}
    
    .ncontent li{font-size: .14rem;
        line-height: 1.5;
        margin-top: .2rem;
        color: #666;}
    
    .pnbox{font-size: .14rem; margin-top: .2rem;}
    .pnbox span a{min-width: .6rem;}

    .nconbox{width: calc(100% - 20px); margin: 0 10px;flex-direction: column;}
    ul.newslist{margin-top: 0;}
    ul.newslist>li{padding: .2rem 0;}
    .nconbox .ndate{width: 100%;flex-direction:row; }
    .nconbox .ndate > i{font-size: .16rem;-webkit-text-stroke: 0px #787e87; color: #666; order:1;}
    .nconbox .ndate > span{font-size:.16rem; order:0; color:#666;}
    .nconbox .ndate > span:after{content:".";}
    .nconbox .nimg{width: 100%;}
    .nconbox .ntita{width: 100%; margin-top: .2rem;}
    .nconbox .ntita > a.tit1 b{font-size: .18rem;}
    ul.newslist>li .nconbox .nimg{display: block; margin-top: .2rem;}
    ul.newslist>li:hover .nconbox .ndate>i{  color: #005bac;}
    .nconbox .ntita > a.tit1 span{/*display: block;*/ margin-top: .2rem; font-size: .14rem;}
    ul.newslist>li:hover .nconbox .ntita{ width:100%; }
    ul.newslist>li.noimg .nconbox .nimg{ display: none;}
ul.newslist>li.noimg:hover .nconbox .ntita{width: 100%;}
    .hx_box1{padding: .3rem 0 .5rem;}
    .hx_box2{ /*margin-top:.3rem;*/ padding:.3rem 0;}
 .hx_box2 .p1s_bg img{ height:100%; width:auto; margin:0 auto; display:block; position:static;}
 .hx_box2 .p1s_bg {

  height: 2.8rem;
 
}
.hx_box2 .p1s_bg .swiper-slide-active{ text-align:center;}
    .hx_box1 ul.ul_1, .hx_box4 ul.ul_1 {

        flex-direction: column; width: 96%; margin: 0;  border-radius: .4rem; overflow: hidden;
    }
    .hx_box1 ul.ul_1{ height:1.6rem;}
    .hx_box1 ul.ul_1 li,.hx_box4 ul.ul_1 li{ line-height: .4rem; font-size: .18rem;width: 100%;  }
    .hx_box1 ul.ul_1 li.on,.hx_box4 ul.ul_1 li.on{border-radius: 0; box-shadow: none;}
    .hx_box1 h4,.hx_box4 h4{font-size: .15rem;  margin-top: .3rem;}
    .hx_txt1{padding-top: 0; width:100%;}
    .hx_txt1 p{ font-size: .14rem; margin-top: .2rem;}
    .hx_box2_con{flex-wrap: wrap;margin-top:-.3rem; width:100%;}
   .hx_box1 ul.ul_1 li a{border-radius:0;}
    .hx_box2 .hx_box2_txt{width: 100%; margin-right: 0; order:1;}
    .hx_box2 .hx_box2_img{width: 90%; margin: .2rem auto;}
    .hx_box2 h4 {font-size: .18rem;}
    .hx_box4{padding: .3rem 0;}
    .hx_box4 p.p_img img {
        border-radius: .1rem;
        margin-top: 0;
        box-shadow: 0 .2rem .4rem rgba(45,108,179,.2);
    }

    .banner_txt p.p1{font-size: .24rem;}
    .xs_box1{padding: .3rem 0;}
    .xs_box1 .wrap_c{flex-direction: column;}
    .xs_box1  .fl{width: 100%;}
    .xs_box1 .fr{width: 100%; margin-top: .2rem;}
    .xs_box1 .fl ul{ display: flex;flex-wrap: wrap;}
    .xs_box1 .fl ul li{width: 100%; box-sizing: border-box;padding: .2rem; font-size: .15rem;}
    .xs_box1 .fl h3{padding: .2rem; font-size: .16rem;}
     .xs_box1 .fl li.on{padding: .2rem; font-size: .16rem;}
    .xs_box1 .fr ul{ padding: 0 .2rem; }
    .xs_box1 .fr li{padding: .2rem 0; display: flex; flex-wrap: wrap;}
    .xs_box1 .fr li > span{width: 1.4rem;display: flex; font-size: .14rem;}
    .xs_box1 .fr li > a{width: 100%; margin-top: .2rem; font-size: .14rem;}
    .xs_box1 .fr li > span > b{ margin-right: .2rem;padding: 0 .2rem;}
    .xs_box1 .fr li > div{width:100%; margin-top:.1rem;}

    .cx_box1 b.b1{display: none;}
    .cx_box1 .wrap_c{flex-wrap: wrap;}
    .cx_img1{opacity: 1; width: 100%;}
    .cx_txt1{width: 100%; margin: 0;}
    .cx_txt1 p{font-size: .14rem; color:#666; text-shadow:none;}

    .cx_box2 ul.ul_1{ display: flex; justify-content: center; width: 96%; height: .4rem; margin: .3rem auto .2rem; background: #f3f5f8; border-radius: .2rem;}
    .cx_box2{ padding:0;}
    .cx_box2 ul.ul_1 li{ line-height: .4rem; font-size: .18rem; }
    .cx_box2 p.p1{ font-size: .14rem;  margin: .2rem 0;}
    .circle_box1{padding: .5rem 0 .3rem;}
    .circle1{  margin: 0 auto;}
    .circle_bot {margin: .2rem  auto;background: rgba(255,255,255,.8);font-size: .16rem;}
    .circletxt div.i7{ width: 2rem; font-size: .18rem; line-height: 1.2; }
    .cx_swbox1{padding: .3rem 0 .6rem;}
    .cx_swbox1 .wrap_c{flex-wrap: wrap;}
    .cx_swbox1 .fl{width: 100%;}
    .cx_swbox1 .fr{width: 90%; margin-left:5%; margin-top: .2rem;}
    .cx_swbox1 .fr:before{ width: calc(100% + .2rem); height: calc(100% - .2rem); left: -.1rem;
        top:.1rem; }
    .cx_swbox1 .fl ul li i{width: 1rem; height: 1rem;}
    .cx_swbox1 .fl ul li i img{max-height: .3rem;}
    .cx_swbox1 .fl ul li>div{ width: calc(100% - 1.1rem); font-size: .18rem; color: #fff;}
    .cx_swbox1 .fl ul li > div b{font-size: .3rem;}

    .cx1_page{ position: absolute; height: .5rem!important; top:auto; right: 0; bottom: -.5rem !important; left: auto !important; display: flex; flex-direction:row; justify-content: center; align-items: center; width: 100%!important; z-index: 8;}
    .cx1_page .swiper-pagination-bullet{  margin: 0 .1rem !important;}
    .cx1_swiper em.em2{font-size: .16rem;bottom: .1rem;}

    .base_box1{padding: .2rem 0; overflow:hidden;}
    .base_box1 b.b1:nth-child(1){display:none;}
    .base_box1 b.b1:nth-child(2){display:block;}
    .base_box1 .base_box1_txt {
        width: 90%;
        margin: .2rem 0;
        z-index: 3;
        position: relative;
    }
    .base_box1 b.b1{position: absolute; height: 100%; width: 100%; top:0; left:0; background-size: cover;z-index: 2;}
    .base_box1 .base_box1_txt p{font-size:.14rem; margin-top:.1rem; text-shadow:none; }
     .base_box1 .base_box1_txt p > img{width: .16rem;margin-top: .05rem;margin-right: .1rem;}
    /*.base_box1 ul li{padding: .2rem; margin: .2rem 0 0 0;}
    .base_box1 ul li span b{font-size: .2rem;}
    .base_box1 ul li span {
        width: calc(100% - 1rem);
        padding-left: .2rem;
        font-size: .14rem;

    }
    .base_box1 ul li i{width: .6rem;}
    .base_box1 ul li i > img{max-height: .4rem;}*/

    .cx_swbox2,.cx_swbox3{padding: .3rem 0;}
    .cx_swbox2{width:calc(100% - 20px); margin: 0 10px;padding-bottom: 0;}
    .cx_swbox2 .wrap_c > p,.cx_swbox3 .wrap_c > p{font-size: .18rem; width: calc(100% - .6rem);}
    .cx_swbox2 .wrap_c > i,  .cx_swbox3 .wrap_c > i {width: .2rem; height: .3rem;margin: 0 .1rem;}
    .cx2_swiper{ width: calc(100% - 20px); margin: .2rem 10px 0;}
    .cx2_swiper em.em2,.cx3_swiper em.em2{font-size: .16rem;}{font-size: .16rem;}
    .cx3_swiper{width: calc(100% - 20px); margin: .2rem 10px;}


    .cx2_swiper{ width: 100%; margin-left:0%;min-height:auto;}

    .cx2_swiper em.em2{position: absolute; width: 100%; left: 0; bottom: 1.3rem; font-size: .24rem; color: #fff; text-align: center; font-style: normal;}
    .cx2_swiper em.em3{ height: 1rem; width: 100%;  opacity: .2;border-radius: .2rem;position: relative;display: block;border-radius: .2rem; overflow: hidden;}
    .cx2_swiper em.em3 b.b1{position: absolute; height: 100%; width: 100%; top:0; left:0; background-size: cover;z-index: 2; transform: rotateX(180deg);}
    .cx2_swiper em.em3:before{background-image:linear-gradient(transparent,#fff,#fff);position: absolute; left: 0;top:0; width: 100%; height: 100%; content: ''; z-index: 3;}
    .cx2_swiper em.em1 img{box-shadow: none;}
    .cx2_swiper .swiper-slide-next a{
        transform: rotateY(0) translateX(0);
        -o-transform: rotateY(0);
        -webkit-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform-origin:right;
        width: 100%;

    }
    .cx2_swiper .swiper-slide-prev a{
        transform: rotateY(0) ;
        -o-transform: rotateY(0);
        -webkit-transform: rotateY(0);
        -ms-transform: rotateY(0);
        transform-origin:left;
        width: 100%;
        margin-left: 0%;
    }
.circletxt div.i7 p>i{display:inline-block;}
.circle_box1 b.b1{ background-position:right top!important;}

}

@media screen and (max-width:640px) {
    .circletxt>div{width: .8rem; height: .8rem;font-size: .18rem;}
}
@media screen and (max-width:480px) {
    .circletxt>div{width: .6rem; height: .6rem;font-size: .16rem;}
    .circletxt div.i7 {width: 1rem;}
    /*.circletxt div.i7>p>br{display: none;}*/

}
@media screen and (max-width:400px) {
    .contact_box1 ul li{width: 100%;margin-right: 0;}
    .circletxt>div{width: .5rem; height: .5rem;font-size: .14rem;}
    .circletxt div.i7>p{line-height: 1.2;}
}