@charset "utf-8";
/*新闻中心通知公告采购信息学术报告人物故事教学科研媒体观察焦点专题宁大自媒校园直通车宁大数据四季宁大活力宁大*/

@font-face{ font-family: 'Perpetua Titling MT'; src:url(../fonts/PERTILI.TTF);} 
@font-face {
    font-family: "思源宋体 Heavy";font-weight: 600;
    font-display: swap;
}
@font-face{ font-family: 'Futura Md BT Bold'; src:url(../fonts/FuturaMdBTBold.ttf);} 

.h4s0{font-size: .2rem;color: #333333;line-height: .3rem;transition: .5s;}
.h4s1{font-size: .2rem;color: #333333;line-height: .3rem;transition: .5s;}
.h4s2{font-size: .2rem; color: #333333; line-height: .3rem;max-height: .6rem\0; transition: .5s; font-weight: bold}

.ps2{font-size: .16rem;color: #666666;line-height: .28rem;max-height: .56rem\0;transition: .5s; opacity: .78;}
.ps3{font-size: .16rem;color: #666666;line-height: .28rem;max-height: .78rem\0;transition: .5s; opacity: .78;}

/*==========================================公共 开始=============================================*/

.pc_header_box{height: 0;width: 100%;position: relative;z-index: 10000;}
.pc_header{height: 1.5rem;position: fixed;left: 0;right: 0;z-index: 9999;transition: .5s;width: 100%;}
.pc_header::before{z-index: -1;pointer-events: none;content: "";position: absolute;top: 0;right: 0;width: 100%;height: 0;background: #27818d;transition: .5s;background: url(../images/list10_b1.jpg) center;background-size: .16rem .16rem;}
.pc_header .wp{align-items: center;justify-content: space-between;height: 100%;}
.pc_header .logo{width: 2.63rem;transition: .5s;}
.pc_header .logo img{max-width: 100%;}
.pc_header .right{width: 9.34rem;max-width: calc(100% - 2.63rem - 1rem);padding: .1rem 0 0;transition: .5s;}
.pc_header .right .top{display: flex;align-items: center;/* height: 100%; */justify-content: flex-end;}

.pc_header_box.fixed{ z-index: 10002}
.fixed .pc_header{height: 1.2rem;}
.fixed .pc_header::before{ height: 100%}
.fixed .pc_header .right{transform: translateY(.07rem);}
.fixed #nav ul li{ line-height: .65rem}

.list1{ margin-right: .1rem}
.list1 li a{font-size: .16rem;color: #fff;font-weight: 600;display: inline-block;line-height: .29rem;border: #fff 1px solid;border-radius: 50vw;padding:0 .15rem;transition: .5s;}

.list2{display: flex;}
.list2 li{font-size: .16rem;color: #fff;font-weight: 600;margin: 0 .08rem;cursor: pointer;transition: .5s;}
.list2 li img{margin: -2px .05rem 0 0;height: .17rem;}
.list2 li:last-child, .list2 li:last-child img{ margin-right: 0}

.pc_nav{flex: 1;padding: 0;}
#nav ul{justify-content: space-between;}
#nav ul li{z-index:0;margin-left: 0;position: relative;line-height: .75rem;transition: .2s;}
#nav ul li i{ display: none}
#nav ul li>a{display:block;padding: 0;position: relative;z-index: 2;height: 100%;}
#nav ul li .h3{font-size: .22rem;color: #fff;position:relative;font-weight: 600;}
#nav ul li.on .h3:after, #nav ul li:hover .h3:after{opacity: 1;visibility:visible; transform: translateY(0);}
#nav ul li .sub{position:absolute;opacity: 0;visibility: hidden;top:100%;min-width: 1.6rem;left: 50%;z-index: 10000;padding: 0;background: #fff;overflow: hidden;box-shadow: 0 8px 16px rgba(0,0,0,.1);line-height: 1.75;letter-spacing: -.02em;white-space: nowrap;text-align: center;transform-origin: top;transform: translateX(-50%) scaleY(0);-webkit-transform: translateX(-50%) scaleY(0);-moz-transform: translateX(-50%) scaleY(0);-ms-transform: translateX(-50%) scaleY(0);-o-transform: translateX(-50%) scaleY(0);transition: .5s;border-radius: 0 .2rem 0 0;}
#nav ul li .sub .box{ text-align: center; }
#nav ul li .sub a{padding: 0 10px;line-height: 3;color: #333;font-size: .16rem;white-space: nowrap;transition: .5s;display: block;border-radius: 0 .2rem 0 0;}
#nav ul li .sub a+a{ border-top: 1px dotted rgba(255, 255, 255, 0.3);}
#nav ul li .sub a:hover{background: #27818d;color: #fff;}
#nav ul li:hover .sub{ opacity: 1; visibility: visible;transform: translateX(-50%) scaleY(1);-webkit-transform: translateX(-50%) scaleY(1);-moz-transform: translateX(-50%) scaleY(1); -ms-transform: translateX(-50%) scaleY(1);-o-transform: translateX(-50%) scaleY(1);}


#openBtn {cursor: pointer;display: inline-block;position: absolute;right: 1.25%;top: .4rem;z-index: 10001;}

#openBtn .lcbody {
width: .48rem;
height: 22px;
position: relative;
}

#openBtn .lcbody .lcitem {
width: 100%;
height: 2px;
position: absolute;
transition: transform 0.36s ease;
}

#openBtn .lcbody .lcitem .top {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: auto;
right: 0;
background: #005541;
}
#openBtn .lcbody .lcitem .bottom1{background: url(../images/menu1.svg) center;height: 5px;animation: bgfubuki 800s linear infinite forwards;background-size: 100% auto !important;}
@keyframes bgfubuki {
0% {
background-position: 0 0;
}
10% {
background-position: 1000px 0;
}
20% {
background-position: 2000px 0;
}
30% {
background-position: 3000px 0;
}
40% {
background-position: 4000px 0;
}
50% {
background-position: 5000px 0;
}
60% {
background-position:  6000px 0;
}
70% {
background-position:  7000px 0;
}
80% {
background-position: 8000px 0;
}
90% {
background-position: 9000px 0;
}
100% {
background-position:  10000px 0;
}
}
#openBtn .lcbody .top {
top: 0;
}

#openBtn .lcbody .center {
display: block;
top: 50%;
margin-top: -2px;
}

#openBtn .lcbody .bottom {
bottom: 0;
}

#openBtn .lcbody:hover .lcitem.top .rect {animation: move 0.6s ease-in-out 1;}

#openBtn .lcbody:hover .lcitem.center .bottom {
animation: move 0.4s ease-in-out 0.1s 1;
}

#openBtn .lcbody:hover .lcitem.bottom .bottom {
animation: move 0.4s ease-in-out 0.2s 1;
}



@keyframes move {
0% {
    right: 0;
}
40% {
    right: 0;
    width: 0;
}
60% {
    right: auto;
    width: 0%;
}
100% {
    right: auto;

    width: 100%;
}
}

.n_header #openBtn .lcbody .lcitem div{background: #fff;}

.slide_down_nav{position:fixed;top:0;right:0;bottom:0;left:0;z-index: 10000;visibility: hidden;}
.slide_down_nav .slide_down_nav_bg{position:fixed;right:0;top:0;height:0;left:0;background: #fff;transition: .9s cubic-bezier(.165,.84,.44,1) 1s;}
.slide_down_nav .slide_down_nav_bg.on{top:auto;bottom:0;height:100%;transition: .9s cubic-bezier(.165,.84,.44,1);}
header.on .lan a{ color:#000}
header.on #openBtn .lcbody .lcitem div{background: #fff;}
.slide_down_nav_line_shuxian{position:absolute;left:50%;margin-left:-0.5px;bottom: 0;width:1px;height: 0;background: rgba(0,0,0,0.15);opacity: 1;transition:0.6s;}
.slide_down_nav_line_shuxian.on{ height:100%; transition-delay: 1s;}
.slide_down_nav .slide_down_nav_content{position:relative;z-index:10;/* transform: translateY(100%); */transition:0.6s;height: 100%;opacity: 0;display: flex;}
.slide_down_nav .slide_down_nav_content .left{width:50%;height:100vh;padding-left: 6%;display: flex;align-items: center;}
.slide_down_nav .slide_down_nav_content .left .box_table{ text-align:left}
.nav_bar ul{}
.nav_bar ul li{overflow: hidden;width: 100% !important;margin: .3rem 0;}
.nav_bar ul li>a, .nav_bar ul li .box{overflow: hidden;width: 100% !important;transform: translateY(100%);transition: .5s;display: block;}
.nav_bar ul li .h3{font-size: .22rem;color:#2b2b2b;display:block;position:relative;transition: .5s;}
.nav_bar ul li a:before{content:"";position:absolute;width:1.75rem;height:1px;background:#b2b2b2;right:0;top: .1rem;margin-top:-0.5px;transition:all 0.6s;opacity: 0;}
.nav_bar ul li .box{display: flex;margin: .1rem 0 0;flex-wrap: wrap;}
.nav_bar ul li .box a{font-size: .16rem;color: #888;transition: .5s;margin: 0 .2rem 0 0;line-height: 2;}
.nav_bar ul li .box a:hover, .nav_bar ul li a:hover .h3{color: #27818d} 
.slide_down_nav .slide_down_nav_content .right{ width:50%; height:100vh; overflow:hidden}
.slide_down_nav .slide_down_nav_content .right .nav_tu{width:50vw;height:100vh;position:relative; opacity:0; transition:1.2s;}
.slide_down_nav .slide_down_nav_content .right .nav_tu ul li img{width:100%;height:100vh;overflow:hidden;object-fit:cover;}
.slide_down_nav .slide_down_nav_content .fenxiang_box{ margin-top:6.25rem}
.slide_down_nav .slide_down_nav_content .fenxiang_box ul li{ display:inline-block; margin-right:1.5rem; overflow:hidden}
.slide_down_nav .slide_down_nav_content .fenxiang_box ul li a{ display:block;position:relative;transform: translateY(100%); transition:transform .6s cubic-bezier(.165,.84,.44,1) 1s,-webkit-transform .6s cubic-bezier(.165,.84,.44,1) 1s;}

.slide_down_nav.on{ visibility:visible}
.slide_down_nav .slide_down_nav_content.on{transition:0.6s;opacity: 1;}
.slide_down_nav .slide_down_nav_content.on .left .nav_bar ul li>a, .slide_down_nav .slide_down_nav_content.on .left .nav_bar ul li .box{ transform: translateY(0); transition-delay:1s}
.slide_down_nav .slide_down_nav_content.on .fenxiang_box ul li a{ transform: translateY(0); transition-delay:1s}
.slide_down_nav .slide_down_nav_content.on .right .nav_tu{ opacity:1; transition-delay:1s}
.slide_down_nav .slide_down_nav_content .left .nav_bar ul li.miso-current a span.span02{ display:block}
.slide_down_nav .slide_down_nav_content .left .nav_bar ul li.miso-current a span.span01{ display:none}
.slide_down_nav .slide_down_nav_content .left .nav_bar ul li.miso-current a:before{ background:#000000; width:3.75rem}
/*导航*/


/*手机端开始*/
.m_header_box {transition: .6s;display: none;height: .75rem;position: relative;z-index: 100000;width: 100%;}
.m_header_box header{padding: 0 0 0 15px;height: .75rem;box-shadow: 0 3px 5px rgba(0,0,0,.05);background-size: cover;position: fixed;top: 0;left: 0;right: 0;z-index: 100;display:flex;justify-content:space-between;align-items: center;background: #196974;background: url(../images/list10_b1.jpg) center;background-size: .16rem .16rem;}
.m_header_box header #logo img{height: .45rem;}
.m_header_box header #logo{padding:0;width: 100%;}

.m_header_box .list2{margin-right: .1rem;flex-wrap: nowrap;}
.m_header_box .list2 li a{display: flex;align-items: center;}

/*导航按钮开始*/
#nav_btn_box.on { background: none; }
#nav_btn .point.on .navbtn::after, #nav_btn .point.on .navbtn::before {/* background: #fff; */}
#nav_btn_box{position:relative;width: .85rem;height: .7rem;display: flex;align-items: center;justify-content: center;z-index: 1;min-width: .85rem;}
#nav_btn { cursor: pointer; text-align: center; z-index: 99999; -webkit-transition: .5s; -moz-transition: .5s; -ms-transition: .5s; -o-transition: .5s; outline: none; box-shadow: none; }
#nav_btn .point {display: inline-block;width: .34rem;height: 18px;position: relative;outline: none;vertical-align: middle;}
#nav_btn .point:hover .navbtn, #nav_btn .point:hover .navbtn::after, #nav_btn .point:hover .navbtn::before {width: 100%;}
#nav_btn .navbtn {position: absolute;top: 50%;left: 0;display: inline-block;width: 100%;height: 2px;-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;margin-top: -1px;}
#nav_btn .navbtn::after, #nav_btn .navbtn::before {position: absolute;left: 0;display: inline-block;width: 100%;height: 2px;content: '';-webkit-transition: all .3s ease-out 0s;-moz-transition: all .3s ease-out 0s;-ms-transition: all .3s ease-out 0s;-o-transition: all .3s ease-out 0s;transition: all .3s ease-out 0s;background: #fff;}
#nav_btn .navbtn::after {top: -8px;}
#nav_btn .navbtn::before {top: 8px;}
#nav_btn .point.on .navbtn {background: transparent;}
#nav_btn .point.on .navbtn::after { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); top: 0px; }
#nav_btn .point.on .navbtn::before { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); top: 0px; }

.m_nav_list {flex-direction: column;/* justify-content: center; */width: 100%;height: 100%;overflow: auto;align-items: center;display: flex;background: rgba(255,255,255,.1);}
.m_nav_list::-webkit-scrollbar { display:none}
#m_nav {z-index: 99999;position: fixed;width: 100%;height: 100vh;right: -105vw;top: 0;display: none;padding: 90px 20px 30px;overflow: hidden;pointer-events: none;transition: all 0.3s ease-out;-webkit-transition: all 0.3s ease-out;-moz-transition: all 0.3s ease-out;-o-transition: all 0.3s ease-out;-ms-transition: all 0.3s ease-out;display: block;opacity: 0;visibility: hidden;-webkit-backdrop-filter: blur(15px);backdrop-filter: blur(15px);overflow: hidden;overflow-y: scroll;background: #f1f1f1;}
#m_nav .close{position:absolute;top: 7px;right: 15px;left: 15px;font-size: 30px;color: #333;z-index: 10000;/* background: rgba(255,255,255,.1); */width: auto;height: 35px;border-radius: 0;display: flex;align-items: center;justify-content: flex-end;padding: 0 0;}
#m_nav.act {pointer-events: auto;right: 0;opacity: 1;visibility: visible;}

#m_nav .search_box input.submit{ background: #fba33e url(../images/submit.svg) center no-repeat; background-size: 1.75rem;}
#m_nav .old_rukou{margin: .24rem 0 0;width: 100%;}
#m_nav .list2{justify-content: center;margin-bottom: .15rem;}
#m_nav .list2 li{color: #848484;line-height: 2;}

.list_box_nav_mobile{max-width: 90%;margin: 0 auto;margin-top: 0;}
.list_box_nav_mobile>li{width: 100%;overflow: hidden;padding: 0;position: relative;margin: 0 auto;}
.list_box_nav_mobile>li .con{position:relative;/* display: flex; *//* flex-wrap: wrap; */}
.list_box_nav_mobile>li .h3{width: 100%;border-bottom: 1px solid rgba(0,0,0,.06);line-height: .64rem;color: #000;padding: 0;font-size: .2rem;display: flex;position: relative;transition: .5s;}
.list_box_nav_mobile>li.on .a{color: rgba(255,255,255,1);}

/*三级导航 开始*/
.list_box_nav_mobile>li .box{padding:10px 0;border-bottom: 1px solid rgba(255, 255, 255, 0.1); display:none}
.list_box_nav_mobile>li .sub{position: relative;top: 0;left: 0;right: 0;}
.list_box_nav_mobile>li i{content:"";opacity: 1;filter: alpha(opacity=100);display: inline-block;width: .64rem;height: .64rem;display: inline-block;background: url(../images/arrow_down.svg) center no-repeat;background-size: 20px 20px !important;position: absolute;display: block;right: -.2rem;top: 0;cursor: pointer;}
.list_box_nav_mobile>li.on1 i{transform: rotate(-90deg);-webkit-transform: rotate(-90deg);-moz-transform: rotate(-90deg);}
.list_box_nav_mobile>li .sub a{display:block;font-size:13px;color: #666;line-height: 2.5;min-width: 33.33%;}
.nav_mask {position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 888;background-color: rgba(0,0,0,0.4);display: none;}

/*顶部搜索*/
.wap_search{font-size:16px;border-radius: 5px;color:#fff;text-align:center;letter-spacing:2px;overflow:hidden;width: 100%;display: block;/* height: 60px; */}
.wap_search form{height: 44px;position:relative;width: 100%;margin: 20px auto;display: block;border-radius: 50vw;}
.wap_search .input{font-size: 14px;color: #646464;height: 44px;padding: 0 .24rem;box-shadow:none;-webkit-appearance: none;float:left;border-right: 0;background:none;width: calc(100% - 66px);border: #fba33e 1px solid;border-radius: 50vw 0 0 50vw;background: #fff;}
.wap_search .btn_blue{position:absolute;cursor:pointer;top:0;right:0;width: 66px;height: 44px;line-height: 44px;border:0;background: url(../images/submit.svg) center no-repeat #fba33e;background-size: .3rem;border-radius: 0 50vw 50vw 0;}
.wap_search .btn_blue.fr{ background:#e9edef; color:#4e4f53;}
.wap_search input::-webkit-input-placeholder{ color:#999; }
.wap_search input::-moz-placeholder{   /* Mozilla Firefox 19+ */ color:#999; }
.wap_search input:-moz-placeholder{    /* Mozilla Firefox 4 to 18 */ color:#999; }
.wap_search input:-ms-input-placeholder{  /* Internet Explorer 10-11 */  color:#999; }/* WebKit browsers */
.wap_search input:focus::-webkit-input-placeholder {color: transparent;/* transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值 */}/* Mozilla Firefox 4 to 18 */
.wap_search input:focus:-moz-placeholder {color: transparent;}/* Mozilla Firefox 19+ */
.wap_search input:focus::-moz-placeholder {color: transparent;}/* Internet Explorer 10+ */
.wap_search input:focus:-ms-input-placeholder {color: transparent;}/* 点击搜索框获取焦点 placeholder消失-结束 */

/*==========================================公共 结束=============================================*/

 
/*==========================================首页 开始=============================================*/

.bannerW{ background: url(../images/bg1.jpg) center; background-size: .5rem .5rem;}
.banner{position: relative;overflow: hidden;z-index: 1;width: 100%;border-radius: 0 3.2rem 0 0;height: 100vh;}
.banner::before{content: "";position: absolute;left: 0;top: 0;height: 3.02rem;background: url(../images/yy_top.png) center top no-repeat;width: 100%;z-index: 2;transition: .5s;background-size: 100% 100% !important;pointer-events: none;}
.banner::after{content: "";position: absolute;left: 0;bottom: 0;height: 4.55rem;background: url(../images/yy_bottom.png) center top no-repeat;width: 100%;z-index: 2;transition: .5s;background-size: 100% 100% !important;pointer-events: none;}
.banner ul li{ position: relative; overflow: hidden; z-index: 1; }
.banner .img .imgLi{padding-bottom: 100vh;-webkit-transition: 6s 1s linear;-webkit-transform: scale(1.1);}
.banner .img .imgs{width: 100%;opacity: 0;visibility: hidden;display: none;}
.banner .bottom{position: absolute;left: 0;right: 0;bottom: .3rem;align-items: center;justify-content: center;z-index: 10;}
.banner .arrow{display: flex;align-items: center;justify-content: center;cursor: pointer;transition: .5s;}
.banner .arrow img{ width: .3rem; height: .3rem}
.banner .dots{ margin: 0 .2rem}
.banner .dots span{width: .57rem;height: .63rem;background: none;opacity: 1 !important;border-radius: 0;margin: 0 .05rem;line-height: .68rem;text-align: center;position: relative;font-size: .3rem;color: #fff;font-family: Bahnschrift;font-weight: 300;}
.banner .dots span svg{width: 100%;height: 100%;position: absolute;top: 0;right: 0;bottom: 0;left: 0;opacity: 0;transition: .5s;-webkit-animation: borderAnimation 4s linear infinite;animation: borderAnimation 4s linear infinite;}
.banner .dots span.active svg{ opacity: 1}
.banner .cls-1{fill:none;stroke:#fff;stroke-miterlimit:10;}
.banner .swiper-slide-active .img .imgLi{-webkit-transform:scale(1)} 

@-webkit-keyframes borderAnimation {
  0% {
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
  }

  33% {
    -webkit-transform: skew(8deg, -8deg);
    transform: skew(8deg, -8deg);
  }

  66% {
    -webkit-transform: skew(8deg, 0deg);
    transform: skew(8deg, 0deg);
  }

  100% {
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
  }
}
@-webkit-keyframes borderAnimation1 {
  0% {
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
  }

  33% {
    -webkit-transform: skew(8deg, -8deg);
    transform: skew(8deg, -8deg);
  }

  66% {
    -webkit-transform: skew(8deg, 0deg);
    transform: skew(8deg, 0deg);
  }

  100% {
    -webkit-transform: skew(0deg, 0deg);
    transform: skew(0deg, 0deg);
  }
}

[data-aos=yj].bannerW .banner{border-radius: 0;transition: 1.5s;}
[data-aos=yj].aos-animate.bannerW .banner{ border-radius: 0 3.2rem 0 0;}

.kjdh{position: absolute;top: 0;bottom: 0;left: 0;z-index: 10001;width: .78rem;background: #177b88;transition: .5s;}
.kjdh.on{ transform: translateX(-101%)}
.list3{width: 100%;height: 100%;display: flex;flex-direction: column;justify-content: space-between;}
.list3 dd{flex: 1;width: 100%;}
.list3 dd a{display: flex;flex-direction: column;justify-content: center;align-items: center;width: 100%;height: 100%;position: relative;z-index: 1;}
.list3 dd a span{writing-mode: tb;font-size: .16rem;color: #fff;}
.list3 dd a img{width: .3rem;height: .3rem;margin: .1rem 0 0;}
.list3 dd a::before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1;}
.list3 dd:first-child a{ background: #007260}
.list3 dd:nth-child(1) a::before{background: #007260;transform: skewY(25deg);}
.list3 dd:nth-child(2) a::before{background: #178684;transform: skewY(25deg);}
.list3 dd:nth-child(3) a::before{background: #1b6b6f;transform: skewY(25deg);}
.list3 dd:nth-child(4) a::before{background: #178684;transform: skewY(25deg);}

.pad1{ padding: 1rem 0; overflow: hidden;}

.tit1c{ justify-content: center; align-items: center;}
.tit1{margin-bottom: .5rem;align-items: center;}
.tit1 .llw{ align-items: center}
.tit1 .ll{font-size: .7rem;color: #196974;font-family: 'Perpetua Titling MT';margin-right: .06rem;}
.tit1 .rr span{ display: inline-block; font-size: .13rem; color: #196974; font-family: Perpetua Titling MT; position: relative;}
.tit1 .rr span:before{content: "";position: absolute;left: 118%;top: 50%;margin-top: -1px;width: 100vw;height: 1px;background: #196974;opacity: .24;}
.tit1 h6{ position: relative; overflow: hidden; margin-bottom: .04rem}
.tit1 h3{font-size: .36rem;color: #196974;font-family: "思源宋体 Heavy";font-weight: 600;}

.home1{background: url(../images/bg1.jpg) center;background-size: .5rem .5rem; position: relative; z-index: 1}
.home1 .bg1{position: absolute;bottom: 0;left: 0;width: 5.19rem;z-index: -1;max-width: 28%;pointer-events: none;}
.home1 .left{ width: 53.75%;}
.home1 .right{ width: calc(100% - 53.75%); padding: 0 0 0 3.5%;}

.list4{ margin-bottom: .4rem}
.list4 li .a{ display: block; border-radius: .6rem 0 0 0; overflow: hidden; transition: .5s;}
.list4 li .img .imgLi{ padding-bottom: 62.53%;}
.list4 li .txt{ background: #fff; height: 1.24rem; align-items: center; }
.list4 li .ll{ flex: 1; overflow: hidden; padding: 0 .45rem;}
.list4 li h4{font-size: .22rem;line-height: .36rem;max-height: .72rem\0;}
.list4 li h4 span{ color: #179187}
.list4 li .time{ width: 1.24rem; height: 100%; background: #179187; flex-direction: column; justify-content: center; align-items: center;}
.list4 li .time h3{ font-size: .54rem; color: #fff; font-family: Futura Bk BT;}
.list4 li .time h6{font-size: .18rem;color: #fff;font-family: Futura Bk BT;margin: .06rem 0 0;}

.more1 svg{ width: .34rem; height: .34rem;}
.more1 .cls-1{fill:none;stroke:#327666;stroke-linecap:round;stroke-miterlimit:10;stroke-width:2px;}

.list5{ margin-bottom: .46rem;}
.list5 li .a{height: 2.8rem;background: #fff;border-radius: .6rem 0 .6rem 0;align-items: center;position: relative; transition: .5s;}
.list5 li .a:before{content: "";position: absolute;top: 0;height: 100%;width: 1px;left: 1rem;background: #e0e0e0;}
.list5 li .ll{width: 1rem;text-align: center;}
.list5 li .time{ flex-direction: column; justify-content: center; align-items: center; margin-bottom: 1rem}
.list5 li .time h3{ font-size: .38rem; color: #005541; font-family: Futura Bk BT;}
.list5 li .time h6{font-size: .14rem;color: #005541;font-family: Futura Bk BT;margin: .06rem 0 0;}
.list5 li .rr{width: calc(100% - 1rem);padding: 0 .4rem 0 .3rem;}
.list5 li .line{ width: 100%; height: 1px; background: #e0e0e0; margin: .25rem 0;}

.list6Box{width: 156%;padding: .15rem;margin: -.15rem;}
.list6 li .a{display: block;position: relative;z-index: 1;border-radius: .3rem 0 .3rem 0;overflow: hidden;transition: .5s;}
.list6 li .img .imgLi{padding-bottom: 62.4%;}
.list6 li .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: flex-end;padding: 0 .4rem .15rem;background: url(../images/list6_b1.png) center bottom no-repeat;background-size: 100% auto;transition: .5s;transform: translateY(0);}
.list6 li .txt h4{ color: #fff !important; font-weight: normal}
.list6 li .txt1{position: absolute;top: 0;right: 0;bottom: 0;left: 0;transform: translateY(101%);background: rgba(16,116,129, .95);flex-direction: column;justify-content: center;padding: 0 .4rem;transition: .5s; }
.list6 li .txt1 h4{ color: #fff !important; }
.list6 li .txt1 p{ color: #fff; margin: .12rem 0 .18rem}
.list6 li .txt1 h6{position: relative;z-index: 1;font-size: .16rem;color: #005541;font-family: Futura Bk BT;line-height: .46rem;}
.list6 li .txt1 h6:before{ content: ""; position: absolute; top: 0; width: 1.86rem; background: #f4f4ee; top: 0; right: 0; bottom: 0; left: -.4rem; z-index: -1; border-radius: 0 50vw 50vw 0}
.list6 li.swiper-slide-next .a:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background-image: linear-gradient( to right, transparent, #fff 80%);}

.list6Box .qhBox{ position: relative; z-index: 1; padding: 0 0 0 .45rem; margin: .5rem 0 0;}
.list6Box .qhBox:before{content:"";position: absolute;top: 50%;height: 1px;background: #bed2cc;margin: -.5px 0 0;left: 0;right: 0;z-index: -1;}
.list6Box .swiper-scrollbar{height: .03rem;background: none;z-index: -1;position: absolute;top: 50%;margin-top: -.015rem;left: 1.65rem;right: 0;}
.list6Box .swiper-scrollbar .swiper-scrollbar-drag{background: #005541;}

.arrow1{ display: flex; justify-content: center; align-items: center}
.arrow1 .arrow{width: .48rem;height: .48rem;background: #fcfaf4;display: flex;justify-content: center;align-items: center;position: relative;z-index: 1;cursor: pointer;border-radius: 50%;}
.arrow1 .arrow::before {content: "";position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;border: 1px solid #c0bfbb;border-radius: 50%;z-index: -1;transition: .5s;}
.arrow1 .arrow::after {content: "";position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;border: 1px solid transparent;border-radius: 50%;background: #27818d;z-index: -1;opacity: 0;transform: scale(0.7);visibility: hidden;transition: .5s;}
.arrow1 .arrow .icog {position: absolute;top: 0px;right: 0px;bottom: 0px;left: 0px;display: flex;align-items: center;justify-content: center;}
.arrow1 .arrow svg {width: 0.2rem;height: 0.2rem;fill: #c0bfbb;position: relative;}
.arrow1 .arrow.prev .ico .ico2 { transform: translateX(0.22rem); opacity: 0; }
.arrow1 .arrow.next .ico .ico2 { transform: translateX(-0.22rem); opacity: 0; }

.more2_r{ justify-content: flex-end;}
.more2 .a1{background: url(../images/more2_b1.png) center no-repeat;background-size: 100% 100% !important;width: 1.82rem;height: .56rem;justify-content: center;align-items: center;font-size: .16rem;color: #333333;transition: .5s;padding: .1rem 0 0 .18rem;}

.home2 .left{ width: 56.25%;}
.home2 .right{width: calc(100% - 56.25%);padding: 0 0 0 6%;}
.home2 .right .tit1{ justify-content: space-between}

.miso_tab .bd>div{transition: .5s;position: relative;}

.miso_tab1 .hd{position: relative;z-index: 2;display: inline-flex;}
.miso_tab1 .hd::before{content: "";position: absolute;top: -.3rem;right: -.3rem;bottom: -.3rem;left: -100vw;background: #27818d;z-index: -1; border-radius: 50vw}
.miso_tab1 .tit1{ margin-bottom: 0;}
.miso_tab1 .tit1 .ll{ opacity: 0; width: 0}
.miso_tab1 .tit1 .rr h6{ opacity: 0}
.miso_tab1 .tit1 .rr h3{ font-size: .32rem}
.miso_tab1 .tit1 *{ color: #9ecfd5 !important}
.miso_tab1 .tit1 .rr span:before{ background: #fff}
.miso_tab1 .hd ul li.on .tit1 .ll{ opacity: 1; width: auto}
.miso_tab1 .hd ul li.on .tit1 .rr h6{ opacity: 1}
.miso_tab1 .hd ul li.on .tit1 .rr h3{ font-size: .36rem}
.miso_tab1 .hd ul li.on .tit1 *{ color: #fff !important}
.miso_tab1 .hd ul li{ margin-right: .6rem; position: relative;}
.miso_tab1 .hd ul li::before{content: "";position: absolute;width: .02rem;height: .38rem;background: rgba(255,255,255,.55);top: 60%;right: -.3rem;transform: rotate(30deg) translateY(-50%);}
.miso_tab1 .hd ul li:last-child::before{ display: none}

.list7{position: relative;z-index: 1;margin: -.35rem 0 0;padding: 1.2rem .9rem .65rem 0;}
.list7::before{content: "";position: absolute;z-index: -1;top: 0;right: 0;bottom: 0;left: calc((100vw - 14.4rem)/2 - 100%);background: url(../images/list7_b1.jpg) center no-repeat;background-size: cover;box-shadow: 0px 0px .4rem 0px rgba(5, 99, 111, 0.18);border-radius: 0 .8rem 0 0;transition: .5s;}
.list7 li .a:before{content: "";position: absolute;right: -.2rem;bottom: 0;left: -.2rem;z-index: -1;height: 0;transition: .5s;border-radius: .15rem;}
.list7 li .a{align-items: center;padding: .19rem 0;position: relative;z-index: 1;}
.list7 li .time{width: 1.7rem;display: flex;align-items: center; position: relative;}
.list7 li .time:before{content: "";position: absolute;width: 1px;height: .48rem;background: #e1e3e9;right: 0;top: 50%;margin-top: -.24rem;transition: .5s;}
.list7 li .time h3{background: url(../images/list7_i1.png) center no-repeat;width: .5rem;height: .48rem;display: flex;align-items: center;justify-content: center;font-size: .3rem;color: #27818d;font-family: Futura Bk BT;background-size: 100% 100% !important;transition: .5s;}
.list7 li .time h6{font-size: .19rem;color: #27818d;font-family: Futura Bk BT;margin: 0 0 0 .15rem;transition: .5s;}
.list7 li .rr{ width: calc(100% - 1.7rem); padding: 0 0 0 .3rem}
.list7 li h4{/* font-weight: 600; */}

.home2 .left .more2 .a1{ background: url(../images/more2_b2.png) center no-repeat; color: #fff}

.more7{position: absolute;top: 1rem;left: -1.3rem;width: .58rem;height: 4.7rem;z-index: 1;display: flex;flex-direction: column;align-items: center;justify-content: center;}
.more7 a{display: inline-block;width: .16rem;font-size: .16rem;color: #333;line-height: 1.1;position: relative;z-index: 1; transition: .5s}
.more7 a:before{content: "";position: absolute;left: 50%;width: 1px;bottom: 130%;background: #e1e3e9;height: 1.9rem;}
.more7 a:after{content: "";position: absolute;left: 50%;width: 1px;top: 130%;background: #e1e3e9;height: 1.3rem;}
.more7 img{position: absolute;bottom: 0;left: 0;width: 100%;}

.home2 .left .more2{ margin-top: .4rem; display: none;}
.home2{ padding-bottom: .5rem;}

.list8{background: url(../images/list8_b1.jpg) center no-repeat;background-size: cover;padding: .3rem .48rem .45rem;transition: .5s;margin-top: -.15rem;}
.list8 li{ padding: .12rem 0}
.list8 li h4{margin-bottom: .12rem;/* font-weight: 600; */}
.list8 li p{ font-size: .15rem; color: #666666; line-height: .3rem; padding: 0 0 0 .3rem; background-size: .23rem .23rem !important}
.list8 li p.p1{ background: url(../images/list8_i1.png) left .02rem no-repeat; }
.list8 li p.p2{ background: url(../images/list8_i2.png) left .02rem no-repeat; }
.list8 li p.p3{ background: url(../images/list8_i3.png) left .02rem no-repeat; }

.home3{position: relative;z-index: 1;padding-bottom: 0;}
.home3 .bg1{ position: absolute; z-index: -1; width: 3.42rem; max-width: 18%; top: 0; left: 0;}
.home3 .wp{ align-items: flex-start}
.home3 .left{width: 50%;padding: 0 6.25% 0 0;}
.home3 .left .tit1{ padding: 0 0 0 calc(50% + .17rem)}
.home3 .right{width: 50%;padding: .7rem 0 .7rem 12%;position: relative;z-index: 1;}
.home3 .right::before{content: "";position: absolute;z-index: -1;top: 0;left: 0;bottom: 0;right: calc((100vw - 14.4rem)/2 - 100%);background: url(../images/list10_b1.jpg) center; background-size: .16rem .16rem;border-radius: 50vw 0 0 50vw;transition: .5s;}
.home3 .right .tit1{ justify-content: space-between}
.home3 .right .tit1 *{ color: #fff !important}
.home3 .right .more2 .a1{ background: url(../images/more2_b2.png) center no-repeat;}

.list9Box{padding: .98rem 0 0;margin-top: -1.2rem;margin-bottom: -1.2rem;}
.list9{margin: 0 -.17rem;}
.list9 li{width: 50%;padding: 0 .17rem;margin-bottom: .36rem;}
.list9 li .a{display: block;position: relative;z-index: 1;border-radius: .2rem;overflow: hidden;transition: .5s;}
.list9 li .img .imgLi{padding-bottom: 110%;}
.list9 li .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;align-items: flex-end;padding: 0 .25rem .12rem;background: url(../images/list9_b1.png) center 101% no-repeat;background-size: 100% auto;transition: .5s;transform: translateY(101%);}
.list9 li .txt h4{color: #fff !important;font-weight: normal;font-size: .16rem;line-height: .24rem;max-height: .48rem\0;}

.list9 li:nth-child(1){ transform: translateY(-.98rem)}
.list9 li:nth-child(1) .a{margin-left: 16%;}
.list9 li:nth-child(3){ margin-top: -1.5rem}

.list9Box .qhBox{margin: 0 0 0 calc(50% + .17rem);transform: translateY(-2.2rem);position: relative;z-index: 1;}
.list9Box .dots{ margin-bottom: .5rem}
.list9Box .dots span{width: .05rem;height: .05rem;background: #12817f;opacity: .5;border-radius: 50vw;margin: 0 .03rem;transition: .5s;}
.list9Box .dots span.active{ width: .74rem; opacity: 1}

.h6-1{ font-size: .16rem; color: #005541; font-family: Futura Bk BT;}

.list10{ height: 4rem}
.list10 li *{ color: #fff !important;}
.list10 li .a{height: 1.1rem;display: flex;flex-direction: column;justify-content: center;transition: .5s;border-top: rgba(255,255,255,.2) 1px dashed;}
.list10 li h4{font-weight: bold;margin-bottom: .1rem;transform: translateY(.05rem); transition: .5s;}
.list10 li h6{margin-top: .15rem;transform: translateY(-.05rem); transition: .5s;}
.list10 li p{height: 0;transition: .5s;opacity: 0;}

.list10 li.on a{height: 1.8rem;}
.list10 li.on p{height: .56rem;opacity: .78;}
.list10 li.on h4{transform: translateY(0);}
.list10 li.on h6{transform: translateY(0);}

.home3-4-5{position: relative;z-index: 1; overflow: hidden}
.home3-4-5:before{ content: ""; position: absolute; height: 1rem; right: 0; bottom: 0; left: 0; background: url(../images/list10_b1.jpg) center;background-size: .16rem .16rem; z-index: -1; }
.home3-4-5:after{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: url(../images/home3-4-5_b1.jpg) center bottom no-repeat;background-size: 100% auto; z-index: -1; border-radius: 0 0 .9rem 0}
.home4{padding-top: .8rem;padding-bottom: .15rem;}
.home4 .tit1{justify-content: space-between;margin-bottom: .2rem;}
.list11Box{width: calc((100vw - 14.4rem)/2 + 112%);padding: .25rem 0 0;}
.list11 li .a{display: block;box-shadow: 0px 4px .25rem 0px rgba(5, 74, 83, 0.31);background: #fff;position: relative;z-index: 1;overflow: hidden;}
.list11 li .a:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #107481; z-index: 1; transform: translateY(101%); transition: .5s; opacity: 0;}
.list11 li .txt{ height: 2.24rem;display: flex;flex-direction: column;justify-content: center;padding: 0 .4rem; position: relative; z-index: 1}
.list11 li .txt h6{height: .38rem}
.list11 li .txt h6 img{max-height: .38rem;max-width: 100%;}
.list11 li .txt h4{ margin: .2rem 0 .25rem}
.list11 li .line{ width: .36rem; height: .02rem; background: #fff}
.list11 li .top{ position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; padding: 2.12rem .4rem 0; transform: translateY(101%); transition: .5s; opacity: 0;}
.list11 li .top p{ color: #cff9ff; margin-bottom: .4rem}
.more3{ width: 1.37rem; height: .4rem; background: #fff; display: flex; align-items: center; justify-content: center; border-radius: 50vw; font-size: .14rem; color: #107481}
.more3 img{ margin: 0 0 0 .2rem; height: .15rem}
.list11Box .swiper-scrollbar{height: .03rem;background: none;z-index: 1;position: relative;bottom: 0;margin-top: .68rem;}
.list11Box .swiper-scrollbar:before{content:"";position: absolute;top: 50%;height: 1px;background: #dddedf;margin: -.5px 0 0;left: 0;right: 0;z-index: -1;}
.list11Box .swiper-scrollbar .swiper-scrollbar-drag{background: #005541;}

.home5 .tit1{ position: relative; z-index: 1}
.home5 .tit1 .llw{ justify-items: center;}
.home5 .tit1 .more2{ position: absolute; right: 0}

.list12W{ position: relative; z-index: 1; padding: 0 .8rem; margin: 0 -.8rem;}
.list12W .prev{ position: absolute; left: 0; top: 35%;}
.list12W .next{ position: absolute; right: 0; top: 35%;}
.list12Box .dots{margin-top: .4rem;text-align: center;}
.list12Box .dots span{width: .05rem;height: .05rem;background: #12817f;opacity: .5;border-radius: 50vw;margin: 0 .03rem;}
.list12Box .dots span.active{width: .44rem;opacity: 1;}
.list12 li .img .imgLi{ padding-bottom: 62.80%;}
.list12 li .txt{box-shadow: 7.431px 6.691px 8px 0px rgba(3, 3, 3, 0.13);width: 82%;background: #fff;border-radius: 0 50vw 50vw 0;height: .46rem;display: flex;align-items: center;padding: 0 .3rem;margin-top: -.23rem;position: relative;transition: .5s;}
.list12 li h4{ font-size: .18rem}

.home6{ background: url(../images/bg1.jpg) center; background-size: .5rem .5rem; position: relative; z-index: 1;}
.home6::before{content: "";position: absolute;top: 0;right: 0;bottom: 3.12rem;left: 0;z-index: -1;background: url(../images/list10_b1.jpg) center;background-size: .16rem .16rem;border-radius: 0 0 0 2.6rem;}
.home6 .tit1{justify-content: space-between;position: relative;z-index: 10;}
.home6 .tit1 *{ color: #fff !important}
.home6 .more2 .a1{ background: url(../images/more2_b2.png) center no-repeat;}
.home6 .fl1{ justify-content: space-between;}
.home6 .fl1 .left{ width: 65.5%;}
.home6 .fl1 .right{ width: 32.29%;}

.list13 li .a{ display: block; position: relative;}
.list13 li .img{border-radius: .6rem 0 0 0;transition: .5s;}
.list13 li .img .imgLi{padding-bottom: 59.11%;padding-bottom: 5.58rem;}
.list13 li .txt{position: absolute;top: 0;right: 0;bottom: 0;left: 0;display: flex;flex-direction: column;justify-content: flex-end;padding: 0 .36rem .2rem;background: url(../images/list13_h1.png) center 101% repeat-x;background-size: auto 1.15rem;}
.list13 li h6{ display: flex; align-items: center; font-size: .14rem; color: #fff}
.list13 li h6 img{ height: .36rem; margin: 0 .1rem 0 0}
.list13 li .bottom{display: flex;justify-content: space-between;align-items: center;margin: .1rem 0 0;}
.list13 li h4{color: #fff !important;} 
.list13 li span{font-size: .16rem;color: #fff;white-space: nowrap;font-family: Futura Bk BT;margin: 0 0 0 .2rem;} 

.list14{ margin-left: .4rem}
.list14 li{margin: 0 0 0 .22rem;position: relative;z-index: 1;cursor: pointer;}
.list14 li .a{display: flex;font-size: 13px;color: #fff;align-items: center;text-transform: uppercase;background: rgba(255,255,255,.2);border-radius: 50%;width: .52rem;height: .52rem; transition: .5s}
.list14 li .a img{width: 100%;height: 100%;position: relative;z-index: 1;filter: drop-shadow(0 0 .03rem rgba(0,0,0,.1)); transition: .5s}
.list14 li .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: 50vw;transform: scale(0);background: rgb(39 129 141);/* z-index: -1; */opacity: .7;transition: .5s;}
.list14 li .ewm{width: 1.45rem;background: #fff;border-radius: .1rem;position: absolute;padding: .15rem;top: 140%;left: 50%;margin-left: -.7rem;z-index: 1;opacity: 0;visibility: hidden;transition: .5s;transform: translateY(.1rem);}
.list14 li .ewm:before{content: "";position: absolute;width: .12rem;height: .12rem;background: #fff;transform: rotate(45deg);top: -.06rem;left: 50%;margin-left: -.06rem;}
.list14 li .ewm img{ width: 100%}

.list14 li:hover .a{ background: rgba(255,255,255,.5);}
.list14 li:hover .a:before{transform: scale(1.5);}
.list14 li:hover .ewm{ opacity: 1; visibility: visible; transform: translateY(0)}
.list14 li:hover .a img{ filter: drop-shadow(0 0 .03rem rgba(0,0,0,.3));}


.list15 li .a{display: block;background: #1db4a8;height: 2.64rem;transition: .5s;}
.list15 li .top{display: flex;align-items: center;justify-content: center;/* border-bottom: rgba(255,255,255,.2) 1px solid; */height: 100%;}
.list15 li .top .ico1{ width: 1.03rem; height: 1.03rem; position: relative; z-index: 1; display: flex; align-items: center; justify-content: center}
.list15 li .top .ico1:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: rgba(255,255,255,.1);transform: scale(.82);border-radius: 50%;z-index: -1;transition: .5s;}
.list15 li .top .ico1:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: rgba(255,255,255,.53) 1px solid;border-radius: 50%;z-index: -1;transition: .5s;}
.list15 li .top .ico1 svg{ width: .56rem; height: .56rem;}
.list15 li .top .ico1 .cls-1{fill:none;stroke:#fff;stroke-linecap:round;stroke-miterlimit:10;}
.list15 li .top .ico1 .cls-1,.list15 li .top .ico1 .cls-2,.list15 li .top .ico1 .cls-3{fill:none;stroke:#fff;stroke-miterlimit:10;}
.list15 li .top .ico1 .cls-1,.list15 li .top .ico1 .cls-3{stroke-linecap:round;}
.list15 li .top .ico1 .cls-1, .list15 li .top .ico1 .cls-2{stroke-width:0.8px;}.cls-3{stroke-width:0.5px;}
.list15 li .top .rr{width: 2.18rem;margin-left: .2rem;display: flex;align-items: center;justify-content: space-between;}
.list15 li h3{ font-size: .32rem; color: #fff; font-family: "思源宋体 Heavy"; font-weight: 600;}
.list15 li h6{font-size: .14rem;color: #fff;opacity: .5;text-transform: uppercase;line-height: 1.375;margin: .1rem 0 0;}
.list15 li .more1 .cls-1{ stroke: #fff;}
.list15 li .bottom{padding: .18rem .38rem 0;display: none;}
.list15 li p{ font-size: .16rem; color: #97f5ee; line-height: 1.5; opacity: .88}

.list15 li:nth-child(2){ margin-top: .3rem;}
.list15 li:nth-child(2) .a{ background: #f1b133;}
.list15 li:nth-child(2) p{ color: #fff4da}

.home6 .fl2{ margin-top: .32rem;}
.home6 .fl2{ justify-content: space-between;}
.home6 .fl2 .left{ width: 37%;}
.home6 .fl2 .right{width: 60%;height: 5.65rem;background: #fff url(../images/list19_b1.jpg) right bottom no-repeat;box-shadow: 0px 4px 29px 0px rgba(5, 74, 83, 0.14);padding: 0 .5rem;background-size: 3.4rem auto;}

.list18 li .img{ border-radius: 0}
.list18 li .img .imgLi{padding-bottom: 59.11%;padding-bottom: 5.65rem;}

.home7{ padding-top: .3rem;position: relative;z-index: 1;}
.home7 .before{content: "";position: absolute;top:0;right: 0;bottom: 0;left: 0;background: url(../images/home7_b1.jpg) center top no-repeat;background-size: cover;z-index: -1;/* background-attachment: fixed; */opacity: 1 !important;}
.list19{height: 100%;padding-bottom: .15rem;}
.list19 li{ width: 100%; height: 50%; border-bottom: #d1d1d1 1px dashed}
.list19 li .a{height: 100%;align-items: center;/*overflow: hidden;*/}
.list19 li .txt{ width: 100%}
.list19 li .h6{ display: flex; align-items: center; font-size: .14rem; color: #333333}
.list19 li .h6 img{ height: .36rem; margin: 0 .1rem 0 0}
.list19 li:nth-child(1) .h6 img{box-shadow: 0px 0px 16px 0px rgba(16, 116, 129, 0.17);border-radius: 50%;}
.list19 li h4{margin: .18rem 0 .12rem;}
.list19 li h6{ margin-top: .2rem; color: #107481}
.list19 li:nth-child(2){ border: none}

.list20{ margin: 0 -.1rem; margin-bottom: .8rem}
.list20 li{width: 12.5%;padding: 0 .1rem;text-align: center;margin-bottom: .1rem;}
.list20 li .a{width: 1.12rem;margin: 0 auto;max-width: 100%;display: flex;flex-direction: column; transition: .5s;}
.list20 li .ico{width: 1.12rem;height: 1.12rem;position: relative;z-index: 1;margin: 0 auto;}
.list20 li .ico:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: #107481 1px dotted; border-bottom: none; opacity: 0; transition: .5s}
.list20 li .ico img{ width: 100%; height: 100%}
.list20 li h4{ background: #a6cad1; line-height: .29rem; font-size: .18rem; color: #fff; transition: .5s}

@keyframes beat {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}
@-webkit-keyframes beat {
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
    from, to {
        -webkit-transform: scale(1, 1);
        transform: scale(1, 1);
    }
    25% {
        -webkit-transform: scale(0.9, 1.1);
        transform: scale(0.9, 1.1);
    }
    50% {
        -webkit-transform: scale(1.1, 0.9);
        transform: scale(1.1, 0.9);
    }
    75% {
        -webkit-transform: scale(0.95, 1.05);
        transform: scale(0.95, 1.05);
    }
}

.list21 li .a{display: flex;height: 3.6rem;background: url(../images/list21_b1.png) center bottom no-repeat;background-size: 100% 100% !important;padding: .5rem .4rem 0;flex-direction: column;text-align: center;transition: .5s;cursor: pointer;}
.list21 li h3 big{font-size: .52rem;color: #005541;font-family: 'Perpetua Titling MT';transition: .5s;}
.list21 li p{font-size: .16rem;color: #005541;line-height: 22px;margin-top: .12rem;transition: .5s;}

.list21Box{padding-bottom: .2rem;padding-top: .2rem;margin-top: -.2rem;}
.list21Box .dots{margin-top: .4rem;text-align: center;width: 100%;position: absolute;}
.list21Box .dots span{width: .05rem;height: .05rem;background: #fff;opacity: .5;border-radius: 50vw;margin: 0 .03rem;transition: .5s;}
.list21Box .dots span.active{width: .44rem;opacity: 1;}

footer{ background: url(../images/footer_b1.jpg) center no-repeat; background-size: cover; padding: .8rem 0 .7rem;}
footer .wp{ justify-content: space-between; align-items: center;}
footer .left img{width: 3.66rem;max-width: 100%;}
footer .left p{border-top: rgba(255,255,255,.3) 1px solid;margin-top: .28rem;padding-top: .2rem;font-size: .16rem;color: #fff;line-height: 1.5;}
footer .center{ width: 4.8rem}
.list22 li{ margin: 0 0 .1rem}
.list22 li .ll{ width: .57rem; height: .57rem; border: rgba(255,255,255,.3) 1px dashed; display: flex; align-items: center; justify-content: center}
.list22 li .ll img{ width: .3rem; height: .3rem;}
.list22 li .rr{border: rgba(255,255,255,.21) 1px solid;display: flex;align-items: center;padding: 0 .25rem;margin-left: -1px;font-size: .18rem;color: #fff;line-height: 1.75;flex: 1;overflow: hidden;}

.list23 li{ text-align: center;}
.list23 li img{ width: 1.58rem; height: 1.58rem;}
.list23 li h6{ font-size: .16rem; color: #fff; line-height: 1.5; margin-top: .12rem;}

.search-dialog-box{
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 1000000;
	opacity: 0;
	visibility: hidden;
	transition: .6s;
	/* overflow: hidden; */
}
.search-dialog-box:before{content:"";position:absolute;top:0;height:0;background: #107481;background-size:100% auto;transition: .6s;left: 0;right: 0;z-index: 1;opacity: .9;-webkit-backdrop-filter: blur(5px);backdrop-filter: blur(5px);}
.search-dialog-box.on:before{ height:100%}
.search-dialog-box .bubbles-bg{
	opacity: 0;
	visibility: hidden;
	display: none;
}
.search-dialog-box .search-bg{
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 0;
	margin: 0;
	background: rgba(0,0,0,.7);
	background-size: cover;
	background-repeat: no-repeat;
	/* z-index: 1; */
	transform-origin: center center;
	transition: height .8s cubic-bezier(.77,0,.175,1);
}
.search-dialog-box .wrap-inner{
	transform:translateY(100%);
	transition: .6s;
}

.search-dialog{
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	width: 100%;
	z-index: 2;
}
.search-dialog .search-tit{
	font-size: 2.75rem;
	line-height: 3.5rem;
	color: #fff;
	text-align: center;
	overflow: hidden;
	display: none;
}
.search-dialog .search-inner{
	overflow: hidden;
	margin-top: 0;
}
.search-dialog .search-input{
	width: 8rem;
	margin: 0 auto;
	padding: 0;
	box-sizing: border-box;
	transition: all .3s;
	max-width: 94%;
	border-radius: .06rem;
	overflow: hidden;
}
.search-dialog .search-input input[type=text]{
	float: left;
	height: .6rem;
	width: calc(100% - .64rem);
	background-color: transparent;
	font-size: .2rem;
	line-height: .08rem;
	color: #333;
	transition: all .3s;
	background-color: #fff;
	border-radius: .06rem 0 0 .06rem;
	padding: 0 0 0 .24rem;
}
.search-dialog .search-input input[type=text]::-webkit-input-placeholder{
    color:rgba(255,255,255,0.5);  
}  
.search-dialog .search-input input[type=text]:-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]::-moz-placeholder{
    color:rgba(255,255,255,0.5); 
}  
.search-dialog .search-input input[type=text]:-ms-input-placeholder {
    color:rgba(255,255,255,0.5); 
} 
.search-dialog .search-input input[type=submit],
.search-dialog .search-input .clear-btn{
	float: right;
	height: .6rem;
	width: .64rem;
}

.search-dialog .search-input input[type=submit]{
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: center;
	background: #fba33e url(../images/search-btn.svg) center no-repeat;
	background-size: .3rem;
}
.search-dialog .search-input .clear-btn{
	background-color: rgba(0,0,0,.2);

	background-repeat: no-repeat;
	background-position: center;
	background-image: url('../images/close-btn.svg');
	background-size: 3.5rem;
	border-radius: 100%;
	margin-right: 1rem;
	display: none;
}
.search-dialog .search-input.on{
	background-color: #fff;
}

.search-dialog .search-input.on input[type=submit]{

}

.search-dialog .hot-search{
	font-size: 0;

	width:19.5rem;
	margin:.6rem auto 0;
	box-sizing: border-box;
	padding:0 .6rem;
	overflow: hidden;
}
.search-dialog .hot-search .hot-tit,
.search-dialog .hot-search .hot-link{
	display: inline-block;
	*display: inline;
	zoom:1;
	vertical-align: top;
}
.search-dialog .hot-search .hot-tit{
	font-size: .375rem;
	line-height: .5rem;

	color: #fff;
	font-weight: bold;
	padding-left: .6rem;
	background-repeat: no-repeat;
	background-position: left center;
	background-size: .5rem;
	background-image:;
}
.search-dialog .hot-link{
	margin-left: 1rem;
}


.search-dialog .hot-link a{
	display: inline-block;
	*display: inline;
	zoom:1;
	font-size: .375rem;
	line-height: .5rem;
	margin-right: .75rem;
	color:#fff;
	padding-bottom: 5px;
	position: relative;
}

.search-dialog .hot-link a:before{
	content: "";
	position: absolute;
	left:0%;
	bottom:0;
	width:100%;
	height: 2px;
	background-color: #fff;
	transform:scaleX(0);
	transform-origin:left center;
	transition:transform .3s;
}
.search-dialog-box .bottom-box{
	position: absolute;
	left: 0;
	bottom:5.1%;
	width:100%;
}
.search-dialog-box .bottom-box .share-box{
	overflow: hidden;
}
.search-dialog-box .bottom-box .copy{
	font-size: .35rem;
	line-height:.5rem;
	color: #fff;
	font-family: "gilroy-regular";
	margin-top: .5rem;
	overflow: hidden;
}

.header-right.is-open .bubbles-bg{
	visibility: visible;
	opacity: 1;
}
.header-right.is-open .search-btn .con-box{
	display:none;
}
.header-right.is-open .close-btn{
	display:block;
}
.header-right.is-open .item .search-bg{
	transform:scale(1);
}
.search-dialog-box.on{
	opacity: 1;
	visibility: visible;
}
.search-dialog-box.on .search-bg{height: 100vh;}

.search-dialog-box.on .bubbles-bg{opacity: 1;visibility: visible;}
.search-dialog-box.on .wrap-inner{ transform:translateY(0)}

.f-cb h3{ font-size: .3rem; color: #fff; text-align: center; margin-bottom: .3rem}

.pub-close {
    position: absolute;
    width: .48rem;
    height: .48rem;
    z-index: 10;
    right: .24rem;
    top: .24rem;
    background-color: rgba(255,255,255,.1);
    border-radius: 100%;
}
.pub-close .bg {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #1c5ab7;
    transform: scale(0);
    border-radius: 100%;
    transition: transform .3s;
}
.pub-close i {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: .12rem;
    background-repeat: no-repeat;
    background-image: url(../images/close-btn.svg);
    transition:.6s;
}
.pub-close i:hover{ transform:rotate(180deg)}

@keyframes spin{
    to{transform: rotate(1turn);}
}
@keyframes spin2{
    to{transform: rotate(-1turn);}
}
@keyframes spin-reverse{
    from{
        transform:rotate(1turn);
    }
}
@keyframes spin-reverse2{
    from{
        transform:rotate(-1turn);
    }
}

/*==========================================首页 结束=============================================*/

@media(min-width: 1024px){
	.a:hover .slow .imgLi, a:hover .slow .imgLi, .slow:hover img{ transform: scale(1.08); transition: transform 1s cubic-bezier(0.25, 0, 0, 1);}
    
    .a:hover .h4s2, .a:hover .h4s1{ color: #27818d;}
    .more7 a:hover{ color: #27818d;}

    .list4 li .a:hover, .list5 li .a:hover, .list7:hover::before, .list8:hover, .list9 li .a:hover, .list13 li .a:hover .img, .list15 li .a:hover{ box-shadow: 0px 0px .4rem 0px rgba(3, 63, 50, 0.27);}

    .list6 li .a:hover{ box-shadow: 0px 0px .15rem 0px rgba(3, 63, 50, 0.27);}
    .list6 li .a:hover .txt{ transform: translateY(-60%); }
    .list6 li .a:hover .txt1{ transform: translateY(0); }

    .list7 li .a:hover:before{ height: 100%; background: #27818d}
    .list7 li .a:hover *{ color: #fff}
    .list7 li .a:hover .time h3{background: url(../images/list35_i1_on.png) center no-repeat;}

    .arrow1 .arrow:hover::before{ opacity: 0; visibility: hidden; transform: scale(.7); -webkit-transform: scale(.7);}
	.arrow1 .arrow:hover::after{ opacity: 1; visibility: visible; transform: scale(1); -webkit-transform: scale(1);}
	.arrow1 .arrow.prev:hover .ico .ico1{ transform: translateX(-.22rem); opacity: 0;}
	.arrow1 .arrow.prev:hover .ico .ico2{ transform: translateX(0); opacity: 1;}
	.arrow1 .arrow.next:hover .ico .ico1{ transform: translateX(.22rem); opacity: 0;}
	.arrow1 .arrow.next:hover .ico .ico2{ transform: translateX(0);opacity: 1;}
	.arrow1 .arrow:hover svg{ fill: #fff}

    .more2 .a1:hover{background: url(../images/more2_b1_on.png) center no-repeat; letter-spacing: .02rem; color: #27818d;}

    .list9 li .a:hover .txt{ transform: translateY(0);}

    .home3 .right .more2 .a1:hover{ background: url(../images/more2_b2_on.png) center no-repeat;}

    .list11 li .a:hover h4{ color: #fff}
    .list11 li .a:hover:before{ transform: translateY(0); opacity: 1;}
    .list11 li .a:hover .top{ transform: translateY(0); opacity: 1;}

    .list12 li .a:hover .txt{background: #27818d;}
    .list12 li .a:hover .txt h4{ color: #fff}

    .list15 li .a:hover .top .ico1:before{ transform: scale(1);}
    .list15 li .a:hover .top .ico1:after{ transform: scale(.8); opacity: 0}
    .list15 li .a:hover{ background: #1ba297;}
    .list15 li:nth-child(2) .a:hover{ background: #dfa739;}

    .list20 li .a:hover{ transform: translateY(-.12rem);}
    .list20 li .a:hover .ico:before{ opacity: 1}
    .list20 li .a:hover h4{ background: #107481; color: #fff}
    .list20 li .a:hover .ico img, .list3 dd a:hover img{-webkit-transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8); transition-timing-function: cubic-bezier(0.6, 4, 0.3, 0.8);-webkit-animation: beat 0.7s 1;animation: beat 0.7s 1;}

    .list21 li .a:hover{background: url(../images/list21_b1_on.png) center bottom no-repeat;transform: translateY(-.2rem);}
    .list21 li .a:hover *{ color: #fff}

    .list2 li:hover{color: #f1b133;}
    .list1 li a:hover{ background: #f1b133; color: #fff}
}
@media(max-width: 1800px){
	.pc_header .wp{ padding: 0 1rem;}
    .fixed .pc_header .wp{ padding: 0 0;}
    .banner{ border-radius: 0 2.5rem 0 0;}

    .more7{ left: -.7rem;}
}
@media(max-width: 1024px){	
	html::-webkit-scrollbar{width:0;}
	.pc_header_box{ display: none;}
	.m_header_box{ display: block;}

    .kjdh{ display: none;}
    .banner{border-radius: 0;height: auto;}
    .banner .img .imgLi{ padding-bottom: 50%}
    .banner::before{ height: 0}
    .banner::after{ height: .8rem}
    .banner .bottom{ transform: scale(.6); bottom: .05rem}

    .home1 .left{ width: 100%;}
    .home1 .right{width: 100%;padding: .5rem 0 0;}
    .home1 .left .more2{ justify-content: center}

    .home2 .left{ width: 100%;}
    .home2 .right{width: 100%;padding: .5rem 0 0;}

    .home3 .left{width: 100%;padding: 0 0 .2rem;}
    .home3 .right{width: 100%;padding: .5rem 0 .1rem;}
    .home3 .right::before{border-radius: 0;right: -.7rem;left: -.7rem;}

    .miso_tab1 .hd ul li{ margin-right: .3rem}
    .miso_tab1 .hd ul li::before{height: .22rem;right: -.15rem;top: 66%;}

    .list11Box{ width: 100%;}
    .home5 .tit1{ justify-content: flex-start}
    .list20 li{ width: 25%;}
    .list21 li .a{height: 2rem;padding: .3rem .2rem 0;}
    .list21 li h3 big{ font-size: .36rem}

    .home7{ position: relative; z-index: 1}
    .home7:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; background: #fff; opacity: .7; z-index: -1}

    footer{text-align: center;padding: .4rem 0;}
    footer .left{ width: 100%;}
    footer .center{width: 100%;padding: .3rem 0;}
    footer .right{ width: 100%;}
    .list23{ justify-content: center;}
    .list22 li .rr{text-align: left;line-height: 1.375;padding: 0 .15rem;}
    footer .left img{ width: 2rem}
    .home7 .before{ background-attachment: inherit}

    .home2 .left .more7{ display: none}
    .home2 .left .more2{display: block;position: absolute;top: -.4rem;right: 10px;z-index: 10;}
}
@media(max-width: 800px){
	#gotop{ right:0; transform:scale(0.7)}

    .pad1{ padding: .4rem 0;}

    .tit1{ margin-bottom: .3rem;}
    .tit1 .ll{font-size: .4rem;transform: translateY(.04rem);}
    .tit1 h3, .miso_tab1 .hd ul li.on .tit1 .rr h3{font-size: .24rem;}
    .miso_tab1 .tit1 .rr h3{font-size: .2rem;}
    
    .list4 li .time{ width: 1rem;}
    .list4 li .ll{ padding: 0 .2rem;}
    .list4 li .txt{ height: 1rem;}
    .list4 li .time h3{ font-size: .36rem;}
    .list4{ margin-bottom: .3rem}

    .list5 li .a{ height: 2.2rem;}
    .list5 li .rr{ padding: 0 .3rem 0 .2rem;}
    .list5 li .line{ margin: .15rem 0;}
    .list5 li .time{ margin-bottom: .6rem;}

    .home2{ padding-top: .7rem}
    .miso_tab1 .hd{ width: 100%; border-radius: 0}
    .list7::before{ border-radius: 0}
    
    .list6Box .qhBox{ margin: .3rem 0 0;}

    .list7{padding: .7rem .2rem .3rem 0;}
    .list7 li .time h3{width: .42rem;height: .4rem;font-size: .24rem;}
    .list7 li .time h6{font-size: .16rem;margin: 0 0 0 .1rem;}
    .list7 li .time{width: 1.3rem;}
    .list7 li .rr{flex: 1;padding: 0 0 0 .15rem;overflow: hidden;}
    .list7 li h4{white-space: normal;max-height: .6rem\0 !important;overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}

    .more2 .a1{ width: 1.27rem; height: .39rem;}
    .list8{margin-top: 0;padding: .3rem .2rem;}
    .home3{padding-top: 0;padding-bottom: 0;}

    .list10 li.on p{ height: .52rem}
    .list11 li .txt{padding: 0 .2rem;height: 1.8rem;padding-top: .2rem;}
    .list11Box .swiper-scrollbar{ margin-top: .4rem}

    .home4{ padding-bottom: 0}
    .miso_tab1 .hd::before{top: -.2rem;bottom: -.2rem;right: 0;border-radius: 0 .3rem 0 0;}
    .list14{position: absolute;top: .75rem;left: 50%;transform: translateX(-50%);width: 100%;justify-content: center;margin: 0;}
    .home6::before{ border-radius: 0 0 0 .6rem}
    .home6 .tit1{margin-bottom: .9rem;}

    .list14 li .a{ width: .4rem; height: .4rem}
    .list14 li{ margin: 0 .1rem}

    .home6 .fl1 .left{ width: 100%;}
    .home6 .fl1 .right{width: 100%;padding: .2rem 0 0;}
    .list15 li:nth-child(2){ margin-top: .2rem}
    .home6 .fl2{ margin-top: .2rem}

    .home6 .fl2 .left{ width: 100%;}
    .home6 .fl2 .right{width: 100%;margin: .3rem 0 0;padding: 0 .3rem;height: auto;}
    .list19 li .a{ padding: .2rem 0}

    .home7{ padding-top: .1rem}

    .list20{margin: 0 -2px;margin-bottom: .4rem;}
    .list20 li{/* width: 33.33%; */ padding: 0 2px}
    .list20 li .ico{width: .7rem;height: .7rem;}
    .list20 li h4{ font-size: .16rem}

    .list13 li .img .imgLi{ padding-bottom: 59.11%;}

    .list22 li .ll{ display: none}
    .list22 li .rr, .list22 li .rr{ border: none; text-align: center}

    footer .center{ padding: .15rem 0}
}
@media(max-width: 560px){
	.list5 li .ll{ width: .8rem;}
    .list5 li .rr{ width: calc(100% - .8rem);}
    .list5 li .a:before{ left: .8rem;}

    .list7 li .a{ padding: .12rem 0;}

    .list8 li p{background-size: .2rem .2rem !important;}
    .list9Box .qhBox{transform: translateY(-.8rem);margin: 0 0 .7rem calc(50% + .17rem);}
    .list9Box{ padding-top: 1.2rem}
    .list9Box .dots{ margin-bottom: .2rem}

    .list9{ margin: 0 -.1rem}
    .list9 li{ padding: 0 .1rem}

    .list23 li img{ width: 1.3rem; height: 1.3rem;}
    
    .list22 li .rr{/* text-align: left; */line-height: 1.375;font-size: .14rem;justify-content: center;}
    .list10 li .a{ height: 1rem;}

    .list15 li h3{ font-size: .26rem;}
    .list15 li .top .ico1{width: .8rem;height: .8rem;}
    .list15 li .a{height: 1.4rem;}
    .list15 li .top{height: 100%;}

    footer .left img{ width: 1.5rem}
} 


#openBtn.nbtn .lcbody .lcitem .top{ background: #fff;}
#openBtn.nbtn .lcbody .lcitem .bottom1{background: url(../images/menu1_on.svg) center;}


.slow img{ transition: .5s;}

.n_banner{ position: relative; z-index: 1;}
.n_banner .img .imgLi{padding-bottom: 29.16%;}

.n_banner .top{position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/n_bt.png) center bottom no-repeat;background-size: 100% auto;font-size: .16rem;}
.n_banner .top .wp{height: 100%;display: flex;flex-direction: column;justify-content: flex-end;position: relative;padding-bottom: 9vw;}
.mianbao img{margin: -2px .1rem 0 0;height: .16rem;}
.mianbao *{font-size: .16rem;color: #fff;line-height: 1.5;font-style: normal;}
.mianbao span{margin: 0 .1rem;}
.n_banner h2{font-size: .44rem;color: #fff;margin-bottom: .2rem;}

.list_er{position: relative;z-index: 2;top: -.34rem;overflow: hidden;margin-bottom: -.68rem;}
.list_er ul:before{content: "";position: absolute;right: 0;top: 0;bottom: 0;background: #107481;z-index: -1;width: 100vw;border-radius: 0 50vw 50vw 0;}
.list_er ul{display: flex;position: relative;z-index: 1;min-width: 7.5rem;max-width: 100%;}
.list_er li{padding: 0;position: relative;margin-right: .4rem;}
.list_er li:last-child:before{ display: none}
.list_er li a{display: flex;line-height: .68rem;font-size: .16rem;color: #fff;position: relative;z-index: 1;align-items: center;}
.list_er li a:before{content: "";position: absolute;left: 50%;width: .33rem;height: .14rem;bottom: 0;transition: .5s;background: url(../images/list_er1.svg) center no-repeat;margin-left: -.165rem;transform: translateY(101%);opacity: 0;}
.list_er li.on a:before, .list_er li a:hover:before{transform: translateY(0);opacity: 1;}
.list_er li.on a, .list_er li:hover a{color: #fff;}

#m_n_nav {display: none;line-height: 50px;position: relative;z-index: 9;width: 100%;background: #107481;background-size: cover;}
#bnt_back { position: absolute; left: 15px; top: 0px; }
#bnt_back img { height: 28px; }
#bnt_back svg { fill: rgb(255, 255, 255); height: 30px; vertical-align: middle; width: 26px; }
#m_n_nav h1 {font-size: .18rem;color: rgb(255, 255, 255);text-align: center;margin: 0px;line-height: 50px;}
#bnt_sub_nav { position: absolute; right: 15px; top: 0px; height: 50px; cursor: pointer; color: rgb(255, 255, 255); font-size: 18px; display: flex; align-items: center; }
#bnt_sub_nav svg { fill: rgb(255, 255, 255); height: 20px; vertical-align: middle; width: 20px; }
#bnt_sub_nav img { display: block; height: 20px; }
#bnt_sub_nav.on img { transform: rotate(-180deg); }
#sub_nav_content { background: rgb(240, 243, 245); display: none; box-shadow: rgb(153, 153, 153) 0px 0px 5px; z-index: 9; }
#sub_nav_content ul { padding: 10px; }
#sub_nav_content ul li { display: block; line-height: 28px; margin: 1rem 0px; }
#sub_nav_content ul li a { display: block; border-left: 2px solid #107481; height: 30px; line-height: 30px; font-size: 14px; padding-left: 10px; color: rgb(83, 84, 85); }
#sub_nav_content ul li.on a { color: #107481; }
#sub_nav_content dl {font-size: 0px;overflow: hidden;background: rgb(255, 255, 255);padding: 10px 0px;display: flex;flex-wrap: wrap;}
#sub_nav_content dt {position: relative;background: rgb(255, 255, 255);z-index: 999;margin-bottom: 0px;width: 100%;}
#sub_nav_content dt a {margin: 5px 20px;display: block;color: #333;line-height: 30px;font-size: 14px;font-weight: 400;vertical-align: top;}
#sub_nav_content dt a i { position: absolute; right: 15px; top: 0px; opacity: 0; display: none; }
#sub_nav_content dt.title { background: rgb(250, 250, 251); }
#sub_nav_content dt.title i { opacity: 1; }
#sub_nav_content dt.title_on { background: rgb(250, 250, 251); }
#sub_nav_content dt.title_on a { color: #107481; border-top: 1px solid rgb(255, 255, 255); }
#sub_nav_content dt.title_on a i { color: #107481; }
#sub_nav_content dt.last a { border-top: 1px solid rgb(248, 248, 248); }
#sub_nav_content dt.on a, #sub_nav_content dt.title_on a {color: #107481;}
#sub_nav_content dd { display: none; }
#sub_nav_content dd .box { padding: 0px; }
#sub_nav_content dd a { padding: 0px 25px; line-height: 30px; border-top: 1px solid rgb(231, 231, 231); font-size: 12px; color: rgb(91, 83, 73); display: block; height: 30px; }
#sub_nav_content dd a.on { color:#107481; }

.n_container{position: relative;z-index: 1;overflow: hidden;min-height: 5rem;}
.nbg1{ background: url(../images/bg1.jpg) center; background-size: .5rem .5rem;}
.about{background: url(../images/about_b1.png) center 43% no-repeat; background-size: 100% auto !important}
.n_container .bg1{position: absolute;bottom: 0;left: 0;z-index: -1;width: 100%;}
.n_container .bg2{position: absolute;top: .5rem;left: 0;z-index: -1;width: 3.51rem;max-width: 20%;mix-blend-mode: darken;}
.n_container .bg3{position: absolute;bottom: 0;left: 0;z-index: -1;width: 100%;}
.about .bg2 img{width: 100%;}

.about .fl1 .wp{ align-items: flex-start}
.about .fl1 .left{ width: 56.8%;}
.about .fl1 .right{ width: calc(100% - 56.8%);}
.about .fl1 .right .img1{text-align: right;padding: 0 0 0 5%;justify-content: flex-end;}
.about .fl1 .right .img1 img{ max-width: 100%}
.about .fl1 .right .ar_article{background: #0a6d7a;border-radius: .8rem 0 .8rem 0;margin-left: -1.04rem;position: relative;padding: .55rem .4rem; position: relative; z-index: 1}
.about .fl1 .right .ar_article img.bg3{position: absolute;top: 5%;left:0;width: 100%;-webkit-animation:play 25s linear infinite;-moz-animation:play 25s linear infinite;animation:play 25s linear infinite;z-index: -1;pointer-events: none;}
.about .fl1 .right .ar_article p{ color: #fff}

.list24{margin: .4rem 30% 0 5%;}
.list24 li{height: .8rem;border-bottom: rgba(16,116,129,.1) 1px solid;justify-content: space-between;align-items: center;}
.list24 li .ll{width: 1.6rem;text-align: right;font-size: .18rem;color: #255e43;transform: translateY(.1rem);}
.list24 li .rr{width: 1.6rem;display: flex;align-items: baseline;justify-content: flex-end;}
.list24 li .rr big{ font-size: .4rem; color: #1f9fa2; font-family: 'Futura Md BT Bold';}
.list24 li .rr small{font-size: .18rem;color: #666666;margin-left: .1rem;transform: translateY(-.04rem);}

.about .fl2 .ar_article{background: rgba(255,255,255,.9);border-left: #177b88 .08rem solid;padding: .5rem; box-shadow: 0px 27px 46px 0px rgba(80, 80, 80, 0.09);}

.about .fl2{ padding: 3.6rem 0 .65rem;}
.about .fl3 .wp{ align-items: flex-start;}
.about .fl3 .left{ width: 5.8rem; padding: 0 .2rem .2rem 0; position: relative; z-index: 1;}
.about .fl3 .left::before{ content: ""; position: absolute; top: .4rem; right: 0; bottom: 0; left: .54rem; background: #005541; z-index: -1;}
.about .fl3 .left img{ width: 100%}
.about .fl3 .right{ width: calc(100% - 5.8rem); padding: .2rem 0 .2rem .65rem;}

@media(min-width: 1024px){
    
}
@media(max-width: 1024px){
    .about .fl1 .left{ width: 100%;}
    .about .fl1 .right{ width: 100%;}
    .about .fl1 .right .ar_article{ margin-left: 0}

    .list24{margin: .3rem 0;}
    .about .fl1 .right .img1{text-align: center;padding: 0;justify-content: center;}

    .about .fl3 .left{ width: 100%;}
    .about .fl3 .right{width: 100%;padding: .4rem 0 0;}

    .list_er, .mianbao{ display: none}
    .n_banner .img .imgLi{padding-bottom: 40%;}
    .n_banner h2{ font-size: .3rem}
    #m_n_nav{ display: block}
    .about .fl2{padding: 1.2rem 0 .4rem;}
    .about{background: url(../images/about_b1.png) center 33.5% no-repeat;}
}
@media(max-width: 800px){
	.about .fl1 .right .img1 img{ width: 3rem; margin: 0 auto .2rem}
	.list24 li .rr big{ font-size: .26rem}
	.list24 li .ll{transform: translateY(.02rem);}
    .list24 li{ height: .6rem;}
    .about .fl1 .right .ar_article{ padding: .25rem 15px}

    .about .fl2 .ar_article{ padding: .25rem 15px}
}
@media(max-width: 560px){
} 

.nleft{width: 3.2rem;position: relative;z-index: 1;top: -.52rem;}
.nright{width: calc(100% - 3.2rem);padding: .4rem 0 1.15rem .8rem;}

.tit2{background: url(../images/nleft_b1.jpg) center no-repeat;background-size: cover;height: 1.7rem;display: flex;flex-direction: column;justify-content: center;align-items: center;margin: 0 1px;}
.tit2 h3{ font-size: .36rem; color: #fff; margin-bottom: .12rem}
.tit2 h6 span{ font-size: .16rem; color: #fff; font-family: "Perpetua Titling MT"; position: relative; z-index: 1;}
.tit2 h6 span::before{content: "";position: absolute;width: .2rem;height: 1px;left: 110%;background: #fff;top: 50%;}
.tit2 h6 span::after{content: "";position: absolute;width: .2rem;height: 1px;right: 110%;background: #fff;top: 50%;}

.list_erji{background: #fff;border-left: #e5e5e5 1px solid;border-right: #e5e5e5 1px solid;}
.list_erji li *{ transition: .5s;}
.list_erji li .a{display: block;line-height: .9rem; padding: 0 .4rem; position: relative;z-index: 1;overflow: hidden;}
.list_erji li .a font{display: inline-block;font-size: .2rem;color: #666666;}
.list_erji li .a .ico{position: absolute;width: .36rem;height: .36rem;background: url(../images/list_erji.svg) center no-repeat;background-size: .2rem .2rem !important;border-radius: 50%;top: 50%;right: .36rem;margin: -.18rem 0 0;transform: scale(0);}
.list_erji li .a:before{content: "";font-weight: bold;background: #107481;position: absolute;top: 0;right: 0;bottom: 0;left: 0;z-index: -1;transform: translateX(-101%);opacity: 1;transition: .5s;}
.list_erji li .a:after{content: "";position: absolute;left: 0;right: 0;bottom: 0;border-bottom: #e5e5e5 1px solid;transition: .5s;}

.list_erji li.on .a font, .list_erji li:hover .a font{ color: #fff}
.list_erji li.on .a:before, .list_erji li:hover .a:before{ transform: translateX(0); opacity: 1}
.list_erji li.on .a:after, .list_erji li:hover .a:after{ opacity: 0}
.list_erji li.on .a font, .list_erji li:hover .a font{}
.list_erji li.on .a .ico, .list_erji li:hover .a .ico{ transform: scale(1)}

.mianbao1{align-items: center;justify-content: space-between;padding: .2rem 0;border-bottom: #e5e5e5 1px solid; margin-bottom: .5rem;}
.mianbao1 .dq h3{ font-size: .28rem; color: #333333}
.mianbao1 .mianbao *{ color: #666666}

.list25 li{ margin-bottom: .4rem;}
.list25 li .a{padding: 0;border-radius: 0;align-items: center;transition: .5s;position: relative;z-index: 1;overflow: hidden;background: #fff;}
.list25 li .a:before{content: "";position: absolute;right: 0;left: 0;height: 100%;bottom: 0;z-index: -1;background: #107481;transform: translateY(101%);transition: .5s;}
.list25 li .img{width: 3.27rem;}
.list25 li .img .imgLi{ padding-bottom: 65.13%}
.list25 li .txt{flex: 1;overflow: hidden;padding: .25rem .2rem .25rem .36rem;}
.list25 li h4{ font-weight: bold}
.list25 li p{ margin: .16rem 0 .24rem}
.list25 li h6{font-size: .16rem;color: #107481;transition: .5s;}

@media(min-width: 1024px){
    .list25 li .a:hover{ box-shadow: 0px 8px 35px 0px rgba(6, 58, 65, 0.21); border-radius: .5rem 0 .5rem 0}
    .list25 li .a:hover:before{ transform: translateY(0);}
    .list25 li .a:hover *{ color: #fff}
}
@media(max-width: 1024px){
    .nleft{ display: none;}
    .nright{width: 100%;padding: .5rem 0;}
    .mianbao1{ display: none;}
}
@media(max-width: 800px){
	.nright{ padding: .4rem 0;}
}
@media(max-width: 560px){
	.list25 li{ margin-bottom: .25rem}
    .list25 li .img{width: 100%;margin: 0;}
    .list25 li .txt{width: 100%;padding: .3rem .2rem;}
} 

.pages{margin: .6rem 0 0;}
.pages ul{text-align: center;}
.pages ul li{text-align:center;font-size: .16rem;display: inline-block;margin: .03rem .01rem;color: #666666;}
.pages ul li a{height: .35rem;text-align: center;padding: 0 8px;min-width: .35rem;display: flex;border: 1px solid #cccccc;border-radius: .04rem;align-items: center;justify-content: center; transition: .5s}
.pages ul li a svg{width: 14px;height: 14px;fill: #959595;transition: .5s;}
.pages ul li.cur{background: #107481;padding: 0 8px;min-width: .35rem;height: .35rem;line-height: .33rem;border-radius: 3px;}
.pages ul li a.on{background:#9d0c3a;padding: 0 8px;min-width: .35rem;height: .35rem;line-height: .33rem;color: #fff ;border-radius: 3px}
.pages ul li.cur{color:#fff;}
.pages ul li.page-count{line-height: .33rem}
.page-form {line-height: .33rem}
.page-form input{border: 1px solid #cccccc;width: .35rem;height: .35rem;float: left;text-align: center;padding: 0 .04rem;background: transparent;border-radius: .04rem;margin: 0 .08rem;}
.page-form span{float: left;color: #666}
.page-form button{border:none;width: .6rem;height: .35rem;line-height: .35rem;text-align: center;background: #179187;color: #fff;border-radius: .04rem;margin-left: 5px;font-size: .16rem;cursor: pointer;}
.pages ul li.next svg{ transform: rotateY(180deg)}
.pages ul li a:hover{background: #107481;border: #107481 1px solid;}
.pages ul li a:hover{ color: #fff}
.pages ul li a:hover svg{ fill: #fff}

@media(max-width: 560px){
    .pages{ margin-top: .4rem;}
}

#share-2>img{margin: -3px 6px 0 0;}
.shart_box{display:inline-block; cursor:pointer}
@font-face{font-family:"socialshare";src:url("../fonts/iconfont.eot");src:url("../fonts/iconfont.eot?#iefix") format("embedded-opentype"),url("../fonts/iconfont.woff") format("woff"),url("../fonts/iconfont.ttf") format("truetype")}.social-share{
    display: flex;
    align-items: center;
    font-size: .14rem;
    color: #666666;
}
.social-share *{font-family:"socialshare" !important}.social-share .icon-tencent:before{content:"\f07a"}.social-share .icon-qq:before{content:"\f11a";color: #fff;}.social-share .icon-weibo:before{content:"\f12a"}.social-share .icon-wechat:before{content:"\f09a";color: #fff;}.social-share .icon-douban:before{content:"\f10a"}.social-share .icon-heart:before{content:"\f20a"}.social-share .icon-like:before{content:"\f00a"}.social-share .icon-qzone:before{content:"\f08a";color: #fff;}.social-share .icon-linkedin:before{content:"\f01a"}.social-share .icon-diandian:before{content:"\f05a"}.social-share .icon-facebook:before{content:"\f03a"}.social-share .icon-google:before{content:"\f04a"}.social-share .icon-twitter:before{content:"\f06a"}.social-share a{position:relative;text-decoration:none;margin: 0 0 0 .06rem;display:inline-block;outline:none;}.social-share .social-share-icon{position:relative;display: flex;width: .26rem;height: .26rem;font-size: .14rem;border-radius: .06rem;line-height: 22px;background: inherit;color:#666;text-align:center;vertical-align:middle;transition:background 0.6s ease-out 0s;box-shadow: 0px 0px 8px 0px rgba(50, 50, 50, 0.1);align-items: center;justify-content: center;}.social-share .social-share-icon:hover{background:#666;color:#fff}.social-share .icon-weibo{color:#ff763b;border-color:#ff763b}.social-share .icon-weibo:hover{background:#ff763b}.social-share .icon-tencent{color:#56b6e7;border-color:#56b6e7}.social-share .icon-tencent:hover{background:#56b6e7}.social-share .icon-qq{color:#56b6e7;border-color:#56b6e7;background: #56b6e7;}.social-share .icon-qq:hover{background:#56b6e7}.social-share .icon-qzone{color:#FDBE3D;border-color:#FDBE3D;background: #FDBE3D;}.social-share .icon-qzone:hover{background:#FDBE3D}.social-share .icon-douban{color:#33b045;border-color:#33b045}.social-share .icon-douban:hover{background:#33b045}.social-share .icon-linkedin{color:#0077B5;border-color:#0077B5}.social-share .icon-linkedin:hover{background:#0077B5}.social-share .icon-facebook{color:#44619D;border-color:#44619D}.social-share .icon-facebook:hover{background:#44619D}.social-share .icon-google{color:#db4437;border-color:#db4437}.social-share .icon-google:hover{background:#db4437}.social-share .icon-twitter{color:#55acee;border-color:#55acee}.social-share .icon-twitter:hover{background:#55acee}.social-share .icon-diandian{color:#307DCA;border-color:#307DCA}.social-share .icon-diandian:hover{background:#307DCA}.social-share .icon-wechat{position:relative;color:#7bc549;border-color:#7bc549;background: #7bc549;}.social-share .icon-wechat:hover{background:#7bc549}.social-share .icon-wechat .wechat-qrcode{display:none;border:1px solid #eee;position:absolute;z-index:9;top: -170px;left: -62px;width: 160px;height: 156px;color:#666;font-size:12px;text-align:center;background-color:#fff;box-shadow:0 2px 10px #aaa;transition:all 200ms;-webkit-tansition:all 350ms;-moz-transition:all 350ms;}.social-share .icon-wechat .wechat-qrcode.bottom{top:40px;left:-84px}.social-share .icon-wechat .wechat-qrcode.bottom:after{display:none}.social-share .icon-wechat .wechat-qrcode h4{font-weight:normal;height:26px;line-height:26px;font-size:12px;background-color:#f3f3f3;margin:0;padding:0;color:#777}.social-share .icon-wechat .wechat-qrcode .qrcode{width:105px;margin:10px auto}.social-share .icon-wechat .wechat-qrcode .qrcode table{margin:0 !important}.social-share .icon-wechat .wechat-qrcode .help p{font-weight:normal;line-height:16px;padding:0;margin:0}.social-share .icon-wechat .wechat-qrcode:after{content:'';position:absolute;left:50%;margin-left:-6px;bottom:-13px;width:0;height:0;border-width:8px 6px 6px 6px;border-style:solid;border-color:#fff transparent transparent transparent}.social-share .icon-wechat:hover .wechat-qrcode{display:block}.help{ display: none;}

.detail{ padding: .8rem 0 1.15rem;}
.detail .content{background: #fff;box-shadow: -1.035px 3.864px 30px 0px rgba(124, 124, 124, 0.26);border-radius: .1rem;padding: .6rem;align-items: flex-start;}
.detail .left{ width: calc(100% - 3.6rem); padding: 0 .5rem 0 0;}
.detail .right{width: 3.6rem;position: relative;z-index: 1;padding: .8rem 0 0 .5rem;}
.detail .right:before{content: "";position: absolute;top: 1.35rem;left: 0;bottom: 0;border-left: #e5e5e5 1px solid;}
.ar_tit{ border-bottom: #87b9c0 1px solid; margin-bottom: .3rem; padding-bottom: .1rem}
.ar_tit h3{ font-size: .26rem; color: #000000; font-weight: bold; line-height: 1.5; text-align: center}
.ar_tit h6{font-size: .14rem;color: #333333;line-height: 1.5;margin: .2rem 0 0;justify-content: space-between;align-items: center;}

.h3-1{ font-size: .28rem; color: #107481; font-weight: bold; margin-bottom: .25rem; align-items: center; justify-content: space-between;}
.arrow2 .arrow svg{ width: .22rem; height: .22rem; fill: #107481;}
.arrow2 .arrow{ margin: 0 0 0 .1rem; cursor: pointer;}

.list26 li{border-bottom: #b7d5d9 1px dashed;padding-bottom: .2rem;}
.list26 li .img{ border-radius: .1rem}
.list26 li .txt{ padding: .2rem 0 0}
.list26 li h4{ font-size: .16rem; color: #000000;}
.list26 li p{margin: .05rem 0 .15rem; font-size: .14rem; color: #333333; line-height: 22px; max-height: 44px}
.list26 li h6{ font-size: 12px; color: #107481;}

.h3-2{font-size: .18rem;color: #107481;font-weight: 600;margin-bottom: .15rem;}

.xgxw .box{ align-items: center; justify-content: space-between;}

.list27{flex: 1;padding: 0 .3rem 0 0;overflow: hidden;}
.list27 li h4{ font-size: .16rem; color: #333333; list-style: .36rem}

.more4{display: flex;align-items: center;background: #107481;justify-content: center;width: 1.1rem;height: .4rem;font-size: .16rem;color: #fff;transition: .5s;}
.xgxw{border-top: #b7d5d9 1px solid;padding: .36rem 0 0;margin-top: .36rem;}

.h3-3{ font-size: .22rem; color: #222222; font-weight: 600;}

@media(min-width: 1024px){
    .list27 li .a:hover h4{ color: #107481;}
    .more4:hover{ background: #179187}
}
@media(max-width: 1024px){
    .detail .left{width: 100%;padding: 0;}
    .detail .right{width: 100%;padding: .5rem 0 0;}
}
@media(max-width: 800px){
    .detail .content{ padding: .3rem .2rem;}
    .detail{ padding: .5rem 0;}
    .ar_tit h3{ font-size: .26rem;}
    .list27{width: 100%;flex: auto;padding: 0 0 .3rem;}
    .more4{ margin: 0 auto}
    .detail .right:before{ display: none;}
}
@media(max-width: 560px){
} 

.list28{ margin: 0 -.68rem;}
.list28 li{width: 33.33%;padding: 0 .68rem;margin-bottom: .25rem;}
.list28 li .a{display: flex;height: .7rem;padding: 0 .48rem;align-items: center;font-size: .16rem;color: #107481;line-height: .26rem;position: relative;z-index: 1;transition: .5s;font-weight: 600;justify-content: flex-start;}
.list28 li .a:after{content: "";position: absolute;left: 0;width: .03rem;top: 0;bottom: 0;background: #107481;transition: .5s;z-index: -1;}
.list28 li .a:before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border: rgba(16,116,129, .2) 1px dashed;transition: .5s;z-index: -1;}

@media(min-width: 1024px){
    .list28 li .a:hover{color: #fff;box-shadow: 0px 0px 13px 0px rgba(18, 41, 82, 0.18);justify-content: center;}
	.list28 li .a:hover:after{ width: 100%}
}
@media(max-width: 1600px){
    .list28 li{ width: 50%;}
}
@media(max-width: 1024px){
    .list28{ margin: 0 -.2rem;}
    .list28 li{padding: 0 .2rem;}
}
@media(max-width: 800px){
    .list28 li{ width: 100%; margin-bottom: .15rem}
    .list28 li .a{font-size: .18rem;height: .7rem;}
    footer .left p{ padding-top: .15rem; margin-top: .15rem;}

}
@media(max-width: 560px){
	
}

.list29{width: 10.2rem;max-width: 100%;margin: 0 auto;}
.list29 li{ padding: .15rem 0}
.list29 li .ll{font-size: .22rem;color: #107481;position: relative;z-index: 1;padding: 0 0 0 .26rem;font-weight: 600;}
.list29 li .ll:before{content: "";position: absolute;left: 0;top: 50%;width: 2px;height: .3rem;background: #107481;margin-top: -.15rem; transition: .5s}
.list29 li .a{display: flex;height: .7rem;align-items: center;border-top: #cbdfe2 1px solid;border-bottom: #cbdfe2 1px solid;justify-content: space-between;position: relative;z-index: 1; transition: .5s}
.list29 li .rr{ width: 1.12rem}
.list29 li .rr .a1{font-size: .2rem;color: #010101;transition: .5s;display: block;line-height: 1.5; transition: .5s}

@media(min-width: 1024px){
	.list29 li .a:hover{ background: #107481}
	.list29 li .a:hover *{ color: #fff}
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
    .list29 li .ll{ font-size: .18rem;}
    .list29 li .rr{ font-size: .16rem;}
    .list29 li{padding: .1rem 0;}
    .list29 li .a{ height: .6rem;}
}
@media(max-width: 560px){
} 

.leader_d{ padding-top: 1.3rem}
.leader_d .wp{ align-items: flex-start;}
.leader_d .left{width: 33%;padding: .7rem .6rem .7rem .9rem;position: relative;z-index: 1;border-radius: .7rem 0 0 0;overflow: hidden;}
.leader_d .left:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -1; background: url(../images/leader_d_b2.jpg) center no-repeat; background-size: cover;}
.leader_d .left img{ width: 100%}
.leader_d .left{ text-align: center}
.leader_d .left h4{ font-size: .32rem; color: #fff; font-weight: bold; margin: .4rem 0 .22rem}
.leader_d .left .p{ border-left: #b63636 2px solid; background: rgba(255,255,255,.95); padding: .05rem .2rem; font-size: .22rem; color: #333333; line-height: 1.5; text-align: center}
.leader_d .right{width: calc(100% - 33%);background: url(../images/leader_d_b3.jpg) center top no-repeat;background-size: 100% auto;padding: .4rem 0 0;}
.leader_d .right .ar_article{background: #fff;box-shadow: 0px 27px 46px 0px rgba(80, 80, 80, 0.09);padding: .4rem .65rem;border-radius: 0 0 .7rem 0;}

@media(min-width: 1024px){
}
@media(max-width: 1024px){
    .leader_d .left{width: 100%;padding: .5rem .3rem;}
    .leader_d .right{width: 100%;padding: 0;}
    .leader_d .left img{ width: 2rem;}
    .leader_d .right .ar_article{ padding: .3rem .2rem}
}
@media(max-width: 800px){
    .leader_d{ padding-top: .5rem;}
    .leader_d .left h4{ font-size: .24rem;}
    .leader_d .left .p{ font-size: .16rem;}
}
@media(max-width: 560px){
} 

.gccrc .content{ margin: 0 -.35rem;}
.gccrc .content .box{ width: 50%; padding: 0 .35rem;}
.gccrc .content .box .con{ margin-bottom: .5rem}

.tit3{background: url(../images/list10_b1.jpg) center;background-size: .16rem .16rem;height: .7rem;display: flex;align-items: center;padding: 0 .3rem 0 .5rem;border-radius: 0 .3rem 0 0;}
.tit3 h3{ font-size: .22rem;color: #fff;line-height: 1.375;font-weight: 600;}
.tit3 h3 small{ font-size: .2rem}

.list30Box{background: #fff;padding: .3rem .3rem .3rem .5rem;}
.list30 li{ min-width: 20%; font-size: .18rem; color: #333333; line-height: .4rem; transition: .5s;}

.h3-4{font-size: .2rem;color: #222222;font-weight: 600;line-height: 1.5;margin-bottom: .2rem;}

.list31{ margin-bottom: .2rem}
.list31 dt{position: relative;font-size: .18rem;color: #107481;line-height: 1.5;font-weight: 600;padding: 0 0 0 .24rem;margin-bottom: .06rem;}
.list31 dt::before{content: "";position: absolute;width: .08rem;height: .08rem;background: #107481;border-radius: 50%;left: 0;top: 50%;margin-top: -.05rem;}
.list31 .dd{ padding: 0 0 0 .24rem}
.list31 dd{ min-width: 20%; font-size: .18rem; color: #333333; line-height: .4rem; transition: .5s;}

@media(min-width: 1024px){
    .list30 li:hover, .list31 dd:hover{ color: #107481;}
}
@media(max-width: 1024px){
    .gccrc .content .box{ width: 100%;}
    .tit3{ padding: 0 .2rem;}
    .list30Box{ padding: .3rem .2rem;}
    .gccrc .content .box .con{ margin-bottom: .25rem;}
    .tit3 h3{ font-size: .2rem;}
    .tit3 h3 small{ font-size: .16rem;}
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

.list32 li{ margin-bottom: .4rem;}
.list32 li .a{ border-radius: .5rem 0 .5rem 0; overflow: hidden; background: #dfeaec;}
.list32 li .left{width: 24%;padding: .5rem .3rem;display: flex;align-items: center;justify-content: center;font-size: .26rem;color: #107481;transition: .5s;font-weight: 600;line-height: 1.5;}
.list32 li .center{width: 51%;padding: .5rem .3rem;transition: .5s;border-left: #fff 1px solid;border-right: #fff 1px solid;display: flex;align-items: center;justify-content: center;}
.list32 li .right{width: calc(100% - 24% - 51%);padding: .5rem .3rem;display: flex;align-items: center;justify-content: center;font-size: .26rem;color: #107481;transition: .5s;font-weight: 600;line-height: 1.5;}

.list33{ width: 6rem; max-width: 100%; margin: 0 auto; transform: translateX(.5rem)}
.list33 dd{ min-width: 50%; line-height: 1.5; padding: 0 0 0 .2rem; position: relative; margin: .15rem 0;}
.list33 dd a{ transition: .5s; font-size: .2rem; color: #107481; font-weight: 600;}
.list33 dd:before{content: "";position: absolute;width: .05rem;height: .05rem;background: #107481;left: 0;top: 50%;margin-top: -.025rem;border-radius: 50%; transition: .5s;}


@media(min-width: 1024px){
    .list32 li .a:hover .left{ background: #117c8a url(../images/list32_b1.png) left bottom no-repeat;}
    .list32 li .a:hover .center{ background: #178495;}
    .list32 li .a:hover .right{ background: #147e96 url(../images/list32_b2.png) right top no-repeat;;}
    .list32 li .a:hover *{ color: #fff }
    .list32 li .a:hover dd:before{ background: #fff}

    .list32 li .a dd a:hover{ color: #fea94f !important}
    .list32 li .a dd:hover:before{ background: #fea94f}
}
@media(max-width: 1024px){
    .n_container.nbg1 .pad1{ padding-top: .4rem;}
    .list33{ transform: translateX(0)}
}
@media(max-width: 800px){
	.list32 li{ margin-bottom: .25rem}
	.list32 li .left, .list32 li .right{font-size: .18rem;padding: .3rem 10px;}
	.list32 li .center{ padding: 15px 15px}
	.list33 dd a{font-size: .16rem;}
	.list33 dd{margin: .05rem 0;width: 100%;}
}
@media(max-width: 560px){
} 

.kxyj1 .fl1 .wp{ align-items: center;}
.kxyj1 .fl1 .left{ width: 50%;}
.kxyj1 .fl1 .left .ar_article p{ line-height: 2;}
.kxyj1 .fl1 .left .more5{ margin-top: .65rem;}
.kxyj1 .fl1 .right{ width: 50%; padding: 0 0 0 .84rem;}
.kxyj1 .fl1 .right .img{margin-right: calc(((100% - 14.4rem)/2 + 100%)*-1);width: auto;border-radius: 50vw 0 0 50vw;}

.tit4{margin-bottom: .3rem;}
.tit4 h3{font-size: .32rem;color: #107481;font-family: "sys";position: relative;z-index: 1;}
.tit4 h6{font-size: .46rem;-webkit-text-fill-color: transparent;-webkit-text-stroke: 1px rgba(16,116,129, .2);color: rgba(16,116,129, .2)\0;text-transform: uppercase;font-weight: bold;margin-top: -.2rem;}

.more5 .a1{ font-size: .16rem; color: #107481; display: flex; border: rgba(16,116,129, .5) 1px solid; width: 1.36rem; height: .36rem; border-radius: 50vw; justify-content: center; align-items: center; transition: .5s}
.more5 .a1 svg{ width: .18rem; height: .18rem; fill: #107481; margin: 0 0 0 .08rem; transition: .5s}

.kxyj1 .fl2 .left{background: url(../images/kxyj1_bg1.jpg) right top no-repeat;background-size: cover;width: 63.75%;position: relative;z-index: 1;margin-bottom: -2.04rem;}
.kxyj1 .fl2 .left:after{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;background: url(../images/kxyj1_bg2.png) right top no-repeat;background-size: cover;transform: translateX(3.5%);}
.kxyj1 .fl2 .right{width: calc(100% - 63.75%);background: url(../images/kxyj1_bg3.jpg) center;background-size: cover;padding: 1.14rem 0 .9rem 1.14rem;overflow: hidden;}
.kxyj1 .fl2 .tit4 h3{ color: #fff;}
.kxyj1 .fl2 .tit4 h6{ -webkit-text-fill-color: transparent; -webkit-text-stroke: 1px rgba(255,255,255, .2); color: rgba(255,255,255, .2)\0;}

.list34{ padding-top: .1rem}
.list34 li{ margin-bottom: .3rem;}
.list34 li .a{font-size: .22rem;color: #fff;font-weight: 600;display: flex;position: relative;z-index: 1;height: .4rem;align-items: center;transition: .5s;}
.list34 li .a:before{ content: ""; position: absolute; top: 0; left: 0; bottom: 0; width: 120%; border: rgba(255,255,255,.5) 1px solid; border-radius: 50vw;transition: .5s; opacity: 0; z-index: -1}

.list34 li.on .a, .list34 li .a:hover{ padding-left: .3rem}
.list34 li.on .a:before, .list34 li .a:hover:before{ opacity: 1}

.list35W{/* display: flex; *//* overflow: hidden; *//* justify-content: flex-end; */}
.list35Box{width: 54.375%;float: right;border-radius: .6rem 0 0;}
.list35 li .a{ display: block; background: #178684; height: 2.04rem; padding: .44rem .3rem .3rem;}
.list35 li h4{font-size: .18rem;color: #fff !important;line-height: .3rem;font-weight: normal;margin-bottom: .35rem;}
.miso_tab2 .bd{position: relative;z-index: 1;/* overflow: hidden; */}
.miso_tab2 .bd .bd_li{width: 100%;}

.list35 li:nth-child(3n-1) .a{ background: #007260}
.list35 li:nth-child(3n) .a{ background: #1b6b6f}
.list35Box .dots{margin-top: .2rem;text-align: center;}
.list35Box .dots span{width: .05rem;height: .05rem;background: #12817f;opacity: .5;border-radius: 50vw;margin: 0 .03rem;}
.list35Box .dots span.active{width: .44rem;opacity: 1;}
.arrow3 .arrow{position: absolute;right: 100%;bottom: 0;width: .43rem;height: .43rem;z-index: 10;}
.arrow3 .arrow.prev{ background: #12817f}

.more6{ justify-content: flex-end}
.more6 .a1{font-size: .14rem;color: #fff;display: flex;width: 1rem;height: .3rem;border-radius: 50vw;justify-content: center;align-items: center;transition: .5s;}
.more6 .a1 svg{width: .18rem;height: .18rem;fill: #fff;margin: 0 0 0 .05rem;transition: .5s;}

.list36{ margin: 0 0;}
.list36 li{width: 25%;padding: 0 0;position: relative;z-index: 1;overflow: hidden;padding-bottom: .25rem;}
.list36 li::before{content: "";position: absolute;left: 0;width: 1px;height: 80%;background: #107481;opacity: .2;}
.list36 li:first-child:before{ display: none;}
.list36 li .a{position: relative;z-index: 1;cursor: pointer;}
.list36 li .a::before{content: "";position: absolute;top: 0;right: 0;bottom: 0;left: 0;border-radius: .5rem 0 .5rem 0;background: #107481;z-index: -1;transition: .5s;transform: translateY(101%);opacity: 0;}
.list36 li .txt1{ padding: .2rem .4rem;}
.list36 li .txt2{padding: .2rem .4rem;border-top: rgba(255,255,255,.2) 1px solid;position: relative;z-index: 1;}
.list36 dd{font-size: .16rem;color: #edecec;line-height: 22px;margin-bottom: .16rem;opacity: 0;transition: .5s;}
.list36 dd a{ display: block; position: relative; z-index: 1; padding: 0 0 0 .12rem;}
.list36 dd a::before{content: "";position: absolute;width: .04rem;height: .04rem;background: #edecec;border-radius: 50%;left: 0;top: .1rem;}
.list36 li .a2{display: inline-block;font-size: .18rem;color: #107481;position: absolute;top: .2rem;left: .4rem;transition: .5s;font-weight: 600;}
.list36 li .a3{display: flex;width: 1.5rem;height: .3rem;align-items: center;font-size: .14rem;color: #333333;background: #fff;border-radius: 0 50vw 50vw 0;padding: 0 0 0 .4rem;position: absolute;left: 0;bottom: -.15rem;box-shadow: .07rem .07rem .08rem 0px rgba(3, 3, 3, 0.13);transform: translateX(-101%);transition: .5s;opacity: 0;visibility: hidden;}
.miso_tab2{ overflow: hidden}

.kxyj1 .fl3{ padding-bottom: 0;}
.kxyj1 .fl4 .tit4{ text-align: center;}

.list37 li{width: 50%;margin-bottom: .3rem;}
.list37 li .a{display: flex;height: .6rem;border: #107481 1px dashed;border-radius: 50vw;align-items: center;justify-content: center;padding: 0 .2rem;flex-wrap: nowrap;}
.list37 li h4{font-size: .22rem;font-weight: 600;flex: inherit;overflow: hidden;}
.list37 li svg{ width: .2rem; height: .2rem; fill: #107481; margin-left: .15rem}
.kxyj1 .fl4 .more5{ justify-content: center; margin-top: .8rem;}

.kxyj1 .fl6{position: relative;z-index: 1;background: url(../images/kxyj1_fl6_bg2.jpg) center no-repeat;background-size: cover;overflow: visible;}
.kxyj1 .fl6 .left{ width: 50%;}
.kxyj1 .fl6 .right{position: absolute;top: -.98rem;right: 0;width: 50%;bottom: .16rem;background: url(../images/kxyj1_fl6_bg1.jpg) center no-repeat;background-size: cover;}

.list38 li{ width: 50%; margin: .45rem 0;}
.list38 li a{display: flex;align-items: center;font-size: .22rem;color: rgba(255,255,255,.5);font-weight: 600;line-height: 1.5;transition: .5s;}
.list38 li img{ width: .2rem; height: .2rem; transition: .5s; opacity: 0}

.kxyj1 .fl7 .tit4{ text-align: center;}

.list39{ margin: 0 -.15rem;}
.list39 li{ width: 33.33%; padding: 0 .15rem; margin-bottom: .3rem;}
.list39 li .a{display: flex;background: #fff;padding: 0 .3rem;height: 1.5rem;align-items: center;position: relative; transition: .5s;}
.list39 li .a:before{ content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 0; transition: .5s; background: #107481}
.list39 li .time{width: .8rem;position: relative;text-align: center;}
.list39 li .time h3{background: url(../images/list7_i1.png) center no-repeat;width: .5rem;height: .48rem;display: flex;align-items: center;justify-content: center;font-size: .3rem;color: #27818d;font-family: Futura Bk BT;background-size: 100% 100% !important;transition: .5s;margin: 0 auto;}
.list39 li .time h6{font-size: .19rem;color: #27818d;font-family: Futura Bk BT;transition: .5s;margin: .06rem 0 0;}
.list39 li .rr{flex: 1;padding: 0 0 0 .3rem;ov\: h;}
.list39 li h4{ font-weight: normal}

@media(min-width: 1024px){
    .more5 .a1:hover{ background: #107481; border: #107481 1px solid; color: #fff;}
    .more5 .a1:hover svg{ fill: #fff;}

    .more6 .a1:hover, .list35 li .a:hover .a1{ background: #fff; color: #107481}
    .more6 .a1:hover svg, .list35 li .a:hover .a1 svg{ fill: #107481}

    .list36 li:hover::before, .list36 li:hover + li::before{ opacity: 0;}
    .list36 li .a:hover::before{ transform: translateY(0);opacity: 1;}
    .list36 li .a:hover h4{ color: #fff;}
    .list36 li .a:hover .a2{ opacity: 0;}
    .list36 li .a:hover dd{ opacity: 1}
    .list36 li .a:hover .a3{transform: translateX(0);opacity: 1;visibility: visible;}

    .list38 li a:hover{ color: #fff}
    .list38 li a:hover img{ transform: translateX(.15rem); opacity: 1}

    .list39 li .a:hover{ box-shadow: 0 0 .5rem rgba(0,0,0,.1)}
    .list39 li .a:hover:before{ height: 100%; }
}
@media(max-width: 1024px){
    .kxyj1 .fl1 .left{ width: 100%;}
    .kxyj1 .fl1 .right{max-width: 100%;width: 4rem;padding: .3rem 0 0;margin: 0 auto;}
    .kxyj1 .fl1 .right .img{width: 100%;margin: 0 auto;border-radius: 0;}

    .kxyj1 .fl2 .left{width: 100%;display: none;}
    .kxyj1 .fl2 .right{width: 100%;padding: .3rem 0 .3rem .2rem;}
    .list35Box{width: 100%;border-radius: 0;}

    .list36 li::before{ opacity: 0;}
    .list36 li .a::before{transform: translateY(0);opacity: 1;border-radius: .3rem 0 .3rem 0;}
    .list36 li:nth-child(2n) .a::before{ background: #178684}
    .list36 li .a h4{ color: #fff;}
    .list36 li .a .a2{ opacity: 0;}
    .list36 li .a dd{ opacity: 1}
    .list36 li .a .a3{transform: translateX(0);opacity: 1;visibility: visible;}

    .list36{ margin: 0 -.1rem}
    .list36 li{ padding: 0 .1rem .25rem}
    .list36 li{ width: 50%; margin-bottom: .15rem}
    .list37 li{width: 100%;margin-bottom: .15rem;}
    .list37 li h4{ font-size: .2rem}
    .kxyj1 .fl6 .left{ width: 100%}
    .kxyj1 .fl6 .right{width: 100%;position: relative;top: 0;bottom: auto;height: 60vw;margin-top: .3rem;}
    .list38 li{ margin: .15rem 0}

    .list39 li{ width: 50%}
}
@media(max-width: 800px){
    .list39 li{ width: 100%; margin-bottom: .2rem}
    .list39 li .a{ height: 1.2rem}
    .tit4 h6{font-size: .26rem;margin-top: -.08rem;}
    .kxyj1 .fl4 .more5{ margin-top: .2rem;}

    .list36 li .txt2{ padding: .2rem .2rem;}
    .list36 li .txt1{ padding: .2rem .2rem;}
    .kxyj1 .fl1 .left .more5{ margin-top: .3rem}
    .list38 li{ margin: .1rem 0}
}
@media(max-width: 560px){
	.list36 li{ width: 100%}
	.list37 li .a{ height: .8rem}
	.list38 li a{ font-size: .2rem}
	.list34 li{ margin-bottom: .15rem}
} 

/*公共css*/
@media(max-width: 800px){
    .h4s0{font-size: .2rem !important;line-height: .3rem !important;}
    .h4s1{font-size: .2rem !important;line-height: .3rem !important;max-height: .3rem\0 !important;}
    .h4s2{font-size: .2rem !important;line-height: .3rem !important;max-height: .6rem\0 !important;}
    .h4s3{font-size: .2rem !important;line-height: .3rem !important;max-height: .9rem\0 !important;}

    .ps0{font-size: .16rem !important;line-height: .26rem !important;}
    .ps1{font-size: .16rem !important;line-height: .26rem !important;max-height: .26rem\0 !important;}
    .ps2{font-size: .16rem !important;line-height: .26rem !important;max-height: .52rem\0 !important;}
    .ps3{font-size: .16rem !important;line-height: .26rem !important;max-height: .78rem\0 !important;}
    .ps4{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.04rem\0 !important;}
    .ps5{font-size: .16rem !important;line-height: .26rem !important;max-height: 1.3rem\0 !important;}
} 

@media(min-width: 1024px){
}
@media(max-width: 1024px){
}
@media(max-width: 800px){
}
@media(max-width: 560px){
} 

/* pagebar start */
    /*pagebar可改为自定义名称*/
    
    /*公共样式 字体，行高，字体颜色等*/
    .pagebar {
        margin-top: 20px;
        font-size: 14px;
        color: #666;
        text-align:center;}
    .pagebar>.p_t:first-child{display: none;}
    /*去掉a链接的下划线*/
    .pagebar a{
        text-decoration: none;}
    
    /*消掉最左侧页码区margin-left的5个像素*/
    .pagebar .p_pages{}
    
    /*按钮和页码的外观*/
    .p_fun_d{
    cursor:text;}
    .pagebar .p_fun_d, .pagebar .p_no_d,.pagebar .p_fun, .pagebar .p_no,.pagebar .p_dot{
        border: 1px solid #ddd;
        box-sizing:border-box;
        display:inline-block;
        vertical-align:middle;
        line-height: 32px;
        min-width: 36px;
        border-radius: 3px;
        margin: 3px 2px;
        overflow:hidden;}
    .pagebar .p_fun_d,.pagebar .p_fun a{
        padding: 0 10px;
    }
    /*
    .pagebar .p_fun_d,.pagebar .p_fun a{
    text-indent:-999px;
    position:relative;}
    .pagebar .p_fun a:after,.pagebar .p_fun_d:after{
    font-family: "swiper-icons" !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-indent:0;
    display:block;
    position:absolute;
    top:0;
    left:10px;}
    .p_prev_d:after,.p_prev a:after{
    content: "\e62f";}
    .p_next_d:after,.p_next a:after{
    content: "\e676";}
    */
    
    .pagebar .p_fun a, .pagebar .p_no a{
    display:block;}
    /*文字对齐样式*/
    .pagebar .p_t{
        display:inline-block;
        vertical-align:middle;}
    
    /*链接字体颜色*/
    .pagebar .p_fun a, .pagebar .p_no a{
        color: inherit;}
    
    /*鼠标移上时有链接按钮的外观*/
    .pagebar .p_no a:hover{
        color:#107481;}
    
    .pagebar .p_fun:hover{
    border:none;
    }
    
    /*页码省略号...的外观*/
    .pagebar .p_dot {
    border:none;
    min-width:auto;}
    
    /*当前页码的外观*/
    .pagebar .p_no_d,.pagebar .p_fun:hover a{
        border: 1px solid #107481;
        color: #fff;
        background-color: #107481;}
    
    /*按钮控制*/
    
    /*控制是否显示 "首页" "尾页" */
    .pagebar .p_first,.pagebar .p_first_d,.pagebar .p_last,.pagebar .p_last_d{
        display:none;}
    
    /*控制是否显示 "上页" "下页"*/
    .pagebar .p_prev,.pagebar .p_prev_d.pagebar .p_next,.pagebar .p_next_d{}
    
    /*控制是否显示无链接的 "首页" "上页" "下页" "尾页"*/
    .pagebar .p_first_d,.pagebar .p_prev_d,.pagebar .p_next_d,.pagebar .p_last_d{}
    
    /*控制是否显示页码*/
    .pagebar .p_no,.pagebar .p_no_d,.pagebar .p_dot{}
    
    /*跳转到页码输入框的外观*/
    .jump_to{display:inline-block;}
    .pagebar .p_goto input {
        font-size:14px;
        border: 1px solid #ddd;
        height:32px;
        line-height:30px;
        box-sizing:border-box;
        vertical-align:middle;
        outline-width:thin;
        outline-color:#107481;
        margin:0px 2px;
        padding:0px 1px;
        width:32px;
        text-align:center;
        border-radius:3px;}
    
    /*跳转到页码输入框  鼠标移上及输入时的外框颜色*/
    .pagebar .p_goto input:hover, .pagebar .p_goto input:focus{
        border: 1px solid #107481;}
    
    /*跳转按钮的外观*/
    .pagebar .p_goto a{
        border: 1px solid #ccc;
        padding: 10px 6px;
        color: #fff;
        border-radius: 3px;
        margin:0px;
        height:30px;
        -height:auto;
        line-height:7px;
        display:inline-block;
        box-sizing:border-box;
        vertical-align:middle;
        background:#179187;
        border-color:#179187;}
    /*pagebar end*/


/*09-01*/
.list40{margin: 0 -.15rem;margin-bottom: -.3rem;}
.list40 li{width: 33.33%;padding: 0 .15rem;margin-bottom: .3rem;}
.list40 li .img .imgLi{padding-bottom: 62%;}
.list40 li .txt{padding: 0 .25rem;position: relative;z-index: 1;background: #fff;height: .86rem;display: flex;align-items: center;justify-content: center;}
.list40 li .txt h4{font-size: .18rem;color: #333333;line-height: .28rem;font-weight: normal;}
.list40 li .txt h4.h4ss1{
  
    -webkit-line-clamp: 1;
}
.list40 li .txt1{
    flex-direction: column;
}
.list40 li .txt:before{ content: ""; position: absolute; left: 0; right: 0; top: 0; height: 0; z-index: -1; transition: .5s}

@media(min-width: 1024px){
	.list40 li .a:hover .txt:before{height: 100%;background: #27818d;}
	.list40 li .a:hover h4{ color: #fff}
}
@media(max-width: 1024px){
    .list40{ margin: 0 -.2rem; margin-bottom: -.3rem;}
    .list40 li{ padding: 0 .2rem; margin-bottom: .3rem;}
}
@media(max-width: 800px){
    .list40 li:first-child{ width: 100%;}
    .list40 li{ width: 50%;}
}
@media(max-width: 560px){
    .list40{ margin: 0 -.1rem; margin-bottom: -.2rem;}
    .list40 li{ padding: 0 .1rem; margin-bottom: .2rem;}
    .list40 li .txt{padding: 0 .15rem;}
.pagebar .p_t,.pagebar .p_goto{display:none;}


} 

.list_erji li .box{padding: .1rem .4rem;background: #f6f9f9;}
.list_erji li .box a{display: block;font-size: .15rem;color: #777;line-height: 1.8;margin: .1rem 0;transition: .5s;position: relative;}

.list_erji li .box a:after{content: "";position: absolute;z-index: 1;width: 10px;background: #dedede;height: 3px;right: .14rem;top: 50%;margin-top: -0.015rem;}
.list_erji li .box a:hover{color: #107481;}
.list_erji li .box a.on{ color: #107481;}
.list_erji li .box a.on::after{ background: #107481;}

.list_san{justify-content: center;position: relative;z-index: 1; margin-bottom: .5rem}
.list_san:after{content: '';position: absolute;left: 0;right: 0;bottom:0;height: 1px;background: #ddd}
.list_san li .a{ display: inline-block; line-height: 3; font-size: .18rem; color: #333; padding: 0 .2rem; transition: .5s; position: relative}
.list_san li .a:after{content: '';position: absolute;left: 50%;width: 0;bottom: 0;height: 2px;background: #107481;z-index: 5;transform: translateX(-50%);transition: .3s}
.list_san li.on .a, .list_san li .a:hover{ color: #107481;}
.list_san li.on .a:after, .list_san li .a:hover:after{ width: 100%}
/*学术报告 格式化*/
.ar_article .detail1 p{ line-height: 180% !important; text-indent: 2em !important; font-size: 14pt !important; margin-bottom:.2rem !important;}

.list41{ margin: 0 -.25rem -.34rem}
.list41 li{ width:33.33%; padding:0 .25rem; margin-bottom:.34rem}
.list41 li .a{ display:flex; height:.86rem; box-shadow: 0.968px 3.881px 13px 0px rgba(22, 0, 21, 0.1); border-radius:.05rem; background:#fff; padding:0 0 0 .36rem; align-items:center; justify-content:space-between; overflow: hidden}
.list41 h4{font-size: .2rem;color: #333333;transition: .5s;}
.list41 h4 img{width: .38rem;margin-right: .12rem;-webkit-filter: grayscale(100%);-moz-filter:grayscale(100%);-ms-filter:grayscale(100%);-o-filter:grayscale(100%);filter:grayscale(100%);filter:gray;opacity: .9;}
.list41 .ico{ position: relative; z-index: 1}
.list41 .ico:before{ content: ""; position: absolute; top: 0; right: 0; bottom: 0; width: .06rem; background: #107889}
.list41 .ico img{height: 100%;transform: translateX(101%);transition: .5s;}
.list41 .ico svg{position: absolute;width: .26rem;height: .26rem;fill: #444444;z-index: 2;top: 50%;left: 58%;transform: translate(-50%, -50%);transition: .5s;}
.list41 li:nth-child(2) .ico:before{ background: #f1b133}
.list41 li:nth-child(3) .ico:before{ background: #1586bb}
.list41 li:nth-child(4) .ico:before{ background: #1cab9f}
.list41 li:nth-child(5) .ico:before{ background: #117888}
.list41 li:nth-child(6) .ico:before{ background: #f1b133}
.list41 li:nth-child(7) .ico:before{ background: #1586bb}
.list41 li:nth-child(8) .ico:before{ background: #1cab9f}
.list41 li:nth-child(9) .ico:before{ background: #107889}
.list41 li:nth-child(10) .ico:before{ background: #f1b133}
.list41 li:nth-child(11) .ico:before{ background: #1586bb}
.list41 li:nth-child(12) .ico:before{ background: #1cab9f}
.list41 li:nth-child(13) .ico:before{ background: #107889}

@media(min-width: 1024px){
	.list41 .a:hover .ico img{ transform: translateX(0)}
	.list41 .a:hover .ico svg{ fill: #fff}
	.list41 .a:hover h4{ color: #117888}
	.list41 .a:hover h4 img{ -webkit-filter: grayscale(0);-moz-filter:grayscale(0);-ms-filter:grayscale(0);-o-filter:grayscale(0);filter:grayscale(0);filter:none;opacity: 1;}
}
@media(max-width: 1024px){
	.list41 li{ width: 50%}
}
@media(max-width: 800px){
	.list41{ margin: 0 -.1rem -.2rem}
	.list41 li{ width:auto; min-width:50%; padding:0 .1rem; margin-bottom:.2rem}
}
@media(max-width: 560px){
	.list41 li{ min-width:100%;}
	.list41 li .a{height:.7rem;padding: 0 0 0 .25rem;}
}